/* Datenschutz — die ruhige Seite im Winter.
   Farbwelt der Eisseite, aber ohne Schnee, Spur und Puck: Hier wird gelesen.
   Bewusst anders als drüben (seite.css in minigolf-graz): Kanten statt
   Rundungen, eine Glanzkante oben statt Neonakzent, Nummern als Eisblau. */

:root{
	--grund:#04121e;
	--grund-tief:#020b13;
	--schrift:#e8f6ff;
	--gedaempft:#94b6cd;
	--eis:#7fd8ff;
	--eis-hell:#cfefff;
	--tiefe:#2f7fb8;
	--sans:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--display:"Haettenschweiler","Arial Narrow",Impact,"Segoe UI",sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
	margin:0;
	background:linear-gradient(180deg,#0b2740 0,var(--grund) 22rem) no-repeat,var(--grund);
	color:var(--schrift);
	font-family:var(--sans);
	font-size:clamp(1rem,.94rem + .3vw,1.12rem);
	line-height:1.72;
}

a{color:var(--eis)}

.kopf{
	padding:1.3rem clamp(1.1rem,4vw,3rem);
	border-top:3px solid var(--eis-hell);
	border-bottom:1px solid rgba(207,239,255,.14);
}

.kopf a{
	font-family:var(--display);
	font-size:1.25rem;
	letter-spacing:.06em;
	color:var(--eis);
	text-decoration:none;
}
.kopf a b{font-weight:400;color:var(--schrift)}

main{
	max-width:44rem;
	margin-inline:auto;
	padding:clamp(2rem,6vw,3.6rem) clamp(1.1rem,4vw,2rem) 4rem;
}

h1{
	overflow-wrap:break-word;hyphens:auto;
	margin:0 0 1.6rem;
	font-family:var(--display);
	font-weight:400;
	font-size:clamp(2.2rem,1.4rem + 3vw,3.4rem);
	letter-spacing:.03em;
	line-height:1;
	color:var(--eis-hell);
}

h2{
	margin:2.6rem 0 .8rem;
	padding-bottom:.35rem;
	font-family:var(--display);
	font-weight:400;
	font-size:clamp(1.3rem,1.1rem + .7vw,1.6rem);
	letter-spacing:.04em;
	color:var(--schrift);
	border-bottom:1px solid rgba(127,216,255,.25);
}

p{margin:0 0 1rem}
ul{margin:0 0 1.2rem;padding-left:1.2rem}
li{margin-bottom:.4rem}
li::marker{color:var(--eis)}

.geltung{
	margin:0 0 2rem;
	color:var(--gedaempft);
}

.anschrift{
	padding:1.1rem 1.3rem;
	background:rgba(127,216,255,.06);
	border:1px solid rgba(127,216,255,.22);
	line-height:1.9;
}

.luecke{
	padding:.9rem 1.2rem;
	border:1px dashed rgba(255,193,7,.55);
	color:#ffd54f;
	font-size:.9rem;
}

.stand{margin-top:2rem;color:var(--gedaempft);font-size:.88rem}

.zurueck{
	display:inline-block;
	margin-top:2.4rem;
	padding:.7rem 1.4rem;
	background:var(--eis);
	color:var(--grund-tief);
	font-weight:700;
	text-decoration:none;
	font-size:.92rem;
}
.zurueck:hover,.zurueck:focus-visible{background:var(--eis-hell)}

.fuss{
	padding:1.6rem clamp(1.1rem,4vw,3rem) 2.4rem;
	border-top:1px solid rgba(207,239,255,.14);
	background:var(--grund-tief);
	color:var(--gedaempft);
	font-size:.82rem;
}
.fuss p{margin:0 0 .5rem}
.fuss a{color:var(--schrift)}