@import 'reset.css';@import 'text.css';@import '960_responsive.css';
/* rancho-regular - latin */
@font-face {
  font-family: 'Rancho';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('../fonts/rancho-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rancho Regular'), local('Rancho-Regular'),
       url('../fonts/rancho-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rancho-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rancho-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rancho-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rancho-v9-latin-regular.svg#Rancho') format('svg'); /* Legacy iOS */
}
body{font-family:Arial, Sans-Serif;background:#19171a;color:#fff}
h1,h2,h3,h4{font-weight:normal;font-family:Rancho, Arial, Sans-Serif;}
h1{font-size:2.5em;line-height:1em;color:#10bd5d;}
a{color:#10bd5d;}
h2,h3,h4{color:#10bd5d;}
h3{font-size:2em;}
#header a:hover, a:hover{color:#00fb70;}
a.actbtn:hover{background:#00fb70;}
#detailpage{border-top:8px solid #10bd5d;}
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{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; float:right; text-align:right;color:#bd8c02;padding:15px 3px 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 a{color:#bd8c02;}
a.actbtn{text-align:center; display:inline-block;padding:20px 30px;background:#10bd5d;color:#000;font-size:1.5em;text-decoration:none;}
#header img{max-width:none;}
#header #nav{font-size:1.1em; color:#fff;font-family:Lobster, Arial, Sans-Serif;margin-bottom:7px}
#nav ul{text-align:right;margin:20px 0 0;}
#nav ul li{margin:0 3px;list-style:none;display:inline-block; }
#nav a{font-size:0.9em;color:#bd8c02;text-decoration:none;padding:3px 8px;display:inline-block; border:1px solid #bd8c02;}
#nav a:hover{background:#302d31;}
#intro{min-height:60%;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;}
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{background:#bd8c02; color:#000; padding:40px 0 40px;margin-bottom:0;}
#address a, #address h3 {color:#000;}
#address h2{color:#000; text-align:center;margin:0 0 30px;font-size:2em;}
.centered{text-align:center;}
.imglst {text-align:center;margin-top:2em;}
.imglst img {padding:0 10px 10px 0; max-width:290px;}
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 a{color:#bd8c02}
.product{color:#bd8c02;text-align:left;padding-top:1em}
.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;}
#footer{background:#bd8c02;color:#000;padding:30px 0 10px;border:none;text-align:center;}
#footer a{text-decoration:none;color:#000;}
#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:#0b8d45;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 {color:#000;margin:auto; border-collapse: separate; border-spacing: 2px;}
#pricelist {text-align:center;margin-top:1em;}
#pricelist p {color:#bd8c02}
#pricelist h3 {margin:1em 0 0.5em 0}
.price { font-size:1.3em; padding: 1px;}
.price_pak { font-size:1em; padding: 1px;}
#nav li a, a.actbtn, .price_pak td, .price td { -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;  }
.s1 { background: #bd8c02; font-size:0.9em; padding:2px 20px; }
.s2 { background: #bd8c02; text-align:right; padding:2px 20px;font-weight:bold;white-space:nowrap;}
#magic-pricelist .s1, 
#magic-pricelist .s2 { background:#10bd5d;}
@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%}
#address h2{font-size:1.8em;}
h3{font-size:1.7em;}
}
@media screen and (max-width:820px){#fpma{font-size:1.1em;}
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:-290px 0;}
#header #nav li a{font-size:0.9em; margin-bottom:5px;}
}
@media screen and (max-width:650px){
table.price {font-size:1em;}
h2.heading{font-size:1.7em;}
h3{font-size:1.6em;}
#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){
a.actbtn{font-size:1.3em;}
#address, #pricelist{padding:15px 0;}
a.dyntel{text-decoration:underline}
#fpma{font-size:1em;}
#address h2{font-size:1.6em;margin-top:0}
h3{font-size:1.5em;}
#tbwrap td, #tbwrap th {font-size:0.8em; padding:3px;}
td.nowrap {white-space:normal;}
#header #nav li a{border:0}
}
@media screen and (max-width:480px){#fpma{font-size:0.9em;}
#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;}
}
.over{
    position: absolute;
    border: 1px solid #bd8c02;
    top: 100px;
    left:30%;
    width: 400px;
    font-size:1.2em;text-align:center;color:#bd8c02;
    border-radius: 4px;
}

.hinweis{
    text-align:center;border-radius: 4px;font-size:0.9em;color:#bd8c02;text-decoration:none;padding:3px 8px;display:inline-block; border:1px solid #bd8c02;
}