/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////

FORM SECTION

//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*.section-form{
    padding: var(--spacing);
    padding-bottom: 0;
    p {
        font-size: var(--fliesstext);
    }
    h2{
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 4rem;
    }
}

#c6191{
    margin-bottom: 0;
}*/
*{
    --spacing: 80px;
    --button: 28px;
}
section:has(.form-headline-container){
    padding: var(--spacing);
    padding-top: 20px;;
    margin-top:0;
}
section:has(.form-headline-container) >div{
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 24px;
    background: #F9FAFB;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding:38px 32px;
    .form-headline-container:before{
        content: "";
        display: inline-block;
        width: 48px;
        min-width: 48px;
        height: 48px;
        margin-top: 5px;;
        background-color: #FF9900;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M3.99999 14.0007C3.81076 14.0013 3.62522 13.9482 3.46495 13.8476C3.30467 13.747 3.17623 13.603 3.09454 13.4323C3.01286 13.2616 2.98129 13.0712 3.00349 12.8833C3.0257 12.6954 3.10077 12.5176 3.21999 12.3707L13.12 2.17065C13.1943 2.08493 13.2955 2.02701 13.407 2.00638C13.5185 1.98576 13.6337 2.00366 13.7337 2.05716C13.8337 2.11065 13.9126 2.19655 13.9573 2.30076C14.0021 2.40497 14.0101 2.5213 13.98 2.63065L12.06 8.65065C12.0034 8.80217 11.9844 8.96517 12.0046 9.12566C12.0248 9.28614 12.0837 9.43933 12.1761 9.57208C12.2685 9.70482 12.3918 9.81317 12.5353 9.88781C12.6788 9.96246 12.8382 10.0012 13 10.0007H20C20.1892 10 20.3748 10.0531 20.535 10.1537C20.6953 10.2543 20.8238 10.3983 20.9054 10.569C20.9871 10.7397 21.0187 10.9301 20.9965 11.118C20.9743 11.3059 20.8992 11.4837 20.78 11.6307L10.88 21.8307C10.8057 21.9164 10.7045 21.9743 10.593 21.9949C10.4815 22.0155 10.3663 21.9976 10.2663 21.9441C10.1663 21.8907 10.0874 21.8048 10.0427 21.7005C9.99791 21.5963 9.98991 21.48 10.02 21.3707L11.94 15.3507C11.9966 15.1991 12.0156 15.0361 11.9954 14.8756C11.9752 14.7152 11.9163 14.562 11.8239 14.4292C11.7315 14.2965 11.6082 14.1881 11.4647 14.1135C11.3212 14.0388 11.1617 14.0001 11 14.0007H3.99999Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px; /* smaller than box for padding effect */
        border-radius: 24px; /* optional: rounded background */    }
    .form-headline-container{
        margin-bottom:20px;
        display: flex;
        align-items: center;
        gap:15px;
        line-height: .5;
        h3{
        font-size: 24px;
        margin: 0;
        line-height: normal;
        color:black;
        }
        .subheadline{
            color: #4A5565;
            font-size: 16px!important;
            line-height: normal;
        }
    }
}

section:has(.form-headline-container) form{

    .absolute{
        position: relative;
        top: unset;
        color: black;
    }
    .relative,.form-element-email {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    textarea{
        margin-bottom: 20px;
    }
    input, textarea{
        border-radius: 14px!important;
        border: 2px solid #E5E7EB!important;
        background: #FFF!important;
        min-height: 60px;
        padding-left: 20px!important;
    }
    [type=checkbox]{
        padding-left: 0!important; 
    }
    .form-check {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        gap:20px;
        min-height: 60px;
        padding-left: 20px;
        padding-right: 20px;
        border-radius: 14px;
        border: 2px solid rgba(254, 164, 8, 0.20);
        background: rgba(254, 164, 8, 0.05);
        input{
            padding:0;
            min-height: unset;
            display: flex;
        }
        .form-check-label:before{
            content: '✨ Bonus: ';
            color: #FF9900;
            min-width: 65px;
        }
        .form-check-label{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap:10px;
        }
    }
    .btn{
        width:100%;
        margin-bottom: 0;
        display: flex;
        gap:15px;
    }
    .btn::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'><path d='M12.1135 18.0711C12.1452 18.15 12.2002 18.2174 12.2712 18.2641C12.3423 18.3108 12.4259 18.3347 12.5109 18.3325C12.5959 18.3303 12.6781 18.3022 12.7467 18.2519C12.8152 18.2016 12.8668 18.1316 12.8943 18.0511L18.311 2.21781C18.3377 2.14397 18.3428 2.06406 18.3257 1.98744C18.3086 1.91081 18.27 1.84064 18.2145 1.78513C18.159 1.72961 18.0888 1.69106 18.0122 1.67397C17.9356 1.65688 17.8557 1.66197 17.7818 1.68864L1.9485 7.10531C1.86808 7.13289 1.79802 7.18441 1.74772 7.25295C1.69743 7.3215 1.66931 7.40379 1.66713 7.48878C1.66495 7.57377 1.68883 7.65739 1.73555 7.72842C1.78226 7.79945 1.84959 7.85448 1.9285 7.88614L8.53683 10.5361C8.74574 10.6198 8.93554 10.7449 9.0948 10.9038C9.25406 11.0628 9.37948 11.2524 9.4635 11.4611L12.1135 18.0711Z' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/><path d='M18.2116 1.78906L9.09497 10.9049' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    }
    .btn:after{
        display: none;
    }
    .required{
        color:#FF9900;
    }

    .form-element-email{
        margin-bottom:20px;
    }
    label{
        left:unset!important;
        transition: 0.2s;
        color:black;
    }
    .form-check-input{
        border: 2px solid #FAE6C1!important;
        background-color: transparent;
    }
    .form-check-input:checked{
        background-color: #FF9900!important;
    }
    input:focus~label, input:not(:placeholder-shown)~label, select:focus~label, select:not([value=""]):valid~label, textarea:focus~label, textarea:not(:placeholder-shown)~label{
        transform:none;
        color: #FF9900;
    }
    .btn {
        color: white;
        background-color: #FF9900!important;
        font-weight: 600;
        /*height:80px;*/
        /*min-width: 518px;*/
        min-height: 60px;
        line-height: normal;
        width: fit-content;
        padding-left: 30px;
        padding-right: 30px;
        border: solid 3px #FF9900!important;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 40px;
        margin-top: 25px;
        margin-bottom: 25px;
        font-size: var(--button)!important;
        width: 100%;
        margin-bottom: 0;
        display: flex;
        gap: 15px;
        p{
            margin-top: 5px!important;
            margin-bottom: 5px!important;
            text-align: center;
        }
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////
RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERE
RESPONSIVERESPONSIVERESPONSIVERESPONSIVE     RESPONSIVE     RESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERE
SPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESPONSIVERESP
//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

    section:has(.form-headline-container) form{
        .form-element-gridrow{
            flex-direction: column;
            gap:20px;
        }
        .form-check{
            gap:0;
        }
        textarea{
            min-height: 110px;
            /* Firefox */
            scrollbar-width: none;
            /* IE / Edge (legacy) */
            -ms-overflow-style: none;
        }
        textarea::-webkit-scrollbar {
            /* Chrome, Safari */
            display: none; 
        }
    }
}

@media screen and (max-width: 800px){
    *{
        --spacing: 40px;
        --button: 22px;
    }
}
@media screen and (max-width: 500px){
    *{
        --spacing: 20px;
    }
}