@charset utf-8;@import url(/includes/fonts/fontawesome/all.css);@import url(/includes/fonts/sourcesanspro/all.css);@import url(/includes/fonts/quentin/all.css);@import url(/includes/css/general.css);:root{--farbe-gelb:#e2a300;--farbe-braun:#967114;--farbe-gruen:#1f963b;--farbe-blau:#394b9a;--farbe-rot:#961917;--farbe-grau:#333}*{color:#333;box-sizing:border-box;font-family:"Source Sans Pro"}small,b,sup{font-family:inherit;color:inherit}sup{line-height:.1}body{background:#fff}input:focus,textarea:focus,.mystyled:active{box-shadow:0 0 10px var(--farbe-gelb)}label{display:none}.error{box-shadow:0 0 10px var(--farbe-rot);border:1px solid var(--farbe-rot)}.btn:hover,button:hover,.button:hover{box-shadow:0 0 5px #000}footer .linie1 .button:hover{box-shadow:0 0 5px #fff}textarea{padding:3px;font-size:16px}button,select,input[type=text],input[type=tel],input[type=email]{border:1px solid #333;padding:5px;background:#fff;margin-bottom:5px;width:100%;line-height:32px;font-size:16px;height:42px}textarea{border:1px solid #333;padding:5px;background:#fff;margin-bottom:5px;width:100%}.mystyled{position:relative;width:48%;border:1px solid #333;height:43px;margin-bottom:5px}.mystyled .myanzeige{overflow:hidden;background:url(/includes/img/select.png) right no-repeat;height:42px;padding:5px 0 5px 5px;line-height:32px;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;padding-right:30px}.mystyled .myliste{display:none;position:absolute;box-shadow:3px 2px 4px #ccc;background:#fff;border:1px solid #ccc;cursor:pointer;list-style:none;z-index:99;max-height:290px;overflow-y:auto;width:100%;margin-top:0;margin-left:0}.mystyled .myliste li{padding:5px;white-space:nowrap;text-align:left;overflow:hidden}.mystyled .myliste li a{text-decoration:none}.mystyled .myliste li:hover{box-shadow:0 0 5px #999;background:#eee}.rightcol .mystyled{width:438px;border:1px solid #ccc;padding:5px}.rightcol .mystyled .myliste{width:442px;max-height:105px;background:#eee}.mystyled ul.myliste{padding:0!important;margin:0!important}.mystyled.alttermine{display:none}.rightcol .mystyled.alttermine{display:block;margin-bottom:105px}input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;-ms-appearance:checkbox!important;-o-appearance:checkbox!important;appearance:checkbox!important;width:auto}input[type=radio]{-webkit-appearance:radio!important;-moz-appearance:radio!important;-ms-appearance:radio!important;-o-appearance:radio!important;appearance:radio!important;width:auto}header{& .center{max-width:1240px;padding:0 30px;margin:0 auto}& .line1{background:#fff;& .center{display:grid;grid-template-columns:1fr 3fr;margin-top:5px;margin-bottom:5px;& a{color:#666;text-decoration:none}& a[href*=tel]{font-size:24px;padding-left:30px;position:relative;&::before{position:absolute;left:0;top:5px;content:'\f095';font-size:40%;font-weight:bold;font-family:"Font Awesome 5 Free";border:1px solid #666;border-radius:50%;padding:4px}}& ul{display:block;list-style:none;text-align:right;& li{display:inline-block;padding-left:10px;position:relative;margin-left:10px;&:before{content:'|';position:absolute;left:0;top:3px;color:#666}& a{line-height:31px;color:#666}}& li:first-child:before{content:''}}}}& .line2{background:var(--farbe-gelb);& .center{display:grid;grid-template-columns:1fr 1fr;& .metasuche{background:#fff;border:1px solid #ccc;border-radius:10px;display:grid;grid-template-columns:1fr 45px;width:90%;margin-left:10%;margin-top:30px;margin-bottom:22px;cursor:pointer;& input{background:transparent;border:0;width:100%;padding-left:10px}& button{background:transparent;border:0;font-family:"Font Awesome 5 Free";font-weight:bold;border-left:1px solid var(--farbe-braun);margin:4px 0;color:var(--farbe-braun);& :hover{box-shadow:none}}}& .metasuche:hover button,& .metasuche:focus button{color:#000}& img{width:auto;max-width:100%;height:auto}}}& .line3{background:#333;border-top:1px solid #fff;border-bottom:1px solid #fff;color:#fff;& .center.navizeile{text-align:right;padding:0 30px;& .burger{display:none;cursor:pointer;color:#fff;text-align:center;font-size:30px;line-height:30px}& ul{list-style:none;display:block;& *{font-size:120%;color:#fff}& li{display:inline-block;border-left:2px solid #eee;position:relative;&.mobiletohome{border-right:none;& a{font-family:"Font Awesome 5 Free";font-weight:bold}}&:hover{background:var(--farbe-gelb);color:#fff}&:first-child{border-left:none}&:last-child a{padding-right:0}& a{text-decoration:none;color:inherit;padding:10px 10px;display:block}& span{display:none;position:absolute;left:-4px;top:50px;width:250px;z-index:2;overflow:hidden;border:1px solid #999;border-top:10px var(--farbe-gelb) solid;background:#fff;&.open{display:block;box-shadow:0 5px 5px #444}}& ul{display:block;margin:0;background:#fff;& li{display:block;float:none;color:#333;border-right:none;border-bottom:1px solid #999;text-align:left;border-left:none;padding:0;margin:0;&:last-child{border-bottom:none;& a{border-bottom:none}& span{left:auto;right:-4px}}& a{color:#333;font-size:18px;line-height:30px;padding:5px;display:block;width:100%}&:hover a{color:#fff}}}}}}}}footer{background:var(--farbe-grau);color:#fff;padding-bottom:30px;& *{color:#fff;font-size:14px;line-height:18px}& .center{max-width:1240px;padding:0 30px;display:grid;grid-template-columns:265px auto 265px;grid-gap:30px;margin:0 auto}& b{margin-bottom:20px;margin-top:40px;display:block;font-size:150%}& ul{display:block;list-style:none;margin-left:0;margin-bottom:10px;& li{display:inline-block;padding-right:10px;position:relative;margin-bottom:5px;&:after{content:'|';position:absolute;right:0}&:last-child:after{content:''}}}& a{text-decoration:none;padding:5px 0;&:hover{text-decoration:underline}&[href*=facebook]::before{background:url(/includes/img/ico_fb.png);background-size:cover;height:12px;content:' ';width:12px;display:inline-block;margin-right:4px}&[href*=instagram]::before{background:url(/includes/img/ico_ig.png);background-size:cover;height:12px;content:' ';width:12px;display:inline-block;margin-right:4px}}& .bildrechte{display:block;margin-top:10px;white-space:collapse;hyphens:auto;line-height:14px}& .rechtliches *{font-size:12px}& p{margin-bottom:10px}& img{max-width:100%}& .center div:last-child{text-align:right}}#pfadnavigation ul{list-style:none;& li{display:inline-block;margin-right:2px;& .arrow,& a{text-decoration:none;color:var(--farbe-braun);font-size:10px}& a:hover{text-decoration:underline}}& li:after{content:'\f061';font-family:"Font Awesome 5 Free";font-weight:bold;color:var(--farbe-braun);font-size:10px}& li:last-child:after{content:''}}.container.seitendetails,.container.reisedetails{& .reisetipps{margin:50px 0;background:linear-gradient(to bottom,var(--farbe-gelb) 0,var(--farbe-gelb) 50%,#fff 50%,#fff 100%);& .center{max-width:1240px;padding:15px 30px 0;margin:0 auto;& h2{font-family:Quentin;font-size:60px;text-align:center;margin-bottom:15px}& .highlightslider{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;& .reise{background:#fff;box-shadow:0 0 5px #999;&:hover{box-shadow:0 0 5px #333;& .info .preis{background:var(--farbe-braun);color:#fff;border-color:#fff}}& .datum{display:block;padding:2px;color:#999}& .backtext{display:none}& img{display:block;max-width:100%;width:100%}& .info{display:block;padding:10px;position:relative;& .title{color:var(--farbe-braun);font-size:18px;display:block;height:50px;margin-bottom:5px}& .preis{position:absolute;right:0;bottom:-5px;border:1px solid var(--farbe-braun);transform:rotate(-15deg);border-radius:5px;padding:5px;z-index:1;background:#fff}& .highlights{height:60px;display:block;& *{color:#999}& ul{list-style:none}& ul li{display:inline-block;&:after{content:', '}}& ul li:last-child:after{content:''}}}& .aktionen{display:grid;grid-template-columns:1fr 1fr;background:var(--farbe-braun);& a{color:#fff;padding:15px 10px;text-decoration:none}& a:last-child{text-align:right}& a span{font-family:"Font Awesome 5 Free";font-weight:bold;color:inherit}}}}& .allereisen{text-decoration:underline;text-align:right;display:block;margin-top:20px;color:var(--farbe-braun)}}}& .hauptbild{display:block;background-size:cover;background-position:center center;border-bottom:2px solid var(--farbe-braun);& div{backdrop-filter:blur(8px);& img{display:block;margin:0 auto;max-width:1180px;box-shadow:0 0 3px #ccc}}}& .seiteninhalt{& .inhalt{margin-bottom:50px}& h2{margin-top:15px}& h3{margin:15px 0;clear:both}& .trenner.monat{border-bottom:1px solid var(--farbe-gelb)}& h4{margin-top:15px}& p{margin-bottom:10px;clear:both}& ul{margin-left:25px}& .mitarbeiter{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;& .person{border:1px solid #fff;box-shadow:0 0 10px #000;position:relative;& img{width:100%}&.drehlinks{transform:rotate(-2deg)}&.drehrechts{transform:rotate(2deg)}& .name{color:var(--farbe-braun);font-size:16px;font-weight:bold;text-align:center;white-space:nowrap;margin-top:5px}& .infos{font-size:13px;line-height:16px;text-align:center;height:50px;overflow:hidden;margin-bottom:20px}& a{text-decoration:none;background:var(--farbe-braun);color:#fff;padding:5px 10px;position:absolute;bottom:0;right:0}}}}& .reiseinhalt h2{border-bottom:none!important;margin-top:0!important}& .seiteninhalt,& .reiseinhalt{max-width:1240px;padding:0 30px;margin:0 auto;& ul{margin:15px 20px}& h1{display:block;text-align:center;font-size:36px}& h2{display:block;text-align:center;font-weight:normal;font-size:24px;margin-top:50px;border-bottom:1px solid var(--farbe-gelb)}& .inhalt{display:grid;grid-gap:50px;grid-template-columns:1fr 350px;margin-top:50px}& .reisereiseinfo{display:block}& .stornostaffel{display:block;margin-bottom:15px;& img{width:auto;height:auto}}& .inhalt + .inhalt{margin-top:0}& img{max-width:100%;height:auto!important;width:100%}& .inhalt.full{grid-template-columns:1fr}& .minigal{grid-column:span 2;border-top:1px solid var(--farbe-braun);padding-top:5px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;margin-bottom:30px;& a{position:relative;&:after{content:'\f002';font-family:"Font Awesome 5 Free";font-weight:bold;position:absolute;bottom:0;right:0;background:rgba(30,30,30,.2);padding:3px;font-size:20px;line-height:20px}}& img{max-width:100%;width:100%;height:auto;position:relative;display:block}& .beschriftung{grid-column:span 3;background:var(--farbe-braun);display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;& span{text-align:center;color:#fff}}}}& .rechts .highlights .beschriftung .tage,& .rechts .preise .beschriftung .tage{font-family:"Font Awesome 5 Free";font-weight:bold;font-size:30px!important}& .rechts .highlights ul{margin-left:5px;list-style:none;& li:before{content:'\f005';font-family:"Font Awesome 5 Free";font-weight:bold;margin-right:3px}}}.container.reisedetails .reiseinhalt .inhalt .rechts .datum .wert{font-weight:bold;font-size:27px;line-height:34px}.container.reisedetails .reiseinhalt .inhalt .rechts .aktionen{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;margin-bottom:20px;& a{background:var(--farbe-braun);color:#fff;text-decoration:none;text-align:center;padding:3px}& .reisepdf{grid-column:span 2;font-size:18px;padding:10px;font-weight:bold}& span{font-family:"Font Awesome 5 Free";font-weight:bold;color:#fff;margin-right:5px;font-size:inherit}}.container.seitendetails .rechts .rahmen{&:empty{display:none}& h3{background:var(--farbe-gelb);margin:-5px -5px 10px -5px;display:grid;grid-template-columns:1fr 60px;color:#fff;padding:5px}}.container.reisedetails .reiseinhalt .inhalt .rechts .preise .beschriftung{margin-bottom:20px!important}.container.seitendetails .rechts .rahmen,.container.reisedetails .reiseinhalt .inhalt .rechts .datum,.container.reisedetails .reiseinhalt .inhalt .rechts .preise,.container.reisedetails .reiseinhalt .inhalt .rechts .highlights{border:1px solid var(--farbe-gelb);margin-bottom:20px;padding:5px;position:relative;& .buttons{margin-top:20px}& .beschriftung{background:var(--farbe-gelb);margin:-5px -5px 10px -5px;display:grid;grid-template-columns:1fr 60px;& div{padding:5px;font-size:24px}& div:first-child{padding:5px;font-size:20px;line-height:40px}& .tage{float:right;background:var(--farbe-braun);color:#fff;text-align:center;font-size:12px;& b{display:block;font-size:200%}}}}.preis{margin-bottom:10px;& .normpreis,& .fbpreis{display:grid;grid-template-columns:1fr 60px;& .preis{text-align:right;margin-bottom:0;font-weight:bold}}&.fbpreis{& .title,& .preis{font-size:14px}}}.container.reisedetails .reiseinhalt h3{margin-top:20px;& span{font-size:250%;line-height:.9;float:left;display:inline-block;margin-right:5px;min-width:50px;font-family:Arial}}.tabcontrol_box{border-bottom:2px solid var(--farbe-gelb);height:39px;margin:0 0 40px}.tabcontrol{height:35px!important;display:inline-block;padding:0 5px;background:#ddd;margin-right:2px;margin-bottom:0;cursor:pointer;&:hover{background:var(--farbe-gelb);& div{color:#eee}}&.aktive{background:var(--farbe-gelb);border:2px solid var(--farbe-gelb);margin-bottom:-1px;height:37px!important;&:hover{background:var(--farbe-gelb)}& div{color:#fff;line-height:28px;font-weight:bold}}& div{display:block;color:#333;line-height:28px;padding:0 10px}}.schaltertitel{display:none}.booking_btn,button,input[type=button],.bubtn{text-align:center;background:var(--farbe-gruen);color:#fff;display:block;width:calc(100% - 20px);border:1px solid var(--farbe-gruen);padding:10px;margin:0 auto -35px;font-size:20px;cursor:pointer;line-height:20px;&:hover{font-weight:bold}}button,input[type=button]{width:100%}.reisesuche{background:linear-gradient(to bottom,#fff 0,#fff 50%,var(--farbe-grau) 50%,var(--farbe-grau) 100%);&.headersuche{background:none;margin-top:-50px;& .outerconteiner{padding:0}}& .outerconteiner{max-width:1240px;padding:30px;margin:0 auto;position:relative;& .container{background:var(--farbe-gelb);box-shadow:0 0 5px #000;padding:20px 50px;height:calc(100% - 15px);border-radius:50px;display:grid;grid-template-columns:1fr 3fr 1fr;grid-gap:20px;& .zeilezwei,& .zeileeins{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;grid-column:2}& .zeilezwei{display:none}& .allereisen{grid-column:3;display:none}& button{background:#333;color:#fff;border:1px solid #000}}& .container.open{& .zeilezwei{display:grid}& .allereisen{display:block}}& span{color:#fff;font-size:24px;line-height:26px;display:inline-block;float:left;margin-right:10px;& span{font-size:16px;display:block;float:none;line-height:18px;cursor:pointer;&:after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;margin-left:5px;display:inline-block;transition:transform .75s}}}}}.cookiebutton{width:auto;display:inline-block;&.cookieinfo_gadelete{display:none}}.normaltable{width:100%;margin-top:30px;border-collapse:collapse;& th,& td{border:1px solid #ccc;padding:3px;hyphens:auto;font-size:12px;vertical-align:top}& th{background:#ddd}& caption{font-weight:bold;font-size:150%}}.flexgrid{column-count:3;column-gap:50px;background:#fff;& .sitemapbox{display:inline-block;page-break-inside:avoid;break-inside:avoid;& h3{border-bottom:1px solid var(--farbe-braun);margin-top:30px;hyphens:auto}& small{font-size:75%}& a{font-weight:lighter;text-decoration:none;font-size:75%;line-height:75%}& a:hover{color:var(--farbe-blau);text-decoration:underline}}}.allInOneKontakt{& h3{margin-top:50px;font-size:18px;line-height:24px;border-bottom:1px solid var(--farbe-braun);font-weight:300;margin:30px 0 10px}& .bereiche ul{list-style:none;& li{float:left;width:33%;display:block}}& select,& textarea,& input[type=text],& input[type=tel],& input[type=email]{width:46%;margin-right:20px;position:relative}& input[type=checkbox]{margin-right:20px}& input[name=grund_plz]{width:calc(14% - 4px);margin-right:0}& input[name=grund_ort]{width:32%}& select{border-color:#999}& label{display:inline;font-weight:300;font-size:14px}& .zusatzfelder{margin-bottom:40px}& .optional + validationhelp:before{content:'*'}& .selectone + validationhelp:before{content:'?'}& .pflicht + validationhelp:before{content:'!';color:var(--farbe-rot)}& .valide + validationhelp{margin-left:-44px}& .valide + validationhelp:before{content:'✓';color:var(--farbe-gruen)}& input[type=checkbox].error + label{color:var(--farbe-rot)}& input:invalid{box-shadow:none}& .datenschutzklausel{width:43%;display:inline-block;font-size:12px;line-height:14px}& .datenschutzklausel label{font-size:inherit;line-height:inherit}& .bereiche{display:none}& .katalogliste{text-align:center;margin-bottom:20px;& .katalog{position:relative;text-decoration:none;display:inline-block;& img{transform:rotate(-5deg);box-shadow:-5px 10px 10px #444;transition:transform .5s}&:hover img{transform:rotate(0)}& span{display:block;margin-top:20px;max-width:200px;text-align:left;margin-left:35px;padding-left:10px;position:relative;&:before{content:'\f019';font-family:'Font Awesome 5 Free';font-weight:900;font-size:25px;position:absolute;left:-25px;top:0;color:var(--farbe-braun)}}}}}validationhelp{position:absolute;margin-left:-40px;font-weight:bold;font-size:25px;margin-top:13px}.allInOneKontakt select.valide + validationhelp,select + validationhelp{margin-left:-65px}input[name=grund_plz] + validationhelp{margin-left:-20px}input[type=checkbox] + validationhelp{margin-left:-20px!important;margin-top:0}.zusatzboxfuhrpark{& .element{border:1px solid #ccc;padding:10px;display:block;margin:10px 0;position:relative;&:hover{box-shadow:0 0 5px #000}& img{width:50%!important}& .details{position:absolute;right:10px;width:calc(50% - 30px);top:10px;& .title{background:var(--farbe-gelb);padding:5px;color:#fff;display:block;font-size:20px;line-height:25px;margin-bottom:10px}}& .link{border-bottom:1px solid var(--farbe-gelb);position:absolute;right:10px;bottom:10px}}}.fahrzeugbilder{display:block;& img{float:left;margin-right:5px;margin-bottom:5px}& img.big{width:calc((100% / 3 * 2) - 5px)!important}& img.small{width:calc((100% / 3) - 5px)!important}}.rechts .fahrzeugbilder img.small{width:100%;float:none}.form_container{width:100%;display:block;& label{display:block;margin-top:10px}& .form_radio_box,& input[type=checkbox]{margin-top:20px}& input[type=checkbox] + validationhelp{margin-left:0;margin-top:10px}& input[type=checkbox] + validationhelp + label{font-size:14px;line-height:18px;display:inline;margin-left:30px}& input[type=radio] + label{font-size:14px;line-height:18px;display:inline;margin-left:30px}& input[type=text],& input[type=tel],& input[type=email],& textarea,& select{width:100%;max-width:100%;min-width:100%;positon:relative}& button{display:block;margin:20px 0}& .form_klappbox{display:none;border:1px solid #ccc;padding:5px;font-size:14px;line-height:18px}& .form_klappboxtoggle{text-decoration:underline;cursor:pointer}& validationhelp{position:absolute;margin-left:-20px;font-weight:bold;font-size:25px;margin-top:13px}& select.valide + validationhelp,& select + validationhelp{margin-left:-35px}& .optional + validationhelp:before{content:'*'}& .selectone + validationhelp:before{content:'?'}& .pflicht + validationhelp:before{content:'!';color:#f00}& .valide + validationhelp{margin-left:-44px}& .valide + validationhelp:before{content:'✓';color:#060}& .error + validationhelp + label{color:#cc1000}}.laender{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;& .land{box-shadow:0 0 5px #000;cursor:pointer;&:hover{box-shadow:0 0 8px #000}& .img{display:block;aspect-ratio:900 / 450;width:100%;background-position:center center;background-size:contain}& .title{display:block;background:#fff;color:var(--farbe-braun);font-size:24px;line-height:28px;height:66px;padding:10px 10px 0;overflow:hidden}& .highlights{background:#fff;color:#999;font-size:12px;line-height:15px;height:45px;padding:10px;display:block}& .band{display:grid;background:var(--farbe-braun);grid-template-columns:65% 35%;& a{padding:10px;text-decoration:none;color:#fff;&:first-child{border-right:1px solid #fff;padding-right:0}&:last-child{padding-left:0;text-align:right}&:first-child:after{font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f019';margin-left:3px}&:last-child:after{font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f054';margin-left:3px}}}}}.homepage{& .seiteninhalt{max-width:1240px;padding:0 30px;margin:0 auto;& h1{text-align:center;margin-top:75px}& h2{text-align:center;font-weight:normal;margin-bottom:50px}& .inhalt{max-width:750px;margin:0 auto;& .links p{text-align:center;margin-bottom:20px}}}& .faq{margin-bottom:50px;& h3{font-family:Quentin;font-size:60px;text-align:center;margin-bottom:15px}& .liste{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;& .eintrag{position:relative;background:var(--farbe-braun);padding:5px 10px;& .frage{color:#fff;cursor:pointer;font-size:18px;padding:5px 0;display:block}& .antwort{display:none}&.open{background:var(--farbe-gelb);& .frage{color:var(--farbe-braun)}& .antwort{display:block;position:absolute;top:25px;left:5px;background:#fff;z-index:1;padding:5px;box-shadow:0 0 5px #000;font-size:14px;line-height:17px;white-space:pre-wrap;width:calc(100% - 10px)}}}}}& .homepageboxen{margin-bottom:50px;padding-top:50px;& h3{font-family:Quentin;font-size:60px;text-align:center;margin-bottom:30px}& .liste{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:20px;& .hpbox{box-shadow:0 0 5px #000;display:grid;grid-template-rows:subgrid;grid-row:auto / span 4;text-decoration:none;grid-gap:0;&.full{grid-column:auto / span 2;& .bild{aspect-ratio:auto}}& span{display:block}& .aktion{background:var(--farbe-braun);color:#fff;text-align:right;padding:5px 10px}& .titel{color:var(--farbe-braun);font-size:20px;padding:5px 10px}& .text{padding:5px 10px}& .bild{aspect-ratio:450 / 300;background-size:cover;background-position:center center}}}}& .reiselaender{background:var(--farbe-gelb);padding:30px 0 50px;margin-bottom:20px;margin-top:50px;& h3{font-family:Quentin;font-size:60px;text-align:center;margin-bottom:15px}& .allelaender{max-width:1240px;padding:0 30px;margin:0 auto;text-align:right;& a{color:#fff;position:relative;z-index:1}}& .slick-dots{bottom:-50px;& li button{border:3px solid #fff;border-radius:50%;height:20px;width:20px;background:none;&:after,&:before{display:none}}& li.slick-active button{background:#fff}}& .land{background:#fff;margin:0 20px;cursor:pointer;&:hover{box-shadow:0 0 5px #000}& .img{display:block;background-position:center center;background-size:cover;aspect-ratio:900/450}& .title{display:block;font-size:20px;color:var(--farbe-braun);padding:5px 10px}& .highlights{display:block;padding:5px 10px;height:75px;overflow:hidden}& .band{display:grid;grid-template-columns:65% 35%;background:var(--farbe-braun);& a{color:#fff;padding:5px 10px;text-decoration:none;&:first-child{border-right:1px solid #fff;padding-right:0}&:last-child{padding-left:0;text-align:right}&:first-child:after{font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f019';margin-left:3px}&:last-child:after{font-family:"Font Awesome 5 Free";font-weight:bold;content:'\f054';margin-left:3px}}}}}& .unserereisen{margin-top:50px;& h3{font-family:Quentin;font-size:60px;text-align:center;margin-bottom:15px}& .allereisen{text-align:right;& a{position:relative;z-index:1;color:var(--farbe-braun)}}& .slick-slide>div{padding:10px}& .slick-dots{bottom:-50px;& li button{border:3px solid var(--farbe-braun);border-radius:50%;height:20px;width:20px;background:none;background:#fff;&:after,&:before{display:none}}& li.slick-active button{background:var(--farbe-braun)}}}& .hauptslider{display:block;width:100%;& .categorie{background-size:cover;background-position:center center;aspect-ratio:1920/700;width:100vw;position:relative;& .box{max-width:50%;margin:0 auto -200px auto;background:rgba(0,0,0,.8);border:1px solid #fff;border-radius:50px;position:absolute;padding:10px 40px;top:70%;left:40vw;& span{display:block;color:#fff}& .bezeichnung{text-align:center;font-weight:bold;font-size:300%}}}& .step_left div,& .step_right div{font-family:"Font Awesome 5 Free";font-weight:bold;padding:10px;color:var(--farbe-braun);font-size:50px;text-shadow:0 1px 1px #fff,0 -1px 1px #fff,1px 0 1px #fff,-1px 0 1px #fff}& .step_left{position:absolute;left:0;top:50%;border-radius:0 100% 100% 0;display:none;background:#fff6}& .step_right{position:absolute;right:0;top:50%;border-radius:100% 0 0 100%;display:none;background:#fff6}&:hover .step_left,&:hover .step_right{display:block;cursor:pointer}}}& .reise{background:#fff;box-shadow:0 0 5px #999;cursor:pointer;&:hover{box-shadow:0 0 5px #333;& .info .preis{background:var(--farbe-braun);color:#fff;border-color:#fff}}&.gesichert .subinfo .status{color:var(--farbe-gruen);& span{background-color:var(--farbe-gruen);border-color:var(--farbe-gruen)}}&.restplatz .subinfo .status{color:var(--farbe-gruen);& span{background-color:var(--farbe-gruen);border-color:var(--farbe-gruen)}}&.ausgebucht .subinfo .status{color:var(--farbe-rot);& span{background-color:var(--farbe-rot);border-color:var(--farbe-rot)}}&.anfrage .subinfo .status{color:var(--farbe-blau);& span{background-color:var(--farbe-blau);border-color:var(--farbe-blau)}}& .subinfo{display:grid;grid-template-columns:auto 145px;padding:2px;color:#999;& .datum{line-height:40px}& .status{border-left:1px solid #ccc;white-space:nowrap;font-size:12px;line-height:14px;padding:6px 50px 6px 6px;position:relative;color:var(--farbe-gruen);font-weight:bold;& span{border:2px solid var(--farbe-gruen);width:30px;height:30px;border-radius:50%;display:inline-block;position:absolute;right:10px;top:6px}}}& .backtext{display:none}& img{display:block;max-width:100%}& .info{display:block;padding:10px;position:relative;& .title{color:var(--farbe-braun);font-size:18px;display:block;height:50px;margin-bottom:5px}& .preis{position:absolute;right:0;bottom:-5px;border:1px solid var(--farbe-braun);transform:rotate(-15deg);border-radius:5px;padding:5px;z-index:1;background:#fff}& .highlights{height:60px;display:block;overflow:hidden;& *{color:#999}& ul{margin-left:0;margin-top:0;list-style:none}& ul li{display:inline;&:after{content:', '}}& ul li:last-child:after{content:''}}}& .aktionen{display:grid;grid-template-columns:30% 70%;background:var(--farbe-braun);& a{color:#fff;padding:15px 10px;text-decoration:none}& a:last-child{text-align:right}& a span{font-family:"Font Awesome 5 Free";font-weight:bold;color:inherit}}}.reiseliste .zone{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;& .listenhilfe,& h3{grid-column:1 / span 3}& .trenner.jahr{display:none}}.buchungsrahmen{margin-bottom:50px;& h2{border-bottom:1px solid var(--farbe-braun);margin-bottom:20px}& .booking_btn{margin-top:20px}}.teilnehmerzahl{display:block;margin-bottom:60px;& .mystyled{float:right}}.person{box-shadow:0 0 5px #999;margin:20px 0;padding:20px;& .mystyled,& input{float:left;clear:none}& input.vorname{margin-left:1%;width:24%;margin-top:0;margin-right:0}& input.nachname{margin-left:1%;width:24%;margin-top:0}& input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;-ms-appearance:checkbox!important;-o-appearance:checkbox!important;appearance:checkbox!important;width:auto;margin-right:10px}& input[type=radio]{margin-right:10px}& .abfahrtsort{width:24%!important;margin:0 0 0 1%;& .myliste{margin-left:0;font-size:14px}}& .alter{margin-left:10px;width:70px;& .myliste{width:60px}}& .anrede .myliste{width:100px}& .leistungen{display:block;margin:0;padding:10px 0 0;margin-bottom:20px;width:100%;float:right;clear:right;& .first{margin-top:10px;display:block}&.passiv{display:none}}& .preisdotted{border-bottom:1px dotted #BBB;position:relative;font-size:14px;& .title{margin-bottom:-1px;background:#fff;display:inline-block;padding-right:10px;line-height:20px}& .preis{position:absolute;right:0;bottom:-1px;background:#fff;padding-left:10px}& .preisfb{display:inline-block;color:var(--farbe-rot);cursor:pointer;padding:1px 2px;margin:0 80px 0 20px}}& .perspreis{border:0;border-top:1px solid #000;font-weight:bold}& .zusatzdaten input{width:24%;margin-right:1%}& .mystyled{width:24%}}.reisetext textarea{width:100%}.grouprabatt{float:right;width:600px;display:none}.endpreis{float:right;width:100%;border-top:1px solid #000;font-weight:bold}.grouprabatt .preis,.endpreis .preis{float:right;margin-right:10px}ul.ui-autocomplete{width:410px!important;overflow:hidden;border-radius:0}.checkback{background:#666;margin-right:40px;color:#fff;border-color:#666}.error{border:2px solid var(--farbe-rot)!important;background-color:rgba(255,0,0,.1)}.datenschutzinfo,.agbred{margin-left:10px;font-size:14px;line-height:18px;font-weight:300}input[name=plz],input[name=PLZ]{width:16%;margin-right:2%}input[name=ort],input[name=Ort]{width:calc(29% + 2px)}.reisetext.buchung br,.colleft br,.form_right br,.form_left br{display:none}.form_left{margin-bottom:20px}input[name=Telefon],input[name=telefon],input[name=Strasse],input[name=strasse],input[name=Vorname],input.vorname,input[name=geburtstag],input[name=vorname],input[name=revorname],input[name=AbreiseDatum],input[name=Anzahl]{width:calc(48% + 2px);margin-right:2%}input[name=Email],input[name=email],input[name=Name],input[name=name],input.nachname,input[name=renachname],input[name=Unterkunft],input[name=HeimreiseDatum]{width:48%}.teilnehmer h2{margin-top:40px}td{vertical-align:top}.stornostaffelstufen{display:none;& table th,& table td{border:1px solid #ccc;padding:0 3px}}#colorbox .stornostaffelstufen{display:block}@media (max-width:1000px) and (min-width:701px){body{& footer .center{grid-template-columns:1fr 1fr;& .sprungmarken{grid-column:auto / span 2}}& .homepage{& .unserereisen img{width:100%}& .homepageboxen .liste{grid-template-columns:1fr 1fr;& .hpbox.full{& .bild{aspect-ratio:450 / 300}}}& .hauptslider{& .categorie .box{width:100%;border-radius:0;max-width:100%;left:0;padding:2px;bottom:0;top:calc(100% - 30px);& .bezeichnung{font-size:20px}& .hilfstext{display:none}}& .buttons{display:none}}}& .reisesuche{display:none}& header .line3 .center.navizeile{& .burger{display:block}&>ul{display:none;&>li{display:block;border-left:none;border-bottom:2px solid #eee;&:last-child{border-bottom:none}& a{text-align:center}& span{width:100%;left:0}}}}& .container.seitendetails,& .container.reisedetails{& .seiteninhalt,& .reiseinhalt{& .mitarbeiter{grid-template-columns:1fr 1fr}& .inhalt{& .zusatzboxfuhrpark{display:flex;justify-content:space-between;flex-wrap:wrap;& .boxlinks{background:#fff;padding:20px;text-decoration:none;flex-basis:98%;&.element{background:#fff;padding:0;& img{width:100%!important}& .details{position:relative;right:0;width:100%;padding:0;top:0;margin-bottom:20px;display:block}& .einleitung{padding:0 5px;display:block;& p{margin-bottom:0}}& .link{display:block;position:absolute;bottom:0;right:0;margin:5px}}}}}& .tabcontrol_box{display:none}& .stornostaffel img{width:auto;height:auto}& .inhalt{grid-template-columns:auto 250px}& .schaltertitel{display:block;background:#fff;font-weight:bold;margin:15px 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid var(--farbe-gelb);&.aktive{background:var(--farbe-gelb);color:#fff}&:before{content:'+';display:inline-block;font-size:20px;line-height:25px;font-family:Arial;transition:transform 1s;margin-right:15px}&.aktive:before{transform:rotate(45deg);border:1px solid #fff;border-radius:30px}}}& .hauptbild div img{max-width:100%}& .reisetipps{background:var(--farbe-gelb);& .center{& .highlightslider{grid-template-columns:1fr 1fr;& .reise .aktionen{grid-template-columns:140px auto}}}}}& .reiseliste .zone{grid-template-columns:1fr 1fr;& .listenhilfe,& h3{grid-column:auto / span 2}}& .laender{grid-template-columns:1fr 1fr}& .flexgrid{column-count:2}& .allInOneKontakt{& .datenschutzklausel,& select,& textarea,& input[type=text],& input[type=tel],& input[type=email]{width:100%}}}}@media (max-width:700px){body{& footer .center{grid-template-columns:1fr;grid-gap:0;& .rechtliches b,& .sprungmarken b{margin-top:0}& div img{display:none}}& .homepage{& .faq .liste{grid-template-columns:1fr}& .homepageboxen .liste{grid-template-columns:1fr;& .hpbox.full{grid-column:auto;& .bild{aspect-ratio:450 / 300}}}& .unserereisen img{width:100%}& .unserereisen .allereisen,& .reiselaender .allelaender{padding-top:40px}.hauptslider{& .categorie .box{width:100%;border-radius:0;max-width:100%;left:0;padding:2px;bottom:0;top:calc(100% - 30px);& .bezeichnung{font-size:20px}& .hilfstext{display:none}}& .buttons{display:none}}}& .reisesuche{display:none}& header .line1 .center,& header .line2 .center{grid-template-columns:1fr;& ul,& .metasuche{display:none}}& header .line3 .center.navizeile{& .burger{display:block}&>ul{display:none;&>li{display:block;border-left:none;border-bottom:2px solid #eee;&:last-child{border-bottom:none}& a{text-align:center}& span{width:100%;left:0}}}}& .container.seitendetails,& .container.reisedetails{& .seiteninhalt,& .reiseinhalt{& .mitarbeiter{grid-template-columns:1fr}& .minigal{grid-column:auto;display:none}& .inhalt{grid-template-columns:1fr;& .zusatzboxfuhrpark{display:flex;justify-content:space-between;flex-wrap:wrap;& .boxlinks{background:#fff;padding:20px;text-decoration:none;flex-basis:98%;&.element{background:#fff;padding:0;& img{width:100%!important}& .details{position:relative;right:0;width:100%;padding:0;top:0;margin-bottom:20px;display:block}& .einleitung{padding:0 5px;display:block;& p{margin-bottom:0}}& .link{display:block;position:absolute;bottom:0;right:0;margin:5px}}}}}& #pfadnavigation{& ul{margin:0 auto}}& .tabcontrol_box{display:none}& .stornostaffel img{width:auto;height:auto}& .schaltertitel{display:block;background:#fff;font-weight:bold;margin:15px 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid var(--farbe-gelb);&.aktive{background:var(--farbe-gelb);color:#fff}&:before{content:'+';display:inline-block;font-size:20px;line-height:25px;font-family:Arial;transition:transform 1s;margin-right:15px}&.aktive:before{transform:rotate(45deg);border:1px solid #fff;border-radius:30px}}}& .hauptbild div img{max-width:100%}& .reisetipps{background:var(--farbe-gelb);& .center{& .highlightslider{grid-template-columns:1fr}}}}& .buchungsrahmen{& .person .abfahrtsort,& .person .mystyled,& .person input:not([type=radio]),& .mystyled,& input:not([type=radio]):not([type=checkbox]){width:100%!important;margin-left:0;margin-right:0;margin-bottom:4px}& .preisspan{margin-bottom:20px;display:block}& .person .preisdotted .preis{margin-bottom:0}}& #controlcenter{display:none}& .reiseliste .zone{grid-template-columns:1fr;& .listenhilfe,& h3{grid-column:auto}}& .laender{grid-template-columns:1fr}& .flexgrid{column-count:1}& .grunddaten{display:flex;flex-direction:column}& .allInOneKontakt{& .datenschutzklausel,& select,& textarea,& input[type=text],& input[type=tel],& input[type=email]{width:100%}}}}