/*Anzeige auf welcher Seite man sich befindet*/

#link1 {
    border-bottom: 3px solid white;
}


/*Main*/

/*Willkommen*/

.StartKasten1 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 5%;
    width: 100%;
    height: 30vh;
    background-color: rgb(68, 68, 68);
    /*background-image: url('Images/Für Website.png');
    background-size: cover;
    background-repeat: no-repeat;*/
    flex-direction: row;
}
.Die-Besten-Kasten {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 10px 20px;
}
.D-Klassen {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 50px;
    font-size: 60px;
    border: 5px solid white;
    background: rgb(48, 48, 48);
    padding: 5px;
    border-radius: 10px;
    height: auto;
    width: 90px;
    filter: drop-shadow(0px 0px 10px black);
}
#Fünf-D {
    color: white;
    opacity: 1;
}
#Sechs-D {
    color: white;
    opacity: 1;
}
#Sieben-D {
    color: white;
    opacity: 1;
}
#Acht-D {
    color: white;
    opacity: 1;
}
#Neun-D {
    color: white;
}
#Nächste-D {
    color: white;
}
.D-check {
    position: absolute;
    transform: translateY(1px);
    color: green;
    height: 49px;
    font-size: 0.8em;
}
.D-check-bg {
    position: absolute;
    transform: translateY(1px);
    color: white;
    filter: drop-shadow(0px 0px 3px black);
    height: 49px;
    font-size: 0.8em;
}
.D-locked {
    transform: translateY(4px);
}

.justscrolldown {
    display: flex;
    width: 15%;
    height: auto;
    flex-direction: column;
    position: absolute;
    align-self: flex-end;
    justify-self: center;
    color: white;
    filter: drop-shadow(0px 0px 5px black);
}
.scroll-down-text {
    align-self: center;
    font-weight: bold;
    font-size: 1.2em;
}
.scroll-down-icon {
    align-self: center;
    font-size: 1.5em;
    list-style: none;
}
.scroll-down-icon-a {
    color: white;
}


/*News*/

.StartKasten2 {
    position: relative;
    padding: 25px 10%;
    width: 100%;
    height: 70vh;
    background-color: rgb(41, 41, 41);
    color: white;
}

.next-Ka {
    font-size: 3vw;
}

.wann {
    margin-left: 20px;
}
.Datum {
    text-decoration: underline;
    font-size: 2vw;
}
.Das-Datum {
    margin-left: 20px;
    font-size: 1.5vw;
}

.welches-Fach {
    margin-left: 20px;
}
.Fach {
    text-decoration: underline;
    font-size: 2vw;
}
.Das-Fach {
    margin-left: 20px;
    font-size: 1.5vw;
} 

.Themen {
    margin-left: 20px;
    font-size: 2vw;
    text-decoration: underline;
}
.Themen-liste {
    margin-left: 60px;
    font-size: 1.5vw;
}

.jetzt-üben {
    margin: 1%;
    margin-left: 5%;
    font-size: 1.3vw;
    filter: drop-shadow(0px 0px 10px black);
}
.jetzt-üben a {
    color: white;
}