@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url('fonts/roboto-v18-latin-100.eot'); src: local('Roboto thin'), local('Roboto-thin'), url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-100.woff2') format('woff2'), url('fonts/roboto-v18-latin-100.woff') format('woff'), url('fonts/roboto-v18-latin-100.ttf') format('truetype'), url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); }

/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('fonts/roboto-v18-latin-300.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-300.woff2') format('woff2'), url('fonts/roboto-v18-latin-300.woff') format('woff'), url('fonts/roboto-v18-latin-300.ttf') format('truetype'), url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v18-latin-500.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-500.woff2') format('woff2'), url('fonts/roboto-v18-latin-500.woff') format('woff'), url('fonts/roboto-v18-latin-500.ttf') format('truetype'), url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); }

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v18-latin-500.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v18-latin-500.woff2') format('woff2'), url('fonts/roboto-v18-latin-500.woff') format('woff'), url('fonts/roboto-v18-latin-500.ttf') format('truetype'), url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); }

html, body{
width: 100%; 
height: 100%; 
padding: 0px; 
margin: 0px; 
font-family: 'Roboto', 'Segue', 'Open Sans', 'Helvetica', 'Arial';
font-weight: 100;
font-size: 1.0em; 
background: linear-gradient(0deg, rgba(230, 230, 230, 1) 100%), rgba(245, 245, 245, 1) 0%; 
hyphens: auto;
}

b, strong{font-weight: 300; font-size: 1.3em; }
b.pro{font-weight: 500; font-size: 1.0em;}
h3{font-weight: 300; font-size: 1.6em;}
h4{font-weight: 300; font-size: 1.4em; text-align: center;}
h4 .orange, h4 .blau, h4 .grau{ font-size: 1.4em; font-weight: 500;}
sub{font-size: 0.6em;}
hr{border-top: 1px solid #999999; border-right: 0px solid #999999; border-left: 0px solid #999999; border-bottom: 0px solid #999999; }
h2.uvatext{font-weight: 300; font-size:1.8em; margin: 0px; padding: 0px; }
.centerdas{width: 40%; padding: 0px; margin: 0px 30% 0px 30%; display: inline-block; }
.smaller{font-size:0.8em; }
.small{font-size:0.7em; }
.poweredby{color: #999999; font-weight: 300; font-size: 0.9em; font-style: italic; float: right; margin: 20px 20px 0px 0px; }


#q_logos{max-width: 80%; padding: 0px 0px 0px 0px; margin: 40px 10% 0px 10%; height: auto; display: inline-block; border: 0px solid #FF0000; }
#q_logos img.logos{height: auto; padding: 0px 0px 0px 0px; border: 0px solid #FF0000; }
#q_logos img.vlog{max-width: 10%; margin: 0px 0% 0px 12%; }
#q_logos img.bio{max-width: 10%; margin: 0px 0% 0px 7%; }
#q_logos img.gutesaus{max-width: 10%; margin: 0px 0% 0px 5%; }
#q_logos img.itw{max-width: 15%; margin: 0px 0% 0px 5%; }
#q_logos img.qslogo{max-width: 8%; margin: 0px 0% 0px 6%; }
#q_logos .h_logos{max-width: 80%; padding: 0px 0px 0px 0px; margin: 30px 10% 0px 10%; height: auto;display: inline-block; border: 0px solid #FF0000; }


.hr_verlauf {
  background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(204, 204, 204, 1) 50%, rgba(255, 255, 255, 1) 100%);
  width: 90%;
  height: 1px;
  margin: 50px 5% 0px 5%;
  display: inline-block;
  text-align: center;
  line-height: 0px;
  color: #DFDFDF;
  font-size: 1.0em; 
  text-shadow: -3px -3px 0 #FFFFFF;
}

/*nav_aktuell*/
.start #nav ul li a.start, .impressum #nav ul li a.impressum, .datenschutz #nav ul li a.datenschutz, .agb #nav ul li a.agb{
color: #EC7957; 
}


/*nav_aktuell*/

#nav{
background-color: #0069B2; 
background: linear-gradient(90deg, rgba(1, 78, 133, 1) 1%, rgba(0, 105, 178, 1) 50%, rgba(1, 78, 133, 1) 100%);
width: 80%; 
height: 70px; 
margin: 0px 0px 0px 0px; 
padding: 0px 10% 0px 10%; 
box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.7);

}
#nav ul{ 
padding: 0px; 
margin: 0px; 
list-style-type: none; 
}
#nav ul li{
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
border: 0px solid #FFFFFF;
}
#nav ul li a{
color: #FFFFFF; 
text-decoration: none; 
font-size: 1.3em; 
font-weight: 300; 
line-height: 70px; 
display: inline-block; 
transition: 0.5s ease-in-out;
border-right: 1px solid #FFFFFF;
padding: 0px 40px 0px 40px; 
}
#nav ul li a.last{border-right: 0px solid #FFFFFF;}

#nav ul li a.current, #nav ul li a:hover{ 
color: #EC7957;
}

#absoluteposition{
position: relative; 
background-color: #FFFFFF; 
}

#schlachtschweineicon, #ferkelicon, #zuchttiereicon, #rindericon, #produktionicon{
width: 24%; 
height: auto; 
margin: 0px 38% 0px 38%; 
padding: 0px; 
}
.mini_icon{
width: 100px; 
height: auto; 
margin: 10px 10px 10px 10px; 
padding: 0px; 
transition: 0.5s ease-in-out ; 
}
#leistungen .aktiv .mini_icon{
filter: grayscale(1);
opacity: 0.8; 
width: 120px; 
margin: 0px 0px 0px 0px; 
}

#bhzp_logo{width: 16%; margin: 0px 42% 0px 42%; padding: 0px; }
#vzf_logo, #vzfpro_logo{width: 16%; margin: 0px 42% 0px 42%; padding: 0px; }


#leistungen{
background-color: #0069B2;
background: linear-gradient(90deg, rgba(1, 78, 133, 1) 1%, rgba(0, 105, 178, 1) 50%, rgba(1, 78, 133, 1) 100%);
height: 50px; 
padding: 20px 20px 5px 20px; 
margin: 0px; 
border-radius: 20px; 
display: table; 
table-layout: fixed; 
width: calc(100% - 40px); 
}
div#schlachtschweine, div#ferkel, div#zuchttiere, div#jungbullen, div#produktionsberatung{
display: block; 
padding: 30px 20px 20px 20px; 
margin: 0px 30px 0px 30px; 
transition: 0.5s ease-in-out ; 
overflow: hidden; 
position: absolute;
top: 0px;  
opacity: 0.0; 
width: calc(100% - 60px); 
max-height: 0px; 
}

div#schlachtschweine.aktiv, div#ferkel.aktiv, div#zuchttiere.aktiv, div#jungbullen.aktiv, div#produktionsberatung.aktiv{max-height:5000px; min-height: 1000px; position: relative; opacity: 1.0; border-bottom: 1px solid #CCCCCC; }

#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{ border: 0px solid #FF0000; padding: 0px 10px 0px 10px; color: #FFFFFF; font-weight: 300; text-align: center; display: table-cell;  }

#kopf a#schlachtschweinenav.aktiv, #kopf a#ferkelnav.aktiv, #kopf a#zuchttierenav.aktiv, #kopf a#jungbullennav.aktiv, #kopf a#produktionsberatungnav.aktiv{color: #EC7957;}

#footer a, #kopf a, #czentrale a, #cnord a, #cost a, #csued a, #cwest a{transition: 0.9s ease-in-out; } 
#footer a:hover, #kopf a:hover, #czentrale a:hover, #cnord a:hover, #cost a:hover, #csued a:hover, #cwest a:hover{ color: #EC7957;} 
#kopf{
width: calc(80% - 40px); 
display: inline-block; 
margin: 0px 10% 0px 10%; 
padding: 0px 20px 50px 20px; 
font-size: 1.2em;
border-top: 3px solid #DFDFDF;
border-bottom: 30px solid #EC7957; 
box-shadow: 0px 6px 12px -6px rgba(0,0,0,0.7);
background-color: #FFFFFF; 
}
#kopf a{
text-decoration: none;
font-weight: 300;
color: #111166;}

.bildimtext{
border: 1px solid #FFFFFF; width: calc(100% - 2px); height: auto; padding: 0px; margin: 20px 0px 0px 0px; box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.7); border-radius: 20px; 
}
.bildimtextklein{
width: 60%; height: auto; padding: 0px; margin: 20px 20% 0px 20%; 
}

.wortwolke{
margin: 50px 0px 0px 0px; 
width: 100%; display: block; font-weight:500; 
padding-left: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
line-height: 2.5rem;
font-size: 1.4em; 
}
.wortwolke span{position: relative; display: inline-block;
padding: 0.125rem 0.25rem;
text-decoration: none;
position: relative; 
}
.eins{font-size: 1.2em; opacity: 0.8; top:-20px; }
.zwei{font-size: 1.0em; opacity: 0.5; top:-40px;}
.drei{font-size: 2.5em; opacity: 0.3; top:-10px;}
.vier{font-size: 2.3em; opacity: 0.6;}
.fuenf{font-size: 0.9em; opacity: 0.9;}
.sechs{font-size: 1.8em; opacity: 0.5;  top: 10px;}
.sieben{font-size: 1.1em; opacity: 0.4;}
.acht{font-size: 3.2em; opacity: 0.8; margin: 20px;  top: 0px;}
.neun{font-size: 1.7em; opacity: 0.4;  top: 5px;}
.zehn{font-size: 1.5em; opacity: 0.6; top: 10px;}
.zwoelf{font-size: 2.0em; opacity: 0.8; top: 20px;}
.elf{font-size: 1.5em; opacity: 0.4; top: 0px;}
.zwoelf{font-size: 2.0em; opacity: 0.8; top: 50px;}
.dreizehn{font-size: 1.9em; opacity: 0.4; top: 40px;}


.wortwolke .eins, .wortwolke .zwei, .wortwolke .drei, .wortwolke .vier, .wortwolke .fuenf, .wortwolke .sechs, .wortwolke .sieben, .wortwolke .acht, .wortwolke .neun, .wortwolke .zehn, .wortwolke .zwoelf, .wortwolke .elf, .wortwolke .zwoelf, .wortwolke .dreizehn{
color: #FFFFFF; 
transition: 1.0s ease-in-out; 
}



.wortwolke.aktiv .eins, .wortwolke.aktiv .zwei, .wortwolke.aktiv .drei, .wortwolke.aktiv .vier, .wortwolke.aktiv .fuenf, .wortwolke.aktiv .sechs, .wortwolke.aktiv .sieben, .wortwolke.aktiv .neun, .wortwolke.aktiv .zehn, .wortwolke.aktiv .zwoelf, .wortwolke.aktiv .elf, .wortwolke.aktiv .zwoelf, .wortwolke.aktiv .dreizehn{
color: #000000; text-shadow: 0px 0px 3px rgba(0,0,0,0.7); 
}
 .wortwolke.aktiv .acht{color: #014E85; text-shadow: 0px 0px 5px rgba(1, 78, 133, 1);  }

#nachoben{position: fixed; right: 20px; bottom: 20px; width: 40px; height: 30px; padding: 5px 0px 5px 0px;background-color: #FFFFFF; border-radius: 100px; border: 1px solid #999999; opacity: 0.7; }


#footer{
width: 70%; 
display: inline-block; 
margin: 0px 0px 0px 0px; 
padding: 10px 15% 10px 15%; 
font-size: 1.2em;
background: #FFFFFF;
text-align: center; 
border-top: 3px solid #0069B2;
border-bottom: 30px solid #EC7957; 
hyphens: none; 
}
#footer a{text-decoration: none; font-weight: 300; color: #111166;  }
.footerbox{text-align: center; }


.orange{color: #EC7957;font-weight: 500;}
.blau{color: #0069B2;font-weight: 500;}
.grau{color: #BDBBD4;font-weight: 500;}

#logooben{max-width:260px; width: 20%; height:auto; padding: 0px; margin: 0px 40% 0px 40%; }

#mittelteil{/*background: #d9d9d9; background: linear-gradient(90deg, rgba(217, 217, 217, 1) 0%, rgba(255, 255, 255, 1) 100%); */padding: 50px 0px 30px 0px; margin: 0px; }



#mapcontainer{width: 75%; max-width: 800px;  height: auto; display: inline-block; margin: 0px 0px 50px 25%; padding: 0px; position: relative; border: 0px solid #FF0000; }

#hint{position: relative; top: 0px; border: 0px solid #FF0000; border-radius: 50px; height: auto; width: auto; padding: 20px 20px 20px 20px; margin: 0px; background-color: #FFFFFF; line-height: 20px; font-size: 1.5em; font-weight: 300; opacity: 0.8; transition: 0.5s ease-in-out; z-index: 400; border: 1px solid #CCCCCC; text-align: center; display: inline-block; }
#hint:hover{opacity: 1.0; }
img#zentrale, img#nord, img#ost, img#sued, img#west{transition: 0.5s ease-in-out; position: absolute; }
#cnord, #cost, #csued, #cwest, #czentrale{transition: 0.9s ease-in-out; position: absolute; }

img#karte{width:800px; height: auto; top: -50px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px; position: relative; border: 0px solid #FF0000; }
img#zentrale{top: 290px; left: 340px; width: 220px; }
img#nord{top: 130px; left: 270px; width: 290px; }
img#ost{top: 590px; left: 450px; width: 290px; }
img#sued{top: 790px; left: 200px; width: 290px; }
img#west{top: 270px; left: 10px; width: 290px; }

img#zentrale:hover{width: 240; left: 330px; top: 285px; }
img#nord:hover{width: 310; left: 260px; top: 125px; }
img#ost:hover{width: 310; left: 440px; top: 580px; }
img#sued:hover{width: 310; left: 190px; top: 785px; }
img#west:hover{width: 310; left: 0px; top: 265px; }

.card{width: 300px; height: auto; padding: 20px; background-color: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; border-radius: 10px; z-index: 600; }

#czentrale{top: 435px; left: 280px; opacity: 0.0; max-height: 1px; overflow: hidden; }
#cnord{top: 235px; left: 250px; opacity: 0.0;  max-height: 1px; overflow: hidden; }
#cost{top: 700px; left: 430px; opacity: 0.0;  max-height: 1px; overflow: hidden; }
#csued{top: 902px; left: 180px; opacity: 0.0;  max-height: 1px; overflow: hidden; }
#cwest{top: 325px; left: 0px; opacity: 0.0;  max-height: 1px; overflow: hidden; }

#czentrale.aktiv, #cnord.aktiv, #cost.aktiv, #csued.aktiv, #cwest.aktiv{opacity: 1.0; max-height: 1000px; overflow: hidden; }
.icks{position: absolute; right: 20px; top: 20px; border: 0px solid #999999; color: #999999; border-radius: 50px; }

#czentrale a, #cnord a, #cost a, #csued a, #cwest a{text-decoration: none; color: #111166; font-weight: 300; }

.agbcontainer{
width: 90%; 
margin: 0px 5% 0px 5%; 
padding: 0px; 
border: 0px solid #FF0000; 
display: inline-block; 
}

#agb, #agb_einkauf{max-height: 60px; overflow: hidden; width: 100%; 
margin: 0px 0px 40px 0px; 
padding: 0px; 
transition: 1.0s ease-in-out;
}
#agb.aktiv, #agb_einkauf.aktiv{
max-height: 200000px; 
}
#agb .headline, #agb_einkauf .headline{
transition: 1.0s ease-in-out;
text-align: left; 
font-size: 1.3em; 
font-weight: 300; 
color: #FFFFFF; 
line-height: 50px; 
margin: 0px 0px 40px 0px; 
padding: 5px 5% 5px 5%; 
width: 90%; 
border: 0px solid #FF0000; 
border-radius: 30px; 
display: block; 
background-color: #0069B2;
background: linear-gradient(90deg, rgba(1, 78, 133, 1) 1%, rgba(0, 105, 178, 1) 50%, rgba(1, 78, 133, 1) 100%);
}

#agb.aktiv .headline, #agb_einkauf.aktiv .headline{
background: #EC7957;
background: linear-gradient(90deg,rgba(236, 121, 87, 1) 0%, rgba(247, 185, 166, 1) 50%, rgba(236, 121, 87, 1) 100%);
color: #000000; 
border-radius: 0px 0px 0px 0px; 
}


#agb h4, #agb_einkauf h4{
text-align: left; 
font-size: 1.1em; 
font-weight: 300; 
margin: 40px 0px 20px 0px; 
padding: 0px; 
}
#agb b, #agb_einkauf b{
font-size: 1.0em; 
font-weight: 300; 
}


@media screen and (min-width: 996px) and (max-width: 1279px){
#mapcontainer{width: 85%; margin: 0px 0px 50px 15%;}
#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{
font-size: 0.8em; }

}

@media screen and (min-width: 768px) and (max-width: 995px){
#mapcontainer{width: 95%; margin: 0px 0px 50px 5%;}
#hint{left: 0%;}
#leistungen{width: calc(100% - 20px); padding: 20px 10px 5px 10px;}
#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{font-size: 0.75em; padding: 0px 1px 0px 1px; }
#nav ul li a{font-size:1.1em; padding: 0px 20px 0px 20px;}
#q_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 40px 0% 0px 0%; height: auto; display: inline-block; border: 0px solid #FF0000; }
#q_logos img.logos{height: auto; padding: 0px 0px 0px 0px; border: 0px solid #FF0000; }
#q_logos img.vlog{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.bio{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.gutesaus{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.itw{max-width: 19%; margin: 0px 1% 0px 0px; }
#q_logos img.qslogo{max-width: 14%; margin: 0px 1% 0px 1%; }
#q_logos .h_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; height: auto;display: inline-block; border: 0px solid #FF0000; }
#agb .headline, #agb_einkauf .headline{line-height: normal; font-size: 1.1em; 
}

}

@media screen and (min-width: 480px) and (max-width: 767px){
.mini_icon{ width: 80px; }
#leistungen .aktiv .mini_icon{ width: 90px; margin: 0px 0px 0px 0px; }
#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{
font-size: 0.75em; padding: 0px 1px 0px 1px; }
#nav ul li a{font-size:1.0em; padding: 0px 8px 0px 8px;}
.wortwolke{font-size:1.1em;}
#mapcontainer{width: 90%; margin: 0px 0px 50px 10%;}
img#karte{width: 400px; top: 50px; }
#hint{left: -5%; font-size: 1.0em; text-align: center; height: 40px;}
img#zentrale{top: 275px; left: 170px; width: 110px; }
img#nord{top: 195px; left: 135px; width: 145px; }
img#ost{top: 420px; left: 230px; width: 145px; }
img#sued{top: 525px; left: 100px; width: 145px; }
img#west{top: 265px; left: 5px; width: 145px; }
img#zentrale:hover{top: 275px; left: 170px; width: 110px; }
img#nord:hover{top: 195px; left: 135px; width: 145px; }
img#ost:hover{top: 420px; left: 230px; width: 145px; }
img#sued:hover{top: 525px; left: 100px; width: 145px; }
img#west:hover{top: 265px; left: 5px; width: 145px; }
.card{width: 300px; z-index: 600; }
#czentrale{top: 50px; left: 50px;}
#cnord{top: 50px; left: 50px;}
#cost{top: 50px; left: 50px;}
#csued{top: 50px; left: 50px;}
#cwest{top: 50px; left: 50px;}
#leistungen{display: inline-block; height: auto; }
#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{
display: inline-block; width: calc(100% - 20px); }
div#schlachtschweine.aktiv, div#ferkel.aktiv, div#zuchttiere.aktiv, div#jungbullen.aktiv, div#produktionsberatung.aktiv{margin: 0px 0px 0px 0px; padding: 30px 0px 20px 0px; width: 100%;}
div#schlachtschweine b, div#ferkel b, div#zuchttiere b, div#jungbullen b, div#produktionsberatung b{
text-align: center; width: 100%; display: inline-block; }
#bhzp_logo{width: 30%; margin: 0px 35% 0px 35%; }
#vzf_logo, #vzfpro_logo{width: 30%; margin: 0px 35% 0px 35%; }
#schlachtschweineicon, #ferkelicon, #zuchttiereicon, #rindericon, #produktionicon {width: 50%; margin: 0px 25% 0px 25%; }

#q_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 40px 0% 0px 0%; height: auto; display: inline-block; border: 0px solid #FF0000; }
#q_logos img.logos{height: auto; padding: 0px 0px 0px 0px; border: 0px solid #FF0000; }
#q_logos img.vlog{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.bio{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.gutesaus{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.itw{max-width: 19%; margin: 0px 1% 0px 0px; }
#q_logos img.qslogo{max-width: 14%; margin: 0px 1% 0px 1%; }
#q_logos .h_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; height: auto;display: inline-block; border: 0px solid #FF0000; }
#agb .headline, #agb_einkauf .headline{line-height: normal; font-size: 1.0em; }
.agb h3{font-size: 1.2em; }

}

@media screen and (min-width: 400px) and (max-width: 479px){
.wortwolke{font-size:0.8em; line-height: 1.5rem; hyphens: none; }
#mapcontainer{width: 100%; margin: 0px 0px 100px 0%;}
img#karte{width: 400px; top: 50px; top:80px; }
#hint{left: 5%; width: calc(90% - 20px);  font-size: 0.9em; text-align: center; height: 40px; padding: 5px 10px 5px 10px; }
img#zentrale{top: 275px; left: 170px; width: 110px; }
img#nord{top: 195px; left: 135px; width: 145px; }
img#ost{top: 380px; left: 245px; width: 145px; }
img#sued{top: 480px; left: 100px; width: 145px; }
img#west{top: 265px; left: 5px; width: 145px; }
img#zentrale:hover{top: 275px; left: 170px; width: 110px; }
img#nord:hover{top: 195px; left: 135px; width: 145px; }
img#ost:hover{top: 380px; left: 245px; width: 145px; }
img#sued:hover{top: 480px; left: 100px; width: 145px; }
img#west:hover{top: 265px; left: 5px; width: 145px; }
.card{width: 300px; z-index: 600; }
#czentrale{top: 50px; left: 50px;}
#cnord{top: 50px; left: 50px;}
#cost{top: 50px; left: 50px;}
#csued{top: 50px; left: 50px;}
#cwest{top: 50px; left: 50px;}
#nav{height: auto; display: inline-block; margin: 0px 0px 50px 0px;}
#nav ul li{width: 100%; display: inline-block; }
#nav ul li a{ line-height: 50px; border-right: 0px solid #FFFFFF; display: block; }
#logooben{max-width: 400px; width: 60%; margin: 0px 20% 0px 20%;}
#leistungen{display: inline-block; height: auto; }
#kopf a#schlachtschweinenav, #kopf a#ferkelnav, #kopf a#zuchttierenav, #kopf a#jungbullennav, #kopf a#produktionsberatungnav{
display: inline-block; width: calc(100% - 20px); }
div#schlachtschweine.aktiv, div#ferkel.aktiv, div#zuchttiere.aktiv, div#jungbullen.aktiv, div#produktionsberatung.aktiv{margin: 0px 0px 0px 0px; padding: 30px 0px 20px 0px; width: 100%;}
div#schlachtschweine b, div#ferkel b, div#zuchttiere b, div#jungbullen b, div#produktionsberatung b{
text-align: center; width: 100%; display: inline-block; }
#bhzp_logo{width: 30%; margin: 0px 35% 0px 35%; }
#vzf_logo, #vzfpro_logo{width: 30%; margin: 0px 35% 0px 35%; }
#schlachtschweineicon, #ferkelicon, #zuchttiereicon, #rindericon, #produktionicon {width: 50%; margin: 0px 25% 0px 25%; }
.centerdas{width: 80%; margin: 0px 10% 0px 10%;}
.poweredby{float: none; text-align: center; display: block; margin: 5px 0px 0px 0px; }
#q_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 40px 0% 0px 0%; height: auto; display: inline-block; border: 0px solid #FF0000; }
#q_logos img.logos{height: auto; padding: 0px 0px 0px 0px; border: 0px solid #FF0000; }
#q_logos img.vlog{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.bio{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.gutesaus{max-width: 16%; margin: 0px 1% 0px 1%; }
#q_logos img.itw{max-width: 19%; margin: 0px 1% 0px 0px; }
#q_logos img.qslogo{max-width: 14%; margin: 0px 1% 0px 0%; }
#q_logos .h_logos{max-width: 100%; padding: 0px 0px 0px 0px; margin: 30px 0px 0px 0px; height: auto;display: inline-block; border: 0px solid #FF0000; }
#agb .headline, #agb_einkauf .headline{line-height: normal; font-size: 0.9em; }
.agb h3{font-size: 1.0em; }
}