/* Referenzen */

#über {
    font-family: Modulus;
    font-weight: bold;
    text-align: center;
    font-size: 400%;
    margin-top: 1%;
}

/* TV */

#TV {
    margin-top: 3.5%;
    margin-left: 3.5%;
    font-family: Modulus;
    font-size: 130%;
    float: left;
}

/* Festinstallationen */

#fest {
    margin-top: 3.5%;
    margin-left: 3.5%;
    font-family: Modulus;
    font-size: 130%;
    float: left;
}

/* Event/Konzert & Techsupplier */

#ev {
    margin-top: 3.5%;
    margin-left: 3.5%;
    font-family: Modulus;
    font-size: 130%;
    float: left;
}

/* Showcase */

#show {
    margin-top: 3.5%;
    margin-left: 3.5%;
    font-family: Modulus;
    font-size: 130%;
    float: left;
}


/* @media abfragen für Responsive Design */
@media only screen and (max-width: 1440px) {
    /* Showcase */
    #show {
        margin-top: 13.5%;
        font-family: Modulus;
        font-size: 150%;
        float: right;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 30%;
        margin-left: 13.5%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 150%;
        float: right;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 150%;
        float: left;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        margin-left: 20%;
        font-family: Modulus;
        font-size: 150%;
        float: left;
    }
}


@media only screen and (max-width: 1024px) {
    /* Showcase */
    #show {
        margin-top: 10%;
        font-family: Modulus;
        font-size: 150%;
        margin-right: 30%;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 10%;
        margin-left: 1%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 150%;
        margin-right: 43%;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 150%;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        font-family: Modulus;
        font-size: 150%;
        margin-right: 43%;
    }
}

@media only screen and (max-width: 768px) {
    /* Showcase */
    #show {
        margin-top: 10%;
        font-family: Modulus;
        font-size: 130%;
        margin-right: 20%;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 10%;
        margin-left: 1%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 150%;
        margin-right: 30%;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 150%;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        font-family: Modulus;
        font-size: 140%;
        margin-right: 45%;
    }
}

@media only screen and (max-width: 450px) {
    /* Showcase */
    #show {
        margin-top: 10%;
        font-family: Modulus;
        font-size: 120%;
        margin-right: 10%;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 10%;
        margin-left: 10%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 120%;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 120%;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        font-family: Modulus;
        font-size: 120%;
        margin-right: 43%;
    }

    footer {
        margin-top: 1.5%; 
        background: black;
        color: white;
        font-family: Modulus;
        font-size: 80%;
    }
}

@media only screen and (max-width: 375px) {
    /* Showcase */
    #show {
        margin-top: 10%;
        font-family: Modulus;
        font-size: 100%;
        margin-right: 30%;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 10%;
        margin-left: 10%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 100%;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 100%;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        font-family: Modulus;
        font-size: 100%;
        margin-right: 43%;
    }

    footer {
        margin-top: 1.5%; 
        background: black;
        color: white;
        font-family: Modulus;
        font-size: 80%;
    }
}


@media only screen and (max-width: 285px) {
    /* Showcase */
    #show {
        margin-top: 10%;
        font-family: Modulus;
        font-size: 90%;
        margin-right: 30%;
    }
    /* Event/Konzert & Techsupplier */
    #ev {
        margin-top: 10%;
        margin-left: 10%;
        font-family: Modulus;
        margin-right: 5.5%;
        font-size: 90%;
    }
    /* TV */
    #TV {
        margin-top: 3.5%;
        margin-left: 15%;
        font-family: Modulus;
        font-size: 90%;
    }
    /* Festinstallationen */
    #fest {
        margin-top: 3.5%;
        font-family: Modulus;
        font-size: 90%;
        margin-right: 43%;
    }

    footer {
        margin-top: 1.5%; 
        background: black;
        color: white;
        font-family: Modulus;
        font-size: 80%;
    }
}