@keyframes chev_nav_l {
	0% {
		color: #b2b1b1;
	}
	100% {
		color: #666;
	}
}
@keyframes chev_nav_l {
	0% {
		color: #b2b1b1;
	}
	100% {
		color: #666;
	}
}
.header_nav_unten.nav_in {
    display: block;
	opacity: 1;
	animation: scroll_menu_top_in 100ms ease-out forwards;
}
.header_nav_unten.nav_out {
	animation: scroll_menu_top_out 100ms ease-out forwards;
}
.header_nav_oben > div > a:hover {
	color: #365986;
	background-color: #f5f9fa;
}
.header_nav_oben .sub_menu_desktop a:hover {
	color: #365986;
    background-color: #dde6e9;
}
.header_nav_oben > div:hover .sub_menu_desktop {
	height: auto;
	max-height: 330px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 1;
}
.header_nav_oben .sub_menu_desktop div a {
	margin: 0 12px;
	color: #5f5e5e;
	display: block;
}
#Politik #header_nav_obenPolitik, 
#Gesellschaft #header_nav_obenGesellschaft,
#Wirtschaft #header_nav_obenWirtschaft,
#Kultur #header_nav_obenKultur,
#Digital #header_nav_obenDigital,
#Buchrezensionen #header_nav_obenBuchrezensionen {
	color: #22211d;
	background-color: #dde6e9;
}
#Politik #header_nav_obenPolitik a:hover, 
#Gesellschaft #header_nav_obenGesellschaft a:hover,
#Wirtschaft #header_nav_obenWirtschaft a:hover,
#Kultur #header_nav_obenKultur a:hover,
#Digital #header_nav_obenDigital a:hover,
#Buchrezensionen #header_nav_obenBuchrezensionen a:hover {
	color: #365986;
	background-color: #dde6e9;
}
.header_nav_unten .sub_menu_desktop_2 a {
	color: #000;
}
.header_nav_unten .sub_menu_desktop_2 div a {
	margin: 0 12px;
	display: block;
}
.header_nav_unten > div > a:hover {
	color: #365986;
	background-color: #f5f9fa;
}
.header_nav_unten .sub_menu_desktop_2 a:hover {
    color: #365986;
	background-color: #dde6e9;
    opacity: 1;
}
.header_nav_unten > div:hover .sub_menu_desktop_2 {
	height: auto;
	max-height: 330px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    opacity: 1;
}
#International .header_nav_untenInternational a,
#Audio .header_nav_untenAudio a,
#Bildergalerien .header_nav_untenBildergalerien a,
#Dossier .header_nav_untenDossiers a,
#Prosa .header_nav_untenProsa a,
#Lyrik .header_nav_untenLyrik a,
#Propaganda .header_nav_untenPropaganda a,
#Graffiti .header_nav_untenGraffiti a,
#Streetart .header_nav_untenStreetart a,
#Termine .header_nav_untenTermine a,
#Events .header_nav_untenEvents a,
#Publizieren .header_nav_untenPublizieren a {
	color: #22211d;
	background-color: #edf1f2;
}
#International .header_nav_untenInternational a:hover,
#Audio .header_nav_untenAudio a:hover,
#Bildergalerien .header_nav_untenBildergalerien a:hover,
#Dossier .header_nav_untenDossiers a:hover,
#Prosa .header_nav_untenProsa a:hover,
#Lyrik .header_nav_untenLyrik a:hover,
#Propaganda .header_nav_untenPropaganda a:hover,
#Graffiti .header_nav_untenGraffiti a:hover,
#Streetart .header_nav_untenStreetart a:hover,
#Termine .header_nav_untenTermine a:hover,
#Events .header_nav_untenEvents a:hover,
#Publizieren .header_nav_untenPublizieren a:hover {
	color: #990900;
	background-color: #edf1f2;
}
.header_scroll.down {
	top: 0;
}
.header_date_search_scroll {
	margin-top: 12px;
    margin-left: 28%;
	display: inline-block;
}
#header_icon_scroll {
	margin-left: 80px;
	margin-top: 14px;
	display: inline-block;
	vertical-align: top;
}
.header_menu_scroll {
	width: 56px;
    height: 56px;
	cursor: pointer;
    background: url(/fotos/icons/bars-fff-70.png) center / 30px no-repeat;
    filter: invert(100%);
}
.header_menu_scroll.cl_sc {
    background: url(/fotos/icons/xmark-fff-70.png) center / 30px no-repeat;
    filter: invert(100%);
}
.header_schrift_scroll {
    width: 215px;
    height: 57px;
	cursor: pointer;
}
.menu_scroll_logo {
    width: 40px;
    height: 40px;
    margin-top: 7px;
    margin-right: 7px;
}
.menu_scroll_1 {
	margin-top: 52px;
    font-size: 1.5rem;
	position: absolute;
    display: none;
	z-index: 5;
    padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 2px solid #ececec;
	background-color: #fff;
    transform: translateY(-100%);
}
.menu_scroll_1.top_in {
    display: block;
	animation: scroll_menu_top_in 210ms ease-out forwards;
}
.menu_scroll_1.top_out {
	animation: scroll_menu_top_out 210ms ease-out forwards;
}
@keyframes scroll_menu_top_in {
	0% {
	transform: translateY(-100%);
  }
	100% {
	transform: translateY(0%);
}
}
@keyframes scroll_menu_top_out {
	0% {
	height: auto;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
  } 
	100% {
	height: auto;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
}
body.down_3 .menu_scroll_1.clone {
	display: none;
}
.menu_scroll_1 div {
	display: inline-block;
}
.menu_scroll_1 div a {
	color: #22211d;
	display: inline-block;
	padding: 0 5px 0 5px;
}
.menu_scroll_1 div a:hover {
	color: #365986;
	transition: all 170ms ease-out;
}
.menulist_menu_scroll_1 {
    width: 27%;
	text-align: left;
    padding-left: 4%;
    padding-right: 1%;
    padding-bottom: 2%;
	border-right: 1px solid #ececec;
}
.menulist_menu_scroll_1 a {
    width: 44%;
}
.menulist_menu_scroll_1:last-child {
	border-right: 0 solid #ececec;
}
.menulist_menu_scroll_3 {
    display: none;
}
.tg {
	position: absolute;
	width: 20%;
	margin-top: -28px;
	padding: 15px;
	z-index: 50;
	border: 1px solid #797875;
	border-radius: 6px;
	box-shadow: 4px 7px 17px -3px rgba(0, 0, 0, 0.4);
	display: none;
	background-color: #fefefd;
}
.msc {
    width: 14px;
    height: 14px;
    padding: 5px;
	font-size: 1.4rem;
	line-height: 2rem;
	text-align: center;
	position: absolute;	
    margin-left: 74px;
	display: inline-block;
	color: #fff;
	border: 2px solid #ececec;
	background-color: #990900;
	border-radius: 50%;
	cursor: pointer;
}
.msc:hover {
    color: #ccc;
}
.mst {
    width: 16px;
    height: 16px;
    margin-top: 6px;
	margin-left: 84px;
	cursor: pointer;
    filter: invert(100%);
}
.mst:hover {
    
}
.hideEvents,
.hideKultur,
.hideTermine {
	margin-top: -50px;
}
.hideBildergalerien,
.hideBuchrezensionen,
.hidePropaganda,
.hideWirtschaft {
	margin-top: -22px;
}
.hideDigital,
.hidePodcasts,
.hidePublizieren {
	margin-top: -100px;
}
.hideInternational,
.hideVideo {
	margin-top: -80px;
}
.hidePolitik {
	margin-top: -215px;
}
.hideGesellschaft,
.hideStreetArt {
	margin-top: -185px;
}
.menulist_menu_scroll_6 {
	height: 15px;
	width: 7%;
	background: #ffffff none repeat scroll 0 0;
	border-bottom: 1px solid #797875;
	border-left: 1px solid #797875;
	display: block;
	left: -9px;
	position: absolute;
	top: 34px;
	transform: rotate(45deg);
}
.menulist_menu_header_1 {
	width: 96%;
	height: 22px;
	border-bottom: 1px dotted #ececec;
	margin-left: 2%;
	margin-bottom: 12px;
    padding-top: 13px;
	text-align: right;
}
.menulist_menu_header_2 {
	font-size: 1rem;
	line-height: 1.1rem;
    width: auto;
	color: #7d7c75;
	text-align: right;
	padding-right: 24px;
	float: right;
	-webkit-transition: all 290ms ease-out;
	transition: all 290ms ease-out;
}
	a.menulist_menu_header_2:link  {
	color: #7d7c75;
	}
	a.menulist_menu_header_2:visited {
	color: #7d7c75;
	}
#Politik #menu_scrollPolitik,
#Gesellschaft #menu_scrollGesellschaft,
#Wirtschaft #menu_scrollWirtschaft,
#Kultur #menu_scrollKultur,
#Digital #menu_scrollDigital,
#Buchrezensionen #menu_scrollBuchrezensionen,
#Audio #menu_scrollAudio,
#Video #menu_scrollVideo,
#Prosa #menu_scrollGesellschaft,
#Lyrik #menu_scrollLyrik,
#International #menu_scrollInternational,
#Bildergalerien #menu_scrollBildergalerien,
#StreetArt #menu_scrollStreetArt,
#Propaganda #menu_scrollPropaganda,
#Dossier #menu_scrollDossier,
#Termine #menu_scrollTermine,
#Events #menu_scrollEvents,
#Publizieren #menu_scrollPublizieren {
	color: #365986;
}
#article_side_menu {
	width: 980px;
	height: 0;
	top: 37%;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	position: fixed;
	z-index: 40;
	display: flex;
	justify-content: space-between;
}
#article_side_menu.android_tablet_detected,
#article_side_menu.ios_tablet_detected {
	display: none;
}
#article_side_menu.fade_in_nav {
	animation: side_menu_fade_in 900ms ease forwards;
}
@keyframes side_menu_fade_in {
	0% {
	    opacity: 0.0;
    } 
	100% {
  	    opacity: 1.0;
    }
}
.side_menu_left_1,
.side_menu_right_1 {
	height: 0;
	width: auto;
	padding: 0;
	list-style-type: none;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	display: flex;
    opacity: 1;
}
.side_menu_left_1 {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
	cursor: pointer;
}
.side_menu_right_1 {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
	cursor: pointer;
}
.side_menu_left_1.display_nav,
.side_menu_right_1.display_nav {
	height: 120px;
}
.side_menu_left_2,
.side_menu_left_3,
.side_menu_right_2,
.side_menu_right_3 {
	background-color: #efeeee;
	z-index: 7;
}
.side_menu_left_3,
.side_menu_right_3 {
    height: 120px;
	width: 0;
	z-index: 4;
    overflow: hidden;
    display: flex;
    align-items: center;
	animation: side_menu_content_left_out 210ms ease-out;
}
.side_menu_right_3 {
	animation: side_menu_content_right_out 210ms ease-out;
}
.side_menu_left_3a,
.side_menu_right_3a {
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
}
.side_menu_right_3a {
    text-align: right;
}
.side_menu_left_3a.sl3a_width,
.side_menu_right_3a.sl3a_width {
	width: auto;
}
@keyframes side_menu_content_left_out {
	0% {
		width: auto;
		transform: translateX(0%);
	} 
	100% {
		width: auto;
		transform: translateX(-100%);
	}
}
.side_menu_left_3.left_in_pernament,
.side_menu_right_3.right_in_pernament {
	width: auto !important;
	animation: none !important;
}
.side_menu_left_3.left_in {
	animation: side_menu_content_left_in 210ms ease-out forwards;
	width: auto;
}
@keyframes side_menu_content_left_in {
	0% {
		width: auto;
		transform: translateX(-100%);
	}
	100% {
		width: auto;
		transform: translateX(0%);
	}
}
@keyframes side_menu_content_right_out {
	0% {
		width: auto;
		transform: translateX(0%);
  	} 
	100% {
		width: auto;
		transform: translateX(100%);
	}
}
.side_menu_right_3.right_in {
	width: auto;
	animation: side_menu_content_right_in 210ms ease-out forwards;
}
@keyframes side_menu_content_right_in {
	0% {
		width: auto;
		transform: translateX(100%);
	} 
	100% {
		width: auto;
		transform: translateX(0%);
	}
}
.side_menu_left_3_l_5,
.side_menu_left_3_r_5 {
	width: 160px;
	height: 100px;
	overflow: hidden;
	position: relative;
}
.side_menu_left_3_l_6,
.side_menu_left_3_r_6 {
	width: auto;
    height: 100px;
	max-width: 350px;
    font-size: 1.2rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
	opacity: 0;
}
.side_menu_left_3_l_7 {
	font-size: 1.2rem;
	line-height: 1.7rem;
	color: #990900;
	font-weight: bold;
	display: block;
}
.side_menu_left_3_l_8 {
	font-size: 1.5rem;
	line-height: 1.9rem;
	font-weight: bold;
	display: block;
}
a.side_menu_left_3_l_8:link
a.side_menu_left_3_l_8:visited,
a.side_menu_left_3_l_8:hover,
a.side_menu_left_3_l_8:active {
	color: #22211d;
}
.side_menu_left_3_l_6.l_10_fade,
.side_menu_left_3_r_6.l_10_fade11 {
	animation: 640ms ease-in-out forwards opacity;
}
@keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.chev_nav_l,
.chev_nav_r {
    width: 47px;
    height: 47px;
    padding: 39px 10px 39px 10px;
}
.chev_nav_l.fade_a_s_m_left,
.chev_nav_r.fade_a_s_m_right {
	animation: 210ms ease-out forwards chev_nav_l;
	color: #666;
}
.chev_nav_l:hover,
.chev_nav_r:hover {
    animation: 210ms ease-out invert_4;
}
@keyframes invert_4 {
	0% {
		filter: invert(0%);
	}
	100% {
		filter: invert(4%);
	}
}


@media (prefers-color-scheme: dark) {
	.menu_scroll_1 {
		background-color: #22211d;
	}
	.menu_scroll_1 div a {
		color: #fafaf8;
	}
	.sys_icon {
		color: #fff;
	}
	.side_menu_left_2,
	.side_menu_left_3,
	.side_menu_right_2,
	.side_menu_right_3,
	.tg,
	.menulist_menu_scroll_6 {
		background-color: #333;
	}
	.side_menu_left_3_l_7 {
		color: #ff6669;
	}
    .mst,
    .header_menu_scroll,
    .header_menu_scroll.cl_sc {
        filter: invert(0%);
    }
    .header_schrift_scroll {
        filter: invert(20%);
    }
}