/*
 * Zusaetzliche CSS-Anweisungen
 */
 


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

    /* Größe des PIWIK-Optout-Iframes */
    .piwik_optout_iframe {
        border: 0;
        height: 220px;
        width: 100%;
    }
    
    /* Elemente in modContent immer in voller Breite anzeigen */
    .modContent {
        display: block;
    }

    /* Tabellen in modContent bei Überbreite scrollen */
    .tableOversized {
        display: block;
        overflow-y: auto;
    }   
    
    /* Suchbegriff in Trefferliste fett */
	.searchresult .highlight {
	    font-weight: bold;
	}   
	
	/* fuer Webreader */
	.modContent .rsbtn ul li {
	    left: auto;
	    width: auto;
	}
	 
	 
	/* Tabelle auf Seite Haertefall */
	.modContent table.haertefall tr td {
	    background-color: #fff;
	}

    table.haertefall tbody td {
        border-top:none;
    }

    .modFooterSocial a.footer-twitter {
        background-image: url('/res/stmi/img/icons/twitter.jpg');
        width:26px;
        height:26px;
        margin-top:1px;
    }

    .modFooterSocial a.footer-instagram {
        background-image: url('/res/stmi/img/icons/instagram.jpg');
        width:26px;
        height:26px;
        margin-top:1px;
    }

    /* Workaround: Angabe Breite relativ 100% anstatt Pixel für Inline-Bilder im Texteditor */
    img.bild_max_breite {
        width: 100%;
        height: unset;
    }
    /* Ende: Workaround: Angabe Breite relativ 100% anstatt Pixel für Inline-Bilder im Texteditor */

    /* Formatierung Cookiebar */
    .modCookieBar {
        background-color: rgba(243, 243, 243, 0.95);
    }
    .contrastMode .modCookieBar {
        background-color: rgba(51, 51, 51, 1);
        color: #fff;
    }
    .contrastMode .modCookieBar a {
        color: #fff;
    }
    .modCookieBar p {
        width: 95%;
        font-size: 14px;
        line-height: 22px;
        font-family: Arial,Verdana,Helvetica,sans-serif;
    }
    .modCookieBar ul {
        display: table;
        padding: 1em;
    }
    .modCookieBar li {
        display: table-cell;
        vertical-align: middle;
    }
    .modCookieBar button {
        cursor: pointer;
        width: 116px;
    }
    .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 */

    h1.wordbreak {
        word-break: break-word;
    }

    /* Abstand in Liste der Stellenanzeigen anpassen */
    div.locationJobs li {
        padding-bottom: 10px;
    }
    /* Ende Abstand in Liste der Stellenanzeigen anpassen */
}


/* ---------- 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) {


    /* Größe des PIWIK-Optout-Iframes */
    .piwik_optout_iframe {
        height: 300px;
    }
}