@font-face {
    font-family: 'irmengardregular';
    src: url('../fonts/irmengard-regular-webfont.woff2') format('woff2'), url('../fonts/irmengard-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'irmengardmedium';
    src: url('../fonts/irmengard-medium-webfont.woff2') format('woff2'), url('../fonts/irmengard-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'irmengardsemibold';
    src: url('../fonts/irmengard-semibold-webfont.woff2') format('woff2'), url('../fonts/irmengard-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'irmengard-monomedium';
    src: url('../fonts/irmengard-mono-medium-webfont.woff2') format('woff2'), url('../fonts/irmengard-mono-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html, body {
    font-family: 'irmengardregular', sans-serif;
    font-size: 16px;
    color: #707070;
    scroll-behavior: smooth;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
*:focus, .btn.focus, .btn:focus, button:focus {
    outline: 0 none;
    border: 0;
    border-color: transparent;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
::-webkit-scrollbar {
    width: 5px
}
::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 3px
}
::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 0px
}
a {
    color: #555;
}
a:hover {
    text-decoration: none;
    color: #000;
}
a.download {
    display: inline-block;
    padding-left: 30px;
    background-image: url("../images/download-icon.png");
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: underline;
}
figure {
    margin: 0;
    padding: 0;
}
strong {
    font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'irmengardsemibold', sans-serif;
    color: #000;
}
h1, .h1, h2, .h2 {
    font-size: 58px
}
@media (max-width: 992px) {
    h1, .h1, h2, .h2 {
        font-size: 34px
    }
}
.h1sm {
    font-size: 38px;
    top: 85% !important
}
@media (max-width: 992px) {
    .h1sm {
        font-size: 24px;
        top: 80% !important
    }
}
h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: 20px;
    color: #000;
}
.readon {
    font-family: 'irmengardsemibold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    display: inline-block;
    background-color: #4D5D68;
    padding: 20px 20px 19px 20px;
    border: 1px solid #4D5D68;
    transition: 0.3s;
}
.readon:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
}
.gym {
    background-color: #E65820;
    border: 1px solid #E65820;
}
/*
.fos {
    background-color: #3D4E69;
    border: 1px solid #3D4E69;
}
*/
.rea {
    background-color: #AF1C4F;
    border: 1px solid #AF1C4F;
}
/***
Allgemeine Klassen
***/
/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* Style the icon bar links */
.icon-bar a {
    display: block;
    text-align: center;
    width: 50px;
    height: 50px;
    transition: all 0.3s ease;
}
/* Style the social media icons with color, if you want */
.icon-bar a:hover {
    background-color: #000;
}
.sidebar_icon, .home .sidebar_icon {
    background-color: #3D4E69;
}
.gymnasium .sidebar_icon {
    background-color: #E65820;
}
.realschule .sidebar_icon {
    background-color: #AF1C4F;
}
.fos .sidebar_icon {
    background-color: #3D4E69;
}
.sidebar_anmeldungen, .sidebar_news, .sidebar_temine, .sidebar_mensa, .sidebar_elternportal, .sidebar_kontakt {
    background-size: 70% 70%;
    background-repeat: no-repeat;
    background-position: center center;
    border-top: 1px solid #fff;
}

.sidebar_kontakt {
    background-image: url("../images/icon-kontakt.svg")
}

.sidebar_anmeldungen {
    background-image: url("../images/icon-anmeldungen.svg")
}
.sidebar_news {
    background-image: url("../images/icon-news.svg")
}
.sidebar_temine {
    background-image: url("../images/icon-kalender.svg")
}
.sidebar_mensa {
    background-image: url("../images/icon-essen.svg")
}
.sidebar_elternportal {
    background-image: url("../images/icon-elternportal.svg")
}
header nav {
    font-family: 'irmengardmedium', sans-serif;
    color: #000;
}
.container {
    max-width: 1320px;
}
.navbar-toggler {
    border: 0px solid transparent;
    border-radius: 0rem;
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, .7);
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 1);
}
.social-icon {
    height: 16px;
    width: auto;
}
/***
Home Klassen
#3D4E69
***/
.heroimage {
    position: relative;
    text-align: center;
}
.blende {
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/heroimage_blende.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 50%;
    height: 100%;
}
.centered {
    position: absolute;
    top: 75%;
    left: 0%;
    width: 100%;
    text-align: center;
    transform: translate(0%, -50%);
}
.linksbuendig {
    position: absolute;
    top: 75%;
    left: 0%;
    width: 95%;
    text-align: right;
}
.mobile_buttons a {
    width: calc(100% - 40px);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.willkommen span {
    font-family: 'irmengardsemibold', sans-serif;
    color: #000;
    font-size: 38px;
}
.willkommen h1 {
    font-family: 'irmengard-monomedium', monospace;
    font-size: 18px;
}
.gallery {
    background-image: url(../images/section_gallery_bg_top.png), url(../images/section_gallery_bg_bottom.png);
    background-repeat: no-repeat, repeat-x;
    background-position: center top, center bottom;
    background-size: 100% auto, auto auto;
    background-color: #fff;
}
.gallery span {
    font-family: 'irmengardsemibold', sans-serif;
    color: #000;
    font-size: 38px;
}
.gallery h2 {
    font-family: 'irmengard-monomedium', monospace;
    font-size: 18px;
}
.gallery img {
    border: 10px solid transparent;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .0) !important;
    transition: 0.5s;
}
.gallery img:hover {
    border: 10px solid #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.mt-275 {
    margin-top: 275px;
}
@media (max-width: 767px) {
    .mt-275 {
        margin-top: 215px;
    }
}
.fancybox-bg {
    background: #fff;
}
.home footer {
    background-color: #3D4E69
}
.home footer a, .home footer {
    color: #fff
}
.home footer a:hover {
    color: #ccc
}
.frau_schlau {
    position: absolute;
    display: inline-block;
    width: 75px;
    height: 130px;
    margin-top: -130px;
    margin-left: calc(100% - 100px)
}
@media (max-width: 767px) {
    footer .social-icon {
        height: 32px;
        width: auto;
    }
}
.writtenIcon {
    display: inline-block;
    padding-left: 22px;
    background-image: url(../images/writtenIcon.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.tagsIcon {
    display: inline-block;
    padding-left: 22px;
    background-image: url(../images/tagsIcon.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.sidebar ul.nav, .sidebar ul.nav li, .sidebar ul.nav li ul.nav-child {
    padding: 0;
}
.sidebar ul, .sidebar .small {
    list-style: none;
    font-family: 'irmengardmedium';
    font-size: 16px !important
}
.sidebar li {
    display: block;
    float: none;
    width: 100%;
}
.sidebar ul.nav > li {
    margin-top: 10px;
}
.sidebar ul.nav a {
    color: #000;
}
.sidebar ul.nav .small a {
    color: #707070;
}
.breadcrumb {
    font-size: 14px;
    padding: .55rem .75rem;
    background-color: #eee;
    border-radius: 0rem;
}
@media (max-width: 992px) {
    ul.breadcrumb li:first-child {
        display: none !important;
    }
}
.bg-eee {
    background-color: #eeeeee
}
.home aside {
    background-color: #eee;
}
.home aside input {
    border: 0px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(../../../images/icons/bg-suche.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 5px 0
}
/***
Gymnasium Klassen
#E65820
***/
.gymnasium li.item-169 a, .gymnasium li.active a {
    color: #E65820 !important
}
.gymnasium footer li.active a {
    color: #fff !important
}
.gymnasium aside {
    background-color: #eee;
}
.gymnasium aside input {
    border: 0px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(../../../images/icons/bg-suche.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 5px 0
}
.gymnasium footer, .gymnasium .bg-color {
    background-color: #E65820
}
.gymnasium footer a, .gymnasium footer, .gymnasium .bg-color, .gymnasium .bg-color h1, .gymnasium .bg-color a {
    color: #fff;
    white-space: nowrap
}
.gymnasium footer a:hover {
    color: #ccc
}
.gymnasium .blende {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/heroimage_blende_gym.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    width: 100%;
    height: 100%;
}
.gymnasium .content a {
    color: #E65820
}
.bottombg {
    background-image: url(../images/section_gallery_bg_bottom.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 50px 300px;
    background-color: #fff;
}
.bottombg article {
    background-color: transparent;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .0) !important;
    transition: 0.5s;
}
.bottombg article:hover {
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.gymnasium .readon_allnews {
    display: inline-block;
    border: 1px solid #E65820;
    border-radius: 3px;
    padding: 5px 15px;
    text-align: center;
    color: #E65820;
    background-color: transparent;
    transition: 0.5s;
}
.gymnasium .readon_allnews:hover {
    color: #fff;
    background-color: #E65820;
}
.gymnasium .sidebar ul.nav a:hover {
    color: #E65820
}
.gymnasium .d_none_faecher {
    display: none;
}
.gymnasium .border-icons {
    border: 1px solid #E65820;
}
/***
FOS Klassen
#3D4E69
***/
.fos li.item-170 a, .fos li.active a {
    color: #3f639c !important
}
.fos footer li.active a {
    color: #fff !important
}
.fos aside {
    background-color: #eee;
}
.fos aside input {
    border: 0px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(../../../images/icons/bg-suche.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 5px 0
}
.fos footer, .fos .bg-color {
    background-color: #3D4E69
}
.fos footer a, .fos footer, .fos .bg-color, .fos .bg-color h1, .fos .bg-color a {
    color: #fff;
    white-space: nowrap
}
.fos footer a:hover {
    color: #ccc
}
@media (min-width: 992px) {
    .fos .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
}
.fos .blende {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/heroimage_blende_fos.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    width: 100%;
    height: 100%;
}
.fos .content a {
    color: #3D4E69
}
.fos .readon_allnews {
    display: inline-block;
    border: 1px solid #3D4E69;
    border-radius: 3px;
    padding: 5px 15px;
    text-align: center;
    color: #3D4E69;
    background-color: transparent;
    transition: 0.5s;
}
.fos .readon_allnews:hover {
    color: #fff;
    background-color: #3D4E69;
}
.fos .sidebar ul.nav a:hover {
    color: #3D4E69
}
/***
Realschule Klassen
#AF1C4F
***/
.realschule li.item-171 a, .realschule li.active a {
    color: #AF1C4F !important
}
.realschule footer li.active a {
    color: #fff !important
}
.realschule aside {
    background-color: #eee;
}
.realschule aside input {
    border: 0px solid #fff;
    border-radius: 4px;
    background-color: #fff;
    background-image: url(../../../images/icons/bg-suche.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 5px 0
}
.realschule footer, .realschule .bg-color {
    background-color: #AF1C4F
}
.realschule footer a, .realschule footer, .realschule .bg-color, .realschule .bg-color h1, .realschule .bg-color a {
    color: #fff;
    white-space: nowrap
}
.realschule footer a:hover {
    color: #ccc
}
.realschule .blende {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(../images/heroimage_blende_real.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
    width: 100%;
    height: 100%;
}
.realschule .content a {
    color: #AF1C4F
}
.realschule .readon_allnews {
    display: inline-block;
    border: 1px solid #AF1C4F;
    border-radius: 3px;
    padding: 5px 15px;
    text-align: center;
    color: #AF1C4F;
    background-color: transparent;
    transition: 0.5s;
}
.realschule .readon_allnews:hover {
    color: #fff;
    background-color: #AF1C4F;
}
.realschule .sidebar ul.nav a:hover {
    color: #AF1C4F
}
.realschule .d_none_zweige-wahlpflichtfaechergruppen, .realschule .d_none_faecher {
    display: none;
}
.realschule .border-icons {
    border: 1px solid #AF1C4F;
}
/*Pagination*/
.k2Pagination {
    margin-top: 40px !important;
    display: block;
    padding: 10px 5px;
    border-top: 1px solid #000;
}
.k2PaginationLinks {
    width: 60%;
    float: left;
}
.k2PaginationCounter {
    widows: 38%;
    float: right;
}
.k2PaginationLinks ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.k2PaginationLinks ul li {
    display: inline-block;
    float: left;
    padding: 3px 5px;
    color: #ccc;
}
.k2PaginationLinks ul li a {
    color: #000;
}
@media (max-width: 767px) {
    aside .ml-auto {
        margin-left: 0 !important;
    }
    aside .nav-link {
        padding: .5rem 0rem;
        margin-left: .37rem !important;
        margin-right: .37rem !important
    }
    aside .item-168 a {
        text-indent: -9999px;
        background-image: url("../images/icon-home.svg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
        display: inline-block;
        width: 35px;
        height: 35px;
    }
    aside .suche {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    aside .suche, aside .k2SearchBlock, aside input {
        width: 100%;
    }
    .gallery img {
        border: 0px;
    }
    .item-203, .item-204 {
        width: 49%;
        text-align: center;
    }
    .icon-bar {
        position: fixed;
        top: 100%;
        width: 100%;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        }

        .home .icon-bar {
            background-color: #3D4E69;
        }
        .gymnasium .icon-bar {
            background-color: #E65820;
        }
        .realschule .icon-bar {
            background-color: #AF1C4F;
        }
        .fos .icon-bar {
            background-color: #3D4E69;
        }    
    
    
    body {padding-bottom: 50px}
    
    .icon-bar a {
        float: left;
        width: 16.6666667%!important;
        height: 50px;
        margin-bottom: 0!important;
    }
    .frau_schlau {
        position: absolute;
        display: inline-block;
        width: 37px;
        height: 65px;
        margin-top: -62px;
        margin-left: calc(100% - 50px);
    }
    .h1sm {
        font-size: 24px;
        top: 60% !important;
    }
    h1, .h1, h2, .h2 {
        font-size: 24px;
    }
    .sidebar {
        margin-bottom: 50px;
    }
}


.itemVideoEmbedded {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.itemVideoEmbedded iframe,
.itemVideoEmbedded object,
.itemVideoEmbedded embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home .item-266 {
  display:none!important
}