@media all {

    h1 {
        font-size: 145%;
    }

    h2 {
        font-size: 130%;
    }

    h3 {
        font-size: 115%;
    }

    h4 {
        font-size: 100%;
        margin: 0;
    }

    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 340px !important;
    }
    .modHeader section#modHeaderStage ul li figure figcaption {
        top: 180px;
    }

    /* Stile in CK-Editor */
    .ck_info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }
    .ck_note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
    .ck_important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
    .ck_warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }
    /* Ende Stile in CK-Editor */

    /* Zusätzliche Textfelder in Akkordeon-Filelinks */
    li.acc_filelinks_top {
        left: 0 !important;
    }
    li.acc_filelinks_bottom {
        left: 0 !important;
        margin-top: 2%;
    }

    /* Interne und E-Mail-Links in IWE mit Symbol versehen */

    a.email:before, a.internal:before, a.external:before {
        font-family:custom-icon-font;
        font-style:normal;
        font-weight:400;
        speak:none;
        display:inline;
        text-decoration:none;
        width:1em;
        margin-right:.2em;
        text-align:center;
        font-variant:normal;
        text-transform:none;
        line-height:1em;
        margin-left:.2em;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        -webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
    }
    a.email, a.external, a.internal {
        text-decoration: none;
    }
    a.email:hover {
        text-decoration: underline;
    }
    a.email:before {
        content:'\e83a';
        -ms-user-select:none;
        user-select:none;
    }
    a.internal:before {
        content:'\e831';
        -ms-user-select:none;
        user-select:none;
    }
    a.external:before {
        content:'\e82f';
        -ms-user-select:none;
        user-select:none;
    }
    /* Ende Interne und E-Mail-Links in IWE mit Symbol versehen */

    /* Social Toolbar um Twitter ergaenzen */
    .modFooterSocial a.footer-twitter::before {
        content: '\f304';
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .modFooterSocial a.footer-twitter::before {
        font-family: custom-icon-font;
        font-style: normal;
        speak: none;
        display: inline;
        text-decoration: none;
        width: 1em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        text-indent: 0;
        float: left;
        margin: 0;
        font-size: 2em;
        color: #fff;
        font-weight: 400;
    }


    /* Texte in Slider ausblenden und Steuerelemente nach unten verschieben*/
    .modHeader section#modHeaderStage ul li figure figcaption {
         display: none;
     }
    .modHeader section#modHeaderStage ul li figure>div {
        bottom: 0px;
    }
    /* Ende Texte in Slider ausblenden und Steuerelemente nach unten verschieben */

    /* Bannner in Sidebar */
    .modSidebarBanner p:last-child {
        border-bottom: none;
        background: none;
    }
    /* Ende Banner in Sidebar */

    /* Listen und Überschriften in Akkordeons anpassen */
    div.toggle-content > ul {
        list-style: none url(/res/ism/img/icons/list_square.gif) !important;
    }
    li.acc_filelinks_main {
        list-style: none !important;
    }

    div.toggle-content > h2,h3,h4 {
        padding-left: 15px;
    }
    /* Ende*/

    /* Nachrückerverfahren */
    #nrv table {
        /* Rahmen benachbarter Zellen ueberlappen lassen */
        border-collapse:collapse;
        /* Rahmen leerer Zellen immer anzeigen - IE 6 ignoriert das leider */
        empty-cells:show;
        border:1px solid gray;
        padding:12px;
        padding-left:40px;
        margin-bottom: 0px;
    }

    #nrv th {
        font-weight:bold;
        background-color:#efefef;
    }

    #nrv td
    {
        padding-left:12px;
        border:1px solid gray;
        background-color: #fff;
    }
    #nrv h1 {
        font-size:1.3em;
        color: maroon;
    }
    #nrv.h2 {
        font-size:1.2em;
        color: maroon;
    }
    #nrv h3 {
        color:#8BA4BC;
        font-size:1.1em;
    }
    #nrv h4 {
        color: black;
        font-size:1.1em;
    }
    #nrv.h5 {
        color: maroon;
        font-size:1.1em;
    }
    #t1 {
        font-weight:bold;
        color: maroon;
        font:15px arial,sans-serif;
    }

    #d1 {
        margin-left:2cm;
    }

    #nrv table tbody tr:first-child td, #nrv table tbody tr:first-child th {
        border-top: 1px solid #000;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #f3f3f3;
    }

    #nrv fieldset
    {
        color: #000000;
        font-family: arial, verdana, sans-serif;
        margin: 0;
        padding: 15px;
        border: 1px;
        outline: 0;
        font-weight: 400;
        font-style: normal;
        font-size: 0.8em;
        font:15px arial,sans-serif;
    }
    #wam1
    {
        font-weight: 400;
        font-style: normal;
        font-size: 0.8em;
        font:15px arial,sans-serif;
        color:#000000;
    }
    #wam2
    {
        font-weight: 700;
        font-style: normal;
        font-size: 1.2em;
        font:17px arial,sans-serif;
        color:maroon;
    }
    #wam3
    {
        font-weight: 800;
        font-style: normal;
        font-size: 1.3em;
        font:17px arial,sans-serif;
        color:#8BA4BC;
        line-height: 1.5em;
        background-color: #eeeeee;
        border: 1px solid #c0c0c0;
        padding: 5px;
        width: 50%;
    }
    #wam4
    {
        font-weight: 800;
        font-style: normal;
        font-size: 1.3em;
        font:12px arial,sans-serif;
        color:#8BA4BC;
    }
    #wam5
    {
        font-weight: 700;
        font-style: normal;
        font-size: 1.0em;
        font:15px arial,sans-serif;
        color:maroon;
    }
    #wam6
    {
        font-weight: 700;
        font-style: normal;
        font-size: 1.2em;
        font:17px arial,sans-serif;
        color:maroon;
        background-color:#ffffff;
    }
    #wam7
    {
        font-weight: 800;
        font-style: normal;
        font-size: 1.3em;
        font:15px arial,sans-serif;
        color:#8BA4BC;
    }

    /* Ende Nachrückerverfahren */

    /* "mehr"-Link rechts ausrichten
    .moreAlignRight {
        text-align: right;
        margin: 0 !important;
        font-size: 130%;
    }
    "mehr"-Link rechts ausrichten */

    /* Über uns */
    .about_us_descr_hover a {
        text-decoration: none !important;
    }
    .about_us_descr_hover :hover {
        background-color: #2c5a93 !important;
        color: #fff !important;
    }
    li:hover.about_us_descr_hover {
        background-color: #2c5a93 !important;
        color: #fff !important;
    }
    li:hover.about_us_descr_hover  a {
        background-color: #2c5a93 !important;
        color: #fff !important;
    }
    /* Ende Über uns */

    /* Im Fokus */
    .modFocus .toggle-content a.toggle-more::before {
        font-weight: 700;
    }
    .modFocus .toggle-content {
        background-color: #f3f3f3;
    }
    .modFocus > div:not(.bvs) > .toggle-content {
        padding-top: 0.75em;
    }
    [id^="modFocusContent"] ul li.more {
        list-style: none;
    }
    [id^="modFocusContent"] ul {
        padding-left: 2em;
        padding-right: 1em;
        list-style: none url(../img/icons/list_square.gif) !important;
    }
    [id^="modFocusContent"] ol {
        padding-left: 2em;
        padding-right: 1em;
    }
    [id^="modFocusContent"] ul ul {
        list-style: circle none !important;
    }
    /* Ende Im Fokus */

    /* Rondell */
    .rondell {
        background: none;
        margin-top: -30px;
    }
    .rondell a {
        background: none;
        padding-right: 90px;
    }
    .rondell a:hover {
        background: none;
    }
    .modRondell .hide-from-screen {
        position: inherit !important;
        max-width: 100%;
    }
    /* Ende Rondell */

    /* Infobox */
    .modSidebarMinistry ul li.last p {
        background-color: #fff;
        padding-left: 0;
    }
    .modSidebarMinistry ul li {
        background-color: #fff;
    }
    /* Ende Infobox */

    /* Bereiche-Menue auf Startseite */
    #bereiche .accordion2d a::before {
        /* content: '\e809' */;
    }
    #bereiche .modSidebarSubject .toggle-box .toggle-content .toggle-box .accordion2d a::before {
        content: '\e809';
    }
    #bereiche .modSidebarSubject .toggle-box .toggle-content .acc-active .accordion2d a::before {
        content: '\e807';
    }
    #bereiche .modSidebarSubject .toggle-content {
        padding: 0;
        margin-top: 1em;
    }
    #bereiche .modSidebarSubject .accordion2d a {
        padding: .55em;
    }
    #bereiche .modSidebarSubject .accordion2d p a {
        padding: 0;
    }
    #bereiche .toggle-content ul.pm {
        margin-left:0;
        list-style: none;
    }

    #bereiche ul.accordion2d {
        margin-top: 0 !important;
    }
    #bereiche .modDates p a::before {
        content: '';
    }
    .modDates p a {
        margin: 0;
        padding: 0;
    }

    #bereiche .modSidebarSubject .toggle-title {

        display: block;
        margin: 0;
        border: 1px solid #fff;
        border-bottom-color: rgb(0, 141, 201);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom: solid 1px #e1e7f0;
        cursor: pointer;
        font-size: 113%;
        overflow: hidden;
        color: #333;
        background-color: #eef3fb;

    }


    #bereiche .modSidebarSubject .toggle-title a {
        color: #333;
    }
    #bereiche  a.i-preview-anchor::before {
        content: none !important;
    }
    #bereiche  a.i-preview-anchor {
        display: none;
    }
    #bereiche #modSidebarSubjectZt2-1 span {
        font-weight: bold;
    }
    #bereiche .modSidebarSubject .toggle-box {
        background: none;
    }
    /* Ende Bereiche-Menue auf Startseite*/

    /* Planfeststellungen-Menue auf Startseite */
    #planfeststellungen .accordion2d a::before {
        /* content: '\e809'; */
    }
    #planfeststellungen .modSidebarSubject .toggle-box .toggle-content .toggle-box .accordion2d a::before {
        content: '\e809';
    }
    #planfeststellungen .modSidebarSubject .toggle-box .toggle-content .acc-active .accordion2d a::before {
        content: '\e807';
    }
    #planfeststellungen .modSidebarSubject .toggle-content {
        padding: 0;
        margin-top: 1em;
    }
    #planfeststellungen .modSidebarSubject .accordion2d a {
        padding: .55em;
    }
    #planfeststellungen .modSidebarSubject .accordion2d p a {
        padding: 0;
    }
    #planfeststellungen .toggle-content ul.pm {
        margin-left:0;
        list-style: none;
    }

    #planfeststellungen ul.accordion2d {
        margin-top: 0 !important;
    }
    #planfeststellungen .accordion2d .modDates a {
        display: block
    }
    #planfeststellungen .modDates p a::before {
        content: '';
    }
    .modDates p a {
        margin: 0;
        padding: 0;
    }

    #planfeststellungen .modSidebarSubject .toggle-title {

        display: block;
        margin: 0;
        border: 1px solid #fff;
        border-bottom-color: rgb(0, 141, 201);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom: solid 1px #e1e7f0;
        cursor: pointer;
        font-size: 113%;
        overflow: hidden;
        color: #333;
        background-color: #eef3fb;
    }


    #planfeststellungen .modSidebarSubject .toggle-title a {
        color: #333;
    }
    #planfeststellungen  a.i-preview-anchor::before {
        content: none !important;
    }
    #planfeststellungen  a.i-preview-anchor {
        display: none;
    }
    #planfeststellungen #modSidebarSubject3-1 span {
        font-weight: bold;
    }
    #planfeststellungen .modSidebarSubject .toggle-box {
        background: none;
    }
    /* Ende Planfeststellungen-Menue auf Startseite*/

    .modRondell {
        margin: 1.25em 0 1.25em;
    }

    /* Stellenanzeigen */
    .staz_box h2 {
        margin: 0;
        padding: 0.5em 1em 0 1em;
        font-size: 100%;
    }
    h3.staz {
        font-weight: 700;
        font-size: 100%;
        color: #008dc9;
        padding: 1em 0 0.5em 0;
        margin: 0;
    }
    .modForm .ym-form {
        padding-top: 0;
    }
    .locationJobs li {
        padding-bottom: 1em;
    }
    .locationJobs h3 {
        color: #008dc9;
        font-weight: 700;
    }
    .locationJobs a.more {
        color: #008dc9;
        background: none;
    }
    /* Ende Stellenanzeigen */
    .lap_formular h3 {
        font-weight: 700;
        margin-bottom: 1em;
    }
    .lap_formular .formular_radio_element {
        white-space: nowrap;
    }
    .lap_formular .formular_radio_element p {
        font-weight: 600;
        margin-bottom: 1em;
        white-space: normal;
    }
    .lap_formular .formular_radio_element input {
        margin-bottom: 1em;
        vertical-align: sub;
    }
    .lap_formular label {
        white-space: pre-line;
        vertical-align: middle;
        padding: 0.2em 0;
        line-height: 1em;
    }
    /* Formular LAP */

    /* Ende Formular LAP */

    /* Karriere-Button */
    .modMainNavigation ul.nav-level-1 > li:last-child > a {
        border-left: solid 1px #a6192e;
        border-right: solid 1px #a6192e;
        background: #a6192e;
    }
    .modMainNavigation ul.nav-level-1 > li:last-child > a:hover {
        background: #ECBAC1FF;
        color: #000;
    }
    /* Ende Karriere-Button */

    /* Übernommen aus customer.css */

    /* 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;
    }

    /* TagCloud */

    .tagcloud a.tag1 { font-size: 10px; }
    .tagcloud a.tag2 { font-size: 12px; }
    .tagcloud a.tag3 {
        font-size: 14px;
        color: rgb(0, 141, 201);
    }
    .tagcloud a.tag4 {
        font-size: 16px;
        color: #989898;
    }
    .tagcloud a.tag5 { font-size: 18px; }
    .tagcloud a.tag6 {
        font-size: 20px;
        line-height: 1;
        color: rgb(0, 141, 201);
    }
    .tagcloud a.tag7 {
        font-size: 22px;
        color: rgb(118, 118, 118);
    }
    .tagcloud a.tag8 { font-size: 24px; }
    .tagcloud a.tag9 { font-size: 26px; }
    .tagcloud a.tag10 { font-size: 28px; }
    .tagcloud { padding: 2px; text-align: center; }
    .tagcloud a { padding: 0px; }
    .tagcloud a:hover { color:red; }
    .tagcloud { margin: 0; }
    .tagcloud li { display: inline; white-space: nowrap; width: auto !important }
    div.tagcloud {

        border-top: solid 3px rgb(0, 141, 201);
        border-bottom: solid 3px rgb(0,141,201);
        padding: 4%;
        margin: 10% 10% 20px 10%;
        line-height: 2em;
    }

    .modContent .tagcloud ul li {
        left: 0;
    }

    /* BVS */
    .bvs ul {
        margin: 1em 1em 1em 2em;
    }
    .bvs h4 {
        margin: 0.75em 0 0.75em 1em;
    }

    span.highlight{
        background: #f1c40f;
    }

    .highlight {
        background-color: yellow
    }

    .highlighted {
        background-color:yellow;
    }
    .emptyBlock1000 {
        height:1000px;
    }
    .emptyBlock2000 {
        height:2000px;
    }


    /* Verhindern von Aufzählungszeichen in Akkordeonelementen */

/*    div.toggle-content > ul {
        list-style: none !important;
    }*/

    div.toggle-content > ul ul {
        list-style-type: none;
        list-style-position: outside;
        list-style-image: url("../img/icons/list_square.gif");
        margin-left: 1em;
    }

    div.toggle-content > ul li ol {
        margin-left: 0.5em;
        padding-left: 0.5em;
    }

    /* BVS */
    .bvs ul {
        margin: 1em 1em 1em 2em;
    }
    .bvs h4 {
        margin: 0.75em 0 0.75em 1em;
    }

    span.highlight{
        background: #f1c40f;
    }

    .highlight {
        background-color: yellow
    }

    .highlighted {
        background-color:yellow;
    }
    .emptyBlock1000 {
        height:1000px;
    }
    .emptyBlock2000 {
        height:2000px;
    }


    /* Verhindern von Aufzählungszeichen in Akkordeonelementen */

    div.toggle-content > ul {
        list-style: none;
    }
    div.toggle-content > ul ul {
        list-style-type: none;
        list-style-position: outside;
        list-style-image: url("../img/icons/list_square.gif");
        margin-left: 1em;
        padding-right: 1em;
    }

    div.toggle-content > ul li ol {
        margin-left: 0.5em;
        padding-left: 0.5em;
    }

    div.toggle-content > ul li ul {
        margin-left: 0.5em;
        padding-left: 0.5em;
    }
    /* Ende Übernommen aus customer.css */

    div.toggle-content > ul li ul li {
        width: 90%;
    }

}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 221px !important;
    }
}


@media only screen and (min-width :20px) and (max-width :766px) {
    .modRondell {
        display:initial;
    }
    .rondell {
        margin-top: 0px;
    }
    .rondell a {
        padding-right: 40px;
    }
    #nrv img {
        width: initial;
    }
    .modHeader div.header-navigation .modBurgerNavigation div.burger-navigation-content [data-role="main-navigation"] ul.nav-level-1 > li:last-child > a {
        background: #a6192e;
    }
    .modHeader section#modHeaderStage.modHeaderStageFade {
        height: 45vw !important;
    }
    .modRondell .hide-from-screen {
        padding-left: 0.75em;
    }
}
