/* =========================================================
   VOLKSSCHULE MONDWEG
   NEUER SEITENKOPF
   Desktop + Mobil
   ========================================================= */


/* =========================================================
   DESKTOP AB 901 PX
   ========================================================= */

@media screen and (min-width: 901px) {

    .seitenkopf-neu-bereich {
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }


    .seitenkopf-neu {
        position: relative;

        width: 100vw;
        height: 200px;

        margin-left: calc(50% - 50vw);
        margin-top: 0;
        padding: 0;

        display: flex;
        align-items: center;

        box-sizing: border-box;

        background-image: url("https://www.mondweg.at/cms/upload/layout/Schulhaus_Seitenkopf_neu.png");
        background-size: cover;
        background-position: center 52%;
        background-repeat: no-repeat;

        overflow: hidden;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C300 6 500 6 800 12 C1100 18 1300 18 1600 12 L1600 180 C1300 188 1100 190 800 182 C500 174 300 174 0 182 Z' fill='white'/%3E%3C/svg%3E");
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C300 6 500 6 800 12 C1100 18 1300 18 1600 12 L1600 180 C1300 188 1100 190 800 182 C500 174 300 174 0 182 Z' fill='white'/%3E%3C/svg%3E");
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
    }


    .seitenkopf-neu::before {
        content: "";

        position: absolute;
        inset: 0;

        background: rgba(49, 95, 159, 0.85);

        z-index: 0;
    }


    .seitenkopf-neu-innen {
        position: relative;
        z-index: 1;

        width: 100%;
        max-width: 1480px;

        margin: 0 auto;
        padding: 0 57px;

        box-sizing: border-box;

        text-align: left;
    }


    .seitenkopf-neu h1 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 42px;
        font-weight: 500;
        line-height: 1.15;

        text-align: left;
    }

}


/* =========================================================
   MOBIL BIS 900 PX
   ========================================================= */

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

    .seitenkopf-neu-bereich {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    .seitenkopf-neu {
        position: relative !important;

        width: 100% !important;
        height: 125px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;

        box-sizing: border-box !important;

        background-image: url("https://www.mondweg.at/cms/upload/layout/Schulhaus_Seitenkopf_neu.png") !important;
        background-size: cover !important;
		background-position: center 52% !important;
        background-repeat: no-repeat !important;

        overflow: hidden !important;

        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C300 6 500 6 800 12 C1100 18 1300 18 1600 12 L1600 180 C1300 188 1100 190 800 182 C500 174 300 174 0 182 Z' fill='white'/%3E%3C/svg%3E") !important;
        -webkit-mask-size: 100% 100% !important;
        -webkit-mask-repeat: no-repeat !important;

        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 200' preserveAspectRatio='none'%3E%3Cpath d='M0 12 C300 6 500 6 800 12 C1100 18 1300 18 1600 12 L1600 180 C1300 188 1100 190 800 182 C500 174 300 174 0 182 Z' fill='white'/%3E%3C/svg%3E") !important;
        mask-size: 100% 100% !important;
        mask-repeat: no-repeat !important;
    }


    .seitenkopf-neu::before {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        background: rgba(49, 95, 159, 0.85) !important;

        z-index: 0 !important;
    }


    .seitenkopf-neu-innen {
        position: relative !important;
        z-index: 1 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 24px !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    .seitenkopf-neu h1 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        font-weight: 500 !important;
        line-height: 1.15 !important;

        text-align: center !important;
    }

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

    .seitenkopf-neu {
        background-size: auto 180% !important;
        background-position: center center !important;
    }

}