* {

	margin:0;
  
	padding:0;
  
  }
  
  
  /* pt-sans-narrow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  
  /* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* vesper-libre-regular - latin */
@font-face {
  font-family: 'Vesper Libre';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/vesper-libre-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vesper-libre-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vesper-libre-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vesper-libre-v19-latin-regular.svg#VesperLibre') format('svg'); /* Legacy iOS */
}

/* vesper-libre-500 - latin */
@font-face {
  font-family: 'Vesper Libre';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/vesper-libre-v19-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vesper-libre-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vesper-libre-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vesper-libre-v19-latin-500.svg#VesperLibre') format('svg'); /* Legacy iOS */
}

/* vesper-libre-700 - latin */
@font-face {
  font-family: 'Vesper Libre';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/vesper-libre-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/vesper-libre-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/vesper-libre-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/vesper-libre-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/vesper-libre-v19-latin-700.svg#VesperLibre') format('svg'); /* Legacy iOS */
}

  
  
  
  body, html
		  {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: 400;
		  }
  
    .cbo {
	clear:both;
    }


/*Schrift*/

	.fett{
	font-weight: 700;
	}
	
	.kursiv{
	font-style:italic;
	}
	
	.zwoelf{
	font-size: 14px;  /*PT Sans um 2px größer als Open Sans*/
	}
	
	.vierzehn{
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	}
	
	.sechzehn{
	font-size: 18px; /*PT Sans um 2px größer als Open Sans*/
	}
	
	.vierundzwanzig{
	font-size: 24px;
	}

	.text-center{
	text-align: center;
	}
		
	.text-rechts{
	text-align: right;
	}

	.wordbreak{
	word-wrap: break-word;
	}
		
	.silbentrennung{	
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
		
	.blocksatz{
	text-align: justify;
	}

	.initial{
	font-size: 20px;
	font-weight: 700;
	color: rgb(6, 89, 66);
	}

	h1{
	font-family: 'Vesper Libre', serif;		/*auch 500 und 700*/
	font-size: 45px;
	font-weight: 700;
	color: rgb(6, 89, 66);
	line-height: 1.1; /*normal 1.2*/
	margin: 0px 40px 0px 40px;
	}

	h2{
	font-family: 'PT Sans', sans-serif;
	font-size: 26px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: 700;
	color: black;
	margin: 40px 0px 20px 0px;
	}

	h3{
	font-family: 'Vesper Libre', serif;		/*auch 500 und 700*/
	font-size: 17px;
	font-weight: 700;
	color: rgb(6, 89, 66);
	margin: 0px 0px 0px 0px;
	}

	h4{
	font-family: 'PT Sans', sans-serif;
	font-size: 20px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: 700;
	color: rgb(6, 89, 66);
	margin: 40px 0px 20px 0px;
	}

    h5{
	font-family: 'PT Sans', sans-serif;
	font-size: 26px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: 700;
	color: black;
	margin: 0px 0px 20px 0px;
	}


/*Farben*/

    .gruen{
	color: rgb(6, 89, 66);
    }

    .grau{
	color: grey;
    }

    .rot{
    color: #C31B2A
    }

    hr{
	border: 2px solid rgb(6, 89, 66);
	margin: 0px 0px 0px 0px;
    }

/*Bilder*/
	.img-center{
	display: block;
	margin: 0 auto;
	}

	img {
	height: auto; /* Falls Dimensionsangaben im HTML vorhanden sind */
	max-width: 100%;
	}


/*Links*/
    a {
	outline-color:#fff;
	}
	
	a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	color: rgb(6, 89, 66);
	font-weight: 700;
	}
	


/*Header*/

	#kopf{
	width: auto;
	max-height: 300px;
	/*background-color: rgb(33, 41, 42);*/
	margin: 0 auto;
	}


	#header {
	background-image:url(images/header.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-size: cover;
	text-align:left;
	color:rgb(34,34,34);/*0,82,7*/
	width: 100%;
	max-width: 1000px;
	height: 300px;
	margin: 0 auto;
	}
	
	.kuh-header{
	float: left;
	}

	.kuhicon{
	font-size: 65px;
	padding:18px 0 0 10px;
	margin-top: -15px;
	color: rgb(31, 82, 63);
	}

	#KL {
	margin:0;
	padding:12px 0 0 10px;
	font-weight:700;
	font-size:24px; /*PT Sans um 2px größer als Open Sans*/
	font-style: normal;
	color: rgb(6, 89, 66);
	}
	
	#MLD {
	margin:0;
	padding:0 0 0 10px;
	font-size:16px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: 400;
	font-style: italic;
	margin-top: -5px;
	}



	#header-menu {
	max-width: 1000px;
	height:38px;
	margin-top: -38px;
	margin-left: auto;
	margin-right: auto;
	background: rgba(0,0,0,.5);
	}
	
	
	div#header-menu a {
	text-align:left;
	padding:0px;
	margin:0;
	color:#fff;
	font-weight:400; /*PT Sans Narrow 400, nicht wie bei Open Sans Condensed 700*/
	font-size:20px;
	}
	
	div#header-menu a {
	margin:0;
	text-align:left;
	text-decoration:none;
	color:#fff;
	}
	
	div#header-menu a:hover {
	color:rgb(220,220,215);
	}


/*Navigation*/
	ul, ol, li
	{ 
	list-style: none;
	outline: 0;
	padding: 0;
	margin: 0;
	}

	#nav {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 400;
	font-size:22px;
	position:relative;
	width:auto;
	margin-left: 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 35px;
	transition: .5s ease;
	}
		
	#nav > ul{
	margin:0px auto;
	position:relative;
	float:left;
	}
		
	#nav > ul > li{
	list-style: none;
	display:inline;
	margin:3px 10px; /*PT Sans Narrow margin-top 3px, bei Open Sans Condensed 0*/
	padding:0;
	float:left;
	position:relative;
	}


/*Mobile Navigation Button ausblenden*/
    .hamburger {
    display: none;
    }   

/* Scroll to Top */

    #backtotop {
	cursor : pointer;
	display: none;
	position: fixed;
	bottom: 40px;
	right: 20px;
	z-index: 3;
	width: 30px;
	height: 30px;
	display: none;
	text-align: center;
	font-size: 22px;
	line-height: 25px;
	font-family: Arial;
	color: rgb(6, 89, 66);
	background-color: #fff;
	opacity: 0.8;
	transition: opacity .5s;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	-ms-transition: opacity .5s;
	border: 2px solid rgb(6, 89, 66);
    }
    
    #backtotop:hover{
	text-decoration: none;
	opacity: 0.5;
    }

    #backtotop i {
	line-height: 100%;
	font-size: 26px;
    }


/*Seiten*/

    #container{
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	padding: 0px;
	/*border: 1px solid grey;*/
    }

    #main{
    width: auto;
    margin: 40px 40px;
    /*border: 1px solid grey;*/
    }


    .aktiveseite{
	margin: 0px 0px;
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	font-style: italic;
	color: rgb(6, 89, 66);	
    }


/*Footer*/
    #unten{
	padding: 0 25px;
	background-color: rgb(33, 41, 42);
	color: white;
	height: 100px;
	}
	
	#unten_text{
	max-width: 960px;
	margin: 0 auto;
	}
	
	#copyright{
	float: left;
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	}
	
	#impressum{
	float: right;
	text-align: right;
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	}
		
	#impressum a:link, #impressum a:visited, #impressum a:active, #impressum a:hover {
	text-decoration: none;
	color: white;
	}

/*Startseite*/


    .kasten_links{

	
    }

    .termin{
    width: 200px;
    float: right;
    margin: 0 0px 0 20px;
    padding: 20px;
    border-left: 2px solid rgb(6, 89, 66);
    border-right: 2px solid rgb(6, 89, 66);
    }


    .start-bild{
	margin: 40px auto 30px auto;
	}

    .aktuelles{
    margin: 30px 100px;
    padding: 30px 30px 150px 30px;
    border: 3px solid rgb(6, 89, 66);
    }

    .aktuelles-bild{
    float: right;
    width: 150px;
    margin-left: 40px;
    }

/*Betrieb*/

    .betrieb{
    margin-bottom: 40px;
    }

    .zertifizierung{
    padding: 1px 0 0 0;
    }

    .zertifizierung-logo{
	width:150px;
	float:left;
	margin:20px 40px 10px 10px;
    }

    .bild-links{
    margin: 40px 0 20px 0;
    float: left;
    width: 48%;
    padding: 5px;
    }

    .bild-rechts{
    margin: 40px 0 20px 0;
    float: right;
    width: 48%;
    padding: 5px;
    }

/*Mutterkuhhaltung*/

    .links{
    float: left;
    margin: 0px 0 20px 0;
    width: 450px;
    padding: 0 20px 0 0;
    }


    .rechts{
    margin: 20px 0 40px 0;
    padding: 1px 0 0 0;
    }

    .herkunftsnachweis{
	padding: 1px 0 0 0;
    }

    .nachweise{
	float: right;
	width: 410px;
	padding: 30px 0 0 10px;
    }
    
    .nachweis-logo{
	height: 140px;
	margin: 10px;
	}

/*Vermarktung*/

    .vermarktung{
    }

    .siegel{
	float: right;
	width: 310px;
	padding: 10px 0 0 20px;
    }

    .siegel-logo{
    height: 150px;
    margin: 10px;
    }

    .paket-links{
    float: left;
    margin-left: 100px;
    }

    .paket-rechts{
    float: right;
    margin-right: 100px;
    }

    .aufzaehlung li{
	list-style: disc;
    }

/* Verteiler */

    .verteiler-kasten{
    min-width: 340px;
    }

    .verteiler-bild{
    float: right;
    margin: 60px 0 20px 0;
    width: 450px;
    padding: 0 0 0 50px;
    }


    .verteilerinput{
    font-family: 'PT Sans', sans-serif;
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	border: 1px solid grey;
	border-radius: 0px;
	width: 310px;
	padding: 10px;
	}
		
	.verteilerinput:focus {
	outline: none;
	border: 2px solid rgb(6, 89, 66);   
	}	
		
	.special-input{
	height: 0.5px;
	overflow: hidden;
	}


/*Impressionen*/	

    .galerie{
    margin: 40px 0 40px 0;
    }


/*Kontakt*/

    .adresse{
	float: left;
	max-width: 320px;
	height: 400px;
    }

    .map{
    position: relative;
	float: right;
	max-width: 450px;
	height: 400px;
    }

    .map-size{
	width: 450px;
	height: 300px;
    }

    .hinweis{
    font-size: 14px; /*PT Sans um 2px größer als Open Sans*/
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index: 100;
	width: 80%;
	color: white;
	border: 1px solid black;
	background: rgba(0,0,0,.5);
	padding: 2px;
	cursor: pointer;	
    }

    .video img {
	cursor: pointer;	
    }

    .kontaktformular{
	float: left;
	margin: 20px 0 0 0;
    }

    .website{
    height: 1px;
    overflow: hidden;
    }

    .kontakt-bild{
	float: right;
	max-width: 450px;
	margin: 90px 0 0 0;
    }

	.form{
	margin: 20px 0 20px 0;
	}
	
	label{
	font-size: 14px; /*PT Sans um 2px größer als Open Sans*/
	color: grey;
	margin: 0;
	}
	
	textarea{
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	border: 1px solid grey;
	padding: 10px;
	display:block;
	}
	
	
	::-moz-placeholder {color:grey;}
	::-webkit-input-placeholder {color:grey;}
	:-ms-input-placeholder {color:grey;}
	
	
	
	input:focus, textarea:focus {
	outline: none;
	border: 2px solid rgb(6, 89, 66);   
	}
	
	select:focus{
	outline: none;
	}
	
	input[type="text"]:required:valid, input[type="email"]:required:valid, textarea:required:valid {
	background-image:url(images/valid.png);
	background-size: 20px 15px;
	background-position:right center;
	background-repeat:no-repeat;}
		
		
	.input{
	width: 310px;
	font-family: 'PT Sans', sans-serif;
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	border: 1px solid grey;
	border-radius: 0px;
	padding: 10px;
	display: block;
	margin: 0 0 5px 0;
	}
	
	
	.input-inline{
	float: left;
	margin: 0 8px 0 0;
	}
	
	
	.button{
	cursor:pointer;	
	width: 150px;
	height: 35px;
	line-height: 16px; /*PT Sans um 2px größer als Open Sans*/
	font-size: 16px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: normal;
	-webkit-appearance: none; /* stop mobile safari from using default button styles */
	padding: 4px 0px;
	margin: 0 10px 10px 0;
	text-align: center;
	color: white;
	background-color: rgb(6, 89, 66);
	border: 2px solid rgb(10, 29, 10);
	border-radius: 0px;
	/*box-shadow: 0px -3px rgba(0, 0, 0, 0.20) inset;	*/
	-webkit-backface-visibility: hidden;
	}
			
				
	.button:hover,active {
	opacity: 0.8;
	}
	
	input[type="text"]:required:valid, input[type="email"]:required:valid, textarea:required:valid {
	background-image:url(images/valid.png);
	background-size: 20px 15px;
	background-position:right center;
	background-repeat:no-repeat;
	}

	textarea {
	font-family: 'PT Sans', sans-serif;
	}




/* =============================================================================
   Media Queries
   ========================================================================== */


@media only screen and (max-width:1024px) {


	.nav-open #nav {width: 45%;}
    }


@media only screen and (max-width:991px) {
html{font-size:98%;}

    h1{
    font-size: 40px;
    }

    h2{
	margin-top: 20px;
    }

    #kopf{
	max-height: 280px;
	}

    #header {
    max-height: 280px;
    }


/*Startseite*/

	.kasten_links{
	}
	
	.termin{
	margin: 15px 0 15px 20px;
	padding: 25px 20px;
	}

/*Betrieb*/


/*Mutterkuhhaltung*/
	.links{
	width: 600px;
	}
	
	
	
	.rechts{
	margin: 20px 0 40px 0;
	padding: 1px 0 0 0;
	}


/*Verteiler*/
	
	.verteiler-bild{
	float: none;
	margin: 20px auto;
	width: auto;
	padding: 0 20px;
	}

/*Kontakt*/

    .adresse{
	float: none;
	max-width: 320px;
	height: auto;
    }

    .map{
	margin-top: 20px;
	float: none;
	max-width: 450px;
	height: auto;
    }

    .kontaktformular{
	float: none;
	margin: 20px 0 0 0;
    }

    .kontakt-bild{
	float: none;
	max-width: auto;
	margin: 20px 0 0 0;
    }

}



/* All Mobile Sizes */
@media only screen and (max-width:767px) {

/*Mobile Navigation Button einblenden*/	
    #header-menu {
	background: rgba(0,0,0,.0);
    }

    h1{
	font-size: 20px;
	margin: 0px 20px 0px 20px;
	}
		
	h2{
	font-size: 18px; /*PT Sans um 2px größer als Open Sans*/
	margin: 20px 0px 20px 0px;
	}
	
	h3{
	font-size: 16px;
	font-weight: 700;
	}
	
	h4{
	font-size: 18px; /*PT Sans um 2px größer als Open Sans*/
	font-weight: bold;
	}

	h5{
	font-size: 18px; /*PT Sans um 2px größer als Open Sans*/
	margin: 10px 0px 10px 0px;
	}

	hr{
		border: 1px solid rgb(6, 89, 66);
		margin: 0px 0px 0px 0px;
	}




    #kopf{
	max-height: 220px;
	}


    #header {
	background-position: left top;
	max-height: 220px;
    }


    #KL {
	margin:0;
	padding:8px 0 0 5px;
	font-weight:700;
	font-size:18px;
	font-style:normal;
    }

    #MLD {
	margin:0;
	padding:0 0 0 5px;
	font-size:12px;
	font-weight: 400;
	font-style:italic;
	margin-top: -5px;
    }

    .kuhicon{
	font-size: 30px;
	padding:12px 0 0 5px;
	margin-top: -3px;
	}


    .hamburger {
	display:block;
    }



/* =Header */
    header{position: fixed; width: 100%; z-index: 99999; top:0; -webkit-transform: translateZ(0);}
    #header-menu{z-index: 999;}
    .logo{margin: 7px 0 0;float: left;padding: 15px; display:none;}
    .logo a{color:#fff;}
    .nav-toggle {position:absolute;right:0px;top:40px;z-index:10001;cursor:pointer}
    .hamburger {width:40px;height:40px}
    .hamburger span {background:#000;display:block;position:absolute;height:4px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:all .4s cubic-bezier(.22,.61,.36,1);-moz-transition:all .4s cubic-bezier(.22,.61,.36,1);-o-transition:all .4s cubic-bezier(.22,.61,.36,1);transition:all .4s cubic-bezier(.22,.61,.36,1);opacity:1;width:100%;right:0}
    .hamburger span:nth-child(1) {top:0;}
    .hamburger span:nth-child(2) {top:12px}
    .hamburger span:nth-child(3) {top:24px;}
    .hamburger.open span:nth-child(1) {top:3px;-webkit-transform:rotate(42deg);-moz-transform:rotate(42deg);-o-transform:rotate(42deg);transform:rotate(42deg);}
    .hamburger.open span:nth-child(2) {display:none}
    .hamburger.open span:nth-child(3) {top:3px;-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);-o-transform:rotate(-42deg);transform:rotate(-42deg);}
    #nav {position:fixed;right:0;top:0;transform:translate3d(100%,0,0);transition:all .25s ease-out;background:#fff;width:300px;height:100vh;padding:200px 20px;display:table;text-align:center;z-index:10000;}
    .nav-open #nav {transform:translate3d(0,0,0);transition:all .4s ease;width: 38%;background: rgb(34, 34, 34);}
    #nav ul {width:100%; list-style:none;display:table-cell;vertical-align:top}
    #nav >ul >li{transform:translate3d(40px,0,0);opacity:0;transition:all .4s cubic-bezier(.22,.61,.36,1);margin:5px 0;width:100%; float:none; text-align:left;display:block; padding:0}
    .nav-open #nav >ul >li {-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
    .nav-open #nav li:nth-child(1) {transition-delay:.2s}
    .nav-open #nav li:nth-child(2) {transition-delay:.3s}
    .nav-open #nav li:nth-child(3) {transition-delay:.4s}
    .nav-open #nav li:nth-child(4) {transition-delay:.5s}
    .nav-open #nav li:nth-child(5) {transition-delay:.6s}
    .nav-open #nav li:nth-child(6) {transition-delay:.7s}
    .nav-open #nav li:nth-child(7) {transition-delay:.8s}
    .nav-open #nav li:nth-child(8) {transition-delay:.9s}
    #nav li ul{position:static; margin:0; width: 100%;padding:10px 0 0;}
    #nav >ul >li >a {display:block; width:100%;padding:0 30px 0; margin:0; line-height:1.8; font-size:1.6em;}
    #nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {}
    #nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a,#nav .current-menu-ancestor > a {}
    #nav .current_page_item > a:after, #nav .current_page_ancestor > a:after, #nav .current-menu-item > a:after, #nav .current-menu-ancestor > a:after {width: 30px;bottom: -5px;}
    #nav li.home-button{display:block}



    .nav-toggle {right:10px;top:16px;}
    .logo{display: block;}
    header{height: 59px;background: #000;}
    .hamburger span {background: #000;height:2px}
    #nav{padding: 100px 15px 250px;}
    .nav-open #nav {width: 100%;}
    .hamburger.open span:nth-child(1) {top:12px;}
    .hamburger.open span:nth-child(3) {top:12px;}




	#main{
	margin: 30px 20px 10px 20px;	
	}		

/*Footer*/
	#copyright{
	float: none;
	}
	
	#impressum{
	float: left;
	}

/*Startseite*/
    .kasten_links{
	width: 100%;
	float: none;
	order: 1;
	}	

    .termin{
	width: 200px;
	float: none;
	margin: 30px auto;
	padding: 10px 20px;
	border-left: 2px solid rgb(6, 89, 66);
	border-right: 2px solid rgb(6, 89, 66);
	order: 2;
	}

    .start-bild{
	margin: 0px auto 20px auto;
	}

    .aktuelles{
    margin: 30px 30px;
    padding: 30px;
    border: 2px solid rgb(6, 89, 66);
    }

    .aktuelles-bild{
    float: none;
    width: 150px;
    margin-left: 40px;
    }

/*Betrieb*/
    .order{
	display: flex;
	flex-direction: column;
    }

    .betrieb{
    margin-bottom: 20px;
    }

    .zertifizierung{
	order: 1;
    }

    .zertifizierung-logo{
	order: 2;
	float: none;
	margin:20px auto;
	}

    .bild-links{
    margin: 20px 0;
    float: none;
    width: auto;
    padding: 5px;
    }

    .bild-rechts{
    margin: 20px 0 0 0;
    float: none;
    width: auto;
    padding: 5px;
    }


/*Mutterkuhhaltung*/

    .links{
	float: none;
	width: auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	order: 2;
    }

    .rechts{
	float: none;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	order: 1;
    }

    .herkunftsnachweis{
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
	order: 1;
	}
	
    .nachweise{
	float: none;
	width: 315px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;
	order: 2;
	}

    .nachweis-logo{
	height: 100px;
	margin: 10px;
	}

/*Vermarktung*/

    .vermarktung{
	float: none;
	order: 1;
    }

    .siegel{
	float: none;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	order: 2;
    }

	.paket-links{
	float: none;
	margin-left: 80px;
	margin-top: 40px;
	}

    .paket-rechts{
	float: none;
	margin-left: 80px;
	margin-right: 0;
	margin-top: 40px;
	}

    .verteiler-kasten{
	order: 1;
    }

    .verteiler-bild{
	float: none;
	margin: 20px auto;
	width: auto;
	padding: 0 0 0 0;
	order: 2;	
	}


/*Impressionen*/	

    .galerie{
	margin: 20px 0 20px 0;
	}

/*Kontakt*/	

    .adresse{
	float: none;
	height: auto;
    }

    .map{
	float: none;
	height: auto;
    margin: 20px 0 20px 0;
    }


    .map-size{
	width: 100%;
    }

    .hinweis{
	font-size: 10px; /*PT Sans um 2px größer als Open Sans*/
    }

    .kontaktformular{
	float: none;	
    }

    .kontakt-bild{
	float: none;
	margin: 20px 0 0 0;
    }


}