/*! 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 */

: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 */
  --pagewidth: 22.5rem; /* 360px */
  --pagepad: 1.25rem; /* 20px */
  --color-dark: #333333;
  --color-light: white;
  --color-highlight: green;
  --color-highlight2: darkgreen;
}

html { overflow-y:scroll; scroll-behavior:smooth;
  background-color:var(--color-light); font-family:Arial, Helvetica, sans-serif; }

body { font-size:var(--size-xs); color:var(--color-dark); }

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; }

.pagewidth { max-width:var(--pagewidth); margin-inline:auto;
  box-sizing:border-box; }
.pagepad { padding-inline:var(--pagepad); }

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

.header { position:fixed; top:0; left:0; width:100%;
  background-color:#ffffff88; backdrop-filter:blur(10px);
  padding-blocK:var(--size-xs); box-shadow:0 0 10px #00000044; }
.header__columns { display:flex; justify-content:space-between;
  align-items:flex-end; height:var(--size-l); }
.header__logo, .header__logoimg { display:block; height:100%; width:auto; }
.header__menu { display:flex; margin:0; padding:0; list-style-type:none;
  gap:var(--size-m); }
.header__menu li { display:block;  }
.header__menu a { display:block; text-decoration:none; text-transform:uppercase;
  font-weight:bold; color:var(--color-highlight2); }

.footer { padding-block:var(--size-m); }
.footer__columns { display:grid; grid-template-columns:1fr 1fr auto;
  grid-template-areas:"col1 col2 col3"; gap:var(--size-s); }
.footer__column1,
.footer__column2 { display:flex; flex-direction:column; gap:var(--size-s);
  margin:0; padding:0; list-style-type:none; }
.footer__column1 { grid-area:col1; }
.footer__column2 { grid-area:col2; }
.footer__column3 { grid-area:col3; font-size:var(--size-2xs); }
.footer__column1 li,
.footer__column2 li { display:block; }
.footer__column1 a,
.footer__column2 a { text-decoration:none; font-weight:bold;
  text-transform:uppercase; color:var(--color-dark); }
.footer__column3 a { text-decoration:none; color:inherit; }
.footer__column3 a:hover { text-decoration:underline; }
.footer__logo { margin-top:var(--size-s); }
.footer__logo, .footer__logoimg { display:block; width:100%; height:auto; }

/* 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;
    --pagepad: 2.5rem; /* 40px */
  }

  .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: 80rem; 
  }
}