body{
    font-family: "Zalando Sans SemiExpanded", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-family: "Zalando Sans SemiExpanded", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
}



.inverted{
    filter: invert(1);
}

.spacer{
    height: 10vh;
}

a {
    color: #209aad;
}

.bg-mask-blue{
    background: url("../media/mask_blue-1.svg") no-repeat center top rgba(32, 154, 173, 0.09);
    background-size: cover;
}

.bg-mask-lightblue{
    background: url("../media/mask_blue-light.svg") no-repeat center top rgba(32, 154, 173, 0.09);
    background-size: cover;
}

.bg-light{
    background: rgba(32, 154, 173, 0.09) !important;
}

@media (min-width: 900px) {
    .h1, h1 {
        font-size: 7rem;
        margin-bottom: 4rem;
    }

    .minh-150{
        min-height: 200px;
    }

    .btn{
        --bs-btn-padding-x: 1.75rem;
        --bs-btn-padding-y: .75rem;
    }
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #209aad;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #209aad;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #209aad;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #209aad;
    --bs-btn-disabled-border-color: #000;
}

.btn-primary.btn:hover {
    color: white;
    box-shadow: 0 3px 0 rgba(0,0,0,.35);
}