html{scroll-padding-top:90px;} .w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;} .h0px{height:0px;} .h1px{height:1px;} .h2px{height:2px;} .h3px{height:3px;} .h4px{height:4px;} .h5px{height:5px;} .h6px{height:6px;} .h7px{height:7px;} .h8px{height:8px;} .h9px{height:9px;} .h10px{height:10px;} .h11px{height:11px;} .h12px{height:12px;} .h13px{height:13px;} .h14px{height:14px;} .h15px{height:15px;} .h16px{height:16px;} .h17px{height:17px;} .h18px{height:18px;} .h19px{height:19px;} .h20px{height:20px;} .h21px{height:21px;} .h22px{height:22px;} .h23px{height:23px;} .h24px{height:24px;} .h25px{height:25px;} .h26px{height:26px;} .h27px{height:27px;} .h28px{height:28px;} .h29px{height:29px;} .h30px{height:30px;} .h31px{height:31px;} .h32px{height:32px;} .h33px{height:33px;} .h34px{height:34px;} .h35px{height:35px;} .h36px{height:36px;} .h37px{height:37px;} .h38px{height:38px;} .h39px{height:39px;} .h40px{height:40px;} .h41px{height:41px;} .h42px{height:42px;} .h43px{height:43px;} .h44px{height:44px;} .h45px{height:45px;} .h46px{height:46px;} .h47px{height:47px;} .h48px{height:48px;} .h49px{height:49px;} .h50px{height:50px;} .h51px{height:51px;} .h52px{height:52px;} .h53px{height:53px;} .h54px{height:54px;} .h55px{height:55px;} .h56px{height:56px;} .h57px{height:57px;} .h58px{height:58px;} .h59px{height:59px;} .h60px{height:60px;} .h61px{height:61px;} .h62px{height:62px;} .h63px{height:63px;} .h64px{height:64px;} .h65px{height:65px;} .h66px{height:66px;} .h67px{height:67px;} .h68px{height:68px;} .h69px{height:69px;} .h70px{height:70px;} .h71px{height:71px;} .h72px{height:72px;} .h73px{height:73px;} .h74px{height:74px;} .h75px{height:75px;} .h76px{height:76px;} .h77px{height:77px;} .h78px{height:78px;} .h79px{height:79px;} .h80px{height:80px;} .eip_left{margin-left:0;margin-right:auto;} .eip_center{margin-left:auto;margin-right:auto;} .eip_right{margin-left:auto;margin-right:0;} div.eip_spacer_default{overflow:hidden;margin:0;padding:0;clear:both;} img.eip_imgng_img{display:block;} .eipunicodelist2713 {list-style:none;margin-top:4px;margin-bottom:4px;} .eipunicodelist2713 > li {position:relative;margin-bottom:6px;list-style-image:none;} .eipunicodelist2713 > li::before {content:"\2713";font-size:1.3em;color:green;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;} .eipunicodelist2716 {list-style:none;margin-top:4px;margin-bottom:4px;} .eipunicodelist2716 > li {position:relative;margin-bottom:6px;list-style-image:none;} .eipunicodelist2716 > li::before {content:"\2716";font-size:1.3em;color:red;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;} .eipunicodelist26A0 {list-style:none;margin-top:4px;margin-bottom:4px;} .eipunicodelist26A0 > li {position:relative;margin-bottom:6px;list-style-image:none;} .eipunicodelist26A0 > li::before {content:"\26A0";font-size:1.3em;color:#CB3E3F;font-weight:bold;display:inline-block;text-align:right;padding-right:12px;position:absolute;top:-5px;left:-22px;} @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { .mobilew100{width:100%;} } body { background: white; color: #4D4D4D; font-family: arial, helvetica, sans-serif; font-size: 12pt; margin: 0px; padding: 0px; overflow-y:scroll; top: 0px !important; } * { font-family: arial, helvetica, sans-serif; font-size: 12pt; } a:link, a:visited, a:active, a:hover { color: #3C5B91; background: transparent; font-size: 12pt; text-decoration: underline; } a:hover { color: #378624; } a.magictel { pointer-events: none; cursor:text; text-decoration:none !important; color: #4D4D4D; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { a.magictel { pointer-events: auto; cursor:pointer; text-decoration: underline !important; } } h1 { font-size: 20pt; font-weight: bold; color: #3C5B91; line-height: 1.3em; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { h1 { font-size: 16pt; } } h2 { font-size: 18pt; font-weight: bold; color: #3C5B91; } h2.acco_show_name { margin: 10px 10px 0px 20px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { h2 { font-size: 14pt; } h2.acco_show_name { margin: 10px 10px 0px 10px; } } h3 { font-size: 14pt; font-weight: bold; color: #3C5B91; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { h3 { font-size: 12pt; } } h2.impressum { font-size: 12pt; font-weight: bold; } span.impressum { font-size: 10pt; } .skiptranslate{ display: none !important; } .goog-te-banner-frame { display:none !important; } .noborder{border: 0px;} .clear{clear: both;} .small{ font-size: 10pt; font-weight: normal; } div.anchor{ position: absolute; margin-top: -100px; } div.reiter{ position: relative; width: 100%; } div.reiter a{ padding: 5px 20px 5px 20px; background: #3C5B91; color: white; float: left; width: 50%; max-width: 200px; text-align: center; text-decoration: none; border: 1px solid white; box-sizing: border-box; display: block; } div.reiter a:hover{ background: #378624; } a.reiter_active{ background: #378624 !important; } div.error_box{ padding: 20px; color: white; background: red; font-size: 14pt; margin: 20px; } div.success_box{ padding: 20px; color: white; background: green; font-size: 14pt; margin: 20px; } div.video_column{ position: relative; float: left; width: 31.33%; padding-bottom: 56.25%; padding-bottom:18.75%; margin: 10px 1% 10px 1%; padding-top:0px; height:0; overflow:hidden; box-sizing: border-box; } @media (max-width: 900px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait) { div.video_column:nth-child(2), div.video_column:nth-child(1){ width: 48%; padding-bottom: 36.5%; } div.video_column:nth-child(3){ clear: both; width: 98%; padding-bottom: 56.25%; } } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.video_column:nth-child(2), div.video_column:nth-child(1){ clear: both; width: 98%; padding-bottom: 56.25%; } } div.video_column iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } div.ausflug_reiter{ position: relative; width: 100%; } div.ausflug_reiter a{ padding: 5px 20px 5px 20px; background: #3C5B91; color: white; float: left; width: 25%; text-align: center; text-decoration: none; border: 1px solid white; box-sizing: border-box; display: block; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.ausflug_reiter a{ width: 50%; } } div.ausflug_reiter a:hover{ background: #378624; } a.ausflug_reiter_active{ background: #378624 !important; } div.ausflug_pic{ position: relative; float: right; width: 40%; margin: 0px 0px 20px 20px; text-align: right; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.ausflug_pic{ float: none; width: 100%; margin: 0px 0px 20px 00px; } } div.ausflug_pic a{ display: block; width: 100%; } div.ausflug_pic img{ width: 100%; height: auto; } div.ausflug_pic_title{ position: absolute; width: 100%; bottom: 0px; text-align: right; color: white; text-shadow: 1px 1px 1px black; padding: 4px; font-size: 10pt; box-sizing: border-box; } div#pba_pic_container{ display: flex; flex-wrap: wrap; margin-bottom: 30px; } div.pba_cat{ position: relative; width: 31.33%; margin: 0px 1% 20px 1%; background: #EEE; cursor: pointer; } @media (max-width: 900px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait) { div.pba_cat{ width: 48%; } } @media (max-width: 550px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 825px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1100px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 825px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1100px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1650px) and (orientation:portrait) { div.pba_cat{ width: 100%; margin: 0px 0px 20px 0px; } } div.pba_cat:hover{ background: #378624; } div.pba_cat_pics img:nth-child(1){ box-sizing: border-box; border-right: 2px solid #EEE; } div.pba_cat_pics img:nth-child(2){ box-sizing: border-box; border-left: 2px solid #EEE; } div.pba_cat_title{ background: #3C5B91; color: white; padding: 10px; font-size: 14pt; } div.pba_cat_description{ padding: 10px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.pba_cat_description{ padding: 5px; } } div#pba_img_container{ display: flex; flex-wrap: wrap; } div.pba_img{ position: relative; width: 31.33%; padding: 10px; background: #EEE; margin: 0px 1% 20px 1%; box-sizing: border-box; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.pba_img{ width: 48%; } } @media (max-width: 550px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 825px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1100px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 825px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1100px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1650px) and (orientation:portrait) { div.pba_img{ width: 100%; padding: 0px; margin: 0px 0px 20px 0px; } } div.pba_img:hover{ background: #DDD; } div.pba_img img{ width: 100%; height: auto; } div.pba_checkbox { position:absolute; top:22px; right:22px; width:12px; height:12px; border:0px solid #419eaf; } div.pba_img input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ padding: 10px; } div#pba_choose a{ display: block; float: left; padding: 5px 10px 5px 10px; background: #378624; color: white; margin-right: 5px; } div#pba_choose a:hover{ background: #3C5B91; color: white; } input.pba_submit{ padding: 5px 10px 5px 10px; background: #378624; color: white; margin-right: 5px; border: 0px; cursor: pointer; } input.pba_submit:hover{ background: #3C5B91; color: white; } .bg_white{ background: rgba(255, 255, 255, 0.6); padding: 10px; } .bg_wood{ position: relative; width: 100%; text-align: center; background: url('/clips/wood-background.jpg'); padding: 40px 0px 40px 0px; margin-top: 20px; } .bg_special{ background: rgba(220, 220, 200, 0.8); } .error{ padding: 20px; border: 10px solid red; font-size: 16pt; } h2.gastcard{ margin-bottom: 0px; } div#gk_container{ position: relative; width: 100%; } div#gk_container table{ width: 100%; margin-bottom: 20px; } div#gk_container table td{ padding: 3px; background: #DDD; text-align: left; } div#gk_container table th{ padding: 3px; background: #3C5B91; color: white; text-align: left; } a.gastcard_anchor{ position: absolute; margin-top: -80px; } div.gk_entries{ padding: 0px 20px 0px 20px; } div.gk_button{ float: left; background: #378624; padding: 20px 20px 20px 20px; margin-top: 30px; margin-right: 2px; color: white; cursor: pointer; } div.gk_button:hover{ background: #3C5B91; } div.gk_button_active{ background: #3C5B91; padding: 50px 20px 20px 20px; margin-top: 0px; } div#p_booking{ position: relative; width: 100%; text-align: center; } div#p_booking a{ display: block; width: 100%; max-width: 300px; margin: 0px auto 0px auto; background: #378624; color: white; padding: 10px; text-align: center; } div#p_booking a:hover{ background: #3C5B91; } div.acco_box_inner{ } div.acco_box_headline{ position: relative; background: #3C5B91; color: white; padding: 5px; cursor: pointer; } div.acco_box_schnaeppchen{ position: absolute; right: 10px; top: 5px; z-index: 50; width: 20px; height: 21px; } div.acco_box_img{ position: relative; width: 25%; float: left; cursor: pointer; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.acco_box_img{ width: 100%; float: none; max-width: 300px; } } div.acco_box_img img{ width: 100%; height: auto; vertical-align: bottom; } div.acco_box_content{ position: relative; width: 73%; float: right; background: white; background: rgba(220, 220, 220, 0.8); } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.acco_box_content{ width: 100%; float: none; } } div.acco_box_content_inner{ padding: 15px; } @media (max-width: 500px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait) { div.acco_box_content_inner{ padding: 5px; } } div.acco_navigation{ position: relative; width: 100%; margin-top: 20px; display: flex; justify-content: flex-end; flex-wrap: wrap; } a.acco_nav { padding: 10px 13px 10px 13px; display: block; color: white; background: #378624; margin-left: 5px; text-decoration: none; box-sizing: border-box; text-align: center; } @media (max-width: 650px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 975px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1625px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1950px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 975px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1300px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1625px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1950px) and (orientation:portrait) { a.acco_nav { margin: 0px; width: 50%; border: 2px solid #E3E3E3; } a.acco_nav:nth-child(5){ width: 100%; } } a.acco_nav:hover { background: #415992; } a.acco_button{ float: right; display: block; background: #3C5B91; color: white; padding: 5px 20px 5px 20px; box-sizing: border-box; text-decoration: none; } a.acco_button:hover{ background: #378624; } div#betrieb_detail_nav{ position: relative; width: 100%; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_nav{ border: none; } } div#betrieb_detail_nav a{ display: block; width: 20%; float: left; padding: 5px 0px 5px 0px; text-align: center; background: #3C5B91; color: white; text-decoration: none; border-right: 2px solid white; margin-top: 20px; box-sizing: border-box; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#betrieb_detail_nav a{ width: 25%; } } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_nav a{ display: block; width: 100%; float: none; border-right: none; border-bottom: 2px solid white; margin-top: 0px; box-sizing: border-box; } } div#betrieb_detail_nav a:hover{ padding-top: 25px; margin-top: 0px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_nav a:hover{ padding-top: 5px; background: #378624 !important; } } a.bdn_active{ margin-top: 0px !important; padding-top: 25px !important; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { a.bdn_active{ padding-top: 5px !important; background: #378624 !important; } } div#betrieb_detail_content{ position: relative; width: 100%; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); box-sizing: border-box; padding: 20px; margin-bottom: 20px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_content{ padding: 5px; } } div#betrieb_detail_container{ padding: 20px; background: white; } div#betrieb_detail_pic{ position: relative; width: 25%; float: left; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#betrieb_detail_pic{ position: relative; width: 100%; max-width: 300px; float: none; margin-bottom: 20px; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } } div#betrieb_detail_pic img{ width: 100%; height: auto; vertical-align: bottom; } div#betrieb_detail_header{ position: relative; width: 70%; background: white; border: 10px solid rgba(220, 220, 200, 0.8); float: right; box-sizing: border-box; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#betrieb_detail_header{ width: 100%; float: none; } } div#betrieb_detail_header_logo{ padding: 5px; } div#betrieb_detail_header_logo img{ width: 50%; max-width: 180px; height: auto; vertical-align: bottom; } div#betrieb_detail_adresse{ position: relative; float: left; width: 50%; padding: 20px; box-sizing: border-box; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_adresse{ float:none; width: 100%; padding: 10px; } } div#betrieb_detail_resadresse{ position: relative; float: left; width: 50%; padding: 20px; box-sizing: border-box; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#betrieb_detail_resadresse{ float:none; width: 100%; padding: 10px; } } div#betrieb_detail_galery{ margin: 20px 0px 20px 0px; position: relative; width: 100%; } div#betrieb_detail_galery a{ display: block; width: 24%; float: left; margin: 0.5%; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#betrieb_detail_galery a{ width: 49%; } } div#betrieb_detail_galery a img{ width: 100%; height: auto; } div.betrieb_preisblock{ position: relative; width: 50%; float: left; box-sizing: border-box; padding: 10px; } @media (max-width: 1050px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1575px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2100px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2625px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3150px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1575px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2625px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3150px) and (orientation:portrait) { div.betrieb_preisblock{ float: none; width: 80%; margin-left: 10%; padding: 0px; } } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.betrieb_preisblock{ width: 100%; margin-left: 0%; } } div.betrieb_preisblock table{ width: 100%; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.betrieb_preisblock table *{ font-size: 10pt; } } div.betrieb_preisblock table th{ text-align: center; color: white; background: #378624; padding: 5px; } div.betrieb_preisblock table td{ background: #EEE; } div#acco_map{ position: relative; width:100%; height: 500px; z-index: 2; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#acco_map{ height: 300px; } } td.pb_small{ font-size: 9pt !important; } .center{ text-align: center; } .right { text-align: right; } div.acco_schnaeppchen{ padding: 20px; } div.acco_schnaeppchen img{ vertical-align: middle; } .acco_green_line{ margin-top: 20px; padding: 5px; color: white; background: #378624; } form.fm-form select, form.fm-form input{ padding: 5px; box-sizing: border-box; } div.acco_fm_container{ position: relative; width: 100%; padding: 10px; background: white; margin-top: 10px; box-sizing: border-box; } div.acco_fm_col1{ position: relative; width: 35%; float: left; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.acco_fm_col1{ width: 100%; float: none; } } div.acco_fm_col2{ position: relative; width: 65%; float: left; padding: 20px; box-sizing: border-box; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.acco_fm_col2{ width: 100%; float: none; padding: 10px; } } table.fm_cal{ width: 100%; } table.fm_cal th{ padding: 2px; background: #3C5B91; color: white; text-align: center; font-weight: normal; } table.fm_cal td{ text-align: center; } td.f_kalender_frei{ color: black; background:#009000; font-size: 10pt; font-family: arial, helvetica; } td.f_kalender_belegt{ color: black; background:#EE0000; font-size: 10pt; font-family: arial, helvetica; } td.f_kalender_misch1{ color: black; background: yellow; background: -moz-linear-gradient(left, #299a0b 0%, #299a0b 48%, #ee0000 54%, #ee0000 100%); background: -webkit-linear-gradient(left, #299a0b 0%,#299a0b 48%,#ee0000 54%,#ee0000 100%); background: linear-gradient(to right, #299a0b 0%,#299a0b 48%,#ee0000 54%,#ee0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#ee0000',GradientType=1 ); font-size: 10pt; font-family: arial, helvetica; } td.f_kalender_misch2{ color: black; background: yellow; background: -moz-linear-gradient(left, #ee0000 0%, #ee0000 48%, #299a0b 52%, #299a0b 100%); background: -webkit-linear-gradient(left, #ee0000 0%,#ee0000 48%,#299a0b 52%,#299a0b 100%); background: linear-gradient(to right, #ee0000 0%,#ee0000 48%,#299a0b 52%,#299a0b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee0000', endColorstr='#299a0b',GradientType=1 ); font-size: 10pt; font-family: arial, helvetica; } td.f_kalender_alt{ color: black; background:#BBBBBB; font-size: 10pt; font-family: arial, helvetica; } div.pauschal_overview{ background: #EEE; margin-bottom: 30px; } .kf_form { margin:0px 0px 7px 0px; width:85%; padding:8px 10px 8px 10px; box-sizing: border-box; background-color:#f7f7f7; color:#3C5B91; border:1px solid #3C5B91; -webkit-box-shadow:3px 3px 15px #e3efd7; -moz-box-shadow:3px 3px 15px #e3efd7; box-shadow:3px 3px 15px #e3efd7; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { .kf_form { width: 100%; } } .kf_form:hover { background-color:#f7f8f8; border:1px solid #af2b2b; } .kf_form:focus { background-color:#f7f4f4; border:1px solid #af2b2b; } input.kf_submit { margin:50px 0px 50px 40px; padding:6px 60px 6px 60px; cursor:pointer; background-color:#3C5B91; color:#f0f7ea; border:1px solid #29285e; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -webkit-box-shadow:3px 3px 15px #cad8bc; -moz-box-shadow:3px 3px 15px #cad8bc; box-shadow:3px 3px 15px #cad8bc; } input.kf_submit:hover { background-color:#92b1e5; color:#ffffff; border:1px solid #29285e; } div.kf_left { float:left; width:40%; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.kf_left { float: none; width:100%; } } div.kf_right { float:right; width:55%; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.kf_right { float: none; width:100%; margin:20px 0px 0px 0px; } } div.kf_dist { margin:10px 0px 0px 0px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#kf_einfuehrungstext { padding:7px 0px 0px 0px; } div.kf_dist { margin: 0px; } } fieldset.kf { padding:30px 20px 10px 30px; box-sizing:border-box; color:#4c5143; text-align:left; border:none; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { fieldset.kf { margin: 0px; padding: 0px; border: 0px; } } div.kf_bottom { text-align: center; width:70%; } div#datenschutz { margin:10px 0px 25px 40px; width:80%; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#datenschutz { margin:10px 0px 25px 0px; width:90%; } } div#datenschutz div#datenschutz_text { margin:0px auto 0px auto; width:100%; text-align:left; } div.kf_dist { float:left; } div.acco_box{ position: relative; width: 100%; margin-bottom: 20px; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.acco_box{ background: white; background: rgba(220, 220, 220, 0.8); } } div#acco_kontakt_container{ padding: 20px; background: white; } div#betrieb_kontakt_adresse{ width: 50%; float: left; padding: 0px 50px 0px 0px; box-sizing: border-box; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div#betrieb_kontakt_adresse{ width: 100%; float: none; padding: 0px; margin-bottom: 20px; } } table.betrieb_kontakt{ width: 100%; } table.betrieb_kontakt tr td:first-child{ width: 100px; } table.betrieb_kontakt input{ width: 100%; padding: 5px; box-sizing: border-box; } div#betrieb_kontakt_acco{ width: 50%; float: right; box-sizing: border-box; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div#betrieb_kontakt_acco{ width: 100%; float: none; margin-bottom: 20px; } } div#betrieb_kontakt_acco table{ width: 100%; } div#betrieb_kontakt_acco table tr td:first-child{ width: 80px; } div#betrieb_kontakt_acco input{ width: 60px; padding: 5px; box-sizing: border-box; } input.betrieb_kontakt_datum{ width: 120px; padding: 5px; box-sizing: border-box; } textarea.betrieb_kontakt_area{ width: 100%; box-sizing: border-box; padding: 5px; } div.betrieb_kontakt_captcha{ margin-bottom: 20px; } div.betrieb_kontakt_captcha input{ box-sizing: border-box;width: 150px; padding:5px; } div.bk_captcha{ float: left;margin-right: 20px; } div.betrieb_kontakt_captcha_inner{ color: white; background:#3C5B91;padding:5px;font-size:12pt;font-weight:bold;box-sizing: border-box;width: 150px; } input.bk_submit{ background: #378624 !important; color: white !important; text-transform: uppercase; border: 1px solid #378624 !important; box-sizing: border-box; padding: 8px; background: #DDD; color: #3C5B91; margin: 1px; border: none; border: 1px solid #aaa; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } input.bk_submit:hover{ background: #3C5B91 !important; cursor: pointer !important; border: 1px solid #3C5B91 !important; } table.acco_schnaeppchen td{ background: #EEE; padding: 5px; } table.acco_schnaeppchen td:first-child{ background: #3C5B91; color: white; } div.list_content{ position: relative; width: 100%; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); box-sizing: border-box; padding: 20px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.list_content{ padding: 5px; } } div.list_container{ padding: 20px; background: white; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.list_container{ padding: 5px; } } a.free_acco{ float: left; display: block; padding: 3px 10px 3px 10px; background: #3C5B91; color: white; text-decoration: none; border: 1px solid white; } a.free_acco:hover{ background: #378624; } a.free_acco_a{ float: left; display: block; padding: 3px 10px 3px 10px; background: #378624; color: white; text-decoration: none; border: 1px solid white; } div.free_acco_txt{ float: left; padding: 3px 10px 3px 10px; } div.white_bg{ background: white; padding: 10px; margin-bottom: 40px; } div.white_bg h2{ background: #3C5B91; color: white; padding: 10px; margin-top: 0px; } div.snowreport_bigcol{ position: relative; width: 100%; box-sizing: border-box; text-align: left; } div.snowreport_bigcol table{ width: 100%; box-sizing: border-box; } div.snowreport_bigcol table td, div.snowreport_bigcol table th{ text-align: left; padding: 5px; vertical-align: top; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); } div.snowreport_bigcol table th{ background: #3C5B91; color: white; } div.snowreport_col{ position: relative; width: 33.33%; float: left; box-sizing: border-box; padding: 10px; text-align: left; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.snowreport_col{ width: 100%; padding: 10px 0px 10px 0px; } } div.snowreport_col table{ width: 100%; } div.snowreport_col table td, div.snowreport_col table th{ text-align: left; padding: 5px; vertical-align: top; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); } div.snowreport_col table th{ background: #3C5B91; color: white; } div.snowreport_item{ position: relative; width: 100%; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); margin-bottom: 20px; padding: 10px 10px 10px 60px; box-sizing: border-box; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; min-height: 80px; } div.snowreport_status{ position: absolute; left: 15px; top: 10px; } div.snowreport_item_pic{ position: relative; width: 35%; float: right; } div.snowreport_notice{ background: #B01721; padding: 5px; color: white; } div.snowreport_prices{ position: relative; width: 50%; float: left; box-sizing: border-box; padding: 20px; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.snowreport_prices{ width: 100%; float: none; padding: 10px 0px 10px 0px; } } div.snowreport_prices table{ width: 100%; } div.snowreport_prices table td{ padding: 5px; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.snowreport_prices table td{ padding: 2px; } } div.snowreport_prices table tr td:nth-child(2), div.snowreport_prices table tr td:nth-child(3){ width: 100px; text-align: right; } div.snowreport_prices table tr th{ background: #3C5B91; color: white; padding: 5px; text-align: left; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.snowreport_prices table tr th{ padding: 2px; } } div.snowreport_prices table tr th:nth-child(2), div.snowreport_prices table tr th:nth-child(3){ text-align: center; } div.snowreport_prices table tr:nth-child(odd) td{ background: #CCC; } form.v_form input, form.v_form select{ box-sizing: border-box; padding: 8px; background: #DDD; color: #3C5B91; margin: 1px; border: none; border: 1px solid #aaa; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } div.v_col{ position: relative; width: 33.33%; float: left; box-sizing: border-box; padding: 0px 15px 0px 15px; } div.v_col:nth-child(2) select{ width: 100%; } div.v_col:nth-child(3) input{ width: 100%; } @media (max-width: 1000px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait) { div.v_col{ width: 50%; } div.v_col:nth-child(3){ clear: both; width: 60%; float: none; margin: 0px 0px 0px 20%; padding-top: 20px; } } @media (max-width: 650px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 975px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1625px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1950px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 975px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1300px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1625px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1950px) and (orientation:portrait) { div.v_col{ width: 100% !important; float: none; padding: 15px 0px 0px 0px; margin: 0px !important; } } input.v_submit{ background: #378624 !important; color: white !important; text-transform: uppercase; border: 1px solid #378624 !important; } input.v_submit:hover{ background: #3C5B91 !important; cursor: pointer !important; border: 1px solid #3C5B91 !important; } div.v_nav{ position: relative; width: 100%; padding: 10px; box-sizing: border-box; text-align: center; } div.v_nav *{ font-weight: bold; } div.v_nav a{ color: #3C5B91 !important; text-decoration: none; } div.v_nav a:hover{ color: #378624 !important; } div.v_nav b{ color: #378624; } div.v_item{ position: relative; width: 100%; background: #DEDEDE; background: rgba(220, 220, 200, 0.8); margin-bottom: 20px; padding: 10px; box-sizing: border-box; transform-origin: center center; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.v_item{ transform: rotate(0deg); -webkit-transform: rotate(0deg); } } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.v_item{ border-left: 0px solid #378624; } } div.v_item h2{ font-size: 14pt; } div.v_item_inner{ padding-left: 40px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.v_item_inner{ padding-left: 10px; } } a.v_pic_a{ position: relative; display: block; width: 30%; max-width: 300px; float: left; margin: 0px 20px 20px 0px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { a.v_pic_a{ width: 100%; float: none; margin: 0px 0px 20px 0px; } } a.v_pic_a img{ width: 100%; height: 100%; -moz-box-shadow: 4px 4px 20px 0px #666; -webkit-box-shadow: 4px 4px 20px 0px #666; box-shadow: 4px 4px 20px 0px #666; } div.v_print{ text-align: right; } div.v_print a{ text-decoration: none; } div.v_anmeldung_c{ position: relative; margin: 15px 0px 15px 0px; clear: both; text-align: center; } a.v_anmeldung{ margin: 0px auto 0px auto; padding: 10px 20px 10px 20px; background: #3C5B91; color: white; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } a.v_anmeldung:hover{ background: #378624; } form.v_a input{ width: 100%; box-sizing: border-box; padding: 10px; } form.v_a fieldset{ width: 80%; margin: 10px 10% 10px 10%; } form.v_a legend{ font-weight: bold; font-size: 16pt; } div.abisz_entry{ position: relative; margin: 20px 2% 10px 2%; -moz-box-shadow: 4px 4px 20px 0px #666; -webkit-box-shadow: 4px 4px 20px 0px #666; box-shadow: 4px 4px 20px 0px #666; } div.abisz_entry_title{ padding: 10px; background: #3C5B91; color: white; font-size: 13pt; } div.abisz_entry_title a{ color: white; text-decoration: none; } a.abisz_pic{ display: block; float: right; width: 25%; margin: 0px 0px 20px 20px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { a.abisz_pic{ width: 45%; } } @media (max-width: 350px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 525px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 700px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 525px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 700px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1050px) and (orientation:portrait) { a.abisz_pic{ width: 99%; margin: 0px 0px 20px 0px; } } a.abisz_pic img{ width: 100%; height: auto; -moz-box-shadow: 4px 4px 10px 0px #666; -webkit-box-shadow: 4px 4px 10px 0px #666; box-shadow: 4px 4px 10px 0px #666; } div.abisz_entry_content{ padding: 15px; } div.abisz_entry_contact{ clear: both; border-top: 1px solid #808080; padding: 5px 10px 0px 10px; } div#abisz_map{ position: relative; width: 100%; height: 600px; } div.abisz_gps{ padding: 10px; } div.prospekt_overview{ position: relative; width: 100%; margin-top: 40px; background: url('/clips/wood-background.jpg'); padding: 50px 0px 50px 0px; } div.prospekt_overview_group{ background: #3C5B91; padding: 10px; color: white; font-size: 14pt; } div.prospekt_overview_submit{ text-align: right; margin-bottom: 20px; } div.prospekt_overview_submit input{ width: 100%; max-width: 200px; padding: 10px 30px 10px 20px; border: 0px; background: #378624; color: white; box-sizing: border-box; cursor: pointer; } div.prospekt_overview_submit input:hover{ background: #3C5B91; } div.prospekt_item{ position: relative; width: 46%; margin: 20px 2% 60px 2%; background: #DDD; background: rgba(220, 220, 200, 0.8); box-sizing: border-box; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; float: left; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.prospekt_item{ width: 96%; float: none; } } div.prospekt_item_content{ position: relative; width: 100%; box-sizing: border-box; height: 300px; overflow: auto; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.prospekt_item_content{ height: auto; } } div.prospekt_item_title{ font-size: 12pt; background: #378624; padding: 5px; color: white; } div.prospekt_item_text{ position: relative; width: 70%; float: right; box-sizing: border-box; padding: 20px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.prospekt_item_text{ width: 100%; float: none; padding: 0px; } } div.prospekt_item_img{ position: relative; width: 30%; float: left; text-align: center; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.prospekt_item_img{ width: 180px; } } div.prospekt_item_img img{ height:auto; max-height: 200px; max-width: 150px; width: auto; vertical-align: bottom; margin: 25px 0px 25px 0px; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; transform: rotate(-2deg); -webkit-transform: rotate(-2deg); -webkit-backface-visibility: hidden; transform-origin: center center; } div.prospekt_item_order{ position: absolute; bottom: -34px; left: 0px; width: 100%; background: #3C5B91; padding: 5px; box-sizing: border-box; text-align: right; color: white; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; } div.prospekt_item_order a{ color: white; } div#prospekt_land_box{ position: relative; width: 350px; margin-right: auto; margin-left: auto; } div#prospekt_land_box select{ width: 100%; box-sizing: border-box; padding: 5px; } label.p_label{ display: block; width: 100%; padding: 5px 5px 5px 5px; color: #4D4D4D; box-sizing: border-box; margin-bottom: 2px; } form#p_order fieldset{ float: left; width: 46%; margin: 20px 2% 20px 2%; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); border: none; border-top: 1px solid #3C5B91; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { form#p_order fieldset{ float: none; width: 100%; margin: 20px 0px 20px 0px; } } form#p_order fieldset legend{ color: #3C5B91; font-size: 16pt; } form#p_order label{ width: 100%; max-width: 250px; margin: 0px; border: none; } form#p_order input{ width: 100%; padding: 5px; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #3C5B91; } form#p_order select{ width: 100%; padding: 5px; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #3C5B91; } div.sec_question{ border: none; padding: 0px; background: #378624; padding-left: 10px; } form#p_order table{ width: 100%; } form#p_order table th{ padding: 2px; background: #378624; color: white; } form#p_order table th:nth-child(2){ text-align: right; } form#p_order table td{ padding: 2px; background: #EEE; line-height: 1.3em; font-size: 11pt; } form#p_order table td:nth-child(2){ text-align: right; } form#p_order table td b{ font-size: 11pt; } .p_submit{ background: #378624 !important; color: white; border: none !important; } .p_submit:hover{ background: #3C5B91 !important; cursor: pointer; } div#logo{ position: absolute; width: 200px; max-width: 50%; top: 0px; left: 50px; z-index: 90; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#logo{ width: 150px; max-width: 30%; } } div#logo img{ width: 100%; height: auto; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#logo{ left: 20px; } } div#logo_zusatz{ position: absolute; width: 170px; max-width: 50%; top: 80px; right: 40px; z-index: 83; text-align:center; background: #FFAB24; height: 170px; box-sizing:border-box; animation-name: farbwechsel; animation-duration: 4s; animation-iteration-count: infinite; -webkit-box-shadow: 5px 5px 10px -1px #DBDAA4; box-shadow: 5px 5px 10px -1px #DBDAA4; border-radius:50%; line-height: 0.8; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#logo_zusatz{ top: 50px; right:20px; } } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#logo_zusatz{ width: 170px; height: 170px; } } div#logo_zusatz a{ color: black; display:block; width: 100%; padding: 65px 5px 55px 5px; box-sizing:border-box; text-decoration: none; text-shadow: 1px 1px 1px #fdfbbd; font-size: 11pt; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#logo_zusatz a{ padding: 60px 5px 25px 5px; font-size:9pt; } div#logo_zusatz span{ font-size:9pt; } } @keyframes farbwechsel { 0% {background-color: #FFAB24;} 50% {background-color: #ffbf00;} 100% {background-color: #FFAB24;} } div#flags{ position: fixed; top: 20px; right: 20px; z-index: 89; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#flags{ position: fixed; top: 10px; right: 60px; z-index: 92; } } div.headmenu_closer{ position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 16pt; } div#headmenu_container{ position: fixed; width: 100%; text-align: center; background: #3C5B91; z-index: 85; box-sizing: border-box; padding-left: 260px; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#headmenu_container{ display: none; } } div#headmenu{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; padding-right: 80px; box-sizing: border-box; } div#header_container{ position: relative; width: 100%; text-align: center; background: white; height: 80vh; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#header_container{ height: 50vh; } } div#header{ position: relative; width: 100%; text-align: left; line-height: 1.5em; height: 100%; } div#headerpictures{ position: relative; width: 100%; height: 100%; } div#header_pictures{ position: relative; width: 100%; height: 100%; } .slideshow_pictures{ position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } div.slideshow_title{ position: absolute; width: 100%; max-width: 250px; text-align: right; right: 0px; bottom: 0px; z-index: 60; color: white; text-shadow: 1px 1px 1px black; padding: 0px 4px 4px 0px; font-size: 10pt; box-sizing: border-box; } div#hearts{ position: absolute; width: 450px; max-width: 60%; bottom: -20px; right: 50px; z-index: 50; } div#hearts img{ width: 100%; height: auto; } div#header_links_container{ position: relative; width: 100%; z-index: 60; text-align: center; } div#header_links_container2{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; } div#header_links{ position: absolute; top: -40px; left: 10px; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#header_links{ position: relative; top: auto; left: auto; padding: 10px 0px 0px 0px; } } div#header_links a{ background: #378624; color: white; display: block; float: left; width: 140px; padding: 5px; text-align: center; margin: 0px 10px 5px 0px; text-decoration:none; } @media (max-width: 520px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 780px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1040px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1560px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 780px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1040px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1300px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1560px) and (orientation:portrait) { div#header_links a{ display: block; float: none; width: 90%; padding: 5px; box-sizing: border-box; margin: 0px 5% 5px 5%; } } div#header_links a:hover{ background: #3C5B91; } a.snow_blue{ background: #3C5B91 !important; color: white; display: block; float: left; width: 140px; padding: 5px; text-align: center; margin: 0px 10px 5px 0px; } a.snow_blue:hover{ background: #378624 !important; } div#acco_quick_container{ position: relative; width: 100%; text-align: center; background: white; } div#acco_quick{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.5em; padding: 20px 0px 20px 50px; box-sizing: border-box; font-size: 16pt; text-transform: uppercase; font-weight: bold; color: #4D4D4D; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div#acco_quick{ padding-left: 10px; } } div#acco_quick input{ border: 0px; border-bottom: 2px solid #808080; padding: 0px 10px 0px 10px; color: #646464; width: 120px; font-size: 14pt; text-align: center; margin-right: 1%; box-sizing: border-box; } div#acco_quick select{ padding: 2px 10px 2px 10px; font-size: 12pt; margin-right: 1%; } div#acco_quick select option{ font-size: 12pt; } input#acco_quick_submit{ background: #378624 !important; color: white !important; padding: 5px 20px 5px 20px !important; width: auto !important; border: none !important; } input#acco_quick_submit:hover{ cursor: pointer; background: #3C5B91 !important; } div.acco_quick_break1{ display: none; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div.acco_quick_break1{ display: block;height: 10px; } } div.acco_quick_break2{ display: none; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.acco_quick_break2{ display: block;height: 10px; } } div#content_container{ position: relative; width: 100%; text-align: center; background: white; } div.content_dist{ position: relative; margin-left: auto; margin-right: auto; width: 100%; max-width: 1250px; text-align: left; padding: 0px 50px 0px 50px; box-sizing: border-box; line-height: 1.5em; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.content_dist{ padding: 0px 10px 0px 10px; } } div#sitemap_container{ position: relative; width: 100%; text-align: center; background: white; padding: 50px 0px 50px 0px } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#sitemap_container{ display: none; } } div#sitemap{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.5em; padding: 0px 50px 0px 50px; box-sizing: border-box; } div.sitemap_col{ position: relative; width: 19.5%; margin: 0px 0.25% 0px 0.25%; float: left; box-sizing: border-box; padding: 0px 0px 20px 0px; } a.sitemap1:link, a.sitemap1:visited, a.sitemap1:active, a.sitemap1:hover { display: block; padding: 3px 10px 3px 0px; text-transform: uppercase; color: #646464; margin-right: 2px; text-decoration: none; border-bottom: 1px solid #808080; font-size: 11pt; text-transform: uppercase; } a.sitemap1:hover { color: black; } a.sitemap2:link, a.sitemap2:visited, a.sitemap2:active, a.sitemap2:hover { display: block; padding: 4px 10px 4px 0px; margin: 2px 2px 0px 0px; color: #646464; text-decoration: none; } a.sitemap2:hover{ color: black; background: #FFDA6D; } div#footer_container{ position: relative; width: 100%; text-align: center; background: #378624; } div#footer{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.5em; } @media (max-width: 900px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait) { div#footer{ padding-bottom: 30px; } } div#footer_col1{ position: relative; width: 53%; float: left; padding: 50px; box-sizing: border-box; color: white; font-size: 14pt; } @media (max-width: 1150px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1725px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3450px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1725px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2300px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3450px) and (orientation:portrait) { div#footer_col1{ width: 60%; } } @media (max-width: 900px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait) { div#footer_col1{ width: 100%; float: none; padding: 30px 10px 30px 10px; } } div#footer_col1 a{ color: white; text-decoration: underline; font-size: 14pt; } div#footer_head{ font-size: 20pt; border-bottom: 1px solid white; margin-bottom: 20px; color: white; padding-bottom: 20px; } div#footer_col2{ position: relative; width: 15%; box-sizing: border-box; float: left; background: white; padding-top: 60px; padding-bottom: 130px; } @media (max-width: 1150px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1725px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3450px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1725px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2300px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3450px) and (orientation:portrait) { div#footer_col2{ display: none; } } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div#footer_col2{ display: none; } } div#footer_col2 img{ width: 100%; height: auto; } div#footer_col3{ position: relative; width: 32%; float: right; padding: 50px 10px 50px 10px; box-sizing: border-box; color: white; font-size: 12pt; text-transform: uppercase; text-align: right; } @media (max-width: 1150px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1725px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2300px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3450px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1725px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2300px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3450px) and (orientation:portrait) { div#footer_col3{ width: 40%; } } @media (max-width: 900px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1350px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2700px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1350px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2700px) and (orientation:portrait) { div#footer_col3{ width: 100%; float: none; } } div#footer_col3 a{ color: white; text-decoration: none; } span.footer_break{ display: none; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { span.footer_hide{ display: none; } span.footer_break{ display: block; } } div#breadcrumb{ position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 5px 10px 5px 10px; box-sizing: border-box; z-index: 91; background: rgba(0, 0, 0, 0.8); text-align: left; color: white; font-size: 12pt; } a.breadcrumb_link{ color: white; background: transparent; font-size: 12pt; text-decoration: none; } a.breadcrumb_link:hover{ text-decoration: underline; } #lightbox{ position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightboximageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/clips/lightboximages/prev.png) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/clips/lightboximages/next.png) right 15% no-repeat; } #imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData{padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #lightboxoverlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 100%; background-color: #000; } .imageDataAppear { animation: lightboxFlutsch 600ms 1; -webkit-animation: lightboxFlutsch 600ms 1; } @-webkit-keyframes lightboxFlutsch { from {opacity:0; } to {opacity:1;} } @keyframes lightboxFlutsch { from {opacity:0;} to {opacity:1;} } .imageDataOut { opacity:0;} h1.eip_headline{} h2.eip_headline{} h3.eip_headline{} div.eip_imgtext_container {} p.eip_imgtext_text {} img.eipimgtextsize_big{ width: 50%; height: auto;max-width: 800px;} img.eipimgtextsize_normal{width: 40%; height: auto;max-width: 500px;} img.eipimgtextsize_small{width: 30%; height: auto;max-width: 200px;} @media (max-width: 500px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait) { img.eipimgtextsize_big{ width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px !important;} img.eipimgtextsize_normal{width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px !important;} img.eipimgtextsize_small{width: 100%; height: auto;float: none !important;display: block;margin: 0px 0px 20px 0px!important;} } img.eip_img_img { box-sizing: border-box; vertical-align: bottom; } a.eip_img_link {} img.eipimgsize_big{ width: 100%; height: auto;max-width: 1250px;} img.eipimgsize_normal{width: 70%; height: auto;max-width: 600px;} img.eipimgsize_small{width: 50%; height: auto;max-width: 300px;} @media (max-width: 500px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait) { img.eipimgsize_big{ width: 100%; height: auto;margin-left:0px !important;} img.eipimgsize_normal{width: 100%; height: auto;} img.eipimgsize_small{width: 100%; height: auto;} } ul.eip_unordered_list { padding: 0px 80px 0px 80px; } ul.eip_unordered_list li { } ol.eip_unordered_list { padding: 0px 80px 0px 80px;} ol.eip_unordered_list li {} @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { ul.eip_unordered_list { padding: 0px 40px 0px 40px; } ol.eip_unordered_list { padding: 0px 40px 0px 40px; } } div.swingoutcontainer { position:relative;margin-top:10px;margin-bottom:10px; padding: 0px 50px 0px 50px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.swingoutcontainer { padding: 0px 10px 0px 10px; } } div.swingoutsingle { border-bottom: 1px dotted #888888;margin-bottom:2px;margin-top:2px;padding-bottom:3px;padding-top:3px; } div.swingoutheader { padding-left:10px; } img.swingoutplus { margin-right: 0px; } div.swingouttext { padding-left: 30px;margin-top:5px;margin-bottom:5px;font-size:10pt;color:#1C1C1C;line-height:115%; } ul.eip_link_list { padding: 0px 80px 0px 80px;} @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { ul.eip_link_list { padding: 0px 40px 0px 40px; } } ul.eip_link_list li { list-style: square; } a.eip_link_list { font-size: 16pt; } div.eiptables { position:relative;overflow:auto;height:auto; padding: 0px 50px 0px 50px;} @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.eiptables { padding: 0px 10px 0px 10px;} } table.tables { border: 0px solid #BEBEBE; border-collapse: collapse; padding: 7px 7px 7px 0px; margin: 5px 0px 8px 0px; } tr.tables:nth-child(2n) td, tr.tables:nth-child(2n) th { background: #E3E3E3; } td.tables { padding: 7px; border-bottom: 1px solid #BEBEBE; } table.tableswithout { border: 0px solid #FFFFFF; padding: 7px 7px 7px 0px; margin: 5px 0px 8px 0px; } tr.tableswithout:nth-child(2n) td, tr.tableswithout:nth-child(2n) th { background: #E3E3E3; } td.tableswithout { padding: 7px; border: 0px solid #FFFFFF; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.eiptables table{ display: block; border:0px solid white; width:auto; } div.eiptables tbody { display:block;width:auto; } div.eiptables tr{ display: block; border: 0px; border-top: 2px solid #3C5B91; margin-top:12px; width:auto; } div.eiptables td { display: block; width: auto; border-right:0px; border-left:0px; border-top: 0px; border-bottom: 1px dotted #BEBEBE; width:auto; } div.eiptables td {background: #EEEEEE; } } ul.eip_media_list { padding: 0px 80px 0px 80px;} @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { ul.eip_media_list { padding: 0px 40px 0px 40px;} } ul.eip_media_list li {} a.media_list {} span.media_list_subtitle {} div.eip_medias_tablecss { display: table; border-spacing: 3px; border-collapse: separate; width:98%; margin:20px 0 10px 0; } a.eip_medias_tablecss_dlrow { display: table-row; text-decoration: none; } a.eip_medias_tablecss_dlrow:hover div { background: #EEEEEE; } div.eip_medias_tablecss_pikto { display: table-cell; text-align:center; vertical-align:middle; width:60px; padding:3px; border-bottom: 1px dotted #444444; } div.eip_medias_tablecss_filename { display: table-cell; text-align:left; vertical-align:middle; padding:3px; border-bottom: 1px dotted #444444; font-weight:bold; color:black; width: calc(72% - 60px); } div.eip_medias_tablecss_filesize { display: table-cell; text-align:center; vertical-align:middle; padding:3px; border-bottom: 1px dotted #444444; width:14%; color:black; } div.eip_medias_tablecss_download { display: table-cell; text-align:center; vertical-align:middle; padding:3px; border-bottom: 1px dotted #444444; width:14%; } @media (max-width: 400px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 600px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 800px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1200px) and (orientation:portrait) { div.eip_medias_tablecss_download { display: none; } } div.eip_bildergalerie {} a.bildergalerie_thumb{ display: block; float: left; width: 24%; margin: 0.5%; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { a.bildergalerie_thumb { width: 49%; } } img.bildergalerie_thumb { width: 100%;height: auto;vertical-align: bottom;box-sizing: border-box;margin: 0px !important;border: 1px solid white; } div.eip_video { position:relative; width: 100%; padding-bottom:56.25%; padding-top:0px; height:0; overflow:hidden; box-sizing: border-box; } iframe.eip_video_iframe { position:absolute; top:0; left:0; width:100%; height:100%; } div.eip_trennlinie { border-top: 2px solid #B6E1BB; margin-top:10px; margin-bottom:10px; } div.eip_distance{ background: url('/clips/wood-background.jpg'); } div.eip_its_container_outer{ position: relative; display: table; width: 100%; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_container_outer{ display: block; } } div.eip_its_container{ position: relative; display: table-row; width: 100%; overflow: hidden; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_container{ display: block; } } div.eip_its_title{ text-align: center; border-bottom: 1px solid #808080; margin-bottom: 30px; } div.eip_its_title:empty{ display: none; } div.eip_its_white_text{ position: relative; display: table-cell; width: 50%; background: white; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_white_text{ display: block; width: 100%; } } div.eip_its_white_text_inner{ position: relative;float: right;width: 100%;max-width: 625px;box-sizing: border-box;padding: 50px;text-align: left;line-height: 1.5em; min-height: 400px; } @media (max-width: 1000px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait) { div.eip_its_white_text_inner{ min-height: 0; } } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_white_text_inner{ float: none; width: 100%; padding: 50px 10px 50px 10px; max-width: 100%; } } div.eip_its_white_pic{ position: relative;display: table-cell;width: 50%; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_white_pic{ display: block;width: 100%;height: 400px; } } div.eip_its_green_text{ position: relative; display: table-cell; width: 50%; color: white; background: #378624; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_green_text{ display: block; width: 100%; } } div.eip_its_green_text *{ color: white; } div.eip_its_green_text div.eip_its_title{ border-bottom: 1px solid white; } div.eip_its_green_text_inner{ position: relative;float: left;width: 100%;max-width: 625px;box-sizing: border-box;padding: 50px;text-align: left;line-height: 1.5em; min-height: 400px; } @media (max-width: 1000px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait) { div.eip_its_green_text_inner{ min-height: 0; } } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_green_text_inner{ float: none;width: 100%;max-width: 100%; padding: 50px 10px 50px 10px; } } div.eip_its_green_pic{ position: relative;display: table-cell;width: 50%; } @media (max-width: 700px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1050px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2100px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1050px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2100px) and (orientation:portrait) { div.eip_its_green_pic{ display: block;width: 100%;height: 400px; } } iframe.eip_map_iframe { border:0;width:100%;height:440px;overflow:hidden;margin:20px 0 0 0;} div.boxes_container{ position: relative; width: 100%; background: url('/clips/wood-background.jpg'); text-align: center; } div.boxes{ position: relative; width: 100%; max-width: 1250px; margin-left: auto; margin-right: auto; text-align: left; line-height: 1.5em; padding: 0px 50px 0px 50px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 1000px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait) { div.boxes{ padding: 0px 10px 0px 10px; } } div.eip_box{ position: relative; width: 28%; border: 12px solid white; cursor: pointer; background: white; float: left; box-sizing: border-box; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; margin: 20px 2.5% 20px 2.5%; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.eip_box{ width: 45% } } @media (max-width: 500px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1250px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 750px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1250px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1500px) and (orientation:portrait) { div.eip_box{ width: 95% } } div.eip_box:hover{ border: 12px solid #378624; background: #378624; } div.eip_box_inverted{ color: white; border: 12px solid #378624; background: #378624; } div.eip_box_inverted:hover{ border: 12px solid #3C5B91; background: #3C5B91; } div.eip_box:hover img{ -webkit-filter: saturate(1.8); filter: saturate(1.8); } div.eip_box_content{ position: relative; width: 100%; box-sizing: border-box; padding: 20px 5px 20px 5px; overflow: hidden; text-align: center; font-size: 15pt; height: 70px; } div.eip_box_extended{ height: 120px; } div.eip_box:hover div.eip_box_content{ color: white; } div.eip_box:nth-child(3n + 1){ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; clear: both; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.eip_box:nth-child(3n + 1){ transform: rotate(-0deg); -webkit-transform: rotate(0deg); margin-top: 20px; clear: none; } } div.eip_box:nth-child(3n + 3){ transform: rotate(1deg); -webkit-transform: rotate(1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; } @media (max-width: 800px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait) { div.eip_box:nth-child(3n + 3){ transform: rotate(0deg); -webkit-transform: rotate(0deg); margin-top: 20px; clear: none; } div.eip_box:nth-child(2n + 1){ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; clear: both; } div.eip_box:nth-child(2n + 2){ transform: rotate(1deg); -webkit-transform: rotate(1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 20px; } } div.newsticker_container{ position: relative; width: 100%; background: #5B5B5B; color: white; padding: 10px 0px 10px 0px; border-top: 1px solid #666666; border-bottom: 1px solid #666666; margin: 10px 0px 15px 0px; } div.newsticker{ position: relative; overflow: hidden; font-size: 13pt; } div.newsticker_move{ position: absolute; white-space:nowrap; font-size: 13pt; } div.webcam_box{ position: relative; width: 28%; border: 12px solid white; background: white; float: left; box-sizing: border-box; -moz-box-shadow: 4px 4px 8px 0px #666; -webkit-box-shadow: 4px 4px 8px 0px #666; box-shadow: 4px 4px 8px 0px #666; margin: 20px 2.5% 20px 2.5%; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.webcam_box{ width: 45% } } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div.webcam_box{ width: 95% } } div.webcam_box:hover{ border: 12px solid #378624; background: #378624; } div.webcam_box_pic{ position: relative; width: 100%; height: 200px; overflow: hidden; background: #EEE; } div.webcam_box_pic a{ display: block; width: 100%; height: 100%; } div.webcam_big{ position: absolute; bottom: 0px; right: 0px; text-align: right; padding: 3px; box-sizing: border-box; } div.webcam_big img{ vertical-align: middle; } div.webcam_big a{ color: black; text-decoration: none; font-size: 10pt; } div.webcam_box_content{ position: relative; width: 100%; box-sizing: border-box; padding: 10px 20px 20px 20px; overflow: hidden; text-align: center; font-size: 14pt; height: 140px; } div.webcam_box_content a:hover{ color: #3C5B91; } div.webcam_box:hover div.webcam_box_content{ color: white; } div.webcam_box:nth-child(3n + 1){ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; clear: both; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.webcam_box:nth-child(3n + 1){ transform: rotate(-0deg); -webkit-transform: rotate(0deg); margin-top: 20px; clear: none; } } div.webcam_box:nth-child(3n + 3){ transform: rotate(1deg); -webkit-transform: rotate(1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; } @media (max-width: 950px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1425px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2375px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2850px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1425px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1900px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2375px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2850px) and (orientation:portrait) { div.webcam_box:nth-child(3n + 3){ transform: rotate(0deg); -webkit-transform: rotate(0deg); margin-top: 20px; clear: none; } div.webcam_box:nth-child(2n + 1){ transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 50px; clear: both; } div.webcam_box:nth-child(2n + 2){ transform: rotate(1deg); -webkit-transform: rotate(1deg); -webkit-backface-visibility: hidden; transform-origin: center center; margin-top: 20px; } } div#headmenu > ul { list-style: none; float: left; overflow: hidden; margin: 0; padding: 0; z-index: 40; } div#headmenu > ul > li { float: left; } div#headmenu > ul > li > a { display: block; white-space: nowrap; color: white !important; background: transparent; font-size: 10pt; text-decoration: none !important; padding: 20px 8px 20px 8px !important; text-transform: uppercase; cursor: pointer; } div#headmenu > ul > li > a:hover { background: #378624; } a.active{ background: #378624 !important; } a.inactive{ color: white !important; background: transparent; } a.inactive:hover{ background: #378624; } div.headmenu_second{ position: absolute; width: 100%; bottom: -50px; right: 0px; height: 50px; background: rgba(255, 255, 255, 0.9); color: #3C5B91; display: none; box-sizing: border-box; } div.headmenu_second ul { list-style: none; margin: 0; padding: 0; z-index: 40; } div.headmenu_second > ul > li { float: left; } div.headmenu_second > ul > li > ul { display: none; list-style: none; margin: 0; padding: 0; } div.headmenu_second > ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } div.headmenu_second > ul > li > a { display: block; white-space: nowrap; color: #3C5B91; background: transparent; font-size: 11pt; text-decoration: none !important; padding: 17px 0px 16px 10px !important; width: 200px; box-sizing: border-box; } div.headmenu_second > ul > li > a:hover { background: #378624; color: white !important; } div.headmenu_second > ul > li:hover > ul { display: block; position: absolute; } div.headmenu_second > ul > li > ul > li { position: relative; width: 100%; } div.headmenu_second > ul > li > ul > li > ul { display: none; } div.headmenu_second > ul > li > ul > li:hover > ul { display: block; } div.headmenu_second ul > li > ul > li > a { width: 100%; display: block; white-space: nowrap; color: #838383; background: white; font-size: 12pt; padding: 5px 10px 5px 10px; text-decoration: none !important; border-bottom: 1px solid #3C5B91; width: 200px; } div.headmenu_second ul > li > ul > li > a:hover { color: white !important; background: #BbDB54 !important; } div.headmenu_third{ position: relative; width: 100%; background: #93bf20; background: rgba(55, 134, 36, 0.8); padding: 10px 10px 10px 210px; box-sizing: border-box; display: flex; flex-wrap: nowrap; } div.headmenu_third > div{ width: 200px; box-sizing: border-box; padding-right: 10px; } div.headmenu_third > div a{ color: white !important; text-transform: uppercase; hyphens: auto; line-height: 1.5em; font-size: 11pt; text-decoration:none; } div.headmenu_third > div a:hover{ text-decoration: underline; } div#mobile_nav{ display: none; } @media (max-width: 1200px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait) { div#mobile_nav{ position: fixed; display: block; top: 0px; left: 0px; width: 100%; background: #3C5B91; z-index: 91; text-align: left; box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.3); padding:4px; } div#mobile_nav img{ border: 0; vertical-align: bottom; width: 35px; height: auto; padding-right:4px; padding-left: 4px; } img#mobile_m{ float: right; } } a.mobile:link, a.mobile:visited, a.mobile:active, a.mobile:hover { color: white; background: #3C5B91; font-size: 12pt; text-decoration: none; display: block; padding: 6px; margin-bottom: 1px; text-align: left; } a.mobile:hover { color:white; background-color: #378624; } a.mobile_lvl2{ padding-left: 30px !important; } a.mobile_lvl3{ padding-left: 50px !important; } a.mobile_lvl4{ padding-left: 80px !important; } div#acc_search_top{ position: relative; width: 100%; margin-bottom: 2px; } div.nowrap{ white-space: nowrap; display: inline; } div#acc_search_current{ position: relative; float: left; font-size: 16pt; background: #3C5B91; color: white; padding: 30px 0px 30px 0px; width: 50%; max-width: 200px; box-sizing: border-box; text-align: center; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#acc_search_current{ font-size: 14pt; } } div#acc_search_other{ position: relative; float: left; width: 50%; max-width: 200px; text-align: center; box-sizing: border-box; border-left: 2px solid transparent; } div#acc_search_other a{ display: block; color: white; padding: 15px; } div#acc_search_other a{ display: block; color: white; padding: 15px 0px 15px 0px; margin-top: 30px; background: #378624; text-decoration:none; } div#acc_search_other a:hover{ padding: 30px 0px 30px 0px; margin-top: 0px; font-size: 16pt; } @media (max-width: 600px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait) { div#acc_search_other a:hover{ font-size: 14pt; } } div#acco_search_main{ position: relative; width: 100%; padding: 10px; box-sizing: border-box; } div.acco_search_main_col{ float: left; padding: 0px 20px 10px 0px } div.acco_search_inner_col{ float: left; width: 33.33%; } @media (max-width: 1000px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2000px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3000px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2000px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3000px) and (orientation:portrait) { div.acco_search_inner_col{ float: none; width: 100%; } } div#acco_search_main input, div#acco_search_main select{ padding: 5px; box-sizing: border-box; color: #3C5B91; border: none; } input.acco_search_main_submit{ padding: 10px 40px 10px 40px !important; background: #3C5B91 !important; color: white !important; min-width: 50%; } input.acco_search_main_submit:hover{ background: #378624 !important; cursor: pointer; } div#calcontainer { background:#EEE;width:280px;border:1px solid #555555;position:absolute;top:0px;z-index:80;-moz-box-shadow: 0px 0px 10px #777; -webkit-box-shadow: 0px 0px 10px #777;box-shadow: 0px 0px 10px #777;margin-left: -80px; } th.plugincal { width:40px;text-align:center;font-weight:bold;padding:3px;border-bottom:1px dotted #666666;border-top:1px dotted #666666; } td.plugincal { width:40px;text-align:center;padding:0px;cursor:pointer; } td#plugincalmonthtd { width:200px;text-align:center;font-size:12pt;font-weight:normal; } td#plugincaltdclose { padding-right:10px;padding-top:3px;padding-bottom:8px; } a#plugincalclose { font-weight:bold;color:#888888;font-size:8pt; } a.plugincala { text-decoration: none;color: black;display:block;padding:3px;font-size:12pt;font-weight:normal; } a.plugincala:hover { background: #DDDDEE;font-size:12pt;font-weight:normal;color:black; } div#plugincalcontainer *{ color: black; } input.fieldweekday, input.fieldweekday:disabled { font-size: 12pt!important;background: #EEE !important;text-align:left;padding: 0px !important;width: 28px !important;border: none !important;margin: 0px !important; }