@media all {
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 300px !important;
    }
    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 180px;
    }
    /* Stile in CK-Editor */
    .ck_info {
        background: #e8e8e8;
        color: #444;
        padding: 10px;
        margin-bottom: 0.5em;
        font-size: 91.7%;
    }

    .ck_note {
        background: #fff;
        color: #016089;
        border: 2px #008dc9 solid;
        padding: 10px;
        margin-bottom: 1em;
    }

    .ck_important {
        background: #008dc9;
        color: #fff;
        border: 2px #008dc9 solid;
        padding: 10px;
        margin-bottom: 1em;
    }

    .ck_important a {
        color: #fff !important;
    }

    .ck_warning {
        background: #fff;
        color: #d00;
        border: 2px #d00 solid;
        padding: 10px;
        margin-bottom: 1em;
    }

    .ck_warning a {
        color: #d00 !important;
    }

    .ck_blue_bar {
        background: #008dc9;
        color: #fff;
        border: none;
        padding: 9px;
        margin-bottom: 0 !important;
        border-bottom: 1px #59c5f3 solid;
      }

    .ck_blue_bar a {
        color: #fff !important;
    }

    .ck_blue_bar a:hover, .ck_blue_bar a:focus {
        color: #008dc9 !important;
        background-color: #fff !important;
    }

    .ck_grey_bar {
        background: #eef3fb;
        color: #333;
        border: none;
        padding: 9px;
        margin-bottom: 0 !important;
        border-top: solid 1px #fff;
        border-bottom: solid 1px #e1e7f0;
    }

    .ck_grey_bar a {
        color: #333 !important;
    }

    .ck_grey_bar a:hover {
        color: #016c9a !important;
    }
    .ck_grey_bar a:focus {
        color: #fff !important;
    }
    .ck_grey_bar:hover {
        background-color: #f3f3f3 !important;
    }
    .ck_grey_bar:focus {
        background-color: #2c5a93;
    }
    /* Ende Stile in CK-Editor */
    /* Oberen Rahmen bei Tabellen anzeigen */
    table {
        border-collapse: initial;
    }

    /* Ende */
    /* Zusätzliche Textfelder in Akkordeon-Filelinks */
    li.acc_filelinks_top {
        left: 0 !important;
    }

    li.acc_filelinks_bottom {
        left: 0 !important;
        margin-top: 2%;
    }

    /* Abstand in Akkordeon-Filelinks */
    li.acc_filelinks_main {
        padding: 5px 0;
    }

    p.acc_filelinks_main {
        text-indent: 15px;
    }

    div.acc_filelinks_main {
        padding-left: 1.5em;
        text-indent: -1.5em;
    }

    /* Infobox in Randleiste */
    .modSidebarInfobox {
        color: #333;
        background-color: #f3f3f3;
        margin-bottom: 1em;
    }

    .modSidebarInfobox ul {
        padding: 0.6em 1em;
    }

    h3.InfoboxTitle {
        padding: 0.6em 1em;
        display: block;
        margin: 0;
        border: 1px solid #008dc9;
        border-bottom-color: rgb(0, 141, 201);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom: solid 1px #44adda;
        font-size: 113%;
        overflow: hidden;
        color: #fff;
        background-color: #008dc9;
    }

    /* Zum-Thema-Box */
    .modSidebarSubject .toggle-content ul li p {
        margin: 0 0 1em 0;
    }

    /* .zt_box_file_link_desc {
        position: relative;
        left: 40px;
        bottom: 30px;
    } */
    /* Links mit Filetype-Icons nicht unterstrichen */
    a[class*="icon-"] {
        text-decoration: none;
    }
    .modMainNavigation ul.nav-level-1 > li {
        width: 20%;
    }
    /* Anpassen der Standardschriftgröße */
    body {
        font-size: 14px;
    }

    .toggle-content .modTopicsAZ ol {
        margin: 0 0 0.75em 1em;
    }
    .toggle-content .modTopicsAZ dl dt {
        padding: 15px 0 10px 1em;
        margin: 15px 0 15px 0;
    }


    /* Voicereader ganz im Vordergrund anzeigen */
    #vrweb_hover_player_0 {
        z-index: 1;
    }

    /* Anpassen der Menüs, wenn VoiceReader aktiv */
    .modSidebarNavigationl2 ul li a span.VR15S {
        font-weight: normal;
        color: #2c5a93;
    }

    .modSidebarNavigationl2 ul li.active > a span.VR15S {
        font-weight: bold;
        color: #008dc9;
    }

    span.VR15S  {
        padding: 0 !important;
        margin: 0!important;
        border-bottom: 0 !important;
    }

    /* BVS */
    .bvs ul {
        margin: 1em 1em 1em 2em;
    }


    .bvs h4 {
        margin: 0.75em 0 0.75em 1em;
    }

    span.highlight{
        background: #f1c40f;
    }
}

/* Abstand der Listenpunkte in eigenen Leistungen */
.eigene_leistung li {
    margin-bottom: 0;
}
.eigene_leistung .bvs .accordion ul, .eigene_leistung .bvs .accordion ul ol {
    margin-block-start: 0;
}
.eigene_leistung .bvs .accordion p {
    margin-bottom: 0;
}
/* Ende Abstand der Listenpunkte in eigenen Leistungen */

/* Tabelle ohne Rahmen und Hintergrund */
table.tabelle1 {
    border: none !important;
    background: none !important;
}

table.tabelle1 tr {
    border: none !important;
    background: none !important;
}

table.tabelle1 th {
    border: none !important;
    background: none !important;
}
table.tabelle1 td {
    border: none !important;
    background: none !important;
}
/* Ende Tabelle ohne Rahmen und Hintergrund */

/* Bilder in Sidebar ohne Textumfluss */
.modSidebarSubject .toggle-content ul li img {
    float: none;
}
/* Ende Bilder in Sidebar ohne Textumfluss */

/* ---------- viewport desktop ---------- */
@media screen {
    .fkv {
        margin: 0 0.4em;
    }
    .fkv h1 {
        margin-left: 0.4em;
    }
}

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

    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 177px !important;
    }

    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 78px;
    }

    /* Anpassen der Menüs, wenn VoiceReader aktiv */
    .modSidebarNavigation ul li a span.VR15S {
        font-weight: normal;
        color: #2c5a93;
    }

    .modSidebarNavigation ul li.active > a span.VR15S {
        font-weight: bold;
        color: #008dc9;
    }

    .VR15S  {
        padding: 0 !important;
        margin: 0!important;
        border-bottom: 0 !important;
    }

    .ym-wrapper {
        max-width: 750px;
        min-width: auto;
    }

    h1 {
        margin-top: 1em;
    }
    #main.fkv {
        width: 670px;
    }
}

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

    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: calc(30vw + 150px) !important;
    }

    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 0;
    }

    .modTicker {
        display: block;
    }

    .modTicker .ym-g960-4 .more a {
        text-align: center;
        overflow: hidden;
        text-indent: 0;
    }

    .modTicker .ym-g960-8 {
        display: none;
    }
    .ck_grey_bar {
        margin-right: .7em;
    }
    .ck_blue_bar {
        margin-right: .7em;
    }
    /* Headerbilder auch auf Smartphones anzeigen */
    /* .modHeader img {
        display: block;
    } */
    img {
        height: auto !important;
    }

    .fkv h1 {
        margin: 1em 0 1em -4px;
        padding-left: 0;
    }
    /* Spaltenbreite für Tabelle mit 4 Spalten in Stellenanzeige */
    table.fouricons td {
        max-width: 70px;
    }
    /* Ende Spaltenbreite für Tabelle mit 4 Spalten in Stellenanzeige */

    /* Aufzählungspunkte bei eignenen Leistungen */
    .eigene_leistung .bvs .accordion ul {
        list-style: url(/res/ism/img/icons/list_square.gif) !important;
    }
    /* Ende Aufzählungspunkte bei eignenen Leistungen */

}