/*@font-face {
    font-family: 'MyriadProRegular';
    src: url('MyriadPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyriadProCondensedBold';
    src: url('MyriadPro-BoldCond.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}*/
*{
        box-sizing: border-box;
        --spacing: 80px;
        --fliesstext: 22px;
        --subheadline: 30px;
        --button: 28px;
        scroll-margin-top: 140px !important;
}
.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)), .prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
    padding-inline-start: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.subheadline{
    font-size: var(--subheadline)!important;
}
a {
    text-decoration: none!important;
}
main{
    background: transparent !important;
    #c6191{
        margin-top: 0!important;
        >div{
            padding: 0 !important;
            max-width:unset !important;
        }
    }
    #c6343{
        margin-top: 0!important;
        >div{
            padding: 0 !important;
            max-width:unset !important;
        }
    }
    #c6344{
        max-width: unset;
    }
}
header.inverse>div>a>svg {
    fill: black !important;
}
#page-header{
    div{
        background:white;
    }
}
.prose, strong, h2, h3 {
    color: black !important;;
}

.section-laptop>div, .section-benefits,.section-reason>div, .section-cases, .section-benefits-cards,.section-form, .section-faq{
    max-width: 1600px;
    margin: auto;
}
body{
    margin: 0px;
    /*font-family: 'MyriadProRegular', sans-serif;*/
}
h1, h2, h3, h4, h5, h6 {
    /*font-family: 'MyriadProCondensedBold', sans-serif;*/
    font-weight: bold;
}
h2{
    margin-top:0!important;
}
.subheadline{
    font-size: 32px;;
}
header {
    z-index: 10;
    overflow: visible;
    position: sticky;
    top: 0;
    height: 0;
    nav{
        background-color: white;
        padding: 25px;
        display: flex;
        justify-content: space-between;
    }
}
.button-primary, .button-secondary, .btn {
    /*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;
    p{
        margin-top: 5px!important;
        margin-bottom: 5px!important;
        text-align: center;
    }
}
.button-primary, .btn{
    color: white;
    background-color: #FF9900!important;
    font-weight: 600;
}
.button-secondary{
    color: #FF9900;
    background-color: white;
}
.arrow{
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrow:after{
    content:url(https://amadeus-agentur.com/media/landingpages/Shopify/arrow_right.svg);
    display: flex;
    height: 52px;
    width: 52px;

}
.section-intro{
    position:absolute;
    top:0;
    left: 0;
    right:0;
    height: 100vh;
    z-index: 1000;
    transition: 1s;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation: FinishStartup 10.5s ease-in-out;
    animation-fill-mode: forwards;

}
h1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-intro div:has(.logo){
    display: flex;
    position: relative;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    /*justify-content: center;
    /*align-items: center;*/
}
.logo{
    padding:40px 0 40px 0;
    opacity: 0;
    animation: Startup 4s ease-in-out;
}
.intro1{
    /*
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translateX(-50%);*/
    color:black;
    text-align: center;
    z-index: 1;
    font-size: xxx-large;
    opacity: 0;
    animation: Startup 4s ease-in-out;
}
@keyframes Startup {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    85% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.bullet1,.bullet2,.bullet3{
    /*font-family: 'MyriadProCondensedBold', sans-serif;*/
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity:1;
    position: absolute;
    /*font-size: 128px;*/
    font-size: clamp(40px, 14.5vw, 128px);
    font-family: Myriad Condensed;
    /*left:42%;*/
    p{
        display: block;
        position: relative;   
        margin-block-start: 1em;
        margin-block-end: 1em;
    }
    p:after{
        display: block;
        background-color: white;
        content: '';
        position: absolute;
        top:0;
        right:0;
        bottom:0;
        width: 100%;
    }
}
.bullet1:before,.bullet2:before,.bullet3:before{
    content: '';
    display: block;
    max-width: 74px;
    max-height: 74px;
    width: 10vw;
    height: 10vw;
    background-color: #FF9900;
    border-radius: 100%;
    margin-right: 1vw;  
    animation: Bulletpoints 5s linear;
    animation-fill-mode: forwards;
}
.bullet1{
    animation-fill-mode: forwards;
    p:after{
        animation: Bullet1content 6s ease-in-out;
        animation-fill-mode: forwards;
    }
}
.bullet2{
    animation: Bullet2 12s linear;
    animation-fill-mode: forwards;
    p:after{
        animation: Bullet2content 12s ease-in-out;
        animation-fill-mode: forwards;
    }
}
.bullet3{
    animation: Bullet3 12s linear;
    animation-fill-mode: forwards;
    p:after{
        animation: Bullet3content 12s ease-in-out;
        animation-fill-mode: forwards;
    }
}
@keyframes Bulletpoints {
    0% {
        background-color: white;
    }
    90% {
        background-color: white;
    }
    95% {
        background-color: #FF9900;
    }
    100% {
        background-color: #FF9900;
    }
}
@keyframes Bullet1content {
    0% {
        width: 100%;
    }
    90% {
        width: 100%;
    }
    100% {
        width: 0px;
    }
}
@keyframes Bullet2 {
    50% {
        transform: translateY(0%);
    }
    55% {
        transform: translateY(30%);
    }
    100% {
        transform: translateY(30%);
    }
}
@keyframes Bullet2content {
    0% {
        width: 100%;
    }
    55% {
        width: 100%;
    }
    65% {
        width: 0px;
    }
    100% {
        width: 0px;
    }
}
@keyframes Bullet3 {
    50% {
        transform: translateY(0%);
    }
    55% {
        transform: translateY(30%);
    }
    60% {
        transform: translateY(60%);
    }
    100% {
        transform: translateY(60%);
    }
}
@keyframes Bullet3content {
    0% {
        width: 100%;
    }
    60% {
        width: 100%;
    }
    70% {
        width: 0px;
    }
    100% {
        width: 0px;
    }
}
@keyframes FinishStartup {
    0% {
        transform: translateX(0px);
    }

    90% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(-100%);
    }
}


/*
.bullet2{
opacity:0;
animation: Bullet2 8s ease-in-out;
 p{
    animation: Bullet2content 8s ease-in-out;
 }
}

.bullet2{
opacity:0;
animation: Bullets2 8s ease-in-out;
}
.bullet3{
opacity:0;
animation: Bullets3 8s ease-in-out;
}
.final-black{
display: none;
}
.final-white{
display: none;
}
*/

/*
@keyframes Bullet2 {
    40% {
        transform: translateY(200%);
    }
}
@keyframes Bullet2content {
    40% {
        width: 0;
    }
    50% {
        width:fit-content;
    }
}*/

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

LAPTOP SECTION

//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.section-laptop{
    background-color: #FF9900;
    padding-top: 20px;
    >div{
        position: relative;
        
        padding: var(--spacing);
        padding-top: 80px;
        box-sizing: border-box;
        height: 100vh;
        display: flex;
        article{
            display: flex;
            height: 100%;
            flex-direction: column;
            justify-content: center;
            width: 50%;
            font-size: var(--fliesstext);
            color:white;
            strong {
                color: white !important;
            }
            .flexcol{
                overflow: visible;
                z-index:2;
            }
        }
    }   
}
.orange .button-primary, .orange .button-secondary {
    /*height:80px;*/
    width: 518px;
    border: solid 3px white!important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 28px;
}
.orange .button-primary{
    color: #FF9900;
    background-color: white!important;
    font-weight: 600;
}
.orange .button-secondary{
    color: white;
    background-color: transparent;
    margin-top: 0!important;
}

.flexcol{
    display: flex;
    flex-direction: column;
}
.flexrow{
    display: flex;
    flex-direction: row;
}
.relative{
    position: relative;
}
.animation{
    width: 50%;
    max-height: 70vw;
    
    position: relative;
    /*padding: 100px;*/
    .laptop{
        /*max-width: 40vw;*/
        position: relative;
        #floating-laptop {
            position: absolute;
            /*width: 100%; /* Image size */
            width: 60vh;
            animation: floatAndWobble 8s ease-in-out infinite;
            z-index: 2;
            margin-top: 2em;
        }
    }
    .shadow{
        position: absolute;
        bottom: 90px;
        left: 50%;
        width: 100%;
        filter:blur(20px);
        height: 8px;  /* Initial height of the shadow */
        background-color: rgba(0, 0, 0, 0.5);  /* Initial shadow color */
        border-radius: 50%;  /* Optional: Makes shadow have a soft, oval edge */
        transform: translateX(-50%); /* Center the shadow */
        transition: all 0.3s ease;  /* Smooth transition for changes */
        animation: shadowEffect 8s ease-in-out infinite;
    }
}
@keyframes floatAndWobble {
    0% {
        transform: translateY(30px) rotate(-1.5deg);
    }
    25% {
        transform: translateY(-30px) rotate(3deg);
    }
    50% {
        transform: translateY(10px) rotate(0.5deg);
    }
    75% {
        transform: translateY(-20px) rotate(-3.5deg);
    }
    100% {
        transform: translateY(30px) rotate(-1.5deg);
    }
}
@keyframes shadowEffect {
    0% { 
        background-color: rgba(0, 0, 0, 0.55);
        width: 80%;
        height: 90px;
    }
    25% {        
        background-color: rgba(0, 0, 0, 0.35);
        width: 70%;
        height: 80px;
    }
    50% {        
        background-color: rgba(0, 0, 0, 0.45);
        width: 75%;
        height: 74px;
    }
    75% {        
        background-color: rgba(0, 0, 0, 0.35);
        width: 70%;
        height: 80px;
    }
    100% {        
        background-color: rgba(0, 0, 0, 0.55);
        width: 80%;
        height: 90px;
    }
}

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

BENEFIT SECTION

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

.section-benefits-cards{
    position: relative;
    background-color: white;
    padding: var(--spacing);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-width: 960px;
    max-width: unset;
    ul{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
        padding:0;
        .card{
            flex: 1 1 0px;
            list-style: none;
            display: block;
            min-width:240px;
            /*min-height:240px;*/
            min-height:280px;
            border-radius: 16px;
            background: rgba(254, 164, 8, 0.20);
            box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.25);
            padding: 25px;
            max-width: 240px;
            position: relative;
            h3 {
                font-size: 24px;
                line-height: normal;
                margin-top: 5px;
            }
            .icon{
                display: flex;
                width: 64px;
                height: 64px;
                justify-content: center;
                align-items: center;
                border-radius: 16px;
                background: linear-gradient(180deg, #FEA408 0%, #FF9800 100%);
                img{
                    width: 32px;
                    height: 32px;
                    flex-shrink: 0;
                }
            }
        }
    }
}
.section-benefits{
    position: relative;
    /*background-color: white;*/
    padding: var(--spacing);
    box-sizing: border-box;
    /*height: 100vh;*/
    overflow: hidden;

    h2{
        margin-top: 0;
        font-size: 4rem;
        margin-bottom: 0;
    }    
    .imgcol, .contentcol{
        width: 50%
    }
    .imgcol{
        /*background-image: linear-gradient(to top, white 0%, white 5%, transparent 30%);*/
        height: fit-content;
    }
    .contentcol{
        padding: 25px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        /*align-items: center;*/
        font-size: var(--fliesstext);
    }
    .partnerimage{
        width: -webkit-fill-available;
        position: relative;
    }
}

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

REASON SECTION

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

.section-reason{
    /*padding-left: max(0px, calc((100vw - 1600px) / 2));
    padding-right: max(0px, calc((100vw - 1600px) / 2));*/
    background: linear-gradient(
        to right,
        white 0%,
        white 60%,
        #FF9900 60%,
        #FF9900 100%
    );
    >div{
        position: relative;
        background-color: white;
        padding-left: var(--spacing);
        padding-right:0;
        box-sizing: border-box;
        /*height: 100vh;*/
        overflow: hidden;
        display: flex;
        .subheadline{
            font-size: 2rem;
            margin:0;
        }
        h2{
            margin-top: 0;
            font-size: 4rem;
        }
        >.content {
             >p {
                font-size: var(--fliesstext);
            }
        }
        .content{
            width: 60%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /*padding-right: 80px;*/
           
        }
        .cards{
            width: 40%;
            background-color: #FF9900;
            ul {
                list-style: none;
                display: flex;
                flex-direction: column;
                gap: 40px;
                justify-content: center;
                align-items: center;
                width: -webkit-fill-available;
                height: -webkit-fill-available;
                padding: var(--spacing);
                .card {
                    align-items: center;
                    justify-content: flex-start;
                    gap: 20px;
                    background-color: white;
                    border-radius: 10px;
                    padding: 10px 20px;
                    width:100%;
                    img{
                        max-width: unset;
                    }
                    h3,p{
                        margin:0;
                    }
                    .content {
                        width: unset;
                    }
                }

            }
        }
    }
}

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

CASES SECTION

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

.section-cases{
    position: relative;
    background-color: white;
    padding: var(--spacing);
    box-sizing: border-box;
    min-height: 100vh;
    overflow: hidden;
    .subheadline{
        font-size: 2rem;
        margin:0;
    }
    >p{
        font-size: var(--fliesstext);
    }
    h2{
        margin-top: 0;
        font-size: 4rem;
    }
    /*.case {
        max-width: 1400px;
    }
    .citation {
        max-width: calc(1400px - 80px);
    }*/
    .case {
        display: flex;
        flex-direction: row;
        margin: var(--spacing);
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
        overflow: hidden;
        .case-image{
            background: linear-gradient(135deg, rgba(254, 164, 8, 0.10) 0%, rgba(254, 164, 8, 0.05) 100%);
            width: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            img {
                padding: 16px;
                background-color: white;
                border-radius: 10px;
                max-width: 90%;
                height: auto;
            }
        }
        .case-content {
            width: 50%;
            padding: 40px;
            .tab {
                border-radius: 18px;
                line-height: normal;
                background: rgba(254, 164, 8, 0.10);
                display: block;
                width: fit-content;
                padding: 10px;
                color: #FF9900;
            }
            ul{
                list-style: none;
                padding: 0;
                .card {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    gap: 40px;
                    background-color: white;
                    border-radius: 10px;
                    padding: 10px 20px;
                    .icon{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        min-height: 40px;
                        min-width: 40px;
                        background: linear-gradient(135deg, rgba(254, 164, 8, 0.1) 0%, rgba(254, 164, 8, 0.05) 100%);
                        border-radius: 100%;
                    }
                    img {
                        max-width: unset;   
                        width: 28px;
                    }
                    h3,p{
                        margin:0;
                        .orange{
                            color: #FF9900;
                            font-size: 1.5rem;
                        }
                    }
                    .content {
                        width: unset;
                    }
                }
            }
            .case-headline {
                font-size: large;
            }
        }
    }
    .citation{
        border-radius: 16px;
        background: #FFF;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
        margin: 80px;
        padding: 40px;
        border-left: 3px solid #FF9900;
        .quote {
            font-size: 1.5rem;
            display: flex;
            justify-content: center;
            align-items: baseline;
            text-align: justify;
            gap:10px;
            margin: 0;;
        }
        .quote:before,.quote:after{
            content:'"';
            color:#FF9900;
            font-size: 4rem;
        }
        div:before {
            content: 'TS';
            display:flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            border-radius: 100%;
            text-align:center;
            background: rgba(254, 164, 8, 0.10);;
            color: #FEA408;
        }
        div{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 15px;
            margin-top:15px;
            .position{
                color: #6A7282;
            }
        }
    }
    .flexrow:has(a){
        gap: 40px;
    }
 
}

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

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;
}

#c6341{
    padding: var(--spacing);
    padding-top: 20px;;
    margin:0;
}
#c6341 >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;
        }
        .subheadline{
            color: #4A5565;
            font-size: 16px!important;
            line-height: normal;
        }
    }
}

#shopifyLP-6340{

    .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;
        border: 2px solid #E5E7EB;
        background: #FFF;
        min-height: 60px;
        padding-left: 20px;
    }
    .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;
        transition: 0.2s;;
    }
    #shopifyLP-6340-checkbox-1{
        border: 2px solid #FAE6C1;
        background-color: transparent;
    }
    #shopifyLP-6340-checkbox-1:checked{
        background-color: #FF9900;
    }
    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;
    }
}


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

FAQ SECTION

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

.section-faq{
    /*height: 100vh;*/
    padding: var(--spacing);
    h2{
        margin-top: 0;
        margin-bottom: 1rem;
        font-size: 4rem;
    }
    .faq{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        >div{
            border-radius: 24px;
            background: #F9FAFB;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            overflow: hidden;
        }
        >div:has(.active){
            background: #FFEDCE;
        }

        .accordion {
            box-sizing: border-box;
            max-width: 800px;
            cursor: pointer;
            padding: 38px 32px;
            width: 100%;
            border: none;
            text-align: left;
            outline: none;
            font-size: 16px;
            transition: 0.4s;
            background-color: transparent;
            font-weight: 600;
        }

        /*.active{
        }*/

        .accordion:after {
            content: ' ';
            display: block;
            height: 16px;
            width: 16px;
            color: #777;
            float: right;
            background-image: url(https://amadeus-agentur.com/media/landingpages/Shopify/arrow.svg);
            transform: rotate(180deg);
            transition: .5s;
            margin-left: 50px;
        }

        .active:after {
            transform: rotate(0deg);
        }

        .panel {
            box-sizing: border-box;
            max-width: 800px;
            padding: 0 32px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.2s ease-out;
            p{
                color: rgba(10, 10, 10, 0.50);
                color: black;
                margin-top:0;
                margin-bottom:38px;
            }
        }
    }
}


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

@media screen and (max-width: 700px){
    .section-benefits-cards{
            overflow-x: auto;
            scrollbar-width: none;
            justify-content: flex-start;
        ul{
            gap:20px;
            width: fit-content;
            flex-wrap: nowrap;
            .card{
                h3{
                    margin-top:0;
                }
                .icon{
                    position: absolute;
                    bottom:0;
                    right:0;
                }

            }
        }

    }
    .section-benefits-cards::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (max-width: 700px){

    #c6340{
        .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: 1100px){
    .section-reason >div{
        flex-direction: column;
        padding:0;
        height:unset;
        .content, .cards {
            width:100%;
        }
        >.content{
            padding:var(--spacing);
        }
        .cards {
            ul {
                .card{
                    gap: 10px;
                    padding:10px;
                }
            }
        }

    }
}
@media screen and (max-width: 1000px){
    .section-cases {
        .case{
            flex-direction: column;
            .case-image,.case-content{
                width: 100%;
            }
            .case-image {
                img{
                    margin: 20px;
                }
            }
        }
    }
        .section-benefits{
        .imgcol, .contentcol {
            width: 100%;
            padding: 0;
        }
        .flexrow{
            flex-direction: column-reverse;
            height:unset;
        }
        .imgcol{
            height: 250px;
            display: flex;
            justify-content: center;
            background: transparent;
            img{
                height: 100%;
                float: right;
                width: auto;
            }
        }

    }
}
@media screen and (max-width: 1000px){
.section-cases {
    .flexrow:has(a) {
        gap: 0;
        flex-direction: column;
        .arrow{
            margin-top:0;
        }
    }
}
}
@media screen and (max-width: 800px){
    .section-cases {
        .case, .citation{
           margin:0;
           margin-bottom:40px;
        }
        .case-content, .citation {
            padding: 10px !important;
        }
        .quote{
            font-size: 1.25rem!important;
        }

    }
}
@media screen and (max-width: 800px){
    .section-laptop {
        article{
            justify-content: flex-end!important;
        }
        .animation{
            left:0;
            .laptop{
                max-width:100%;
            }
        }

    }
}
@media screen and (max-width: 650px){
    .section-laptop {
        >div{
            flex-direction: column-reverse;
            min-height: 750px;
            max-height: 930px;
            article{
                width:100%;
                z-index: 2;
                height:unset;
                p{
                    margin-bottom: 0;;
                }

            }
            .animation{
                width: 80%;
                max-width: 350px;
                margin: auto;
                height: stretch;
                .shadow{
                    bottom: -90px;
                }
            }
        }
        .button-primary, .button-secondary{
            width: 100%;
        }

    }
}
@media screen and (max-width: 650px){
    .button-primary, .button-secondary{
        width:100%;
    }
    .section-laptop {
        >div{
            flex-direction: column-reverse;
            article{
                width:100%;
                z-index: 2;
                p{
                    margin-bottom: 0;;
                }

            }
            .animation{
                width: 80%;
                margin: auto;
                height: stretch;
                .shadow{
                    bottom: -90px;
                }
            }
        }
        .button-primary, .button-secondary{
            width: 100%;
        }

    }
}
@media screen and (max-width: 800px){
    *{
        --spacing: 40px;
        --subheadline: 24px;
        --button: 22px;
        
    }
    h2{
        font-size: 3rem!important;
    }
}
@media screen and (max-width: 500px){
    *{
        --spacing: 20px;
        --fliesstext: 16px;
    }
    .section-reason { > div { .cards { ul { gap: 20px;}}}}
}