@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Gloria Hallelujah';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/gloria-hallelujah-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Gloria Hallelujah'), local('GloriaHallelujah'),
       url('../fonts/gloria-hallelujah-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/gloria-hallelujah-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/gloria-hallelujah-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/gloria-hallelujah-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/gloria-hallelujah-v10-latin-regular.svg#GloriaHallelujah') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v17-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v17-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* quattrocento-regular - latin */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quattrocento-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Quattrocento'),
       url('../fonts/quattrocento-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quattrocento-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quattrocento-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quattrocento-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quattrocento-v10-latin-regular.svg#Quattrocento') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Sue Ellen Francisco';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/sue-ellen-francisco-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Sue Ellen Francisco '), local('SueEllenFrancisco'),
       url('../fonts/sue-ellen-francisco-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/sue-ellen-francisco-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/sue-ellen-francisco-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/sue-ellen-francisco-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/sue-ellen-francisco-v9-latin-regular.svg#SueEllenFrancisco') format('svg'); /* Legacy iOS */
}

			 



html,body{
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
}

#ds{
	position:fixed;
	width:100%;

	font-family: 'Arial', sans-serif;
	font-weight:300;
	font-size:12px;
	text-align:right;
	padding: 10px 10px 5px 0;
	margin-bottom:10px;
	z-index:15;}
#ds a {
	text-decoration:none;
	padding-right:10px;
	color:#016936;}
#ds a:hover {
	color:#000;}
#ds-pad{
	padding-right:5px;}
  @media screen and (max-width: 1300px){
    #ds-pad{
	padding-right:15px;}}

#conteiner{
	width:900px;
	min-height:500px;
	margin:0 auto;
	background:#fff;
	-moz-box-shadow: 0 0 15px #aaa;
	-webkit-box-shadow: 0 0 15px #aaa;
	box-shadow: 0 0 15px #aaa;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;}

#container {
    position: relative;
	min-height:100px;
	width:100%;
	/*min-width:1350px;*/
	margin:0 auto;
	padding:0;
}
/*----------------header----------------*/
#header{
	width:100%;
	position:fixed;
	z-index:4;
}
#background,#background_bt{
	position:absolute;
	bottom:0;
	background-color:#fbe200; 
	height:100px;
	width:100%;
	z-index:2;
}
#background{
	top:0;
}
#background_bt{
	background-color:#fff; 
	height:80px;
}
#background>div,#background_bt>div{
	/*min-width:1350px;
	max-width:1600px;*/
	height:120px;
	background:url(../images/yellow-top.png) left top no-repeat;
	background-size: 100% 100%;
}
#background_bt>div{
	background:url(../images/white-bottom.png) left top no-repeat;
	height:80px;
	margin-top:-11px;
}
#logo{
	position:relative;
	float:left;
	width:220px;
	margin:15px 0 0 10px;
	z-index:20;
}

#menu{
	margin:0 10px 0 0;
	padding:0;
}

nav{
	position:relative;
	float:right;
	margin:41px 0 0 0;
	z-index:3;
	background:#fbe200;

}
nav ul{
	margin-top:0px;
	margin-right:0px;
}
nav>ul>li{
	display:block;
	float:left;
	position:relative;
	list-style-type:none;
}
nav>ul>li li{
	list-style-type:none;
}
nav>ul>li>ul{
	position:absolute;
	top:25px;
	padding: 10px 12px 10px 0;
	border-width:0 0 6px 0;
	border-color:#016936;
	border-style:solid;
	visibility:hidden;
}


nav ul>li:hover ul,nav ul>li ul:hover{
	width:150px;
	background-color: rgba(251,226,0,0.95);
	visibility:visible;}
	
nav a,nav a:visited{
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:1em;
	color:#016936;
	padding:3px 7px;
	margin:0px 5px;
	display:inline-block;
}
nav a:hover,nav a.activ{
	color:#555;
}

/** Subnavigation ********************************/

nav ul>li ul a,nav ul>li ul a:visited{
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#666;
	padding:3px 3px;
	margin:0px 5px;
	display:inline-block;
	border:0px;
}
nav ul>li ul a:hover,nav ul>li ul a.activ{
	color:#fff;
	border:0px;
}

nav>ul>li>ul>li>ul{
	padding-left:15px;
	background-color: rgba(0,0,0,0)!important;}

.nolink{
	color:#333!important;}

/*************************************************/

a.face,a.face:visited{
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:1.55em;
	color:#016936;
	margin:0px 5px;
	display:inline-block;
}
a.face:hover{
	color:#cbb700;
}
a.face{
	position:relative;
	z-index:3;
	float:right;
	display:block;
	padding-top:4px;
	margin:30px 0 0 10px;
}


.button{
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#016936!important;
	background-color:#fbe200!important;
	border:0;
	padding:6px 12px;
}

.button:hover{
	background-color:#ddd!important;
}

.button1{
	position:relative;
	z-index:3;
	border:none;
	background:#fff;
	padding:8px 0px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#016936;
	display:inline-block;
	float:right;
	width:170px;
	margin:35px 10px 0 10px;
}
.button1:hover{
	background:#016936;
	color:#fff;
}

#logo a{
	text-decoration:none;
	display:block;
}
/*----------------Content_________________*/
.content1{
	position:relative;
	width:100%;
}	
/*.content1.head{
	min-height:220px;
}*/
.content1>img{
	position:relative;
	width:100%;
	vertical-align:bottom;
	z-index:1;
}
.content>img{
	position:relative;
	width:100%;
	height:100%;
	vertical-align:bottom;
	z-index:1;
}
.content1 #green_layer{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	background-color:rgba(1,105,54,0.3);
}
.block{
	position:absolute;
	top:0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width:1000px;
	z-index:2;
}
.block.norm{
	position:relative;
}
.block.center{
	text-align:center;
	padding-top:2%;
}
.block h1{
	font-family: 'Sue Ellen Francisco', arial, sans-serif;
	font-size:3em;
	text-transform:uppercase;
	line-height: 1.5;
	color:#fff;
	margin:0 0 15px 0;
	padding-top:75px;
}


.block .title{
	text-align:center;
	font-weight:lighter
}
.block h2, .block h3.h2{
	font-family: 'Sue Ellen Francisco', arial, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	line-height:1.5;
	color:#016936;
	margin:20px 0 0 0;
	padding:0;
}
.block h2.title,.block h3.h2.title{
	padding:20px 0 10px 0;
	line-height:1.2;
}
.block h3{
	font-family: 'Oswald', arial, sans-serif;
	font-weight:lighter;
	font-size:16px;
	text-transform:uppercase;
	line-height:1.5;
	color:#f7c80c;
	margin:0;
	padding:0;
}
.block p{
	font-family:'Quattrocento', arial, sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#4d4d4d;
	margin:15px 0 0 0;
}



.block li{
	font-family:'Quattrocento', arial, sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#4d4d4d;
}



.block p a{
	text-decoration:none;
	color:#f9c800;
}

.block p a:hover{
	color:#016936;
}


.block p.more{
	font-family: 'Sue Ellen Francisco', arial, sans-serif;
	font-size:18px;
	line-height:normal;
	color:#f7c80c;
	margin:0;
	cursor:pointer;
	text-transform:uppercase;
}
.block p.more:hover{
	color:#016936;
}
.banner-oben {
margin:105px 0 0 100px;
width:1000px;
}

#my_popup {
  transform: scale(0.8);
}
.popup_visible #my_popup {
  transform: scale(1);
}

.popup {
	background-color:#fff; 
	width:60%; 
	max-width:1000px;
	margin: 0 0 0 0 !important; 
	padding:24px 40px 40px 40px !important; }
.popup .picture {
	background-image: url('../images/vw-tierversuche-wiedergutmachung.jpg');
	background-repeat: no-repeat;
	background-position: left -30px top -30px;
	margin:0;
	padding:0; }
  @media screen and (max-width: 1300px){
    .popup .picture {
      	background-position: left -150px top -50px; }}
  @media screen and (max-width: 980px){
    .popup .picture {
      	background-position: left -200px top -60px; }}
  @media screen and (max-width: 760px){
    .popup .picture {
      	background-position: left -300px top -70px; }}
.popup h1 {
	margin:0;
	padding-left:50%;
	padding-top:6%;
	padding-bottom:20px;
	font-family: 'Sue Ellen Francisco', arial, sans-serif;
	font-size:3em;
	text-transform:uppercase;
	line-height: 1.5;
	color:#fff; }
  @media screen and (max-width: 1300px){
    .popup h1{
      padding-left:40%;
	  padding-top:5%;
	  padding-bottom:20px;
	  font-size:3em; }}
  @media screen and (max-width: 980px){
    .popup h1{
      padding-left:30%;
	  padding-top:4%;
	  padding-bottom:15px;
	  font-size:2em; }}
  @media screen and (max-width: 760px){
    .popup h1{
      padding-left:10%;
	  padding-top:3%;
	  padding-bottom:10px;
	  font-size:1.2em; }}
	
.popup h2 {
	font-family: 'Oswald', arial, sans-serif;
	font-weight:lighter;
	font-size:20px;
	text-transform:uppercase;
	line-height:1.5;
	color:#fff;
	margin:0;
	padding-right:20px;
	padding-left:50%; }
  @media screen and (max-width: 1300px){
    .popup h2{
      padding-left:40%;
	  font-size:18px;}}
  @media screen and (max-width: 980px){
    .popup h2{
      padding-left:30%;
	  font-size:16px;}}
  @media screen and (max-width: 760px){
    .popup h2{
      padding-left:10%;
	  font-size:14px;}}
	  
.popup button {
	background-color:#fbe200;
	border:none;
	color:#016936;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	text-transform:uppercase;
	font-family: 'Oswald', arial, sans-serif;
	font-size: 16px; 
	margin: 5% 0 5% 50%; }
  @media screen and (max-width: 1300px){
    .popup button{
      margin-left:40%;
	  margin-bottom:4%; }}
  @media screen and (max-width: 980px){
    .popup button{
      margin-left:30%;
	  margin-bottom:4%; }}
  @media screen and (max-width: 760px){
    .popup button{
      margin-left:10%;
	  margin-bottom:4%; }}
.popup button:hover {
	background:#fff;
	color:#016936; }

	
	
.content1 .green,.block h3.h2.green{
	color:#016936;
}
.content1 .white{
	color:#fff;
}
.content1 .yellow{
	color:#fbe200;
}
.content1 .stat1{
	margin:4% 0 0 12%;
	display:inline-block;
	font-size:50px;
}
.content1 .stat{
	margin:40px 0 0 145px;
	display:inline-block;
	font-size:50px;
}
div.yellow_bg{
	background:#fbe200;
}

div.circle2{
	margin-top:0px;
}

div.oliva_bg{
	background:#80b49a;
}
div.oliva_lite_bg{
	background:#d9e9e1;
}
.block button {
    background-color:#fbe200;
    border:none;
    color:#016936;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
		text-transform:uppercase;
		font-family: 'Oswald', arial, sans-serif;
    font-size: 16px;
}
.block button:hover{
	background-color:#fff;
}

.onwhite {
	border-style:solid !important;
	border-width:2px !important;
	border-color:#fbe200 !important;
	padding: 8px 18px !important;
}
.onwhite:hover{
	border-color:#016936 !important;
}


.circle{
	position:absolute;
	height:40px;
	width:80px;
	border-radius:40px 40px 0 0;
	top:-40px;
	left:50%;
	margin-left:-40px;
	background:#fff;
	text-align:center;
	z-index:3;
}
.circle a,.circle a:hover,.circle a:visited{
	
}
.column{
	width:303px;
	float:left;
	padding:15px;
	padding-bottom:50px;
}
.column img{
	width:90%;
	padding:2%;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.photo{
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	display:block;
	padding:15px;
	margin:40px;
	margin-left:165px;
	vertical-align:bottom;
	text-align:center;
	float:left;
}
.photo2{
	background:#fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	display:block;
	padding:15px;
	margin:40px;
	margin-left:165px;
	vertical-align:bottom;
	text-align:center;
	float:left;
}
.photo2.cl{
	
	padding:4px 4px 0 4px;
}
.photo.im{
	padding:4px;
	margin:55px;
}
.photo.tir{
	margin:40px 10px 40px 0;
}
.photo p{
	font-family: 'Gloria Hallelujah', arial, sans-serif;
	font-size:35px;
	color:#5a5a5a;
	-moz-transform: rotate(-8deg); /* for Firefox */
    -ms-transform: rotate(-8deg); /* for IE */
    -webkit-transform: rotate(-8deg); /* for Safari, Chrome, iOS */
    -o-transform: rotate(-8deg); /* for Opera */	
	transform: rotate(-8deg);
	
	margin:10px 0 5px 0;
}
.div1{
	display:inline-block;
	margin:0 200px;
}
.div2{
	display:none;
}
.text{
	float:right;
	display:inline-block;
	width:40%;
	margin:40px;
}
.text1{
	float:right;
	display:inline-block;
	width:45%;
	margin:40px 0 40px 10px;
}
.text1 h2{
	margin-top:0;
}
.content1.yellow_bg{
	top:-20px;
}
select{
	font-family:'Oswald', arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	color:#016936;
	min-width:300px;
	width:300px;
	padding:3px 15px;
	float:right;
	margin:50px 15px 0 0;
	overflow:hidden; 
	background:#fff url(../images/arrow.png) no-repeat 98% ;
	border:none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	
}

.mc-field-group select{
	margin:3px 0 3px 0;
	width:100%;
    font-family: 'Oswald', arial, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    color: #016936;
	text-transform:none;
	padding:6px 5% 6px 5%;
	text-align: left!important;
}

.mc-field-group input{
	width:95%!important;
	padding-left:5%!important;
	text-align: left!important;
}



option{
	padding:3px 15px;
}

.optionklein{
	font-size:14px;
	font-weight:light;
}

.buchstabe{
	font-size:14px;
	font-weight:light;
	color: #fbe200;
	background-color:#fefefe;
}

.arrow_right,.arrow_left{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:100%;
	color:#fff;
	top:50%;
	margin-top:-15px;
}
.arrow_left{
	left:0;
	padding-left:10px;
}
.arrow_right i,.arrow_left i{
	cursor:pointer;
}
.arrow_left i{
	visibility:hidden;
}
.abc{
	text-align:center;
	margin:0 auto;
	padding:2% 0 0 0;
}
.abc li{
	display:inline-block;
}
.abc li a{
	font-family: 'Oswald', arial, sans-serif;
	font-size:1.5em;
	text-decoration:none;
	text-transform:uppercase;
	color:#f9c800;
	padding:0.3em;
}
.abc li a:hover{
	color:#016936;
}
.block.bottom{
	text-align:right;
	padding:15px;
	right:-8%;
	top:10%;
}
.zusammenfoto{
		margin-top: -20px;
		vertical-align: top !important;
	}
	
.tieraufnehmen{
		margin-top: -20px;
		vertical-align: top !important;
}	
	
#nlarchiv{
	margin: 0 auto;
	text-align:center;
	padding:0 0 3% 0;
	font-family:'Quattrocento', arial, sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#4d4d4d;
}	
#nlarchiv a{
	text-decoration:none;
	color:#016936;
}
#nlarchiv a:hover{
	text-decoration:none;
	color:#000;
}
#facebook-plug{
	width:100%;
	margin: 0 auto;
	text-align:center;
	margin: 2% 0 3% 0;
}
.ein-spalter
{
	margin: 0 auto;
	width: 800px;
	text-align:justify;
	margin-bottom: 3%;
}

.ein-spalter h2{
	text-align:center;
}

.map
	{
	width:50%;
}
/*----------------footer------------------*/
footer{
	position:relative;
	text-align:center;
	padding:15px 0;
	background:#d9e9e1;
}
footer>div{
	display:block;
	margin:0 auto;
	height:40px;
	width:750px;
	text-align:center;
}
footer ul{
	position:relative;
	z-index:3;
	padding:0;
	float:left;
	padding-bottom:7px;
	display:block;
}
footer ul li{
	display:inline-block;
	padding:10px 3px 0 3px;
	font-family: 'Oswald', arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#016936;
}
footer ul li a{
	text-decoration:none;
	color:#016936;
}
footer ul li a:hover{
	color:#555;
}
/*----------------Other-------------------*/
.clear{
	clear:both;
}
.none{
	display:none;
}
.tp-leftarrow.tparrows.round{
	position:absolute;
	top:50%;
	left:0;
	background:rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll left top;
	height:30px;
}
.tp-rightarrow.tparrows.round{
	position:absolute;
	top:50%;
	right:0;
	background:rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll left top;
	height:30px;
}
.block form{
	width:80%;
	padding:15px 10%;
	margin:0 auto;
	text-align:center;
}
.block form input{
	width:50em;
	margin:3px 0;
	text-align:center;
	font-family: 'Oswald', arial, sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#016936;
	border:0;
	padding:6px 0;
}
.block form button{
	width:50em;
	background:#016936;
	text-transform:uppercase;
	font-family: 'Oswald', arial, sans-serif;
	font-size:16px;
	color:#fff;
	margin:3px 0;
	padding:8px 20px;	
}
.block form button:hover{
	background:#fff;
	color:#016936;
}

.formular{
	background-color:#eee;
}

.freitext{
	width:49em;
	margin:3px 0;
	text-align:left;
	font-family: 'Oswald', arial, sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#016936;
	border:0;
	padding:0.5em 0.5em;
	height:100px;
	background-color:#eee;
}

.zeitung{
		padding-top: 1%;
	}
.slicknav_menu {
	display:none;
}
.slider {
    width: 80%;
	margin: 1% auto;
}
.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.block button.slick-arrow {
    background-color:transparent ;
	padding: 10px 0;
}
.block button.slick-arrow:hover{
	background-color:transparent ;
	padding: 10px 0;
}
.letter{
	margin:0;
}
.weiss:hover{
	color:#fff !important;
}
li.mshow{
		display:none;
	}
li.mobshow{
		display:none;
	}
	
.spendenrat{
	position: relative; 
	z-index:100;
}

.sprungmarke{
	position:absolute; 
	margin-top:-150px; 
	visibility:none;}
  @media screen and (max-width: 1300px){
	 .sprungmarke{
		margin-top:-150px;}}
  @media screen and (max-width: 980px){
    .sprungmarke{
		margin-top:-250px;}}
  @media screen and (max-width: 760px){
    .sprungmarke{
		margin-top:-300px;}}
		
.spotify{
	width:52%;}
  @media screen and (max-width: 1300px){
	 .spotify{
		width:52%;}}
  @media screen and (max-width: 980px){
    .spotify{
		width:90%;}}
  @media screen and (max-width: 760px){
    .spotify{
		width:95%;}}
		
.amazon{
	width:60%;
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center;}
  @media screen and (max-width: 1300px){
	.amazon{
		width:60%;}}
  @media screen and (max-width: 980px){
	.amazon{
		width:80%;}}
  @media screen and (max-width: 760px){
    .amazon{
		width:85%;}}
  

@media screen and (max-width: 1300px) {
	.js #menu {
		display:none;
	}
	.js .slicknav_menu {
		position:fixed;
		z-index:100;
		right:15px;
		top:30px;
		margin:0 auto;
		width:250px;
		display:block;
		z-index:10;
	}

	.content1>img{
		top:100px;
	}
	.content1 #green_layer{
		top:100px;
	}
	.block{
		width:100%;
	}
	.block h1{
		font-family: 'Sue Ellen Francisco', arial, sans-serif;
		font-size:3em;
		text-transform:uppercase;
		line-height: 1.5;
		color:#fff;
		margin:0 0 15px 0;
		padding-top:70px;
	}
	
	
	.banner-oben {
		width:800px;
	}
	a.face{
		display:none;
	}
	.button1{
		display:none;
	}
	li.mshow{
		display:block;
		color: #fff;
		background-color:#fff;
	}
	li.mobshow{
		display:block;
	}
	.circle {
		top: 60px;
	}
	.block h1.title{
		font-size:3em;
		padding-top:175px;
	}
	.block.norm{
	width:1000px;
	}
	div.circle2{
		margin-top:-100px;
	}
	select{
		margin:3% 2% 0 0;
	}
	.content1 .stat1{
		margin:2% 0 0 24%;
		display:inline-block;
		font-size:40px;
	}
	.entdeckenfoto{
		margin-top: -100px;
		vertical-align: top !important;
	}
	.zeitung{
		padding-top: 12%;
	}
	.circle.yellow_bg{
		margin-top:-100px;
	}
	.block.bottom{
		vertical-align:top;
		text-align:right;
		padding:15px;
		left:-20%;
		top:0%;
	}
	.zusammenfoto{
		margin-top: -120px;
		vertical-align: top !important;
		background:#80b49a;
	}
	footer{
		margin-top:120px;
		
	}
	footer>div ul{
		margin:0 auto;
		float:none;
	}
	.abc{
	text-align:center;
	margin:0 auto;
	padding-top:120px;
	}
	.h1abstand{
	padding-top:60px!important;
	}
	.ein-spalter
	{
		width: 80%!important;
		text-align:justify;
		padding-bottom:5%;
	}
}

@media screen and (max-width: 980px) {
	.block h1{
		font-size:2.5em;
		color:#fff;
		margin:0 0 15px 0;
		padding-top:50px;
	}
	.banner-oben {
		width:600px;
	}
	
	.content1>img{
		top:100px;
	}
	.content1 #green_layer{
		top:100px;
	}
	.block.norm{
	width:100%;
	text-align:center;
	}
	.column{
		width:45%;
		padding:2%;
		float:left;
	}
	.block form input{
		/*width:40em;*/
		max-width:100%;
	}
	.block form button{
		width:40em;
	}
	.freitext{
		width:39em;
	}
	.tieraufnehmen{
		text-align:center !important;
		padding-top:40px;
	}
	.text{
		width:60%;
		float:none;
		margin:0 auto;
		padding-top:20px;
	}
	.photo{
		text-align:center;
		margin:0 auto;
		float:none;
		width:240px;
	}
	.photo2{
		text-align:center;
		margin:0 auto;
		float:none;
		width:168px;
	}
	.buttonraum
	{
		height:40px;
	}
	select{
		margin:2.5% 2% 0 0;
	}
	.content1 .stat1{
		margin:2.5% 0 0 20%;
		display:inline-block;
		font-size:30px;
	}
	.entdeckenfoto{
		margin-top: -100px;
		vertical-align: top !important;
	}
	.zeitung{
		padding-top: 20%;
	}
	.circle.yellow_bg{
		margin-top:-100px;
		display:block;
	}
	.block.bottom.zusammen{
		vertical-align:top;
		text-align:right;
		padding:15px;
		left:-20%;
	}
	.block.bottom.zusammen h2{
		font-size:2em;
		margin:0;
		padding:2% 0 0 0!important;
	}
	.block.bottom.zusammen button{
		margin:0 auto;
	}
	.photo.cl{
		margin:20px auto 20px auto ;
		display:inline-block;
		float:none;
		width:80%;
		padding:1.5% 1.5% 1.3% 1.5%;
	}
	.photo.cl img{
		width:100%;
	}
	.text1 {
		margin: 40px 10% 40px 10%;
		width: 80%;
	}
	.ein-spalter
	{
		width: 80%!important;
		text-align:justify!important;
		padding-bottom:5%;
	}
	
	
	
}

@media screen and (max-width: 760px) {
	.js .slicknav_menu {
		position:fixed;
		z-index:100;
		right:15px;
		top:30px;
		margin:0 auto;
		width:250px;
		display:block;
		z-index:10;
	}
	
	.block {   /*erzeugt unter anderem neuen Block unter Header-Bild*/
		width:100%;
		position:relative;
		text-align:center;
	}
	.block h1{
		font-size:2em;
		color:#016936;
		padding-top:0px;
		margin:0 0 20px 0;
	}
	.content1>img{
		top:100px;
	}
	.content1 #green_layer{
		top:0px;
	}
	.content1.head{
	min-height:36em;
	}
	.banner-oben {
		width:100%;
		margin:150px 0 20px 0;
	}
	.circle {
		display:none;
	}
	.block h1.title{
		font-size:2.5em;
		padding-top:20px;
	}
	.column{
		width:90%;
		padding:0 0 15% 4.7%;
	}
	div.circle2{
		margin-top:-100px;
		display:block;
	}
	.block form input{
		width:100%;
	}
	.block form button{
		width:100%;
	}
	.freitext{
		width:97.5%;
	}
	.tieraufnehmen{
		text-align:center !important;
		padding-top:40px;
	}
	.text{
		width:80%;
		float:none;
		margin:0 auto;
		padding-top:20px;
	}
	.photo{
		text-align:center;
		margin:0 auto;
		float:none;
		width:240px;
	}
	.mc-field-group select{
	
	width:100%;
	min-width: 100%;
   
	}
	select{
		margin:0 auto;
		margin-top:20px;
		margin-bottom:20px;
		text-align:center;
		float:none;
	}
	
	
	
	.content1 .stat1{
		width:80%;
		margin:0 auto;
		margin-top:15%;
		display:inline-block;
		font-size:30px;
		color:#016936;
		text-align:center;
	}
	.entdeckenfoto{
		margin-top: -100px;
		vertical-align: top !important;
	}
	.zeitung{
		padding-top: 10%;
	}
	.block.bottom.zusammen{
		margin:0 auto;
		vertical-align:top;
		text-align:center;
		padding:0;
		right:0;
		left:0;
	}
	.block.bottom.zusammen h2{
		width:90%;
		font-size:1.5em;
		margin:0;
		padding:0;
		padding-top:25%!important;
		color:#016936;
	}
	.block.bottom.zusammen button{
		margin:0 auto;
	}
	footer>div{
		margin:0 auto;
		margin-top:-120px;
		width:100%;
	}
	footer>div ul{
		margin:0 auto;
		float:none;
	}
	footer>div ul li{
		padding-right:0.5em;
		font-size:0.8em;
		line-height:0.9em;
	}
	.mobweg{
		display:none;
	}
	.photo.cl{
		margin:0 auto 0 auto ;
		display:inline-block;
		float:none;
		width:80%;
		padding:1.5% 1.5% 0.6% 1.5%;
	}
	.photo.cl img{
		width:100%;
	}
	.text1 {
		margin: 40px 5% 40px 5%;
		width: 90%;
	}
	.abc{
	text-align:center;
	margin:0 auto;
	padding:10px 0;
	}
	.ein-spalter
	{
		width: 80%!important;
		text-align:justify!important;
		padding-bottom:15%;
	}
}

.mc-old-nl {
	width:100px; display: inline-block;
}
	@media screen and (max-width: 980px) {
		.mc-old-nl {
			display: block; text-align:center; width:100%;
	}}
	
.crArchiveItem {background-color: #ffffff;padding: 2px 0 2px 0; text-align:left;}
@media screen and (max-width: 980px) {
	.crArchive {
		display:block; margin-left:auto; margin-right:auto; text-align:center; width:100%;
		}
	.crArchiveItem {
		display:block; margin-left:auto; margin-right:auto; text-align:center; width:100%;
		}
	}
.crArchiveItem.CREven {background-color: #eeeeee;}
.crArchiveItemDate {font-family: 'Quattrocento', arial, sans-serif; font-size: 16px; display:block;float:left; min-width:104px;text-align:left; color:#4d4d4d;}
@media screen and (max-width: 980px) {
	.crArchiveItemDate {float:none; text-align:center;}
}
.crArchiveItemName {font-family: 'Quattrocento', arial, sans-serif; font-size: 16px; display:inline;}
.crArchiveItemName a {font-family: 'Quattrocento', arial, sans-serif; font-size: 16px; display:inline; text-decoration: none!important; color: #f9c800!important;}
.crArchiveItemName a:hover {color:#016936!important;}
.crArchiveItemImage, .crArchiveItemDescription {display:none;}


.patentier-spalte {
		text-align:justify; 
		padding:0 20px 0 0px;
		height:250px;}
		
@media screen and (max-width: 1300px) {
	.patentier-spalte {
		text-align:justify; 
		padding:0 20px 0 0px;
		height:250px;}}
		
@media screen and (max-width: 980px) {
	.patentier-spalte {
		text-align:justify; 
		padding:0 20px 0 20px;
		height:250px;}}
	
.checkbox-text{
	display:inline-block;
	font-family: 'Oswald', arial, sans-serif;
	font-size:16px;
	font-weight:lighter;
	color:#016936!important;
}