/* Farben und Schriften bewusst fest wie im Entwurf reusch-web v3 (Profil noch ohne Farben und Schriften) */
html:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *)) {
	scroll-behavior: smooth;
}

/* Grundfarbe hier, damit die Hintergrund-Animation der Seiten sichtbar bleibt */
body:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *)) {
	margin: 0;
	min-height: 100vh;
	background: radial-gradient(120% 80% at 78% 0%, #101a30 0%, transparent 55%), linear-gradient(180deg, #0c1120, #080b14);
	background-attachment: fixed;
	/* volle Grundfarbe unter den Verläufen: Android füllt beim schnellen Wischen noch nicht gezeichnete Flächen damit (sonst weiß) */
	background-color: #080b14;
	color: #eceae3;
	font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	/* kein farbiges Aufblitzen beim Antippen (Android, iPad/iPhone); wird vererbt */
	-webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

/* Schleier über der Animation, links dunkler für den Text */
body:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *))::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(8, 11, 20, .92) 0%, rgba(8, 11, 20, .62) 34%, transparent 62%), radial-gradient(90% 70% at 50% 120%, rgba(8, 11, 20, .7), transparent 60%);
}

[data-m3d-platz="kopf"]:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *)) {
	display: block;
	position: sticky;
	top: 0;
	z-index: 50;
}

[data-m3d-platz="inhalt"]:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *)) {
	display: block;
}

[data-m3d-platz="fuss"]:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *)) {
	display: block;
}

@media (max-width: 820px) {
	body:where(:not([class^="m3d-"], [class*=" m3d-"], [class^="m3d-"] *, [class*=" m3d-"] *))::after {
		background: linear-gradient(180deg, rgba(8, 11, 20, .72), rgba(8, 11, 20, .88));
	}
}