/* --------------- Stundenplan-Tabs ---------------------------------- */
.stundenplan-tabs {
	width: 1100px;
	float: left;
	list-style: none;
	position: relative;
	padding: 0;
	margin: auto;
	height: 9010px;
	background-color: var(--back);
}

.stundenplan-tabs li{
	float: left;
	display: inline;
	background-color: var(--back);
	color: var(--fontdark);
}

.stundenplan-tabs label {
	background: var(--bronze);
	width: 110px;
	color: var(--fontlight);
	display: block;
	margin-right: 5px;
	margin-left: 5.5px !important;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	line-height: 160%;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	font-family: poppins;
	font-size: 16px;
}

.stundenplan-tabs label:hover {
       top: 0;
}

.stundenplan-tabs input[type=radio] {
position: absolute;
display: none;
}

.stundenplan-tabs [type=radio]:checked ~ label {
 /* Defintion des ausgewählten Feldes */
       color: var(--fontlight);
	background-color: var(--light);
       top: 0;
}

.stundenplan-tabs [type=radio]:checked ~ label ~ .stundenplan-tab-content {
         display: block;
}

.stundenplan-tab-content{
 /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
      z-index: 2;
    display: none;

    
  
    width: 1100px;
    height: 2960px;
    overflow: hidden; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
    padding-top: 10px;
border-bottom: 200px solid var(--back);
    background: var(--back);
    position: absolute;
	left: 0;
}


/*------ Stundenplan- CSS innen ------*/

.day_aussenbox { width: 1100px; height: 30px; margin-bottom: 4px; margin-top: 4px; }
.day_farbig { width: 135px; height: 20px; float: left; background-color: var(--links); padding-top: 5px; padding-bottom: 5px; margin-right: 1px; margin-left: 1px;  text-align: center; text-transform: uppercase; font-size: 13px; color: var(--white);}

.day_wochenbox { width: 1100px; height: 50px; margin-bottom: 4px; margin-top: 4px; }
.day_zeit { width: 135px; height: 30px; float: left; background-color: var(--links); padding-top: 10px; padding-bottom: 10px; margin-right: 1px; margin-left: 1px;  text-align: center; text-transform: uppercase; font-size: 13px; color: var(--white);}
.day_fach { width: 125px; height: 40px; float: left; margin-left: 1px; margin-right: 1px; padding: 5px; font-size: 11.5px; text-align: center; background-color: #f6f6f6;}