@charset "utf-8";
@import url(/includes/fonts/opensanscondensed/all.css);
@import url(/includes/fonts/fontawesome/all.css);
@import url(/includes/css/general.css);
@import url(/includes/jquery3/slick/slick.css);
@import url(/includes/jquery3/slick/slick-theme.css);

/* individueller Teil */
*{font-family: 'Open Sans Condensed';color:#055;font-size:16px;line-height:21px;}
body {background:#9cf url('/includes/img/background.jpg') repeat-x center top;height:100%;margin-bottom:1px;overflow-y:scroll}
h1{font-size:18px;}
h2{font-size:14px;}
hr{border:0;height:1px;background:#055;margin:10px 0;}
a{text-decoration:none;}
p{margin:0 0 20px}
#container{margin:0 auto;max-width:980px;width:100%;position:relative;}
#header{height:150px;position:relative;z-index:2;}
#logo {position:absolute;top:5px;left:-20px}
#spoiler {position:absolute;top:5px;right:0;z-index:3;}
#spoiler span{display:block;color:#055;line-height:48px;text-align:right}
#spoiler span:first-child + span{font-weight:bold}
#bildrechte {width:calc(100% - 100px);margin:15px auto;text-align:center}

.f48{font-size:48px;}
.f36{font-size:36px;}
.f20{font-size:20px;}

.content_box{position:relative;width:100%;background:#fff;box-shadow:0 0 10px #666;min-height:45px;margin:0 auto}
.tag{font-weight:bold;font-size:120%;color:#055}

.content_box .burger {display:none;font-weight: bold;position:relative;top:0;left:0;width:100%;height:45px;list-style-type:none;z-index:99;background:#055;color: #fff;font-size: 45px;text-align: center;line-height: 1;cursor: pointer;}
#navi {position:relative;top:0;left:0;width:100%;height:45px;display:block;list-style-type:none;z-index:99;background:#055;}
#navi a{color:#fff;font-size:24px;line-height:45px;text-decoration:none;letter-spacing: 1px;height:45px;padding:0 10px;display: inline-block}
#navi li {float:left;color:#fff;}
#navi li:before{content: '|';font-size:24px;line-height:45px;}
#navi li:first-child:before{content:none}
#navi li ul li:before{content:''}

#navi li:hover a,
#navi li a.aktiv {color:#fc0;}
#navi li ul {display:none;position:absolute;top:46px;margin-left:10px;box-shadow:2px 2px 2px #999;}
#navi li:first-child ul {margin-left:0;}
#navi li ul {list-style-type:none;width:220px;}
#navi li ul li {margin-left:0;float:none;background:#fff;color:#055;border-bottom:1px solid #666;}
#navi li ul li:last-child {border-bottom:none;}
#navi li:hover ul li a {color:#055;}
#navi li ul li:hover {background:#efefef;}
#navi li ul li a {color:#055;}
#navi li ul li a {display:block;font-size:20px;height:35px;line-height:35px}

#mainslider{clear:both;position:relative;top:0;left:0;width:100%;height:calc(100vw / 2.17);max-height:500px;border:1px solid #fff;border-width:1px 0;overflow:hidden;}
#mainslider .zone {width:100%}
#mainslider.small .zone {width:calc(100% - 300px);}
.slick-slide img {display: block;width: 100%;height: auto;}
.slick-dots {bottom:5px}

.sl_title{position:absolute;bottom:50px;color:#fff;background:#055;margin:0 20px;line-height:40px;font-size:24px;font-weight:normal;letter-spacing:1px;padding:0 20px;border:5px solid #fff;box-shadow:0 0 5px #000}
.sl_img{position:absolute;top:10px;right:0;background:#fff;padding:5px 10px;opacity:0.9}
.sl_tipp{display:none}
#mainslider:hover .sl_tipp{display:block;position:absolute;top:100px;left:300px;width:300px;height:150px;background:#fff;padding:15px;opacity:0.9;box-shadow:0 0 5px #000}
.sl_tipp .sl_tipp_title,
.sl_tipp .sl_tipp_text{font-size:16px;color:#333;opacity:1}
.sl_tipp .sl_tipp_more{position:absolute;bottom:5px;right:10px;font-size:14px;text-decoration:underline}
.sl_tipp .sl_tipp_title{border-bottom:1px solid #055;padding-bottom:5px;margin-bottom:10px;margin-top:-5px;white-space: nowrap;font-weight:bold}
.sl_tipp .sl_tipp_text{height:110px;overflow:hidden;}
.sl_button_left,.sl_button_right{display:none;position: absolute;top:225px;background:#fff;width:35px;height:50px;cursor:pointer;z-index:10;border-radius: 10px;box-shadow:0 0 5px #000}
#mainslider:hover .sl_button_left,
#mainslider:hover .sl_button_right{display:block;opacity:0.6}
.sl_button_left{background:#fff url('/includes/img/arrow_back.png') no-repeat center center;left:20px}
.sl_button_right{background:#fff url('/includes/img/arrow_for.png') no-repeat center center;right:20px}
#mainslider .sl_button_left:hover,
#mainslider .sl_button_right:hover{opacity:0.9}

#mainslider .mslid {width:100%;height:500px;float:left;margin:0;position:relative;}
#mainslider .slidertext {display:block;opacity:1}
#mainslider .sliderbullets {position:absolute;right:10px;bottom:10px;}

.hpboxslider {position: absolute;right: 0;top:0;width: 300px;background: #fff;height:100%}
.hpboxslider .box {border:1px solid #055;margin:20px;padding:10px;height:290px;position:relative;overflow: hidden;}
.hpboxslider .box .headline {background:#055;color:#fff;margin:-10px -10px 10px;padding: 0 10px;font-size: 18px;line-height: 30px;font-weight:bold}
.hpboxslider a {position:absolute;bottom:5px;right:5px;background:#055;color:#fff;padding:5px;font-size:18px;line-height:30px;width: calc(100% - 20px) !important;height: auto !important;}
.hpboxslider .fader {position:absolute;bottom:0;height:80px;width:100%;display:block;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}

#mainslider.small {height:345px;}
#mainslider.small .mslid {width:680px !important;height:345px !important;}
#mainslider.small .sliderbullets {right:315px;}

.sliderbullets span {cursor:pointer;width:15px;height:31px;display:inline-block;margin-bottom:-5px;}
.sliderbullets .btn_left {display:none;}
.sliderbullets .btn_right {display:none;}
.reiseideen .sliderbullets a,
.sliderbullets a {display:inline-block;background:url(/includes/img/bullets.png) right top no-repeat;width:14px;height:14px;margin:2px 5px 3px;cursor:pointer;overflow:hidden;}
.reiseideen .sliderbullets a.active,
.sliderbullets a.active {background:url(/includes/img/bullets.png) left top no-repeat;content:''}

.slick-dots {text-align:right;}
.slick-dots li button::before {background:#ccc;height:14px;width:14px;border:3px solid #fff;content:''}
.slick-dots li.slick-active button::before {background:#055;}

.line{height:5px;background:#055}

.reisesuchen {background:#055;padding:0 20px 10px;box-sizing: border-box;}
.reisesuchen *{box-sizing: border-box;}
.reisesuchen .headline {font-size:24px;line-height:30px;margin-bottom:5px;display:block;color:#fff}
.reisesuchen .headline a {float:right;color:#fff;text-decoration:underline;font-size:16px;max-width: 50%;text-align:right;}
.reisesuchen .reiseziel{display: flex;justify-content: space-between;} 
.reisesuchen select,
.reisesuchen input { width:calc((100% - 280px) / 4);height:28px;line-height: 16px;font-size: 14px;font-weight: bold;border:none}

.reisesuchen input[type="text"] {height: 28px;padding: 5px 5px 5px 7px;}
.reisesuchen button {font-family:'Open Sans Condensed';font-size:16px;line-height:20px;height:28px;width:260px;padding:5px;border:1px solid #ccc;display:inline-block;color:#fff;background:#044;}
.reisesuchen button:before{content:'\00BB';padding-right:5px;}
.ui-datepicker .ui-datepicker-header {background-color: #055 !important;}

/*.content{margin-top:45px}*/
.inhalt{width:620px;margin:40px 0 0 20px;display:block;padding-bottom:30px}
.inhalt .buchungsrahmen{width:930px}
.content_right{position:relative;width:260px;margin:10px 20px 25px 40px;float:right;}
.content h1{font-size:24px;line-height:28px;margin:0 0 40px;color:#111}
.content h2{font-size:18px;line-height:24px;margin:20px 0 10px;color:#111}
.content h3{margin:20px 0 10px;}
.inhalt a{text-decoration:underline}

.inhalt .left {width:48%;font-size:15px;}
.inhalt .right {width:48%;font-size:15px;}

.tabcontrol_box{margin:60px 0 30px 0;width:100%;border-top:35px solid #055;padding-left:5px}
.tabcontrol{background:#fff;height:24px;border:1px solid #055;padding-top:5px;text-align:center;float:left;margin-right:-1px;cursor:pointer;margin-bottom:10px;border-top:none;margin-top:-30px}
.tabcontrol.aktive{background:#fff;margin-top:-37px;border:1px solid #055;height:30px;border-bottom:1px solid #fff;color:#055;}
.tabcontrol div{margin:0 20px;display:block;color:#666;line-height:15px;}
.tabcontrol.aktive div{color:#055;line-height:28px;font-weight:bold}
.tabcontrol:hover div{color:#055;}


.content_box_right{margin:0 0 50px 0;line-height:28px;text-align:left;border:1px solid #055;}
.content_box_right .days{float:right;margin-top:-30px;font-size:18px;line-height:28px;}
.content_box_right .datum{background:#055;}
.content_box_right .datum div{margin:0 10px;color:#fff;font-size:18px;line-height:30px;}
.content_box_right .preis{margin:10px;color:#333;}
.content_box_right .preis div{color:#333;display:inline-block;float:right;}
.content_box_right .fb{margin:10px;color:#055;text-align:right}
.content_box_right .fb div{color:#055;display:inline-block;float:right;padding-left:10px}
.bu_btn_ajx a.btn,
.booking_btn{margin:10px 10px;width:238px;text-align:center;background:#055;border:none;margin-bottom:-35px;line-height:50px;box-shadow:0 0 5px #666;color:#fff;font-size:21px;cursor:pointer;font-weight:bold;}
.bu_btn_ajx a.btn {display:block;text-decoration:none !important;}

.content_box_right .text2{padding:0 10px}
.content_box_right h3{background:#055;color:#fff;margin:0 -10px 10px;padding:0 10px;font-size:18px;line-height:30px;}
.content_box_right a{text-decoration:underline}

.content_box_right .suche input{height:16px;line-height:16px;font-size:14px;padding: 5px 5px 5px 7px;margin-top: 3px;width: 180px;border: 1px solid #CCC;}
.content_box_right .suche input[type="submit"]{width:40px;height:28px;background:#055;color:#fff;border:0;cursor:pointer;margin-left:2px}
.content_box_right form.suche{margin-bottom:10px}
.termine_alternativ{border:1px solid #055;background:#fff url('/includes/img/arrow_for.png') no-repeat 240px 50%;text-align:left;margin-bottom:50px;}
.termine_alternativ div{margin-left:10px;line-height:35px;cursor:pointer;}
.termine_alternativ div:hover{text-decoration:underline;}
.travel_tipps{text-align:left;position:relative;height:280px;width:260px;font-weight:bold;}
.travel_tipps img{width:240px;height:160px;}
.travel_tipps .item{background:#fff;width:260px;height:213px;box-shadow: 0 0 5px #666;position:absolute;top:40px;left:0;overflow:hidden;}
.travel_tipps .item div{margin:10px;color:#666;line-height:18px;font-weight:normal;}
.suggestion1{display:none;z-index:10;-moz-transform: rotate(-4deg);-ms-transform: rotate(-4deg);-o-transform: rotate(-4deg);-webkit-transform: rotate(-4deg);transform: rotate(-4deg);}
.suggestion2{display:none;z-index:20;}
.suggestion3{display:none;z-index:30;-moz-transform: rotate(4deg);-ms-transform: rotate(4deg);-o-transform: rotate(4deg);-webkit-transform: rotate(4deg);transform: rotate(4deg);}

.footer .left,
.footer .right{line-height:45px;margin:0 10px}
.footer a:hover{text-decoration:underline;}

.inhalt.reisedetails{width:630px}
.reisedetails .zeitraum {float:right;}
.tourbox .tage,
.reisedetails .zeitraum .tage {width:50px;height:45px;background:#eee;color:#055;text-align:center;float:left;font-size:14px;line-height:16px;padding-top:5px;}
.tourbox .tage span,
.reisedetails .zeitraum .tage span {color:inherit;font-size:24px;display:block;font-weight:bold;line-height:26px;}
.reisedetails .zeitraum .datum {width:270px;background:#055;color:#fff;height:30px;padding:10px;float:left;line-height:30px;text-align:right;font-size:15px;letter-spacing: 0.5px;}
.reisedetails h1 {margin-bottom:5px;width:530px;font-size:24px;line-height:28px;color:#111}
.reisedetails h2 {font-size:18px;width:530px;margin-bottom:40px;line-height:24px;}
.intro {margin:40px 0 60px;text-align:justify}

.reisedetails .alt_termine {cursor:pointer;font-weight: bold;margin-top:10px;}
.abfahrtsort ul {margin-left:15px;}
.abfahrtsort li span {margin-right:5px;font-weight:bold;}

.inhalt ul,
.content_right ul{margin: 0 0 0 15px;list-style-type: circle;}

.reisedetails .preise .preis {display:block;}
.reisedetails .preis .normpreis {color:#000;width:540px;border-bottom: 1px dotted #ccc;position:relative;}
.reisedetails .preis .fbpreis {width:300px;border-bottom: 1px dotted #ccc;position:relative;margin-left:240px;}
.reisedetails .preis .kirabpreis {width:300px;border-bottom: 1px dotted #ccc;position:relative;margin-left:240px;}
.reisedetails .preis .kirabpreis .title,
.reisedetails .preis .fbpreis .title,
.reisedetails .preis .normpreis .title {display:inline;margin-bottom:-1px;background:#fff;padding-right:10px;color:inherit;line-height:20px;vertical-align:bottom;max-width:300px;}
.reisedetails .preis .kirabpreis  .preis,
.reisedetails .preis .fbpreis  .preis,
.reisedetails .preis .normpreis .preis {color:#444;margin-bottom:-5px;background:#fff;position:absolute;right:0;bottom:3px;padding-left:10px;}
.reisedetails .preise {position:relative;}
ul.abftabl span {float:right;font-weight:normal;text-align:right}
ul.abftabl li{border-bottom:1px dotted #055;}

.tag{background:url(/includes/img/arrow_down.png) top right no-repeat}
.tag.open{background:none}

.content.reisekat {padding-top:0;}
.tourbox {padding:0;display:block;height:205px;margin:0 0 20px;position: relative;width:940px;border:1px solid #055; box-shadow:0 0 5px #ccc}
.tourbox:hover{background:#ecf4fa;box-shadow:0 0 5px #333}
.tourbox img {width:305px;height:205px;border:1px solid #888;float:left;margin:-1px 20px -1px -1px;}
.tourbox .texte {width: 560px;display:block;height:205px;overflow:hidden;float:left;}
.tourbox .tage {position: relative;left: -20px;}
.tourbox .zeitraum {border-bottom: 1px solid #CCC;display: block;letter-spacing:normal;}
.tourbox .zeitraum .status {float: right;}
.tourbox .tourtitle {color:#055;font-size:24px;font-weight:bold;line-height:36px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px;}
.tourbox .highlights {display:block;height:66px;overflow:hidden;margin-bottom:20px;}
.tourbox .highlights ul {list-style:circle;margin-left:20px;}
.tourbox .lastline {border-top: 1px solid #CCC;display:block;letter-spacing:normal;margin-top: 35px;position:relative;}
.tourbox .lastline .link {float:right;letter-spacing:2px;color:#055;}
.tourbox .lastline .preis {display: inline-block;width: 360px;position:relative;top: -6px;}
.tourbox .lastline .preis .pr {float:right;padding:0;padding-left:10px;}
.tourbox .lastline .preis span {position: relative;bottom: -6px;padding-right:10px;}
.new_month {display:none;}
.sort {float:right;}
.inhalt .sort{margin-right:-310px}
.sort span {margin-right:5px;}
.sort .mystyled {float:right;}

.buchungsrahmen h1 {margin-bottom:40px;width:530px;font-size:24px;line-height:28px;color:#111}
.buchungsrahmen h2 {margin:40px 0 20px;font-size:16px;line-height:20px;border-bottom:1px solid }
.buchungsrahmen input {height:16px;line-height:16px;font-size:14px;float: left;padding: 5px 5px 5px 7px;margin-top: 3px;width: 270px;border: 1px solid #CCC;clear: left;}
.buchungsrahmen input[type="checkbox"] {-webkit-appearance: checkbox !important;-moz-appearance: checkbox !important;-ms-appearance: checkbox !important;-o-appearance: checkbox !important;appearance: checkbox !important;width:auto;}
.buchungsrahmen input[type="radio"] {-webkit-appearance: radio !important;-moz-appearance: radio !important;-ms-appearance: radio !important;-o-appearance: radio !important;appearance: radio !important;width:auto;}
.buchungsrahmen textarea:focus,
.buchungsrahmen select:focus,
.buchungsrahmen input:focus {box-shadow:0 0 5px #a02021;}
.buchungsrahmen label {display:none;}
.buchungsrahmen .rightbox {float: right;margin-top: -65px;margin-right: 50px;}
.buchungsrahmen input[name="revorname"] {width: 127px;margin-right: 3px;}
.buchungsrahmen input[name="renachname"] {width: 127px;clear: none;}
.buchungsrahmen input[name="plz"] {width: 55px;margin-right: 3px;}
.buchungsrahmen input[name="ort"] {width: 200px;clear: none;}
.buchungsrahmen .reisetext {margin-bottom:30px;}
.buchungsrahmen .mystyled {display: inline-block;width: 90px;}
.buchungsrahmen .mystyled.versicherung {width:220px;top: 7px;}
.buchungsrahmen .mystyled.versicherung .myliste {width:400px;}
.buchungsrahmen .teilnehmerzahl {margin-bottom:20px;}
.buchungsrahmen .teilnehmerzahl .mystyled {width:135px;top:7px;}
.buchungsrahmen .teilnehmerzahl .mystyled .myliste {width:100px;}
.buchungsrahmen textarea {width:400px;height:100px;padding: 5px 5px 5px 7px;line-height:16px;font-size:14px;border: 1px solid #CCC;}
.buchungsrahmen .person {padding:10px;margin:25px 0;box-shadow:0 0 5px #999;}
.buchungsrahmen .booking_btn{float:right;margin-bottom:0;}
.person .mystyled, .person input {float:left;clear:none;}
.person input.vorname {margin-left:20px;width:190px;margin-top:0;}
.person input.nachname {margin-left:10px;width:190px;margin-top:0;}
.person input[type="radio"],
.person input[type="checkbox"] {width:auto;margin-right:10px;}
.person .abfahrtsort {width: 300px;margin-left: 10px;}
.person .abfahrtsort .myliste {width: 220px;margin-left:0;font-size:14px;}
.person .alter {margin-left:10px;width:70px}
.person .alter .myliste {width:60px;}
.person .anrede .myliste {width:100px;}
.person .leistungen {display:block;margin:0 0 20px 0;padding:10px 0 0;width:590px;float:right;}
.person .leistungen .first {margin-top:10px;display: block;}
.person .leistungen.passiv {display:none;}
.person .preisdotted {border-bottom: 1px dotted #BBB;position: relative;font-size:14px;}
.person .preisdotted .title {margin-bottom: -1px;background: #fff;display: inline-block;padding-right: 10px;line-height: 20px;}
.person .preisdotted .preis {position: absolute;right: 0;bottom: -1px;background: #fff;padding-left: 10px;}
.person .preisdotted .preisfb {background:#a02021;color:#fff;cursor:pointer;padding:1px 2px;float:right;margin-right:80px;}
.person .perspreis {border:none;border-top:1px solid #000;font-weight:bold;}
.person .abfahrtsort {}
.person .zusatzdaten {float:left;width:240px;}
.person .zusatzdaten input {width:224px}
.person .zusatzdaten  .rpausstelldatum {width:100px;margin-right:10px;}
.person .zusatzdaten  .rpgueltigbis {width:100px;}
.grouprabatt {float:right;width:600px;display:none;}
.endpreis {float:right;width:600px;border-top:1px solid #000;font-weight:bold;}
.grouprabatt .preis,
.endpreis .preis {float:right;margin-right:10px;}
.backtostart {}

.checkback {background:#666}
.error {border:2px solid #a02021 !important;}
.datenschutzinfo,
.agbred {margin-left:10px;}
.content .submenu .alttermine li a {font-size:14px;line-height:16px;white-space:nowrap;}
.content .submenu .alttermine .myliste {width:200px;overflow-y:scroll;margin-left:0;}
.reisedetails .submenu .leistungen {clear: both;}
.reisedetails {position:relative;}
/*.reisedetails .booking_btn {border:none;color:#fff;width:210px;height:55px;background:#a02021 url(/includes/img/btn_bg.png) no-repeat;padding-left:20px;font-size:20px;line-height:55px;margin-top: 40px;}*/
.taxiservice {display: block;}
.taxiservice span {margin-left:10px;}
#microsite {background:#fff;width:650px;}
#microsite input.print {position:absolute;right:0px;top:58px;height:30px;width:100px;cursor:pointer;}
#microsite .inhalt{width:600px;margin:10px 30px 25px 20px}
.irrtum{position: absolute;bottom:0}

#suchebox.notshow {display:none;}

/* Mystyled */
.mystyled {position:relative;width:190px;margin-right:2px;margin-top:-4px}
.mystyled .myanzeige {overflow: hidden;border:1px solid #bbb;background:#eee url(/includes/img/select.png) right no-repeat;height:16px;padding:5px;padding-left:7px;line-height:17px;font-size:14px;width:100%;cursor:pointer;}
.mystyled .myliste {display:none;position:absolute;box-shadow: 3px 2px 4px #ccc; background: #fff;border: 1px solid #ccc;width:202px;;cursor: pointer;list-style:none;z-index:2;max-height:290px;overflow-y:auto;}
.mystyled .myliste li {padding:5px;}
.mystyled .myliste li:hover {box-shadow:0 0 5px #999;background:#eee;}
.person .myanzeige {height:16px;line-height:17px}

.normal_form label,
.kontakt_form label {background:#888;color:#fff;border:1px solid #888;min-height:16px;float:left;display:block;padding:5px;width:130px;clear:left;margin-top:3px;margin-right:3px;font-size: 16px;line-height:16px;}
.normal_form textarea,
.kontakt_form textarea {width:379px;min-width:379px;max-width:379px;padding: 5px 5px 5px 7px;margin-top:3px;border:1px solid #ccc;line-height: 16px;font-size: 14px;float:left;}
.normal_form .mystyled,
.kontakt_form .mystyled {margin-top:3px;float:left;width:100px;}
.normal_form .mystyled .myliste,
.kontakt_form .mystyled .myliste {width:75px;}
.normal_form input[name="vorname"],
.kontakt_form input[name="vorname"],
.normal_form input[name="name"],
.normal_form input[name="revorname"],
.normal_form input[name="renachname"],
.kontakt_form input[name="name"] {width:180px}
.normal_form input[name="name"],
.normal_form input[name="renachname"],
.kontakt_form input[name="name"] {margin-left:5px;}
.normal_form input[name="replz"],
.normal_form input[name="plz"],
.kontakt_form input[name="plz"] {width:90px;}
.normal_form input[name="reort"],
.normal_form input[name="ort"],
.kontakt_form input[name="ort"] {width:270px;margin-left:5px;}
.kontakt_form input[type="checkbox"] {width:auto;}
.normal_form .katalogstyled,
.kontakt_form .katalogstyled {width:28px;height:28px;background:url(/includes/img/checkstyled.png) no-repeat top;float:left;margin-top:3px;cursor:pointer;}
.normal_form .katalogstyled.on,
.kontakt_form .katalogstyled.on {background:url(/includes/img/checkstyled.png) no-repeat bottom;}
.nlrechtstext {float: left;margin-top: 13px;margin-left: 10px;position:relative;font-size:12px;}
.nlrechtstext .show {border-bottom:1px dotted #055;}
.nlrechtstext .text {position:absolute;width:273px;background:#ddd;padding:5px;margin-left:5px;top:-42px;display:none;}
.nlrechtstext:hover .text {display:inline-block;}
.normal_form input:focus,
.normal_form textarea:focus,
.kontakt_form input:focus,
.kontakt_form textarea:focus {box-shadow:0 0 5px #055;}
.nltxt,
.normal_form input,
.kontakt_form input {line-height: 16px;font-size: 14px;float: left;padding: 5px 5px 5px 7px;margin-top: 3px;width: 379px;border: 1px solid #CCC;}
.nltxt {height:auto;width:584px;line-height:22px;border:none;padding-left:0}
.nl_senden_in,
.nl_senden_out,
#microsite .sendebutton,
.normal_form input[type="submit"],
.kontakt_form input[type="submit"] {margin:10px 0 50px 239px;width:300px;background:#055;padding:0 10px;line-height:50px;font-size:21px;font-weight:bold;color:#fff;text-align:center;cursor:pointer;border:none;}
.normal_form fieldset{border:none;margin-bottom:10px}

#accordion h3 {margin-top:20px;position:relative;height:20px;border:none;font-weight:bold;background:url(/includes/img/arrow_down.png) right center no-repeat;padding:3px 0;border-bottom:1px solid #ddd;}
#accordion h3.ui-state-active {background:none;border:none;}
#accordion h3 a {position:absolute;top:5px;left:5px;color:#444;font-size:14px;line-height:20px;margin:0;}
#accordion h3 a.lesen,
#accordion h3 .ui-icon {display:none;}
#accordion .eintrag {background:none;border:none;font-size:14px;line-height:17px;}
#accordion p {margin-left:5px;}
#accordion .kommentar{font-size:14px;line-height:17px;color:#055}

.stellen h3 {margin-top:20px;position:relative;min-height:20px;border:none;font-weight:bold;background:url(/includes/img/arrow_down.png) right center no-repeat;padding:3px 0;border-bottom:1px solid #ddd;cursor:pointer}
.stellen h3.open {background:none;border:none;}
.stellen .stellentext{border-left:3px double #055;padding-left:10px}

.slider_small {height:260px;width:930px;overflow:hidden;}
.slider_small .zone {white-space:nowrap}
.slider_small div div,
.slider_small a {border:1px solid #888;width:296px;position:relative;text-decoration:none;display:block;float:left;height:255px;margin-right:17px;overflow:hidden;}
.slider_small div div a {border:none;}
.slider_small a span {padding:0 5px;display:block;}
.slider_small a .intro {position: absolute;top: -177px;height: 177px;white-space: normal;overflow: hidden;line-height: 22px;background:url(/includes/img/trans_white.png);width:296px;}
.slider_small a .zeitraum {position:absolute;top:0;left:0;width:100%}
.slider_small a .title {display:block;font-size:16px;font-weight:bold;width: 290px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.slider_small a .preis {position:relative;}
.slider_small a .preis span.title {display:inline-block;width:210px;font-weight:normal;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;padding:0;}
.slider_small a .preis span.preis {display:inline;position:absolute;right:0;}
.inhalt.automatic:hover .btn_left,
.inhalt.automatic:hover .btn_right {width:50px;position:absolute;top:0;height:290px;opacity:0.7;cursor:pointer}
.inhalt.automatic:hover .btn_left {left:-50px;}
.inhalt.automatic:hover .btn_right {right:-50px;}
.inhalt.automatic:hover .btn_left:hover,
.inhalt.automatic:hover .btn_right:hover {opacity:1.0}

.fullwidth{}
.hpbox {width:300px;float:left;display:block;margin:0 0 30px 40px;height:230px;position:relative;background:#055;border-bottom:1px solid #055}
.hpbox.boxleft{margin:0 0 30px;clear:both}
.hpbox.boxright{margin:0 0 30px;float:right}
.hpbox h2 {font-size:18px;font-weight:normal;line-height:28px;color:#fff;padding:0 15px;height:30px;overflow:hidden}
.hpbox a {text-decoration:none;color:#fff}
.hpbox img {float:left;margin-right:10px;width:300px;height:200px;border-bottom:1px solid #fff}
.hpbox span {overflow:hidden;height:115px;display:none;text-align:justify;}
.hpbox a.weiter {font-weight:normal;text-decoration:underline;position:absolute;right:0;bottom:0;}

.column{width:290px!important;text-align:justify}
.first.column{margin-right:40px}
.clearcolumns{clear:left}

.stornostaffel img {display:none}
.stornostaffelstufen {display:none;}
.stornostaffelstufen table th,
.stornostaffelstufen table td {border:1px solid #ccc;padding:0 3px}

.cookieinfo {background:#000;color:#fff;text-align:center;font-weight:300;font-size:14px;line-height:18px;z-index: 1000;position: fixed;width: 100%;top:0}
.cookieinfo button {padding:2px 5px;font-size:14px;height:auto;min-height:auto}
a {font-size:inherit;line-height:inherit}

.bupasswort {border:1px solid #055;padding:5px;margin: 0 5px 5px 5px;}
.bupasswort b {display:block;text-align:center;background:#055;margin:-5px;padding:5px;color:#fff;margin-bottom:10px;}
.bupasswort input {border:1px solid #ccc;height:35px;padding:5px;line-height:25px;font-size:18px;margin-top:5px;box-sizing:border-box;width:100%}
.bupasswort button {margin-top:10px;padding:0;width:100%;text-align:center;background: #005555;border:none;line-height:35px;height:50px;box-shadow:0 0 5px #666;color:#fff;font-size:21px;cursor:pointer;border-radius:5px}

#map_canvas {width:100%;height:500px}
.ol-control {font-size: 10px;}
.orte ol li {font-size: 16px;line-height:19px}

body .fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8030;
    text-align: center;
}

body .fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

body #buform_statusleiste .container .reisepreis {background:#055}
body #buform_statusleiste .container .reisepreis * {color:#fff}
.normaltable {width:100%;margin-top:30px;border-collapse:collapse}
.normaltable th,
.normaltable td {border:1px solid #ccc;padding:3px;hyphens: auto;font-size:12px}
.normaltable th {background:#ddd}
.normaltable caption {font-weight:bold;font-size: 150%;}

.first.column.newsletterbox {float:none;width: 100% !important;}
.last.column.newsletterbox {float:none;width: 100% !important;}
.newsletterbox .normal_form .mystyled {width:380px;display:block;margin-bottom:5px;float:none}
.pdfdownloadbutton{display:inline-block;margin:10px 0;width:240px;float:right;text-align:center;background:#055;border:none;line-height:25px;box-shadow:0 0 5px #666;color:#fff;font-size:21px;cursor:pointer;font-weight:bold;padding:10px;text-decoration:none !important;}
.inhalt .pdfdownloadbutton {clear:both;margin-right:-322px}
.inhalt.reisekat {margin-top:5px}

.allInOneKontakt {}
.allInOneKontakt h3{font-size:18px;line-height:24px;border-bottom:1px solid #055;font-weight:300;margin:30px 0 10px}
.allInOneKontakt .bereiche ul {list-style:none;}
.allInOneKontakt .bereiche ul li {float:left;width:33%;display:block}
.allInOneKontakt select,
.allInOneKontakt textarea,
.allInOneKontakt input[type="date"],
.allInOneKontakt input[type="time"],
.allInOneKontakt input[type="text"],
.allInOneKontakt input[type="tel"],
.allInOneKontakt input[type="email"]{width:46%;margin-right:20px;position:relative;border:1px solid #ccc;height:35px;padding:5px;line-height:25px;font-size:18px;margin-top:5px;box-sizing:border-box}
.allInOneKontakt input[type="checkbox"]{margin-right:20px;}
.allInOneKontakt input[name="grund_plz"] {width:calc(14% - 4px);margin-right:0}
.allInOneKontakt input[name="grund_ort"] {width:32%}
.allInOneKontakt select {border-color:#999}
.allInOneKontakt label {display:inline;font-weight:300;font-size:14px}
.allInOneKontakt button {margin:0 auto;display:block;margin:0 0 100px;padding:0;width:100%;text-align:center;background:#055;border:none;line-height:35px;height:50px;box-shadow:0 0 5px #666;color:#fff;font-size:21px;cursor:pointer;border-radius:5px}
.allInOneKontakt .zusatzfelder {margin-bottom:40px}
.allInOneKontakt textarea {height:100px;resize: vertical;min-height:100px}
.allInOneKontakt input.date {width:calc(31% - 4px);margin-right:0}
.allInOneKontakt input[type="time"] {width:15%;}

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}
input[type="checkbox"] {margin-right: 20px;}

.allInOneKontakt .optional + validationhelp:before{content:'*'}
.allInOneKontakt .selectone + validationhelp:before{content:'?'}
.allInOneKontakt .pflicht + validationhelp:before{content:'!';color: #f00;}
.allInOneKontakt .valide + validationhelp{margin-left:-44px}
.allInOneKontakt .valide + validationhelp:before{content:'✓';color: #060;}
.allInOneKontakt input[type="checkbox"].error + label {color:#f00}
.allInOneKontakt input:invalid {box-shadow:none}
.allInOneKontakt .datenschutzklausel {width: 43%;display: inline-block;font-size: 12px;line-height: 14px;}
.allInOneKontakt .datenschutzklausel label {font-size:inherit;line-height: inherit;}
.allInOneKontakt .katalogliste {text-align: center}
.allInOneKontakt .katalogliste .katalog {position:relative;text-decoration:none;display: inline-block;}
.allInOneKontakt .katalogliste .katalog img {transform: rotate(0);box-shadow: -5px 10px 10px #444;transition: transform 0.5s}
.allInOneKontakt .katalogliste .katalog:hover img {transform:rotate(-5deg);}
.allInOneKontakt .katalogliste .katalog span {display: block;margin-top: 20px;max-width: 200px;text-align: center;margin-left:35px;position:relative;white-space: nowrap}
.allInOneKontakt .katalogliste .katalog span:before {content:'t';font-family:'ZD';text-decoration:underline;font-size:25px;position:absolute;left: -25px;line-height: 40px;top:10px;color:#055}

#myoverlay {margin-top: 100px !important;}
fieldset.impfstatus {}
fieldset.impfstatus legend {padding:5px;font-weight:bold}
fieldset.impfstatus div {margin-top:10px}
fieldset.impfstatus label {display:inline-block;width:70px;text-align: center;}
fieldset.impfstatus select {display:inline-block;width:150px !important;min-width:150px !important}
fieldset.impfstatus input {display:inline-block;width:150px !important;min-width:150px !important;height: auto !important}
fieldset.impfstatus button {display:block;margin:20px 0 10px;padding:0;width:100%;text-align:center;background:#055;border:none;line-height:35px;height:50px;box-shadow:0 0 5px #666;color:#fff;font-size:21px;cursor:pointer;border-radius:5px}

.schaltertitel {display:none}

@media (max-width:1023px) and (min-width: 581px) {
    body .content_box .burger {display:block;}
    body #navi {display:none;height:100%}
    body #navi.openburger {display:block}
    body #navi li {display:block;float:none}
    body #navi li:before {display:none}
    body #navi li a {text-align: center;display:block}
    body #navi li ul {width: 100%;position: initial;margin-left: 0;}
    body #logo {left:10px;max-width:40%;max-height:110px}
    body #spoiler .f48{font-size:30px;line-height:32px}
    body #spoiler .f36{font-size:26px;line-height:32px}
    body #spoiler .f20{font-size:18px;line-height:32px}
    body #header {height:125px}
    body .reisesuchen span.reiseziel {display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;}
    body .reisesuchen span.reiseziel input,
    body .reisesuchen span.reiseziel select,
    body .reisesuchen span.reiseziel button {width:100%}
    body .content_box .content {display:flex;flex-wrap:wrap;flex-direction:column}
    body .content_box .content .content_right {width:calc(100% - 20px);margin:0 auto;order:5}
    body .content_box .content .inhalt {width:calc(100% - 20px);margin:40px auto 0}
    body .content_box .content .inhalt .column{width: calc(50% - 20px) !important;}
    body .hpzusatzboxen {display:grid;grid-template-columns: 1fr 1fr;}
    body .hpzusatzboxen a {display:block;width:calc(100% - 20px);margin:0 auto;}
    body .hpzusatzboxen a .hpbox {float:none;width:100%;height: auto;margin:0 0 20px 0 !important;}
    body .hpzusatzboxen a .hpbox img {width:100%;height:auto}

    body .reisekat {display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;width:calc(100% - 20px);margin:0 0 0 10px}
    body .inhalt {width:calc(100% - 20px)}
    body .inhalt .sort {margin-right:10px}
    body .inhalt .pdfdownloadbutton {clear:both;margin-right:0}

    body .tourbox {width:100%;height:auto;max-width:47vw;}
    body .tourbox img {width:100%;height:auto;float:none;display:block}
    body .tourbox a {text-decoration:none}
    body .tourbox .tage {margin-left:0;right:0;left:auto;height:auto;float:none;top: 0;position: absolute;width:auto;padding: 5px;}
    body .tourbox .tage span {display:inline;}
    body .tourbox .highlights {display:none}
    body .tourbox .texte {width:100%;padding:5px;box-sizing:border-box;float: none;height:auto}
    body .tourbox .lastline {width:100%;box-sizing: border-box;padding: 0 5px;float:none;height:auto;position:relative}
    body .tourbox .lastline .preis {width:100%}
    body .tourbox .preis span {display:none}
    body .tourbox .preis .pr {display:block}
    body .tourbox .preis .pr:before {content:"ab "}
    body .tourbox .lastline .link {display:none}
    body .tourbox .zeitraum .datum {font-size: 14px;}
    body .tourbox .zeitraum .status {display:none}

    body .inhalt .buchungsrahmen{width:90%;margin:0 5%}
    .buchungsrahmen{padding-top: 40px;}
    .buchungsrahmen input,
    .normal_form input{height:21px;line-height:21px;font-size:18px;float:none;padding: 2%;margin: 1% auto;width: 95%;border: 1px solid #CCC;clear: both;}
    .buchungsrahmen input[type="checkbox"] {width:auto;}
    .buchungsrahmen textarea:focus,
    .buchungsrahmen input:focus {box-shadow:0 0 5px #eb6909;}
    .buchungsrahmen label {display:none;}
    .buchungsrahmen .rightbox {float: right;margin-top: -65px;margin-right: 50px;}
    .buchungsrahmen input[name="revorname"] {width: 45%;float:left;margin-right:1%;}
    .buchungsrahmen input[name="renachname"] {clear:none;width: 45%;float:left;}
    .buchungsrahmen input[name="plz"]{width: 20%;float:left;margin-right:1%;}
    .buchungsrahmen input[name="ort"]{clear:none;width: 70%;float:left;}
    .buchungsrahmen .reisetext {margin-bottom:30px;}
    .buchungsrahmen .mystyled {display: inline-block;width: 90px;}
    .buchungsrahmen .mystyled.versicherung {width:100%;top: 7px;}
    .buchungsrahmen .mystyled.versicherung .myliste {width:100%;}
    .buchungsrahmen .teilnehmerzahl {margin-bottom:20px;}
    .buchungsrahmen .teilnehmerzahl .mystyled {width:170px;}
    .buchungsrahmen textarea,
    .normal_form textarea{width:96%;height:100px;padding: 1%;line-height:21px;font-size:18px;border: 1px solid #CCC;}
    .buchungsrahmen .person {padding:10px;margin:25px 0;box-shadow:0 0 5px #999;}
    .person .mystyled, .person input {float:left;clear:none;}
    body .buchungsrahmen .teilnehmer .vorname {margin:10px 0;display: block;}
    body .buchungsrahmen .teilnehmer .teilnehmer_uebernehmen {display:none}

    .person input[type="checkbox"] {width:auto;margin-right:10px;}
    .person .abfahrtsort {clear:both;width: 99%;}
    .person .abfahrtsort .myliste {width: 90%;margin-left:0;font-size:14px;}
    .person .alter {margin-left:10px;width:70px}
    .person .alter .myliste {width:60px;}
    .person .anrede .myliste {width:100px;}
    .person .leistungen {display:block;margin:0;padding:10px 0 0;margin-bottom:20px;width:100%}
    .person .leistungen .first {margin-top:10px;display: block;}
    .person .leistungen.passiv {display:none;}
    .person .preisdotted {border-bottom: 1px dotted #BBB;position: relative;}
    .person .preisdotted .title {margin-bottom: -1px;background: #fff;display: inline-block;padding-right: 10px;line-height: 20px;}
    .person .preisdotted .preis {position: absolute;right: 0;bottom: -1px;background: #fff;padding-left: 10px;}
    .person .preisdotted .preisfb {display:inline-block;color:#eb6909;cursor:pointer;padding:1px 2px;margin:0 80px 0 20px;}
    .person .perspreis {border:none;border-top:1px solid #000;font-weight:bold;}
    .grouprabatt {float:right;width:600px;display:none;}
    .endpreis {width:100%;border-top:1px solid #000;font-weight:bold;}
    .grouprabatt .preis,
    .endpreis .preis {float:right;}
    .checkback {background:#666;color:#fff}
    .error {border:2px dotted #00378b !important;}
    .agbred {margin-left:10px;}
    .taxiservice {display: block;}
    .taxiservice span {margin-left:10px;}

    body .normal_form label,
    body .kontakt_form label {float:none}
    body .normal_form input[name="reort"],
    body .normal_form input[name="ort"],
    body .kontakt_form input[name="ort"] {width: calc(100% - 160px);}
    body .normal_form input[name="vorname"],
    body .kontakt_form input[name="vorname"],
    body .normal_form input[name="name"],
    body .normal_form input[name="revorname"],
    body .normal_form input[name="renachname"],
    body .kontakt_form input[name="name"] {width:calc(50% - 35px)}
    body .normal_form textarea,
    body .kontakt_form textarea {width:calc(100% - 20px);min-width:calc(100% - 20px);max-width:calc(100% - 20px)}
    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {height:auto !important;}

    body #mainslider.small {height:auto !important;max-height:none}
    body #mainslider.small .mslid {width:100% !important;height:345px !important;}
    body #mainslider.small .mslid img {width:100% !important;}
    body #mainslider.small .sliderbullets {right:5px;}
    body #mainslider.small .zone {width:100%}
    body #mainslider.small .hpboxslider {position:relative;top:auto;right:auto;width:100%}
    body #mainslider.small .hpboxslider .box {margin:20px auto;width:300px;}
    body #mainslider.small .hpboxslider .box img {width: calc(100% + 20px);}
}

@media (max-width:580px) {
    body .content_box .burger {display:block;}
    body #navi {display:none;height:100%}
    body #navi.openburger {display:block}
    body #navi li {display:block;float:none}
    body #navi li:before {display:none}
    body #navi li a {text-align: center;display:block}
    body #navi li ul {width: 100%;position: initial;margin-left: 0;}
    body #logo {left:10px;max-width:40%}
    body #spoiler .f48{font-size:26px;line-height:28px}
    body #spoiler .f36{font-size:22px;line-height:28px}
    body #spoiler .f20{font-size:14px;line-height:28px}
    body #header {height:100px}
    body .reisesuchen span.reiseziel {display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;}
    body .reisesuchen span.reiseziel input,
    body .reisesuchen span.reiseziel select {width:100%}
    body .reisesuchen span.reiseziel button {grid-column: auto / span 2;width:100%}
    body .content_box .content {display:flex;flex-wrap:wrap;flex-direction:column}
    body .content_box .content .content_right {width:calc(100% - 20px);margin:0 auto;order:5}
    body .content_box .content .inhalt {width:calc(100% - 20px);margin:40px auto 0}
    body .content_box .content .inhalt .column {margin:0;float:none;width:100% !important;}
    body .hpzusatzboxen {padding-bottom:10px}
    body .hpzusatzboxen a {display:block;width:calc(100% - 20px);margin:0 auto;}
    body .hpzusatzboxen a .hpbox {float:none;width:100%;height: auto;margin:0 0 20px 0 !important;}
    body .hpzusatzboxen a .hpbox img {width:100%;height:auto}
    body .content_box.footer .left{}
    body .content_box.footer .left a:first-child{display:none}
    body .content_box.footer .left span:nth-child(2){display:none}
    body .content_box.footer a {font-size:12px;}
    body .inhalt {width:calc(100% - 20px);margin:0 10px;}
    body .reisedetails h1 {width:100%}
    body .reisedetails h2 {width:100%}
    body .bu_btn_ajx a.btn,
    body .booking_btn {width: calc(100% - 20px);}

    body .inhalt .sort {margin-right:10px}
    body .inhalt .pdfdownloadbutton {clear:both;margin-right:10px}

    body .tourbox {width:100%;height:auto}
    body .tourbox img {width:100%;height:auto;float:none;display:block}
    body .tourbox a {text-decoration:none}
    body .tourbox .tage {margin-left:0;right:0;left:auto;height:auto;float:none;top: 0;position: absolute;width:auto;padding: 5px;}
    body .tourbox .tage span {display:inline;}
    body .tourbox .highlights {display:none}
    body .tourbox .texte {width:100%;padding:5px;box-sizing:border-box;float: none;height:auto}
    body .tourbox .lastline {width:100%;box-sizing: border-box;padding: 0 5px;float:none;height:auto;position:relative}
    body .tourbox .lastline .preis {width:100%}
    body .tourbox .preis span {display:none}
    body .tourbox .preis .pr {display:block}
    body .tourbox .preis .pr:before {content:"ab "}
    body .tourbox .lastline .link {display:none}
    body .tourbox .zeitraum .datum {font-size: 14px;}
    body .tourbox .zeitraum .status {display:none}
    body .normal_form input[type="text"],
    body .kontakt_form input[type="text"],
    body .normal_form textarea,
    body .kontakt_form textarea {width:calc(100% - 20px);display:block;margin-left:0;min-width:calc(100% - 20px);max-width:calc(100% - 20px);}
    body .normal_form input[name="revorname"],
    body .normal_form input[name="renachname"],
    body .kontakt_form input[name="name"] {width:calc(100% - 20px);display:block;margin-left:0}
    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {width:100%;margin-left:0}
    body .normal_form input[name="replz"],
    body .normal_form input[name="plz"],
    body .kontakt_form input[name="plz"] {width:calc(100% - 20px);display:block;margin-left:0}
    body .normal_form input[name="reort"],
    body .normal_form input[name="ort"],
    body .kontakt_form input[name="ort"] {width:calc(100% - 20px);display:block;margin-left:0}

    body .tabcontrol_box {display:none}
    body .tabcontrol_box.reisedetails {display:block}
    body .schaltertitel {display:block;background:#fff;font-weight:bold;margin:15px 0 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid #055}
    body .schaltertitel.aktive {background:#055;color:#fff;}
    body .schaltertitel:before {content:'+';display: inline-block;font-size:20px;line-height:25px;font-family:Arial;transition:transform 1s;margin-right:15px}
    body .schaltertitel.aktive:before {transform: rotate(45deg);border:1px solid #fff;border-radius:30px;}
    body ol {margin-left: 10px;}

    body .inhalt .buchungsrahmen{width:90%;margin:0 5%}
    .buchungsrahmen{padding-top: 40px;}
    .buchungsrahmen input,
    .normal_form input {height:21px;line-height:21px;font-size:18px;float:none;padding: 2%;margin: 1% auto;width: 95%;border: 1px solid #CCC;clear: both;}
    .buchungsrahmen input[type="checkbox"] {width:auto;}
    .buchungsrahmen textarea:focus,
    .buchungsrahmen input:focus {box-shadow:0 0 5px #eb6909;}
    .buchungsrahmen label {display:none;}
    .buchungsrahmen .rightbox {float: right;margin-top: -65px;margin-right: 50px;}
    .buchungsrahmen .reisetext {margin-bottom:30px;}
    .buchungsrahmen .mystyled {display: inline-block;width: 90px;}
    .buchungsrahmen .mystyled.versicherung {width:100%;top: 7px;}
    .buchungsrahmen .mystyled.versicherung .myliste {width:100%;}
    .buchungsrahmen .teilnehmerzahl {margin-bottom:20px;}
    .buchungsrahmen .teilnehmerzahl .mystyled {width:100%;top:7px;}
    .buchungsrahmen .teilnehmerzahl .mystyled .myliste {width:100px;}
    .buchungsrahmen textarea,
    .normal_form textarea{width:96%;height:100px;padding: 1%;line-height:21px;font-size:18px;border: 1px solid #CCC;}
    .buchungsrahmen .person {padding:10px;margin:25px 0;box-shadow:0 0 5px #999;}
    .person .mystyled, .person input {float:left;clear:none;}
    .person input[type="checkbox"] {width:auto;margin-right:10px;}
    .person .abfahrtsort {width: 90%;}
    .person .abfahrtsort .myliste {width: 90%;font-size:18px;}
    .person .alter {margin-left:10px;width:70px}
    .person .alter .myliste {width:60px;}
    .person .anrede .myliste {width:100px;}
    .person .leistungen {display:block;margin:0;padding:10px 0 0;margin-bottom:20px;width:100%}
    .person .leistungen .org{color:#eb6909}
    .person .leistungen .first {margin-top:10px;display: block;}
    .person .leistungen.passiv {display:none;}
    .person .preisdotted {border-bottom: 1px dotted #BBB;position: relative;}
    .person .preisdotted .title {margin-bottom: -1px;background: #fff;display: inline-block;padding-right: 10px;line-height: 20px;}
    .person .preisdotted .preis {position: absolute;right: 0;bottom: -1px;background: #fff;padding-left: 10px;}
    .person .preisdotted .preisfb {display:inline-block;color:#eb6909;cursor:pointer;padding:1px 2px;margin:0 80px 0 20px;}
    .person .perspreis {border:none;border-top:1px solid #000;font-weight:bold;}
    .grouprabatt {float:right;width:600px;display:none;}
    .endpreis {width:100%;border-top:1px solid #000;font-weight:bold;}
    .grouprabatt .preis,
    .endpreis .preis {float:right;}
    .booking_btn.checkback {background:#666;color:#fff}
    .error {border:2px dotted #00378b !important;}
    .agbred {margin-left:10px;}
    .taxiservice {display: block;}
    .taxiservice span {margin-left:10px;}
    body .buchungsrahmen .teilnehmer .vorname {margin:10px 0;display: block;}
    body .buchungsrahmen .teilnehmer .teilnehmer_uebernehmen,
    body .buchungsrahmen .teilnehmer .teilnehmer_auswaehlen {display:none}
    body .buchungsrahmen .buchungstep5 .versicherungen .versicherung {flex-basis:100%}
    body .buchungsrahmen .buchungstep6 .werte span {width:100%;float:none}
    body .buchungsrahmen .buchungstep6 .werte input[type="text"],
    body .buchungsrahmen .buchungstep6 .werte input[type="number"],
    body .buchungsrahmen .buchungstep6 .werte input[type="tel"],
    body .buchungsrahmen .buchungstep6 .werte input[type="email"],
    body .buchungsrahmen .buchungstep6 .werte select,
    body .buchungsrahmen .buchungstep6 .werte textarea,
    body .buchungsrahmen .buchungstep6 .werte .grund_plz,
    body .buchungsrahmen .buchungstep6 .werte .grund_ort input,
    body .buchungsrahmen .buchungstep6 .werte .grund_strasse input,
    body .buchungsrahmen .buchungstep6 .werte .grund_strasse,
    body .buchungsrahmen .buchungstep6 .werte .grund_ort,
    body .buchungsrahmen .buchungstep6 .werte .grund_hausnr {width:100%}

    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {height:auto !important;}
    body .inhalt .left {width:100%;float:none}
    body .inhalt .right {width:100%;float:none}
    body .inhalt .right p:empty {display:none}
    body .travel_tipps {margin: 0 auto;}

    body validationhelp {margin-left:-20px}
    body select + validationhelp {margin-left:-40px}
    body .allInOneKontakt .bereiche ul li {float:none;width:95%}
    body .allInOneKontakt select,
    body .allInOneKontakt textarea,
    body .allInOneKontakt .datenschutzklausel,
    body .allInOneKontakt input[type="text"],
    body .allInOneKontakt input[type="email"],
    body .allInOneKontakt input[type="tel"]{width:100%;margin-right:0}
    body .allInOneKontakt .datenschutzklausel {display:block;margin-top:20px}
    body .allInOneKontakt button {width:100%}
    body .grunddaten {display:flex;flex-direction: column;}

    body #mainslider.small {height:auto !important;max-height:none}
    body #mainslider.small .mslid {width:100% !important;height:auto !important;}
    body #mainslider.small .mslid img {width:100% !important;}
    body #mainslider.small .sliderbullets {right:5px;}
    body #mainslider.small .zone {width:100%}
    body #mainslider.small .hpboxslider {position:relative;top:auto;right:auto;width:100%}
    body #mainslider.small .hpboxslider .box {margin:20px auto;width:300px;height:auto;}
    body #mainslider.small .hpboxslider .box .text {padding-bottom:45px;}
    body #mainslider.small .hpboxslider .box img {width: calc(100% + 20px);}
    body #mainslider.small .slidertext .sl_tipp {display:none}
}