@media only screen and (max-width: 1300px) {
    .navigation-lp__content {
        min-height: 170px;
        height: 170px;
    }

    .nav-infos {
        position: relative;
        flex-direction: column;
        gap: 0px;
        align-items: flex-end;
        width: unset;
        right: auto;
    }

    #nav-infos--tel,
    #nav-infos--mail {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .accordion__spektrum .ui-accordion {
        position: relative;
    }

    .accordion__spektrum .ui-accordion-header {
        width: 35%;
    }

    .accordion__spektrum .ui-accordion-content {
        width: 60%;
        position: absolute;
        top: 150px;
        right: 0;
    }

    .accordion__spektrum .fa-angle-up:before {
        content: ">";
        font-family: 'Poppins-Regular', sans-serif;
    }

    .accordion__spektrum .fa-angle-down:before {
        content: "<";
        font-family: 'Poppins-Regular', sans-serif;
    }
}

@media only screen and (max-width: 1200px) {
    .fixed-size {
        width: 800px;
    }

    .fixed-size--small {
        width: 600px;
    }

    .contact-box {
        bottom: -100px;
    }

    .contact-box--foerder {
        bottom: -40px;
    }

    .contact-box__image::before {
        display: none;
    }

    .contact-box__image img {
        width: 200px;
        height: 200px;
    }

    .contact-box__image--foerder img {
        width: fit-content;
        height: 140px;
    }

    .contact-box__info {
        height: 180px;
        padding: 10px 30px;
    }

    .banner {
        margin-top: 100px;
    }

    .contact-banner--termin .fixed-size--small .wp-block-columns {
        display: flex;
        flex-direction: column;
    }

    .fixed-size--small.rezension {
        width: auto !important;
    }

    .rezension__template {
        padding: 2em 2em 0 2em;
    }

    .nav__bar,
    .nav__toggle::before,
    .nav__toggle::after {
        content: '';
        display: block;
        height: 5px;
        right: 0;
        background-color: var(--acc-pink);
        border-radius: 30px;
        position: absolute;
    }

    .nav__item {
        line-height: normal;
    }

    .beitrag-brand__cover {
        margin-top: -200px;
    }

    .brands-referenzen {
        max-height: 400px;
    }

    .rakete {
        left: 83%;
        top: 50%;
    }

    .rakete--white {
        top: 18%;
    }
}

@media only screen and (max-width: 960px) {
    .fixed-size {
        width: 700px;
    }

    .fixed-size--small {
        width: 500px;
    }

    .nav__footer {
        flex-direction: column;
        gap: 10px;
    }

    .nav__footer p {
        margin: 0;
    }

    .brands-referenzen {
        max-height: 350px;
    }

    .rakete {
        left: 83%;
        top: 45%;
    }

    .rakete--white {
        top: 16%;
    }
}

@media only screen and (max-width: 794px) {
    .contact-box {
        left: 50%;
    }

    .contact-box__info {
        width: 230px;
    }

    .contact-box__image {
        display: none
    }

    .contact-box--foerder {
        max-width: 650px;
        width: unset;
    }

    .contact-box__info--foerder p {
        width: 100%;
    }

    .contact-box__info--foerder {
        flex-wrap: wrap;
    }
}

@media (min-width: 782px) {
    .nav__menu {
        background: linear-gradient(to right, var(--white) 0%, var(--white) 50%, #ededed 50%, #ededed 100%);
    }

    .nav__columns {
        display: flex;
        flex-direction: row;
        position: relative;
    }

    .nav__links {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .nav__info {
        display: none;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        padding-left: 40px;
        background: #ededed;
        box-sizing: border-box;
    }

    .nav__link-group:hover .nav__info,
    .nav__link-group.is-hovering .nav__info {
        display: block;
    }

    .calendly-inline-widget {
        margin-top: -67px;
    }
}

@media only screen and (max-width: 781px) {
    .fixed-size {
        width: 500px;
    }

    .fixed-size--small {
        width: 300px;
    }

    .einstieg {
        gap: 50px;
    }

    .navigation-lp__content {
        height: 250px;
        min-height: 250px;
    }

    #btn__nav a.btn {
        margin: 0 auto;
        display: block;
        width: fit-content;
    }

    .nav-infos {
        align-items: center;
    }

    #nav-btn-container {
        order: 3;
    }

    #nav-logo-container {
        order: 2;
    }

    #nav-infos-container {
        order: 1;
    }

    #container-footer .socialmedia {
        gap: 0;
        width: unset;
        flex-direction: row;
    }

    #container-footer .socialmedia.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }

    .table__termin {
        padding: 0;
        width: auto;
    }

    .table__termin table {
        display: block;
        width: 100%;
    }

    .table__termin tr {
        display: block;
    }

    .table__termin td {
        display: block;
        width: 100%;
    }

    .insta-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .insta-item--big {
        grid-column: auto;
        grid-row: auto;
    }

    .nav {
        right: 30px;
    }

    .nav__menu {
        background: var(--white);
    }

    .nav__columns {
        flex-direction: column;
    }

    .nav__item {
        font-size: 24px;
    }

    .nav__info {
        display: none;
        position: static;
        width: 100%;
        padding: 0;
        background: transparent;
    }

    .nav__info .like-h1,
    .nav__info .trenner-color {
        display: none;
    }

    .nav__info h3 {
        margin-top: 0;
    }

    .nav__link-group.active .nav__info {
        display: block;
    }

    .beitrag-brand__cover {
        margin-top: -150px;
    }

    .brands-referenzen {
        max-height: 250px;
    }

    .calendly-inline-widget {
        margin-top: 0;
    }

    .rakete {
        top: 40%;
        transform: rotate(-30deg);
    }

    .rakete--white {
        top: 13%;
        transform: rotate(-30deg);
    }
}

@media only screen and (max-width: 767px) {
    .wp-block-image img {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 709px) {
    .rakete {
        top: 30%;
    }
}

@media only screen and (max-width: 600px) {
    .fixed-size {
        width: 80%;
        padding: 3em 0;
    }

    .fixed-size--small {
        width: 60%;
        padding: 3em 0;
    }

    .social-media.social-header {
        bottom: 5%;
        top: unset;
    }

    .social-media-item {
        height: 45px;
    }

    .social-media-item a {
        height: 30px;
        width: 160px;
    }

    .social-media-item img {
        height: 30px;
        width: 30px;
    }

    .header-btn {
        flex-direction: column;
    }

    .banner__content {
        right: -40%;
    }

    .rezension-container .wp-block-getwid-post-carousel__slide.slick-slide {
        padding: 5em 2em;
    }

    .rezension__template {
        padding: 3em 10px 0 10px;
        border-radius: 30px;
    }

    .einstieg .wp-block-getwid-accordion__content {
        padding: 20px;
    }

    #scrollen {
        display: none;
    }

    .contact-wrapper--foerder {
        height: 9em;
    }

    .beitrag-brand__galerie {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .brands-referenzen {
        max-height: 600px;
    }

    .accordion__spektrum .wp-block-getwid-accordion__header-title {
        margin-left: 40px;
    }

    .nav__toggle::before {
        width: 25px;
    }

    .nav__bar {
        width: 35px;
        top: 13px;
    }

    .nav__toggle::after {
        width: 45px;
        top: 26px;
    }

    .nav__toggle.is-active::before {
        width: 45px;
    }

    .nav__toggle.is-active::after {
        transform: rotate(45deg) translate(-8px, -8px);
        width: 45px;
    }

    .rakete--white {
        top: 10%;
    }
}

@media only screen and (max-width: 480px) {
    .banner__content {
        bottom: -500px;
        left: 210px;
    }

    .banner__content img {
        display: none;
    }

    .banner__text {
        display: flex;
        flex-direction: column;
    }

    .banner__link::before {
        content: none;
    }

    .table__termin a,
    .table__termin td {
        font-size: 12px;
    }

    .rezension-container .wp-block-getwid-post-carousel__slide.slick-slide {
        padding: 5em 10px;
    }

    .contact-banner--termin .fixed-size--small {
        width: 80%;
    }

    .contact-box--foerder {
        bottom: 0px;
    }

    .contact-banner--foerder {
        min-height: 500px;
        height: 500px;
    }

    .beitrag-brand__cover {
        margin-top: 0;
    }

    .beitrag-brand__cover .wp-block-cover {
        min-height: 150px;
        height: 150px;
    }

    .beitrag-brand__cover .wp-block-cover img {
        height: auto;
        width: auto;
    }

    .rakete {
        top: 26%;
    }
}


@media only screen and (max-height: 660px) {
    #scrollen {
        background: rgba(255, 255, 255, 0.15);
        backdrop-filter: blur(12px) saturate(180%);
        -webkit-backdrop-filter: blur(12px) saturate(180%);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 14px;
        padding: 10px 20px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    }

    #scrollen p {
        color: rgba(255, 255, 255, 0.9);
    }

    #scrollen img {
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    }
}