/*Orange: #f28e2a, Green: #b7ce33, Brown: #837665 */
* { padding: 0; margin: 0; }
body, html { font-family: "Nunito", Arial, sans-serif; background: #f6f6f6; font-weight: 300; font-size: 105%; }
.content-wrapper { padding-top: 80px; box-shadow: 0 0 200px #d0d0d0; margin: 0 auto; max-width: 1680px; overflow: hidden; position: relative; }
.container { width: 100%; max-width: 1680px; padding: 0; border: 0; }
.b-lazy { background: url("../images/placeholder.gif") center center no-repeat; min-width: 100%; min-height: 30px; }
/* Farben */
.btn-primary { background-color: #f28e2a; background-image: none; border-radius: 0; border: 0; text-shadow: none; }
.btn-primary:focus, .btn-primary:hover { background-color: #e08228; background-image: none; }
.btn-default { background-color: #b7ce33; border-color: #a0b72f; background-image: none; border-radius: 0; border: 0; text-shadow: none; color: white; }
.btn-default:focus, .btn-default:hover { background-color: #a0b72f; border-color: #8da42c; background-image: none; }
.text-primary, .jumbotron .text-primary { color: #f28e2a; }
a { color: #e08228; }
a:hover { color: #6c6c6c; }
h2, h1, .jumbotron h1 { color: #867466; }
h3 { color: #f28e2a; margin: 0 0 5px 0; font-weight: 300; }
th { background: #c1b3ae; }
.ui-datepicker { font-size: 85%; }
.ui-datepicker th { background: none;}
.ui-datepicker select, .ui-datepicker option { color: #333; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: white; }
/* Größen */
h1, .jumbotron h1 { font-size: 2.5rem; font-weight: 300; }
h2, .jumbotron h2 { font-size: 2.1rem; font-weight: 300; margin: 0 0 5px 0; }
h3, .jumbotron h3 { font-size: 1.6rem; font-weight: 300; }
p, .jumbotron p, td { font-size: 0.9rem; font-weight: 300; }
.jumbotron { margin: 0; }
a span.glyphicon { font-size: smaller; }
h2 small { font-weight: 300; font-size: 2.2rem; line-height: 22px; }
.col-sm-6 { padding-bottom: 15px; overflow: hidden; }
small { font-size: 0.8em }
.ul_norm ul {
    margin: 15px 0 15px 30px;
}
/* Helper */
.padding-top-bottom { padding: 15px 0; }
.no-padding-top { padding-top: 0; }
.padding-top { padding-top: 15px; }
/* Navi */
.navbar-default { font-weight: 400; position: fixed; padding: 0; background: #fff; opacity: 0.9; max-width: 1680px; width: 100%; min-height: 80px; min-width: 360px; top: 0; right: auto; left: auto; z-index: 99999; border-radius: 0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background: #b7ce33; color: white; }
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover { background: #a0b72f; color: white; }
.navbar-nav > li > a { padding: 29px 30px; font-size: 1rem; text-shadow: none; text-transform: uppercase; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-right: 10px; margin-left: 0; }
.navbar .glyphicon-phone { font-size: 1.2em; line-height: 0.6em; margin-right: 10px; margin-bottom: -5px; }
/*Header image*/
.header-image { position: relative; height: 300px; overflow: hidden; }
.header-image img { min-width: 100%; }
/* Slider */
.slider { width: 100%; position: relative; }
.bx-wrapper .bx-viewport { border: 0; left: 0; max-height: 40vh; }
.bx-wrapper img { min-height: 175px; }
.header-title { position: absolute; text-align: center; bottom: 25px; z-index: 99; color: white; width: 100%; font-size: 3rem; font-weight: 400; text-shadow: 0 0 8px rgba(0, 0, 0, 0.9); }
.header-title small { color: white; }
/*Main Part*/
.main { padding-top: 10px; }
/* Bus Thumbnails Startseite */
.preis { color: #f28e2a; font-weight: 300; font-size: 2rem; line-height: 30px; }
.bus-thumb { margin: 0 15px; border: 3px solid transparent; }
.bus-thumb h3 { color: #333; font-weight: 400; }
.bus-thumb p { color: #333 }
.bus-thumb:hover, .bus-thumb:focus { border: 3px solid #666; }
.link-bus-thumb { color: #333; }
.link-bus-thumb:hover { text-decoration: none; color: #333; }
.bus-thumb-info { visibility: hidden; background: #666; color: white; padding: 5px 0 2px 0; overflow: hidden; margin-top: 15px; }
.bus-thumb-info span { border-right: 1px solid #fff; padding-right: 5px; white-space: nowrap; }
.bus-thumb-info span:last-child { border: 0; }
.bus-thumb:hover .bus-thumb-info, .bus-thumb:focus .bus-thumb-info { visibility: visible; }
/*Standort Map*/
.kontakt-map { height: 350px; width: 100%; background: #fff center center no-repeat; background-size: cover; }
.standort { position: absolute; margin-top: 60px; margin-left: 50px; background: #b7ce33; color: white; z-index: 20; padding: 0; opacity: 0.85 }
.standort:hover, .standort:focus { opacity: 1 }
.standort h3 { color: white; background: #8da42c; padding: 10px 30px; margin: 0; line-height: 24px; }
.standort h3 small { color: white; }
.standort p { padding: 15px 30px; color: #333; }
.standort a { color: #333; text-decoration: underline; }
.standort a:hover { color: #333; text-decoration: none; }
.standort .close { margin-right: 10px; font-size: 2rem; color: white; opacity: 0.6 }
.standort .close:hover { opacity: 0.9 }
/*Vorteile*/
.vorteile { max-width: 900px; }
.vorteile p { font-size: 1rem; color: #626262; }
.vorteile .row { margin-bottom: 25px; }
.img-rounded { border-radius: 4px; }
/*Highlights*/
.highlights { position: relative; min-height: 250px; width: 70%; margin: 0 auto 100px; border: 1px solid #ebebeb; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); background: #f2f2f2; padding: 30px; }
.highlights img { position: absolute; bottom: -120px; right: 10px; }
.highlights small { position: absolute; right: 20px; top: -40px; padding: 5px; border: 1px solid #ebebeb; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); background: #f2f2f2; }
.check-list { text-align: left; font-size: 1rem; line-height: 27px; padding-left: 40px; }
.check-list li { display: block; }
.check-list li:before { content: "\e013"; font-family: 'Glyphicons Halflings'; font-size: 1rem; margin-left: -35px; float: left; color: #8da42c; }
/*Bus Detailfotos*/
.bus-detailfoto { border: 1px solid #ebebeb; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); background: #f2f2f2; margin-bottom: 25px; }
.bus-detailfoto img { width: 100%; }
.bus-detailfoto h4 { text-align: left; padding: 5px 10px; font-size: 1.2rem }
.bus-detailfoto p { font-size: 0.9rem; text-align: left; padding: 5px 10px; }
/*SEO Text*/
.seo { background: #8da42c; color: white; border-radius: 0; }
.seo p { font-size: 0.8rem; font-weight: 300; }
.seo h3 { color: white; }
.seo a { color: white; text-decoration: underline; }
.container .jumbotron, .container-fluid .jumbotron { border-radius: 0; }
/* Reservierung */
.reservierung { max-width: 900px; }
.checkbox label { font-weight: 300; font-size: 85%; }
#preis-container {display: none; padding: 15px; width: 100%; border: 1px solid #93897d;}
.grey { color: #919191 }
#bus-foto { width: 200px; float: right; display: block;}
/*Footer*/
.footer { padding: 15px 20px; overflow: hidden; background: #e9dfd5; color: #93897d; font-size: 0.8rem; }
.footer .copyright { padding: 5px; }
.footer ul { list-style: none; }
.footer li { float: left; display: block; }
.footer a { display: block; padding: 5px 15px; color: #93897d; }
.footer a:hover { background: #8da42c; color: white; text-decoration: none; }
.back-to-top { background: #93897d; position: fixed; bottom: 20px; right: 20px; padding: 0.8em; color: white; opacity: 0.8; z-index: 99;}
.back-to-top:hover {color: white; opacity: 1;}
/*Media Querys*/
@media (max-width: 1200px) {
    .navbar-nav > li > a { padding: 29px 10px; font-size: 1rem; text-shadow: none; text-transform: uppercase; }
    .highlights { width: 90%; }
}
@media (max-width: 1000px) {
    .navbar-nav > li > a { padding: 29px 10px; font-size: 0.9rem; text-shadow: none; text-transform: uppercase; }
    .login-text { display: none; }
    .container .jumbotron, .container-fluid .jumbotron { padding: 10px 25px; }
}
@media (max-width: 892px) {
    .navbar-default { min-height: 59px; }
    .content-wrapper { padding-top: 59px; }
    .navbar-nav > li > a { padding: 18px 8px; font-size: 0.8rem; text-shadow: none; text-transform: uppercase; }
    .navbar-brand > img { width: 200px; }
    h1, .jumbotron h1 { font-size: 3rem; }
    .login-text { display: none; }
    .highlights { width: 100%; margin-bottom: 30px; margin-top: 30px; }
    .highlights h3 { margin-top: 30px; }
    .highlights img { position: relative; bottom: 0; right: 0; max-width: 100%; margin-top: -25px; }
    .vorteile { padding-top: 20px; }
}
/*Switch zum mobilen Menü */
@media (max-width: 768px) {
    /*Damit das mobile Menü nicht direkt am Rand ist*/
    .navbar-default { padding: 0 15px; }
    .bus-thumb { margin: 0; }
    .login-text { display: inline; }
}
@media (max-width: 685px) {
    .footer div, .footer li { width: 100%; text-align: center; padding: 5px 0; margin: 0; }
    .header-title { font-size: 1.4rem; bottom: 0; }
    .header-image { height: auto; }
    .header-image img { width: 100%; }
    h1, .jumbotron h1 { font-size: 2.8rem; }
    h2, .jumbotron h2 { font-size: 1.9rem; }
    h3, .jumbotron h3 { font-size: 1.5rem; }
    #bus-foto {float: none;}
}
/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    html, body { font-size: 105%; }
}
/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3),
(min-resolution: 124.8dpi) {
    html, body { font-size: 110%; }
}
/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
    html, body { font-size: 115%; }
}