/*
Theme Name: MVP Theme: Cross Innovation Booster
Author: MVP Good Games Easy
Version: 0.1
*/




.mvp-editor-dev-hint {
    padding: 20px;
    border: 2px dashed var(--wp--preset--color--dev-hint);
    color: var(--wp--preset--color--dev-hint);
    border-radius: 0;
}


html, body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.wp-site-blocks, .wp-block-group {
    scroll-behavior: smooth;
}

body {
    font-family: var(--wp--preset--font-family--bundessans-web);
}



.legals-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 100px;
    padding-bottom: 200px;
}

.legals-text-group {
    display: flex;
    flex-direction: column;
    padding: 5%;
    overflow-wrap: anywhere;
}

.legals-text-group a:not(.mvp-home-button__home-link) {
    color: var(--wp--preset--color--primary);
}
 

.legals-text-group p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px;
    font-size: 22px;
    line-height: 28px;
}

.legals-text-group h2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 40px;
    color: var(--wp--preset--color--primary);
}

.legals-text-group h4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 40px;
    font-size: 22px;
    line-height: 28px;
}

.legals-text-group .headline-impressum{
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* margin-top: 40px; */
    margin-bottom: 40px;
    color: var(--wp--preset--color--contrast);
    font-size: 40px;
}

.legals-text-group .headline-datenschutz{
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* margin-top: 40px; */
    margin-bottom: 40px;
    color: var(--wp--preset--color--contrast);
    font-size: 40px;
}



.legals-text-group .headline-datenschutz{
    margin-left: 0 !important;
    margin-right: 0 !important;
    /* margin-top: 40px; */
    margin-bottom: 40px;
    color: var(--wp--preset--color--contrast);
    font-size: 40px;
}


.legals-text-group .headline-kontakt{
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 40px;
    color: var(--wp--preset--color--primary);
}



/* Out of Grid Elements */
/* Image Top Left */
/* Mobile */
.is-out-of-grid-img-top > img {
    position: absolute;
    top: -120px;
    left: -40px;
}

/* Desktop */
/* @media (min-width: 768px) { */
@media (min-width: 300px) {
    .is-out-of-grid-img-top > img {
        position: absolute;
        width: 500px;
        top: -120px;
        left: -40px;
    }
}

.wp-block-image.is-out-of-grid-img1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 200px;
    object-fit: cover;
}



#front-page-logo-group {
    width: 90%;
    /* position: relative; */
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}


/* #front-page-logo-group.front-page-logo-group-legals {
} */



#front-page-logo-group > div {
    display: flex;
    gap: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
    padding-inline: 40px;
}

#front-page-logo-group > div > figure {
    flex: 1;
}



@media (min-width: 768px) {
    #front-page-logo-group {
        /* width: 600px;
        position: relative;
        left: 100%;
        transform: translate(-100%, 0); */
        width: 30%;
        position: absolute;
        right: 0;
        left: auto;
        transform: none;
    }

    /* #front-page-logo-group.front-page-logo-group-legals {

    } */

    #front-page-logo-group > div {
        display: flex;
        gap: 40px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 0px;
        padding: 20px;
        padding-inline: 40px;
    }
}





.has-background-pattern {
    /* background-size: 50% !important; */
    background-image: url("./assets/img/bg_kachel.png");
    /* background-size: 28px !important; */
    background-size: 20px !important;
}

#id-foerderungen-bg-pattern {
    position: absolute;
    width: 100%;
    height: 252px;
    z-index: -100;
    
}

#id-background-decoration-top {
    width: 140px;
    position: absolute;
    height: 224px;
    z-index: -100;
    background-position: bottom right;
}

#id-background-decoration-top.legals-page {
    width: 100%;
    position: absolute;
    height: 224px;
    z-index: -100;
    background-position: bottom right;
}

#id-background-decoration-info-card-animation {
    position: absolute;
    width: 100%;
    height: 560px;
    transform: translate(0px, 32px);
}

#id-background-decoration-top-line {
    position: relative;
    background-color: var(--wp--preset--color--primary);
    width: 3px;
    height: 250px;
}

#id-background-decoration-top-line.legals-page {
    position: absolute;
    background-color: var(--wp--preset--color--primary);
    width: 1px;
    height: 300px;
    left: 20%;
}

@media (min-width:768px) {
    .has-background-pattern {
        background-image: url("./assets/img/bg_kachel.png");
        background-size: 28px !important;
    }

    #id-background-decoration-top {
        /* width: 782px; */
        width: min(782px, 50%);
        position: absolute;
        height: 252px;
        z-index: -100;
        background-position: bottom right;
    }

    #id-background-decoration-top.legals-page {
        width: 40%;
        position: absolute;
        height: 224px;
        z-index: -100;
        background-position: bottom right;
    }

    #id-background-decoration-info-card-animation {
        position: absolute;
        width: 100%;
        height: 504px;
        transform: translate(0px, 32px);
    }


    #id-background-decoration-top-line {
        position: relative;
        background-color: var(--wp--preset--color--primary);
        width: 3px;
        height: 400px;
        transform: translate(-68px, 0px);
    }

    #id-background-decoration-top-line.legals-page {
        /* position: absolute;
        background-color: var(--wp--preset--color--primary);
        width: 1px;
        height: 300px;
        left: 20%; */
        position: absolute;
        background-color: var(--wp--preset--color--primary);
        width: 2px;
        height: 400px;
        /* transform: translate(-68px, 0px); */
        left: 30%;
    }


    .legals-text-group {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

}



/* Buttons */
.wp-block-button.is-style-transparent > .wp-block-button__link {
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-full-transparent > .wp-block-button__link {
    background-color: transparent;
    color: var(--wp--preset--color--contrast);
    border-style: solid;
    border-color: var(--wp--preset--color--contrast);
    border-width: 1px;
}

.wp-block-button.is-style-primary > .wp-block-button__link{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}

.wp-block-button.is-style-light > .wp-block-button__link{
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
}