/*
**
** Corporate Identity Styles TEMPOFLAT
**
** The Temoflat Logo Orange is FF6200
** Inpiration for matching color palette: http://www.color-hex.com/color/ff6200
**
*/

.ci_color_dark {
    color: #cc4e00;
}
.ci_color_mid {
    color: #ff6200;
}
.ci_color_bright {
    color: #ff8133;
}

#subnavi a, #subnavi a.active {
    color: #444444;
}

.unique-selling-points .call-sec-icon a,
.unique-selling-points .call-sec-icon,
.unique-selling-points .call-sec-icon:focus,
.unique-selling-points .call-sec-icon:hover {
    color: #ff6200;
}
.unique-selling-points .call-sec-icon:hover {
    color: #fff;
}
.unique-selling-points .call-sec-icon {
    border-color: #cc4e00;
}
.unique-selling-points .call-sec-icon:focus,
.unique-selling-points .call-sec-icon:hover {
    background-color: #cc4e00;
}
.unique-selling-points h4 a,
.unique-selling-points .call-sec h4 {
    color: #cc4e00;
}
.unique-selling-points h4 a:focus,
.unique-selling-points h4 a:hover {
    color: #cc4e00;
}

.teased-content .wrap-second-box h4 {
    background: #cc4e00;
}

span.badge {
    background-color: #444444;
}
.content h1, #container h1 {
    color: #e65800;
}

.content:not(.gray_infoblock.promo h2) h2,
#container:not(.gray_infoblock.promo h2) h2,
.list h2 a, .list .price, .button a:hover {
    color: #ff6200;
}
.content h3, #container h3 {
    color: #ff7119;
}
.accordion.active, .accordion.active a {
    color: #FFF;
    background-color: #cc4e00;
}
em {
    color: #cc4e00;
}
.accordion a {
    color: #222222;
}

.price-table td .service-level-0 {
    color: #ffffff;
    background-color: #ffa066;
}
.price-table td .service-level-1 {
    color: #ffffff;
    background-color: #ff8132;
}
.price-table td .service-level-2 {
    color: #ffffff;
    background-color: #ff6200;
}
.price-table td .price_i_get.light {
    color: #003952;
    background-color: #e3ecf2;
}
.price-table td .price_published {
    color: #ffffff;
    background-color: #ff8133;
}
#service-level-0 h2, #service-level-1 h2, #service-level-2 h2,
table.price-table .column p.service-ingredient-included {
    text-align: center;
    color: #ffffff;
}

.gray_infoblock .recommend-links li a, .social-page i:focus, .social-page i:hover {
    color: #ff6200;
}
.gray_infoblock.single.promotion_options {
    height: 135px;
}
img.promotion_options_iwin {
    width: 88%;
}

/** OFFER SEARCH SLIDER **/
div.slider div.handle {
    background-image: url('/static/entity/tempoflat_de/frontend/img/suche/control-button.gif?94f2ce996be4');
}
div.slider-container div.buttonnormal, div.slider-container div.buttoncalendar {
    color: #ff6200;
}
.buttonchoice .flag_required {
    color: #ff6200;
}
.buttonchoice .inner-blue {
    background-image: url('/static/entity/tempoflat_de/frontend/img/suche/field_blue_part.png?94f2ce996be4');
}

/** OFFER WINDOW **/
.offer_title,
#offer_window a,
#offer_window a:visited {
    color: #ff6200;
}

#offer_window .tl,
#offer_window .t,
#offer_window .tr,
#offer_window .l,
#offer_window .r,
#offer_window .bl,
#offer_window .b,
#offer_window .br {
    background-color: #ff6200;
}
#offer_window .beak {
    background: url('/static/entity/tempoflat_de/frontend/img/map/offer_window/beak.png?94f2ce996be4') top left no-repeat transparent;
}

/** TEASER **/
#teaser_Gut_zu_wissen > .teaser_display, #teaser_wrapper_Gut_zu_wissen {
    background-image: url('/static/entity/tempoflat_de/frontend/img/teasers/teaser_column_background.png?94f2ce996be4');
}
#teaser_Vorteile > .teaser_display {
    background: #ff6200;
}

/** COCKPIT **/
.accordion a:hover,
.modern_button a:hover {
    color: #ff6200;
}
.accordion.active a:hover {
    color: #fff;
}
.modern_button a.active {
    background-image: url('/static/entity/tempoflat_de/frontend/img/vermittlung/active.png?94f2ce996be4');
}

/*
    ===========================================================================
     Buttons, global
    ===========================================================================

    New banner contrast colors, to be used for "call-to-action":
      UMS - #f7b600 - 247, 182, 0
      TF  - #0da6e5 - 13, 166, 229

*/

span.badge-action {
    background-color: rgba(13, 166, 229, 1);
}

.btn-action {
    background: rgba(13, 166, 229, 1);
    color: white;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active {
    background: rgba(13, 166, 229, 0.8);
    color: white;
}

.label-price,
.label-price.btn-default:hover,
.label-price.btn-default:focus,
.label-price.btn-default:active {
    background: rgba(255, 98, 0, 0.8);
}

#page_content .ums_panel_header:hover,
#page_content .ums_panel_header:focus {
    background-color: #ffc8a8;
}

/*
    ===========================================================================
     offer_list.css: button overlay on result list images
    ===========================================================================
*/

.overlay_top .btn-wishlist,
#wishlist_remove_overlay a {
    background: rgba(255, 255, 255, 0.4);
}

#page_content .offer_description .btn-wishlist .glyphicon {
    color: #fd6b0c;
}

.breadcrumbs.preview {
    color: white;
    background-color: rgba(13, 166, 229, 1);
}

/*
    ===========================================================================
     COCKPIT 2.0
    ===========================================================================
*/

.site_header {
    color: white;
    background-color: #cc4e00;
    background-position: 60% -110px;
}
.service_box.inactive {
    background-color: rgba(204, 78, 0, .8);
    color: white;
}
.service_box.active {
    background-color: rgba(204, 78, 0, 1);
    color: white;
}
.service_individual_price {
    color: rgba(204, 78, 0, .8);
}

/*
    ===========================================================================
     COCKPIT 2.1
    ===========================================================================
*/

.message_thread div.message_group.other_messages {
    background-color: #e3ecf2;
    border-left: #cc4e00 solid 5px;
}