@charset "utf-8";
@import url(/includes/fonts/allura/all.css);
@import url(/includes/fonts/fontawesome/all.css);
@import url(/includes/css/general.css);

@font-face {
    font-family: 'CooperBlack';
    src: url('/includes/fonts/2E4509_0_0.eot');
    src: url('/includes/fonts/2E4509_0_0.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/2E4509_0_0.woff2') format('woff2'), url('/includes/fonts/2E4509_0_0.woff') format('woff'), url('/includes/fonts/2E4509_0_0.ttf') format('truetype');
    font-display: swap;
}

/* individueller Teil */
* {font-family:"Verdana";font-size:14px;line-height:17px;color:#333;}
body {background:#fff;}
body .backstretch {background:linear-gradient(to left, #ddd 0%, #fff 40%, #fff 60%, #ddd 100%); width:100%;height:100%;position:fixed;top:0;left:0;z-index:-9999;background-size:cover;}
h1 {font-size: 24px;color: #333;margin:10px 0 30px;width: 620px;line-height: 36px;}
input:focus,
.error {box-shadow: 0 0 10px #FABB22;}

#container{position:relative;z-index:1;max-width:980px;width:100%;margin:0 auto;background:#fff;box-shadow:0 0 10px #333}

#header{position:relative;height:115px;width:100%;}
#footer{position:relative;bottom:0;margin:40px 0 20px;background:#00378b;box-shadow:0 -5px 5px #ccc;padding:10px}
#footer ul{list-style-type:none;display:flex;justify-content: space-between;flex-wrap: wrap}
#footer ul li{color:#fff;font-size:16px;line-height:25px;width:calc(100% / 4);font-weight:bold;text-transform:uppercase}
#footer ul li a{color:#fff;text-decoration:none;font-size:16px;line-height:25px;background:url(/includes/img/arrow_white.png) 0 3px no-repeat;padding-left:20px}
#footer ul li ul li a{font-size:14px;line-height:18px;}
#footer ul li a:hover{text-decoration:underline}
#footer ul li ul{margin-top:10px;display:block}
#footer ul li ul li{font-weight:normal;font-size:14px;line-height:18px;text-transform:none;width:100%}
#footer #copy{width:240px;display:block;clear:both;margin:20px 0 0;float:right;color:#99f;font-size:10px;line-height:15px}
#footer #copy sup{color:#99f;font-size:10px;line-height:10px}
#footer a#copy {color:#99f;text-decoration:none}
#footer a#copy:hover{text-decoration:underline}
#footer #bildrechte{margin:20px 0 0;float:left;width:100%;color:#99f;font-size:10px;line-height:15px}

#logo{position:absolute;z-index:100;display:block;margin-left:-58px;width:430px;height:175px;}
#logo img {display:block;width:100%;height:auto}
#anhaenger{position:absolute;z-index:3;width:220px;height:100px;background:url(/includes/img/48jahreanhaenger.png)no-repeat;left:340px}

#naviline {z-index:2;height:40px;display:block;position:absolute;top:72px;width:980px;background:#00378b;}

#navimain{position:absolute;z-index:99;top:75px;left:360px;width:620px;}
#navimain ul{list-style:none;margin-top: 2px;float:right}
#navimain ul li {float:left;height:32px}
#navimain ul li:first-child a{text-indent: -10000px;position:absolute;left:0;background:url(/includes/img/home.png)0 -3px no-repeat;width:35px;height:35px;border:none}
#navimain ul li a {display:inline-block;padding:2px 10px;height:32px;line-height:32px;text-decoration:none;font-size:15px;font-weight:normal;border-left:0 solid #fff;color:#fff;font-family:'CooperBlack',Verdana;}

#navimain ul li a.active {border-color:#fff;background:#fff;color:#00378b;z-index:11;position:relative;}
#navimain ul li a.active2 {border-color:#fff;background:#fff;color:#00378b;z-index:11;position:relative;}
#navimain ul li div {position:absolute;right:9px;z-index:10;background:#fff;width:940px;border:1px solid #00378b;border-top:none;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;color:#fff;padding:10px;box-shadow:#333 0 0 5px;top:38px;display:none;}
#navimain ul li div div{float:left;background:none;border-radius:0;border:none;display:block;position:relative;box-shadow:none;padding:0;top:0;}
#navimain ul li div div b {color:#00378b;line-height:30px}
#navimain ul li div div a {border:none;border-radius:0;background:none;margin-bottom:25px;display:block;height:auto;width:auto;padding:0;}
#navimain ul li div div a:hover {border:none;border-radius:0;background:none;}
#navimain ul li div div ul {float:left;display:block;margin-left:0;padding:0;margin-right:10px;width:135px;overflow: hidden;}
#navimain ul li div div.fullw ul {width:auto}
#navimain ul li div div ul li:first-child a{background:none;text-indent:0;position:inherit;width:auto;}
#navimain ul li div div ul li {white-space:nowrap;float:none;margin-left:0;line-height:20px;height:20px;margin-bottom:5px;border-top:1px dotted #ccf}
#navimain ul li div div ul li b {font-size:13px;line-height:17px;}
#navimain ul li div div ul li a {border:none;padding:0;color:#00378b;font-size:13px;line-height:20px;display:block;font-family:Verdana}
#navimain ul li div div ul li a b {font-weight:normal;}
#navimain ul li div div.col1 {width:435px;}
#navimain ul li div div.col2 {width:160px;}
#navimain ul li div div.col3 {width:320px;}
#navimain ul li div div.col4 {width:610px;}
#navimain ul li div div.col4 li {float:left;width:180px;padding-right:20px}

#navimain ul li div div.col3 img{margin-top:10px}
#navimain ul li div div.trenner {border-right: 1px solid #00378b;margin-right: 20px;}
#navimain ul li div.normalnavi {width:auto;position:absolute;left:auto;margin-left:-20px;}
#navimain ul li div #suchebx{margin-left:10px;width:140px}
#navimain ul li div input.suche{width:100px;padding:2px;border:1px solid #00378b;}
#navimain ul li div span.suchebtn{width:14px;height:15px;padding:3px;border:1px solid #00378b;background:#00378b url(/includes/img/arrow_white.png) center 2px no-repeat;display:inline-block;vertical-align:bottom;cursor:pointer}

#navitop{position:absolute;z-index:99;top:0;right:0;width:430px;height:20px;overflow:hidden}
#navitop ul{list-style:none;margin-top: 2px;float:right}
#navitop ul li {float:left;}
#navitop ul li a {display:inline-block;padding:0 10px;height:20px;line-height:14px;text-decoration:none;font-size:12px;font-weight:normal;border-left:1px solid #00378b;color:#00378b}
#navitop ul li:first-child a{border:none}
.menutoggle {display:none;cursor:pointer}

#telefon{color:#00378b;text-decoration:none;position:absolute;z-index:99;top:30px;right:10px;width:430px;font-size:30px;line-height:1;text-align:right;overflow:hidden;color:#00378b;font-weight:normal}
#telefon:before{content:'\f095';font-family: "Font Awesome 5 Free";font-weight:900;margin-right:5px;font-size:24px}

#mainslider{margin:0 0 40px;overflow:visible;width:calc(100%);position:relative;box-sizing:border-box}
#mainslider img{width:100%;}
#mainslider .mslid {width:960px;height:450px;float:left;margin:0;position:relative;}
#mainslider .slidertext {display:block;opacity:1}

#mainslider .sl_title{background:#fff;position:absolute;bottom:25px;max-width:700px;color:#00378b;margin:0;line-height:40px;font-size:24px;font-weight:normal;letter-spacing:1px;padding:0 20px 0 0;border-top-right-radius:10px;border-bottom-right-radius:10px;padding-left:10px}
#mainslider .sl_img{position:absolute;top:10px;right:0;background:#fff;padding:5px 10px;opacity:0.7}
#mainslider .sl_img:hover{opacity:1}
#mainslider .sl_tipp{display:none;border-radius:10px}
#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}
#mainslider .sl_tipp .sl_tipp_title,
#mainslider .sl_tipp .sl_tipp_text{font-size:14px;color:#00378b;line-height:17px;opacity:1}
#mainslider .sl_tipp .sl_tipp_more{background:url(/includes/img/arrow.png)0 2px no-repeat;padding-left:20px;position:absolute;bottom:5px;right:10px;font-size:16px;text-decoration:none;font-family:Verdana}
#mainslider .sl_tipp .sl_tipp_title{border-bottom:1px solid #00378b;padding-bottom:5px;margin-bottom:10px;margin-top:-5px;white-space: nowrap;font-weight:bold}
#mainslider .sl_tipp .sl_tipp_text{height:105px;overflow:hidden;}

#mainslider .btn_left,.btn_right{position: absolute;bottom:15px;width:40px;height:40px;cursor:pointer;z-index:10;opacity:0.6;border-radius:40px;box-shadow:0 0 10px #333}
#mainslider .btn_left{background:#fff url('/includes/img/arrow_back.png') no-repeat center center;right:60px}
#mainslider .btn_right{background:#fff url('/includes/img/arrow_for.png') no-repeat center center;right:10px}
#mainslider:hover .btn_left,
#mainslider:hover .btn_right{display:block;opacity:0.75}
#mainslider .btn_left:hover,
#mainslider .btn_right:hover{opacity:1}

#mainslider .zone a {position:relative;text-decoration: none;display: block !important;}
#mainslider .zone a .inhalt {position: absolute;left:40px;bottom:40px;width:40%;color:#fff}
#mainslider .zone a .inhalt .title {font-weight:bold;display:block;font-size:40px;line-height:50px;margin-bottom:10px;}
#mainslider .zone a .inhalt .text {font-weight:normal;display:block;font-size:20px;line-height:24px;margin-bottom:20px;}
#mainslider .zone a .inhalt .link {border:1px solid #fff;color:#fff;font-size:16px;padding:5px;position:relative}
#mainslider .zone a .inhalt .link:after {content:'>';font-weight:bold;font-size:20px;margin-left:10px}


#content{width:calc(100% - 20px);margin:0 10px;display:flex;justify-content:space-between}
#content.buchungsrahmen{margin:0 10px}
.homebox{width:calc(100% / 3 - 10px);overflow-x:hidden;margin-bottom:50px;border:1px solid #ccc;border-radius:10px;position:relative;padding-bottom:20px;}
.homebox h2{font-family:'CooperBlack';font-weight:normal;font-size:15px;background:#eee;color:#00378b;line-height:25px;border-top-left-radius:10px;border-top-right-radius:10px;padding:0 5px;overflow-y:hidden}
.homebox img{margin:2px 0;width:100%;height:auto;background:#ddd}
.homebox span{display:block;font-size:12px;line-height:18px;text-align:justify;padding:2px}
.homebox a{display:block;text-align:right;font-size:12px;color:#333;text-decoration:none;font-family:Verdana;font-weight:bold}
.homebox a:hover{text-decoration:underline}
.homebox a:first-letter{background:url(/includes/img/arrow.png)0 2px no-repeat;padding-left:15px;}
.homebox .mehr {position: absolute;bottom:2px;right:2px;}

.rightcol{order:2;width:250px;}
.rightbox{width:100%;overflow-x:hidden;float:right;margin:0 0 20px;border-radius:10px;border:1px solid #701416;padding-bottom: 10px;background:#ddd}
.rightbox h3{font-family: Allura;font-weight:normal;font-size:22px;line-height:30px;padding:0 5px;height:75px;overflow-y:hidden;background:#701416;color:#fff;}
.rightbox h3::first-line{font-size:40px;line-height:45px;text-align:left;}
.rightbox h3 span{font-family: 'Allura';display:block;text-align:right;font-size:22px;line-height:30px;color:#fff;background:none;padding:0}
.rightbox h3 span.normal{font-family:Verdana;font-size:16px}
.rightbox span,
.rightbox p{display:block;font-size:12px;line-height:18px;background:#ddd;text-align:justify;padding:4px;color:#333;}
.rightbox img{display:block;width:248px;margin:-9px;text-align:center}
.rightbox p img{margin:-4px;}
.rightbox .facemsg a{font-family:Verdana;display:inline-block;text-align:right;font-size:14px;color:#701416;text-decoration:none;padding:0 5px 0;}
.rightbox span a,
.rightbox p a{font-family:Verdana;display:block;text-align:right;font-size:14px;color:#701416;text-decoration:none;padding:10px 5px 0;}
.rightbox.blogbilder p a{padding:0}
.rightbox span a.links_ltr {text-align:left;}
.rightbox a:hover{text-decoration:underline}
.rightbox a:first-letter{background:url(/includes/img/arrow_red.png)0 2px no-repeat;padding-left:15px;}

.rightbox ul{margin: 0 20px;list-style-type: circle;}
.rightbox ul li{font-size:12px}

.leftcol{width:calc(100% - 270px);order:1;display:flex;flex-wrap:wrap;justify-content:space-between}
.content{width: 100%;padding-left: 5px;}
.leftcol .content h1{hyphens: auto;background:#00378b;font-family:'CooperBlack',Verdana;font-size:34px;line-height:43px;font-weight:normal;color:#fff;width:100%;margin:0 0 20px -15px;padding-left:15px;}
.leftcol .content h1 span{display:block;color:#fff;font-weight:normal;line-height:30px;font-family:'CooperBlack',Verdana;}
.leftcol .content h1-helper{content:url(/includes/img/leftcolh1.png);}
.leftcol .content h1::first-line{font-size:34px;line-height:43px;}
.leftcol .content h1{font-size:18px;line-height:42px;}
.leftcol .content h2{font-weight: normal;font-size: 18px;margin: 10px 0 5px;}
.leftcol .content_iframe{width: 650px;height: 1400px;border: none;}

.leftcol .content ul,
.leftcol .content ol{margin:0 20px}
.leftcol .content p{margin-bottom:20px}
.leftcol .intro {margin:40px 0}
.leftcol .tag{color: #00378b;font-weight: bold;margin-top: 20px;}
.leftcol .leftcol {width:100% !important;}

.tabcontrol_box{border-bottom: 2px solid #00378b;height: 39px;margin: 80px 0 40px;}
.tabcontrol{height: 35px !important;display: inline-block;padding: 0px 10px;background: #00378b;margin-right: 2px;margin-bottom: 0;cursor: pointer;}
.tabcontrol.aktive{background: #fff;border-width: 2px;border-style: solid;border-color: #00378b #00378b #FFF;margin-bottom: -1px;height: 37px !important;}
.tabcontrol div{display:block;color:#fff;line-height:28px;font-size:18px}
.tabcontrol.aktive div{color:#00378b;line-height:28px;font-weight:bold;}
.tabcontrol.aktive:hover div{color:#00378b}
.tabcontrol:hover div{color:#ccc;}

.rightbox .preis{margin:10px;color:#333;}
.rightbox .preis div{color:#333;display:inline-block;float:right;font-weight:bold;color:#701416}
.rightbox .fb{margin:10px;color:#c00;text-align:right}
.rightbox .fb div{color:#c00;display:inline-block;float:right;padding-left:10px}
.booking_btn{margin:0 0 100px;width:250px;text-align:center;background:#00378b;font-family:'CooperBlack';border:none;line-height:50px;box-shadow:0 0 5px #666;color:#fd0;font-size:21px;cursor:pointer;font-weight:bold;}
.ausgebuchtbox{background:#00378b;color:#fff;display:block;width:238px;padding:10px 5px;overflow-x:hidden;float:right;margin:0 0 100px;border-radius:10px;border:1px solid #701416;}
.ausgebuchtbox b,
.ausgebuchtbox a{color:#fff}
.rightcol .alttermine{display:block;margin-bottom: 30px;}

.tourbox {padding:0;display:block;position: relative;border:1px solid #055; box-shadow:0 0 5px #ccc;margin-bottom:15px}
.tourbox a {display:block;text-decoration:none}
.tourbox:hover{background:#ecf4fa;box-shadow:0 0 5px #333}
.tourbox img {width:100%;}
.tourbox .texte {width:100%;display:block;overflow:hidden;padding:5px;box-sizing:border-box}
.tourbox .tage {position: absolute;top: 0;right: 0;}
.tourbox .tage,
.reisedetails .zeitraum .tage {width:50px;height:45px;background:#ccc;color:#00378b;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;}
.reisekat {width: 100%;}
.reisekat .reisekatbox {display:flex;flex-wrap:wrap;justify-content:space-between;}
.tourbox {width:calc(50% - 10px)}
.reisecontent {width:100% !important;}
.reisecontent.leftcol .content h1 {width:calc(100% - 250px)}

.tourbox .zeitraum {border-bottom: 1px solid #CCC;display: block;letter-spacing:normal;}
.tourbox .zeitraum .status {font-family:'CooperBlack';color:#701416;left:7px;bottom:30px;position:absolute;font-size:11px;}
.tourbox .tourtitle {color:#00378b;font-size:17px;font-weight:bold;line-height:25px;display:block;margin:10px 0 10px;hyphens:auto;width:100%}
.tourbox .tourtitle:first-line {font-size:21px;}
.tourbox .highlights {display:block;min-height:40px;overflow:hidden;margin-bottom:45px;width:100%;}
.tourbox .highlights ul {list-style:circle;margin-left:20px;}
.tourbox .lastline {border-top: 1px solid #ccc;display: block;letter-spacing: normal;bottom: 0;position: absolute;height: 25px;width: calc(100% - 10px);box-sizing: border-box}
.tourbox .lastline .link {letter-spacing:2px;color:#00378b;position: absolute;bottom: 30px;right: 0;}
.tourbox .lastline .preis {display: inline-block;width:100%;position:relative;top: -6px;}
.tourbox .lastline .preis .pr {width:95px;text-align: right;background: #fff;position: absolute;right: 0;bottom: -8px;font-weight: bold;}
.tourbox .lastline .preis span {position: relative;bottom:-6px;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.new_month {display:none;}
.sort {float:right;position:relative;margin-right:0}
.sort span {margin-right:10px;display:block;font-size:14px;}
.sort .mystyled {float:right;}

/* Mystyled */
.mystyled {position:relative;width:170px;}
.mystyled .myanzeige {overflow: hidden;border:1px solid #00378b;background:#eee url(/includes/img/select.png) right no-repeat;height:20px;padding:5px;padding-left:7px;line-height:21px;font-size:14px;cursor:pointer;}
.person .myanzeige {height:16px;line-height:17px}
.mystyled .myliste {display:none;position:absolute;box-shadow: 3px 2px 4px #ccc; background: #fff;border: 1px solid #ccc;width:167px;;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;}
.rightcol .mystyled{width:250px}
.rightcol .mystyled .myliste{width:248px}

.normal_form label,
.kontakt_form label {background:#888;color:#fff;border:1px solid #888;min-height:18px;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 #00378b;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;width:calc(100% - 60px)}
.nlrechtstext .show {border-bottom:1px dotted #00378b;}
.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 #00378b;}
.nl_email_in, .nl_email_out,
.nltxt,
.normal_form input,
.kontakt_form input,
.kontakt_form input {line-height: 18px;font-size: 14px;float: left;padding: 5px 5px 5px 7px;margin-top: 3px;width: 379px;border: 1px solid #00378b;}
.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;font-family:'CooperBlack';width:300px;background:#00378b;padding:0 10px;line-height:50px;font-size:21px;font-weight:bold;color:#fd0;text-align:center;margin-left:239px;cursor:pointer;border:none;}
.normal_form fieldset{border:none;margin-bottom:10px}
#content_katalog {margin:55px auto;display:flex;flex-wrap:wrap}
#content_katalog .katalog{width:calc(50% - 10px);margin-bottom:20px;text-align:center}
#content_katalog .katalog a{font-family:'CooperBlack',Verdana;display:block;text-align:center;font-size:14px;color:#701416;text-decoration:none;padding:10px 5px 0;}
#content_katalog .katalog a:hover{text-decoration:underline}
#content_katalog .katalog a:first-letter{background:url(/includes/img/arrow_red.png)0 2px no-repeat;padding-left:15px;}

#social_links{margin:40px 0 20px;border-top:1px solid #999;padding:5px 0;clear:left}
#social_links a{background:#ddd;display:block;float:left;width:100px;height:30px;color:#fff;text-decoration:none;line-height:30px;}
#social_links a[href*="google"]{background:#dd4b39 url(/includes/img/social.png) 0 -80px no-repeat;margin-right:10px;padding-left:40px;}
#social_links a[href*="twitter"]{background:#5ea9dd url(/includes/img/social.png) 0 -40px no-repeat;margin-right:10px;padding-left:40px;}
#social_links a[href*="facebook"]{background:#3664a2 url(/includes/img/social.png) 0 0 no-repeat;margin-right:10px;padding-left:40px;}
#social_links a[href*="send"]{background:#999 url(/includes/img/social.png) 0 -160px no-repeat;width:30px;float:right;margin-left:10px;}
#social_links a[href*="print"]{background:#999 url(/includes/img/social.png) 0 -240px no-repeat;width:30px;float:right;margin-left:10px;}
#social_links a[title*="Startseite"]{background:#999 url(/includes/img/social.png) 0 -120px no-repeat;width:30px;float:right;margin-left:10px;}

.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: 271px;border: 1px solid #CCC;clear: left;}
.buchungsrahmen input[type="checkbox"] {width:auto;}
.buchungsrahmen textarea:focus,
.buchungsrahmen input:focus {box-shadow:0 0 5px #a02021;}
.buchungsrahmen label {display:none;}
.buchungsrahmen .boxright {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 .taxiservice{display:block;margin:10px 0}
.buchungsrahmen .taxiservice input{margin: 3px 10px 0 0}
.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="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;padding:10px 0 0;margin-bottom:20px;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;}
.agbred {margin-left:10px;}

.bildergalerie{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.bildergalerie div{width:calc(100% / 2 - 10px);}
.bildergalerie .fancygallery {padding-bottom:25px}
.bildergalerie div a{text-decoration:none;display:block;position:relative;}
.bildergalerie div.gal2,
.bildergalerie div.gal1{margin-bottom:50px}
.bildergalerie div .title{box-sizing:border-box;position: absolute;top: -32px;left: 0;background: #00378b;color: #fff;height: 30px;line-height: 30px;overflow: hidden;width:100%;padding: 0 3px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.bildergalerie div .intro{height:70px;overflow:hidden;}
.bildergalerie div .update{display:none}
.bildergalerie div .bilder{position: absolute;bottom:0;left:0;background: #fff;padding: 0 0 0 3px;color:#00378b;opacity:0.7}
.bildergalerie div .link{position: absolute;bottom:0;right:0;font-weight:bold;display:block;text-align:right;background: url("/includes/img/arrow.png") no-repeat 0 2px;padding-left: 15px;}
.bildergalerie div img {width:100%;height:auto}

#blogliste{margin:55px 0}
#blogliste .eintrag{padding:0;display:block;margin:0 0 20px;position: relative;width:100%;border:1px solid #055;box-shadow:0 0 5px #ccc;padding-bottom:25px}
#blogliste .eintrag:hover{background:#ecf4fa;box-shadow:0 0 5px #333}
#blogliste .eintrag .left {float:none}
#blogliste .eintrag .left img {width:100%;height:auto}
#blogliste .eintrag .right{width:100%;margin:0 10px 0 0;float:none}
#blogliste .eintrag .datum{padding:0 2px;font-family: "Verdana";font-size: 12px;line-height: 15px;color: #333;border-bottom: 1px solid #CCC;}
#blogliste .eintrag .blogtitle{padding:2px;color: #00378B;font-size: 17px;font-weight: bold;line-height: 21px;display: block;margin: 5px 0 0;height:21px;overflow:hidden}
#blogliste .eintrag .blogsubtitle{padding:2px;color: #00378B;font-size: 14px;font-weight: normal;line-height: 17px;display: block;margin: 0 0 10px;height:17px;overflow:hidden;}
#blogliste .eintrag .blogtext{font-size:14px;height:60px;overflow:hidden;line-height:15px;padding:2px}
#blogliste .eintrag .lastline{border-top: 1px solid #CCC;display: block;letter-spacing: normal;bottom: 0;position: absolute;height: 20px;width:100%;text-align:right}
#blogliste .eintrag .lastline a{letter-spacing:2px;color:#00378b}
#blogliste .treffercount{float:right;height:20px}
.blogeintrag .author{background: #00378b;color: #fff;padding: 3px;margin:55px 0}
.blogeintrag .author a{float:right;color:#fff}

.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}

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;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;}

.olMap {width:100% !important;height:20vw;z-index:1;position:relative;max-width:100% !important;}
.olMap img {height:auto !important;max-width:100vw !important;}
.olControlAttribution,
.olControlAttribution * {font-size:10px !important; }
body .fullbucol,
body .fullbucol .content {width:100% !important;}
.dateneingabe,
form {width:100%}

.reisedetails .taboracordion {flex-basis:calc(75% - 20px);position: relative}
.reisedetails .taboracordion .mybubutton {padding:20px;order:10}
.reisedetails .schaltertitel {display:none}
.showonphone {display:none}

.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%;}

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}

@media (min-width:1060px) {
    body #mainslider {margin-left:-30px;width:calc(100% + 60px);}
    body #mainslider:before {content:'';width:30px;height:20px;background:linear-gradient(to top right, transparent 0%, transparent 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 100%);display: block;position: absolute;bottom: -13px;left:0}
    body #mainslider:after {content:'';width:30px;height:20px;background:linear-gradient(to top left, transparent 0%, transparent 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,.8) 100%);display: block;position: absolute;bottom: -13px;right:0}
    body #mainslider img {border-radius:0}

    body #logo{margin-left:-90px}
    body #anhaenger{left:308px}
}

@media (max-width:980px) and (min-width:601px) {
    body .homebox{width:calc(100% / 2 - 10px);}
    body #content .leftcol {width:calc(100% - 270px)}
    body #content .rightcol {max-width:250px}
    body #social_links {width:100%}
    body #social_links a {width:calc(100% - 40px);margin-bottom:5px;float:none}
    body #footer ul li {margin-top:40px;width:calc(50% - 5px)}
    body #footer ul li ul li {margin-top:0;width:100%}

    body #logo {width:50%;height: auto;margin-left:-40px;}
    body #telefon {font-size:14px;top:50%;left:0;right:10px;width:calc(100% - 10px);text-align:right;}
    body #telefon::before{font-size:13px}
    body #navitop {height:auto}
    body #navitop ul li {display:block;float:none;text-align:right}
    body #navitop ul li a {height:auto;border-left:none}
    body #navimain {width:100%;left:0;background:#00378b;margin-top:10px;border-bottom:1px solid #fff}
    body #navimain .menutoggle {display:block;text-align:center;padding: 10px;color:#fff;font-weight:normal;font-size:25px;}
    body #navimain ul {display:none;width:100%}
    body #navimain ul li {display:block;float:none;text-align:center;position:relative;height:auto}
    body #navimain ul li a,
    body #navimain ul li:first-child a {text-indent:0;background:none;width:100%;height:auto;border:none;padding-left:0;position:relative}
    body #navimain ul li div {position: relative;top:0;width:100%;right:0;padding:0}
    body #navimain ul li .rbjs {border-color:#fff;border-top:1px solid #fff}
    body #navimain ul li div img {display:none}
    body #navimain ul li div div {position: relative;float:none}
    body #navimain ul li div div ul {float:none;width:100%}
    body #navimain ul li div div.col1,
    body #navimain ul li div div.col2,
    body #navimain ul li div div.col4 {width:100%;}
    body #navimain ul li div div.col1 ul li,
    body #navimain ul li div div.col2 ul li,
    body #navimain ul li div div.col4 ul li {float:none;width:100%}
    body #navimain ul li div div.col1 ul li a,
    body #navimain ul li div div.col2 ul li a,
    body #navimain ul li div div.col4 ul li a {color:#00378b}
    body #navimain ul li div div.col4 b,
    body #navimain ul li div div.col4 br {display:none}
    body #anhaenger,
    body .hideonmobile,
    body #naviline{display:none !important;}

    body .nltxt,
    body .normal_form input,
    body .kontakt_form input {width:calc(100% - 10px);}
    body #microsite .sendebutton,
    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {width:calc(100% - 10px);margin-left:0;white-space:normal}
    body .normal_form textarea,
    body .kontakt_form textarea {width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}
    body .normal_form input[name="replz"],
    body .normal_form input[name="plz"],
    body .kontakt_form input[name="plz"] {width:calc(100% - 10px);}
    body .normal_form input[name="reort"],
    body .normal_form input[name="ort"],
    body .kontakt_form input[name="ort"] {width:calc(100% - 10px);margin-left:0}

    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(100% - 10px);margin-left:0}

    body .normal_form .mystyled,
    body .kontakt_form .mystyled {width:calc(100% + 5px)}

    #content_katalog .katalog{width:calc(100% - 10px)}

    body .buchungsrahmen .boxright,
    body .buchungsrahmen .rightbox,
    body .buchungsrahmen .leftbox {float:none;margin:0;width:100%}
    body .buchungsrahmen input,
    body .buchungsrahmen input[name="revorname"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="renachname"] {width:100%;clear: none;}
    body .buchungsrahmen input[name="plz"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="ort"] {width:100%;clear: none;}
    body .buchungsrahmen .mystyled {width:100%}
    body .buchungsrahmen .teilnehmerzahl .mystyled {width:100%;display:block}
    body .person input.nachname,
    body .person input.vorname,
    body .person .abfahrtsort,
    body .person .zusatzdaten,
    body .person .leistungen,
    body .endpreis,
    body .buchungsrahmen textarea {width:calc(100% - 15px);margin-left:0;margin-top:5px;}
    body .person .abfahrtsort {width:100%;}
    body .fullbucol {width:100% !important;}

    body .tabcontrol_box {display:none}
    body .reisedetails .schaltertitel {display:block;background:#fff;font-weight:bold;margin:5px 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid #00378b}
    body .schaltertitel.aktive {background:#00378b;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;}

}

@media (max-width:600px) and (min-width:501px) {
    body .homebox{width:100%;}
    body #content .leftcol,
    body #content .rightcol {width:calc(50% - 5px)}
    body #content .rightcol {max-width:250px}
    body #social_links {width:100%}
    body #social_links a {width:calc(100% - 40px);margin-bottom:5px;float:none}
    body #footer ul li {margin-top:40px;width:calc(50% - 5px)}
    body #footer ul li ul li {margin-top:0;width:100%}

    body #logo {width: 47%;height: auto;margin-left: -4%;}
    body #telefon {font-size:14px;top:50%;left:0;right:10px;width:calc(100% - 10px);text-align:right;}
    body #telefon::before{font-size:13px}
    body #navitop {height:auto}
    body #navitop ul li {display:block;float:none;text-align:right}
    body #navitop ul li a {height:auto;border-left:none}
    body #navimain {width:100%;left:0;background:#00378b;margin-top:10px;border-bottom: 1px solid #fff;}
    body #navimain .menutoggle {display:block;text-align:center;padding: 10px;color:#fff;font-weight:normal;font-size:25px;}
    body #navimain ul {display:none;width:100%}
    body #navimain ul li {display:block;float:none;text-align:center;position:relative;height:auto}
    body #navimain ul li a,
    body #navimain ul li:first-child a {text-indent:0;background:none;width:100%;height:auto;border:none;padding-left:0;position:relative}
    body #navimain ul li div {position: relative;top:0;width:100%;right:0;padding:0}
    body #navimain ul li .rbjs {border-color:#fff;border-top:1px solid #fff}
    body #navimain ul li div img {display:none}
    body #navimain ul li div div {position: relative;float:none}
    body #navimain ul li div div ul {float:none;width:100%}
    body #navimain ul li div div.col1,
    body #navimain ul li div div.col2,
    body #navimain ul li div div.col4 {width:100%;}
    body #navimain ul li div div.col1 ul li,
    body #navimain ul li div div.col2 ul li,
    body #navimain ul li div div.col4 ul li {float:none;width:100%}
    body #navimain ul li div div.col1 ul li a,
    body #navimain ul li div div.col2 ul li a,
    body #navimain ul li div div.col4 ul li a {color:#00378b}
    body #navimain ul li div div.col4 b,
    body #navimain ul li div div.col4 br {display:none}
    body #mainslider {width:100%;margin-left:0}
    body #mainslider a {border-bottom:1px solid #00378b}
    body #mainslider .slidertext {position: relative;top: 0;}
    body #mainslider .sl_title {bottom:0;font-size: 13px;line-height: 18px;width: 100%;position:relative;padding:5px 10px}
    body #mainslider img {border-radius:0}
    body #mainslider:hover .sl_tipp {display:none}

    body .nltxt,
    body .normal_form input,
    body .kontakt_form input {width:calc(100% - 10px);}
    body #microsite .sendebutton,
    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {width:calc(100% - 10px);margin-left:0;white-space:normal}
    body .normal_form textarea,
    body .kontakt_form textarea {width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}
    body .normal_form input[name="replz"],
    body .normal_form input[name="plz"],
    body .kontakt_form input[name="plz"] {width:calc(100% - 10px);}
    body .normal_form input[name="reort"],
    body .normal_form input[name="ort"],
    body .kontakt_form input[name="ort"] {width:calc(100% - 10px);margin-left:0}

    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(100% - 10px);margin-left:0}

    body .normal_form .mystyled,
    body .kontakt_form .mystyled {width:calc(100% + 5px)}

    #content_katalog .katalog{width:calc(100% - 10px)}

    body #controlcenter,
    body .hideonmobile,
    body #naviline,
    body #anhaenger {display:none !important;}
    body #mainslider .sliderbullets,
    body #mainslider .sl_img {display:none}

    body .buchungsrahmen .boxright,
    body .buchungsrahmen .rightbox,
    body .buchungsrahmen .leftbox {float:none;margin:0;width:100%}
    body .buchungsrahmen input,
    body .buchungsrahmen input[name="revorname"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="renachname"] {width:100%;clear: none;}
    body .buchungsrahmen input[name="plz"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="ort"] {width:100%;clear: none;}
    body .buchungsrahmen .mystyled {width:100%}
    body .buchungsrahmen .teilnehmerzahl .mystyled {width:100%;display:block}
    body .person input.nachname,
    body .person input.vorname,
    body .person .abfahrtsort,
    body .person .zusatzdaten,
    body .person .leistungen,
    body .endpreis,
    body .buchungsrahmen textarea {width:calc(100% - 15px);margin-left:0;margin-top:5px;}
    body .person .abfahrtsort {width:100%;}
    body .fullbucol {width:100% !important;}

    body .tabcontrol_box {display:none}
    body .reisedetails .schaltertitel {display:block;background:#fff;font-weight:bold;margin:5px 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid #00378b}
    body .schaltertitel.aktive {background:#00378b;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 #mainslider .sl_title{background:none}
    body #mainslider .zone a {background:#eee}
}

@media (max-width:500px) {
    body .homebox{width:calc(100%);}
    body #content {flex-wrap: wrap}
    body #content .leftcol {width:100%}
    body #content .rightcol {width:100%}
    body #content .rightbox img {margin:0;width:100%}
    body #content .content {padding-left:0}
    body #social_links {width:100%}
    body #social_links a {width:calc(100% - 40px);margin-bottom:5px;float:none}
    body #footer #bildrechte {width:100%}
    body #footer ul li {margin-top:40px;width:100%}
    body #footer ul li ul li {margin-top:0}
    body #logo {width:47%;height: auto;margin-left: -4%;}
    body #telefon {font-size:14px;top:50%;left:0;right:10px;width:calc(100% - 10px);text-align:right;}
    body #telefon::before{font-size:13px}
    body #navitop {height:auto}
    body #navitop ul li {display:block;float:none;text-align:right}
    body #navitop ul li a {height:auto;border-left:none}
    body #navimain {width:100%;left:0;background:#00378b;margin-top:10px;border-bottom: 1px solid #fff;}
    body #navimain .menutoggle {display:block;text-align:center;padding: 10px;color:#fff;font-weight:normal;font-size:25px;}
    body #navimain ul {display:none;width:100%}
    body #navimain ul li {display:block;float:none;text-align:center;position:relative;height:auto}
    body #navimain ul li a,
    body #navimain ul li:first-child a {text-indent:0;background:none;width:100%;height:auto;border:none;padding-left:0;position:relative}
    body #navimain ul li div {position: relative;top:0;width:100%;right:0;padding:0}
    body #navimain ul li .rbjs {border-color:#fff;border-top:1px solid #fff}
    body #navimain ul li div img {display:none}
    body #navimain ul li div div {position: relative;float:none}
    body #navimain ul li div div ul {float:none;width:100%}
    body #navimain ul li div div.col1,
    body #navimain ul li div div.col2,
    body #navimain ul li div div.col4 {width:100%;}
    body #navimain ul li div div.col1 ul li,
    body #navimain ul li div div.col2 ul li,
    body #navimain ul li div div.col4 ul li {float:none;width:100%}
    body #navimain ul li div div.col1 ul li a,
    body #navimain ul li div div.col2 ul li a,
    body #navimain ul li div div.col4 ul li a {color:#00378b}
    body #navimain ul li div div.col4 b,
    body #navimain ul li div div.col4 br {display:none}
    body #mainslider {width:100%;margin-left:0}
    body #mainslider a {border-bottom:1px solid #00378b}
    body #mainslider .slidertext {position: relative;top: 0;}
    body #mainslider .sl_title {bottom:0;font-size: 13px;line-height: 18px;width: 100%;position:relative;padding:5px 10px}
    body #mainslider img {border-radius:0}
    body #mainslider:hover .sl_tipp {display:none}
    body .tourbox {width:100%}
    body .tourbox .zeitraum .status {font-size:12px}

    body .nltxt,
    body .normal_form input,
    body .kontakt_form input {width:calc(100% - 10px);}
    body #microsite .sendebutton,
    body .normal_form input[type="submit"],
    body .kontakt_form input[type="submit"] {width:calc(100% - 10px);margin-left:0;white-space:normal}
    body .normal_form textarea,
    body .kontakt_form textarea {width:calc(100% - 10px);min-width:calc(100% - 10px);max-width:calc(100% - 10px)}
    body .normal_form input[name="replz"],
    body .normal_form input[name="plz"],
    body .kontakt_form input[name="plz"] {width:calc(100% - 10px);}
    body .normal_form input[name="reort"],
    body .normal_form input[name="ort"],
    body .kontakt_form input[name="ort"] {width:calc(100% - 10px);margin-left:0}

    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(100% - 10px);margin-left:0}

    body .normal_form .mystyled,
    body .kontakt_form .mystyled {width:calc(100% + 5px)}

    #content_katalog .katalog{width:calc(100% - 10px)}

    body #controlcenter,
    body .hideonmobile,
    body #naviline,
    body #anhaenger {display:none !important;}
    body #mainslider .sliderbullets,
    body #mainslider .sl_img {display:none}
    body .bildergalerie div{width:calc( 100% - 10px);}

    body .buchungsrahmen .boxright,
    body .buchungsrahmen .rightbox,
    body .buchungsrahmen .leftbox {float:none;margin:0;width:100%}
    body .buchungsrahmen input,
    body .buchungsrahmen input[name="revorname"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="renachname"] {width:100%;clear: none;}
    body .buchungsrahmen input[name="plz"] {width:100%;margin-right:0}
    body .buchungsrahmen input[name="ort"] {width:100%;clear: none;}
    body .buchungsrahmen .mystyled {width:100%}
    body .buchungsrahmen .teilnehmerzahl .mystyled {width:100%;display:block}
    body .person input.nachname,
    body .person input.vorname,
    body .person .abfahrtsort,
    body .person .zusatzdaten,
    body .person .leistungen,
    body .endpreis,
    body .buchungsrahmen textarea {width:calc(100% - 15px);margin-left:0;margin-top:5px;}
    body .person .abfahrtsort {width:100%;}
    body .fullbucol {width:100% !important;}

    body .tabcontrol_box {display:none}
    body .reisedetails .schaltertitel {display:block;background:#fff;font-weight:bold;margin:5px 0;cursor:pointer;padding:5px 10px 0;border-bottom:1px solid #00378b}
    body .schaltertitel.aktive {background:#00378b;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 .hideonphone {display:none}
    body .showonphone {display:block}
    body .showonphone .booking_btn {width:100%}
    body #mainslider .sl_title{background:none}
    body #mainslider .zone a {background:#eee}
}