#c7n-navbar.c7n-sticky {
    background-color: rgba(77, 45, 104, .90);
    position: fixed;
    float: left;
    width: 100%;
    top: 0;
    z-index: 700;
    padding: 15px 0;
}

#navbar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
header {
    position: relative !important;
}
#c7n-navbar {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 31px;
    padding-bottom: 45px;
}
#c7n-navbar-placeholder {
    height: 0;
}

/* Meta Navigation */
#c7n-meta,
.c7n-home #c7n-navbar .c7n-navtree,
.c7n-navtree a:last-child:after {
    display: none;
}
#c7n-meta a,
.c7n-icons a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    display: inline-block;
    color: rgb(223, 233, 240);
}
#c7n-meta a,
.c7n-icons a,
#c7n-meta a i.fa.fa-facebook,
.c7n-navtree a {
    font-size: 14px;
}
#c7n-meta a:hover,
#c7n-meta a i.fa.fa-facebook:hover,
.c7n-navtree a:hover {
    color: rgb(255, 255, 255);
}
#c7n-meta ul,#c7n-meta li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
}
#c7n-meta .c7n-footer-bottom-right {
    display: inline-block;
}
#c7n-meta ul {
    padding-right: 15px;
}
.c7n-icons,.c7n-navtree {
    color: rgb(223, 233, 240);
    /*margin-right: 15px;*/
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    display: none;
}
.c7n-sticky .c7n-icons,
.c7n-sticky .c7n-navtree {
    opacity: 1;
    visibility: visible;
    display: inherit;
    white-space: nowrap;
}
.c7n-side-navigation {
    /*margin-top: 30px;*/
    margin-left: 15px;
}
.c7n-sticky .c7n-side-navigation {
    margin-top: 0;
    margin-left: 0;
}
.c7n-navtree a {
    color: rgb(255, 255, 255, 1);
    padding-right: 10px;
}
.c7n-navtree a.c7n-active {
    color: rgb(223, 233, 240);
}
.c7n-navtree a:after {
    color: rgb(255, 255, 255, 1);
    font-family: "FontAwesome";
    content: "\f105";
    padding-left: 10px;
}

/*search*/

.c7n-intro p {
    position: relative;
    text-align: center;
    /* font-family: 'Kaushan Script', sans-serif; */
        font-family: "Comfortaa", sans-serif;
    font-optical-sizing: auto;
    font-size: 1.75rem;
    color: #A40048;
}

/*mediadir*/

.c7n-media-grid img,
.c7n-lehrbox img,
.c7n-unterbox img {
    float: left;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*.c7n-mediabox,*/
/*.c7n-lehrbox {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    padding: 0px;*/
/*    display: inline-block;*/
/*}*/
/*.c7n-media-content,*/
/*.c7n-lehr-content {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    padding: 5px;*/
/*    text-align: center;*/
    /*height: 120px;*/
/*    background-color: #A40048;*/
/*    text-shadow: 2px 2px 5px #000000;*/
/*}*/
.c7n-lehr-content,
.c7n-unter-content {
    /*height: 75px;*/
    display: inline-block;
}
.c7n-media-content h4,
.c7n-lehr-content h4,
.c7n-unter-content h4 {
    color: #fff;
    font-size: 1rem;
    margin: 0px;
}
.c7n-media-content p,
.c7n-lehr-content p {
    color: #fff;
    font-size: .8rem;
    margin: 0;
}
.c7n-media-move a {
    /*float: left;*/
    /*width: 100%;*/
    margin-left: 5px;
    font-size: .8rem;
    color: #fff;
    word-break: break-word;
}

.c7n-media-move .mediadirInputfieldMail {
    width: 100%;
}

.c7n-grid-item {
    float: left;
    margin-bottom: 30px;
}
/*.c7n-img-hover {*/
/*    display: block;*/
/*}*/
.c7n-imgbox {
    display: none;
    z-index: 99;
    /*transition: opacity .5s linear;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    /*opacity: 0;*/
}

#mediadir {
    /*float: left;*/
    width: 100%;
}

#c7n-map {
    height: 500px;
    width:100%;
}

#c7n-map-range {
    height: 500px;
    width: 100%;
}
.c7n-header-title {
    position: absolute;
    top: 0;
    z-index: 9;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column;
    align-items: center;
    justify-content: center;
    -ms-justify-content: center;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    height: 100%;
    width: 100%;
    flex-direction: column;
    left: 0;
}
.c7n-header-title h2 {
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 5px #000000;
}
.c7n-contact-headline {
    color: #00457D;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    float: left;
    width: 100%;
    padding-top: 40px;
}
.c7n-dash {
    width: 100%;
}

/*.c7n-kontakt #c7n-navbar {*/
/*    display: none;*/
/*}*/
.c7n-media-move {
    float: left;
    width: 100%;
}

.c7n-media-move span:last-child:after {
    content: '';
}

.c7n-media-move span:after {
    content: '/';
    margin-right: 5px;
    margin-left: 5px;
}
/*new*/

.c7n-media-content {
    display: inline-block;
    background-color: #A40048;
    text-shadow: 2px 2px 5px #000000;
    width: 100%;
    padding: 5px;
    text-align: center;
}

.c7n-lehrbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: inline-block;
    min-height: 50px;
}

.c7n-lehr-content,
.c7n-unter-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    /*height: 120px;*/
    background-color: #A40048;
    text-shadow: 2px 2px 5px #000000;
    display: block;
}
.c7n-detail-img img {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.c7n-detail-heading {
    width: 100%;
}
.c7n-detail-description {
    display: inline-block;
}
.c7n-mediabox:hover .c7n-media-content {
    height: auto;
}

.c7n-detail-description {
    margin-top: 20px;
}
#c7n-address-path,
#c7n-address-popupbox {
    display:  none;
}

/*new style*/

.c7n-remove {
    display: none;
}
.c7n-detail-content .c7n-remove {
    margin: 0;
    color: #212529;
}
.c7n-lehr-content,
.c7n-unter-content {
    position: relative;
}
.c7n-media-grid,
.c7n-lehr-grid,
.c7n-unter-grid,
.c7n-unter-grid:hover,
.c7n-lehr-grid:hover {
    display: grid;
}
.c7n-hover-schulleitung {
    margin-top: auto !important;
}
.c7n-teacher {
    float: left;
}
.c7n-lehrbox,
.c7n-unterbox img,
.c7n-mediabox img {
    height: 240px;
}
.c7n-unterbox img {
    display: block;
}
.c7n-teacher a:last-child:after {
    content: '';
}
.c7n-teacher a:after {
    content: ',';
}
.c7n-teachers-name {
    display: block;
}
.c7n-youtube-link {
    margin-bottom: 20px;
}
/*new style ss4u*/

#c7n-meta {
    display: none !important;
}
.c7n-functions .c7n-icon-small {
    padding-left: 30px !important;
}
#c7n-navbar.c7n-sticky #clx-open-side-navigation {
    padding: 2px 6px 5px 20px;
}


@media (min-width: 768px) {
.c7n-media-move {
    word-break: break-all;
}
#c7n-meta {
    background-color: rgba(77, 45, 104, .90);
    width: 100%;
    height: auto;
    display: inline-block;
}
/*.c7n-detail-description {*/
/*    margin-top: 0;*/
/*}*/
.c7n-lehrbox img {
    position:absolute;
    left:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.c7n-lehr-grid:hover .c7n-lehrbox.c7n-lehr-hover .c7n-imgbox {
    opacity: 0;
}
.c7n-imgbox {
    display: block;
}
.c7n-media-move {
    display: none;
}
/*.c7n-mediabox:hover .c7n-media-content {*/
/*    height: 100px;*/
/*}*/
/*.c7n-img-hover {*/
/*    display: none;*/
/*}*/
.c7n-mediabox:hover .c7n-media-content .c7n-media-move {
    display: block;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s easc7n-media-gride-in-out;
}
.c7n-media-content {
    height: 75px;
}
/*.c7n-lehr-hover:hover .c7n-imgbox {*/
/*    display: none;*/
/*}*/
/*.c7n-lehrbox:hover .c7n-img-hover {*/
/*    display: block;*/
/*     -webkit-transition: all 0.3s ease-in-out;*/
/*    -moz-transition: all 0.3s ease-in-out;*/
/*    -ms-transition: all 0.3s ease-in-out;*/
/*    -o-transition: all 0.3s ease-in-out;*/
/*    transition: all 0.3s ease-in-out;*/
/*}*/
.c7n-header-title {
    top: 25px;
}
.c7n-lehrbox,
.c7n-unterbox,
.c7n-mediabox {
    position: relative;
    width: 100%;
    padding: 0px;
    display: inline-block;
}
.c7n-lehrbox,
.c7n-unterbox img,
.c7n-mediabox img {
    height: 240px;
    /*object-fit: contain;*/
    /*padding-bottom: 20px;*/
}
.c7n-mediabox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    display: inline-block;
}
.c7n-media-content,
.c7n-lehr-content,
.c7n-unter-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px;
    text-align: center;
    /*height: 120px;*/
    background-color: #A40048;
    text-shadow: 2px 2px 5px #000000;
    display: block;
    z-index: 99;
}
.c7n-mediabox:hover {
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.c7n-media-content p,
.c7n-lehr-content p {
    font-size: 1rem;
}
.c7n-media-content h4,
.c7n-lehr-content h4,
.c7n-unter-content h4 {
    font-size: 1.1rem;
}
.c7n-media-move a {
    font-size: 1rem;
}

/*new style*/

.c7n-media-content,
.c7n-lehr-content,
.c7n-unter-content {
    position: relative;
}

.c7n-media-grid:hover .c7n-media-content .c7n-media-move {
    display: block;
}
.c7n-media-grid:hover .c7n-media-content {
    height: auto;
}
.c7n-functions .c7n-icon-small {
    padding-left: 0 !important;
}

.c7n-home .c7n-sticky .c7n-functions > a,
.c7n-functions > a {
    display: block;
    position: relative;
    top: -2px;
}
.c7n-sticky .c7n-functions > a {
    display: none;
}

}

@media (min-width: 1200px) {
    .c7n-media-content {
        height: 55px;
    }
}

a.fa.fa-home {
    line-height: 24px;
}

.c7n-functions a {
    color: rgba(255, 255, 255, 1);
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.c7n-functions a:hover {
    /*color: rgba(106, 167, 200, 1);*/
    opacity: .7;
}

.c7n-content-tpl li {
    display: block;
}

li.sitemap_level_1 {
    padding-top: 10px;
    margin: 0px!important;
}

li.sitemap_level_1 a {
    font-size: 1.2rem;
    font-weight: 700;
}

li.sitemap_level_2 {
    margin: 0px!important;
    padding-left: 20px;
}

li.sitemap_level_3 {
    margin: 0px!important;
    padding-left: 40px;
}

li.sitemap_level_2:before {
    font-family: "FontAwesome";
    content: "\f0da";
    color: #00457D;
    margin-right: 10px;
}

li.sitemap_level_3:before {
    font-family: "FontAwesome";
    content: "\f0da";
    color: #00457D;
    margin-right: 10px;
}