body{
	font-family: 'Roboto', sans-serif;
	/*font-family: 'Roboto Slab', serif;*/
	font-size:16px;
	line-height:22px;
	background:#fff;
}
a{
	color:inherit;
	text-decoration:none;	
}
.logo{
	font-size:31px;	
	line-height:36px;
	font-weight:300;
    /*width: 400px;*/
	margin:22px 0px 5px 0px;
	z-index:500;
}
.iepe_link{
	display: block;
    margin: -5px 0px 0px 0px;
}
.slab{
	font-family: 'Roboto Slab', serif;
}
.sans{
	font-family: 'Roboto', sans-serif;
}
.fett{
	font-weight:600;	
}
.bold{
	font-weight:600;	
}
strong{
	font-weight:600;	
}
em{
	font-style:italic;	
}
.thin{
	font-weight:300;	
}
.grey{
	background:rgba(0,0,0,0.15);	
}
.dimm{
	filter:brightness(0.95);	
}
.fd_body{
	display:flex;
	min-height:100vh;
 	flex-direction:column;
}
.fd_container{
	flex:1;
}
.show_at_750{
	display:none;	
}
.show_at_1000{
	display:none;	
}
ul {
	list-style: outside;
    margin-left: 1em;
	margin-bottom: 1em;
}
ul li:before {
	padding-right: 0px; 
}
ul p{
	margin:0px;
}
ol {
	list-style:decimal;
    margin-left: 1em;
	margin-bottom: 1em;
}
ol li:before {
	padding-right: 0px; 
}
ol p{
	margin-bottom:1em;
}
sub{
	position: relative;
	font-size: 0.75em;
	line-height: 1em;
    bottom: -0.25em;
}
sup{
	position: relative;
	font-size: 0.75em;
	line-height: 1em;
	top: -0.5em;
}
/* Nav */
.eth_logo{
	display:block;
	width:115px;
	margin:0px 0px 30px -2px;
}
.top-flex{
	display:flex;	
	width:100%;
	margin:0px 0px 28px 0px; /*0px 0px 32px 0px; */
}
nav{
	flex:1;
	display:flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.navpoint{
	display: inline-flex;
	flex-direction: column;
	justify-content: flex-start;
	position:relative;
}
.navpoint_mainlink{
	font-weight:300;
	font-size: 17px;
	line-height: 23px;
	text-transform:uppercase;
	padding:5px 24px;
	box-sizing:border-box;
}
.navpoint_mainlink:hover{
	font-weight:600;
}
.navpoint_selected{
	font-weight:600;
}

.nav_search_icon{
	display:flex;
	transform:translateY(-4px);
	z-index: 200;
}
.nav_search_icon_clickable{
	width: 25px;
	height: 25px;
	padding: 0px 0px 0px 20px;
	cursor:pointer;
	transition:all 250ms ease;
}
.nav_search_icon_clickable:hover{
	opacity:0.8;
}
.inaktiv{
	color:#ccc;
	cursor:default;	
}
.inaktiv:hover{
	font-weight:400;
	text-decoration:none;	
}
.subnav{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	position:absolute;
	left:0px;
	top:33px;
	width:220px;
	height:0px;
	background:#fff;
	z-index: 200;
	overflow:hidden;
	transition:all 250ms ease;
}
.navpoint:hover > .navpoint_mainlink{
	font-weight:600;
}
.navpoint:hover > .subnav{
	height:415px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.navpoint_sublink{
	width:100%;
	padding:8px 10px 8px 25px;
	box-sizing: border-box;
}
.navpoint_sublink_space{
	/*height:33px;*/
}
.navpoint_sublink:first-child{
	margin-top:33px;
}
.navpoint_sublink:hover{
	font-weight:600;	
}
.navpoint_sublink_selected{
	font-weight:600;	
	/*text-transform:uppercase;*/
}
.mobile_nav{ 
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	height:75px;
	width:75px;
	font-size:21px;
	font-weight:300;
	z-index:800;
	vertical-align:top;
}
.mob_burger{
	line-height:0px;
	position:absolute;
	right:0px;
	top:0px;	
	cursor:pointer;
}
.mob_burger:hover{
	opacity:0.75;	
}
.mob_burger img{
	width:40px;
	padding:17px 17px 19px 15px;
}
.mob_sidebar{
	position:fixed;
	right:0px;
	width:0%;
	height:100%;
	background:rgba(255,255,255,1);	
	transition:all 250ms ease;
	overflow:hidden;
	z-index:1000;	
}
.mob_sidebar_background{
	position:fixed;
	right:0px;
	width:0%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:999;
}
.mob_menu{
	flex:1;
	width:100%;
	height:100%;
	overflow-y:auto;
	transition:all 200ms linear;
}
.mob_menu_inner{
	margin:120px 20px 35px 20px;	
}	
.mob_close{
	line-height:0px;
	position:absolute;
	right:0px;
	top:0px;	
	cursor:pointer;
}
.mob_close:hover{
	opacity:0.75;	
}
.mob_close img{
	width:40px;
	padding:17px 17px 19px 15px;
}
.mob_navpoint{
	display:block;
	padding:10px 0px 10px 0px;
	border-top:1px solid rgb(200,200,200);
	cursor:pointer;
}
.mob_navpoint:hover{
	background:rgba(220,220,220,0.1);	
}
.mob_navpoint_selected{
	font-weight:600;	
}
.mob_navpoint_line{
	border-bottom:1px solid rgb(200,200,200);
}
.mob_nav_flex{
	display:flex;
}
.mob_nav_flex_left{
	flex:1;
}
.mob_nav_flex_right{
	flex:0 0 40px;
	text-align:center;
	cursor:pointer;
	border-top:1px solid rgb(200,200,200);
}
.mob_arrow_img{
	width: 22px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 8px;
	opacity: 0.5;
	transform: rotate(-90Deg);
}
.mob_arrow_img_selected{
	transform:rotate(90Deg);
	display:none;
}
.mob_subnav_group{
	padding: 2px 0px 13px 0px;
	display:none;
}
.mob_subnav_group_show{
	display:block;
}		
.mob_subnavpoint{
	font-size: 17px;
	display: block;
	padding: 4px 0px 4px 0px;
	cursor: pointer;
}
.mob_navpoint_selected{
	font-weight:600;	
}
.mob_subnavpoint:hover{
	background:rgba(220,220,220,0.1);	
}		
.nav_seperation{
	margin: 6px 0px 6px 0px;
	border-top: 1px dashed #000;	
}
.search_subnav{
	left: auto;
	right: 0px;
	background: #fff;
	height: 0px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	box-sizing: border-box;
}
.search_subnav_inner{
	top: 0px;
	width: auto;
	height: 36px;
	margin: 15px 10px auto 10px;
}
.search_form{
	display:flex;	
	width:100%;
	height:100%
}
.search_inputfield{
	font-family: "Roboto";
	width: 160px;
	font-size: 18px;
	font-weight: 300;
	padding: 9px 8px;
	box-sizing: border-box;
	border: none;
	background: rgb(235,235,235);
	outline: unset;	
}
.search_submit{
	background: rgb(0,0,0,0.15);
	width: 40px;
	padding: 3px 5px;
	box-sizing: border-box;
	transition: all 250ms ease;
	cursor:pointer;
	outline: unset;
	border: none;
}
.search_submit:focus{
	background: rgb(200,200,200);
}
.search_submit:hover{
	background: rgb(0,0,0,0.22);
}
.mob_search{
	margin-top:50px;	
}
.mob_search .search_inputfield{
	width:100%;
}
.search_results{
	border-top: 1px solid rgb(200,200,200);
}
.search_result{
	display: block;
	border-bottom: 1px solid rgb(200,200,200);
	padding: 10px 0px 10px 0px;
	transition:all 250ms ease;
}
.search_result:hover{
	background:rgba(0,0,0,0.05);
}
/* Home*/
.felder{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	margin:0px 0px 70px 0px;
	width:100%;
	overflow:hidden;
}
.felder_mobile{
	display:none;
	flex-direction: row;
	flex-wrap:wrap;
	margin:0px 0px 30px 0px;
	width:100%;
	overflow:hidden;
	min-width:250px;
}
.felder_proportion{
	width:100%;
	height:100%;
}
.feld{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	text-align:center;
	justify-content: center;
	position:relative; 
	height:100%; 
	width:100%; 
	overflow:hidden;
}
.feld_layer_img{
	width:100%;
	height:100%;
	filter:saturate(0);
}
.feld_layer_img img{
	position: unset;
	width:100%;
	top:50%;
	transform:translateY(-24%) scale(1.1);	
	opacity:1;	
}
.feld_layer_img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.feld_layer_multiply{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;	
}
.feld_layer_hovereffect{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	opacity:0.0;
	transition:opacity 250ms ease;
}
.feld_icon{
	width:100%;
	line-height: 1.4em;
	z-index:100;
}
.feld_icon_absolute {
	position: absolute;
}
.feld_icon_schraffur{
	/*mix-blend-mode:normal;*/
}
.feld_icon img{
	max-width:90px;	
	transition:transform 250ms ease;
}
.feld_icon_schraffur img{
	max-width:80px;	
}
.feld_text{
	font-size:1.6em;
	line-height:1.25em;
	color:#fff;
}
.feld_farbig:hover > .feld_layer_hovereffect{
	opacity:0.5;
}
.feld_farbig:hover > .feld_icon img{
	transform:scale(1.14) translateY(-2px);
}
.feld_grau{
	background:rgba(190, 202, 197,1);
	/* background:#3fd198;  Screenshot Mode */
}
.feld_grau:hover > .feld_grau_hovereffect{
	opacity:1;
}
.feld_grau:hover > .feld_icon img{
	transform:scale(1.14) translateY(-2px);
}
.feld_grau_hovereffect{	
	background:#5ed3a5; 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	opacity:0.0;
	transition:opacity 250ms ease;
}
.feld_typo_green_span{
	box-sizing: border-box;
	display: inline-block;
	height: 26px;
	color: #32b58a;
	color: #fff;
}
.feld:hover{
	cursor:pointer;
}
.feld_layer_img_home{
	width:auto;
	height:auto;
	filter:none;	
}	
.feld_layer_img_home img{
	position:absolute;
	width:100%;
	top:50%;
	min-width:100%; min-height:100%; object-fit: cover;		
	transform:translateY(-50%) scale(1.1);	
	opacity:0;	
	filter:saturate(0);
	transition:opacity 2500ms ease;
}	
/* Topic */
.thema_box{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	text-align: center;
	justify-content: center; 
	position:relative; 
	height:100%; 
	width:100%; 		
	height:400px;
	overflow:hidden;
}
.thema_box_content{
	position: absolute;
	text-align: left;
	left: 0px;
	top: 157px;
	padding: 0px;
	box-sizing: border-box;
	color: #fff;
}
.thema_box_content_black{
	color: #000;
}
.thema_box_title{
	font-size: 55px;
	line-height: 60px;
	margin-bottom:15px;
}
.thema_box_subtitle{
	max-width: 900px;
	font-size: 38px;
	line-height: 42px;
}
.thema_icon{
	position: absolute;
	right: 10px;
	top: 40px;
	height:245px;
	transform: translateX(-10px);
	margin:0px 0px 5px 0px;
}
.thema_icon_invert{
	filter: invert(1);
}
.topic_icon_a {
	display: flex;
	align-items: center;	
	margin: 0px 22px 7px 0px;
}
.topic_icon_circle{
	display:inline-block;
	flex:0 0 60px;
	height:60px;
	border-radius:30px;
	margin:0px 11px 0px 0px;
	background:#eee;
	opacity:1;
	transition:all 250ms ease;
	overflow:hidden;
}
.topic_icon_circle_selected{
	flex: 0 0 120px;
	height: 120px;
	border-radius: 60px;	
}
.topic_icon_rest{
	flex:1;	
}
.topic_icon_a:hover{
	color:var(--text_green);	
}
.topic_icon_a:hover > .topic_icon_person_img{
	filter: saturate(1);
	opacity:0.8;
}
.topic_icon_a:hover > .topic_icon_circle{
	opacity:0.8;
}
.topic_icon_center{
	width:100%;
	height:100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topic_icon_circle_img{
	width:82%;	
}
.topic_icon_person_img{
	width:100%;
	filter: saturate(0.5);
	transition:all 250ms ease;
}
.area_box{
	flex-basis: calc(33.33% - 6.66px);
	margin-bottom:10px;
	line-height:0px;
}

.area_layer_img{
	position:relative;
	filter:brightness(0.95) saturate(0);
	transition:all 250ms ease;
}
/* Abschnitt */
.abschnitt{
	display:flex;
	min-height:230px;	
	margin-bottom: 25px;
}
.abschnitt_bild{
	width:30%;
	line-height: 0px;
	background:rgba(0,0,0,0.1);
	box-sizing:border-box;
}
.abschnitt_bild img{
	width:100%;
	height:100%;
	object-fit: cover;	
}
.abschnitt_text{
	width:70%;
	font-size: 20px;
	line-height: 30px;
	padding: 30px 60px 22px 80px;
	box-sizing:border-box;
}
.abschnitt_more{
	margin-top: -16px;
}
.abschnitt_more_link{
	display: table;
	padding-right:20px;
}
.abschnitt_text p{
	max-width:700px;	
}	
.abschnitt_text h2 {
	margin-bottom: 10px;
}
.abschnitt_text a:hover{
	opacity:0.8;
}
.abschnitt_text ul{
	margin-bottom:35px;	
}
/* Footer */
footer{
	color:#aaa;
	background:#fff;
	border-top:1px solid rgb(200,200,200);
	box-sizing: border-box;
    padding: 20px 0px 20px 0px;
	margin-top: 50px;
}
.footer_flex{
	display:flex;
}
.footer_left{
	flex:1;
}
.footer_right{
	flex:1;
	text-align: right;
}
.footer_link{
	margin:0px 0px 0px 25px;	
}
.footer_link:hover{
	opacity:0.8;
}
.limiter{
	margin:0px auto 0px auto;
	width:100%;
	max-width:1430px;	
}
.limiter_inner{
	margin: 0px 15px 0px 15px;
}
.space{
	display:block;
	height:100px;	
}
.space_medium{
	display:block;
	height:75px;	
}
.space_small{
	display:block;
	height:50px;	
}
.space_mini{
	display:block;
	height:25px;	
}
.space_micro{
	display:block;
	height:10px;	
}
.fitw{
	width:100%;
	height:auto;	
}
.fith{
	height:100%;
	width:auto;	
}
h2{
	font-size:29px;
	line-height:50px;	
	margin-bottom:15px;
}
h3{
	font-weight:600;	
	margin-bottom:1em;
}
.einzug{
	margin-left:130px;	
}
.fliesstext{
	font-size:20px;
	line-height:30px;
	max-width:900px;	
}
.smalltext{
	font-size:16px;
	line-height:25px;
	max-width:900px;	
}
p{
	margin:0px 0px 1em 0px;	
}
/* People */
.person_container{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap:90px 100px;
}
.person_box{
	position:relative;
	flex-basis: 220px;
    flex-grow: 1;
    flex-shrink: 1;
	line-height:0px;
}
.person_portrait_img{
	margin-top:40px;	
	filter:saturate(0);
}
.person_name{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	color:#fff;
	padding:15px 10px 0px 25px;
	font-size:18px;
	line-height:22px;
	box-sizing: border-box;
}
.person_color_overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	mix-blend-mode:multiply;
}
.person_hover_overlay{
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;	
	color:#fff;
	transition:all 250ms ease;
	box-sizing:border-box;
	padding: 10px 15px 10px 25px;
	opacity:0; 
	pointer-events: none;
}
.person_overflow{
	transition:all 250ms ease;
	transform:translateY(120%);
}
.person_box:hover > .person_hover_overlay{
	opacity:1;
	pointer-events:auto;
}
.person_box:hover >  .person_hover_overlay > .person_overflow {
	transform:translateY(0%);
}
.person_info_link{
	display:flex;	
	justify-content: flex-start;
	align-items: flex-start;
	margin:0px 0px 12px 0px;
	line-height: 21px;
	transition:all 250ms ease;
	opacity:1;
}
.person_info_link:hover{
	opacity:0.8;
}
.person_info_link img{
	margin:0px 6px 2px 0px;	
}
.person_info_link_shift{
	transform:translateY(3px);
}
.person_icon {
	display: flex;
	width: 100%; 
	margin: 0px 22px 7px 0px;
}
												
.person_info_name {
	flex-grow: 1;
	height:50px;
	display: flex;
	align-items: center;
	line-height: 22px;

	margin:0px 0px 5px 0px;
}
.person_info_menu{
	display: block;
	overflow:hidden;
	min-height: 50px;
	height:auto;
	transition:all 250ms ease;
}
.person_info_menu:hover{
	height:100%;	
}
.person_info_icons{
	display:flex;
	margin:0px 0px 0px 0px;		
}
.person_info_icon{
	display: flex;
    align-items: center;
	line-height: 14px;
    vertical-align: middle;
	transition:all 250ms ease;
	filter: contrast(0.75);
	opacity:1;
}
.person_info_icon:hover{
	opacity:1;
	filter: contrast(0.55);
}
.person_info_icon img{
	margin:0px 4px 2px 0px;	
}
.person_new{
	display:flex;
	flex-wrap: nowrap;
	margin: 0px 0px 7px 0px;
	line-height: 0px;
	cursor: pointer;
}
.person_new_spalte1{				

}
.person_new_spalte2{
	line-height: 12px;
	flex-grow:1;
}
.person_new_circle{
	width:60px;
	height:60px;
	border-radius: 30px;
	margin: 0px 11px 0px 0px;
	background: #eee;
	opacity: 1;
	transition: all 250ms ease;
	overflow: hidden;
}
.person_new_circle_selected {
	width:120px;
	height:120px;
	border-radius: 60px;
}
.person_new_infos{
	display: flex;
	align-items: center;
	height:100%;
	padding:0px 0px 3px 0px;
	box-sizing:border-box;	
	line-height: 22px;
}
.person_new_name{

}
.person_new_contact{
	max-height:0px;
	overflow:hidden;
	transition: all 250ms ease;
	transform:translateX(-2px);
}
.person_new_contact_selected{
	max-height:90px;
}
.person_new_info_link {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0px 0px 1px 0px;
	line-height: 21px;
	transition: all 250ms ease;
	opacity: 1;
	color:#999;
}
.person_new_info_link img {
	margin: 0px 6px 2px 0px;
	filter: contrast(0.75);
	transform:translateY(-3px);
	transition: all 250ms ease;
}
.person_new_info_link:first-of-type{
	padding-top:9px;
}
.person_new_info_link:hover {
	color:#555;
}
.person_new_info_link:hover > img{
	filter: contrast(0.575);
}
.person_new:hover > .person_new_spalte1 > .person_new_circle{
	background: #dadada;
}
.person_new_circle_selected{
	background: #dadada;
}
/* News */
.news{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin:0px 0px 140px 0px;
	line-height:0px;
	min-width:250px;
}
.news_box{
	position:relative;
	width: calc(25% - 3.75px);
	margin-bottom:5px;
	transition:all 120ms ease;
	aspect-ratio: 3 / 2;
}
.news_box img{
	filter:brightness(0.75);
	transition:all 200ms ease;
}
.news_rollover_farbe_inner{
	filter:brightness(1);
	transition:all 200ms ease;
}
.news_box:hover{

}
.news_box_title{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:auto;
	min-height:100px;
	padding:10px 15px 15px 15px;
	box-sizing: border-box;
	color:#fff;
	font-size:19px;
	line-height:24px;
	background:none;
}
.news_box_title_fade{
	background:linear-gradient(0deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.0) 100%);
}
.news_box_title_date{
	opacity:0.8;
	font-size:15px;
	line-height:20px;	
}
.news_rollover_bild:hover > img{
	filter:brightness(1);
}
.news_rollover_farbe:hover > .news_rollover_farbe_inner{
	filter:brightness(1.1);
}
.news_filter{
	border-top:2px solid #fff;
	padding:0px 30px 0px 0px;
	box-sizing:border-box;
	font-weight:300;
	font-size:24.5px;
}
.news_filter_link{
	display: inline-block;
	padding:20px 32px 20px 0px;
	letter-spacing:0.015em;
	transition: text-shadow 0.3s ease;
}
.news_filter_link:hover{
	letter-spacing:0em;
	font-weight:600;
	text-shadow: 0 0 0 transparent;
}
.news_filter_link::after { display:block; content:attr(name); font-weight:600; visibility: hidden; overflow: hidden; height: 0px; letter-spacing:0.0em;} 
.news_filter_selected{
	letter-spacing:0em;
	font-weight:600;
}
.news_spalten{
	display:flex;
	padding:50px 0px 0px 0px;	
}
.news_spalte1 {
	flex: 45%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.news_spalte2{
	flex: 55%;
}
.news_picture{
	line-height:0px;
}
.news_title_box{
	padding-top:20px;
}
.news_datum{
	display:flex;
	border-bottom:6px solid;	
	height:34px;
	margin-bottom:20px;
}
.news_datum_1{
	flex:1;
	padding: 4px 0px 0px 0px;
}
.news_datum_2{
	display:none;
	flex:30px 0 0;
}
.news_datum_3{
	display:none;
	flex:30px 0 0;
}
.news_datum svg, .news_datum img{
	width:28px;
	height:28px;
	padding:0px 5px 5px 5px;	
	transform:translateY(-2px) scale(0.9);
}
.news_datum svg:hover{
	filter:saturate(0);
}
.news_datum_space{
	height:34px;	
}
.news_title{
	font-size: 58px;
	line-height: 60px;
}
.news_url{
	display:block;
	font-size: 30px;
	line-height: 30px;
	margin: 24px 0px 5px 0px;
}
.news_einzug{
	margin:0px 60px 0px 30px;
}
.news_infos{
	width:100%;
	max-width:400px;
}
.news_info_sources{
	display: block;
	font-size:18px;
	line-height: 24px;
	border-top:1px solid;
	padding:4px 0px 10px 0px;
	margin:0px 0px 15px 0px;
	width:100%;
}
.news_info_sources a{
	margin-right:25px;	
}
.news_info_source{

}
.news_arrow_next{
	position:fixed;
	padding:15px;
	right:0px;
	top:45vh;
	transition:all 250ms ease;
	opacity:1;
}
.news_arrow_next svg{
	
}
.news_arrow_next:hover{
	opacity:0.5;
}
.news_arrow_prev{
	position:fixed;
	padding:15px;
	left:0px;
	top:45vh;
	transition:all 250ms ease;
	opacity:1;
}
.news_arrow_prev:hover{
	opacity:0.5;
}
.news_arrow_prev svg{
	
}
.news_mob_arrow_holder{
	position: absolute;
	width:100%;
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}	
.news_mob_arrow_holder svg{
	background:#fff;	
}
.news_mob_arrow_left{
	background: #fff;
	padding: 5px 2px 5px 0px;
	margin: 0px 0px 0px -2px;
}
.news_mob_arrow_right{
	background: #fff;
	padding: 5px 0px 5px 2px;	
	margin: 0px -2px 0px 0px;
}		
/* Labs */
.labs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-items: flex-start;
	margin:0px 0px 62px 0px;
}
.labs_box{
	position:relative;
	flex-basis: calc(33.33% - 6.66px);
	margin-bottom:10px;
	line-height:0px;
	background:rgba(0,0,0,0.08);
}
.labs_img{
	position:relative;
	filter:brightness(0.95);
	transition:all 250ms ease;
}
.labs_title{
	color:#fff;	
	font-size: 21px;
	line-height: 27px;
	padding: 11px 18px 26px 18px;
	min-height: 54px;
	transition:all 250ms ease;
}
.labs_overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.2);
	transition:all 250ms ease;
	opacity:0.0;
}
.labs_box:hover{

}
.labs_box:hover > .labs_img .labs_overlay{

}
.labs_box:hover > .labs_img {
	filter:brightness(1.1);
}
.labs_box:hover > .labs_title {
	filter:brightness(1.1);
}
.lab_spalten{
	display:flex;	
}
.lab_spalte1 {
	flex: 45%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.lab_spalte2{
	flex: 55%;
}
.lab_picture{
	line-height:0px;
}
.lab_picture_mobile{ 
	display:none;
	width:100%;
	line-height: 0px;
	margin:0px 0px 20px 0px;
}
.lab_title_box{
	padding: 0px 10px 44px 30px;
}
.lab_title{
	font-size: 58px;
	line-height: 60px;
}
.lab_url{
	display: inline-block;
	font-size: 30px;
	line-height: 30px;
	margin: 24px 0px 44px 0px;
	transition:all 50ms ease;
}
.lab_url:hover{
	color:var(--text_hover);
}
.lab_einzug{
	margin:0px 60px 0px 30px;
}
.lab_infos{
	width:100%;
	max-width:400px;
}
.lab_info_title{
	font-size:18px;
	border-bottom:1px solid;
	padding:0px 0px 10px 0px;
	margin:0px 0px 15px 0px;
}
.lab_line_top{
	display:flex;
	margin-bottom:30px;
}
.lab_line_top_part{
	display:block;
	background:rgba(0,0,0,0.1);
	height:6px;	
	
}
.lab_line_bottom{
	display:flex;					
}
.lab_line_bottom_part{
	display:flex;
	position:relative;
	filter:brightness(1.0);
	transition:all 250ms ease;
}
.lab_line_bottom_part:hover{
	filter:brightness(1.1);
}

.lab_line_bottom_part_empty{
	height:6px;	
}
.lab_line_bottom_icon{
	width:36px;
	line-height:0px;	
	padding:4px;
	box-sizing:border-box;
	z-index:20;
}
.lab_line_bottom_text{
	color:#fff;
	line-height: 20px;
	margin: 8px 0px 0px 2px;
	z-index:10;
}
.lab_news_icon_circle{
	display:inline-block;
	flex:0 0 60px;
	height:60px;
	border-radius:3px;
	margin:0px 11px 0px 0px;
	background:#eee;
	opacity:1;
	transition:all 250ms ease;
	overflow:hidden;
	transform:scale(0.95);
}
/* Resources */
.resources{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-items: flex-start;
	margin:0px 0px 140px 0px;
}
.resources_box{
	position:relative;
	flex-basis: calc(33.33% - 6.66px);
	margin-bottom:10px;
	line-height:0px;
	background:rgba(0,0,0,0.08);
}
.resources_box p{
	margin:0px 0px 10px 0px;
}
.resources_image{
	line-height:0;
	width:100%;
	filter:saturate(0);
}
.add_borders{
	margin: 0px 0px 0px 0px;	
}
.add_borders_both{
	margin: 0px 0px 0px 0px;	
}
/* Courses */
.semester{
	margin-bottom:50px;	
}				
.course{
	display:flex;	
	color: #fff;
	font-size: 21px;
	line-height: 27px;
	margin: 0px 0px 4px 0px;
	transition:all 250ms ease;
}
.course_spalte0{
	flex: 0 0 60px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	box-sizing: border-box;
}
.course_spalte0 img{
	width: 52px;
	margin: 7px 0px 0px 6px;
}
.course_spalte1{
	flex: 1 1 100%;
	padding: 18px 15px 20px 8px;
	box-sizing: border-box;
}
.course_spalte2{
	align-items: flex-start;
	color: #fff;
	flex: 340px;
	font-size: 17px;
	padding: 18px 0px 0px 10px;
	box-sizing: border-box;
}
.course_spalte3{
	display: flex;
	align-items: flex-start;
	color: #fff;
	flex: 1 0 180px;
	font-size: 17px;
	padding: 18px 0px 0px 10px;
	box-sizing: border-box;
}
.course_spalte2 a{
	transition:all 150ms ease;	
}
.course_spalte2 a:hover{
	opacity:0.82;
}
.course_spalte3 a{
	display: flex;
	transition:all 150ms ease;	
}
.course_spalte3 a:hover{
	opacity:0.82;
}
.course img{
	padding:0px 6px 0px 0px;	
}
.course_hover{
	transition:all 250ms ease;	
}
.course_hover:hover{
	background:rgba(0,0,0,0.2);
}
@media (max-width: 1500px) {
	.news_spalten { }		
	.news_arrow_prev{ padding: 15px 15px 15px 9px; display:not_none; }
	.news_arrow_next{ padding: 15px 9px 15px 15px; display:not_none; }	
	.add_borders{ margin: 0px 0px 0px 36px; }
	.add_borders_both{ margin: 0px 36px 0px 36px; }
}
@media (max-width: 1300px) {
	.thema_box_subtitle {max-width: 700px;}
	.thema_icon { height: 220px; }	
	.person_container{ gap:63px 70px; }
}
@media (max-width: 1150px) {
	.logo{ font-size: 27px; line-height: 33px; }
	.eth_logo { width: 110px; margin: 0px 0px 25px -2px; }
	.navpoint_mainlink{	margin:0px -5px; overflow:hidden; }
	.feld_icon img { max-width: 70px; margin-bottom: -5px; }
	.feld_icon p{ font-size: 20px; margin-bottom: 5px; }	
	.news_box { width: calc(33.333% - 3.33px); }
	.person_container{ gap:26px 28px; }
}
@media (max-width: 1000px) {
	nav{ display:none; }
	.mobile_nav{ display: flex;}	
	.thema_icon { height: 220px; }	
	.einzug { margin-left: 25px; margin-right: 25px; }
	.thema_icon { height: 190px; right: 5px; top: 25px; }	
	.labs_box { flex-basis: calc(50% - 5px); }
	.resources_box { flex-basis: calc(50% - 5px); }
	.thema_box { height: 360px; }
	.thema_box_title { font-size: 50px;	line-height: 55px; margin-bottom: 13px;	}
	.thema_box_subtitle { font-size: 34px; line-height: 39px; }	
	.feld_layer_img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.feld_text { font-size: 20px; line-height: 26px; }
	.feld_icon img { max-width: 60px; margin-bottom: -7px; }
	/* ------ */
	.lab_title_box { padding: 0px 0px 40px 20px; }
	.lab_spalte1 { flex: 42% 0 0; }
	.lab_spalte2 { flex: 58% 0 0; }
	.lab_title { font-size: 42px; line-height: 45px; }
	.lab_url { font-size: 25px; line-height: 25px; margin: 18px 0px 35px 0px; }
	.lab_einzug { margin: 0px 0px 0px 20px; }	
	/* ------ */
	.person_container{ gap:14px 15px; }
	.news_filter { font-size: 22px; padding: 5px 15px 0px 0px; }
	.news_filter_link { padding: 15px 28px 15px 0px;}
	.news_title { font-size: 44px; line-height: 50px; }
	.news_einzug { margin: 0px 0px 0px 25px; }
	.news_spalte1 { flex: 100%; }
	.news_spalte2 { flex: 60%; }
	.news_arrow_next { padding: 15px 3px 15px 15px; }
	.news_arrow_prev { padding: 15px 15px 15px 4px; }
	.space_small { height: 35px; }	
	
	.add_borders{ margin: 0px 0px 0px 0px; }
	.add_borders_both{ margin: 0px 0px 0px 0px; }
	.news_box { width: calc(50% - 2px); margin-bottom:4px; }
	.news_spalten { flex-direction: column; padding: 0px 0px 0px 0px; margin-bottom: 70px; margin-left: 0px;}
	.news_picture { position:relative; margin: 0px 0px 18px 0px; width: 100%; }
	.news_einzug { margin: 0px 0px 0px 0px; }
	.news_datum { border-bottom: 4px solid; margin: 0px 0px 10px 0px; }
	.news_title { margin-bottom: 18px; }
	.news_arrow_next{ display:none; }
	.news_arrow_prev{ display:none; }
	
	.news_datum_2{ display:flex; }
	.news_datum_3{ display:flex; }
	
	.hide_at_1000{ display:none; }
	.show_at_1000{ display:flex; }		
}
@media (max-width: 800px) {
	.course{ display:flex; flex-wrap: wrap; font-size: 20px; line-height: 24px; }
	.course_spalte0 { flex: 0 0 15%; height: 50px; }
	.course_spalte0 img { width:85%; }
	.course_spalte1 { flex: 85%; padding: 14px 15px 10px 8px; }
	.course_spalte2 { flex: 0 1 90px; padding: 0px 0px 14px 10px; margin: 0px 0px 0px 15%; font-size: 15px; }
	.course_spalte3 { flex: 1; padding: 0px 0px 14px 10px; font-size: 15px; }
	.course_spalte3 a{ align-items: center; }
}
@media (max-width: 750px) {
	.felder{ display:none; }
	.felder_mobile{ display:flex; }
	.feld_icon img { max-width: 90px; margin-bottom: -6px; }
	.lab_spalten { flex-direction: column-reverse; }
	.lab_picture { display: none; }
	.lab_picture_mobile{ display:block; }
	.lab_spalte1 { flex: 100%; }
	.lab_infos { max-width:none; }
	.lab_title_box { padding: 0px 0px 35px 0px; }
	.lab_einzug { margin: 0px 5px 0px 0px; }
	.lab_line_top { margin-bottom: 16px; }
	.lab_url { margin: 18px 0px 30px 0px; }
	.hide_at_750{ display:none; }
	.show_at_750{ display:flex; }
}
@media (max-width: 700px) {
	
}
@media (max-width: 600px) {
	.top-flex { margin: 0px 0px 22px 0px; }
	.logo { font-size: 24px; line-height: 30px; }
	.eth_logo { width: 104px; margin: 0px 0px 21px -2px; }
	.fliesstext { font-size: 17px; line-height: 26px; }
	.einzug { margin-left: 0px; margin-right: 0px; }
	.einzug_on_mobile{ margin-left: 15px; margin-right: 15px; }
	.thema_icon { height:145px; right: 0px; top: 10px; }
	.thema_box { height: 300px; }
	.thema_box_content { top: 140px; }
	.thema_box_title { font-size: 38px; line-height: 42px; margin-bottom: 9px; }
	.thema_box_subtitle { font-size: 24px; line-height: 31px; }
	.area_box{ flex-basis: calc(50% - 2px); margin-bottom: 4px; }
	.abschnitt{	flex-direction: column;	}
	.abschnitt_reverse{	flex-direction: column-reverse; }
	.abschnitt_bild { width:100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center;	max-height: 170px; }
	.abschnitt_text { width: 100%; font-size: 17px; line-height: 27px; padding: 16px 20px 15px 20px; }
	.abschnitt_more{ margin-top: -16px; }
	.labs { margin: 0px 0px 50px 0px; }
	.labs_title { font-size: 18px; line-height: 24px; padding: 7px 7px 18px 10px; min-height: 72px; }
	.news_box_title { min-height: 84px; padding: 10px 10px 10px 10px; font-size: 17px; line-height: 22px; }
	.news_filter { font-size: 18px;    padding: 9px 0px 0px 0px; }	
	.news_filter_link { padding: 4px 15px 4px 0px; }
	.news_info_sources { font-size: 16px; line-height: 24px; }
	.news_info_sources a { margin-right: 18px; }
	h2 { font-size: 25px; line-height: 40px; margin-bottom: 10px; }
	.space { height: 50px; }
	.space_medium { height: 35px; }
	.space_small { height: 30px; }
	.person_container{ gap: 4px; margin-bottom: 30px; }
	.person_box { flex-basis: 190px; }
	.person_hover_overlay { padding: 90px 15px 20px 18px; }
	.person_name { padding: 15px 10px 0px 18px; }
	.labs_box{ display:flex; flex-basis: 100%; min-height: 121px; }
	.labs_box_empty{ display:none; }
	.labs_img { flex: 35% 0 0; }
	.labs_img img{ width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.labs_title{ flex: 65% 1 1;	}	
	.resources_box { flex-basis: calc(50% - 2px); margin-bottom: 4px; }		
	
}
@media (max-width: 450px) {
	.top-flex { margin: 0px 0px 18px 0px; }
	.logo { font-size: 20px; line-height: 25px; min-width: 235px; margin: 20px 0px 2px 0px; }
	.eth_logo { width: 82px; margin: 0px 0px 19px -2px;  }
	.mob_burger { top: -6px; }
	.thema_box { height: 280px; }
	.thema_icon { height: 120px; right: 0px; top: 10px; }
	.thema_box_content { top: 130px; }
	.thema_box_subtitle { font-size: 22px; line-height: 26px; }
	.labs_box { flex-basis: calc(100%); }
	.lab_title_box { padding: 0px 0px 27px 0px; }
	.lab_title { font-size: 34px; line-height: 38px; }
	.lab_url { font-size: 22px; line-height: 22px; margin: 14px 0px 22px 0px; }
	.lab_line_top { margin-bottom: 11px; }
	.lab_line_bottom_text{ /* display:none; */ }
	.lab_picture_mobile { margin: 0px 0px 15px 0px; }
	.resources_box { flex-basis: calc(50% - 2px); margin-bottom: 4px; }
	.labs_title { min-height: 47px; }
	.feld_icon p{ font-size: 16px; line-height: 19px; margin:0px 7px 5px 7px;	}			
	.feld_icon img { max-width: 60px; margin-bottom: -8px; }
	.news{ margin: 0px 0px 8px 0px; }
	.news_datum { margin: 0px 0px 8px 0px; }
	.news_box_title { min-height: 72px; padding: 10px 10px 10px 10px; font-size: 12px; line-height: 16px; }
	.news_box_title_date { font-size: 12px; line-height: 16px; }
	.news_picture { margin: 0px 0px 10px 0px; }
	.news_title { font-size: 27px; line-height: 33px; margin-bottom:14px; }
	.news_title_box { padding-top: 10px; }
	.news_info_source { font-size: 17px; line-height: 24px; padding: 2px 0px 10px 0px; }
	.person_box { flex-basis: 150px; }
	.person_hover_overlay { padding: 80px 8px 3px 15px; }
	.person_name { padding: 12px 8px 0px 15px; font-size: 15px; line-height: 19px; }
	.person_info_link { font-size: 13px; line-height: 17px; font-weight:600; }
	.person_info_link img { width: 24px; }
	.space_small { height: 22px; }
	footer { padding: 15px 0px 20px 0px; }
	.footer_right { display: flex; flex-direction: column; text-align: left; }
	.footer_link { margin: 1px 0px 0px 0px; }
	.footer_link:first-of-type{ padding-top:8px; }
}