@font-face {
	font-family: 'PT sans';
	src: url('pt-serif-v17-latin-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Open Sans';
	src: url('open-sans-v34-latin-700.woff2') format('woff2');
}


body{
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
	font-family: "PT sans";
	max-width:900px;
	margin:20px auto;
	padding:0 16px;
	color: #333;
}
label{
	display:flex;
	align-items:flex-start;
	margin-top:10px;
	font-weight:600;
		
}
input[type="text"], input[type="email"], textarea, select {
	width:calc(100% - 18px);
	padding:8px;
	margin-top:6px;
	border:1px solid #ccc;
	border-radius:6px;
}

label input {
	flex-shrink: 0;
	margin-right: 10px;
	
}
.section{
	padding:16px;
	border-radius:8px;
	margin-bottom:16px;
	border: 1px solid #ccc;
	background: #eef8ff;
}
  /* Abschnitt 6 Background abheben */
.section.optional {
	background:#eef8ff;
}
.skills-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px;
}
.error{
	color:#d00;
	margin-top:6px;
}
.muted{
	font-size:0.9em;
	color:#555;
	margin-top:6px;
}
button{
	padding:10px 16px;
	border-radius:8px;
	border:0;
	background:#0066cc;
	color:white;
	font-weight:600;
	cursor:pointer;
}
table{
	width:100%;
	border-collapse:collapse;
	margin-top:16px;
}
th,td{
	padding:8px;
	border:1px solid #ddd;
	text-align:left;
}
.popup{
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	display:none;
	align-items:center;
	justify-content:center;
}
.popup .inner{
	background:white;
	padding:18px;
	border-radius:8px;
	max-width:720px;
	max-height:80vh;
	overflow:auto;
}
img.logo {
	height: 76px;
}

hr {
	background: #0076c1;
	color: #27b6ff;
}


p a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}