@font-face {font-family: 'P-Black';src: url('font/Poppins-Black.ttf') format('truetype');}
@font-face {font-family: 'P-Bold';src: url('font/Poppins-Bold.ttf') format('truetype');}
@font-face {font-family: 'P-Regular';src: url('font/Poppins-Regular.ttf') format('truetype');}
@font-face {font-family: 'P-Italic';src: url('font/Poppins-Italic.ttf') format('truetype');}

:root {
	--dunkel: #2A4F3A;
	--hell: #9BB28C
}

@view-transition {
	navigation: auto; /* Aktiviert den weichen Übergang bei der Navigation */
}

/* Optional: Geschwindigkeit und Art der Animation anpassen */
::view-transition-old(root), ::view-transition-new(root) {
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
}

body {
	font-family: P-Regular, sans-serif;
	//display: flex;
	//flex-direction: column;
	//align-items: center;
	//justify-content: center;
	//height: 100vh;
	margin: 0;
	background-color: #F5F5F5;
	transition: background-color 0.5s ease;
	font-size: 1vw;

//	background-image: linear-gradient(to top, white 80%, #CAAF02 99%)
}

input {
	font-family: P-Bold, sans-serif;
	font-size: 2em;
}

a {
	text-decoration: none;
}

.navakt a {
	color: #1411CC;
}