.Desktop {
    height: 800px;
}

.Rectangle3 {
    width: 100%;
    height: 725px;
    left: 0px;
    top: 120px;
    position: absolute;
    background: linear-gradient(
        180deg,
        rgba(0, 105, 194, 0.14) 0%,
        rgba(255, 255, 255, 0.14) 100%
    );
}

.Rectangle2 {
    width: 1400px;
    height: 162px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: rgba(255, 255, 255, 0.91);
    box-shadow: 0px 4px 6.900000095367432px 1px rgba(0, 0, 0, 0.09);
    border-radius: 17px;
    border-bottom: 1px rgba(0, 105, 194, 0.03) solid;
}

.LogoPolyngo1 {
    width: 136px;
    height: 65px;
    left: 130px;
    top: 56px;
    position: absolute;
}

.Group1 {
    width: 707px;
    height: 65px;
    left: 602px;
    top: 56px;
    position: absolute;
}

.Rectangle1 {
    width: 707px;
    height: 65px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: #d9d9d9;
}

.Screenshot20240524At2011 {
    width: 1170px;
    height: 713px;
    left: -385px;
    top: 0px;
    position: absolute;
}

/*.Mockup {
    width: 409.32px;
    height: 591.39px;
    left: 934px;
    top: 240px;
    position: absolute;
}

.Image1 {
    width: 246.13px;
    height: 518.56px;
    left: 81.59px;
    top: 36.41px;
    position: absolute;
}

.PolyngoMockup1 {
    width: 409.32px;
    height: 591.39px;
    left: 0px;
    top: 0px;
    position: absolute;
}*/

.Line1 {
    width: 687px;
    height: 0px;
    left: 20px;
    top: 490px;
    position: absolute;
    border: 3px #0069c2 solid;
}

.LadeDirJetztDasLernmaterialKostenlosHerunter {
    top: 221px;
    position: absolute;
    color: #0069c2;
    font-size: 64px;
    font-family: Jost;
    font-weight: 700;
    line-height: 75px;
    word-wrap: break-word;
}

.BodyText {
    width: 801px;
    height: 105px;
    left: 20px;
    top: 540px;
    position: absolute;
}

.BodyText .MainText {
    width: 730px;
    left: 0px;
    top: 100px;
    position: absolute;
    text-align: right;
    color: black;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 700;
    word-wrap: break-word;
}

.BodyText .MainText2 {
    width: 730px;
    left: 0px;
    top: 0px;
    position: absolute;
    color: black;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 700;
    word-wrap: break-word;
}

.Email-div {
    left: 20px;
    top: 720px;
    position: absolute;
}

.Rectangle10 {
    width: 290px;
    height: 37px;
    left: 305px;
    top: 3px;
    position: absolute;
    background: rgba(0, 105, 194, 0.1);
    border-radius: 28px;
}

.Rectangle9 {
    padding-left: 15px;
    width: 225px;
    height: 37px;
    left: 370px;
    top: 3px;
    position: absolute;
    background: rgba(0, 105, 194, 0.28);
    border-radius: 28px;
    border: none;
}

.Email-input {
    width: 58.08px;
    left: 311px;
    top: 6.76px;
    position: absolute;
    text-align: center;
    color: black;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 700;
    word-wrap: break-word;
}

.Rectangle10-2 {
    width: 103.85px;
    height: 35.61px;
    left: 610px;
    top: 3.96px;
    position: absolute;
    background: rgba(249, 118, 0, 0.81);
    border-radius: 28px;
}

.Submit-btn {
    background: transparent;
    border: none;
    width: 86.13px;
    left: 619px;
    top: 8px;
    position: absolute;
    text-align: center;
    color: black;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 700;
    word-wrap: break-word;
}

.Rectangle7 {
    width: 290px;
    height: 37px;
    left: 0px;
    top: 3px;
    position: absolute;
    background: rgba(0, 105, 194, 0.1);
    border-radius: 28px;
}

.Rectangle5 {
    padding-left: 15px;
    width: 220px;
    height: 37px;
    left: 70px;
    top: 3px;
    position: absolute;
    background: rgba(0, 105, 194, 0.28);
    border-radius: 28px;
    border: none;
}
input:-internal-autofill-selected {
    background-color: rgba(0, 105, 194, 0.28) !important;
}

.Name-input {
    width: 58.08px;
    left: 8px;
    top: 6.76px;
    position: absolute;
    text-align: center;
    color: black;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 700;
    word-wrap: break-word;
}


.mockup-newsletter {
    display: flex;
    max-width: 380px;
    flex-direction: column;
}
.div-newsletter-img-mob {
    display: flex;
    flex-direction: column;
    position: relative;
    aspect-ratio: 1.056;
    width: 100%;
    padding: 310px 15px 0;
}
.img-newsletter-img-mob {
    position: absolute;
    inset: 0;
    height: 99%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.img-2-newsletter-img-mob {
    /*aspect-ratio: 333.33;*/
    object-fit: contain;
    object-position: center;
    width: 100%;
}


div:where(.swal2-container) div:where(.swal2-popup) {
    background: rgba(255, 255, 255, 0.9);
    border: 3px solid #0069C2 !important;
    border-radius: 32px !important;
}

div:where(.swal2-container) .swal2-html-container {
    color: #000 !important;
    font-size: 21px !important;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    color: #F97600 !important;
}

div:where(.swal2-container) button:where(.swal2-close) {
    width: 1em !important;
    height: 1em !important;
    margin-top: 10px !important;
    margin-right: 10px !important;
    background: #BBD2FF !important;
    color: #0069C2 !important;
}

@media (max-width: 767px) {
    .LadeDirJetztDasLernmaterialKostenlosHerunter {
        font-size: 30px;
        line-height: 38px;
    }

    .Line1 {
        width: 90%;
        top: 400px;
    }

    .BodyText {
        width: 90%;
        top: 440px;
        height: 300px;
    }

    .BodyText .MainText2 {
        width: 100%;
    }
    
    .BodyText .MainText {
        width: 100%;
        top: 290px;
    }   
    
    .Email-div {
        top: 840px;
        width: 90%;
    }

    .Rectangle10 {
        left: 0px;
        top: 60px;
    }

    .Rectangle9 {
        left: 29%;
        top: 60px;
    }

    .Email-input {
        left: 10px;
        top: 65px;
    }

    .Rectangle10-2 {
        left: 34%;
        top: 115px;
    }

    .Submit-btn {
        left: 37%;
        top: 119px;
    }

    .Desktop {
        height: 1000px;
    }

    .Rectangle3 {
        height: 1330px;
    }
}

.download-section-custom{
    width: 100%;
    height: 365px;
    position: absolute;
    left: 0px;
    top: 825px;
    background: linear-gradient(-90deg, rgba(0, 105, 194, 0.14) 0%, rgba(255, 255, 255, 0.14) 100%);

}

.download-section {
    display: flex;
    padding: 183px 0 0;
    flex-direction: column;
}

.download-container {
    margin-top: 183px;
    width: 100%;
}

.download-content {
    display: flex;
    gap: 20px;
}

.image-column {
    display: flex;
    flex-direction: column;
    width: 60%;
}

.download-image {
    aspect-ratio: 1.35;
    object-fit: contain;
    object-position: center;
    width: 100%;
    margin-top: 0px;
}

.text-column {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.download-text {
    color: #0069c2;
    text-align: center;
    margin-top: 0px;
    font: 700 48px Jost, sans-serif;
}


.hide-on-mobile{
    display: block!important;
}
.hide-on-desktop{
    display: none !important;
}

@media (max-width: 991px) {
    .Rectangle7, .Rectangle10{
        width: 100%;
    }    
    .Rectangle5, .Rectangle9{
        width: 71%;
    }
    .hide-on-mobile{
        display: none !important;
    }
    .hide-on-desktop{
        display: block !important;
    }

    .download-section {
        padding-top: 100px;
    }

    .download-container {
        max-width: 100%;
        margin-top: 40px;
    }

    .download-content {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .image-column,
    .text-column {
        width: 100%;
    }

    .download-image {
        max-width: 100%;
    }

    .download-text {
        max-width: 100%;
        margin-top: 40px;
        font-size: 40px;
    }
}