@font-face {
    font-family: 'Circular Spotify';
    src: url('/wp-content/uploads/fonts/circularspotifytxt-light.woff2') format('woff2'),
         url('/wp-content/uploads/fonts/circularspotifytxt-light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Made Saonara';
    src: url('/wp-content/uploads/fonts/made_saonara.woff2') format('woff2'),
         url('/wp-content/uploads/fonts/made_saonara.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Lora';
    src: url('/wp-content/uploads/fonts/Lora-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Lora-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trenda';
    src: url('/wp-content/uploads/fonts/Trenda-Semibold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Trenda-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Trenda';
    src: url('/wp-content/uploads/fonts/Trenda-Bold.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Trenda-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Trenda';
    src: url('/wp-content/uploads/fonts/Trenda-Regular.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Trenda-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Trenda';
    src: url('/wp-content/uploads/fonts/Trenda-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Trenda-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

:root {
    --cl-lila: #462A72;
    --cl-gold: #C69F73;
    --cl-weiss: #fff;
    --primary-font: 'Trenda', sansserif;
    --secondary-font: 'Lora', sansserif;
}

::placeholder {
    opacity: 1;
}

/* Firefox */
* { 
    scrollbar-width: thin;
    scrollbar-color: var(--cl-gold) var(--cl-weiss);
    /* outline: 1px solid red; */
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar { width: 6px;}
*::-webkit-scrollbar-track { background:var(--cl-weiss);}
*::-webkit-scrollbar-thumb { background-color: var(--cl-gold); border-radius: 20px; border: 0px solid transparent;}

@media screen and (min-width: 1921px) {
    :root {
        --site-content-width: 1800px !important;
    }

    body {
        font-size: 24px;
    }

    .menu-container-col{
        width: 1800px !important;
    }
}

body {
    font-family: var(--primary-font);
}

.l-canvas.type_wide {overflow-x: hidden;}

p {
    letter-spacing: 0.5px;
    line-height: 1.625;
    font-weight: 400;
}

h1, h2, h3, h4 {
    font-family: var(--secondary-font) !important;
    text-wrap: balance;
    
}

h1, .h1 {
    font-size: clamp(25px, 4vw, 70px) !important;
    letter-spacing: 5px !important;
    line-height: 1.15 !important;
}

body.single-us_portfolio h1 {
   color: #fff;
}

h2, .h2 {
    font-size: clamp(26px, 3vw, 60px) !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
}

h3, .h3 {
    font-size: clamp(25px, 4vw, 70px) !important;
    letter-spacing: 0px !important;
}

h4, .h4 {
    font-size: clamp(25px, 4vw, 50px) !important;
}

p, li {
    text-wrap: balance;
 }

body.projects h3, body.projects .h3,
body.single-us_portfolio h3, body.single-us_portfolio .h3 {
    text-transform: uppercase !important;
}

/* sr7-slide {
    background-color:  rgba(0,0,0,0.1);
} */

.cl-txt-gold, .cl-txt-gold * {color: var(--cl-gold);}
.cl-txt-lila, .cl-txt-lila * {color: var(--cl-lila);}

.subline p {
    font-size: clamp(22px, 4vw, 30px) !important;
    text-transform: uppercase;
    line-height: 1.23 !important;
    letter-spacing: 3px !important;
    font-family: var(--primary-font) !important;    
}

.single-post .subline p {
    font-size: clamp(18px, 4vw, 25px) !important;
}

.menu-img img {
    height: 70vh;
    /* height: calc(100vh - var(--header-height)); */
    object-fit: cover !important;
}

.l-subheader-h .w-image-h, .ush_menu_1 .w-nav-icon {
    z-index: 10;
}

.menu-container-col{
    width: 1680px;
    margin: 0 auto !important;
}

.us-btn-style_1 {
    font-family: var(--primary-font) !important;
}

nav.lang-menu li {
    position: relative;
}

nav.lang-menu li::before {
    content: '';
    position: absolute;
    height: 35%;
    width: 2px;
    background-color: var(--cl-gold);
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
}

nav.lang-menu li:last-child::before {
    width: 0;
}
@media screen and (max-width: 1680px) {
    .menu-container-col{
        width: auto;
    }
}

#brands img {
    width: 250px;
    height: auto;
}

.w-nav-control.active .w-nav-icon {
    color: var(--cl-lila);
}

li.w-nav-close {display: none !important;}

.ush_menu_1 .w-nav-icon > div {
    border-width: 2px !important; 
}

.w-nav-control.active .w-nav-icon > div::before {
    top: 0;
    opacity: 1;
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a { 
    color: var(--cl-gold);
    font-family: var(--secondary-font);
    font-size: clamp(40px, 8vw, 98px);
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    position: relative;
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover {
    color: var(--cl-lila) !important;
    padding-left: 20px;
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a::before, 
.w-nav-list.level_1 .w-menu.layout_ver .menu > li a::after {
    position: absolute;
    content: '';
    height: 0px;
    background-color: var(--cl-lila);
    width: 1px;
    top: 50%;
    left: -1.5rem;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transform: translateY(-50%) ;
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a::after {
    transform: translateY(-50%) rotate(-90deg);
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::before, 
.w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::after {
    height: 20px;
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::before {
    transform: translateY(-50%) rotate(45deg);
}

.w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::after {
    transform: translateY(-50%) rotate(-45deg);
}


/* Langer Pfeil links */ 

.us-btn-style_1 {
    font-family: var(--secondary-font);
    letter-spacing: 1.5px;
    position: relative;
    padding-left: calc(15vw + 3.5rem) !important;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.us-btn-style_1::before, .us-btn-style_1::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 15vw;
    height: 1px;
    background-color: var(--cl-lila);
    transform: translateY(-50%);
    transition: all 0.3s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.us-btn-style_1::after {
    border-right: 1px solid var(--cl-lila);
    border-bottom: 1px solid var(--cl-lila);
    background-color: transparent;
    left: 15vw;
    height: 11px;
    width: 11px;
    transform: translate(-100%, -50%) rotate(-45deg);
}

.us-btn-style_1:hover {
    padding-left: calc(15vw + 3.5rem + 2rem) !important;
}

.us-btn-style_1:hover::before {
    width: calc(15vw + 2rem);
}

.us-btn-style_1:hover::after {
    left: calc(15vw + 2rem);
    transform: translate(-100%, -50%) rotate(-45deg);
}

.zoom-parallax .l-section-h .g-cols .vc_column-inner {
    height: 80vh;
}


body.projects .us-btn-style_1 {
    padding-left: calc(5vw + 3.5rem) !important;
}

body.projects .us-btn-style_1::before,
body.projects .us-btn-style_1::after {
    width: 5vw;
}

body.projects .us-btn-style_1::after {
    left: 5vw;
    width: 11px;
}

body.projects .us-btn-style_1:hover {
    padding-left: calc(5vw + 3.5rem + 2rem) !important;
}

body.projects .us-btn-style_1:hover::before {
    width: calc(5vw + 2rem);
}

body.projects .us-btn-style_1:hover::after {
    left: calc(5vw + 2rem);
    transform: translate(-100%, -50%) rotate(-45deg);
}

.us-btn-style_2, .us-btn-style_3, a.post_navigation-item {
    padding: 0.8em 2.5em 0.5em 2.5em !important;
}

.w-toplink {
    border-radius: 0 !important;
}

@media screen and (min-width: 1025px) {
    #nav-col .vc_col-md-offset-8 {
        margin-left: calc(66.6666% - 15px);
    }
    
    #nav-col .vc_col-md-4 {
        width: calc(33.3333% - -15px);
    }  
}

.layout_244 .usg_post_custom_field_1 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.post_navigation-item-meta {
    opacity: 1;
}

a.post_navigation-item {
    transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -webkit-transition: all 0.3s ease !important;
    text-align: center !important;

    text-transform: uppercase;
    border: 1px solid var(--cl-gold);
}

a.post_navigation-item.to_prev {
    margin-right: 15px;
}

a.post_navigation-item.to_next {
    margin-left: 15px;
}

a.post_navigation-item div {
    color: var(--cl-gold) !important;
}

a.post_navigation-item:hover {
    color: var(--cl-weiss) !important;
    border: 1px solid var(--cl-lila);
    background: var(--cl-lila);
}

a.post_navigation-item:hover div {
    color: var(--cl-weiss) !important;
}


.post_navigation-item-arrow, .post_navigation-item-title {
    display: none;
}

.project-parallax .l-section-img {
    background-size: 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.project-parallax:hover .l-section-img {
    background-size: 110%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.project-parallax p, .project-parallax h2 {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.project-parallax:hover p, .project-parallax:hover h2 {
    color: var(--cl-lila);
}

.parallax-col .wpb_text_column {
    padding-left: 1vw;
}

/* GSAP */

.container2 {
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(176, 238, 177);
}

.sap-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin-bottom: 20vh;
}

.circle1,
.circle2,
.circle3 {
    position: absolute;
    top: 50vh;
    left: 50%;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
}

.circle1 {
    background-color: rgb(176, 176, 238);
    transform: translate(-50%, -50%) scale(0)
}

.circle2 {
    background-color: rgb(176, 238, 177);
    transform: translate(-50%, -50%) scale(0)
}

.circle3 {
    background-color: rgb(216, 215, 169);
    transform: translate(-50%, -50%) scale(0)
}

.wrap_numbers {
    display: flex;
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 8rem;
    overflow: hidden;
}


/* KONTAKTFORMULAR */
.contact-form {
    display: block;
    width: 100%;
    margin: 0px auto 0px auto;
    font-size: 0;
    padding: 0px;
}

.contact-form p {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 8px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 400;
    letter-spacing: 0.0405em;
}

.contact-form>div {
    clear: both;
    display: block;
    width: calc(100% - 50px);
    text-align: center;
    position: relative;
    margin: 0 25px;
}

.contact-form>div.half {
    display: inline-block;
    width: 49%;
    width: calc(50% - 50px);
    margin: 0 25px;
}

.contact-form>div.float-left {
    float: left;
}

.contact-form p.label {
    text-align: left;
    padding-left: 15px;
}

.contact-form>div>span {
    position: relative;
    display: block;
}

.contact-form div.check {
    padding: 5px 0px 0px 0px;
    min-height: 55px;
    margin-bottom: 1px !important;
    text-align: left;
}

.contact-form .wpcf7-list-item-label {
    font-size: 16px;
}

.contact-form div.check>.wpcf7-form-control-wrap.privacy .wpcf7-not-valid-tip {
    top: -15px;
}

.contact-form>div>span.privacy {
    display: inline-block;
}

.contact-form div.check>.wpcf7-checkbox.privacy {
    width: 100%;
    display: block;
    /* min-height: 24px; */
}

.contact-form div.check span.wpcf7-list-item-label {
    position: relative;
    margin-left: 0;
    padding-left: 40px;
}

.contact-form div.check span.wpcf7-list-item {
    margin-right: 0px;
}

/* .contact-form div.check span:not(.wpcf7-not-valid-tip) {
    width: 40px;
    display: inline-block;
} */

.contact-form div.check p {
    display: inline-block;
    margin: 0;
    z-index: 2;
}

.contact-form div.check p a {
    color: #2D2A2A;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact-form div.check p a:hover {
    color: #2D2A2A;
    text-decoration: underline;
}

.contact-form input[type="checkbox"], .contact-form input[type="radio"] {
    margin-right: 0.3rem;
    margin-top: 0;
}

.contact-form input[type=text], .contact-form input[type=password],
.contact-form input[type=tel], .contact-form input[type=email], .contact-form input[type=date],
.contact-form input[type=password], .contact-form textarea, .contact-form select {
    font-size: 16px !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    letter-spacing: 0.0405em !important;
}

.contact-form textarea {
    min-height: 150px;
    max-height: 200px;
    min-width: 100%;
    max-width: 100%;
}

.contact-form>div.submit-btn {
    text-align: left;
}

.contact-form #mailsend {
    font-size: 30px;
    border: none;
    padding: 0;
    line-height: 1.4 !important;
    font-weight: 400;
    text-transform: uppercase;
    background-color: transparent;
    color: var(--cl-lila) !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.contact-form > div.submit-btn {
    padding: 30px 0;
}

.submit-btn {
    position: relative;
    padding-left: 121px;
}

.submit-btn.arrow-left::after {
    top: 50%;
    transform: translate(-100%, -50%) rotate(45deg);
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #f45a5a !important;
    color: #f45a5a !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #add8b9 !important;
    color: #add8b9 !important;
}

/* .contact-form .submit-btn::before {
    content: URL('/wp-content/uploads/2022/01/link-arrow-long.png');
    width: 121px;
    height: 16px;
    position: absolute;
    top: 18px;
    left: 0px;
} */
/* .no-touch button[type="submit"]:not(.w-btn):hover, .no-touch input[type="submit"]:hover {
    box-shadow: 0 0em 0 rgba(0,0,0,0.2);
    background: transparent !important;
    border-color: transparent !important;
    color: #2D2A2A !important;
} */
span.wpcf7-spinner {
    display: none !important;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 0;
    border-top: none;
    border-bottom: 1px solid var(--cl-lila);
    background-color: transparent;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    padding: 30px 15px 0px 0px;
}

.contact-form .wpcf7-not-valid-tip {
    font-size: 16px !important;
    position: absolute;
    /* margin: -28px 10px -26px 16px; */
    text-align: right;
    display: inline-block;
    right: 0;
    top: 33px;
}

span.wpcf7-form-control.anrede {
    margin-left: 25px;
}

.contact-form span.privacy .wpcf7-not-valid-tip {
    right: 40px;
    width: 200px;
}

div.wpcf7-response-output {
    width: 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #3D3D3C !important;
    font-size: 13px;
    line-height: 17px;
    padding: 20px 20px !important;
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title, .select2-selection, select, textarea, input:not([type="submit"]), .w-form-checkbox, .w-form-radio {
    box-shadow: none !important;
}

div.wpcf7-response-output.wpcf7-validation-errors {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 17px;
    margin-top: 1px;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

.wpcf7 form.invalid .wpcf7-response-output {
    background-color: transparent;
}

.wpcf7 form .wpcf7-response-output, div.wpcf7-response-output {
    text-transform: none;
}

.wpcf7 form.invalid .wpcf7-response-output::before {
    display: none;
}

div.wpcf7-response-output::before {
    color: #3D3D3C;
}

div.wpcf7 .ajax-loader {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
    display: inline-block;
}

span.wpcf7-list-item {
    display: block;
    text-align: left;
    margin-left: 0px;
    margin-right: 60px;
}

span.wpcf7-list-item {
    display: inline-block;
}

.wpcf7 .wpcf7-list-item {
    display: inline-block;
    margin-bottom: 10px;
}

.wpcf7-checkbox label {
    position: relative;
    cursor: pointer;
}

.wpcf7-checkbox input[type=checkbox] {
    /*position: relative;*/
    position: absolute;
    visibility: hidden !important;
    width: 13px;
    height: 13px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.wpcf7-checkbox input[type=checkbox]+span::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 0;
    height: 13px;
    width: 13px;
    top: 50%;
    left: 0px;
    border: 1px solid var(--cl-lila);
    transform: translateY(-50%);
}

input:checked::before {
    visibility: hidden;
  }

.wpcf7-checkbox input[type=checkbox]+span::before {
    border-radius: 0;
}

.wpcf7-checkbox input[type=checkbox]+span::after {
    display: block;
    position: absolute;
    content: "\2717";
    color: var(--cl-lila);
    height: 13px;
    width: 13px;
    top: 50%;
    left: 0px;
    visibility: hidden;
    font-size: 13px;
    text-align: center;
    line-height: 1;
    transform: translateY(-50%);
}

.wpcf7-checkbox input[type=checkbox]+span::after {
    display: block;
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    top: 50%;
    left: 1px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    background-color: var(--cl-gold);
    border-radius: 0;
    transform: translateY(-50%);
}

.wpcf7-checkbox input[type=checkbox]:checked+span:before {
    background: transparent;
}

.wpcf7-checkbox input[type=checkbox]:checked+span:after {
    visibility: visible;
}

.wpcf7-list-item-label {
    padding-top: 4px;
    margin-left: 1.5rem;
    display: inline-block;
}


.wpcf7-checkbox.privacy input[type="checkbox"]+span::before, .wpcf7-checkbox.privacy input[type="checkbox"]+span::after {
    top: 50%;
    transform: translateY(-50%);
}

#privacy {
    padding: 0;
}

#privacy .wpcf7-list-item {
    margin-left: 0px;
}

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea {
    line-height: 33px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    border-color: #2D2A2A;
}

div.wpcf7-response-output {
    width: 100% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #E6E4E0 !important;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    letter-spacing: 0.0405em;
    padding: 20px 20px !important;
}

/* KONTAKTFORMULAR ENDE */


/* Footer */

footer p {
    font-size: 18px;
}

footer #footer-mail a {
    font-family: "MADE SAONARA";
    font-size: 150px;
    font-weight: 400;
    line-height: 1.4;
}

footer #footer-top img {
    height: 35px;
    width: auto;
}

footer #footer-mid .w-hwrapper {
    border-bottom: 1px solid #fff;
    padding: 20px 0;
    margin: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

footer #footer-mid .w-hwrapper:hover {
    border-bottom: 1px solid var(--cl-lila);

}

footer #footer-mid .w-hwrapper:hover a {
    color: var(--cl-lila);
}

.swipe-section {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: visible;
}
  
.swipe-section .panel {
position: absolute;
}
  
/* .purple {background-color: #462A72;}
.red {background-color: red;}
.blue {background-color: blue;} */

.panel {
    width: 100%;
}


/* IMPRESSUM / DATENSCHUTZ  */

body.imprint h2,
body.privacy h3,
#cmplz-document h2 {
    font-size: 25px !important;
    letter-spacing: 1px !important;
}

#cmplz-cookies-overview .cmplz-dropdown summary div h3,
#cmplz-document .cmplz-dropdown summary div h3 {
    font-size: 18px !important;
    letter-spacing: 1px !important;
}

#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-document .cmplz-dropdown h4,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
    font-size: 16px !important;
}

@media screen and (max-width: 1200px) {
    #menu-main-menu-right {
        padding-left: 2vw;
    }

    .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    h1, .h1 {
        letter-spacing: 5px !important;
    }

    rs-fullwidth-wrap h1 {
        font-size: clamp(25px, 6vw, 70px) !important;
    }

    h3, .h3 {
        letter-spacing: 1px !important;
    }

    #slider-1-slide-1-layer-1,
    #slider-2-slide-3-layer-1,
    #slider-3-slide-3-layer-1 {
        max-width: 90vw !important;
    }

    .us-btn-style_1, .us-btn-style_2 {
        font-size: 20px !important;
    }

    .zoom-parallax .l-section-h .g-cols .vc_column-inner {
        height: 30vh;
    }
}

@media screen and (max-width: 600px) {

    #menu-main-menu-right {
        padding-left: 0vw;
    }

    .w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::before, .w-nav-list.level_1 .w-menu.layout_ver .menu > li a:hover::after {
        height: 0px;
    }

    .layout_244 .usg_post_custom_field_1 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .zoom-parallax {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .zoom-parallax .l-section-h .g-cols .vc_column-inner {
        height: auto;
    }

    #us_grid_1 .w-grid-item {
        margin-bottom: 60px !important;
    }

    body.projects #us_grid_1 .w-grid-item {
        margin-bottom: 0px !important;
    }


    body.projects .layout_201 .usg_post_custom_field_1 {
        margin-bottom: 0px !important;
    }

    span.wpcf7-form-control.anrede .wpcf7-list-item {
        display: block !important;
        margin-bottom: 0;
    }
    
    .contact-form > div.half {
        width: 99%;
        width: calc(100% - 20px);
        margin: 0 10px;
    }

    .contact-form > div {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

    #brands img {
      width: 40vw;
    }

    body.single-us_portfolio .w-gallery {
        --items-gap: 1.5rem !important;
    }

    body.single-us_portfolio .w-gallery.type_grid:not([style*="--columns:1;"]) .w-gallery-list {
        grid-template-columns: repeat( 1,1fr ) !important;
    }

    footer #footer-mail a{
        font-size: 25px !important;
        letter-spacing: 3px !important;
    }

    footer .social-media-col .w-hwrapper{
        justify-content: center;
        margin-top: 30px;
    }

    .l-subheader {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .w-hwrapper.stack_on_mobiles > :not(script) {
        margin: 0 0 40px !important;
      }

    .w-vwrapper > :not(:last-child) {
        margin-bottom: 0 !important;
    }

    #footer-bottom > div:nth-child(1)  {
        order: 2;
        margin-top: 1.5rem;
    }

      #footer-bottom > div:nth-child(2) {
        order: 3;
        margin-top: 1.5rem;
    }

      #footer-bottom > div:nth-child(3)  {
        order: 1;
    }
}


@media screen and (max-width: 420px) {
    .us-btn-style_3 {
        width: 100%;
    }
}

.cmplz-cookiebanner .cmplz-title {
    color: var(--cl-lila) !important;
}