/* carousel style */
.slideshow-container-bal {
    /*  max-width: 1000px;*/
      position: relative;
      margin: auto;
    }
    @media only screen and (min-width: 769px){
      .homepage {
        max-width: 1920px; /* actual img width */
        height: 750px; /* actual img height */
        /*height: 150px;*/ /* actual img height - IE7 */
        /*background-image: url(http://www.bal-tours.de/new-directory/img/slide-3.jpg);*/
        background-size: cover;
        background-position: center;
      }
      .homepage:after {
        content: " ";
        display: block; 
        width: 100%; 
        padding-top: 33.333%; /* 3:1 ratio */
      }
    }
    
    @media only screen and (max-width: 768px){
      .homepage {
        max-width: 1920px; /* actual img width */
        height: 250px; /* actual img height */
        /*height: 150px;*/ /* actual img height - IE7 */
        /*background-image: url(http://www.bal-tours.de/new-directory/img/slide-3.jpg);*/
        background-size: cover;
        background-position: center;
      }
      .homepage:after {
        content: " ";
        display: block; 
        width: 100%; 
        padding-top: 33.333%; /* 3:1 ratio */
      }
    }
    
    /* nxt & previous buttons */
    .prev, .nxt {
      cursor: pointer;
      position: absolute;
      top: 50%;
      width: auto;
      padding: 16px;
      margin-top: -22px;
      color: white;
      font-weight: bold;
      font-size: 18px;
      transition: 0.6s ease;
      border-radius: 0 3px 3px 0;
    }
    
    /* Position the "nxt button" to the right */
    .nxt {
      right: 0;
      border-radius: 3px 0 0 3px;
    }
    
    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .nxt:hover {
      /*background-color: rgba(0,0,0,0.8);*/
      background: #fbc02d;
    }
    
    /* Caption text */
    .text {
      color: #f2f2f2;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }
    
    /* Number text (1/3 etc) */
    .numbertext {
      color: #f2f2f2;
      font-size: 12px;
      padding: 8px 12px;
      position: absolute;
      top: 0;
    }
    
    /* The dots/bullets/indicators */
    .dot {
      cursor:pointer;
      height: 13px;
      width: 13px;
      margin: 0 2px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
    }
    
    /*.active, */.dot:hover {
      background-color: #717171;
    }
    
    /* Fading animation */
    .fade_img {
      -webkit-animation-name: fade;
      -webkit-animation-duration: 1.5s;
      animation-name: fade;
      animation-duration: 1.5s;
    }
    
    @-webkit-keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }
    
    @keyframes fade {
      from {opacity: .4}
      to {opacity: 1}
    }
    
    /* On smaller screens, decrease text size */
    @media only screen and (max-width: 300px) {
      .prev, .nxt,.text {font-size: 11px}
    }
/* carousel style end */

/*listing style */
.shape {
    border-style: solid;
    border-width: 0 70px 40px 0;
    float: right;
    height: 0px;
    width: 0px;
    -ms-transform: rotate(360deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(360deg); /* Safari and Chrome */
    transform: rotate(360deg);
}
.listing {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    margin: 15px 0;
    overflow: hidden;
    z-index: 100;
}
.listing:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    /*transform: rotate scale(1.1);*/
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 10001;
}
.shape {
    border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}
.listing-radius {
    border-radius: 7px;
}
.listing-danger {
    border-color: #d9534f;
}
.listing-danger .shape {
    border-color: transparent #d9533f transparent transparent;
}
.listing-success {
    border-color: #5cb85c;
}
.listing-success .shape {
    border-color: transparent #5cb75c transparent transparent;
}
.listing-default {
    border-color: #999999;
}
.listing-default .shape {
    border-color: transparent #999999 transparent transparent;
}
.listing-primary {
    border-color: #428bca;
}
.listing-primary .shape {
    border-color: transparent #318bca transparent transparent;
}
.listing-info {
    border-color: #5bc0de;
}
.listing-info .shape {
    border-color: transparent #5bc0de transparent transparent;
}
.listing-warning {
    border-color: #f0ad4e;
}
.listing-warning .shape {
    border-color: transparent #f0ad4e transparent transparent;
}
.shape-text {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    right: -40px;
    top: 2px;
    white-space: nowrap;
    -ms-transform: rotate(30deg); /* IE 9 */
    -o-transform: rotate(360deg); /* Opera 10.5 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    transform: rotate(30deg);
}
.listing-content {
    padding: 0 20px 10px;
}#scroll{
  height: 300px;
  box-sizing: border-box;
  width:450px;
  overflow-y:scroll;
  white-space:nowrap;
  position:relative;
}  .recentcomments a{
  display:inline !important;padding:0 !important;margin:0 !important;
  }img {
  vertical-align: middle;
}.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}.img-rounded {
  border-radius: 8px;
}.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}.img-circle {
  border-radius: 50%; 
}

/* listing end style */

.roboto{
	font-family: Roboto, Arial, sans-serif!important;
}
.hotel-search-title{
	color: #333!important;margin-top: 30px;font-size: 22px;font-weight: 500!important;
}
.hotel-search-lbl{
	text-transform: uppercase;
	font-size: 13px;
}
.list-default{
	border-color: #e0e0e0!important;
}
.h1{
	color: #d35400!important;
	text-align: center!important
}
@media only screen and (min-width: 1360px){
    .txt{
    	/*position: absolute; padding: 100px 0px; z-index: 1; top: 425px; max-width: 1100px; display: block; margin: auto; left: 0px; right: 0px;*/
    	position: absolute; padding: 100px 0px; z-index: 1; top: 32%; width: 1200px; display: block; margin: auto; left: 0px; right: 0px;
    }
    h1#slogan{
    	color: #fff;width: 100%;text-align: center;font-size: 37px;margin: 15px 0;
    }
    .sub-txt{
    	max-width: 1200px;
    }
    .sub-txt p{
    	font-size: 19px;
    }
}

@media only screen and (min-width: 1220px) and (max-width: 1559px){
	.txt{
    	/*position: absolute; padding: 100px 0px; z-index: 1; top: 355px; max-width: 1100px; display: block; margin: auto; left: 0px; right: 0px;*/
    	position: absolute; padding: 100px 0px; z-index: 1; top: 235px; width: 1100px; display: block; margin: auto; left: 0px; right: 0px;
    }
    h1#slogan{
    	color: #fff;width: 100%;text-align: center;font-size: 28px;    margin: 20px 0;
    }
    .sub-txt{
    	max-width: 900px;
    }
    .sub-txt p{
    	font-size: 17.7px;
    }
}

@media only screen and (min-width: 912px) and (max-width: 1219px){
	.txt{
    	/*position: absolute; padding: 100px 0px; z-index: 1; top: 295px; max-width: 800px; display: block; margin: auto; left: 0px; right: 0px;*/
    	position: absolute; padding: 100px 0px; z-index: 1; top: 45%; width: 800px; display: block; margin: auto; left: 0px; right: 0px;
    }
    h1#slogan{
    	color: #fff;width: 100%;text-align: left;font-size: 25px;    margin: 15px 0;
    }
    .sub-txt{
    	max-width: 800px;
    }
    .sub-txt p{
    	font-size: 15px;
    }
}

@media only screen and (min-width: 810px) and (max-width: 911px){
	.txt{
    	/*position: absolute; padding: 60px 0px; z-index: 1; top: 295px; max-width: 800px; display: block; margin: auto; left: 0px; right: 0px;*/
    	position: absolute; padding: 60px 0px; z-index: 1; top: 50%; width: 800px; display: block; margin: auto; left: 0px; right: 0px;
    }
    h1#slogan{
    	color: #fff;width: 100%;text-align: left;font-size: 24.4px;    margin: 15px 0;
    }
}

@media only screen and (max-width: 809px){
	.txt{
		display: none;
	}
}



.balfont{
    font-family: balFont;
}

.form-control{
    height: 50px;
}

.marathon_info p{
    text-align: center;
}
.marathon_info h3{
    width: 100%;
    margin-top: 24px;
    font-weight: 600;
    font-family: balFont;
    text-align: center;
}
.marathon_info ul li{
    list-style-type: none;
}

.content-wrap h3{
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-family: balFont;
}

.content-wrap h5,.content-wrap h1{
    width: 100%;
    text-align: center;
    font-family: balFont;
    font-weight: 600;
}

.input-field {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    color: #333333;
    line-height: normal;
    padding: 5px 10px;
    box-shadow: none;
    background: #fff;
    margin-bottom: 15px;
}

@media only screen and (min-width: 768px)
{
    .buchung {
        margin-left: 15px;
    }
    .wrap-image{
        width: 100%;
        padding-bottom: 65%;
        position: relative;
        overflow: hidden;
    }
    .wrap-image img,.wrap-image span{
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        /*remove this to main aspect ration*/height: 100%;width: 100%;
    }
    .suche-result-header {
        font-weight: 600;
        font-size: 23px;
        margin: 0;
    }
    .mobile-menu-btn{
        width: 100%;
    }

    .rundreise-text h3, .rundreise-text span.h-tag{
        text-align: left;
        font-family: Roboto, Arial, sans-serif;
        font-weight: 600;
        font-size: 16px;
        margin-top: 20px;
    }

    .rundreise-text p{
        text-align: left!important;
        font-family: Roboto, Arial, sans-serif;
    }

    .img-right{
        float: right;
    }

    .img-w400{
        width: 400px;
    }

    h1.text-align-center,p.text-align-center,h3.text-align-center{
        width: 100%;
        text-align: center;
    }
    p.text-align-center{
        font-size: 17px;
    }
}

@media only screen and (max-width: 767px){
    .rundreise-text h3, .rundreise-text span.h-tag{
        text-align: justify;
        font-family: balFont;
        font-weight: 600;
        font-size: 26px;
        margin-top: 20px;
    }

    h1.text-align-center,h3.text-align-center{
       font-size: 24px;
    }

    p.text-align-center{
        font-size: 15px;
    }

    .rundreise-text p{
        text-align: justify;
        font-size: 14px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 767px)
{
    .suche-result-header {
        font-weight: 600;
        font-size: 20px;
        margin: 0;
    }
}
@media only screen and (max-width: 500px)
{
    .suche-result-header {
        font-weight: 600;
        font-size: 17px;
        margin: 0;
    }
}

.form-margin{
    margin: 0 0 10px 0;
}

.img-offer{
    width: 100%;
}

@media only screen and (min-width: 1220px){
    /*.wrap-header{
        width: 1220px;
        margin: auto;
    }*/
    .stamp{
        display: none;
    }
    .stamp_hide_show{
        display: block;
    }
    .medium-wrap{
        display: none;
    }

    #eKomiWidget_default{
        position: absolute;
        top: 235px;
        right: 30px;
        z-index: 1000;
    }
    #mobile_menu{
        display: none;
    }
    .space{
        display: none;
    }
}

@media only screen and (max-width: 1219px) and (min-width: 881px){
    .contact_xs{
        display: none;
    }
}

@media only screen and (min-width: 881px){
    .wrap-md{
        width: 865px;
    }
}

@media only screen and (max-width: 1219px){
    .wrap-header{
        display: none;
    }
    #eKomiWidget_default{
        z-index: 1000;
        width: 162px;
        margin: auto;
        margin-top: 20px;
    }
    .desktop_menu{
        display: none;
    }
}

@media only screen and (max-width: 880px){
    .contact_sm{
        display: none;
    }
    .stamp_wrap{
        display: none;
    }
    .wrap-md{
        width: 705px;
    }
}

.over-box{
    z-index: 1000;
}

table.table tr th{
    background: #555;
    color: #fff;
}

table.table{
    border: 1px solid #e3e3e3
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}

h1.text-align-center{
    font-family: balFont;font-weight: 600;color:#f0ad4e;
}

.mobile-menu-btn:focus{
    outline: none;
}

* {
    box-sizing: border-box;
}

.zoom {
    transition: all ease .5s;
    margin: 0 auto;
}

.zoom:hover {
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1);
}

.list-custom:hover{
    -ms-transform: none!important; /* IE 9 */
    -webkit-transform: none!important; /* Safari 3-8 */
    transform: none !important;
    box-shadow: 0 0 20px rgba(33,33,33,.2);
}

.list-custom{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    transition: all ease .5s!important;
    transition: box-shadow .3s !important;
}

/*  IMAGE ZOOMING */
.zoom-holder {
  display: inline-block;
  overflow: hidden;    /*  clip the excess when child gets bigger than parent  */
  transition: all ease .5s;
  border-radius: 5px
}
.zoom-holder img {
  display: block;
  transition: all ease .5s;
}
.zoom-holder:hover{
  background-color:#000;
}
.zoom-holder:hover img {
  transform: scale(1.1);
  transform-origin: 50% 50%;
  opacity:0.5;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.itb-details strong{
    font-size: 18px
}
.itb-details{
    margin-top: 15px
}
table.rundreise-tbl{
    border:none;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    border-radius: 4px;
    font-family: Roboto, Arial, sans-serif;
}
table.rundreise-tbl thead{
    border-bottom: 2px solid #DEE2E6;
}
table.rundreise-tbl thead tr th{
    background: #FFF;
    text-align: left;
    border: none;
    padding: 16px 0;
    color: #222;
    padding-left: 25px;
    font-weight: 500
}
table.rundreise-tbl tbody tr td{
    border: none;
    border-top: 1px solid #dee2e6;
    padding: 16px 0px 16px 25px;
}
.tbl-header{
    font-family:balfont;
    font-size: 18px;
    color: #212529;
    padding-top: 20px;
    margin-bottom: -10px;
    text-align: left!important
}
.rundreise-text h3 i.fa, .rundreise-text span i.fa{
    color: #238ae6;
}
.rundreise-btn-primary{
    background-color: #4285f4 !important;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    padding: 1.34rem 2.74rem;
    font-size: 1.4rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    white-space: normal;
    word-wrap: break-word;
    font-weight: 400;
    display: inline-block;
    border-radius: .150rem;
}
.rundreise-btn-success{
    background-color: #00c851 !important;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    padding: 1.34rem 2.74rem;
    font-size: 1.4rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: .375rem;
    border: 0;
    border-radius: .125rem;
    white-space: normal;
    word-wrap: break-word;
    font-weight: 400;
    display: inline-block;
    border-radius: .150rem;
}
.rundreise-btn-primary:hover, .rundreise-btn-success:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
.btn-secondaryNav{
    padding: 1.5rem 3.5rem;
    font-size: 1.2rem;
    background-color: #4285f4 !important;
    border-radius: .2rem;
    border: 0;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    font-weight: 400;
}
.btn-secondaryNav:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    outline: 0;
    border-color: #0062cc
}
.btn-warning2{
    padding: 1.5rem 3.5rem;
    font-size: 1.2rem;
    background-color: #fb3 !important;
    border-radius: .2rem;
    border: 0;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    font-weight: 400;
}
.btn-warning2:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    outline: 0;
    border-color: #d39e00
}
.btn-light{
    padding: 1.5rem 3.5rem;
    font-size: 1.2rem;
    background-color:#e0e0e0 !important;
    border-radius: .2rem;
    border: 0;
    white-space: normal;
    word-wrap: break-word;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    font-weight: 400;
}
.btn-light:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    outline: 0;
    border-color: #dae0e5
}
.custom-content{
    background-color: transparent !important;
    border-radius:0;
    border:none;
    box-shadow: none
}
.custom-header{
    height: 50px
}
.custom-body{
    background-color: #fff !important
}
.custom-footer{
    background-color: #fff !important
}
.custom-header .close{
    background: #222;
    color: #fff;
    padding: 5px 10px 5px;
    margin-bottom: 0;
    opacity: .5;
    margin-right: -13px;
}
.btn-check-hotel{
    background-color:#007bff;color:#fff;padding:3px 15px;border-radius: .2rem;font-size:13px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.btn-check-hotel:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    color: #fff
}
.product-slider { padding: 0;margin-top: -16px }
.product-slider .slide-carousel {margin: 0; }
.product-slider .thumb-carousel { margin: -135px 0 0; padding: 0; }
.product-slider .thumb-carousel .item { text-align: center; }
.product-slider .thumb-carousel .item .thumb {
    border: 2px solid #fff;
    width: 20%;
    height: 55px;
    margin: 0 1%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 70px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-slider .thumb-carousel .item .thumb:hover { border-color: #1089c0; }
.product-slider .item img { width: 100%; height: auto; }
.carousel-control { color: #0284b8; text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%; }
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0); background-image: none;width: 70px }
.product-slider .slide-carousel .carousel-inner .item{
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 365px;
}
.view_map:hover{
    text-decoration: none;
}
.view_map:hover span{
    font-weight: 700
}
.pagination > li > a{
    color: #ddd;
    border:3px solid #ddd;
    margin-right: 5px;
    border-radius:0!important;
    font-weight: 600
}
.pagination > .active > a{
    background-color: #4285f4;
    border-color: #4285f4;
}
.pagination > .active > a:hover{
    background-color: #326087;
    border-color: #326087
}

.special-offer-wrap{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    border: 1px solid #dedede;
    border-radius: 8px;
    margin-bottom: 50px
}

.special-offer-wrap .s-img{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width:  100%;
    height: 245px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.special-offer-wrap .s-content{
    padding: 17px 25px;
}

.special-offer-wrap .s-content .title{
    font-weight: 700;
    font-size: 16px;
    color: #222;
}

.special-offer-wrap .s-content ul{
    margin-top: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    color: #222;
}
.special-offer-wrap .pries span{
    color: red;
    font-weight: 700;
    font-size: 24px;
}
.special-offer-wrap .pries{
    font-size: 18px;
    color: #222;
}
.special-offer-wrap .bbtn{
    text-align: center;margin-top: 15px
}
.special-offer-wrap .bbtn .banfrage{
    background-color: #ef6526;color: #fff;font-size: 12px;padding: 13px 44px;border-radius: 8px;width: 100%
}
.special-offer-wrap .bbtn .banfrage:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.offModal:hover{
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.offModal{
    background-color: #b0aaaa;
    color: #fff;
    padding: 12px;
    width: 100%;
    font-size: 12px;
    margin-bottom: 5px;
    border-radius: 8px;
}


/*START: menu*/
.navigation-menu,.tri-nav-menu{
	padding: 0;
	margin: 0;
	margin: auto;
	position: relative;
	float: left;
}
.navigation-menu li,.tri-nav-menu li{
	float: left;
	list-style-type: none;
	display: inline-block;
	position: relative;
}
.navigation-menu li a:hover,.tri-nav-menu li a:hover{
	text-decoration: none;
}
.tri-nav-menu li a{
	color: #282828;
	margin: 0 23px;
	font-weight: 600;
	font-family: balFont;
	 color: #fff;
	    background: none;
	    position: relative;
	    font: 400 16px/19px balFont,sans-serif;
	    -moz-transition: 0.3s all ease;
	    -o-transition: 0.3s all ease;
	    -webkit-transition: 0.3s all ease;
	    transition: 0.3s all ease;
	font-size: 17.1px;
	line-height: 40px;
}
.navigation-menu li a{
	color: #282828;
	margin: 0 37.4px;
	/*text-transform: uppercase;*/
	font-weight: 600;
	font-family: balFont;
	/*letter-spacing: 1px;*/

	    color: #fff;
	    background: none;
	    position: relative;
	    font: 400 16px/19px balFont,sans-serif;
	    -moz-transition: 0.3s all ease;
	    -o-transition: 0.3s all ease;
	    -webkit-transition: 0.3s all ease;
	    transition: 0.3s all ease;
	font-size: 17.1px;
	line-height: 70px;

}

	ul.navigation-menu li > ul.submenu{
		position: absolute;
		display: none;
		z-index: 10000;
		background: #141622;
/*		border-top: 4px solid #FFDE30;*/
		float: left;
	}
	ul.navigation-menu li ul.submenu{/*for infos & extras*/
		float: right;
	}
	ul.navigation-menu li ul.submenu li > a{
		color: #fff;
		line-height: 45px;
		font-weight: 300;
		margin: 0 23px;
	}
	ul.navigation-menu li ul.submenu li{	
		list-style-type: none;
		width: 190px;
		background: #141622;
	}

	/*START: category width modification*/
	ul.navigation-menu li ul.submenu li.pauschal{	
		width: 240px;
	}
	ul.navigation-menu li ul.submenu li.hotel{	
		width: 210px;
	}
	ul.navigation-menu li ul.submenu li.hotel{	
		width: 210px;
	}
	ul.navigation-menu li ul.submenu li.rundreise{	
		width: 250px;
	}
	/*END: category width modification*/

	ul.navigation-menu li:hover ul.submenu{
		display: block;
	}
	ul.navigation-menu li:hover ul.submenu li{
		display: block;
	}

		ul.navigation-menu li ul.submenu li ul{
			display: none;
		}
		ul.navigation-menu li ul.submenu li:hover{
			background: #1a1a1a;
		}
		ul.navigation-menu li ul.submenu li:hover > a{
			color: #fbc02d;
		}
		ul.navigation-menu li ul.submenu li:hover ul{
			display: block;
			position: absolute;
			margin-top: -45px;
			right: 190px;
			z-index: 10001;
			background: #141622;
		}

		ul.navigation-menu li ul.submenu li ul.submenu-subcat li ul{
			display: none;
		}

		ul.navigation-menu li ul.submenu li ul.submenu-subcat li:hover ul{
			display: block;
		}
		ul.navigation-menu li ul.submenu li ul.submenu-subcat li ul li a{
			color: #fff;
			line-height: 45px;
			font-weight: 300;
		}
		ul.navigation-menu li ul.submenu li ul.submenu-subcat li ul li:hover > a{
			color: #fbc02d;
		}

		/*START: category width modification*/
		ul.navigation-menu li ul.submenu li:hover ul.pauschal-submenu{
			left: 240px;
		}
		ul.navigation-menu li ul.submenu li:hover ul.hotel-submenu{
			left: 210px;
		}
		ul.navigation-menu li ul.submenu li:hover ul.hotel-submenu li{
			width: 220px;
		}
		ul.navigation-menu li ul.submenu li:hover ul.rundreise-submenu{
			width: 250px;
			left: 250px;
		}
		ul.navigation-menu li ul.submenu li:hover ul.rundreise-submenu li{
			width: 250px;
		}
		ul.navigation-menu li ul.aktiv li{
			width: 230px;
		}
		ul.navigation-menu li ul.extras li{
			width: 210px;
		}
		ul.navigation-menu li ul.extras li ul{
			right: 20px;
		}
		ul.navigation-menu li ul.submenu li ul.submenu-subcat li ul{
			left: 250px;
		}
		/*END: category width modification*/

	.clearfix:after {
	    display:block;
	    clear:both;
	}

.current{
	background: #0A7EA5;
}	

		/*START: mobile menu*/
		@media only screen and (max-width: 767px){
			#mobile_menu{
				position: absolute;
				position: fixed;
				width: 100%;
				z-index: 10000;
			}
		}
		@media only screen and (min-width: 768px){
			#mobile_menu{
				position: absolute;
				width: 100%;
				z-index: 10000;
			}
		}

		.custom-nav{
			height: 71px;background: #141622;width: 100%;border-top: 1px solid #222538;
			border-bottom: 4px solid #fac122;
		}
		.site-name,.site-name:hover,.site-name:focus {
		    color: #fff;
		    line-height: 65px;
		    margin-left: 15px;
		    text-decoration: none;
		}
		.toggle-custom-link{
			background: none;
			padding: 5px;
			border: none;
			border-radius: 2px;
			margin: 17px 15px;
		}

		.hidden {
		  display: none;
		}

		.link-menu-mobile{
			position: absolute;
			z-index: 10000;
		}

		.link-menu-mobile ul.main{
			width: 100%;
		}
		.link-menu-mobile ul.main li{
			background: #141622;
			width: 100%;
			float: left;
			/*padding: 0 15px;*/
			border-bottom: 1px solid #222538;
		}
		.link-menu-mobile ul.main li a{
			line-height: 45px;
			color: #fff;
			font-size: 12px;
			padding: 0 15px;
			text-transform: uppercase;
		}
		.link-menu-mobile ul.main li ul{
			/*padding: -15px;*/
		}
		.link-menu-mobile ul.main li ul.slevel li{
			list-style-type: none;
			padding: 0;
			border: none;
			border-top: 1px solid #222538;
			padding: 0 15px;
		}
		.link-menu-mobile ul.main li ul.slevel li a{ 
			text-transform: uppercase;
		}
		.link-menu-mobile ul.main li ul.slevel li ul.tlevel{
			margin: 0 -15px;
		}
		.link-menu-mobile ul.main li ul.slevel li ul.tlevel li{
			border-top: 1px solid #222538;
		}
		.link-menu-mobile ul.main li ul.slevel li ul.tlevel li a{
			padding: 0 15px 0 30px;
			text-transform: uppercase;
		}
		.pointer:hover{
			cursor: pointer;
		}
		/*END: mobile menu*/


.hide-menu{
	display: none;
}
.display-menu{
	display: block;
}

/*END: menu

/*start: scrollbar*/


#link_menu{
	border: none;
}
#link_menu::-webkit-scrollbar {
    width: 8px;

}
#link_menu::-webkit-scrollbar-track {
    background:#eee;
    border: none;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    /*border-radius:10px;*/

}
#link_menu::-webkit-scrollbar-thumb {
    background:#bfbdbd;
    border: none;
    /*border-radius:10px;*/
}
/*#link_menu::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}*/ 
/*END scrollbar*/


ul.navigation-menu li ul.submenu li ul.pauschal-submenu li,
ul.navigation-menu li ul.submenu li ul.hotel-submenu li,
ul.navigation-menu li ul.submenu li ul.submenu-subcat li ul.clearfix li{
	clear:left;
	width: 285px
}
/* menu style end */

/* calendar style */
input{
    z-index: 0;
}
.style-content{
    font-family: verdana;
    font-size: 11px;
}
.calendar-wrapper{
    float: left;
    padding: 5px;
    width: 217px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
}
.month-wrapper{
    border-radius: 3px;
    background: #FFD03E;
    padding: 7px;
    float: left;
}
.month-wrapper p{
    text-align: center;
    padding: 0;
    margin: 0;
    color: #fff;
    line-height: 21px;
}
.chevron{
    background: #888888;
    border: none;
    color: #fff;
}
.chevron:focus{
    outline: none;
}
.chevron:hover{
    background: #399CD0;
}
.chevron.disable{
    background: #A6A6A6;
    color: #399CD0;
}
.w-day{
    float: left;
    width: 28px;
    height: 25px;
    margin-right: 1px;
}
.w-day p{
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 25px;
    color: #444;
}
.empty-day{
    float: left;
    width: 27px;height: 27px;
    margin: 1px;
    border: 1px solid #fff;
}
.day{
    float: left;
    width: 27px;height: 27px;
    margin: 1px;
    border: 1px solid #E1E5E8;
    cursor: pointer;
}
.day p{
    text-align: right;
    padding: 5px;
    line-height: 20px;
    margin: 0;
    /*font-weight: 600;*/
    font-size: 13px;
    color: #3895EF;
    font-family: "Segoe UI", "Open Sans", Arial, sans-serif;
}

.day.selectable p:hover,.day.selectable-target p:hover{
    cursor: pointer;
}

.day.current{
    border: 1px solid #FFDE79;
    background: #F8FF8E;
}
.day.current p{
    color: #D3541C;
}
.notselectable{
    border: 1px solid #F2F2F2;
}
.notselectable p{
    color: #95C7F7;
}

.day.selectable:hover{
    border: 1px solid #FFDE79;
    background: #F8FF8E;
}
.day.selectable:hover p{
    color: #D3541C;
}

#from,#from:focus,#to,#to:focus{
    text-align: center;
    /*height: 25px;*/
    outline: none;
}

#load-calendar{
    position: absolute;
    z-index: 1000;
    margin-top: -10px;
}
#load-calendar-to{
    position: absolute;
}

.show-calendar{
    display: block;
}
.hide-calendar{
    display: none;
}

.left{
    float: left;
    width: 300px;
}
.right{
    float: right;
    width: 300px;
}

#dummy_from p{
    color: #333;
    font-size: 11px;
    text-align: center;
}

#suche-small:focus {
    outline: none
}