#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0;
    width: 300px;
    margin-top: 0;
    transform: translateX(300px);
    transition: transform 250ms ease-in-out;
    background: #fff;
    z-index:2000;
}
.sidebarMenuInner{
    margin:0;
    padding:100px 20px 0 0;
}
.sidebarMenuInner li{
    list-style: none;
    padding: 10px 30px;
    cursor: pointer;
    text-align: left;
}

.sidebarMenuInner li a{
    font-family: 'Oxygen';
    font-style: normal;
    font-size: 1.6rem;
    color: var(--farbe_blau);
	font-weight:700;
    cursor: pointer;
    text-decoration: none;
}
.sidebarMenuInner li a:hover, .sidebarMenuInner li.active a{
    color: #000;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    position: fixed !important;
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 4000;
    height: 100%;
    width: 100%;
    top: 10px;
    right: var(--linksrechts);
    height: 50px;
    width: 40px;
}
label.sidebarIconToggle {
    background: #fff;
    padding: 15px 0 15px 10px;
}

[type="checkbox"] + label, [type="radio"] + label {
	
  	margin-right: 0;
	}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #243f69;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: right;
    margin-top: 4px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: right;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: right;
    margin-top: 4px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -12px;
}



/*********************************/
/********  Blättermenü  **********/
/********************************/


ul.seiten {
	display:flex;
	justify-content : space-between;
	list-style-type:none;
	margin-left:0;
	margin-top:60px;
	}
ul.seiten li a span, ul.seiten a li span{
	list-style-type:none;
	color: var(--farbe_blau);
	font-size: 1rem;
	font-weight:700;
    padding: 10px 0;
	}
ul.seiten li a span:hover{
	color: #000;
	}


/*.prevNext {
	display:flex;
	justify-content: space-between;
	list-style-type:none;
	margin-top:80px;
	margin-left: 0;
    padding: 0 20px;
	}
.nav-arrow {
	display:block;
	width:50px;
	height:50px;
	}
.nav-prev {
	background-image: url("../Icons/icon_links.svg");
  	background-repeat: no-repeat;
	background-size:30px;
	background-position:left 2px;
	}
.nav-up {
	background-image: url("../Icons/icon_uebersicht.svg");
  	background-repeat: no-repeat;
	background-size:50px;
	background-position:center 2px;
	}
.nav-next {
	background-image: url("../Icons/icon_rechts.svg");
  	background-repeat: no-repeat;
	background-size:30px;
	background-position:right 2px;
	}
a.nav-arrow:hover {
	opacity: 0.5;
	}
*/


/**********************************************/
@media only screen and (max-width: 1024px) {


}


/**********************************************/
@media only screen and (max-width: 680px) {


ul.seiten {
	display:block;
	width:100%;
	justify-content : space-between;
	list-style-type:none;
	color: var(--farbe_dunkel);
    font-size: var(--text-xl);
	}
[type="checkbox"] + label, [type="radio"] + label {
  	margin-right: 10px;
	}
}