@font-face {
	font-family: "Oxygen"; 
	src: url("/homepage/config/fonts/Oxygen-Regular.ttf");
}
@font-face {
	font-family: "Oxygen";
	font-weight: bold;	
	src: url("/homepage/config/fonts/Oxygen-Bold.ttf");
}

.header_hintergrund_liag {
	background-color: #EEEFF2;
	background-image: url("/homepage/header/header_graphics/hintergrund-liag.png"), linear-gradient(#7D7F86, #EEEFF2);
	background-size:  cover;
	background-position: bottom;
	background-repeat: no-repeat;
	height: fit-content;
	width: 100%;
	z-index:10;
	position: relative;
	padding: 50px 20px 80px;
}
.header_hintergrund_logos {
	background-color: #F9FCFF;
	padding: 10px;
	box-shadow: 0px 0px 30px 10px #F9FCFFCC;
	width: 100%;
	height: fit-content;
	border-radius: 20px;
}
.header_hintergrund_grau {
	background-color: #EEEFF2;
	background: url("/homepage/header/header_graphics/hintergrund-grau.png");
	background-size: cover;
	width: 100%;
	border: none;
	border-radius: 0;
}
.header_hintergrund_modul {
	box-sizing: border-box;
	height: 80px;
	width: 100%;
	background-image: url("/homepage/header/header_graphics/hintergrund-liag.png");
	background-size: cover;
	background-position: top center;
	padding: 15px;
	font-family: "Oxygen",Helvetica,Arial,sans-serif;
}
.header_dropdown_mobil {
	background-color: #EEEFF2;
	background: url("/homepage/header/header_graphics/hintergrund-grau.png");
	background-size: cover;
	margin: 0;
	padding: 0;
	border:none;
}


/* Logos Geotis und LIAG Überschrift */
.logo_geotis {
	margin: 10px 20px;
}
.logo_geotis_modul {
	margin: 0 20px;
}
.logo_liag {
	margin: 10px 20px;
	
}
.logo_liag img {
	height: 50px;
}

.logo_liag_modul {
	margin: 0 20px;
}
#logo_liag_klein {
	display:none;					
}


/* Überschrift */
.header_ueberschriften {
	margin: 5px 20px;
	min-width: 600px;
}
.header_ueberschriften h1 {
	font-size: 36px;
	font-weight: bold !important;
}
.header_ueberschriften h1, .header_ueberschriften h4 {
	margin: 0;
	padding: 0;
}
.header_ueberschriften_modul {
	width: 700px;
}
.header_ueberschriften_modul h1 {
	margin: 5px 10px;
	font-size: 30px;
}


/*Menü */
.nav-wrapper, .navbar  {
	height: fit-content;
}
.affix {
	top: 0px;
}
#mainmenu_mobil {
	display: none;
	margin:8px 5px 5px;
}
#mainmenu_button_open {
	background-color: transparent;
	background-image: url("/homepage/header/header_graphics/menu-open.png");
	height: 52px;
	width: 60px;
	float: left;
}
#mainmenu_button_close {
	background-color: transparent;
	background-image: url("/homepage/header/header_graphics/menu-close.png");
	height: 52px;
	width: 60px;
	float: left;
	display:none;
}
#menu {
	z-index: 20;
}
#menu a {
	color: #004288;
	font-size: 140%;
	font-weight: bold;
	font-variant:small-caps;
}
#menu img {
	vertical-align: baseline;
}


/* Menüpunkte zum Ein-/Ausblenden */
#geotis_start_alternativ {
	margin:10px 20px;
	font-size:12px;
	font-weight:bold;
	font-variant: small-caps;
	width:  100px;
	height: 30px;
	background: linear-gradient(65deg, #004288, #e2033c);
	color: #FFFFFF;
	border: 1px solid #bebdac;
	border-radius: 15px;
}
#faq_im_menu {
	display:none;
}



/* Sprachwechsler */
.language_flag {
	margin:8px 5px 5px;
	}
.language_flag_modul {
	float:right;
	margin-top:20px;
	}
.language_flag img, .language_flag_modul img {
	width:43px;
	display: inline-block;
	margin:0 10px;
	}
.language_flag_aktiv img {
	padding: 3px;
	border: 3px #D5E9FF groove;
}
#btn_language {
	padding:3px;
	background-color: #EEEEEE2E; 
	border-color: #EEEEEE99;
}
#btn_language_modul {
	padding:3px;
}
span:has(#btn_language_modul) {
	background-color: transparent; 
	background-image:none;
	border-color: #EEEEEE2E;
}
#btn_language_dropdown  {
	width:300px;
}
#language_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
#language_list a {
	margin-bottom: 6px;
	font-size: 120%;
}


/* Verschiedenes */
.left {
	float:left;
}
.right {
	float:right;
}



/* Für kleinere Bildschirmgrößen*/
@media (max-width: 1200px){
	#logo_liag_gross {
		display:none;
	}
	#logo_liag_klein {
		display:inline-block;					
	}
}

@media (max-width: 992px){
	.header_hintergrund_logos {
		width: 90%;
		margin: auto;
	}
	.header_ueberschriften {
		padding: 0 120px;
	}
	.header_ueberschriften h1 {
		font-size: 30px;
	}
	.header_ueberschriften h4 {
		font-size: 16px;
	}
	.header_ueberschriften_modul {
		width: 400px;
	}
	.header_ueberschriften_modul h1 {
		margin-top:5px;
		font-size: 20px;
	}
	#faq_im_menu {
		display: inline;
	}
	#faq_extra {
		display: none;
	}
}

@media (max-width: 768px){
	.logo_geotis {
		margin-top: 2px;
	}
	.logo_liag {
		margin-top: 2px;
	}
	.header_ueberschriften h1 {
		font-size: 24px;
	}
	.header_ueberschriften h4 {
		font-size: 14px;
	}
	#mainmenu_mobil {
		display: block;
	}
	#mainmenu {
		display: none;
		padding-left: 90px; 
	}
	#homelink {
		display: none;
	}
	
}

@media (max-width: 620px){
	.header_ueberschriften {
		min-width: 300px;
		padding: 70px 10px 10px;
	}
}