/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		oncurating.org v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
@import url('fonts.css');		


/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
				
		sup {
				vertical-align: top;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}
        
    * { box-sizing: border-box; }

/* ==========================================================================
   Allgemeines
   ========================================================================== */				

		
		html, body { 
				height: 100%;}
		
		body {
			  font-size: 12px;
				font-family: 'Noto Sans', sans-serif;
				color: #000;
				background-color: #fff;
        background-image: url(../img/body.jpg);
        background-repeat: repeat-x;
        background-position: top left;
        background-attachment: fixed;}
				
		::selection {background: #000; color: #fff;}
		::-moz-selection {background: #000; color: #fff;}
		
		.invisible {
				display:none;}
				
		.fixed {
				position: fixed;}
		
		hr {
				float: left;
				width: 185px;
				border-top: 1px solid #000;
				margin-top: 15px;
				margin-bottom: 15px;}
				
		h1 {
				font-family: 'Noto Sans', sans-serif;
				color: #000;
				font-weight: bold;
				font-size: 32px;
				font-style: normal;
				line-height: 42px;
				margin-bottom: 10px;}
        
    .promo h1 {
      margin-bottom: 10px;}
      
    .left .mod_newslist .layout_latest  h1{
      margin-bottom: 40px;}
				
		.layout_full h1 {
				margin-bottom: 10px;}
				
		.border {
				border-bottom: 1px solid #000;
				margin-bottom: 40px;
        box-shadow: inset 0 -1px 0 #fff200;}

		h2 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 15px;
				line-height: 18px;
				margin-bottom: 0px;}
				
		.right h1 {
				font-family: 'Noto Sans', sans-serif;
				font-weight: bold;
				font-size: 15px;
				line-height: 21px;
				border-bottom: 1px solid #000;
				margin-bottom: 18px;
				background-color: #fff;
        box-shadow: inset 0 -1px 0 #fff200;
        padding-bottom: 8px;}
				
		.right .mod_newslist h1 {
				border: none;
				padding-bottom: 15px;
        box-shadow: none;}
				
		.right h2 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 15px;
				line-height: 20px;
				background-color: #fff;}
				
		h3 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 17px;
				line-height: 18px;
				margin-bottom: 18px;
				text-decoration: underline;
				font-weight: bold; }

		h4, h5 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 13px;
				line-height: 19px;
				margin-bottom: 19px; }
        
    h5 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 11px;
				line-height: 16px;
				margin-bottom: 5px;
        color: #aaa; }
        
		p, .ce_accordion div { 
				clear: left;
				font-family: 'Noto Serif', serif;
				font-size: 17px;
				line-height: 24px;
				margin: 0 0 19px 0;}
        
    .mod_tagcloud ul li {
        float: left;
        margin: 0 30px 10px 0; 
				font-family: 'Noto Serif', serif;
				font-size: 17px;
				line-height: 25px;}
        
    @media screen and (min-width: 1800px) {
  			h1 {
				font-size: 52px;
				line-height: 68px;}
				
			.content p, h2, .caption, .mod_tagcloud ul li, .ce_accordion div {
				font-size: 25px;
				line-height: 38px;}
    }
    @media screen and (min-width: 960px) and (max-width: 1799px){
    .content p, h2, .caption, .mod_tagcloud ul li, .ce_accordion div {
				font-size: 17px;
				line-height: 26px;}
    }
    @media screen and (min-width: 700px) and (max-width : 960px) {
			.header p {
				padding: 30px 30px 0 30px;
				font-size: 30px;
				line-height: 32px;}
    }
				
		a img {
				text-decoration: none;}
        
		.content a, .contentStart a {
				color: #000;
				text-decoration: underline;}
				
		.content a:hover, .contentStart a:hover, .module a:hover {
				text-decoration: none;
				background-color: #fff200;}
        
    .tags {
        width: 100%;
				margin: 25px 0; }
        
    .tags a{
      background-color: #333;
      padding: 7px 15px;
      color: #FFF;
      font-size: 11px;
      text-decoration: none;
      margin: 0 5px 10px 0;
      display: inline-block;}
      
    .tags a:hover {
      background-color:#fff200;}
				
		.caption { 
				clear: left;
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				margin: 0 0 19px 0;}
				
		.header p {
				padding: 30px;
				font-size: 40px;
				line-height: 42px;}
				
		.left .image_container img {
				margin: 0px 0 5px 0;}
				
		em {
				font-style: italic;}
        
    blockquote {
      padding-left: 10%;}
      
    .ce_accordion .toggler { text-decoration: underline; color: red; cursor: pointer;}
    
    .ce_accordion .toggler:hover { text-decoration: none;}
    
    .ce_headline { margin: 80px 0 30px 0;}
        

				
/*	Layout DESKTOP styles
  
		----------------------------------------------------*/
		.title {
				padding-top: 7px;
        padding-left: 0px;
				float:left;
				width: 200px;
				font-family: 'Noto Sans', sans-serif;
				font-size: 15px;} 
				
		#menu {
				float: right;
				cursor: pointer;
				margin: 5px 15px 5px 0;
				width: 30px;
				height: 25px;
				background-image: url(../img/menu.png);}
				
		.mod_navigation {
				padding-top: 7px;
				float: right;}
        
    .navi {
        width: 100%;
				clear: both;
        height: 60px;
        padding-top: 12px;
				background-color: #fff200;}
				
		#nav ul li {
				font-family: 'Noto Sans', sans-serif;
				font-size: 15px;
				float: left;
				color: #000;
				margin-right: 30px;
				padding-bottom: 5px;}
        
    #nav ul li.last {
      margin-right:0;}
				
		#nav ul li a{
				color: #000;
				text-decoration: none;
				font-family: 'Noto Sans', sans-serif;
				font-size: 15px; }
                
        #nav ul li a.lupe span, #nav ul li.active.lupe strong { display:none; }
        #nav ul li.active.lupe,
        #nav ul li a.lupe {
                display: block; 
                background-image: url(../img/search.svg); 
                background-repeat: no-repeat; 
                width: 20px;
                background-size: contain;
                background-position: center left; height: 20px; }
        
    #nav ul li a:hover, #nav ul li span.active, #nav ul li.trail a  {
      text-decoration: underline;}
      
      #nav ul li.donate a {
            animation: blinkingText 1.2s infinite;
            font-weight: 700;
            color: #ff0e39;}
            
    @keyframes blinkingText{
    0%{     color: #ff0e39;    }
    49%{    color: #ff0e39; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #ff0e39;    }
    }

        
@media screen and (min-width: 1025px) {
			#menu {
				display: none;}
}
        
@media screen and (min-width: 220px) and (max-width : 1024px) {
			#nav{
				display:none;
				position:absolute;
				z-index: 1000;
				display: none;
				width: 100%;
        height: 1000px;
				right:0;
				top: 50px;
        background-color: #fff200;
        padding-bottom:50px; }
				
			#nav ul li {
				background-color: #fff200;
				padding: 10px 15px 10px 15px;
				width: 100%;
				height: 40px;
				font-family: 'Noto Sans', sans-serif;
				font-size: 20px;
				color: #000;
				margin-right: 30px;
        text-align: right;}
				
			#nav ul li a {
				color: #000;
				text-decoration: none;
				font-family: 'Noto Sans', sans-serif;
				font-size: 20px; }
            
				
			#nav ul li span.active {
                background-color: #fff200;
				text-decoration: underline;}
				
			#nav ul li a:hover {
                background-color: #fff200;
				text-decoration: underline;}
				
			#menu {
				display: block;}
}

				
/*	Layout DESKTOP styles
  
		----------------------------------------------------*/
						
		.ce_form {
				margin-bottom: 50px;}
				
		.ce_form label, label{
				display: block;
				width: 300px;
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				margin-bottom:0px;}			
			
		.ce_form input, input{
				width: 300px;
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				padding: 8px 5px;
				border: 1px solid #000;
				margin-bottom: 10px;}

		.ce_form textarea{
				width: 300px;
				height: 80px;
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				padding: 5px;
				border: 1px solid #000;
				margin-bottom: 10px;
				margin-top: 0;}

				
		.ce_form input.submit {
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				background-color: #000;
				color: #fff;
				border: none;
				cursor: pointer;
				width: 80px;
				height: 30px;}
				
		input.button {
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				background-color: #000;
				color: #fff;
				border: none;
				cursor: pointer;
				width: 200px;
				height: 30px;}
        
@media screen and (min-width: 1800px) {
			.ce_form input.submit, .ce_form textarea, .ce_form textarea, .ce_form label, .ce_form input, label {
				font-family: 'Noto Serif', serif;
				font-size: 25px;
				line-height: 35px;}
				
			.ce_form input.submit {
				font-family: 'Noto Serif', serif;
				font-size: 25px;
				line-height: 35px;
				width: 80px;
				height: 50px;}
				
			input.button {
				font-family: 'Noto Serif', serif;
				font-size: 25px;
				line-height: 35px;
				width: 200px;
				height: 50px;}
				
			.ce_form input, input {
				width: 450px;}
				
			.ce_form textarea{
				width: 450px;
				height: 260px;}
}
@media screen and (min-width: 960px) and (max-width: 1799px){
    .ce_form input.submit, .ce_form textarea, .ce_form textarea, .ce_form label, .ce_form input, label {
				font-family: 'Noto Serif', serif;
				font-size: 17px;
				line-height: 26px;}
				
			.ce_form input.submit {
				font-family: 'Noto Serif', serif;
				font-size: 17px;
				line-height: 26px;
				width: 80px;
				height: 50px;}
				
			input.button {
				font-family: 'Noto Serif', serif;
				font-size: 17px;
				line-height: 26px;
				width: 200px;
				height: 50px;}
}

				
/*	Asing styles
  
		----------------------------------------------------*/				
		.asing {
        width: 16.66%;
				float:right;
				text-align: center;
        margin-top: 0px;
        padding: 30px 0;
        border-top: 1px solid #000;
        box-shadow: inset 0 1px 0 #fff200; }
      
    .asing .ce_image {
        padding:15px 0;
        background-color: #f5f5f5; }
				
		.asing .image_container {
				width: 150px;
        margin: 0 auto;}
				
		.asing img {
				max-width: 100%;
				width: auto\9; /* ie8 */}
    
@media screen and (max-width: 960px) { 
      .asing {
        width: 100%;
        float: left;
        background-color: #fff;}
        
      .asing .image_container {
        width: 100px;}
        
      .asing .ce_image{
        float: left;
        margin-right: 30px;}
}

/*	ContentStart styles
  
		----------------------------------------------------*/
    .clear {
      height: 0;
      clear: both;}
            
    .contentStart {
      width: 83.33%;
      float: left;
      margin-top: 0px;
      padding-top: 30px;
      border-top: 1px solid #000;
      box-shadow: inset 0 1px 0 #fff200; }
    
		.contentStart .image_container {
				position:relative;}
				
		.contentStart div.caption {
				display:none;}
        
		.contentStart .ce_image {
				float:left;
        width: calc(20% - 30px);
        margin-right: 30px;
				margin-bottom: 30px;}
        
    .contentStart .image_container a img {
      border: 3px solid #f4f4f6;}
        
    .contentStart .image_container a:hover img {
      border: 3px solid  #fff200;}
        
    .contentStart .mod_newslist .image_container img {
        max-width: 100%;
        width: auto; /* for ie 8 */}

@media screen and (max-width: 1280px) {        
      .contentStart .ce_image {
				float:left;
        width: calc(25% - 30px);
        margin-right: 30px;
				margin-bottom: 30px;}
}

@media screen and (min-width: 841px) and (max-width : 960px) { 
   .contentStart { 
      width: 100%;}
      
  .contentStart .ce_image {
				float:left;
        width: calc(25% - 18px);
        margin-right: 24px;
				margin-bottom: 24px;}
        
  .contentStart .ce_image:nth-child(4n) {
        margin-right: 0px;}
}

@media screen and (min-width: 581px) and (max-width: 840px) { 
   .contentStart { 
      width: 100%;}
             
      .contentStart .ce_image {
				float:left;
        width: calc(33.33% - 14px);
        margin-right: 21px;
				margin-bottom: 21px;}
        
      .contentStart .ce_image:nth-child(3n) {
        margin-right: 0px;}
}

@media screen and (min-width: 400px) and (max-width: 580px) {
   .contentStart { 
      width: 100%;}
              
      .contentStart .ce_image {
				float:left;
        width: calc(50% - 15px);
        margin-right: 30px;
				margin-bottom: 30px;}
        
      .contentStart .ce_image:nth-child(2n) {
        margin-right: 0px;}  
}

@media screen and (max-width: 400px) {
      .contentStart { 
        width: 100%;}
              
      .contentStart .ce_image {
				float:left;
        width: 100%;
        margin-right: 0px;
				margin-bottom: 30px;
        background-color: #f4f4f6;
        text-align: center;}  
}

.mod_tagcloud ul li {
}


/*	ContentBooks styles
  
		----------------------------------------------------*/

      .contentBooks {
        margin-top: 30px;
        width: 100%; }
    .contentBooks .mod_newslist, .contentBooks .mod_article {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;}
        
    .contentBooks .mod_article .mod_newslist {
    	width: 50%;
    }
    
    .contentBooks .mod_article .mod_newslist h1 { width: 100%; }
        
      .contentBooks .mod_newslist .image_container {

        width: calc(33% - 25px);
        margin-right: 30px;
        self-align: center;
				margin-bottom: 30px;
        border: 1px solid black;}
        
      .contentBooks .mod_newslist .image_container a img {
        border: 3px solid #fff;}
        
      .contentBooks .mod_newslist .image_container a:hover img {
        border: 3px solid  #fff200;}
        
@media screen and (min-width : 961px) {        
      .contentBooks .mod_newslist .image_container:nth-child(3n - 2) {
        margin-right: 0px;}
} 

@media screen and (min-width: 581px) and (max-width : 960px) {
      .contentBooks .mod_newslist .image_container {
        width: calc(50% - 18px);
        margin-right: 24px;
				margin-bottom: 24px;}
        
      .contentBooks .mod_newslist .image_container:nth-child(2n + 1) {
        margin-right: 0px;}
} 

@media screen and (max-width: 580px) {
	.contentBooks .mod_article .mod_newslist { width: 100%; }
              
      .contentBooks .mod_newslist .image_container { 
				float:left;
        width: 100%;
        margin-right: 0px;
				margin-bottom: 30px;
        background-color: #f4f4f6;
        text-align: center;}  
}

/*	ContentStart styles
  
		----------------------------------------------------*/
@media screen and (min-width: 1800px) {}
@media screen and (min-width: 1500px) and (max-width: 1799px){}
@media screen and (min-width: 1300px) and (max-width: 1499px) {}
@media screen and (min-width: 960px) and (max-width: 1299px){}
@media screen and (min-width: 700px) and (max-width : 960px) {}
@media screen and (min-width: 481px) and (max-width : 699px) {}
@media screen and (min-width: 220px) and (max-width : 480px) {}

/*	Layout ALL styles
  
		----------------------------------------------------*/	

		
		#container {
        position: relative;
				margin: 0 auto;
        width: 100%;
        padding: 0 25px;
        max-width: 1680px; }
        
@media screen and (max-width : 960px) {
  #container {
    padding: 0 15px;}  
}
        
    #container img{
        max-width: 100%;
				width: auto\9; /* ie8 */}
			
		.header {
        display: none;
				width: 100%;
				float: left;
				background-color: #FFF200;
				border-bottom: 5px solid #000;}
				
		.headerLeft, .headerRight {
				float: left;
				width: 50%;
				background-color: #FFF200;}
				
		.headerLeft a {
				color: #000;
				text-decoration: underline;}
				
		.headerLeft a:hover {
				text-decoration: none;}
				
		.headerLeft img, .headerRight img  {
				max-width: 100%;
				width: auto\9; /* ie8 */}
        
    .exposure {
      margin: 30px 0 20px 0;
      width: 100%;
      float: left;
      position: relative;}
        
    .promo{ 
      float: left;
      width: 73%;
      margin-right: 2%;}
      
    .promo .ce_image {
      float: left;
      width: 30%;
      margin-right: 30px;}
      
    .promo .ce_image a img {
      border: 3px solid #f4f4f6;}
      
    .promo .ce_image a:hover img {
      border: 3px solid #FFF200}
            
    .promo .ce_text {
      float: left;
      width: 65%;
      max-width: 700px;}
      
    .promo .ce_text p {
      max-width: 650px;}
      
    .promo .ce_text a{
      font-family: 'Noto Sans', sans-serif;
      background-color: #333;
      padding: 5px 15px;
      color: #FFF;
      font-size: 12px;
      text-decoration: none;
      margin: 0 5px 10px 0;
      display: inline-block;}
      
    .promo .ce_text a:hover {
      background-color:#FFF200;}
      
    .announcementWrapper {
      width: 25%;
      float: right;}
      
    .announcement {
      height: 100%;
      position: absolute;
      /*background-color: #fff;*/
      background-color: #000;
      padding: 20px;}
      
    .announcement a {
      color:#fff;}
      
    .announcement a:hover {
      text-decoration: none;}
      
@media screen and (min-width: 960px) and (max-width: 1050px){
    .promo, .announcementWrapper {
      width: 100%;}
      
      .promo {
        margin-bottom: 30px;}
      
      .announcement {
        position: relative;
        height: auto;
        width: 100%;}
        
      .promo .ce_image {
      float: left;
      width: 35%;
      margin-right: 5%;}
      
    .promo .ce_text {
      float: left;
      width: 55%;}

}
      
@media screen and (max-width : 960px) { 
     .promo, .announcementWrapper {
      width: 100%;}
      
      .promo {
        margin-bottom: 30px;}
      
      .announcement {
        position: relative;
        height: auto;

}
      
    .announcement p {
      color: #FFF;
      font-family: 'Noto Sans', sans-serif;
      font-size: 26px;
      line-height: 1.4em;}
}      
@media screen and (min-width: 581px) and (max-width: 960px) {
      
      .promo .ce_image {
      float: left;
      width: 40%;
      margin-right: 5%;}
      
    .promo .ce_text {
      float: left;
      width: 55%;}
}

@media screen and (max-width: 580px) {
  
  .promo, .promo .ce_image, .promo .ce_text { 
    width: 100%;
    padding-right: 0; 
    margin: 0 0 30px 0;} 
}
    				
		.content {
				float:left;
				width: 100%;}
				
		.top {
				padding-top: 40px;}
				
		.content .module {
				width: 100%;
				padding: 15px  0;
        height: 20px;
				margin-bottom: 40px;}
				
		.content .module ul li {
				float: left;
				margin-right: 20px;
        margin-bottom: 10px;}
				
		.content .module ul li a{
				font-family: 'Noto Sans', sans-serif;
				color: #000;
				font-size: 15px;
        line-height: 15px;
				text-decoration: underline;}
				
		.content .module ul li a:hover {
				text-decoration: none;
				background-color: #fff200;}
				
		.content .left{
				clear: left;
		 		float: left;
        width: 70%;
       /* max-width: 960px; */
				/*padding: 30px 45px;  */
        padding: 2% 12%;
        background-color: #f4f4f6;
        margin-bottom: 30px;}
				
		@media screen and (min-width: 1800px) {	
			.content .left {	
				  padding: 2% 8%;}
		}
		
    @media screen and (min-width: 1300px) and (max-width: 1799px){      			
			.content .left {	
				padding: 2% 13%;}
		}
		
		@media screen and (min-width: 961px) and (max-width: 1299px){				
			.content .left {	
				padding: 2% 10%;}
		}

    @media screen and (max-width: 960px) {
      .content {
        padding: 0px 5px;}
        
			.content .left {	
				width: 100%;
        max-width: 600px;
				padding: 30px 0px;
        background-color: #FFF;}
    }        
       
		.content .right {
				float: right;
				width: 25%;
				padding-top: 20px;
        padding-right: 30px;}
				
		.content .right .title {
				width: 100%;
        padding-left: 0;}
        
@media screen and (max-width:960px) {
  .content .right {
    display: none;}
}
				
		.footer {
				clear: both;
				width: 100%;
				height: 200px;
				border-top: 1px solid #000;
        box-shadow: inset 0 1px 0 #fff200;}
				
		.footerContent1 {
				float:left;
				padding: 20px 20px 0 0;
				width: 210px;}
				
		.footerContent2 {
				float:left;
				padding: 20px 20px 0 0;
				width: 150px;}
				
		.footerContent1 p, .footerContent2 p, .footerContent2 a {
				font-family: 'Noto Sans', sans-serif;
				color: #000;
				font-size: 12px;
				line-height: 18px;}	
        
    .footerContent2 a:hover {
      text-decoration: none;
      background-color: #fff200;}
				
		.mod_newslist .active a {
				background-color: #fff200;
				text-decoration: none;}
				
		.left .mod_newslist .teaser p { 
				clear: left;
				font-family: 'Noto Serif', serif;
				font-size: 15px;
				line-height: 20px;
				margin: 0 0 19px 0;}
				
		.right .mod_newslist .teaser p {
				display: none;}
	
/*	Layout MOBILE styles
  
		----------------------------------------------------*/
				
		@media screen and (min-width:700px) and (max-width:960px) {
				
			.content .left {	
				width: 100%;
				padding-top: 0px;}
		}		

		@media screen and (min-width:481px) and (max-width:699px) {

				
			.content .left {
				width: 100%;
				padding-top: 0px;}
        
      }
			

		
		@media screen and (max-width:480px) {
				
			.content .left {
				width: 100%;
				padding-top: 10px;}			
		}
		.notes p {  }		
		.notes a {
				background-color: transparent;}
                
        .notes a:target {
          display: block;
          position: relative;
          top: -120px; 
          visibility: hidden;
        }
				
		.notes a.information, .notes .information a{
				padding: 0 !important;}
				
		.notes a.information:hover {	
				background-color: #fff200;}
		
		.enclosure {
				margin-bottom: 35px; }
						
		.enclosure p {	
				clear: left;
				font-family: 'Noto Serif', serif;
				font-size: 12px;
				line-height: 20px;
				margin: 0 0 5px 0;}	
        
    .enclosure {
      display: none;}
      
    .prire {
      float:right; 
      margin: 0 20px 20px 0;}
      
    @media screen and (max-width:1300px) {
      .prire {
        float: left;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 30px;}
    }
    
    .mod_search .formbody { margin-bottom: 60px;}
    .cookiebar__analytics { width: 100%;}
    .cookiebar__analytics-checkbox { width: auto;}
    #cookiebar-text { max-width: 500px; padding: 10px 0;}
    .cookiebar__analytics-label { display: inline; padding-left: 10px; padding-top: 20px; font-size: 12px;}
      
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important; 
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h1, h2, h3 {
        page-break-after: avoid;
    }
    
    #container:before {
      content:"ON-CURATING.org";
      font-size: 16pt;
      font-weight: bold; }
    
    #container, .content .left {
      width: 100%;
      max-width: 100%;
      background-color: #FFF;
      padding: 0;
      margin: 0;}
      
    .content .left img {
      max-width: 30%;}
    
    .navi, .content .module, .content .right, div.footer, .tags, p.back {
      display: none !important;}
      
    p {
      font-size: 18pt;
      line-height: 1.5em;
      color: black;}
      
    h1 {
				font-family: 'Noto Sans', sans-serif;
				font-weight: bold;
				font-size: 34pt;
				line-height: 1.5em;
				margin-bottom: 1em;}
        
    h2 {
				font-family: 'Noto Sans', sans-serif;
				font-size: 24pt;
				line-height: 1.1em;
				margin-bottom: 0;}
        
    h3 {
				font-family: 'Noto Sans', sans-serif;
				font-weight: bold;
				font-size: 20pt;
				line-height: 1.5em;
				margin-bottom: 1em;}
}