@import 'reset.css';@import 'text.css';@import '960_responsive.css';
/* overlock-regular - latin */
@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/overlock-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Overlock Regular'), local('Overlock-Regular'),
       url('../fonts/overlock-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overlock-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overlock-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overlock-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overlock-v7-latin-regular.svg#Overlock') format('svg'); /* Legacy iOS */
}
body{font-family:'Overlock', Helvetica, Verdana, Arial, Sans-Serif;background:#FFF;}
h1,h2,h3,h4{font-family:Overlock, Verdana, Arial, Sans-Serif;}
a{color:#0f555a;}
h2,h3,h4{color:#87b70d;margin-top:1em}
a:hover{color:#097509;}
#detailpage{border-top:8px solid #0f555a;}
table { border: 0; padding: 5px; empty-cells: show; }
td, th { border: 0;  padding: 1em ; }
thead { font-size:1.0em; text-align:center; color: black; }
tfoot { font-size: 0.8em; text-align: left; font-weight: bold; background-color: #193c19; }
th { text-align:center; background-color: #193c19; color: #fff; font-weight: bold; }
th:first-child {-moz-border-radius-topleft:8px;border-top-left-radius:8px;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px;}
th:last-child {-moz-border-radius-topright:8px;border-top-right-radius:8px; -moz-border-radius-bottomright:8px;border-bottom-right-radius:8px;}
td.nowrap {white-space:nowrap;}
td{text-align:center; vertical-align: middle;}
tr.snd{background:#fafafa}
#header-wrapper{background:rgba(255,255,255,0.9);position:fixed;top:0;width:100%;border-bottom:1px solid #EEE;z-index:1;box-shadow:3px 0 3px rgba(0,0,0,0.3);}
#header{overflow:hidden;padding:10px 0 0;}
#header small{float:right; padding:15px 1em 0 0;}
#logo{float:left;font-size:2em;font-weight:bold;text-decoration:none;margin-bottom:-20px;white-space:nowrap;}
#header div{margin:0;}
#header img{max-width:none;}
#header a{color:#333;}
#header a:hover{color:#006200;}
#header #nav{/*margin-top:2em;*/}
#nav ul{text-align:right;margin:1px 0 0;}
#nav ul li{padding-top:20px;margin:0 10px;list-style:none;display:inline-block;}
#nav a{text-decoration:none;}
#intro{margin-bottom:0;padding:40px 0 150px;color:#FFF;text-align:center;position:relative;background:#444 url('../images/buehne.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#intro img{margin-bottom:10px;}
#intro h1{font-size:2.2em;line-height:1.2em;margin-top:0.8em;}
#intro p, #intro ul{font-size:1.1em;}
div.product_info{padding:3em 0;}
div.pinfo{padding:5px;}
#fpma{display:inline-block;text-align:center;}
#infos{padding:40px 0 20px;margin-bottom:0;overflow:hidden;background:#EEE;}
#address{padding:40px 0 40px;margin-bottom:0;}
#address h2{text-align:center;margin:0 0 30px;font-size:2.6em;}
.centered{text-align:center;}
#address li{list-style:none;overflow:hidden;margin-bottom:20px;}
#address img.ovw {float:left;border-radius:50%;}
.imglst img {padding:0 10px 10px 0; max-width:280px;}
#address p, #address strong{}
blockquote {font-size:1.2em; font-style:italic;}
small.bqsrc {display:inline-block;margin:10px 0 2em 0}
span.sf, span.sn {display:inline-block;width:11px; height:11px;background:url('../images/stern_full.png') 0 0 no-repeat; padding-right:3px;}
span.sn {background-image:url('../images/stern_empty.png');}
.marks{float:left; margin:5px 8px 0 0}
h3.checkmark{margin:0;padding:6px 0 6px 35px;background:url('../images/check.gif') no-repeat 0 6px;}
a.dyntel{text-decoration:none;}
a.dyntel:hover{text-decoration:underline;}
.product{margin:4em 0 3em 0;text-align:left;background-color: rgba(51, 51, 51, 0.87) /*rgba(0, 137, 148, 0.75) */}
.product_info{text-align:left;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
h3{margin-bottom:0.6em;}
.center {text-align:center}
.product_info h2, .product_info h3{margin-bottom:10px;}
span.ja{padding:6px 0 6px 35px;background:url('../images/check.gif') no-repeat 0 6px;}
span.nein{padding:6px 0 6px 35px;background:url('../images/nocheck.gif') no-repeat 0 6px;}
.sepcl a.actbtn{display:inline-block;text-decoration:none;padding:10px 3em;font:bold 1em/1.3em 'Open Sans', Sans-Serif;background:#ddefaf;color:#444;border:1px solid #222;cursor:pointer;width:auto}
.sepcl a.actbtn:hover {background:#fff;border:1px solid #222;box-shadow:2px 2px 8px #777;color:#222}
.contrast h3 {color:#fff; margin-top:0!important}
.marker1{background:#5B9B5B}
.pinfo a.phone{color:#fff;font-weight:bold;}
.sepcl, #footer{background:#87b70d /*0f555a*/;color:#FFF;padding:30px 0 10px;border:none;text-align:center;}
.sepcl, .sepcl a {color:#fff}
#footer a {text-decoration:none;color:#FFF;}
#footer a:hover{text-decoration:underline;}
.smartbck{background:#000;filter:alpha(opacity:60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#stw{position:fixed;filter:alpha(opacity:0);-khtml-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;overflow:hidden;text-align:center;z-index:99999999;background-color:#777777;width:32px;height:32px;line-height:30px;right:10px;bottom:10px;font-size:18px;color:#fff;text-decoration:none;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#stw:hover{background-color:#0f555a;filter:alpha(opacity:100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#stw.show-stw{visibility:visible;cursor:pointer;filter:alpha(opacity:60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
#imgs img{max-width:45%;height:auto!important;margin:2%}
#st_sd{float:right!important;margin:30px 0 0 30px;max-height:300px}
table.price {margin:auto; border-collapse: separate; border-spacing: 2px;}
#pricelist {text-align:center}
#pricelist h3 {margin:2em 0 1em 0}
.price { font-size:1.3em; padding: 1px;}
.price_pak { font-size:1em; padding: 1px;}
.price_pak td, .price td { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;  }
.s1 { width: 250px; background:#ddefaf; font-size:0.9em; padding:4px; padding-left:20px;  font-style:italic; }
.s2 { width: 120px; background: #628016; color: #fff; text-align:right; padding-right:50px; font-weight:bold; }
.price_pak .s1 {font-size:1.1em;width:300px; font-style:normal;}
.price_pak .s2 {font-size:1.3em;width:100px;}
@media screen and (max-width:1000px){#header img{max-width:100%;}
#header #nav{display:block;width:100%;margin-top:0}
#header .grid-2{width:100%}
#intro h1, #address h2{font-size:2.1em;}
}
@media screen and (max-width:820px){#fpma{font-size:1.1em;}
#imgs img{max-width:90%;margin:0 0 12px 0;}
td, th {padding:6px;}
#tbwrap th {width:auto!important;} 
#tbwrap th { word-break: normal; white-space:nowrap; }
#tbwrap table { font-size:1em; display:block; width:auto; max-width:auto; overflow-y: hidden; overflow-x:scroll; }
div.product_info{padding-top:0.5em;}
div.product_intro, div.product_info{float:none;width:auto; margin-bottom:0}
.product{margin-top:0}
div.pinfo{padding:1em;}
#intro{padding-bottom:120px;}
}
@media screen and (max-width:650px){#fpma{font-size:1.1em;}
h2.heading{font-size:1.7em;}
#intro h1, #address h2{font-size:1.9em;margin-bottom:10px;}
#intro{padding-bottom:50px;}
#pricelist, #address .center {text-align:left}
table.price{margin-left:0;}
.s1{background:#cde1e2;}
}
@media screen and (max-width:520px){#address, #pricelist{padding:15px 0;}
a.dyntel{text-decoration:underline}
#fpma{font-size:1em;}
#intro h1, #address h2{font-size:1.7em;margin-top:0}
#tbwrap td, #tbwrap th {font-size:0.8em; padding:3px;}
td.nowrap {white-space:normal;}
.marker2{background:#92ae92}
}
@media screen and (max-width:480px){#fpma{font-size:0.9em;}
#intro img{float:none;margin:10px auto}
#intro{padding-bottom:20px;}
#header small{float:none; text-align:center; display:block;padding:15px 0 0 0;}
#handler{width:50px;display:block;margin:auto;text-align:center;}
#logo{float:none;display:block;text-align:center;font-size:1.2em;height:auto;margin:0 auto;}
#header-wrapper{margin-top:-160px;}
#header #nav {margin-top:10px}
#nav ul{text-align:center;margin:0 0 20px;}
#nav ul li{padding:0;}
}