/* Aktuell noch die AO-Farben als Platzhalter */
:root {
    --aokni-gruen: #005E3F;
    --aokni-grau-2: #C7CCD1;
    --aokni-grau-8: #40484D;
    --aokni-hellgruen-kontrast: #18AB42;
    --aokni-grau-6: #6D767C;
    --aokni-pastellblau: #E8F4F2;
    --aokni-pastellgruen: #EEFAEA;
    --aokni-sand: #F8F5E3;
}

body {
    background-color: var(--aokni-pastellblau);
}

.content {
    border-color: var(--aokni-pastellblau);
}

h1 {
    color: var(--aokni-gruen);
}

body .ui-dialog {
    border-color: var(--aokni-hellgruen-kontrast) !important;
}

.modal-content {
    border-color: var(--aokni-hellgruen-kontrast) !important;
}

.ao-warnung {
    border-color: var(--aokni-hellgruen-kontrast);
}

.ao-signal-text {
    color: var(--aokni-hellgruen-kontrast) !important;
}

.mailto-tel-text {
    color: var(--aokni-gruen) !important;
}

/* -- Header -- */
.ao-header {
    background-color: var(--aokni-gruen);
}

.navbar-brand > img {
    padding: 10px 0;
    max-width: 150%;
}

/* -- Footer -- */

footer a {
    color: var(--aokni-grau-8);
}

@media (min-width: 992px) {
    .ao-header .ao-select {
        background-color: var(--aokni-pastellblau);
        color: var(--aokni-gruen) !important;
    }

    .nav .nav-item {
        border-right-color: var(--aokni-pastellblau);
    }

    .nav .nav-item:first-child {
        border-left-color: var(--aokni-pastellblau);
    }

    .ao-header .nav-link:hover {
        background-color: var(--aokni-pastellblau);
        color: var(--aokni-gruen) !important;
    }
}

@media (min-width: 768px) {

    .ao-schlagschatten {
        box-shadow: 5px 5px 8px var(--aokni-pastellblau);
    }

    .ao-box {
        background: var(--aokni-gruen);
    }
}

@media (max-width: 767px) {
    .ao-schlagschatten {
        box-shadow: 3px 3px 4px var(--aokni-pastellblau);
    }

    .ao-box {
        background: var(--aokni-gruen);
    }
}

footer a:visited,
footer a.iavisited,
footer a:focus,
footer a:active {
    color: var(--aokni-grau-8) !important;
}

footer a:hover {
    color: var(--aokni-grau-6) !important;
}

/* -- Inhaltsbereich -- */

.ao-info-box {
    border-color: var(--aokni-pastellblau);
    background-color: var(--aokni-pastellblau);
}

.tarif-angebot-box {
    border-color: var(--aokni-hellgruen-kontrast);
}

.empfehlung-text {
    color: var(--aokni-hellgruen-kontrast);
}

.hervorgehoben {
    background-color: var(--aokni-pastellblau)
}

/* Tarifdetails */

.ao-tarif-anzeige {
    border-color: var(--aokni-pastellblau);
    background-color: var(--aokni-pastellblau);
}

.ao-tarif-info-box {
    background-color: var(--aokni-sand);
}

.gesamtbeitrag {
    background-color: var(--aokni-sand);
}

/* -- Buttons -- */
.ao-btn {
    background-color: var(--aokni-gruen) !important;
    border-color: var(--aokni-gruen) !important;
}

.ao-btn:hover {
    background-color: var(--aokni-hellgruen-kontrast) !important;
    border-color: var(--aokni-hellgruen-kontrast) !important;
}

body .ui-button {
    transition: none;
}

.ao-details-button {
    border-color: var(--aokni-pastellgruen);
}

hr.rule {
    border-top-color: var(--aokni-grau-6);
}

.tarif-leistung-nicht-vorhanden div {
    background-color: var(--aokni-gruen);
}

/* Floting-Labels */

.form-label-group input:not(:-moz-placeholder-shown) ~ label {
    color: var(--aokni-grau-6);
}

.form-label-group input:not(:-ms-input-placeholder) ~ label {
    color: var(--aokni-grau-6);
}

.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group-select-not-default select:not(:placeholder-shown) ~ label {
    color: var(--aokni-grau-6);
}

.form-label-group input:-webkit-autofill ~ label {
    color: var(--aokni-grau-6);
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group input::-ms-input-placeholder,
    .form-label-group select::-ms-input-placeholder {
        color: var(--aokni-grau-6);
    }
}

/* Tarifauswahl-Styling */

input[type=checkbox] ~ label.ao-angebot {
    background-color: var(--aokni-gruen);
}

input[type=checkbox]:checked ~ label.ao-angebot {
    background-color: var(--aokni-hellgruen-kontrast);
}

div.bezeichner {
    color: var(--aokni-gruen);
}

.fortschrittsbalken-schritt {
    border-color: var(--aokni-pastellblau);
}

.fortschrittsbalken-punkt {
    background: var(--aokni-gruen);
}

.fortschrittsbalken-text {
    color: var(--aokni-gruen);
}

.aktiv {
    background: var(--aokni-hellgruen-kontrast);
}

.erledigt {
    background-color: var(--aokni-gruen);
}

/* Modaldialog Styling */

.ao-modal {
    background: var(--aokni-pastellgruen);
}

.ao-dialog {
    border-color: var(--aokni-hellgruen-kontrast);
    color: var(--aokni-hellgruen-kontrast);
}

.ausschluss {
    border-color: var(--aokni-hellgruen-kontrast);
}

/* Tabelle Antragsfragen Styling */
.ao-tabelle, .frage-spalte, .antwort-spalte {
    border-color: var(--aokni-hellgruen-kontrast);
}

/* bootstrap overrides */
.form-control:focus,
.custom-select:focus {
    border-color: var(--aokni-pastellblau) !important;
    box-shadow: 0 0 0 .2rem var(--aokni-pastellblau) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--aokni-pastellblau) !important;
    background-color: var(--aokni-pastellblau) !important;
}

/* AO-Radio-Style */
input[type=checkbox]:checked::before,
input[type=checkbox]:not(:checked)::before,
input[type=radio]:checked::before,
input[type=radio]:not(:checked)::before {
    border-color: var(--aokni-hellgruen-kontrast);
}

input[type=radio]:hover::before {
    background: var(--aokni-pastellblau);
}

input[type=checkbox]:hover::before {
    border-color: var(--aokni-gruen);
}

input[type=checkbox]:checked::before {
    background: var(--aokni-pastellblau);
}

input[type=radio]:checked::before {
    background: var(--aokni-gruen);
}

#cookie-bar {
    background: rgba(255, 255, 255, 0.85);
    color: var(--aokni-gruen);
    -webkit-box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.3);
}

.cookie-bar-button, .cookie-bar-button:hover {
    background: var(--aokni-gruen);
    color: white;
}

.icon-loeschen {
    fill: white;
}

.icon-angebot-daten-loeschen {
    fill: var(--aokni-gruen);
}

body .ui-accordion .ui-accordion-header:focus {
    box-shadow: 0 0 0 .2rem var(--aokni-gruen);
}

body .ui-accordion .ui-accordion-content {
    background: var(--aokni-pastellblau);
}


body .ui-accordion .ui-accordion-header {
    background: var(--aokni-pastellgruen);
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    background: var(--aokni-sand);
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    background: var(--aokni-pastellgruen);
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover {
    background: var(--aokni-sand);
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: var(--aokni-hellgruen-kontrast);
}