/* lato-100 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } * {font-family: 'Lato', sans-serif; font-size:16px; color:#000; line-height:28px; margin:0;} body {background-color:#d0d1d6; background-image:url(../images/page/bgedelweiss.png);background-repeat:no-repeat; background-attachment: fixed; } body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:#000; text-decoration: underline;} a:hover {} h1, .maintitle {font-size:40px; margin-bottom:10px;} h2, .subtitle {font-size:20px; margin-bottom:4px;} h2.mainmenu {font-size:13px;} h3, .content {font-size:14px;} h3 {margin:0; margin-bottom:2px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} label {vertical-align:middle;} #editblock {border-color:silver;} #mapview {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(255,255,255,0.90) url(../images/page/loading_orange.gif) no-repeat fixed center;} #mapview iframe {width: 90vw; height: 90vh; margin: 5vh 5vw; border: none; display: none;} #mastercontainer {width:100%; max-width:1600px; margin-left:auto; margin-right:auto;} #contentbar {width: 80%; float: left; background-color: #fefefe;} #header_outer {width:100%; background-color:#b12f11;} #header_inner {width: 100%; height: 110px;} #header_titel {padding:40px 10px 40px 30px; display: inline-block; float: left; height: 100%; box-sizing: border-box; max-width: 100%;} #header_navigation {display: inline-block; float: right; height: 100%; padding: 0 30px;} #header_navigation #cssmenu_h {display: inline-block; vertical-align: middle; padding: 0; margin: 0;} .titel_light {font-size:30px; color:#fff; letter-spacing:-1px; font-weight:300; line-height: 30px;} .titel_bold {font-size:30px; color:#fff; letter-spacing:-1px; font-weight:900; line-height: 30px;} #sidebar {width: 20%; float: left; } #navigation_outer {width: 100%; height: auto; text-align: center; overflow: hidden; scroll-behavior: smooth;padding-bottom:10px; padding-top:10px; background-color:#fefefe;} #navigation_inner {display: inline-block;} #navigation_all {float: left; letter-spacing: 0px; white-space: nowrap;} #navigation_all .overview {position: relative; width: 30px; cursor:pointer; display: inline-block;} #navigation_all .overview.current {background-color:#e18c0e} #navigation_all .overview_pageurl, #navigation_all .overview_latlng, #navigation_all .overview_content {display: none !important;} #navigation_all .overview_image {width: 100%; height: auto;} #navigation_all .overview_titel {display: none; background: rgba(0,0,0,.9); position: absolute; bottom: 0; left:30px; padding: 4px; padding-left:10px; padding-right:10px; color: #fff; font-size: 12px; font-weight:bold; white-space: nowrap; z-index: 10; pointer-events: none;} #navigation_all_left {position: fixed; left: 0; top: 50%; z-index: 100; cursor: pointer; width: 70px;} #navigation_all_right {position: fixed; right: 0; top: 50%; z-index: 100; cursor: pointer; width: 70px;} #navigation_all_left img {width: 100%; height: auto;} #navigation_all_right img {width: 100%; height: auto;} #navigation_all_left_text {position: absolute; top: 100%; left: 0; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; font-weight: bold; padding: 20px; white-space: nowrap; display: none;} #navigation_all_right_text {position: absolute; top: 100%; right: 0; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; font-weight: bold; padding: 20px; white-space: nowrap; display: none;} #navigation_all_left:hover #navigation_all_left_text {display: block;} #navigation_all_right:hover #navigation_all_right_text {display: block;} #maincontent {width: 100%; overflow: hidden; position: relative;} .itemcontainer {display: none; position: absolute; width: 100%; top: 0;} #content {width: 100%; max-width:1400px; box-sizing: border-box;} .drei-spalter {width: 100%; max-width: 1400px; margin: 0 auto; padding: 20px; box-sizing: border-box;} .drei-spalter-spalte {float: left; width: 33.33%; padding: 0 10px; box-sizing: border-box;} .drei-spalter-spalte img {width: 80%; height:auto;} #footer .drei-spalter-spalte img {width: 40%; height:auto;} .drei-spalter-titel {display: inline-block; width: 100%;padding:10px; padding-top:40px; padding-bottom:40px;font-size: 34px; color:#b12f11;text-align: center;margin-bottom: 20px;font-weight: bold;} .ein-spalter {width: 100%; max-width: 1400px; margin: 0 auto; padding: 20px; box-sizing: border-box;} .ein-spalter-titel {display: inline-block;width: 100%;padding: 10px;font-size: 22px;text-align: center;margin-bottom: 20px;font-weight: bold;line-height:30px;} .ein-spalter-spalte {padding: 0 10px; box-sizing: border-box; text-align: center;} .ein-spalter.avweiss {} .ein-spalter.avgruen {background-color: #58b947 !important;} .ein-spalter.avgrau {background-color: #474c55 !important;} .ein-spalter.avyellow {background-color: #ffd600 !important;} .ein-spalter-titel.avweiss {} .ein-spalter-titel.avgruen {color:#ffffff !important;} .ein-spalter-titel.avgrau {color:#ffffff !important;} .ein-spalter-titel.avyellow {} .drei-spalter.avweiss {} .drei-spalter.avgruen {background-color: #58b947 !important;} .drei-spalter.avgrau {background-color: #474c55 !important;} .drei-spalter.avyellow {background-color: #ffd600 !important;} .drei-spalter-titel.avweiss {} .drei-spalter-titel.avgruen {color:#ffffff !important;} .drei-spalter-titel.avgrau {color:#ffffff !important;} .drei-spalter-titel.avyellow {} .image_outer, .image_inner, .image_inner img {width: 100%; height: auto;} #conTact {border-style:solid; border-color:#ffffff #d0d1d6 #ffffff; border-width:1px; padding:1px;} div.conSymbolB {display:none;min-height:10px;vertical-align:top;background-color:#f2f2f2;} div.conSymbolD {display:none;min-height:10px;vertical-align:top;background-color:#e0e0e0;} div.conTextB {min-height:10px;padding:4px;vertical-align:top;background-color:#f2f2f2;} div.conTextD {min-height:10px;padding:4px;vertical-align:top;background-color:#e0e0e0;} .myTipp {border-style:solid; border-color:#ffffff #d0d1d6 #d0d1d6 #ffffff; border-width:1px; padding:10px; background-color:#f2e6cd;} .googlemaps_outer, .googlemaps_inner, .googlemaps_inner iframe {width: 100%; min-height: 350px;} #uebersicht .overview {cursor: pointer; width: 100%; padding: 20px; box-sizing: border-box; max-width: 1400px; margin: 0 auto;} #uebersicht .overview_pageurl, #uebersicht .overview_latlng, #uebersicht .overview_image {display: none !important;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow: hidden; margin-bottom: 50px;} #mobilemenu * {margin: 0px;padding: 0px;list-style-type: none;list-style-image: none; text-decoration: none;} #mobilemenu a {padding: 10px 0px 10px 0px; display: block; border-bottom: solid #e18c0e 1px;} #mobilemenu ul li ul {display: none;} #mobilemenu ul li ul li ul {display: none;} #mobilemenu li {display: block; overflow: hidden;} #mobilemenu li span {position: relative;} #mobilemenu .navspace {display: inline-block;width: 30px;height: 30px; float: right; width: 15%;} #mobilemenu .navclick {cursor: pointer;} #mobilemenu #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li ul li #navmore {background-image: url(../images/page/plus_white.png);} #mobilemenu ul li ul li #navless {background-image: url(../images/page/minus_white.png);} #mobilemenu ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 16px;text-transform: uppercase; overflow:hidden;} #mobilemenu ul li span a {color: #fff; width: 85%; display: block; float: left;} #mobilemenu ul li ul li span {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 12px;text-transform: none;background-image: none;} #mobilemenu ul li ul li span a {color: #fff; padding-left: 20px; box-sizing: border-box;} #mobilemenu ul li ul li ul li a {display: block;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;font-size: 14px;color: #fff;text-transform: none; margin-left: 30px; background-image: none;} #hiddennav, #navbutton {display: none;} #mobilemenu a.activemainmenu {font-weight: bold;} #mobilemenu a.activemenu {font-weight: bold;} /* New Navbutton */ #navbutton {background: rgba(39, 39, 39,.8);width: 50px;height: 50px;position: fixed;right: 0;top: 0;} .navbutton-line {position: absolute;background-color: #e18c0e;height: 5px;width: 30px;border-radius: 2.5px;transition: all 0.5s;transform-origin: 50% 50%;} .navbutton-line:nth-child(1) {left: 10px;top: 12.5px;} .navbutton-line:nth-child(2) {left: 10px;top: 22.5px;} .navbutton-line:nth-child(3) {left: 10px;top: 32.5px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #footer {width: 100%; background-color: #b12f11; padding: 0 0 20px 0;} #footer * {color: #fff; font-size:14px; line-height:20px;} #footer h2 {font-size:20px; line-height:28px;} #footer a {text-decoration:none;} #promotion {width: 100%; height: auto;} #promotion img {width: 100%; height: auto;} #promotionhotel {width: 100%; height: auto;background-color:#ffffff;} #promotionhotel img{width:18%;} .wetter {width: 100%; max-width: 1400px; margin: 0 auto; padding: 20px; box-sizing: border-box;} .wetter-titel {display: inline-block;width: 100%;padding: 10px;font-size: 22px;text-align: center;margin-bottom: 20px;font-weight: bold;line-height:30px;} .wetter-tool {padding: 0 10px; box-sizing: border-box; font-size: 14px; line-height: 24px;} .wetter-tool * {font-size: 24px; line-height: 50px; vertical-align: middle;} .wetterwidget_wochentag, .wetterwidget_datum, .wetterwidget_description, .wetterwidget_tempmin, .wetterwidget_tempmax, .wetterwidget_humi, .wetterwidget_wind, .wetterwidget_link {display: none;} .wetterwidget_ort, .wetterwidget_icon, .wetterwidget_temp {display: inline-block;} @media screen and (max-width: 1200px){ #header_inner {height: auto;} #header_navigation {display: none;} #contentbar {width: 100%; float: none;} #sidebar {width: 100%; float: none;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background: rgba(39, 39, 39,.8);right: -270px; overflow-y: scroll; max-height: 100vh;} #hiddennav * {list-style-type: none;list-style-image: none;color: #e18c0e; font-size: 18px;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navigation_all_left, #navigation_all_right {display: none;} } @media screen and (max-width: 850px){ .drei-spalter-spalte {float: none; width: 100%; margin-bottom: 20px;} } @media screen and (min-width: 1200px){ #navigation_all .overview:hover .overview_titel {display: block;} #navigation_all .overview:hover {background-color:#d0d1d6;} } .settings_info {display:none;} #socialshareprivacy {padding-left:60px;} /* xxxxxxxxxxxxx korrektur IO 210423 xxxxxx ohne dem wächst der slider in der höhe xxxxxxxxxxx */ #slider1 {height-min: 500px !important;} .cl_cookie_privacy_layer {background-color:#ffffff !important;font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer * {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer span {font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#cccccc !important;} .cl_cookie_privacy_layer a:first-of-type {background-color:#b12f11 !important;}