section.fotobuch {
    margin-top: 50px;
}

section.fotobuch h1 {
    margin-bottom: 15px;
}


section.fotobuch .btn-primary.vorbestellen {
    max-width: max-content;
    border: none;
    font-size: 1.2rem;
    font-weight: 500;
    color: #161616;
    padding: 8px 0;
}

section.fotobuch .btn-primary.vorbestellen:hover,
section.fotobuch .btn-primary.vorbestellen:active {
    background: transparent;
    border: none;
}

section.fotobuch .btn-primary.vorbestellen:hover svg {
    transform: translateY(3px);
}

section.fotobuch .grid {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    gap: 50px;
}

section.fotobuch .grid .image_wrapper {
    width: 100%;
}

/* MOBILE HEADER: hidden by default (desktop) */
section.fotobuch .mobile-header {
    display: none;
}

/* === LABELS === */
section.fotobuch .wpforms-container-full .wpforms-form label,
section.fotobuch .wpforms-container-full .wpforms-form legend {
    font-weight: 400 !important;
    font-size: 14px !important;
    margin-bottom: 4px !important;
}

.wpforms-page-indicator-page-triangle {
    display: none;
}

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page:not(.active) .wpforms-page-indicator-page-number {
    border: none !important;
    background-color: #A4AEAD;
    opacity: 1;
}

.wpforms-field.wpforms-field-pagebreak:has(.wpforms-page-button) {
    float: right;
}

.wpforms-field.wpforms-field-pagebreak:has(.wpforms-page-button.wpforms-page-prev) {
    float: left;
}

div.wpforms-container-full .wpforms-page-button {
    background-color: transparent !important;
    color: #161616 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

div.wpforms-container-full .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-page-button:focus,
div.wpforms-container-full .wpforms-page-button:active {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

div.wpforms-container-full .wpforms-page-button:focus:after {
    display: none;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
    display: flex !important;
    flex-direction: row;
    gap: 3px;
    align-items: center;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left:has(.wpforms-page-button.wpforms-page-next)::after {
    content: '' !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.34878 19.5029L6.3739 18.5281L13.9311 10.9708L6.3739 3.4136L7.34878 2.43872L15.8809 10.9708L7.34878 19.5029Z' fill='%23161616'/%3E%3C/svg%3E%0A") !important;
    width: 22px;
    height: 22px;
    position: relative !important;
    transition: transform 200ms ease-in-out;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left:hover:has(.wpforms-page-button.wpforms-page-next)::after {
    transform: translateX(5px);
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left:has(.wpforms-page-button.wpforms-page-prev)::after {
    display: none;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left:has(.wpforms-page-button.wpforms-page-prev)::before {
    content: '' !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='19' viewBox='0 0 11 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.30775 18.6155L0 9.30775L9.30775 0L10.3713 1.0635L2.127 9.30775L10.3713 17.552L9.30775 18.6155Z' fill='%23444847'/%3E%3C/svg%3E%0A") !important;
    width: 11px;
    height: 19px;
    position: relative !important;
    transition: transform 200ms ease-in-out;
}

div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left:has(.wpforms-page-button.wpforms-page-prev):hover::before {
    transform: translateX(-5px);
}

.wpforms-container #wpforms-form-259 .wpforms-submit-container {
    float: right !important;
    transform: translateY(-67px);
}

.wpforms-submit,
.wpforms-submit:hover,
.wpforms-submit:focus,
.wpforms-submit:active {
    background-color: transparent !important;
    background: transparent !important;
    color: #161616 !important;
    border: none !important;
    display: flex !important;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.wpforms-submit::after,
.wpforms-submit::after,
.wpforms-submit:hover::after,
.wpforms-submit:focus::after,
.wpforms-submit:active::after {
    content: '' !important;
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.50436 17.4063L4.44254 12.3445L5.16933 11.6177L9.50436 15.9527L18.8307 6.62643L19.5575 7.35323L9.50436 17.4063Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    width: 24px;
    height: 24px;
    position: relative !important;
    border-radius: 0 !important;
    border: none !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
}

@media (max-width: 992px) {
    section.fotobuch .row {
        display: flex;
    }

    section.fotobuch .col-lg-7 {
        order: 1;
        margin-bottom: 50px;
    }

    section.fotobuch .col-lg-7 .grid {
        display: none;
    }

    section.fotobuch .col-lg-4 {
        order: 2;
    }

    section.fotobuch .mobile-header {
        display: block;
        margin-bottom: 30px;
    }

    section.fotobuch .col-lg-4 .mb_100 h1,
    section.fotobuch .col-lg-4 .mb_100 .vorbestellen {
        display: none;
    }
}