/*
   Theme Name: Potsdam Bus Theme1
   Theme URI: https://test.potsdambus.de/
   Description: Template Potsdam Bus
   Author: 3-mal-1 GmbH
   Author URI: http://3-mal-1.de
   Version: 0.7.9
 */

@import 'assets/css/theme.css';


.wo-soll-es-hingehen>div>div>div p {
    min-height: 40px;
}


.kontaktaufnahme-label {
    padding: 3.2rem 9.6rem 3.2rem 4.8rem;
}

.kontaktaufnahme>div>div .uagb-icon-wrapper {
    width: 25px !important; 
}

.kontaktaufnahme>div>div p {
    margin-bottom: 0; 
}

.kontaktaufnahme>div>div .uagb-svg-wrapper>svg {
    display: none; 
}

.kontaktaufnahme>div>div .uagb-svg-wrapper {
    height: 24px; 
}

.kontaktaufnahme>div>div:nth-child(1) .uagb-svg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background-image: url(assets/resources/Icon_tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.kontaktaufnahme>div>div:nth-child(2) .uagb-svg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background-image: url(assets/resources/Icon_openinghours.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.kontaktaufnahme>div>div:nth-child(3) .uagb-svg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background-image: url(assets/resources/Icon_mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.kontaktaufnahme>div>div:nth-child(4) .uagb-svg-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 24px;
    background-image: url(assets/resources/Icon_location.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.wir-suchen-label {
    display: flex;
    width: 21.8rem !important;
    padding: 1.6rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.66667rem;
    background-color: var(--bec-color-secondary-1-rest);
    
    color: #FFF;
    font-family: 'Inter';
    font-size: 1.06667rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.wir-suchen-image>figure {
    position: absolute;
    bottom: -5rem;
    width: 39.8rem;
    height: 44.26667rem;
}

.wir-suchen>article {
    display: flex;
    padding: 1.6rem;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #2C4A80;
}

.wir-suchen>article .uagb-post__title {
    width: 85%;
    color: #2C4A80;
    font-family: 'Rubik';
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    align-self: stretch;
}

.wir-suchen>article .uagb-post-grid-byline {
    padding: 0; 
}

.wir-suchen>article .uagb-post__excerpt {
    width: 85%;
    color: #585856;
    font-family: 'Inter';
    font-size: 1.06667rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 0; 
}

.wir-suchen>article .wp-block-button {
    position: absolute; 
    top: 50%; 
    right: 1.6rem; 
    padding: .53333rem !important;
    transition: .2s ease all;
    transform: translateY(-50%);
}

.wir-suchen>article .wp-block-button>a {
    width: 3rem;
    height: 3rem;
    background-image: url('assets/resources/pfeil-rechts-blau.svg');
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 66.66667rem;
    background-color: #EAEEF4;
}

.wir-suchen>article:hover .wp-block-button {
    right: 1.4rem; 
}

.person-slider::scroll-marker-group {
    top: unset; 
    bottom: 3rem; 
}

.person-slider > article:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1; 
}

.person-slider > article:nth-child(odd):before {
    background-image: url(assets/resources/Container_Slider-simple.svg);
}

.person-slider > article:nth-child(even):before {
    background-image: url(assets/resources/Container_Slider.svg);
}

.person-slider.uagb-post-grid .uagb-post__image img {
    height: auto; 
    width: 65%; 
    left: 11rem;
    bottom: 3rem; 
}
.person-slider > article:nth-child(2) {
    scroll-initial-target: nearest;
}
.person-slider.uagb-post-grid .uagb-post__excerpt {
    transform: translate(-2rem, -5rem);
    width: 50%;
} 

.person-slider.uagb-post-grid .uagb-post__excerpt>p {
    white-space: normal;
}

.faqs .uagb-post__inner-wrap {
    overflow: unset; 
}

.faqs .uagb-post__title {
    color: #252524;
    font-family: 'Rubik';
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    align-self: stretch;
}

.faqs .uagb-post__excerpt {
    color: #585856;
    font-family: 'Inter';
    font-size: 1.06667rem;
    font-style: normal;
    font-weight: 500;
    line-height: 125%; /* 1.33333rem */
    padding-left: 2rem;
}

.faqs .uagb-post__excerpt>p {
    width: 45.6rem;
    min-height: 58.66px; 
}

.faqs .uagb-post__excerpt>p:before {
    content: '';
    position: absolute;
    width: 1px; 
    height: 100%;
    left: -2rem;
    top: 0;
    border-left: 4px solid var(--bec-color-secondary-1-rest);
}

.uagb-forms-main-form .uagb-forms-main-submit-button-wrap {
    display: flex;
    justify-content: flex-end;
}

.uagb-forms-main-form .uagb-forms-main-submit-button {
    display: flex;
    padding: 0.53333rem 1.06667rem !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.66667rem;
    border-radius: 2.13333rem !important;
    background: #2C4A80;
    border: 1px solid #2C4A80 !important;
    color: #ffffff;
    text-align: center;
    font-family: "FunnelSans";
    font-size: 1.2rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0;
}

.uagb-forms-main-form .uagb-forms-main-submit-button:hover {
    cursor: pointer; 
    color: var(--brandColor1); 
    background-color: var(--brandWhite); 
    border: 1px solid var(--brandColor1) !important;
}

.faq-container ul.wp-block-list, .faq-container ol.wp-block-list {
    padding-left: 1rem; 
}

.ueber-uns-slider .swiper-content>div>div:first-child{
    padding-left: 0 !important; 
}

.cat-posts>article>div>a {
    overflow: unset !important;
}

.cat-posts>article:nth-child(odd)>div>a {
    overflow: unset !important; 
}

.cat-posts>article:nth-child(odd)>div>a:after {
    content: "";
    position: absolute;
    top: 0 !important;
    left: 50%;
    width: calc(100% - 12rem);
    width: 100%;
    height: 98%;
    transform: revert;
    border: 5px solid var(--color-highlight);
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_1.webp);
    mask-size: 100% 100%;
    top: revert;
    transform: translate(calc(-50% + 0.6rem), 0.8rem) !important;
    background: var(--color-primary_2_rest);
    clip-path: revert;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    z-index: -1;
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_4.webp);
    mask-size: 100% 100%;
}
.cat-posts>article:nth-child(odd)>div>a>img {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: revert;
    object-fit: cover;
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_4a.webp);
    mask-size: 100% 100%;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 8.18736;
}
.cat-posts>article:nth-child(even){
    flex-direction: row-reverse;
}
.cat-posts>article:nth-child(even)>div>a:after {
    content: "";
    position: absolute;
    top: 0 !important;
    left: 50%;
    width: calc(100% - 12rem);
    width: 100%;
    height: 98%;
    transform: revert;
    border: 5px solid var(--color-highlight);
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_1.webp);
    mask-size: 100% 100%;
    top: revert;
    transform: translate(calc(-50% + 0.6rem), 0.8rem) !important;
    background: var(--color-primary_2_rest);
    clip-path: revert;
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    z-index: -1;
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_4.webp);
    mask-size: 100% 100%;
}
.cat-posts>article:nth-child(even)>div>a>img {
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    clip-path: revert;
    object-fit: cover;
    mask-image: url(https://test.potsdambus.de/wp-content/uploads/2026/01/shear_4a.webp);
    mask-size: 100% 100%;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 8.18736;
}

.cat-posts>article .wp-block-button__link {
    padding: 5px 10px;
    align-items: center;
    border-radius: 2.13333rem;
    background: #fff;
    border: 1px solid var(--bec-color-primary-1-rest) !important;
    color: var(--bec-color-primary-1-rest);
    text-align: center;
    font-family: "FunnelSans";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0;
    transition: .3s ease all;
}

.cat-posts>article .wp-block-button__link:hover {
    background: var(--bec-color-primary-1-rest);
    color: #fff;
}

@media(max-width: 1700px) {
    .home .hero:before {
        width: 13rem;
        height: 21rem;
        top: 15rem;
        right: 18rem;
    }
    .home .hero:after {
        width: 42rem; 
        height: 31rem;
    }
}
@media(max-width: 1600px) {
    .faqs .uagb-post__excerpt>p {
        width: auto;
    }
}
@media(max-width: 1500px) {
    .headerContainer>a>img {
        width: 400px;
    }
    .headerContainer > div {
        width: 58%;
    }
    .home .hero:before {
        width: 11rem;
        height: 18rem;
        top: 16rem;
        right: 15rem;
    }
    .home .hero:after {
        width: 36rem; 
        height: 27rem;
    }
    .home .hero > div h1 {
        width: 45rem; 
        font-size: 2.4rem;
    }
    .home .hero > div p {
        width: 45rem; 
        font-size: 1.16667rem;
    }
}
@media(max-width: 1400px) {
    .headerContainer>a>img {
        width: 350px;
    }
    .headerContainer > div {
        width: 60%;
    }
}
@media(max-width: 1300px) {
    .headerContainer nav {
        display: none; 
    }
    .headerContainer > div {
        width: 25%;
    }
    .burger-menu {
        display: block; 
    }
    .home .hero > div h1 {
        width: 39rem; 
    }
    .home .hero > div p {
        width: 38rem; 
    }
}
@media(max-width: 1200px) {
    .home .hero:before {
        width: 8rem;
        height: 21rem;
        top: 21rem;
        right: 10rem;
        z-index: 1; 
    }
    .home .hero:after {
        width: 26rem;
        height: 18rem;
    }
    .home .hero > div p {
        z-index: 2; 
    }
}
@media(max-width: 1000px) {
    .headerContainer, .popup-menu {
        padding: 1.87rem 1.6rem;
    }
    .hero-blend-mode .multiply > div h1, .hero-blend-mode .multiply > div p {
        top: unset; 
        left: 1.6rem; 
    }
    .hero .wp-block-button__link {
        top: 1rem; 
        left: 1.6rem; 
    }
}
@media(max-width: 800px) {
    .headerContainer > div:not(.popup-menu) {
        justify-content: flex-end;
    }
    .headerContainer > div > a {
        display: none; 
    }
    .burger-menu {
        bottom: 7px; 
    }
    .popup-menu.open {
        height: 100vh; 
    }
    .popup-menu.open>ul {
        display: block; 
    }
    .popup-menu>ul>li {
        margin-bottom: 0.7rem;
    }
    .popup-menu>ul>li a {
        font-size: 1.3rem;
        font-weight: 500; 
    }
    .home .hero {
        flex-direction: column;
        padding-bottom: 18rem; 
    }
    .home .hero>img {
        order: 1; 
    }
    .home .hero:before {
        order: 2; 
        position: relative;
        top: 8rem;
        right: unset;
        left: 3rem;
    }
    .home .hero:after {
        order: 3; 
    }
    .home .hero > div h1 {
        top: 10rem;
        left: unset;
        width: auto;
        font-size: 1.4rem;
    }
    .home .hero > div p {
        top: 10rem;
        left: unset;
        width: auto;
        font-size: 0.96667rem;
    }
    .home .hero .wp-block-button__link {
        top: 10rem; 
        left: unset;
    }
    .ueber-uns-container ul.wp-block-list {
        position: relative !important;
        width: unset !important; 
        right: unset !important; 
    }
}
@media(max-width: 600px) {
    .heading-mobile-padding {
        margin-top: 40px !important;
    }
    .uagb-post-grid>article>.uagb-post__image {
        margin-bottom: 2rem !important;
    }
    .wp-block-uagb-container:has(>.person-slider) {
        padding-left: 3rem !important; 
        padding-right: 3rem !important; 
    }
    .person-slider {
        width: 100% !important; 
    }
    .person-slider > article {
        width: 68% !important;
        padding: 0 4rem; 
    }
    .person-slider::scroll-button(inline-start) {
        left: 0; 
    }
    .person-slider::scroll-button(inline-end) {
        right: 0; 
    }
    .person-slider.uagb-post-grid .uagb-post__image img {
        width: 100%; 
        left: 0;
        bottom: 0; 
    }
    .person-slider.uagb-post-grid .uagb-post__excerpt {
        transform: unset; 
        width: 100%; 
        margin: 0 !important; 
    }
}