@media all and (min-width: 1024px) {

    .course__container:not(.course__container--note) .course_note--place + .course_date {
        padding-right: 150px;
    }

}

@media all and (max-width: 1100px) {

   .boxes .box__content {
        min-height: 347px;
    }

}

/* Large devices (desktops, less than 1180px) */
@media all and (max-width: 1179.98px) {

    html {
        font-size: 19px;
    }

    header {
        min-height: 84px;
    }

    h1, h2 {
        font-size: 1.789rem;
    }

    .box h1 {
        font-size: .95rem;
    }

    .box h2 {
        font-size: 1.5rem;
    }

    main > section:first-child {
        padding-top: 2.5rem;
    }

    main > nav + section {
        padding-top: 1.5rem;
      }

    section > div, .section__row > .row > div > div {
        padding-top: 2rem;
    }

    section {
        padding-top: 4rem;
    }

    section.section--grey {
        margin-top: 4.25rem;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    main ul li::before {
        top: 12px;
    }

    .site_logo {
        max-width: 195px;
    }

    .site_header {
        height: 85px;
    }

    .site_nav__main .nav__sub {
        top: 80px;
    }

    .site_cover {
        margin-top: 82px;
    }

    .site_nav .sub-menu {
        top: 31px;
    }

    .site_nav .site_nav__main li.menu-item-has-children.is-active::before {
        bottom: 10px;
    }

    .site_cover__inside .row {
        margin-right: -.75rem;
        margin-left: -.75rem;
    }

    .site_cover__inside .row .box {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .site_cover__content--special .buttons {
        margin-top: .75rem;
    }

    .button a, .button span, .quform-element-submit button, .toggle__buttons a, .cookie_box__container button,
    .quform-element-submit button span {
        font-size: 14px;
    }

    .button a, .button span, .quform-element-submit button, .cookie_box__container button {
        padding: 5px 10px 3px;
    }

    .button--small span, .cookie_box__container button {
        font-size: 13px;
        padding: 3px 8px 1px;
    }

    .section__buttons .button, .buttons .button {
        margin-right: .6rem;
    }

    .offer__content {
        min-height: 295px;
    }

    footer {
        padding-top: 3.5rem;
    }

    .list__item {
        margin-bottom: 8px;
    }

    .list__item p::before {
        top: 0;
    }

    .accordion__header h3::before, .accordion__header h3::after {
        top: 20px;
    }

    .course__place a::before, .course__place a::after, .price::before, .time::before, .address::before, .address::after {
        margin-top: -1px;
    }

    .course__address {
        margin-bottom: 0.4rem !important;
    }

    .course__address a::before, .course__address a::after {
        margin-top: 1px;
    }

    .document.document--pdf a::before, .document.document--pdf a::after {
        top: -2px;
    }

    .mail::before, .mail::after {
        top: 5px;
    }

    .phone::before, .phone::after {
        top: 3px;
    }

    .quform-input .quform-option-label::before {
        top: 2px;
    }

    .course_info {
        padding: 13px 15px 12px 42px;
    }

    .course_info svg {
        width: 19px;
        height: 19px;
        top: 16px;
    }

    .macos .list__item p::before, .ios .list__item p::before, .macos .mail::before, .macos .mail::after, .ios .mail::before, .ios .mail::after,
    .macos .phone::before, .phone .mail::after, .ios .phone::before, .ios .phone::after,
    .macos .time::before, .macos .price::before, .macos .address::before, .macos .address::after,
    .ios .time::before, .ios .price::before, .ios .address::before, .ios .address::after,
    .macos .quform-input .quform-option-label::before, .macos .quform-option .quform-option-label::after,
    .ios .quform-input .quform-option-label::before, .ios .quform-option .quform-option-label::after,
    .macos .cookie_box__container svg, .ios .cookie_box__container svg,
    .macos .accordion__header h3::before, .macos .accordion__header h3::after, .ios .accordion__header h3::before, .ios .accordion__header h3::after,
    .macos .document.document--pdf a::before, .macos .document.document--pdf a::after, .ios .document.document--pdf a::before, .ios .document.document--pdf a::after {
        margin-top: 1px;
    }

}

@media all and (min-width: 1024px) and (max-width: 1179.98px) {

    .course_date--multiple .course__time {
        margin-left: 10px;
        font-size: 16px;
    }

}


/* Medium devices (tablets, less than 1024px) */
@media all and (max-width: 1023.98px) {

    section > div, .inside {
        padding-right: 15px;
        padding-left: 15px;
    }

    section {
        padding-top: 3.5rem;
    }

    section.section--grey {
        margin-top: 3.75rem;
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    main > section:last-child {
        padding-bottom: 4rem;
    }

    header {
        min-height: 70px;
    }

    .site_header {
        padding: 0;
    }

    .site_header, .site_header .row {
        height: 70px;
    }

    .site_logo {
        top: 6px;
    }

    .site_cover {
        margin-top: 70px;
    }

    .site_nav li + li, .site_nav .site_nav_meta li + li {
        margin-left: 0;
    }

    .site_cover__inside .row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .site_cover__inside .row .box {
        padding-right: 8px;
        padding-left: 8px;
    }


    .offer__content, .page-id-231 .offer__content {
        min-height: initial;
    }

    .courses.row {
        margin-right: -8px;
        margin-left: -8px;
    }

    .courses.row .course {
        padding-left: 8px;
        padding-right: 8px;
    }

    .course__container {
        padding: 15px;
    }

    .course_infos {
        margin-top: .15rem;
        margin-bottom: 0.5rem;
    }

    .course_note--place {
        left: 15px;
        right: auto;
    }

    .course__container:not(.course__container--note) .course_note--place + .course_date {
        margin-top: 25px;
    }

    .offer__content p {
        margin-bottom: .5rem;
    }

    .center {
        text-align: left;
    }

    .single-nothelferkurs .courses.row .course {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    body > .select2-container--open {
        width: 738px;
    }

    .team.row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .team.row > div {
        padding-right: 10px;
        padding-left: 10px;
    }

    .boxes {
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: -15px;
    }

    .boxes .col-l-4 {
        padding-left: 15px;
        padding-right: 7.5px;
        margin-bottom: 15px;
    }

    .boxes .col-l-4:nth-child(2n) {
        padding-left: 7.5px;
        padding-right: 15px;
    }

    .boxes .box__content {
        min-height: 100%;
    }

    .map {
        height: 300px;
    }

    #cleantalk-modal-overlay #cleantalk-modal-inner {
        padding: 20px 40px 25px 20px !important;
    }

}


@media all and (min-width: 768px) and (max-width: 1023.98px) {

    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element-plz,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-3_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-4_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-5_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-6_6 {
        width: 20%;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element-ort,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-3_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-4_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-5_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-6_7 {
        width: 30%;
    }

    .offer {
        margin-bottom: 20px;
    }

    .offer:last-child {
        margin-bottom: 0;
    }

    .offer__container {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .offer__container > div {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .offer__image {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        max-width: 35%;
        width: 35%;
    }

    .offer__content {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        max-width: 65%;
        width: 65%;
        padding-top: 20px;
        padding-left: 20px;
    }

    .offer__image .picture_container, .offer__image .picture_container picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .objectfit .offer__image img, .object-fit .offer__image img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
}


@media all and (min-width: 768px) {

    .section__offers--overview .offer {
        margin-bottom: 25px;
    }
      
    .section__offers--overview .offer__container {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
      
    .section__offers--overview .offer__container > div {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
      
    .section__offers--overview .offer__image {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        max-width: 35%;
        width: 35%;
        min-height: 305px;
    }
      
    .section__offers--overview .offer__content {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        max-width: 65%;
        width: 65%;
        padding: 0 25px;
        min-height: unset;
    }
      
    .section__offers--overview .offer__content p {
        font-size: 1rem;
    }
      
    .section__offers--overview .offer__content h4 {
        font-size: .9rem;
        margin-top: 25px;
        margin-bottom: 5px !important;
    }
      
    .section__offers--overview .offer__content .buttons {
        position: relative;
        left: 0;
        bottom: 0;
    }
      
    .section__offers--overview .buttons .button {
        margin-right: .5rem;
        margin-bottom: .5rem;
    }

}


@media all and (max-width: 849.98px) {

    .single-kurs .iframe_container iframe, .single-instruktorenkurs .iframe_container iframe {
        height: 1120px;
    }

}


/* Small devices (landscape phones, less than 768px) */
@media all and (max-width: 767.98px) {

    html {
        font-size: 18px;
    }

    .row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-s-12, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9 {
        padding-right: 15px;
        padding-left: 15px;
    }

    section {
        padding-top: 3rem;
    }

    section.section--grey {
        margin-top: 3.25rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    main > section:first-child {
        padding-top: 2rem;
    }

    main > nav + section {
        padding-top: 1.25rem;
      }

    main > section:last-child {
        padding-bottom: 3.5rem;
    }

    .section__row > .row > div + div {
        margin-top: 2rem;
    }

    main ul li::before {
        top: 13px;
    }

    .box h2 {
        margin-bottom: 10px;
    }

    .page-scrolled.nav-active .site_header {
        top: 0px;
    }

    .site_header::after {
        top: 66px;
        height: calc(var(--app-height) - 66px);
    }

    .site_nav__icon {
        width: 66px;
        height: 66px;
    }

    .site_cover {
        margin-top: 66px;
    }

    header {
        min-height: 66px;
    }

    .site_header, .site_header .row {
        height: 66px;
    }

    .site_nav {
        top: 66px;
        height: calc(var(--app-height) - 66px);
    }

    .site_nav {
        width: 75%;
    }

    .site_nav__main li a {
        padding: 20px 45px 16px 15px;
    }

    .site_nav .site_nav__main .sub-menu li a, .site_nav_meta li a {
        padding: 10px 15px;
    }

    .site_nav .site_nav_meta .sub-menu {
        margin-bottom: 14px;
        padding-bottom: 11px;
    }

    .site_nav .site_nav_meta .sub-menu li a {
        padding: 8px 15px;
    }

    .site_logo {
        top: 5px;
        max-width: 180px;
    }

    .site_cover__content .box {
        margin-bottom: 15px;
    }

    .site_cover__content .box:last-child {
        margin-bottom: 0;
    }

    h1, h2 {
        font-size: 1.5rem;
    }

    .box h1 {
        font-size: .9rem;
    }

    .offer + .offer {
        margin-top: 20px;
    }

    .offer__content {
        padding: 17px 15px 20px;
    }
    
    .offer__content h3 {
        font-size: 1.1rem;
        margin-bottom: 0;
    }

    .site_cover__content--special .box__container p, .offer__content p {
        font-size: 1rem;
    }

    .offer__content .buttons, .offer__content > .button {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: .75rem;
    }

    .offer__content p.date {
        font-size: 1.05rem;
        margin-top: -3px;
        margin-bottom: 3px;
    }

    .section__offers--overview .buttons .button {
        margin-top: .5rem;
        margin-bottom: 0;
    }

    .boxes {
        margin-bottom: 0;
    }

    .boxes .col-l-4 {
        padding-right: 15px;
        margin-bottom: 20px;
    }

    .boxes .col-l-4:nth-child(2n) {
        padding-left: 15px;
    }

    .boxes .box:last-child {
        margin-bottom: 0;
    }

    footer {
        font-size: 1rem;
        padding-top: 2.5rem;
    }

    .footer__col + .footer__col {
        margin-top: 1.25rem;
    }

    .footer__col + .footer__col-4 {
        margin-top: 2rem;
    }

    footer b, footer strong {
        font-size: 1rem;
    }

    .accordion__header h3::before, .accordion__header h3::after {
        top: 19px;
    }

    body > .select2-container--open {
        width: 546px;
    }

    .course__place a::before, .course__place a::after, .price::before, .time::before, .address::before, .address::after {
        margin-top: 0;
    }

    .course__address {
        margin-bottom: 0.25rem !important;
    }

    .course__address a::before, .course__address a::after {
        margin-top: 0;
    }

    .course__place a::before, .course__place a::after, .price::before, .time::before, .address::before, .address::after, .accordion__header h3::before, .accordion__header h3::after, .document.document--pdf a::before, .document.document--pdf a::after, .list__item p::before, .mail::before, .mail::after, .phone::before, .phone::after {
        -webkit-transform: scale(.95);
            -ms-transform: scale(.95);
                transform: scale(.95);
    }

    .phone::before, .phone::after {
        top: 2px;
    }

    .course_date--multiple + .course_date--multiple {
        margin-bottom: .35rem;
    }

    .course_infos > div {
        margin: 0;
    }

    .section__mainaddress .address::before {
        top: 1px;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements {
        display: block;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element, .quform-element-group>.quform-spacer>.quform-child-elements>.quform-element-company input {
        width: 100%;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element-plz,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-3_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-4_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-5_6,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-6_6 {
        width: 40%;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element-ort,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-3_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-4_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-5_7,
    .quform-element-group > .quform-spacer > .quform-child-elements > .quform-element.quform-element-6_7 {
        width: 60%;
    }

    .quform-input .quform-option-label, .quform-inner-checkbox > .quform-error {
        padding-left: 30px;
      }

    .quform-input .quform-option-label::before {
        top: 2px;
        width: 17px;
        height: 17px;
    }

    .quform-option .quform-option-label::after {
        top: 5px;
        left: 4px;
        transform: scale(.9);
    }

    .cookie_box {
        right: 15px;
    }

    .cookie_box.is-active {
        bottom: 15px;
    }

    .cookie_box__container {
        padding: 15px 15px 20px;
    }

    .cookie_box__container svg {
        top: 14px;
        left: 11px;
        -webkit-transform: scale(.95);
            -ms-transform: scale(.95);
                transform: scale(.95);
    }

    .cookie_box__container p {
        font-size: 16px;
    }

    .button a, .button span, .quform-element-submit button, .toggle__buttons a, .cookie_box__container button, .quform-element-submit button span {
        font-size: 14px;
    }

    .map {
        height: 280px;
    }

    p.special {
        padding: 10px 10px 10px 24px;
    }

    p.special::before {
        top: 7px;
        left: 9px;
    }

    .section__offers .picture_container--cover, .section__offers .picture_container--cover picture {
        position: relative;
        height: auto;
    }

    .offer__content h4 {
        font-size: 1rem;
        margin-bottom: 0 !important;
        margin-top: 20px;
    }

    .section__offers .offer__content .buttons {
        margin-top: 0;
    }

    footer a {
        display: block;
    }

    footer a + br {
        display: none;
    }

    body:not(.single) h1 br, body:not(.single) h2 br, body:not(.single) h3 br {
        content: "";
    }

    body:not(.single) h1 br::after, body:not(.single) h2 br::after, body:not(.single) h3 br::after {
        content: " ";
    }

    .course_info {
        padding-left: 38px;
    }

    .course_info svg {
        width: 18px;
        height: 18px;
        top: 15px;
        left: 12px;
    }

    #cleantalk-modal-overlay #cleantalk-modal-inner {
        padding: 15px 40px 20px 15px !important;
    }

    .macos .button a, .macos .button span, .macos .quform-element-submit button, .macos .cookie_box__container button,
    .ios .button a, .ios .button span, .ios .quform-element-submit button, .ios .cookie_box__container button {
        padding: 4px 10px 5px;
    }

    .macos .button--small span, .macos .cookie_box__container button,
    .ios .button--small span, .ios .cookie_box__container button {
        padding: 2px 8px 3px;
    }

}


/* Extra small devices (portrait phones, less than 576px) */
@media all and (max-width: 575.98px) {

    .hide-mobile {
        display: none;
    }

    .site_header .row {
        height: 66px;
    }

    .site_cover {
        margin-top: 66px;
    }

    .site_nav {
        width: 90%;
    }

    .site_nav, .site_header::after {
        top: 66px;
        height: calc(100vh - 66px);
    }

    .site_nav__icon {
        width: 66px;
        height: 66px;
    }

    .box__container {
        padding: 15px
    }

    .map {
        height: 250px;
    }

    .course_date--multiple .course__time {
        display: block;
        margin-left: 0;
    }

    .document a {
        font-size: 1rem;
        padding-left: 35px;
    }    

    .document.document--pdf a::before, .document.document--pdf a::after {
        top: -5px;
        -webkit-transform: scale(.8);
            -ms-transform: scale(.8);
                transform: scale(.8);
    }

    .cookie_box {
        right: 0;
        width: 100%;
    }

    .cookie_box.is-active {
        bottom: 0;
    }

    .cookie_box__container p {
        font-size: 15px;
    }

}


/* Old phones (less than 375px) */
@media all and (max-width: 374.98px) {

    .site_nav {
        width: 100%;
    }

}