/* overpass-200 - latin */ @font-face { font-family:'Overpass'; font-style:normal; font-weight:200; src:local(''), url('fonts/overpass-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/overpass-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* overpass-300 - latin */ @font-face { font-family:'Overpass'; font-style:normal; font-weight:300; src:local(''), url('fonts/overpass-v12-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/overpass-v12-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* overpass-regular - latin */ @font-face { font-family:'Overpass'; font-style:normal; font-weight:400; src:local(''), url('fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/overpass-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* overpass-600 - latin */ @font-face { font-family:'Overpass'; font-style:normal; font-weight:600; src:local(''), url('fonts/overpass-v12-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/overpass-v12-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* montez-regular - latin */ @font-face { font-family:'Montez'; font-style:normal; font-weight:400; src:local(''), url('fonts/montez-v18-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/montez-v18-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } :root { --ciFarbe:#f9a629; --dgrau:#333; --drot: #d1293e; --hblau:#b2e2ff; --weiss:#ffffff; --butbg:#ccd6df; --butcol:#01254b; --blau2:#214973; --menuHov:#fde4be; } * {margin:0px; padding:0; font-family:'Overpass',sans-serif; font-size:16px; line-height:26px; color:var(--dgrau); font-weight:300; box-sizing:border-box;} body {background-color:#fff; padding:0px; overflow:hidden;} body.popup {padding:10px;} a, img {border-style:none;text-decoration:underline; border:0px;} a {font-weight:inherit;} a:hover {color:var(--drot);} h1, .title {margin-bottom:40px; font-family:'Montez',serif; font-size:60px; line-height:60px; color:var(--ciFarbe);} h2, .untertitle {font-size:20px; line-height:30px; font-weight:400; color:var(--dblau); text-transform:uppercase;} h3 {font-size:18px; line-height:28px; font-weight:400; color:var(--dgrau);} h3, .untertitel {font-size:18px; line-height:28px; font-weight:400; color:var(--dgrau);} .seitentitel {font-family:'Montez',serif; font-size:80px; line-height:90px; color:var(--ciFarbe);} .einleitung {font-size:18px; line-height:26px; font-weight:400; color:var(--dblau);} .content {font-size:16px; line-height:22px;} h4 {margin:0px; font-size:18px; font-weight:600; color:#414042;} div {margin:0px; padding:0px; display:block;} p {padding:12px 0;} td {vertical-align:top;} .clr {clear:both; width:0; height:0; position:relative; display:block; line-height:0px;} hr {height:2px; margin:13px 0; background-color:var(--ciFarbe); border:none;} form, ol, ul, li {margin:0px; padding:0px;} ul, ol {margin-left:20px;} li {padding-left:10px;} b,strong {font-weight:400; font-size:inherit; line-height:inherit;} i,em {font-style:italic;} .kleiner {font-size:14px; line-height:24px;} .blau {color:var(--dblau);} .rot {color:var(--drot);} .button {padding:7px 12px 5px; font-size:14px; line-height:14px; font-weight:400; color:var(--weiss); text-decoration:none; border-radius:5px; border:3px solid var(--ciFarbe); background-color:var(--ciFarbe); display:inline-block;} .button:hover {color:var(--dblau); border:3px solid var(--hblau); background-color:var(--hblau);} .button2 {padding:7px 12px; font-size:14px; line-height:14px; font-weight:500; color:#000; text-decoration:none; text-transform:uppercase; border-radius:5px; border:3px solid var(--ciFarbe); background-color:var(--ciFarbe); display:inline-block;} .button2:hover {color:#000; border:3px solid var(--hblau); background-color:var(--hblau);} .bigbutton {padding:17px 20px 13px; display:table-cell; background-color:var(--ciFarbe); text-decoration:none; vertical-align:middle; line-height:20px; font-size:16px; font-weight:600; text-transform:uppercase; border:3px solid var(--ciFarbe); } .bigbutton:hover {color:var(--dblau); border:3px solid var(--hblau); background-color:var(--hblau);} .cicolors {background:#f9a629 !important; color:#fff !important;} html {overflow-y:scroll;} body.content {background-color:#222;} .pagewrap1920 {max-width:1920px; margin:0 auto; position:relative; z-index:1; border-bottom:3px solid var(--ciFarbe); background-color:#f5f5f5;} #upScale-ol {display:none; overflow:scroll; width:100vw; height:auto; max-height:100vh; top:0px; left:0; position:fixed; background:#222; z-index:200; text-align:center; border:10px solid rgba(34,34,34,0.85);} img.upScale {width:100vw; max-width:1920px; height:auto; margin-left:-10px; position:relative;} .metanav-start {width:100%; max-width:1920px; height:40px; top:5px; position:fixed; z-index:4;} .metanav {width:100%; height:40px; top:0; position:fixed; z-index:2; } .header {width:100%; max-width:1920px; height:130px; top:0; margin:auto; position:fixed; z-index:3; background-color:rgba(255,255,255,0.25); transform:translate3d(0,0,0); transition:transform 0.5s ease-out,background-color 0.5s ease-out;} .startheader {width:100%; max-width:1920px; height:140px; top:0; margin:auto; position:fixed; z-index:3; background-color:rgba(0,0,0,0.0); background-image:url(../images/page21/verlauf_rund.png); background-size:100% 150px; background-repeat:no-repeat; background-position:center 0px; transition:top 0.5s ease-out,background-color 0.5s ease-out, background-position 1s ease;} .startheader.headup {top:-45px; background-color:rgba(255,255,255,0.0); background-position:center -10px; transition:top 0.5s ease-out,background-color 1s ease, background-position 1s ease;} .headerstartneu {background-color:rgba(0,0,0,0.0); background-image: url(../images/page21/verlauf_rund.png); background-size:100% 150px; background-repeat:no-repeat; background-position:center 0;} .header.headup {background-color:rgba(255,255,255,0.95); transform:translate3d(0,-85px,0); transition:transform 0.5s ease-out,background-color 1s ease;} .header:hover {background-color:rgba(255,255,255,1);} header.header #logo {top:5px;} .logo-start {width:210px; pointer-events:auto;} #logo {height:120px; top:5px; left:calc(50% - 160px); position:absolute; overflow:hidden;} #logo_start {height:120px; top:-20px; left:calc(50% - 160px); position:absolute; overflow:hidden; background-image:url(../images/page21/logo_bg.png); background-repeat:no-repeat; background-position:-30px 0px; transform:scale(.6);} a.logo1 {width:320px; height:84px; overflow:hidden; display:inline-block; opacity:0; transition:opacity 0.25s ease-in;} a.logo2 {width:320px; height:36px; margin-top:2px; overflow:hidden; display:inline-block;} .logo2 img.logo {margin-top:-85px;} #logo_start a.logo2 {margin-top:0; transition:margin-top ease 0.5s;} #logo_start a.logo2.logoup {margin-top:-6px; transition:margin-top ease 0.5s;} a.logo1.logoup {opacity:1; transition:opacity 0.5s ease-in;} #sprachwahl {right:30px; position:fixed; float:right; display:none; transform:translate3d(0,10px,0); transition:transform 0.5s ease-out;} .startheader #sprachwahl {right:10px; display:block;} #sprachwahl img {width:20px; height:20px; border-radius:5px;} #sprachwahl img:hover {box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20); -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);} #som-start {left:30px; top:10px; position:relative; z-index:3; display:block; float:left;} #som-start a img, #som a img {width:20px; height:20px;} #som {left:10px; position:fixed; float:left; transform:translate3d(0,10px,0); transition:transform 0.5s ease-out;} #hiddennav.headup {width:270px; max-height:100vh; top:0px; right:-270px; padding:20px; display:block; z-index:50; position:fixed; background:#81133a; overflow-y:scroll;} #som.headup,#sprachwahl.headup {transform:translate3d(0,95px,0); transition:transform 0.5s ease-out;} #navbutton {transform:translate3d(0,0,0); transition:transform 0.5s ease-out;} #navbutton.headup {transform:translate3d(0,85px,0); transition:transform 0.5s ease-out;} #hiddennav.headup {transform:translate3d(0,85px,0); transition:transform 0.5s ease-out;} nav {display:none;} nav #nav-wrap {display:table-cell; vertical-align:middle;} nav a {font-size:14px; text-transform:uppercase; text-decoration:none; } nav a:hover {color:var(--dgrau);} nav a.nav-buchen {margin-right:0; padding:0 5px; border:2px solid var(--ciFarbe); display:inline-block;} nav a.nav-buchen:hover {border:2px solid var(--ciFarbe); background-color:var(--ciFarbe);} #split {max-width:1920px; height:100vh; top:0; margin:0 auto; position:relative;} #split:hover {cursor:pointer;} .split-links:hover .split-button:first-child {background-color:var(--ciFarbe);} .split-rechts:hover .split-button:last-child {background-color:var(--ciFarbe);} .split-links:hover img.split-bild {opacity:0.75; transition:opacity 0.5s ease-out;} .split-rechts:hover img.split-bild {opacity:0.75; transition:opacity 0.5s ease-out;} #split1 {width:100%; max-width:1920px; height:100vh; top:-90px; margin:0 auto; position:absolute; z-index:1;} .split-links {width:100%; height:60vh; float:left; position:relative; border-bottom:0px solid #fff; background-color:#444; transition:opacity 0.5s ease-out;} .split-rechts {width:100%; height:40vh; float:left; position:relative; border-top:0px solid #fff; background-color:#444; transition:opacity 0.5s ease-out;} .split-bild {width:100%; height:100%; top:0; left:0; object-fit:cover; position:absolute; z-index:1;} .split-ol {width:100%; height:100%; position:absolute; z-index:1; display:table;} .split-ol-txt {display:table-cell; vertical-align:middle; text-align:center; text-shadow:0 0 10px #000;} .split-ol-hl {margin:0 0 30px; display:block; font-family:'Montez',serif; font-style:italic; font-size:50px; line-height:40px; color:#fff; text-shadow:0 0 30px #000;} .split-ol-bu {width:100%; height:100%; padding-bottom:5vh; display:table-cell; vertical-align:bottom; text-align:center;} div.split-button {width:100px; height:40px; margin:0 auto; display:flex; justify-content:center; align-items:center; font-size:18px; text-decoration:none; border-radius:15px; border:3px solid var(--ciFarbe); border-radius:10px; background-color:transparent; transition:background-color 0.5s ease-out;} div.split-button a {padding:7px 20px 3px; text-decoration:none; text-transform:uppercase; letter-spacing:2px; font-size:16px; line-height:16px; font-weight:600; color:#fff;} div.split-button:hover {background-color:var(--ciFarbe); transition:background-color 0.5s ease-out;} #split2 {width:100%;top:0; position:relative; display:inline-block; z-index:1; background:#fff;} #split2 .split-links {width:100%; height:auto; padding:5vw; float:left; position:relative; border-bottom:0px solid #fff; background-color:#fff;} #split2 .split-rechts {width:100%; height:auto; padding:5vw; float:left; position:relative; border-top:0px solid #fff; background-color:#fff;} .ol-txt {width:80%; margin:auto; padding-top:5%; color:#fff; font-weight:200;} #hero {width:100%; height:calc(45vh + 50px); top:0; left:0; position:relative; margin-top:0; background-color:bisque;} #hero-slide {width:100%; height:60vh; margin-top:-0; position:relative; z-index:1;} #hero img {width:100%; height:100%; object-fit:cover;} article {max-width:600px; margin:0 auto; padding:60px 0; position:relative; display:block; text-align:center; display:none;} .ov-item {width:100%; margin-bottom:10px; display:inline-block; vertical-align:top; cursor:pointer;} .ov-bild img {width:100%; object-fit:cover;} .ov-text {padding:30px 20px; text-align:center; font-size:16px; line-height:22px; border:0px solid var(--ciFarbe); border-top:0; background-color:#fff;} .ov-text h2 {margin-bottom:20px; font-size:28px; line-height:34px; text-transform:uppercase;} .ov-innen:hover {box-shadow:0px 0px 15px 0px rgba(0,0,0,0.20); -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.2);} #content_us {max-width:800px; margin:0 auto; padding:40px 10px 40px; position:relative;} #content_us1 {max-width:1800px; margin:0 auto; padding:40px 10px; position:relative;} #content_us1_innen {display:table-cell; text-align:center; vertical-align:top;} .tab2spalt td {width:100%; display:block;} #headline {max-width:1024px; margin:40px auto 40px; text-align:center; display:none;} #content-wrap {width:100%; max-width:1024px; left:0; margin:0 auto; padding:0 10px; position:relative; display:inline-block;} #content {width:100%; max-width:800px; margin:0 auto; padding:40px 0 0 0; position:relative; float:none;} #content_2 {display:none; width:100%; top:150px; margin:40px auto; padding:40px 25px; position:-webkit-sticky; position:sticky; float:none;} #content ul, #content ol {width:90%; padding:5px 0 5px 10px;} #content ul li,#content ol li {padding:3px 0 3px 10px; line-height:24px;} #content img {width:100%; height:auto;} a.anfragebutton img {width:auto !important;} #strich {top:45px; height:11px; margin-top:0; padding-bottom:10px; position:-webkit-sticky; position:sticky; z-index:1; border-top:1px solid var(--ciFarbe); background:rgba(245,245,245,0.9)} #start-strich {height:11px; top:50px; margin-top:0; padding-bottom:10px; position:-webkit-sticky; position:sticky; z-index:2; border-top:1px solid var(--ciFarbe); background:rgba(255,255,255,0.9);} #strich2 {top:45px; height:1px; margin-top:0; position:-webkit-sticky; position:sticky; z-index:1; border-top:1px solid var(--ciFarbe); background:rgba(245,245,245,0.9)} .tabelle-responsive {width:100%; padding-bottom:10px; overflow-x:scroll;} .tabelle-responsive table {border:none; border-spacing:0;} .tabelle-responsive table.tab3 th {width:33%; min-width:150px; padding:0; border-bottom:2px solid var(--ciFarbe); line-height:20px; vertical-align:bottom;} .tabelle-responsive table.tab3 td {width:33%; min-width:150px; padding:0; vertical-align:middle;} .tabelle-responsive table.tab3 tr:last-child td, .tabelle-responsive table.tab4 tr:last-child td {background-color:#eee;} .tabelle-responsive table.datum3er {width:100%; border-spacing:0;} .tabelle-responsive table.datum3er td {width:33%; min-width:150px; padding:0; vertical-align:middle; background-color:#eee;} .tabelle-responsive table.datum4er td {width:33%; min-width:150px; padding:0; vertical-align:middle; background-color:#eee;} .tabelle-responsive table.datum3er tr:nth-child(2n) td {background-color:#f5f5f5;} .tabelle-responsive table.datum4er tr:nth-child(2n) td {background-color:#f5f5f5;} .tabelle-responsive table.tab4 th {width:25%; min-width:150px; padding:0; border-bottom:2px solid var(--ciFarbe); line-height:20px; vertical-align:bottom;} .tabelle-responsive table.tab4 td {width:25%; min-width:150px; padding:0; vertical-align:middle;} .blockDatum3er {margin:5px 0 0;} #ebSmallSearch {max-width:320px; padding:5px; border:1px solid var(--ciFarbe); border-top:0;} #ebSmallSearch * {font-size:14px !important;} #ebSmallSearch button {width:calc(100% + 10px); left:5px; padding:7px 10px !important; font-size:14px !important; color:#333 !important; font-weight:600 !important; text-transform:uppercase !important; background:#ccc !important; position:relative;} #ebSmallSearch button:hover {background:var(--ciFarbe) !important;} #ebSmallSearch-titel {max-width:320px; padding:5px 5px 0 5px; border:1px solid var(--ciFarbe); border-bottom:0;} #ebSmallSearch-titel-innen {padding:10px 10px 5px; font-weight:600 !important; letter-spacing:1px; color:#fff; background:var(--ciFarbe);} #ebSmallSearch form {padding:5px !important;} #ebSmallSearch #smwrap {min-width:100%; max-width:100%;} #content-innen {max-width:1800px; background-color:#fff;} #spalte0wrap {width:100%; padding:50px 10px; background-color:#fff;} #spalte0.startneu {max-width:850px;} #spalte0 {max-width:650px; margin:auto;} #spalte0 img {max-width:100%; height:auto;} #spalte0 iframe {width:100%; height:40vh;} #slider-aussen {margin:80px 0 0; background-color:#e9f1f9;} #spalte1 {} #spalte2 {} .block.bildtext, .block.textbild {width:100%;} .block.bildtext .blockwrap, .block.textbild .blockwrap {width:100%; display:grid; grid-template-columns:1fr;} .block .bild img {width:100%; height:100%; object-fit:cover; object-position:right;} .block .text {padding:40px; display:grid; align-content:center; /*justify-items:start;*/} .block .text h1 {margin-bottom:30px; font-size:50px; line-height:60px;} .textbild {background-color:#dceaf7;} .bildtext {background-color:#d9f2d0;} .block.vollbild .edbloc {bottom:0 !important; position:absolute;} .block.vollbild {height:calc(60vh + 170px); position:relative;} #hero .block.vollbild .bild img, .block.vollbild .bild img {height:calc(60vh + 170px);} .pcard-text {width:100%;} .pcard-card {width:100%;} .pcard-card img {width:100%; max-width:400px; height:auto; margin:10px 0;} #fly-wrap {width:100%; max-width:1024px; margin:0 auto 20px; margin-left:0px; text-align:center;} .fly-aussen {width:100%; display:inline-block; position:relative; overflow:hidden; border-top:20px solid #f5f5f5; background:rgba(0,0,0,0.05); cursor:pointer;} .fly-bild,.slick-slider.fly-bild {width:100%; float:left; background-color:rgba(255,255,255,0); overflow:hidden;} .fly-bild img {width:100%; height:380px; object-fit:cover; transform:translate3d(50%,0,0); opacity:0;} #fly-wrap .fly-aussen:nth-of-type(2n) .fly-bild {float:right;} #fly-wrap .fly-aussen:nth-of-type(2n) .fly-bild img {transform:translate3d(-50%,0,0); opacity:0;} .fly-text * {color:var(--dblau);} .fly-text {width:100%; right:0; padding:0 10px; position:relative; display:table; float:right; text-align:center; background-color:rgba(255,255,255,0); overflow:hidden;} #fly-wrap .fly-aussen:nth-of-type(2n) .fly-text {right:auto; left:0;} #fly-wrap .fly-aussen:nth-of-type(2n) .fly-text {float:left;} .fly-textfly {padding:20px 0; position:relative; display:table-cell; vertical-align:middle; text-align:left; transform:translate3d(50%,0,0); opacity:0;} .fly-textfly h3 {margin-bottom:0; padding:0px; font-size:26px; line-height:28px; font-weight:300; color:#444; text-transform:uppercase; border-bottom:1px solid var(--dblau);} .fly-textfly ul {width:100%; margin-left:0; margin-bottom:30px; display:inline-block;} .fly-textfly ul li {width:35%; padding-left:0; display:block; float:left; font-size:20px; line-height:30px;} .fly-textfly ul li:nth-child(2n) {width:65%;} .fly-textfly a.button {padding:8px 10px; display:inline-block; font-size:16px; line-height:16px; font-weight:400; color:var(--weiss); text-decoration:none; text-transform:uppercase; border-radius:10px; border:2px solid var(--ciFarbe); background-color:var(--ciFarbe);} .fly-textfly a.button:hover {color:var(--ciFarbe); background-color:var(--weiss);} #fly-wrap .fly-aussen:nth-of-type(2n) .fly-text .fly-textfly {transform:translate3d(-50%,0,0); opacity:0;} .fly-r2l {animation:fr2l 1s; animation-fill-mode:forwards; animation-iteration-count:1;} @keyframes fr2l { from {transform:translate3d(50%,0,0); opacity:0;} to {transform:translate3d(0%,0,0); opacity:1;} } .fly-l2r {animation:fl2r 1s; animation-fill-mode:forwards; animation-iteration-count:1;} @keyframes fl2r { from {transform:translate3d(-50%,0,0); opacity:0;} to {transform:translate3d(0%,0,0); opacity:1;} } .fly-r2lb {animation:fr2lb 1s; animation-fill-mode:forwards; animation-iteration-count:1;} @keyframes fr2lb { from {transform:translate3d(0%,0,0); opacity:1;} to {transform:translate3d(50%,0,0); opacity:0;} } .fly-l2rb {animation:fl2rb 1s; animation-fill-mode:forwards; animation-iteration-count:1;} @keyframes fl2rb { from {transform:translate3d(0%,0,0); opacity:1;} to {transform:translate3d(-50%,0,0); opacity:0;} } .flybgani {animation:flybgani 1s; animation-fill-mode:forwards; animation-iteration-count:1;} @keyframes flybgani { from {background-color:rgba(255,255,255,0);} to {background-color:rgba(255,255,255,1);} } .footer-start {width:100%;} .footer {width:100%; height:250px;} footer {width:100%; padding:40px 0 10px; position:relative; z-index:0; text-align:center; background-image:url(../../images/page21/hahe_bg_foot.jpg); background-position:center; background-repeat:repeat-y;} #foot-innen {width:100%; max-width:1800px; margin:auto; background-color:var(--dblau);} #foot-text,#foot-text a {line-height:30px; font-size:14px; color:var(--dgrau); text-decoration:none;} #foot-text a:hover {color:var(--drot);} #foot-text {margin-bottom:30px; padding:20px 10px 0 10px; display:inline-block; text-align:left; border-left:0px solid var(--ciFarbe);} #foot-bild {padding:0 10px 20px 10px; display:inline-block; text-align:right; } #foot-zusatz {width:100%; max-width:1800px; margin:auto; margin-top:20px; padding:20px 10px 10px; line-height:30px; font-size:14px; color:#547e98; border-top:1px solid var(--ciFarbe);} #foot-zusatz a {text-decoration:none; line-height:30px; font-size:14px; color:var(--dgrau);} #foot-zusatz a:hover {color:var(--drot);} li.activemenu, li.normalmenu {white-space:nowrap; overflow:hidden;} li.activemenu {background-color:#fff001;} div.menupadding {margin:0; padding:0; padding-left:5px;} ul.menusubpagelist {list-style-type:none; list-style-image:none; margin:0; padding-left:20px; white-space:nowrap; overflow:hidden; background-color:#ffffff;} ul.submenu, ul.mainmenu {list-style-type:none; list-style-image:none; margin:0; padding:0;} li.mainitem, h2.mainmenu, li.trenner {display:inline;} a.activemenu {font-size:15px; line-height:22px; text-decoration:none; color:#333; background-color:var(--menuHov);} a.normalmenu {font-size:14px; line-height:14px; text-decoration:none; color:black; margin:1px 0; background-color:#fff;} a.normalmenu:hover {color:var(--dblau); background-color:var(--menuHov);} a.activemenu:hover {color:var(--dblau);} a.activemainmenu {font-size:16px; line-height:22px; color:#333; text-decoration:none; text-transform:uppercase; vertical-align:middle; border-bottom:2px solid var(--ciFarbe) !important;} a.normalmainmenu {font-size:16px; line-height:22px; color:#333; text-decoration:none; text-transform:uppercase; vertical-align:middle;} a.activemainmenu:hover, a.normalmainmenu:hover {color:var(--dblau);} ul.submenu3 {margin-left:0; border-left:1px solid var(--ciFarbe);} a.normalsubmenu3,a.activesubmenu3 {margin-bottom:1px; margin-left:0; padding:4px 10px 2px 10px; font-size:16px; text-decoration:none; background-color:#fff;} a.activesubmenu3 {color:var(--ciFarbe);} a.normalsubmenu3:hover {background-color:var(--ciFarbe); color:var(--dgrau);} li.normalsubmenu3,li.activesubmenu3 {padding-left:0; list-style-type:none;} #navigation {display:inline-block;} a.buchen {display:inline-block; padding:5px 10px 2px; margin:0 20px; font-size:16px; line-height:16px; text-transform:uppercase; text-decoration:none; border:2px solid var(--ciFarbe); border-radius:5px;} a.buchen:hover {color:var(--weiss); background-color:var(--ciFarbe);} a.buchen2 {font-size:20px; line-height:20px; padding:10px 15px 5px; font-weight:550; border-color:var(--ciFarbe); background-color:var(--ciFarbe);} a.buchen2:hover {border-color:#07aced; background-color:#07aced; color:#fff;} #h_menu2 ul.dropdown {display:none;} #h_menu3 ul.dropdown {display:none;} #h_menu4 > ul:nth-child(2) > li:nth-child(1) {display:none;} #h_menu4 > ul:nth-child(2) > li:nth-child(2) {padding-top:10px;} .sidemenu {text-decoration:none;} ul.sidemenu {margin-left:0; list-style-type:none; border-left:1px solid var(--ciFarbe);} ul.sidemenu li {margin-left:0; padding-left:0;} ul.sidemenu li a {padding-left:10px; background-color:#fff; margin-bottom:1px; margin-left:0; padding:4px 10px 2px 10px; font-size:16px; text-decoration:none; background-color:#fff;} ul.sidemenu li a:hover {background-color:var(--ciFarbe); color:#333;} @-moz-document url-prefix() { .button {padding:8px 12px 6px; /* on Safari and Chrome */} .fly-textfly a.button {padding:8px 12px 4px;} } #editblock {width:100%; position:relative; z-index:1000;} .bp_edit_area img {width:15px !important; height:15px !important;} #editblock img {width:15px !important; height:15px !important;} .form_layer label, .form_layer .form_string_field, .form_layer .form_string_label {width:100%;} /* Formulare - Anfang */ input[type="submit"] {border-radius:10px;} .form_layer .field_string, .form_layer .field_textarea, .form_layer .form_select_field {width:100%; max-width:100% !important; margin-bottom:20px; padding:5px 10px; font-size:18px; border:1px solid #ddd; background:#fff; color:#000;} .form_layer .form_select_field {border:0px solid #ddd; } .form_layer .form_string_label label {padding-left:10px;} .form_layer .form_textarea_label label {padding-left:10px;} .form_layer .submit {padding:2px 12px; font-size:18px; line-height:24px; font-weight:600; color:var(--butcol); text-decoration:none; border-radius:5px; border:3px solid var(--butbg); background-color:var(--butbg);} .form_layer .submit:hover {color:var(--dblau); border:3px solid var(--hblau); background-color:var(--hblau);} p.error {color:red;} /* Safari Style bei Formularelementen entfernen - Start */ .form_layer textarea, .form_layer input.text, .form_layer input[type="text"], .form_layer input[type="button"], .form_layer input[type="submit"], .form_layer .input-checkbox {-webkit-appearance:none; -moz-appearance:none; appearance:none;} /* Safari Style bei Formularelementen entfernen - Ende */ div.dsgvo_layer {width:100%; max-width:900px !important;} div.dsgvo_layer p, div.dsgvo_layer a {font-size:14px;} /* Formulare - Ende */ /* ANFRAGE form/tabelle */ form#form_ed44ecdcd025496f8b42598d379f1f73e8fcb5c7 h1 {display:none;} table.form_table * {font-size:15px; line-height:20px;} table.form_table h2 {padding-top:30px !important; font-size:18px; line-height:22px;} table.form_table td:nth-child(2) {display:none;} table.form_table textarea#anmerkung {width:100% !important;} table.form_table select, table.form_table textarea, table.form_table .myinput, table.form_table input.field {width:calc(100% - 20px) !important; height:30px;} table.form_table td.form_string_label, table.form_table td.form_select_label, table.form_table td.form_radio_label, table.form_table td.form_checkbox_label, table.form_table td.form_textarea_label {width:100%; padding:5px 0 0 5px; display:inline-block;} table.form_table td.form_string_field, table.form_table td.form_select_field, table.form_table td.form_radio_field, table.form_table td.form_checkbox_field, table.form_table td.form_textarea_field {width:100%; padding:0 0 15px; display:inline-block;} table.form_table textarea {height:80px !important;} table.form_table td.form_spacer {width:calc(100% - 10px); display:inline-block;} table.form_table td.form_checkbox_label {width:25%; display:block; float:left; padding:20px 0 0;} table.form_table td.form_checkbox_field {width:75%; display:block; float:left; padding:20px 0 0;} table.form_table td.form_checkbox_field .field_checkbox {margin:0 0 0 10px;} table.form_table tr:last-child td:nth-child(1) {display:none;} table.form_table td.form_submit {display:inline-block;} table.form_table tr:nth-child(4), table.form_table tr:nth-child(10), table.form_table tr:nth-child(12), table.form_table tr:nth-child(13), table.form_table tr:nth-child(28) {margin:40px 0; display:inline-block;} table.form_table tr:nth-child(11) {height:auto; margin-top:30px; border-top:1px solid #ddd;} table.form_table tr:nth-child(11) td.form_select_field {height:auto;} table.form_table tr:nth-child(11) td.form_select_label {padding-top:7px;} /* table.form_table tr:nth-child(11) label[for="auswahl_pauschale"] a {margin-top:10px; padding:10px; display:inline-block; border:1px solid var(--ciFarbe);} */ table.form_table tr:nth-child(12), table.form_table tr:nth-child(13) {width:100%; margin:0;} input#aufmerksam1,input#aufmerksam2,input#aufmerksam3 {width:20px; height:20px; margin:10px 0 10px 10px; display:inline-block;} label[for="aufmerksam1"],label[for="aufmerksam2"], label[for="aufmerksam3"] {width:calc(100% - 40px); height:20px; display:inline-block; vertical-align:text-top;} table.form_table td.form_radio_label label {display:none;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table {margin:20px 0 0;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table tr:nth-child(4) {padding-top:20px;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table tr:nth-child(4) .form_string_field {padding-top:0;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table tr:nth-child(5) {margin:0 0 40px;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table #betrag {width:calc(100% - 40px) !important;} input.submit {width:auto !important; margin:20px 0; padding:6px 15px 3px; background-color:var(--ciFarbe); border:3px solid var(--ciFarbe); color:#fff; text-decoration:none; text-transform:uppercase; font-weight:600;} input.submit:hover {background-color:transparent; color:var(--dgrau);} form[name="reg_form"] .dsgvo_layer {margin:20px 0;} form[name="reg_form"] input#user_name_1, form[name="reg_form"] input#email_1, form[name="reg_form_2"] input#email_2 {width:100%; height:35px; display:block; float:none; margin:0 !important;} form[name="reg_form"] label[for=user_name_1], form[name="reg_form"] label[for=email_1], form[name="reg_form_2"] label[for=email_2] {width:15%; height:35px; padding-top:3px !important; display:block; float:none; margin:0 0 0 10px !important;} #content img#captcha_image_1,#captcha_input_1 {width:120px; left:0; position:relative;} /* Safari Style bei Formularelementen entfernen - Start */ textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance:none; -moz-appearance:none; appearance:none;} /* Safari Style bei Formularelementen entfernen - Ende */ /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; } .cl_cookie_privacy_layer > div {padding:20px !important; box-shadow: 0 0 0 5px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; background-color:#353c45 !important; border-radius:20px; color:#fff !important; } .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:#fff; background-color:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:#fff; background-color:#468b0c !important;} #cl_privacy_link_n {color:#fff; background-color:#8b0c36 !important; margin-right:40px !important;} @media screen and (min-width:480px){ #foot-text,#foot-bild {width:auto;} #foot-text {margin-bottom:30px; padding:20px 10px 0 10px; border-top:none; border-left:0px solid var(--ciFarbe);} #foot-bild {padding:0 20px 0 0px;} #foot {height:auto;} .tab2spalt td {width:calc(50% - 10px) !important; display:inline-block;} } @media screen and (min-width:600px){ .startheader {top:0;} .logo-start {width:379px;} .ov-item {width:50%; border:10px solid rgba(255,255,25,0); border-top:0;} #split2 .split-links, #split2 .split-rechts {width:50%;} } @media screen and (min-width:680px){ #upScale-ol {border:40px solid rgba(34,34,34,0.85);} /* ANFRAGE form/tabelle */ table.form_table tr {width:100%; margin:10px 0; display:inline-block;} table.form_table h2 {margin:15px 0 0;} table.form_table td:nth-child(2) {display:none;} table.form_table tr:last-child td:nth-child(2) {display:block;} table.form_table tr:nth-child(4), table.form_table tr:nth-child(10), table.form_table tr:nth-child(12), table.form_table tr:nth-child(13), table.form_table tr:nth-child(22) {margin-top:20px; border-top:1px solid #ddd;} table.form_table tr:nth-child(26) {margin:0;} table.form_table tr:nth-child(26) .form_radio_field {padding-bottom:0;} table.form_table tr:nth-child(12), table.form_table tr:nth-child(13) {margin:10px 0; border:none;} table.form_table tr:nth-child(10), table.form_table tr:nth-child(4) {margin-bottom:0;} table.form_table label {border-bottom:0px solid #f9a6293d;} table.form_table td.form_string_label {width:25%; height:35px; padding-top:10px; display:inline-block;} table.form_table td.form_string_field {width:calc(75% - 20px); height:35px; display:inline-block;} table.form_table td.form_textarea_label {width:25%; height:auto; padding-top:10px; display:inline-block;} table.form_table td.form_textarea_field {width:calc(75% - 20px); height:auto; display:inline-block;} table.form_table select, table.form_table textarea, table.form_table .myinput, table.form_table input.field {max-width:100%; height:35px; width:calc(100% - 20px) !important;} table.form_table input#anreise, table.form_table input#abreise {width:calc(100% - 20px) !important; height:35px; padding:5px;} table.form_table td.form_select_label {width:25%; height:35px; padding-top:10px; display:inline-block;} table.form_table td.form_select_field {width:calc(75% - 20px); height:35px; display:inline-block;} table.form_table td label[for=auswahl_pauschale] a {text-decoration:none;} table.form_table td.form_checkbox_label {width:25%; height:35px; padding-top:20px; display:inline-block;} table.form_table td.form_checkbox_field {width:calc(75% - 20px); height:35px; padding-top:20px; display:inline-block;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table tr:nth-child(4) .form_string_label {padding-top:0;} #form_dd346d9a1d96682a665d3723d0b92a64e3505a48_table tr:nth-child(5) {margin:40px 0;} form[name="reg_form"] input#user_name_1, form[name="reg_form"] input#email_1, form[name="reg_form_2"] input#email_2 {width:85%; height:35px; display:block; float:right; margin:0 0 20px 0 !important;} form[name="reg_form"] label[for=user_name_1], form[name="reg_form"] label[for=email_1], form[name="reg_form_2"] label[for=email_2] {width:15%; height:35px; padding-top:3px !important; display:block; float:left; margin:0 0 20px 0 !important;} #content img#captcha_image_1,#captcha_input_1 {width:120px; left:15%; position:relative;} } @media screen and (min-width:768px){ #fly-wrap {margin-left:auto;} .fly-textfly {padding:20px 0;} .fly-bild,.slick-slider.fly-bild {width:55%;} .fly-bild img {height:380px;} .fly-text {width:45%; height:380px; padding:0 40px;} .fly-text h3 {font-size:30px; background-color:rgba(0,0,0,0);} .pcard-text {max-width:340px; float:left;} .pcard-card {max-width:320px; float:left;} .pcard-card img {margin:-20px 0 0;} } @media screen and (min-width:800px){ img.upScale {width:100vw !important; max-width:1920px; height:auto; margin-left:calc(-50vw + 390px); position:relative;} .block.bildtext .blockwrap, .block.textbild .blockwrap {grid-template-columns:1fr 1fr;} #hero {height:calc(60vh + 170px);} } @media screen and (min-width:1000px){ nav {width:100%; max-width:1920px; top:120px; height:50px; margin:0 auto; display:inline-block; position:relative; z-index:2; text-align:center; background-color:transparent;} .header {height:170px;} #strich {top:85px; margin-top:0;} #start-strich {top:50px; margin-top:0;} h1, .title {margin-bottom:40px; font-size:80px; line-height:70px;} #sprachwahl {display:block;} .startheader #sprachwahl {right:30px;} #som {left:30px; position:fixed; float:left;} .startheader.headup {top:-65px; background-color:rgba(255,255,255,0.0); background-position:center -70px; transition:top 0.5s ease-out,background-color 1s ease, background-position 1s ease;} #logo_start {top:5px; transform:scale(1);} #hiddennav.headup {width:270px; max-height:100vh; top:0px; right:-270px; padding:20px; display:block; z-index:50; position:fixed; background:#81133a; overflow-y:scroll;} } @media screen and (min-width:1023px){ header.header #logo {top:5px;} #split1 {height:100vh; top:0; margin-top:0;} .split-links {width:50%; height:100vh; border:none; border-right:0px solid #fff;} .split-rechts {width:50%; height:100vh; border:none; border-left:0px solid #fff;} .split-bild {width:100%; height:100vh;} .split-ol-hl {margin:0 0 30px; font-size:70px; line-height:55px;} #slider-aussen {background-color:#e9f1f9;} .startslide {background-size:50% auto; background-position:left center;} .slide-bild {width:50%;} .slide-bild img {display:none;} .slide-text {width:50%; height:300px; display:flex; margin-left:0; padding:25px 25px 25px 50px;} #content_us {padding:40px 10px 40px;} #content_us1 {padding:40px 10px;} #home {display:flex;} #content ul {width:70%;} #content {padding-right:0;} #content-wrap {left:calc(50% - 512px); margin:0 auto;} .ov-item {width:33.33333333%;} .fly-bild img {height:380px;} } @media screen and (min-width:1024px){ .ol-txt {width:80%;} } @media screen and (min-width:1200px){ #content-wrap {max-width:1154px; left:calc(50% - 577px);} #content.hasSidebar {float:left;} * {font-size:18px; line-height:28px;} #content_2 {display:block; width:269px; top:-40px; margin:0 0 40px 65px; padding:160px 0 0; position:-webkit-sticky; position:sticky; float:left;} } @media screen and (min-width:1280px){ .ov-item {width:25%;} .ol-txt {width:60%;} } @media screen and (min-width:1920px){ .startheader #sprachwahl {right:calc(50% - 930px);} #som-start {left:30px; top:10px} #sprachwahl {right:calc(50% - 930px);} #som {left:calc(50% - 930px);} img.upScale {margin-left:calc(50% - 960px);} }