@import "../fonts/fonts.css";
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body,
h1,
h2,
h3,
p,
ul,
ol,
li,
figure,
figcaption,
dl,
dd,
fieldset,
legend {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
img,
svg,
picture {
  display: block;
  max-width: 100%;
}
button,
input,
textarea {
  font: inherit;
  color: inherit;
}
:root {
  --kalk: #F2F0E9;
  --kalk-2: #E5E2D8;
  --graphit: #23262A;
  --graphit-leise: #5B6068;
  --kalk-ink: #EDEBE4;
  --kalk-mute: #9DA2A6;
  --brand: #96872F;
  --brand-2: #7A6D22;
  --linie: rgba(35, 38, 42, 0.20);
  --linie-hell: rgba(237, 235, 228, 0.24);
  --fs-0: clamp(1.00rem, 0.97rem + 0.14vw, 1.09rem);
  --fs-1: clamp(1.25rem, 1.13rem + 0.56vw, 1.63rem);
  --fs-2: clamp(1.63rem, 1.35rem + 1.20vw, 2.44rem);
  --fs-3: clamp(2.06rem, 1.52rem + 2.41vw, 3.69rem);
  --fs-4: clamp(2.63rem, 1.65rem + 4.35vw, 5.56rem);
  --font-display:
    "Marcellus",
    Georgia,
    "Times New Roman",
    serif;
  --font-body:
    "Figtree",
    -apple-system,
    "Segoe UI",
    Arial,
    sans-serif;
  --rail: clamp(3.25rem, 7vw, 8.5rem);
  --saum: clamp(1.25rem, 4vw, 3.5rem);
  --seite: min(78rem, 100% - 2 * var(--saum));
  --hilf: 1.25rem;
  --gutter: 3rem;
  --zahl-oben: 150px;
  --zahlband: 72px;
  --sk-density: 1;
  --blk-oben: calc(5.5rem * var(--sk-density, 1));
  --blk-unten: calc(4.5rem * var(--sk-density, 1));
  --zeile: calc(1.5rem * var(--sk-density, 1));
  --absatz: calc(1rem * var(--sk-density, 1));
}
body {
  background: var(--kalk);
  color: var(--graphit);
  font-family: var(--font-body);
  font-size: var(--fs-0);
  font-weight: 400;
  line-height: 1.55;
  hyphens: none;
  text-wrap: pretty;
}
h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: 400;
  text-wrap: balance;
}
h1 {
  font-size: var(--fs-4);
  line-height: 1.00;
  letter-spacing: 0.012em;
  max-width: 16ch;
  overflow-wrap: break-word;
}
h2 {
  font-size: var(--fs-2);
  line-height: 1.06;
}
h3 {
  font-size: var(--fs-1);
  line-height: 1.15;
}
p {
  max-width: 62ch;
}
a {
  color: inherit;
}
strong {
  font-weight: 600;
}
:focus-visible {
  outline: 2px solid var(--graphit);
  outline-offset: 2px;
}
.blk-bruch-ink :focus-visible,
footer .blk-bruch-ink :focus-visible {
  outline-color: var(--kalk-ink);
}
.skip-link {
  position: absolute;
  left: -100vw;
  top: 0;
  z-index: 20;
  background: var(--kalk);
  color: var(--graphit);
  padding: 0.75rem 1rem;
  border: 1px solid var(--graphit);
}
.skip-link:focus {
  left: 0;
}
.etikett {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--fs-0);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1.3;
}
header[role=banner] {
  width: var(--seite);
  margin: 0 auto;
  padding: 1.5rem 0 0.5rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
}
.marke {
  font-family: var(--font-display);
  font-size: var(--fs-1);
  text-decoration: none;
  letter-spacing: 0.01em;
}
.nav-toggle {
  display: none;
  background: none;
  border: 1px solid var(--graphit);
  padding: 0.7rem 1rem;
  min-height: 48px;
  cursor: pointer;
}
#site-nav ul {
  display: flex;
  gap: 1.75rem;
}
#site-nav a {
  text-decoration: none;
  color: var(--graphit-leise);
  padding: 0.75rem 0;
  display: inline-block;
}
#site-nav a:hover,
#site-nav a[aria-current=page] {
  color: var(--graphit);
}
.blatt {
  display: grid;
  grid-template-columns: var(--rail) 1fr;
  width: var(--seite);
  margin: 0 auto;
}
.feld {
  grid-column: 2;
  padding-left: var(--gutter);
  min-width: 0;
}
section {
  position: relative;
}
.blk-blatt .feld {
  padding-top: var(--blk-oben);
  padding-bottom: var(--blk-unten);
}
.rail {
  position: relative;
  grid-column: 1;
}
.kette-hoch {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 24px;
  height: 100%;
}
.rail-versetzt .kette-hoch {
  top: 1.5rem;
}
.kette-quer {
  display: none;
}
.kette-linie {
  fill: none;
  stroke: var(--graphit-leise);
  stroke-width: 1;
}
.tick-grob {
  fill: none;
  stroke: var(--brand);
  stroke-width: 1.5;
}
.masszahl {
  position: absolute;
  top: var(--zahl-oben);
  right: 0;
  height: var(--zahlband);
  display: flex;
  align-items: center;
  transform: translateX(50%);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: var(--fs-3);
  line-height: 1;
  color: var(--graphit);
  font-variant-numeric: tabular-nums lining-nums;
}
.rail-versetzt .masszahl {
  top: calc(var(--zahl-oben) + 1.5rem);
}
.hero .rail {
  --zahl-oben: 402px;
}
.kap {
  position: relative;
}
.kap::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--gutter));
  top: var(--grundlinie, 0.80em);
  width: var(--hilf);
  height: 1px;
  background: var(--graphit-leise);
}
h2.kap {
  --grundlinie: 0.81em;
}
p.kap {
  --grundlinie: 1.04em;
}
.etikett.kap {
  --grundlinie: 0.92em;
}
.blk-bruch-bild,
.blk-bruch-flaeche,
.blk-bruch-ink {
  overflow: clip;
}
.blk-bruch-flaeche {
  background: var(--kalk-2);
  padding: var(--blk-oben) 0 var(--blk-unten);
}
.blk-bruch-ink {
  background: var(--graphit);
  color: var(--kalk-ink);
  padding: var(--blk-oben) 0 var(--blk-unten);
}
.blk-bruch-ink h2 {
  color: var(--kalk-ink);
}
.blk-bruch-ink p {
  color: var(--kalk-mute);
}
.dachzeile {
  font-family: var(--font-display);
  font-size: var(--fs-1);
  color: var(--graphit-leise);
  margin-bottom: 0.6rem;
  max-width: 30ch;
}
.hero h1 {
  margin-bottom: calc(var(--zeile) * 1.2);
}
.riss {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  column-gap: var(--saum);
  align-items: start;
  max-width: 56rem;
  margin-bottom: calc(var(--zeile) * 1.2);
}
.riss > svg {
  grid-area: 1 / 1;
  width: 100%;
  height: auto;
}
.riss > picture {
  grid-area: 1 / 2;
}
.riss img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
.raumschild {
  grid-area: 1 / 1;
  justify-self: start;
  align-self: start;
  width: 74%;
  margin: 56% 0 0 17%;
  transform: translateY(-50%);
  color: var(--graphit-leise);
  max-width: none;
  text-align: center;
  text-wrap: balance;
}
.wand-aussen,
.wand-innen,
.tuerschlag {
  fill: none;
  stroke: var(--graphit);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
}
.riss-vorriss {
  fill: none;
  stroke: var(--graphit-leise);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  opacity: 0.34;
}
.riss-flaeche {
  fill: var(--kalk-2);
}
.lead {
  font-size: var(--fs-0);
  max-width: 56ch;
  margin-bottom: calc(var(--zeile) * 1.4);
}
.ziele {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.ziel {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.5rem 1.5rem;
  border: 1px solid var(--graphit);
  color: var(--graphit);
  text-decoration: none;
  background: none;
}
.ziel-primaer {
  min-width: 15rem;
  background: var(--graphit);
  border-color: var(--graphit);
  color: var(--kalk);
  font-weight: 600;
  letter-spacing: 0.03em;
}
.ziel-primaer:hover,
.ziel-primaer:focus-visible {
  background: var(--graphit-leise);
  border-color: var(--graphit-leise);
}
.ziel-sekundaer {
  min-width: 9rem;
  font-variant-numeric: tabular-nums lining-nums;
}
.blk-bruch-ink .ziel {
  border-color: var(--kalk-ink);
  color: var(--kalk-ink);
}
.blk-bruch-ink .ziel-primaer {
  background: var(--kalk-ink);
  border-color: var(--kalk-ink);
  color: var(--graphit);
}
.blk-bruch-ink .ziel-primaer:hover,
.blk-bruch-ink .ziel-primaer:focus-visible {
  background: var(--kalk-mute);
  border-color: var(--kalk-mute);
}
.register-liste {
  margin-top: var(--zeile);
}
.register {
  display: grid;
  grid-template-columns: 1fr 16ch;
  column-gap: var(--saum);
  align-items: baseline;
  padding: calc(var(--absatz) * 1.4) 0;
  border-bottom: 1px solid var(--linie);
}
.register-nr {
  font-family: var(--font-body);
  font-size: var(--fs-0);
  font-variant-numeric: tabular-nums lining-nums;
  color: var(--graphit-leise);
  margin-right: 0.9rem;
}
.register h3 {
  margin-bottom: 0.35rem;
}
.register p {
  max-width: 58ch;
}
.register-notiz {
  color: var(--graphit-leise);
  align-self: start;
}
.marginal {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  column-gap: var(--saum);
  align-items: start;
}
@media (min-width: 60rem) {
  [data-block=buero].bild-dominant .marginal {
    grid-template-columns: 1.5fr 1fr;
  }
}
.marginalie {
  color: var(--graphit-leise);
  max-width: 44ch;
}
.marginalie p {
  max-width: 44ch;
}
.marginalie > * + * {
  margin-top: var(--absatz);
}
.portrait {
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: 5 / 4;
  object-fit: cover;
}
.marginal-inhalt > * + * {
  margin-top: var(--absatz);
}
.marginal-buero {
  align-items: stretch;
}
.marginal-buero .marginalie > .etikett.kap {
  margin-top: 0.96em;
}
.marginal-buero .marginal-inhalt {
  display: flex;
  flex-direction: column;
}
.buero-luecke {
  flex: 2 0 0%;
}
.marginal-buero .marginal-inhalt::after {
  content: "";
  flex: 1 0 0%;
}
.buero-fuss {
  margin-top: 0;
  padding-top: var(--absatz);
  border-top: 1px solid var(--linie);
}
.marginal-breit {
  grid-column: 1 / -1;
  margin-top: var(--zeile);
}
.marginal-breit > * + * {
  margin-top: var(--absatz);
}
.feld > p + p,
.feld > h2 + p,
.feld > h3 + p {
  margin-top: var(--absatz);
}
.feld > * + h2,
.marginal-inhalt > * + h2 {
  margin-top: calc(var(--zeile) * 1.5);
}
.feld > p + ul,
.feld > p + ol {
  margin-top: var(--zeile);
}
.liste-unterlagen {
  margin-top: var(--zeile);
  columns: 2;
  column-gap: var(--saum);
}
.liste-unterlagen li {
  padding: 0.7rem 0;
  border-bottom: 1px solid var(--linie);
  break-inside: avoid;
}
.satz-zwei {
  columns: 2;
  column-gap: var(--saum);
}
.satz-zwei > h2 {
  column-span: all;
}
.satz-zwei > p {
  max-width: none;
  break-inside: avoid;
}
.nap {
  font-variant-numeric: tabular-nums lining-nums;
  font-style: normal;
}
.nap a {
  text-decoration: none;
}
.nap a:hover {
  text-decoration: underline;
}
.band {
  display: block;
}
.band-bild {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.band-aufriss .band-bild {
  aspect-ratio: 2.6 / 1;
}
.band-material .band-bild {
  aspect-ratio: 1.9 / 1;
}
.bu {
  padding-top: 1rem;
  align-items: baseline;
}
.bu .masszahl,
.bruch-zahl {
  position: static;
  transform: translateX(50%);
  height: auto;
  justify-self: end;
  justify-content: flex-end;
}
.bruch-zahl {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  align-items: flex-start;
  height: 0;
  transform: translate(50%, calc((var(--fs-2) - var(--fs-3)) * 0.8));
}
.blk-bruch-ink .bruch-zahl {
  color: var(--kalk-ink);
  font-weight: 350;
}
.bu-text {
  display: block;
  color: var(--graphit-leise);
  font-size: calc(var(--fs-0) * 0.86);
  max-width: 52ch;
}
.bu-marke {
  display: block;
  width: 1.25rem;
  height: 1.5px;
  background: var(--brand);
  margin-bottom: 0.5rem;
}
a:hover > .bu-marke {
  background: var(--brand-2);
}
.bu-format {
  display: block;
  margin-top: 0.5rem;
  color: var(--graphit-leise);
}
.tafel {
  grid-column: 2;
  padding-left: var(--gutter);
  margin-top: var(--zeile);
}
.tafel li {
  display: grid;
  grid-template-columns: 14ch 1fr auto;
  column-gap: 1rem;
  align-items: baseline;
  padding: 0.55rem 0;
}
.tafel .day {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: var(--fs-0);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  position: relative;
}
.tafel .dots {
  height: 1px;
  background: var(--linie);
  align-self: baseline;
}
.tafel .time {
  font-variant-numeric: tabular-nums lining-nums;
  text-align: right;
}
.tafel .closed {
  color: var(--graphit-leise);
}
.tafel .is-today .day::before {
  content: "";
  position: absolute;
  left: -0.9rem;
  top: 0.5em;
  width: 0.6rem;
  height: 1.5px;
  background: var(--brand);
}
.tafel-hinweis {
  margin-top: var(--zeile);
  color: var(--graphit-leise);
  max-width: 58ch;
}
.fragen-liste {
  margin-top: var(--zeile);
}
.marginal-links {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  column-gap: var(--saum);
  align-items: baseline;
  padding: calc(var(--absatz) * 1.6) 0;
  border-bottom: 1px solid var(--linie);
}
.frage {
  text-align: right;
}
.frage .faq-q {
  display: block;
  width: 100%;
  background: none;
  border: 0;
  padding: 0;
  text-align: right;
  font-family: var(--font-display);
  font-size: var(--fs-1);
  line-height: 1.15;
  cursor: pointer;
  min-height: 48px;
}
.antwort p {
  max-width: 60ch;
}
.cta-riss {
  position: absolute;
  right: 9%;
  top: 50%;
  transform: translateY(-50%);
  width: min(18rem, 40%);
  height: auto;
  fill: none;
  stroke: var(--kalk-mute);
  stroke-width: 1.4;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}
.cta-inhalt {
  position: relative;
  z-index: 1;
}
.cta-inhalt h2 {
  margin-bottom: calc(var(--zeile) * 1.1);
}
.cta-notiz {
  margin-top: var(--zeile);
  padding-left: 0.9rem;
  border-left: 1px solid var(--linie-hell);
  color: var(--kalk-mute);
  font-size: calc(var(--fs-0) * 0.86);
  max-width: 48ch;
}
footer[role=contentinfo] {
  background: var(--kalk);
  padding: var(--blk-oben) 0 3rem;
}
.fuss {
  align-items: start;
}
.kette-schluss {
  display: block;
  height: 1px;
  background: var(--brand);
  width: 11px;
  margin-left: auto;
  margin-right: 0;
}
.fuss-inhalt {
  display: flex;
  flex-wrap: wrap;
  gap: var(--saum);
  justify-content: space-between;
}
.fuss-nap {
  line-height: 1.6;
}
.fuss-links {
  text-align: right;
}
.fuss-links li + li {
  margin-top: 0.35rem;
}
.fuss-links a {
  text-decoration: none;
  color: var(--graphit-leise);
}
.fuss-links a:hover {
  color: var(--graphit);
}
.fuss-recht {
  margin-top: 1.25rem;
}
.copyright {
  margin-top: 2.5rem;
  color: var(--graphit-leise);
  font-variant-numeric: tabular-nums lining-nums;
}
.formular {
  margin-top: var(--zeile);
  max-width: 40rem;
}
.formular fieldset {
  border: 0;
}
.formular legend {
  font-family: var(--font-display);
  font-size: var(--fs-1);
  margin-bottom: var(--absatz);
}
.feldzeile {
  margin-bottom: calc(var(--absatz) * 1.4);
}
.feldzeile label {
  display: block;
  margin-bottom: 0.35rem;
}
.feldzeile input,
.feldzeile textarea {
  width: 100%;
  min-height: 3rem;
  padding: 0.7rem 0.9rem;
  border: 1px solid var(--graphit);
  background: var(--kalk);
}
.feldzeile textarea {
  min-height: 9rem;
  resize: vertical;
}
.honigtopf {
  position: absolute;
  left: -100vw;
  width: 1px;
  height: 1px;
  overflow: clip;
}
.pflicht {
  color: var(--graphit-leise);
}
.rechtstext h1 {
  font-size: var(--fs-3);
}
.rechtstext h2 {
  margin: calc(var(--zeile) * 1.4) 0 var(--absatz);
  font-size: var(--fs-1);
}
.rechtstext p {
  margin-bottom: var(--absatz);
}
.rechtstext ul {
  margin-bottom: var(--absatz);
}
.rechtstext li {
  padding: 0.2rem 0;
  max-width: 62ch;
}
.riss-404 {
  display: block;
  position: relative;
  max-width: 34rem;
}
.riss-404 > svg {
  width: 100%;
  height: auto;
}
.fehlerschild {
  position: absolute;
  left: 54%;
  top: 74.5%;
  transform: translate(-50%, -50%);
  width: 74%;
  color: var(--graphit-leise);
  text-align: center;
  text-wrap: balance;
  max-width: none;
}
[data-clip] {
  --p: 0;
  clip-path: inset(max(0%, calc(var(--p) * 1% - 8%)) -6px -6px -6px);
}
.js-on:not(.rm) [data-clip] {
  --p: 42;
}
.js-on:not(.rm) .kette-linie,
.js-on:not(.rm) .tick-grob {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.js-on:not(.rm) .riss .wand-aussen,
.js-on:not(.rm) .riss .wand-innen,
.js-on:not(.rm) .riss .tuerschlag {
  stroke-dasharray: 4000;
  stroke-dashoffset: 4000;
}
.js-on:not(.rm) .riss .riss-flaeche {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  .riss .riss-flaeche {
    opacity: 1;
  }
  .riss .wand-aussen,
  .riss .wand-innen,
  .riss .tuerschlag,
  .kette-linie,
  .tick-grob {
    stroke-dasharray: none;
    stroke-dashoffset: 0;
  }
  [data-clip] {
    --p: 0;
  }
}
@media (max-width: 59.999rem) {
  :root {
    --hilf: 0.75rem;
    --gutter: 0rem;
  }
  .blatt {
    grid-template-columns: 1fr;
  }
  .feld {
    grid-column: 1;
    padding-left: 0;
  }
  .tafel {
    grid-column: 1;
  }
  .rail {
    grid-column: 1;
    height: 2.25rem;
    margin-bottom: 0;
  }
  .blk-blatt .rail {
    margin-top: 4rem;
  }
  .blk-blatt.hero .rail {
    margin-top: 1.25rem;
  }
  .blk-blatt .rail-versetzt {
    margin-top: 5.5rem;
  }
  .rail[data-rail]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0.75rem;
    background: var(--graphit-leise);
  }
  .kette-hoch {
    display: none;
  }
  .kette-quer {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 24px;
  }
  .masszahl {
    left: 24px;
    right: auto;
    top: 0;
    height: auto;
    transform: translateY(-50%);
  }
  .rail-versetzt .masszahl,
  .rail-versetzt .kette-quer {
    top: 0;
  }
  .bu .masszahl,
  .bruch-zahl {
    transform: none;
    height: auto;
    align-items: baseline;
    justify-self: start;
    margin-left: 24px;
  }
  .bu .masszahl,
  .bruch-zahl {
    grid-row: auto;
    margin-bottom: var(--absatz);
  }
  .kap::before {
    display: none;
  }
  .blk-blatt .feld {
    padding-top: 0;
    padding-bottom: calc(3rem * var(--sk-density, 1));
  }
  .riss {
    grid-template-columns: 1fr;
    row-gap: var(--absatz);
    max-width: none;
    --rissbreite: min(calc(100% + 2 * var(--saum)), calc(42vh * 4 / 3));
  }
  .riss > svg {
    width: var(--rissbreite);
    max-width: none;
    margin-left: calc(-1 * var(--saum));
    justify-self: start;
  }
  .riss > picture {
    grid-area: 2 / 1;
    max-width: 22rem;
  }
  .raumschild {
    width: calc(var(--rissbreite) * 0.74);
    margin-top: calc(var(--rissbreite) * 0.56);
    margin-left: calc(var(--rissbreite) * 0.17 - var(--saum));
  }
  .fehlerschild {
    width: calc(var(--rissbreite) * 0.74);
    left: calc(var(--rissbreite) * 0.54 - var(--saum));
  }
  .marginal,
  .marginal-links,
  .register {
    grid-template-columns: 1fr;
    row-gap: var(--absatz);
  }
  .marginal .marginalie {
    order: 2;
  }
  .liste-unterlagen,
  .satz-zwei {
    columns: auto;
  }
  .frage {
    text-align: left;
  }
  .frage .faq-q {
    text-align: left;
  }
  .tafel .is-today .day::before {
    left: 0;
    top: -0.62rem;
    width: 2px;
    height: 0.85rem;
  }
  .tafel li {
    grid-template-columns: 1fr auto;
    row-gap: 0.3rem;
  }
  .tafel .day {
    grid-column: 1;
    grid-row: 1;
  }
  .tafel .time {
    grid-column: 2;
    grid-row: 1;
  }
  .tafel .dots {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
  }
  .cta-riss {
    display: none;
  }
  .nav-toggle {
    display: inline-block;
  }
  #site-nav {
    display: none;
    width: 100%;
  }
  #site-nav.is-open {
    display: block;
  }
  #site-nav ul {
    flex-direction: column;
    gap: 0;
  }
  #site-nav a {
    padding: 0.9rem 0;
  }
  header[role=banner] {
    flex-wrap: wrap;
  }
  .fuss-links {
    text-align: left;
  }
  .kette-schluss {
    margin-left: 0;
  }
  .register-nr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
}
@media (max-width: 47.999rem) {
  .ziel-primaer,
  .ziel-sekundaer {
    min-width: 0;
    width: 100%;
  }
  .riss > svg {
    max-height: 42vh;
  }
}
@container style(--font-display: "Bricolage Grotesque") {
  h1 {
    letter-spacing: 0;
  }
}
:root[data-sk-font=bricolage] h1 {
  letter-spacing: 0;
}