.mob_nav_btn {
	padding:.8rem;
	background:var(--color);
	box-sizing:content-box;
	border-radius:999rem;
	width:1.1rem;
	height:1.1rem;
	-webkit-user-select: none;
    user-select: none;
	align-self: center;
	z-index: 2;
	position:fixed;
	bottom:2.25rem;
	left:0; right:0;
	margin:auto;
	animation: circle 3s infinite linear;
	display:block;
	will-change:transform;
	cursor:pointer;
}
.mob_nav_btn > svg {
	overflow:visible;
	stroke:#fff;
	stroke-linecap:round;
	stroke-width:1.35;
}

@keyframes circle {
    0% { transform: rotate(0deg) translateX(.15rem) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(.15rem) rotate(-360deg); }
}


#nav {
	position:fixed;
	z-index:2;
	left:0;
	right:0;
	margin:auto;
	width:max-content;
	bottom:6rem;
	transition:.2s;
	will-change: opacity;
	text-align:left;
	color:var(--color-text);
	padding:var(--gap);
	font-size:3.4rem;
	font-weight:bold;
	opacity: 0;
	pointer-events:none;
}
#nav nav:not([aria-label="Languages"]) ul {
	display:block;
	position:static;
	/* overwrite drop-down */
	visibility: visible;
	opacity: 1;
}
html.mob_nav_open #nav, #nav:focus-within {
	opacity: 1;
	transform:translateX(0);
	pointer-events: initial;
}
#nav li > ul {
	margin-left: 1.5rem;
	min-width: 0;
}
#nav nav a {
	text-align:left;
	margin-left:0;
}
#nav nav a.cmsInside {
	font-style: italic;
	font-weight: 400;
}
#nav nav > ul > li {
	margin:.11em;
}
#nav nav > ul > li > a {
	background:var(--cd-gelb);
	color:var(--color);
	padding:.05em .65em .05em .311em;
	padding:.02em .65em .02em .311em;
	display: inline-block;
}

html.mob_nav_open .mob_nav_btn {
	transform:rotate(270deg);
}
.mob_nav_btn g {
	transition:stroke-width .1s;
	will-change:stroke-width;
}
.mob_nav_btn .-close {
	stroke-width:0;
}
html.mob_nav_open .mob_nav_btn .-close {
	stroke-width:inherit;
}
html.mob_nav_open .mob_nav_btn .-menu {
	stroke-width:0;
}

/* queue slidein */
#nav nav > ul > li {
	will-change:transform;
	transition-property: opacity, transform;
	transition-delay:.1s;
	transform:translate(-140%, -10px);
	opacity:0;
	transition-duration: .2s, .6s;
	transform:translate(-40%, 0);
	transition-delay:.3s, .1s;
}
#nav nav > ul > li + li                     { transition-delay: .4s, .2s; }
#nav nav > ul > li + li + li                { transition-delay: .5s, .3s; }
#nav nav > ul > li + li + li + li           { transition-delay: .6s, .4s; }
#nav nav > ul > li + li + li + li + li      { transition-delay: .7s, .5s; }
#nav nav > ul > li + li + li + li + li + li { transition-delay: .8s, .6s; }
.mob_nav_open #nav nav > ul > li {
	transform:translateX(0);
	opacity:1;
}