html {	
	font-family: 'Montserrat', sans-serif;	
	color:002762;
	margin: 0;
	padding: 0;
	background-color: #FFF;	
	scroll-behavior: smooth;
}
body {	
	font-family: 'Montserrat', sans-serif;		
	margin: 0;
	padding: 0;	
}
td{	vertical-align:top; text-align: left;}
img {width: 100%; }
table{letter-spacing: 1px; font-family: 'Montserrat', cursive;}
.grau{background-color: #b5cfce;}

hr {
	border: 0px solid #464646; background-color:#464646; height:1px;
}
a { color: #706f6f; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size:14px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}
a:visited { color:#706f6f; }
a:hover { color: #1d1d1b;  font-style:normal; }

.rechts{width:60%; float:right;}
.links{width:30%; float:left; padding-left: 5%; padding-bottom: 30px;}

.back-to-top {position: fixed;bottom:20px;right:20px;padding:1em;z-index: 100; background-color:#b5cfce;color:#FFF;padding: 0px 10px 4px 10px;font-size: 30px;}



#fixed{	position:fixed;	width: 100%;padding: 0 0 0 0;height:110px;z-index:15;background-color:#FFF;margin-left:auto;margin-right:auto;border-bottom: 1px solid #706f6f;top:0px;}

#schwarzeleiste{width:100%; background-color:#1d1d1b; position: absolute;top: 0px;left: 0px;height: 25px;}
#schwarzeleiste p{color: #FFF;padding: 0px;margin: 2px;}
#schwarzeleiste a{color: #FFF; font-size:13px; letter-spacing:1px;}
.top1{padding-right:20px;}
.top1 img{width:16px; padding-right:8px;}
.top2{padding-right:20px;}
.top2 img{width:14px; padding-right:8px;}
.top3{padding-right:20px;}
.top3 img{width:14px; padding-right:8px;}


#logo{z-index:5;text-align: left;position: absolute;top: 35px; left: -165px; width: 150px;float:left;margin: 0 auto;	height: auto !important;  /* für moderne Browser */padding: 0px 15px;	border: 0px;}


#menu{		
	position:relative;
	right:0px;
	top: 40px;
	width: 100%;
	float:right;
	margin: 0 auto;
	height: 40px;
	z-index:2;	
	text-align: right;	
	padding: 0 0 0 0;
	
}
#Sozial_Media{width: 45px;float: right;position: relative;top: 18px;right: -60px;}

.suchen{width:470px;top:510px;}
@media all and (max-width: 1320px){
	.suchen{width:700px; top:710px;}
}

#Leiste{width: 100%;height: 85px;z-index: 2;position: absolute;left: 0px;bottom:0px;background-image: URL('../images/Leiste_slider.png');background-position: left center;background-attachment: scroll;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
#unterleiste{width: 100%; height: 43px; background-color: rgba(0,0,0,0.3);}
#content_leiste{z-index:12;	position: relative; top: 0px; left: 0px;
	color: #000000;
	max-width: 1200px;
	margin: 0 auto;
	height: auto !important;  /* für moderne Browser */
	padding: 0px;
	border: 0px;
	text-align: right;
}



.ueberschrift1{font-family: 'Aleo', serif;}

#content_inhalt{
	text-align: left;
	position: relative;
    top: 0px; left: 0px;
	max-width: 1200px;
	margin: 0px auto;
	height: auto !important;  /* für moderne Browser */
	padding: 0px;
	border: 0;
}
#content_inhalt h1{
	margin: 0 0 5px 0;
	color: #363636;
	font-size:24px;
	font-weight:normal;
	font-family: 'Aleo', serif;
	z-index:1;
}
#content_inhalt h2{
	margin: 0 0 5px 0;
	color: #363636;
	font-size:35px;
	font-weight:normal;	
	font-family: 'Aleo', serif;
	z-index: 1;
}
#content_inhalt h3{
	margin: 0 0 5px 0;
	color: #363636;
	font-size:35px;
	font-weight:normal;
	letter-spacing:1px;	
	font-family: 'Aleo', serif;
	z-index: 1;
}

#content_inhalt p{margin: 0;color:#3b332e;font-size:15px;}

.ueberschrift1{font-size: 24px;position: relative;left: -40px;top: -75px;z-index: 2; letter-spacing: 5px;}
.ueberschrift11{font-size: 24px;position: relative;left: 0px;top: -75px;z-index: 2; letter-spacing: 5px;font-family: 'Aleo', serif;}
.ueberschrift2{font-family: 'Cookie', cursive; font-size: 100px;position: relative;left: 0px;top: 35px;z-index: 2; font-style: italic;}

.ueberschrift3{font-size: 18px;position: relative;left: 0px;top: -45px;z-index: 2; letter-spacing: 5px;font-family: 'Aleo', serif;}
.ueberschrift4{font-family: 'Cookie', cursive !important; font-size: 100px;position: relative;left: 0px;top: 0px;z-index: 2; font-style: italic; font-size:45px;}
.boxunsere .ueberschrift4{top:35px;}

.ueberschrift5{font-family: 'Cookie', cursive; font-size: 100px;position: relative;left: -80px;top: 60px;z-index: 2; font-style: italic;}
.produktetext{padding:0px 40px 0px 130px;max-width: 640px;}

.ueberschrift6{font-family: 'Cookie', cursive; font-size: 100px;font-style: italic;}
.spezitext{max-width: 640px; margin:30px auto 90px auto !important;}

.ueberschrift8{font-family: 'Cookie', cursive; font-size: 100px;position: relative;left:50px;top: 35px;z-index: 2; font-style: italic;}

.ueberschrift12{font-size: 35px;position: relative;left: -130px;top: -100px;z-index: 2;letter-spacing: 5px;font-family: 'Aleo', serif;}
.ueberschrift13{font-family: 'Cookie', cursive;font-size: 35px;font-style: italic;}


.size1{font-size: 35px !important;}

.textabstand1{letter-spacing:5px;}
.textabstand2{letter-spacing:10px;}
.textabstand3{letter-spacing:15px;}

.color1{color:#b5cfce !important;}
.color2{color:#FFF !important;}
.color3{color: #363636;}
.color4{color:#000 !important;}
.center{text-align:center;}
.textup{text-transform:uppercase;}

hr{width:90%;}


.spiegeln{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);-ms-filter: "FlipH";filter: FlipH;}

big{color:#b5cfce !important;}

strong{padding: 0px;
margin: 0px;
color: #3b332e;
font-size: 16px;
font-weight: 600;
font-family: 'Montserrat', cursive;}


.fett{
	font-size: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#erfahremehrstart{width:75px; padding:4px; text-align:center; text-transform:uppercase; color: #FFF; background-color:#b5cfce; float: left; margin-top: 30px; font-weight: bold;}
.backwhite{background-color:#FFF !important; color:#b5cfce !important; opacity: 0.7;}
.backwhiteblack{background-color:#FFF !important; color:#000 !important;}
.black{background-color:#000 !important; float: none !important;margin: 0px auto; margin-top: 15px!important;}

#hintergrundpositionstart{position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;z-index: 1;background-image: URL('../images/regional_von_heimische_Kuehe.jpg');background-position: center center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
#hintergrundpositiontradi{position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;z-index: 1;background-image: URL('../images/Tradition_die_unserer_Region_schmeckt.jpg');background-position: center center;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
#hintergrundpositionspezi{position: absolute;left: 0px;top: 0px;height: 100%;width: 100%;z-index: 1;background-image: URL('../images/Unsere_Spezialitaeten.jpg');background-position: center right;background-attachment: fixed;background-repeat: no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}


#top_grafik{width: 100%;height: 50px;top: 30%;z-index: 2;position: absolute;}
.asendorfer{max-width:500px;}
#top_text{width: 100%;height: 50px;top: 35%;z-index: 2;position: absolute;}
#top_text h1{font-family: 'Cookie', cursive; font-style: italic; color:#FFF; font-size:140px; font-weight: unset; margin:0px;}
#top_text p{color:#FFF; font-size:35px; text-transform:uppercase;font-weight: 900; font-family: 'Aleo', serif;letter-spacing:2px;margin: 0;}

#top_text_Spezi{width: 25%;height: auto;top: 25%;z-index: 2;position: absolute; right:5%; max-width:455px;}
#top_text_Spezi h1{font-family: 'Aleo', serif; color:#000; font-size:40px; margin:0px; font-weight: lighter;line-height: 2; text-transform:uppercase;letter-spacing: 5px;overflow: hidden;}

#content-start {position: absolute;left: 0px;top: 100%;height: auto;width: 100%;z-index: 2;background-color: #FFF;}

#start2{position: relative; width: 100%;}
#blau{background-image: url("../images/Hintergrund_blau.jpg"); background-attachment: scroll; background-size: cover; background-position: top;}
#blau_oben{height: 140px; background-image: url("../images/blau_oben.jpg"); background-attachment: scroll; background-size: cover; background-position: top;}
#blau_unten{height: 232px; background-image: url("../images/blau_unten.jpg"); background-attachment: scroll; background-size: cover; background-position: top;}

#start3{background-image: url("../images/blau_oben.jpg");background-attachment: scroll;background-size: inherit;background-position: bottom;background-repeat: no-repeat;}
.boxunsere{width:19%; padding-right:1%; text-align: center;}
.boxunsere img {width:70%;}


#start4{position: relative;height: auto;background-color: #FFF; width: 100%; background-image: url("../images/Hintergrund.jpg"); background-size: cover; background-position: top; background-color:#FFF; padding: 20px 0;}
#start5{position: relative;height: auto;background-color: #FFF; width: 100%; background-image: url("../images/Hintergrund_blaumit_kuh.jpg"); background-size: cover; background-position: top right; background-color:#FFF; padding: 20px 0;}
.boxrezepte{width:24%; padding-right:1%;}
.boxrezeptetext{padding:5px 0; text-align:center; text-transform:uppercase; background-color:#000; color:#FFF; width:100%;}


#unserewelt{padding: 0;}
#geschichte .container{background-color:#f5f2eb; padding: 0 0 50px 0; margin-top:100px;}

#landwirte{min-height:400px;}
#landwirte p{text-align: center;}
#landwirte h2{text-align: center; padding:30px 0 10px 0;}
#landwirte h3{text-align: center; font-size:60px;}
#landwirtebilder{width:32%; padding-right:1%; float:left;}

#zitat{padding-bottom: 50px;}
#zitat h2{font-size:30px; padding-bottom: 20px;text-align:left;font-style:italic;}
#zitat2 {padding-bottom:120px;}
#zitat2 h2{font-size:30px; padding-bottom: 20px; text-align:left;font-style:italic;}
.mitkon{line-height: 2;}
.mitkon img{width:24px; padding-right:16px; vertical-align: middle;}
.backkon1{background-image: url("../images/Pinsel_HG_Mitarbeiter_1.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat;}
.backkon1 img{width: 80%;left: 20%;position: relative;}
.backkon{background-image: url("../images/Pinsel_HG_Mitarbeiter_2.jpg"); background-size: contain; background-position: bottom; background-repeat: no-repeat;}
.backkon img{width: 80%;left: 20%;position: relative;}


#left30{width:25%; float:left; padding-bottom:50px;}
#right70{position: absolute; width:65%; top:20%; right:0px; float:left;}
.braun{padding: 5px 0 2px 0!important;; background-color:#e4ddd4; text-align:center!important;; width:330px; margin: 0px auto !important;}
.kontaktbox{padding:2px 7px; text-align:center; text-transform:uppercase; background-color:#000; color:#FFF; display: inline-block;font-size: 14px; letter-spacing:3px;}
#strich{width: 50px;background-color:#000;height: 5px;position: absolute;left: -80px;top: 57px;}

#unserespezi_produkt{padding-bottom:120px;}
.produkte{max-width:50%; float:left;text-align: center;}
.produkte img{width:80%; padding:10% 10% 0 10%;}
.produkte h2,.produkte p{text-align:center;}
.produkte p{padding:10px;}
	
.Abstand{padding-top:140px;}
#unserespezi_produkteueber .produkte{max-width:33.33%; float:left; position: relative;}
#unserespezi_produkteueber .produkte img{width:100%; padding:0;}
#produkttext{position:absolute;top: 36%;opacity: 1;margin: 0px auto;width: 80%;height: 32%; left: 10%;}
#produkttextback{position:absolute;top: 36%;background-color:#333;opacity: 0.5;margin: 0px auto;width: 80%;height: 32%; left: 10%;}
#produkttext h2{color:#FFF; opacity:1; font-size: 20px; padding-top:20px;letter-spacing: 5px;}
#unserespezi_produkteueber .ueberschrift2{font-size: 50px; top:0px;letter-spacing: 2px;}
#unserespezi_Text{}
.hinterblau{position: absolute;left: 0px;}
#kuh{max-width: 300px;position: relative;top:20px;}
#kuh2{max-width: 300px;position: absolute;bottom: 220px;right: 0px;}

#unserespezi_produkt h2{font-size: 28px; font-style:italic; margin:0px;}
#unserespezi_produkt p{font-size: 20px; padding:0 0 10px 0; font-weight:bold;}
#produktboxschalter{background-color: #000; color:#FFF; text-transform:uppercase; font-weight:bold; display:inline-block; padding: 4px 20px; margin:0px auto;cursor: pointer;font-size: 16px;}
#produktboxschalter:hover{opacity: 0.5; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;}
#produktbox p{color:#FFF;; text-align:left;}
#produktbox{position:relative; background-color:#153556;padding: 30px;margin: 0px auto;top: 0px;}
#produktbox h2{color:#FFF;}
#produktb{position:relative; z-index: 99; width: 50%;float: right;}
#probild{width: 50%;float: left; background-color:#FFF;overflow: hidden;}
#probild img{position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.proboxwidth{width:1000px;}
.flex{display: -webkit-flex; display: -ms-flexbox; display: flex;}

.animated-modal {
  overflow: hidden;  
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}
.fancybox-close-small{color: #FFF !important; padding:2px !important;top:5px !important;}


#produktbox .ueber{padding:4px 5px 4px 10px; background-color:#b5cfce; width:385px; text-align: left;}
#produktbox .under{border-bottom:1px solid #b5cfce; padding-bottom:10px;}
#produktbox table{width: 400px;}
#produktbox td{color:#FFF; vertical-align: bottom;}
#produktbox .lefttd{padding-left:10px;}
#produktbox .right{text-align:right; padding-right:15px;}
#produktbox .top{padding-top:10px;}
#produktbox p{padding:10px 0 30px 0;font-size: 16px; font-weight:normal;}
#produktbox .color1{color:#b5cfce;}
#produktbox strong{color:#FFF; font-size:17px;}
#produktbox .iconp{width:20px;}
#produktbox .tdtop{vertical-align: top;}

.blaufleck2{background-image: url("../images/Hintergrund_blaufeld2.jpg");background-attachment: scroll;background-size: cover;background-position: bottom;background-repeat: no-repeat; min-height: 400px; max-width:1850px; margin:0px auto;}
.blaufleck{background-image: url("../images/Hintergrund_blaufeld.jpg");background-attachment: scroll;background-size: contain;background-position: bottom;background-repeat: no-repeat; min-height: 400px; margin:0px auto;}
.blaufleck3{background-image: url("../images/Hintergrund_blaufeld.jpg");background-attachment: scroll;background-size: contain;background-position: bottom;background-repeat: no-repeat;margin: 0px auto;max-width: 1200px; padding:90px 0;background-position: center;}
.untenblauabschluss{background-image: url("../images/blau_oben.jpg");background-attachment: scroll;background-size: inherit;background-position: bottom;background-repeat: no-repeat; min-height: 400px;}

#pdf{background-color:#b5cfce;display: inline-block;padding: 5px 10px;color:#FFF;text-transform: uppercase;margin-top: 10px;}

#viereck{width:50px; height:38px;background-color: #b5cfce;position: absolute;}



/* --------------------------------------------- News --------------------------------------------- */

#News{border-bottom: 1px solid #000;position: relative;top: 0px;left: 0px;max-width: 1200px;margin: 0px auto;height: auto !important;padding: 0px; text-align:left;margin-top: 30px;padding-bottom: 10px; min-height: 250px;}
#Newslinks{width:66%; padding-right:4%; float:left;position: relative;bottom: 0px;}
#Newsrechts{width: 30%;float: right;position: relative;right: 0px;bottom: 10px;}
#Newsdatum{background-color:#b5cfce;padding: 4px 10px; display:inline-block;}
#Newsueber h2{text-transform:uppercase;}
#Newstext p{font-size: 15px;}

#Newslinkszeit{width:30%; float:left;}
#Newslinkszeit img{max-height: 200px;width: auto;max-width: 100%;}
#Newsrechtszeit{width:66%; padding-left:4%; float:right;position: relative;bottom: 0px;}
#Newsdatumzeit{background-color:#b5cfce;padding: 4px 10px; display:inline-block; color:#FFF;margin-bottom: 5px;}
#Autor{}

/* --------------------------------------------- News --------------------------------------------- */
/* --------------------------------------------- Footer --------------------------------------------- */
#Footertop{width:100%; border-top: 2px solid #000;border-bottom: 4px solid #FFF;}
#footer{position: relative;left: 0px;top: 0px;height: 230px;width: 100%;margin: 0 auto;z-index: 1;background-image: URL('../images/Hintergrund.jpg');background-repeat:repeat-x;	text-align:left;border-bottom: 6px solid #000;}
#unten_menue{position:relative;	left: 0px;top: 0px;margin: 0 auto;height:150px;width:100%;padding-top:15px;max-width:1200px;}
#footer td{vertical-align: middle; font-size:14px;}
#footer big{color:#000 !important;letter-spacing: 2px;font-weight: bold;}
#unten_1{position:relative;left: 0px;top: 0px;float:left;height:90px;width:35%;line-height: 2;}
#unten_2{position:relative;left: 0px;top: 90px;float:left;height:90px;width:25%;line-height: 2;}
#unten_3{position:relative;left: 0px;top:100px;float:left;height:70px;width:20%;line-height: 2;}
#unten_4{position:relative;left: 0px;top: 97px;float:left;height:90px;width:20%;}
#unten_menue p{margin:0px;padding:8px 0px 0px 5px;color: #000;font-size:14px;}
#unten_menue strong{font-weight:600;letter-spacing: 1px;font-size:16px; color:#000;}
#unten_menue a{color:#000; font-size:14px;}
#unten_menue a:visited {color:#000;}
#unten_menue a:hover { color: #b5cfce;}
#unten_menue a:active { color:#000;}
.ftel{width:18px; padding-right:8px;}
.ffax{width:20px; padding-right:8px;}
.fstand{width:18px; padding-right:8px;}
.fmail{width:18px; padding-right:8px;}
.ftext{padding-left:27px;}

/* --------------------------------------------- Footer --------------------------------------------- */



/* --------------------------------------------- Menü Desktop --------------------------------------------- */
#cssmenu_normal{ height:37px; display:inline-flex; padding:2px 0 1px 0; margin:0px auto; border-radius:5px; text-transform:uppercase;} 
#cssmenu_normal > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu_normal > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu_normal > ul > li > a{ outline:none; display:block; position:relative; padding:14px 0 2px 0; margin: 3px 20px 2px 20px; font-family: 'Aleo', serif; font-size:13px; text-align:center; text-decoration:none; font-weight:normal; letter-spacing: 2.5px;}
#cssmenu_normal > ul > li > a:after{ content:''; position:absolute; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu_normal ul li.has-sub:hover > a:after{top:0; bottom:0;} 

#cssmenu_normal ul li.has-sub:hover > a{ background:#FFF; padding-bottom:10px; z-index:999; color:#373737; border-bottom:1px solid #b5cfce; text-transform:uppercase; } 
#cssmenu_normal ul li.has-sub:hover > ul, #cssmenu_normal ul li.has-sub:hover > div{display:block;} 
#cssmenu_normal ul li.has-sub > a:hover{background-color: #FFF; color:#373737;} 
#cssmenu_normal ul li > ul, #cssmenu_normal ul li > div{display:none;  width:auto; position:absolute; top:40px; padding:0; z-index:999; padding-top:27px;} 
#cssmenu_normal ul li > ul{margin-left:6px;} 
#cssmenu_normal ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu_normal ul li > ul li a{outline:none; display:block; position:relative; margin:0; padding:10px 20px; font:10pt 'Aleo', serif; color:#FFF; text-decoration:none; letter-spacing: 2.5px; text-align:center;} 


#cssmenu_normal { background:none; }
#cssmenu_normal > ul > li > ul > li a{ border-top:1px solid #FFF; background-color:#b5cfce; opacity:0.95;} 
#cssmenu_normal > ul > li > ul > li a:hover{ background:#FFF; color:#373737;} 
#cssmenu_normal > ul > li > a{color:#000; border-bottom:2px solid #FFF;} 
#cssmenu_normal > ul > li > a:after{} 
#cssmenu_normal > ul > li > a:hover{background-color: #FFF; color:#373737; border-bottom:1px solid #b5cfce;} 




#cssmenu_normal a.active{background-color: #FFF; color:#373737;  border-bottom:2px solid #b5cfce;}
#cssmenu_normal ul li.active a{background-color: #FFF; color:#373737;  border:2px solid #b5cfce;}
#cssmenu_normal ul li.active ul li a{background-color:#E5E5E5; border:2px solid #E5E5E5;} 
#cssmenu_normal ul li.active ul li a.active{background-color: #FFF; color:#373737; border:2px solid #b5cfce;}
#cssmenu_normal ul li.active ul li a:hover{background-color: #FFF; color:#373737; border:2px solid #b5cfce;}

#cssmenu_normal ul li.has-sub2:hover > a:after{top:0; bottom:0;} 
#cssmenu_normal > ul > li.has-sub2 > a:before{content:''; position:absolute; top:12px; right:2px; border:5px solid transparent; border-top:5px solid #373737; color: #373737;} 
#cssmenu_normal > ul > li.has-sub2:hover > a:before{top:12px; } 
#cssmenu_normal ul li.has-sub2:hover > a{ background:#FFF; z-index:999; color:#373737; border:2px solid #b5cfce;} 
#cssmenu_normal ul li.has-sub2:hover > ul{display:block;}
#cssmenu_normal ul li.has-sub2:hover > div{display:block;} 
#cssmenu_normal ul li.has-sub2 > a:hover{background-color: #FFF; color:#373737; border:2px solid #b5cfce;} 

#cssmenu_normal ul li > ul li > ul {position:absolute; top:-10px; left:190px; background-color:transparent;} 

/* --------------------------------------------- Menü Desktop --------------------------------------------- */

/* --------------------------------------------- Menü Handy --------------------------------------------- */

@media all and (max-width: 1320px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1320px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1320px), only screen and (min-resolution: 192dpi) and (max-width: 1320px), only screen and (min-resolution: 2dppx) and (max-width: 1320px) {

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  margin-left:0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Aleo', serif; 
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'Aleo', serif;
  background: #FFF;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 12px;
  font-size: 30px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #b5cfce;
  font-weight: normal;
  text-transform: uppercase;
  padding-right: 60px;
}
#cssmenu > ul > li:hover > a {
  color: #363636;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 60px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #b5cfce;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #b5cfce;
  content: '';
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 100%;
  font-size: 16px;
  text-decoration: none;
  color: #b5cfce;
  font-weight: 400;
  background: #333333;
  padding-right: 60px;
  text-transform: uppercase;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}

  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #363636;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%!important;
    margin: 0;
    
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 20px;
    color: #b5cfce;
    cursor: pointer;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 200;
	padding-right: 60px;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 32px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #b5cfce;
    border-bottom: 2px solid #b5cfce;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 26px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #b5cfce;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;	
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #b5cfce;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/* --------------------------------------------- Menü Handy --------------------------------------------- */

/* --------------------------------------------- Auflösungsabfragen --------------------------------------------- */

#cssmenu{display:none;}
@media all and (max-width: 2000px){
	.Molkerei{padding-left:270px !important;}
}
@media all and (max-width: 1900px){
	.Molkerei{padding-left:370px !important;}
	.blaufleck{background-size: cover;}
}
@media all and (max-width: 1800px){
	.Molkerei{padding-left:470px !important;}
	#start5 {background-size: contain;background-repeat: no-repeat;background-position: center;}
}
@media all and (max-width: 1500px){
	#content_leiste {max-width: 1500px;}
	#logo {left: 0px;}
	#content_inhalt{padding: 0 60px;}
	.mobilG1{float: left;width: 22%;margin: 0 5% 0 0;position:relative!important;;left:20px!important;;}
	.mobilG2{width: 70%;float: left; left:0!important;;}
}
@media all and (max-width: 1320px){
	#content_leiste {max-width: 1500px;}
	#logo {left: 0px;}
	#cssmenu{display:block;}
	#cssmenu_normal{display:none;}
	.ueberschrift4 {font-size: 34px;}
	#hintergrundpositionstart{background-image:URL('../images/regional_von_heimische_Kuehe_mobil.jpg');background-size: inherit;background-position: top; height:1100px;}
	#hintergrundpositiontradi{background-image:URL('../images/Tradition_die_unserer_Region_schmeckt_mobil.jpg');background-size: inherit;background-position: top; height:1100px;}
	#hintergrundpositionspezi{background-image:URL('../images/Unsere_Spezialitaeten_mobil.jpg');background-size: inherit;background-position: top; height:1100px;}
	#top_text_Spezi{display:none;}
	#content-start{top:1100px;}
	#Leiste{top:1020px;}
	#top_grafik{top:250px;}
	#unten_1{left:2%;}
	.Ausbildungmobi{top: 25px !important;}
	.frischmobi img{padding: 5% 0;}
	#unserespezi_Text .ueberschrift5{padding-left: 35px;}
}
@media all and (max-width: 1240px){
	#News{padding: 0 40px;}
	#Newslinks{position: relative; padding:40px 0; width:100%;}
	#Newsrechts{width:100%; padding-bottom:20px; position:relative;}
	#Newsrechtszeit{padding: 20px 0 60px 0;left: 0px;float:left;width: 100%;}
	#Newslinkszeit{width:340px;padding: 20px 0;}
}
@media all and (max-width: 1100px){
	#unten_1{width: 43%;}
	#unten_2{width: 20%;}
	#unten_3{width: 14%;}
	.frischmobi img{padding: 10% 0;}
}
@media all and (max-width: 950px){
	#unten_4{position: absolute;right: 20px;top: 30px; width:190px;left: auto;}
	#unten_1{width: 50%;}
	#unten_2{width: 23%;}
	#unten_3{width: 23%;}
	
}
/* --------------------------------------------- Auflösungsabfragen --------------------------------------------- */