* {
	margin: 0;
	padding: 0;
}
html, body {
	background-color: var(--c_bg);
	color: var(--c_font);
	height: 100%;
	width: 100%;
	
	font-size:15px;
	letter-spacing:1.1px;
	line-height:1.5rem;
	font-weight:normal;
	font-style:normal;
	font-family:"Inter",sans-serif;
}
@media (max-width: 430px) {
  html, body  {
    font-size: 12px; /* Kleinere Basisschrift für mobile Geräte */
  }
}

a, a:active, a:visited, a:link {
	text-decoration:none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	outline: none !important;
}
h1 {
	text-align:center;
	font-size:1.5rem;
	padding:30px 0 20px 0;
	color: var(--c_h);
}
h2 {
	text-align:center;
	font-size:1.1rem;
	margin:10px 0 5px 0;
	color: var(--c_h);
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
	background:none !important;
	border:none;
	border-bottom: 2px solid var(--c_prim);
	border-radius:5px;
	outline: none;
	box-shadow: none;

}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus {
	border:none;
	border-bottom: 2px solid var(--c_tert);
}
input:invalid + label {
  box-shadow: 0 0 0 2px red;
}

#inhalt { 	
	text-align:center;
	background-color: <?=$c_offwhite?>;
	padding: 50px;
}
#inhalt a {
	color: var(--c_link);
	border-bottom:1px solid var(--c_link);
	transition: all 0.15s ease-in-out;
 }
#inhalt a:hover,#footer a:hover {
	color: var(--c_linkhover);
	border-bottom:1px solid  var(--c_linkhover);
}







#header {
	width:100%; height:100%; position:absolute; left:0; top:0;
	background: <?php echo $c_prim; ?>;
	background: linear-gradient(90deg,rgba(80, 118, 100, 1) 0%, rgba(34, 71, 70, 1) 100%);
	display:flex; flex-direction:column;
	align-items: center; justify-content:space-around;
} 

#logo {
	width:160px;
	border-radius:50%;
	box-shadow: 0px 0px 65px #F4AC45;
	animation: logoanimation 1s infinite;
	animation-direction: alternate;
	animation-timing-function: ease-out;
}
@keyframes logoanimation {
	0% {
		box-shadow: 0px 0px 20px #F4AC45;
		transform: translateY(30px);
	}
	100% {
		box-shadow: 0px 0px 65px #F4AC45;
		transform: translateY(0px);
	}
}
.linkto {
	color:var(--c_offwhite);
	border-top: 1px solid var(--c_offwhite);
	border-bottom: 1px solid transparent;
	cursor:pointer;
	padding:13px 30px;
	border-radius: 20px; 	
	transition: all 0.2s linear;
	margin:10px;
}
.linkto:hover {
	background-color: var(--c_offblack);
	border-bottom: 1px solid var(--c_offwhite);

}