@media screen and (max-width: 1700px) {
    .headerrahmen.landingpage .content .badge { left: -85px; right: auto; }
}
@media screen and (max-width: 1500px) {
    .headerrahmen.landingpage .content h1 { font-size: 60px; }
}
@media screen and (max-width: 1400px) {
    .headerrahmen.landingpage .karte-abstand { margin-bottom: 45px; }
    .katstrich { margin-bottom: 10px; }
}
@media screen and (max-width: 1199px) {
    .col--counter:nth-child(1), .col--counter:nth-child(2), .col--counter:nth-child(3) { margin-bottom: 50px; }
    .page-template-page-landingpage .countericon { width: 160px; height: 160px; line-height: 160px; }
    .page-template-page-landingpage .countericon img { width: 80px; }
    .page-template-page-landingpage .logo { max-height: 40px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) figure { zoom: 80%; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(1) { padding-right: 50px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(3) { padding-left: 50px; }
}
@media screen and (max-width: 1100px) {
    .page-template-page-landingpage .topheader div:nth-child(2) { display: none; }
}
@media screen and (max-width: 1024px) {

    /* fixes */
    body:not(.page-template-page-landingpage) .main-content { padding-top: 130px; }

    .topheader div { margin-right: 30px; margin-left: 30px; }
    .headerrahmen.landingpage .logo { width: 252px; left: 30px; }
    .headerrahmen.landingpage .headerbild { box-shadow: 5px 5px 5px rgba(68,68,68,0.8); position: relative; z-index: 1; }
    .headerrahmen.landingpage .headerbild img { max-height: none; min-height: 700px; height: 700px; }
    .headerrahmen.landingpage .content h1 { font-size: 50px; max-width: 650px; }
    .headerrahmen.landingpage .content h1 br { display: none; }
    .headerrahmen.landingpage .content { position: absolute; top: 160px; left: 0;transform: none; flex-direction: column; gap: 0; }
    .headerrahmen.landingpage .content .left { height: calc(600px - 60px); z-index: 2; }
    .headerrahmen.landingpage .content .form--title { margin-bottom: 10px; }
    .headerrahmen.landingpage .content .form--subtitle { font-size: 24px; line-height: 32px; font-weight: 600; }
    .headerrahmen.landingpage .content .right { max-width: none; }
    .headerrahmen.landingpage .content .wpcf7 { max-width: none; width: auto; margin: 0 -30px; }
    .headerrahmen.landingpage .verband.left { z-index: 2; left: auto; right: 30px; bottom: 1px; top: auto !important; height: 77px; width: auto; }
    .headerrahmen.landingpage .content .badge { z-index: 2; top: -145px; left: 0; max-height: 125px; }
    .headerrahmen.landingpage + .container { margin-top: 667px; }
    .box--googlemap .karte-abstand a { font-size: 24px; line-height: 36px; }
}
@media screen and (max-width: 989px) {
    .box--contact-multi { flex-direction: column; }
    .box--contact-multi .multi-photo + div > .vc_column-inner { display: inline-block !important; width: auto; flex-grow: 0 !important; margin: 0 auto !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper { justify-content: center; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) figure { zoom: 120%; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(1) { padding-right: 81px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(3) { padding-left: 81px; }
    .col--counter { margin-bottom: 30px; }
    .box--googlemap .kartenrahmen .box_1 { padding: 45px 15px 25px 15px; max-width: max-content;}
    .box--googlemap .kartenrahmen .box_2 { width: 100%; }
    .box--googlemap .kartenrahmen .wpb_wrapper { flex-direction: column; gap: 0; }
    .box--googlemap .kartenrahmen > .wpb_column > .vc_column-inner { padding-left: 0; padding-right: 0; }
    .page-template-page-landingpage .kontaktbadge { height: auto; }
}
@media screen and (max-width: 900px) {
    .page-template-page-landingpage .topheader div:nth-child(1) { display: none; }
    .footer-bottom-landingpage { gap: 10%; }
}
@media screen and (max-width: 767px) {

    /* fixes */
    body:not(.page-template-page-landingpage) .main-content { padding-top: 50px; }

    .box--contact-multi .multi-photo > * > .wpb_wrapper > * { max-width: 100%; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) figure { zoom: 95%; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(1) { padding-right: 71px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(3) { padding-left: 71px; }
    .page-template-page-landingpage .popup.active { height: auto; }
    .page-template-page-landingpage .popup.active > div { left: 50%; padding: 0; height: auto; max-width: 90vw; }
    .probefahrt-wrap.popup .kontaktbadge-inhalt > .row { flex-direction: column; }
    .probefahrt-wrap.popup .kontaktbadge-inhalt > .row > .div { flex-basis: 100%; max-width: 100%; }
    .headerrahmen.landingpage .content h1 { font-size: 38px; line-height: 42px; }
    .headerrahmen.landingpage .content .h2 { font-size: 28px; line-height: 30px; }
    .page-template-page-landingpage .topheader { display: block; }
    .box--contact-multi .format-address, .box--contact .format-address { text-align: center; }
    .box--contact .format-address h3 { margin-top: 35px; }
    .box--contact-multi .format-address p, .box--contact .format-address p { display: block; width: max-content; margin-left: auto; margin-right: auto; }
    .teaser-innertext { padding-bottom: 10px; }
    .vc_column_container { margin-bottom: 0; }
    .col--counter { margin-bottom: 50px !important; }
    .col--counter:last-child { margin-bottom: 0 !important; }
    .zitatslider .slick-prev { left: -64px; background-position-x: -17px !important; }
    .zitatslider .slick-next { right: -64px; }
    .headerrahmen.landingpage .content { margin-left: 0; margin-right: 0; }
    .headerrahmen.landingpage { overflow: visible; }
    .headerrahmen.landingpage .content .form--title, .headerrahmen.landingpage .content .form--subtitle { text-align: left; }
    .footer-bottom-landingpage { gap: 6%; }
    .footer-bottom-landingpage li a { display: inline-block; font-size: 20px; line-height: 30px; margin-bottom: 10px; }
}
@media screen and (max-width: 640px) {
    .zitatslider .slick-prev { left: -25px; }
    .zitatslider .slick-next { right: -25px; }
    .topheader { position: relative; }
    .topheader div:nth-child(3) { width: 120px; height: 100%; overflow: hidden; }
}
@media screen and (max-width: 604px) {
    .headerrahmen.landingpage + .container { margin-top: 689px; }
    .box--googlemap .kartenrahmen .box_1 { padding: 40px 25px 25px 25px; max-width: 100%; width: 100%; }
    .box--googlemap .kartenrahmen p, .box--googlemap .karte-abstand a { font-size: 20px; line-height: 30px; }
    .box--googlemap .kartenrahmen .box_1 .title { padding: 0 0 25px 0; }
    .box--contact-multi { gap: 50px; }
    .box--contact-multi .wpb_heading { font-size: 18px; line-height: 26px; }
    .box--contact-multi .wpb_single_image img { max-width: 140px; }
    .box--contact-multi .wpb_single_image:nth-child(2) img { max-width: 170px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(1) { padding-right: 60px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(3) { padding-left: 60px; }
}
@media screen and (max-width: 550px) {
    .headerrahmen.landingpage .content p { font-size: 22px; line-height: 26px; }
    .headerrahmen.landingpage .content .h2 { max-width: 350px; }
    body > .outer-wrap > .inner-wrap { overflow: hidden; }
}
@media screen and (max-width: 500px) {
    .zitatslider .slick-prev { left: -12px; background-position-x: -17px !important; }
    .zitatslider .slick-next { right: -12px; }
    .headerrahmen.landingpage + .container { margin-top: 719px; }
    h1 { padding-left: 15%; padding-right: 15%; }
    .h1 { font-size: 38px; line-height: 42px; hyphens: manual; }
    .headerrahmen.landingpage .content h1 { padding-left: 0; padding-right: 0; }
    .box--contact p { line-height: 28px; margin-bottom: 25px; }
    .teaser-box { max-width: 360px; margin: 0 auto 21px auto; }
    .pt-90 { padding-top: 60px; }
    .pt-65 { padding-top: 35px; }
    .pb-40 { padding-bottom: 20px; }
    .pb-60 { padding-bottom: 60px; }
    .pb-90 { padding-bottom: 60px; }
    .teaser-titel { font-size: 30px; }
    .teaser-innertext { font-size: 24px; line-height: 36px; }
    .col--counter .countertext p { margin: 0 auto; display: inline-block; max-width: 250px; }
    .zitatsliderbox .kacheltext { padding: 0 12.5%; }
    .zitatsliderbox .kachelautor { font-weight: 700; }
    .box--cta .title .h1 { font-size: 38px; line-height: 42px; }
    .box--cta .vc_btn3-container.button > .vc_btn3 { max-width: 350px; }
    .box--contact .format-address p { font-size: 16px !important; padding-left: 24px; }
    .pt-20 { padding-top: 20px; }
    .teaser--boxes .button { margin-top: 20px; margin-bottom: 5px; }
    .box--googlemap { padding-left: 30px; padding-right: 30px; }
    .box--googlemap .kartenrahmen .box_2 iframe { height: 360px; }
    .katstrich { margin-bottom: 25px; }
    .box--contact p, .box--contact-multi p { line-height: 30px; }
    .box--contact .format-address p, .box--contact-multi .format-address p { font-size: 16px !important; padding-left: 24px !important; background-size: 16px !important; }
    .box--contact-multi .format-address p { background-position: left 8px !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > * { margin-bottom: 0 !important; }
    .footer-bottom-landingpage { flex-direction: column; }
    .headerrahmen.landingpage .content .form--title, .headerrahmen.landingpage .content .form--subtitle { text-align: center !important; }
}
@media screen and (max-width: 479px) {
    h1, .h1 { font-size: 38px; line-height: 42px; }
    .button { height: auto; line-height: 26px; font-size: 20px; padding: 10px 15px; }
    .button .fas { display: none; }
    .headerrahmen.landingpage .content h1 { font-size: 30px; line-height: 34px; max-width: 260px; }
    .headerrahmen.landingpage .content .h2 { font-size: 22px; line-height: 24px; }
    .headerrahmen.landingpage .content p { font-size: 20px; line-height: 24px; }
    .headerrahmen.landingpage .verband.left { height: 50px; right: 15px; }
    .headerrahmen.landingpage .content .badge { max-height: 100px; top: -125px; left: -15px; }
    .box--googlemap .kartenrahmen p, .box--googlemap .karte-abstand a { font-size: 20px; line-height: 24px; }
    .box--googlemap .kartenrahmen p.address { padding-left: 0; padding-top: 35px; }
    .box--contact-multi { gap: 0 !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > * { margin-bottom: 50px !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > * .wpb_heading { font-size: 24px; line-height: 36px; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper { flex-direction: column; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > * { padding-left: 0 !important; padding-right: 0 !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) { position: relative; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) figure { zoom: 100%; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > * img { max-width: 240px !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) { transform: none; left: auto; }
    .box--contact p { margin-bottom: 0 !important; }
    .box--contact .format-address p { margin-bottom: 20px !important; }
    .box--contact-multi .multi-photo > * > .wpb_wrapper > *:nth-child(2) .wpb_singleimage_heading { padding: 0; }
}
@media screen and (max-width: 400px) {
    .box--googlemap .kartenrahmen .box_1 { padding: 30px 15px 15px 15px; }
    .box--googlemap .kartenrahmen .fas { margin-right: 10px; }
    .box--googlemap .kartenrahmen p, .box--googlemap .karte-abstand a { font-size: 16px; line-height: 24px; }
    h1, .h1 { font-size: 30px; line-height: 34px; padding-left: 30px; padding-right: 30px; }
    .teaser-innertext, .box--contact p { font-size: 18px; line-height: 22px; }
    .teaser-titel { font-size: 23px; }
    .box--cta .title .h1 { font-size: 28px; line-height: 32px; padding-left: 0; padding-right: 0; }
    .box--googlemap .kartenrahmen .box_1 .title + .karte-abstand { margin-bottom: 15px; }
    .box--googlemap .kartenrahmen .box_1 { font-size: 85%; }
    .box--googlemap .katstrich + .karte-abstand { padding-left: 0; padding-top: 25px; margin-top: 0; line-height: 20px; }
    .box--googlemap .katstrich + .karte-abstand p { margin-top: 0; }
    .box--googlemap .kartenrahmen .kattitle, .box--googlemap .kartenrahmen .box_1 .title { font-size: 16px; margin-top: 30px; padding: 0 0 20px 0; }
    .box--googlemap .katstrich + .karte-abstand > .fa-map-marker-alt { position: absolute; left: 0; top: 0; }
    .kartenrahmen { border-width: 15px; }
    .box--cta .vc_btn3-container.button > .vc_btn3 { font-size: 20px; line-height: 24px; }
    .col--counter .countertext p { font-size: 24px; line-height: 26px; max-width: 200px; }
    .teaser--boxes .button { margin-top: 0; }
    .zitatsliderbox .kachelautor, .zitatsliderbox .kacheltext { font-size: 20px; line-height: 28px; }
    .zitatsliderbox .kacheltext { padding: 0 30px; }
    .headerrahmen.landingpage .content .button { font-size: 20px; line-height: 24px; padding: 10px 30px; }
    .headerrahmen.landingpage .content .form--subtitle { font-size: 20px; line-height: 28px; }
    .headerrahmen.landingpage .content .button-subline { font-size: 20px; line-height: 28px; }
    .fs-20, .headerrahmen.landingpage .content .wpcf7 .wpcf7-list-item-label { font-size: 16px; line-height: 20px; }
    .headerrahmen.landingpage .content .wpcf7 input[type="text"], .headerrahmen.landingpage .content .wpcf7 input[type="email"], .headerrahmen.landingpage .content .wpcf7 input[type="tel"] { font-size: 20px; }
    .box--contact h3 { font-size: 24px; line-height: 30px; margin-bottom: 25px; }
    .teaser-titel { font-size: 20px; }
    .footer-bottom-landingpage li, .footer-bottom-landingpage li a { font-size: 16px; line-height: 20px; }
}
@media screen and (max-width: 429px) {
    .headerrahmen.landingpage + .container { margin-top: 751px; }
}
@media screen and (max-width: 399px) {
    .headerrahmen.landingpage + .container { margin-top: 811px; }
}
@media screen and (max-width: 377px) {
    .headerrahmen.landingpage + .container { margin-top: 833px; }
}
@media screen and (max-width: 326px) {
    .headerrahmen.landingpage + .container { margin-top: 859px; }
}