/* COMPONENTS */
@charset "utf-8";

.getnext {
    margin-top: 2em;
}

table {
    margin-top: 2em;
}

.description select {
    width: 200px;
    height: 40px;
    background-color: #f0f0f0;
    color: #333;
    border: 2px solid #333;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.description select:focus {
    border-color: #f99703;
    outline: none;
}

.description select option {
    background-color: #fff;
    color: #333;
}

.legende {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 70%;
}

.legende p {
    color: #333;
    font-size: 1em;
    text-align: center;
    font-weight: 300;
}

/* BUTTONBACKTOTOP */
.back-to-top {
    display: block;
    position: fixed;
    bottom: 1.8%;
    right: 4.5%;
    width: 40px;
    height: 40px;
    background-color: rgba(50, 48, 55, 0.7);
    border-radius: 20px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    line-height: 38px;
    z-index: 20000;
}

.back-to-top:before {
    content: "\f102";
    font-family: 'FontAwesome';
    font-size: 1.5em;
}


/* Media Queries */
@media screen and (max-width: 768px) {
    #cookievalid {
        font-size: 0.9em; /* Kleinere Schriftgröße für Tablets */
    }

    #cookievalid div {
        margin: 1.5em; /* Weniger Rand auf Tablets */
    }
}

@media screen and (max-width: 480px) {
    #cookievalid {
        font-size: 0.8em; /* Noch kleinere Schriftgröße für Handys */
    }

    #cookievalid div {
        margin: 1em; /* Weniger Rand auf Handys */
    }
}