/*  Basics  */


html, body {
	height:100%;
	}
body {
	font: 18px/24px 'Helvetica', Arial, sans-serif;
	text-transform: lowercase;
	color: #ffffff;
	height: 100vh;
	margin: 0;
	padding: 0;
	font-weight: 700;	
	}

body.camp {
	background: url(../img/4_Camp_NNOI_2.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.start {
	background: url(../img/NNOI2023/1_Index_NNOI_web_2023.gif) no-repeat center center fixed;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	cursor: pointer;
	overflow: hidden;
}

body.nnoi {
	background: url(../img/1_NNOI_NNOI.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.nnoi2 {
	background: url(../img/1_start_1440.png) no-repeat center center fixed;
	background-color: #fff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.prog {
	background: url(../img/NNOI2021/2_Program_NNOI_web_2021_kk.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.arch {
	background: url(../img/7_Archive_NNOI-2.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.gal {
	background: url(../img/rauschen_pur.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.exh {
	background: url(../img/5_exhibition_NNOI-2.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

body.art {
	background: url(../img/3_Artist_NNOI-2.gif) no-repeat center center fixed;
	background-color: #ffe70d;
	background-blend-mode: multiply;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}

/*
body.ios.camp,
body.ios.start,
body.ios.nnoi,
body.ios.nnoi2,
body.ios.prog,
body.ios.arch,
body.ios.exh,
body.ios.art {
	background-attachment: scroll;
}
*/

body.ios.camp:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/4_Camp_NNOI_2.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.start:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/1_Index_NNOI_web_2020.gif) no-repeat center center;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.nnoi:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/1_Index_NNOI_web_2020.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.nnoi2:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/1_start_1440.png) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.prog:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/2_Program_NNOI-2.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.arch:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/7_Archive_NNOI-2.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.exh:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/5_exhibition_NNOI-2.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.art:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/3_Artist_NNOI-2.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
body.ios.gal:after {
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url(../img/rauschen_pur.gif) no-repeat center center;
      background-color: #ffe70d;
	  background-blend-mode: multiply;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

#header {
	position: fixed;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
}

.start #header {
	position: inherit;
	z-index: auto;
}
#main *{
	
}
.start #main {
	padding: 0;
}

.art #main,.prog #main,.camp #main,.exh #main,.nnoi #main,.gal #main {
	padding-top: 5em;
}

#blackline {
	width: 100%;
	float: left;
	border-bottom: 1px solid black;
	position: relative;
	margin-top: -60px;
}

.start #container {
	top: auto;
	height: auto;
	overflow: auto;
}

#container {
	top: 110px;
	height: calc(100vh - 110px);
	overflow: scroll;
	/* position: relative; */
}
/*
.nnoi #container,
.arch #container,
.gal #container,
.exh #container,
.camp #container {
	height: auto;
}
*/		
#main {
	max-width: 1020px;
	margin:0 auto;
	float: none;
	padding-top: 2em;
	}
	
#wrapper {
	min-height: 100% !important;
	position: relative;
	margin:0 auto;
	}
#footer {
	bottom: 0px;
	padding-bottom: 2em;
	width: 100%;
	height: auto;
	border-top: 1px solid #fff;
	z-index: 3;
	background-color: #cccb03;
	margin-top: 80px;
	}
	
#footer .mod_article {
	max-width: 1020px;
	margin: 0 auto;
	}

.start #main {
	max-width: none;
}
	
#logoh {
	margin: 40px 0 0 80px;
	float: left;
	z-index: 50;
}

	
body.start #logoh {
	position: fixed;
}

/* videos */
iframe.youtube-video{
	width: 80% !important;
	height: auto !important;
	min-height: 480px;
	margin-bottom: 20px;
}

#logoh h1 {
	font-weight: 200;
	letter-spacing: 1px;
	color: #36a862;
	margin: 1.5em 0 0.25em;
	font-size: 28px;
}
#logoh h2 {
	font-weight: 800;
	letter-spacing: 1px;
	color: #36a862;
	margin: 0 0 0.5em;
	font-size: 18px;
	text-transform: lowercase;
}

h1,h3,h5 {
	font-weight: 700;
	}
h4,h6 {
	font-weight: 400;
	}
h2 {
	font-weight: 300;
	}
	
h1 {
	margin: 0;
	line-height: 1.0;
}

.art h1 {
	text-transform: lowercase;
}

h2,h3,h4,h5,h6 {
	margin: 0px 0;
	line-height: 1.2;
}
	
h1 {
	font-size: 42px;
	}
h2 {
	font-size: 32px;
	}
h3 {
	font-size:24px;
	}
h4 {
	font-size:18px;
	}
h5 {
	font-size:14px;
	}
h6 {
	font-size:14px;
	}
	
a {
	color: #0099cc;
	text-decoration: none;
	}
a:hover {
	color: #0099cc; 
	text-decoration: none;
	}

.ce_text {
	margin-bottom: 1em;
	padding-top: 12px;
}

div.ce_form {
	padding: 0;
	width: auto;
}

/***** Rand **********************************************************/

#obr, #unr, #lir, #rer {
	background: #ffffff;
	position: fixed;
	z-index: 100;
	}
#lir, #rer {
	top: 0; bottom: 0;
	width: 15px;
	}
#lir { 
	left: 0; 
	}
#rer { 
	right: 0; 
	}
#obr, #unr {
	left: 0; 
	right: 0;
	height: 15px;
	}
#obr { 
	top: 0; 
	}
#unr { 
	bottom: 0; 
	}
#midde {
	background: rgba(255, 230, 0, 0.5);
	position: fixed;
	top: 15px;
	bottom: 15px;
	right: 15px;
	left: 15px;
}

/***** Start: Animation **********************************************************/

#demo {
  display:block;
  width:100%;
  height:100%;
}
#field {
  position:absolute;
  display:block;
  height: 50%;
  text-align: center;
  mix-blend-mode: multiply;
}
div#box {
  width:calc(200vh + 40vw);
  height:calc(20vh + 40vw);
  background: #ffe70d;
  mix-blend-mode: multiply;
  text-align: center;
  opacity: 0.85;
}

/* 
body#top.safari.webkit.start div#field, body#top.safari.webkit.start div#box,
body#top.chrome.start div#field, body#top.chrome.start div#box {
  opacity: 0.9;
}
*/



/***** Start: Hauptmenue ******************************************************/ 


nav.main { 
	padding: 0;
	width: auto;
	max-width: 1080px;
	margin: 0 auto;
/*	border-bottom: 1px solid #bcefff;  */
	z-index: 10;
	float: inherit;
	overflow: visible;
	text-align: right;
	}
nav.main { 
	
	}	
nav.main ul { 
	list-style: none; 
	padding: 0 0 20px; 
	margin: 0; 
	}   
nav.main ul li {
	display: inline-block; 
	position: relative; 
	line-height: 50px;
	} 
nav.main ul li a,
nav.main ul li strong,
nav.main ul li span,
nav.mod_customnav ul li a,
nav.mod_customnav ul li span {
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	font-weight: 700;
/*	text-transform:lowercase;   */
	letter-spacing: 1px;
	}
	
nav.main ul li a,
nav.main ul li strong,
nav.main ul li span {
	padding: 20px 0 45px;
	width: 100px;
	text-align: center;
	}

nav.main ul li strong {
	padding: 40px 0 90px;
	width: 100px;
	text-align: center;
	}  

nav.main ul li a,
nav.main ul li a:link,
nav.main ul li a:visited,
nav.main ul li a:focus,
nav.main ul li a:active,
nav.main ul li a.active {
	color: #000000;
	text-decoration: none;
	}

nav.main ul li a:hover, 
nav.main ul li.active,
nav.main ul li a.trail,
nav.main ul li.trail a  {
	color: #000000; 
	text-decoration: none;
	background-color: #ffffff;
	}
	
nav.main ul li a:hover {
	background: url(../img/dreieck.png) no-repeat center 90%;
	background-size: 16px;
	background-color: #fff;
	background-blend-mode: multiply;
	}
	
.start nav.main ul li a:hover,
.start nav.main ul li.active,
.start nav.main ul li a.trail,
.start nav.main ul li.trail a  {
	color: #000000; 
	text-decoration: none;
	background-color: #ffe70d;
	}

/* Ein- und Ausblenden */
nav.main ul li ul { display: none; }
nav.main ul li:focus ul { display: block; }  
nav.main ul li:hover ul { display: block; } 

/***** Start: SlickNav ********************************************************/

.slicknav_menu {
	display: none; 
}

.slicknav_nav span.active.submenu {
	padding:7px 15px 7px 0px;
}

.slicknav_nav li.active span.active {
	padding:7px 15px 7px 65px;
}

.slicknav_nav span.active {
	padding:7px 15px 7px 40px;
	margin:0;
	display: inline-block;
}

.slicknav_nav span.active {
	font-size: 16px;
	line-height: 20px;
	}
	

/***** Diverses ********************************************************/

.links h4				{text-align:left;font-size:24px;line-height:30px;color:#6e6a60;margin: 35px 0 30px 0;font-weight: normal;}
.links .ce_headline	{padding: 0px 10px 10px 0px;}
.rechts h4				{text-align:left;font-size:24px;line-height:30px;color:#6e6a60;margin: 35px 0 30px 0;font-weight: normal;}
.rechts .ce_headline	{padding: 0px 10px 10px 0px;}

p.aufruf			{font-size:19px;line-height:24px;margin: 15px 0 30px 0;color:#514833;}

.mod_article {
	margin:0 auto 10px auto;
	clear:both;
	animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.mod_article.tist {
	margin:0 auto 50px auto;
	clear:both;
	animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

@keyframes fadein {
	0%{opacity:0;}
	10%{opacity:0;}
	40%{opacity:0;}
	80%{opacity:1;}
	100%{opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
	0%{opacity:0;}
	10%{opacity:0;}
	40%{opacity:0;}
	80%{opacity:1;}
	100%{opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	0%{opacity:0;}
	10%{opacity:0;}
	40%{opacity:0;}
	80%{opacity:1;}
	100%{opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    0%{opacity:0;}
	10%{opacity:0;}
	40%{opacity:0;}
	80%{opacity:1;}
	100%{opacity:1;}
}

.gal .mod_article {
	animation: none;
}

#linieoben.mod_article {
	border-bottom: 1px solid #badc82;
}

#karte.mod_article {
	padding: 0;
	margin: 0;
	line-height: 0;
	text-align: center;
}

#karte div#share-overlay {
	display: none !important;
}

.rs-columns {
	width:100%;
	}

.ce_text.quali ul {
	list-style-type: disc;
	padding-left: 20px;
}	

.ce_text a,
.ce_hyperlink a,
.ce_toplink a,
.more a {
	text-decoration:none;
	color:#fff;
	font-size: 42px;
	line-height: 21px;
	font-weight: bolder;
}

.ce_text a:hover,
.ce_hyperlink a:hover,
.ce_toplink a:hover,
.more a:hover {
}

.ce_toplink {
	padding-top: 60px;
	clear: both;
}

.mod_article div.#share-overlay {
	display:none;
}

#teaser.mod_article {
	padding-bottom: 24px;
	border-bottom: 1px solid #bcefff;
}

.mod_newslist .layout_short {
	margin-top: 12px;
}

.mod_newslist h2 {
	margin: 1em 0 0.5em;
}

.mod_newslist h2 a {
	color:#000;
	text-decoration: none;
	font-size: 24px;
	font-weight: 400;
	cursor: hand;
}
p.info {
	display: none;
}

.custom {
	clear: both;
}

.scl {
	position: fixed;
	bottom: 30px;
	z-index: 10;
	width:80%;
	max-width: 800px;
}

.start .scl {
	width: 50%;
	left: 25%;
}

.start .midde {
	width: 100%;
	display:block;
	justify-content: center;
}

iframe.scl .g-background-default {
	background-color: none;
}

.scl .g-shadow-inset {
	box-shadow: none;
}

.scl .widget {
	border: none;
}

iframe.scl .widget div.cookiePolicy {
	display: none;
}

.strikeout {
  font-size: 42px;
  line-height: 21px;
  position: relative;
}

a.strikeout {
	text-transform: lowercase;
}

.strikeout:hover:after,
.strikeout2:hover:after,
.strikeout3:hover:after,
.strikeout4:hover:after, 
.strikeout5:hover:after{
  border-bottom: 0.125em solid white;
  content: "";
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

a.strikeout2 {
  font-size: 42px;
  line-height: 21px;
  position: relative;
}

a.strikeout2::before{
	width: 28px;
	display: inline-block;
	content: "\25B6";
	font-size: 21px;
	position: relative;
	top: -2px;
}

a.strikeout3,
a.strikeout4 {
  font-size: 30px;
  line-height: 16px;
  position: relative;
  color: #fff;
}

a.strikeout5 {
  font-size: 24px;
  line-height: 21px;
  position: relative;
  color: #fff;
}

.program a.strikeout2 {
  text-transform: lowercase;
}

.bigger {
	font-size: 24px;
}

.camp p {
	margin-bottom: 21px;
}

.ce_text.weiss p,
.ce_text.weiss h1 {
	color: #ffffff;
}

.ce_text.weiss h1 {
	margin-bottom: 6px;
}

.ce_text h2 {
	font-weight: bold;
}

.art .ce_text.weiss p {
	margin: 8px 0;
}

.bld img {
	width: 45%;
	height: auto;
	margin: 10px auto 0 5%;
}

.bld.bik80 img {
	width: 80%;
}

#mbCenter {
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: none;
	-ms-filter: none;
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}


/******************************************************************************/
/***** galerie ****************************************************************/
/******************************************************************************/
 
.ce_gallery		 			{width:100%;padding:0;}
.ce_gallery h4		 		{text-align:center;margin:0 0 40px 0;}
.ce_gallery ul li			/* {width:45%; border:1px solid #a29c87;margin:1.5%;} */
.ce_gallery img				{display:block;}
.ce_gallery .col			{margin:0 0 1.5% 0;}
.ce_gallery>ul li.col_first {clear:none;}
/*
.ce_gallery.klein		 	{width:70%;padding:3% 15% 1.5% 15%;background-color:#d1cdc3;margin:0;}
.ce_gallery.klein.hell		{width:70%;padding:3% 15% 1.5% 15%;background-color:#e4e2dc;margin:0;}
.ce_gallery.klein ul li		{width:23.1%; border:1px solid #a29c87;margin:0 2% 2% 0;}
.ce_gallery.klein img		{display:block;}
.ce_gallery.klein .col		{margin:0;}
.ce_gallery.klein .col_last	{margin:0 0 2% 0;}
.ce_gallery.klein>ul li.col_first {clear:left;}

.ce_gallery.mini		 	{width:70%;padding:3% 15% 1.5% 15%;background-color:#d1cdc3;margin:0;}
.ce_gallery.mini ul li		{width:10.5%; border:1px solid #a29c87;margin:0 1.8% 1.8% 0;}
.ce_gallery.mini img		{display:block;}
.ce_gallery.mini .col		{margin:0;}
.ce_gallery.mini .col_last	{margin:0 0 2% 0;}
.ce_gallery.mini>ul li.col_first {clear:left;}
 */
 
 .ce_gallery.kl-bild {
	 margin-bottom: 100px;
 }
 
 .ce_gallery.kl-bild a {
 }
 
 .ce_gallery.kl-bild .image_container {
	 background-color: #ffe70d;
	 display: inline-block;line-height: 0;
 }
 
 .ce_gallery.kl-bild img {
	 transition:opacity .5s;
	 opacity: 1;
	 -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	 filter: grayscale(100%); /* FF 35+ */
 }
 .ce_gallery.kl-bild img:hover {
	 opacity: 0.6;
 }
 
 div#lbOverlay, div#cboxOverlay {
	 background-color: #ffffff;
 }
 
 #cboxLoadedContent {
	 padding: 1px;
	 border: 0px solid #fff;
 }
 
 #cboxTitle,#cboxCurrent {
	 top: -24px;
	 color: #000000;
	 font-size: 16px; 
 }
 
 #cboxContent {
	 background: #ffffff;
	 margin-top: 24px;
	 font: 12px/18px 'Helvetica', Arial, sans-serif;
 }
 
 .ce_gallery.einereihe .odd {
	 display: none;
 }
 .ce_gallery.einereihe {
	 padding-bottom: 20px;
 }

/******************************************************************************/
/***** formular ***************************************************************/
/******************************************************************************/
.ce_form		 	{width:70%;padding:0 15% 0 15%;}
.ce_form label 		{display: none;}
.textarea			{width:97%;border: 1px solid #b4b2aa;padding: 2% 1% 2% 2%;font: 18px/26px 'Helvetica', Arial, sans-serif;font-weight:300;margin-bottom:16px;}
.ce_form input.text	{width:97%;border: 1px solid #b4b2aa;padding: 2% 1% 2% 2%;font: 18px/26px 'Helvetica', Arial, sans-serif;font-weight:300;margin-bottom:16px;}
p.error				{font: 13px/16px 'Helvetica', Arial, sans-serif;color: #716233;font-weight:300;padding-left:2px;}

.mod_search input.text	{
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	width:60%;
	border: 1px solid #b4b2aa;
	padding: 0.45em;
	font: 18px/26px 'Helvetica', Arial, sans-serif;
	font-weight:300;
	margin:0 16px 16px 0;
	border-image-source: initial;
	border-image-slice: initial;
	border-image-width: initial;
	border-image-outset: initial;
	border-image-repeat: initial;
	}

fieldset.radio_container {
	padding: 0 2px;
}

.mod_search .formbody {
	margin-bottom: 48px;
	padding-bottom: 24px;
	border-bottom: 1px solid #bcefff; 
}

.mod_search a {
	text-decoration: none;
	border-bottom: 1px dotted rgb(0, 153, 204);
}

.mod_search a:hover {
	color:#0050a3;
}

.mod_search fieldset.radio_container label {
	font-size: 0.825em;
	padding: 0 12px 0 7px;
	vertical-align: middle;
}

h3 span.relevance {
	font-size: 16px;
	font-weight: 700;
	margin-left: 12px;
}

.mod_search span.highlight {
	background-color: #daf5fd;
}

.mod_search p.url {
	color: #b6b6b6;
	font-style: italic;
}

#header div.mod_form {
	position: relative;
	z-index: 101px;
	float: right;
	padding:1.5em 5em 0 0;
	width: auto;
	max-width: 1080px;
	margin: 0 auto;
/*	border-bottom: 1px solid #bcefff;  */
	z-index: 10;
	overflow: visible;
	}

#header #suchformular {
	margin: 0;
}

#header #suchformular .suchfeld {
	width: 200px;
	padding: 5px;
}

#header #suchformular .submit_container.lupe {
	padding-left: 10px;
}

#header #suchformular .lupe {
	padding: 0.25em 0 0;
	margin: 0;
	float: right;
}

input.submit.lupe {
	background: none;
	border: none;
	width: 20px;
}

.widget.klsuchfeld {
	float: left;
}

input.klsuchfeld {
	padding: 0.2em;
}


/***** Footer *****************************************************************/


#footer li 			{}
#footer li.last		{}
#footer a {
	text-decoration: none;
	}
#footer a:hover {
	text-decoration: none; 
	color: #ffffff; 
	}
#footer .active {
	text-decoration: none; 
	}

#footer .mod_customnav {
	margin-top: 0;
}

#footer .mod_customnav ul {
	margin-top: 5.5em;
}

#footer h1, #footer h2, #footer h3 {
	color: #fff;
}

	
/******************************************************************************/
/***** responsible *************************************************************/
/******************************************************************************/ 

@media (min-width:1024px)	{ 
.mod_article.dreiviertel 	{margin:0 24% 10px auto;}
}


@media screen and (max-width: 1250px) 
{
 nav.main ul li:nth-child(3) {
	margin-right: 0; 
	} 
 nav.main ul li:nth-child(4) {
	margin-left: 0;
	}
 nav.main ul li {
	width: auto;
	}
} 


@media (max-width:1024px)	{ 


	.rs-columns			{width:100%;padding:0 10px 0 10px;}
	.rs-columns .ce_text,.rs-columns .ce_image	{padding:0;}

	#logoh { padding-left:5px;}

}

@media screen and (max-width: 1000px)
 { 
	.slicknav_menu { display: block; } 
	nav.main { display: none; }  
	#header .mod_form { display: none;}
	body.compressed #mainnav { display: none; }
	
	h1#logo { position: fixed; z-index: 15; top: -5px; left: -2px; margin: 0px 0px 0px 0px; padding: 0; width: 200px; height: 40px; background: url(../../files/img/logo-compressed2.png) top center no-repeat; transition: all 0.3s linear; }
	h1#logo a { display: block; height: 33%; width: 100%; color: #ffffff; }

	.flex-caption {
		bottom: 10%;
		}
	#wrapper {}
	#container {
		margin: 30px auto;
		max-width: 90%;
		top: 0;
		overflow: visible
		}	
	#header {position: relative; top:-30px}
	#blackline {display: none}
	#main {
		padding: 0;
		}
	#logoh {
		margin: 10px 0 0 40px;
	}
} 

@media (max-width:750px)	{
	h1 {
		font-size: 28px;
		}
	h2 {
		font-size: 24px;
		}
	h3 {
		font-size: 18px;
	}
	.bigger {
		font-size: 18px;
		line-height: 1.1;
	}
	a.strikeout2 {
	font-size: 28px;
	line-height: 14px;
	}

	.bld img {
		float: none;
		width: 80%;
		margin-right: 10%;
		}
}

@media (max-width:599px)	{ 
	#wrapper {}	
	#logoh { padding-left:5px;margin:20px}
	#Slider .ce_image { padding-left: 0;}
	#container {margin-top: 30px; overflow:inherit}
	#main {
		padding-top:0;
		}

	h1,h2,h3,h4,h5,h6,p {
		margin: 0 0 6px;
	}

	.ce_text a {
		font-size: 28px;
		line-height: 14px;
	}
	#header {
		position: relative;
	}

	#blackline {
		margin-top: -15px;
	}

	iframe.scl {
		max-width:90%
	}

	.mod_article {
		margin:0px;
		clear:both;
	}
	.rs-column.-medium-first-row {
		margin-top: 0;
	}

	.links h4			{text-align:left;font-size:21px;line-height:24px;margin: 20px 0 20px 0;}
	.rechts h4			{text-align:left;font-size:21px;line-height:24px;margin: 20px 0 20px 0;}

	.ce_text			{text-align:left;padding:10px;}
	.ce_image,.ce_hyperlink,.mod_newsreader,.mod_search		{ padding-left:10px;}
	.ce_text.rechts	{text-align:left;}
	.ce_text.links		{text-align:left;}
	.ce_text.links.zitat	{text-align:center;}
	.ce_text.rechts.zitat	{text-align:center;}
	.mod_article.hg h3	{margin: 0 0 30px 0;}
	.ce_headline		{width:100%;text-align:left;}

	.rs-columns			{width:100%;padding:0 10px 0 10px;}
	.rs-columns .ce_text,.rs-columns .ce_image	{padding:0;}

}



@media (min-width:600px) and (max-width:1024px)	{
.rs-column.-medium-col-3-1 {
	width: 31%;
	margin-right: 2%;
	}
#main {
	max-width: 980px;
}
	
}

.ce_form select {
	width: auto;
	box-sizing: border-box;
	padding: .5em .6em .4em .6em;
	border: 1px solid #b4b2aa;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dfdfdf;
	background-image: url();
	background-repeat: no-repeat;
	background-position: right .6em center;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: 300;
	white-space: pre;
-webkit-rtl-ordering: logical;
cursor: default;
}

input.submit {
	width: auto;
	box-sizing: border-box;
	padding: .5em .7em .4em .7em;
	border: 1px solid #b4b2aa;
	border-radius: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #0b8c06;
	background-image: url();
	background-repeat: no-repeat;
	background-position: right .6em center;
	font-size: 18px;
	line-height: 26px;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: 300;
	color: #fff;
	cursor: default;
}

/*
.ce_form option {
	width: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .7em .6em .6em .6em;
	white-space: pre;
-webkit-rtl-ordering: logical;
cursor: default;
}  */

@media (max-width:375px)	{
	#logoh {
		width: 95%;
	}
	.bld img {
		float: none;
		width: 80%;
		margin-right: 10%;
	}
	iframe.youtube-video{
		width: 100% !important;
		height: auto !important;
		min-height: 200px;
	}
}


@media 
/* Fairly small screens including iphones */
only screen and (max-width: 500px),
/* iPads */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

{
	#lir, #rer {
	width: 8px;
	}
#obr, #unr {
	height: 8px;
	}
}