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

body{
min-width: 0;
}

#wrapper{
width: auto;
min-width: 0;
padding: 0;
margin: 0;
}

#header1,
#nav1,
#header2,
#content,
#footer{
width: auto;
padding-left: 20px;
padding-right: 20px;
}

#header1>.inner,
#nav1>.inner,
#header2>.inner,
#content>.inner,
#footer>.inner{
width: auto;
max-width: 960px;
margin-left: auto;
margin-right: auto;
position: relative;
}

#header2>.inner{

}


header>.inner{

}

#impressum .cnt-block .col1,
#datenschutz .cnt-block .col1{
display: none;
}

#impressum .cnt-block .col2,
#datenschutz .cnt-block .col2{
float: none;
display: block;
width: auto !important;
margin-left: 1.063829787234043%;
}

#impressum .cnt-block .col2 h3,
#datenschutz .cnt-block .col2 h3{
margin-right: 0;
}


@media (max-width: 1020px) {

#nav1 ul#nav1_pt1{
top: 70px;
}

#nav1 ul#nav1_pt1 li{
margin: 0 0 2px 2px;
}

#nav1 ul#nav1_pt1 li:nth-child(1){
display: none;
}

#nav1 ul#nav1_pt1 li:nth-child(3n-1){
clear: left;
}

#nav1 ul#nav1_pt1 li a,
#nav1 ul#nav1_pt1 li a:link,
#nav1 ul#nav1_pt1 li a:visited,
#nav1 ul#nav1_pt1 li a.aktiv:hover{
padding: 10px 0px 10px 0px;
height: auto;

background: rgba(255,255,255,0.1);
background: rgba(166,90,0,0.15);
border-radius: 8px;
min-width: 8em;
text-align: center;
text-shadow: 0 0 3px rgba(0,0,0,0.2);

/*****/
text-shadow: none;
background: rgba(0,0,0,0.15);
border-radius: 3px;
}
#nav1 ul#nav1_pt1 li a.aktiv,
#nav1 ul#nav1_pt1 li a.aktiv:hover{
text-shadow: 0 0 3px rgba(255,255,255,0.5);

/*****/
text-shadow: none;
background: rgba(255,255,255,0.2) !important;
background: #E68A1D !important;
}

#nav1 ul#nav1_pt1 li a:hover{
background: rgba(0,0,0,0.05);
background: rgba(255,255,255,0.1);
background: rgba(130,70,0,0.2);
text-shadow: 0 0 10px rgba(166,90,0,0.3);

/*****/
text-shadow: none;
background: rgba(255,255,255,0.2) !important;
background: #E68A1D !important;
}

#nav1 ul#nav1_pt1 li a span{
padding: 0 8px;
border: 0;
}


#home #apfelannahme h4{
font-size: 3.7vw;
line-height: 1.2em;
}


}



@media (max-width: 950px) {

#produkte #submenu{
margin-left: 0;
margin-right: 0;
}

#produkte #submenu h2{
margin-left: 1.041666666666667%;
margin-bottom: 18px;
}
/*
#produkte #submenu ul{
clear: both;
float: none;
display:block;
width: auto;
}
*/
/*
#produkte #submenu ul li{
margin: 0 1.041666666666667% 2.083%  1.041666666666667%;
padding-left: 1%;
padding-right: 1%;
text-align: center;
width: 20.91%;

width: 40.91%;
}
*/
#produkte #submenu ul li span{
/*min-height: 2em;*/
white-space: nowrap;
}

#produkte #submenu ul{
margin-right: 1.041666666666667%;
width: 430px;
}
#produkte #submenu ul li{
margin: 0 0 10px 10px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
width: 200px;
}


}

@media (max-width: 850px) {

#nav1 ul#nav1_pt1{
top: 30px;
}

#nav1 ul#nav1_pt1 li:nth-child(3n-1){
clear: none;
}
#nav1 ul#nav1_pt1 li:nth-child(2n+2){
clear: left;
}







.cnt-block .col1{
float: right;

width: 39.787234042553191%;
margin: 0px 0 0 1.063829787234043%;
margin: 1.063829787234043%;
margin-left: 2.126%;
/*
margin-right: 0;
margin-top: 0;

margin: 0px 0px 4px 1.5em;
*/

/*
border-left: 8px solid #DDCD87;
*/
}

#home .cnt-block .col1{

}

.cnt-block .col1 img{
/*border: 8px solid #DDCD87;*/
/*padding: 2.5%;*/
background: #DDCD87;
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  
/*
border-top-left-radius: 0 !important;
*/
}

.cnt-block .col2,
#home .cnt-block .col2{
width: auto;
float: none;
display: block;

margin: 1.063829787234043%;
padding-right: 0;
}

.cnt-block .col2 h3:first-child {
margin-right: 42.5%;
}
#home .cnt-block .col2 h3:first-child {
margin-right: 40.5%;
}

#home #logo_ifs-food {
float: left;
margin: 0 1em 4px 0;
max-width: 25%;
}

}


@media (max-width: 750px) {

#showcase li{
width: 20%;
}

#produkte ul#prod_buttons li{

}

#produkte ul#prod_buttons li>span{
min-width: 0;
}

#produkte ul#prod_buttons #prod-prev>span>span{
padding-right: 0;
}
#produkte ul#prod_buttons #prod-next>span>span{
padding-left: 0;
}
#produkte ul#prod_buttons #prod-close>span>span{
padding: 0;
}

#produkte ul#prod_buttons li>span>span>span{
display: none;
}


#home #apfelannahme p#oeffnungszeiten span{
font-size: 0.55em;
line-height: 1.4em;
}

}


@media (max-width: 650px) {

#header1{
height: auto;
}

#header1 h1 a {
width: 154px;
height: 80px;
margin: 13px 0 14px 2%;
}

#nav1 ul#nav1_pt1{
top: 5px;
}

#nav1 ul#nav1_pt1 li a,
#nav1 ul#nav1_pt1 li a:link,
#nav1 ul#nav1_pt1 li a:visited,
#nav1 ul#nav1_pt1 li a.aktiv:hover{
padding: 8px 0px 8px 0px;
min-width: 6.5em;

font-size: 0.941176470588235em;
font-size: 0.882352941176471em;
}
#nav1 ul#nav1_pt1 li a span{
padding: 0 4px;
border: 0;
}

#header2{
padding: 0;
}

#showcase li{
width: 25%;
}

#produkte #content{
padding-left: 0;
padding-right: 0;
}


#produkte #submenu ul{
clear: both;
float: none;
display:block;
width: auto;
margin: 0;
}

#produkte #submenu ul li{
margin: 0 1.041666666666667% 2.083%  1.041666666666667%;
padding-left: 1%;
padding-right: 1%;
text-align: center;
width: 20.91%;

width: 45.91%;
}




#produkte .cnt-produkt .subcol1{
width: auto;
float: none;

}
#produkte .cnt-produkt .subcol1 h3+p::before{
content: "";
float: right;
width: 160px;
height: 240px;
margin: 0 0 4px 4px;
padding: 0 0 1px 0;
/*background: #a00;*/
position: relative;
overflow: hidden;
}

#produkte .cnt-produkt .subcol1 h3 {
margin: 0 8px 1em 8px;
}

#produkte .cnt-produkt .subcol2{
position: absolute;
top: 0;
right: 0;
width: 160px;
margin: 0;
margin-top: 98px;
min-height: 0;
}





}




@media (max-width: 500px) {

#header2 .inner img{
margin: 0 -10%;
width: 120%;
}

.cnt-block .col1,
#home .cnt-block .col1{
width: auto;
float: none;
display: block;
margin: 1.063829787234043%;
margin: 3.875968992248062%;
}

.cnt-block .col2 h3,
#home .cnt-block .col2 h3 {
margin-right: 0;
margin: 2.5% !important;
padding-left: 1.6%;
padding-right: 1.6%;
padding-bottom: 5px;
font-size: 115%;
}

.cnt-block .col2 h3 span {
padding-top: 5px;
}

#showcase li{
width: 33.33%;
}


#CKF_anrede, #CKF_name, #CKF_vorname, #CKF_strasse, #CKF_plz, #CKF_ort, #CKF_plz-ort, #CKF_telefon, #CKF_telefax, #CKF_email, #CKF_sender_name, #CKF_sender_email, #CKF_empfaenger_name, #CKF_empfaenger_email{
float: none;
display: block;
width: 95.967741935483871%;
margin-right: 0;
}


#impressum .col2 p span.tab1{
float: none;
display: block;
width: auto;
font-weight: bold;
}


#home #apfelannahme h4{
font-size: 8.5vw;
line-height: 1.2em;
}
#home #apfelannahme p#oeffnungszeiten span{
font-size: 0.8em;
line-height: 1.4em;
}

}


@media (max-width: 400px) {

#nav1{
padding: 0;
}

#header1,
#content,
#footer{
width: auto;
padding-left: 10px;
padding-right: 10px;
}

#produkte ul#prod_buttons li{
font-size: 0.823529411764706em;
}


#produkte #prod_cnt .subcol1{
font-size: 0.882352941176471em;
line-height: 1.5em;
}

#produkte .cnt-produkt .subcol1 h3+p::before{
width: 100px;
height: 150px;
}

#produkte .cnt-produkt .subcol2{
width: 100px;
margin-top: 90px;
}

#produkte #submenu ul li{
font-size: 0.823529411764706em;
/*font-size: 0.882352941176471em;*/
word-spacing: -0.1em;
letter-spacing: -0.02em;
padding-left: 0;
padding-right: 0;
width: 47.91%;
}

dl.deflist1 dt{
width: 50%;
}

dl.deflist1 dd{
width: 50%;
}



}


@media (max-width: 370px) {

#header1 h1 a {
width: 110px;
height: 80px;
margin: 20px 0 4px 5%;
}

#nav1 ul#nav1_pt1 li a,
#nav1 ul#nav1_pt1 li a:link,
#nav1 ul#nav1_pt1 li a:visited,
#nav1 ul#nav1_pt1 li a.aktiv:hover{
padding: 8px 0px 8px 0px;
min-width: 6.2em;

font-size: 0.823529411764706em;
}

#showcase li {
/*width: 50%;*/
font-size: 0.764705882352941em;
}

}

@media (max-width: 330px) {

#header1 h1 a {
width: 110px;
height: 80px;
margin: 20px 0 4px 0%;
}

}