/* Globale SVGs */

.Startseite {
    -webkit-mask-image: url('res/svg/startseite');
    mask-image: url('res/svg/startseite.svg');
}

.Lokation {
    -webkit-mask-image: url('res/svg/lokation.svg');
    mask-image: url('res/svg/lokation.svg');
}

.Dekoration {
    -webkit-mask-image: url('res/svg/dekoration.svg');
    mask-image: url('res/svg/dekoration.svg');
}

.Catering {
    -webkit-mask-image: url('res/svg/catering.svg');
    mask-image: url('res/svg/catering.svg');
}

.Diskothek {
    -webkit-mask-image: url('res/svg/diskothek.svg');
    mask-image: url('res/svg/diskothek.svg');
}

.Showpart {
    -webkit-mask-image: url('res/svg/showpart.svg');
    mask-image: url('res/svg/showpart.svg');
}

.Media {
    -webkit-mask-image: url('res/svg/media.svg');
    mask-image: url('res/svg/media.svg');
}

.Menu {
    -webkit-mask-image: url('res/svg/menu.svg');
    mask-image: url('res/svg/menu.svg');
}

.WK {
    -webkit-mask-image: url('res/svg/warenkorb.svg');
    mask-image: url('res/svg/warenkorb.svg');
}

.KwK {
    -webkit-mask-image: url('res/svg/kwk.svg');
    mask-image: url('res/svg/kwk.svg');
}

.S {
    width: 18px;
    height: 18px;
}

.M {
    width: 24px;
    height: 24px;
}

.L {
    width: 46px;
    height: 46px;
}


.BGRund {
    background-color: dodgerblue;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    color : #FFFFFF;
}

.Flex {
    margin: 0px;
    padding: 0px;
    display: flex;
}

.FlexSpace {
    column-gap: 5px;
}

.FlexItem {
    display: inline-flex;
}
    /* Container-Model */
    /* Globale-CSS */

    .AllEase2s {
        transition: 1.2s all ease;
    }

    .Sel {
        background: deeppink;
    }
    /* Globale-CSS */


    /* Global Menu */

    .DropDown {
        position: relative;
        display: inline-block;
    }

    .DropDown-Content {
        position: absolute;
        padding-top: 0px;
        text-align: left;
        white-space: nowrap;
        display: none;
        z-index: 1;
    }

        .DropDown-Content a {
            padding: 3px 16px;
            text-decoration: none;
            display: block;
        }

    .DropDown:hover .DropDown-Content {
        display: block;
    }
    /* Global Menu */



/* Smartphones (Portrait) */
@media only screen and (max-width: 480px) {
    /* Stile für Handy */
    body {
        font-size: 16px;
        background-color: #990000;
        color: white;
        text-align: center;
    }
}

/* Tablets (Portrait) / Kleine Bildschirme */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    /* Stile für Tablets */
    body {
        font-size: 16px;
        background-color: green;
        color: white;
        text-align: center;
    }
}

/* Tablets (Landscape) / Kleine Laptops */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Stile für Tablet Querformat */
    body {
        font-size: 16px;
        background-color: blue;
        color: white;
        text-align: center;
    }
}

/* Tablets (Landscape) / Kleine Laptops */
@media only screen and (min-width: 1025px) {
    /* Stile für PC */
    body {
        font-size: 22px;
        background-color: orangered;
        color: white;
        text-align: center;
    }
}