/* CSS Document */
/* k_Media/
/* Allgemein */

body {
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}

.frame-background-secondary {
    background-color:#fff;
    background-image:linear-gradient(0deg, #fff, #eee);
}

p {
    font-weight:300;
    font-size:1.1rem;
    color:#555;
}

.section .frame,
.main-section .frame {
    padding-top:120px;
    padding-bottom:120px;
}

button {
    background-color:#666;
    color:#fff;
    border:none;
    box-sizing:border-box;
    font-size:0.8rem!important;
    padding:9px 15px 9px;
    letter-spacing:2px;
    text-transform: uppercase!important;
    box-shadow:0px 20px 40px rgba(0,0,0,0.1);
    transition:all 0.3s ease-in-out;
    border-radius:3.5px!important;
}

button:hover {
    transform:scale(1.05);
    background-color:#333;
    transition:all 0.3s ease-in-out;
}

button:active {
    box-shadow:0px 20px 40px rgba(0,0,0,0.1)!important;
    transform:scale(1);
}

.frame-background-dark .btn {
    color:#444;
    border:none!important;
    box-sizing:border-box;
    font-size:0.8rem!important;
    padding:9px 15px 9px!important;
    letter-spacing:2px;
    text-transform: uppercase!important;
    box-shadow:0px 20px 40px rgba(0,0,0,0.1);
    transition:all 0.3s ease-in-out!important;
    border-radius:3.5px!important;
    background-color:#ccc;
}

.frame-background-dark .btn:hover {
    background-color:#fff;
    color:#444;
}

.btn-default {
    background-color:#666;
    color:#fff;
    border:none;
    box-sizing:border-box;
    font-size:0.8rem!important;
    padding:9px 15px 9px;
    letter-spacing:2px;
    text-transform: uppercase!important;
    box-shadow:0px 20px 40px rgba(0,0,0,0.1);
    transition:all 0.3s ease-in-out;
    border-radius:3.5px!important;
}

.btn-default:hover {
    transform: scale(1.05);
    background-color: #333;
    transition: all 0.3s ease-in-out;
    color:#fff;
}

.btn {
    color:#fff;
    border:none!important;
    box-sizing:border-box;
    font-size:0.8rem!important;
    padding:9px 15px 9px!important;
    letter-spacing:2px;
    text-transform: uppercase!important;
    box-shadow:0px 20px 40px rgba(0,0,0,0.1);
    transition:all 0.3s ease-in-out!important;
    border-radius:3.5px!important;
}

.btn:hover {
    transform:scale(1.05);
    transition:all 0.3s ease-in-out!important;
}

.btn:focus {
    box-shadow:0px 20px 40px rgba(0,0,0,0.1)!important;
    transform:scale(1);
}


/* Netto-Schrift */

@font-face {
    font-family: 'Netto';
    src: url('/fileadmin/fonts/Netto.woff') format('woff'),
        url('/fileadmin/fonts/Netto.ttf') format('truetype');
    font-weight: normal;
}

@font-face {
    font-family: 'Netto OT';
    src: url('/fileadmin/fonts/NettoOT-Bold.woff') format('woff'),
        url('/fileadmin/fonts/NettoOT-Bold.tff') format('truetype');
    font-weight: bold;
}


/* Mobile Navigation */




/* Überschriften */

h1 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#555;
    font-size:2.4rem!important;
    font-weight:400!important;
}

h1.element-header {
    margin-top:-10px;
}

h1.text-center {
    position:relative;
    margin-bottom:40px!important;
    margin-top:45px;
}

h1.text-center::before {
    position: absolute;
    content:'';
    width:50px;
    height:50px;
    background-image:url('/fileadmin/images/logo/aes-logo-bildmarke-weiss.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter:brightness(0.35);
    top:-65px;
    left:0;
    right:0;
    margin:auto;
}

h1.text-center::after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background-color:#ddd;
    bottom:-10px;
    left:0;
    border-radius:0.5px;
}

h1:not(.text-center) {
    position: relative;
    display:inline-block;
    margin-bottom:35px!important;
}

h1:not(.text-center)::after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background-color:#ddd;
    bottom:-10px;
    left:0;
    border-radius:0.5px;
}

h2 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.6rem!important;
    color:#049b9b;
    font-weight:400!important;
}

h2.text-center {
    position: relative;
    margin-bottom:27.5px!important;
}

h2.text-center::after {
    position:absolute;
    content:'';
    width:100%;
    height:1px;
    background-color:#ddd;
    bottom:-10px;
    left:0;
    border-radius:0.5px;
}

h3 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.6rem!important;
    color:#555;
    font-weight:400!important;
}

.frame-inner > h3 {
    margin-bottom:20px!important;
}

h4 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.25rem!important;
    color:#555;
    font-weight:400!important;
}

ul:not(.navbar-nav) {
    padding-left:17px;
    font-weight: 300;
    font-size: 1.1rem;
    color: #555;
}

.card a:not(.btn) {
    color:#555;
}

.card {
    background-color: #fff;
    box-shadow: 0px 20px 60px rgba(0,0,0,0.05);
    overflow: hidden;
    border-radius: 7px;
    border:0;
}

.card-body {
    padding:17px 20px 20px;
}

.card-title {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.6rem!important;
    color:#049b9b;
    font-weight:400!important;
}


/* Header */

#page-header.fixed {
    display:none!important;
}

.navbar-default-transition:not(.navbar-transition) {
    background-color:#fff!important;
}

.navbar {
    z-index:3;
    box-shadow:0px 20px 60px rgba(0,0,0,0.1)!important;
}

.navbar-default .navbar-nav .nav-link,
.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-right:4px;
}

.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
    display:none!important;
}

.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link {
    border-radius:5px;
}

.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-item.dropdown:hover .nav-link {
    border-radius:5px 5px 0 0;
}

.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link {
    color:rgba(0,0,0,0.5)!important;
}

.navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link:hover {
    background-color:#049b9b13;
}

.navbar-default .navbar-nav .active > .nav-link {
    color:#049b9b!important;
    background-color:#049b9b13;
}

.navbar-mainnavigation .nav-link-icon, .navbar-mainnavigation .nav-link-text {

    display: inline-block;
    vertical-align: middle;

}

.nav-link-text {
    height: 21px;

}

*, ::before, ::after {

    box-sizing: border-box;


}
.navbar-default-transition:not(.navbar-transition) .navbar-nav > li > .nav-link:hover {
    color:#049b9b!important;
}

.nav-item.show .nav-link {
    background-color:#049b9b13!important;
    color:#049b9b!important;
    transition:all 0.3s ease-in-out!important;
}

.dropdown-menu {
    display:block!important;
    border-radius:0 5px 5px 5px;
    border:1px solid #049b9b13!important;
    padding:0!important;
    overflow:hidden;
    box-shadow:0px 10px 40px rgba(0,0,0,0.15);
    visibility:hidden;
    opacity:0;
    transition:all 0.3s ease-in-out;
    margin-top:-10px!important;
}

.dropdown-menu.show {
    visibility:visible;
    opacity:1;
    transition:all 0.3s ease-in-out;
    margin-top:0px!important;
}

.dropdown-item {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing:0.5px;
    color:rgba(0,0,0,0.5)!important;
    border-bottom:1px solid #049b9b13!important;
    padding:0.5rem 1rem!important;
    font-size:0.9rem!important;
    transition:all 0.3s ease-in-out;
}

.dropdown-item:hover {
    background-color:#049b9b13!important;
    transition:all 0.3s ease-in-out;
}

.dropdown-item.active {
    background-color:#049b9b13!important;
    color:#049b9b!important;
}

.dropdown-menu li:last-of-type .dropdown-item {
    border-bottom:none!important;
}

.nav-link-text {
    height:21px;
}

.navbar-nav .nav-link {
    transition:all 0.3s ease-in-out!important;
}
    
.navbar-nav .nav-link:hover {
    color:#049b9b!important;
    transition:all 0.3s ease-in-out!important;
}


/* Content */

.frame-background-light + .frame-background-light {
    margin-top:-7.5rem!important;
    padding-top:70px;
}

.frame-background-none + .frame-background-none {
    margin-top:-7.5rem!important;
    padding-top:70px;
}

.frame-subnav {
    padding:0!important;
    margin-top:0!important;
    background-color:#049b9b;
    box-shadow:0px 20px 60px rgba(0,0,0,0.1);
    position:relative;
    z-index:2;
}

.frame-subnav .frame-inner {
    display:grid;
    grid-template-columns:1fr auto;
}

.frame-subnav a {
    color:#fff!important;
}

.frame-subnav ul {
    position:relative;
    padding:0;
    grid-column:2/3;
}

.frame-subnav ul::after {
    clear:both;
    content:'';
    display:block;
}

.frame-subnav li {
    float:left;
    list-style:none;
    padding:0.5rem 0;
}

.frame-subnav li a {
    padding:0.5rem 1rem calc(0.5rem - 4px);
    display:block;
    text-decoration:none;
    background-color:rgba(255,255,255,0.2);
    border-radius:5px;
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-right:4px;
    transition:all 0.3s ease-in-out;
}

.frame-subnav li a:hover {
    background-color:rgba(255,255,255,0.4);
    transition:all 0.3s ease-in-out;
}

.frame-kein-padding {
    padding:0!important;
}

.kontakt-buttons {
    position:fixed;
    right:0;
    top:50%;
    transform:translateY(-50%);
    z-index:9;
}

.kontakt-button {
    width:50px;
    height:50px;
    position:relative;
    margin-bottom:10px;
    margin-right:5px;
    transition:all 0.3s ease-in-out;
}

.kontakt-button:hover {
    transform:scale(1.1);
    transition:all 0.3s ease-in-out;
}

.kontakt-buttons a:last-of-type .kontakt-button {
    margin-bottom:0;
}

.kontakt-button-image {
    width:100%;
    height:100%;
    filter:drop-shadow(0px 20px 40px rgba(0,0,0,0.2));
}

.kontakt-button-image img {
    width:100%;
    height:100%;
    object-position:center;
    object-fit:contain;
}

.frame-type-subnavigation {
    padding:128px 0 80px!important;
}

.subnav-nav {
    color:#5575a6;
    position: relative;
    box-shadow: 0px 0px 80px rgba(0,0,0,0.1);
    border-radius:0 0 7px 7px;
}

.subnav-nav::before {
    position: absolute;
    content:'Unterseiten:';
    width:100%;
    height:auto;
    background-color:#5575a6;
    color:#fff;
    padding:0.7rem 1rem 0.5rem;
    border-radius:7px 7px 0 0;
    top:-43px;
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:1.2rem;
}

.subnav-item:last-of-type .subnav-link {
    border-radius:0 0 7px 7px;
}

.subnav-link {
    border:1px solid #dfe5ee!important;
}

.frame-site-title,
.frame-site-title-musik {
    position: relative;
    overflow:hidden;
    padding:80px 0!important;
}

.frame-site-title-musik {
    overflow:visible;
}

.frame-site-title::after,
.frame-site-title-musik::after {
    position: absolute;
    content:'';
    width:600px;
    height:570px;
    background-image:url('/fileadmin/images/logo/aes-logo-bildmarke-weiss.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter:brightness(0.965);
    bottom:-200px;
    right:-80px;
    z-index:-1;
}

.frame-site-title-musik .frame-inner {
    position:relative;
}

.frame-site-title-musik .frame-inner::after {
    width:180px;
    height:180px;
    position: absolute;
    content:'';
    background-image:url('/fileadmin/images/icons/schwerpunkte/musik-icon-outline.png');
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    right:0;
    top:170%;
    transform:translateY(-50%);
    z-index:1;
    filter:drop-shadow(0px 20px 40px rgba(0,0,0,0.2));
}

.frame-site-title h1,
.frame-site-title-musik h1 {
    margin:0!important;
    position:relative;
}

.frame-site-title h1::after,
.frame-site-title-musik h1::after {
    display:none;
}

.valign {
    align-items:end!important;
}

.carousel .carousel-text-inner {
    margin-bottom:80px!important;
    position: relative;
    margin-top:30%!important;
}

.carousel .carousel-text-inner::after {
    content:'';
    position: absolute;
    width:200%;
    height:200%;
    left:-70%;
    top:-50%;
    z-index:1;
    background-image:radial-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.3),rgba(0,0,0,0),rgba(0,0,0,0));
}

.carousel h1.carousel-header {
    margin:0!important;
    position: relative;
    z-index:2;
}

.carousel h1.carousel-header::after {
    display:none!important;
}

.carousel h4.carousel-subheader {
    font-size:1.3rem;
    margin-top:20px!important;
    position: relative;
    z-index:2;
}

.frame-default.frame-type-carousel_small:not(.frame-background-light) .carousel-item {
    background-color:#eee!important;
    border-radius:7px;
}

.frame-default.frame-type-carousel_small.frame-background-light .carousel-item {
    background-color:#fff!important;
    border-radius:7px;
}

.frame-default.frame-type-carousel_small .carousel-item .carousel-header {
    color:#555;
}

.frame-default.frame-type-carousel_small .carousel-item .vcontainer {
    margin-top:20px;
}

.frame-content-70 .frame-inner,
.frame-content-70-logo .frame-inner {
    width:70%;
}

.frame-content-70-logo {
    position: relative;
}

.frame-content-70-logo::after {
    position: absolute;
    content:'';
    width:600px;
    height:570px;
    background-image:url('/fileadmin/images/logo/aes-logo-bildmarke-weiss.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter:brightness(0.9);
    bottom:-70px;
    right:-80px;
    z-index:-1;
}

.frame-musik-div.frame,
.frame-color-div.frame {
    padding:0;
}

.frame-musik-div .frame-container,
.frame-color-div .frame-container {
    max-width:100%!important;
    margin:0;
    padding:0;
}

.frame-color-div hr {   
    margin:0;
    border:none;
    height:15px;
    background-image:linear-gradient(-90deg, #12375e, #1d5292, #009993, #4b8c5e, #83974e, #a6812b);
	opacity: 1;
}

.frame-musik-div hr {
    margin:0;
    border:none;
    height:15px;
    background-image:linear-gradient(-90deg,#c9b164,#77693c);
}

.frame-schwerpunkte-icons .gallery-item .image a {
    padding-bottom:60px;
    display:block;
    position: relative;
    z-index:2;
}

.frame-schwerpunkte-icons .gallery-item .image picture {
    width:60%;
    margin:auto;
    transform:scale(1);
    transition:all 0.3s ease-in-out;
}

.frame-schwerpunkte-icons .gallery-item .image:hover picture {
    transform:scale(1.1);
    filter:drop-shadow(0px 20px 40px rgba(0,0,0,0.2));
    transition:all 0.3s ease-in-out;
}

.frame-schwerpunkte-icons .gallery-item .image figcaption {
    font-size:1.6rem;
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top:0px;
    margin-top:-40px;
    text-align: center; 
}

.frame-schwerpunkte-icons .gallery-item-size-4 figure {
    margin-bottom:70px!important;
}

.gallery-item img {
    border-radius:7px;
}

.frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item {
    padding:0.5rem;
}

.frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item figure {
    height:100%;
}

.frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item figure a {
    height:100%;
    display:block;
}

.frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item figure a picture {
    height:100%;
}

.frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item figure a picture img {
    height:100%;
    width:100%;
    object-fit:cover;
    box-shadow:0px 10px 80px rgba(0,0,0,0.1);
}

.frame-schwerpunkte-submenu {
    padding-top:0!important;
    margin-top:100px;
}

.frame-schwerpunkte-submenu .gallery-item-size-6 {
    width:calc(100% / 7);
    margin-top:-4.5%;
}

.frame-schwerpunkte-submenu .gallery-item-size-6 figure {
    width:70%;
    margin:auto;
    transition:all 0.3s ease-in-out;
}

.frame-schwerpunkte-submenu .gallery-item-size-6 figure img {
    filter:drop-shadow(0px 20px 40px rgba(0,0,0,0.1));
    transition:all 0.3s ease-in-out;
}

.frame-schwerpunkte-submenu .gallery-item-size-6 figure:hover {
    transform:scale(1.1);
    transition:all 0.3s ease-in-out;
}

.frame-schwerpunkte-submenu .gallery-item-size-6 figure:hover img {
    filter:drop-shadow(0px 20px 60px rgba(0,0,0,0.25));
    transition:all 0.3s ease-in-out;
}

.frame-bildungsgaenge .card {
    background-color: #fff;
    box-shadow: 0px 20px 60px rgba(0,0,0,0.05);
    overflow: hidden;
    border-radius: 7px;
    border:0;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(1) .card-body {
    border-color:#1d5292;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(1) .card {
    border-color:#1d5292;
    box-shadow: 0px 20px 60px #1d529222!important;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(2) .card-body {
    border-color:#4b8c5e;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(2) .card {
    border-color:#1d5292;
    box-shadow: 0px 20px 60px #4b8c5e22!important;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(3) .card-body {
    border-color:#a6812b;
}

.frame-bildungsgaenge .card-group-element-item:nth-child(3) .card {
    border-color:#1d5292;
    box-shadow: 0px 20px 60px #a6812b22!important;
}

.frame-bildungsgaenge .card-body {
    padding:20px;
    padding-top:17px;
    border-top:5px solid;
}

.frame-bildungsgaenge h3 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.6rem!important;
    color:#049b9b;
    font-weight:400!important;
}

.frame-sprachen-kunst .card {
    box-shadow: 0px 20px 60px #a6812b22;
}

.frame-gesellschaftswissenschaften .card {
    box-shadow: 0px 20px 60px #1d529222;
}

.frame-naturwissenschaften .card {
    box-shadow: 0px 20px 60px #4b8c5e22;
}

.frame-sport .card {
    box-shadow: 0px 20px 60px #5f6d6d22;
}

.card-group-element-columns-3 .card-group-element-item:nth-child(1) .card {
    box-shadow: 0px 20px 60px #a6812b22;
}

.card-group-element-columns-3 .card-group-element-item:nth-child(2) .card {
    box-shadow: 0px 20px 60px #1d529222;
}

.card-group-element-columns-3 .card-group-element-item:nth-child(3) .card {
    box-shadow: 0px 20px 60px #4b8c5e22;
}

.frame-sprachen-kunst h3.card-title,
.frame-gesellschaftswissenschaften h3.card-title,
.frame-naturwissenschaften h3.card-title,
.frame-sport h3.card-title {
    color:#555;
}


/* News */

.news-list-view {
    width:100%;
    display:grid;
}

.frame-news-4-cols .news-list-view {
    grid-template-columns:calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px);
    grid-gap:30px;
}

.frame-news-3-cols .news-list-view {
    grid-template-columns:calc(33.3333334% - 20px) calc(33.3333334% - 20px) calc(33.3333334% - 20px);
    grid-gap:30px;
}

.frame-news-2-cols .news-list-view {
    grid-template-columns:calc(50% - 15px) calc(50% - 15px);
    grid-gap:30px;
}

.news-article-item {
    width:100%;
    height:100%;
    border-radius:7px;
}

.news-article-item:hover .news-article-box {
    transform:scale(1.05);
    transition:all 0.3s ease-in-out;
}

.news-article-box {
    background-color:#fff;
    width:100%;
    height:100%;
    box-shadow:0px 20px 60px rgba(0,0,0,0.05);
    display:grid;
    grid-template-rows:auto 1fr;
    overflow:hidden;
    border-radius:7px;
    transition:all 0.3s ease-in-out;
}

.frame-news-2-cols .news-article-item:nth-child(1),
.frame-news-3-cols .news-article-item:nth-child(1),
.frame-news-4-cols .news-article-item:nth-child(1) {
    box-shadow: 0px 20px 60px #1d529222;
}

.frame-news-2-cols .news-article-item:nth-child(2),
.frame-news-3-cols .news-article-item:nth-child(2),
.frame-news-4-cols .news-article-item:nth-child(2) {
    box-shadow: 0px 20px 60px #5f6d6d22;
}

.frame-news-2-cols .news-article-item:nth-child(3),
.frame-news-3-cols .news-article-item:nth-child(3),
.frame-news-4-cols .news-article-item:nth-child(3) {
    box-shadow: 0px 20px 60px #4b8c5e22;
}

.frame-news-2-cols .news-article-item:nth-child(4),
.frame-news-3-cols .news-article-item:nth-child(4),
.frame-news-4-cols .news-article-item:nth-child(4) {
    box-shadow: 0px 20px 60px #a6812b22;
}

.frame-news-2-cols .news-article-item .news-article-image {
    height:200px;
}

.frame-news-4-cols .page-navigation {
    grid-column:1/5;
    border-top:1px solid #ddd;
    padding-top:40px;
    margin-top:20px;
}

.frame-news-4-cols .f3-widget-paginator li {
    padding:0;
    user-select:none;
    -webkit-user-select:none;
    margin-left:6px;
}

.frame-news-4-cols .news .page-navigation ul li:not(.current) {
    padding:0;
}

.frame-news-4-cols .f3-widget-paginator li.current {
    padding: 4.5px;
    background-color: #fff;
    border-radius: 3.5px;
    width: 37.2px;
    height: 37.2px;
    text-align: center;
    text-decoration:none;
}

.frame-news-4-cols .f3-widget-paginator li:not(.next, .previous) a {
    padding: 4.5px;
    background-color: #fff;
    border-radius: 3.5px;
    width: 37.2px;
    height: 37.2px;
    text-align: center;
    text-decoration:none;
    transition:all 0.3s ease-in-out;
}

.frame-news-4-cols .f3-widget-paginator li:not(.next) a:hover,
.frame-news-4-cols .f3-widget-paginator li:not(.previous) a:hover {
    background-color:#666;
    color:#fff;
    transition:all 0.3s ease-in-out;
}

.frame-news-4-cols .f3-widget-paginator li.next {
    margin-left:15px;
}

.frame-news-4-cols .f3-widget-paginator li.previous {
    margin-right:15px;
}

.frame-news-4-cols .f3-widget-paginator li.next a,
.frame-news-4-cols .f3-widget-paginator li.previous a {
    background-color: #666;
    color: #fff;
    border: none;
    box-sizing: border-box;
    font-size: 0.8rem !important;
    padding: 9px 15px 9px;
    letter-spacing: 2px;
    text-transform: uppercase !important;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 3.5px !important;
    text-decoration:none;
    font-weight:400;
}

.frame-news-4-cols .f3-widget-paginator li.next a:hover,
.frame-news-4-cols .f3-widget-paginator li.previous a:hover {
    transform: scale(1.05);
    background-color: #333;
    transition: all 0.3s ease-in-out;
}

.news-article-image {
    width:100%;
    height:160px;
    background-color:#fff;
}

.news-article-image.dummy {
    box-sizing:border-box;
    padding:25px;
}

.news-article-image img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.news-article-image.dummy img {
    object-fit:unset;
}

.news-article-content {
    box-sizing:border-box;
    padding:25px;
    display:grid;
    grid-template-rows:auto auto 1fr auto;
    box-shadow:0px 0px 80px rgba(0,0,0,0.1);
}

.news-article-content-title h3 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size:1.6rem;
    margin-top:-2px;
}

.news-article-content-title h3 a {
    color:#049b9b!important;
}

.news-article-content-meta {
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    box-sizing:border-box;
    padding:5px 0;
    margin-top:5px;
    display:grid;
    grid-template-columns:auto 1fr;
}

.news-article-content-meta-date {
    color:#888;
    font-size:0.85rem;
}

.news-article-content-meta-categories {
    color:#888;
    font-size:0.85rem;
    text-align:right;
}

.news-article-content-meta-tags {
    color:#888;
    font-size:0.85rem;
}

.news-article-content-teaser {
    padding-top:20px;
}

.news-article-content-teaser p {
    color:#888;
    line-height:1.35rem;
    letter-spacing:0.015rem;
    margin:0;
    font-weight:300;
    font-size:1.05rem;
}

.news-article-content-more {
    position: relative;
    box-sizing:border-box;
    padding-bottom:60px;
    height:auto;
}

.news-article-content-more button {
    position: absolute;
    bottom:0;
    left:0;
}

.frame-news-liste {
    overflow:visible;
}

.frame-news-4-cols + .frame-news-liste,
.frame-news-3-cols + .frame-news-liste,
.frame-news-2-cols + .frame-news-liste {
    margin-top:-3rem!important;
    padding-top:1rem!important;
}

.frame-news-liste h3.element-header {
    border-bottom:1px solid #ddd;
    width:100%;
    padding-bottom:15px;
    margin-bottom:20px;
}

.frame-news-liste .news-list-view {
    grid-template-columns:calc(50% - 25px) calc(50% - 25px);
    grid-column-gap:50px;
    overflow:visible;
}

.frame-news-liste .news-article-box {
    box-shadow:none;
    background-color:transparent;
    border-radius:0;
    overflow:visible;
    border-bottom:1px solid #ddd;
}

.frame-news-liste .news-article-item:hover .news-article-box {
    transform:scale(1);
    box-shadow:none;
    background-color:#ddd;
    transition:all 0.3s ease-in-out;
}

.frame-news-liste .news-article-item:hover .news-article-content-title {
    padding-left:15px;
    box-sizing:border-box;
    transition:all 0.3s ease-in-out;
}

.frame-news-liste .news-article-item:hover .news-article-content-meta {
    padding-left:15px;
    box-sizing:border-box;
    transition:all 0.3s ease-in-out;
}

.frame-news-liste .news-article-item:hover .news-article-content-more {
    padding-right:15px;
    box-sizing:border-box;
    transition:all 0.3s ease-in-out;
}

.news-article-box,
.news-article-content-more,
.news-article-content-meta,
.news-article-content-title {
    transition:all 0.3s ease-in-out;
}

.frame-news-liste .news-article-item .news-article-box a {
    text-decoration:none;
}

.frame-news-liste .news-article-item:nth-last-child(1) .news-article-box,
.frame-news-liste .news-article-item:nth-last-child(2) .news-article-box {
    border-bottom:0;
}

.frame-news-liste .news-article-image,
.frame-news-liste .news-list-category,
.frame-news-liste .news-article-content-teaser {
    display:none;
}

.frame-news-liste .news-article-content {
    grid-template-rows:auto auto;
    grid-template-columns:auto 1fr auto;
    grid-column-gap:20px;
    box-shadow:none;
    padding:15px 0;
}

.frame-news-liste .news-article-content-title h3 {
    margin-bottom:-5px;
    margin-top:-2px;
    font-size:1.4rem!important;
}

.frame-news-liste .news-article-content-meta {
    border:none;
    grid-column:1/2;
    margin-top:-2px;
    padding-bottom:0;
    margin-bottom:-3px;
}

.frame-news-liste .news-article-content-meta-date {
    color:#aaa;
}

.frame-news-liste .news-article-content-more {
    grid-column:3/4;
    grid-row:1/3;
    padding:0;
    padding-top:1px;
}

.frame-news-liste .news-article-content-more button {
    position:relative;
}

.news-detail-banner {
    margin-top:-50px;
    margin-bottom:50px;
}

.news-detail-banner .news-img-wrap {
    float:none!important;
    width:100%!important;
    height:500px;
    overflow: hidden;
    margin:0!important;
    box-shadow: 0px 10px 80px rgba(0,0,0,0.1);
    border-radius:7px;
}

.news-detail-banner .news-img-wrap .outer {
    width:100%;
    height:100%;
}

.news-detail-banner .news-img-wrap .mediaelement-image {
    width:100%;
    height:100%;
}

.news-detail-banner .news-img-wrap a {
    border:0!important;
    float:none!important;
    padding:0!important;
    width:100%;
    height:100%;
    display:block;
    border-radius:7px;
    overflow: hidden;
}

.news-detail-banner .news-img-wrap img {
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
}

.news-detail-teaser {
    display:none;
}

.news-detail-header,
.news-detail-details,
.news-detail-text {
    width:65%;
    margin:auto;
}

.news-detail-details {
    border:0!important;
    background-color:#eee;
    padding:11px 13px 13px!important;
    border-radius:7px;
    margin-bottom:50px!important;
}

.news-detail-details p {
    margin:0;
    color: #666;
    font-size: 0.85rem;
}

.news-detail-related {
    width:65%;
    margin:auto;
    border:0!important;
    margin-top:50px;
}

.news-detail-related h4 {
    border-bottom:1px solid #ddd;
    padding-bottom:7px;
}

.news-detail-related .news-related {
    border:0;
    width:100%;
    padding:0;
    background-color:#eee;
    padding:11px 13px 13px!important;
    border-radius:7px;
}

.news-detail-related .news-related ul {
    margin:0!important;
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap:15px;
    padding:0;
    padding-top:4px;
}

.news-detail-related .news-related li {
    margin:0!important;
    display:block;
    border:1px solid #ddd;
    padding:10px;
    border-radius:3px;
}

.news-detail-related .news-related li span {
    border:0;
    display:block;
    padding:0;
    margin:0;
    text-align:center;
}

.news-detail-related .news-related li span.news-related-files-link {
    margin-bottom:3px;
}

.news-detail-related .news-related li span a {
    font-weight:400;
    font-size:1rem;
}

.news-detail-related .news-related li span:not(.news-related-files-link) {
    font-size:0.85rem;
}

.detail-extra-content .frame {
    padding-top:70px;
    padding-bottom:0px;
}

.detail-extra-content .frame-container {
    padding-left:0;
    padding-right:0;
}



/* Footer */

.footer-section-content {
    background-color:#2b2b2b;
}

footer h2 {
    font-family: 'Netto OT', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#ddd;
    font-size:2rem;
    position: relative;
    margin-bottom:50px!important;
}

footer .footer-section-content-column h2::after {
    position: absolute;
    content:'';
    width:100%;
    height:1px;
    left:0;
    bottom:-25px;
    background-color:#444;
}

footer .footer-section-content-column {
    padding-top:0px;
    padding-bottom:0px;
}

footer p {
    color:#bbb;
}

footer p strong {
    color:#ddd;
}

footer p a {
    color:#ccc!important;
    border-bottom:1px solid #555;
}

footer .footer-section-meta {
    background-color:#049b9b!important;
}

footer .footer-section-meta .frame {
    padding:25px 0 25px;
}

footer .footer-section-meta p {
    color:#fff!important;
}

footer .footer-section-meta p a {
    color:#fff!important;
    border-bottom:1px solid rgba(255,255,255,0.4);
}

.footer-logos {
	width:100%;
	height:auto;
	background-color:#fff;
	padding:35px 0;
	position: relative;
}

.footer-logos::before {
	position:absolute;
	content:'';
	width:100%;
	height:50px;
	left:0;
	top:0;
	background-image:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.06), rgba(0,0,0,0));
	z-index: 2;
}


.footer-logos .container {
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	gap:40px 30px;
}

.footer-logo {
	width:auto;
	height:90px;
}

.footer-logo img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}

/* schnelle Navigation */


.frame-schnelle-navigation {
    padding-top:5px!important;
}

.frame-schnelle-navigation .accordion-item + .accordion-item {
    margin-top:0;
}

.frame-schnelle-navigation .card {
    background-color:transparent;
    box-shadow:none;
}

.frame-schnelle-navigation .accordion-item {
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,0.1)!important;
    border-radius:0;
}

.frame-schnelle-navigation .accordion-item:last-of-type {
    border-bottom:0!important;
}

.frame-schnelle-navigation .accordion-title-link.collapsed {
    padding-left:0;
    transition:all 0.3s ease-in-out;
    padding-top:18px;
}

.frame-schnelle-navigation .accordion-title-link:not(.collapsed) {
    padding-left:20px;
    background-color:rgba(255,255,255,0.1);
    transition:all 0.3s ease-in-out;
    padding-top:18px;
}

.frame-schnelle-navigation .card-header {
    background-color:transparent;
}

.frame-schnelle-navigation .card h4 {
    font-size:1.1rem!important;
}

.frame-schnelle-navigation .card h4 a {
    color:#ccc!important;
}

.frame-schnelle-navigation .accordion-collapse .accordion-body {
    background-color:rgba(255,255,255,0.05);
}

.frame-schnelle-navigation .accordion-collapse a {
    color:#bbb!important;
}

/* Kalender */

.frame-kalender-tag + .frame {
    padding-top:45px;
}

.frame-kalender-tag .fc-list-empty-wrap2 {
    left:120px;
}

.frame-kalender-tag .fc-list-empty {
    border-radius:3.5px;
}

.frame-kalender-tag .fc-calendar {
    position: relative;
}

.frame-kalender-tag .fc-view {
    position: unset;
}

.frame-kalender-tag .fc-unthemed .fc-list-view,
.frame-kalender-tag .fc-unthemed td {
    border:0;
}

.frame-kalender-tag .fc-toolbar button {
    background-color: #666;
    border: none;
    box-sizing: border-box;
    padding: 9px 15px 9px;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 3.5px !important;
    background-image:none;
    height:37.2px;
    width:50px;
    margin-right:10px;
    padding-top:8px;
    transition:all 0.3s ease-in-out;
}

.frame-kalender-tag .fc-toolbar button:hover {
    background-color:#333;
}

.frame-kalender-tag button.fc-state-default {
    text-shadow:none!important;
    color:#fff;
}

.frame-kalender-tag .fc-icon-right-single-arrow::after {
    top:-9%!important;
}

.frame-kalender-tag .fc-scroller {
    height:auto!important;
    overflow:visible!important;
}

.frame-kalender-tag .fc-list-table tbody {
    display:flex;
    flex-wrap: wrap;
    align-items:stretch;
}

.frame-kalender-tag .fc-list-heading {
    width:100%;
}

.frame-kalender-tag .fc-list-heading td {
    font-weight:normal;
    background-color:transparent;
}

.frame-kalender-tag .fc-widget-header {
    margin-left:120px;
    position: absolute;
    top:0;
    left:0;
    height:37.2px;
    white-space:nowrap;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:auto auto 1fr;
    grid-column-gap:10px;
}

.frame-kalender-tag .fc-widget-header span {
    font-size: 1.4rem;
    font-family: 'Netto OT','Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#049b9b;

}

.frame-kalender-tag .fc-widget-header span:first-of-type {
    grid-column:2/3;
    grid-row:1/2;
    margin-top:-4px;
}

.frame-kalender-tag .fc-widget-header span:last-of-type {
    grid-column:1/2;
    grid-row:1/2;
    margin-top:-4px;
}

.frame-kalender-tag .fc-list-item {
    display:block;
    width:calc(25% - 22.5px);
    background-color:#fff;
    box-shadow: 0px 20px 80px rgba(0,0,0,0.1);
    border-radius:7px;
    display:grid;
    grid-template-columns:100%;
    grid-template-rows:auto 1fr auto;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    margin-right:30px;
}

.frame-kalender-tag .fc-list-item:last-of-type {
    margin-right:0;
}

.frame-kalender-tag .fc-list-item:hover {
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}

.frame-kalender-tag .fc-list-item:hover td {
    background-color:#fff;
}

.frame-kalender-tag .fc-list-table .fc-list-item td {
    padding:20px 25px 19px;
}

.frame-kalender-tag .fc-list-item-marker {
    display:none;
}

.frame-kalender-tag .fc-list-item-title {
    grid-row:1/2;
    font-size: 1.4rem !important;
    color: #555;
    font-weight: 400 !important;
    font-family: 'Netto OT','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.frame-kalender-tag .fc-list-item-time {
    grid-row:3/4;
    width:100%;
    box-sizing:border-box;
    color: #888;
    line-height: 1.35rem;
    letter-spacing: 0.015rem;
    font-weight: 300;
    font-size: 1.05rem;
}

.frame-kalender-monat .fc-toolbar button {
    background-color: #666;
    border: none;
    box-sizing: border-box;
    padding: 9px 15px 9px;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 3.5px !important;
    background-image:none;
    height:37.2px;
    width:50px;
    margin-right:10px;
    padding-top:8px;
    transition:all 0.3s ease-in-out;
}

.frame-kalender-monat .fc-toolbar button:hover {
    background-color:#333;
}

.frame-kalender-monat button.fc-state-default {
    text-shadow:none!important;
    color:#fff;
}

.frame-kalender-monat .fc-icon-right-single-arrow::after {
    top:-9%!important;
}

.frame-kalender-monat .fc-unthemed thead {
    border-color:transparent!important;
}

.frame-kalender-monat .fc-widget-header > table > thead {
    background-color:#fff;
    box-shadow: 0px 20px 80px rgba(0,0,0,0.1);
    border-radius:7px;
    border-color:#ecf8f8!important;
}

.frame-kalender-monat .fc-widget-header > table > thead th {
    padding: 5px 0 8px;
}

.frame-kalender-monat .fc-day-header span {
    color:#666;
}

.frame-kalender-monat .fc-unthemed td {
    border-color:#ecf8f8;
}

.frame-kalender-monat .fc-unthemed th {
    border:0;
}

.frame-kalender-monat .fc-center h2 {
    margin-top:6px;
}

.frame-kalender-monat .fc-view {
    border-radius:7px;
    box-shadow: 0px 20px 80px rgba(0,0,0,0.1);
    overflow: hidden;
}

.frame-kalender-monat .fc-unthemed td.fc-today {
    background-color:#049b9b13;
}

.frame-kalender-monat .fc-basic-view .fc-day-number {
    font-family: 'Netto OT','Helvetica Neue',Helvetica,Arial,sans-serif;
    color:#777;
    padding:5px 8px;
}

.frame-kalender-monat .fc-event {
    background-color:#6aaba8;
    border-color:#6aaba8;
}

.frame-kalender-monat .fc-day-grid-event,
.frame-kalender-monat .fc-day-grid-event.fc-not-start {
    padding-left:4px;
}

.ui-widget-overlay {
    background-color:rgba(0,0,0,0.6);
    opacity:1;
}

.ui-widget.ui-widget-content {
    border:0;
    border-radius:7px;
    overflow: hidden;
}

.ui-dialog {
    padding:0;
}

.ui-widget {
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.ui-widget-header {
    background-image:none;
    background-color:#fff!important;
    box-shadow: 0px 20px 80px rgba(0,0,0,0.1)!important;
    color:#555;
    font-weight:normal;
    border:0;
}

.ui-dialog .ui-dialog-titlebar {
    padding:13px 25px 10px;
}

.ui-widget-header span {
    font-size: 1.4rem !important;
    color: #555;
    font-weight: 400 !important;
    font-family: 'Netto OT','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.ui-dialog .ui-dialog-title {
    margin:0;
}

.ui-dialog .ui-dialog-content {
    padding:25px;
    padding-top:18px;
}

.ui-dialog .ui-dialog-titlebar-close {
    right:15px;
}

.fc-dialog dl {
    color:#666;
}

.modal-footer {
    padding:0;
    padding-top:25px;
}

.modal-footer a {
    margin:0!important;
}

.modal-footer a.btn {
    background-image:none;
    background-color:#666!important;
    color:#fff;
    height:37.2px;
    padding-top:10.5px!important;
}

.modal-footer a.btn:hover {
    box-shadow: 0px 20px 80px rgba(0,0,0,0.1)!important;
}

.modal-footer a .ui-button-icon {
    display:none;
}

.modal-footer a .ui-button-icon-space {
    display:none;
}

.frame-schnelle-navigation {
    padding-top:5px!important;
}

.frame-schnelle-navigation .accordion-item + .accordion-item {
    margin-top:0;
}

.frame-schnelle-navigation .card {
    background-color:transparent;
    box-shadow:none;
}

.frame-schnelle-navigation .accordion-item {
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,0.1)!important;
    border-radius:0;
}

.frame-schnelle-navigation .accordion-item:last-of-type {
    border-bottom:0!important;
}

.frame-schnelle-navigation .accordion-title-link.collapsed {
    padding-left:0;
    transition:all 0.3s ease-in-out;
    padding-top:18px;
}

.frame-schnelle-navigation .accordion-title-link:not(.collapsed) {
    padding-left:20px;
    background-color:rgba(255,255,255,0.1);
    transition:all 0.3s ease-in-out;
    padding-top:18px;
}

.frame-schnelle-navigation .card-header {
    background-color:transparent;
}

.frame-schnelle-navigation .card h4 {
    font-size:1.1rem!important;
}

.frame-schnelle-navigation .card h4 a {
    color:#ccc!important;
}

.frame-schnelle-navigation .accordion-collapse .accordion-body {
    background-color:rgba(255,255,255,0.05);
}

.frame-schnelle-navigation .accordion-collapse a {
    color:#bbb!important;
}


/* Video */

.aes-video-wrapper {
    width:100%;
    height:600px;
    position: relative;
    background-image:linear-gradient(#eee, #fff);
    padding:50px 0;
}

.aes-video-wrapper.trigger {
    height:auto;
}

.aes-video-wrapper.trigger .aes-video-thumbnail {
    display:none;
    pointer-events:none;
}

.aes-video-wrapper.trigger .aes-video-video {
    display:block;
}

.aes-video-container {
    width:calc(100% - 120px);
    height:100%;
    position: relative;
    margin-left:60px;
    border-radius:15px;
    overflow: hidden;
    box-shadow:0px 20px 80px rgba(0,0,0,0.1);
}

.aes-video-thumbnail {
    position: absolute;
    width:100%;
    height:100%;
    background-image:url(/fileadmin/videos/aes-video-thumbnail.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    cursor:pointer;
}

.aes-video-thumbnail:hover .aes-video-thumbnail-button {
    transform:translate(-50%,-50%) scale(1.1);
    transition:all 0.3s ease-in-out;
}

.aes-video-thumbnail-button {
    position: absolute;
    top:calc(50% + 10px);
    left:50%;
    transform:translate(-50%,-50%);
    width:200px;
    height:auto;
    display:grid;
    grid-template-rows:auto auto;
    grid-row-gap:20px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
}

.aes-video-thumbnail-button-image {
    width:100px;
    height:100px;
    margin:auto;
    background-image:url(/fileadmin/images/icons/schwerpunkte/play-icon.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    filter:drop-shadow(0px 20px 60px rgba(0,0,0,0.5));
}

.aes-video-thumbnail-button-title {
    width:100%;
    height:auto;
    font-family: 'Netto OT','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 1.6rem !important;
    color:#fff;
    font-weight: 400 !important;
    text-align:center;
    text-shadow:0px 0px 30px rgba(0,0,0,0.6), 0px 0px 50px rgba(0,0,0,0.3);
    margin-bottom:-10px;
    height:38px;
}

.aes-video-video {
    position: relative;
    width:100%;
    height:auto;
    display:none;
}

.aes-video-video video {
    width:100%;
    height:auto;
    margin-bottom:-7px;
    border-radius:10px;
}



/* Lehrerliste */

.frame-lehrerliste .accordion-header {
    background-color:#555;
}

.frame-lehrerliste .card .accordion-header a:not(.btn) {
    color:#fff!important;
}

.frame-lehrerliste .accordion-body table {
    width:100%;
}

.frame-lehrerliste .card-body {
    padding:20px;
}

.frame-lehrerliste .accordion-body tr {
    display:grid;
    grid-template-columns:calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px) calc(33.3333334% - 13.3333334px);
    grid-gap:20px;
}

.frame-lehrerliste .accordion-body tr + tr {
    margin-top:20px;
}

.frame-lehrerliste .accordion-body td {
    background-color:#f4f4f4;
    border-radius:5px;
    box-sizing:border-box;
    padding:20px;
    padding-top:18.5px;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto 1fr;
    grid-column-gap:10px;
}

.frame-lehrerliste .accordion-body td h2 {
    margin-bottom:0px;
    grid-column:1/2;
    grid-row:1/2;
}

.frame-lehrerliste .accordion-body td h2 + p {
    color:#888;
    grid-column:1/2;
    grid-row:2/3;
    margin:0;
    margin-bottom:-5px;
}

.frame-lehrerliste .accordion-body td p + p:last-of-type {
    grid-column:2/3;
    grid-row:1/3;
    position: relative;
}

.frame-lehrerliste .accordion-body a {
    background-color: #666;
    color: #fff;
    border: none;
    box-sizing: border-box;
    font-size: 0.8rem !important;
    padding: 9px 15px 9px;
    letter-spacing: 2px;
    text-transform: uppercase !important;
    box-shadow: 0px 20px 40px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
    border-radius: 3.5px !important;
    line-height: inherit;
    display:inline-block;
    text-decoration:none;
    position: relative;
    top:50%;
    transform:translateY(-50%);
    grid-column:2/3;
    grid-row:1/3;
}

.frame-lehrerliste .accordion-body a:hover {
    transform: scale(1.05);
    background-color: #333;
    transition: all 0.3s ease-in-out;
    color:#fff;
}

.frame-kleines-cardbild .card-img-top {
    width:120px;
    box-sizing:border-box;
    padding-left:20px;
    padding-top:20px;
}

.frame-kleines-cardbild .card-img-top img {
    border-radius:4px;
}

.frame-downloads .frame-header h2.text-center {
    margin-bottom:50px!important;
    color:#fff;
    font-size:1.8rem!important;
}

.frame-downloads .frame-header h2::after {
    background-color:#444;
}

.frame-downloads .card-group-element-columns-4 .card-group-element-item {
    width:calc(100% / 5);
}

.frame-downloads .card {
    box-shadow:none;
    background-color:transparent;
    overflow:visible;
}

.frame-downloads .card:hover .card-img-top {
    transform:scale(1.05);
    transition:all 0.3s ease-in-out;
}

.frame-downloads .card-img-top {
    width:70%;
    margin:auto;
    transition:all 0.3s ease-in-out;
    border-radius:4px;
    box-shadow:0px 20px 50px rgba(0,0,0,0.3);
}

.frame-downloads .card-img-top img {
    border-radius:4px;
}

.frame-downloads .card-body {
    padding-bottom:0;
}

.frame-downloads .card-title {
    font-size:1.2rem!important;
    text-align:center;
}

.frame-downloads .card-title a {
    color:#eee!important;
}

.frame-downloads .card-footer {
    display:none;
}


/* Media-Queries */

@media (min-width:1200px) {
    .container,
    .frame-container,
    .carousel .carousel-item .valign {
        max-width:1280px!important;
    }

    .carousel .carousel-item .valign {
        padding-left:20px;
        padding-right:20px;
    }
}

@media (min-width:992px) {
    .carousel-item-type-header .carousel-text-inner {
        margin-left:0!important;
        width:50%!important;
    }
}

@media (max-width:1199px) {

    .news-detail-header {
        width:100%!important;
    }

    .news-detail-details {
        width:100%!important;
    }

    .news-detail-text {
        width:100%!important;
    }

    .news-detail-related {
        width:100%!important;
    }

    .news-detail-banner {
        margin-top:-150px;
    }

    .frame-news-4-cols .news-list-view {
        grid-template-columns:calc(33.3333334% - 20px) calc(33.3333334% - 20px) calc(33.3333334% - 20px);
    }

    .frame-news-4-cols .page-navigation {
        grid-column:1/4;
    }

    .frame-content-70-logo .frame-inner {
        width:100%;
    }

    .frame-content-70 .frame-inner {
        width:100%;
    }

    .frame-content-70-logo::after {
        filter:brightness(0.95);
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item picture {
        height:200px;
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item img {
        height:100%;
        object-fit:cover;
        object-position:center;
    }

    .frame-kalender-tag .fc-list-item {
        width:calc(33.3333334% - 20px);
        margin-right:30px;
        margin-bottom:30px;
    }

    .frame-kalender-tag .fc-list-item:nth-child(4),
    .frame-kalender-tag .fc-list-item:nth-child(7) {
        margin-right:0;
    }

    .frame-kalender-tag + .frame {
        padding-top:15px;
    }

    .frame-downloads .card-group-element-columns-4 .card-group-element-item {
        width:calc(100% / 3);
        margin-bottom:30px;
    }
}


@media (max-width:1199px) and (min-width:992px) {
    .navbar-brand.navbar-brand-image {
        width:80px;
        overflow: hidden;
    }

    .navbar-brand.navbar-brand-image img {
        width:376px;
    }

    .navbar-transition .navbar-brand.navbar-brand-image {
        width:50px;
    }
    
    .navbar-transition .navbar-brand.navbar-brand-image  .navbar-brand-logo-normal {
        margin-left:-43px;
    }
    
    .navbar-brand.navbar-brand-image .navbar-brand-logo-normal {
        margin-left:0;
    }
}

@media (max-width:991px) {
    .news-detail-banner .news-img-wrap {
        height:350px;
    }

    .container,
    .frame-container {
        max-width:100%!important;
        padding-left:5%;
        padding-right:5%;
    }

    .dropdown-menu {
        display:none!important;
    }

    .dropdown-menu.show {
        display:block!important;
    }

    .navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-link {
        margin-right:-20px;
        border-bottom:1px solid #049b9b13;
    }

    .navbar-mainnavigation > .container > .collapse > .navbar-nav .nav-item:last-of-type .nav-link {
        border-bottom:0px solid #049b9b13;
    }

    .nav-item.dropdown.show {
        margin-bottom:20px;
    }

    .navbar-mainnavigation .navbar-toggler,
    .navbar-default-transition.navbar-transition .navbar-toggler {
        width:40px;
        background-color:#049b9b13;
        box-shadow:none;
        color:#049b9b;
    }

    .navbar-mainnavigation .navbar-toggler:hover {
        background-color:#049b9b;
        color:#fff;
    }

    .aes-video-container {
        width:90%;
        margin-left:5%;
        border-radius:7px;
    }

    .aes-video-video video {
        border-radius:7px;
    }
}

@media (max-width:960px) {
    .frame-lehrerliste .accordion-body tr {
        display:grid;
        grid-template-columns:calc(50% - 10px) calc(50% - 10px);
        grid-gap:20px;
    }
}

@media (max-width:900px) {
    .frame-news-4-cols .news-list-view {
        grid-template-columns:calc(50% - 15px) calc(50% - 15px);
    }

    .frame-news-4-cols .page-navigation {
        grid-column:1/3;
    }

    .frame-kalender-tag .fc-list-item {
        width:calc(50% - 15px);
        margin-right:30px;
        margin-bottom:30px;
    }

    .frame-kalender-tag .fc-list-item:nth-child(4) {
        margin-right:30px;
    }

    .frame-kalender-tag .fc-list-item:nth-child(3),
    .frame-kalender-tag .fc-list-item:nth-child(5),
    .frame-kalender-tag .fc-list-item:nth-child(7) {
        margin-right:0;
    }
}

@media (max-width:825px) {
    .footer-section-content-column-left,
    .footer-section-content-column-middle,
    .footer-section-content-column-right {
        width:100%;
    }

    footer .section .frame {
        padding-top:70px;
        padding-bottom:70px;
    }
	
	.footer-logos .container {
		display:grid;
		grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
	}
}

@media (max-width:800px) {
    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item-size-3 {
        width:calc(100% / 2);
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item picture {
        height:200px;
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item img {
        height:100%;
        object-fit:cover;
        object-position:center;
    }
}

@media (max-width:767px) {
    .news-detail-related .news-related ul {
        grid-template-columns:1fr 1fr;
    }

    .kontakt-buttons {
        bottom:0;
        right:auto;
        left:0;
        top:auto;
        transform: none;
        background-color:#fff;
        box-shadow:0px -20px 60px rgba(0,0,0,0.1);
        width:100%;
        height:35px;
        display:grid;
        grid-template-columns:1fr 1fr 1fr;
    }

    .kontakt-button {
        margin:auto;
        margin-top:-25px;
        margin-bottom:10px;
    }

    .textpic-gallery {
        margin-bottom:3.5rem;
    }

    .frame-type-textpic {
        margin-bottom:60px;
    }

    .frame-haus-schulformen .gallery-item-size-1 {
        width:60%;
        margin:auto;
    }
}

@media (max-width:670px) {
    .frame-lehrerliste .accordion-body tr {
        display:grid;
        grid-template-columns:100%;
        grid-gap:20px;
    }
}

@media (max-width:650px) {
    .frame-schwerpunkte-submenu .gallery-row {
        justify-content:center;
    }

    .frame-schwerpunkte-submenu .gallery-item-size-6 {
        width:calc(100% / 4);
        margin-top:30px;
    }

    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(1),
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(2),
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(3),
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(4) {
        margin-top:-8%;
    }
}

@media (max-width:580px) {
    .frame-news-2-cols .news-list-view,
    .frame-news-3-cols .news-list-view,
    .frame-news-4-cols .news-list-view {
        grid-template-columns:100%;
    }

    .frame-news-4-cols .page-navigation {
        grid-column:1/2;
    }

    .frame-kalender-tag .fc-list-item {
        width:100%;
        margin-right:0!important;
        margin-bottom:30px;
    }
}

@media (max-width:560px) {
    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item-size-3 {
        width:100%;
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item picture {
        height:210px;
    }

    .frame:not(.frame-schwerpunkte-icons, .frame-haus-schulformen, .frame-schwerpunkte-submenu) .gallery-item img {
        height:100%;
        object-fit:cover;
        object-position:center;
    }
}

@media (max-width:555px) {
    .ui-dialog {
        width:calc(90%)!important;
        left:5%!important;
    }
}

@media (max-width:550px) {
    .frame-downloads .card-group-element-columns-4 .card-group-element-item {
        width:calc(100% / 2);
        margin-bottom:30px;
    }
}

@media (max-width:500px) {
    .section .frame, .main-section .frame {
        padding-top:70px;
        padding-bottom:70px;
    }

    .frame-color-div {
        padding:0!important;
    }

    h1 {
        font-size:1.9rem!important;
    }

    h2,
    h3 {
        font-size:1.5rem!important;
    }

    .frame-schwerpunkte-icons .gallery-item .image figcaption {
        font-size:1.5rem!important;
    }

    .frame-haus-schulformen .gallery-item-size-1 {
        width:75%;
        margin:auto;
    }
}

@media (max-width:460px) {
    .frame-schwerpunkte-icons .gallery-item .image figcaption {
        font-size:1.5rem;
    }
}

@media (max-width:450px) {
    .news-detail-related .news-related ul {
        grid-template-columns:100%;
    }

    .frame-schwerpunkte-submenu .gallery-row {
        justify-content:center;
    }

    .frame-schwerpunkte-submenu .gallery-item-size-6,
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(4) {
        width:calc(100% / 3);
        margin-top:30px;
    }

    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(1),
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(2),
    .frame-schwerpunkte-submenu .gallery-item-size-6:nth-child(3) {
        margin-top:-8%;
    }
}