/*
 * Zusaetzliche CSS-Anweisungen
 */
 


/* ---------- viewport all ---------- */
@media all {

    /* Formatierung Cookiebar */
    .modCookieBar {
        background-color: rgba(232, 237, 241, 0.95);
        padding: 0.5em;
        max-width: 100%;
    }

    .modCookieBar div {
        width: auto;
        max-width: 960px;
        margin: 0 auto;
        padding: 7px 6px 7px 8px;
    }
    .modCookieBar p {
        width: 95%;
        font-size: 14px;
        line-height: 22px;
        font-family: Arial,Verdana,Helvetica,sans-serif;
        margin: 5px 0;
    }
    .modCookieBar ul {
        display: table;
        padding: 1em;
    }
    .modCookieBar li {
        display: table-cell;
        vertical-align: middle;
    }
    .modCookieBar a {
        text-decoration: underline;
    }
    .modCookieBar button {
        cursor: pointer;
        text-align: center;
        color: #fff;
        background-color: #008dc9;
        border: none;
        font-size: 14px;
    }
    .contrastMode .modCookieBar button {
        background-color: #fff;
        color: #000;
    }

    /* Matomo Consent */
    .modMatomoConsent button {
        text-align: center;
        color: #fff;
        background-color: #008dc9;
        border: none;
        padding: 5px 10px 5px 5px;
        margin-top: 1em;
    }

    #matomo_consent {
        background-color: #e9eef2;
        border-radius: 15px;
        padding: 1em;
    }

    .contrastMode #matomo_consent {
        background-color: #fff;
        border-radius: 15px;
        padding: 1em;
        border-color: #000;
        border-width: 2px;
        border-style: solid;
    }

    .contrastMode #matomo_consent button {
        background-color: #000;
    }

    .contrastMode #matomo_consent button:hover {
        background-color: #fff;
        color: #000;
        border: 2px solid #000;
    }

    div.modMatomoConsent {
        margin: 2.3em 0 2.7em;
    }
    /* Ende Matomo Consent */

}


/* ---------- viewport desktop ---------- */
@media screen {

}


/* ---------- viewport tablet ---------- */
@media only screen and (min-width : 767px) and (max-width : 1024px) {


}


/* ---------- viewport smartphone ---------- */
@media only screen and (min-width : 20px) and (max-width : 766px) {


}