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


/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

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



html {
-webkit-text-size-adjust: 100%;
}

body { 
font-size: 13px;
font-size: 81.25%;
font-size: 106.25%;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
background: #F9DFA6 url('../img/bg_body.gif') repeat-x top left;
background: #f9dfa5;
color: #FFF;
overflow-y: scroll;
overflow-x: auto;

/*****/
background: #ffffff;
}

h1,h2,h3,h4,h5,h6{
margin: 0 0 1em 0;
}

p,ul,ol,label,address {
margin: 0 0 1em 0;
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{font-size: 150%;}
h2{font-size: 140%;}
h3{font-size: 130%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 100%;}
p {font-size: 100%;}

strong {
font-weight: bold;
}

em{
font-style: italic;
}

small {
font-size: 0.8em;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

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

#wrapper{
position: relative;
width: 960px;
min-height: 95vh;
overflow: visible;
margin: 0 auto;
padding: 0px;
/*
border-left: 1px dotted #fff;
border-right: 1px dotted #fff;
*/
}

#header1{
overflow: hidden;
height: 159px;

background: #ebbf33;
background: -moz-linear-gradient(top, #ebbf33 0%, #e68a1d 55%);
background: -webkit-linear-gradient(top, #ebbf33 0%,#e68a1d 55%);
background: linear-gradient(to bottom, #ebbf33 0%,#e68a1d 55%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbf33', endColorstr='#e68a1d',GradientType=0 );

border-bottom: 1px solid #ffffff;



/*****/
/* background: #e68a1d; */

/**/
background: #369903;
background: #6f8510;
border-bottom: 0;

}

#header1 h1{
margin: 0;
padding: 0;

margin-left: -1px;
}

#header1 h1 a{
display: block;
width: 274px;
height: 142px;
/*background: url('../img/logo.jpg') no-repeat 0 -10px; */
margin:  10px 0 0 0;

color: #E9A82A;
position: relative;
z-index: 10;

/*****/
/*
filter: drop-shadow(0 0 1em rgba(0,0,0,0.2));
filter: drop-shadow(0 0 1em rgba(255,255,255,0.5));
filter: drop-shadow(0 0 1em #eabd32);
*/

filter: drop-shadow(0 0 1em #eac532)

}

#header1 h1 a img{
display: block;
width: 100%;
}

#header1 h1 span{
display: none;
}

/* Navi Hauptmenü */

#nav1{
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
overflow: visible;
height: 159px;
height: 10px;

/*background: #FF9999;*/
}

#nav1 ul#nav1_pt1{
position: absolute;
top: 89px;
right: 0px;
margin: 0 1.041666666666667% 0 0;
padding: 0 0px 0 0;
overflow: hidden;

}


#nav1 ul#nav1_pt1 li{
overflow: hidden;
float: left;
display: inline;
padding: 0 0px 0 0px;
margin: 0;
/*background: url('../img/bg_nav1_pt1_trenner.gif') no-repeat bottom left;*/
}

#nav1 ul#nav1_pt1 li a{
font-size: 1.1em;
line-height: 1.176470588235294em;
line-height: 1em;
display: block;
float: left;
display: inline;
font-weight: normal;
text-decoration:none;
color: #fff;
white-space:nowrap;
height: 48px;

padding: 22px 0px 0px 0px;
margin: 0;
}

#nav1 ul#nav1_pt1 li a span{
display: block;
padding: 0 8px;
border-right: 1px solid rgba(255,255,255,0.3);
border-right: 1px solid rgba(0,0,0,0.15);

/*****/
border: 0;
}

#nav1 ul#nav1_pt1 li:first-child a span{

}

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

.no-touch #nav1 ul#nav1_pt1 li a:hover{
background: url('../img/bg_nav1_pt1_link-o.gif') repeat-x bottom;

/*****/
background: transparent;
color: #093305;
}

#nav1 ul#nav1_pt1 li a.aktiv,
#nav1 ul#nav1_pt1 li a.aktiv:visited,
#nav1 ul#nav1_pt1 li a.aktiv:hover{
color: #607507;
cursor: default;
background: none;

/*****/
color: #cb0219;
color: #051802;
}

/* Navi oberes Zusatzmenü */

#nav1 ul#nav1_pt2{
position: absolute;
right: 10px;
top: 0;
line-height: 20px;
}

#nav1 ul#nav1_pt2 ul{
overflow: hidden;
}

#nav1 ul#nav1_pt2 li{
float: left;
display: inline;
/*background: url('../img/bg_nav1_pt2_trenner.gif') no-repeat top left;*/
padding: 0 0 0 6px;
margin: 0;
}

#nav1 ul#nav1_pt2 li a,
#nav1 ul#nav1_pt2 li a:link,
#nav1 ul#nav1_pt2 li a:visited{
float: left;
display: inline;
font-weight: normal;
text-decoration:none;
color: #fff;
padding: 6px 4px 24px 4px;
margin: 0;
}

.no-touch #nav1 ul#nav1_pt2 li a:hover{
text-decoration:none;
background: url('../img/bg_nav1_pt2_link-o.gif') repeat-x top;
}

#nav1 ul#nav1_pt2 li a.aktiv,
#nav1 ul#nav1_pt2 li a.aktiv:link,
#nav1 ul#nav1_pt2 li a.aktiv:visited,
.no-touch #nav1 ul#nav1_pt2 li a.aktiv:hover{
color: #607507;
cursor: default;
}

#nav1 ul#nav1_pt2 li a span{
border-left: 1px solid rgba(255,255,255,0.5);
}

#nav1 ul#nav1_pt2 li#schriftgroesse{
padding-left: 11px;
}

#schriftgroesse span{
float: left;
display: inline;
padding: 6px 0 24px 0px;
}

#schriftgroesse #sg-normal, #schriftgroesse #sg-mittel, #schriftgroesse #sg-gross{
text-align: center;
height: 20px;
line-height: 20px;
padding: 0;
margin: 0;
overflow: hidden;
}

#schriftgroesse #sg-normal{
font-size: 12px !important;
margin-left: 4px !important;
}

#schriftgroesse #sg-mittel{
font-size: 15px !important;
line-height: 18px;
}

#schriftgroesse #sg-gross{
font-size: 19px !important;
line-height: 15px;
}

#nav1 ul#nav1_pt2 #schriftgroesse a span{
/*display: block;
width: inherit;*/
padding: 0 0px;
}

#nav1 ul#nav1_pt2 #facebook a{
/*display: block;
width: inherit;*/
margin: 2px 0px 0px 6px;
padding: 0;
height: 20px;
width: 20px;
background: url('../img/fb.gif') no-repeat center center;
}

#nav1 ul#nav1_pt2 #facebook a span{
position: absolute;
left: -99999px;
}

#header2{
height: 367px;
height: auto;
overflow: hidden;
/*
background: #0f5009;
background: -moz-linear-gradient(top, #0f5009 0%, #083204 50%, #051802 100%);
background: -webkit-linear-gradient(top, #0f5009 0%,#083204 50%,#051802 100%);
background: linear-gradient(to bottom, #0f5009 0%,#083204 50%,#051802 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5009', endColorstr='#051802',GradientType=0 );
*/
background: url('../img/header2_background.jpg') repeat-x center center;
background-size: auto 100%;

border-bottom: 1px solid #ffffff;
}

#produkte #header2{
background: #051802 url('../img/header2_background.jpg') repeat-x center top;
}

#header2 h2{
display: none;
}

#home #header2 h2{
display: block;
position: absolute;
left: 54.2%;
top: 0;
margin: 9% 0 0 0;
width: 42.1875%;
height: 100%;
background: url('../img/willkommen.png') no-repeat;
background-size: 100% auto;
}

#header2 h2 span{
display: none;
}

#header2 img{
display: block;
width: 100%;
}

#content{
overflow: hidden;
padding: 28px 0 50px 0;
margin: 0px 0px;

background: #f9dfa5;
background: -moz-linear-gradient(top, #f9dfa5 0%, #fbecc9 50%, #f9dfa5 100%);
background: -webkit-linear-gradient(top, #f9dfa5 0%,#fbecc9 50%,#f9dfa5 100%);
background: linear-gradient(to bottom, #f9dfa5 0%,#fbecc9 50%,#f9dfa5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfa5', endColorstr='#f9dfa5',GradientType=0 );

background-size: 100% 360px;
background-repeat: no-repeat;

min-height: 350px;


/*****/
background: #ffffff;
}

#content a, #content a:visited, #content a:hover, #content a:active{
color: #ce7d1b;
font-weight: bold;
text-decoration: none;


color: #6F8510;
color: #CE0A22;
color: #CD4922;
color: #C43F17;
color: #C43F17;
border-bottom: 1px dotted #C43F17;

/*****/
/*
color: #6F8510;
border-bottom: 1px dotted #6F8510;
*/

color: #C9360A;
border-bottom: 1px dotted #C9360A;

}

.no-touch #content a:hover{
/*text-decoration: underline;*/
border-bottom: 1px solid #C43F17;

/*****/
/*
color: #6F8510;
border-bottom: 1px solid #6F8510;
*/
}

#content ul{
margin: 0;
list-style-position: outside;
list-style-type: square;
}
#content ul li{
margin-left: 1.2em;
margin-bottom: 0.5em;
}

#footer {
/*
position: fixed;
bottom: 10px;
width: 100%;
*/

clear: both;
overflow: hidden;
padding: 9px 0;
background: #49ab37 url('../img/bg_footer.gif') repeat-x left top;
margin-bottom: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;



/*****/
background: #0e5009;
background: #6f8510;
margin-bottom: 0;
border: 0;
padding-bottom: 3em;
}

#footer p{
display: inline-block;
float: left;
margin: 0 1.041666666666667%;
padding: 6px 0;
}

#footer a{
}

#footer a:hover{
}


#footer ul#footer_nav{
display: inline-block;
float: right;
margin: 0 1.041666666666667%;
}

#footer ul#footer_nav ul{
overflow: hidden;
}

#footer ul#footer_nav li{
float: left;
display: inline;

padding: 0 0 0 0px;
margin: 0;
}

#footer ul#footer_nav li#n_datenschutz{
/*
display: none;*/

}

#footer ul#footer_nav li a,
#footer ul#footer_nav li a:link,
#footer ul#footer_nav li a:visited{
float: left;
display: inline;
font-weight: normal;
text-decoration:none;
color: #fff;
padding: 6px 4px 6px 4px;
margin: 0;
}

#footer ul#footer_nav li a span{
display: block;
border-right: 1px solid #ffffff;
padding: 0 7px 0 0;

/*****/
border: 0;
}

#footer ul#footer_nav li:first-child a span{

}

.no-touch #footer ul#footer_nav li a:hover{
text-decoration:none;
color: #E68A1D;
text-shadow: 0 0 3px #2B631E;

/*****/
color: #062304;
text-shadow: none;
}

#footer ul#footer_nav li a.aktiv,
#footer ul#footer_nav li a.aktiv:link,
#footer ul#footer_nav li a.aktiv:visited,
.no-touch #footer ul#footer_nav li a.aktiv:hover{
color: #E68A1D;
cursor: default;
text-shadow: 0 0 3px #2B631E;

/*****/
color: #051802;
text-shadow: none;
}

#footer ul#footer_nav #facebook a{
/*display: block;
width: inherit;*/
margin: 8px 0px 0px 6px;
padding: 0;
height: 20px;
width: 20px;
background: url('../img/fb.gif') no-repeat center center;

box-shadow: 0 0 3px #fff;


/*****/
box-shadow: none;
/*
border: 1pt solid #ffffff;
box-sizing: border-box;
*/

}

#footer ul#footer_nav #facebook a span{
position: absolute;
left: -99999px;
}



/* Allgemeine Klassen und Styles */

.cnt-block{
background: #ddcd87;
color: #333;
padding: 0;
overflow: hidden;
margin: 0 10px 20px 10px;
padding-bottom: 8px;
border-radius: 8px;

margin: 0 1.041666666666667%;
margin-bottom: 2.083333333333333%;
width: 97.916666666666667%;


/*****/
background: #ffffff;
box-shadow: 0 0 1em rgba(0,0,0,0.2);

box-shadow: none;
}

.cnt-block .abschluss{
clear: both;

}

.cnt-block .col1{
width: 374px;
float: left;
display: inline;
margin: 10px 0 0 10px;

width: 39.787234042553191%;
margin: 10px 0 0 1.063829787234043%;
}

.cnt-block .col1 img{
display: block;
width: 100%;
}

.cnt-block .col2{
width: 516px;
float: right;
display: inline;
padding-right: 10px;
margin: 10px 10px 0 0;

width: 54.893617021276596%;
padding-right: 1.063829787234043%;
margin: 10px 1.063829787234043% 0 0;
}

.cnt-block .col2 h3{
padding: 0 22px 10px 22px;
color: #fff;
background: #e68a1d;

border-radius: 8px;

padding: 0px 4.263565891472868% 10px 4.263565891472868%;

/*****/
/**/
background: #6f8510;
background: #ffffff;
color:  #6f8510;
font-weight: bold;

padding-bottom: 0;
}

.cnt-block .col2 h3 span{
display: block;
margin: 0 -22px;
padding: 10px 22px 0 22px;
font-size: 0.9em;
font-weight: bold;
color: #607507;

padding: 10px 4.263565891472868% 0 4.263565891472868%;
margin: 0 -4.263565891472868%;

/*****/
color: #000;
color: #0e5009;
padding-top: 0;

font-size: 0.7em;
font-weight: bold;
}

#content .cnt-block .col2 p, 
#content .cnt-block .col2 h4, 
#content .cnt-block .col2 ul, 
#content .cnt-block .col2 ol, 
#content .cnt-block .col2 blockquote{
margin: 0 20px 1.5em 20px;

margin: 0 3.875968992248062% 1.5em 3.875968992248062%;
}

#content .cnt-block .col2 h4{
margin-top: 2em;
margin-bottom: 1em;
}

.cnt-block img{
border-radius: 8px;
display: block;
}

dl.deflist1{
border-bottom: 1px solid #d6cbb0;
overflow: hidden;
height: 1%;
}

dl.deflist1 dt{
clear: both;
width: 60%;
float: left;
display: inline;
border-top: 1px solid #d6cbb0;
}

dl.deflist1 dd{
width: 39.9%;
float: left;
display: inline;
border-top: 1px solid #d6cbb0;
}






/* Bereichs-spezifische Styles */

/* Home */

#home .cnt-block .col1{
width: 354px;
width: 37.659574468085106%;
}

#home .cnt-block .col1 a{
display: block;
border: 0;
}
#home .cnt-block .col1 a+a{
margin-top: 20px;
}

#home .cnt-block .col2{
width: 536px;
width: 57.021276595744681%;
}

#home .cnt-block .col2 h3{
	/*
background: #e68a1d;
border-radius: 8px;
*/
}

#home .cnt-block .col2 h3 span{
}

#home #header2{
position: relative;
}

#home #header2 #home-stoerer{
position: absolute;
top: 215px;
left: 536px;
height: 115px;
width: 408px;
padding: 3px;
background: URL('../img/bg_home_stoerer.gif') no-repeat top center;
cursor: pointer;
}

#home #apfelannahme{
width: auto;
background: #0E5009;
color: #FBECC9;
overflow: hidden;
margin-bottom: 1em;
border-radius: 8px;
padding: 5%;
background: #0E5009 url('../img/bg_apfelannahme.jpg') center center;
background-size: cover;

text-shadow: 0 0 4px #000, 0 0 1px #000;
}

#home #apfelannahme h4{
color: #ffffff;
font-size: 2.25em;
line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
}
#home #apfelannahme p{

margin-bottom: 0.25em;
}
#home #apfelannahme p#startdatum{
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
#home #apfelannahme p#ort{
text-align: center;
}

#home #apfelannahme p#oeffnungszeiten{
border-top: 1px solid #fff;
padding-top: 0.5em;
margin-top: 0.5em;
}
#home #apfelannahme p#oeffnungszeiten span{
font-size: 0.8em;
line-height: 1.4em;
}
#home #apfelannahme p#oeffnungszeiten .tage{
clear: both;
float: left;
width: 40%;
padding-right: 5%;
font-weight: bold;
white-space: nowrap;
}
#home #apfelannahme p#oeffnungszeiten .zeiten{
float: left;
width: 55%;
white-space: nowrap;
}

#home #logo_ifs-food{
float: right;
display: inline-block;
margin: 0 0 4px 1em;
max-width: 30%;
}
#home #logos_eler{
display: block;
margin: 1em 0;
max-width: 100%;
}


/* Produkte */

#produkte #header2{
/*
background: URL('../img/bg_header2_produkte.jpg') no-repeat top left;
*/

/*
min-height: 367px;
*/
padding-bottom: 30px;
}

#produkte #submenu{
padding: 2.127659574468085%;
padding: 0px 0;
margin: 40px 1.041666666666667%;
margin-bottom: 0px;
overflow: hidden;
}

#produkte #submenu h2{
display: block;
background: URL('../img/hl_produkte.png') no-repeat top left;
height: 35px;
overflow: hidden;
margin: 0 20px 10px 0;
width: 138px;

float: left;
display: inline;
}

#produkte #submenu h2 span{
display: none;
}

#produkte #submenu ul{
list-style: none;
padding-top: 0px;
margin: 0;

float: right;
display: inline;
}

#produkte #submenu ul li{
margin: 0 0 10px 10px;
padding: 0;
position: relative;
color: #333;
text-decoration: none; 
background: #DADEBA;
padding: 10px 10px 10px 10px;

float: left;
display: inline;

border-radius: 6px;
cursor: pointer;

 -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None; 
}

#produkte #submenu ul li a,
#produkte #submenu ul li a:link,
#produkte #submenu ul li a:visited{

}

#produkte #submenu ul li span{
position: relative;
display: block;
line-height: 1.0em;
padding: 0;
}

.no-touch #produkte #submenu ul li:hover{
color: #fff;
background: #6F8510;
}

.no-touch #produkte #submenu ul li:hover span{
}

#produkte #submenu ul li.aktiv{
color: #fff;
background: #E68A1D;
}

#produkte #submenu ul li.aktiv span{
}

.no-touch #produkte #submenu ul li.aktiv:hover{
cursor: default;
}

.no-touch #produkte #submenu ul li.aktiv:hover span{
}

#produkte #showcase{
/*
float: right;
display: inline;
width: 689px;
height: 285px;
*/
clear: both;
overflow: hidden;
/*border: 1px dotted #a00;*/
padding: 2.127659574468085%;
margin: 10px 1.041666666666667%;

height: auto;

background: #FDEECF;

-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  
border: 3px solid #E68A1D;
border-radius: 8px;


/*****/
background: #ffffff;
/*box-shadow: 0 0 1em rgba(0,0,0,0.2);*/
border: 0;
background: #FDEECF;

}

#showcase h3{
display: none;
}

#showcase a,
#showcase a:link,
#showcase a:visited{
color: #E68A1D;
display: block;
text-align: center;
text-decoration: none;
color: #000;
}

#showcase ul#produktliste{
transition: 500ms;

list-style: none;


/*****/

overflow: hidden;
border-radius: 8px;
}

#showcase li{
float: left;
width: 16.666666666666666%;
height: 2em;
margin: 0 !important;

height: auto;
background: #FDEECF;
overflow: hidden;



/*****/
background: transparent;


}
/*
#showcase li:nth-child(6n-5){
clear: left;
}
*/

#showcase li a,
#showcase li a:link,
#showcase li a:visited{
position: relative;
padding-top: 1em;
text-decoration: none;
border-bottom: none;
color: #115009;
}
#showcase li a img{
display: block;
width: 100%;

transition: 500ms;
transform-origin: 50% 15%;
}
#showcase li a span{
display: block;
font-size: 0.882352941176471em;
line-height: 1.2em;
min-height: 3.6em;
position: relative;
padding: 0 1px;
}
.no-touch #showcase li a:hover{
z-index: 5;
border-bottom: none;
}

.no-touch #showcase li a:hover img,
#showcase li.aktiv a img{
transform: scale(1.25);
}
/*
#showcase li a:hover img{
transform: rotate(8deg);
}
#showcase li:nth-child(odd) a:hover img{
transform: rotate(-8deg);
}
*/
.no-touch #showcase li a:hover span,
#showcase li.aktiv a span{
/*color: #E68A1D;*/
text-shadow: 0 0 3px #FDEECF, 0 0 2px #FDEECF, -1px -1px 1px #FDEECF, 0 -1px 1px #FDEECF, 1px -1px 1px #FDEECF,  -1px 1px 1px #FDEECF, 0 1px 1px #FDEECF, 1px 1px 1px #FDEECF;
}
.no-touch #showcase li a:hover::after,
#showcase li.aktiv a::after{
content: "";
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
/*
width: 100%;
height: 100%;
*/
border: 3px solid #E68A1D;
border-radius: 8px;

-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  

background: rgba(166,90,0,0.1);

/*****/
border-color: transparent;

}

#showcase li.aktiv a::after{
border-color: #E68A1D;
border-color: #6F8510 !important;
}

#produkte .inner>.cnt-produkt{
padding: 0;
overflow: hidden;
margin: 0 0 20px 0;

margin: 1.041666666666667%;

}

#produkte #prod_cnt{
margin: 1.041666666666667%;
display: none;


}

#produkte #prod_detail{
background: #fceecf;
border: 3px solid #E68A1D;
border-radius: 8px;

color: #000;

/*****/
border-color: transparent;

}
#produkte #prod_detail>.cnt-produkt{
padding: 0;
overflow: hidden;
margin: 0 0 20px 0;
position: relative;
}

#produkte .cnt-produkt .col1{
width: 216px;
float: left;
display: inline;
margin: 10px 0 0 10px;

width: 22.978723404255319%;
}

#produkte ul#prod_buttons{
list-style: none;
padding-top: 16px;
margin: 0 1.041666666666667%;
margin: 0;
overflow: hidden;


}

#produkte ul#prod_buttons li{
margin: 0 0px 10px 0;
padding: 0;
overflow: visible;
height: 1%;

float: left;
display: inline;

cursor: pointer;
width: 32.65%;
width: 32.624113475177305%;
margin-left: 1.063829787234043%;

width: calc(33.3% - 6.66px);
margin-left: calc(10px);

 -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None; 
}
#produkte ul#prod_buttons li:first-child{
margin-left: 0;
}

#produkte ul#prod_buttons li>span{
position: relative;
display: block;
line-height: 1.0em;
padding: 0px;
text-align: center;

position: relative;
display: block;
color: #fff;
text-decoration: none; 
font-weight: normal;
background: #6F8510;

padding: 8px 5px 8px 5px;
margin-bottom: 0; 
border: 0;

border-radius: 6px;

min-width: 120px;
min-width: 185px;
}

#produkte ul#prod_buttons li>span>span{
position: static;
height: auto;
padding: 0 20px 1px 20px;
margin: 0;

border: 0;
}

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

#produkte ul#prod_buttons li#prod-prev>span>span{
background: URL('../img/doppelpfeil-l1.gif') no-repeat left;
}

#produkte ul#prod_buttons li#prod-next>span>span{
background: URL('../img/doppelpfeil-r1.gif') no-repeat right;
}

.no-touch #produkte ul#prod_buttons li:hover>span{
background: #E68A1D;
}





.no-touch #produkte .cnt-produkt .col1 ul li a:hover{
background: #E68A1D;
border: 0;
}

.no-touch #produkte .cnt-produkt .col1 ul li a:hover>span{
}

/*
#produkte .cnt-produkt .col2{
width: 689px;
float: right;
display: inline;
background: #fceecf URL('../img/cnt-produkt_top.gif') no-repeat top center;
color: #333;
padding: 0;
overflow: hidden;
margin: 0 0 0px 0;
}
*/

#produkte .cnt-produkt .col2{
width: 689px;
float: right;
display: inline;
color: #333;
padding: 0;
overflow: hidden;
margin: 0 0 0px 0;
min-height: 410px;

width: 73.297872340425532%;
}

#produkte .cnt-produkt .subcol1{
width: 394px;
float: left;
display: inline;
padding: 0;
margin: 22px 0 0 20px;
overflow: hidden;

width: 57.686676427525622%;
margin: 2.781844802342606% 0 0 2.635431918008785%;

width: 64.882226980728051%;
padding: 0;
margin: 2.141327623126338%;
}

#produkte .cnt-produkt .subcol1 p,
#produkte .cnt-produkt .subcol1 h4,
#produkte .cnt-produkt .subcol1 ul,
#produkte .cnt-produkt .subcol1 ol,
#produkte .cnt-produkt .subcol1 blockquote,
#produkte .cnt-produkt .subcol1 dl
{
margin-left: 10px;
margin-right: 10px;
}

#produkte .cnt-produkt .subcol1 h3{ 
padding: 10px 2.538071065989848% 10px 2.538071065989848%;
color: #fff;
background: #e68a1d;
border-radius: 8px;

/*****/
color: #6f8510;
padding: 0 10px;
background: transparent;
font-weight: bold;
}

#produkte .cnt-produkt .subcol1 h3 span{ 
display: block;
margin: 0 -2.538071065989848%;
padding: 0px 22px 0 2.538071065989848%;
font-size: 0.9em;
font-weight: bold;
color: #607507;

}

#produkte .cnt-produkt .subcol1 p{ 
margin-bottom: 0.75em;
}

#produkte .cnt-produkt .subcol1 h4{ 
font-size: 1em;
font-weight: bold;
margin-bottom: 0.5em;
position: relative;
}
#produkte .cnt-produkt .subcol1 h4.closed{
cursor: pointer;
padding-right: 40px;

display: inline-block;
}
#produkte .cnt-produkt .subcol1 h4.closed::after{ 
content:"+";
background: #E68A1D;
color: #fff;
font-size: 1.5em;
min-width: 30px;
height: 30px;
line-height: 30px;
border-radius: 4px;
text-align: center;
display: inline-block;
position: absolute;
top: -2px;
right: 0;
}

#produkte .cnt-produkt .subcol1 dl{
margin-bottom: 1em;
}

#produkte .cnt-produkt .subcol1 dl.deflist1 dd{
text-align: right;
}

#produkte .cnt-produkt .subcol1 .fussnote{
margin-top: -1em;
font-size: 0.8em;
text-align: right;
}

#produkte .cnt-produkt .subcol2{
width: 248px;
float: right;
display: inline;
padding: 0 10px;
margin: 22px 0 0 0;
overflow: hidden;
min-height: 382px;
/*
width: 36.310395314787701%;
margin: 2.781844802342606% 0 0 0;
padding: 0 1.464128843338214%;
*/
width: 26.552462526766595%;
padding: 0;
margin: 2.141327623126338%;
}

#produkte .cnt-produkt .subcol2 img{
display: block;
width: 100%;
margin: auto;
max-width: 248px;
}

#produkte .cnt-produkt .abschluss{
clear: both;

}

/* Produkt-Detailseiten (Fallback only!)*/

#produkt-detail{
background-image: none;
color:#333333;
}

#produkt-detail .cnt-produkt{
width: 394px;
padding: 20px;

}

#produkt-detail .subcol2{
display: none;
}

#produkt-detail a.back,
#produkt-detail a.back:link,
#produkt-detail a.back:visited{
padding: 20px;
color: #333;
}


/* Impressum */

#impressum .col2 p span.tab1{
float: left;
display: inline;
width: 8.4em;
font-weight: bold;
}

.significa{
border-top: 0px solid #F9DFA6;
padding-top: 3em;
font-size: 0.8em;
line-height: 1.3em;
text-align: right;
}

.significa a{
}


/* Kontaktformular ***************************/

#kontakt #formcontainer{
/*border-top: 1px solid #aaa;*/
clear: both;
margin: 0 0 0 3.875968992248062%;
padding: 0 0 1em 0;
overflow: hidden;

/*display: none ******* FORMULAR AUS ****/
}

#kontakt #formcontainer p{
margin-left: 0;
font-size: 0.8em;
line-height: 1.5em;
}

#kontakt #formcontainer h3{
margin-left: 0;
}

form#kontaktformular{
overflow: hidden;
}

#kontaktformular div{
padding-bottom: 10px;
overflow: hidden;
/*border: 1px solid #0a0;*/
}

#content .col2 #kontaktformular p{
clear: both;
margin: 0;
padding: 10px 0 0 0;
overflow: hidden;
/*border: 1px solid #0a0;*/
}

#kontaktformular label{
display: block;
margin: 0;
padding: 0;
}

#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: left;
display: inline;
width: 148px;
margin-right: 16px;
/*height: 3.4em;*/

width: 29.838709677419355%;
margin-right: 3.225806451612903%;
}

#CKF_vorname, #CKF_ort, #CKF_email, #CKF_sender_email, #CKF_empfaenger_email{
margin-right: 0px;
}

#CKF_nachricht{
clear: left;
width: 476px;

width: 95.967741935483871%;
}

#kontaktformular #CKF_submit {
padding: 5px 20px 0 0;
text-align: right;

padding-right: 4.032258064516129%;
}

#kontaktformular #CKF_anrede label{
float: left;
display: inline;
width: auto;
margin-right: 20px;
}

#kontaktformular #CKF_anrede input{
float: left;
display: inline;
background: transparent;
border: none;
width: auto;
}

select#KF_anrede, input#KF_vorname, input#KF_name, input#KF_strasse, input#KF_plz, input#KF_ort, input#KF_plz-ort, input#KF_telefon, input#KF_telefax, input#KF_email, input#KF_sender_name, input#KF_sender_email, input#KF_empfaenger_name, input#KF_empfaenger_email{
width: 100%;
background: #f8eed8;
border: 1px solid #E68A1D;

-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  

box-shadow: 2px 2px 3px rgba(0,0,0,0.15) inset;

}

#kontaktformular textarea{
width: 470px;
max-width: 470px;
height: 100px;
min-height: 100px;
max-height: 300px;
overflow: auto;
background: #f8eed8;
border: 1px solid #E68A1D;
margin: 0;

box-shadow: 2px 2px 3px rgba(0,0,0,0.15) inset;

width: 100%;
min-width: 100%;
max-width: 100%;

-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  

}

#kontaktformular input, #kontaktformular select, #kontaktformular textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px 2px;


/*****/
border: 0;
box-shadow: 1px 2px 5px rgba(0,0,0,0.1) inset;
}

#kontaktformular select option{
}

#kontaktformular #CKF_datenschutzerklaerung_verstanden{
position: relative;
max-width: 470px;
}

#kontaktformular #CKF_datenschutzerklaerung_verstanden input{
position: absolute;
left: 0;
top: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0.2em;
}
#kontaktformular #CKF_datenschutzerklaerung_verstanden label{
display: block;
margin-left: 1.5em;
font-size: 0.8em;
line-height: 1.5em;
}

#kontaktformular input#KF_submit{
float: right;
display: inline;
margin: 0 0 2em 0;
min-width: 148px;
padding: 10px 0px;
color: #fff;
background: #E68A1D;
font-weight: bold;
text-align:center;
border: 1px solid #E68A1D;
cursor: pointer;

-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box;  

box-shadow: none;
}

#kontaktformular .muss label{
}



/*****/
/* Zusätze */

/*

*{
border-radius: 0 !important;
}

*/