@charset "utf-8";

@import url(/includes/fonts/fontawesome/all.css);
@import url(/includes/css/fonts.css);
@import url(/includes/css/general.css);

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

* {margin: 0;padding: 0;font-family: Lato, Helvetica, sans-serif;box-sizing: border-box;color:inherit;font-size:inherit;line-height:inherit;}
.inhalt p,
.aktuell p{color:#333;margin-bottom: 15px;}
input[type="checkbox"] {
    -webkit-appearance: checkbox; /*Safari/Chrome*/
    -moz-appearance: checkbox; /*Firefox*/
    -ms-appearance: checkbox; /*IE*/
    -o-appearance: checkbox; /*Opera*/
    appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio; /*Safari/Chrome*/
    -moz-appearance: radio; /*Firefox*/
    -ms-appearance: radio; /*IE*/
    -o-appearance: radio; /*Opera*/
    appearance: radio;
}

body {background:#f9c000}

.color_blue {color:#004f9b}
.color_yellow {color:#f9c000}
.color_red {color:#e20613}

.header {padding:15px;position:relative;margin-bottom:15px;border-bottom:1px solid #fff;display: flex;justify-content: space-between}
.header .logo {display:inline-block;width:28%;float:left}
.header .logo a {text-decoration:none}
.header .logo a img {width:100%;}
.header .logotel {display:inline-block;width:32%;position:relative}
.header .logotel .tel {color:#e20613;font-size:26px;text-decoration:none;font-weight:bold;display: block;position:absolute;width:100%;text-align:center;bottom:18%;line-height:30px;font-style: italic;}
.header .logotel .tel:before {content:'%';font-family:ZD;font-size:270%;text-decoration:none;position:relative;bottom:-12px;right:0;font-style:normal}
.header .logotel .tel span {font-size:150%;text-decoration:none;font-weight:bold}
.header .hauptlinks {display:inline-block;text-align:right;width:39%;white-space: nowrap;float:right;max-width:390px}
.header .hauptlinks a {opacity:0.5;overflow:hidden;text-decoration:none;margin:0 0 0 20px;width:29%;display:inline-block;text-align:center;transition: all 0.5s;border-radius:20px;border:1px solid #004f9b}
.header .hauptlinks a.aktive {opacity:1}
.header .hauptlinks a:first-child{margin-left:0}
.header .hauptlinks a:hover {box-shadow: 0 0 5px #000;opacity:1}
.header .hauptlinks img {width:100%;height:auto;display:block}

.sozialandapp .apps,
.sozialandapp .sozials {background:#fff;padding:5px;margin-bottom:2px}
.sozialandapp span {display:block;color:#004f9b;margin-bottom:5px}
.sozialandapp div div {display:flex;justify-content: space-between}
.sozialandapp div a {flex-basis:23%}
.sozialandapp div.apps a {flex-basis: 47%}
.sozialandapp img {width:100%;height:auto}

.navi {width:200px;float:left}
.navi .burger {display:none}
.navi ul {margin-bottom:50px;list-style:none}
.navi ul li {background:#fff;border-radius: 0 20px 20px 0;margin-bottom:20px;box-shadow:0 0 5px #666}
.navi ul li a {color:#004f9b;padding:5px 10px 5px 20px;text-decoration:none;font-weight:bold;font-size:24px;line-height:30px;display:block;font-style:italic;font-family:Lato}
.navi ul li:hover {box-shadow:0 0 5px #000}
.navi ul li:hover a {color:#e20613}
.navi ul.nav1 li {background: #00b0ff;color:#fff;overflow:hidden}
.navi ul.nav1 li a{color:#fff}
.navi ul.nav1 li:hover a {color:#004f9b}
.navi ul.nav1 li.sprache {position:relative;padding:5px 10px 5px 20px;font-weight:bold;font-size:24px;line-height:30px;font-style:italic;font-family:Lato}
.navi ul.nav1 li.sprache span {position:absolute;right:0;top:0;background:url(/includes/img/flag_de.png) center center no-repeat;background-size:cover;display: inline-block;width: 67px;height: 40px;}
.navi ul.nav1 li.sprache span.en {background-image:url('/includes/img/flag_en.png')}
.navi ul.nav1 li.sprache span.ro {background-image:url('/includes/img/flag_ro.png')}
.navi ul.nav1 li.sprache span.fr {background-image:url('/includes/img/flag_fr.png')}
.navi ul li ul {display:none;margin-top:20px;margin-bottom:0;margin-left:15px}
.navi ul.nav1 li.sprache .chooser {display:none;margin-top:20px;margin-bottom:0;margin-left:0}
.navi ul li ul li {background:#00b0ff;border-radius:10px;text-align:left;padding-left:0;}
.navi ul.nav1 li.sprache .chooser li {background:#fff;border-radius:10px;text-align:left;padding-left:0;}
.navi ul li ul li a {color:#004f9b;white-space:nowrap;position:relative;padding-left:10px;font-size:90%}
.navi ul.nav1 li.sprache .chooser li a {color:#004f9b;white-space:nowrap;position:relative;padding-left:50px}
.navi ul li ul li a:hover{color:#fff;}
.navi ul.nav1 li.sprache .chooser li a:hover {color:#e20613;}
.navi ul li ul li a img,
.navi ul.nav1 li.sprache .chooser li a img {height:20px;margin-right:5px;position:absolute;left:10px;top:10px;}

.navi ul.nav2 li ul {padding:15px;margin:0}
.navi ul.nav2 li ul li {padding:0;box-shadow: none;margin-bottom: 10px;}
.navi ul.nav2 li ul li a {color:#fff}
.navi ul.nav2 li:hover ul li:hover a {color:#e20613}


.container {float:right;width:calc(100vw - 300px);}

.container .mainimage {padding:0;margin-bottom:50px;position:relative}
.container .mainimage .mainimagebild {padding:0;border-radius:30px 0 0 0;position:relative;margin-bottom:-40px;z-index: 1}
.container .mainimage .mainimagebild .rahmen {border:3px dashed #fff;border-radius:30px 0 0 30px;height:calc(100% - 25px);width:calc(100% - 20px);border-right:0;border-bottom:0;position:absolute;top:10px;left:10px}
.container .mainimage .mainimagebild img {width:100%;border-radius:30px 0 0 30px;margin-right:0}
.container .mainimage .mainimagebild .headline {display:block;position:absolute;bottom:40px;left:40px;width:calc(100% - 80px);font-style:italic}
.container .mainimage .mainimagebild .headline h1 {color:#fff;font-size:calc(100vw / 16);display:inline-block;font-weight:bold}
.container .mainimage .mainimagebild .headline h2 {color:#fff;font-size:calc(100vw / 33);display:inline-block;font-weight:bold}
.container .mainimage .mainimagebild .headline h2:before {content:'- '}
.container .defaultbuchungsform {position:relative;display:flex;background:#fff;width:100%;height:20%;border-radius:0 0 0 30px;flex-wrap:wrap;justify-content:space-between;padding:10px 30px;min-height: 110px;z-index:2}
.container .defaultbuchungsform .error {box-shadow: 0 0 5px #f00;}
.container .defaultbuchungsform .hinweise {font-size: 14px;color: #666;} 
.container .defaultbuchungsform .hinrueckauswahl {flex-basis: 100%;}
.container .defaultbuchungsform .startziel {flex-basis: 35%;white-space: nowrap;position:relative;margin-top:10px}
.container .defaultbuchungsform .startziel div {width:50%;display:inline-block;margin:0}
.container .defaultbuchungsform .startziel span {font-family: 'Font Awesome 5 Free';font-weight: bold;color:#004f9b;font-size:18px;padding:5px;background:#fff;position: absolute;left:calc(50% - 20px);top:18px;border:1px solid #666;border-radius:50%;cursor:pointer;height:44px;width:44px;line-height:32px;text-align:center}
.container .defaultbuchungsform .startziel span:hover {color:#fff;background:#004f9b;transform: rotate(180deg);transition-duration: .5s;}
.container .defaultbuchungsform .startziel input {width:100%}
.container .defaultbuchungsform .startziel #dbf_nach {padding-left:30px}
.container .defaultbuchungsform .fahrdatum {flex-basis: 25%;white-space: nowrap;margin-top:10px}
.container .defaultbuchungsform .fahrdatum.single .dbf_hin input {border-radius:10px}
.container .defaultbuchungsform .fahrdatum.single .dbf_zurueck {display:none}
.container .defaultbuchungsform .fahrdatum.single div {width:100%}
.container .defaultbuchungsform .fahrdatum div {width:50%;display:inline-block;}
.container .defaultbuchungsform .fahrdatum input {width:100%}
.container .defaultbuchungsform .fahrdatum .dbf_hin input {border-radius: 10px 0 0 10px; }
.container .defaultbuchungsform .fahrdatum .dbf_zurueck input {border-radius: 0 10px 10px 0;border-left:0;}
.container .defaultbuchungsform .personen {flex-basis: 20%;margin-top:10px}
.container .defaultbuchungsform .personen input {width:100%}
.container .defaultbuchungsform .fahrtsuchen {flex-basis: 15%;margin-top:10px}
.container .defaultbuchungsform div label {display:block;color:#999;padding-left:10px;height:20px}
.container .defaultbuchungsform div input {display:block}
.container .defaultbuchungsform .myradio {display:inline-block;margin-right:20px;height:30px}
.container .defaultbuchungsform .myradio div {display:inline-block;border:3px solid #fff;box-shadow: 0 0 1px #666;width:30px;height:30px;border-radius:50%;cursor:pointer}
.container .defaultbuchungsform .myradio.checked div {background:#e20613}
.container .defaultbuchungsform .myradio span {height:30px;line-height:30px;font-size:20px;display:inline-block;cursor:pointer;color:#004f9b}
.container .defaultbuchungsform.paketdienst .hinrueckauswahl * {display:none}
.container .defaultbuchungsform.paketdienst .startziel span {display:none}
.container .defaultbuchungsform.paketdienst .startziel #dbf_von {border-radius: 10px 0 0 10px; }
.container .defaultbuchungsform.paketdienst .startziel #dbf_nach {border-radius: 0 10px 10px 0;border-left:0}

.container .defaultbuchungsform .hinfahrten,
.container .defaultbuchungsform .rueckfahrten {margin:40px auto 0;flex-basis:100%;max-width:780px;display:none}
.container .defaultbuchungsform .bezeichnung {display:block;font-weight:bold;font-size:40px;line-height:48px;font-style:italic;color:#004f9b}
.container .defaultbuchungsform .frueher,
.container .defaultbuchungsform .spaeter {display:block;text-align:center;padding:5px;cursor:pointer;text-decoration: underline;margin:10px 0}
.container .defaultbuchungsform .frueher:hover,
.container .defaultbuchungsform .spaeter:hover {background:#eee}
.container .defaultbuchungsform .frueher::before {content: "\f062";font-family: 'Font Awesome 5 Free';font-weight: bold;padding-right:10px}
.container .defaultbuchungsform .spaeter::before {content: "\f063";font-family: 'Font Awesome 5 Free';font-weight: bold;padding-right:10px}
.container .defaultbuchungsform ul {list-style:none;padding:0;margin: 10px 0;}
.container .defaultbuchungsform ul li {border:1px solid #ddd;background:#fff;padding:20px;margin-bottom:20px;display:flex;flex-wrap: wrap;box-shadow: 0 0 5px #ccc;border-radius: 10px;color: #333;}
.container .defaultbuchungsform ul li .abfahrt {order:1;flex-basis:calc((100% - 190px) / 2);margin-right:10px;background:linear-gradient(to top, transparent 0, transparent 50%, #ccc 50%, #ccc calc(50% + 1px), transparent calc(50% + 1px), transparent 100%)}
.container .defaultbuchungsform ul li .ankunft {order:1;flex-basis:calc((100% - 190px) / 2);}
.container .defaultbuchungsform ul li .aktion {order:1;flex-basis:180px;display:flex;justify-content: flex-end;flex-wrap:wrap}
.container .defaultbuchungsform ul li .uhrzeit {font-weight:bold;font-size:30px;background:#fff;padding-right:10px}
.container .defaultbuchungsform ul li .datum,
.container .defaultbuchungsform ul li .ort{display:block;}
.container .defaultbuchungsform ul li .aktion .preis {font-weight:bold;font-size:35px;flex-basis:100%;text-align:right}
.container .defaultbuchungsform ul li .aktion .preis sup {font-size:50%;}
.container .defaultbuchungsform ul li .aktion button {width:auto;padding:0 20px;margin-top:0}
.container .defaultbuchungsform ul li .aktion button.btngewaehlt {display:none}
.container .defaultbuchungsform ul li.gewaehlt {background:#77dd00}
.container .defaultbuchungsform ul li.gewaehlt .aktion button.btnwaehlen {display:none}
.container .defaultbuchungsform ul li.gewaehlt .aktion button.btngewaehlt {display:block}
.container .defaultbuchungsform ul li.gewaehlt .uhrzeit {background:#77dd00}
.container .defaultbuchungsform div.gewaehlt li {display:none}
.container .defaultbuchungsform div.gewaehlt li.gewaehlt {display:flex;opacity:.7;color:#fff;margin-top:49px}
.container .defaultbuchungsform div.gewaehlt li.gewaehlt .abfahrt {background:linear-gradient(to top, transparent 0, transparent 50%, #fff 50%, #fff calc(50% + 1px), transparent calc(50% + 1px), transparent 100%)}
.container .defaultbuchungsform div.gewaehlt .frueher,
.container .defaultbuchungsform div.gewaehlt .spaeter {display:none}
.container .defaultbuchungsform input:read-only {cursor:pointer}
.container .defaultbuchungsform .teilnehmerdaten {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}
.container .defaultbuchungsform .teilnehmerdaten_erw .geb{display:none}
.container .defaultbuchungsform .teilnehmerdaten .geb{position: absolute;right: 20px;top:13px;width:20%;min-width: 100px;}
.container .defaultbuchungsform .teilnehmerdaten .geb label{display:none}
.container .defaultbuchungsform .teilnehmerdaten li {flex-wrap: wrap;justify-content: space-between;position: relative;}
.container .defaultbuchungsform .teilnehmerdaten li div {flex-basis: 28%;margin: 10px 0;}
.container .defaultbuchungsform .teilnehmerdaten input{width:100%}
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck,
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistung {flex-basis:48%;display:flex;justify-content:space-between;}
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistung div,
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck div {flex-basis: 80px;}
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistung div:nth-child(3),
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck div:nth-child(3) {flex-basis:calc(100% - 180px);}
.container .defaultbuchungsform .teilnehmerdaten li .bezeichnung {display:block;font-weight:bold;font-size:16px;flex-basis:100%}
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck span,
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistung span {border:1px solid #ccc;padding:5px;display:inline-block;text-align:center;font-weight:bold;font-size:20px;cursor:pointer;user-select: None; }
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck span.wert,
.container .defaultbuchungsform .teilnehmerdaten .zusatzleistung span.wert {border-left:0;border-right:0;width:30px;}
.container .defaultbuchungsform .teilnehmerdaten .summe sup{font-size:75%}
.container .defaultbuchungsform .sitzplatzwuensche {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}
.container .defaultbuchungsform .sitzplatzwuensche .sitzplatzwuenscheinhalt{border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 5px #ccc;padding: 20px;margin:10px auto 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.container .defaultbuchungsform .sitzplatzwuensche .sitzplatzwuenscheinhalt div{flex-basis:32%;margin:10px 0}
.container .defaultbuchungsform .sitzplatzwuensche .sitzplatzwuenscheinhalt div select{width:100%}
.container .defaultbuchungsform .rechnungsdaten {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}

.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt{border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 5px #ccc;padding: 20px;margin:10px auto 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div {flex-basis:32%;margin-bottom:20px}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(1),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(1){flex-basis:15%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(3),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(3){flex-basis:40%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(4),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(4){flex-basis:40%}

.container .defaultbuchungsform .empfaengerdaten.mitfirma .empfaengerdateninhalt div:nth-child(2),
.container .defaultbuchungsform .rechnungsdaten.mitfirma .rechnungsdateninhalt div:nth-child(2){flex-basis:40%}
.container .defaultbuchungsform .empfaengerdaten.mitfirma .empfaengerdateninhalt div:nth-child(3),
.container .defaultbuchungsform .rechnungsdaten.mitfirma .rechnungsdateninhalt div:nth-child(3){flex-basis:18.75%}
.container .defaultbuchungsform .empfaengerdaten.mitfirma .empfaengerdateninhalt div:nth-child(4),
.container .defaultbuchungsform .rechnungsdaten.mitfirma .rechnungsdateninhalt div:nth-child(4){flex-basis:18.75%}

.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div.plzort,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.plzort{flex-basis: 57.5%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div.plzort label,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.plzort label{width:100%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div.plzort input:nth-child(2),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.plzort input:nth-child(2){width:27%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div.plzort input:nth-child(3),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.plzort input:nth-child(3){width:73%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(6),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(6){flex-basis:40%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(8),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(8){flex-basis:40%}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(8) input:nth-child(2),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(8) input:nth-child(2) {margin-bottom: 20px;}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt div:nth-child(9),
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div:nth-child(9){flex-basis:40%}
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.mitteilung {flex-basis:57.5%}
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.mitteilung textarea {height:118px}
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt input,
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt select,
.container .defaultbuchungsform .empfaengerdaten .empfaengerdateninhalt textarea,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt input,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt select,
.container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt textarea {width:100%}
.container .defaultbuchungsform .sitzplatzwuensche {flex-basis: 100%;display:none}
.container .defaultbuchungsform .pruefenpaket {flex-basis: 100%;display:none;justify-content: space-between;flex-wrap:wrap}
.container .defaultbuchungsform .pruefen {flex-basis: 100%;display:none;justify-content: space-between;flex-wrap:wrap}
.container .defaultbuchungsform .pruefenpaket button {flex-basis: 30%}
.container .defaultbuchungsform .pruefen button {flex-basis: 30%}
.container .defaultbuchungsform .pruefenpaket .bezeichnung,
.container .defaultbuchungsform .pruefen .bezeichnung,
.container .defaultbuchungsform .pruefenpaket .daten,
.container .defaultbuchungsform .pruefen .daten {flex-basis: 100%}
.container .defaultbuchungsform .bestaetigt {flex-basis: 100%;display:none}
.container .defaultbuchungsform .rechtsinweis {flex-basis: 100%;display:none;font-size:10px;line-height:12px;margin-top:30px}

.container .defaultbuchungsform .sendungsdetails {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}
.container .defaultbuchungsform .sendungsdetails ul .bezeichnung {display:block;font-weight:bold;font-size:16px;flex-basis:100%;line-height: 20px;margin-bottom: 20px;}
.container .defaultbuchungsform .sendungsdetails ul .pakinhalt {display:block;flex-basis:100%}
.container .defaultbuchungsform .sendungsdetails ul .pakinhalt input {width:100%}
.container .defaultbuchungsform .sendungsdetails .preisberechnung {flex-basis:100%;display:flex;justify-content:space-between;margin-top:20px}
.container .defaultbuchungsform .sendungsdetails .preisberechnung .summe {text-align:right}
.container .defaultbuchungsform .sendungsdetails .preisberechnung span {border:1px solid #ccc;padding:5px;display:inline-block;text-align:center;font-weight:bold;font-size:20px;cursor:pointer;user-select: None;}
.container .defaultbuchungsform .sendungsdetails .preisberechnung span.wert {border-left:0;border-right:0;width:30px;}
.container .defaultbuchungsform .sendungsdetails .preisberechnung div {flex-basis:30%}
.container .defaultbuchungsform.paketdienst .buchungen .datum {flex-basis:49% !important;}
.container .defaultbuchungsform.paketdienst .buchungen .empfaenger {flex-basis:49% !important;cursor:pointer}
.container .defaultbuchungsform.paketdienst .buchungen .empfaenger:before {content:'An:';color:#999;margin-right:5px;font-size:75%}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer {flex-basis:100% !important;border-top:1px solid #ccc;margin-top:5px}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.paket,
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.brief {display:flex;justify-content:space-between;flex-wrap: wrap;}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.paket:before {content:'\f466';font-family: "Font Awesome 5 Free";font-weight:bold;}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.brief:before {content:'\f0e0';font-family: "Font Awesome 5 Free";font-weight:bold;}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span span:last-child {flex-basis:100% !important;}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.brief span:nth-child(1),
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.paket span:nth-child(1),
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span.paket span:nth-child(2) {text-align: right}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span span {border-bottom:none !important;flex-basis:47% !important;padding:0 !important;background:none !important;}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span span:before {content:attr(data-label);color:#999;margin-right:5px;font-size:75%}
.container .defaultbuchungsform.paketdienst .buchungen .oldteilnehmer span span:after {content:attr(data-subfix);color:#999;margin-left:5px;font-size:75%}
.container .defaultbuchungsform.paketdienst .kundensuche .buchungen .oldteilnehmer span:hover {text-decoration:none;background:#eee}
.container .defaultbuchungsform.paketdienst .sendungsdetails .preisberechnung span.wert {width:60px}
.container .defaultbuchungsform.paketdienst .sendungsdetails .preisberechnung select,
.container .defaultbuchungsform.paketdienst .sendungsdetails .preisberechnung input {width:100%}
.container .defaultbuchungsform.paketdienst .sendungsdetails .preisberechnung sup {font-size:75%}

.container .defaultbuchungsform .empfaengerdaten {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}

.container .defaultbuchungsform .kundensuche {flex-basis: 100%;margin:20px auto;display:none;max-width: 780px;}
.container .defaultbuchungsform .kundensuche .suchfeld {display:flex;justify-content: space-between}
.container .defaultbuchungsform .kundensuche .suchfeld button {flex-basis:160px;margin-top:0}
.container .defaultbuchungsform .kundensuche .suchfeld .ergebnis {flex-basis:calc(100% - 180px)}
.container .defaultbuchungsform .kundensuche {border:1px solid #ddd;padding:20px;margin-bottom:20px;box-shadow: 0 0 5px #ccc;border-radius: 10px;color: #333;}
.container .defaultbuchungsform .kundensuche .buchungen ul li {display:flex;border:0;box-shadow:none;margin:0;border-top:1px solid #ccc;justify-content:space-between;border-radius:0;padding:5px 0}
.container .defaultbuchungsform .kundensuche .buchungen ul li .datum {flex-basis:180px;cursor: pointer}
.container .defaultbuchungsform .kundensuche .buchungen ul li .datum:hover {text-decoration:underline}
.container .defaultbuchungsform .kundensuche .buchungen ul li .oldteilnehmer {flex-basis:calc(100% - 180px);display:flex;flex-wrap:wrap;justify-content:space-between}
.container .defaultbuchungsform .kundensuche .buchungen ul li .oldteilnehmer span {cursor:pointer;flex-basis:49%;background:#fff;margin-bottom:5px;padding:1px 10px 1px 3px;position:relative;border-bottom:1px solid #ccc}
.container .defaultbuchungsform .kundensuche .buchungen ul li .oldteilnehmer span:hover {text-decoration:underline}
.container .defaultbuchungsform .kundensuche .buchungen ul li .oldteilnehmer span.used:after {content:'\f00c';position:absolute;top:2px;right:2px;font-family: "Font Awesome 5 Free";font-weight:bold;color:#77dd00}

.tnauswahl {border:1px solid #ccc;background:#fff;padding:10px;}
.tnauswahl table td {font-size:30px}
.tnauswahl table span {border:1px solid #ccc;padding:5px;display:inline-block;text-align:center;font-weight:bold;font-size:20px;cursor:pointer;user-select: None; }
.tnauswahl table span.wert {border-left:0;border-right:0;width:30px;}
.tnauswahl table td:first-child {font-size:14px;font-weight:bold}

.sozialandappfooter {display:none}
.kundesuchen label,
.kundesuchen input {display:block;}
.kundesuchen input {width: calc(100% - 20px);border: 1px solid #CCC;line-height: 16px;padding: 5px 5px 5px 7px;}
.kundesuchen .valueblock {padding:10px;border-bottom:1px solid #666;margin-bottom:10px}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste {clear:both;margin:10px;border:1px solid #999;padding:5px;overflow-y:scroll;height:300px}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .texte {float:left;}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .nummern {float:right;}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .nummern span {text-align:right}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .eintrag span {display:block}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .kundenname {font-weight:bold}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .telefon,
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .strasse,
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .ort {font-size:11px}
.kundesuchen .buform_volltext_kunde_suchen_ergebnisliste .eintrag {padding: 5px;display: block;width: 100%;border-bottom: 1px solid #48d;box-sizing: border-box;cursor: pointer;}

.agbcheck {display:block;margin-top:30px}
.agbcheck input {float:left;margin-right:20px}

.login {display:none;margin:20px 0;background:#fff;border-radius:0 20px 20px 0;color: #004f9b;padding: 5px 10px 5px 20px;text-decoration: none;font-weight: bold;font-size: 24px;line-height: 30px;font-style: italic;font-family: Lato;}
.login.profil {display:block}
img.agentur {height:16px;margin: 0 10px 0 0;cursor:pointer}
#agenturlogin {display:none}

.agenturlogin div {width:250px;}
.agenturlogin input {display:block;width:100% !important;margin-bottom:20px}
.agenturlogin a {display:block;margin-top:20px}
.agenturlogin label {font-weight:bold}
.agenturlogin input {width:100%}
.agenturlogin b {display:block;font-size:150%;margin-bottom:20px}
.agenturlogin .mypwvergessen {display:none}
.agenturlogin .myprofil {display:none}
.agenturlogin.profil .myprofil {display:block}
.agenturlogin.profil .mylogin {display:none}
.agenturlogin .mypwaendern {display:none}

.userinfostatic {position:fixed;width:100%;top:0;left:0;text-align:center;z-index:3;background:#004f9b;color:#fff;box-shadow:0 0 5px #fff;padding:3px}

@media (max-width:1200px) and (min-width: 1000px) {
    body .container .defaultbuchungsform .startziel {flex-basis:100%}
    body .container .defaultbuchungsform .fahrdatum,
    body .container .defaultbuchungsform .personen,
    body .container .defaultbuchungsform .fahrtsuchen {flex-basis:32%}
}


@media (max-width:1100px) {
	 	body .container .defaultbuchungsform .teilnehmerdaten .zusatzleistungrueck, .container .defaultbuchungsform .teilnehmerdaten .zusatzleistung {flex-basis: 100%;}
}

@media (max-width:1000px) and (min-width: 860px) {
	body .container .defaultbuchungsform .teilnehmerdaten li div {flex-basis: 49%;}
}

@media (max-width:860px) {
	body .container .defaultbuchungsform .teilnehmerdaten li div {flex-basis: 100%;}
}

@media (max-width:1000px) and (min-width: 730px) {
    body .container .defaultbuchungsform .fahrdatum,
    body .container .defaultbuchungsform .startziel {flex-basis:100%}
    body .container .defaultbuchungsform .personen,
    body .container .defaultbuchungsform .fahrtsuchen {flex-basis:48%}
    body .container .defaultbuchungsform ul li .abfahrt,
    body .container .defaultbuchungsform ul li .ankunft {order:1;flex-basis:calc((100% - 20px) / 2);}
    body .container .defaultbuchungsform ul li .aktion {flex-basis:100%;padding-top: 20px;}
    body .container .defaultbuchungsform ul li .aktion .preis {flex-basis:50%;text-align:left}
    body .container .defaultbuchungsform ul li .aktion button {flex-basis:50%}

    body .header .logotel {width:29%}
    body .header .logotel .tel {font-size:18px}
    body .header .hauptlinks {width:43%}
    body .header .hauptlinks a span {font-size:10px}

    body .aktuell {float:left;left:-50px;position:absolute;margin-top:550px;display:none}
    body .mainimage + .aktuell {float:left;left: -50px;position:absolute;margin-top: 80px;}
    body .container .inhalt {width:100%;padding-right:10px}

    body .allInOneKontakt select {width:95%}
    body .allInOneKontakt input[type="text"],
    body .allInOneKontakt input[type="email"],
    body .allInOneKontakt input[type="tel"],
    body .allInOneKontakt textarea,
    body .allInOneKontakt .datenschutzklausel {width:95%}
    body .allInOneKontakt button {width:95%;margin:0}
    
    body .container .defaultbuchungsform .sitzplatzwuensche .sitzplatzwuenscheinhalt div {flex-basis: 49%;}
    
}

@media (max-width:900px) and (min-width:860px) {
    body #content_team .team .person {width:46%}    
    
}

@media (max-width:860px) and (min-width:580px) {
    body #content_team .team .person {width:96%}
    
}

@media (max-width:730px) {
    body .container {float:none;}
    body .aktuell {float:none;display:none}
    body .aktuell .schild {left: calc(50% - 120px);position: relative;}
    body .container {display:flex;flex-direction: column;width:100%;}
    body .container .inhalt {order:2;width:100%;float:none;padding: 0 10px;}
    body .container .mainimage {order:1}
    body .container .aktuell {order:3;margin-top:20px}

    .fernzielbuchungvalidierung table tr {display:block;margin-bottom:10px}
    .fernzielbuchungvalidierung table tr td {display:block}
    .fernzielbuchungvalidierung table tr td:first-child {font-size:75%;font-weight:bold}

    body .galerie {padding:10px}
    body .galerie h2 {padding:10px 0}
    body .galerie img.gal_bild {width:100%;float:none;height:auto}
    body .galerie .text {height:auto;float:none;width:auto}
    body .galerie .gal_info,
    body .galerie .subimages {display:none}
    body .galerie .lupe {width:20px;height:20px;background:url(/includes/img/lupe.png) no-repeat #fff;background-size: 20px 20px;display:block;position:absolute;top:85px;left:0}

    body #content_team .team .person {width:96%}

    body .allInOneKontakt select {width:95%}
    body .allInOneKontakt input[type="text"],
    body .allInOneKontakt input[type="email"],
    body .allInOneKontakt input[type="tel"],
    body .allInOneKontakt textarea,
    body .allInOneKontakt .datenschutzklausel {width:95%}
    body .allInOneKontakt button {width:95%;margin:0}

    /* Ab hier ist neu */
    body .sozialandapp {display:none}
    body .sozialandappfooter {order:3;padding:5px;display:block;margin-top:10px}
    body .sozialandappfooter .sozialandapp {display:block}
    body .mainimage .mainimagebild {border-radius:0 !important;}
    body .mainimage .mainimagebild .rahmen {display:none}
    body .container .mainimage .mainimagebild img {border-radius:0}
    body .container .mainimage,
    body .container .mainimage img {border-radius:0}
    body .container .mainimage div {border-radius:0;border:none}

    body .container .defaultbuchungsform .fahrdatum,
    body .container .defaultbuchungsform .startziel,
    body .container .defaultbuchungsform .personen,
    body .container .defaultbuchungsform .fahrtsuchen {flex-basis:100%}
    body .container .defaultbuchungsform ul li .abfahrt,
    body .container .defaultbuchungsform ul li .ankunft {order:1;flex-basis:calc((100% - 20px) / 2);}
    body .container .defaultbuchungsform ul li .aktion {flex-basis:100%;padding-top: 20px;}
    body .container .defaultbuchungsform ul li .aktion .preis {flex-basis:50%;text-align:left}
    body .container .defaultbuchungsform ul li .aktion button {flex-basis:50%}

    body .header {display:flex;flex-wrap:wrap;justify-content: space-between}
    body .header .logo {flex-basis:45%;}
    body .header .logotel {flex-basis:45%;}
    body .header .logotel .tel {white-space:nowrap;font-size:14px}
    body .header .logotel .tel:before {bottom:-5px}
    body .header .hauptlinks {flex-basis:100%;width:auto;max-width:100%}
    body .header .hauptlinks a {max-width:130px}
    body .header .hauptlinks a span {display:none}

    body .navi {width:100%;float:none;text-align: center;border-bottom:1px solid #fff;margin-bottom:10px;padding-bottom:20px}
    body .navi .burger {display:block;font-size:30px;}
    body .navi .login {display:none;border-radius:0}
    body .navi ul {display:none;margin-bottom:20px}
    body .navi ul li {border-radius:0}
    body .navi .nav1 {margin-top:20px}

    body .footer .box_right,
    body .footer .box_center,
    body .footer .box_left {float:none;width:100%;margin-bottom:15px;text-align:left}

    body #controlcenter {display:none}
    body .footer ul {float:none}
    body.scrolled #totop {display:none}
    
    body .container .defaultbuchungsform .sitzplatzwuensche .sitzplatzwuenscheinhalt div {flex-basis: 49%;}
    body .container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div {flex-basis:100% !important;order:1}
    body .container .defaultbuchungsform .rechnungsdaten .rechnungsdateninhalt div.mitteilung {order:2}
}

.aktuell {float:right;margin:0 30px 0 60px;position:relative;z-index:2}
.aktuell .schild {width:240px;padding:10px;border-radius:130px;background:#fff;text-align:center;}
.aktuell .schild div {padding:15px 15px 60px;border:3px dashed #e20613;border-radius:130px;min-height: 450px;overflow:hidden}
.aktuell .schild div p {font-size:14px;line-height:18px}
.aktuell .schild div h3 {padding:15px 30px}
.aktuell .schild div img {max-width:184px}
.aktuell .schild div p:first-child img:first-child {border-radius:50%}
.aktuell .halterung {width:20px;height:100px;background-color:#004f9b;position:absolute;left:calc(50% - 10px)}
.container {min-height:630px}
.container .inhalt {width: calc(100% - 330px);float:left}
.container .inhalt img {max-width:100%}
.container ul {margin-left:20px}
.container p {margin-bottom:15px;font-size:16px;line-height:22px}

.container .inhalt .form {background:#fff;padding:30px;border-radius:30px}

h2 img {height:40px;top: 10px;position: relative;}

.inhalt h3 {font-size:30px;line-height:36px;color:#e20613;font-style: italic;font-weight:bold;text-align: center;margin-bottom:30px}

.inhalt h4 {clear:left;}
table caption,
.inhalt h4  {text-align:left;margin:20px 0;color:#00519e;font-size:22px;}
.inhalt ul {margin-bottom:15px}

.footer {position: relative;overflow: hidden;background: #004f9b;}
.footer .round{background: #f9c000;width: 100%;height: 100px;border-radius: 50%;position: absolute;margin-top: -50px;}
.footer .zone {margin-top:50px;padding:30px;}
.footer .box_center,
.footer .box_left {float:left;width:33%;color:#fff}
.footer .box_right {float:right;width:33%;text-align:right;color:#fff}
.footer .bildrechte {font-size:10px;line-height:12px;display: inline-block;}
.footer ul {list-style:none;float:right}
.footer ul li {float:left;margin-left:5px}
.footer ul li:before{content:'|';margin-right:5px}
.footer ul li:first-child {margin-left:0}
.footer ul li:first-child:before {content:''}
.footer a {text-decoration:none}
.footer .reisecms {font-size:90%}

body.freiburgerreisedienst .variante {background-color:#51D136 !important;}
body.rumaenienreisen .variante {background-color:#004f9b !important;}
body.mietbus .variante {background-color:#e20613 !important;}

.schnellbuchung .formcont {height: 100%;width: 100%;}
.navitop .ueberschrift,
.schnellbuchung .ueberschrift {color: #00519e;font-size: 30px;line-height: 34px;position: absolute;top: -45px;text-align: center;width: 100%;font-family: Arial}
.schnellbuchung .ueberschrift {display:none;}
.navitop .ueberschrift{width:auto;right:10%}
textarea,
select {padding:9px;border: 1px solid #ccc;font-size: 14px;border-radius: 10px;width: 38%}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="range"]{padding: 10px;border: 1px solid #ccc;font-size: 14px;border-radius: 10px;width: 38%}
.schnellbuchung input[name="einstieg"],
.schnellbuchung input[name="ausstieg"]{width:100%}
.schnellbuchung input.uhrzeit {float: right;margin-left: 0}
.schnellbuchung .helper {float: right;color: #aaa;font-size: 14px;line-height: 18px;width:42%}
.schnellbuchung .helper .title {font-size: 20px;line-height: 24px;display:block}
.schnellbuchung .fakelabel {color: #00519e;font-size: 20px;line-height: 26px;font-weight: bold;margin-top: 15px}
.schnellbuchung .fakelabel.first {margin-top:0}
.schnellbuchung .fakeselect {width: 100%;margin: 20px 0;border: 1px solid #ccc;border-radius: 10px;}
.schnellbuchung .fakeselect input {margin-left: 0;border: none;}
.schnellbuchung .error {box-shadow:  0 0 10px #e20613;}

.schnellbuchung .option {margin-top: 10px;margin-right:70px;float:left}
.schnellbuchung .option label {display:inline-block;color: #aaa;font-size: 20px;line-height: 24px;}
.schnellbuchung .option label span {display:block;font-size: 14px;line-height: 18px;}

.booking_backto_fahrtdetails {display:none}
.booking_backto_teilnehmer,
.booking_backto_sitzplatzwunsch,
.booking_backto_rechnungsempf {font-family:Lato;font-weight:bold;font-style:italic;cursor:pointer;background: #ccc;width: 100%;padding: 10px 0;color: #000;font-size: 20px;line-height: 24px;border: 1px solid #ccc;border-radius: 10px;margin-top: 20px;text-align:center}
.booking_to_praeferenz,
.booking_to_finish,
.booking_to_validierung,
.booking_to_validierung2,
.booking_to_fahrtteilnehmer,
.booking_to_rechnungsempf,
.booking_btn,
.rueckfahrtEinzelnEdit,
.saverueckfahrt,
.jetzt_bezahlen,
.ticketdownload,
button {font-family:Lato;font-weight:bold;font-style:italic;cursor:pointer;background: #e20613;width: 100%;padding:0;color: #fff;font-size: 20px;line-height: 39px;border: 1px solid #ccc;border-radius: 10px;margin-top: 20px;text-align:center;display: block;}
button.zurreservierung {background:#004f9b;margin-top:0}

input[type=range]{height:40px;padding:0 0;width:100px}
input[type=range]::-ms-thumb{background:#f9a800 url(/includes/img/switcher.png) center center no-repeat;width:35px;height:35px;border-radius:10px;border:1px solid #ccc}
input[type=range]::-moz-range-thumb{background:#f9a800 url(/includes/img/switcher.png) center center no-repeat;width:35px;height:35px;border-radius:10px;border:1px solid #ccc}
input[type=range]::-webkit-slider-thumb {background:#f9a800 url(/includes/img/switcher.png) center center no-repeat;width:35px;height:35px;border-radius:10px;border:1px solid #ccc;-webkit-appearance: none;}
input[type=range]::-webkit-slider-runnable-track {background:none}
input[type=range]::-moz-range-track {background:none}
input[type=range]::-ms-track {background:none;border:none;}
input[type=range]::-ms-fill-lower{background:none;border:none;display:none}

input[type=range]::-ms-thumb{background-color:#1277e2}
input[type=range]::-moz-range-thumb{background-color:#1277e2}
input[type=range]::-webkit-slider-thumb {background-color:#1277e2}


.allInOneKontakt {}
.allInOneKontakt h3{font-size:18px;line-height:24px;border-bottom:1px solid #00519e;margin:30px 0 10px}
.allInOneKontakt .bereiche {display:none}
.allInOneKontakt .bereiche ul {list-style:none;}
.allInOneKontakt .bereiche ul li {float:left;width:50%;display:block}
.fernzielbuchung input[type="text"],
.allInOneKontakt select,
.allInOneKontakt textarea,
.allInOneKontakt input[type="text"],
.allInOneKontakt input[type="tel"],
.allInOneKontakt input[type="email"]{width:46%;margin-right:20px;position:relative;margin-top:5px}
.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 {width: 100%;margin:0 auto;display:block}
.allInOneKontakt .zusatzfelder {margin-bottom:40px}
.allInOneKontakt textarea {resize: vertical;height:130px}

validationhelp {position:absolute;margin-left:-35px;font-weight: bold;font-size: 25px;margin-top:5px}
.allInOneKontakt select.valide + validationhelp,
select + validationhelp {margin-left:-65px}

input[name="grund_plz"] + validationhelp {margin-left:-20px}
input[type="checkbox"] + validationhelp {margin-left:-20px;margin-top:0px}

ul.ui-autocomplete {list-style:none;max-height: 250px;overflow-y: auto;overflow-x: hidden;width:220px}

.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(-5deg);box-shadow: -5px 10px 10px #444;transition: transform 0.5s}
.allInOneKontakt .katalogliste .katalog:hover img {transform:rotate(0);}
.allInOneKontakt .katalogliste .katalog span {font-family:'Kalam';display: block;margin-top: 20px;max-width: 200px;text-align: center;margin-left:35px;position:relative}
.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:#cc1000}

.nltxt {font-size:12px;line-height:14px;font-weight:300;display: block;margin: 10px 0;}

.galerie {background:#fff;margin-bottom:30px;border-radius:20px;overflow:hidden;}
.galerie h2 {display:block;margin-bottom:0;text-decoration: none;padding:5px 10px}
.galerie a {position:relative;text-decoration:none}
.galerie img {float:left;margin-right:10px;}
.galerie .text {float:left;font-size:18px;line-height:22px;display:block;height:140px;position:relative;width:49%}
.galerie .gal_info {display: block;font-size:14px;line-height:18px;position:absolute;bottom:0;width:100%;border-bottom:1px solid #ccc;}
.galerie .update {float:right;padding-right:5px}
.galerie .gal_bild {width:300px;height:225px}
.galerie .subimages .gal_bild {width:100px;height:75px}
.galerie .gal_view {display:none}
.galerie .subimages {float:left;width:49%;margin-top:10px;background:#eee;}

.virttable {width:100%;clear:left;}
.virttable .zeile {width:30%;float:left;clear:none}
.virttable .zeile .item {width:100%;float:none;border:1px solid #ccc;padding:0 5px;background:#fff}
.virttable .zeile .item.long {width:100%;float:none}
.virttable .zeile .item:first-child {clear:left;width:100%;font-weight:bold;background:#ddd}

.tpl_fernzielpreise table tr th:first-child {white-space: nowrap;text-align:left}
.tpl_fernzielpreise table tr td {text-align:right;}

.inhalt table {width:100%;margin-bottom:20px}
.inhalt table th,
.inhalt table td {border:1px solid #cc1000;padding:0 5px;vertical-align:top}
.inhalt table th {background:#cc1000;color:#fff}
.inhalt table.withbg th {background:#cc1000}
.inhalt table.withbg td {background:#fff}
.inhalt table tr:hover th,
.inhalt table tr:hover td {background:#ddd}
.inhalt table.noborder th,
.inhalt table.noborder td {border:none;}

.fernzielbuchungvalidierung h3 {margin-top:30px}
.fernzielbuchungvalidierung br {display: none;}

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

.geokarte .map {width:100%;height:500px;}
.geokarte .locations {display:none}
.geokarte .orte ul {margin:10px}
.geokarte .orte li {cursor:pointer;float:left;width:25%;min-width:240px;list-style-image:url(/includes/img/Haltestelle_Karte.png);font-size:24px;line-height:40px;margin-left:40px;}
.geokarte .orte li span span {font-size:10px;margin-left:10px}
.geokarte .orte li span.info {display:none;box-shadow:0 0 5px #f9a800;padding:10px;background: #fff;position:absolute;margin-left:-45px;max-width:95%}
.geokarte .orte li span.info:before {content:'';background-image:url('/includes/jquery/fancybox/fancybox_sprite.png');width:36px;height:36px;cursor:pointer;position: absolute;top: -18px;right: -18px;}

.fernzielbuchung label {clear:left;float:left;width:30%}
.fernzielbuchung h2 {margin-top:40px}
.fernzielbuchung .fahrtdetail.radio {padding:5px;background:#eee;border-top:3px solid #fff}
.fernzielbuchung .fahrtdetail.radio label {display:inline-block;float:none;clear:none;width:100%}
.fernzielbuchung .rueckfahrtohnedatumblock,
.fernzielbuchung .rueckfahrdatumblock {border:1px solid #eee;padding:5px;}
.fernzielbuchung input[type="text"] {width: 70%;margin-right:0;}
.fernzielbuchung input[type="text"][name="plz"]{width:20%}
.fernzielbuchung input[type="text"][name="ort"]{width:calc(50% - 15px);clear:none;margin-left:10px}

.fernzielbuchung input[type="number"] {height:40px;line-height:28px;font-size:20px;float: left;padding: 5px 5px 5px 7px;margin-top: 3px;width: 50px;border: 1px solid #ccc;clear: left;color:#000}
.fernzielbuchung .mystyled {float:left;width:70%;margin-top:6px}
.fernzielbuchung .teilnehmer {border: 1px solid #ccc;display: block;padding: 5px;margin-top:10px;background:#fff;position: relative;}
.fernzielbuchung .teilnehmerzone {margin-top:20px;}
.fernzielbuchung .teilnehmerblock,
.fernzielbuchung .gruppenrabatt,
.fernzielbuchung .rechungsempfaenger,
.fernzielbuchung .praeferenz,
.fernzielbuchung .info.rabatte{display:none}
.fernzielbuchung .headline {background: #eee;padding: 5px;font-weight: normal;color: #00519e;font-size:24px;line-height:30px}

.fernzielbuchung .personpreis .preis,
.fernzielbuchung .grundpaket .preis,
.fernzielbuchung .extra .preis,
.fernzielbuchung .rabatt span:last-child {float:right;}
.fernzielbuchung .personpreis {border-top: 1px solid #000;width: 100%;display: block;}
.fernzielbuchung .info {font-size: 12px;line-height:16px;font-style: italic;color:#aaa}
.fernzielbuchung .preisinfo {font-size:14px;margin-left: 5px;}
input[type="radio"],
input[type="checkbox"] {margin-right:5px;width:20px;height:20px;border: 2px solid #fff;padding: 1px;box-shadow: 0 0 1px #000;cursor:pointer}
input[type="radio"]:checked ,
input[type="checkbox"]:checked {background:#aaa;}
.fernzielbuchung .btn {border:3px solid #f00;padding: 5px;cursor: pointer;width: 240px;box-shadow:0 0 5px #666; }
.fernzielbuchung h2 {clear: left;}
.fernzielbuchung .booking_to_rechnungsempf {margin-top:20px;}
.fernzielbuchung textarea {width:100%;height:75px;min-height:75px;padding:5px;border:1px solid #ccc;resize: vertical}
.fernzielbuchung .error {box-shadow: 0 0 10px red;}
.content .rightbox h4 {border-bottom: 1px solid #00519e;color:#00519e;font-size:20px;margin-bottom:15px}
.content .rightbox a {display:block}

.fernzielbuchung .fahrtdetail.radio input {display:none}
.buchungspreis div {font-size:35px;line-height:45px;text-align: right;font-weight:bold;margin:30px 0;border-top: 1px solid #000;border-bottom: 5px double #000;}
.fernzielbuchung .extras .extra {height:45px;}
.fernzielbuchung .kundenrabatt {border-top: 1px solid #000;margin-top: 20px;}
.fernzielbuchung .kundenrabatt span {float: right;font-size: 30px;}
.fernzielbuchung .kundenrabatt input {float: none;text-align: right;}
.fernzielbuchung .individualpreis {border: 5px solid #000;padding: 4px;font-size: 30px;}
.fernzielbuchung .individualpreis span {float:right}
.fernzielbuchung .individualpreis input {width: 100px;text-align: right;}

ul.ui-autocomplete {list-style:none;max-height: 250px;overflow-y: auto;overflow-x: hidden;width:220px;z-index:2}

.kundennummer_validate {display:block;border:1px solid #ccc;box-shadow: 0 0 5px 0;padding:10px;margin:15px 0;width:100%;box-sizing: border-box;background:#fff}
.kundennummer_validate input[type="text"] {width:52%}
.kundennummer_validate span {float:left}
.kundennummer_valid{float:none}


.quantity {position: relative;padding:0 5px 0 0;margin-bottom:3px;height: 45px;float: left;}
.quantity input {padding:0}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
.quantity input {width: 45px;height: 42px;line-height: 1.65;float: left;display: block;padding: 0;margin: 0;padding-left: 20px;border: 1px solid #eee;}
.quantity input:focus {outline: 0;}
.quantity-nav {float: left;position: relative;height: 38px;margin-top:3px}
.quantity-button {position: relative;cursor: pointer;border-left: 1px solid #ccc;width: 20px;text-align: center;color: #666;font-size: 13px;font-family: "Trebuchet MS", Helvetica, sans-serif !important;line-height: 1.7;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.quantity-button:hover {background:#eee}
.quantity-button.quantity_up {position: absolute;height: 50%;top: 0;border-bottom: 1px solid #ccc;}
.quantity-button.quantity_down {position: absolute;bottom: -1px;height: 50%;}

/* Mystyled */
.mystyled {position:relative;width:170px;}
.mystyled .myanzeige {overflow: hidden;text-indent:5px;background:#fff url(/includes/img/select.png) right no-repeat;text-align: left;padding:10px;line-height:17px;font-size: 14px;cursor:pointer;box-shadow: 0 0 0 1px #ccc;border-radius:10px}
.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:90%;;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;border: 1px solid #8e1d48;margin-bottom:80px}
.rightcol .mystyled .myliste{width:248px;height:70px}
.mystyled ul.myliste{padding:0!important;}

.rueckfahrtplanen table input[type="text"] {width: 100px;float:none}
.rueckfahrtplanen table .datumfest {font-size:26px;}
.rueckfahrtplanen table tr td {height:70px}
.rueckfahrtplanen .usersuche {border:none;display:block;padding:5px 0}
.rueckfahrtplanen .usersuche table tr td {height:auto;cursor:pointer}
.valid_dates {display:none}


#content_team .team {margin:40px 0}
h3.kontaktteam {border-bottom:1px solid #e20613;margin-bottom:30px}
#content_team .team h3 {border-bottom:1px solid #e20613;}
#content_team .team .person {box-shadow:0 2px 3px #555;width:29%;margin:2%;float:left;position:relative;min-width:260px;padding-bottom:50px;background:#fff}
#content_team .team .person .freitext {display:none;}
.mitarbeiterprofil .details .name,
#content_team .team .person .name {font-size:24px;text-align:center;margin:15px 10px 0;}
.mitarbeiterprofil .details .beruf,
#content_team .team .person .beruf {text-align:center;margin:0 10px 15px;}
#content_team .team .person .standort {text-align:center;margin:0;display:none}
#content_team .team .person img {width:100%;margin:0;box-shadow:none;float:none}
#content_team .team .person .buttons {display:block;position:absolute;bottom:0;right:0;}
#content_team .team .person .buttons a {background:#e20613;color:#fff;padding:10px 15px;text-decoration:none;margin:0;display:inline-block}
#content_team .team .person .buttons a.infbtn {background:#aaa;color:#fff;padding:10px 15px;text-decoration:none;margin-right:1px;}
.mitarbeiterprofil {width:600px}
.mitarbeiterprofil img {float:left;width:50%}
.mitarbeiterprofil span {display:block}
.mitarbeiterprofil .freitext {padding: 25px;margin-top: 25px;border-top: 1px solid #ccc;column-width: 200px;text-align: justify;column-gap: 40px;}
.mitarbeiterprofil .freitext br{margin-bottom: 5px;}
.mitarbeiterprofil .details {float:left;width:300px;margin-top:80px}

#myoverlay {background:#fff;box-shadow: 10px 10px 5px #888;padding:5px;width:100%;max-width:600px;position:relative;z-index:1000;margin:auto;margin-top:50px;border:3px solid #ddd;border-radius:10px;padding:5px;}
#myoverlayclose {background:url('/admin/includes/img/trans_999.png');position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;}
#myoverlayclose textarea{width:280px;height:220px;min-height:220px;min-width:280px;}
#myoverlayclose input {width:280px;min-width:280px;}
#myoverlayclose label {display:block;width:75px;}
#myoverlayclose input.edit_abfahrt1, #myoverlayclose input.edit_ankunft1, #myoverlayclose input.edit_aufpreis1 {width:50px;min-width:50px;padding:0 3px;}
#myoverlayclose input.edit_abfahrt2, #myoverlayclose input.edit_ankunft2, #myoverlayclose input.edit_aufpreis2 {width:50px;min-width:50px;padding:0 3px;}
#myoverlayclose input.edit_aufpreis1 {text-align:right;}

body .fancybox-title-float-wrap .child {background: #00519e}
body .ui-datepicker select.ui-datepicker-year {padding:2px}
body .ui-datepicker select.ui-datepicker-month {padding:2px}

.zahlung_form label {font-weight:bold;clear:left;float:left;width:100px}
.zahlung_form .wert {display:inline-block;float:left;}

body .ui-datepicker .ui-datepicker-header {background:#00519e}

@media (max-width:1200px) and (min-width:1000px) {
    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 #content_team .team .person {width:96%}
}

@media (max-width:1530px) and (min-width:1200px) {
    #content_team .team .person {width:46%}
}

.cookieinfo {background:#000;color:#fff;text-align:center;font-weight:300;font-size:14px;line-height:18px;padding: 5px;}
.cookieinfo button {padding:2px 5px;font-size:14px;height:auto;min-height:auto;width:auto;display:inline-block;margin-top:0}
.jumptostep2 {display:none}

.radiostyled {width:39px;height:39px;cursor:pointer;display: inline-block;border: 1px solid #ccc;border-radius: 10px;margin-right:10px;position:relative;background:#fff}
.radiostyled.on:before {content: '✓';color: #e20613;position: absolute;font-size: 51px;left: 2px;font-weight: bold;top: -22px;}
.radiostyled input {display:none}

.formabschnitt label {display:block;color:#00519e;font-weight:bold;margin:10px 0 0 0;}
.formabschnitt input[type="text"],
.formabschnitt textarea{width:100%}
.formabschnitt .width50 {width:48%;margin-right:2%;float:left;margin-top:10px}
.formabschnitt .width100 {width:98%;margin-right:2%;float:left;margin-top:10px}
.formabschnitt .option label {display:inline;position: absolute;font-size:20px;line-height:28px}

.einzelpaket span {border-top:1px solid #ccc;width:100%;display:block;margin-top:15px}
.einzelpaket span span {float:right;display:inline;width:auto;border-top:0;margin-top:0}
.gesamtpreis {border-top:3px solid #000;width:100%;margin:20px 0;padding:5px;font-size:30px}
.gesamtpreis .preis {float:right}

.altergeb {display: inline;position: relative;}
.altergeb div {position: absolute;right: 10px;color: #999;top: 0;}

.olLayerGrid img {max-width: none !important;}
.olControlAttribution {font-size: 10px;right: 0;}
input.quickkundesuchen {width:100%}
.ui-autocomplete li {padding:3px;border-bottom:1px solid #ccc}