/* ##### Hauptcontainer ################################################################################################### */
.main-div                   {width:950px;}
.header-div                 {padding:10px 75px 0 75px;}
.nav-div                    {padding:10px 75px 0 75px;}
.breadcrumb-div             {padding:0 75px 20px 75px;}
.content-div                {padding:0 75px;}
.seo-div                    {padding:30px 75px 0 75px;}
.footer-div                 {padding:20px 75px 0 75px;}

.main-wrapper    {background-image:url(/pics/portal/background.png); background-position:top right; background-repeat:no-repeat;}
.glossar h1      {background-color:#00c1eb; color:#fff; line-height:24px; padding:0 5px; font-size:14px}

.header-wrapper {
    border-color: transparent #ffc700 #ffc700;
    border-top: 5px solid #ffc700;
}
.navigation-wrapper {
    background: #00c1eb;
}

.topnav__item_active {
    border-top: 4px solid #ffc700;
}

.topnav-dropdown__item:hover {
    color: #ffc700;
    background: #fff;
}

.ttxml__subheadline {
    color: #ffc700;
}
.webp .page__contentwrapper--background {
    background: url("https://onl-cdn.s3.amazonaws.com/onlineweg.de/layout/page_background_portal_2022.webp") no-repeat 0 0%;
    background-size: cover;
    background-attachment: fixed;
}

.page__contentwrapper--background {
    background: url("https://onl-cdn.s3.amazonaws.com/onlineweg.de/layout/page_background_portal_2022.jpg") no-repeat 0 0%;
    background-size: cover;
    background-attachment: fixed;
}

.widget__teaser .fa-star, .widget__teaser .fa-star-half-o {
    color: #ffc700;
}

.border-onl-gray {
    border: 1px solid #ddd;
}

.border-onl-blue {
    border: 1px solid #00c1eb;
}

.border-onl-orange {
    border: 1px solid #ffc700;
}

@media(max-width: 768px) {
    .logo {
        padding: 10px 0;
    }
}

.officepanel__content {
    background-color: rgba(247, 250, 252, 0.825);
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-default .badge {
    color: #ffffff;
    background-color: #333333;
}
.btn-primary {
    color: #fff;
    background-color: #00c1eb;
    border-color: #00c1eb;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: #038eb7;
    border-color: #038eb7;
}
.btn-primary:hover {
    color: #ffffff;
    background-color: #038eb7;
    border-color: #038eb7;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #038eb7;
    border-color: #038eb7;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #ffffff;
    background-color: #038eb7;
    border-color: #038eb7;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #00c1eb;
    border-color: #00a8d0;
}
.btn-primary .badge {
    color: #00c1eb;
    background-color: #ffffff;
}
.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #5ab75a;
}
.btn-success:focus,
.btn-success.focus {
    color: #ffffff;
    background-color: #449d44;
    border-color: #2c662c;
}
.btn-success:hover {
    color: #ffffff;
    background-color: #449d44;
    border-color: #409440;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #449d44;
    border-color: #409440;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
    color: #ffffff;
    background-color: #398439;
    border-color: #2c662c;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #5ab75a;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #ffffff;
}
.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #59bfde;
}
.btn-info:focus,
.btn-info.focus {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #1f7c98;
}
.btn-info:hover {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #2aaacf;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #31b0d5;
    border-color: #2aaacf;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #269abc;
    border-color: #1f7c98;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #59bfde;
}
.btn-info .badge {
    color: #5bc0de;
    background-color: #ffffff;
}
.btn-warning {
    color: #a66702;
    background-color: #ffc700;
    border-color: #ffc700;
}
.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff;
    background-color: #d19100;
    border-color: #d19100;
}
.btn-warning:hover {
    color: #ffffff;
    background-color: #d19100;
    border-color: #d19100;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ffc700;
    border-color: #ffc700;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
    color: #ffffff;
    background-color: #d19100;
    border-color: #d19100;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #d19100;
    border-color: #d19100;
}
.btn-warning .badge {
    color: #ffc700;
    background-color: #ffffff;
}
.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d9514d;
}
.btn-danger:focus,
.btn-danger.focus {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #88211d;
}
.btn-danger:hover {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #bf2e29;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #c9302c;
    border-color: #bf2e29;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #ffffff;
    background-color: #ac2925;
    border-color: #88211d;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d9514d;
}
.btn-danger .badge {
    color: #d9534f;
    background-color: #ffffff;
}

body h1.withborder:after, body h2.withborder:after, body h3.withborder:after, body h4.withborder:after {
    content: "";
    border-bottom: 2px solid #ffc700;
    width: 130px;
    display: block;
    margin-top: 1rem;
}

/* Rules for icon sizes: */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


.widget__teaser {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
}

a.widget__teaser__link {
    text-decoration: none;
    color: #333;
}

.widget__teaser:hover .widget__price {
    background: #ffc700;
    color: #fff;
}

.container__reisemarkt .widget__teaser .widget__price {
    background: #ffc700;
    color: #fff;
}

.container__reisemarkt .widget__teaser:hover .widget__price {
    background: #c48500;
    color: #fff;
}

.container__reisemarkt__wrapper {
    background: #F7FAFC;
}

.schnellsuche__content {
    background-color: rgba(153, 153, 153, 0.5);
    min-height: 290px;
    width: 100%;
    padding: 0;
}

.schnellsuche__navigation {
    color: #fff;
    background: #606F7B;
    opacity: 0.8;
    text-transform: uppercase;
}

.page__subheadline {
    font-size: 18px;
    margin: 25px 0 15px 0;
    line-height: 1.2;
}

.navbar-collapse {
    padding-right: 0;
}


.topnav__link {
    font-size: 16px;
}

@media (min-width: 768px) {
    .topnav__link {
        font-size: 14px;
        padding: 0 7px;
    }
}

@media (min-width: 992px) {
    .topnav__link {
        font-size: 17px;
        padding: 0 8px;
    }
}


.ttxml-attributes {
    color: #999;
}

a {
    color: #8795A1;
}

a:hover {
    color: #606F7B;
}