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:210px;
    z-index:1;
    color:white;
}

#h1startseiteDiv h2 {
    position:absolute;
    top:258px;
    z-index:1;
    color:#0E6386;
}

@media screen and (max-width: 767px) {
    #h1startseiteDiv h1 {
        top:90px;
    }
    #h1startseiteDiv h2 {
        top:138px;
    }
}

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

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

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

#logo {
    position: absolute;
    top: 21px;
    left: 10px;
    z-index: 50000;
}

#logo img {
    width: 164px;
}


@media screen and (min-width: 768px) and (max-width: 793px) {
    #logo {
        position: absolute;
        z-index: 150000;
    }
    #logo img {
        position: relative;
        width: 139px;
        top: 4px;
    }
}

@media screen and (max-width: 767px) {
    #logo {
        position: absolute;
        z-index: 150000;
    }
    #logo img {
        position: relative;
        width: 117px;
        top: 9px;
    }
}

.starter-template {
    padding: 0;
    color: #FFFFFF;
    font-size: 14px;
}

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

/* Reisefinder */

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

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

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

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

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

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

/* --- */

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

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

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

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

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

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

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

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

.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:hover p {
    color: #FFFFFF;
    border-bottom: 5px solid #FFFFFF;
}

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

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

    padding: 11px 16px;

    position: absolute;

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

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

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


/* --- */

.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: #34811F;
    color: #FFFFFF !important;
}

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

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

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

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

.smallButton i {
    position: absolute;
    font-weight: normal;
}

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

.smallButton i.fa-shopping-cart {
    left: 5px;
    top: 3px;
    color: white !important;
    font-size: 24px;
}

.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: #2C4B08;
    text-decoration: none !important;
}

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

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


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

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


/* ----- */

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


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


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

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

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

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

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

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


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

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

.preisrechnerart.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 {
    cursor: default;
    color: #000000;
    background: #FFFFFF;
}

.preisrechnerart:hover {
    cursor: pointer;
}

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

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

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

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

/* ----- */

#navbar-bereiche {
    height: 40px;
}

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

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

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

#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
{
    /*color: #FFFFFF !important;*/
}

#navbar-bereiche .abschnittsnavpunkt.active h3
{
    color: #FFFFFF !important;
}

.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 0 13px 0;
    cursor: pointer;

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

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

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

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

}

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

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

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

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



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

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

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

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

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

div.datepicker {
  position: relative;
}

div.timepicker {
  position: relative;
}

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

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

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

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

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

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

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

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

.navbar {
    padding-left: 189px;
}

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

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

@media screen and (min-width: 794px) 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: 421px) {
    .hidden-ab-421 {
        display:none;
    }
}
@media screen and (min-width: 350px) {
    .hidden-ab-350 {
        display:none;
    }
}


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

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

@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 a {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    color: #2c4b08;
}

/* ----- */

#kfZielH1, .kfZielH1 {
    font-size: 48px;
    color: #FFF;
    margin-top: 0;
}

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

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

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

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

#bewertungsleiste a {
    color: #2F312E;
}

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

#listeBuchungsschritt1.tagesfahrten #wide-column-mid .reiseLandBlock:nth-child(2) {
   margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.objekt-zeilen-ziel-titel {
    height: 60px;
    font-weight: bold;
    margin: 1px 0 0 0;
    background-color: #0E6650;
}

.objekt-zeile {
    position: relative;
    margin: 2px 0 0 0;
    cursor: pointer;

}

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

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

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

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

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

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

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

.anreiseUndPreis.buchungsschritt2 img {

}

.objekt-zeile-spalte-buchbarkeit {
    position: absolute;
    top:0;
    bottom:-1px;
    right: 0;
}

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

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

.fehlerMeldungBanner i {
    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.inRot a {
    color: #8F0040;
    text-decoration: underline;
}

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

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

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

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

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



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

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

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

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

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

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

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

.outer-frame-for-verticaly-centered-chevron {
    position: absolute;
    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: #f29500;
}

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

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

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

/* ----- */

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

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

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

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

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

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

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

#hamburger ul li {

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

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

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

#hamburger ul li i {
    position: absolute;
    right: 10px;
}

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

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

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

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

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

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

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

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

/* --- */


.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-boo {
    display: table-cell;
    position: relative;
    width: 20%;
    min-width: 144px;
    height: 50px;
    float: left;
    color: #000;
}

.kfBfZelleAktiv {
    background-color: #f2f2f2;
}

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

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

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

.kfBfZelle5 {
    width: 208px;
}

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

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

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


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

.endPreisProPersonBlau {
    color: #0255FF;
}

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

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

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

.inversePink {
    color: #FFF;
    background-color: #cc1373;
    font-size: 10px;
    line-height: 10px;
    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;
}

.inversePinkGrossBeiSMinus {
    background-color: white;
    color: #cc1373;
    display: none;
    padding: 2px 0 1px 0;
    margin-bottom: 2px;
}

.inversePinkGrossAusserSMinus {
    background-color: white;
    color: #cc1373;
    display: inline-block;
    padding: 2px 0 1px 0;
    margin-bottom: 2px;
}

.aktionsHeadlineBeiInverse {
    color: #cc1373;
    display: inline-block;
    padding: 2px 0 1px 0;
    margin-bottom: 2px;
}



@media screen AND (min-width: 768px) AND (max-width: 980px) {
    /* S- */
    .inversePinkGrossBeiSMinus {
        color: white;
        background-color: #cc1373;
        display: inline-block;
        padding: 2px 3px 1px 3px;
        margin-bottom: 2px;
    }
    .inversePinkGrossAusserSMinus {
        display: none;
    }
    .aktionsHeadlineBeiInverse {
        display: none;
    }
}

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

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

/* -- */


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

#premium-partner p, #premium-partner td {
  color: #005AA6;
  font-weight: bold;
  margin: 0;
  padding: 0;
}


/* 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.preisvergleich {
    height: 120px;
}

#blauerHintergrundstreifen.gruppenunterkuenfte {
    height: 900px;
}

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

#abstandZumInhalt.startseite,
#abstandZumInhalt.startseiteEU,
#abstandZumInhalt.startseiteTagesfahrten,
#abstandZumInhalt.wieStartseite {
    height: 380px;
}

#abstandZumInhalt.zielseite,
#abstandZumInhalt.buchungsseite,
#abstandZumInhalt.preisvergleich,
#abstandZumInhalt.busanmietungFormular,
#abstandZumInhalt.gruppenunterkuenfte {
    height: 80px;
}

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

@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;
    }
    #titelBildDiv {
        display: none;
    }
    #titelBildDiv.startseite,
    #titelBildDiv.startseiteEU,
    #titelBildDiv.startseiteTagesfahrten,
    #titelBildDiv.listeNaviAbschnitte.tagesfahrten {
        display: block;
    }

    #abstandZumInhalt {
        height: 80px;
    }
    #abstandZumInhalt.startseite,
    #abstandZumInhalt.startseiteTagesfahrten,
    #abstandZumInhalt.startseiteEU,
    #abstandZumInhalt.wieStartseite {
        height: 380px;
    }
    #blauerHintergrundstreifen {
        height: 310px;
    }
    #blauerHintergrundstreifen.buchungsseite,
    #blauerHintergrundstreifen.preisvergleich {
        height: 120px;
    }
}

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

@media screen and (max-width: 767px) {
    /* XS*/
    #titelBildDiv.zielseite {
        display: block;
    }
    #titelBildDiv.buchungsseite,
    #titelBildDiv.preisvergleich {
        display: block;
    }
    #blauerHintergrundstreifen.buchungsseite,
    #blauerHintergrundstreifen.preisvergleich {
        height: 140px;
    }
}

@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.preisvergleich {
        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;
    color:#FFFFFF;
    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;
}

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

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

.blockTitel h2,
.blockTitel p {

}

.blockAbstand {
    height: 10px;
}

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

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

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

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

.hiToggler i,
.zlToggler i {
    color: #FFFFFF;
}

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

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

.aufklappbarerZlContent {
    padding: 0;
}

.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;
    background: #FFFFFF;
    color: #34811f;
    padding: 0 5px;
    width: 90px;
    font-weight: bold;
    text-align: center;
}

.preisHiSchritt3 {
    outline: 1px solid #B4D0AC;
}

.preisZl {
    position:absolute;
    top: 0;
    bottom: 0;
    right: 10px;
}

.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: 3px 20px 0 10px;
    }
    .aufklappbarerZlContent p {
        padding: 10px 10px 43px 10px;
    }
    .preisZl {
        top: auto;
        bottom: 13px;
        right: auto;
        left: 17px;;
    }
}

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

}

.inklusivleistungDiv {
    width: 70%;
}

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

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

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

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

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

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

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

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

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

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

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

#listeBuchungsschritt1 {

}

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

    .objTogglerTable {
        margin: 0;
    }

    .aufklappbarerObjContent p {
        padding: 10px;
    }

    .iconsRundUndEckig {
        margin: 0 10px;
    }
    .dieseUnterkunftAusw {
        padding-left: 10px;
    }
    .objektBild01 {
        width: 100%;
    }

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

    .pvBlock {
        padding: 10px 0;
    }

    #listeBuchungsschritt1 {
        margin-left:0;
        padding-left:0;
    }
    #listeBuchungsschritt1.tagesfahrten {
        margin-left:0;
        margin-right:0;
        padding-left:10px;
        padding-right:10px;
    }
}

/* ------ */

#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: #0e6650;
    color: #FFFFFF;

    -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: #FFF;
    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: #008035; 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;
}

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

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

#warenkorbHeader {
    margin: 0 -10px;
}

#warenkorbBody {
    margin: 2px -10px 0 -10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

main.buchen .panel-heading, aside.warenkorb {
    color: #fff;
}

main.buchen .panel {
    border-color: #B1C700;
}

main.buchen .panel-heading, main.buchen .panel-body {
    background-color: #B1C700;
}

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

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

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

#reisefinderStreifen.aktionspreisrechner {
    height: 176px;
}

#reisefinderErsatzStreifen.aktionspreisrechner {
    height: 185px;
}

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

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

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

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

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

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

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

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

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

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

.zelleBuchbar {
    background: #009136;

}
.zelleBuchbar > div > div:before {
    content: 'buchbar';
}

.zelleAufAnfrage {
    background: #FCC751;
}
.zelleAufAnfrage > div > div:before {
    content: 'auf Anfrage';
}

.zelleAusgebucht {
    background: #900000;
}
.zelleAusgebucht > div > div:before {
    content: 'ausgebucht';
}
.zelleNichtBuchbar {

}


/**/

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

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

}


#bitteWarten {
  position: fixed;
  background-color:rgba(0, 0, 0, .5);
  color: #FFF;
  top: 57%;
  left: 50%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 600px;
  margin-left: -300px;
  border-radius: 20px;
  padding:20px;
}

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

#cl_sort, #cl_budget {
    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_sort .firstTag,
#cl_budget .firstTag {
    display: block;
}
#cl_sort .hiddenTag,
#cl_budget .hiddenTag {
    display: none;
}

#cl_sort .firstTag i,
#cl_budget .firstTag i {
    float:right;
    font-size: 18px;
    margin-top: 2px;
}
#cl_sort .firstTag span,
#cl_budget .firstTag span {
    display: inline-block;
}

#cl_sort 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 {
    width: 300px;
}
.cl_budget_dropdown {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.alternativen.last {
    height:44px;
}


.tfKategorieUndPreis {
    height:65px;
}

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

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

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

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


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

.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) {
    #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: #34811F;
    color: white;
    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: 2px;
    margin: 0;
    padding: 0;
}

#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;
    background: url('/images_4.0/klassenfahrten/assets/kacheln/pfeil8px-footer-jugendtours-kf.png') no-repeat 0 7px;
}

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

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

#footer-dreispaltentext a {
    text-decoration: underline;
}

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

#footer-banner h4 {
    color: white;
}

#footer-banner h4 {
    padding-top: 0;
    margin-top: 0;
}

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


.muenze {
    margin-right: 5px;
}

.left20oder10px {
    left: 20px;
}

.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-banner .banner-md-3 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .footer-button {
        left: 10px !important;
        right: auto;
    }
    .left20oder10px {
        left: 10px;
    }
}

@media (max-width: 400px) {
    .muenze img {
        width: auto !important;
        height: 60px !important;
    }
}

/* --- */

#angebotOnlineBuchungsschritt2 {
    position: relative;
    padding-left:100px;
}
#angebotOnlineBuchungsschritt2 div {
    left:-30px;
    position:absolute;
    top:1px;
}

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

.r-m-active {
    background: #FFF;
    cursor: default;
}

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

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

.dropdownAppendix {
    display: none;
    background: #5AC5F1;
    height: 100px;
    width: 100%;
}

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

.r-m-mo {
    background: #FFF;
}

.r-m-preis {
    float: right;
    color: #0E6650;
    font-size: 21px;
    line-height: 25px;
    font-family: UnitWeb, Arial, Tahoma, Helvetica, sans-serif;
}

.r-m-titel {
    color:  #0E6650;
    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: #0E6650;
    font-size: 13px;
    position: relative;
    top: -2px;
    transform: none;
}

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

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

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

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

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

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

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

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

}

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

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

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

/* Nokia Maps*/

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

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

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

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

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

.H_l_horizontal .H_ctl {
  float: left;
}

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

.H_l_vertical .H_ctl {
  clear: both;
}

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

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

/**
 *  Element styles
 */

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

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

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

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

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

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


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

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


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

.H_overlay.H_open {
  display: block;
}

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

/** InfoBubble */


.H_ib {
  position: absolute;
  left: .91em;
  background: #008035;
  color: #fff;
  font-size: 15px;
  fill: #008035;
  left: -100%;
  -moz-user-select: initial;
  -khtml-user-select: initial;
  -webkit-user-select: initial;
  -o-user-select: initial;
  -ms-user-select: initial;
}
.H_ib_tail {
  position: absolute;
  left: -.3em;
  bottom: -.5em;
  width: 1.2em;
  height: 1.2em;
  z-index: 100;
}
.H_ib_notail .H_ib_tail {
  display: none;
}
.H_ib_body {
  background: #008035;
  position: absolute;
  bottom: .5em;
  padding: 0 20px 0 5px;
  border-radius: .2em;
  margin-right: -1em;
  right: 0;
  min-width: 200px;
  min-height: 50px;
}

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

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

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

.H_ib_content {
  min-width: 6em;
  margin: .2em 0;
  padding: 0 .2em;
}



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

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

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

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

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

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

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


.H_slider .H_slider_cont {
  position: relative;
}

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

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

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

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

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

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

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

.H_context_menu_closed {
    display: none;
}

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

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

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


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


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

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

.H_pano_notransition {
  transition: none !important;
}


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

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


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

.H_pano_ib {
  cursor: pointer;
}

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

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


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

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

.H_overview_active {
  padding: 0.5em;
}

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

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

.H_l_right .H_overview {
  right: 100%;
}

.H_l_left .H_overview {
  left: 100%;
}

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

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

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


.H_overview_map .H_ui {
  display: none;
}

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

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

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

/* --- */

#stageEntertainemntModule .col-md-2 {
    padding: 5px;
    margin: 0;
}

.stageEntertainemntModul  {
    margin: 0;
    padding: 10px 20px;
    height: 300px;
    position: relative;
}
.semButton {
    position:absolute;
    left:20px;
    bottom:10px;
}

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

/* ------- */

    .progress {
        background-color: #ACE1F7;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* ------- */

.zl-rm-blatt {

}

.zl-rm-blatt-fff, .zl-verpflegung-blatt-fff {
    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-verpflegung-plus-minus {
}

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

.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;
    background-color: white;
    text-align: center;
}

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

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

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

    .marginXS10SM20 {
        margin: 0 10px;
    }

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


.zl-rm-active {
    background: #fff;
}

.zl-rm-passive {
    background: transparent url('/images_4.0/klassenfahrten/assets/fff-63.png');
}

.zl-rm-mo {
    background: #DDD;
}

.pp-rm-button-activity {
    cursor: pointer;
}

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

.zlIdValue, .vpIdValue, .verpflegungIdValue, .ppIdValue {
    display: none;
}

.verpflegungInputParent {
    position: relative;
    left: 5px;
    margin: 0 -5px 10px -5px;
    padding: 0 5px 0 5px;
    height: 60px;
}

form.floatlabels input[type=text].verpflegungInput {
    width: 90px;
    color: #34811F;
}


/**/
.modul-bildungsprogramm {
    position: relative;
    padding: 20px 20px 30px 20px;
}

.aufklappbares-bildungsprogramm {
    padding-top: 40px;
}

.bildungsprogramm-zeile {
    position: relative;
    padding: 10px 0 10px 70px;
    margin: 0 20px;
    border-bottom: 1px solid white;
}

.aufklappbares-bildungsprogramm .bildungsprogramm-zeile:first-child {
    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;
}

/* ----- */

.hiddencb {
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    position:fixed;
    top:-20px;
}


.zlTbl, .vpTbl, .verpflegungTbl, .ppTbl {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 11px;
    line-height: 14px;
}

#zlBTglr, #vpBTglr, #verpflegungBTglr, #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 {
    position: relative;
    margin-left: 0;
}

#zlBTglr i,
#vpBTglr i,
#ppBTglr i,
#verpflegungBTglr 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
{
    top: 5px;
    left: 0;
}

#zlBTglr i.fa-chevron-down,
#vpBTglr i.fa-chevron-down,
#ppBTglr i.fa-chevron-down,
#verpflegungBTglr i.fa-chevron-down {
    top: 4px;
    left: -1px;
}

#zlCounter, #vpCounter, #versicherungCounter, #ppCounter, #verpflegungCounter {
    position: absolute;
    top: 0;
    right: -18px;
    padding: 0 4px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-color: #0E6650;
}

.zlIdValue, .vpIdValue, .verpflegungIdValue, .ppIdValue {
    display: none;
}


#zlTblContainer .fa-trash-o,
#vpTblContainer .fa-trash-o,
#ppTblContainer .fa-trash-o,
#verpflegungTblContainer .fa-trash-o {
    font-size: 15px;
    cursor: pointer;
    padding: 2px 10px 2px 5px;
}
#zlTblContainer .fa-trash-o:hover,
#vpTblContainer .fa-trash-o:hover,
#ppTblContainer .fa-trash-o:hover,
#verpflegungTblContainer .fa-trash-o:hover {
    text-decoration: underline;
    color: orange;
}


#zlTblContainer table td,
#vpTblContainer table td,
#ppTblContainer table td,
#verpflegungTblContainer table td {
    vertical-align: middle;
}


#ppGesamtBetrag, #verpflegungGesamtBetrag {
    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: 0px 20px 0 20px;
    height: 30px;
}

.sichToggler h3 {
    position: absolute;
    top: 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    color: #FFFFFF;
    width: 300px;
}

.aufklappbarerSichContent {
    position: relative;
    padding: 0 20px 15px 20px;
    line-height: 16px;
    font-size: 12px;
    height: 130px;
}

.aufklappbarerStellenContent {
    position: relative;
    padding: 0 20px 15px 20px;
    line-height: 16px;
    font-size: 12px;
}

.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: FontAwesome;
   content: "\F00C";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   height: 100%;
}

ul.with-fa-checked {
    padding: 0 0 0 0;
}

ul.with-fa-checked li {
    list-style: none outside none;
    padding-left: 17px;
}

ul.with-fa-checked li:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    vertical-align: middle;
    display: inline-block;
    font-size: 11px;
    position: relative;
    top: -1px;
    margin-right: 3px;
    margin-left: -15px;
}

#scrollToTop {
    background-color:#BA1217;
    color:white;
    padding:0 10px;
    z-index:10000000;
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:38px;
    width:100%;
    display:none;
    text-align:center;
}

.timepicker .fa-chevron-up,
.timepicker .fa-chevron-down {
    color:#5C9852;
}

.silbentrennung {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   hyphenate-limit-chars: auto 5;
   hyphenate-limit-lines: 2;
}

/* ---- */

.orangeTags {
    vertical-align: middle;
    border: none;
    outline: none;
    padding: 3px 5px 0 5px;
    margin: 0 2px 2px 0;
    float: left;
    font-family: Arial;
    font-size: 11px;
    height: 22px;
    cursor: pointer;
    font-weight: bold;
}

.orangeTagsLand {
    background-color: #D5D1D1;
}

.orangeTagsLand a {
    color: #0A2E27;
}

.orangeTagsStadt {
    background-color: #FFFFFF;
}

.orangeTagsStadt a {
    color: #0A2E27;
}


.schulfahrten-linkfarben a {
    font-size: 13px;
    color: #C95A00 !important;
}

.schulfahrten-linkfarben a:hover {
    color: #FFA200 !important;
}

/* ---- */


.modul-downloads-waagerecht {
    color: #46473f;
    width: 1080px;
    padding: 20px;
    height: 80px;
}

.modul-downloads-senkrecht {
    color: #46473f;
    width: 519px;
    height: 75px;
    padding: 0px 20px 20px 20px;
    position: relative;
}

.modul-downloads-senkrecht a:hover {
    text-decoration: none;
}

.modul-downloads-senkrecht img {
    position: absolute;
    left: 20px;
    top: 0px;
}

.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 {
    padding-left: 80px;
    padding-top: 10px;
}


.download-link-box:hover {
    color: #90BD10;
    text-decoration: none;
}

.download-hr {
    background: #343530;
    margin: 0 0 20px 20px;
    width: 520px;
}

/* --- */
#rueckrufButton, #rrfMeldung {
    display:none;
    position:fixed;
    bottom:0;
    right:0;
    background:#ED7189;
    padding:10px 14px;
    width: 320px;
    z-index: 1000000;
    cursor: pointer;
}

#rueckrufSchliessen {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}

#rueckrufDatenschutz {
    position: absolute;
    text-align: right;
    right: 10px;
    bottom: 20px;
}

#rueckrufformular {
    display: none;
    position: fixed;
    bottom: 57px;
    right: 0;
    background-color: #3f406c;
    width: 320px;
    padding: 0 20px 20px 20px;
    z-index: 55000;
    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: 0;
    }
    #rueckrufSchliessen {
        right: 10px;
    }
    #rueckrufButton {
        width: 70px;
    }
}


#navbar-bereiche .navbar-nav li a#kfLinkBereichsNavi {
    padding-right:0;
}

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


#jr-header-image {
    width: 100%;
    position: static;
    top: 80px;
    overflow: hidden;
    height: 450px;
}

#jr-header-image h1 {
    position: absolute;
    top: 350px;
    left: 30px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}

#jr-header-image h2 {
    position: absolute;
    top: 410px;
    left: 30px;
    color: #fff;
    text-shadow: 0px 0px 5px #000;
}

@media (max-width: 480px) {
    #jr-header-image h1 {
        font-size: 3.8em;
    }

    #jr-header-image h2 {
        font-size: 2.6em;
    }
}

@media (max-width: 380px) {
    #jr-header-image {
        height: 150px;
    }

    #jr-header-image h1 {
        top: 110px;
        font-size: 3.0em;
    }

    #jr-header-image h2 {
        font-size: 2.0em;
        top: 150px;
    }

    .hidden-xxs {
        display: none;
    }

    #hintergrundMitte {
        margin-top: -90px;
    }

    #hintergrundMitte.startseite {
        margin-top: 0px;
    }
}

/* --- --- */

a.zfSmallButton {
  font-family: Arial, serif;
  font-size: 15px;
  text-decoration: none !important;
  max-height: 30px;
  height: 30px;
  padding: 5px 6px !important;
  margin: 0 !important;
  font-weight: bold;
  color: #2C4B08 !important;
  border-radius: 0 15px 15px 0;
  display: inline-block;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-image: linear-gradient(to bottom, #7ED321, #7ED321 50%, #548F14 50%, #548F14);
  background-position: 0 0%;
  background-size: 100% 200%;
  box-sizing: border-box;
  cursor: pointer;
}

a.zfSmallButton.fuerRueckruf {
  color: white !important;
  background-image: linear-gradient(to bottom, #ED7189, #ED7189 50%, #9A3970 50%, #9A3970);
}

a.zfSmallButton.inHell {
  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 50%, #548F14 50%, #548F14);
}

a.zfSmallButton.inPink {
  color: #9A3970 !important;
  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF 50%, #ED7189 50%, #ED7189);
}

a.zfSmallButton.inSchwarz {
  color: white !important;
  background-image: linear-gradient(to bottom, #000000, #000000 50%, #548F14 50%, #548F14);
}


a.zfSmallButton i {
    color: #ffffff  !important;
}

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

a.zfSmallButton:hover {
    color: #ffffff  !important;
    padding: 4px 6px 6px 6px;
    background-position: 0 100%;
    text-decoration: none !important;
}

a.zfSmallButton.inHell:hover {
    color: #2C4B08 !important;
}

.mj-login form {
    background-color: #5c943b;
    /*    background-image: url('/images_4.0/jugendreisen/meinjugendtours/login/login-icon.png');
        background-position: 70% 90%;
        background-repeat: no-repeat;*/
    padding: 10px;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .mj-login h2 {
        font-size: 20px;
    }
}

.mj-login-features, .mj-faq-links {
    list-style-type: none;
    padding-left: 0px;
}

.mj-login-features li:before {
    content: '+ ';
}

.sprechBlaseWaagerecht {
    font-style: italic;
    background: #FFD101;
    color: #442B0C;
    height: 215px;
    padding: 15px 15px 15px 175px;
}

.sprechBlaseWaagerecht a {
    color: #442B0C;
}

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

.urheberBoxWaagerecht span {
    color: #E8E9DA;
    font-family: UnitWeb, Helvetica, Arial, Tahoma, sans-serif;
    font-size: 13px;
    line-height: 18px;
}

.urheberBoxWaagerecht {
    width: 160px;
    font-size: 12px;
    position: relative;
    color: #E8E9DA;
    background: #5C943B;
    padding: 20px;
    margin-bottom: 20px;
    float:left;
    height: 215px;
}

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

.urheberBoxWaagerecht a {
    color: #46473f;
    font-size: 14px;
}

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