@import 'reset.css';@import 'text.css';@import '960_responsive.css';
/* lobster-regular - latin */
@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lobster-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lobster Regular'), local('Lobster-Regular'),
       url('../fonts/lobster-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lobster-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lobster-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lobster-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lobster-v20-latin-regular.svg#Lobster') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body{font-family:'Open Sans', Arial, Sans-Serif; background:#FFF}
h1,h2,h3,h4{font-weight:normal;font-family:Lobster, Arial, Sans-Serif}
a{color:#7c2335}
h2,h3,h4{color:#7c2335}
h3{font-size:2em}
h4{font-size:1.6em}
a:hover{color:#b32743}
#detailpage{border-top:8px solid #222}
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; color: #444; font-weight: bold; padding:6px 1em }
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{font-size:1.2em; text-align:right; float:right; padding:15px 3px 0 0}
#logo{float:left;font-size:2em;font-weight:bold;text-decoration:none;margin-bottom:-30px;white-space:nowrap}
#header div{margin:0}
.hdleft {max-width:50%; float:left}
.claim{width:100%;float:left; padding-left:10em; text-transform: uppercase; color:#666; font-weight:bold; font-size:0.9em; letter-spacing:-1px}
#header img{max-width:none;height:auto}
#header #nav{margin-bottom:8px; font-size:1.3em; /*font-family:Lobster, Arial, Sans-Serif;*/}
#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:#fafafa 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.6em;line-height:1.2em;margin-top:0.8em}
#intro p, #intro ul{font-size:1.1em}
div.product_info{padding:6em 0 0 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{background:#e2b327; color:#fff; padding:40px 0 40px;margin-bottom:0}
#address a, #address h3 {color:#fff}
#address h2{color:#fff; text-align:center;margin:0 0 30px;font-size:3em}
.centered{text-align:center}
#address li{list-style:none;overflow:hidden;margin-bottom:20px}
#address img.ovw {float:left;border-radius:50%}
.imglst {text-align:center;margin-top:2em}
.imglst img {padding:0 10px 10px 0; max-width:290px}
#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}
#contact{background:#222;padding:40px 0;margin-bottom:0}
#contact a.dyntel{text-decoration:none;color:#444}
#contact a.dyntel:hover{text-decoration:underline}
#contact h2{text-align:center;color:#FFF}
#contact form{overflow:hidden;max-width:700px;display:block;margin:20px auto;padding:20px;background:#EEE;border-radius:4px}
#contact select, #contact input, #contact textarea{font:normal 1.5em/2em 'Open Sans', Sans-Serif;float:left;width:70%;padding:5px;background:#FFF;border:none;border-radius:6px;width:90%}
#kontaktform .errordiv p.error{color:#c33!important;font-weight:bold!important}
#kontaktform label.ft{display:block;font-weight:bold;margin:1em 0 -1em 0;font-size:1em;color:#444}
#kontaktform br{clear:both}
.actbtn{text-decoration:none;padding:10px 3em;font:bold 1em/1.3em 'Open Sans', Sans-Serif;background:#7c2335;color:#FFF;border:1px solid #7c2335;cursor:pointer;box-shadow:2px 2px 8px #777;width:auto}
#contact p{padding-top:7px;margin:0}
#contact span.error{color:red;padding-left:10px}
#error{font-size:1.5em;text-align:center;color:red}
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:rgba(124, 35, 53, 0.75); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.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}
#intro .priceinfo{font-size:3em;font-weight:bold;text-shadow:2px 2px 5px #555;margin-bottom:10px}
#intro .addpriceinfo{font-size:1.5em;margin-bottom:2em}
.fl_buy1{float:left;width:220px}
.fl_buy2{float:left;padding-top:3.2em}
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}
#contact input.mainaction,
a.mainaction{padding:10px 30px;text-decoration:none;font:bold 1em/1.5em 'Open Sans', Sans-Serif;background:#7c2335;color:#FFF;border-radius:8px;border:1px solid #fff}
#contact input.mainaction:hover,
.actbtn:hover,
a.mainaction:hover{background:#b32743;border:1px solid #222;box-shadow:2px 2px 8px #000;color:#fff}
.marker1{background:#5B9B5B}
.pinfo a.phone{color:#fff;font-weight:bold}
#footer{background:#d1a41f;color:#FFF;padding:30px 0 10px;border:none;text-align:center}
#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:#d1a41f;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)"}
table.price {margin:auto; border-collapse: separate; border-spacing: 2px}
#pricelist {text-align:center}
#pricelist h3, #pricelist h4 {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: #fdebb4; font-size:0.9em; padding:4px; padding-left:20px}
.s2 { width: 120px; background: #d1a41f; color: #fff; text-align:right; padding-right:50px; font-weight:bold}
td.lft {text-align:left}
.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.6em}
h3{font-size:1.9em}
}
@media screen and (max-width:820px){#fpma{font-size:1.1em}
.hdleft {max-width:unset;}
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}
#header small{font-size:1em; float:right; padding:15px 1em 0 0}
#intro{background-position:-500px 0}
}
@media screen and (max-width:650px){#fpma{font-size:1.1em}
#nav ul{text-align:center}
.hdleft {float:none; text-align:center}
.claim{padding-left:0; font-size:1em} 
#logo, .claim{float:none; margin-bottom:0.2em}
h2.heading{font-size:1.9em}
h3{font-size:1.8em}
#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}
#header small{float:none; text-align:center; display:block;padding:15px 0 0 0}
}
@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}
h3{font-size:1.5em}
#tbwrap td, #tbwrap th {font-size:0.8em; padding:3px}
td.nowrap {white-space:normal}
.marker2{background:#92ae92}
.s1, .s2, th { font-weight:normal;width: auto; padding:3px; font-size:0.7em}
.s2 {white-space:nowrap; padding-right:8px}
.s1 {text-align:left}
}
@media screen and (max-width:480px){#fpma{font-size:0.9em}
table.price{width:100%;max-width:100%}
#intro img{float:none;margin:10px auto}
#intro{padding-bottom:20px}
#header small{font-size:0.9em}
#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{display:block;padding:0}
#contact input, #contact button{font-size:0.85em}
.fl_buy2{padding:0}
}