/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}

/* Copyright mmh kommunitationsagentur GmbH */

/* roboto-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v48-latin-300.woff2') format('woff2');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v48-latin-700.woff2') format('woff2');
}

:root {
	--size-3xs: 0.25rem; /* 4px */
	--size-2xs: 0.5rem; /* 8px */
	--size-xs: 1rem; /* 16px */
	--size-s: 1.5rem; /* 24px */
	--size-m: 2rem; /* 32px */
	--size-l: 3rem; /* 48px */
	--size-xl: 4rem; /* 64px */
	--size-2xl: 6rem; /* 96px */
	--size-3xl: 8rem; /* 128px */
	--fontsize-s: 0.8125rem;
	--fontsize-m: 1rem;
	--fontsize-l: 1.5rem;
	--pagewidth: 22.5rem; /* 360px */
	--color-dark: #000000;
	--color-highlight: #fcc200;
	--color-grey: #b2b2b2;
}

html { scroll-behavior:smooth; background-color:white; }

body { font-size:var(--fontsize-s); color:var(--color-dark);
	font-family:Roboto, sans-serif; font-weight:300; }

h1, h2, h3, h4, h5, h6 { font-weight:300;
	background-image:linear-gradient(var(--color-highlight), var(--color-highlight));
  background-size:105% 35%; background-repeat:no-repeat;
  background-position:10px bottom; display:unset; padding-right:5px;
	line-height:1.1; font-size:var(--fontsize-l); }

p { line-height:1.8; }

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child { margin-top:0; }
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child { margin-bottom:0; }

.h100 { min-height:100svh; }

.pagewidth { max-width:var(--pagewidth); margin-inline:auto; }
.pagepad { padding-inline:var(--size-m); }
.centered { display:flex; justify-content:center; align-items:center;
	padding-block:var(--size-l); box-sizing:border-box; }

.row { display:grid; grid-template-columns:1fr; gap:var(--size-s); }

.bg { display:block; position:absolute; inset:0; width:100%; height:100%;
	object-fit:cover; opacity:0.5; position:fixed; }

.box { max-width:600px; padding:var(--size-s);
	background-color:var(--color-grey); border-radius:var(--size-3xs);
	/*
	backdrop-filter:blur(10px);
	border:1px solid transparent;
	border-color:#fff4 #fff4 #fff2 #fff2;
	*/
	box-shadow:5px 5px 30px #0004;
}

.logo { display:block; width:100%; height:auto;
	margin-bottom:var(--size-m); }
.text { margin-block:var(--size-s); }
.target { font-size:var(--fontsize-m); font-weight:800;
	position:relative; display:grid; align-items:center;
	grid-template-columns:var(--size-m) 1fr; gap:var(--size-2xs); }
.icon { width:100%; height:auto; fill:var(--color-highlight); }

.imprint { text-align:right; margin-top:var(--size-s); }
.imprint a { text-decoration:none; color:inherit; opacity:0.5; }
.imprint a:hover { opacity:1; }

/* 576px */
@media (min-width: 36rem) {
	:root {
		--pagewidth: 36rem; 
	}
}

/* 768px */
@media (min-width: 48rem) {
	:root {
		--size-3xs: 0.5rem; /* 8px */
		--size-2xs: 1rem; /* 16px */
		--size-xs: 1.5rem; /* 24px */
		--size-s: 2rem; /* 32px */
		--size-m: 3rem; /* 48px */
		--size-l: 4rem; /* 64px */
		--size-xl: 6rem; /* 96px */
		--size-2xl: 8rem; /* 128px */
		--size-3xl: 12rem; /* 192px */
		--pagewidth: 48rem;
	}

	.row { grid-template-columns:repeat(auto-fit,minmax(0%,1fr)); }
}

/* 1024px */
@media (min-width: 64rem) {
	:root {
		--pagewidth: 64rem; 
	}
}

/* 1280px */
@media (min-width: 80rem) {
	:root {
		--pagewidth: 80rem; 
	}
}

/* 1536px */
@media (min-width: 96rem) {
	:root {
		--pagewidth: 96rem; 
	}
}