/* ==============================================
   base.css – gemeinsame Stile für alle Seiten
   Einbinden in: index.html, beruflich/, privat/
   ============================================== */
/* -----------------------------------------------
   Web Fonts
----------------------------------------------- */
@font-face {
	font-family: "Yanone Kaffeesatz";
	font-style: normal;
	font-weight: 200;
	src: local("Yanone Kaffeesatz Thin"), local("YanoneKaffeesatz-Thin"),
	     url(../fnt/YanoneKaffeesatz-Thin.woff) format("woff");
	font-display: swap;
	}
@font-face {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 200;
	src: local("Roboto Light"), url(../fnt/Roboto-Light.woff) format("woff");
	font-display: swap;
	}
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: 200;
	src: local("Roboto Light Italic"), url(../fnt/Roboto-LightItalic.woff) format("woff");
	font-display: swap;
	}
/* -----------------------------------------------
   Reset & Basis
----------------------------------------------- */
*, *::before, *::after {
	box-sizing: border-box;
	}
html {
	scroll-behavior: smooth;
	}
body {
	margin: 0;
	line-height: 1;
	background-color: #0B141C;
	}
/* -----------------------------------------------
   Viewport-relative Schriftgrößen (ersetzt script.js)
----------------------------------------------- */
h1               { font-size: 8.33vh; }   /* entspricht window.height / 12 */
h2               { font-size: 5vh; }      /* entspricht window.height / 20 */
h3               { font-size: 3.33vh; }   /* entspricht window.height / 30 */

#biografie       { font-size: 2.5vh; }    /* entspricht window.height / 40 */

p.content,
li,
.ref,
.pub-typ,
nav a,
#photo           { font-size: 1.67vh; }   /* entspricht window.height / 60 */

.links           { width: 5vh; }          /* entspricht window.height / 20 */

@media (max-width: 690px) {
	img:not(.links) { width: 33.33vw; }   /* entspricht window.width / 3 */
	}
/* -----------------------------------------------
   Links allgemein
----------------------------------------------- */
a {
	color: #AEC4EC;
	text-decoration: none;
	transition: color .2s ease;
	}
a:hover {
	color: #FFF;
	}
/* Fokus-Stil für Tastaturnavigation */
a:focus-visible {
	outline: 2px solid #AEC4EC;
	outline-offset: 3px;
	border-radius: 2px;
	}
/* -----------------------------------------------
   Hilfsklassen
----------------------------------------------- */
.caps {
	font-variant: small-caps;
	}
.arial {
	font-family: Arial;
	}