@charset "UTF-8";
/* media CSS */

@media only screen and (max-width: 2280px) {
    #header-block .image.large {
        margin-right: 5%;
    }
}



@media only screen and (max-width: 1900px) { /*________________________________________________________________________ : 1.25 */
    /* TYPO */
    #header-block h1,
    .default #main h1 {
        font-size: 4.4em;
    }
    .start h1,
    .topic-overview h1 {
        font-size: 3.68em;
    }
    h2,
    #news h3,
    .info-box h3,
    #history h3,
    #carl-schurz h3,
    #header blockquote,
    #carl-schurz blockquote {
        font-size: 3.44em !important;
    }
    #topic-tiles h2,
    #news h3 {
        font-size: 2.96em !important;
    }
    #main .btn-note strong {
        font-size: 2.24em;
    }
    .slider-link {
        font-size: 2em;
    }
    #events h1,
    .topic-overview h2,
    .about h2,
    #topic-list h2,
    #post-content h2,
    #events .extended-140 h2,
    #topic-list h3,
    #free-courses h3,
    #main p, #main ul, #header p, #main ol,
    label, input, textarea, select, button.ff-btn {
        font-size: 1.76em !important;
    }
    .start h2,
    #news h2,
    #free-courses h2,
    #news-slide-menu h2,
    .info-box h2,
    .topic-overview .info-box h2,
    .about #history h2,
    .about #carl-schurz h2,
    h3,
    #main .post-details p.organizer,
    #header-block .menu-parent,
    #header-block .event-basic-info,
    .mec-error {
        font-size: 1.44em !important;
    }
    #team-list h3 {
        font-size: 1.36em;
    }
    #main #team-list p,
    #footer-top p,
    #sub-nav ul > li > a {
        font-size: 1.28em;
    }
    .language a ,
    #sub-nav > ul > li:before {
        font-size: 1.2em !important;
    }
    #main ul li:before,
    #footer-bottom p {
        font-size: 1em;
    }
    
    .start h1:after,
    .topic-overview h1:after {
        width: 132px;
        height: 5px;
        margin-left: 22px;
    }
    #header blockquote:after,
    #carl-schurz blockquote:after {
        width: 151px;
        height: 24px;
        border-bottom: 5px solid;
    }
    
    /* typo mec kufer */
    .mec-booking,
    #mec_cart_transactions_table th,
    #mec_cart_transactions_table td,
    .mec-cart-checkout-button a,
    .mec-cart-empty-wrapper a,
    .mec-checkout,
    .hauptseite,
    .kw-dozdetails {
        font-size: 1.76em !important;
    }
    .kufer-cart {
        font-size: 0.88em !important;
    }
    #main .mec-booking p,
    #main .mec-booking ul,
    .mec-booking label, 
    .mec-booking input, 
    .mec-booking textarea, 
    .mec-booking select,
    .mec-event-ticket-name,
    .mec-event-ticket-price,
    span.mec-ticket-price,
    .mec-booking h4 span,
    #main #mec_cart_transactions_table td p,
    #main #mec_cart_transactions_table td ul,
    #main #mec_cart_transactions_table td span,
    #main #mec_cart_transactions_table h5,
    #main #mec_cart_transactions_table .mec-cart-event-info a,
    #main .mec-checkout p,
    #main .mec-checkout ul,
    #main .mec-checkout label,
    #main .mec-checkout h5,
    #main .mec-checkout .mec-book-form-pay-button,
    #main .mec-checkout .mec-checkout-cart-button a,
    #main .hauptseite p,
    #main .hauptseite ul,
    .hauptseite label, 
    .hauptseite input, 
    .hauptseite textarea, 
    .hauptseite select,
    #main .kw-dozdetails p,
    #main .kw-dozdetails ul {
        font-size: 1em !important;
    }
    
    /* PROPORTIONS */
    /* container */
    .inside {
        width: 99.2em;
    }
    .inside-wide {
        width: 111em;
    }
    .inside-small {
        width: 68.8em;
    }
    .extended-74 {
        width: 105.12em;
    }
    .extended-107 {
        width: 107.76em;
    }
    .extended-140 {
        width: 110.4em;
    }
    .inside-wide .extended-full-left {
        margin-left: calc(-100vw / 2 + 1110px / 2);
    }
    #history .extended-full-left .inner,
    #carl-schurz .extended-full-left .inner {
        width: 105.12em;
    }
    
    #post-content .extended-full {
        padding-top: 7.2em;
        padding-left: 5.6em;
        padding-bottom: 12em;
    }
    #main section {
        padding-top: 3.2em;
        margin-bottom: 8em;
    }
    section#post-content {
        padding-top: 0;
    }
    .start section#news,
    .about section#history{
        margin-bottom: 10.88em;
    }
    .start section#topic-tiles {
        margin-bottom: 4.64em;
    }
    .about section#team,
    .about section#career {
        margin-bottom: 2.56em;
    }
    section.star:before {
        background-size: 20em;
        background-position: 4.96em 3.2em;
    }
    #event-list .list {
        width: 44em;
    }
    .content-flex .item {
        margin-bottom: 4em;
    }
    .contain-contact-box #pin-box {
        right: 8em;
    }
    #events #pin-box {
        top: 64em;
        right: 6.4em;
    }
    
    /* header */
    #header-top {
        height: 18.8em;
    }
    #header-top.nav-up {
        top: -18.8em;
    }
    #header-top nav.header-menu {
        margin-top: 2.08em;
    }
    #header-top .hamburger {
        width: 4.4em;
    }
    #header-top .logo {
        right: 4.8em;
        top: 2.24em;
        width: 20.72em;
    }
    
    #slideshow {
        margin-top: 16em !important;
    }
    .slider-link {
        border: 4px solid rgb(255,255,255);
    }
    .arrow-down {
        bottom: 3.2em;
    }
    #header-image .image-holder {
        margin-top: 16em;
    }
    
    #header-block .extended-full.headline {
        padding-top: 24.8em;
        padding-left: 5.6em;
        padding-bottom: 10.4em;
    }
    #header-block .extended-full.headline.with-parent {
        padding-top: 21.44em;
    }
    #header-block.single-post .extended-full.headline {
        padding-bottom: 4em;
    }
    #header-block .extended-full.spacer {
        height: 27.2em;
    }
    #header-block .extended-full.spacer-small {
        height: 10.4em;
    }
    #header-block .image {
        background-size: 33.6em;
    }
    #header-block .image.large {
        margin-top: -27.2em;
    }
    #header-block .image.small {
        background-position: 78.72em top;
    }
    #header-block .image img,
    #header-block.ueber-uns .extended-full.spacer {
        height: 35.28em;
    }
    #header-block .image.small img {
        margin-left: -6.72em;
    }
    #header-block.ueber-uns .image {
        margin-top: -35.28em;
    }
    #header-block .extended-full.bottom {
        background-position: 88em top;
        background-size: 33.6em;
        padding-top: 10.4em;
        padding-left: 5.6em;
        padding-bottom: 1.92em;
        margin-top: -4em;
    }
    #header-block .extended-full.bottom .inner {
        width: 76em;
    }
    #header-block .extended-full.bottom blockquote {
        margin-left: -4.56em;
    }
    #header-block.ueber-uns {
        padding-bottom: 2.4em;
    }
    #header-block.ueber-uns:before {
        background-size: 20em;
        background-position: 4.96em bottom;
    }
    .language {
        margin-bottom: 2.4em;
    }
    .language li {
        margin-right: 1.44em;
    }
    .slide-menu ul#menu a:after {
        height: 3px !important;
    }
    
    /* main */
    #main {
        padding-top: 4.24em;
        padding-bottom: 7.2em;
    }
    .start #main,
    .topic-overview #main {
        padding-top: 5.76em;
    }
    .about #main {
        padding-top: 1.84em;
    }
    .default #main {
        padding-top: 20.64em;
    }
    #news-slider .post .text a:after,
    #topic-list .post .text a:after,
    #courses-slider .post a:after,
    #event-category ul li a:after,
    #event-list .list .post p.event-detail a:after,
    #main .post-details p.event-calendar a:after,
    #main .post-details p.event-calendar button:after,
    #scroll-to ul li a:after,
    #career .info-box a:after,
    .trigger strong:after,
    .back-link a:after {
        height: 3px;
    }

    #news .star,
    #free-courses .star {
        left: -6.56em;
        top: 8.96em;
        width: 21.04em;
    }
    #news .headline,
    #free-courses .headline {
        top: 1.92em;
        left: 1.92em;
    }
    #news .extended-full,
    #free-courses .extended-full {
        min-height: 35.6em;
    }
    #news-slider {
        padding: 4.6em 0;
        margin-left: 17.44em;
    }
    #courses-slider {
        padding: 7.2em 0 4.6em 0;
        margin-left: 17.44em;
    }
    #news-slider .post {
        width: 59.36em;
    }
    #courses-slider .post {
        width: 30.4em;
    }
    #news-slider .post img {
        width: 26.4em;
    }
    #news-slider .post .text {
        width: 28.96em;
    }
    #news-slider .slick-slide {
        width: 59.36em !important;
        margin-right: 4em !important;
    }
    #courses-slider .slick-slide {
        width: 30.4 !important;
        margin-right: 6.4em !important;
    }
    .slick-prev,
    .slick-next {
        width: 10px !important;
        height: 15px !important;
    }
    #news-slider .slick-next,
    #news-slider .slick-prev,
    #courses-slider .slick-next,
    #courses-slider .slick-prev {
        top: 1.92em;
    }
    #news-slider .slick-next,
    #courses-slider .slick-next {
        left: 88.8em;
    }
    #news-slider .slick-prev,
    #courses-slider .slick-prev {
        left: 85.44em;
    }
    
    #topic-list .post,
    #topic-slider .slick-slide {
        width: 30.4em !important;
    }
    #topic-slider .slick-slide {
        margin-right: 4em;
    }
    #topic-list .post img {
        margin-bottom: 2.72em;
    }
    #topic-slider .slick-next,
    #topic-slider .slick-prev {
        top: -2.72em;
    }
    #topic-slider .slick-next {
        left: 98.24em;
    }
    #topic-slider .slick-prev {
        left: 94.88em;
    }
    
    .digital #topic-tiles {
        margin-top: 4.8em;
    }
    #sponsors ul img {
        width: 160px;
    }

    #team-list .item {
        /*width: 18.64em;*/
        width: 24em;
        margin-bottom: 4em;
        margin-right: 3.04em;
    }
    #team-list .item img {
        margin-bottom: 1.6em;
    }
    #board .inside div img {
        width: 74.24em;
    }
    #board .inside div .board-list {
        width: 34.88em;
        margin-left: -4.32em;
        padding: 3.2em;
        margin-bottom: 4.48em;
    }
    #history .extended-full-left,
    #carl-schurz .extended-full-left {
        padding: 7.36em 0;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left {
        width: 30.4em;
        margin-right: 4em;
    }
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 64.8em;
        background-size: 14em;
    }
    #history .extended-full-left {
        background-size: 76.8em;
        background-position: -6em -3.2em;
    }
    #history .extended-full-left .inner .right {
        padding-top: 11.52em;
    }
    #history .image-block {
        margin-top: 3.36em;
    }
    #carl-schurz .extended-full-left {
        background-size: 139.2em;
        background-position: -31.2em -12em;
    }
    #carl-schurz .extended-full-left .inner .right img {
        width: 34.4em;
        margin-top: -12.16em;
        margin-bottom: 9.6em;
    }
    #carl-schurz .blockquote {
        margin-top: 12em;
        margin-left: -14.72em;
        margin-right: 3.2em;
    }
    #carl-schurz .blockquote .signature {
        width: 37.28em;
        margin-top: 7.2em;
    }
    
    #event-category {
        width: 28.8em;
    }
    #event-list {
        width: 77.6em;
    }
    #event-list .search-filter {
        border-top: 3px solid rgba(255,113,115,0.2);
        border-bottom: 3px solid rgba(255,113,115,0.2);
        padding: 2.56em 0;
        margin-bottom: 3.68em;
    }
    #event-list .list .post,
    .learning-english .mec-event-article .post,
    .learning-english-varia .mec-event-article .post,
    .abroad .mec-event-article .post,
    .library .mec-event-article .post,
    .community .mec-event-article .post,
    .digital .mec-event-article .post,
    .membership .mec-event-article .post,
    .about .mec-event-article .post {
        margin-bottom: 3.04em;
    }
    .post-details {
        margin-top: 6.4em;
    }
    #main .post-details p.event-ticketing,
    .mec-book-form-next-button,
    .mec-book-form-back-button,
    .mec-cart-checkout-button a,
    .mec-cart-empty-wrapper a,
    .mec-checkout .mec-checkout-actions .mec-checkout-cart-link.button,
    .woocommerce-message {
        border: 3px solid rgb(0,0,0);
    }
    #mec_cart_transactions_table tbody td,
    #mec_cart_transactions_table thead th {
        border: 3px solid rgb(255,255,255) !important;
    }
    #gallery {
        margin-top: -9.2em;
    }
    
    .btn-note {
        width: 17em;
        height: 17em;
        border-radius: 8.5em;
        margin-bottom: 4em;
        margin-right: 4em;
    }
    .start .btn-note {
        width: 14.8em;
        height: 14.8em;
        border-radius: 7.4em;
        top: -2.24em;
        right: -4.16em;
    }
    .info-box {
        border-width: 1.12em;
        padding: 3.2em 1.92em 1.6em 1.92em;
        margin-bottom: 4em;
    }
    .inside-small .info-box {
        margin: 7.2em 0;
    }
    .info-box.size-small {
        width: 40.32em
    }
    .info-box.size-big {
        width: 48em;
    }
    .info-box .star {
        width: 12.48em;
        height: 11.52em;
        margin-top: -1.6em;
        margin-left: 1.6em;
        margin-bottom: 1.6em;
    }
    .download-image img {
        width: 35.36em;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 19px;
    }
    .page-basic-box {
        margin-top: 4.8em;
        margin-bottom: 4.8em;
    }
    .personal-details, form {
        margin-top: 6.4em;
        margin-bottom: 1.92em;
    }
    .personal-details img {
        width: 18.64em;
    }
    .personal-details .text {
        width: 63.04em;
        margin-left: 4em;
    }
    .inside-small .personal-details .text {
        width: 46.16em;
    }
    .mec-booking form {
        margin-top: 4em;
    }
    
    /* footer */
    #footer {
        padding-bottom: 7.84em;
    }
    #footer .logo {
        left: -16.96em;
        top: -8.32em;
        width: 19.2em;
    }
    #footer-top {
        padding-bottom: 1.12em;
    }
    #footer-bottom {
        padding-top: 1.12em;
    }
    #social-media {
        margin-left: 6.24em;
    }
    #social-media ul li {
        margin-right: 1.12em;
    }
    #social-media ul li img {
        width: 3.36em;
    }
    .scroll-top {
        top: 0.5em;
        right: -8.56em;
    }
}



@media only screen and (max-width: 1520px) { /*________________________________________________________________________ : 1.25 */
    /* TYPO */
    #header-block h1,
    .default #main h1 {
        font-size: 3.52em;
    }
    .start h1,
    .topic-overview h1 {
        font-size: 2.94em;
    }
    h2,
    #news h3,
    .info-box h3,
    #history h3,
    #carl-schurz h3,
    #header blockquote,
    #carl-schurz blockquote {
        font-size: 2.75em !important;
    }
    #topic-tiles h2,
    #news h3 {
        font-size: 2.37em !important;
    }
    #main .btn-note strong {
        font-size: 1.79em;
    }
    .slide-menu ul#menu a {
        font-size: 1.5em !important;
    }
    #events h1,
    .topic-overview h2,
    .about h2,
    #topic-list h2,
    #post-content h2,
    #events .extended-140 h2,
    #topic-list h3,
    #free-courses h3,
    #main p, #main ul, #header p, #main ol,
    label, input, textarea, select, button.ff-btn {
        font-size: 1.5em !important;
    }
    .start h2,
    #news h2,
    #free-courses h2,
    #news-slide-menu h2,
    .info-box h2,
    .topic-overview .info-box h2,
    .about #history h2,
    .about #carl-schurz h2,
    h3,
    #main .post-details p.organizer,
    #header-block .menu-parent,
    #header-block .event-basic-info,
    #team-list h3,
    #footer-top p,
    #sub-nav ul > li > a,
    #main #team-list p,
    #sub-nav > ul > li:before,
    .language a,
    .mec-error {
        font-size: 1.3em !important;
    }
    .start h1:after,
    .topic-overview h1:after {
        width: 106px;
        height: 4px;
        margin-left: 18px;
    }
    #header blockquote:after,
    #carl-schurz blockquote:after {
        width: 121px;
        height: 19px;
        border-bottom: 4px solid;
    }
    /* typo mec kufer */
    .mec-booking,
    #mec_cart_transactions_table th,
    #mec_cart_transactions_table td,
    .mec-cart-checkout-button a,
    .mec-cart-empty-wrapper a,
    .mec-checkout,
    .hauptseite,
    .kw-dozdetails {
        font-size: 1.5em !important;
    }
    .kufer-cart {
        font-size: 0.8em !important;
    }
    #main .mec-booking p,
    #main .mec-booking ul,
    .mec-booking label, 
    .mec-booking input, 
    .mec-booking textarea, 
    .mec-booking select,
    .mec-event-ticket-name,
    .mec-event-ticket-price,
    span.mec-ticket-price,
    .mec-booking h4 span,
    #main #mec_cart_transactions_table td p,
    #main #mec_cart_transactions_table td ul,
    #main #mec_cart_transactions_table td span,
    #main #mec_cart_transactions_table h5,
    #main #mec_cart_transactions_table .mec-cart-event-info a,
    #main .mec-checkout p,
    #main .mec-checkout ul,
    #main .mec-checkout label,
    #main .mec-checkout h5,
    #main .mec-checkout .mec-book-form-pay-button,
    #main .mec-checkout .mec-checkout-cart-button a,
    #main .hauptseite p,
    #main .hauptseite ul,
    .hauptseite label, 
    .hauptseite input, 
    .hauptseite textarea, 
    .hauptseite select,
    #main .kw-dozdetails p,
    #main .kw-dozdetails ul {
        font-size: 1em !important;
    }
    
    /* PROPORTIONS */
    /* container */
    .inside {
        width: 79.36em;
    }
    .inside-wide {
        width: 88.8em;
    }
    .inside-small {
        width: 55.04em;
    }
    .extended-74 {
        width: 84em;
    }
    .extended-107 {
        width: 86.21em;
    }
    .extended-140 {
        width: 88.32em;
    }
    .inside-wide .extended-full-left {
        margin-left: calc(-100vw / 2 + 888px / 2);
    }
    #history .extended-full-left .inner,
    #carl-schurz .extended-full-left .inner {
        width: 84.1em;
    }
    
    #post-content .extended-full {
        padding-top: 5.76em;
        padding-left: 4.48em;
        padding-bottom: 9.6em;
    }
    #main section {
        padding-top: 2.56em;
        margin-bottom: 6.4em;
    }
    section#post-content {
        padding-top: 0;
    }
    .start section#news,
    .about section#history{
        margin-bottom: 8.7em;
    }
    .start section#topic-tiles {
        margin-bottom: 3.71em;
    }
    .about section#team,
    .about section#career {
        margin-bottom: 2.05em;
    }
    section.star:before {
        background-size: 16em;
        background-position: 3.97em 2.56em;
    }
    #event-list .list {
        width: 35.2em;
    }
    .content-flex .item {
        margin-bottom: 3.2em;
    }
    .contain-contact-box #pin-box {
        right: 6.4em;
    }
    #events #pin-box {
        top: 51.2em;
        right: 5.12em;
    }
    
    /* header */
    #header-top {
        height: 15.04em;
    }
    #header-top.nav-up {
        top: -15.04em;
    }
    #header-top nav.header-menu {
        margin-top: 1.66em;
        margin-left: 4.8em;
    }
    #header-top .hamburger {
        width: 3.52em;
    }
    #header-top .logo {
        right: 3.84em;
        top: 1.79em;
        width: 16.58em;
    }
    
    #slideshow {
        margin-top: 12.8em !important;
    }
    .slider-link {
        bottom: 4.6em;
        border: 3px solid rgb(255,255,255);
    }
    .arrow-down {
        width: 2.4em;
    }
    #header-image .image-holder {
        margin-top: 12.8em;
    }
    
    #header-block .extended-full.headline {
        padding-top: 19.84em;
        padding-left: 4.48em;
        padding-bottom: 8.32em;
    }
    #header-block .extended-full.headline.with-parent {
        padding-top: 17.15em;
    }
    #header-block.single-post .extended-full.headline {
        padding-bottom: 3.2em;
    }
    #header-block .extended-full.spacer {
        height: 21.76em;
    }
    #header-block .extended-full.spacer-small {
        height: 8.32em;
    }
    #header-block .image {
        background-size: 26.88em;
    }
    #header-block .image.large {
        margin-top: -21.76em;
    }
    #header-block .image.small {
        background-position: 62.98em top;
    }
    #header-block .image img,
    #header-block.ueber-uns .extended-full.spacer {
        height: 28.22em;
    }
    #header-block .image.small img {
        margin-left: -5.38em;
    }
    #header-block.ueber-uns .image {
        margin-top: -28.22em;
    }
    #header-block .extended-full.bottom {
        background-position: 70.4em top;
        background-size: 26.88em;
        padding-top: 8.32em;
        padding-left: 4.48em;
        padding-bottom: 1.54em;
        margin-top: -3.2em;
    }
    #header-block .extended-full.bottom .inner {
        width: 60.8em;
    }
    #header-block .extended-full.bottom blockquote {
        margin-left: -3.65em;
    }
    #header-block.ueber-uns {
        padding-bottom: 1.92em;
    }
    #header-block.ueber-uns:before {
        background-size: 16em;
        background-position: 3.97em bottom;
    }
    
    .language {
        margin-bottom: 1.92em;
    }
    .language li {
        margin-right: 1.15em;
    }
    
    .slide-menu,
    .slide-menu ul#menu {
        width: 30.4em !important;
    }
    .slide-menu-control.close-button {
        margin-top: 6.48em !important;
    }
    .slide-menu .close-menu {
        width: 1.92em !important;
        margin-left: 4.8em !important;
    }
    .slide-menu ul#menu {
        margin-top: 4.96em !important;
        margin-left: 4.8em !important;
    }
    .slide-menu ul#menu li {
        margin-bottom: 1.68em !important;
    }
    .slide-menu ul#menu li.menu-item-has-children {
        background-size: 6px !important;
        background-position: 70% 0.5em !important;
    }
    .slide-menu ul#menu .slide-menu-control {
        padding-left: 1.12em !important;
        background-size: 6px !important;
    }
    .slide-menu #news-slide-menu {
        margin-left: 4.8em !important;
        margin-top: 12.8em !important;
        margin-bottom: 4.8em !important;
    }
    
    /* main */
    #main {
        padding-top: 3.39em;
        padding-bottom: 5.76em;
    }
    .start #main,
    .topic-overview #main {
        padding-top: 4.61em;
    }
    .about #main {
        padding-top: 1.47em;
    }
    .default #main {
        padding-top: 16.51em;
    }

    #news .star,
    #free-courses .star {
        left: -5.25em;
        top: 7.17em;
        width: 16.83em;
    }
    #news .headline,
    #free-courses .headline {
        top: 1.54em;
        left: 1.54em;
    }
    #news .extended-full,
    #free-courses .extended-full {
        min-height: 28.48em;
    }
    #news-slider {
        padding: 3.68em 0;
        margin-left: 13.95em;
    }
    #courses-slider {
        padding: 5.76em 0 3.68em 0;
        margin-left: 13.95em;
    }
    #news-slider .post {
        width: 47.49em;
    }
    #courses-slider .post {
        width: 24.32em;
    }
    #news-slider .post img {
        width: 21.12em;
    }
    #news-slider .post .text {
        width: 23.17em;
    }
    #news-slider .slick-slide {
        width: 47.49em !important;
        margin-right: 3.2em !important;
    }
    #courses-slider .slick-slide {
        width: 24.32em !important;
        margin-right: 5.12em !important;
    }
    .slick-prev,
    .slick-next {
        width: 8px !important;
        height: 12px !important;
    }
    #news-slider .slick-next,
    #news-slider .slick-prev,
    #courses-slider .slick-next,
    #courses-slider .slick-prev {
        top: 1.54em;
    }
    #news-slider .slick-next,
    #courses-slider .slick-next {
        left: 71.04em;
    }
    #news-slider .slick-prev,
    #courses-slider .slick-prev {
        left: 68.35em;
    }
    
    #topic-list .post,
    #topic-slider .slick-slide {
        width: 24.32em !important;
    }
    #topic-slider .slick-slide {
        margin-right: 3.2em;
    }
    #topic-list .post img {
        margin-bottom: 2.18em;
    }
    #topic-slider .slick-next,
    #topic-slider .slick-prev {
        top: -2.18em;
    }
    #topic-slider .slick-next {
        left: 78.59em;
    }
    #topic-slider .slick-prev {
        left: 75.9em;
    }
    
    .digital #topic-tiles {
        margin-top: 3.84em;
    }
    #sponsors ul img {
        width: 128px;
    }
    
    #team-list {
        justify-content: flex-start;
    }
    #team-list .item {
        /*width: 19.3em;
        margin-right: 2.3em;*/
        width: 26.4em;
        margin-right: 2.4em;
        margin-bottom: 3.2em;
    }
    #team-list .item:nth-child(4n) {
        margin-right: 2.4em;
    }
    #team-list .item:nth-child(3n) {
        margin-right: 0;
    }
    #team-list .item img {
        margin-bottom: 1.28em;
    }
    #board .inside div img {
        width: 59.39em;
    }
    #board .inside div .board-list {
        width: 27.9em;
        margin-left: -3.46em;
        padding: 2.56em;
        margin-bottom: 3.58em;
    }
    #history .extended-full-left,
    #carl-schurz .extended-full-left {
        padding: 5.89em 0;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left {
        width: 24.32em;
        margin-right: 3.2em;
    }
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 51.84em;
        background-size: 11.2em;
    }
    #history .extended-full-left {
        background-size: 61.44em;
        background-position: -4.8em -2.56em;
    }
    #history .extended-full-left .inner .right {
        padding-top: 9.22em;
    }
    #history .image-block {
        margin-top: 2.69em;
    }
    #carl-schurz .extended-full-left {
        background-size: 111.36em;
        background-position: -24.96em -9.6em;
    }
    #carl-schurz .extended-full-left .inner .right img {
        width: 27.52em;
        margin-top: -9.73em;
        margin-bottom: 7.68em;
    }
    #carl-schurz .blockquote {
        margin-top: 9.6em;
        margin-left: -11.78em;
        margin-right: 2.56em;
    }
    #carl-schurz .blockquote .signature {
        width: 29.82em;
        margin-top: 5.76em;
    }
    
    #event-category {
        width: 23.04em;
    }
    #event-list {
        width: 62.08em;
    }
    #event-list .search-filter {
        padding: 2.05em 0;
        margin-bottom: 2.94em;
    }
    #event-list .list .post,
    .learning-english .mec-event-article .post,
    .learning-english-varia .mec-event-article .post,
    .abroad .mec-event-article .post,
    .library .mec-event-article .post,
    .community .mec-event-article .post,
    .digital .mec-event-article .post,
    .membership .mec-event-article .post,
    .about .mec-event-article .post {
        margin-bottom: 2.43em;
    }
    .post-details {
        margin-top: 5.12em;
    }
    #gallery {
        margin-top: -7.36em;
    }
    
    .btn-note {
        width: 13.6em;
        height: 13.6em;
        border-radius: 6.8em;
        margin-bottom: 3.2em;
        margin-right: 3.2em;
    }
    .start .btn-note {
        width: 11.8em;
        height: 11.8em;
        border-radius: 5.9em;
        top: -1.79em;
        right: -3.33em;
    }
    .info-box {
        border-width: 0.9em;
        padding: 2.56em 1.54em 1.28em 1.54em;
        margin-bottom: 3.2em;
    }
    .inside-small .info-box {
        margin: 5.76em 0;
    }
    .info-box.size-small {
        width: 32.26em
    }
    .info-box.size-big {
        width: 38.4em;
    }
    .info-box .star {
        width: 9.98em;
        height: 9.22em;
        margin-top: -1.28em;
        margin-left: 1.28em;
        margin-bottom: 1.28em;
    }
    .download-image img {
        width: 28.29em;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 15px;
    }
    .page-basic-box {
        margin-top: 3.84em;
        margin-bottom: 3.84em;
    }
    .personal-details, form {
        margin-top: 5.12em;
        margin-bottom: 1.54em;
    }
    .personal-details img {
        width: 14.91em;
    }
    .personal-details .text {
        width: 50.43em;
        margin-left: 3.2em;
    }
    .inside-small .personal-details .text {
        width: 36.93em;
    }
    .mec-booking form {
        margin-top: 3.2em;
    }
    
    /* footer */
    #footer {
        padding-bottom: 6.27em;
    }
    #footer .logo {
        left: -13.57em;
        top: -6.66em;
        width: 15.36em;
    }
    #footer-top {
        padding-bottom: 0.9em;
    }
    #footer-bottom {
        padding-top: 0.9em;
    }
    #social-media {
        margin-left: 4.99em;
    }
    #social-media ul li {
        margin-right: 0.9em;
    }
    #social-media ul li img {
        width: 2.69em;
    }
    .scroll-top {
        top: 0.3em;
        right: -6.85em;
        width: 2.4em;
    }
}



@media only screen and (max-width: 1180px) { /*________________________________________________________________________ : 1.1 */
    /* TYPO */
    #header-block h1,
    .default #main h1 {
        font-size: 3.2em;
    }
    .start h1,
    .topic-overview h1 {
        font-size: 2.7em;
    }
    h2,
    #news h3,
    .info-box h3,
    #history h3,
    #carl-schurz h3,
    #header blockquote,
    #carl-schurz blockquote {
        font-size: 2.5em !important;
    }
    #topic-tiles h2,
    #news h3 {
        font-size: 2.2em !important;
    }
    .slider-link {
        font-size: 1.8em;
    }
    #main .btn-note strong {
        font-size: 1.6em;
    }
    /*.slide-menu ul#menu a,
    #events h1,
    .topic-overview h2,
    .about h2,
    #topic-list h2,
    #post-content h2,
    #events .extended-140 h2,
    #topic-list h3,
    #free-courses h3,
    #main p, #main ul, #header p, #main ol,
    label, input, textarea, select, button.ff-btn {
        font-size: 1.4em !important;
    }
    .start h2,
    #news h2,
    #free-courses h2,
    #news-slide-menu h2,
    .info-box h2,
    .topic-overview .info-box h2,
    .about #history h2,
    .about #carl-schurz h2,
    h3,
    #main .post-details p.organizer,
    #header-block .menu-parent,
    #header-block .event-basic-info,
    #team-list h3,
    #footer-top p,
    #sub-nav ul > li > a,
    #main #team-list p,
    #sub-nav > ul > li:before,
    .language a,
    .mec-error {
        font-size: 1.2em !important;
    }*/
    
    .start h1:after,
    .topic-overview h1:after {
        width: 96px;
        height: 4px;
        margin-left: 16px;
    }
    #header blockquote:after,
    #carl-schurz blockquote:after {
        width: 110px;
        height: 17px;
        border-bottom: 4px solid;
    }
    
    /* PROPORTIONS */
    /* container */
    .inside {
        width: 72.2em;
    }
    .inside-wide {
        width: 80.7em;
    }
    .inside-small {
        width: 50em;
    }
    .extended-74 {
        width: 76.5em;
    }
    .extended-107 {
        width: 78.4em;
    }
    .extended-140 {
        width: 80.3em;
    }
    .inside-wide .extended-full-left {
        margin-left: calc(-100vw / 2 + 808px / 2);
    }
    #history .extended-full-left .inner,
    #carl-schurz .extended-full-left .inner {
        width: 76.5em;
    }
    
    #post-content .extended-full {
        padding-top: 5.2em;
        padding-left: 4.1em;
        padding-bottom: 8.7em;
    }
    #main section {
        padding-top: 2.3em;
        margin-bottom: 5.8em;
    }
    section#post-content {
        padding-top: 0;
    }
    .start section#news,
    .about section#history{
        margin-bottom: 7.9em;
    }
    .start section#topic-tiles {
        margin-bottom: 3.4em;
    }
    .about section#team,
    .about section#career {
        margin-bottom: 1.9em;
    }
    section.star:before {
        background-size: 14.5em;
        background-position: 2.6em 2em;
    }
    #event-list .list {
        width: 32em;
    }
    .content-flex .item {
        margin-bottom: 2.9em;
    }
    .contain-contact-box #pin-box {
        right: 5.4em;
    }
    #events #pin-box {
        top: 46.5em;
        right: 4.6em;
    }
    
    /* header */
    #header-top {
        height: 15em;
    }
    #header-top.nav-up {
        top: -15em;
    }
    #header-top .hamburger {
        width: 3.5em;
    }
    #header-top .logo {
        right: 3.8em;
        top: 1.8em;
        width: 16.6em;
    }
    
    .slider-link {
        bottom: 4.5em;
    }
    .arrow-down {
        bottom: 3.6em;
    }
    
    #header-block .extended-full.headline {
        padding-top: 19.5em;
        padding-left: 4.1em;
        padding-bottom: 7.6em;
    }
    #header-block.single-post .extended-full.headline {
        padding-bottom: 2.9em;
    }
    #header-block .extended-full.spacer {
        height: 19.8em;
    }
    #header-block .extended-full.spacer-small {
        height: 7.6em;
    }
    #header-block .image {
        background-size: 24.4em;
    }
    #header-block .image.large {
        margin-top: -19.8em;
        margin-right: 3%;
    }
    #header-block .image.small {
        background-position: 57.3em top;
    }
    #header-block .image img,
    #header-block.ueber-uns .extended-full.spacer {
        height: 25.6em;
    }
    #header-block .image.small img {
        margin-left: -4.9em;
    }
    #header-block.ueber-uns .image {
        margin-top: -25.6em;
    }
    #header-block .extended-full.bottom {
        background-position: 64em top;
        background-size: 24.4em;
        padding-top: 7.6em;
        padding-left: 4.1em;
        padding-bottom: 1.4em;
        margin-top: -2.9em;
    }
    #header-block .extended-full.bottom .inner {
        width: 55.3em;
    }
    #header-block .extended-full.bottom blockquote {
        margin-left: -3.3em;
    }
    #header-block.ueber-uns {
        padding-bottom: 1.7em;
    }
    #header-block.ueber-uns:before {
        background-size: 14.5em;
        background-position: 2.8em bottom;
    }
    
    .language {
        margin-bottom: 1.7em;
    }
    .language li {
        margin-right: 1.1em;
    }
    
    /* main */
    #main {
        padding-top: 3.1em;
        padding-bottom: 5.2em;
    }
    .start #main,
    .topic-overview #main {
        padding-top: 4.2em;
    }
    .about #main {
        padding-top: 1.3em;
    }
    .default #main {
        padding-top: 15em;
    }

    #news .star,
    #free-courses .star {
        left: -4.8em;
        top: 6.5em;
        width: 15.3em;
    }
    #news .headline,
    #free-courses .headline {
        top: 1.4em;
        left: 1.4em;
    }
    #news .extended-full,
    #free-courses .extended-full {
        min-height: 26em;
    }
    #news-slider {
        padding: 3.3em 0;
        margin-left: 12.7em;
    }
    #courses-slider {
        padding: 5.2em 0 3.3em 0;
        margin-left: 12.7em;
    }
    #news-slider .post {
        width: 43.2em;
    }
    #courses-slider .post {
        width: 22.1em;
    }
    #news-slider .post img {
        width: 19.2em;
    }
    #news-slider .post .text {
        width: 21.1em;
    }
    #news-slider .slick-slide {
        width: 43.2em !important;
        margin-right: 2.9em !important;
    }
    #courses-slider .slick-slide {
        width: 22.1em !important;
        margin-right: 4.7em !important;
    }
    #news-slider .slick-next,
    #news-slider .slick-prev,
    #courses-slider .slick-next,
    #courses-slider .slick-prev {
        top: 1.2em;
    }
    #news-slider .slick-next,
    #courses-slider .slick-next {
        left: 64.6em;
    }
    #news-slider .slick-prev,
    #courses-slider .slick-prev {
        left: 62.1em;
    }
    
    #topic-list .post,
    #topic-slider .slick-slide {
        width: 22.1em !important;
    }
    #topic-slider .slick-slide {
        margin-right: 2.9em;
    }
    #topic-list .post img {
        margin-bottom: 2em;
    }
    #topic-slider .slick-next,
    #topic-slider .slick-prev {
        top: -2em;
    }
    #topic-slider .slick-next {
        left: 71.4em;
    }
    #topic-slider .slick-prev {
        left: 69em;
    }
    
    .digital #topic-tiles {
        margin-top: 3.5em;
    }
    #sponsors ul img {
        width: 116px;
    }
    
    #team-list .item {
        /*width: 17.5em;
        margin-right: 2.1em;*/
        width: 24em;
        margin-right: 2.25em;
        margin-bottom: 2.9em;
    }
    #team-list .item:nth-child(4n) {
        margin-right: 2.25em;
    }
    #team-list .item:nth-child(3n) {
        margin-right: 0;
    }
    #team-list .item img {
        margin-bottom: 1.2em;
    }
    #board .inside div img {
        width: 54em;
    }
    #board .inside div .board-list {
        width: 25.4em;
        margin-left: -3.1em;
        padding: 2.3em;
        margin-bottom: 3.3em;
    }
    #history .extended-full-left,
    #carl-schurz .extended-full-left {
        padding: 5.4em 0;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left {
        width: 22.1em;
        margin-right: 2.9em;
    }
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 47.1em;
        background-size: 10.2em;
    }
    #history .extended-full-left {
        background-size: 55.8em;
        background-position: -4.4em -1.8em;
    }
    #history .extended-full-left .inner .right {
        padding-top: 8.4em;
    }
    #history .image-block {
        margin-top: 2.4em;
    }
    #carl-schurz .extended-full-left {
        background-size: 101.2em;
        background-position: -24em -8.7em;
    }
    #carl-schurz .extended-full-left .inner .right img {
        width: 25em;
        margin-top: -8.8em;
        margin-bottom: 7em;
    }
    #carl-schurz .blockquote {
        margin-top: 8.7em;
        margin-left: -10.7em;
        margin-right: 2.3em;
    }
    #carl-schurz .blockquote .signature {
        width: 27.1em;
        margin-top: 5.2em;
    }
    
    #event-category {
        width: 21em;
    }
    #event-list {
        width: 56.4em;
    }
    #event-list .search-filter {
        padding: 1.9em 0;
        margin-bottom: 2.7em;
    }
    #event-list .list .post,
    .learning-english .mec-event-article .post,
    .learning-english-varia .mec-event-article .post,
    .abroad .mec-event-article .post,
    .library .mec-event-article .post,
    .community .mec-event-article .post,
    .digital .mec-event-article .post,
    .membership .mec-event-article .post,
    .about .mec-event-article .post {
        margin-bottom: 2.2em;
    }
    .post-details {
        margin-top: 4.7em;
    }
    #gallery {
        margin-top: -6.7em;
    }
    
    .btn-note {
        width: 12.4em;
        height: 12.4em;
        border-radius: 6.2em;
        margin-bottom: 2.92em;
        margin-right: 2.92em;
    }
    .start .btn-note {
        width: 9.8em;
        height: 9.8em;
        border-radius: 4.9em;
        top: -1.6em;
        right: -3em;
    }
    .info-box {
        border-width: 0.8em;
        padding: 2.3em 1.4em 1.2em 1.4em;
        margin-bottom: 2.9em;
    }
    .inside-small .info-box {
        margin: 5.2em 0;
    }
    .info-box.size-small {
        width: 29.3em
    }
    .info-box.size-big {
        width: 34.9em;
    }
    .info-box .star {
        width: 9.1em;
        height: 8.4em;
        margin-top: -1.2em;
        margin-left: 1.2em;
        margin-bottom: 1.2em;
    }
    .download-image img {
        width: 25.7em;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 14px;
    }
    .page-basic-box {
        margin-top: 3.5em;
        margin-bottom: 3.5em;
    }
    .personal-details, form {
        margin-top: 4.65em;
        margin-bottom: 1.4em;
    }
    .personal-details img {
        width: 12.6em;
    }
    .personal-details .text {
        width: 45em;
        margin-left: 2.9em;
    }
    .inside-small .personal-details .text {
        width: 33.6em;
    }
    .mec-booking form {
        margin-top: 3em;
    }
    
    /* footer */
    #footer {
        padding-bottom: 5.7em;
    }
    #footer .logo {
        left: -12.4em;
        top: -5.5em;
        width: 14em;
    }
    #social-media {
        margin-left: 4.5em;
    }
    #social-media ul li img {
        width: 2.4em;
    }
    .scroll-top {
        top: 0.8em;
        right: -6.2em;
    }
}



@media only screen and (max-width: 1040px) { /*________________________________________________________________________ fix 1024 */
    #header-block .image {
        background-size: 21em;
    }
    #header-block .image.large {
        background-position: right 3em;
        margin-right: 1%;
    }
    #header-block .extended-full.bottom {
        background-position: 60em top;
        background-size: 21em;
    }
    #header-block .image.small {
        background-position: 50em top;
    }
    #header-block.ueber-uns:before {
        background-size: 12em;
        background-position: 2.4em bottom;
    }
    section.star:before {
        background-size: 12em;
        background-position: 2.4em 2em;
    }
    .contain-contact-box #pin-box {
        right: 4em;
    }
    #events #pin-box {
        right: 4em;
    }
}



@media only screen and (max-width: 980px) { /*________________________________________________________________________ Layout Umbau & Fluid Tablet hochformat */
    /* container */
    .inside,
    .inside-wide,
    .inside-small,
    .extended-74,
    .extended-107,
    .extended-140 {
        width: 100%;
    }
    .inside {
        padding: 0 6em;
        -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    #header-block .inside,
    #free-courses .inside,
    #news .inside,
    #topic-list .inside,
    #post-content .inside {
        padding: 0;
    }
    #post-content .inside-small {
        margin-right: 6em;
    }
    .extended-full {
        width: auto;
        margin-left: 6em;
    }
    .inside-wide .extended-full-left {
        margin-left: 0;
        margin-right: 6em;
    }
    #post-content .extended-full {
        padding-right: 6em;
    }
    #history .extended-full-left .inner,
    #carl-schurz .extended-full-left .inner {
        width: 76.5em;
    }
    #main section {
        padding-top: 2em;
        margin-bottom: 5em;
    }
    .about section#history {
        margin-bottom: 4em;
    }
    section#post-content {
        padding-top: 0;
    }
    section.star:before {
        width: 0;
        height: 0;
        background-size: 0;
    }
    .contain-contact-box #pin-box {
        position: relative;
        right: 0;
        left: 0;
        margin-left: 6em;
        margin-top: 9em;
        margin-bottom: 6em;
    }
    #events #pin-box {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 6em;
    }
    
    /* header */
    #header-top nav.header-menu,
    .slide-menu .close-menu,
    .slide-menu ul#menu,
    .slide-menu #news-slide-menu {
        margin-left: 6em !important;
    }
    #header-block .headline h1 {
        width: 80%;
    }
    #header-block .extended-full.headline {
        padding-bottom: 6em;
    }
    #header-block .image img,
    #header-block.ueber-uns .extended-full.spacer {
        height: 19.4em;
    }
    #header-block .extended-full.spacer {
        height: 15em;
    }
    #header-block .extended-full.spacer-small {
        height: 7em;
    }
    #header-block .image {
        background-size: 15em;
    }
    #header-block .image.large {
        margin-top: -15em;
        margin-right: 1.4%;
    }
    #header-block .image.small {
        background-position: 38em top;
    }
    #header-block .image.small img {
        margin-left: -3em;
    }
    #header-block.ueber-uns .image {
        margin-top: -19.4em;
    }
    #header-block .extended-full.bottom {
        background-position: 52em top;
        background-size: 15em;
        padding-top: 7em;
    }
    #header-block .extended-full.bottom blockquote {
        margin-left: -3em;
    }
    #header-block.ueber-uns:before {
        width: 0;
        height: 0;
        background-size: 0;
    }
    #header-image .image-holder {
        height: 40vh;
    }
    
    /* main */
    #news .star,
    #free-courses .star {
        left: 1.8em;
        top: 5.5em;
        width: 12.8em;
    }
    #news .headline,
    #free-courses .headline {
        left: 7.4em;
    }
    #news-slider .slick-next,
    #courses-slider .slick-next {
        left: 18.4em;
    }
    #news-slider .slick-prev,
    #courses-slider .slick-prev {
        left: 16.4em;
    }
    #topic-slider .slick-next {
        left: 46.2em;
    }
    #topic-slider .slick-prev {
        left: 44.2em;
    }
    #sponsors ul img {
        width: 110px;
    }
    #team-list {
        justify-content: space-between;
    }
    #team-list .item {
        /*width: 20em;*/
        width: 31%;
        margin-right: 0;
    }
    #team-list .item:nth-child(4n) {
        margin-right: 0;
    }
    #board .inside div {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #board .inside div img {
        width: 54em;
    }
    #board .inside div .board-list {
        margin-left: 0;
        margin-top: -30em;
        align-self: flex-end;
    }
    #history .extended-full-left,
    #carl-schurz .extended-full-left {
        align-items: flex-start;
    }
    #history .extended-full-left .inner,
    #carl-schurz .extended-full-left .inner {
        flex-direction: column;
        
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left,
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 78%;
        padding-left: 6em;
        -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        background-size: 0;
    }
    #history .extended-full-left {
        background-size: 75em;
        background-position: -6em -14em;
    }
    #history .extended-full-left .inner .right {
        padding-top: 6em;
    }
    #carl-schurz .extended-full-left {
        background-size: 99em;
        background-position: -24em -10.4em;
    }
    #carl-schurz .extended-full-left .inner .right img {
        width: 22em;
        margin-top: 3em;
        margin-bottom: 7em;
    }
    #carl-schurz .blockquote {
        margin-top: 6em;
        margin-left: 0;
        margin-right: 0;
    }
    #carl-schurz .blockquote .signature {
        width: 27.1em;
        margin-top: 3em;
    }
    #events .extended-140 {
        flex-direction: column;
        justify-content: flex-start;
    }
    #event-category,
    #event-list {
        width: 100%;
    }
    #event-category {
        margin-bottom: 2.6em;
    }
    #gallery {
        padding: 0 6em;
    }
    .start .btn-note {
        top: -1.6em;
        right: 3em;
    }
    .info-box.size-small {
        width: 26em;
    }
    .info-box.size-big {
        width: 31em;
    }
    
    /* footer */
    #footer .inside {
        padding-left: 14em;
    }
    #footer .logo {
        left: 0.6em;
    }
    .scroll-top {
        top: 0.9em;
        right: 6em;
        width: 2.2em;
    }
}



@media only screen and (max-width: 760px) { /*________________________________________________________________________ Layout Umbau Smartphones */
    /* TYPO :1.12 */
    #header-block h1,
    .default #main h1 {
        font-size: 2.8em;
    }
    .start h1,
    .topic-overview h1 {
        font-size: 2.4em;
    }
    h2,
    #news h3,
    .info-box h3,
    #history h3,
    #carl-schurz h3,
    #header blockquote,
    #carl-schurz blockquote {
        font-size: 2.2em !important;
    }
    #topic-tiles h2,
    #news h3 {
        font-size: 2em !important;
    }
    .slider-link {
        font-size: 1.6em;
        text-align: center;
        padding: 0.2em 0.2em !important;
    }
    #main .btn-note strong {
        font-size: 1.4em;
    }
    /*#events h1,
    .topic-overview h2,
    .about h2,
    #topic-list h2,
    #post-content h2,
    #events .extended-140 h2,
    #topic-list h3,
    #free-courses h3,
    #main p, #main ul, #header p, #main ol,
    label, input, textarea, select, button.ff-btn {
        font-size: 1.38em !important;
    }*/
    .start h1:after,
    .topic-overview h1:after {
        width: 0;
        height: 0;
        margin-left: 0;
    }
    #header blockquote:after,
    #carl-schurz blockquote:after {
        width: 0;
        height: 0;
        border-bottom: 0px solid;
    }
    #header blockquote:after,
    #carl-schurz blockquote:after {
        content: "";
    }
    blockquote .mobile-only {display: inline-block!important}
    
    #main p,
    #main ul,
    #main ol,
    #header p,
    #header h1,
    #topic-tiles h2 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    
    /* container */
    .inside {
        padding: 0 3em;
    }
    #post-content .inside-small,
    .inside-wide .extended-full-left {
        margin-right: 3em;
    }
    #header-top nav.header-menu,
    .slide-menu .close-menu,
    .slide-menu ul#menu,
    .slide-menu #news-slide-menu,
    .extended-full {
        margin-left: 3em !important;
    }
    #post-content .extended-full {
        padding-right: 3em;
    }
    .contain-contact-box #pin-box {
        margin-left: 3em;
        margin-right: 3em;
        margin-top: 6em;
    }
    #main section {
        margin-bottom: 4em;
    }
    .start section#news {
        margin-bottom: 6em;
    }
    section#scroll-to {
        margin-bottom: 3em;
    }
    .content-flex {
        flex-direction: column;
        justify-content: flex-start;
    }
    .content-flex .item {
        width: 100%;
        margin-bottom: 2em;
    }
    
    /* header */
    #header-top .logo {
        right: 2em;
    }
    #header-block .headline h1,
    #header .extended-full.bottom .inner {
        width: 90%;
    }
    #header-block .image img {
        height: 12em;
    }
    #header-block.ueber-uns .extended-full.spacer {
        height: 8em;
    }
    #header-block .extended-full.spacer {
        height: 6em;
    }
    #header-block .image.large {
        background-size: 0;
        margin-top: -8em;
        margin-right: 0;
    }
    #header-block.ueber-uns .image {
        margin-top: -10em;
    }
    #header-block .extended-full.bottom blockquote {
        margin-left: 0;
    }
    #header-block .image.small {
        background-size: 9em;
        background-position: 23.4em top;
    }
    #header-block .image.small img {
        margin-left: -1.5em;
    }
    
    /* main */
    #main {
        padding-top: 2.8em;
        padding-bottom: 6em;
    }
    #news .star,
    #free-courses .star {
        width: 12em;
    }
    #news .headline,
    #free-courses .headline {
        left: 4.2em;
    }
    #news-slider .post {
        flex-direction: column;
        justify-content: flex-start;
    }
    #news-slider .post,
    #news-slider .post .text {
        width: 22.1em !important;
    }
    #news-slider .post img {
        margin-bottom: 1em;
    }
    #courses-slider .post {
        width: 22em !important;
        margin-right: 3em !important;
    }
    #topic-slider .slick-next {
        left: 31.1em;
    }
    #topic-slider .slick-prev {
        left: 29.1em;
    }
    #topic-tiles .tile {
        width: 47.983870967741936%; /* 595/1240 */
    }
    #sponsors ul img {
        width: 140px;
        margin-bottom: 2.6em;
    }
    #team-list .item {
        width: 47.983870967741936%; /* 595/1240 */
        margin-right: 0;
    }
    #board .inside div img,
    #board .inside div .board-list {
        width: 100%;
    }
    #board .inside div .board-list {
        margin-left: 0;
        margin-top: 2.2em;
        align-self: flex-start;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left,
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 45%;
        padding-left: 3em;
    }
    #history .extended-full-left {
        background-size: 45em;
        background-position: -6em -6.3em;
    }
    #carl-schurz .extended-full-left {
        background-size: 75em;
        background-position: -22em -9em;
    }
    #carl-schurz .extended-full-left .inner .right img {
        width: 20em;
        margin-bottom: 6em;
    }
    #carl-schurz .blockquote {
        margin-top: 6em;
    }
    #carl-schurz .blockquote .signature {
        width: 22em;
        margin-top: 3em;
    }
    #gallery {
        padding: 0 3em;
    }
    .start .btn-note {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: 2.6em;
    }
    .personal-details {
        flex-direction: column;
    }
    .personal-details img {
        margin-bottom: 2.2em !important;
    }
    .personal-details .text,
    .inside-small .personal-details .text {
        width: 100%;
        margin-left: 0;
    }
    .info-box.size-small,
    .info-box.size-big {
        width: 100%;
    }
    .download-image img {
        width: 66%;
    }
    .btn-note,
    .start .btn-note {
        width: 10em;
        height: 10em;
        border-radius: 5em;
    }
    
    /* footer */
    #footer .inside {
        padding-left: 11.6em;
    }
    #footer-top,
    #footer-top .left {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    #footer-top .left p {
        margin-bottom: 1.4em;
    }
    #social-media {
        margin-left: 0;
        margin-bottom: 1.4em;
    }
    #footer-bottom {
        text-align: left;
    }
    #footer .logo {
        width: 12em;
    }
    #footer-top {
        padding-bottom: 1.2em;
    }
    #footer-bottom {
        padding-top: 1.2em;
    }
    .scroll-top {
        top: 12.2em;
        right: 3em;
    }
}



@media only screen and (max-width: 390px) { /*________________________________________________________________________ Smartphone 390 */
    .inside {
        padding: 0 2.4em;
    }
    #post-content .inside-small,
    .inside-wide .extended-full-left {
        margin-right: 2.4em;
    }
    #header-top nav.header-menu,
    .slide-menu .close-menu,
    .slide-menu ul#menu,
    .slide-menu #news-slide-menu,
    .extended-full {
        margin-left: 2.4em !important;
    }
    #post-content .extended-full {
        padding-right: 2.4em;
    }
    .contain-contact-box #pin-box {
        margin-left: 2.4em;
        margin-right: 2.4em;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left,
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 42%;
        padding-left: 2.4em;
    }
    #gallery {
        padding: 0 2.4em;
    }
    
    #header-top .logo {
        right: 1.8em;
    }
    #header-block .extended-full.headline,
    #post-content .extended-full,
    #header-block .extended-full.bottom {
        padding-left: 3em;
    }
    #header-block .image.small img {
        margin-left: -1.2em;
    }
    .scroll-top {
        top: 12.3em;
        right: 2.4em;
        width: 2em;
    }
}



@media only screen and (max-width: 380px) { /*________________________________________________________________________ Smartphone 380 */
    .single-post h1, h2, h3, h4, h5, h6 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
    #header-block .extended-full.headline,
    #post-content .extended-full,
    #header-block .extended-full.bottom {
        padding-left: 2.4em;
    }
    
    #header-block .image img {
        height: 11em;
    }
    #header-block .image.small {
        background-size: 8.6em;
        background-position: 22em top;
    }
    #news .star,
    #free-courses .star {
        width: 10em;
        left: 1em;
    }
    #news .headline,
    #free-courses .headline {
        left: 3.4em;
    }
    #news-slider,
    #courses-slider {
        margin-left: 10.8em;
    }
    #news-slider .post .text {
        width: 19.2em !important;
    }
    #topic-slider .slick-next {
        left: 27.2em;
    }
    #topic-slider .slick-prev {
        left: 25.2em;
    }
    #topic-tiles .tile,
    #team-list .item {
        width: 100%;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left,
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 40.6%;
    }
    #carl-schurz .extended-full-left {
        background-size: 73em;
        background-position: -22em -8em;
    }
}



@media only screen and (max-width: 380px) { /*________________________________________________________________________ Smartphone 350 */
    .inside {
        padding: 0 2em;
    }
    #post-content .inside-small,
    .inside-wide .extended-full-left {
        margin-right: 2em;
    }
    #header-top nav.header-menu,
    .slide-menu .close-menu,
    .slide-menu ul#menu,
    .slide-menu #news-slide-menu,
    .extended-full {
        margin-left: 2em !important;
    }
    #post-content .extended-full {
        padding-right: 2em;
    }
    .contain-contact-box #pin-box {
        margin-left: 2em;
        margin-right: 2em;
    }
    #history .extended-full-left .inner .left,
    #carl-schurz .extended-full-left .inner .left,
    #history .extended-full-left .inner .right,
    #carl-schurz .extended-full-left .inner .right {
        width: 36%;
        padding-left: 2em;
    }
    #gallery {
        padding: 0 2em;
    }
    
    #header-block .image img {
        height: 10em;
    }
    #header-block .image.small {
        background-size: 8em;
        background-position: 20em top;
    }
    .slide-menu #news-slide-menu {
        margin-top: 12em !important;
    }
    #news .star,
    #free-courses .star {
        display: none;
    }
    #news-slider,
    #courses-slider {
        margin-left: 1.3em;
        padding-top: 8em !important;
    }
    #news-slider .slick-next,
    #news-slider .slick-prev,
    #courses-slider .slick-next,
    #courses-slider .slick-prev {
        top: 5.2em;
    }
    #courses-slider .slick-next {
        left: 2em;
    }
    #courses-slider .slick-prev {
        left: 0;
    }
    #sponsors ul img {
        width: 120px;
        margin-bottom: 2.4em;
    }
}