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: 280px;
	}
}

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

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

@media screen and (max-width: 767px) {
    #h1startseiteDiv.kf-indexS h1 {
        font-size: 32px;
        color: #076048;
        top: 110px;
        left: 20px;
    }
    #h1startseiteDiv.kf-indexS h2 {
        font-size: 26px;
        color: #076048;
        top: 143px;
        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: #066047;
    top: 230px;
}

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

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

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

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

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

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

#h1startseiteDiv.klimaHeader h2 {
    top: 290px;
	left: 50px;
	font-size: 64px;
}

@media screen and (max-width: 768px) {
	#h1startseiteDiv.klimaHeader h2 {
        top: 290px;
        left: 10px;
        font-size: 48px;
    }
}

#streifen-login {
    position: relative;
    background-color: #f4f6f4;
    color: #5E685C;
    height: 30px;
    width: 100%;
    border-bottom: 1px solid #E0E2DF;
}
/*
#streifen-login.schuelerbereich {
    background-color: #346baa;
}
#streifen-login.vertriebspartner {
    background-color: #2E3444;
}
*/

#streifen-login.unternehmensstreifen {
    background-color: #DDDADB;
    color: #1F0214;
    height: 40px;
}
#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: 5px !important;
    line-height: 20px;
    font-size: 12px;
    font-weight: normal;
    height: 50px;
    font-family: 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: #5E685C;
}

#streifen-login .ohneLink {
    display: inline-block;
    padding-left: 5px;
    line-height: 20px;
    font-size: 12px;
}

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

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


#streifen-login a.sub.aufgaben {
    display: inline-block;
    position: relative;
    width: auto;
    color: #5E685C;
    padding-right: 28px !important;
}

#streifen-login a.sub.aufgaben span.aufgabenAnzahl,
#streifen-login .sichRow.aufgabenCenter span.aufgabenSubAnzahl {
    position: absolute;
    top: 6px;
    right: 7px;
    display: inline-block;
    padding: 4px 0;
    width: 18px;
    height: 18px;
    font-size: 9px;
    font-weight: bold;
    line-height: 10px;
    border-radius: 9px;
    text-align: center;
}

#streifen-login a.sub.aufgaben.rot {
    color: #cf0000;
}

#streifen-login a.sub.aufgaben.rot span.aufgabenAnzahl {
    color: #cf0000;
    border: 1px solid #cf0000;
}

#streifen-login a.sub.aufgaben.offK span.aufgabenAnzahl {
    border: 1px solid #5E685C;
}

#streifen-login .sichRow.aufgabenCenter span.aufgabenSubAnzahl {
    position: relative;
    top: -2px;
    left: 5px;
    display: inline-block;
    padding: 4px 0;
    width: 18px;
    height: 18px;
    background-color: white;
    color: #343530;
    border: 1px solid #343530;
    font-size: 9px;
    line-height: 9px;
    border-radius: 9px;
    text-align: center;
}

#streifen-login span#aufgabenDropdown {
    position: relative;
    display: inline-block;
}

span.aDdWrapper {
    position: absolute;
    display: none;
    right: 0;
    top: 32px;
    width: 300px;
    z-index: 10000001;
}
@media screen and (max-width: 980px) {
    span.aDdWrapper {
        right: auto;
        left: -80px;
        width: 250px;
    }
}
@media screen and (max-width: 980px) {
    span.aDdWrapper.aDdWrapperPlus {
        left: -100px;
        width: 250px;
    }
}
@media screen and (min-width: 981px) {
    span.aDdWrapper.aDdWrapperPlus {
        right: auto;
        left: -60px;
    }
}



span.aDdInlay {
    position: relative;
    display: inline-block;
    padding: 10px;
    left: 0;
    top: 0;
    height: 100%;
    width: 300px;
    text-align: left;
    border: 5px solid #cb0606;
    color: #343500;
    background-color: white;
    z-index: 10000002;
}

@media screen and (max-width: 980px) {
    span.aDdInlay {
        width: 250px;
    }
}

span.aDdClose {
    position: absolute;
    color: #7ED321;
    font-weight: bold;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
}
span.aDdClose:hover {
    text-decoration: underline;
}

#streifen-login a.sub.status {
    position: relative;
    top: -1px;
    width: 54px;
}

#streifen-login a.sub.bearbeiten {
    position: relative;
    width: 100px;
}

#streifen-login a.sub.bearbeiten.onlineBuchungSessionbar {
    width: 93px;
}

#streifen-login a.sub.bearbeiten span.meine,
#streifen-login a.sub.status span.meine {
    display: inline-block;
    font-size: 8px;
    line-height: 8px;
    position: absolute;
    left: 5px;
    top: 8px;
}

#streifen-login a.sub.bearbeiten span.klassenfahrt,
#streifen-login a.sub.status span.klassenfahrt {
        display: inline-block;
        font-size: 8px;
        line-height: 8px;
        position: absolute;
        left: 5px;
        top: 15px;
}

/*
#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.active {
    text-decoration: underline;
}

#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 {
    text-decoration: underline;
}
/*
#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: #139be7;
}
*/

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



#streifen-login .profile-name {
    display: inline;
}

#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 .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 .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 .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 .portal-index {
        display: inline;
    }
    #streifen-login .logout-label {
        display: 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 .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 .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: #f4f6f4;
    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: 180px;
    top: 14px;
}

#logo img,
#logoKf img,
#logoJr img {
    min-width: 117px;
    width: 165px;
}
#logoMk img {
    min-width: 100px;
    width: 148px;
}

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

#logoBelantis {
    position: absolute;
    top: 47px;
    left: 200px;
    z-index: 10;
}
#logoBelantis.lbAngemeldet {
    top: 42px;
    left: 220px;
}
#logoBelantis.lbAngemeldet img {
    width: 143px;
}

#inZusammenarbeit {
    position:absolute;
    left:10px;
    top:145px;
    z-index:1000000;
}

@media screen and (max-width: 767px) {
    #inZusammenarbeit {
        position:absolute;
        left:10px;
        top:175px;
    }
    #inZusammenarbeit.lbAngemeldet {
        position:absolute;
        left:10px;
        top:145px;
    }
}
@media screen and (max-width: 767px) {
    #logoBelantis {
        left: 120px;
        z-index: 10;
    }
    #logoBelantis.lbAngemeldet {
        top: 52px !important;
        left: 135px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #logoBelantis {
        left: 120px;
        z-index: 10;
    }
    #logoBelantis.lbAngemeldet {
        left: 135px;
    }
}
@media screen and (min-width: 980px) and (max-width: 1024px) {
    #logoBelantis {
        left: 200px;
        z-index: 10;
    }
}
@media screen and (min-width: 419px) and (max-width: 768px) {
    #logoBelantis.lbAngemeldet {
        top: 62px;
    }
}
@media screen and (max-width: 418px) {
    #logoBelantis.lbAngemeldet {
        left: 105px;
        top: 62px;
    }
    #logoBelantis.lbAngemeldet img {
        width: 100px;
    }
}


@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: 155px;
    }
    #logoMk img {
        position: relative;
        min-width: 100px;
        width: 140px;
        top: 6px;
    }

    #logoBelantis {
        left: 170px;
        top: 56px;
    }
    #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;
    }
    #logoMk img {
        position: relative;
        width: 120px;
        top: 11px;
    }
    #logoBelantis {
        left: 150px;
        top: 65px;
    }
    #logoBelantis img {
        width: 128px;
    }
    #logoKf img,
    #logoJr img,
    #logoLb 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: 18px;
    }
}

.festbuchungUeberschrift {
    position: absolute;
    top: 42px;
    left: 200px;
    font-size: 26px;
    font-family: UnitWeb,Arial;
    z-index: 1000;
}
@media (min-width: 768px) and (max-width: 980px) {
    .festbuchungUeberschrift {
        left: 175px;
    }
}
@media screen and (max-width: 767px) {
    .festbuchungUeberschrift {
        left: 150px;
        z-index: 100;
    }
}

.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.weisserKasten {
    color: #FFFFFF;
    background-color: #CD1F23;
    margin-top: 0;
    padding-top: 10px;
}

.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: 240px;
    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 */
    pointer-events: all;
}

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

@media (min-width: 768px) {
    #bigBottonBs5unten.bigButtonFrame.pinkOhne {
        margin-left: 10px;
    }
}


.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: 285px;

    /* 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.grey {
    width: 100%;
    background: #888888;
    -webkit-box-shadow: inset -1px -1px 0px rgb(128, 128, 128);
    box-shadow: inset -1px -1px 0px rgb(128, 128, 128);
}

.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.grey 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.grey:hover {
    background: #888888;
    -webkit-box-shadow: inset -1px -1px 0px rgb(128, 128, 128);
    box-shadow: inset -1px -1px 0px rgb(128, 128, 128);
}

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

.bBk {
    position:absolute;
    width:70px;
    top:0;
    bottom:0;
    left:-15px;
}

.bBk .bigButtonKreis {
    top: calc(50% - 15px);
    background-color:#7ED321;
    height: 30px;
    width: 30px;
    text-align: center;
    padding: 5.5px 0 0 0;
    -moz-border-radius: 30px; /* Firefox */
    -webkit-border-radius: 30px; /* Safari, Chrome */
    -khtml-border-radius: 30px; /* Konqueror */
    border-radius: 30px; /* CSS3 */
}
.bBk .bigButtonKreis i {
    color: white;
}

.zieleListeSp1 .bBk {
    left: -5px;
}

.bigButtonSubText {
    position: absolute;
    color: #FFF;
    left: 270px;
    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,
div.smallButton.fuerRueckruf > span {
    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,
div.smallButton.fuerRueckruf:hover > span {
    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-color: #9B070B;
    height: 110px;
}

.reisefinder-keller-zelle {
    display: block;
    position: relative;
    padding: 24px 0px;
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
}

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

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

.reisefinder-keller-zelle .subZeile1 {
    color: #FFFFFF !important;
}

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

.reisefinder-keller-zelle .subZeile3 {
    color: rgba(255, 255, 255, 0.5) !important;
	padding-top: 10px;
}

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

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

.preisrechnerart.direktUmmanz {
    color: #343530;
    background-color: white;
	  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: #96090E;
    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;
    padding-bottom: 8px;
}

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 ------------ */

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


.navbar {
    padding-left: 189px;
}

@media screen and (max-width: 767px) {
    .neuesAngebot {
        left: 145px !important;
    }
}

.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: 4500px) {
    .hidden-unter-45000 {
        display:none;
    }
}

@media screen and (max-width: 1500px) {
    .hidden-unter-1500 {
        display:none;
    }
}
@media screen and (max-width: 1180px) {
    .hidden-unter-1180 {
        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 !important;
    }
}
@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.busanmietung.busanmietungFormular {
    color: #343530;
    border-bottom: 2px solid #343530;
}
#breadcrumbs.busanmietung.busanmietungFormular a {
    color: #343530;
}

#breadcrumbs.buchungsschritt {
    color: white;
    border-bottom: 2px solid white;
}
#breadcrumbs.buchungsschritt.tagesfahrten {
    color: white;
    border-bottom: 2px solid white;
}
#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,
#breadcrumbs.startseiteLehrerbereich,
#breadcrumbs.klassenreisequalitaet
{
    color: #999999;
    border-bottom: 2px solid #999999;
}
#breadcrumbs.bildergalerie a,
#breadcrumbs.startseiteLehrerbereich a,
#breadcrumbs.klassenreisequalitaet a  {
    color: #999999;
}


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


/* ----- */

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

#tuevBild {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#tuevBild.img {
    height: 50px;
}

#bewertungsleiste {
    margin: 10px 0 -4px 20px;
    color: #2F312E;
    padding: 6px 20px 4px 20px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
}

#bewertungsleiste .bewertungsleisteInlay {
    margin: auto;
    width: 500px;
}
@media screen and (max-width: 980px) {
    #bewertungsleiste .bewertungsleisteInlay {
        width: 450px;
    }
}

#bewertungsleiste.paketreisen {
    cursor: default;
}

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

#bewertungsleiste:hover {
}
#bewertungsleiste.paketreisen:hover {
    background-color: #D0E1CE;
}

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

#bewertungsleiste a {
    color: #DC888B;    /* rgba(0,0,0,.5); */
}

#bewertungsleiste a:hover {
    color: #FFFFFF; /* rgba(0,0,0,.75); */
    text-decoration: none;
}

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

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

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


.zieleListeSp1 {
    padding: 12px 0 15px 76px;
    overflow: visible;
    color: #343530;
}

.zieleListeSp1 .col-sm-6 {
    margin-top: 3px;
}

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

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

.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 .reiseLandName div {
    margin: 0;
    padding-left: 20px;
}

#wide-column-mid .reiseLandBlock .reiseLandName h2 {
    display:inline-block;color:#FFFFFF;margin: 20px 0 15px 0
}

#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 .row {
     margin-right: 0;
  }
  .undpreise {
     text-align: left;
     width: 100%;
     margin-bottom: 15px;
     margin-left: 10px;
  }
  .zieleListeSp1 h3 {
      white-space: normal;
  }
  .zieleListeSp1 .verticaly-centered {
      margin-top: 17px;
  }
  .laenderTitelMitGif {
      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;
    font-weight: bold;
}

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

}

.objekt-zeilen-ziel-titel {
    height: 25px;
}
.col-sm-2.objekt-zeilen-ziel-titel,
.col-sm-6.objekt-zeilen-ziel-titel {
    padding-top: 0;
    padding-bottom: 5px;
}


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

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

.objekt-zeile {
    position: relative;
    margin: 0 10px;
    padding: 0;
    border-top: 2px solid #DFF3D4;
    /*padding-left: 12px;  extra ABstand rechts*/
    cursor: pointer;
    color: #343530;
}

.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: 0 0 15px 0;
    min-height: 40px;
    pointer-events: none;
}

.objekt-zeile-spalte-name {
    padding-top: 15px;
    padding-left: 63px;
    pointer-events: none;
}

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


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

.objekt-zeile {
    padding-left: 2px;
}
.objekt-zeile-spalte-anreise {
    margin: 0;
    padding: 3px 0 0 22px;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    font-size: 15px;
}

.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;
    padding-right: 16%;
}

@media screen and (max-width: 1024px) {
    .fehlerMeldungBanner {
        padding-right: 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;
}

.premiumModulSpalte {
    margin: 0 0 0 0;
    padding: 15px 10px 15px 25px;
    font-weight: bold;
    background-color: #DFF3D4;
}

.premiumModulSpalte i,
.premiumModulSpalte a {
    color: #343530;
    font-weight: normal;
}
.premiumModulSpalte i {
    font-size: 10px;
    padding-bottom: 10px;
}

/* 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,
#hamburger ul li h4 {
    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,
.mobileAbschnittsItem a h5 {
    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;
    background-color: transparent;
}

.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: 16.66%;
    min-width: 144px;
    height: 50px;
    float: left;
    color: #000;
}
@media screen and  (min-width: 768px) and (max-width: 858px) {
    .kfBfZelle-boo {
        min-width: 117px;
        width: 15.6%;
    }
    .kfBfZelle6-boo {
        width: auto;
    }
}

@media screen and (min-width: 859px) and (max-width: 980px) {
    .kfBfZelle-boo {
        min-width: 116.8px;
        width: 16.66%;
    }
}

.kfBfZelleAktiv {
    background-color: white;
}

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

.kfBfZellePassiv {
    background-color: white;
    opacity: 0.65;
}

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

.kfBfZellePassiv.bfAufTfSeiten {
    background-color: white;
    opacity: 0.65;
}

.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 {
    padding: 0;
    margin: 0 -10px;
}

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

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

.anreiseUndPreis {
    position: relative;
}

.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 #0255FF; /* #343530;/* #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);
}

.durchstrich.gold {
    border-bottom: 2px solid #DFB40A;
}
.durchstrich.sliber {
    border-bottom: 2px solid #999999;
}
.durchstrich.platin {
    border-bottom: 2px solid #cccccc;
}
.durchstrich.bronze {
    border-bottom: 2px solid #A87828;
}

.durchstrich2015 {
	border-bottom: 2px solid #343530;/*#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;
}

.inverseRot {
    color: #8F0040;
    background-color: #F5D7D7;
    display: inline-block;
    padding: 1px 3px 0px 3px;
    margin-bottom: 2px;
}

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

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

.inverseGelb {
    color: #343530;
    background-color: #FFED99;
    display: inline-block;
    padding: 1px 3px 0px 3px;
    margin-bottom: 2px;
}

.inverseBusMieten {
	color: #cc1373;
    background-color: #FFF;
    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: #A87828;
}


.warenkorbPadding.platin {
    background-color: rgba(204, 204, 204, 0.15);
}
.warenkorbPadding.gold {
    background-color: rgba(223, 180, 10, 0.15);
}
.warenkorbPadding.silber {
    background-color: rgba(153, 153, 153, 0.15);
}
.warenkorbPadding.bronze {
    background-color: rgba(168, 120, 40, 0.15);
}


.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 {
  margin: 0;
  padding: 0;
}

#premium-partner .pp-logo-ausroller {
    width: 25%;
}

#premium-partner .pp-text-ausroller {
    width: 60%;
    padding-left: 20px;
}

@media screen and (max-width: 767px) {
    #premium-partner .pp-logo-ausroller {
        width: 40%;
    }
    #premium-partner .pp-text-ausroller {
        padding-left: 10px;
    }
}

#premium-partner img {
    padding: 20px;
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

#premium-partner.uebersicht {
	margin: 0;
    padding: 30px 20px;
    height: auto;
}

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

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

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

#blauerHintergrundstreifen.bildergalerie,
#blauerHintergrundstreifen.klassenreisequalitaet,
#blauerHintergrundstreifen.pressemitteilung,
#blauerHintergrundstreifen.blogeinzelbeitrag,
#blauerHintergrundstreifen.angebot-bewerten {
    background-color: white !important;
}
#blauerHintergrundstreifen.startseiteLehrerbereich {
    background-color: #A1E7A4 !important;
}
#blauerHintergrundstreifen.startseiteLehrerbereich.schuelerbereich {
    background-color: #FEA0E0 !important;
    height: 180px;
}
#blauerHintergrundstreifen.startseiteLehrerbereich.vertriebspartner {
    background-color: #DA8683 !important;
    height: 180px;
}

#blauerHintergrundstreifen.startseiteLehrerbereich.lb2024,
#blauerHintergrundstreifen.startseiteSchuelerbereich.lb204,
#blauerHintergrundstreifen.startseiteVertriebspartner.lb2024
{
    height: 0 !important;
}

#blauerHintergrundstreifen.suche {
	height: 50px;
}

#blauerHintergrundstreifen.gruppenunterkuenfte {
    height: 900px;
}

#blauerHintergrundstreifen.lehrerbereich.lb2024 {
    background-color: white !important;
}

#blauerHintergrundstreifen.schulfahrten.lb2024 {
    background-color: #098865 !important;
}

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

#abstandZumInhalt.paketreisenBelantis {
    height: 420px;
}

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

#abstandZumInhalt.busanmietungFormular {
    height: 85px;
}

#abstandZumInhalt.suche {
    height: 100px;
}

#abstandZumInhalt.startseiteSchuelerbereich.index-kf,
#abstandZumInhalt.startseiteLehrerbereich.index-kf,
#abstandZumInhalt.startseiteVertriebspartner.index-kf
{
    height: 460px;
}

#abstandZumInhalt.startseiteLehrerbereich.lb2024,
#abstandZumInhalt.startseiteSchuelerbereich.lb2024,
#abstandZumInhalt.startseiteVertriebspartner.lb2024
{
    height: 40px !important;
}

#abstandZumInhalt.schuelerbereich {
    height: 135px;
}

.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.buchungsseite.bs3,
    #titelBildDiv.buchungsseite.bs4,
    #titelBildDiv.buchungsseite.bs5,
    #titelBildDiv.buchungsseite.bs6 {
        height: 20px !important;
    }

    #blauerHintergrundstreifen.buchungsseite,
    #blauerHintergrundstreifen.buchungsseitePaketreisen,
    #blauerHintergrundstreifen.preisvergleich {
        height: 140px;
    }
    #blauerHintergrundstreifen.buchungsseite.bs3,
    #blauerHintergrundstreifen.buchungsseite.bs4,
    #blauerHintergrundstreifen.buchungsseite.bs5,
    #blauerHintergrundstreifen.buchungsseite.bs6 {
        height: 20px;
    }
    #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 {
    color: #343530;
    background-color: white;
    margin-top: 2px;
}
#buchungsschritt2 .blockSubTitel {
    padding: 20px 20px 10px 0;
}

#buchungsschritt4 .blockSubTitel {
    padding: 25px 20px 0 20px;
    margin-top: 0px;
}


@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(237, 237, 237, 0.6);
}
.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(222,255,209);
}
.premiumFilterButton.weissenhs.active,
.premiumFilterButton.weissenhs:hover {
    border: 2px solid rgb(62,152,211);
    background-color: rgba(62,152,211, 0.1);
}
.premiumFilterButton.h-hotels.active,
.premiumFilterButton.h-hotels:hover {
    border: 2px solid rgb(207,4,63);
    background-color: rgba(235,235,235,1.000);
}
.premiumFilterButton.schulz-hotel.active,
.premiumFilterButton.schulz-hotel:hover {
    border: 2px solid rgb(159, 48, 82);
    background-color: rgba(213,219,221,1.000);
}



.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: #DEFFD1;
}
.graupfeil.meininger-hotel span {
    background-color: #FFE5E5;
}
.graupfeil.weissenhs span {
    background-color: #EBF5FB;
}
.graupfeil.h-hotels span {
    background-color: #EBEBEB;
}
.graupfeil.schulz-hotel span {
    background-color: #D5DBDD;
}


.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);
}
.premiumFilterButton.h-hotels .anzahl {
    background-color: rgba(255,223,9,1.000);
}
.premiumFilterButton.schulz-hotel .anzahl {
    background-color: rgba(255,130,160,1.000);
}

.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: #fafafa;
}

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

.aZlC2017 .zlRowInlay {
    background-color: #fafafa;
    border-bottom: 10px solid #e8e8e8;
    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: #e8e8e8;
}

.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: #343530;
    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;
}

.aufklappbarerObjContent .masonry-wrapper {
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.aufklappbarerObjContent .masonry-wrap {
    margin: -3px;
    width: calc(100% + 4px);
    overflow: hidden;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick {
    position: relative;
    display: block;
    height: 150px;
    float: left;
    margin: 3px;
    overflow: hidden;
    text-align: center;
    top: 0;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick:hover {
    top: 0;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick a {
    display: block;
    height: 156px;
    padding: 3px;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick img {
    display: block;
    transform: scale(1);
    transition: transform 0.2s ease-out;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick:hover img {
    transform: scale(1.18);
}

.aufklappbarerObjContent .masonry-wrap .masonry-icon {
    position: absolute;
    top: 2px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: rgba(126, 211, 33, .63);
    text-align: center;
    padding-top: 50px;
    pointer-events: none;
    opacity: 1;
    transition: background-color 0.3s ease;
}

.aufklappbarerObjContent .masonry-wrap .masonry-brick:hover .masonry-icon {
    background-color: rgba(126, 211, 33, .75);
}

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

.lbAccordionCloseButton {
  margin-top: 10px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
}
.lbAccordionCloseButton div {
  padding-left: 10px;
  color: #7ED321;
}
.lbAccordionCloseButton div img {
  transform: rotate(180deg);
}

.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;
    pointer-events: none;
}

#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: -40px;
    -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: #343530;
}

#warenkorbZuklappenButton {
    position: absolute;
    padding: 20px 15px;
    font-weight: bold;
    top: 0;
    right: 0;
    color: #343530;
    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:#343530;
    line-height:20px;
    background-color:white;
    max-width: 550px;
    pointer-events: all;
}

#warenkorbAngedocktInlay.bs5 {
    color: #343530;
    line-height: 20px;
    background-color: white;
    max-width: none;
}


#warenkorbAngedocktInlay.bs5 table {
    margin-top: 5px;
}

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

.blToggler .blPlus,
.blToggler .blMinus {
    font-size: 32px;
}

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

    #buchungsschritt4 #warenkorbBody {
        margin-left: 0;
        margin-right: 10px;
    }
    #warenkorbAngedocktInlay.bs5 .warenkorbPadding {
        padding: 10px !important;
    }
    .blToggler .kontaktdaten {
        background-color: white !important;
        color: #343530 !important;
        margin-top: 2px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    #buchungsschritt4 #warenkorbBody {
        margin-right: 10px;
        padding-left: 20px;
    }
    #warenkorbAngedocktInlay.bs5 .warenkorbPadding {
        padding: 10px 20px !important;
    }
    .blToggler {

    }
    .blToggler .kontaktdaten {
        margin-top: 2px !important;
        background-color: white !important;
        color: #343530 !important;
    }
}
#fixedInXs {
    min-height: 50px;
}

#bigBottonBs5unten {
    position: absolute;
    left: 0;
    bottom: 0;
}
@media (max-width: 767px) {
   #fixedInXs {
        position: fixed;
        width: 100%;
        height: 85px;
        padding: 5px 0 0 0;
        margin: 0;
        bottom: 0;
        z-index: 10000000;
   }
   #fixedInXs #bigBottonBs5unten {
      bottom: 20px;
   }
   #fixedInXs.negativ10pxMarginInXs {
      margin-left: -10px;
   }
   #fixedInXs.negativ10pxMarginInXs .fehlerMeldungBanner {
      height: 70px;
   }
}
@media (min-width: 768px) and (max-width: 1024px) {
   #fixedInXs #bigBottonBs5unten {
      margin-bottom: 20px;
   }
   #bs5platzhalterFuerCta {
      height: 20px;
   }
}

@media screen and (max-width: 1024px){
    #column-right.schritt6 {
        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;
}
.row.nurTelBuchbar,
.nurTelBuchbar {
    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;
}

.col-sm-minus-push-3 {
  left: 50%;
}
.col-sm-minus-pull-3 {
  right: 50%;
}
.col-sm-plus-push-3 {
  left: 50%;
}
.col-sm-plus-pull-3 {
  right: 50%;
}
.col-sm-minus-push-0 {
  left: 0;
}
.col-sm-minus-pull-0 {
  right: 0;
}
.col-sm-plus-push-0 {
  left: 0;
}
.col-sm-plus-pull-0 {
  right: 0;
}

@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%;
  }
  .col-sm-minus-push-3 {
    left: auto;
  }
  .col-sm-minus-pull-3 {
    right: auto;
  }
  .col-sm-plus-push-3 {
    left: auto;
  }
  .col-sm-plus-pull-3 {
    right: auto;
  }
  .col-sm-minus-push-0 {
    left: auto;
  }
  .col-sm-minus-pull-0 {
    right: auto;
  }
  .col-sm-plus-push-0 {
    left: auto;
  }
  .col-sm-plus-pull-0 {
    right: auto;
  }
}

@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%;
  }
  .col-sm-minus-push-3 {
    left: 0;
  }
  .col-sm-minus-pull-3 {
    right: 100%;
  }
  .col-sm-plus-push-3 {
    left: 50%;
  }
  .col-sm-plus-pull-3 {
    right: 50%;
  }
  .col-sm-minus-push-0 {
    left: 0;
  }
  .col-sm-minus-pull-0 {
    left: 0;
  }
  .col-sm-plus-push-0 {
    left: 0;
  }
  .col-sm-plus-pull-0 {
    right: 0;
  }
}

/* -- --- */
.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: #e7f0e7;
    color: #343530;
    margin-top: 10px;
    padding: 10px 20px 20px 20px;
    position: relative;
}


.weissHinterlegt {
    background: #e7f0e7;
    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: #2E312D;
}

#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: #f0f0f0;
    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%;
    z-index: 10001;
}

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

/* ----  */
.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: #CAE8F4;
    }

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

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

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

    .smpl-step > .smpl-step-step .smpl-step-info {
        display: none;

        font-size: 14px;
        line-height: 17px;
        color: #0B5186;

        text-align: left;

        position: absolute;
        left: 30px;
        top: 18px;

    }

	  .smpl-step.tagesfahrten > .smpl-step-step .smpl-step-info {
        color: #963308;
    }

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

    .smpl-step > .smpl-step-step.active a.smpl-step-icon {
        text-decoration: none;
    }

    .smpl-step > .smpl-step-step > .smpl-step-icon {
        position: absolute;
        width: 35px;
        height: 35px;
        display: block;
        border: 2px solid #7ED321;
        background: #7ED321;
        color: #343530;
        font-weight:bold;
        font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
        font-size: 23.5px;
        text-align: center;
        top: 15px;

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

    .smpl-step > .smpl-step-step > .smpl-step-von {
        display: none;
    }

    .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: #343530;
    }

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

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

    .smpl-step-step.active {
        text-align: left;
    }

    .smpl-step-step.active > .smpl-step-icon {
        border: 2px solid #5BC5F2;
        background-color: #5BC5F2;
        color: #0B5186;
        text-align: left;
        padding-left: 10px;
        width: 100%;
    }

    .smpl-step > .smpl-step-step.active > .smpl-step-von {
        display: block;
        position: absolute;
        right: 10px;
        top: 10px;
        height: 35px;
        padding-top: 7px;
        border-left: 2px solid #CAE8F4;
        font-weight: bold;
        color: #0B5186;
    }

    .smpl-step.tagesfahrten > .smpl-step-step.active > .smpl-step-von {
        color: #963308;
        border-left: 2px solid #FADAA6;
    }

    .smpl-step.tagesfahrten > .smpl-step-step.active > .smpl-step-icon {
        color: #963308;
        border: 2px solid #F39300;
        background: #F39300;
    }

    .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 {
        display: none;
    }

    /*

    .smpl-step > .smpl-step-step.disabled > .smpl-step-icon {
        background-color: #CAE8F4;
		    color: #5BC5F2;
    }

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


    .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.schritt6 a.smpl-step-icon,
    .smpl-step > .smpl-step-step.complete.schritt6 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;
}

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

.rabattpreis.platin,
.endpreis.platin {
    color: #50585D;
}
.rabattpreis.gold,
.endpreis.gold {
    color: #DFB40A;
}
.rabattpreis.silber,
.endpreis.silber {
    color: #636363;
}
.rabattpreis.bronze,
.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: #343530;
}

.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;
    float: left;	
	border: 2px solid #7ED321;
    border-radius: 30px;
	padding: 6px 5px 6px 0;
    margin: 5px 5px 5px 0;
    font-family: Arial;
    font-size: 14px;
    height: auto;
    cursor: pointer;
	font-weight: normal;
	background-color: white;
	text-decoration: none;
}

.orangeTags img {
    height: 22px;
}

.orangeTags:hover {
    background-color: #ACE2F8;
}

.tagsSchulwandertage {
	background-color:#FFF4F0;
}
.tagsPremiumWeiss {
    background-color:#FFFFFF;
}
.tagsPremium-1  {
	background-color:#e9ebf3;
}
.tagsPremium-2 {
	background-color:#deffd1;
}
.tagsPremium-11 { 
	background-color:#ffe5e5;
}
.tagsPremium-16 {
    background-color:#ebebeb;
}
.tagsPremium-102 {
    background-color:#d8d7d8;
}
.tagsPremium-weissenhs { 
	background-color:#F6F9FD;
	border-color: #343530;
}
.tagsPremium-weissenhs a { 
	color: #343530;
}
.tagsPremium-stage { 
	background-color:#D8D7D8;
}

.sucheLupe {
	padding: 0 12px 0 4px; 
	color: #066047;
	text-decoration: none;
}

.sucheLupe::before {
	content: '';
	font-family: 'Font Awesome 6 Pro';
	font-size: 12px;
	content: "\f002";	
	padding: 8px; 
	background-color: #7ed321; 
	border-radius: 30px; 
	font-size: 12px;
	color: white;
	text-decoration: none;
}

#sucheFilter .orangeTags.active {
    background-color: #ace2f8;
}

.mitbewerberListe {
    margin-top: 10px;
    color: darkred;
    font-size: 14px;
    font-family: 'Courier New', Monospace;
}


/* ---- */


.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: 60px;
    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: 10px;
    height: 40px;
}

.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: 50px;
    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;
}
@media (max-width: 767px) {
    #rueckrufButton.buchungsschritte {
        top:-190px;
    }
    #rrfMeldung.buchungsschritte {
        top:-220px;
    }
    #back-to-top.buchungsschritte {
        bottom: 135px;
    }
}

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

.ausgewaehltesAnreiseIcon img,.verlinktesAnreiseIcon img {
    height: 10px;
}

.ausgewaehltesAnreiseIcon {
    display: inline-block;
    padding: 0 2px;
}

.tagesfahrten .ausgewaehltesAnreiseIcon {
    border-bottom: 2px solid transparent;
}

a.verlinktesAnreiseIcon {
    border-bottom: 2px solid transparent;
    pointer-events: auto;
}

a.verlinktesAnreiseIcon .anreiseIcon {
    margin-right: 7px;
}

a.verlinktesAnreiseIcon:hover {
    border-bottom: 2px solid #7ED321;
}

.anreiseIcon {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 26.15px;
    margin-right: 9px;
    top: 2px;
}

.tagesfahrten .anreiseIcon {
    margin-right: 5px !important;

}

.anreiseIcon0 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-eigen-n.svg');
    background-size: 15.38px 10px;
    width: 15.38px;
}
.anreiseIcon1 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-bus-n.svg');
    background-size: 26.15px 10px;
    width: 26.15px;
}
.anreiseIcon2 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-zug-n.svg');
    background-size: 25.38px 10px;
    width: 25.38px;
}
.anreiseIcon3 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-flug-n.svg');
    background-size: 22.3px 10px;
    width:22.3px;
}
.anreiseIcon4 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-fernbus-n.svg');
    background-size: 23.56px 10px;
    width: 23.56px;
}

a.verlinktesAnreiseIcon .anreiseIcon0 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-eigen-n-grau.svg');
}
a.verlinktesAnreiseIcon .anreiseIcon1 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-bus-n-grau.svg');
}
a.verlinktesAnreiseIcon .anreiseIcon2 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-zug-n-grau.svg');
}
a.verlinktesAnreiseIcon .anreiseIcon3 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-flug-n-grau.svg');
}
a.verlinktesAnreiseIcon .anreiseIcon4 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-fernbus-n-grau.svg');
}

a.verlinktesAnreiseIcon:hover .anreiseIcon0 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-eigen-gruen.svg');
}
a.verlinktesAnreiseIcon:hover .anreiseIcon1 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-bus-gruen.svg');
}
a.verlinktesAnreiseIcon:hover .anreiseIcon2 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-zug-gruen.svg');
}
a.verlinktesAnreiseIcon:hover .anreiseIcon3 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-flug-gruen.svg');
}
a.verlinktesAnreiseIcon:hover .anreiseIcon4 {
    background-image: url('/images_4.0/klassenfahrten/buchungsschritt1/anreise-fernbus-gruen.svg');
}

.listenanreiseicons {
    position: relative;
    left: 10px;
    bottom: 1px;
}
.listenanreiseicons img {
    height: 10px;
}


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,
span.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,
span.zf.dunkel {
  color: #2C4B08;
}

a.zf.dunkel.presseMT,
span.zf.dunkel.presseMT {
  font-size: 16px;
}

a.zf:hover,
span.zf:hover {
  color: #2C4B08;
  background-position: 0 100%;
  cursor: pointer !important;
}

/* --- --- */

a.zfSmallButton,
span.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,
span.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,
span.zfSmallButton i {
    color: #ffffff  !important;
}

a.zfSmallButton.inHell i,
a.zfSmallButton.inPink i {
    color: #7ED321  !important;
}

a.zfSmallButton:hover,
span.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;
}

.wpTageDurchgestrichen {
    text-decoration: line-through;

}

.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: 6px solid #9CDCF7;
    border-top: 36px solid #9CDCF7;
    top: 0px;
    bottom: 1px;
    right: 0px;
    left: 0px;
    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.perTelefon .wpZelleBottom {
    background-color: #FFFFFF;
}

.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.perTelefon .preis,
.wpZelle.ausgebucht .preis {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #A4A4A4;
}
.wpZelle.perTelefon .preis {
    color: #900000;
}


.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: 99998;
    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: #343530;
}

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

/* ------- */

#streifen-login .aufgabenCenter b  {
    padding: 0 !important;
}

.sichRow.aufgabenCenter {
    width: 100%;
    padding: 0;
    margin: 0 0 2px 0;
    background-color: transparent !important;
}

.sichRow.aufgabenCenter .sichToggler {
    width: 100%;
    position: relative;
    padding: 15px 0 !important;
    height: 50px;
    background-color: transparent !important;
}

.sichRow.aufgabenCenter .sichPlus,
.sichRow.aufgabenCenter .sichMinus {
    font-weight: bold;
    font-size: 20px;
    top: 10px;
    right: 0;
}

.sichRow.aufgabenCenter .aufklappbarerSichContent {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    line-height: 22px;
    font-size: 12px;
    height: auto;
}

#streifen-login .sichRow.aufgabenCenter .aufklappbarerSichContent b {
    font-size: 12px;
    line-height: 13px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    display:block;
}

#streifen-login .sichRow.aufgabenCenter .aufklappbarerSichContent a {
    height: auto;
    line-height: 13px;
    padding: 0 !important;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .sichRow.aufgabenCenter .sichToggler {
        padding: 0 10px;
    }
    .sichRow.aufgabenCenter .sichPlus,
    .sichRow.aufgabenCenter .sichMinus {
        right: 10px;
    }
    .sichRow.aufgabenCenter .aufklappbarerSichContent,
    .sichRow.aufgabenCenter .aufklappbarerStellenContent {
        padding: 0 10px 15px 0;
    }
}


/* ------- */

.lb-login-row {
    margin: 0 -5px;
}
.lb-login-row .lb-login-form,
.lb-login-row .lb-login-ueberblick {
    padding: 0 5px;
}

.lb-login-row .newsroom-col {
    margin: 0 !important;
}

.lb-login-linke-spalte,
.lb-login-bewertung {
    color: #343530;
}

.lb-login-linke-spalte {
    background-color: #d0e2d0;
    color: #343530;
}

.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: #D5E7EB;
}

.lb-login-active-tab.lehrerbereich h2,
.lb-login-active-tab.schuelerbereich h2,
.lb-login-passive-tab.lehrerbereich h2,
.lb-login-passive-tab.schuelerbereich h2 {
    margin: 55px 15px 0 15px;
    color: red;
}

.lb-login-active-tab.lehrerbereich h3,
.lb-login-passive-tab.lehrerbereich h3 {
    margin: 5px 15px 0 12px;
    color: #343530;
}

.lb-login-passive-tab {
    background-color: #7ED321;
}

.lb-login-mail,
.lb-login-nummer,
.lb-login-schueler {
    margin:95px 0 20px 10px
}

.lb-login-mail.lb2024,
.lb-login-schueler sb2024 {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .lb-login-mail.lb2024,
    .lb-login-schueler sb2024 {
        margin-top:15px;
    }
}

.lb-login-mail.lb-login-submit-bereich,
.lb-login-nummer.lb-login-submit-bereich,
.lb-login-schueler.lb-login-submit-bereich {
    margin: 20px 20px 10px 10px;
}

.lb-login-submit-bereich .col-xs-6 {
    padding-bottom: 20px;
}


.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-footer {
    height: 66px;
    background-color: #d0e2d0; /* #076048; */
}

.lb-login-footer.schuelerbereich {
    background-color: #D5E7EB;
}

.lb-login-footer.vertriebspartner {
    /* background-color: #636E78; */
    background-color: white;
    height: 0;
}

.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: #E7F0E7;
}

.lb-vorteile {
    background-color: #d0e2d0;
    margin-top:10px;
    padding: 5px;
}

.lb-vorteile-links-padding {
    padding: 10px 10px 10px 5px;
}

.lb-vorteile-rechts-padding {
    padding: 10px 5px 10px 10px;
}

@media (max-width: 767px) {
    .lb-vorteile-links-padding {
        padding-right: 5px;
    }
    .lb-vorteile-rechts-padding {
        padding-left: 5px;
    }
}


.lb-vorteile-inlay {
    background-color: white;
    padding: 10px 60px 30px 20px;
    border: 5px solid #d0e2d0;
}

.lb-vorteile-2024 {
    background-color: #F0F0F0;
    margin:0;
    padding:0;
}
.lb-vorteile-2024-inlay {
    background-color: white;
    margin:0;
    padding: 30px 20px;
    border: none;
    height: 385px;
}

@media (min-width: 768px) AND (max-width: 981px) {
    .lb-vorteile-2024-inlay {
        height: 430px;
    }
}
@media (max-width: 767px) {
    .lb-vorteile-2024-inlay {
        height: auto;
    }
}


.ueberschriftLogin {
    padding-top:70px;
    margin-bottom:0;
}
@media (max-width: 767px) {
    .ueberschriftLogin {
        padding-top:40px;
    }
    .ueberschriftLogin.vb2024 {
        padding-top:50px;
    }
}

.linkeSpalteLogin.lb2024 {
    background-color:transparent;
    height: 650px;
    padding-right:50px
}

.rechteSpalteLogin {
    padding-right:50px
}

.rechteSpalteLogin.lb2024 {
    height: 650px;
    background-color:#E7F0E7;
}

.rechteSpalteLogin.sb2024 {
    height: 650px;
    background-color:#FEA0E0;
}

.rechteSpalteLogin.vb2024 {
    height: 570px;
    background-color:#F8D9D9;
}

@media (max-width: 767px) {
    .linkeSpalteLogin.lb2024 {
        height:400px;
    }
}

.lehrerbereichSvg.lb2024 {
    width: 300px;
}

@media (max-width: 767px) {
    .lehrerbereichSvg.lb2024 {
        width: 150px;
    }
}

.schuelerbereichIcon.lb2024 {
    width: 75px;
    position: absolute;
    left: 150px;
    top: -40px;
}
@media (max-width: 767px) {
    .schuelerbereichIcon.lb2024 {
        left: 115px;
    }
}

.vertriebspartnerIcon.lb2024 {
    width: 75px;
    position: absolute;
    left: 50px;
    top: -40px;
}
@media (max-width: 767px) {
    .vertriebspartnerIcon.lb2024 {
        left: 30px;
    }
}


.rechteSpalteOben {
    text-align: center;
    height: 650px;
    position: relative;
}

.rechteSpalteOben.vb2024 {
    text-align: center;
    height: 570px;
    position: relative;
}

@media (max-width: 767px) {
    .rechteSpalteOben,
    .rechteSpalteOben.vb2024 {
        height: 310px;
    }
}

.rechteSpalteFormularLB.lb2024 {
    height: 650px;
}

.rechteSpalteFormularLB.vb2024 {
    height: 400px;
}

@media (max-width: 767px) {
    .rechteSpalteFormularLB.lb2024,
    .rechteSpalteFormularLB.vb2024 {
        height: auto;
    }
}


.lb-login-rechte-spalte {
    padding-left:80px;
}
@media (max-width: 1024px) {
    .lb-login-rechte-spalte {
        padding-left: 20px;
    }
}


.lb-vorteile-inlay ul.kfWissenModul {
    color: #333333;
}
.lb-vorteile-inlay ul.kfWissenModul li:before {
    color: #343530;
}


.mitarbeiter-kasten {
        background-repeat: no-repeat;
        background-position: top left;
        text-align:left;
        padding: 0 0 0 150px;
        height:150px;
}

@media (max-width: 500px) {
	.mitarbeiter-kasten {
	   height: 245px;
       padding: 120px 0 0 0;
   }
}

#reiseanmeldungOnline .preisFinalKasten {
		width: 280px;
		float: right;
		text-align: right;
		margin-top: 10px;
		margin-bottom: 0;

}

@media (max-width: 980px) {
	#reiseanmeldungOnline .preisFinalKasten {
		float: left;
		text-align: left;
		margin: 15px 0 30px -5px;
	}
}

@media (max-width: 520px) {
	#reiseanmeldungOnline .preisFinalKasten {
		margin-top: 22px;
	}
}

#reiseanmeldungOnline .umgehendSatzCtA {
		margin:40px 0;
		color: grey;
		width: 630px;
}

@media (max-width: 767px) {
	#reiseanmeldungOnline .umgehendSatzCtA {
		margin:40px 0;
	    width: 100%;
   }
}

.topicToggler {
    cursor: pointer;
    background-color: #A1E7A4;
}

.topicToggler.richtlinienSchulfahrten {
    background-color: white;
    position:relative;
}

.topicToggler:hover {
    background-color: rgba(33, 124, 167, .8);
}

.topicToggler.richtlinienSchulfahrten:hover {
    background-color: rgba(255, 255, 255, .8);
}
.topicToggler.ohneHover {
    cursor: default;
}

.topicToggler.ohneHoverFaq:hover {
    cursor: default;
    background-color: #96c4a2;
}

.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;
    color: white;
    border: none;
    margin-bottom: 60px;
    padding: 40px;
    border-radius: 0;
    border: 10px solid #E7F0E7;
    background-color: white;
    color: #343530;
}

.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: #7ed321;
    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;
}

.newsbildStart img {
    position: relative;
    width: 260px;
}


@media (max-width: 767px) {
	.newsbildStart {
		top: -55px;
		left: 10px;
		right: auto;
	}
  .newsbildStart img {
		width: 240px;
  }
}

.weihnachten {
    position:absolute;
    right: 2px;
    top: -74px; /* weihnachten -60px */
}

.weihnachten img {
    position: relative;
    width: 260px;
	margin-right: 19px; /* nicht bei Weihnachten */
}

@media (max-width: 767px) {
	.weihnachten {
		top: -100px;
		left: 10px;
		right: auto;
	}
    .weihnachten img {
		width: 220px;
  }
}

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

#lbTeaser .teaserRand {
    margin:100px -5px 0 -5px;
}

#lbTeaser .teaserRand.login {
    margin: 20px 0 0;
}

#lbTeaser .teaserRand.schulfahrten {
    margin:30px -5px 0 -5px;
}

@media (max-width: 768px) {
    #lbTeaser .teaserRand.login {
        margin-top: 10px;
    }
}

#lbTeaser .teaserPadding {
    padding: 0 5px;
}

@media (max-width: 768px) {
    #lbTeaser .teaserPadding {
        margin-top: 10px;
    }
}

#lbTeaser .teaser {
    background-color: white;
    height: 340px;
    border-radius: 5%;
    padding-left: 20px;
}

#lbTeaser .teaser.lehrerbereichOhneAnmeldung {
    background-color: #E7F0E7;
}

#lbTeaser h2 {
    padding-top: 30px;
    margin-top: 0;
}

#lbTeaser img {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: auto;
}

#lbTeaser .einst img {
    height: 200px;
}
#lbTeaser .zweit img {
    height: 150px;
}
#lbTeaser .dreit img {
    height: 150px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #lbTeaser .teaser {
        height: 270px;
    }
    #lbTeaser .einst img {
        height: 132px;
    }
    #lbTeaser .zweit img {
        height: 100px;
    }
    #lbTeaser .dreit img {
        height: 100px;
    }
}

.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: #FBD691;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    color: white;
}
.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 {
    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: #DFF3D4;
    padding: 0;
    margin: 0;
}
@media (max-width: 767px) {
    .weisserListenblock {
        padding: 0;
    }
}

.weisserListenblock .einzelZielZeile {
    margin: 0 0 0 0 !important;
    border-bottom: 2px solid #50a71e;
    background-color: white;
    cursor: pointer;
}
@media (min-width: 1025px) {
    .weisserListenblock .einzelZielZeile:last-of-type {
        border-bottom: none;
    }
    .weisserListenblock .premiumModulSpalte.sechsspaltig {
        border-top: 2px solid #50a71e;
    }
}

.weisserListenblock .premiumModulSpalte {
    margin: 0 0 0 0;
}
@media (max-width: 1024px) {
    .weisserListenblock .col-md-4,
    .weisserListenblock .col-md-5 {
        margin-bottom: 20px;
    }
}

.einzelZielZeile a,
.einzelZielZeile a:hover {
    color: #343530;
}

.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: 305px;
    display: none;
    z-index: 1000001;
    font-size: 16px;
    padding: 15px 15px;
}

@media (max-width: 767px) {
    .back-to-top {
        right: 115px;
    }
}

.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: #13A538;
	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: #13A538;
}

.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: #13A538;
	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: #13A538;
	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: #13A538;
  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;
}

.premiumP {
    height: 100px;
    margin-bottom: 30px
}

.premiumP a img {
    width:100%;
    height: 90%;
}

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

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

.kategorieBilderSlide {
    position: relative;
}

.kategorieBilderSlide img {
    width: 370px;
    height: 240px;
}

.kategorieBilderSlide h3 {
    position: absolute;
	bottom: 0;
	left: 20px;
    font-size: 32px;
    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: white;
	padding: 10px 0 20px 0;
}

.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: #CAE1DB;
}
.alternativenHervorgehoben.gruen {
  background-color: #DAEAB6;
}
.alternativenHervorgehoben.gruengelb {
  background-color: #efe2c1;
}

.alternativenHervorgehoben .zfSmallButton {
  float: right;
}

@media (max-width: 767px) {
	.alternativenHervorgehoben .zfSmallButton {
	  float: left;
	}
}

.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;
}
.alternativenHervorgehoben.gruen .alternativenName  {
  color: #28084B;
}
.alternativenHervorgehoben.gruengelb .alternativenName  {
  color: #28084B;
}

.contentReiseversicherung {
    width: 60%;
}

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


.listeInhalt {
	list-style: none;
	padding: 5px 0 15px 0;
}

.listeInhalt li {
	padding-bottom: 10px;
}

.blogListeMitTags {
    padding: 0;
    margin: 0;
}

.newsroom-block .keinnewsroom {
    display: none;
}

/* #27a22c */
.statistiken {
  color: white;
  font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
}

.statistiken h2 {
  color: white;
  font-size: 44px;
}

.statistiken .inside {
  padding: 40px 0 50px 0;
  display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  .statistiken .inside {
    flex-wrap: wrap;
  }
}


.statistiken .counter {
margin: 20px;
}

@media only screen and (min-width: 992px) {
	.statistiken .counter {
	margin: 5px;
	}
}

@media only screen and (min-width: 1200px) {
	.statistiken .counter {
	margin: 0;
	}
}


.statistiken .count-title {
    margin-bottom: 0;
    text-align: center;
}

.statistiken p {
	margin: 0;
    text-align: center;
}

/* - -------------------- - */
.newsroom-block {
    margin: -15px -5px 20px -5px;
}

.newsroom-col {
    position:relative;
    margin:40px 0;
    padding: 0 5px;
}
.newsroom-col .subx {
    background-color:#d0e2d0;
    padding:45px 25px;
}

.newsroom-col .subx .ah2 {
    display:block;
    color:#343530;
    text-decoration:none;
    margin-top:10px;
}
.newsroom-col .subx h3 {
    margin-top:27px;
}
.newsroom-col .subx img {
    width: 100%;
}
.newsroom-col .subx .zf-umrandung {
    background-color:#FFFFFF;
    padding: 10px 10px 5px 10px;
}

.newsroom-col .subx .zf-umrandung p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-tag-wolke {
    padding: 20px 0;
}

.blog-tag-wolke h2 {
	margin-bottom: 20px;
}

.blog-tag {
    display: inline-block;
    padding: 15px 30px;
    margin: 0 10px 10px 0;
    border: 5px solid white;
    border-radius: 20px;
    font-weight: bold;
}
a.blog-tag {
    color: #343530 !important;
    display: inline-block;
    cursor: pointer;
}

a.blog-tag:hover {
    border-color: #AEAEAC !important;
    text-decoration: none;
}


/* --- */

.teaserModule {
    margin: 20px 0;
    display: flex; /* equal height of the children */
}
.teaserModule .inklusivV {
    padding: 40px 30px 40px 40px;
    background-color: #F2F2F2;
  	border: 20px solid #DFF3D4; /* #D0E2D0; */
    flex: 1; /* additionally, equal width */
}
.teaserModule .zukunftsG {
    position: relative;
    padding: 40px 40px 50px 40px;
    background-color: #F2F2F2;
  	border-top: 20px solid #DFF3D4; /* #D0E2D0; */
  	border-right: 20px solid #DFF3D4;
  	border-bottom: 20px solid #DFF3D4;
    flex: 1; /* additionally, equal width */
    font-weight: bold;
}

.teaserModule h2 {
    margin-top: 0;
    color: #5BC5F2;
}
.teaserModule h3 {
    margin: -5px 0 20px;
    color: #5BC5F2;
}

.teaserModule .zukunftsG h2, .zukunftsG h3 {
    color: #ba1217;
}

.teaserModule ul.kfWissenModul {
    color: #343530;
    font-weight: bold;
}
.teaserModule ul.kfWissenModul li {
    padding-bottom: 7px;
}

.teaserModule .zukunftsG ul.kfWissenModul {
    list-style-type: none;
	counter-reset: item;
	padding-top: 7px;
}

.teaserModule .zukunftsG li::before {
  content: counter(item) " ";
  counter-increment: item;
  font-size: 14px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  bottom: -1px;
}


.klimaschutz {
    display: flex;
    position: relative;
    padding: 20px 40px 20px 160px;
    background-color: #44D7B6;
	  height: 120px;
	  align-items: center;
}
.klimaschutz img {
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
}
.klimaschutz .a,
.klimaschutz .b {
    flex: 1;
}
.klimaschutz .a {
    color: white;
}
.klimaschutz .a h2 {
    margin-top: 0;
    margin-bottom: 5px;
}
.klimaschutz .a h3 {
    margin: 0;
}
.klimaschutz .b p {
    margin-bottom: 0;
    margin-left: 20px;
    font-weight: bold;
}
.klimaschutz .b a {
    position: relative;
    left: 20px;
}

@media screen and (max-width: 767px) {
   .klimaschutz {
        margin-top: 10px;
       padding-left: 140px;
   }
   .klimaschutz .b {
        display: none;
   }
}

/* ----- */

.klima .row {
    margin: 0;
    padding: 0;
    position: relative;
	font-size: 16px;
}

.klima .row h1,
.klima .row h2,
.klima .row h3,
.klima .row p {
    padding-left: 40px;
    padding-right: 40px;
}

.klima .row h1 {
    color: #008C33;
}
.klima .row h2 {
    color: #44D7B6;
}

.klima .row img.intro-plants {
    position: absolute;
    right: 0;
    top: -200px;
}

.klima .row.gruenhinterlegt {
    background-color: #DAF7F0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.klima .row .col-sm-1,
.klima .row .col-sm-2,
.klima .row .col-sm-4,
.klima .row .col-sm-6 {
    padding: 0;
}

.klima .row.bordure .col-sm-1 {
    padding: 0;
    background-color: #44D7B6;
}
.klima .row.bordure img {
    width: 100%;
}

.klima .kacheln {
    height: 100%;
    display: flex;
    align-items: center;
	  justify-items: center;
    background-color: #DAF7F0;
}

.klima .kacheln .kachel.a,
.klima .kacheln .kachel.b {
    flex: 1;
    height: 100%;
    position: relative;
    padding: 80px 40px;
}

.klima .kacheln .kachel.a {
    background-color: white;
}
.klima .kacheln .kachel.a h2,
.klima .kacheln .kachel.a h3,
.klima .kacheln .kachel.a p {
    background-color: white;
    padding-left: 0;
    padding-right: 0;
}
.klima .kacheln .kachel.a .icon-wrapper {
    width: 100%;
    text-align: center;
}
.klima .kacheln .kachel.b {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .klima .row img.intro-plants {
        position: absolute;
        right: 0;
        top: -300px;
        z-index: -1;
    }

	.klima .row h1,
	.klima .row h2 {
		padding-left: 0;
		padding-right: 0;
	}

	.klima .row p {
    padding-left: 20px;
    padding-right: 20px;
	}

    .klima .row.gruenhinterlegt {
        margin-top: 300px;
    }

    .klima .intro-plants-wrapper {
        position: static !important;
    }

    .klima .kacheln {
        flex-direction: column;
    }
    .klima .kacheln .kachel.b {
        order: 1;

    }
    .klima .kacheln .kachel.a {
        order: 2;
		padding-left: 20px;
		padding-right: 20px;
    }
}

/* -- Klassenreisequalitaet -- */


.kq h1 {
    color: #1FA22E;
}

.kq h2 {
    color: #A1BF36;
}

.kq h3 {
    color: #343530;
}

.kq h4 {

}

.kq p {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 767px) {
    .kq h1 {
      font-size: 36px;
      line-height: 44px;
    }
    .kq h2 {
      font-size: 20px;
      line-height: 26px;
    }
    .kq h3 {
      font-size: 18px;
      line-height: 24px;
    }
    .kq p {
      font-size: 14px;
      line-height: 18px;
    }
}

@media (max-width: 1024px) {
    .kq h1 {
    }
}

.kq .abstandImmerNachUnten {
	margin-bottom: 50px;
}

.kq .abstandImmerNachUntenAusnahme {
	margin: 20px 0 70px;
}

@media (max-width: 677px) {
    .kq .abstandImmerNachUnten,
	.kq .abstandImmerNachUntenAusnahme	{
		margin-bottom: 20px;
    }
}

.kq .NavZwo {
	display: block;
	text-align: center;
	margin: 50px 0;
}

.kq .NavZwoMitte img {
	display: inline-block;
	height: 300px;
}

@media (max-width: 767px) {
.kq .NavZwo {
	margin: 30px 0;
    }
}

@media (max-width: 425px) {
.kq .NavZwoMitte img {
	height: 250px;
    }
}

@media (max-width: 395px) {
.kq .NavZwoMitte img {
	height: 200px;
    }
}

@media (max-width: 365px) {
.kq .NavZwoMitte img {
	height: 150px;
    }
}

.kq .NavZwoLinks,
.kq .NavZwoRechts {
	display: inline-block;
	font-size: 48px;
}

.kq .NavZwoRechts i,
.kq .NavZwoLinks i {
	top:25px;
    --fa-secondary-opacity: 1,0;
    --fa-primary-color: rgb(126, 211, 33);
    --fa-secondary-color: rgb(255, 255, 255);
}

.kq .NavZwoLinks i {
	left: -30px;
}

.kq .NavZwoRechts i {
	right: -30px;
}

@media (max-width: 430px) {
	.kq .NavZwoLinks i {
		left: -10px;

    }
}
@media (max-width: 430px) {
	.kq .NavZwoRechts i {

		right: -10px;
    }
}
@media (max-width: 400px) {
	.kq .NavZwoLinks i {
		left: 0;

    }
}
@media (max-width: 400px) {
	.kq .NavZwoRechts i {

		right: 0;
    }
}

.kq .bildLinksTextRechts {
  padding: 20px 50px;
}
.kq .bildLinksTextRechts img {
    width: 100%;
}
.kq .bildLinksTextRechts h2 {
    padding: 0;
	margin: 0 0 10px 0;
}

.kq .bildLinksTextRechts ul {
  list-style-type: none;
  padding: 0 0 20px 0;
}

@media (max-width: 767px) {
  .kq .bildLinksTextRechts {
    padding: 20px 10px;
  }
  .kq .bildLinksTextRechts h2 {
    margin-bottom: 10px;
  }
}

.kq .bildunterschrift {
  position: absolute;
  bottom: 10px;
  right: 0;
  left: 35%;
  background-color: #A1BF36;
  color: white;
  padding: 7px 10px;
  font-size: 14px;

}

.rectangle {
	font-family: UnitWeb, Arial, sans-serif;
	font-size: 42px;
	text-align: center;
    padding: 60px 30px 35px 30px;
}

.kq .rectangle1,
.kq .rectangle {
    background-color: #1FA22E;
	color: white;
}

.kq .qual img {
	margin: 25px 0 40px -10px;
	width: 100%;
}

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

.kq .blog-tag-wolke {
    padding: 20px 0;
}

.kq .blog-tag {
    display: inline-block;
    padding: 15px 30px;
    margin: 0 10px 10px 0;
    border: 5px solid #7ED321;
    border-radius: 20px;
    font-size: 20px;
}

@media only screen and (max-width: 767px) {
	.kq .blog-tag {
	border: 4px solid #7ED321;
    padding: 10px 20px;
	font-size: 14px;
	}
}

.kq a.blog-tag {
    color: #2C4B08 !important;
    display: inline-block;
    cursor: pointer;
}

.kq a.blog-tag:hover {
    border-color: #1FA22E !important;
    text-decoration: none;
}

.kq i.nebelwolke {
    --fa-secondary-opacity: 0,8;
    --fa-primary-color: rgb(31, 162, 46) !important;
    --fa-secondary-color: rgb(126, 211, 33) !important;
}

/* --- */

.radiobuchbarkeit {
    display: inline-block;
    padding: 5px 10px 0 7px;
    margin: 0 7px 0 0;
    width: 300px;
    height: 53px;
}
.radiobuchbarkeit.gruen {
    width: 390px;
}

.radiobuchbarkeit.sofortBS1 label {
    padding-top: 6px;
    color: white;
	font-weight: bold;
}

.radiobuchbarkeit.aufAnfrageBS1 label {
    padding-top: 6px;
}

@media (min-width: 768px) and (max-width: 989px) {
    .radiobuchbarkeit.gruen {
        width: 462px;
    }
    .radiobuchbarkeit {
        width: 226px;
    }
}

@media only screen and (max-width: 767px) {
    .radiobuchbarkeit.gruen,
    .radiobuchbarkeit
    {
        display: block;
        width: 300px;
        margin-bottom: 10px;
    }
}

#weitereFilterWrapper {
    /*display:none;*/
    display:block;
    position:relative;
    background-color:#D8C5E3;
    padding: 0 10px 15px 20px;
    width: 100%;
}

.weitereFilterButton,
.weitereFilterWaiting {
    position: absolute;
    bottom: -16px;
    left: calc(50% - 55px);
    z-index: 99;
    margin: 0 auto;
    text-align:center;
    width: 110px;
    padding: 6px 0 0 0;
    border-radius:16px;

    color:#2C4B08;
    font-size: 14px;
    line-height: 22px;
    height: 32px;
    font-weight: bold;
    cursor: pointer;

    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-position: 0 0%;
    background-size: 100% 200%;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 50%, #548F14 50%, #548F14);
}

.mkfWaiting {
    text-align:center;

    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    cursor: pointer;

    position: fixed;
    z-index: 1000;

    color: #343530;
    background-image: none;
    background-color: rgba(162,232,165,.7);

    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 160px 0 0 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.mkfSpinner {
    font-size: 48px;
    display: inline-block;
    animation: mkf-spin 2s linear infinite;
    transform-origin: 50% 50%;
}

@keyframes mkf-spin {
    from {
        transform: rotate(360deg);
    }
    to {
        transform: rotate(0deg);
    }
}

.weitereFilterWaiting {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 160px 0 0 0;
    width: 100%;
    height: 420px;
    border-radius: 0;
    background-image: none;
    background-color: transparent;
}

.weitereFilterWaiting.waiting {
    color: white;
    background-image: none;
    background-color: rgba(216, 197, 227, 1);
}

.weitereFilterWaiting.waiting i {
    font-size: 80px;
    color: white;
    text-align: center;
    pointer-events: none;
    display: inline-block;
}

.weitereFilterButton:hover {
    color: #ffffff  !important;
    background-position: 0 100%;
    text-decoration: none !important;
}

.weitereFilterButton i {
    display: none;
}


.weitereFilterButton.waiting {
    background-image: none;
    background-color: white;
}

.weitereFilterButton.waiting .weniger,
.weitereFilterButton.waiting .weitere {
    display: none;
}


.weitereFilterButton.waiting i {
    text-align: center;
    pointer-events: none;
    display: inline-block;
}

.weitereFilterButton.waiting:hover {
    color: #333333 !important;
}

.weitereFilterButton.waiting .weitere,
.weitereFilterButton.waiting .weniger {
    display: none !important;
}

.weitereFilterH2 {
    color:#2c4b08;font-weight:bold;margin-bottom:3px
}

.anreiseFilterWrapper {
    position: relative;
    height: 155px;
    display: inline-block;
    width: 307px;
    margin: 0 0 0 0;
}

.anreiseFilterButton {
    display: inline-block;
    padding: 10px 0 0 0;
    margin: 0 12px 12px 0;
    width: 64.75px;
    height: 54px;
    background-color:#C6B3CF;
    text-align: center;
}

.anreiseFilterButton a {
    color: #343530;
    text-decoration: none;
}

.anreiseFilterButton img {
    height: 20px;
}

.anreiseFilterButton.active {
    background-color:white;
}

.budgetFilterWrapper,
.sortierungFilterWrapper,
.entfSliderFilterWrapper {
    position: relative;
    top: 15px;
    display: inline-block;
    width: 307px;
    margin: 0 0 0 0;
}

.entfSliderFilterWrapper {
    width: 702px;
    margin-bottom: 30px;
    top: 25px;
}

#entfSliderReset {
    color: white;
    background-color: #7ED321;
    border: none;
    border-radius: 3px;

}


#entfSlider {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    margin-top: 15px;
}

#entfSlider::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #7ED321;
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 15px;
    margin-top: -12px;
}

#entfSlider::-moz-range-thumb {
    background-color: #7ED321;
    border: none;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}

#entfSlider::-webkit-slider-runnable-track {
    background: white;
    height: 6px;
}

#entfSlider::-moz-range-track {
    background: white;
    height: 0.5rem;
}


.budgetFilterWrapper.waiting,
.sortierungFilterWrapper.waiting {
    display: none;
}

.radiosortierung {
    display: inline-block;
    padding: 5px 10px 0 7px;
    margin: 0 7px 7px 0;
    width: 300px;
    height: 53px;
    background-color: #C6B3CF;
}

@media (min-width: 768px) and (max-width: 989px) {
    .anreiseFilterWrapper {
        width: 235px;
    }
    .sortierungFilterWrapper {
        width: 235px;
    }
    .budgetFilterWrapper {
        width: 235px;
    }
    .radiosortierung {
        width: 226px;
    }

}

@media only screen and (max-width: 767px) {
    .radiosortierung {
        display: block;
        width: 300px;
        margin-bottom: 10px;
    }
    .weitereFilterButton {
        display: none !important;
    }
    #weitereFilterWrapper {
        display: block;
    }
}


.radiobudget {
    display: inline-block;
    padding: 5px 10px 0 7px;
    margin: 0 7px 7px 0;
    width: 143px;
    height: 53px;
    background-color: #C6B3CF;
}

@media (min-width: 768px) and (max-width: 989px) {
    .radiobudget {
        width: 105px;
    }
}

@media only screen and (max-width: 767px) {
    .radiobudget {
        display: block;
        width: 143px;
        margin-bottom: 10px;
    }
}


.klimakompassBS1 {
	margin: 15px 293px 0 0;
	float: right;
	position: relative;
}

.klimakompassBS1 label {
	font-weight: bold;
	padding: 6px 0 0 41px;
	color: #00923D !important;
}

#klimakompassIcon {
	position: absolute;
	height: 70px;
	right: 200px;
}

#klimakompassContent {
	display: none;
	background-color:#DAF7F0;
	padding: 5px 200px 20px 30px;
}

@media only screen and (max-width: 1024px) {
	.klimakompassBS1 {
	margin-right: 123px;
	}
	#klimakompassIcon {
	right: 30px;
	}
	#klimakompassContent {
		padding: 5px 30px 20px 30px;
	}
}

@media only screen and (max-width: 767px) {
	#klimakompassContent {
		padding: 5px 20px 5px 20px;
	}
}


#StoererIndex .stoererHuelle {
	margin: 0;
	position:relative;
}

#StoererIndex .stoererUmrandung {
	width: 100%;
}

#StoererIndex .stoererHinten {
	position:absolute;
	z-index:1;
	width: 100%;
	height: 60px;
	bottom: 0;
	background-color: #F2F2F2;
}

#StoererIndex .stoererVorn {
	position: absolute;
	z-index:1;
	bottom: 9px;
	width: 100%;
	text-align: center;
}

#StoererIndex .stoererVorn p {
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 1px;
    color: #ba1217;
}

#StoererIndex .stoererVorn a {
	text-decoration: none;
	color: #ba1217;
}

#StoererIndex .stoererVorn img {
    height: 30px;
    margin-bottom: 5px;
}

#StoererIndex .stoererVorn i {
	font-size: 12px;
	color: #7ED321;
}

@media screen and (max-width: 767px) {
		#StoererIndex .stoererHinten {
			height: 80px;
			bottom: 0;
			opacity: .86;
		}
		#StoererIndex .stoererVorn {
			bottom: 9px;
		}
}

.anreiseArtSwitchXS {

}

.anreiseArtSwitch {
    position:absolute;
    top:33px;
    right:20px;
}
.anreiseArtSwitch a,
.anreiseArtSwitchXS a {
    text-decoration:none;
}

.anreiseArtSwitch a img,
.anreiseArtSwitchXS a img {
    height: 30px;
}

.anzeigeKlimakompass {
    position: relative;
    display: inline-block;
    padding: 15px 0 5px 0;
}
.anzeigeKlimakompass img {
    position: absolute;
    top: 5px;
    height: 40px;
}

.anzeigeEntfernung {
    font-weight:normal;
}

.bs1top15 {
    font-weight: bold;
    color: #A1BF36;
}
.bs1aktion {
    font-weight: bold;
    color: #E3155E;
}
.bs1premiumpartner {
    font-weight: bold;
    color: #3E98E2;
}

.olBubble {
    position: relative;
    width: 200px;
    top: -20px;
    left: -50%;
    padding: 10px 20px 10px 10px;
    background-color:white;
    border: 1px solid grey;
    border-radius: 5px;
    min-width: 50px;
    min-height: 30px;
}
.olBubble a {
    color: #343530;
}

.ol-popup-closer {
    pointer-events: auto;
    position: absolute;
    top: -21px;
    right: calc(50% + 5px);
    color: transparent;
    cursor: pointer;
    z-index: 1000;
}
.ol-popup-closer:hover {
    color: darkred;
}

#headerBanner {
    min-height: 80px;
    width: 100%;
    background-color: #FFF8D5;
    border-bottom: solid 2px #e9e9e9; /* 9C0B0B  */
}

#headerBanner img {
    position: absolute;
    bottom: 0;
    left: 50px;
}

#headerBanner .bannerContent {
    padding: 25px 20px 20px 210px;
    color: #9C0B0B;  /* #9C0B0B; */
}

#headerBanner .bannerContent h3 {
    padding: 0;
    margin: 0 0 5px 0;
}

@media screen and (max-width: 980px) {
    #headerBanner .bannerContent {
        padding-left: 190px;
    }
}
@media screen and (max-width: 767px) {
    #headerBanner img {
        left: 10px;
    }
    #headerBanner .bannerContent {
        padding-left: 150px;
    }
}
@media screen and (max-width: 380px) {
    #headerBanner img {
        display: none;
    }
    #headerBanner .bannerContent {
        padding-left: 20px;
    }
}

.papierloseAngebote h2 {
    color: white;
    margin: 18px 5px 6px 5px;
    font-size: 18px;
}

/* --- */

#reiseanmeldungOnline i.fa-circle-info {
    --fa-primary-opacity: 1;
    --fa-secondary-opacity: 1;
    --fa-primary-color: transparent !important;
    --fa-secondary-color: #2993DA !important;
    font-size: 20px;
    position: relative;
    top: 2px;
    pointer-events: all !important;
}
@media print {
    .dt-print-view i.fa-circle-info,
    body.dt-print-view table.table-jt-styled.dataTable.dtfc-has-end.dtfc-has-right.dtfc-scrolling-end.dtfc-scrolling-right thead tr th i,
    body.dt-print-view table.table-jt-styled.dataTable thead tr th i.fa-solid.fa-duotone.fa-circle-info,
    .tipsy {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }
}

div.dt-buttons > .dt-button.buttons-edit {
    position: absolute !important;
    right: -10000px !important;
}

#DTE_Field_VersicherungGebucht {
    border-radius: 5px;
}

@media screen and (max-width: 580px) {
    #DTE_Field_VersicherungGebucht {
        border-top: 25px solid transparent;
    }
}

#DTE_Field_Gruppe option {
    background-color: white !important;
}

#teilnehmerTabelle tr th i {
    border-right: 10px solid transparent !important;
}

#teilnehmerTabelle tr.imfocus td {
    background-color: #ACE2F8 !important;
}

#lbSchleier {
    display: none; /*  */
    background-color:rgba(0,0,0,.7);
    position: absolute;
    left:0;
    right:0;
    z-index:10000000;
}

.hinweiseMarkerRIRB {
    padding: 20px 200px 20px 20px;
}

.hinweiseMarkerRIRB.gelberHinweis {
    border: 10px solid #ffeb00;
    background-color: #fffdde;
}

.hinweiseMarkerRIRB.grauerHinweis {
    border: 10px solid #E7F0E7;
    background-color: white;
}

@media (max-width: 980px) {
    .hinweiseMarkerRIRB {
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .hinweiseMarkerRIRB {
        padding-left: 10px;
    }
}

.roteKante,
.gelbeKante,
.rotGelbKante {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
}
.rotGelbKante {
    border-left: 10px solid #CF0000;
    background-color:  #ffeb00;
    width: 20px;
}
.roteKante {
    background-color: #CF0000;
}
.gelbeKante {
    background-color: #ffeb00;
}
@media screen and (max-width: 767px) {
    .roteKante,
    .gelbeKante,
    .rotGelbKante {
        left: 0;
        width: 8px;
    }
    .rotGelbKante {
        width: 16px;
        border-left: 8px solid #CF0000;
    }
}

#top15Jahr img {
    width: 100%;
    height: auto;
    padding: 10px 0 30px;
}

@media screen and (max-width: 980px) {
    #top15Jahr img {
        height: 300px;
        padding-top: 0;
    }
}

#top15Jahr h3 {
    text-align: center;
}

#top15Jahr .jahreVerweiseTOP15 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding-top: 20px;
}

@media screen and (max-width: 980px) {
    #top15Jahr .jahreVerweiseTOP15 {
        padding: 15px 0 30px;
    }
}


.top15JahrListe {
    padding: 40px 30px;
    width: 100%;
    height: auto;
    background-color:#f0f0f0;
    margin-top: 10px;
    display: flex;
}

.top15JahrListeZahl {
    width: 15%;
}

.top15JahrListeEintrag {
    width: 75%;
}

.top15JahrListeEintrag h3 {
    margin-top: 0;
}

.top15JahrListeEintrag img {
    width: 100%;
    height: auto;
    object-fit: cover;
    padding: 20px 0;
}

@media screen and (max-width: 767px) {
    .top15JahrListeZahl {
        width: 30%;
    }
    .top15JahrListeEintrag {
        width: 70%;
    }
}

.top15JahrListeZahl p {
    color:#A1BF36;
    line-height: 50px;
    font-size: 50px;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
    font-weight: bold;
}