@font-face {
	font-family: 'Overpass', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Overpass', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Overpass', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	/* Farben */
	--blue: #133761;
	--green: #696d72;
	--red: #e50046;

	--light-blue: #b8c3d0;
	--medium-blue: #899bb0;
	--dark-blue: #425f81;

	--light-grey: #f2f2f2;
	--medium-grey: #d9d9d9;
	--dark-grey: #9e9e9c;

	/* Abstände und Längen */
	--large-gap: 100px;
	--medium-gap: 75px;
	--small-gap: 50px;

	--header-height-full: 200px;
	--header-height-reduced: 100px;
	--header-height: var(--header-height-full);

	--column-gap: 75px;
	--full-height: 100vh;
	--max-width: 1600px;
	--scrollbar-width: 15px;
	--input-height: var(--small-gap);
	--checkbox-size: 35px;
	--outer-width: calc((100vw - var(--max-width) - var(--scrollbar-width)) / 2);
	--lightbox-inset: 150px;
	--sidebar-inset: var(--small-gap);

	/* Aussehen */
	--line-style: solid 2px var(--blue);
	--popup-background: rgba(19,55,97,0.9);

	/* Schrift */
	--large-text-size: 4rem;
	--large-line-height: 1.1em;

	--medium-text-size: 2.4rem;
	--medium-line-height: 1.1em;

	--medium-small-text-size: 1.8rem;
	--medium-small-line-height: 1.2em;

	--small-text-size: 1.3rem;
	--small-line-height: 1.5em;
}


* {
	font-family: 'Overpass', sans-serif;
	color: #133761 !important;	
}

p {
    font-family: 'Overpass', sans-serif;
    font-size: var(--small-text-size) !important;
    line-height: var(--small-line-height) !important;
	color: var(--blue) !important;
}

nav.cyan {
	height: 120px;
	padding-top: 10px;
}

.mdi-navigation-menu {
	color: white !important;
}

.cyan {
	background-color: white !important;	
	color: white !important;
}

.cyan p {
	color: white !important;
}

h2 {
	font-size: 44px;
    font-weight: bold;
	color: #1b7546 !important;
}

.btn, .btn-large {
	background-color: rgba(27,117,70,1) !important;	
	color: white !important;
	font-size: 1.3rem !important;
}

.btn:hover, .btn-large:hover, input[type="submit"]:hover {
	background-color: var(--green) !important;
	color: white !important;
}

.brand-logo img {
	height: 104px;
}

.nav-wrapper li {
	margin-right: 10px;
}

.nav-wrapper li.active {
	background: none !important;
}

.nav-wrapper li a {
	text-transform: uppercase;	
	color: rgba(27,117,70,1) !important;
	font-weight: bold;
	border-radius: 10px;
}	

.nav-wrapper li a:hover, .nav-wrapper li.active a {
	background-color: #696d72;
	color: white !important;
}

.card.cyan {
	background-color: rgba(27,117,70,1) !important
}

.select-lang {
	display: none;
}

a.button-collapse, a.button-collapse * {
	color: rgba(27,117,70,1) !important;
}