/* ============================================================
   Digital — seitenspezifische Abschnitte
   Header, Kontaktbereich und Footer kommen aus /css/original.css,
   damit sie mit den anderen Seiten identisch bleiben. Alles
   Übrige steht hier, mit eigenem Namensraum "dig-".
   ============================================================ */

.dig-container { width: 100%; max-width: 1312px; margin-inline: auto; padding-inline: 24px; }
@media (min-width: 768px) { .dig-container { padding-inline: 32px; } }
/* ---------- Hero ---------- */
/* Hero und Zahlenleiste bilden zusammen den ersten Bildschirm: Der Block ist so
   hoch wie das Fenster minus der 76 px hohen, klebenden Navigationsleiste, und
   der Hero dehnt sich auf den Rest. Sonst blitzt unter der dunklen Leiste ein
   Streifen des nächsten Abschnitts auf. svh statt vh, weil mobile Browser die
   Adressleiste in vh mitrechnen. */
@media (min-width: 1024px) {
  .dig-kopf { display: flex; flex-direction: column; min-height: calc(100vh - 76px); }
  .dig-kopf { min-height: calc(100svh - 76px); }
  .dig-kopf .dig-hero { flex: 1 1 auto; }
}
.dig-hero { position: relative; isolation: isolate; overflow: hidden; background: #34333c; }
/* Die Karte hängt am unteren Rand des Heros, statt über einen festen
   Innenabstand von oben geschoben zu werden. Nur so kann der Hero auf die
   verbleibende Fensterhöhe schrumpfen, ohne dass die Karte wandert. */
@media (min-width: 1024px) {
  .dig-hero { min-height: 520px; display: flex; align-items: flex-end; }
}
.dig-hero__bg { position: absolute; inset: 0; z-index: -10; }
.dig-hero__bg img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.dig-hero__schleier { position: absolute; inset: 0; background: rgba(52, 51, 60, .45); }
.dig-hero__blau {
  pointer-events: none; position: absolute; right: -64px; bottom: 0;
  height: 380px; width: 460px; border-radius: 32px; background: #3f6780; display: none;
}
@media (min-width: 1024px) { .dig-hero__blau { display: block; } }
.dig-hero__inhalt { padding-top: 150px; padding-bottom: 56px; width: 100%; }
@media (min-width: 1024px) { .dig-hero__inhalt { padding-top: 120px; padding-bottom: 80px; } }
.dig-hero__karte-wrap { position: relative; max-width: 900px; }
.dig-hero__deko {
  pointer-events: none; position: absolute; left: -24px; top: -130px;
  height: 195px; width: 180px; border-radius: 32px;
  background-image: linear-gradient(150deg, #ffd50c 0%, #ff6c01 100%);
}
@media (min-width: 768px) { .dig-hero__deko { left: -48px; } }
@media (min-width: 1024px) {
  .dig-hero__deko { left: -104px; top: -210px; height: 285px; width: 255px; }
}
.dig-hero__karte {
  position: relative; border-radius: 32px; background: #fff; padding: 32px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
}
@media (min-width: 768px) { .dig-hero__karte { padding: 48px; } }
.dig-kicker {
  font-size: 13px; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: #34333c; margin: 0;
}
@media (min-width: 768px) { .dig-kicker { font-size: 14px; } }
.dig-hero__h1 {
  margin: 20px 0 0; font-weight: 700; text-transform: uppercase;
  line-height: 1.1; letter-spacing: -.01em; color: #34333c;
  font-size: clamp(1.6rem, 6.4vw, 3.25rem);
  hyphens: auto; overflow-wrap: break-word;
}
.dig-hero__untertitel {
  margin: 20px 0 0; font-size: 18px; font-weight: 700; line-height: 1.4; color: #34333c;
}
@media (min-width: 768px) { .dig-hero__untertitel { font-size: 20px; } }
.dig-hero__text { margin: 12px 0 0; max-width: 36rem; font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .8); }
/* ---------- Abschnitte allgemein ---------- */
.dig-section { padding: 80px 0; }
@media (min-width: 768px) { .dig-section { padding: 112px 0; } }
.dig-section--hell   { background: #f4f4f4; }
.dig-section--dunkel { background: #34333c; color: #fff; }
.dig-section--weiss  { background: #fff; }
.dig-h2 {
  font-weight: 700; text-transform: uppercase; line-height: 1.15;
  letter-spacing: -.005em; word-spacing: .05em; color: #34333c;
  font-size: clamp(1.6rem, 5.6vw, 3.5rem); margin: 0;
  hyphens: auto; overflow-wrap: break-word;
}
.dig-section--dunkel .dig-h2 { color: #fff; }
.dig-akzent {
  display: inline-block; font-style: italic;
  background: linear-gradient(to right, #ffd80c 0%, #ff8b04 88%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  padding-right: .15em; margin-right: -.05em;
}
.dig-fliess { font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .8); margin: 0; }
.dig-fliess + .dig-fliess { margin-top: 20px; }
.dig-section--dunkel .dig-fliess { color: rgba(255, 255, 255, .8); }
/* Die Zahlenleiste sitzt direkt unter dem Hero und ist bewusst flach —
   sie ist ein Beleg, kein eigener Abschnitt. */
.dig-leiste { background: #34333c; padding: 48px 0; }
.dig-leiste .dig-zahl { border-top-color: rgba(255, 255, 255, .22); }
.dig-leiste .dig-zahl__text { color: #fff; }
.dig-leiste .dig-zahl__fussnote { color: rgba(255, 255, 255, .6); }
@media (min-width: 768px) { .dig-leiste { padding: 64px 0; } }
.dig-leiste .dig-zahlen { margin-top: 0; }
/* ---------- Zahlen ----------
   Belegte Werte aus dem Kickoff, keine Schätzungen. Bewusst nüchtern gesetzt:
   die Zahl trägt, sie braucht keine Kachel drumherum. */
.dig-zahlen { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 48px; }
@media (min-width: 640px) { .dig-zahlen { grid-template-columns: 1fr 1fr; gap: 40px 48px; } }
@media (min-width: 1024px) {
  .dig-zahlen { grid-template-columns: repeat(4, 1fr); gap: 40px; margin-top: 64px; }
  .dig-zahl__fussnote { margin-top: auto; padding-top: 6px; }
}
/* Als Spalte, damit die Fußnoten auf einer Linie stehen, auch wenn eine
   Beschriftung zweizeilig umbricht. */
.dig-zahl { display: flex; flex-direction: column; border-top: 2px solid rgba(52, 51, 60, .14); padding-top: 20px; }
.dig-zahl__wert {
  margin: 0; font-weight: 700; line-height: 1.05; letter-spacing: -.02em;
  font-size: clamp(2.1rem, 4.4vw, 2.9rem);
  background: linear-gradient(to right, #ffd80c 0%, #ff8b04 88%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.dig-zahl__text { margin: 12px 0 0; font-size: 16px; line-height: 1.5; font-weight: 600; color: #34333c; }
.dig-zahl__fussnote { margin: 6px 0 0; padding-top: 0; font-size: 14px; line-height: 1.5; color: rgba(52, 51, 60, .6); }
/* ---------- Grundgedanke ---------- */
.dig-grund__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
@media (min-width: 1024px) { .dig-grund__grid { grid-template-columns: 6fr 6fr; gap: 64px; } }
.dig-grund__bildwrap { position: relative; }
.dig-grund__bild { position: relative; z-index: 2; overflow: hidden; border-radius: 32px; aspect-ratio: 620 / 500; }
.dig-grund__bild img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.dig-grund__block {
  display: none; position: absolute; z-index: 1; left: -40px; bottom: -40px;
  width: 300px; height: 240px; border-radius: 32px;
  background-image: linear-gradient(150deg, #ffd50c 0%, #ff8b04 100%);
}
@media (min-width: 1024px) { .dig-grund__block { display: block; } }
@media (min-width: 768px) { .dig-grundsaetze { grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 80px; } }
@media (min-width: 768px) { .dig-grundsatz { padding: 32px; } }
@media (min-width: 1024px) { .dig-anw__grid { grid-template-columns: 5fr 7fr; gap: 56px; } }
@media (min-width: 768px) { .dig-anw__datev { right: 24px; top: 24px; width: 132px; height: 132px; } }
/* ---------- Reiterleiste der Anwendungen ----------
   Die Punkte sitzen auf einer durchgehenden Linie, so ist auf einen Blick
   zu sehen, dass es mehrere Wege sind und welcher gerade offen ist. */
.dig-reiter-leiste {
  position: relative; display: flex; gap: 8px; margin-top: 48px;
  overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.dig-reiter-leiste::-webkit-scrollbar { display: none; }
.dig-reiter-linie {
  position: absolute; left: 0; right: 0; top: 7px; height: 1px;
  background: rgba(255, 255, 255, .2);
}
.dig-reiter {
  position: relative; flex: 1 1 0; min-width: 190px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 0;
  padding: 0 16px 0 0; background: none; border: 0; cursor: pointer;
  font-family: inherit; text-align: left; color: rgba(255, 255, 255, .65);
  transition: color .2s ease;
}
.dig-reiter:hover { color: #fff; }
.dig-reiter__punkt {
  display: block; height: 15px; width: 15px; border-radius: 9999px;
  background: #34333c; border: 1px solid rgba(255, 255, 255, .45);
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.dig-reiter--aktiv .dig-reiter__punkt {
  background-image: linear-gradient(150deg, #ffd50c 0%, #ff8b04 100%);
  border-color: transparent; transform: scale(1.15);
}
.dig-reiter__marke {
  margin-top: 18px; font-size: 12px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: inherit; opacity: .7;
}
.dig-reiter__name {
  margin-top: 4px; font-size: 18px; font-weight: 700; line-height: 1.25; color: inherit;
}
.dig-reiter--aktiv { color: #fff; }
/* Auf schmalen Schirmen läuft die Linie senkrecht — ein waagerechter
   Streifen zum Wischen wird auf dem Telefon leicht übersehen. */
@media (max-width: 767px) {
  .dig-reiter-leiste { flex-direction: column; gap: 0; overflow: visible; }
  .dig-reiter-linie { left: 7px; right: auto; top: 8px; bottom: 26px; width: 1px; height: auto; }
  .dig-reiter {
    flex: none; min-width: 0; width: 100%;
    flex-direction: row; align-items: center; gap: 14px; padding: 12px 0;
  }
  .dig-reiter__punkt { flex: none; }
  .dig-reiter__marke { display: none; }
  .dig-reiter__name { margin-top: 0; font-size: 17px; }
}
/* ---------- Tafel zum gewählten Werkzeug ---------- */
.dig-tafeln { position: relative; }
.dig-tafel { border-radius: 32px; background: #3f6780; color: #fff; padding: 32px; }
@media (min-width: 768px) { .dig-tafel { padding: 40px; } }
.dig-tafel[hidden] { display: none; }
.dig-tafel--aktiv { animation: dig-einblenden .35s ease both; }
@keyframes dig-einblenden { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.dig-tafel__titel { margin: 0; font-size: 24px; font-weight: 700; line-height: 1.2; color: #fff; }
@media (min-width: 768px) { .dig-tafel__titel { font-size: 28px; } }
.dig-tafel__text { margin: 16px 0 0; font-size: 16px; line-height: 1.625; color: rgba(255, 255, 255, .88); }
/* ---------- Fragen und Antworten ---------- */
.dig-fragen__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: start; }
@media (min-width: 1024px) { .dig-fragen__grid { grid-template-columns: 5fr 7fr; gap: 64px; } }
.dig-frage { border-bottom: 1px solid rgba(52, 51, 60, .15); }
.dig-frage:first-child { border-top: 1px solid rgba(52, 51, 60, .15); }
.dig-frage__schalter {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  width: 100%; padding: 22px 4px; cursor: pointer;
  background: none; border: 0; text-align: left; color: #34333c;
  font-family: inherit; font-size: 18px; font-weight: 700; line-height: 1.35;
  transition: color .2s ease;
}
.dig-frage__schalter:hover, .dig-frage__schalter[aria-expanded="true"] { color: #f59b00; }
.dig-frage__zeichen { position: relative; flex: none; width: 22px; height: 22px; }
.dig-frage__zeichen::before, .dig-frage__zeichen::after {
  content: ""; position: absolute; left: 50%; top: 50%; background: currentColor;
  transform: translate(-50%, -50%); transition: transform .3s ease;
}
.dig-frage__zeichen::before { width: 18px; height: 2px; }
.dig-frage__zeichen::after  { width: 2px; height: 18px; }
.dig-frage__schalter[aria-expanded="true"] .dig-frage__zeichen::after { transform: translate(-50%, -50%) scaleY(0); }
.dig-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease-out; }
.dig-panel--offen { grid-template-rows: 1fr; }
.dig-panel__innen { min-height: 0; overflow: hidden; }
.dig-frage__antwort { margin: 0 0 22px; font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .8); }
/* ---------- Stufenmodell ---------- */
.dig-stufen__grid { display: grid; grid-template-columns: 1fr; gap: 32px; margin-top: 40px; align-items: start; }
@media (min-width: 1024px) { .dig-stufen__grid { grid-template-columns: 7fr 5fr; gap: 48px; } }
.dig-tafel__marke {
  margin: 0 0 10px; font-size: 12px; font-weight: 700; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(255, 255, 255, .7);
}
.dig-tafel__schritt {
  margin: 24px 0 0; padding-top: 20px; font-size: 16px; line-height: 1.6;
  border-top: 1px solid rgba(255, 255, 255, .25); color: #fff;
}
.dig-tafel__schritt span { font-weight: 700; }
/* Gefüllt, nicht umrandet — reine Konturkästen gibt es im Design nicht. */
.dig-hinweis { border-radius: 32px; background: #98979f; padding: 28px; }
@media (min-width: 768px) { .dig-hinweis { padding: 32px; } }
.dig-hinweis__titel { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.3; color: #fff; }
.dig-hinweis__text { margin: 12px 0 0; font-size: 16px; line-height: 1.625; color: rgba(255, 255, 255, .92); }
/* ---------- Werkzeuge ---------- */
.dig-werkzeuge__kopf { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start; }
@media (min-width: 1024px) {
  .dig-werkzeuge__kopf { grid-template-columns: 1fr auto; gap: 48px; align-items: center; }
}
.dig-werkzeuge__logo {
  display: grid; place-items: center; width: 132px; height: 132px;
  border-radius: 26px; background: #fff; padding: 14px;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, .25);
}
.dig-werkzeuge__logo img { width: 100%; height: auto; }
/* Die Karten stehen bewusst nicht auf einer Linie: unterschiedliche Breiten,
   Einzüge und Höhenversätze, wie auf den anderen Unterseiten. Auf schmalen
   Schirmen fällt alles wieder in eine Spalte, dort wäre Versatz nur unruhig. */
.dig-karten { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 48px; align-items: start; }
@media (min-width: 640px) { .dig-karten { grid-template-columns: 1fr 1fr; gap: 24px; } }
@media (min-width: 1024px) {
  .dig-karten { grid-template-columns: repeat(12, 1fr); gap: 28px; }
  .dig-karten--drei { margin-top: 64px; }
  .dig-karten--drei .dig-karte:nth-child(1) { grid-column: 1 / span 4; }
  .dig-karten--drei .dig-karte:nth-child(2) { grid-column: 5 / span 4; margin-top: 48px; }
  .dig-karten--drei .dig-karte:nth-child(3) { grid-column: 9 / span 4; margin-top: 96px; }
  .dig-karten--zwei { margin-top: 28px; }
  .dig-karten--zwei > *:nth-child(1) { grid-column: 1 / span 4; margin-top: 96px; }
  .dig-karten--zwei > *:nth-child(2) { grid-column: 5 / span 4; margin-top: 48px; }
  .dig-karten--zwei > *:nth-child(3) { grid-column: 9 / span 4; }
}
.dig-karte { display: flex; flex-direction: column; border-radius: 32px; padding: 28px; }
/* Dieselben vier Flächen wie auf der Leistungsseite. */
.dig-karte--weiss  { background: #fff; }
.dig-karte--blau   { background: #3f6780; }
.dig-karte--grau   { background: #98979f; }
.dig-karte--dunkel { background: #34333c; }
.dig-karte--orange { background-image: linear-gradient(120deg, #ffd50c 0%, #ff8b04 100%); }
/* Weiße Schrift auf dem Verlauf, wie auf der orangen Karte der Leistungsseite. */
.dig-karte--orange .dig-karte__titel { color: #fff; }
.dig-karte--orange .dig-karte__fuer { color: rgba(255, 255, 255, .85); }
.dig-karte--orange .dig-karte__fuer span { color: #fff; }
.dig-karte--orange .dig-karte__text { color: #fff; }
.dig-karte--orange .dig-karte__braucht { color: #fff; border-top-color: rgba(255, 255, 255, .35); }
.dig-karte--orange .dig-karte__braucht span { color: #fff; }
@media (min-width: 768px) { .dig-karte { padding: 32px; } }
.dig-karte__titel { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.25; color: #34333c; }
.dig-karte__fuer { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: rgba(52, 51, 60, .7); }
.dig-karte__fuer span { font-weight: 700; color: #34333c; }
.dig-karte__text { margin: 16px 0 0; font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .8); }
/* Fester Abstand über der Trennlinie. Ein „margin-top: auto" (früher für
   bündige Buttons) fällt bei den jetzt versetzten Karten auf 0 zusammen und
   klebte die Linie an den Text darüber. */
.dig-karte__braucht {
  margin: 20px 0 0; padding-top: 16px; font-size: 15px; line-height: 1.55;
  border-top: 1px solid rgba(52, 51, 60, .1); color: rgba(52, 51, 60, .8);
}
.dig-karte__braucht span { font-weight: 700; color: #34333c; }
.dig-karte__aktion { margin-top: 24px; align-self: flex-start; }

.dig-karte--blau .dig-karte__titel, .dig-karte--grau .dig-karte__titel,
.dig-karte--dunkel .dig-karte__titel { color: #fff; }
.dig-karte--blau .dig-karte__fuer, .dig-karte--grau .dig-karte__fuer,
.dig-karte--dunkel .dig-karte__fuer { color: rgba(255, 255, 255, .75); }
.dig-karte--blau .dig-karte__fuer span, .dig-karte--grau .dig-karte__fuer span,
.dig-karte--dunkel .dig-karte__fuer span { color: #fff; }
.dig-karte--blau .dig-karte__text, .dig-karte--grau .dig-karte__text,
.dig-karte--dunkel .dig-karte__text { color: rgba(255, 255, 255, .9); }
.dig-karte--blau .dig-karte__braucht, .dig-karte--grau .dig-karte__braucht,
.dig-karte--dunkel .dig-karte__braucht {
  color: rgba(255, 255, 255, .9); border-top-color: rgba(255, 255, 255, .25);
}
.dig-karte--blau .dig-karte__braucht span, .dig-karte--grau .dig-karte__braucht span,
.dig-karte--dunkel .dig-karte__braucht span { color: #fff; }

/* Bildkachel in der Kartenreihe — bringt Fotos in den Abschnitt. */
.dig-bildkarte { position: relative; overflow: hidden; border-radius: 32px; aspect-ratio: 4 / 3; }
.dig-bildkarte img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
/* ---------- Was analog bleibt ---------- */
/* Foto links, die vier Punkte rechts. Keine Trennstriche — die gibt es
   sonst nirgends auf der Seite. Die fetten Zeilen trennen ausreichend. */
.dig-analog__grid { display: grid; grid-template-columns: 1fr; gap: 40px; margin-top: 48px; align-items: center; }
@media (min-width: 1024px) { .dig-analog__grid { grid-template-columns: 5fr 6fr; gap: 64px; } }
.dig-analog__bild { position: relative; overflow: hidden; border-radius: 32px; aspect-ratio: 5 / 4; }
.dig-analog__bild img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.dig-analoge { display: grid; grid-template-columns: 1fr; gap: 28px; }
.dig-analog__titel { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.3; color: #34333c; }
.dig-analog__text { margin: 10px 0 0; font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .8); }
/* ---------- Hinter den Kulissen ---------- */
.dig-kulissen__grid { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: start; }
@media (min-width: 1024px) { .dig-kulissen__grid { grid-template-columns: 7fr 5fr; gap: 64px; } }
.dig-schritte { list-style: none; margin: 40px 0 0; padding: 0; }
.dig-schritt { display: flex; gap: 20px; padding-bottom: 28px; position: relative; }
.dig-schritt:not(:last-child)::after {
  content: ""; position: absolute; left: 19px; top: 44px; bottom: 6px; width: 2px;
  background: rgba(52, 51, 60, .12);
}
.dig-schritt__nr {
  flex: none; display: grid; place-items: center;
  width: 40px; height: 40px; border-radius: 9999px;
  background-image: linear-gradient(150deg, #ffd50c 0%, #ff8b04 100%);
  color: #fff; font-size: 17px; font-weight: 700;
}
.dig-schritt__text { margin: 8px 0 0; font-size: 16px; line-height: 1.625; color: rgba(52, 51, 60, .85); }
.dig-video { border-radius: 32px; background: #fff; padding: 20px; }
.dig-video__bild { position: relative; overflow: hidden; border-radius: 20px; aspect-ratio: 4 / 3; }
.dig-video__bild img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }
.dig-video__knopf {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: grid; place-items: center; width: 66px; height: 66px; border-radius: 9999px;
  background: rgba(255, 255, 255, .92);
}
.dig-video__knopf::after {
  content: ""; margin-left: 4px;
  border-left: 18px solid #34333c; border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
}
.dig-video__text { margin: 20px 0 0; font-size: 16px; line-height: 1.55; font-weight: 600; color: #34333c; }
.dig-video__hinweis { margin: 8px 0 0; font-size: 14px; line-height: 1.5; color: rgba(52, 51, 60, .55); }
.dig-fragen__bild {
  position: relative; overflow: hidden; border-radius: 32px;
  aspect-ratio: 4 / 3; margin-top: 40px;
}
.dig-fragen__bild img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }

/* Offene Frage: sichtbar als Lücke markiert, damit sie nicht übersehen wird. */
.dig-frage--offen .dig-frage__schalter { color: rgba(52, 51, 60, .55); }
.dig-frage--offen .dig-frage__antwort {
  border-left: 3px solid #f59b00; padding-left: 14px; color: rgba(52, 51, 60, .7);
}
/* ---------- Abschlussband ----------
   Läuft über die volle Breite, ohne Rundungen und ohne Rand ringsum. */
.dig-band { position: relative; isolation: isolate; overflow: hidden; }
.dig-band img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; z-index: -2; }
.dig-band__schleier { position: absolute; inset: 0; z-index: -1; background: rgba(52, 51, 60, .8); }
.dig-band__inhalt { padding-top: 80px; padding-bottom: 80px; text-align: center; color: #fff; }
@media (min-width: 768px) { .dig-band__inhalt { padding-top: 120px; padding-bottom: 120px; } }
.dig-band__h2 { color: #fff; margin: 0 auto 24px; max-width: 56rem; }
.dig-band__mikro { margin: 16px 0 0; font-size: 14px; color: rgba(255, 255, 255, .7); }
.dig-band__text { margin: 0 auto; max-width: 46rem; font-size: 18px; line-height: 1.6; color: #fff; }
@media (min-width: 768px) { .dig-band__text { font-size: 20px; } }
@media (prefers-reduced-motion: reduce) {
  .reveal-hidden, .reveal-visible, .reveal-settled { opacity: 1; animation: none; }
  .dig-panel { transition: none; }
}