html,body {
    height:100%;
}

.clear {
    clear: both;
}

/* first for Internet Explorer */
@font-face {
    font-family: UnitWeb;
    src: url(/v4/fonts/UnitWeb-Bold.eot);
}
/* then for Firefox */
@font-face {
    font-family: UnitWeb;
    src: url(/v4/fonts/UnitWeb-Bold.woff) format('woff');
}

#h1startseiteDiv h1 {
    position:absolute;
    top:225px;
    z-index:1;
    color:white;
}

#h1startseiteDiv h2 {
    position:absolute;
    top:273px;
    z-index:1;
    color:white;
}

@media screen and (max-width: 1024px) {
	#h1startseiteDiv.kf-indexS h1 {
		top: 330px;
	}
}

@media screen and (max-width: 1024px) {
	#h1startseiteDiv.kf-indexS h2 {
		top: 378px;
	}
}

#h1startseiteDiv.tagesfahrten h1,
#h1startseiteDiv.tagesfahrten h2 {
    color: white;
}

@media screen and (max-width: 767px) {
    #h1startseiteDiv.kf-indexS h1 {
		font-size: 32px;
		color: #076048;
        top: 165px;
		left: 20px;
    }
    #h1startseiteDiv.kf-indexS h2 {
		font-size: 26px;
		color: #076048;
        top: 198px;
		left: 20px;
    }
}

@media screen and (max-width: 767px) {
	#h1startseiteDiv.tagesfahrten h1 {
		font-size: 32px;
        top: 165px;
		left: 20px;
    }
	#h1startseiteDiv.tagesfahrten h2 {
		font-size: 26px;
        top: 198px;
		left: 20px;
    }
}

#h1startseiteDiv.lehrerbereich h1 {
    color: #353635;

}

#h1startseiteDiv.lehrerbereich h2 {
    color: #24735B;

}

#h1startseiteDiv.lehrerbereich.register h1 {
    color: #353635;
    top: 230px;
}

#h1startseiteDiv.lehrerbereich.register h2 {
    color: #353635;
    top: 278px;
}

#h1startseiteDiv.lehrerbereich.index h1 {
    color: #333333;
    top: 120px;
    text-align: center;
}

#h1startseiteDiv.schuelerbereich h1 {
    color: #346BAA;
    top: 180px;
}

#h1startseiteDiv.schuelerbereich h2 {
    color: #346BAA;
    top: 228px;
}

#h1startseiteDiv.lehrerbereich.vertriebspartner h1,
#h1startseiteDiv.lehrerbereich.vertriebspartner h2 {
    color: white;
}
@media screen and (max-width: 767px) {
    #h1startseiteDiv.lehrerbereich.vertriebspartner h1,
    #h1startseiteDiv.lehrerbereich.vertriebspartner h2 {
        color: white;
    }
}

#h1PortalUebersicht {
    color:#333333;
    width:100%;
    margin:34px 0 0 0;
    padding:0;
    font-size:36px;
}


@media screen and (max-width: 880px) {
    #h1startseiteDiv.schuelerbereich h1 {
        top: 330px;
    }
    #h1startseiteDiv.schuelerbereich h2 {
        top: 378px;
    }
    #h1startseiteDiv.lehrerbereich h1 {
        top: 305px;
    }
    #h1startseiteDiv.lehrerbereich h2 {
        top: 353px;
    }
}

@media screen and (max-width: 767px) {
    #h1startseiteDiv.schuelerbereich h1 {
        color: #346BAA;
        top: 170px;
    }
    #h1startseiteDiv.schuelerbereich h2 {
        display: none;
    }

    #h1startseiteDiv.lehrerbereich h1 {
        top: 345px;
    }
    #h1startseiteDiv.lehrerbereich h2 {
        top: 393px;
    }
	#h1startseiteDiv.lehrerbereich.register h1 {
        top: 445px;
    }
    #h1startseiteDiv.lehrerbereich.register h2 {
        top: 493px;
    }
}

@media screen and (min-width: 768px) and (max-width: 925px) {
    #h1startseiteDiv.lehrerbereich.register h1 {
        top: 405px;
    }
    #h1startseiteDiv.lehrerbereich.register h2 {
        top: 453px;
    }
}

#streifen-login {
    position: relative;
    background-color: #076048;
    color: white;
    height: 40px;
    width: 100%;
}

#streifen-login.schuelerbereich {
    background-color: #346baa;
}
#streifen-login.vertriebspartner {
    background-color: #2E3444;
}

#streifen-login.unternehmensstreifen {
    background-color: #DDDADB;
    color: #1F0214;
}
#streifen-login.unternehmensstreifen b {
    color: #27A22C;
    padding-left: 0 !important;
}
#streifen-login.unternehmensstreifen .kunden,
#streifen-login.unternehmensstreifen .tuev,
#streifen-login.unternehmensstreifen .ziele {
    display: inline-block;
    padding: 10px 0;
    line-height: 20px;
}

#streifen-login.unternehmensstreifen .kunden:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f521';
    font-weight: 900;
    padding-right: 5px;
}
#streifen-login.unternehmensstreifen .tuev:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f0a3';
    font-weight: 900;
    padding-right: 5px;
}
#streifen-login.unternehmensstreifen .ziele:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f06b';
    font-weight: 900;
    padding-right: 5px;
}

#streifen-login.paketreisenBelantis {
    background-color: #E9CFAE;
    color: #D05026;
}

#streifen-login.kinderstadtHalleMitReferer {
    background-color: #5BADE9;
    color: #fef200;
}

#streifen-login.klassenfahrtenB2B {
    background-color: #D8E6D7;
    color: #343530;
}

#streifen-login a {
    display: inline-block;
    padding: 10px !important;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    font-family: UnitWeb, Arial, sans-serif;
    text-decoration: none;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    color: white;
}

#streifen-login a.sub {
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.kfUndJrReiter {
    position: absolute;
    bottom: 10px;
    left: 5px;
    height: 30px;
}

#streifen-login a.kf,
#streifen-login a.jr {
    margin: 5px 5px 0 0;
    padding-top: 6px !important;
    border-radius: 5px;
}

#streifen-login a.kf {
    color: #076048; /*#7ED321;*/
    background-color: #F2F2F2;
	border: 4px solid #F2F2F2;
}

#streifen-login a.jr {
	border: 4px solid #5bc5f2;
    position: relative;
    left: -4px;
    color: #003d5c; /*#7ED321;*/
    background-color: #e6f6fe; /*#708445;*/
}


@media screen and (max-width: 767px) {
    #streifen-login.mitReitern a.jr,
    #streifen-login.mitReitern a.kf {
        margin-top: 45px;
    }

    #streifen-login.mitReitern {
        height: 80px;
    }
}

#streifen-login a.sub.status {
    padding: 4px 10px 4px 10px !important;
    position: relative;
    top: -1px;
}
#streifen-login a.sub.status img.kundenstatus {
    position: relative;
    top: -1px;
}

#streifen-login a.sub.bearbeiten {
    position: relative;
}
@media screen and (max-width: 767px) {
    #streifen-login a.sub.bearbeiten span.meine {
        display: inline-block;
        font-size: 8px;
        line-height: 10px;
        position: absolute;
        left: 10px;
        top: 2px;
    }
}
@media screen and (max-width: 419px) {
    #streifen-login a.sub.bearbeiten {
        width: 89px;
        text-align: left;
    }
    #streifen-login a.sub.bearbeiten span.klassenfahrt {
        display: inline-block;
        font-size: 8px;
        line-height: 10px;
        position: absolute;
        left: 34px;
        top: 2px;
    }
}

#streifen-login a.sub.bearbeiten span.meineKf {
    font-weight: bold;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    left: 10px;
    top: 2px;
}

#streifen-login a.sub.active {
    background-color: #0B9871;
}

#streifen-login.schuelerbereich a.sub.active {
    background-color: #5C88BB;
}

#streifen-login.vertriebspartner a.sub.active {
    background-color: #636E78;
}

#streifen-login b {
    font-family: UnitWeb, Arial, sans-serif;
    display: inline-block;
    font-size: 16px;
    padding: 10px !important;
    line-height: 20px;
    font-weight: normal;
}

#streifen-login a:hover {
    background-color: #0B9871;
}
#streifen-login.schuelerbereich a:hover {
    background-color: #5C88BB;
}
#streifen-login.vertriebspartner a:hover {
    background-color: #636E78;
}
#streifen-login a.kf:hover {
    background-color: #F2F2F2;
}
#streifen-login a.jr:hover {
    background-color: #5bc5f2;
}

#streifen-login a#bereichLb,
#streifen-login a#bereichSb,
#streifen-login a#bereichVertriebspartner,
#streifen-login a#subLb
 {
    background: transparent !important;
    font-family: UnitWeb, Arial, sans-serif;
    display: inline-block;
    font-size: 16px;
}

#streifen-login a#bereichLb.active .unterstrich,
#streifen-login a#bereichSb.active .unterstrich,
#streifen-login a#bereichVertriebspartner.active .unterstrich,
#streifen-login a#subLb.active span.unterstrich
 {
    border-bottom: solid 3px;
    line-height: 20px;
    padding-bottom: 0;
}

@media screen and (max-width: 450px) {
    #streifen-login a#bereichLb.hidden-unter-450 {
        display: none;
    }
}

#streifen-login .profile-name {
    display: inline;
}
#streifen-login .profile-kuerzel {
    display: none;
}
#streifen-login .portal-index {
    display: inline;
}
#streifen-login .logout-label {
    display: inline;
}

#streifen-login .expeditedssl {
    display: inline-block;
    font-size: 14px;
    padding: 10px 10px 10px 0 !important;
    line-height: 20px;
    font-weight: normal;
    color:black;
}
#streifen-login .expeditedssl img {
    position: relative;
    bottom: 1px;
}


@media screen and (min-width: 701px) and (max-width: 767px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: inline;
    }
    #streifen-login .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {
        display: inline;
    }
}
@media screen and (min-width: 581px) and (max-width: 700px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: none;
    }
    #streifen-login .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {
        display: inline;
    }
}
@media screen and (min-width: 541px) and (max-width: 580px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: none;
    }
    #streifen-login .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {
        display: inline;
    }
}
@media screen and (min-width: 501px) and (max-width: 540px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: none;
    }
    #streifen-login .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {
        lb-login-active-tabdisplay: inline;
    }
    #h1PortalUebersicht {
        font-size: 32px;
        margin-top: 35px;
    }
}
@media screen and (min-width: 381px) and (max-width: 500px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: none;
    }
    #streifen-login .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {

    }
    #h1PortalUebersicht {
        font-size: 28px;
        margin-top: 38px;
    }
}
@media screen and (min-width: 381px) and (max-width: 420px) {
    #streifen-login .portal-index {
        display: none;
    }
}
@media screen and (max-width: 380px) {
    #streifen-login .profile-name {
        display: none;
    }
    #streifen-login .profile-kuerzel {
        display: none;
    }
    #streifen-login .portal-index {
        display: none;
    }
    #streifen-login .logout-label {

    }
    #h1PortalUebersicht {
        font-size: 24px;
        margin-top: 40px;
    }
}

#streifen-bereiche-und-abschnitte {
    position: relative;
    width: auto;
}

#streifen-bereiche {
    position: absolute;
    background-color: #f2f2f2;
    height: 40px;
    width: 100%;
}

#streifen-abschnitte {
    position: absolute;
    top: 40px;
    background-color: #FFFFFF;
    height: 40px;
    width: 100%;
    z-index: 6;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); /* CSS3 */
}

#streifen-abschnitte-blende {
    position: absolute;
    top: 80px;
    height: 0;
    width: 100%;
    z-index: 5;
}

#logo,
#logoKf,
#logoJr,
#logoMk {
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 50000;
}
#logoKf {
    left: 140px;
}
#logoMk {
    left: 184px;
    top: 0;
}

#logo img,
#logoKf img,
#logoJr img {
    min-width: 117px;
    width: 164px;
}
#logoMk img {
    min-width: 142px;
    width: 200px;
}

#logoKf,
#logoJr {
    top: 10px;
}
#logoKf img,
#logoJr img {
    width: 117px;
}

#logoBelantis {
    position: absolute;
    top: 52px;
    left: 200px;
    z-index: 10;
}

@media screen and (min-width: 768px) and (max-width: 979px) {
    #logo,
    #logoKf,
    #logoJr,
    #logoMk {
        position: absolute;
        z-index: 150000;
    }
    #logo img {
        position: relative;
        width: 139px;
        top: 6px;
    }
    #logoMk {
        left: 160px;
        top: 9px;
    }
    #logoMk img {
        position: relative;
        width: 169px;

    }

    #logoBelantis {
        left: 170px;
        top: 60px;
    }
    #logoBelantis img {
        width: 153px;
    }
}

@media screen and (max-width: 767px) {
    #logo,
    #logoKf,
    #logoJr,
    #logoMk {
        position: absolute;
        z-index: 150000;
    }
    #logo img,
    #logoKf img,
    #logoJr img,
    #logoMk img {
        position: relative;
        width: 117px;
        top: 11px;
    }
    #logoMk {
        left: 130px;
        top: 4px;
    }
    #logoMk img {
        position: relative;
        width: 142px;
    }
    #logoBelantis {
        left: 150px;
        top: 66px;
    }
    #logoBelantis img {
        width: 128px;
    }
    #logoKf img,
    #logoJr img {
        top: 18px;
    }
}
@media screen and (max-width: 460px) {

}

@media screen and (max-width: 419px) {
    #logoKf,
    #logoJr {
        position: absolute;
        z-index: 150000;
    }
    #logoKf {
        left: 95px;
    }
    #logoKf img,
    #logoJr img {
        position: relative;
        min-width: 80px;
        width: 80px;
        top: 11px;
    }
    #logoKf img,
    #logoJr img {
        top: 18px;
    }
}

.starter-template {
    padding: 0;
    color: #FFFFFF;
}

.container, .container-fluid {
    position: relative;
    max-width: 1140px;
    /* border-left: 1px dashed #FF8800;
    border-right: 1px dashed #FF8800;
    border: 1px dashed #FF8800; */
}

/* Reisefinder */

.reisefinderFarben {
    color: #FFFFFF;
    background-color: #ba1217;
}

.reisefinderFarben.aufZielSeiten {
    background-color: transparent;
}

#reisefinderBusMieten {
    color: #FFFFFF;
    height: 250px;
    padding-left: 20px;
    padding-right: 20px;
}

.reisefinderBusMieten {
    color: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}

#reisefinder .h2, .reisefinder .h2 {
    font-size: 28px;
    line-height: 30px;
    color: #FFFFFF;
    padding: 15px 0 10px 0;
    margin: 0;
}

#reisefinderfelder > .feld,
#reisefinderfelder > .feld {
    margin-top: 10px;
}

/* --- */

.bigButtonFrame {
    margin-top: 10px;
    margin-left: 10px;
    height: 50px;
    width: 220px;
    text-align: left;
    overflow: hidden;
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    -khtml-border-radius: 2px; /* Konqueror */
    border-radius: 2px; /* CSS3 */
}

.row.aufZielSeiten .bigButtonFrame {
    margin-left: 22px;
}

.bigButtonFrame.schmal {
    margin-top: 15px;
    float: right;
}

.bigButtonFrame.pink {
    position: absolute;
    margin-left: 0;
    bottom: -25px;
    width: 100%;
}

.bigButtonFrame.pinkOhne {
    margin-left: 0;
    width: 100%;
}

.bigButton,
.bigButtonIos {
    position: relative;
    left: -45px;

    -moz-border-radius: 45px; /* Firefox */
    -webkit-border-radius: 45px; /* Safari, Chrome */
    -khtml-border-radius: 45px; /* Konqueror */
    border-radius: 45px; /* CSS3 */

    background: #7ED321;
    cursor: pointer;
    height: 50px;
    width: 265px;

    /* Wegen Bug im Android bei Bedarf 1px als Grad der Verschwommenheit angeben, sonst wird der Schatten nicht angezeigt */
    -webkit-box-shadow: inset -1px -1px 0px rgb(84, 143,20);
    box-shadow: inset -1px -1px 0px rgb(84, 143,20);
}

.bigButton.pink {
    width: 100%;
    background: #E3155E;
    -webkit-box-shadow: inset -1px -1px 0px rgb(227, 21, 94);
    box-shadow: inset -1px -1px 0px rgb(227, 21, 94);
}

.bigButton p,
.bigButtonIos p {
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    margin: 11px 0 0 65px;
    text-align: center;
    color: #2C4B08;
    border-bottom: 5px solid #2C4B08;
}

@media (max-width: 767px) {
    .bigButtonFrame.pinkOhne .bigButton p {
        margin: 11px 0 0 55px;
    }
}

.bigButton.pink p {
    color: white;
    border-bottom: 5px solid white;
}

.bigButton:hover {
    background-color: #548f14;
    -webkit-box-shadow: inset -1px -1px 0px rgb(44, 75, 8);
    box-shadow: inset -1px -1px 0px rgb(44, 75, 8);
}

.bigButton.pink:hover {
    background-color: #A71045;
    -webkit-box-shadow: inset -1px -1px 0px rgb(167, 16, 69);
    box-shadow: inset -1px -1px 0px rgb(167, 16, 69);
}

.bigButton:hover p {
    color: #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
}

.bigButton:hover i {
    color: #548f14;
}

.bigButton.pink i {
    color: #E3155E;
}
.bigButton.pink:hover i {
    color: #A71045;
}

.bigButtonKreis {
    background: #FFFFFF;
    height: 40px;
    width: 40px;

    padding: 11px 16px;

    position: absolute;

    -moz-border-radius: 40px; /* Firefox */
    -webkit-border-radius: 40px; /* Safari, Chrome */
    -khtml-border-radius: 40px; /* Konqueror */
    border-radius: 40px; /* CSS3 */

    top: 4px;
    right: 4px;
    color: #7ED321;
    font-size: 14px;
}

.bigButtonSubText {
    position: absolute;
    color: #FFF;
    left: 250px;
    bottom: 25px;
    min-height: 40px;
}

@media (max-width: 420px) {
    #gesamtpersonenInfo {
        display: none !important;
    }
}


/* --- */

.smallButtonFrame {
    position: relative;
    height: 30px;
}

.smallButton {
    position: absolute;
    top: 0;
    left: 0;

    height: 30px;
    overflow: hidden;

    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    -khtml-border-radius: 2px; /* Konqueror */
    border-radius: 2px; /* CSS3 */
}

.smallButton p,
div.smallButton > a {
    display: block;
    position: relative;
    left: -15px;
    white-space: nowrap;

    cursor: pointer;
    height: 30px;

    font-weight: bold;
    font-size: 14px !important;
    line-height: 20px;

    padding: 5px 25px 0 25px !important;
    text-align: left;
    text-decoration: none !important;

    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Chrome */
    -khtml-border-radius: 15px; /* Konqueror */
    border-radius: 15px; /* CSS3 */
}

.smallButton.mitShoppingCart p,
div.smallButton.mitShoppingCart > a {
    padding: 5px 25px 0 50px !important;
}

.smallButtonInlay.inHell  p,
div.smallButtonInlay.inHell > a {
    background-color: #FFFFFF !important;
}

.smallButton.inDunkel  p,
div.smallButton.inDunkel > a {
    background-color: #000000;
    color: #FFFFFF !important;
}

.smallButton.inGruen p,
div.smallButton.inGruen > a {
    background-color: #7ED321;
    color: #2F4b20 !important;
}

.smallButton.fuerRueckruf p,
div.smallButton.fuerRueckruf > a {
    background-color: #ed7189;
    color: #FFFFFF !important;
}

.smallButton.inPink  p,
div.smallButton.inPink > a {
    background-color: #FFFFFF;
    color: #9A3970 !important;
}

.smallButton.inSchwarz p,
div.smallButton.inSchwarz > a {
    background-color: #2C4B08;
    color: #FFFFFF !important;
}

a.zfSmallButton > i.fa-search-plus {
    color: #343530 !important;
    font-size: 18px;
    position: relative;
    top: 1px;
}
a.zfSmallButton.inSchwarz  > i.fa-search-minus {
    color: white !important;
}


.smallButton.inWeiss  p,
div.smallButton.inWeiss > a {
    background-color: #FFFFFF;
    color: #2C4B08 !important;
}

.smallButton i {
    position: absolute;
}

.smallButton i.fa-chevron-right {
    right: 25px;
    top: 10px;
    color: white !important;
    font-size: 11px;
}

.smallButton i.fa-shopping-cart {
    left: 5px;
    top: 5px;
    color: #343530 !important;
    font-size: 20px;
}

.smallButton.inGruen i {
    color: #FFF;
}
.smallButton.inSchwarz i {
    color: #FFF;
}
.smallButton.inWeiss i {
    color: #7ED321;
}

.smallButton:hover p,
div.smallButton > a:hover,
div.smallButton:hover > a {
    color: #FFFFFF !important;
    background-color: #548f14;
    text-decoration: none !important;
}

.smallButton.inGruen:hover p,
div.smallButton.inGruen > a:hover,
div.smallButton.inGruen:hover > a {
    color: #FFFFFF !important;
    background-color: #558f32;
    text-decoration: none !important;
}

.smallButton.fuerRueckruf:hover p,
div.smallButton.fuerRueckruf > a:hover,
div.smallButton.fuerRueckruf:hover > a {
    color: #FFFFFF !important;
    background-color: rgba(237, 113, 137, .7);
    text-decoration: none !important;
}

.smallButton.inPink:hover p,
div.smallButton.inPink > a:hover,
div.smallButton.inPink:hover > a {
    color: #AC5D8A !important;
    background-color: #FFD9F7;
    text-decoration: none !important;
}


.smallButton:hover i,
.smallButton > i:hover
{
    color: white !important;
}

.smallButton.inPink:hover i,
.smallButton.inPink > i:hover
{
    color: #7ED321 !important;
}

/* ----- */

.smallHtmlButton {
    height: 30px;
    border-radius: 0 15px 15px 0;
    font-weight: bold;
    border: none;
    padding: 2px 6px;

    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.smallHtmlButton.inGruen {
    color: #2C4B08 !important;

    background-image: linear-gradient(to bottom, #7ED321, #7ED321 50%, #548F14 50%, #548F14);
    background-position: 0 0%;
    background-size: 100% 200%;
}


.smallHtmlButton:hover {
    color: #ffffff !important;
    background-position: 0 100%;
    /*padding: 0 6px 2px 6px;*/
}

.smallHtmlButton i {
    font-weight: normal;
}

.smallHtmlButton i.fa-chevron-right {
    color: #FFF !important;
}

.smallHtmlButton.inGruen i {
    color: #FFF;
}


/* ----- */

.reisefinder-schublade {
    background: #9B070B;
    display: none;
    margin: 10px -10px;
    padding: 20px;
    color: #FFFFFF;
    height: 230px;
}

.reisefinder-schublade label span {
    color: #FFFFFF;
}

.reisefinder-keller {
    background: #9B070B;
    color: #FFFFFF;
    height: 60px;
}


@media (max-width: 767px) {
    .reisefinder-keller {
        margin-top:10px;
    }
    .reisefinder-keller.zielseite {
        margin-top:0;
    }
}

.reisefinder-keller-zelle {
    display: block;
    position: relative;
    float: left;
    height: 60px;
    padding: 14px 10px;
    margin-right: 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

.reisefinder-keller-zelle img {
    display: block;
    float: left;
    padding-right: 11px;
}

/*
@media screen and (max-width: 365px) {
    .reisefinder-keller-zelle img {
        display:none;
    }
}
*/

.reisefinder-keller-zelle .subZeilen {
    float: left;
}

.reisefinder-keller-zelle .subZeile1 {
    overflow: hidden;
    float: left;
    color: #FFFFFF !important;
}

.reisefinder-keller-zelle .subZeile2 {
    color: rgba(255, 255, 255, 0.5) !important;
}


.preisrechnerart {
    cursor: pointer;
    color: #FFFFFF;
    float: left;
    font-size: 16px;
    line-height: 20px;

    padding: 15px 15px 15px 15px;
    margin: 20px 0 10px 10px;
    border:  1px solid #FFFFFF;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px; /* Konqueror */
    border-radius: 3px; /* CSS3 */
}

.preisrechnerart.direktUmmanz {
    color: #343530;
	border:  1px solid #343530;
}


@media screen and (max-width: 767px) {
    .paketreisen.preisrechnerart {
        cursor: pointer;
        color: #FFFFFF;
        float: left;
        font-size: 16px;
        line-height: 20px;

        padding: 5px 5px 5px 5px;
        margin: 5px 0 10px 10px;

        border:  none;

        -moz-border-radius: 0; /* Firefox */
        -webkit-border-radius: 0; /* Safari, Chrome */
        -khtml-border-radius: 0; /* Konqueror */
        border-radius: 0; /* CSS3 */
    }
    .paketreisen.preisrechnerart.xs-active {
          margin: 5px 0 10px 5px;
    }
    .paketreisen.preisrechnerart.nicht-xs-active {
          color: #ffffff;
          font-size: 15px;
          padding: 4px 1px 4px 1px;
          font-weight: bold;
          background-image: linear-gradient(to bottom, transparent, transparent 50%, #7ED321 50%, #7ED321);
          background-position: 0 15%;
          background-size: 100% 200%;
          -webkit-transition: all 0.2s ease-in;
          -moz-transition: all 0.2s ease-in;
          -o-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
          text-decoration: none;
    }
    .paketreisen.preisrechnerart.nicht-xs-active:hover {
      color: #2C4B08;
      background-position: 0 100%;
      cursor: pointer !important;
    }
}

.preisrechnerart.schmal {
    cursor: pointer;
    color: rgba(0,0,0,.5);
    background-color:rgba(255,255,255,.5);
    float: left;
    font-size: 16px;
    line-height: 20px;

    padding: 15px 15px 15px 15px;
    margin: 20px 20px 10px -10px;
    border:  1px solid #FFFFFF;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
    -khtml-border-radius: 3px; /* Konqueror */
    border-radius: 3px; /* CSS3 */
}

.preisrechnerart.active,
.preisrechnerart:hover {
    color: #000000;
    background: #FFFFFF;
}

.preisrechnerart:hover {
    cursor: pointer;
}

.preisrechnerart.direktUmmanz.active,
.preisrechnerart.direktUmmanz:hover  {
    background: #FBF239;
	cursor: default;
}

ul.headerBullets {
    padding: 0;
    margin-top: 15px;
}

ul.headerBullets li {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    display: block;
    font-weight: bold;
    color: #FFF;
}

ul.headerBullets li a {
    color: #FFF;
}

ul.headerBullets li .fa-chevron-right {
    color: #7ed321;
    font-size: 8px;
}

/* ----- */

#navbar-bereiche {
    height: 40px;
}

#navbar-bereiche li {
    height: 38px;
}

#streifen-login a,
#navbar-bereiche a {
    padding: 8px 10px;
}

#streifen-login h2,
#navbar-bereiche h2 {
    font-size: 16px;
    line-height: 20px;
    margin: 1px 0 0 0;
    padding: 0;
}

#navbar-bereiche .unterstrich {
}

#navbar-bereiche .unterstrich:hover,
#navbar-bereiche .active .unterstrich {
    border-bottom: solid 3px;
    padding-bottom: 0;
}


@media screen and (max-width: 1024px) {
    #navbar-bereiche .navbar-nav li a {
        padding-right: 8px;
    }
}



.passiveUl, .hiddenUl {
    display: none;
}

.activeUl, .shownUl {
    display: block;
}


#navbar-abschnitte {
    height: 40px;
}

#navbar-abschnitte a,
#navbar-bereiche .abschnittsnavpunkt a
{
    padding: 0;
    margin: 0;
    text-decoration: none;

}

#navbar-abschnitte h3, #navbar-bereiche h3 {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;

}

#navbar-abschnitte h3:hover,
#navbar-abschnitte .active h3
{
    /*color: #2782A7 !important;*/
}

#navbar-bereiche li:hover + .abschnittsnavblock,
.abschnittsnavblock:hover {
    display: block;
    z-index: 10001;
}

#navbar-bereiche li:hover + .kivits-abschnittsnavblock,
.kivits-abschnittsnavblock:hover {
    display: block;
    z-index: 10001;
}

.abschnittsnavblock {
    position: absolute;
    z-index: 10000;
    width: 100%;
    background: #FFFFFF;
    margin-top: 0;
    padding-top: 0;
    top: 39px;
    height: 38px;
    left: 179px;
}

.abschnittsnavpunkt {
    position: relative;
    padding: 10px 9px 10px 9px;
    line-height: 20px;
    margin: 0;
    float: left;
    height: 40px;
    border-right: 2px solid white;
}

#navbar-bereiche .abschnittsnavpunkt h3:hover,
#navbar-bereiche .abschnittsnavpunkt.active h3
{
    /*color: #404040 !important;*/
    color: #FFFFFF !important;
}


/*
 * siehe index-kf.boo.inc.php
 *
.abschnittsnavpunkt:hover .unterstrich-abschnitte {
    border-bottom: 15px solid <?=$naviArray[$curNaviBereich][naviColor]?>;
    height: 20px;
}

 * auch :hover

*/

.abschnittserweiterungsmenuSpalte {
    float: left;
    width: 220px;
}

#navbar-bereiche .abschnittserweiterungsmenuUl {
    list-style-type: none;
    padding-left: 0;
}
#navbar-bereiche .abschnittserweiterungsmenuUl li {
    height: auto;
    font-size: 14px;
    line-height: 28px;
}

/* ----- */

#middleframe {
    position: relative;
}

/* wrapper divs */
.custom-checkbox, .custom-radio {
    position: relative;
    height: 38px;
    pointer-events: auto !important;
}

/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    z-index: -10;
}

.custom-checkbox label,
.custom-radio label {
    font-weight: normal;
    line-height: 16px;
    height: 35px;

    z-index: 2;

    padding: 2px 0 1px 38px;
    margin: 0;
    cursor: pointer;

    display: table !important;
    pointer-events: auto !important;
}

.custom-radio-kf label {
    background: url('/images_4.0/2015/assets/material/radiobuttons-big.png') no-repeat;
}

.custom-checkbox-kf label {
    background: url('/images_4.0/2015/assets/material/checkboxes-big.png') no-repeat;
    color: #FFF;
}

.custom-checkbox-lb, .custom-radio-lb {
    height: 42px;
}
.custom-checkbox-lb label {
    background: url('/images_4.0/klassenfahrten/assets/checkboxes-big.png') no-repeat;
    color: #FFF;
    height: 39px;
    padding-top: 14px;
}
.custom-radio-lb label {
    background: url('/images_4.0/klassenfahrten/assets/radiobuttons-big.png') no-repeat;
    height: 39px;
    padding-top: 14px;
}
.custom-checkbox-lb.dunkel label,
.custom-radio-lb.dunkel label {
    color: #343530;
}

.custom-checkbox label, .custom-radio label {
    background-position: 0 5px;

}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    background-position: 0 -50px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
    background-position: 0 -105px;
}

.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus,
.custom-radio label.checkedHover,
.custom-radio label.checkedFocus {
    background-position: 0 -160px;
}

.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}



/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  top: 0;
  left: 0;
  width: 250px;
  padding: 10px 10px 0 10px;
  margin-top: 1px;
  z-index: 99999 !important;
  border-radius: 4px;
  border: 2px solid #5C9852;
}
.bootstrap-datetimepicker-widget.timepicker-sbs {
  width: 600px;
}
.bootstrap-datetimepicker-widget.bottom:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #5C9852; /* #ccc */
  /*border-bottom-color: rgba(0, 0, 0, 0.2);*/
  position: absolute;
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.bottom:after {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  position: absolute;
  top: -5px;
  left: 9px;
}
.bootstrap-datetimepicker-widget.top:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #5C9852; /* #ccc */
  /*border-top-color: rgba(0, 0, 0, 0.2);*/
  position: absolute;
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.top:after {
  content: '';
  display: inline-block;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid white;
  position: absolute;
  bottom: -5px;
  left: 8px;
}
.bootstrap-datetimepicker-widget .dow {
  width: 14.2857%;
  padding-bottom: 14px;
  position: relative;
}
.bootstrap-datetimepicker-widget.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget > ul {
  list-style-type: none;
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
  width: 4px;
  padding: 0;
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker > div {
  display: none;
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
  text-align: center;
  border-radius: 0;
}
.bootstrap-datetimepicker-widget td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget td.cw {
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
  background: #b9dfb7; /* #eeeeee */
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget td.today:before {

}
.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
  background-color: #ffb800;/*#ff7D0D;*/
  /* color: #ffffff;*/
  text-shadow: none;
}
.bootstrap-datetimepicker-widget td.active.today:before {
  border-bottom-color: #fff;
}

/* -- zweitesdatum-- */
.bootstrap-datetimepicker-widget td.zweitesdatum,
.bootstrap-datetimepicker-widget td.zweitesdatum:hover {
  background-color: #ffb800; /* #ff7D0D #ffb900 #428bca; */
  /* color: #ffffff;*/
  text-shadow: none;
}
.bootstrap-datetimepicker-widget td.zweitesdatum.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget td.zeitspanne,
.bootstrap-datetimepicker-widget td.zeitspanne:hover {
  background-color: #ffb800; /* #ffb900 #428bca; */
  /* color: #ffffff;*/
  text-shadow: none;
}
.bootstrap-datetimepicker-widget td.zeitspanne.today:before {
  border-bottom-color: #fff;
}
/* ---- */

.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td.disabled.today,
.bootstrap-datetimepicker-widget td.disabled.today:hover {
  background: none;
  color: #ffb800;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 0;
}
.bootstrap-datetimepicker-widget td span:hover {
  background: #b9dfb7; /*#eeeeeee*/
}
.bootstrap-datetimepicker-widget td span.active {
  background-color: #b9dfb7; /*#FF7D0D;*/
  /*color: #ffffff;*/
  text-shadow: none;
}
.bootstrap-datetimepicker-widget td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
  font-size: 21px;
  color: #5C9852;
}
.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
  background: #b9dfb7; /* #eeeeee */
}
.input-group.date .input-group-addon span {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.date img,
.date .fa-calendar {
    position:absolute;
    right:20px;
    top:23px;
    z-index:20;
    color: #7ED321;
}
#von:disabled + label + .fa-calendar,
#bis:disabled + label + .fa-calendar
{
    color: #7F7F99;
}
.bootstrap-datetimepicker-widget.left-oriented:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.left-oriented:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
  padding: 0px !important;
}

div.datepicker {
  position: relative;
}

div.timepicker {
  position: relative;
}

div.datepicker-days thead:after {
  width: 248px;
  height: 2px;
  content: "\200C";
  border-top: 2px solid #5C9852;
  display: block;
  position: absolute;
  top: 69px;
  left: -10px;
}

div.datepicker-days tbody:before, div.datepicker-days tbody:after {
  line-height: 10px;
  content: "\200C";
  display: block;
}

div.timepicker-picker {
  padding: 30px 30px 0 30px;
}

div.timepicker tbody:before {
  font-weight: bold;
  overflow: visible;
  white-space: nowrap;
  border-top: 2px solid #5C9852;
  content: "Bitte legen Sie die Uhrzeit fest:";
  display: block;
  position: absolute;
  padding-top: 17px;
  padding-left: 20px;
  top: -2px;
  left: -10px;
  width: 248px;
}

.bootstrap-datetimepicker-widget ul.nav.nav-pills {
  margin: 0 8px 8px 8px;
}

@media screen and (max-width: 767px) {
  .bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 283px;
  }
}

/*
.bootstrap-datetimepicker-widget[style*="display:none"] {
    pointer-events: none;
}
*/

/* --------- Kivits ------------ */

.navbar {
    padding-left: 189px;
}

.navbar.unternehmen {
    padding-left: 265px;
}

.kivits-abschnittsnavblock {
    position: absolute;
    z-index: 100;
    width: 100%;
    background: #FFFFFF;
    margin-top: 0;
    padding-top: 0;
    top: 39px;
    height: 38px;
    left: 0;
    padding-left: 194px;
}
.navbar.unternehmen .kivits-abschnittsnavblock {
    padding-left: 270px;
}

@media screen and (max-width: 979px) {
    .navbar {
        padding-left: 134px;
    }
    .kivits-abschnittsnavblock {
        padding-left: 139px;
    }
}

@media screen and (min-width: 980px) and (max-width: 1024px) {
    .navbar {
        padding-left: 159px;
    }
    .kivits-abschnittsnavblock {
        padding-left: 164px;
    }
}

.kivits-menu {
	display: inline-block;
    position: relative;
    top: -20px;
}

.kivits-menu:before {
    pointer-events: auto;
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.kivits-menu:focus {
	pointer-events: none;
}

.kivits-menu:focus .kivits-menu-content,
.kivits-menu:focus .kivits-menu-content-teilhamburger
{
    /*  opacity is 1 in opened state (see below) */
	opacity: 1;
	visibility: visible;
	-webkit-box-shadow: 0 3px 6px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 3px 6px 3px rgba(0,0,0,0.15);
    box-shadow: 0 3px 6px 3px rgba(0,0,0,0.15);

    background-color: white;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}

.kivits-menu-content,
.kivits-menu-content-teilhamburger {
	position: absolute;
    /*left: -29px;*/
	z-index: 9999;
	padding: 0 10px;

    /* use opacity to fake immediate toggle */
	opacity: 0;
	visibility: hidden;

    transition: visibility 0.2s;
}

.kivits-menu.no-pointer-events {
	pointer-events: auto !important;
}

.kivits-menu.no-visibility .kivits-menu-content,
.kivits-menu.no-visibility .kivits-menu-content-teilhamburger {
	visibility: visible !important;
	display: none;
}

.kivits-menu.no-visibility:focus .kivits-menu-content,
.kivits-menu.no-visibility:focus .kivits-menu-content-teilhamburger {
	display: block;
}

.kivits-menu.no-opacity .kivits-menu-content,
.kivits-menu.no-opacity .kivits-menu-content-teilhamburger {
	opacity: 1 !important;
}

@media screen and (min-width: 981px) and (max-width: 1060px) {
    /* SM+: ab 981 bis MD */
    .hidden-sm-plus {
        display:none;
    }
    #lascheBp {
        background-image: none !important;
    }
    #lascheBp span {
        left: 0 !important;
    }
    #lascheBp h3 {
        margin-left: 0 !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    /* SM-: ab 768 bis 980 */
    .hidden-sm-minus {
        display:none;
    }
    #schariffZweiteSpalte {
        top: 0 !important;
    }
}

@media screen and (min-width: 1101px) {
    .hidden-ab-1101 {
        display:none;
    }
}
@media screen and (min-width: 1061px) {
    .hidden-ab-1061 {
        display:none;
    }
}
@media screen and (min-width: 1021px) {
    .hidden-ab-1021 {
        display:none;
    }
}
@media screen and (min-width: 981px) {
    .hidden-ab-981 {
        display:none;
    }
}
@media screen and (min-width: 941px) {
    .hidden-ab-941 {
        display:none;
    }
}
@media screen and (min-width: 901px) {
    .hidden-ab-901 {
        display:none;
    }
}
@media screen and (min-width: 861px) {
    .hidden-ab-861 {
        display:none;
    }
}
@media screen and (min-width: 821px) {
    .hidden-ab-821 {
        display:none;
    }
}
@media screen and (min-width: 781px) {
    .hidden-ab-781 {
        display:none;
    }
}
@media screen and (min-width: 601px) {
    .hidden-ab-601 {
        display:none;
    }
}

@media screen and (min-width: 421px) {
    .hidden-ab-421 {
        display:none;
    }
}
@media screen and (min-width: 350px) {
    .hidden-ab-350 {
        display:none;
    }
}

@media screen and (max-width: 1500px) {
    .hidden-unter-1500 {
        display:none;
    }
}
@media screen and (max-width: 1140px) {
    .hidden-unter-1140 {
        display:none;
    }
}
@media screen and (max-width: 1100px) {
    .hidden-unter-1100 {
        display:none;
    }
}
@media screen and (max-width: 1060px) {
    .hidden-unter-1060 {
        display:none;
    }
}
@media screen and (max-width: 1020px) {
    .hidden-unter-1020 {
        display:none;
    }
}
@media screen and (max-width: 980px) {
    .hidden-unter-980 {
        display:none;
    }
}
@media screen and (max-width: 940px) {
    .hidden-unter-940 {
        display:none;
    }
}
@media screen and (max-width: 900px) {
    .hidden-unter-900 {
        display:none;
    }
}
@media screen and (max-width: 860px) {
    .hidden-unter-860 {
        display:none;
    }
}
@media screen and (max-width: 820px) {
    .hidden-unter-820 {
        display:none;
    }
}
@media screen and (max-width: 780px) {
    .hidden-unter-780 {
        display:none;
    }
}
@media screen and (max-width: 580px) {
    .hidden-unter-580 {
        display:none;
    }
}
@media screen and (max-width: 450px) {
    .hidden-unter-450 {
        display:none;
    }
}

@media screen and (max-width: 420px) {
    .hidden-unter-420 {
        display:none;
    }
}

@media screen and (max-width: 405px) {
    .hidden-unter-405 {
        display:none !important;
    }
}

@media screen and (max-width: 349px) {
    .hidden-unter-349 {
        display:none;
    }
}


/* Eye candy */

.kivits-menu {
	padding: 0;
    margin: 0;
	outline: 0;
}

.kivits-menu-content {
	margin-top: 0;
	margin-left: 0;
	padding: 25px 0 30px 30px;
}

.kivits-menu-content li, .kivits-menu-content-teilhamburger li {
	list-style-type: none;
	white-space: nowrap;
}

.kivits-menu-content a {
	color: #FFFFFF !important;
}

.kivits-menu-content a:hover {
	/*color: rgba(0,0,0,.5) !important;*/
    text-decoration: underline !important;
}

.kivits-menu-content-teilhamburger {
	margin-top: 0;
	margin-left: 0;
	padding: 0;
}

.kivits-menu-content-teilhamburger li a {
    font-size: 14px;
    line-height: 20px;
}

.kivits-menu-content-teilhamburger li {
    border-top: 1px solid #D8D8D8;
    padding: 9px 20px 8px 20px;
}

@media screen and (max-width: 1024px) {

}


/* ------ */




/* ----- */

.smoothGemorphterButton {
    display: inline-block;
    padding: 0 5px;
    background-color: transparent;
    position: relative;
    left: -5px;
}

.smoothGemorphterButton a {
    display: inline-block;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none !important;
    border-top:5px solid transparent;
    border-bottom: 5px solid #7ED321;
}

.smoothGemorphterButton.dunkel a {
    color: #2F312E;
}

.smoothGemorphterButton a:hover {
    color: #2C4B08;
    border-bottom: 5px solid #7ED321;
    text-decoration: none !important;
    position: relative;

    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}

.smoothGemorphterButton.dunkel a:hover {
    color: #2F312E;
}

.smoothGemorphterButton:hover {
    background-color: #7ED321;

    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.smoothGemorphterButton.active {
    color: #FFFFFF;
    background: rgba(0,0,0,.2);
}

/* ----- */

.smoothGemorphterLinkRahmen {
    display: inline;
    margin: 0 -5px;
}

.smoothGemorphterLink {
    display: inline-block;
    background-color: transparent;
    position: relative;
    padding: 0 5px;
}

.smoothGemorphterLink a {
    display: inline-block;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none !important;
    border-top: 4px solid transparent;
    border-bottom: 4px solid #7ED321;
}

.smoothGemorphterLink.dunkel a {
    color: #2F312E;
}

.smoothGemorphterLink a:hover {
    color: #2C4B08;
    border-bottom: 4px solid #7ED321;
    text-decoration: none !important;
    position: relative;

    -webkit-transition: color 100ms linear;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}

.smoothGemorphterLink.dunkel a:hover {
    color: #2F312E;
}

.smoothGemorphterLink:hover {
    background-color: #7ED321;

    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.smoothGemorphterLink.active {
    color: #FFFFFF;
    background: rgba(0,0,0,.2);
}

/* ----- */

#breadcrumbsleiste {
    margin-top: 20px;
}

#breadcrumbs {
    color: #2c4b08;
    border-bottom: 2px solid #2c4b08;
    float: left;
}

#breadcrumbs.buchungsschritt {
    color: #ACE1F7;
    border-bottom: 2px solid #ACE1F7;
}
#breadcrumbs.buchungsschritt.tagesfahrten {
    color: #F3DBB3;
    border-bottom: 2px solid #F3DBB3;
}
#breadcrumbs.paketreisen,
#breadcrumbs.vertriebspartner,
#breadcrumbs.buchungsschritt.paketreisen,
#breadcrumbs.buchungsschritt.busanmietung {
    color: white;
    border-bottom: 2px solid white;
}

#breadcrumbs a {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #2c4b08;
}
#breadcrumbs.paketreisen a,
#breadcrumbs.vertriebspartner a {
    color: white;
}


#breadcrumbs.bildergalerie {
    color: #999999;
    border-bottom: 2px solid #999999;
}
#breadcrumbs.bildergalerie a {
    color: #999999;
}


#breadcrumbs.pressemitteilung {
    color: #999999;
    border-bottom: none;
}
#breadcrumbs.pressemitteilung a {
    color: #999999;
}


/* ----- */

#klassenfahrten-alle-ziele,
#europa,
#kfZielH1,
.kfZielH1 {
    font-size: 48px;
    color: #FFF;
    margin-top: 20px;
}

#bewertungsleiste {
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #2F312E;
    padding: 6px 20px 4px 20px;
    line-height: 20px;
    background: #D0E1CE;
    font-size: 14px;
	font-weight: bold;
    cursor: pointer;
}
#bewertungsleiste.paketreisen {
    cursor: default;
}

#bewertungsleiste.zielseite {
    width: 748px;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    background: transparent;
    bottom: 200px;
    right: 10px;
}

#bewertungsleiste:hover {
    background-color: rgba(255,255,255,.5);
}
#bewertungsleiste.paketreisen:hover {
    background-color: #D0E1CE;
}

#bewertungsleiste .fa-chevron-right {
    color: #7ed321;
    font-size: 10px;
    position: relative;
    top: -1px;
}

#bewertungsleiste a {
    color: #2F312E;
}

#bewertungsleiste a:hover {
    color: #2F312E;
    text-decoration: none;
}

#bewertungsleiste img {
    position: relative;
    top: -1px;
}

.bewZitat:first-letter {
    text-indent: -0.5em;
}

.bewKleingedruckt {
    color: rgba(47,49,46,.5);
    font-size: 12px;
    line-height: 16px;
}


.zieleListeSp1 {
    height: 65px;
    cursor: pointer;
    padding: 0 0 0 36px;
    overflow: visible;
}

.zieleListeSp1 h3 {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    white-space: nowrap;
}

.zieleListeSp1 a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

.zieleListeSp1 .fa-chevron-right {
    font-size: 11px;
    color: #FFFFFF;
    position: absolute;
    top: 27px;
    left: 20px;
}

.anreiseicons {
    position:absolute;
    right: 130px;

    display: inline-block;
    height: 25px;
    width: 188px;
    text-align: left;
    padding: 0 0 6px 8px;
    margin-top: 3px;
    margin-right: 30px;
    -moz-border-radius: 12px; /* Firefox */
    -webkit-border-radius: 12px; /* Safari, Chrome */
    -khtml-border-radius: 12px; /* Konqueror */
    border-radius: 12px; /* CSS3 */
}

.anreiseicons img {
    padding: 0 1px 2px 2px;
}

.anreiseiconsundpreise {
    text-align: right;
    margin: 18px 0 0 0;
    padding-right: 20px;
    white-space: nowrap;
}

.undpreise {
    color: #FFFFFF;
    display: inline-block;
    text-align: right;
    width: 140px;
    height: 25px;
    line-height: 25px;
}

.objektartstring {
    color: #FFFFFF;
    left: 0;
    position:relative;
    width: 100%;
}

.laenderTitelMitGif {
    position: absolute;
    top: 0;
    left: 30px;
}

#wide-column-mid .reiseLandBlock {
    margin: 40px 0 0 0;
}

#wide-column-mid .reiseLandBlock:first-child {
   margin: 0;
}

@media screen and (max-width: 767px) {
  .anreiseiconsundpreise {
      margin-top: 0;
      text-align: left;
  }
  .zieleListeSp1 {
      height: auto;
      padding: 0 0 0 25px;
  }
  .undpreise {
     text-align: left;
     width: 100%;
     margin-bottom: 15px;
     margin-left: 10px;
  }
  .zieleListeSp1 h3 {
      white-space: normal;
  }
  .zieleListeSp1 .verticaly-centered {
      margin-top: 17px;
  }
  .laenderTitelMitGif {
      left: 18px;
      top: -10px;
  }
}

#teaser-modul-img-blende,
#karte-modul-img-blende {
    position:absolute;
    right:0;
    top:-100px;
    width:375px;
    height:500px;
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
}

#karte-modul-img-blende {
    background-color:#185b22;
    right:-75px;
}

#teaser-modul-img-blende {
    background-color: #9a3970;
    right:0;
}

#teaserModulH2 {
    position: absolute;
    width: 280px;
    text-align: right;
    top: 30px;
    right: 0;
    padding-right:30px;
}

#teaserModulButton {
    position: absolute;
    top: 110px;
    right: 195px;
}

#karteAnzeigenButton {
    position: absolute;
    bottom: 20px;
    right: 130px;
    display: none;
}

@media screen and (max-width:768px) {
    #teaserModulButton {
        top: 100px;
    }
}

@media screen and (max-width:580px) {
    #teaserModulH2 {
        top: 20px;
        left: 20px;
        text-align: left;
    }
    #teaser-modul-img {
        display: none;
    }
    #teaserModulButton {
        right: auto;
        left: 20px;
    }
}

@media screen and (max-width:450px) {
    #karte-modul-img-blende {
        right: auto;
        left: 200px;
    }
    #karteAnzeigenButton {
        right: auto;
        left: 20px;
    }
}

.objekt-zeilen-ziel-titel {
    padding-top: 5px;
    height: 55px;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .objekt-zeilen-ziel-titel {
        height: 35px;
    }
    .col-sm-2.objekt-zeilen-ziel-titel {
        padding-top: 0;
        padding-bottom: 5px;
    }
}

.objekt-zeilen-ziel-titel-bg {
    background-color: white; /*#0E6650;*/
    color: #343530;
}

.objekt-zeilen-ziel-titel-bg.tagesfahrten {
    background-color: #3E3E3E;
    color: white;
}

.objekt-zeile {
    position: relative;
    margin: 0;
    border-top: 0;
    border-bottom: 2px solid white;
    border-left: 10px solid white;
    border-right: 10px solid white;
    padding-left: 12px; /* extra ABstand rechts*/
    cursor: pointer;
}
.objekt-zeile:not(*:root) {
    /*Chrome Hack*/
    margin: 0 0.5px 0 0;
}

.objekt-zeile-spalte {
    position: relative;
}

.objekt-zeile-spalte .fa-chevron-right {
    font-size: 11px;
    position: relative;
    top: -1px;
    margin-right: 5px;
}

.objekt-zeile-spalte-name-und-anreise {
    padding: 9px 0;
    min-height: 40px;
}

.objekt-zeile-spalte-name {
    padding-left: 23px;
}

.objekt-zeile-spalte-name.buchungsschritt2 {
    padding-left: 48px;
}

.flagCounter {
    position: relative;
    width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: arial, sans-serif;
    right: 31px;
    bottom: 3px;
}

.objekt-zeile-spalte-anreise {
    margin: 0;
    padding: 0;
    position: absolute;
    top:0;
    bottom:0;
    right: 0;
}

@media screen and (max-width: 767px) {
    .objekt-zeile {
        padding-left: 2px;
    }
    .objekt-zeile-spalte-anreise {
        margin: 0;
        padding: 0 0 0 22px;
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto;
    }
}

.anreiseUndPreis.buchungsschritt2 img {

}

.objekt-zeile-spalte-buchbarkeit {
    position: absolute;
    top: 0;
    bottom: -2px;
    right: 0;
    font-weight: bold;
}

.fehlerMeldungBanner {
    position: relative;
    margin: 10px 0 0 0;
    padding: 20px 10px;
}

.fehlerMeldungBanner .warnDreieck {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
}

.fehlerMeldungBanner i.fa-warning {
    font-size: 32px;
}

.fehlerMeldungBanner.inRot {
    border-left: 10px solid #8F0040;
    background: #F5D7D7;
    color: #8F0040;
}
.fehlerMeldungBanner.inGelb {
    color: #84631B;
    background-color: #F6E9B6;
    border-left: 10px solid #84631B;
}

.fehlerMeldungBanner.inGelb.buchungsschritt {
    color: #c9501f;;
    background-color: #efcec1;
    border-left: 10px solid #c9501f;
}

.fehlerMeldungBanner.imFormular {
    color: #343530;
    background-color: #D2E2CF;
    border-left: 10px solid #D2E2CF;
}

.fehlerMeldungBanner.inRot a {
    color: #8F0040;
    text-decoration: underline;
}

.fehlerMeldungBanner.inRot a:hover {
    color: #F13B6C;
}

.fehlerMeldungBanner.inGelb a {
    color: #84631B;
    text-decoration: underline;
}

.fehlerMeldungBanner.inGelb a:hover {
    color: #B7903a;
}

.messageBanner {
    position: relative;
    padding: 10px;
    width: 100%;
    margin: 20px 0 0 0;
    color: #84631B;
    background-color: #F6E9B6;
    border-left: 10px solid #84631B;
}

.kreuzchen {
    position: absolute;
    top: 10px;
    right: 10px;
}



.rounded2px {
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    -khtml-border-radius: 2px; /* Konqueror */
    border-radius: 2px; /* CSS3 */
}

.rounded {
    -moz-border-radius: 2.5px; /* Firefox */
    -webkit-border-radius: 2.5px; /* Safari, Chrome */
    -khtml-border-radius: 2.5px; /* Konqueror */
    border-radius: 2.5px; /* CSS3 */
}

.alphaT {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.alpha20 {
    zoom: 1;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.alpha60 {
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.premiumModul {
    margin: 2px 0 0 0;
    height: 65px;
    font-weight: bold;
}

/* The ghost, nudged to maintain perfect centering */
.outer-frame-for-verticaly-centered:before,
.outer-frame-for-verticaly-centered-chevron:before,
.outer-frame-for-verticaly-centered-flag:before,
.outer-frame-for-verticaly-centered-plus-minus:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -10px;  /* adjusts for spacing */
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    /* Chrome Hack für the ghost, nudged to maintain perfect centering */
    .outer-frame-for-verticaly-centered:before,
    .outer-frame-for-verticaly-centered-chevron:before,
    .outer-frame-for-verticaly-centered-flag:before,
    .outer-frame-for-verticaly-centered-plus-minus:before {
        margin-right: -5px;
    }
}

.outer-frame-for-verticaly-centered-chevron {
    position: absolute;
    font-size: 14px;
    top: 2px;
    left: 15px;
    bottom: 0;
}
.outer-frame-for-verticaly-centered-flag {
    position: absolute;
    top: 2px;
    left: 25px;
    bottom: 0;
}

.outer-frame-for-verticaly-centered-plus-minus {
    position: absolute;
    top: 2px;
    right: 15px;
    bottom: 0;
}

/* The element to be centered, can also be of any width and height */
.verticaly-centered {
    display: inline-block;
    vertical-align: middle;
}

/* -- Vertikale Zentrierung mit css Tables*/

.verticaly-centered-outer {
    display: table !important;
}

.verticaly-centered-inner {
    display: table-cell !important;
    vertical-align: middle !important;
}

/* --- Vertikale Zentrierung 3. Weg--- */

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* --- Vertikale Zentrierung 4. Weg--- */

.vertical-center-the-contents {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}


.premiumModulInlay {
    background-color: #008035;
    height: 65px;
    margin-left: -10px;
}

/*  Die Länder-Links auf der Startseite Tagesfahrten rechts.*/
.premiumModulInlay.tagesfahrten {
    background-color: #008035;
}

.premiumModul a,
.premiumModul span {
    color: #FFFFFF;
    line-height: 16px;
    padding-left: 27px;
}
.premiumModul > a:hover,
.premiumModul > a:hover > i
{
    color: #6FCE00;
}

.premiumModul i {
    position: absolute;
    font-size: 10px;
    top: 27px;
    left: 10px;
    color: #FFFFFF;
}

@media screen and (max-width: 1024px) {
    .premiumModulInlay {
        margin-left: 0;
    }
    .premiumModul i {
        left: 20px;
    }
}

/* ----- */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 0 0 0;
    margin: 3px 5px 3px 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle .icon-bar + .icon-bar,
.navbar-toggle .icon-bar-unt + .icon-bar-unt {
    margin-top: 2px;
}

.navbar-toggle .icon-bar {
    height: 4px;
}

.navbar-toggle .icon-bar-unt {
    background-color: #b1c700;
    height: 4px;
}

#hamburgerNav {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
}

#hamburger {
    position: relative;
    width: 100%;
    padding: 0;
    background: #FFFFFF;
    z-index: 100000;
}

#hamburger ul {
    width: 100%;
    float: right;
    margin: 0;
    z-index: 100001;
}

#hamburger ul li {

    border-bottom: 1px solid #EAEBED;
    background: #FFFFFF;
    z-index: 100002;
    padding: 20px 0 20px 20px;
    cursor: pointer;
}

#hamburger ul li.mobileAbschnittsSchublade {
    padding: 0;
}

#hamburger ul li h2 {
    font-size: 14px;
    padding: 0;
    margin: 0;
    width: 150px;
    float: right;
}

#hamburger ul li i {
    position: absolute;
    right: 10px;
}
#hamburger ul li i.fa-images {
    position: relative;
    right: auto;
}

.mobileAbschnittsSchublade {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mobileAbschnittsItem {
    width: 100%;
    float: right;
    border-bottom: 1px solid #FFFFFF;
    cursor: pointer;
}

.mobileAbschnittsItem a h3 {
    font-size: 14px !important;
    font-weight: normal !important;
    width: 140px;
    float: right;
    margin: 16px 0 14px 0;
}

.mobileAbschnittsItem a h3:hover {
    color: #FFFFFF !important;
}

@media (max-width: 1024px) {
    #hamburger-unt .navbar-header {
        float: none;
    }
    #hamburger-unt .navbar-left,
    #hamburger-unt .navbar-right {
        float: none !important;
    }
    #hamburger-unt .navbar-toggle {
        display: block;
    }
    #hamburger-unt .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    #hamburger-unt .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    #hamburger-unt .navbar-collapse.collapse {
        display: none!important;
    }
    #hamburger-unt .navbar-nav {
        float: none!important;
		margin-top: 6px;
	}
	#hamburger-unt .navbar-nav>li {
        float: none;
        height: 40px;
        z-index: 99998;
        white-space: nowrap;
    }
    #hamburger-unt .navbar-nav>li>a {
        display: inline-block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: UnitWeb, Arial, sans-serif;
        font-size: 16px;
    }
    #hamburger-unt .navbar-nav>li>a + i {
        color: #FFFFFF;
        font-size: 12px;
        position:relative;
        top:-1px;
        right: 10px;
    }
    #hamburger-unt .navbar-nav>li>a:hover,
    #hamburger-unt .navbar-nav>li>a:hover + i {
        color:rgba(0,0,0,.5);
    }

    #hamburger-unt .collapse.in {
  		display:block !important;
	}
}

#unt-menu {
    position: absolute;
    top: 0;
    right: 10px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: UnitWeb, Arial, sans-serif;
}

#unt-menu a:hover, #unt-menu a:hover + i {
    color:rgba(0,0,0,.5) !important;
    text-decoration: none;
}

/* --- */


#kfBuchungsFortschritt {
    position: relative;
    width: 1120px;
    height: 50px;
    margin: 20px 0 0 0;
}

.kfBfNummer {
    position: absolute;
    top: -2px;
    left: 10px;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 42px;
}

.kfBfTitel {
    position: relative;
    float: left;
    top: -2px;
    margin: 21px 0 0 40px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
}

.kfBfTitel-boo {
    position: relative;
    float: left;
    top: -2px;
    margin: 14px 0 0 40px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
}

.kfBfZelle {
    position: relative;
    width: 218px;
    height: 50px;
    float: left;
    color: #000;
}

.kfBfZelle-boo {
    display: table-cell;
    position: relative;
    width: 20%;
    min-width: 144px;
    height: 50px;
    float: left;
    color: #000;
}

.kfBfZelleAktiv {
    background-color: white;
}

.kfBfZelleMitHover:hover {
    color: #009036;
    cursor: pointer;
}

.kfBfZellePassiv {
    background-color: #CAE8F4;
}

.kfBfZellePassiv.bfAufZielSeiten {
    background-color: #ABD593;
}

.kfBfZellePassiv.bfAufTfSeiten {
    background-color: #F3DBB3;
}

.kfBfZellePassiv.bfAufTfPreisvergleich {
    background-color: #F3DBB3;
}

.kfBfZelleA2P {
    background-color: #FFF;
}

.kfBfZelle5 {
    width: 208px;
}

.kfBfZelle5-boo {
    min-width: 144px;
    border-right: none;
}

.kfBfBg {
    position: absolute;
    background-color: #FFF;
    width: 218px;
    height: 50px;
}

.kfBfPfeil {
    width: 7px;
    height: 50px;
    float: left;
}

.kfBfPfeilAktiv {
    background: transparent url('/images_4.0/klassenfahrten/assets/buchung-bg-aktiv.png') no-repeat left top;
}

.kfBfPfeilPassiv {
    background: transparent url('/images_4.0/klassenfahrten/assets/buchung-bg-passiv.png') no-repeat left top;
}

.kfBfPfeilA2P {
    background: transparent url('/images_4.0/klassenfahrten/assets/buchung-bg-a2p.png') no-repeat left top;
}

/* ---- */

.timepicker-picker .glyphicon {
    color: #62A057;
}

.timepicker-picker + .nav-pills {
    color: #FFFFFF;
    background: #62A057;
}

.timepicker + .nav > li > a {
    background-color: #79c471;
}

.timepicker + .nav > li > a:hover {
    color: #FFFFFF;
    background-color: #62A057;
}

/* --- */

#wide-column-mid,
#wide-column-mid-sorted {
    color: white;
}

#wide-column-mid-sorted {
    background-color: white;
    padding: 10px 0 8px 0;
}

/* ---------- */


.endPreisProPersonDurchgestrichen {
    color: #FFFFFF;
    position: relative;
    display: inline-block;
}

.anreiseUndPreis {
    position: relative;
    font-weight: bold;
}

.endPreisProPersonOhneBg,
.endPreisProPersonBlauOhneBg {
    color: #0255FF;
}

.endPreisProPersonPlatinOhneBg {
    color: #636363;
}

.endPreisProPersonGoldOhneBg {
    color: #DFB40A;
}

.endPreisProPersonSilberOhneBg {
    color: #636363;/*#999999;*/
}

.endPreisProPersonBronzeOhneBg {
    color: #996633;
}

.endPreisProPersonBlau {
    display: inline-block;
    color: white;
    background-color: #0255FF;
    padding: 1px 5px;
    text-align: center;
}

.endPreisProPersonMitKundenRabatt {
    display: inline-block;
    color: white;
    padding: 1px 5px;
    text-align: center;
    background-color: #0255FF;
}

.endPreisProPersonMitKundenRabatt.platin {
    background-color: #cccccc;
}

.endPreisProPersonMitKundenRabatt.gold {
    background-color: #DFB40A;
}

.endPreisProPersonMitKundenRabatt.silber {
    background-color: #999999;
}

.endPreisProPersonMitKundenRabatt.bronze {
    background-color: #996633;
}

@media screen AND (max-width: 768px) {
    /* XS */
}

.durchstrich {
	border-bottom: 2px solid #FFFFFF;/*#3d772C; #0255FF*/
    position: absolute;
    width: 110%;
    top: 11px;
    left: -3px;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.durchstrich2015 {
	border-bottom: 2px solid #0E6650;/*#3d772C; #0255FF*/
    position: absolute;
    width: 110%;
    top: 11px;
    left: -3px;
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.radio-modul .durchstrich {
    border-bottom: 2px solid
}
.radio-modul .endPreisProPersonDurchgestrichen {
    color: #343530;
}

.inversePink {
    color: #FFF;
    background-color: #cc1373;
    font-size: 15px;
    line-height: 22px;
    display: inline-block;
    padding: 2px 3px 1px 3px;
}

.inversePinkGross {
    color: #FFF;
    background-color: #cc1373;
    display: inline-block;
    padding: 2px 3px 1px 3px;
    margin-bottom: 2px;
}

.inverseBlauGross {
    color: #FFF;
    background-color: #0255FF;
    display: inline-block;
    padding: 2px 3px 1px 3px;
    margin-bottom: 2px;
}


.inverseBlau {
    color: #FFF;
    background-color: #0255FF;
    display: inline-block;
    padding: 2px 3px 1px 3px;
    margin-bottom: 2px;
}

.inverseRabattStatus {
    color: #FFF;
    display: inline-block;
    padding: 2px 3px 1px 3px;
    margin-bottom: 2px;
}

.inverseRabattStatus.platin {
    background-color: #cccccc;
}
.inverseRabattStatus.gold {
    background-color: #DFB40A;
}
.inverseRabattStatus.silber {
    background-color: #999999;
}
.inverseRabattStatus.bronze {
    background-color: #996633;
}


.inversePinkRund {
    color: #FFF;
    text-align: center;
    background-color: #cc1373;
    font-size: 12px;
    line-height: 12px;
    display: inline-block;
    padding: 2px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* Konqueror */
    border-radius: 10px; /* CSS3 */
}

.inverseWeiss {
    display: inline-block;
    padding: 2px 5px;
    background: white;
    color: #343530;
}

/* -- */


#premium-partner h2 {
  color: #E68119;
  font-size: 26px;
  line-height: 26px;
  margin: 18px 0 0 0;
  padding: 0;
}

#premium-partner p, #premium-partner td {
  color: white;
  margin: 0;
  padding: 0;
}

#premium-partner img {
    height: 75px;
}

#premium-partner .col-xs-6.ao {
    background-color: #e9ebf3;
}
#premium-partner .col-xs-6.meininger-hotel {
    background-color: #ffe5e5;
}
#premium-partner .col-xs-6.centerparcs {
    background-color: #e5f1eb;
}
#premium-partner .col-xs-6.weissenhs {
    background-color: #ebf4fb;
}

#premium-partner .col-xs-6.ao h2 {
    color: rgb(40,59,135);
}
#premium-partner .col-xs-6.meininger-hotel h2 {
    color: rgb(255,0,0);
}
#premium-partner .col-xs-6.centerparcs h2 {
    color: rgb(0,120,61);
}
#premium-partner .col-xs-6.weissenhs h2 {
    color: rgb(62,152,211);
}

#premium-partner .col-xs-6 p {
    color: #353030;
}
#premium-partner .col-xs-6 table tr td {
    color: #353030;
}

/* nstSlider */

.is_clickable {
  cursor: hand;
  cursor: pointer;
}
.nstSlider {
  cursor: hand;
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  width: 300px;
  height: 40px;
  padding: 10px;
  background: #BA1217;
  left: -10px;
}

#filterSenkrecht .nstSlider {
  position: relative;
  height: 40px;
  padding: 10px 0;
  left: -10px;
  width: auto;
  background: transparent;
}

.nstSlider .leftGrip.gripHighlighted {
  background: #113344;
}
.nstSlider .rightGrip.gripHighlighted {
  background: #113344;
}
.nstSlider .rightGrip,
.nstSlider .leftGrip {
  position: absolute;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: 10px;
  width: 20px;
  height: 20px;
  background: #7ed321;
}
.nstSlider .bar {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  background: #7ed321;
  height: 8px;
  top: 16px;
  margin-left:10px;
}
.nstSlider .highlightPanel {
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  background: #e87722;
  height: 20px;
  top: 0;
}

/* --- */

.rsaquo {
    padding-left: 5px;
    padding-right: 5px;
}

/* --- */

#preisrechnerRahmenAufZielSeiten {
    position: absolute;
    top: 0;
    right: 10px;
    width: 748px;
    height: 380px;
}

#preisrechnerRahmenAufZielSeitenSchmal {
    position: absolute;
    top: 298px;
    width: 100%;
}

@media (max-width: 767px) {
    /* XS */
    #preisrechnerRahmenAufZielSeiten,
    #preisrechnerRahmenAufZielSeitenSchmal {
        height: auto; /*573px;*/
        position: relative;
        right: 0;
        left: 0;
        margin: 0;
        padding: 0 10px;
        background-color: #BA1217 !important;
    }
    #linkeHaelfte,
    #rechteHaelfte {
        padding: 0 27px !important;
    }
    #unterkunftsContainer,
    #komplettprogrammContainer,
    #begleiterContainer {
        padding: 0 5px !important;
    }

    #karte-modul-img {
    }
}

#titelBildDiv.zielseite {
    width: 100%;
    position: absolute;
    top: 80px;
    overflow: hidden;
    text-align: center;
    height: 420px;
}

#titelBildDiv,
#titelBildDiv.startseite,
#titelBildDiv.startseiteEU,
#titelBildDiv.startseiteTagesfahrten,
#titelBildDiv.listeNaviAbschnitte.tagesfahrten {
    width: 100%;
    position: absolute;
    top: 80px;
    overflow: hidden;
    text-align: center;
    height: 450px;
}

#titelBildDiv.register {
    top: 120px;
}



#blauerHintergrundstreifen {
    position: absolute;
    top: 80px;
    height: 420px;
    width: 100%;
}

#blauerHintergrundstreifen.buchungsseite,
#blauerHintergrundstreifen.buchungsseitePaketreisen,
#blauerHintergrundstreifen.preisvergleich,
#blauerHintergrundstreifen.bildergalerie,
#blauerHintergrundstreifen.pressemitteilung,
#blauerHintergrundstreifen.angebot-bewerten,
#blauerHintergrundstreifen.suche {
	height: 120px;
}

#blauerHintergrundstreifen.bildergalerie,
#blauerHintergrundstreifen.pressemitteilung,
#blauerHintergrundstreifen.angebot-bewerten {
    background-color: white !important;
}

#blauerHintergrundstreifen.suche {
	height: 50px;
}

#blauerHintergrundstreifen.gruppenunterkuenfte {
    height: 900px;
}

#abstandZumInhalt {
    width: 100%;
    height: 380px;
}

#abstandZumInhalt.paketreisenBelantis {
    height: 420px;
}

#abstandZumInhalt.zielseite,
#abstandZumInhalt.buchungsseite,
#abstandZumInhalt.buchungsseitePaketreisen,
#abstandZumInhalt.preisvergleich,
#abstandZumInhalt.busanmietungFormular,
#abstandZumInhalt.gruppenunterkuenfte,
#abstandZumInhalt.bildergalerie,
#abstandZumInhalt.pressemitteilung,
#abstandZumInhalt.angebot-bewerten {
    height: 80px;
}

#abstandZumInhalt.suche {
    height: 100px;
}

#abstandZumInhalt.startseiteLehrerbereich.index-kf {
    height: 327px;
}

.pvBlock {
    padding: 20px 10px;
    max-width: 600px;
}

.pvBlock.mitBild {
    position: relative;
    left: -20px;
}

#freiplaetzeAufZielseiten {
    padding: 0 0 0 5px !important;
}

@media screen and (max-width: 980px) {
    /* S- Zielseiten auf SM iPad hochkant */
    #column-left {
        width: 100%;
    }
    #imgAufZielSeiten {
        display: none;
    }
    #preisrechnerRahmenAufZielSeiten,
    #preisrechnerRahmenAufZielSeitenSchmal {

    }

    .reisefinder-keller.aufZielSeiten,
    #bewertungsleiste.zielseite {
        width: -moz-calc(100% - 20px);
        width: -webkit-calc(100% - 20px);
        width: -o-calc(100% - 20px);
        width: calc(100% - 20px);
        left: 10px;
    }

    #blauerHintergrundstreifen.gruppenunterkuenfte {
        height: 310px;
    }
    #blauerHintergrundstreifen.buchungsseite,
    #blauerHintergrundstreifen.buchungsseitePaketreisen,
    #blauerHintergrundstreifen.preisvergleich {
        height: 120px;
    }

    #titelBildDiv.buchungsseite,
    #titelBildDiv.buchungsseitePaketreisen,
    #titelBildDiv.preisvergleich,
    #titelBildDiv.suche,
    #titelBildDiv.busanmietungFormular,
    #titelBildDiv.gruppenunterkuenfte {
        display: none;
    }


}

@media screen and (min-width: 768px) and (max-width: 980px) {
    /* nur S- ohne XS*/
    #titelBildDiv.zielseite {
        display: block;
    }
    #titelBildDiv.buchungsseite,
    #titelBildDiv.buchungsseitePaketreisen,
    #titelBildDiv.preisvergleich,
    #titelBildDiv.suche {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    /* XS*/
    #freiplaetzeAufZielseiten {
        padding: 0 5px !important;
    }

    #titelBildDiv.zielseite {
        display: block;
    }
    #titelBildDiv.buchungsseite,
    #titelBildDiv.buchungsseitePaketreisen,
    #titelBildDiv.preisvergleich,
    #titelBildDiv.suche {
        display: block;
    }

    #titelBildDiv.register {
        top: 160px;
    }

    #blauerHintergrundstreifen.buchungsseite,
    #blauerHintergrundstreifen.buchungsseitePaketreisen,
    #blauerHintergrundstreifen.preisvergleich {
        height: 140px;
    }
    #abstandZumInhalt.buchungsseite,
    #abstandZumInhalt.preisvergleich,
    #abstandZumInhalt.buchungsseitePaketreisen {
        height: 50px;
    }


}

@media screen and (min-width: 981px) and (max-width: 1060px) {
    /* ganz komische Ausnahme ab 980 bis 1060 */
    .pvBlock h2 {
        font-size: 25px;
    }
    #titelBildDiv.buchungsseite,
    #titelBildDiv.buchungsseitePaketreisen,
    #titelBildDiv.preisvergleich,
    #titelBildDiv.suche {
        display: block;
    }
}

/* - Bewertungen */


.starBox {
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    background: #262721;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-style: normal;
    font-size: 21px;
}

.starBoxImg {
    position: relative;
    top: 4px;
    left: 12px;
}

.sprechBlase {
    padding: 20px;
    height: 500px;
    font-style: italic;
    background: #46473f;
    color: #FFFFFF;
}

.urheberBox {
    position: relative;
    height: 140px;
    color: #46473f;
    /*background: #d0e1ce;*/
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 20px;
}

.zunge {
    position: absolute;
    top: 0;
    right: 20px;
}

.urheberBox a {
    color: #46473f;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 21px;
}

.urheberBox a:hover {
    color: #90BD10;
}

/* ----- */

.preisangabenZielSeiten {
    font-size: 32px; /* entspricht H2 */
    line-height: 36px;
    margin: 5px 0 20px 10px;
    font-family: UnitWeb, Arial, sans-serif;
}

.preisangabenZielSeiten img {
    position: relative;
    top: -3px;
}

.anreiseiconsZielSeiten img {
    padding: 0 1px 0 2px;
}

.anreiseiconsundpreiseZielSeiten {
    margin: 18px 0 0 0;
    padding-right: 20px;
    white-space: nowrap;
}

/* ----- */

.blockTitel {
    color: #FFFFFF;
    padding: 20px;
}

.blockSubTitel {
    color: #FFFFFF;
    padding: 15px 20px 10px 20px;
    margin-top: 2px;
}

#buchungsschritt2 .blockSubTitel,
#buchungsschritt4 .blockSubTitel {
    color: #343530;
    background-color: white;
    margin-top: 2px;
}
#buchungsschritt2 .blockSubTitel {
    padding: 25px 20px 10px 0;
}
#buchungsschritt4 .blockSubTitel {
    padding: 25px 20px 0 20px;
}


@media screen and (max-width: 767px) {
    /* XS */
    #buchungsschritt4 .blockSubTitel {
        padding: 25px 10px 0 10px;
    }
}

#buchungsschritt4 .allgemeinerText {
    padding-top: 15px;
}

.blockSubTitel h2 {
    padding: 0;
    margin: 0;
}


.blockText {
    color: #343530;
    padding: 20px;
}

.blockTextAktiv {
    color: #343530; /* Jürgen 7AB815;*/
    padding: 20px;
}

#bildungsprogrammeDiv .blockTextAktiv.zielseiten {
    padding: 0 !important;
}

.blockAbstand {
    height: 10px;
}



.premiumFilterRow {
    position: relative;
    margin: 10px -5px 0 -5px;
}

.premiumFilterWrapper {
    position: relative;
    padding: 0 5px;
}

.premiumFilterButton {
    border: 2px solid #CFCFCF;
    border-radius: 5px;
    margin: 0 0 10px 0;
    padding: 20px 20px;
    cursor: pointer;
}

.premiumFilterButton.active,
.premiumFilterButton:hover {
    border: 2px solid rgb(174, 174, 172);
    background-color: rgba(174, 174, 172, 0.2);
}
.premiumFilterButton.ao.active,
.premiumFilterButton.ao:hover {
    border: 2px solid rgb(40,59,135);
    background-color: rgba(40,59,135, 0.1);
}
.premiumFilterButton.meininger-hotel.active,
.premiumFilterButton.meininger-hotel:hover {
    border: 2px solid rgb(255,0,0);
    background-color: rgba(255,0,0, 0.1);
}
.premiumFilterButton.centerparcs.active,
.premiumFilterButton.centerparcs:hover {
    border: 2px solid rgb(0,120,61);
    background-color: rgba(0,120,61, 0.1);
}
.premiumFilterButton.weissenhs.active,
.premiumFilterButton.weissenhs:hover {
    border: 2px solid rgb(62,152,211);
    background-color: rgba(62,152,211, 0.1);
}

.graupfeil {
    width: 100%;
    height: 0;
    text-align: center;
    display: none;
}
.graupfeil span {
    display: inline-block;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    position: relative;
    bottom: -5px;
}

.graupfeil.ao span {
    background-color: #E9EBF3;
}
.graupfeil.centerparcs span {
    background-color: #E5F1EB;
}
.graupfeil.meininger-hotel span {
    background-color: #FFE5E5;
}
.graupfeil.weissenhs span {
    background-color: #EBF5FB;
}

.premiumFilterButton img {
    height: 50px;
}

.premiumFilterButton .allelabel {
    display: inline-block;
    margin: 5px 0;
    font-weight: bold;
    line-height: 20px;
}

.premiumFilterButton .anzahl {
    display: inline-block;
    height: 30px;
    min-width: 30px;
    border-radius: 15px;
    margin: 10px 0;
    float: right;
    background-color: rgba(126, 211, 33, 0.3);
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.premiumFilterButton.ao .anzahl {
    background-color: rgba(40,59,135, 0.3);
}
.premiumFilterButton.meininger-hotel .anzahl {
    background-color: rgba(255,0,0, 0.3);
}
.premiumFilterButton.centerparcs .anzahl {
    background-color: rgba(0,120,61, 0.3);
}
.premiumFilterButton.weissenhs .anzahl {
    background-color: rgba(62,152,211, 0.3);
}

.premiumFilterBanner {
    display: none;
}

.premiumFilterBanner.ao h2 {
    color: rgb(40,59,135);
}
.premiumFilterBanner.meininger-hotel h2 {
    color: rgb(255,0,0);
}
.premiumFilterBanner.centerparcs h2 {
    color: rgb(0,120,61);
}
.premiumFilterBanner.weissenhs h2 {
    color: rgb(62,152,211);
}

.premiumFilterBanner.ao {
    background-color: rgba(40,59,135, 0.1);
}
.premiumFilterBanner.meininger-hotel {
    background-color: rgba(255,0,0, 0.1);
}
.premiumFilterBanner.centerparcs {
    background-color: rgba(0,120,61, 0.1);
}
.premiumFilterBanner.weissenhs {
    background-color: rgba(62,152,211, 0.1);
}




.objRow,
.hiRow,
.zlRow {
    position: relative;
    margin: 0;
    border-top: 2px solid #FFFFFF;
}

.objRow,
.hiRow,
.zlRow2017 {
    border-top: 10px solid #FFFFFF;
}

.zlRow2017 .fa-chevron-right {
    color: #7ED321;
}

.zlRow2017 {
    background: #EAEAEA;
}

.zlRowInlay {
    position: relative;
    height: 70px;
    width: 100%;
    border-top: 2px solid #FFFFFF;
}

.aZlC2017 .zlRowInlay {
    background-color: #EAEAEA;
    border-bottom: 10px solid #AEAEAC;
    border-top: none;
    hyphens: auto;
}

.aZlC2017.klassenfahrten .fa-sticky-note,
.klassenfahrten .fa-sticky-note,
.aZlC2017.klassenfahrten .fa-clock-o,
.klassenfahrten .fa-clock-o {
    color: #58B9E4;
}
.aZlC2017.tagesfahrten .fa-sticky-note,
.tagesfahrten .fa-sticky-note,
.aZlC2017.tagesfahrten .fa-clock-o,
.tagesfahrten .fa-clock-o {
    color: #f39300;
}

.hiRow.newsArchiv {
    border-top: 20px solid #FFFFFF;
}

.objToggler,
.hiToggler,
.zlToggler {
    width: 100%;
    position: relative;
    min-height: 57px;
    cursor: pointer;
}

.hiToggler,
.zlToggler {
    height: 57px; /* min-height for verticaly-centered-outer in  firefox */
    font-size: 16px;
}

.hiToggler h3,
.zlToggler h3 {
    padding: 3px 30px 0 20px;
    margin-top: 0;
    color: #343530;
    overflow: hidden;
}

.hiToggler h3 {
    padding-left: 35px;
}

.zlRow2017 .zlToggler h3,
.hiRow2017 .hiToggler h3 {
    font-size: 18px;
    padding-left: 45px;
}

.hiToggler i.fa-plus,
.hiToggler i.fa-minus,
.zlToggler i {
    color: #343530;
	background-color:#FFFFFF;
}

.zlRow2017 .zlToggler i {
    background-color: transparent;
}

.zlRow2017 .zlToggler .outer-frame-for-verticaly-centered-chevron,
.hiToggler .outer-frame-for-verticaly-centered-chevron {
    padding-left: 10px;
}

.aufklappbarerHiContent,
.aufklappbarerZlContent {
    position: relative;
    padding: 0 20px 20px 0;
    color: #343530;
    height: auto;
}

.aufklappbarerHiContentNewsArchiv {
	position: relative;
	padding-bottom: 20px;
    color: #343530;
    height: auto;
	font-size: 15px;
}


@media screen and (max-width: 767px) {
	.aufklappbarerHiContentNewsArchiv {
		padding: 0 45px 20px 45px;
	}
}

.aufklappbarerHiContent {
    /*min-height: 170px;*/ /* slide-Animationen vertragen sich nicht mit min-height */
}

.hiBildDiv {
    min-height: 170px;
    position: relative;
    left: -40px;
}

@media screen and (max-width: 767px) {
    .hiBildDiv {
        left: 10px;
    }
}

.aufklappbarerZlContent {
    padding: 0;
}
.aZlC2017 {
    padding: 0 20px 10px 20px;
    background: #AEAEAC;
}

.aufklappbarerZlContent p {
    padding: 10px 170px 10px 20px;
}

.tableUl i {
    -moz-transform:rotate(90deg); /* Firefox 3.6 Firefox 4 */
    -webkit-transform:rotate(90deg); /* Safari */
    -o-transform:rotate(90deg); /* Opera */
    -ms-transform:rotate(90deg); /* IE9 */
    transform:rotate(90deg); /* W3C */
}

.tableUl td:nth-child(1) {
    width: 15px;
}

.tableUl td {
    vertical-align: top;
}

.auflistungHiPlatzhalter {
    height: 140px;
    display: none;
}

.auflistungHiPlatzhalterSchritt3 {
    height: 150px;
    display: none;
}

.auflistungHi {
    margin: 0 0 0 190px;
    padding: 0;
}

.aufklappbarerHiContent img {
    position: absolute;
    left: 20px;
    top: 1px;
    width: 150px;
    height: 150px;
}

.preisHi,
.preisHiSchritt3 {
    position: absolute;
    color: #343530;
    width: 140px;
    font-weight: bold;
    text-align: right;
}

.preisHi.mitBg,
.preisHiSchritt3.mitBg {
    background: #FFFFFF;
    padding: 0 5px;
    text-align: center;
    font-size: 16px;
}

.preisHi {
    font-size: 16px;
}

.preisZl {
    position:absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    text-align: right;
}

.zl-rm-active .preisHiSchritt3 {
    color: #343530 !important;
}


.programmPaketBildUndInhalt {
    position: relative;
}

.auflistungHiSchritt3 {
    position: relative;
    margin-left: 170px;
    left: 0;
    top:0;
}

@media screen and (max-width: 767px) {
    /* XS */
    .aufklappbarerHiContent img {
        top: 0;
        left: 10px;
    }
    .auflistungHiPlatzhalter,
    .auflistungHiPlatzhalterSchritt3 {
        display: block;
    }
    .auflistungHi {
        margin: 20px 10px 0 10px;
    }
    .auflistungHiSchritt3 {
        position: relative;
        margin: 10px 0 0 0;
    }
    .preisHi.hidden-sm {
        left: 60px !important;
    }

    .hiToggler,
    .zlToggler {
        margin: 0;
        padding: 0;
    }

    .outer-frame-for-verticaly-centered-plus-minus {
        right: 5px;
    }

    .hiToggler h3,
    .zlToggler h3 {
        padding: 18px 20px 15px 10px;
    }
    .aufklappbarerZlContent p {
        padding: 10px 10px 43px 21px;
    }
    #verplfegungInklusiveString {
        padding-bottom:23px;
    }
    .preisZl {
        top: auto;
        bottom: 13px;
        right: auto;
        left: 27px;
        text-align: left;
    }
}

@media screen and (max-width: 980px) {
    /* XS und  S- */
    .preisHiSchritt3 {
        left: 85px !important;
        text-align: left;
    }
    .preisHiSchritt3.mitBg {
        left: 30px !important;
    }
}

.inklusivleistungDiv {
    width: 70%;
}

@media screen and (max-width: 1024px) {
    .inklusivleistungDiv {
        width: 100%;
    }
}

.objTogglerTable {
    cursor: pointer;
    position: relative;
    margin: 0 10px;
    min-height: 57px;

    padding-left: 20px;
    color: #FFF;
    white-space: nowrap;
}

.objTogglerTable .bubble {
    padding-right: 10px;
    position: relative;
}

.objTogglerTable .inbubble {
    width: 64px;
    position: absolute;
    top: 3px;
    left: -19px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #343530;
}

#mapchevron {
    text-align: center;
    width: 33px;
}

.objNamensfeld,
.hiNamensfeld {
    margin: 0;
    padding: 0;
    float: left;
    white-space: normal;
	color:#343530;
}

.objTogglerTable .objNamensfeld h3,
.objTogglerTable .objNamensfeld p {
    display: inline-block;
    font-size: 15px;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.objTogglerTable .objNamensfeld h3,
.hiTogglerTable .hiNamensfeld h3 {
    padding-top: 22px;
}

.objTogglerTable .objNamensfeld p,
.hiTogglerTable .hiNamensfeld p {
    padding-bottom: 20px;
}

.objPlus, .objMinus,
.hiPlus, .hiMinus {
    font-size: 15px;
    font-weight: bold;
}

.objPlus, .objMinus {
    float: right;
}

.aufklappbarerObjContent {
    color: #343530;
}

#buchungsschritt2 .aufklappbarerObjContent {
    color: #343530;
}


.aufklappbarerObjContent p {
    padding: 10px 20px;
}

.iconsRundUndEckig {
    position: relative;
    bottom: 5px;
    margin: 0 20px;
    padding-right: 15px;
    width: 100%;
    overflow: hidden;
}

.rundeIcons {
    position: relative;
    z-index: 20;
    padding: 0 5px 8px 0;
}

.aSiegelTop15 {
  display: inline-block;
  width: 28%;
}

.siegelTop15 {
	position: relative;
	padding: 0 0 30px 10px;
	width: 100%;
}

@media screen and (max-width: 420px) {
    .aSiegelTop15 {
        width: 44%;
    }
}


.siegelTop15BS2 {
	position: relative;
	padding: 5px 0 10px 10px;
	height: 244px;
}

.dieseUnterkunftAusw {
    position: relative;
    bottom: 30px;
    padding: 30px 0 0 20px;
    float: left;
}

.objektBilder05060708 {
    width: 100%;
}
.objektBilder05060708 img {
    width: 25%;
}

.objektBilder0102 {
    position: relative;
    left: -20px;
    width: calc(100% + 40px);
}

.lbArticleBg .objektBilder0102 {
    left: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
   .objektBilder0102 {
        left: -10px;
        width: calc(100% + 20px);
    }
    .lbArticleBg .objektBilder0102 {
        left: 0;
        width: 100%;
    }
}

.objektBild01 {
    width: 48.65%;
}
.objektBild02 {
    width: 51.35%;
}

@media screen and (max-width: 450px) {
    .objektBild01,
    .objektBild02 {
        width: 100%;
    }
    .objektBilder05060708 img {
        width: 50%;
    }
}

#listeBuchungsschritt1 {

}

@media screen and (max-width: 767px) {
    /* XS */
    .blockTitel {
        padding: 10px;
    }
    .blockSubTitel {
        padding: 15px 10px 10px 10px;
    }
    .blockText, .blockTextAktiv {
        padding: 10px;
    }
    .blockAbstand {
        height: 10px;
    }

    .objTogglerTable {
        margin: 0;
    }

    .aufklappbarerObjContent p {
        padding: 10px;
    }

    .iconsRundUndEckig {
        margin: 0 10px;
    }
    .dieseUnterkunftAusw {
        padding-left: 10px;
    }

    #lascheBp, #laschePp {
        width: 100% !important;
    }
    #lascheBp span {
        left: 0 !important;
    }
    #lascheBp h3 {
        margin-left: 0 !important;
    }
    #lascheBp img {
        display: none;
    }

    .pvBlock {
        padding: 10px 0;
    }
    .pvBlock.mitBild {
        left: -10px;
    }

    #listeBuchungsschritt1 {
    }
}

/* ------ */

#bPvsPpLaschenHeader {
    position:relative;
}

#bPvsPpLaschen {
    position: relative;
    cursor: pointer;
    height:130px;
    overflow:hidden;
    background:#58B9E4
}

#laschePp {
    position: relative;
    float: left;

    width: 49%;
    height: 175px;
    text-align: center;

    margin-top: 0;
    margin-right: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #343530;

    -moz-border-radius: 50px; /* Firefox */
    -webkit-border-radius: 50px; /* Safari, Chrome */
    -khtml-border-radius: 50px; /* Konqueror */
    border-radius: 50px; /* CSS3 */
}

#lascheBp {
    position: relative;
    float: right;

    width: 49%;
    height: 175px;
    text-align: center;

    margin-top: 0;
    margin-right: 0;
    padding: 0;
    color: #343530;
    background-color: #7AB815;
    -moz-border-radius: 50px; /* Firefox */
    -webkit-border-radius: 50px; /* Safari, Chrome */
    -khtml-border-radius: 50px; /* Konqueror */
    border-radius: 50px; /* CSS3 */
}

#laschePp h3, #lascheBp h3 {
    font-size: 25px;
}

/* ------ */

.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #FFF; color: #343530; max-width: 200px; padding: 20px; text-align: left; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #fff; }

  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #fff; }
  .tipsy-arrow-s { border-top-color: #fff; }
  .tipsy-arrow-e { border-left-color: #fff; }
  .tipsy-arrow-w { border-right-color: #fff; }

  .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
  .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
  .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
  .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* ---- */

#filterSenkrecht {
    color: #2C4B08;
}

.angedockt {
    position: relative;
}

.angedockt.fixed {
    position: fixed;
    top: 0;
}

#kalenderDockZielseite {
    position: absolute;
    margin-left: 170px;
    top: 459px;
    height: 700px;
    width: 700px;
    pointer-events: none;
}

@media screen and (max-width: 980px) {
    #kalenderDockZielseite {
        margin-left: 70px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #kalenderDockZielseite.versetztBeiSm {
        margin-left: 30px;
    }
}

#kalenderDockZielseite.fixed {
    position: fixed;
    top: 80px;
    height: 700px;
    width: 700px;
}

.reisefinderAngedockt {
    /*
    position: relative;
    z-index: 1000000;
    */
}

.reisefinderAngedockt.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
}

.reisefinderAngedockt.fixedOnIOs {
   position: fixed;
   top: 0;
   z-index: 1000;
}

.warenkorbAngedockt {
    position: relative;
}

.warenkorbAngedockt.fixed {
    position: fixed;
    top: 0;
}

#warenkorbBody {
    min-width: 240px;
    padding-right: 0;
}

#warenkorbBody {
    margin: 0 -10px;
}

#warenkorbBody.warenkorbOben {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    width: 320px;
}

#warenkorbBody.warenkorbOben {
    /* XS Buchungsschritt 4 */
    margin: 0 0 10px 0;
    padding: 0;
}

#warenkorbBody.warenkorbObenSchritt3 {
    z-index: 10000000003;
    padding-right: 10px;
    padding-left: 10px;
    width: 320px;
}

#warenkorbBody.warenkorbObenSchritt3 {
    margin: 0 0 10px 0;
}

#warenkorbTogglerXS {
    height: 120px;
    width: 120px;
    background-color: #FFF;
    /*box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.15); */
    cursor: pointer;

    position:absolute;
    top:-55px;
    right: -60px;
    -moz-border-radius: 60px; /* Firefox */
    -webkit-border-radius: 60px; /* Safari, Chrome */
    -khtml-border-radius: 60px; /* Konqueror */
    border-radius: 60px; /* CSS3 */
}

#warenkorbTogglerXS.ios {
    height: 60px;
    width: 60px;
    background-color: #FFF;
    cursor: pointer;

    position:absolute;
    top: 0;
    right: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

#warenkorbTogglerXS:hover {
    background-color: #DDD;
}

#warenkorbTogglerXS i {
    position:absolute;
    bottom:18px;
    left:23px;
    font-size:32px;
    color: #0E6650;
}

#warenkorbZuklappenButton {
    position: absolute;
    padding: 20px 15px;
    font-weight: bold;
    top: 0;
    right: 0;
    color: #0E6650;
    cursor: pointer;
}

#warenkorbZuklappenButton .fa-times-circle {
    position: relative;
    top: 2px;
    display:inline !important;
    font-size:18px;
}

#warenkorbZuklappenButton:hover {
    color:#34811f;
}

#warenkorbAngedocktInlay {
    position: relative;
    font-size:12px;
    color:#0E6650;
    line-height:20px;
    background-color:white;
    max-width: 370px;
}

.warenkorbPadding {
    padding: 10px 20px !important;
}

.warenkorbTrennLinie {
    height: 2px;
    background-color: #50A71E;
}

@media screen and (max-width: 767px) {
    .warenkorbPositionBeiXS {
        background-color:white;
        margin:0 10px;
        padding:0;
    }

    .warenkorbBodyPositionBeiXS {
        background-color: white;
        margin:0 10px 10px 10px;
    }

    #warenkorbBody.warenkorbObenSchritt3 #warenkorbAngedocktInlay {
        display:none;
    }
    #warenkorbBody.warenkorbObenSchritt3 #warenkorbAngedocktInlay .fa-shopping-cart {
        display:none;
    }
    #warenkorbBody.warenkorbOben #warenkorbAngedocktInlay div {
        padding:0;
    }
    .warenkorbPadding {
        padding: 10px !important;
    }
}

@media screen and (max-width: 1024px){
    #column-right.schritt5 {
        margin: 0;
        padding: 0 10px;
    }
}

#reisefinderStreifen {
    position:absolute;
    left: 0;
    right: 0;
    top: 380px;
    height: 105px;
    background-color: #BA1217;
}

#reisefinderStreifen.fixedOnIOs {
    position: absolute;
    z-index: 1000;
    display: none;
}

#reisefinderErsatzStreifen {
    height: 120px;
    display: none;
}

#reisefinderStreifen.aktionspreisrechner {
    height: 176px;
}

#reisefinderErsatzStreifen.aktionspreisrechner {
    height: 185px;
}

#reisefinderStreifen.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
}

#reisefinderStreifen.fixedOnIOs {
    position: absolute;
    z-index: 1000;
}

#filterSenkrecht .col-sm-6 {
    margin-top: 1px;
    background-color: #7ab815;
    padding: 10px 10px 50px 10px;
}

#filterSenkrecht .col-sm-6:first-child {
    margin-top: 0;
}

#filterSenkrecht .custom-checkbox,
#filterSenkrecht .custom-radio {
    padding-top: 22px;
    padding-bottom: 32px;
    height: 28px;
    position: relative;
}

.custom-checkbox input,
.custom-radio input {
    left: 5px;
    top: 5px;
}

#filterSenkrecht .custom-checkbox label,
#filterSenkrecht .custom-radio label {
    color: #2C4B08;
    padding: 2px 0 1px 49px;
    font-size: 15px;
    line-height: 16px;
}

@media screen and (max-width: 980px) {
    #filterSenkrecht .custom-checkbox label,
    #filterSenkrecht .custom-radio label {
        padding: 1px 0 1px 38px;
    }
}

.anreiseTags {
    float: left;
    background-color: #509A68;
    padding: 2px 5px;
    margin: 5px 0 5px 22px;
}

.buchbar {
    cursor: pointer;
}
.aufAnfrage {
    cursor: pointer;
}
.ausgebucht {
    cursor: pointer;
}
.nichtBuchbar {
    cursor: default;
}
.nurTelBuchbar {
    cursor: default;
}

.zelleBuchbar {
    background: #009136;
    margin-bottom: 2px;
}
.zelleBuchbar > div > div:before {
    content: 'buchbar';
}

.zelleAufAnfrage {
    background: #FCC751;
    margin-bottom: 2px;
}
.zelleAufAnfrage > div > div:before {
    content: 'auf Anfrage';
}

.zelleAusgebucht {
    background: #74395E;
    margin-bottom: 2px;
}
.zelleAusgebucht > div > div:before {
    content: 'Alternativen';
}

.zelleNurTelBuchbar {
    background: #900000;
    margin-bottom: 2px;
}
.zelleNurTelBuchbar > div > div:before {
    content: 'per Tel. buchbar';
}

/**/

#schleier,
#schleierBS3 {
    position: fixed;
    display: none;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index:100000;
    background: rgba(255, 255, 255, .3);
    pointer-events: none;
    -webkit-transform: translateZ(0);
}

#schleier i,
#schleierBS3 i {
  position: fixed;
  top: 50%;
  left: 50%;
  font-size: 100px;
  color: rgba(0, 0, 0, .5);/*rgba(255, 255, 255, .7);*/
  margin-top: -50px;
  margin-left: -50px;
  -webkit-transform:translateZ(0);
}

#schleierBS3 {
    position: absolute;
}


/* ----------------- */

#cl_sort, #cl_budget, #cl_gb, #cl_printjahr, #dropdownBuchbarkeit {
    cursor: pointer;
    width: 190px;
    float: left;
    background-color: #FFF;
    color: #2C4B08;
    font-size: 15px;
    border-radius: 2px;
    padding:5px 10px;
    position:relative;
}

#cl_budget {
    width: 100%;
}
#cl_gb, #cl_printjahr {
    width: 100%;
}

#cl_sort .firstTag,
#cl_budget .firstTag,
#cl_gb .firstTag,
#cl_printjahr .firstTag,
#dropdownBuchbarkeit .firstTag {
    display: inline;
    float: left;
}

#cl_sort .hiddenTag,
#cl_gb .hiddenTag,
#cl_printjahr .hiddenTag,
#cl_budget .hiddenTag,
#dropdownBuchbarkeit .hiddenTag  {
    display: none;
}

#cl_sort .firstTag i,
#cl_gb .firstTag i,
#cl_printjahr .firstTag i,
#cl_budget .firstTag i,
#dropdownBuchbarkeit .firstTag i {
    position: absolute;
    right: 10px;
    font-size: 18px;
    margin-top: 2px;
}
#cl_sort .firstTag span,
#cl_gb .firstTag span,
#cl_printjahr .firstTag span,
#cl_budget .firstTag span,
#dropdownBuchbarkeit .firstTag  {
    display: inline-block;
}

#cl_sort p,
#cl_gb p,
#cl_printjahr p,
#cl_budget p {
    margin: 0;
}

.cl_dropdown {
    position: absolute;
    top: 30px;
    background: #fff;
    color: #2C4B08;
    cursor: pointer;
    z-index: 99;
    display: none;
}
.cl_sort_dropdown {
}
.cl_gb_dropdown,
.cl_printjahr_dropdown {
    width: 100%;
}
.cl_budget_dropdown {
    width: 100%;
}

.cl_dropdown ul {
    list-style-type:none;
    margin:0;
    padding: 4px 0;
}
.cl_dropdown ul li {
    padding:2px 10px;
}
.cl_dropdown ul p {}
.cl_dropdown ul li a{}
.cl_dropdown ul li:hover{background:#e5e4e4;}
.cl_dropdown ul li p:hover,
.cl_dropdown ul li span:hover {
    cursor:pointer;
}
.cl_dropdown ul li a:hover{text-decoration:none;cursor:pointer;}
.cl_dropdown ul li span{display:inline-block;margin-left:8px;}

/* --- Breakpoints SM+ und SM- -------------- */

.col-sm-2-minus, .col-sm-2-plus, .col-sm-3-minus, .col-sm-3-plus, .col-sm-4-minus, .col-sm-4-plus, .col-sm-6-minus, .col-sm-6-plus {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 981px) {
  .col-sm-2-plus, .col-sm-3-plus, .col-sm-4-plus, .col-sm-6-plus {
    float: left;
  }
  .col-sm-2-plus {
    width: 33.33333333%;
  }
  .col-sm-3-plus {
    width: 50%;
  }
  .col-sm-4-plus {
    width: 66.66666667%;
  }
  .col-sm-6-plus {
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
  /* SM- entspricht nicht SM*/
  .col-sm-2-minus, .col-sm-3-minus, .col-sm-4-minus, .col-sm-6-minus {
    float: left;
  }
  .col-sm-2-minus {
    width: 33.33333333%;
  }
  .col-sm-3-minus {
    width: 50%;
  }
  .col-sm-4-minus {
    width: 6.666666667%;
  }
  .col-sm-6-minus {
    width: 100%;
  }
}

/* -- --- */
.alternativen {
    height:42px;
    min-width:280px;
    clear:both;
    margin-bottom: 2px;
}

.verfuegbarkeitsZelle {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    z-index: 100;
    float: left;
    height: 42px;
}

.verfuegbarkeitsZelle.mitRadio {
    width: 25%;
    padding-left: 15px;
}

.blauerPreisKasten {
    padding:11px 10px 10px 10px;
    min-width:115px;
    float:right;
    right:-10px;
    position:relative;
}

@media screen and (max-width: 767px) {
    .verfuegbarkeitsZelle.mitRadio {
        padding-left: 5px;
    }
    .blauerPreisKasten {
        padding:0 10px;
        right:0;
    }
}

.verfuegbarkeitsZelle.mitRadio .custom-radio-kf {
    position: relative;
    margin-top: 15px;
    top: -12px;
}

.verfuegbarkeitsZelle.mitDatum {
    width: 25%;
    text-align: right;
    padding-right: 10px;
}
.verfuegbarkeitsZelle.mitPreis {
    width: 33%;
    padding-right:10px;
    text-align:right;
}
.verfuegbarkeitsZelle.mitBuchbarkeit {
    width: 17%;
    position: relative;
    padding: 10px 0 0 10px;
}

.alternativen.last {
    height:44px;
}


.tfKategorieUndPreis {
    height:65px;
}

@media (max-width: 767px) {
    .tfKategorieUndPreis {
        height:40px;
        padding-bottom:10px;
    }

    .alternativen {
        height:65px;
    }
    .verfuegbarkeitsZelle {
        height:65px;
    }
    .verfuegbarkeitsZelle.mitRadio {
        width: 10%;
    }
    .verfuegbarkeitsZelle.mitRadio .custom-radio-kf {
        top:0;
    }

    .verfuegbarkeitsZelle.mitDatum {
        width: 0;
    }
    .verfuegbarkeitsZelle.mitPreis {
        width: 60%;
    }
    .verfuegbarkeitsZelle.mitBuchbarkeit {
        width: 30%;
        padding: 22px 0 0 10px;
    }
    .alternativen.last {
        height:67px;
    }
}

@media (max-width: 370px) {
    .verfuegbarkeitsZelle.mitBuchbarkeit span.auf {
        display:none;
    }
}


.c-r-verfuegbarkeit {
    bottom: 2px;
}

.verfuegbarkeitsZelle.mit-40px-rand {
    width: 100px;
    padding-top: 7px;
}

.verfuegbarkeitsZelle.mit-40px-rand.width170 {
    width: 170px;
}
.verfuegbarkeitsZelle.mit-40px-rand.width150 {
    width: 150px;
}

@media (max-width: 767px) {
    .verfuegbarkeitsZelle.mit-40px-rand {
        margin-left: 40px;
        width: 140px;
    }
    .verfuegbarkeitsZelle.mit-40px-rand.width170 {
        width: 210px;
    }
    .verfuegbarkeitsZelle.mit-40px-rand.width150 {
        width: 190px;
    }
}



.hervor {
    outline: 1px dotted red;
}

.allgemeinerText {
    padding: 20px;
}

a#linkAufAktionsPreisrechner:hover,
a#linkAufNormalenPreisrechner:hover {
    color: white;
}

.simpleButton {
    margin: 10px 0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: white;
    background-color: #7ed321;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* Konqueror */
    border-radius: 5px; /* CSS3 */
}

.simpleButton:hover {
    background-color: #548f14;
}


.callToAction {
    position: relative;
    margin: 10px 0;
    padding: 20px;
    width: 100%;
    text-align: left;
    color: white;
    background-color: #e3155e;
    font-weight: bold;
    cursor: pointer;
    -moz-border-radius: 2px; /* Firefox */
    -webkit-border-radius: 2px; /* Safari, Chrome */
    -khtml-border-radius: 2px; /* Konqueror */
    border-radius: 2px; /* CSS3 */
}

.callToAction:hover {
    background-color: #a71045;
}

.callToAction .fa-arrow-right {
    position:absolute;
    right: 20px;
    top: 24px;
}

.callToActionPraefix {
    padding-right: 0;
}

.callToActionPraefix img {
    height: 23px;
}

@media (max-width: 767px) {
    .callToAction {
        padding: 20px 10px;
    }
    .callToAction .fa-arrow-right {
        right: 10px;
    }
}

.halbBr {
    padding:0;
    margin:0;
    width: 10px;
    height: 11px;
}

#column-right {
    margin:0 -10px 0 -10px;
    padding-right: 0;
}

@media (max-width: 980px) {
    #column-right {
        margin:0 0 0 0;
        padding-right: 10px;
    }

    /*
    #shariff1 {
        padding-right:0.45%;
    }
    #shariff2 {
        padding-left:0.45%;
    }
    */
}

@media (max-width: 522px) {
    #shariffEinspaltig {

    }

    /*
    #shariff1 {
        width:125px;
        padding-right:0;
    }
    #shariff2 {
        width:125px;
        padding-left:0;
    }
    */
}


#bewertungenDreiSpalten {
    margin: 0 -5px;
    padding-top: 0;
}

.col-lg-2.bewertung {
    margin-top: 10px;
    padding: 0 5px 0 5px;
}

@media (max-width: 767px) {
    .col-lg-2.bewertung {
        margin-top: 10px;
        padding: 5px;
        clear:both;
    }
    .allgemeinerText {
        padding: 20px 10px;
    }
}

/* Bus mieten */

.grauHinterlegt {
    background: #d2e2cf;
    color: #343530;
    margin-top: 10px;
    padding: 10px 20px 20px 20px;
    position: relative;
}


.weissHinterlegt {
    background: white;
    color: #343530;
    margin-top: 10px;
    padding: 10px 20px 20px 20px;
    position: relative;
}

.gelbHinterlegt {
    background: #F6EBD5;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}

.grauHinterlegt h2, .gelbHinterlegt h2 {
}

@media (max-width: 767px) {
    .grauHinterlegt {
    }
}


/* --- footer --- */

.trennlinielang {
    width: 100%;
    height: 1px;
    margin: 20px 0 10px 0;
    padding: 0;
    background-color: white;
}

#footer-links ul {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
}

#footer-links ul li {
    margin: .25em 0;
    padding: 0 0 0 12px;

}

#footer-premium i {
    font-size: 11px;
    position: relative;
    top: -1px;
}

#footer-bottom,
#footer-dreispaltentext,
#footer-links {
    font-size: 14px;
}

#footer-premium,
#footer-links h2,
#footer-dreispaltentext h2 {
    font-size: 30px;
}

#footer-premium a,
#footer-links a,
#footer-dreispaltentext a {
    color:#2E312D;
}

#footer-links ul {
    margin-top: 10px;
}

#footer-contentfo h4,
#footer-contentfo-2016 h4,
#footer-contentfo a,
#footer-contentfo-2016 a {
    color: white;
}

#footer-contentfo h4,
#footer-contentfo-2016 h4 {
    padding-top: 0;
    margin-top: 0;
}

#footer-contentfo .contentfo-md-3,
#footer-contentfo-2016 .contentfo-md-3 {
    background-color: #2E312D;
    height: 95px;
    padding: 20px;
    position: relative;
}

#footer-contentfo h2,
#footer-premium h2 {
	font-size: 30px;
}

.muenze {
    margin-right: 5px;
}

.left20oder10px {
    left: 20px;
}

.paddingLesfSm10px {
    padding-left: 0;
}

.fuenfEuroLaschenDiv {
    position: absolute;
    top: 12px;
    right: -9px;
    display: none;
}


@media (max-width: 767px) {
    /* XS */

    .fuenfEuroLaschenDiv {
        top: 22px;
    }

    #footer-muenzen .col-xs-6 {
        padding-left: 0 !important;
    }
    #footer-contentfo .contentfo-md-3,
    #footer-contentfo-2016 .contentfo-md-3 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .footer-button {
        left: 10px !important;
        right: auto;
    }
    .left20oder10px {
        left: 10px;
    }
}

@media (max-width: 500px) {
    .muenze img {
        width: 60px !important;
        height: 60px !important;
    }
    .muenze1 img {
        width: 128px !important;
        height: 60px !important;
    }
}

.hintergrundMuenzen {
	background-color:#2E312D;
	position:relative;
	padding-top:15px
}

@media (max-width: 767px) {
	.hintergrundMuenzen {
	padding-bottom:20px;
	}
}


/* --- */

#angebotOnlineBuchungsschritt2 {
    position: relative;
    padding-left: 0;
    top: -10px;
    color: #0063FF;
}

#angebotOnlineBuchungsschritt2 div {
    z-index: 100;
}

#angebotOnlineBuchungsschritt2img img {
    left: -9px;
    position:absolute;
    top: 29px;
    z-index: 0;
}

#nurOnline {
    font-family: UnitWeb, Arial, sans-serif;
    padding-right: 50px;
    color: white;
}

.radio-modul {
    position: relative;
    width: 100%;
    -moz-user-select: none;
    padding: 0;
    margin: 0;
    color: #000;
}

.r-m-active {
    background-color: #aeaeac; /* #2C4B08; /* #343530;*/
    cursor: default;
}

.r-m-passive {
    /*background: transparent url('/images_4.0/klassenfahrten/assets/fff-63.png');*/
    background-color: #eaeaea;
    cursor: pointer;
}

.r-m-passive.paketreisen {
    background: #eaeaea;
    cursor: pointer;
    color: #343530;
}
.r-m-passive.paketreisen i.fa-chevron-right {
    color: #7ed321;
}

.r-m-active + .mitDropdown {
    height: 115px;
}

.dropdownAppendix {
    display: none;
    background: #aeaeac; /*#5AC5F1;*/
    width: 100%;
}

.fernbusSpinner,
.flugSpinner,
.bahnSpinner {
    margin: 5px 0 0 3px;
    color: #343530;
}

.r-m-mo {
    background-color: #dadbda;
}

.r-m-mo.paketreisen {
    background-color: #dadbda;
}

.r-m-preis {
    float: right;
    color: #343530;
    font-size: 21px;
    line-height: 25px;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
}
/*
.r-m-active .r-m-preis {
    background-color: white;
    outline: 5px solid white;
}
*/

.r-m-titel {
    color:  #343530;
    font-size: 21px;
    line-height: 25px;
    font-weight: bold;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    display: block;
}

.r-m-titel .fa-chevron-right {
    color: #7ED321;
    font-size: 15px;
    position: relative;
    top: -2px;
    transform: none;
}

.r-m-active .r-m-titel .fa-chevron-right {
    transform: rotate(90deg);
}

.r-m-small {
    color: #343530;
    font-size: 12px;
	font-weight: bold;
    line-height: 18px;
    padding-left: 15px;
}

.r-m-small.paketreisen {
    font-weight: normal;
}

.r-m-active .fa-chevron-right,
.r-m-active .r-m-titel {
    color: #343530;
}

.radio-modul.paketreisen .r-m-titel,
.radio-modul.paketreisen .r-m-preis,
.radio-modul.paketreisen .r-m-small {
    color: #343530;
}

.radio-modul.r-m-active.paketreisen .r-m-titel,
.radio-modul.r-m-active.paketreisen .r-m-titel .fa-chevron-right,
.radio-modul.r-m-active.paketreisen .r-m-preis {
    color: #343530;
}

.r-m-pp {
    color: #419229;
    font-size: 21px;
}

.buchugnsschrittLeistungen i {
    font-size: 11px;
}

.radio-modul .dropdown {
    width: 100%;
    left: 0;
    right: 0;
}

.radio-modul .dropdown > .dropdown-menu {
    left: auto;
    width: 100%;
}

.radio-modul .dropdown button.btn {
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.radio-modul .dropdown ul li a {
    cursor: pointer;
    white-space: normal;

}

.radio-modul .dropdown ul li a:hover {
    background-color: #eee;
}

@media (max-width: 767px) {
    .r-m-titel {
        margin-top: 30px;
    }
    .r-m-titel .titelInKlammern {
         display: block;
         padding-left: 14px;
    }


    .radio-modul .dropdown ul li a {
        font-size: 12px;
    }
    .radio-modul .dropdown button.btn {
        font-size: 12px;
    }

    #nurOnline {
        padding-right: 60px;
    }
}

/* Nokia Maps*/

.H_ui {
  font-size: 10px;
  font-family: "Lucida Grande", Arial, Tahoma, Helvetica, sans-serif;

  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;

  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
}
.H_ui * {
  /* normalize in case some other normalization CSS likes things differently */
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}
.H_noevs {
  pointer-events: none;
}

/*
 * Layout
 */
.H_l_left {
  position: absolute;
  left: 0;
  margin-left: -100%;
}
.H_l_center {
  position: absolute;
  left: -50%;
}
.H_l_right {
  position: absolute;
  right: 100%;
  margin-left: -100%;
}
.H_l_top {
  top: 0;
}
.H_l_middle {
  top: 50%;
}
.H_l_bottom {
  bottom: 0;
}

/* Fix MAPSJS-579 for modern browsers */
[class^=H_l_] {
    pointer-events: none;
}
.H_ctl {
    /* hack for IE9-10, auto doesn't work for them */
    pointer-events: visiblePainted;
    pointer-events: auto;
}

.H_l_horizontal .H_ctl {
  float: left;
}

.H_l_anchor {
  clear: both;
  float: right;
}

.H_l_vertical .H_ctl {
  clear: both;
}

.H_l_right .H_l_vertical .H_ctl {
  float: right;
}

.H_l_right.H_l_middle.H_l_vertical .H_ctl{
  float: right;
}

/**
 *  Element styles
 */

.H_ctl {
  margin: .6em;
  position: relative;
  cursor: pointer;
  -ms-touch-action: none;
}

.H_btn,
.H_rdo li {
  background: #1f262a;
  border-radius: 2em;
  color: #fff;
  padding: .4em;
  -webkit-transform: trasnlate3d(0, 1, 0);
}

.H_rdo {
  color: white;
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: .1em solid #4A5B65;
}
.H_rdo_title {
  text-transform: uppercase;
  color: #dbe1e4;
  margin-bottom: 1em;

}
.H_rdo ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.H_active,
.H_rdo li.H_active {
  background: #4A5B65;
}

.H_disabled,
.H_active.H_disabled {
  color: #5A6166;
  cursor: default;
}


/**
 *   Base Elements
 */
.H_l_vertical .H_grp>.H_btn {
  border-radius: 0;
}
.H_l_vertical .H_grp>div:first-child {
  -webkit-border-top-left-radius: 2em;
  -webkit-border-top-right-radius: 2em;
  -moz-border-radius-topleft: 2em;
  -moz-border-radius-topright: 2em;
  border-top-left-radius: 2em;
  border-top-right-radius: 2em;
  padding-top: 1em;
  margin-bottom: -1px;
}
.H_l_vertical .H_grp>div:last-child {
  -webkit-border-bottom-right-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -moz-border-radius-bottomright: 2em;
  -moz-border-radius-bottomleft: 2em;
  border-bottom-right-radius: 2em;
  border-bottom-left-radius: 2em;
  padding-bottom: 1em;
}

.H_l_horizontal .H_grp>.H_btn,
.H_l_vertical .H_ctl {
  border-radius: 0;
  float: left;
}
.H_l_horizontal .H_grp>div:first-child {
  -webkit-border-top-left-radius: 2em;
  -webkit-border-bottom-left-radius: 2em;
  -moz-border-radius-topleft: 2em;
  -moz-border-radius-bottomleft: 2em;
  border-top-left-radius: 2em;
  border-bottom-left-radius: 2em;
  padding-left: 1em;
}
.H_l_horizontal .H_grp>div:last-child {
  -webkit-border-top-right-radius: 2em;
  -webkit-border-bottom-right-radius: 2em;
  -moz-border-radius-topright: 2em;
  -moz-border-radius-bottomright: 2em;
  border-top-right-radius: 2em;
  border-bottom-right-radius: 2em;
  padding-right: 1em;
}


/** Menu panel */
.H_overlay {
  position: absolute;
  min-width: 15em;
  background: #1F262A;
  display: none;
  padding: 1em;
  z-index: 100;
}
.H_overlay>*:last-child {
  clear: both;
}
.H_overlay>.H_btn {
  white-space: nowrap;
}

.H_overlay.H_open {
  display: block;
}

.H_overlay::after {
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  position: absolute;
}
.H_overlay.H_left::after {
  border-width: 1em 1em 1em 0;
  border-color: transparent #1F262A transparent transparent;
  left: -1em;
}
.H_overlay.H_right::after {
  border-width: 1em 0 1em 1em;
  border-color: transparent transparent transparent #1F262A;
  left: 100%;
}
.H_overlay.H_top::after {
  top: .5em;
}
.H_overlay.H_bottom::after {
  bottom: .5em;
}
.H_overlay.H_middle::after {
  top: 50%;
  margin-top: -1em;
}
.H_overlay.H_top.H_center::after {
  border-width: 0 1em 1em 1em;
  border-color: transparent transparent #1F262A transparent;
  top: -1em;
  left: 50%;
  margin-left: -1em;
}
.H_overlay.H_bottom.H_center::after {
  border-width: 1em 1em 0 1em;
  border-color: #1F262A transparent transparent transparent;
  bottom: -1em;
  left: 50%;
  margin-left: -1em;
}

/** InfoBubble */


.H_ib {
  position: absolute;
  left: .91em;
  background: #008035;
  color: #343530;
  font-size: 15px;
  fill: #008035;
  left: -100%;
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -webkit-user-select: initial;
  -o-user-select: initial;
  -ms-user-select: initial;
}

.H_ib a {
  color: #343530;
}

.H_ib_tail {
  position: absolute;
  left: -.3em;
  bottom: -.5em;
  width: 1.2em;
  height: 1.2em;
  z-index: 100;
}
.H_ib_notail .H_ib_tail {
  display: none;
}

.H_ib_body {
  background: #eaeaea;
  position: absolute;
  bottom: .5em;
  padding: 0 20px 0 5px;
  border-radius: .2em;
  margin-right: -1em;
  right: 0;
  min-width: 200px;
  min-height: 50px;
}

.H_ib_body i {
    font-size: 11px;
    padding: 0 5px;
    position: relative;
    top: -1px;
}

.H_ib_close {
  position: absolute;
  font-size: 12px;
  right: -.1em;
  top: 0;
  cursor: pointer;
}
.H_ib_close .H_icon {
  fill: #343530;
}

.H_disabled .H_ib_close {
  cursor: default;
}

.H_ib_noclose .H_ib_close {
  display: none;
}
.H_ib_noclose .H_ib_body {
  padding: 0 0 0 0;
}

.H_ib_content {
  color: #7ED321;
  min-width: 6em;
  margin: .2em 0;
  padding: 0 .2em;
}



/*##################################################  SLIDER  ########################################################*/

.H_l_horizontal.H_slider {
  float: left;
  height: 2.8em;
  width: auto;
  padding: 0 1em;
}

.H_slider .H_slider_track {
  width: 0.2em;
  height: 100%;
}

.H_l_horizontal.H_slider .H_slider_track {
  height: 0.2em;
  width: 100%;
}

.H_l_horizontal.H_slider .H_slider_cont {
  height: 100%;
}

.H_l_horizontal.H_slider .H_slider_knob_cont {
  margin-top: -0.2em;
}

.H_slider {
  background-color: #1f262a;
  padding: 1em 0em;
  width: 2.8em;
}


.H_slider .H_slider_cont {
  position: relative;
}

.H_slider .H_slider_knob_cont,
.H_slider .H_slider_knob_halo {
  width: 2.4em;
  height: 2.4em;
  margin-left: 0em;
  border-radius:9em;
}

/* This will make slightly easy to grab the knob on touch devices*/
.H_slider .H_slider_knob_halo {
  background-color: rgba(255,255,255,0.1);
}

.H_slider .H_slider_knob {
  width: 1.6em;
  height: 1.6em;
  background-color: white;
  border-radius:9em;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.H_slider .H_slider_track,
.H_slider .H_slider_knob_cont{
  position:relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.H_slider .H_slider_track {
  background-color: white;
}

.H_slider.H_disabled {
  cursor: default;
}
.H_disabled .H_slider_track,
.H_disabled .H_slider_knob {
  background-color: #5A6166;
}

/*###############################################  CONTEXT MENU  #####################################################*/
.H_context_menu {
  min-width: 158px;
  max-width: 40%;
  position: absolute;
  left: -100%;
  top: 0;
  color: white;
  background-color: #000F1A;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  -o-border-radius: .4em;
  border-radius: .4em;
  padding: 10px 0;
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -webkit-user-select: initial;
  -o-user-select: initial;
  -ms-user-select: initial;
  z-index: 200;
}

.H_context_menu_closed {
    display: none;
}

.H_context_menu_item {
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 1px 10px 0;
}

.H_context_menu_item.clickable:hover,
.H_context_menu_item.clickable:focus {
    outline: none;
    background-color: #00BBDC;
    cursor: pointer;
}
.H_context_menu_item.disabled {
    background: transparent !important;
    color: #5A6166;
    cursor: default !important;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}
.H_context_menu_item_separator {
    height: 0;
    margin: 8px 10px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #666;
    line-height: 0;
    font-size: 0;
}


/*#################################################  SCALE BAR  ######################################################*/
.H_scalebar_svg {
    display: block;
}


/*##################################################  PANORAMA  ######################################################*/
.H_pano_mm {
  position: absolute;
  top: 0;
  left: -100%;
  font-size: 1.5em;
  width: 0;
  height: 0;
}

.H_pano_man {
  margin-top: -3em;
  z-index: 2;
}

.H_pano_notransition {
  transition: none !important;
}


.H_pano_circle {
  margin-top: -1em;
  margin-left: -1em;
  transition: all .3s;
  pointer-events: none;
}
.H_disabled .H_pano_circle {
  transition: none;
  margin-left: -.1em;
}

.H_disabled .H_pano_mm svg.H_icon {
  fill: #ddd;
  stroke: #5A6166;
}


.H_pano_man svg.H_icon,
.H_pano_circle svg.H_icon {
  fill: #09b;
  stroke: #fff;
  pointer-events: none;
}

.H_pano_ib {
  cursor: pointer;
}

.H_tib {
  margin: 1em 0 1em 1em;
  font-size: .5em;
  width: 30em;
}
.H_tib p { margin: .5em 0; padding: 0; line-height: 1.3em; }
.H_tib p.H_tib_desc { border-top: 1px solid #666; padding-top: .5em; }
.H_tib .H_tib_time { color: #aaa; }
.H_tib_right { float:right; }

.H_dm_label {
  font: 10pt sans-serif;
  color: black;
  text-shadow: 1px 1px .5px #FFF, 1px -1px .5px #FFF, -1px 1px .5px #FFF, -1px -1px .5px #FFF;
  white-space: nowrap;
  margin-left: 12px;
  margin-top: -7px;
  /* This will not work on IE9, but it is accepted! */
  pointer-events: none;
}


/*###################################################  ICON  #########################################################*/
svg.H_icon {
  display: block;
  width: 2em;
  height: 2em;
  fill: #fff;
}
.H_active svg.H_icon {
  fill: #fff;
}
.H_disabled svg.H_icon,
.H_active.H_disabled {
  fill: #5A6166;
}

/*###############################################  OVERVIEW MAP  #####################################################*/
.H_overview {
  transition: width 0.2s,height 0.2s,margin-top 0.2s, padding 0.2s;
  width: 0em;
  height: 0em;
  overflow: hidden;
  cursor: default;
  position: absolute;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.H_overview_active {
  padding: 0.5em;
}

.H_l_center .H_overview {
  left: -9999px;
  right: -9999px;
}

.H_l_middle .H_overview {
  top: -9999px;
  bottom: -9999px;
}

.H_l_right .H_overview {
  right: 100%;
}

.H_l_left .H_overview {
  left: 100%;
}

.H_l_bottom .H_overview {
  bottom: 0;
}
.H_l_center.H_l_bottom .H_overview {
  bottom: 100%;
}

.H_l_top .H_overview {
  top: 0;
}
.H_l_center.H_l_top .H_overview {
  top: 100%;
}

.H_overview .H_overview_map {
  border: 1px solid black;
  background-color: rgba(256,256,256,0.6);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.H_overview_map .H_ui {
  display: none;
}

/* ----  */
.gruppenunterkuenfte #map {
    height: 800px;
}

@media (max-width: 767px) {
    /* XS */
    .gruppenunterkuenfte #map {
        height: 400px;
    }
}

@media (min-width: 768px) AND (max-width: 1024px) {
    /* XS */
    .gruppenunterkuenfte #map {
        height: 600px;
    }
}

/* --- */

#stageEntertainemntModule .col-md-2 {
    padding: 5px;
    margin: 0;
}
.stageEntertainemntModul {
    margin: 0;
    padding: 10px 20px;
    height: 300px;
    position: relative;

}
.stageEntertainemntModul.kfWissenModul {
    padding: 20px;
    height: 650px;
    position: relative;
    background-position: center 105px;
    background-repeat: no-repeat;
}
.stageEntertainemntModul.startseiteSeoModul {
    padding: 20px;
    height: 650px;
    position: relative;
    background-position: center 105px;
    background-repeat: no-repeat;
}

@media (min-width: 470px) AND (max-width: 767px) {
    .stageEntertainemntModul.startseiteSeoModul {
        margin: 0 100px;
    }
}
@media (min-width: 470px) AND (max-width: 767px) {
    .stageEntertainemntModul.startseiteSeoModul.laRaOa {
        margin: 0 100px;
    }
}

@media (min-width: 768px) AND (max-width: 1024px) {
    #stageEntertainemntModule.laRaOa {
        margin: 0 -5px;
    }
    #stageEntertainemntModule.laRaOa .col-sm-2 {
        padding: 0 5px;
    }
}
@media (min-width: 1024px) {
    .stageEntertainemntModul.startseiteSeoModul.laRaOa {
        height: auto;
        padding-bottom: 70px;
    }
}

.stageEntertainemntModul.startseiteSeoModul.laRaOa {
    margin-top: 10px;
}

.stageEntertainemntModul.kfWissenModul h3 {
    padding:0;
    margin-top:240px;
}
.stageEntertainemntModul.startseiteSeoModul h3 {
    padding:0;
    margin-top:240px;
}
.stageEntertainemntModul.kfWissenModul h2 {
    height:70px;
}
.stageEntertainemntModul.startseiteSeoModul h2 {
    height:70px;
}

.stageEntertainemntModul.startseiteSeoModul.paketreisenModul {
    height: 650px;
}

.paketreisenModulPreise {
    position:absolute;
    bottom:60px;
}

.semButton {
    position:absolute;
    bottom:20px;
}

@media (max-width: 767px) {
    /* XS */
    .stageEntertainemntModul {
        padding: 10px;
    }

    .stageEntertainemntModul.kfWissenModul {
        padding: 20px 10px;
    }

    .stageEntertainemntModul.startseiteSeoModul {
        padding: 20px 10px;
    }
}
@media (min-width: 768px) AND (max-width: 980px) {
    .paketreisenModulPreise {
        position: relative;
        top: 0;
    }
    .stageEntertainemntModul.kfWissenModul,
    .stageEntertainemntModul.kfWissenModul.paketreisenModul {
        background-position: center 70px;
        height: auto;
    }
    .stageEntertainemntModul.kfWissenModul h2 {
        height:35px;
    }
    .stageEntertainemntModul.kfWissenModul,
    .stageEntertainemntModul.kfWissenModul.paketreisenModul {
        height: auto;
        padding-bottom: 60px;
    }
}

@media (min-width: 768px) AND (max-width: 1024px) {
	.stageEntertainemntModul.startseiteSeoModul {
		height:530px;
	}
}

@media (min-width: 521px) AND (max-width: 767px) {
    .paketreisenModulPreise {
        position: relative;
        top: 0;
    }
    .stageEntertainemntModul.kfWissenModul,
    .stageEntertainemntModul.startseiteSeoModul,
    .stageEntertainemntModul.kfWissenModul.paketreisenModul {
        background-position: center 70px;
        height: auto;
    }
    .stageEntertainemntModul.startseiteSeoModul h2,
    .stageEntertainemntModul.kfWissenModul h2 {
        height:35px;
    }
    .stageEntertainemntModul.kfWissenModul,
    .stageEntertainemntModul.startseiteSeoModul,
    .stageEntertainemntModul.kfWissenModul.paketreisenModul {
        height: auto;
        padding-bottom: 60px;
    }
}
@media (max-width: 520px) {
    .paketreisenModulPreise {
        position: relative;
        top: 0;
    }
    .stageEntertainemntModul.kfWissenModul h2 {
        height:70px;
    }
     .stageEntertainemntModul.startseiteSeoModul h2 {
        height:70px;
    }
    .stageEntertainemntModul.kfWissenModul,
    .stageEntertainemntModul.startseiteSeoModul,
    .stageEntertainemntModul.kfWissenModul.paketreisenModul {
        height: auto;
        padding-bottom: 60px;
    }
}


/* ------- */

    .progress {
        background-color: #ACE1F7;
    }

    .smpl-step.tagesfahrten .smpl-step-step .progress {
        background-color: #F3DBB3;
    }

    .smpl-step {
        margin-top: 0;
    }
    .smpl-step {
        border-bottom: solid 1px #e0e0e0;
        padding: 0 0 10px 0;
    }

    .smpl-step > .smpl-step-step {
        padding: 0;
        position: relative;
    }

    .smpl-step > .smpl-step-step .smpl-step-info {
        font-size: 14px;
        padding-top: 5px;
        line-height: 17px;
        color: white;
        display: none;
    }

    .smpl-step > .smpl-step-step.active .smpl-step-info {
        display: block;
    }

    .smpl-step > .smpl-step-step > .smpl-step-icon {
        position: absolute;
        width: 35px;
        height: 35px;
        display: block;
        background: white;
        color: #58B9E4;
        font-weight:bold;
        font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
        font-size: 25px;
        text-align: center;
        top: 15px;

        margin-top: -5px;
        margin-left: 0;
        border-radius: 50%;
    }

    .smpl-step.tagesfahrten > .smpl-step-step > .smpl-step-icon {
        color: #F29500;
    }

    .smpl-step > .smpl-step-step > .progress {
        position: relative;
        border-radius: 0px;
        height: 2px;
        box-shadow: none;
        margin-top: 27px;
    }

   .smpl-step > .smpl-step-step > .progress > .progress-bar {
       width: 0px;
       box-shadow: none;
       background: white;
   }

    .smpl-step-step.complete {
        cursor: pointer;
    }

    .smpl-step-step.complete.schritt5,
    .smpl-step-step.active.schritt5 {
        cursor: default;
    }

    .smpl-step > .smpl-step-step.complete > .progress > .progress-bar {
        width: 100%;
    }

    .smpl-step > .smpl-step-step.active > .progress > .progress-bar {
        width: 0%;
    }

    .smpl-step > .smpl-step-step:first-child.active > .progress > .progress-bar {
        width: 0%;
    }

    .smpl-step > .smpl-step-step:last-child.active > .progress > .progress-bar {
        width: 50%;
    }

    .smpl-step > .smpl-step-step.disabled > .smpl-step-icon {
        background-color: #ACE1F7;
    }

    .smpl-step.tagesfahrten > .smpl-step-step.disabled > .smpl-step-icon {
        background-color: #F3DBB3;
    }

    .smpl-step > .smpl-step-step.disabled > .smpl-step-icon:after {
        opacity: 0;
    }

    .smpl-step > .smpl-step-step:first-child > .progress {
        left: 0%;
        width: 100%;
    }

    .smpl-step > .smpl-step-step:last-child > .progress {
        width: 0%;
    }

    .smpl-step > .smpl-step-step.disabled a.smpl-step-icon {
        pointer-events: none;
    }
    .smpl-step > .smpl-step-step.active.schritt5 a.smpl-step-icon,
    .smpl-step > .smpl-step-step.complete.schritt5 a.smpl-step-icon {
        text-decoration: none;
    }

/* -- Warenkorb ------- */

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.endpreis {
    padding: 20px 0 0 0;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 48px;
    float: left;
}

.endpreis.blau {
    color: #0255FF;
}

.endpreis.platin {
    color: #50585D;
}
.endpreis.gold {
    color: #DFB40A;
}

.endpreis.silber {
    color: #636363;
}

.endpreis.bronze {
    color: #996633;
}

td span.anzeigenBei.blau {
    color: #0255FF;
}

td span.anzeigenBei.platin {
    color: #636363;
}
td span.anzeigenBei.gold {
    color: #DFB40A;
}

td span.anzeigenBei.silber {
    color: #636363;
}

td span.anzeigenBei.bronze {
    color: #996633;
}

/* ------- */

.zl-rm-blatt {

}

.zl-rm-blatt-fff, .zl-verpflegung-blatt-fff, .zl-t-blatt-fff, .zl-t-blatt-fff-vorort {
    position: relative;
    padding: 20px;
    margin: 0 20px;
}

.marginXS10SM20 {
    margin: 0 20px;
}


.zl-rm-plus-minus {
    float: left;
    width: 55px;
    height: 32px;
}

.zl-rm-plus-minus i {
    color: white;
    font-size: 24px;
    position:relative;
    top: 3px;
    left: 5px;
    margin-right: 2px;
}

.zl-rm-plus-minus i.fa-shopping-cart {
    color: white;
    font-size: 20px;
    position:relative;
    top: 6px;
    left: 5px;
    margin-right: 2px;
}

.zl-rm-ueberschrift {
    float: left;
    width: 73%;
    margin: 0;
    padding: 0 0 0 10px;
    font-weight:bold;
}

.zl-t-ueberschrift,
.zl-verpflegung-ueberschrift {
    float: left;
    width: 83%;
    margin: 0;
    padding: 0 0 0 2px;
    font-weight: bold;
}

.zl-rm-preis {
    font-weight: bold;
    width: 80px;
    text-align: right;
}

.zl-rm-preis.oben-rechts {
    position: absolute;
    top: 20px;
    right: 0;
}

.zl-rm-preis-xs {
    position: relative;
    display: none;
    font-weight: bold;
    width: 80px;
    text-align: left;
    margin-top: 5px;
    margin-left: 65px;
}

@media screen and (max-width: 767px) {
    .zl-rm-blatt-fff, .zl-verpflegung-blatt-fff, .zl-t-blatt-fff, .zl-t-blatt-fff-vorort {
        margin: 0 10px;
    }

    .marginXS10SM20 {
        margin: 0 10px;
    }

    .zl-rm-preis-xs {
        display: inline-block;
    }
}

.verpflegung-oder-t-rm-opened {
    background: #AEAEAC;
}

.zl-rm-active {
    background: #AEAEAC;
	color: #FFFFFF;
}

.zl-rm-active.klassenfahrten {
    color: #343530 !important;
}

.zl-rm-active.tagesfahrten {
    background: #fff;
}

.zl-rm-passive {
    background: #eaeaea;
}

.zl-rm-passive.klassenfahrten {
    color: #343530 !important;
}

/*
.zl-rm-passive.tagesfahrten {
    background: transparent url('/images_4.0/klassenfahrten/assets/fff-63.png');
}
*/

.zl-rm-mo {
    /*background: #DADBDA;*/
    cursor: pointer;
}

.zl-rm-mo.tagesfahrten {
    /*background: #DADBDA;*/
    cursor: pointer;
}

.pp-rm-button-activity {
    cursor: pointer;
}

/* ---------------------------- */

.zlIdValue, .vpIdValue, .verpflegungIdValue, .tIdValue, .ppIdValue {
    display: none;
}

.verpflegungInputParent, .tInputParent, .zlAInputParent {
    position: relative;
    left: 5px;
    margin: 0 -5px 10px -5px;
    padding: 0 5px 0 5px;
    height: 60px;
}

form.floatlabels input[type=text].verpflegungInput,
form.floatlabels input[type=text].tInput,
form.floatlabels input[type=text].zlAInput {
    width: 140px;
}


/**/
.modul-bildungsprogramm {
    position: relative;
    padding: 20px 20px 30px 20px;
    cursor: pointer;
    color: white;
}

.bildungsprogramm-preis-buchungsschritte {
    position:absolute;
    top:17px;
    right:20px;
    font-size:21px;
    font-weight:bold;
    font-family:UnitWeb;
}
.bildungsprogramm-preis-zielseiten {
    position: relative;
    top: 0;
    left: 20px;
    font-size:21px;
    font-weight:bold;
    font-family:UnitWeb;

}

@media screen and (max-width: 767px) {
    .bildungsprogramm-preis-zielseiten,
    .bildungsprogramm-preis-buchungsschritte {
        position: relative;
        top: 0;
        left: 20px;
    }
}

.modul-bildungsprogramm i.fa-chevron-right {
    color: #7ED321;
}

.bildungsprogramm-titelbild {

}

.bildungsprogramm-titelbild img {
    width: 100%;
}

.aufklappbares-bildungsprogramm {
    padding-top: 40px;
}

.bildungsprogramm-zeile {
    color: white;
    position: relative;
    padding: 10px 0 10px 100px;
    margin: 0 20px;
    border-bottom: 1px solid white;
}

.bildungsprogramm-zeile.first {
    border-top: 1px solid white;
}

.bildungsprogramm-zeile h3 {
    margin:0;
}

.modul-left-bildungsprogramm-punkt {
    position: relative;
    float: left;
    height: 25px;
    padding: 9px 0 0 10px;
    width: 214px;
    background: #A9CF38;
    color: #008035;
    margin-bottom: 1px;
}

.bildungsprogramme-i {
    position: absolute;
    right: 10px;
    top: 11px;
}

.bildungsprogramm-keller {
    padding: 10px 20px 20px 20px;
}

/* ----- */

.hiddencb {
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    position:fixed;
    top:-20px;
}


.zlTbl, .vpTbl, .verpflegungTbl, .tTbl, .ppTbl {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 14px;
}

#zlBTglr, #vpBTglr, #verpflegungBTglr, #tBTglr, #zlABTglr, #ppBTglr {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    margin: 3px 0 3px 0;
    padding: 0 0 0 13px;
    cursor: pointer;

}

#zlBTglr, #vpBTglr, #ppBTglr, #verpflegungBTglr, #tBTglr, #zlABTglr {
    position: relative;
    margin-left: 0;
}

#zlBTglr i,
#vpBTglr i,
#ppBTglr i,
#verpflegungBTglr i,
#tBTglr i,
#zlABTglr i {
    position: absolute;
    font-size: 11px;
    top: 4px;
    left: -1px;

}

#zlBTglr i.fa-chevron-right,
#vpBTglr i.fa-chevron-right,
#ppBTglr i.fa-chevron-right,
#verpflegungBTglr i.fa-chevron-right,
#tBTglr i.fa-chevron-right,
#zlABTglr i.fa-chevron-right
{
    top: 5px;
    left: 0;
}

#zlBTglr i.fa-chevron-down,
#vpBTglr i.fa-chevron-down,
#ppBTglr i.fa-chevron-down,
#verpflegungBTglr i.fa-chevron-down,
#tBTglr i.fa-chevron-down,
#zlABTglr i.fa-chevron-down
 {
    top: 4px;
    left: -1px;
}

#zlCounter, #vpCounter, #versicherungCounter, #ppCounter, #verpflegungCounter, #tCounter, #zlACounter {
    position: absolute;
    top: 0;
    right: -18px;
    padding: 0 4px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-color: #0E6650;
}

.zlIdValue, .vpIdValue, .verpflegungIdValue, .tIdValue, .ppIdValue {
    display: none;
}


#zlTblContainer .fa-trash-alt,
#vpTblContainer .fa-trash-alt,
#ppTblContainer .fa-trash-alt,
#tTblContainer .fa-trash-alt,
#zlATblContainer .fa-trash-alt,
#verpflegungTblContainer .fa-trash-alt {
    font-size: 15px;
    cursor: pointer;
    padding: 2px 10px 2px 5px;
}
#zlTblContainer .fa-trash-alt:hover,
#vpTblContainer .fa-trash-alt:hover,
#ppTblContainer .fa-trash-alt:hover,
#tTblContainer .fa-trash-alt:hover,
#zlATblContainer .fa-trash-alt:hover,
#verpflegungTblContainer .fa-trash-alt:hover {
    text-decoration: underline;
    color: orange;
}


#zlTblContainer table td,
#vpTblContainer table td,
#ppTblContainer table td,
#verpflegungTblContainer table td,
#tTblContainer table td,
#zlATblContainer table td  {
    vertical-align: middle;
}


#ppGesamtBetrag, #verpflegungGesamtBetrag,
#ppGesamtBetrag, #tGesamtBetrag {
    padding-top: 3px;
    text-align: right;
}

#vpGesamtBetrag, #zlGesamtBetrag {
    padding-top: 3px;
    text-align: right;
}


.sichRow {
   width: 360px;
   padding: 0;
   background: #424436;
   margin: 0 0 1px 0;
}

.sichToggler {
    cursor: pointer;
    position: relative;
    padding: 0 20px 0 20px;
    height: 30px;
}

.sichToggler h3 {
    position: absolute;
    top: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    width: 300px;
}

.aufklappbarerSichContent {
    position: relative;
    padding: 0 20px 15px 20px;
    line-height: 16px;
    font-size: 12px;
    height: 130px;
}

.aufklappbarerStellenContent {
    position: relative;
}

.sichPlus, .sichMinus {
    font-size: 15px;
    position: absolute;
    top: 6px;
    right: 20px;
}

/* --- */

.formularzeile {
    margin: 0 -5px 10px -5px;
    padding: 0 5px;
    position: relative;
}

.spinning {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.fa-chevron-right.link {
    position:relative;
    top: -1px;
    font-size: 11px;
    margin-right: 3px;
}

/* -- */
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}

.item-with-fa-checked {
    padding-left: 17px;
    display: table-cell;
}
.item-with-fa-checked:before {
   font-family: 'Font Awesome 5 Pro';
   content: "\F00C";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   height: 100%;
}

ul.with-fa-checked,
ul.with-fa-chevron-right {
    padding: 0 0 0 0;
}

ul.with-fa-checked li,
ul.with-fa-chevron-right li {
    list-style: none outside none;
    padding-left: 17px;
}

ul.with-fa-checked li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f00c';
    vertical-align: middle;
    display: inline-block;
    font-size: 10px;
    position: relative;
    top: -1px;
    margin-right: 3px;
    margin-left: -11px;
}

ul.with-fa-chevron-right li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f054';
    vertical-align: middle;
    display: inline-block;
    font-size: 10px;
    position: relative;
    top: -1px;
    margin-right: 3px;
    margin-left: -11px;
}

#scrollToTop {
    background-color:#BA1217;
    color:white;
    padding:0 10px;
    z-index:10000000;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:38px;
    width:100%;
    display:none;
    text-align:center;
}

.timepicker .fa-chevron-up,
.timepicker .fa-chevron-down {
    color:#5C9852;
}

.silbentrennung {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
}

/* ---- */

.orangeTags {
    vertical-align: middle;
    border: none;
    outline: none;
    padding: 3px 5px 0 5px;
    margin: 0 2px 2px 0;
    float: left;
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    cursor: pointer;
    font-weight: bold;
}

.orangeTagsLand {
    background-color: #D5D1D1;
}

.orangeTagsLand a {
    color: #0A2E27;
}

.orangeTagsStadt {
    background-color: #FFFFFF;
}

.orangeTagsStadt a {
    color: #0A2E27;
}

#sucheFilter .orangeTags.orangeTagsMitbewerber {
    background-color: #FFFFFF;
    height: auto;
}

#sucheFilter .orangeTags.orangeTagsMitbewerber:hover {
    background-color: #DFDFDF;
    height: auto;
}

.orangeTagsMitbewerber a {
    color: #0A2E27;
}

.orangeTagsMitbewerber img {
    height: 40px;
}

.mitbewerberListe {
    margin-top: 10px;
    color: darkred;
    font-size: 14px;
    font-family: 'Courier New', Monospace;
}

.footer .orangeTags {
    padding: 11px 10px 10px 10px;
    height: 42px;
    font-size: 14px;
    margin: 0 5px 5px 0;
}

.footer .orangeTagsLand {
    background-color: #7ED321;
}

.footer .orangeTagsLand a {
    color: white;
}

.footer .orangeTagsStadt {
    background-color: #FFFFFF;
}

.footer .orangeTagsStadt a {
    color: #7ED321;
}


#sucheFilter .orangeTags {
    padding: 11px 10px 10px 10px;
    height: 42px;
    font-size: 14px;
    margin: 0 5px 5px 0;
}

#sucheFilter .orangeTagsLand {
    background-color: white;
}

#sucheFilter .orangeTagsLand a {
    color: #7ED321;
}

#sucheFilter .orangeTagsStadt {
    background-color: white;
}

#sucheFilter .orangeTagsStadt a {
    color: #7ED321;
}

#sucheFilter .orangeTagsStadt.premium {
    background-color: #7ED321;
}

#sucheFilter .orangeTagsStadt.premium a {
    color: white;
}


/* ---- */


.modul-downloads-waagerecht {
    color: #46473f;
    width: 1080px;
    padding: 20px;
    height: 80px;
}

.modul-downloads-senkrecht {
    position: relative;
    height: 80px;
}

@media screen and (max-width: 767px) {
    .modul-downloads-senkrecht {
        height: 100px;
    }
}

.modul-downloads {
    min-height: 80px;
    color: #46473f;
    padding: 0;
    position: relative;
}

.modul-downloads a:hover {
    text-decoration: none;
}

.modul-downloads-senkrecht img,
.modul-downloads img {
    position: absolute;
    left: 0;
    top: 0;
}

.download-link-title {
    color: #343530;
    font-size: 12px;
    font-weight: bold;
}

.download-link-title a:hover, .download-link-subtitle a:hover {
    color: #90BD10;
    text-decoration: none !important;
}

.download-link-subtitle {
    color: #343530;
    font-size: 12px;
    line-height: 20px;
}


.download-link-box {
    display: inline-block;
    padding-left: 80px;
    padding-top: 10px;
}

.download-link-box:hover {
    color: #90BD10;
    text-decoration: none;
}

.download-hr {
    background: #343530;
    margin: 0 0 20px 20px;
    width: 520px;
}

/* --- */

#rueckrufButton, #rrfMeldung {
    display:none;
    position: absolute;
    top:-55px;
    right:0;
    background:#ED7189;
    padding:10px 14px;
    width: 320px;
    z-index: 1000000;
    cursor: pointer;
}
#rrfMeldung {
    top:-85px;
}

#rueckrufSchliessen {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

#rueckrufDatenschutz {
    position: absolute;
    text-align: right;
    right: 20px;
    bottom: 20px;
}

#rueckrufformular {
    display: none;
    position: absolute;
    top: -578px;
    right: 0;
    background-color: #3f406c;
    width: 320px;
    padding: 0 20px 20px 20px;
    z-index: 2500000;
    color: white;
    height: 479px;
    margin-top: 41px;
}

#rueckrufTabsDiv {
    margin: -41px -20px 0 -20px;
    display: none;
}

#tabrueckruf, #tabrueckrufspaeter {
    cursor: pointer;
    float: left;
    width: 160px;
    text-align:center;
    margin: 0;
    padding: 10px 0;
}

#tabrueckruf {
    background-color: #8265B0;
}

#tabrueckrufspaeter {
    background-color: #3f406c;
}

@media screen and (max-width: 767px) {
    #rueckrufformular {
        padding: 0 10px 10px 10px;
    }
    #rueckrufTabsDiv {
        margin:  -41px -10px 0 -10px;
    }
    #rueckrufDatenschutz {
        bottom: 10px;
        right: 10px;
    }
    #rueckrufSchliessen {
        right: 10px;
    }
    #rueckrufButton {
        width: 130px;
    }
}

/* ----  */

#newsletterSchublade {
    display: none;
    background-color: #2E312D;
    z-index: 100000;
    padding: 0 20px 20px 20px;
}

.ausgewaehltesAnreiseIcon,.verlinktesAnreiseIcon {
    padding-bottom: 3px;
    position: relative;
    margin-right: 7px;
}

.ausgewaehltesAnreiseIcon {
    border-bottom: 2px solid #7ED321;
}

.tagesfahrten .ausgewaehltesAnreiseIcon {
    border-bottom: 2px solid white;
}

.verlinktesAnreiseIcon {
    margin-right: 7px;
}

.verlinktesAnreiseIcon:hover {
    border-bottom: 2px solid white;
}

ul.dropdown-menu li {
    cursor: pointer;
}

.cl_sort_dropdown,
.cl_budget_dropdown,
.dropdownBuchbarkeit_dropdown {

}

.cl_sort_dropdown:after,
.cl_gb_dropdown:after,
.cl_printjahr_dropdown:after,
.cl_budget_dropdown:after,
.dropdownBuchbarkeit_dropdown:after {
   pointer-events: none;
   position: absolute;
   right: 10px;
   top: 5px;
   color: #2C4B08;
   font-family: 'Font Awesome 5 Pro';
   font-size: 18px;
   content: "\F0D7";
   display: inline-block;
   vertical-align: middle;
   height: 100%;
}

/*----*/

a.zf {
  color: #ffffff;
  font-size: 14px;
  padding: 4px 1px 4px 1px;
  font-weight: bold;
  background-image: linear-gradient(to bottom, transparent, transparent 50%, #7ED321 50%, #7ED321);
  background-position: 0 15%;
  background-size: 100% 200%;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  text-decoration: none;
}

a.zf.dunkel {
  color: #2C4B08;
}

a.zf.dunkel.presseMT {
  font-size: 16px;
}

a.zf:hover {
  color: #2C4B08;
  background-position: 0 100%;
  cursor: pointer !important;
}

/* --- --- */

a.zfSmallButton {
  font-family: Arial, serif;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none !important;
  max-height: 30px;
  height: 30px;
  padding: 5px 6px !important;
  margin: 0 !important;
  font-weight: bold;
  color: #2C4B08 !important;
  border-radius: 0 15px 15px 0;
  display: inline-block;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-image: linear-gradient(to bottom, #7ED321, #7ED321 50%, #548F14 50%, #548F14);
  background-position: 0 0%;
  background-size: 100% 200%;
  box-sizing: border-box;
  cursor: pointer;
}

a.zfSmallButton.fuerRueckruf {
  color: white !important;
  background-image: linear-gradient(to bottom, #ED7189, #ED7189 50%, #9A3970 50%, #9A3970);
}

a.zfSmallButton.inHell {
  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 50%, #548F14 50%, #548F14);
}

a.zfSmallButton.inPink {
  color: #9A3970 !important;
  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 50%, #ED7189 50%, #ED7189);
}

a.zfSmallButton.inSchwarz {
  color: white !important;
  background-image: linear-gradient(to bottom, #000000, #000000 50%, #548F14 50%, #548F14);
}

a.zfSmallButton.inSchwarz.ohneHover {
  color: white !important;
  background-image: linear-gradient(to bottom, #000000, #000000 50%, #000000 50%, #000000);
}

a.zfSmallButton i {
    color: #ffffff  !important;
}

a.zfSmallButton.inHell i,
a.zfSmallButton.inPink i {
    color: #7ED321  !important;
}

a.zfSmallButton:hover {
    color: #ffffff  !important;
    padding: 4px 6px 6px 6px;
    background-position: 0 100%;
    text-decoration: none !important;
}

a.zfSmallButton.inHell:hover {
    color: #2C4B08 !important;
}
/* --- --- */

#vorteile {
    margin: 0 0 9px 0;
    padding: 0;
}

.vorteile-zelle {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 60px;
    padding: 14px 20px;
    margin: 1px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    background-color: #f5e5e2;
}

.vorteile-zelle img {
    display: block;
    float: left;
    padding-right: 11px;
}

.vorteile-zelle .subZeilen {
    float: left;
}

.vorteile-zelle .subZeile1 {
    overflow: hidden;
    float: left;
    color: #2F312E !important;
}

.vorteile-zelle .subZeile2 {
    color: rgba(47, 49, 46, 0.5) !important;
}

/* --- Wochenplaner --- */

#wochenplaner.klassenfahrte,
#wochenplaner.tagesfahrten {
    width: 100%;
    padding: 20px 18px;
    height: 522px;
    background-color: #343530;
}


.r-m-active .wochenplaner.klassenfahrten {
    /*height: 142px;*/
    /*background-color: #34811F;*/
}

@media screen and (max-width: 767px) {
    .r-m-active .wochenplaner.klassenfahrten {
        /*height: 252px;
        border-top: none;*/
    }
}

#wochenplanerInner {
    width: 100%;
    position: relative;
    left: 0;
}

.wpZelle {
    position: relative;
    float: left;
    width: 14.2857%;
    margin: 0;
    padding: 0;
}

.wpLinie {
    height: 1px;
    width: 100%;
    clear: both;
}
#wochenplanerInner.klassenfahrten .wpLinie {
    background-color: #aeaeac; /*#34811F;*/
}
#wochenplanerInner.tagesfahrten .wpLinie {
    background-color: #aeaeac; /*#666666;*/
}

#wochenplanerInner.klassenfahrten .wpZelle {
    border:  1px solid #aeaeac; /*#34811F;*/
}

#wochenplanerInner.tagesfahrten .wpZelle {
    border:  1px solid #aeaeac; /*#666666;*/
}

.wpZelle .datum {
    font-size: 12px;
}

@media screen and (min-width: 581px) and (max-width: 767px) {
    #wochenplaner.klassenfahrten,
    #wochenplaner.tagesfahrten {
        height: 233px;
    }
    .wpZelle {
        width: 20%;
    }
}

@media screen and (max-width: 580px) {
    #wochenplaner.klassenfahrten,
    #wochenplaner.tagesfahrten {
        height: 233px;
    }
    .wpZelle {
        width: 33.3333%;
    }
}

.wpZelle.topAngebotSpinner {
    background-color: white;
    height: 142px;
    padding-top: 60px;
    text-align: center;
}


.heuteRahmen {
    position: absolute;
    border: 7px solid #7ED321;
    top: -3px;
    bottom: -3px;
    right: -3px;
    left: -3px;
    z-index: 999;
}

.wpReset {
    position: absolute;
    top: 17px;
    left: 35px;
}

@media screen and (max-width: 768px) {
    .wpReset {
        left: 25px;
    }
}

.wpZelleTop {
    height: 100px;
    background-color: white;
    color: #a4a4a4;
    text-align: center;
}

.wpZelleTop .fa-certificate {
    color: #0255FF;
}


.wpZelleTop .fa-certificate.platin {
    color: #cccccc;
}

.wpZelleTop .fa-certificate.gold {
    color: #DFB40A;
}

.wpZelleTop .fa-certificate.silber {
    color: #999999;
}

.wpZelleTop .fa-certificate.bronze {
    color: #996633;
}

.wpZelleBottom {
    height: 40px;
    padding-top: 5px;
}

.wpZelle .wpZelleLabel {
    height: 40px;
    padding-top: 10px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

#wochenplanerInner.tagesfahrten .wpZelleLabel {
    padding-bottom: 5px;
    padding-top: 5px;
}

.wpZelle .buchbarkeit {
    height: 40px;
    line-height: 30px;
}

.wpZelle.buchbar .wpZelleBottom {
    background-color: #009136;
}

.wpZelle.aufAnfrage .wpZelleBottom {
    background-color: #FCC751;
}

.wpZelle.ausgebucht .wpZelleBottom {
    background-color: #FFFFFF;
}

.wpZelle.buchbar .datum,
.wpZelle.aufAnfrage .datum {
    font-weight: bold;
    color: #343530; /*#0E6650;*/
}

.wpZelle .preis {
    font-family: UnitWeb, Arial, sans-serif;
    padding-top: 0;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.wpZelle.buchbar .preis,
.wpZelle.aufAnfrage .preis {
    color: white; /* #0E6650; */
}

.wpZelle.ausgebucht .preis {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #A4A4A4;
}

.wpZelle.ausgebucht .preis .ipJt {
    font-family: UnitWeb, Arial, sans-serif;
    font-size:18px;
    line-height:30px;
    color:#900000;
}

.wpZelle.buchbar:hover .wpZelleTop,
.wpZelle.aufAnfrage:hover .wpZelleTop,
.wpZelle.buchbar:hover .wpZelleBottom,
.wpZelle.aufAnfrage:hover .wpZelleBottom {
    background-color: #CBEDA6;
}

.wpZelle.buchbar:hover .wpZelleBottom{
    background-color: #32AB2E;
}

.wpZelle.aufAnfrage:hover .wpZelleBottom {
    background-color: #CACC3E;
}

.wpHeader, .wpFooter {
    position: relative;
    padding: 0;
    color: #2F312E;
    margin: 0;
    text-align: center;
    width: 100%;
}

.wpHeader {
    padding-top: 10px;
}

.wpFooter {
    padding-bottom: 10px;
}

.wpOriginalDatum {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 12px;
    color: #343530;
    text-align: left;
}

.wpHeader .wpZelle {
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 25px;
    border: none;
}

.wpZelle.mitPrevButton,
.wpZelle.mitNextButton {
    width: 7.1429%;
    height: 142px;
    background-color: #34811F;
}

.wpNextButton, .wpPrevButton {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #7ED321;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 9px;
    margin-top: 46px;
}

.wpNextButton:hover, .wpPrevButton:hover {
    background-color: #548F14;
}

.wpPrevButton {
    float: left;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    position: relative;
    top: 2px;
    z-index: 20;
}
.wpPrevButton.tagesfahrten.hidden-xs,
.wpPrevButton.visible-xs {
    position: relative;
    float: none;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 0;
    width: 50px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.wpNextButton {
    float: right;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    position: relative;
    bottom: 2px;
    z-index: 20;
}

.wpNextButton.tagesfahrten.hidden-xs,
.wpNextButton.visible-xs {
    position: relative;
    float: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 40px;
    width: 50px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
}

.wpPrevButton.tagesfahrten.hidden-xs:after,
.wpNextButton.tagesfahrten.hidden-xs:after,
.wpPrevButton.visible-xs:after,
.wpNextButton.visible-xs:after {
    position: absolute;
    width: 100px;
    font-size: 12px;
    color: #343530;
}
.wpPrevButton.tagesfahrten.hidden-xs:after,
.wpPrevButton.visible-xs:after {
    content: '-1 Woche';
    top: 18px;
    left: -83px;
}
.wpNextButton.tagesfahrten.hidden-xs:after,
.wpNextButton.visible-xs:after {
    content: '+1 Woche';
    top: 18px;
    left: 35px;
}

.wpPrevButton i,
.wpNextButton i {
    color: white;
    line-height: 34px;
}

.kellerInfos {
    clear: both;
    margin-top: 30px;
    padding: 20px;
    background-color: #FFFFFF;
    color: #370415;
}

.kellerInfos.listeLaender {
    margin-top: 10px;
}

.kellerInfos h2 {
    margin-top: 0;
    padding-top: 0;
	color: #58B9E4;
}

@media screen and (max-width: 767px) {
    .kellerInfos {
        padding: 20px 10px;
    }
}

#kalenderDock {
    position: absolute;
    right: 3px;
    bottom: -550px;
    height: 700px;
    width: 700px;
    pointer-events: none;
}

#kalenderDockVon {
    position: absolute;
    left: 30px;
    top: 233px;
    height: 700px;
    width: 340px;
    pointer-events: none;
}

#kalenderDockBis {
    position: absolute;
    left: 255px;
    top: 233px;
    height: 700px;
    width: 340px;
    pointer-events: none;
}

#kalenderDockZielseite {
    z-index: 100000;
    max-width: 688px;
}

@media screen and (max-width: 767px) {
    #kalenderDock {
        width: 100%;
        left: 0;
        top: 287px;
    }
    #kalenderDockZielseite {
        width: 100%;
        left: -70px;
        top: 530px;
        position: absolute;
        bottom: -550px;
        height: 700px;
        pointer-events: none;
    }
    #kalenderDockVon,
    #kalenderDockBis {
        width: 100%;
        left: 0;
        top: 287px;
    }
}


/* --- */

.untH1 {
    font-size: 48px;
    top: 20px;
    left: 0;
    line-height: 48px;
}

.untH2 {
    font-size: 36px;
    top: 35px;
    left: 20px;
}

.unt-modul-kontakt {
    padding: 20px;
    line-height: 22px;
    font-size: 15px;
    height: 400px;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .unt-modul-kontakt {
        padding: 20px 10px;
	    height: 380px;
    }
}

.unt-tel-nr {
    padding-top: 20px;
}

.unt-tel-nr a {
    text-decoration: underline;
    color: #333333;
}

.unt-tel-nr a:hover {
    text-decoration: underline;
    color: black;
}

.unt-modul-kontakt h2 {
    padding: 0;
}

.unt-bereichsart-weiche-container {
    margin:40px 0;
    width:100%;
    text-align:center;
    font-family:UnitWeb,Arial,sans-serif;
    font-size:17px;
    line-height:20px;
    position:relative;
    height:55px;
    overflow:hidden;
}

@media (max-width: 767px) {
    .unt-bereichsart-weiche-container {
        height:75px;
    }
}

.unt-bereichsart-weiche {
    position: relative;
    float: left;
    padding: 19px 0 17px 0;
    width: 50%;
}

.unt-bereichsart-weiche.kf {
    background-color: #58B9E4;
}
.unt-bereichsart-weiche.kf:hover {
    background-color: #4fa5cc;
}
.unt-bereichsart-weiche.jt {
     background-color:#BECD00;
}
.unt-bereichsart-weiche.jt:hover {
    background-color: #aab701;
}

.unt-font-awesome-icons i {
    color: #333333;
    font-size: 32px;
}
.unt-font-awesome-icons i:hover {
    color: black;
}

.unt-font-awesome-icons i.fa-facebook-official {
    color: #3b5998;
}
.unt-font-awesome-icons i.fa-facebook-official:hover {
    color: #304879;
}

.unt-font-awesome-icons i.fa-youtube {
    color: #CC181E;
}
.unt-font-awesome-icons i.fa-youtube:hover {
    color: #A21419;
}

#cb_katalog_linke_spalte {
    position: relative;
    bottom: 0;
    left: 0;
}

#katalogBestellformularTable table tr td {
    margin: 5px 0;
}

.textJrKtalogBestellen {
    width: 80%;
}
@media (max-width: 767px) {
    .textJrKtalogBestellen {
        width: 100%;
    }
}

img#bildTuevZertifikat {
    width: 416px;
}
@media (max-width: 415px) {
    img#bildTuevZertifikat {
        width: 100%;
    }
}

a img.hover {
    display: none;
}
a img.nohover {
    display: inline;
}

a:hover img.hover {
    display: inline;
}
a:hover img.nohover {
    display: none;
}


.container-fluid.unternehmen #footer-links a,
#footer-bottom,
#footer-bottom a {
    color: #FAFAFA;
}

#footer-bottom {

}



.sichRow.unternehmen {
    width: 100%;
    padding: 0;
    margin: 0 0 2px 0;
}

.sichRow.unternehmen .sichToggler {
    width: 100%;
    position: relative;
    padding: 0 20px;
    height: 50px;
}

.sichRow.unternehmen .sichPlus,
.sichRow.unternehmen .sichMinus {
    font-weight: bold;
    font-size: 20px;
    top: 10px;
}



.sichRow.unternehmen .sichToggler h3 {
    width: 100%;
    font-size: 20px;
    line-height: 27px;
    margin: 6px 0 0 0;
}

.sichRow.unternehmen .aufklappbarerSichContent,
.sichRow.unternehmen .aufklappbarerStellenContent {
    position: relative;
    padding: 0 20px 15px 20px;
    line-height: 22px;
    font-size: 15px;
    height: auto;
}

@media (max-width: 767px) {
    .sichRow.unternehmen .sichToggler {
         padding: 0 10px;
    }
    .sichRow.unternehmen .sichPlus,
    .sichRow.unternehmen .sichMinus {
        right: 10px;
    }
    .sichRow.unternehmen .aufklappbarerSichContent,
    .sichRow.unternehmen .aufklappbarerStellenContent {
        padding: 0 10px 15px 10px;
    }
}

/* ------- */

.lb-login-linke-spalte,
.lb-login-bewertung {
    color: white;
}

.lb-login-linke-spalte {
    background-color: #343530;
}

.lb-login-linke-spalte.schuelerbereich {
    background-color: #346BAA;
}

.lb-login-linke-spalte.vertriebspartner {
    background-color: #2E3444;
}

.lb-login-active-tab,
.lb-login-passive-tab {
    color: white;
    cursor: pointer;
    padding: 7px 0 9px 20px;
    height: 82px;
}

.lb-login-active-tab.schuelerbereich {
    background-color: #346Baa;
}

.lb-login-active-tab.lehrerbereich h2,
.lb-login-passive-tab.lehrerbereich h2 {
    font-size: 30px;
}

.lb-login-active-tab .login-muenzen {
    position:absolute;
    right: 130px;
    top: -60px;
}
.lb-login-active-tab .login-muenzen img {
    height: 120px;
}

.lb-login-passive-tab {
    background-color: #7ED321;
}

.lb-login-mail,
.lb-login-nummer,
.lb-login-schueler {
    margin:30px 10px 20px 10px
}

.lb-login-mail.lb-login-submit-bereich,
.lb-login-nummer.lb-login-submit-bereich,
.lb-login-schueler.lb-login-submit-bereich {
    margin: 40px 30px 20px 30px;
}

.lb-login-submit-bereich .col-xs-6 {
    padding-bottom: 20px;
}

.lb-login-aktivierungscode-link {
    text-align: right;
}
.lb-login-aktivierungscode-link a.zf {
    margin-right: 10px;
}

.lb-login-bewertung {
    position: relative;
    height: 492px;
    background-color: #D0E1CE;
}

@media (max-width: 767px) {
    .lb-login-active-tab,
    .lb-login-passive-tab {
        height: auto;
    }
    .lb-login-submit-bereich {
        margin: 40px 10px 20px 10px;
    }
    .lb-login-submit-bereich .col-xs-6 {
        padding-bottom: 20px;
    }
    .lb-login-aktivierungscode-link {
        text-align: left;
    }
    .lb-login-active-tab .login-muenzen {
        right: 20px;
    }
}

.lb-login-footer {
    height: 66px;
    background-color: #076048;
}

.lb-login-footer.schuelerbereich {
    background-color: #6086BE;
}

.lb-login-footer.vertriebspartner {
    background-color: #636E78;
}

.lb-login-kasten-titel {
    color: white;
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: #0b9871;
}

.sb-login-kasten-titel {
    color: white;
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: #6086be;
}

.vertriebspartner-login-kasten-titel {
    color: white;
    padding-top: 7px;
    padding-bottom: 9px;
    background-color: #2E3444;
}

.lb-login-kasten {
    color: white;
    background-color: #076048;
}

.sb-login-kasten {
    color: white;
    background-color: #346BAA;
}

.vertriebspartner-login-kasten {
    color: white;
    background-color: #636E78;
}

.lb-login-serviceblaetter-titel {
    color: #343530;
    background-color: white;
    padding-top: 7px;
    padding-bottom: 9px;
}

.lb-login-serviceblaetter {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #343530;
    background-color: #D2E2CF;
}

.mitarbeiter-kasten {
        background-repeat: no-repeat;
        background-position: top left;
        background-color:#FFFFFF;
        text-align:left;
        padding: 20px 0 0 220px;
        height:150px;
}
.mitarbeiter-kasten .daten {

}

@media (max-width: 500px) {
   .mitarbeiter-kasten {
       height: 280px;
       padding: 170px 0 0 20px;
   }
}

.topicToggler {
    cursor: pointer;
    background-color: #217ca7;
}

.topicToggler.onlineReisefuehrer {
    background-color: #666666;
}

.topicToggler.lbReisefuehrer {
    background-color: #ADC3B4;
}

.topicToggler.richtlinienSchulfahrten {
    background-color: white;
    position:relative;
}

.topicToggler:hover {
    background-color: rgba(33, 124, 167, .8);
}
.topicToggler.onlineReisefuehrer:hover {
    background-color: rgba(102, 102, 102, .8);
}
.topicToggler.lbReisefuehrer:hover {
    background-color: rgba(102, 102, 102, .8);
}

.topicToggler.richtlinienSchulfahrten:hover {
    background-color: rgba(255, 255, 255, .8);
}
.topicToggler.ohneHover {
    cursor: default;
}
.topicToggler.ohneHover:hover {
    background-color: #5AC5F1;
}

.topicToggler.lbReisefuehrer h3 {
    margin-bottom: 0;
    margin-top: 15px;
}

.topicToggler h2 {
    color: white;
    margin-bottom: 2px;
    margin-top: 10px;
}

.topicToggler h2 a,
.topicToggler h2 a:hover {
    text-decoration: none;
    color: inherit;
}

.topicToggler i {
    color: white;
}

@media (max-width: 767px) {
    .topicToggler h2 {
        font-size: 24px;
    }
}

.sichTogglerIcon {
    position: absolute;
    left: 20px;
    top: 20px;
}
.sichTogglerIconLabel {
    padding-left: 130px;
    padding-right: 40px;
    font-size: 20px;
}
.sichTogglerIconLabel.versicherungen {
    padding-left: 320px;
    font-size: 20px;
}

@media (max-width: 767px) {
  .sichTogglerIcon {
      left: 10px;
  }
  .sichTogglerIconLabel {
      padding-left: 110px;
  }
  .sichTogglerIconLabel.versicherungen {
      padding-left: 300px;
  }
}
@media (max-width: 350px) {
  .sichTogglerIconLabel {
      padding-right: 10px;
  }
}

.topicTogglerChevron {
}

/* -------- */
.v2-table {
    display: table;
    border-collapse: separate;
    width: 100%;
}

.v2-container-booking,
.v2-container-booking-appendix {
    display: table-row;
    width: 100%;
}

.v2-table-cell {
    display: table-cell;
}

.v2-booking-anreise {
    vertical-align: middle;
    text-align: center;
    width: 100px;
}
.v2-booking-date {
    display: table-cell;
    vertical-align: middle;
}
.v2-booking-venue {
    display: table-cell;
    vertical-align: middle;
}
.v2-booking-download {
    display: table-cell;
    vertical-align: middle;
}
.v2-booking-edit {
    display: table-cell;
    vertical-align: middle;
}

.v2-booking-appendix-download {
    display: table-cell;
    vertical-align: middle;
}
.v2-booking-appendix-more {
    display: table-cell;
    vertical-align: middle;
}
.v2-booking-appendix-share {
    display: none;
}
.v2-booking-appendix-checks {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 767px) {

}

.minheightFuerFooter {
    min-height: 100%;
    height:auto !important;
    height:100%;
    margin:0 auto;
}

/* --- */

.row.lbNews {
    margin: 90px 0 0 0;
}

.row.lbNews .bild {
    height: 320px;
}

.row.lbNews .text {
    background-color: white;
    height: 320px;
}

.row.lbNews .text .verticaly-centered-outer {
    height: 320px;
    padding-left: 20px;
    padding-right: 10px;
}

.row.lbNews .text h2 {
    margin-bottom: 0;
    margin-top: 0;
}

@media (max-width: 767px) {
    .row.lbNews .text .verticaly-centered-outer {
        padding: 20px 10px;
        height: auto;
    }
    .row.lbNews .text {
        height: auto;
    }
}

.col-sm-6.aktivierungsanschreiben {
    text-align: center;
    color: white
}
.aktivierungsanschreiben h2 {
    margin-top: 80px;
}
.aktivierungsanschreiben p {
    padding-bottom: 50px;
    text-align: left;
    width: 400px;
    margin: 0 auto;
}

@media (max-width: 400px) {
    .aktivierungsanschreiben p {
        width: auto;
    }
}

@media (max-width: 400px) {
    .aktivierungsanschreiben img {
        width: 100%;
    }
}

.certImPreisrechner {
    position: relative;
    display: block;
    float: right;
    right: 10px;
    margin-top: -20px;
}

@media (max-width: 1018px) {
    .reisefinder-keller {
        overflow: hidden;
    }
    .certImPreisrechner {
        display: none;
    }
}
.endPreisBs2 {
    font-family: UnitWeb, Arial, sans-serif;
    font-size: 21px;
    line-height: 25px;
}

.endPreisBs2 .endPreisProPersonDurchgestrichen {
    color: #343530;
}

.endPreisBs2 .durchstrich {
    color: #343530;
    border-bottom: 2px solid #343530;
}

/* ---- */

.dropdownChevronBox {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    pointer-events: none;
}

.dropdownChevronBox i {
    pointer-events: none;
    color: #7ED321;
}

.dropdownChevronBox.disabled i {
    color: #999999;
}

_:-ms-input-placeholder, :root .dropdownChevronBox {
    /*
    IE Hack
    dropdownChevronBox in IE nicht anzeigen
    Internet Explorer ? 10
    */
    display: none;
}


/* ---- */

.alert-info.lb-feedback-teaser {
    position: relative;
    background-color: #5D4077;
    color: white;
    border: none;
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 0;
}

.alert-info.lb-feedback-teaser h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.alert-info.lb-feedback-teaser .schliessenButton {
    position:absolute;
    padding:20px;
    right:40px;
    top:0;
    color:white;
    cursor:pointer;
}

@media (max-width: 767px) {
    .alert-info.lb-feedback-teaser {
        padding: 40px 10px;
    }
    .alert-info.lb-feedback-teaser .schliessenButton {
        right:-10px;
    }
}

ul.kfWissenModul {
  color: white;
  list-style: none;
  padding: 0;
}

.paketreisenModul ul.kfWissenModul {
  color: #333333;
}

ul.kfWissenModul li {
  padding-left: 1.3em;
}
ul.kfWissenModul li:before {
  content: "\f067"; /* FontAwesome Unicode */
  font-size: 10px;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/* ---------------------- */

ul.startseiteSeoModul {
  color: white;
  list-style: none;
  padding: 0;
}
.paketreisenModul ul.startseiteSeoModul {
  color: #333333;
}
ul.startseiteSeoModul li {
  padding-left: 1.3em;
}
ul.startseiteSeoModul li:before {
  content: "\f067"; /* FontAwesome Unicode */
  font-size: 10px;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


/* ---------------------- */


ul.datenschutzModul {
	color: #343530;
	list-style: none;
	padding: 0;
}

ul.datenschutzModul li {
  padding-left: 3.5em;
}
ul.datenschutzModul li:before {
  content: "-";
  display: inline-block;
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1em; /* same as padding-left set on li */
}


ul.presseLink {
  list-style: none;
  padding-left: 14px;
}

ul.presseLink li:before {
  content: "\f067"; /* FontAwesome Unicode */
  font-size: 10px;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  padding-top: 15px;
}


/* ---------------------- */

.finanzierungBild {
        width: 100%;
		height: auto;
}

.finanzierungBildLinks {
        width: 100%;
		height: auto;
}


ul.finanzierungListe {
  color: white;
  list-style: none;
  padding: 0;
}
ul.finanzierungListe li {
  padding-left: 1.3em;
}
ul.finanzierungListe li:before {
    content: "\f067"; /* FontAwesome 5 Pro Unicode */
    font-size: 10px;
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    position: relative;
    bottom: 1px;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
}

/* --- */

.news-banner {
    position: relative;
    width: 100%;
    display: table;
    margin: 0 0 0 0;
}

.news-banner div.links,
.news-banner div.rechts {
    padding: 30px;
    display: table-cell;
    float: none;

}

@media (max-width: 767px) {
    .news-banner div.links,
    .news-banner div.rechts {
        padding: 15px;
        display: block;
    }
}

.news-banner .links {
    background-color: #F2F2F2;
    color: #003FBB;
    font-family: UnitWeb, Arial, sans-serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: normal;
}

.news-banner .links h3 {
    color: #F34568;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
}

.news-banner .rechts {
    background-color: #217CA7;
    color: white;
}

.news-banner .rechts p {
    margin-bottom: 28px;
}

.news-banner .rechts h3 {
    color: white;
    font-size: 24px;
    line-height: 30px;
}

.news-banner .newsLinkAlle {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.news-banner .newsDatum {
    position:absolute;
    right:20px;
    bottom:-15px;
    color:#217CA7;
    font-size:9px;
}


.news-banner-wissen {
    position: relative;
    background-color: #217ca7;
    width: 100%;
    display: table;
    margin: 0 0 0 0;
    padding: 0;
}

.news-banner-wissen .col-sm-6 {
    padding: 0;
}

.news-banner-wissen .h2 {
    color: white;
    width: 100%;
}

.news-banner-wissen .img {
    display: table-cell;
    width: 75px;
    height: 100%;
    vertical-align: middle;
    background-color: #3993ca;
}

.news-banner-wissen .img img {
    position: relative;
    left: 58px;
}

.news-banner-wissen .txt {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 20px 20px 50px;
}

.news-banner-kasten {
    background-color: #F2F2F2;
    display: inline-block;
}
.news-banner-kasten h2 {
    margin-bottom: 5px;
    display: inline-block;
}

.custom-checkbox-off {
    cursor: default;
}
.custom-checkbox-off label {
    background: url('/images_4.0/2015/assets/material/checkboxes-big-off.png') no-repeat;
    background-position: 0 -50px;
    color:  #D3D3D3 !important;
    cursor: default;
}

.loadingCb {
  position: fixed;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 1000;
  height: 2em;
  width: 2em;
}

  /* Absolute Center Spinner */
.loading {
  position: fixed;
  display: none;
  z-index: 10000000;
  height: 5em;
  width: 5em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(7, 96, 72, 0.75) 1.5em 0 0 0, rgba(7, 96, 72, 0.75) 1.1em 1.1em 0 0, rgba(7, 96, 72, 0.75) 0 1.5em 0 0, rgba(7, 96, 72, 0.75) -1.1em 1.1em 0 0, rgba(7, 96, 72, 0.5) -1.5em 0 0 0, rgba(7, 96, 72, 0.5) -1.1em -1.1em 0 0, rgba(7, 96, 72, 0.75) 0 -1.5em 0 0, rgba(7, 96, 72, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(7, 96, 72, 0.75) 1.5em 0 0 0, rgba(7, 96, 72, 0.75) 1.1em 1.1em 0 0, rgba(7, 96, 72, 0.75) 0 1.5em 0 0, rgba(7, 96, 72, 0.75) -1.1em 1.1em 0 0, rgba(7, 96, 72, 0.75) -1.5em 0 0 0, rgba(7, 96, 72, 0.75) -1.1em -1.1em 0 0, rgba(7, 96, 72, 0.75) 0 -1.5em 0 0, rgba(7, 96, 72, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ummanzDirektLogoPreisrechner {
    position:absolute;
    right: 20px;
    top: 14px;
}

.ummanzDirektLogoPreisrechner img {
    width: 250px;
}

@media (max-width: 1024px) {
    .ummanzDirektLogoPreisrechner {
        right: 30px;
    }
}

@media (max-width: 767px) {
    .ummanzDirektLogoPreisrechner {
		left: 170px;
		top: 22px;
    }
	.ummanzDirektLogoPreisrechner img {
	    width: 175px;
	}
}

.newsbildStart {
    position:absolute;
    right: 20px;
	top: -10px;
    /* Weihnachten top: -70px; */
}

.newsbildStart img {
    position: relative;
    width: 260px;
}


@media (max-width: 767px) {
	.newsbildStart {
		/* Weihnachten top: -110px; */
		top: -55px;
		left: 10px;
		right: auto;
	}
  .newsbildStart img {
		width: 240px;
  }
}

@media (max-width: 1024px) {
    .smallFontIfSm {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .paketreisenH2Tf {
        position:relative;
        left:50px;
    }
}

.cookiebar-wrapper {
    z-index: 30000000;
    position: fixed;
    bottom: 0;
    width: 100vw;
}
.cookiebar {
    position: relative;
    z-index: 1000001;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    color: #666666;
    background-color: #fffdee;
    font-size: 9px;
    line-height: 10px;
}

.cookiebar a {
    color: #F29500;
    text-decoration: underline;
}

.cookiebar a:hover {
    color: #FF9D00;
    text-decoration: underline;
}

.cookiebutton {
    position:absolute;
    right: 10px;
    top: 0;
    color: white;
    background: #7ED321;
    padding: 5px 10px;
    font-size: 12px;
    cursor: pointer;
}

.cookiebutton:hover {
    background: #548F14;
}


.vierQuadrate {
    width: 100%;
}
.quadrat {
    min-width: 100px;
    float: left;
    padding: 8px 5px 0 5px;
    width: 25%;
}
.quadrat.laRaOa {
    padding-top: 0;
}
.quadrat .inlay {
    width: 100%;
    padding: 50px 20px 20px 20px;
    text-align: center;
    height: 200px;
    clear: both;
}

.quadrat .inlay.in1 {
   background: linear-gradient(90deg, #FFFFFF 50%, #F2F2F2 50%);
}
.quadrat .inlay.in2 {
    background: linear-gradient(90deg, #F2F2F2 50%, #E6E6E6 50%);
}
.quadrat .inlay.in3 {
    background: linear-gradient(90deg, #E6E6E6 50%, #D9D9D9 50%);
}
.quadrat .inlay.in4 {
    background: linear-gradient(90deg, #D9D9D9 50%, #CCCCCC 50%);
}

.quadrat .inlay.in1.aufweiss {
   background: linear-gradient(90deg, #F9F9F9 50%, #F2F2F2 50%);
}

.quadrat .img {
    vertical-align: middle;
    height: 50px;
    width: 100%;
    text-align: center;
    clear: both;
}

.quadrat div b {
    display: block;
    padding: 10px 0;
    color: #066048;
}

@media (max-width: 767px) {
    .quadrat {
        width: 50%;
    }
}


.lbDreiFelder {
    margin: 62px -5px 30px -5px;
}
.lbDreiFelder .col-sm-2 {
    padding: 0 5px;
}
.lbDreiFelder .lbDreiFelderFeld {
    background-color: white;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    color: #076048;
}
.lbDreiFelder .lbDreiFelderFeld .zfSmallButton {
    position: absolute;
    bottom: 30px;
}

.lbDreiFelder .lbDreiFelderFeld h2 {
    margin-top: 0;
    margin-bottom: 20px;
}
.lbDreiFelder .lbDreiFelderFeld.mitte {
    background-image: url('/images_4.0/klassenfahrten/lehrerbereich2016/lehrerbereich-portal.jpg');
    text-align: center;
    padding-top: 178px;
}
.lbDreiFelder .lbDreiFelderFeld.vertriebspartner.mitte {
    background-image: url('/images_4.0/klassenfahrten/lehrerbereich2016/vertriebspartner-portal.jpg');
}
.lbDreiFelder .lbDreiFelderFeld.rechts {
    background-image: url('/images_4.0/klassenfahrten/lehrerbereich2016/lehrerbereich-platzhalter.jpg');
}

.newsArchivIcon {
    height: 75px;
    position: absolute;
    top: -150px;
}
@media (max-width: 767px) {
    .newsArchivIcon {
        top: -160px;
    }
}


.lbWeiss {
    margin: 10px 0 0 0;
    padding: 50px 0;
    background-color: #F7F7F7;
}
.lbWeiss ul.kfWissenModul {
    color: #333333;
}
.lbWeiss ul.kfWissenModul li:before {
    color: #7ED321;
}
.lbWeiss h2,
.lbWeiss h3 {
    color: #066048;
}
.lbWeiss h2 {
    line-height: 50px;
    border-top: 2px dotted #066048;
    border-bottom: 2px dotted #066048;
}
.lbWeiss .col-sm-3 {
    padding: 0;
}
.lbWeiss .col-sm-3.lehrer {
    text-align: left;
}
.lbWeiss .col-sm-3.lehrerin,
.lbWeiss .col-md-3.lehrerin {
    text-align: right;
}

.lbWeiss .bbScreenshot,
.lbWeiss .col-sm-3 .bbScreenshot,
.lbWeiss .col-sm-4-minus .bbScreenshot,
.lbWeiss .col-md-3 .bbScreenshot {
    display: table-row;
}
.lbWeiss .bbScreenshot .img,
.lbWeiss .bbScreenshot .txt,
.lbWeiss .col-sm-3 .bbScreenshot .img,
.lbWeiss .col-sm-3 .bbScreenshot .txt,
.lbWeiss .col-sm-4-minus .bbScreenshot .img,
.lbWeiss .col-sm-4-minus .bbScreenshot .txt,
.lbWeiss .col-md-3 .bbScreenshot .img,
.lbWeiss .col-md-3 .bbScreenshot .txt {
    display: table-cell;
    vertical-align: middle;
}
.lbWeiss .bbScreenshot .txt,
.lbWeiss .col-sm-3 .bbScreenshot .txt,
.lbWeiss .col-sm-4-minus .bbScreenshot .txt,
.lbWeiss .col-md-3 .bbScreenshot .txt {
    width: 45%;
}
.lbWeiss .bbScreenshot .img,
.lbWeiss .col-sm-3 .bbScreenshot .img,
.lbWeiss .col-sm-4-minus .bbScreenshot .img,
.lbWeiss .col-md-3 .bbScreenshot .img {
    width: 55%;
}
.lbWeiss .bbScreenshot .img,
.lbWeiss .col-sm-3 .bbScreenshot .img,
.lbWeiss .col-sm-4-minus .bbScreenshot .img,
.lbWeiss .col-md-3 .bbScreenshot .img {
    padding-bottom: 10px;
    position: relative;
}
.lbWeiss .bbScreenshot .txt,
.lbWeiss .col-sm-3 .bbScreenshot .txt,
.lbWeiss .col-sm-4-minus .bbScreenshot .txt,
.lbWeiss .col-md-3 .bbScreenshot .txt {
    padding-left: 10px;
}
.lbWeiss .bbScreenshot .txt.left,
.lbWeiss .col-sm-3 .bbScreenshot .txt.left,
.lbWeiss .col-sm-4-minus .bbScreenshot .txt.left,
.lbWeiss .col-md-3 .bbScreenshot .txt.left {
    padding-left: 0;
    padding-right: 10px;
}
.lbWeiss .bbScreenshot .img img,
.lbWeiss .col-sm-3 .bbScreenshot .img img,
.lbWeiss .col-sm-4-minus .bbScreenshot .img img,
.lbWeiss .col-md-3 .bbScreenshot .img img {
    width: 100%;
}

.lbWeiss .screenshot {
    width: 50%;
}
.lbWeiss .screenshotAngebotsbereich {
    width: 100%;
}

.lbWeiss .col-sm-3.lehrer img {
    width: 90%;
    position: relative;
    bottom: -70px;
    left: 0;
}
@media (max-width: 767px) {
    .lbWeiss .screenshot {
        padding-bottom: 70px;
    }
    .lbWeiss .col-sm-3.lehrer {
        text-align: center;
    }
    .lbWeiss .col-sm-3.lehrer img {
        width: 50%;
        bottom: 0;
    }
    .lbWeiss .screenshotAngebotsbereich {
        width: 50%;
    }

}
.lbWeiss .col-sm-3.lehrerin img,
.lbWeiss .col-md-3.lehrerin img {
    width: 90%;
    position: relative;
    bottom: -280px;
}
.lbWeiss .stoerer {
    position: absolute;
    left: 0;
    height: 50px;
    font-weight: bold;
    font-size: 11px;
    color: white;
    background-color: #9D0D26;
    border-radius: 0 25px 25px 0;
    padding: 10px 20px 10px 10px;
}
.lbWeiss .stoerer.right {
    left: auto;
    right: 0;
    border-radius: 25px 0 0 25px;
    padding: 10px 10px 10px 20px;
}

.lbWeiss .blende {
    background-color: #F7F7F7;
    width: 200%;
    height: 50px;
}
.lbWeiss .blende:after {
    background-image: linear-gradient(to top, grey 0%, transparent 50%);
    width: 200%;
    height: 50px;
    bottom: 50px;
    left: -50%;
    content: "";
    display: block;
    position: absolute;
}
.lbWeiss .blende.left {
    transform: rotate(-3deg);
}
.lbWeiss .blende.right {
    transform: rotate(3deg);
}

.teilerInfo {
    padding: 2px 0 0 15px;
    font-size: 14px;
    color: white;
}


/* ------ */
@media (max-width: 320px) {
    div.sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px;
    }
}
@media (min-width: 320px) {

}


/* Sweet Alert Login */

div.sweet-alert.sa-login {
    border-radius: 0;
    background-color: #0B9871;
    text-align: left;
    padding: 0;
    margin-top: 20px !important;
    top: 20px;
    z-index: 100001;
}

div.sweet-alert.sa-login .sa-login-title {
    padding: 20px;
    font-size: 32px;
    line-height: 32px;
    font-family: UnitWeb, Arial, sans-serif;
    color: white;
    height: 72px;
}
div.sweet-alert.sa-login .sa-login-title.sa-login-title-42px {
    height: 42px;
}

div.sweet-alert.sa-login .sa-login-title span.close {
    font-size: 15px;
    float: left;
    color: white;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    text-shadow: none;
    font-weight: normal;
    opacity: 1;
    position: relative;
    top: -5px;
}

div.sweet-alert.sa-login .sa-login-als-gast {
    padding: 35px 20px;
    background-color: #D2E2CF;
    margin-bottom: 2px;
    color: #333333;
}
div.sweet-alert.sa-login .sa-login-als-gast h3 {
    font-size: 22px;
    line-height: 22px;
    font-family: UnitWeb, Arial, sans-serif;
    margin-top: 0;
    color: #333333;
}
div.sweet-alert.sa-login .sa-login-als-kunde {
    padding: 35px 20px;
    background-color: #D2E2CF;
}
div.sweet-alert.sa-login .sa-login-als-kunde .fehlerMeldungBanner {
    margin-bottom: 10px;
}
div.sweet-alert.sa-login .sa-login-als-kunde h3 {
    font-size: 22px;
    line-height: 22px;
    font-family: UnitWeb, Arial, sans-serif;
    margin-top: 0;
    color: #333333;
}
div.sweet-alert.sa-login .sa-login-als-kunde h4 {
    font-size: 16px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    margin-top: 40px;
    color: #333333;
}
div.sweet-alert.sa-login .sa-login-als-kunde .formularzeile {
    height: 65px;
}

div.sweet-alert.sa-login .sa-login-als-kunde ul {
  color: #333333;
}
div.sweet-alert.sa-login .sa-login-als-kunde ul,
ul.mitPlus {
  list-style: none;
  font-size: 15px;
  padding: 0;
}
div.sweet-alert.sa-login .sa-login-als-kunde ul li,
ul.mitPlus li {
  padding-left: 1.3em;
  padding-bottom: 5px;
}
div.sweet-alert.sa-login .sa-login-als-kunde ul li:before,
ul.mitPlus li:before {
  content: "\f067"; /* 'Font Awesome 5 Pro' Unicode */
  font-size: 10px;
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  position: relative;
  bottom: 1px;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


div.sweet-alert.sa-login .fehlerMeldungBanner {
  font-size: 16px;
}

div.sweet-alert.sa-login .sa-login-als-kunde input {
    display: block !important;
    font-family: Arial, sans-serif;
    margin-top: 0;
}

div.sweet-alert.sa-login .sa-login-register {
    padding: 20px;
    background-color: #F46A6A;
}
div.sweet-alert.sa-login .sa-login-register h3 {
    font-size: 22px;
    line-height: 22px;
    font-family: UnitWeb, Arial, sans-serif;
    color: white;
    margin-top: 0;
}
div.sweet-alert.sa-login .sa-login-register p {
    font-family: Arial, sans-serif;
    color: white;
    margin-bottom: 10px;
}

div.sweet-alert.sa-login .sa-login-title img {
    display: inline-block;
    float: right;
    position: relative;
    right: -10px;
    top: -10px;
    height: 52px;
}



div.sweet-alert.sa-login .sa-icon.sa-custom,
div.sweet-alert.sa-login h2,
div.sweet-alert.sa-login .sa-button-container {
    display: none !important;
}

.sweet-alert.sa-login[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 0;
}

/* ------ */

#vertriebspartnerDatenFormular {
    border-top: 10px solid #50A71E;
    padding: 0;
    box-sizing: border-box;
}

#vertriebspartnerDatenFormular article {
  background: #D2E2Cf;
  color: #343530;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  padding: 0 20px;
}

#vertriebspartnerDatenFormular .form-full {
  width: 670px;
  margin: 0 -5px 10px -5px;
  padding: 0 5px 0px;
  position: relative;
  display: inline-block;
}

@media (min-width: 320px) and (max-width: 767px) {
    #vertriebspartnerDatenFormular .form-full {
      width: 100%;
    }
}

#vertriebspartnerDatenFormular .form-half {
  width: 330px;
  margin: 0 -5px 10px -5px;
  padding: 0 5px 0px;
  position: relative;
  display: inline-block;
  margin-right: 11px;
}

@media (min-width: 768px) and (max-width: 1098px) {
    #vertriebspartnerDatenFormular .form-full,
    #vertriebspartnerDatenFormular .form-half {
      width: 603px;
      margin-right: -5px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    #vertriebspartnerDatenFormular .form-half {
      width: 100%;
      margin-right: -5px;
    }
}


.carousel-control {
  background-image: none !important;
}

.item {
  transition: none !important;
  left: 0 !important;
  transform: none !important;
}
.animated {
  animation-duration: .6s;
}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}

.mit-bild-carousel img {
    width: 100%;
}
@media (max-width: 767px) {
    .mit-bild-carousel img {
        padding: 30px 0px 20px 0px;
    }
}


/* ------ */

.rechstbuendig {
        float: right;
    }

@media (min-width: 768px) {
    .rechstbuendigAusserXS {
        float: right;
    }
}
/* ------ */

.weisserListenblock {
    background-color: white;
    padding: 20px 10px 10px 10px;
    margin: 0;
}
@media (max-width: 767px) {
    .weisserListenblock {
        padding: 20px 0 10px 0;
    }
}

.weisserListenblock .einzelZielZeile {
    margin: 0 0 10px 0 !important;
}
.weisserListenblock .premiumModul {
    margin: 0 0 10px 0;
}
@media (max-width: 1024px) {
    .weisserListenblock .col-md-5 {
        margin-bottom: 20px;
    }

}

.weisserListenblock .col-md-6.sechsspaltig.premiumModul {
    margin-left: 0;
    margin-right: 0;
}
.sechsspaltig:first-of-type {
    margin-top: 20px;
}
.weisserListenblock .col-md-6.sechsspaltig.premiumModul i {
    left: 20px;
}
.weisserListenblock .col-md-6.sechsspaltig.premiumModul .premiumModulInlay {
    margin-left: 0;
}

.weisserKasten {
    background-color: white;
    color: #343530;
    margin-top:10px;
}

.weisserKasten h2 {
    margin-top: 0;
}

.ankerleiste {
    background-color: white;
    margin-top: 0;
    margin-left: -18px;
    margin-right: -18px;
    padding-top: 5px;
}
@media (max-width: 767px) {
    .ankerleiste {
	      margin-left: -8px;
        margin-right: -8px;
    }
}

.ankerleiste a {
    color: #7ED321;
    display: inline-block;
    font-family: 'UnitWeb', Arial, sans-serif;
    font-size: 16px;
    line-height: 17px;
    margin: 15px 10px 0 0;
    border-bottom: 4px solid #7ED321;
}
.ankerleiste a:hover {
    color: #3d9c25;
    border-bottom: 4px solid #3d9c25;
    text-decoration: none;
}

.back-to-top {
    background-color: #2C4B08;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 1000001;
    font-size: 16px;
    padding: 15px 15px;
}

.back-to-top span {
    display: inline-block;
    background-color: white;
    height: 50px;
    width: 50px;
    border-radius: 25px;
    text-align: center;
}
.back-to-top span i {
    color: #7ED321;
    position: relative;
    top: 10px;
}

.back-to-top:hover {
    background-color: #3D9C25;

}

@media screen\0 {
    /* IE 8, 9, 10, 11 nicht Edge Hack für OSM-Karten im Lehrerbereich*/
    #mapContainer {
        display: none;
    }
}


/***/     /*****/

h1.bildergalerie {
    color: #0043FF;
	font-size: 64px;
    line-height: 71px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 70px;
    text-align: center;
}
.h1prefix {
    margin-top: 60px;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
img.h1suffix {
    width: 100%;
    padding: 0 50px;
}

h2.bildergalerie {
    color: #283A5F;
	font-size: 32px;
    line-height: 40px;
    font-weight: 700;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 50px;
}

h3.bildergalerie {
    color: #283A5F;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-top: 0;
}

h4.bildergalerie {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

p.bildergalerie {
    font-size: 16px;
    line-height: 24px;
	color: #283A5F;
}
@media (max-width: 1024px) {
    h2.bildergalerie {
	  margin-top: 40px;
	  margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .h1prefix {
      margin-top: 40px;
      font-size: 16px;
      line-height: 20px;
    }
    img.h1suffix {
      width: 100%;
      padding: 0;
    }
    h1.bildergalerie {
      font-size: 40px;
      line-height: 46px;
      margin-bottom: 50px;
    }
    h2.bildergalerie {
      font-size: 26px;
      line-height: 30px;
	  margin-top: 50px;
    }
    h3.bildergalerie {
      font-size: 18px;
      line-height: 24px;
    }
    p.bildergalerie {
      font-size: 14px;
      line-height: 24px;
	  margin: 0 20px;
    }
}




.subNaviZwei {
	width: 138px;
	margin: 0 auto;
}

.subNaviZwei a {
	color: #0043FF;
}

.subNaviZwei a:hover {
	color: black;
}

.linksPfeil {
	float: left;
	text-align:left;
	font-size:24px;
	width: 69px;
}

.rechtsPfeil {
	float: right;
	text-align:right;
	font-size:24px;
	width: 69px;
}

.mitteJahr {
	color: #0043FF;
	text-align:center;
	font-size:62px;
	line-height:70px;
	clear: both;
}


.bildLinksTextRechts img {
    width: 100%;
}
.bildLinksTextRechts h2 {
    padding: 0;
    margin: 0;
}

.bildLinksTextRechts ul {
  list-style-type: none;
  padding: 0 0 20px 0;
}

.row.titelbild {
    margin: 0px -20px 0px -20px;
    padding: 0;
	}

@media (max-width: 767px) {
  .bildLinksTextRechts {
    padding: 0px 10px;
  }
  .bildLinksTextRechts h2 {
    margin-bottom: 10px;
  }
	.row.titelbild {
		margin: 50px -20px 0px -20px;
		padding: 0;
	}
}

.titelbild img {
    width: 100%;

}

.unterseiten {
    margin-top: 90px;
}


@media (max-width: 767px) {
	.unterseiten {
		margin-top: 50px;
	}
}



.rectangleBg {
    background-color: #0043FF;
	color: white;
	font-size: 42px;
	text-align: center;
}
.rectangle {
    padding: 35px 80px 45px 80px;
}

.rectangleZahlenKlein {
	font-size:16px;
	line-height: 10px;
}



#jahresSubNavi {
	float: right;
	font-size: 12px;
}

@media (max-width: 767px) {
    #jahresSubNavi {
		  padding-left: 10px;
		  float: left;
    }
}

.subJahr {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 30px;
  color: #999999;
}

.subJahr a {
		color: #999999;
}


.subJahr.active a {
	background-color: #FFFFFF;
	color: #343530;
}

.subJahrZusatz {
	color: #999999;
}

.jahresLink {
  display: inline-block;
  padding: 5px 10px;
}

.thumbnailsRand {
	text-align: center;
	padding: 0 10px;
}


.bilderListe {
	display: inline-block;
	margin-top: -3px;
	padding-right:-1px;
	opacity: 0,2;

}

.bilderListe img:hover {
    opacity: 0.5;
}


@media (max-width: 767px) {
	.bilderListe {
		margin-top: -1px;
	}
}

.bilderAbstand {
	height: 20px;
}

@media (max-width: 1024px) {
	.bilderAbstand {
		height: 30px;
	}
}

@media (max-width: 567px) {
	.bilderAbstand {
		height: 60px;
	}
}

.bildunterschrift {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 25%;
  background-color: #0043FF;
  color: white;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 18px;
}

@media (max-width: 1110px) {
	.bildunterschrift {
		left: 10%;
		font-size: 12px;
	}
}

@media (max-width: 1024px) {
	.bildunterschrift {
		left: 4%;
	}
}

@media (max-width: 767px) {
	.bildunterschrift {
		left: 0%;
	}
}


.keinPaddingLeftAbSmPlus {
    padding-left: 0;
}
@media (max-width: 1024px) {
    .keinPaddingLeftAbSmPlus {
        padding-left: 10px;
    }
}

.paddingLesfSm10px {
    padding-left: 0;
}

@media (max-width: 1024px) {
    .paddingLeftSm10px {
        padding-left: 10px;
    }
}


/* --- */

.row.ueber-uns h2 {
    margin-top: 36px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
	.row.ueber-uns h2 {
		margin-top: 40px;
	}
}

.row.ueber-uns h3 {
    margin-bottom: 5px;
	margin-top: 10px;
}

.row.ueber-uns h4 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 7px;
}

.row.ueber-uns .spalten {
    margin-bottom: 30px;
}

.row.ueber-uns .spalten a.zf {
    display: inline-block;
    margin-top: 3px;
}
.row.ueber-uns .linie {
    border-bottom: 4px solid #d1d1d1;
    margin-top: 30px;
    margin-bottom: 5px;
}

#bilderListeUeberUnsSchrift {
	text-align:center;
	font-size:14px;
	font-weight: bold;
	color:#5BC5F2

}

@media (max-width: 460px) {
	#bilderListeUeberUnsSchrift {
	font-size:12px;
	}
}

.logoListe a img:hover {
    opacity: 0.5;
}
.kataloge-bestellen {
	display: inline-block;
	padding-top: 40px;
}

.kataloge-bestellen img {
	padding: 10px 3px 0 3px;
}

.well.angebot-bewerten {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
      border: none;
      border-radius: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    background: #D0E2D0;
}


/* --- */

.@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* nur SM ohne XS*/
    .select2.select2-container {
      font-size: 13px;
      line-height: 15px;
      top: 0;
    }
}

.select2.select2-container {
  width: 100%;
  background: white;
  color: black;
  border: 3px solid white;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  height: 60px;
  outline: 0;
  padding: 20px 0 0 9px;
}

.select2-dropdown {
 /* background: transparent; */
}

.dropdownLabel.suche {
  position: absolute;
  color: rgba(0, 0, 0, .8);
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  padding: 22px 0 22px 20px;
  z-index: 2;
  pointer-events: none;
  margin-top: -10px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  position: relative;
  top: 0;
  color: rgba(0, 0, 0, .4) !important;
}

.select2.select2-container--open {
  border: 3px solid #7ed321;
}

.select2.select2-container--open + .dropdownLabel {
  bottom: 100%;
  margin-bottom: -16px;
}


.select2-container--default .select2-selection--single {
  border: none;
  outline: none !important;
  position: relative;
  top: 4px;
  z-index: 10001;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default input[type="search"],
.select2-container--default input[type="search"]:focus,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
      border: none !important;
      outline: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    color: #7ed321;

}


.select2-dropdown.select2-dropdown--below,
.select2-dropdown.select2-dropdown--above {
    padding: 10px 13px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f078";
    color: #7ed321;
    position: relative;
    right: 15px;
    top: -15px;
}

#nokiaSearchMap {
    display: none;
}


#map.suche {
    height: 800px;
}

@media (max-width: 767px) {
    /* XS */
    #map.suche {
        height: 400px;
    }
}

@media (min-width: 768px) AND (max-width: 1024px) {
    /* XS */
     #map.suche {
        height: 600px;
    }
}

#preisrechnerartSuche {
    position: relative;
}

.neuTag {
    background-color: #5BC5F2;
    color: white !important;
    font-family: UnitWeb, Arial, sans-serif;
    padding-top: 3px;
    height: 23px;
    width: 40px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    right: -28px;
    top: 8px;
}

.xsSearchTable {
    width: 100%;
}
.xsSearchTable tr td {
    vertical-align: middle;
    text-align: right;

}
.xsSearchTable tr td:first-of-type {
    text-align: left;
}
.xsSearchTable tr td span {
    display: inline-block;
    text-align: center;
    font-size: 25px;
    width: 60px;
    height: 60px;
    margin: 10px;
    padding-top: 17px;
    border-radius: 30px;
    color: #7ED321;
    background-color: white;
}

.startseiteBilderSlide {
    position: relative;
}
.startseiteBilderSlide img.farbe {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 370px;
    height: 240px;
}
.startseiteBilderSlide a {
    position: absolute;
    bottom: 10px;
    left: 24px;
    font-family: UnitWeb, Arial, sans-serif;
    font-size: 32px;
}

.kategorieBilderSlide {
    position: relative;
}

.kategorieBilderSlide h2 {
    position: absolute;
	bottom: 0;
	left: 20px;
    text-shadow: 0 0 2px #7ED321;
}

@media (max-width: 767px) {
	.kategorieBilderSlide h2 {
		left: 10px;
	}
}

/* ---- */

.downloadlink-kf {
    position: absolute;
    top: 15px;
    left: 18px;
    color: #FFF;
}

.downloadlink-zeile-1 {
    position: absolute;
    top: 20px;
    left: 80px;
    width: 500px;
    font-size: 24px;
    color: #343530;
}

.downloadlink-zeile-1:hover {
    color: #008035;
}

.downloadlink-zeile-2 {
    position: absolute;
    top: 65px;
    width: 500px;
    left: 98px;
    font-size: 14px;
}

.downloadlink-footer-zeile {
    width:80%;
    margin-top:40px;
    margin-bottom:0;
}

@media screen and (max-width: 767px) {
    .downloadlink-footer-zeile {
        width:100%;
        margin-top:20px;
    }
}

#matomoIframe {
	height: 135px;
}

@media (max-width: 767px) {
	#matomoIframe {
		height: 250px;
	}
}




/* ++++++ Cookiebot +++++++ */

#CybotCookiebotDialog   {
    background-color: #FEF7DE!important;
    font-family: 'Open Sans' !important;
    border-color: white !important;
    border-width: 13px !important;
    color: #103244;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 0px !important;
    bottom: 0;
}

#CybotCookiebotDialog *	{
    font-family: 'Open Sans' !important;
}

#CybotCookiebotDialogBodyContentText  {
    font-size: 12px;
}

#CybotCookiebotDialogBodyContentTitle {
    color: #103244;
}

#CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogBodyLevelButtonAccept_all  {

    display: inline-block;
    z-index: 10;

    min-width: 80px;
    padding: 4px 12px !important;

    margin-left: 10px;
    margin-top: 6px;
    margin-right: 0;
    margin-bottom: 10px;

    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;

    color: #062A3D !important;
    background-color: #7ED320;

    font-size: 14px !important;

    border: none!important;
    border-radius: 20px;
    cursor: pointer !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept  {
    background-color: #A3DD58 !important;
    font-weight: 400;

}

#CybotCookiebotDialogBodyLevelButtonAccept_all {
    font-weight: 700 !important;

}

#CybotCookiebotDialogBodyLevelButtonAccept:hover,
#CybotCookiebotDialogBodyLevelButtonAccept_all:hover	{
    background-color: #3d9c25 !important;
    color: white !important;
}

#CybotCookiebotDialogDetailFooter  {
    background-color: #EFE6C5 !important;
    color: #103244 !important;
    margin-top: 10px;
    text-align: left !important;
}

#CybotCookiebotDialogDetailFooter a {
    color: #103244 !important;
    font-size: 10px !important;
    text-decoration: none !important;
}

#CybotCookiebotDialogDetailFooter a:hover {
    text-decoration: underline !important;
}

#CybotCookiebotDialogDetail	{
    padding: 20px 0 !important;
    background: #EFE6C5 !important;
}

#CybotCookiebotDialogBodyLevelButtonsSelectPane {
    background-color: white !important;
    color: #103244 !important;
    border-radius: 20px 0 0 20px !important;

}

.CybotCookiebotDialogBodyLevelButtonWrapper label {
    font-weight: 400;
}

#CybotCookiebotDialogBodyLevelDetailsWrapper {
    color: #103244 important;
    border-radius: 0 20px 20px 0!important;
    text-align: center !important;
}

.CookieDeclaration  {
    display: none;
}

.bLoader {
    display: none;
    color: white !important;
    font-size: 36px !important;
}


.suchfeldSeite {
	margin: 0;
	padding: 20px 10px 10px 10px;
	background-color: white;
}

.suchfeldSeite #sucheAuswahl {
	background-color:  #eaeaea;
	padding: 30px 10px 20px 10px;
}

.suchfeldSeite #sucheDivFilter {
	margin-left: 0;
	background-color: #aeaeae;
	padding: 30px 10px 20px 10px;
}

.suchfeldSeite h3 {
	margin: 0;
}

.suchfeldSeite #sucheAuswahl h3 {
	padding-bottom: 20px;
}

.suchfeldSeite #sucheDropdown h3 {
	padding-bottom: 20px;
}

.suchfeldSeite #sucheDropdown {
	margin-left: 0;
	background-color: #aeaeac;
	display:none;
	position:relative;
	padding: 30px 10px 20px 10px;
}


@media (max-width: 767px) {
	.suchfeldSeite {
		padding: 20px 0 10px 0;
	}
}

#suchfeldSeiteMap {
	margin: 0;
	padding: 0 10px 20px 10px;
	background-color: white;
}

@media (max-width: 767px) {
	#suchfeldSeiteMap {
		padding: 0 0 10px 0;
	}
}

.alternativenHervorgehoben {
  padding: 20px;
}
.alternativenHervorgehoben.rosa {
  background-color: #d8c5e3;
}
.alternativenHervorgehoben.gelb {
  background-color: #efe2c1;
}

.alternativenHervorgehoben .zfSmallButton {
  float: right;
}

.alternativenName {
  float: left;
  font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 5px;
}

.alternativenHervorgehoben.rosa .alternativenName  {
  color: #28084B;
}
.alternativenHervorgehoben.gelb .alternativenName  {
  color: #40170C;
}

.coronaVersicherungen {
	text-align: right;
	color: #DF6518;
}

.coronaVersicherungen i {
	font-size: 18px;
}

@media (max-width: 767px) {
	.coronaVersicherungen {
		text-align: left;
	}
}