/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* ── Leistungs-Karten: Nummer sichtbar machen ── */
#leistungen .av-icon-box-pos-top {
    position: relative;
    overflow: hidden;
}

/* Die "01 / 02 / 03 / 04" Nummer (steht als erstes Element im av_icon_box content) */
#leistungen .av-icon-box-pos-top .av-icon-box-content span[style*="position:absolute"] {
    position: absolute !important;
    top: 10px !important;
    left: 12px !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    color: rgba(255,255,255,0.4) !important;
    z-index: 1;
    pointer-events: none;
}

/* ── Icon-Box Grundstruktur: Icon oben mittig, wie Karte ── */
#leistungen .av-icon-box-pos-top .av-icon-box-icon {
    margin-bottom: 14px;
}

/* Icon-Kreis für blaue Karten (Heizung, Kundendienst) */
#leistungen .avia-icon-box.av-custom-color-1 .av-icon-box-icon span,
#leistungen .av-one-fourth:nth-child(odd) .av-icon-box-icon span {
    background: #344193 !important;
    border-color: #344193 !important;
    color: #ffffff !important;
}

/* Icon-Kreis für rote Karten (Bad, Serviceverträge) */
#leistungen .avia-icon-box.av-custom-color-2 .av-icon-box-icon span,
#leistungen .av-one-fourth:nth-child(even) .av-icon-box-icon span {
    background: #E7202C !important;
    border-color: #E7202C !important;
    color: #ffffff !important;
}

/* ── Karten-Hintergrundfarbe ── */
#leistungen .av-one-fourth:nth-child(odd) .avia-icon-box {
    background-color: #b8c0e8 !important;
    border: 1.5px solid #344193 !important;
    border-radius: 6px;
    padding: 28px 20px 22px !important;
}

#leistungen .av-one-fourth:nth-child(even) .avia-icon-box {
    background-color: #e8b8c0 !important;
    border: 1.5px solid #E7202C !important;
    border-radius: 6px;
    padding: 28px 20px 22px !important;
}

/* ── Titel & Text-Farben in den Karten ── */
#leistungen .avia-icon-box .av-icon-box-title {
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#leistungen .avia-icon-box .av-icon-box-content-fake {
    color: #444444 !important;
    font-size: 12px !important;
}

/* "Mehr →" Link rot */
#leistungen .avia-icon-box a[style*="color:#E7202C"] {
    color: #E7202C !important;
    font-weight: 600;
}

/* ── Leistungen Section Hintergrund weiß ── */
#leistungen {
    background-color: #ffffff !important;
}

/* ── ONLINE-SERVICES Section: blaue rechte Hälfte ── */
#online-services .av-cell-one-half:last-child {
    background-color: #344193 !important;
}

/* ── Notdienst Section: roter Hintergrund ── */
#notdienst {
    background-color: #E7202C !important;
}

#notdienst h2,
#notdienst .av-subheading {
    color: #ffffff !important;
}

/* ── Hero Section: Blauer Hintergrund ── */
#hero {
    background-color: #344193 !important;
}

/* ── Allgemein: Breadcrumb / Titelbereich auf Startseite ausblenden ── */
.home .breadcrumb_trail,
.home #main .av-special-heading-tag + .av-subheading-tag,
.home .av-title-bar-wrap {
    display: none !important;
}

/* ── Buttons: Primär rot ── */
.avia-button.avia-color-custom {
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}

/* ── Footer: dunkel ── */
#footer {
    background-color: #1a1a1a !important;
}

#socket {
    background-color: #111111 !important;
}