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: #FFFFFF; color: black; font-family: 'PT Sans', sans-serif; font-size: 12pt; margin: 0px; padding: 0px; top: 0px !important; } * { font-family: 'PT Sans', sans-serif; font-size: 12pt; } a:link, a:visited, a:active, a:hover { color: #7F421A; background: transparent; font-size: 12pt; text-decoration: none; } a:hover { color: #81461F; } h1 { font-size: 20pt; font-weight: bold; color: #7F421A; border-bottom: 1px solid #7F421A; font-family: 'Courgette', cursive; line-height: 1.6em; } h2 { font-size: 14pt; font-weight: bold; color: #7F421A; } h2.bg{ background: #582609; color: white; padding: 5px; font-weight: normal; } h3 { font-size: 12pt; font-weight: bold; color: #7F421A; } h2.impressum { font-size: 11pt; font-weight: bold; } span.impressum { font-size: 10pt; } .anchor{ position: absolute; margin-top: -150px; } .small{ font-size: 10pt; } .small_dist{ padding: 20px; } ul.two_cols{ columns: 2; -webkit-columns: 2; -moz-columns: 2; 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) { ul.two_cols{ columns: 1; -webkit-columns: 1; -moz-columns: 1; } } .map_data{ width: 100%; max-width: 450px; min-width: 300px; padding: 20px; background: #DDD; box-sizing: border-box; box-shadow: 5px 5px 15px #582609; cursor: pointer; } .map_data strong{ font-size: 14pt; color: black; font-family: 'Courgette', cursive; } .map_data:hover{ background: #DDF; } .map_data img{ border: 5px solid white; box-sizing: border-box; display: block; margin: 20px auto 20px auto; -moz-box-shadow: 8px 8px 10px 0px #333; -webkit-box-shadow: 8px 8px 10px 0px #333; box-shadow: 0px 0px 0px 1px #666; } #overview_map{ width: calc(100% - 6px); height: 600px; box-sizing: border-box;, -moz-box-shadow: 8px 8px 10px 0px #333; -webkit-box-shadow: 8px 8px 10px 0px #333; box-shadow: 0px 0px 6px 6px #AAA; } div#ort_map{ height: 600px; z-index:1; margin-bottom: 20px; } @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#ort_map{ height: 400px; } } div#icon_button_container{ position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } div.icon_button_checked{ position: relative; } div.icon_button{ position: relative; padding: 5px 4px 5px 4px; background: #005000; color: white; box-sizing: border-box; border: 1px solid transparent; width: 24%;display: none; margin: 5px 0.5% 5px 0.5%; filter: drop-shadow(2px 2px 4px black); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; overflow: hidden; hyphens: auto; display: flex; align-items: center; justify-content: space-between; } div.icon_button img{ vertical-align: middle; filter: drop-shadow(5px 5px 4px #AAA); width: 40px; height: auto; } div.icon_button div.icon_button_title{ width: calc(100% - 50px); text-align: center; } @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.icon_button{ width: 32%; } } @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.icon_button{ width: 49%; } } @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.icon_button{ width: 99%; } } div.icon_button:hover{ background: #FFDDAA; cursor: pointer; } .verysmall{ font-size: 7pt; line-height: 1em; display: block; } div.box_copyright{ position: absolute; width: 88%; bottom: 225px; font-size: 6pt; line-height: 1em; text-align: right; color: white; text-shadow: 1px 1px 1px black; font-style: italic; z-index: 50; box-sizing: border-box; } .clear{ clear: both; } .dist{ padding: 1px 20px 1px 20px; } .text_big{ font-size: 18pt; } .headlinecolor{ color: #7F421A; margin-bottom: 3px; } .whiteborder{ border: 5px solid white; } .mobile_clear{ 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) { .mobile_clear{ display: block; } } a.simple_link:link, a.simple_link:visited, a.simple_link:active, a.simple_link:hover { display: block; background: #FFA25A; color: white; padding: 10px; width: 32.5%; float: left; box-sizing: border-box; text-align: center; border-right: 20px solid white; margin-bottom: 20px; } a.simple_link:hover { background: #7F421A; } @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.simple_link:link, a.simple_link:visited, a.simple_link:active, a.simple_link:hover { width: 100%; float: none; } } .box{ text-align:left; margin: 20px 3px 20px 3px; background: #FEF8D4; padding: 15px; border:10px solid white; } @media (max-width: 750px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1125px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2250px) and (orientation:portrait) { .box img{ width: 100%; height: auto; border: 0px; } .box{ padding: 5px; } } .shadowbox{ -moz-box-shadow: 0px 0px 30px 0px #AAA; -webkit-box-shadow: 0px 0px 30px 0px #AAA; box-shadow: 0px 0px 30px 0px #AAA; } .flex_container{ display: flex; flex-wrap: wrap; } .hoverbox:hover{ background: #7F421A !important; } .hoverbox:hover *{ color: white; } .noborder{ border: 0px; } span.small{ font-size: 8pt; font-weight: normal; } div.acco_boxes{ position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; } a.acco_box{ display: block; width: 30%; text-align: center; box-sizing: border-box; margin: 0px 1.5% 20px 1.5%; -moz-box-shadow: 0px 0px 30px 0px #AAA; -webkit-box-shadow: 0px 0px 30px 0px #AAA; box-shadow: 0px 0px 10px 0px #666; overflow: hidden; } @media (max-width: 750px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1125px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2250px) and (orientation:portrait) { a.acco_box{ width: 48%; margin: 0px 1% 20px 1%; margin-bottom: 10px; } } a.acco_box img{ width: 100%; height: auto; transition: transform 0.5s ease; } a.acco_box div{ padding: 20px 20px 20px 20px; display: block; font-size: 16pt; font-family: 'Courgette', cursive; background: white; color: #7F421A; } @media (max-width: 750px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1125px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2250px) and (orientation:portrait) { a.acco_box div{ padding: 20px 10px 10px 10px; } } a.acco_box:hover div{ background: #582609; color: white; } a.acco_box:hover img { transform: scale(1.1); /* Größere Skalierung beim Hover */ } div.acco_adresse{ position: relative; padding: 20px; background: #FBEBD4; margin-bottom: 20px; border-left: 40px solid #FFA25A; } div.acco_col1{ position: relative; float: left; width: 50%; } div.acco_col2{ position: relative; float: left; width: 50%; } @media (max-width: 750px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1125px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2250px) and (orientation:portrait) { div.acco_col1{ float: none; width: auto; } div.acco_col2{ float: none; width: auto; } } div.acco_a_head{ font-weight: bold; border-bottom: 1px solid black; font-size: 13pt; margin-bottom: 5px; } a.special:link, a.special:visited, a.special:active, a.special:hover { background: #7F421A; color: white; font-size: 12pt; text-decoration: none; display: block; padding: 3px; } a.special:hover { color: white; } img.blur{ -webkit-filter: blur(7px); -moz-filter: blur(7px); -o-filter: blur(7px); -ms-filter: blur(7px); filter: blur(7px); } div.infobox{ padding: 15px 10px 15px 10px; background: #FBEBD4; margin: 10px 0px 10px 0px; display: flex; justify-content: space-between; flex-wrap: wrap; } div.infobox form, div.infobox a{ font-size: 16pt; } div.infobox select{ padding: 5px; } .property_checked{ color: green; font-size: 16pt; } .properties{ background: #FCF9E7; clear: both; } .property{ border-bottom: 1px dotted #7F421A; padding: 5px 5px 5px 10px; } table.data{ border-collapse: collapse; width: 100%; } table.data td{ border: 2px solid white; background: #FEF8D4; vertical-align: top; padding: 4px 20px 4px 20px; text-align: left; } table.data th{ text-align: left; background: #7F421A; color: white; padding: 4px 10px 4px 10px; border: 2px solid white; } div#notice{ text-align: center; padding: 20px; font-size: 14pt; background: #FFEEAA; } .error{ padding: 20px; border: 10px solid red; margin: 20px; font-weight: bold; background: #EEEEEE; } div#entry_iframe_container{ position: relative; width: 100%; } div#entry_iframe_container iframe{ width: 100%; height: 700px; overflow: auto; } a.more:link, a.more:visited, a.more:active, a.more:hover { color: #7F421A; background: transparent; font-size: 14pt; text-decoration: none; display: block; text-align: right; } a.more:hover { text-decoration: underline; } div.zipper{ position: relative; width: 100%; box-sizing: border-box; border-top: 1px solid #7F421A; padding: 10px; display: flex; flex-wrap: wrap; justify-content: space-around; } a.zip_next:link, a.zip_next:visited, a.zip_next:active, a.zip_next:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; } a.zip_next:hover { color: #81461F; } a.zip_next:after{ content: " >"; } a.zip_last:link, a.zip_last:visited, a.zip_last:active, a.zip_last:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; } a.zip_last:hover { color: #81461F; } a.zip_last:before{ content: "< "; } form#acco_search{ padding: 10px 20px 10px 20px; margin: 0px; margin-bottom: 10px; } form#acco_search select{ width: 100%; padding: 3px; margin-bottom: 2px; border: 1px solid #AAAAAA; box-sizing: border-box; } form#acco_search input{ width: 100%; padding: 5px; border: 0px; background: #DDDDDD; box-sizing: border-box; } form#acco_search input:hover{ cursor: pointer; background: #BABABA; color: white; } div#acco_search_d_container{ display: none; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#acco_search_d_container{ position: relative; width: 100%; max-width: 350px; display: block; padding: 10px 20px 20px 20px; border-left: 10px solid #582609; box-sizing: border-box; margin-top: 10px; background: #EEE; } } div#acco_search_d_container strong{ font-family: 'Courgette', cursive; font-weight: normal; font-size: 14pt; } form#acco_search_d{ padding: 10px; margin: 0px; box-sizing: border-box; background: white; margin-top: 5px; } form#acco_search_d select{ width: 100%; padding: 3px; margin-bottom: 2px; border: 1px solid #AAA; box-sizing: border-box; overflow: hidden; background: white; } form#acco_search_d input{ width: 100%; padding: 5px; border: 0px; background: #DDDDDD; box-sizing: border-box; } form#acco_search_d input:hover{ cursor: pointer; background: #BABABA; color: white; } div.img_galery_container { position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; box-sizing: border-box; background: #EEE; padding: 10px; margin: 20px 0px 20px 0px; justify-content: flex-start; } div.img_galery_pic{ position: relative; width: 32.33%; margin: 5px 0.5% 5px 0.5%; line-height:1em; } @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.img_galery_pic{ width: 48%; } div.img_galery_pic:nth-child(3){ width: 98%; } } @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.img_galery_pic{ width: 98%; } } div.img_galery_pic > a{ display: block; width: 100%; } div.img_galery_pic img { width: 100%; height: auto; vertical-align: bottom; box-sizing: border-box; border: 5px solid white; } div.img_galery_copyright{ position: absolute; bottom: 0px; padding: 2px 8px 10px 8px; width: 100%; font-size: 8pt; color: white; text-shadow: 1px 1px 1px black; text-align: right; box-sizing: border-box; line-height: 1em; } div.link_premium{ padding: 30px; background: #005300; color: white; } a.link_premiumlink{ font-size: 18pt; color: white; } a.link_premiumlink:hover{ text-decoration: underline; } div.themen_datum{ font-size: 16pt; padding: 5px; display: inline-block; background: green; color: white; } div.nbox_container{ display: flex; width: 100%; flex-wrap: wrap; align-items: stretch; } div.nbox, a.nbox{ position: relative; display: block; width: 30%; margin: 20px 1.5% 20px 1.5%; border: 10px solid white; box-sizing: border-box; cursor: pointer; } @media (max-width: 750px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 2250px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1125px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 1500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 2250px) and (orientation:portrait) { div.nbox, a.nbox{ width: 47%; } } @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.nbox, a.nbox{ width: 97%; } } div.nbox:hover, a.nbox:hover{ -webkit-filter: saturate(1.8); filter: saturate(1.8); cursor: pointer; } div.nbox_pic{ position: relative; width: 100%; height: 170px; overflow: hidden; border-bottom:10px solid white; box-sizing: border-box; z-index: 29; } div.nbox img, a.nbox img{ max-width: 200px; vertical-align: bottom; -moz-box-shadow: 8px 8px 10px 0px #666; -webkit-box-shadow: 8px 8px 10px 0px #666; box-shadow: 8px 8px 10px 0px #666; } div.nbox_text{ position: relative; padding: 0px 5px 0px 5px; font-size: 10pt; z-index: 30; } div.nbox_title{ margin-top: -40px; display: block; width: 95%; margin-left: 5%; background: #7F421A !important; color: white !important; padding: 5px !important; margin-bottom: 5px; box-sizing: border-box; } .nbox_text a{ margin-top: -40px; display: block; width: 95%; margin-left: 5%; background: #7F421A !important; color: white !important; padding: 5px !important; margin-bottom: 5px; box-sizing: border-box; z-index: 10; } div.nbox_copyright{ position: absolute; width: 88%; top: 2px; font-size: 6pt; line-height: 1em; text-align: right; color: white; text-shadow: 1px 1px 1px black; font-style: italic; z-index: 50; box-sizing: border-box; } div.nbox_stars{ position: absolute; top: 0px; left: 0px; padding: 1px 5px 5px 5px; background: rgba(255, 255, 255, 0.6); text-shadow: 3px 3px 2px #AAA; font-size: 25pt !important; color: #DE7B00; white-space: nowrap; box-sizing: border-box; } div.nbox_stars *{ font-size: 25pt !important; } .nbox_special_link{ position: absolute; width: 100%; bottom: 0px; left: 0px; } .nbox_goto{ position: absolute; width: 100%; bottom: 5px; box-sizing: border-box; background: #FFA15A; text-align: center; color: white; border-right: 1px solid white; padding: 6px 0px 6px 0px; } .nbox_special_link a{ display: block; width: 50%; box-sizing: border-box; background: #FFA15A; text-align: center; float: left; color: white; border-right: 1px solid white; padding: 6px 0px 6px 0px; } .nbox_special_link a:hover{ background: #7F421A; } .nbox_special_link:first-child a{ border-right: 0px solid white; } a.nbox_head_link:link, a.nbox_head_link:visited, a.nbox_head_link:active, a.nbox_head_link:hover { padding: 5px 5px 5px 5px; box-sizing: border-box; display: block; color: white; background: #7F421A; font-size: 12pt !important; text-decoration: none; line-height: 1.2em; } div#overview_menu{ position: absolute; left: 20px; top: 20px; width: 100%; margin-left: -20px; margin-top: -63px; display: flex; flex-wrap: wrap; } @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#overview_menu{ position: relative; margin-left: 0px; margin-top: 0px; padding-bottom: 20px; top: 0px; left: 0px; } } a.overview_headmenu:link, a.overview_headmenu:visited, a.overview_headmenu:active, a.overview_headmenu:hover { color: white; font-size: 12pt; text-decoration: none; display: block; width: 19.5%; box-sizing: border-box; padding: 5px 3px 3px 3px; background: #7F421A; text-align: center; margin: 13px 0.5% 0px 0px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; border: 0px; } a.overview_headmenu:hover { background: #582609; color: white; margin-top: 3px; padding-top: 15px; } a.overview_headmenu_a:link, a.overview_headmenu_a:visited, a.overview_headmenu_a:active, a.overview_headmenu_a:hover { background: #582609; color: white; font-size: 12pt; text-decoration: none; display: block; width: 19.5%; box-sizing: border-box; float: left; text-align: center; border: 0px; margin: 3px 0.5% 0px 0px; padding: 15px 3px 3px 3px; -moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px; border-top-left-radius: 15px; -moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px; border-top-right-radius: 15px; } @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) { a.overview_headmenu:link, a.overview_headmenu:visited, a.overview_headmenu:active, a.overview_headmenu:hover { width: 49.5%; padding: 5px 3px 3px 3px; margin: 3px 0.5% 0px 0px; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; } a.overview_headmenu_a:link, a.overview_headmenu_a:visited, a.overview_headmenu_a:active, a.overview_headmenu_a:hover { width: 49.5%; padding: 5px 3px 3px 3px; margin: 3px 0.5% 0px 0px; -moz-box-shadow: 0px 0px 0px 0px #AAA; -webkit-box-shadow: 0px 0px 0px 0px #AAA; box-shadow: 0px 0px 0px 0px #AAA; -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; } } div.acco_special_box a{ display: block; padding: 20px; font-size: 16pt; color: white; background: #FFA25A; text-align: center; } div.acco_special_box a:hover{ background: #7F421A; -moz-box-shadow: 0px 0px 30px 0px #AAA; -webkit-box-shadow: 0px 0px 30px 0px #AAA; box-shadow: 0px 0px 30px 0px #AAA; } div.acco_special_box_two{ display: flex; align-item: stretch; margin-bottom: 50px; } div.acco_special_box_two a{ display: block; width: 45%; margin: 0px 2.5% 0px 2.5%; padding: 20px; font-size: 16pt; color: white; background: #FFA25A; text-align: center; box-sizing: border-box; -moz-box-shadow: 0px 0px 30px 0px #AAA; -webkit-box-shadow: 0px 0px 30px 0px #AAA; box-shadow: 0px 0px 30px 0px #AAA; } div.acco_special_box_two a:hover{ background: #7F421A; } table.link{ width: 100%; border-collapse: collapse; } table.link td{ width: 33%; border: 2px solid white; background: #FEF8D4; vertical-align: top; } @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) { table.link tbody{ display: block; width: 100% !important; } table.link tr{ display: block; width: 100%; } table.link th{ display: block; width: 100%; } table.link td{ display: block; width: 100% !important; border: 2px solid white; background: #FEF8D4; vertical-align: top; } table.link td a{ width: 100%; } } table.link td:hover{ background: #FBEBD4; color: #7F421A; } table.link td a{ display: block; padding: 3px; } table.link td a:before{ content:"> "; } table.link th{ text-align: left; background: #7F421A; color: white; border: 2px solid white; } table.link th a{ text-align: left; background: #7F421A; color: white; display: block; padding: 5px; } table.link th a:hover{ background: #005300; } table.link th a:before{ content:"> "; } a.linkbox:link, a.linkbox:visited, a.linkbox:active, a.linkbox:hover { display: block; width: 200px; background: #FBEBD4; color: #7F421A; padding: 6px; float: left; margin: 10px; font-size: 12pt; } a.linkbox:hover { background: #7F421A; color: white; } a.menu1:link, a.menu1:visited, a.menu1:active, a.menu1:hover { color: #7F421A; background: transparent; font-size: 12pt; text-decoration: none; display: block; padding: 3px 10px 3px 25px; margin: 0px 10px 0px 10px; border-bottom: 1px dotted #7F421A; } a.menu1:hover { color: maroon; border-bottom: 1px solid #7F421A; } a.menu1:hover { background:#7F421A; color:white; } a.menu1_a:link, a.menu1_a:visited, a.menu1_a:active, a.menu1_a:hover { color: #7F421A; background: transparent; font-size: 12pt; text-decoration: none; display: block; padding: 3px 10px 3px 25px; margin: 0px 10px 0px 10px; border-bottom: 1px dotted #7F421A; } a.menu1_a:before { content:"> "; } a.menu1_a:hover { background:#7F421A; color:white; } a.menu2:link, a.menu2:visited, a.menu2:active, a.menu2:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; display: block; padding: 3px 10px 3px 40px; margin: 0px 20px 2px 20px; border-bottom: 1px dotted #7F421A; } a.menu2:hover { color: maroon; border-bottom: 1px solid #7F421A; } a.menu2:hover:before { content:"> "; } a.menu2_a:link, a.menu2_a:visited, a.menu2_a:active, a.menu2_a:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; display: block; padding: 3px 10px 3px 40px; margin: 0px 20px 2px 20px; border-bottom: 1px dotted #7F421A; } a.menu2_a:before { content:"> "; } a.menu2_a:hover { color: maroon; border-bottom: 1px solid #7F421A; } a.menu3:link, a.menu3:visited, a.menu3:active, a.menu3:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; display: block; padding: 3px 10px 3px 110px; margin: 0px 20px 2px 20px; border-bottom: 1px dotted #7F421A; } a.menu3:hover { color: maroon; border-bottom: 1px solid #7F421A; } a.menu3:hover:before { content:"> "; } a.menu3_a:link, a.menu3_a:visited, a.menu3_a:active, a.menu3_a:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; display: block; padding: 3px 10px 3px 110px; margin: 0px 20px 2px 20px; border-bottom: 1px dotted #7F421A; } a.menu3_a:before { content:"> "; } a.menu3_a:hover { color: maroon; border-bottom: 1px solid #7F421A; } div#gastgeberbox{ border: 15px solid white; margin: 0px 0px 20px 0px; background: white; padding-bottom: 10px; } div#gastgeberbox a:last-child{ border-bottom: 0px; } a#gbl{ text-align: left; display: block; padding: 20px 10px 20px 10px; color: white; background: #FFA15A; font-size: 14pt; text-decoration: none; font-weight: normal; border: 0px; background-image:linear-gradient(to top right, #FFBB55, #FFA15A, #FFBB55); border-bottom: 15px solid white; } a#gbl:hover{ color: white; background: #7F421A; } div#reisefuehrer{ border: 15px solid white; margin: 20px 0px 20px 0px; background: white; padding-bottom: 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#reisefuehrer{ margin-bottom: 0px; } } div#reisefuehrer a:last-child{ border-bottom: 0px; } a#srf{ text-align: left; display: block; padding: 20px 10px 20px 10px; color: white; background: #247C50; font-size: 14pt; text-decoration: none; font-weight: normal; border: 0px; background-image:linear-gradient(to top right, #24AC50, #247C50, #24AC50); border-bottom: 15px solid white; background: -moz-linear-gradient(45deg, rgba(150,150,0,1) 0%, rgba(105,133,128,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(150,150,0,1)), color-stop(100%, rgba(105,133,128,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, rgba(150,150,0,1) 0%, rgba(105,133,128,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, rgba(150,150,0,1) 0%, rgba(105,133,128,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(150,150,0,1) 0%, rgba(105,133,128,1) 100%); /* ie10+ */ background: linear-gradient(45deg, rgba(150,150,0,1) 0%, rgba(105,133,128,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#698580', endColorstr='#BFBF00',GradientType=1 ); /* ie6-9 */ } a#srf:hover{ color: white; background: #7F421A; } div.angebote_pics{ position: relative; width: 100%; } div.angebote_pics img{ width: 31%; height: auto; margin: 10px 1% 10px 1%; } @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.angebote_pics img{ width: 48%; height: auto; margin: 10px 1% 0px 1%; } div.angebote_pics img:nth-child(3){ width: 98%; height: auto; margin: 5px 1% 0px 1%; } } table.unterkunft_offers{ width: 90%; margin-left: 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) { table.unterkunft_offers{ width: 100%; margin-left: 0px; } table.unterkunft_offers tbody{ display: block; width: 100%; } } table.unterkunft_offers td{ padding: 4px; text-align: left; vertical-align: top; } @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) { table.unterkunft_offers td{ display: block; width: 100%; } } table.unterkunft_offers th{ padding: 4px; text-align: left; vertical-align: top; background: #7F421A; color: white; } @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) { table.unterkunft_offers th{ display: block; width: 100%; padding: 4px; text-align: left; vertical-align: top; background: #7F421A; color: white; } } table.unterkunft_offers tr:nth-child(odd) { background-color:#eee; } table.unterkunft_offers tr:nth-child(even) { background-color:#fff; } table.unterkunft_offers tr:hover td { background-color: #CED5E4; } table.unterkunft_offers a{ border: 0px; display: block; border-collapse: collapse; } a.unterkunft_anchor:link, a.unterkunft_anchor:visited, a.unterkunft_anchor:active, a.unterkunft_anchor:hover { color: #81461F; background: #FCF8DF; font-size: 13pt; display: block; padding: 5px; width: 150px; float: left; margin: 5px; text-align: center; -moz-box-shadow: 4px 4px 10px 0px #BAA; -webkit-box-shadow: 4px 4px 10px 0px #BAA; box-shadow: 4px 4px 10px 0px #BAA; } a.unterkunft_anchor:hover { color: white; background: #7F421A; } div.unterkunft_pictos{ position: relative; width: 100%; text-align: center; padding: 5px 0px 5px 0px; text-align: right; } div.unterkunft_pictos img{ vertical-align: bottom; border: 1px solid black; width: 40px;height: 40px; padding: 3px; box-sizing: border-box; margin-bottom: 3px; } div.overview_flex{ position: relative; width: 100%; display: flex; flex-wrap: wrap; align-items: stretch; } div.overview_flex > div{ float: none; height: auto; } div.overview_item{ position: relative; width: 30%; margin: 10px 1.5% 10px 1.5%; background: #FBEBD4; background: white; cursor: pointer; overflow: hidden; } div.overview_item:hover{ background: #FFEEAA; } @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.overview_item{ width: 47%; } } @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.overview_item{ width: 97%; } } div.oi_pic{ width: 100%; height: 150px; overflow: hidden; background: #582609; text-align: right; } div.oi_pic img{ width: 100%; height: auto; } div.oi_stars{ position: absolute; top: 0px; right: 0px; padding: 1px 5px 5px 5px; background: rgba(255, 255, 255, 0.6); text-shadow: 3px 3px 2px #AAA; font-size: 25pt !important; color: #DE7B00; white-space: nowrap; box-sizing: border-box; } div.oi_stars *{ font-size: 25pt !important; } div.oi_content{ width: 100%; padding: 10px 5px 65px 5px; box-sizing: border-box; } div.oi_more{ position: absolute; width: 100%; bottom: 0px; left: 0px; } div.oi_more a{ display: block; width: 50%; float: left; text-align: center; background: #FFB057; border: 1px solid white; box-sizing: border-box; padding: 2px; } div.oi_more a:hover{ background: #7F421A; } div.oi_more a img{ height: 45px; width: auto; } table#ortsliste td a{ display: block; } @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) { table#ortsliste{ width: 100%; } table#ortsliste tbody, table#ortsliste tr, table#ortsliste td{ display: block; width: 100%; } table#ortsliste td a{ padding: 3px; border-bottom: 1px dotted #999; } table#ortsliste td a:hover{ background: #DDD; } } div.ortsliste_letter{ position: relative; width: 100%; border-bottom: 1px solid #582609; font-size: 14pt; } div.ortsliste_button{ text-align: right; 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) { div.ortsliste_button{ display: block; } } div.ortsliste_button button{ cursor: pointer; margin-left: 10px; border: none; background: none; font-size: 10pt; } div.ortsliste_button button:hover{ color: #7F421A; } div.ortsliste_letters{ display: block; } @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.ortsliste_letters{ display: none; } } div#mobile_nav{ display: none; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#mobile_nav{ position: fixed; display: block; top: 0px; left: 0px; width: 100%; background: #582609; z-index: 98; text-align: left; box-shadow: 0px 6px 18px -3px rgba(0,0,0,0.3); padding:4px; } div#mobile_nav a{ position: relative; display: block; float: left; } div#mobile_nav a#mobile_m{ float: right !important; padding-right: 5px; } div#mobile_nav a#mobile_m img{ height: 28px; margin-top: 6px; } div#mobile_nav img{ border: 0; vertical-align: bottom; height: 28px; width: auto; margin: 5px 8px 5px 8px; } } div#headmenu_container{ position: fixed; top: 0px; left: 0px; width: 100%; text-align: center; z-index: 97; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#headmenu_container{ top: 28px; } } @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#headmenu_container{ position: absolute; } } div#headmenu{ position: relative; width: 100%; background: #582609; padding-left: 20px; box-sizing: border-box; } div#logo{ position: absolute; right: 10px; top: 0px; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#logo{ top: 10px; right: 0px; } } @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#logo{ top: 65px; right: 50px; } } @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#logo{ top: 25px; right: 0px; } } div#logo img{ height: 30px; width: auto; filter: drop-shadow(1px 1px 3px black); } a.logo_link:link, a.logo_link:visited, a.logo_link:active, a.logo_link:hover { font-family: 'Courgette', cursive; color: white; font-size: 20pt; text-decoration: none; display: block; padding: 15px 70px 10px 10px; text-shadow: 1px 1px 1px black; } @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) { a.logo_link:link, a.logo_link:visited, a.logo_link:active, a.logo_link:hover { font-size: 16pt; padding: 5px 10px 5px 0px; } } div#header_container{ position: relative; width: 100%; text-align: center; padding: 90px 10px 0px 10px; box-sizing: border-box; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#header_container{ padding:110px 10px 0px 10px; } } @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#header_container{ padding: 70px 10px 0px 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_container{ padding: 40px 0px 0px 0px; } } div#header{ position: relative; width: 100%; z-index: 10; margin-left: auto; margin-right: auto; max-width: 1300px; } div#header img{ vertical-align: bottom; } @media (max-width: 1250px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3750px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3125px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3750px) and (orientation:portrait) { div#header > img{ 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) { div#header_bg{ display: none; } } div#header_pic_container{ position: relative; width: 100%; height: 600px; clear: both; overflow:hidden; border: 20px solid white; 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#header_pic_container{ height: 300px; } } @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_pic_container{ width: 100%; margin-left: 0px; border: none; } } div.header_pic{ position: absolute; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; overflow:hidden; } @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_pic{ border: 0px solid white; } } @media (max-width: 1250px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3750px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3125px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3750px) and (orientation:portrait) { div.header_pic > img{ display: none; } } img.header_blur{ width: 105% !important; height: 105% !important; margin-left: -10px; margin-top: -5px; -webkit-filter: sepia(.3) blur(2px);   filter: sepia(.3) blur(2px); } div.header_copyright{ position: absolute; bottom: 2px; left: 2px; color: #EEEEEE; text-shadow: 2px 2px #666666; font-size: 9pt; } div#header_map{ position: absolute; bottom: 0px; right: 0px; width: 220px; height: 220px; border: 20px solid white; z-index: 90; background: #FEF8D4; } @media (max-width: 1250px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3750px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3125px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3750px) and (orientation:portrait) { div#header_map{ position: absolute; bottom: 50px; right: 20px; width: 220px; height: 220px; border: 20px solid white; z-index: 90; background: #FEF8D4; } } @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#header_map{ display: none; } } div#header_map:empty{ display: none; } div#header_map_resize{ position: absolute; top: -32px; left: -32px; width: 35px; height: 35px; font-size: 22px; padding-left: 2px; text-align: center; box-sizing: border-box; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; background: #8B421A; color: white; cursor: pointer; border: 3px solid white; overflow: hidden; } div#head_map{ position: relative; width: 100%; height: 100%; z-index: 80; } div.header_pictures_text{ position: absolute; background: #FCF8DF; background: rgba(242, 244, 219, 0.91); width: 400px; left: 0px; bottom: 90px; z-index: 90; border-top-right-radius: 30px; -moz-border-top-right-radius: 30px; -webkit-border-top-right-radius: 30px; -khtml-border-top-right-radius: 30px; border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -khtml-border-bottom-right-radius: 30px; -webkit-box-shadow: 6px 12px 35px -14px rgba(0,0,0,0.82); -moz-box-shadow: 6px 12px 35px -14px rgba(0,0,0,0.82); box-shadow: 6px 12px 35px -14px rgba(0,0,0,0.82); 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.header_pictures_text{ display: none; } } div.header_pictures_text_dist{ padding: 12px 40px 15px 80px; } div#container{ position: relative; width: 100%; box-sizing: border-box; text-align: center; z-index:10; padding: 0px 10px 0px 10px; } div#content_container{ position: relative; width: 100%; max-width: 1300px; margin-left: auto; margin-right: auto; text-align: left; } @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#content_container{ width: 100%; margin-left: 0px; } } div#content_container_dist{ padding: 45px 0px 30px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } @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_container_dist{ padding: 25px 0px 30px 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#content_container_dist{ padding: 0px 0px 30px 0px; } } div#content{ position: relative; width: 70%; background: white; text-align: left; min-height: 900px; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#content{ width: 100%; margin-bottom: 20px; } } div#content_dist{ padding: 20px 20px 20px 20px; 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#content_dist{ padding: 20px 10px 20px 10px; } } div#breadcrumb{ position: relative; width: 100%; } a.breadcrumb_link:link, a.breadcrumb_link:visited, a.breadcrumb_link:active, a.breadcrumb_link:hover { color: #7F421A; background: transparent; font-size: 11pt; text-decoration: none; border: 0px; } a.breadcrumb_link:hover { text-decoration: underline; } div#right{ position: relative; width: 27%; } @media (max-width: 1100px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1650px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2200px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2750px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3300px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1650px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2200px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 2750px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3300px) and (orientation:portrait) { div#right{ position: relative; width: 100%; } } div#right_dist{ padding: 0px 0px 20px 0px; } div#search{ position: relative; width: 100%; text-align: right; } div#search form{ padding: 0px;margin: 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#search form{ margin: 10px 2% 0px 5%; } } div#search input{ padding: 7px; border: 0px; 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#search input{ background: #CCC; } } input#searchterm { width:68%; box-sizing: border-box;margin-right: 2%;} input#searcheintrag { width:30%; box-sizing: border-box; } .form{ width: calc(100% - 20px); padding: 10px !important; box-sizing: border-box; margin-bottom: 6px; border: none; background: white; color: #582609; border-left: 10px solid #582609; margin-left: 20px; } .form[type=submit]{ cursor: pointer; width: 90%; margin-left: 5px; padding: 10px; border: none; background: #582609 !important; color: white; } .form[type=submit]:hover{ background: #FFA25A !important; color: white; } fieldset { padding: 10px; margin-bottom: 20px; background: #FBEBD4; border: none; } fieldset { color: #333; } fieldset.fullwidth{ width: 100%; box-sizing: border-box; } fieldset legend{ font-size: 14pt; color: white; background: #582609; padding: 5px; min-width: 100%; box-sizing: border-box; border: none; text-align: center; } fieldset#fieldset1{ width: 48%; box-sizing: border-box; } fieldset#fieldset2{ width: 48%; 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) { fieldset#fieldset1{ width: 100%; } fieldset#fieldset2{ width: 100%; } } div.fieldset_container{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between } div#cap div#cap_text { width: 90%; } div#footer{ position: relative; width: 100%; background: #FFA15A; clear: both; z-index: 80; } @media (max-width: 1250px), (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1875px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2) and (max-width: 2500px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3125px) and (orientation:portrait), (-webkit-min-device-pixel-ratio: 3) and (max-width: 3750px) and (orientation:portrait), (min-resolution: 1.5dppx) and (max-width: 1875px) and (orientation:portrait), (min-resolution: 2.0dppx) and (max-width: 2500px) and (orientation:portrait), (min-resolution: 2.5dppx) and (max-width: 3125px) and (orientation:portrait), (min-resolution: 3.0dppx) and (max-width: 3750px) and (orientation:portrait) { div#footer{ padding-bottom: 20px; } } div#footer_dist{ padding: 20px 20px 20px 20px; text-align: right; } a.footer_link:link, a.footer_link:visited, a.footer_link:active, a.footer_link:hover { color: white; background: transparent; font-size: 10pt; text-decoration: none; text-transform: uppercase; margin-left: 20px; border: 0px; } a.footer_link:hover { text-decoration: underline; } a.footer_link:before{ content: ":: "; } @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.footer_link:link, a.footer_link:visited, a.footer_link:active, a.footer_link:hover { display: block; padding: 5px; border-bottom: 1px solid white; text-align: left; } } #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 { line-height: 1.4em; } p.eip_imgtext_text { } img.eip_imgtext_img { border: 10px solid #FBEBD4; margin: 0px 20px 20px 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) { img.eip_imgtext_img { width: 80%; height: auto; display: block; float: none !important; } } img.eip_img_img {} a.eip_img_link {} ul.eip_unordered_list { } ul.eip_unordered_list li { } ol.eip_unordered_list { } ol.eip_unordered_list li { } div.swingoutcontainer { position:relative;margin-top:10px;margin-bottom: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 { } ul.eip_link_list li { } a.eip_link_list { } div.eiptables { position:relative;overflow:auto;height:auto; } table.tables { border: 1px solid #BEBEBE; border-collapse: collapse; padding: 7px 7px 7px 0px; margin: 5px 0px 8px 0px; } tr.tables { } td.tables { padding: 7px; border: 1px solid #BEBEBE; } table.tableswithout { border: 0px solid #FFFFFF; padding: 7px 7px 7px 0px; margin: 5px 0px 8px 0px; } tr.tableswithout { } td.tableswithout { padding: 7px; border: 0px solid #FFFFFF; } ul.eip_media_list { } ul.eip_media_list li { } a.media_list { } span.media_list_subtitle { } div.entry_pictures { position: relative; width: 100%; display: flex; flex-wrap: wrap; } div.entry_pictures a{ width: 25%; border: 2px solid white; 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.entry_pictures a{ width: 33.30%; } } div.entry_pictures a img{ width: 100%; height: auto; vertical-align: bottom; border: 2px solid white; box-sizing: border-box; margin: 0px !important; } img.bildergalerie_thumb { border: 0px; } a.bildergalerie_thumb { border: 0px solid #FFFFFF; } div.eip_video { position:relative; width: 100%; margin:30px auto 30px auto; 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: 1px solid #777777; margin-top:10px; margin-bottom:10px; } div#headmenu ul { list-style: none; margin: 0; padding: 0; z-index: 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#headmenu ul { display: none; } } div#headmenu > ul > li { float: left; } div#headmenu > ul > li > ul { display: none; list-style: none; margin: 0; padding: 0; } div#headmenu > ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } div#headmenu > ul > li > a { display: block; white-space: nowrap; color: white !important; background: transparent; font-size: 16pt; text-decoration: none; padding: 34px 6px 15px 6px !important; margin: 0px 0px 20px 15px; height: 50px; box-sizing: border-box; font-family: 'Courgette', cursive; } div#headmenu > ul > li > a:hover { text-decoration: underline; } a.active{ text-decoration: underline; } div#headmenu > ul > li:hover > ul { display: block; position: absolute; } div#headmenu > ul > li > ul > li { position: relative; width: 100%; } div#headmenu > ul > li > ul > li > ul { display: none; } div#headmenu > ul > li > ul > li:hover > ul { display: block; } div#headmenu ul > li > ul > li > a { width: 100%; display: block; white-space: nowrap; color: #838383 !important; background: white !important; font-size: 12pt; padding: 5px 10px 5px 10px; text-decoration: none !important; border-bottom: 1px solid #989898; min-width: 220px; text-align: left; } div#headmenu ul > li > ul > li > a:hover { color: white !important; background: #582609 !important; } div#headmenu > ul > li > ul > li > ul { display: none; } div#headmenu > ul > li > ul > li:hover > ul { display: block; } div#headmenu > ul > li > ul > li > ul { display: none; } div#headmenu > ul > li > ul > li:hover > ul { display: block; margin-left: 20px; } div#headmenu ul > li > ul > li > ul > li > a { display: block; color: #838383 !important; background: #C4C4C4; padding: 5px 10px 5px 10px; text-decoration: none !important; box-sizing: border-box; font-size: 12pt; } div#headmenu ul > li > ul > li > ul > li > a:hover { background: #582609 !important; } div#headmenu > ul > li > ul > li:hover > ul { display: block; position: absolute; left: 100%; top: 0; } a.mobile:link, a.mobile:visited, a.mobile:active, a.mobile:hover { color: #36272D; background: transparent; border-bottom: 1px solid #582609; font-size: 12pt; text-decoration: none; display: block; padding: 6px; font-weight: bold; } a.mobile:hover { color:white; background-color: #582609; } a.mobile_lvl2{ padding-left: 30px !important; font-weight: normal !important; } a.mobile_lvl3{ padding-left: 60px !important; font-weight: normal !important; } div#cap { margin:0px auto 25px auto; text-align:center; } div#cap div#cap_text { margin:0px auto 0px auto; width:70%; 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#cap div#cap_text { width: 85%; } } div#cap div#cap_rahmen { margin:10px auto 10px auto; width:70%; 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) { div#cap div#cap_rahmen { width: 85%; } } div#cap div#cap_vorlage { float:left; margin:auto; width:50%; padding:11px; box-sizing:border-box; background:#7F421A; text-align:right; font-size:12pt; color:white; border:1px solid #7F421A; border: none; } div#cap span#cap_hide { color:#7F421A; } div#cap input#cap_eintrag { float:left; margin:auto; width:50%; font-size:13pt; padding:11px 10px 10px 10px; background:#FCFEED; color:black; border:1px solid #FFA15A; box-sizing: border-box; } div#all_overview_around{ position: relative; width: 100%; display: flex; flex-wrap: wrap; } div#all_overview_around > div{ width: 100%; } div#all_overview_around > div:first-child{ order: 2; } div#all_overview_around > div:nth-child(2){ order: 1; } div.all_overview_container{ position: relative; width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 30px; } div.all_overview_ort_label{ position: relative; background: #7F421A; width: 30px; display: flex; align-items: flex-start; } div.all_overview_ort_label a{ position: relative; writing-mode: vertical-lr; transform: scaleX(-1) scaleY(-1); display: block; white-space: nowrap; color: white; margin: 10px 0px 0px 3px; font-size: 14pt; font-family: 'Courgette', cursive; } div.all_overview_items{ position: relative; width: calc(100% - 30px); display: flex; align-items: stretch; flex-wrap: wrap; background: #EEE; } div.all_overview_items_full{ position: relative; width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; background: #EEE; } a.tour_komoot{ display: block; width: 90%; max-width: 300px; margin: 20px auto 20px auto; text-align: center; background: #A93A00; color: white; padding: 15px; box-sizing: border-box; font-family: 'Courgette', cursive; font-size: 14pt; -webkit-box-shadow: 5px 5px 15px 5px #000000; box-shadow: 5px 5px 15px 5px #000000; } a.tour_komoot:hover{ background: #FFA25A; } div#cookie_accept { color: white;width: 100%;width:100vw;height:100%;height:100vh;backdrop-filter: blur(1px);position: fixed;top: 0px;left: 0px;z-index: 120;text-align: center;min-height: 50px;max-height:100%;max-height:100vh;overflow:auto; } @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#cookie_accept * { font-size:9pt !important; } } div#cookie_accept a{ color: white; } div#container_versicherung{ position: relative; width: 90%; padding: 20px; box-sizing: border-box; margin: 20px 5% 20px 5%; } div.fa_item{ position: relative; display: block; width: 100%; margin-bottom: 20px; background: white; -moz-box-shadow: 0px 0px 30px 0px #AAA; -webkit-box-shadow: 0px 0px 30px 0px #AAA; box-shadow: 0px 0px 30px 0px #AAA; padding: 20px; box-sizing: border-box; } div.fa_item_header{ position: relative; width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } div.fa_item_title{ position: relative; display: block; width: 100%; background: #7F421A !important; color: white !important; padding: 5px !important; box-sizing: border-box; z-index: 51; margin-bottom: 4px; } @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.fa_item_title{ margin-top: -20px; } } div.fa_item_header_dist{ width: calc(100% - 340px); padding: 0px 0px 0px 15px; 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.fa_item_header_dist{ width: 100%; } } div.fa_item_more_infos{ display: none; border: 1px dotted black; padding: 15px; margin-top: 10px; } div.fa_item_description{ } div.fa_item_contact{ padding: 15px; background: #EEE; margin-top: 10px; } div.fa_picture_container{ position: relative; width: 320px; height: 200px; z-index: 50; } div.fa_picture_container > div { position: absolute; width: 100%; height: 100%; top: 0px;left: 0px; -moz-box-shadow: 8px 8px 10px 0px #666; -webkit-box-shadow: 8px 8px 10px 0px #666; box-shadow: 8px 8px 10px 0px #666; } a.fa_item_goto{ display: block; width: 80%; margin-left: 10%; box-sizing: border-box; background: #FFA15A; text-align: center; color: white; border-right: 1px solid white; padding: 6px 0px 6px 0px; margin-top: 40px; } div.fa_show_more{ cursor: pointer; text-align: right; } div.fa_show_more:hover{ text-decoration: underline; } div.search_item_container{ position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } a.search_item{ position: relative; width: 50%; display: flex; align-items: center; background: #EEE; padding: 5px; box-sizing: border-box; border: 2px solid 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) { a.search_item{ width: 100%; } } a.search_item:hover{ background: #AAA; } a.search_item:hover *{ color: white; } div.search_item_pic{ width: 100px; box-sizing: border-box; } div.search_item_pic img{ width: 100%; height: auto; vertical-align: bottom; } div.search_item_content{ padding-left: 15px; }