/* 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 */ } * {font-family: 'Lato', sans-serif; font-size:14px; color:#000000; line-height:20px; margin:0px;} body {background-color:#ffffff; padding:0px;} body.popup {padding:10px;} a, img {border-style:none; text-decoration:none;} a {color:#336699;} a:hover {color:#E40D15;} a, span {font-size:1.0em;} h1, .titel {color:#0085c5;font-size:34px; line-height:40px; margin-bottom:10px; margin-top:10px; font-weight:normal; } h2, .untertitel {color:#0085c5;font-size:24px; line-height:28px; margin-bottom:10px; margin-top:10px; font-weight:normal; } h3, .content {color:#0085c5;font-size:20px;margin-bottom:10px; margin-top:10px;font-weight:normal; } h4 {color:#0085c5;font-size:18px;margin-bottom:10px; margin-top:10px;font-weight:normal; } h5 {color:#0085c5;font-size:16px;margin-bottom:10px; margin-top:10px;font-weight:normal; } div {margin:0px; padding:0px; display:block;} p {color:#1b2d43;} label {vertical-align:middle;} ul, ol, form {margin-top:10px; margin-bottom:10px;} form {margin:0px;} form table {width: 100% !important;} form table td {padding-bottom:15px;} td textarea {width: 100% !important; box-sizing: border-box;} #buchungsiframe {padding: 20px; overflow: hidden; height: 90%; box-sizing:border-box; } #buchungsiframe iframe {width: 100%; height: 100%; border: none;} form#my_cf_form, form#my_cf_form * {font-size:11px;} ul.nivo-controlNav.fwxgalleryslider-navigation {margin-bottom:-15px;margin-left:60px;} .myOverviewItem {width:31%; float:left;padding-left:10px;padding-bottom:10px;} .myOverviewItem img {width:100%;} body.content {background-color:#e5eef2; margin:0px; padding:0px;} #mastercontainer_outer {width:100%; margin:0px; padding:0px;} #mastercontainer_inner {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; background-color:#fff; background-image:url(../images/page/2016/bg_content.jpg); background-repeat:no-repeat; position: relative; background-size: contain;} #mastercontainer_inner_content {width:100%; max-width:1400px; margin:0px; padding:0px; margin-left:auto; margin-right:auto; background-color:#fff; background-image:url(../images/page/2016/bg_content.jpg); background-repeat:no-repeat; position: relative; background-size: contain;} #sideicons {position:fixed; top:40vh; right: 0px; z-index: 40;} .sideicon {margin-bottom: 0px;} .overview {background-color: #fff; overflow: hidden; margin-bottom: 10px; cursor: pointer; } .overview_links {float:left; width: 20%; box-sizing: border-box; padding: 5px;} .overview_img {} .overview_img img {max-width: 100%; height: auto;} .overview_rechts {float:left; width: 80%; box-sizing: border-box; padding: 5px; padding-right:10px;} .overview_titel {color:#0085c5;font-size:16px;margin-bottom:00px; margin-top:4px; font-weight:normal; display: block;} .overview_mehr {color: #336699;} .myAdress {border-style:solid; border-color:#175d9c; border-width:0px; padding:10px; background-color:#9bbad3;width:70%} .myAdress h3 {color:#ffffff;} .myAdress a {color:#ffffff;} #subnav .overview {background-color: #175d9c; margin-bottom: 2px;} #subnav .overview_links {display: none;} #subnav .overview_rechts {float: none; width: 100%; padding-top: 10px; padding-bottom: 8px;} #subnav .overview_titel {display: block; padding-left: 15px; color: #fff; font-size: 14px; line-height: 14px; font-weight:normal;} #subnav .overview_text {display: none;} #subnav .overview_mehr {display: none;} #header {width:100%; margin:0px; padding:0px; position:relative; height:130px;} #header_standard {width:100%; margin:0px; padding:0px; position:relative; height:90px;} #headercontent {width:100%; margin:0px; padding:0px; position:absolute; z-index:20;} #mainnav {margin:0px; padding:0px; position:absolute; left:38%;} #mainnav img {padding-right:20px;} #slideroutercontainer {width:100%; margin:0px; padding:0px; position:relative;} #slideroutercontainer_small {width:100%; margin:0px; padding:0px; position:relative; height:270px;} #slider {width:100%; margin:0px; padding:0px; position:absolute; z-index:10;} #slidercontainer {width:100%;} .fwxgalleryslider-slide {left:0px !important; width:100% !important;} #slideroverlay {display:none;width:100%; margin:0px; padding:0px; position:absolute; z-index:20;} #buchung_slider {width:270px; background-color:#fff; height:320px; margin-top:-340px; position:absolute; z-index:30;-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.19);-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.19); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.19);} #buchung_slider form {padding:20px;} #buchung {width:100%; background-color:#fff; margin-bottom:20px;} #buchung form {padding:20px;} #buchungsheader {width:100%; text-align:center; padding-top:13px; padding-bottom:13px; font-size:14px; font-weight:bold; line-height:14px; color:#fff; background-color:#e92943; height: 10%; box-sizing:border-box;} #teaser_outer {display:none;position: absolute; left: 40%; padding: 10px 0; top: 80%; width: 50%; background-color: rgba(255,255,255,0.8); z-index: 999;} #teaser_outer img {width: 31.333333333%; margin-left: 1%; margin-right: 1%; background-color: #9bbad3; float: left; height: 100%; display:block; height:auto;} #contentcontainer_outer {width:100%; margin:0px; padding:0px; margin-left:auto; margin-right:auto; max-width:1000px;} #contentcontainer_inner {width:100%; margin:0px; padding:0px;} #subnav {width:27%; margin-right:2%; float:left;padding-top:100px;} #content {width:69%; margin-right:2%; float:left; background-color:rgba(255,255,255,0.8); padding-bottom:50px;} #hauptcontent {width:100%; margin:0px; padding:0px;} #spalte01 {width:50%; margin:0px; padding:0px; float:left;} #spalte02 {width:50%; margin:0px; padding:0px; float:left;} #hauptcontent_inner {padding-left:60px; padding-right:60px; padding-top:20px; text-align:justify;} #spalte01_inner {padding-left:60px; padding-right:15px; padding-top:20px; text-align:justify;} #spalte02_inner {padding-left:15px; padding-right:60px; padding-top:20px; text-align:justify;} #hauptcontent_inner img {max-width:100%; height:auto;} #spalte01_inner img {max-width:100%; height:auto;} #spalte02_inner img {max-width:100%; height:auto;} #slidercontainer_small img {width:100%; height:auto;} #titelleiste {width:100%; margin:0px; padding:0px; text-align:center; margin-top:40px;} #footersubmenu {width:100%; margin:0px; padding:0px; text-align:center; margin-top:50px;} a.normalmainmenu, a.activemainmenu, a.normalsubmenu, a.activesubmenu, a.normalsubmenu3, a.activesubmenu3 {color:#000000; font-size:12px;} a.normalsubmenu {color:#000000;} a.activesubmenu, a.activesubmenu:hover {color:#000000;font-weight:bold;} a.activesubmenu3 {color:#000000;} a.activemainmenu:hover, a.normalmainmenu:hover {text-decoration:none;} a.activesubmenu:hover, a.normalsubmenu:hover {text-decoration:none;} a.activesubmenu3:hover, a.normalsubmenu3:hover {text-decoration:none;} ul.submenu {margin:0px; padding:0px; list-style:none;} div.menupadding {display:block; width:100%; padding-bottom:10px; padding-top:8px; background-color:#175d9c; margin-bottom:2px; box-sizing: border-box; padding-left: 20px;} div.activesubmenulayer3 {display:block; width:100%; padding-bottom:10px; padding-top:8px; background-color:#9bbad3; margin-bottom:2px; box-sizing: border-box; padding-left: 20px;} div.normalsubmenulayer3 {display:block; width:100%; padding-bottom:10px; padding-top:8px; background-color:#9bbad3; margin-bottom:2px; box-sizing: border-box; padding-left: 20px;} a.activemenu {font-size:14px; line-height:14px; font-weight:bold; color:#fff; padding-right:15px; display:block;} a.normalmenu {font-size:14px; line-height:14px; font-weight:normal; color:#fff; padding-right:15px; display:block;} .menusubpagelist {padding-left:30px;} ul.submenucontainer, ul.submenucontainer3, ul.fullmenu {margin-left:0px; padding:0px; list-style-image:none; list-style-type:none;} li.normalmainmenu {list-style-type:none; list-style-image:none; margin:0px; padding:0px; width:220px; overflow:hidden; white-space:nowrap;} li.activemainmenu {list-style-type:none; list-style-image:none; margin:0px; padding:0px; width:220px; overflow:hidden; white-space:nowrap;} a.normalmainmenu, a.activemainmenu {display:block; height:22px; padding-left:8px;} a.normalsubmenu, a.activesubmenu {display:block; height:18px; padding-left:14px;} #footersubmenu ul.submenu {margin:0px; padding:0px; list-style:none; margin-left:60px; margin-right:60px;} #footersubmenu ul.submenu li {display:inline-block;} #footersubmenu div.menupadding {display:inline-block; width:auto; padding-bottom:3px; padding-top:3px; background-color:transparent; margin-bottom:2px;} #footersubmenu div.activesubmenulayer3 {display:none;} #footersubmenu div.normalsubmenulayer3 {display:none;} #footersubmenu a.activemenu {font-size:12px; line-height:14px; font-weight:bold; color:#9bbad3; text-align:left; padding-right:0px; display:block;} #footersubmenu a.normalmenu {font-size:12px; line-height:14px; font-weight:normal; color:#9bbad3; text-align:left; padding-right:0px; display:block;} #footersubmenu .menusubpagelist {padding-left:30px;} #footersubmenu ul.submenucontainer, #footersubmenu ul.submenucontainer3, #footersubmenu ul.fullmenu {margin-left:0px; padding:0px; list-style-image:none; list-style-type:none;} #imprint {padding-top:40px;padding-bottom:100px;} #imprint, #imprint * {text-align:center; font-size:11px; line-height:20px; color:#ffffff;} #logo_ktn {display:inline; float:right;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #navbutton {} #mobilemenu {overflow: hidden;} #mobilemenu * {margin: 0px;padding: 0px;list-style-type: none;list-style-image: none; text-decoration: none; font-size: 16px;} #mobilemenu a {padding: 10px 0px 10px 0px; display: block; border-bottom: solid #fff 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; height: auto;} #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;background-color: #175D9C;} #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: 15%; float: left; box-sizing:border-box; background-image: none;background-color: #175D9C; width: 70%; font-size: 14px;} #hiddennav, #navbutton {display: none;} #mobilemenu a.activemainmenu {font-weight: bold;} #mobilemenu a.activemenu {font-weight: bold;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ .myinput, input.text, textarea.text {border-style:solid; border-width:1px; border-color:silver; margin-top:1px; margin-bottom:1px;} input.loginsubmit {margin-top:10px; margin-bottom:10px;} .galeriethumb {margin-right:2px; margin-bottom:2px;} /* xxxxxxxxxxxxxxxxxxx STARTSEITE TITEL DER BILDER xxxxxxxxxxxxxxxxxxxxxxxxxxx */ .fwxgalleryslider-caption { top:95%; background-color:transparent; opacity:1 !important;display:none;z-index:5999;} .fwxgalleryslider-caption h3 { font-size: 11px; color: #0085c5; font-weight:300 !important; display:none; text-align:left; margin-left:35%;z-index:5999;} /* xxxxxxxxxxxxxxxxxxx STARTSEITE TITEL DER BILDER xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #weatherforecast_outer {width:100%; background-color:#e5eef2;} #weatherforecast_inner {width:100%; max-width:1400px; margin-left:auto; margin-right:auto;text-align:center;padding-top:40px;padding-bottom:40px;} #overfooter_outer {width:100%; background-color:#e5eef2;} #overfooter_inner {width:100%; max-width:1400px; margin-left:auto; margin-right:auto;text-align:center;padding-top:40px;padding-bottom:40px;} .overfooter_meta {background-color:#e5eef2;padding:10px;} .overfooter_meta, .overfooter_meta * {color:#175d9c;} #lageplan_outer {width:100%; background-color:#6f7170;} #lageplan_inner {width:100%; max-width:1400px; margin-left:auto; margin-right:auto;} #lageplan_img {width:100%;} #lageplan {max-width:100%;} #khw_outer {width:100%; background-color:#a4cde9;} #khw_inner {width:100%; max-width:2000px; margin-left:auto; margin-right:auto;} #khw403 {width:100%;} #footer_outer {width:100%; background-color:#175d9c;} #footer_inner {width:100%; max-width:1400px; margin-left:auto; margin-right:auto;} .footer_spalte_outer {width:33.3333%; float:left;} .footer_spalte_inner {padding:20px; font-size:14px; line-height:18px; color:#fff;} .footer_spalte_inner * {font-size:14px; line-height:18px; color:#fff;} #sitemap {margin-bottom:0px; padding-top:30px;} #sitemap * {list-style-image:none; list-style-type:none;} li.sitemap1 {float:left; min-width:33.33%; min-height:280px; padding-bottom:20px;} ul.sitemap1 {margin-top:40px; margin-bottom:40px;} ul.sitemap2 {margin:0px; padding:0px;} li.sitemap2 a {font-size:14px; color:#fff; line-height:24px;} h2.sitemap {font-size:20px; color:#fff;} /* list_item*/ .list_item {width: 100%; color: #000; margin-bottom: 40px;} .list_item_wrapper {overflow: hidden; background-color: #e3eaf3;} .list_item_thumbnail {float: left; height: 100%; width: 20%; padding: 10px; box-sizing: border-box;} .list_item_right {float: left; height: 100%; width: 80%; box-sizing: border-box; padding: 10px 10px 10px 0px;} .list_item_titel {display: block; font-size: 20px; font-weight: bold;} .list_item_untertitel {display: block;} .list_item_footer {overflow: hidden;} .list_item_footer img {float: left;} .list_item_footer span {float: left; line-height: 33px; font-size: 12px; color: #000; margin-right: 10px;} .list_item_footer span a {line-height: 33px; font-size: 12px; color: #000; text-decoration: underline;} /* item */ .item_titel {display: block; font-size: 22px; font-weight: bold; color: #0085c5;} .item_untertitel {display: block; font-size: 14px; color: #000; margin-bottom:15px;} .item {overflow: hidden;} .item_img_gross {margin-top:20px;} .item_img_gross img {max-width: 100%; height: auto;} .item_img_gross span {font-size: 10px; color: #333; } .item_img_klein2 {margin-top:10px;float:left;padding-right:10px;} .item_img_klein2 img {max-width: 100%; height: auto; } .item_img_klein2 span {font-size: 10px; color: #333; } .item_img_klein3 {margin-top:10px;float:left;} .item_img_klein3 img {max-width: 100%; height: auto; } .item_img_klein3 span {font-size: 10px; color: #333; } .item_footer {overflow: hidden;} .item_footer span {line-height: 26px; color: #000; font-size: 12px;} .item_footer span a {line-height: 26px; color: #0085c5; font-size: 12px;} .item_content {margin-top:20px;} .item_who_info {border-style:solid; border-color:#175d9c; border-width:0px; background-color:#9bbad3;box-sizing: border-box; padding: 10px; margin-top: 20px; color:#000;} .item_who_info h3 {color:#ffffff;} #scrollicons {position:fixed; left:0px; top:40vh; z-index:5000;} #scrollicons img {cursor:pointer; display:block; margin-bottom:0px;} @media screen and (max-width: 1250px) { #mainnav img {padding-right: 10px; width: 90px;} #headercontent > img {width: 17%;} #mainnav {left: 40%;} #scrollicons {display:none;} } @media screen and (max-width: 1000px) { /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #hiddennav {position: fixed;top: 0px;display: block;z-index: 50;width: 230px;padding: 20px;background-color: #175D9C;right: -270px; overflow-y: scroll; max-height: 100vh;} #hiddennav * {list-style-type: none;list-style-image: none;color: #fff;} #navbutton {position: fixed;display: block;height: 50px;width: 50px;z-index: 60;right: 0px;top: 0px;cursor: pointer; border-right: solid #fff 1px;} /* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */ #mainnav {display: none;} #subnav {display: none;} .submenu {display: none;} #headercontent img:nth-child(1) {left: 30% !important; width: 25%;} #headercontent img:nth-child(2) {right: 50px !important;} #sideicons {display: none;} #buchung, #buchung_slider {display: none;} #teaser_outer {display:none;} li.sitemap1 {min-width:50%;} #content {width: 100%;} #subnav .overview {display: none;} .myOverviewItem {width:95%;} } @media screen and (max-width: 700px) { #slidercontainer_small {overflow: hidden;} #headercontent img:nth-child(1) {left: 50% !important; width: 35%; margin-left: -17.5%;} #headercontent img:nth-child(2) {display: none;} #hauptcontent_inner {padding:20px;} li.sitemap1 {float:left; min-width:100%; min-height:0px; padding-bottom:20px;} h2.sitemap {line-height:40px;} ul.sitemap1 {padding:20px; margin:0px;} .list_item_thumbnail {width: 100%; float: none;} .list_item_thumbnail img {display: block; margin: 0 auto;} .list_item_right {width: 100%; float: none;} .list_item_titel {text-align: center;} .list_item_untertitel {text-align: center;} .list_item_footer {text-align: center;} .list_item_footer span {display: inline-block; float: none;} .item_left {width: 100%; float: none;} .item_right {width: 100%; float: none; padding-left: 0; padding-top: 20px;} .fwxgalleryslider-caption { top:70%;} #spalte01 {width:100%;} #spalte02 {width:100%;} #spalte01_inner {padding-left:20px; padding-right:20px; padding-top:20px;} #spalte02_inner {padding-left:20px; padding-right:20px; padding-top:20px;} #spalte01_inner img {width:100%; height:auto; max-width:600px;} #spalte02_inner img {width:100%; height:auto; max-width:600px;} .myOverviewItem {width:95%;} } .settings_info {display:none;} #socialshareprivacy {padding-left:60px;} .lounge-share_button_fb_inactive, .lounge-share_button_tw_inactive, .lounge-share_button_gp_inactive {background-color:transparent !important;} .cl_cookie_privacy_layer {background-color:#d1dfec !important;font-family:tahoma, arial; font-size:12px !important; height:85vH !important; opacity: 0.9;} .cl_cookie_privacy_layer * {color:#175d9c !important; font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer span {color:#175d9c !important; font-family:tahoma, arial; font-size:12px !important;} .cl_cookie_privacy_layer a {background-color:#ffffff !important;} .cl_cookie_privacy_layer a:first-of-type {color:#ffffff !important; background-color:#175d9c !important;}