/* Seiten-Bausteine · Grundstil (Farben, Schriften, Knöpfe, Segment, Erscheinen)
   Automatisch erzeugt aus dem Prototyp (AP 09) mit werkzeuge/css_kapseln.py (AP 18). Nicht von Hand ändern. */
.hds.hds{--blau: #2154A6;
  --blau-2: #0A55F0;
  --akzent: #2EA7FF;
  --nacht: #06050A;
  --navy: #06162F;
  --dunkel: #1C2D3E;
  --hg: #F4FBFF;
  --hell: #E6F3FC;
  --weiss: #FFFFFF;
  --text: #1C2D3E;
  --text-2: rgba(28, 45, 62, .66);
  --text-3: rgba(28, 45, 62, .45);
  --linie: rgba(28, 45, 62, .10);
  --kopf: 'Urbanist', system-ui, sans-serif;
  --lauf: 'Manrope', system-ui, sans-serif;
  --ease: cubic-bezier(.22, .68, .18, 1);
  --spring: cubic-bezier(.34, 1.4, .64, 1);
  --radius: 24px;
  --schatten: 0 1px 2px rgba(28, 45, 62, .04), 0 12px 40px -12px rgba(28, 45, 62, .14);
  --schatten-hoch: 0 2px 4px rgba(28, 45, 62, .05), 0 30px 70px -20px rgba(28, 45, 62, .28);}
.hds.hds, .hds.hds *{box-sizing: border-box;}
.hds.hds{scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
.hds.hds{margin: 0;
  font-family: var(--lauf);
  font-size: 17px;
  line-height: 1.6;
  color: var(--text);
  background: var(--weiss);
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;}
.hds.hds img{display: block; max-width: 100%; height: auto;}
.hds.hds a{color: inherit; text-decoration: none;}
.hds.hds button{font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer;}
.hds.hds h1,.hds.hds h2,.hds.hds h3,.hds.hds h4{font-family: var(--kopf); margin: 0; letter-spacing: -.03em; line-height: 1.06; font-weight: 700; text-wrap: balance;}
.hds.hds p{margin: 0;}
.hds.hds ::selection{background: rgba(46, 167, 255, .28);}
.hds.hds .hd-wrap{width: min(1240px, 100% - 48px); margin-inline: auto;}
@media (max-width: 767px){.hds.hds .hd-wrap{width: calc(100% - 32px);}}
.hds.hds .hd-eyebrow{display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--kopf); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--blau);}
.hds.hds .hd-eyebrow::before{content: ""; width: 22px; height: 2px; border-radius: 2px; background: currentColor; opacity: .6;}
.hds.hds .hd-eyebrow.hell{color: var(--akzent);}
.hds.hds .hd-h1{font-size: clamp(40px, 6vw, 84px);}
.hds.hds .hd-h2{font-size: clamp(32px, 4.4vw, 60px);}
.hds.hds .hd-h3{font-size: clamp(22px, 2.2vw, 30px); letter-spacing: -.02em; line-height: 1.15;}
.hds.hds .hd-lead{font-size: clamp(17px, 1.35vw, 21px); line-height: 1.55; color: var(--text-2); max-width: 62ch; text-wrap: pretty;}
.hds.hds .hell .hd-lead,.hds.hds .hd-lead.hell{color: rgba(255, 255, 255, .72);}
.hds.hds .hell{color: #fff;}
.hds.hds .hd-akzent{color: var(--blau);}
.hds.hds .hd-verlauf{background: linear-gradient(92deg, var(--blau) 0%, var(--akzent) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.hds.hds .hd-meta{font-size: 14px; color: var(--text-3); display: flex; gap: 14px; align-items: center; flex-wrap: wrap;}
.hds.hds .hd-meta .punkt{width: 4px; height: 4px; border-radius: 50%; background: currentColor; opacity: .5;}
.hds.hds .hd-btn{--bg: var(--blau); --fg: #fff;
  position: relative; display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 26px; border-radius: 999px;
  font-family: var(--kopf); font-weight: 700; font-size: 16px; letter-spacing: -.01em; line-height: 1;
  color: var(--fg); background: var(--bg);
  transition: transform .5s var(--spring), box-shadow .5s var(--ease), background .35s var(--ease);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 10px 24px -10px rgba(33, 84, 166, .5);
  will-change: transform;}
.hds.hds .hd-btn:hover{--bg: var(--blau-2); box-shadow: 0 1px 0 rgba(255, 255, 255, .18) inset, 0 16px 34px -12px rgba(10, 85, 240, .6);}
.hds.hds .hd-btn:active{transform: scale(.96) !important;}
.hds.hds .hd-btn svg{width: 18px; height: 18px; transition: transform .45s var(--spring);}
.hds.hds .hd-btn:hover svg{transform: translateX(4px);}
.hds.hds .hd-btn.geist{--bg: rgba(28, 45, 62, .06); --fg: var(--text); box-shadow: none;}
.hds.hds .hd-btn.geist:hover{--bg: rgba(28, 45, 62, .1);}
.hds.hds .hd-btn.weiss{--bg: #fff; --fg: var(--text); box-shadow: 0 10px 30px -14px rgba(0, 0, 0, .5);}
.hds.hds .hd-btn.weiss:hover{--bg: #fff;}
.hds.hds .hd-btn.glas{--bg: rgba(255, 255, 255, .12); --fg: #fff; backdrop-filter: blur(14px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);}
.hds.hds .hd-btn.glas:hover{--bg: rgba(255, 255, 255, .2);}
.hds.hds .hd-btn.klein{padding: 11px 18px; font-size: 14px;}
.hds.hds .hd-chip{display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px;
  font-family: var(--kopf); font-size: 12.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  color: var(--blau); background: var(--hell);}
.hds.hds .hd-chip.glas{background: rgba(255, 255, 255, .78); backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7), 0 6px 16px -8px rgba(28, 45, 62, .3);}
.hds.hds .hd-chip.dunkel{background: rgba(6, 22, 47, .7); color: #fff; backdrop-filter: blur(10px);}
.hds.hds .hd-segment{position: relative; display: inline-flex; padding: 5px; border-radius: 999px; background: rgba(28, 45, 62, .07); isolation: isolate;}
.hds.hds .hd-segment.hell{background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);}
.hds.hds .hd-segment button{position: relative; z-index: 1; padding: 11px 20px; border-radius: 999px; font-family: var(--kopf); font-weight: 700; font-size: 15px; color: var(--text-2); transition: color .35s var(--ease); white-space: nowrap;}
.hds.hds .hd-segment.hell button{color: rgba(255, 255, 255, .6);}
.hds.hds .hd-segment button[aria-pressed="true"]{color: var(--text);}
.hds.hds .hd-segment.hell button[aria-pressed="true"]{color: var(--navy);}
.hds.hds .hd-segment::before{content: ""; position: absolute; top: 5px; bottom: 5px; left: 0; width: var(--w, 0px);
  transform: translateX(var(--x, 0px)); border-radius: 999px; background: #fff;
  box-shadow: 0 2px 8px -2px rgba(28, 45, 62, .25); transition: transform .55s var(--spring), width .55s var(--spring);}
.hds.hds .hd-feld{display: flex; align-items: center; gap: 12px; padding: 6px 6px 6px 20px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--linie), var(--schatten); transition: box-shadow .35s var(--ease);}
.hds.hds .hd-feld:focus-within{box-shadow: inset 0 0 0 2px var(--akzent), var(--schatten-hoch);}
.hds.hds .hd-feld svg{width: 20px; height: 20px; color: var(--text-3); flex: none;}
.hds.hds .hd-feld input{flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: inherit; font-size: 16px; color: var(--text);}
.hds.hds .hd-feld input::placeholder{color: var(--text-3);}
.hds.hds .hd-karte{background: #fff; border-radius: var(--radius); box-shadow: inset 0 0 0 1px var(--linie), var(--schatten);}
.hds.hds .hd-glas{background: rgba(255, 255, 255, .62); backdrop-filter: blur(24px) saturate(160%); -webkit-backdrop-filter: blur(24px) saturate(160%); border-radius: var(--radius); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 1px 2px rgba(28, 45, 62, .04), 0 24px 60px -24px rgba(28, 45, 62, .22);}
.hds.hds .hd-glas-dunkel{background: rgba(255, 255, 255, .06); backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); border-radius: var(--radius); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), inset 0 1px 0 rgba(255, 255, 255, .12), 0 30px 70px -30px rgba(0, 0, 0, .7);}
.hds.hds .hd-bild{position: relative; overflow: hidden; border-radius: var(--radius); background: var(--hell); isolation: isolate;}
.hds.hds .hd-bild img{width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease);}
.hds.hds .hd-bild.zoom:hover img{transform: scale(1.045);}
.hds.hds .hd-bild .auslauf{position: absolute; inset: auto 0 0 0; height: 44%; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); mask-image: linear-gradient(to bottom, transparent, #000 70%); -webkit-mask-image: linear-gradient(to bottom, transparent, #000 70%); pointer-events: none;}
.hds.hds .hd-bild .schleier{position: absolute; inset: 0; background: linear-gradient(to top, rgba(6, 22, 47, .78), rgba(6, 22, 47, .1) 55%, transparent); pointer-events: none;}
.hds.hds .hd-kopf{position: sticky; top: 0; z-index: 50; height: 72px; display: flex; align-items: center; background: rgba(255, 255, 255, .72); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); border-bottom: 1px solid var(--linie);}
.hds.hds .hd-kopf.dunkel{background: rgba(6, 22, 47, .6); border-bottom-color: rgba(255, 255, 255, .08); color: #fff;}
.hds.hds .hd-kopf .hd-wrap{display: flex; align-items: center; gap: 28px;}
.hds.hds .hd-marke{display: flex; align-items: baseline; gap: 6px; font-family: var(--kopf); font-weight: 800; font-size: 26px; letter-spacing: -.04em; color: var(--blau);}
.hds.hds .hd-kopf.dunkel .hd-marke{color: #fff;}
.hds.hds .hd-marke small{font-family: var(--lauf); font-size: 10px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--text-3);}
.hds.hds .hd-kopf.dunkel .hd-marke small{color: rgba(255, 255, 255, .5);}
.hds.hds .hd-nav{display: flex; gap: 26px; margin-left: 12px; font-size: 15px; font-weight: 600; color: var(--text-2);}
.hds.hds .hd-kopf.dunkel .hd-nav{color: rgba(255, 255, 255, .7);}
.hds.hds .hd-nav a{position: relative; padding: 6px 0;}
.hds.hds .hd-nav a::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 2px; background: var(--akzent); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease);}
.hds.hds .hd-nav a:hover::after,.hds.hds .hd-nav a.aktiv::after{transform: scaleX(1);}
.hds.hds .hd-kopf .hd-btn{margin-left: auto;}
@media (max-width: 900px){.hds.hds .hd-nav{display: none;}}
.hds.hds .hd-leiste{position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 90;
  display: flex; align-items: center; gap: 4px; padding: 6px; border-radius: 999px;
  background: rgba(6, 22, 47, .82); backdrop-filter: blur(18px); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12), 0 20px 50px -20px rgba(0, 0, 0, .6);
  font-family: var(--kopf); font-size: 13px; font-weight: 700; color: rgba(255, 255, 255, .7);}
.hds.hds .hd-leiste a,.hds.hds .hd-leiste span.t{padding: 9px 14px; border-radius: 999px; transition: background .3s, color .3s; white-space: nowrap;}
.hds.hds .hd-leiste a:hover{color: #fff; background: rgba(255, 255, 255, .1);}
.hds.hds .hd-leiste a.aktiv{color: var(--navy); background: #fff;}
.hds.hds .hd-leiste span.t{color: rgba(255, 255, 255, .4); padding-right: 6px;}
.hds.hds .hd-leiste .trenn{width: 1px; height: 18px; background: rgba(255, 255, 255, .15); margin: 0 4px;}
@media (max-width: 640px){.hds.hds .hd-leiste span.t{display: none;}
.hds.hds .hd-leiste{bottom: 12px; font-size: 12px; max-width: calc(100vw - 16px); overflow-x: auto; scrollbar-width: none;}
.hds.hds .hd-leiste::-webkit-scrollbar{display: none;}
.hds.hds .hd-leiste a{padding: 8px 11px;}}
.hds.hds .hd-var{position: absolute; top: 24px; left: 24px; z-index: 5; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: 999px; background: rgba(255, 255, 255, .8); backdrop-filter: blur(12px); box-shadow: inset 0 0 0 1px rgba(28, 45, 62, .08); font-family: var(--kopf); font-size: 13px; font-weight: 700; color: var(--text-2);}
.hds.hds .hd-var b{display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 13px;}
.hds.hds .hd-var.hell{background: rgba(255, 255, 255, .1); color: rgba(255, 255, 255, .8); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15);}
.hds.hds .hd-var.hell b{background: #fff; color: var(--navy);}
.hds.hds [data-inview] [data-stagger],.hds.hds [data-inview].hd-selbst{--d: calc(var(--i, 0) * 80ms);}
.hds.hds [data-inview]:not(.ist-da) [data-stagger],.hds.hds [data-inview].hd-selbst:not(.ist-da){opacity: 0; transform: translateY(22px); filter: blur(6px);}
.hds.hds [data-inview] [data-stagger],.hds.hds [data-inview].hd-selbst{transition: opacity .9s var(--ease) var(--d), transform .9s var(--ease) var(--d), filter .9s var(--ease) var(--d);}
.hds.hds [data-inview]:not(.ist-da) [data-stagger="zoom"]{transform: scale(.94) translateY(12px);}
.hds.hds [data-inview]:not(.ist-da) [data-stagger="links"]{transform: translateX(-30px);}
.hds.hds [data-inview]:not(.ist-da) [data-stagger="rechts"]{transform: translateX(30px);}
.hds.hds [data-inview]:not(.ist-da) [data-stagger="vorhang"]{clip-path: inset(100% 0 0 0 round var(--radius)); transform: none; filter: none; opacity: 1;}
.hds.hds [data-inview] [data-stagger="vorhang"]{transition: clip-path 1.1s var(--ease) var(--d); clip-path: inset(0 0 0 0 round var(--radius));}
.hds.hds .hd-w{display: inline-block; white-space: pre; transition: opacity .7s var(--ease), transform .7s var(--ease), filter .7s var(--ease); transition-delay: calc(var(--i) * 45ms + var(--dv, 0ms));}
.hds.hds [data-text]:not(.ist-da) .hd-w{opacity: 0; transform: translateY(14px); filter: blur(10px);}
.hds.hds .hd-schimmer{background: linear-gradient(100deg, currentColor 40%, rgba(255, 255, 255, .95) 50%, currentColor 60%); background-size: 240% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: hds-hd-schimmer 3.2s linear infinite;}
@keyframes hds-hd-schimmer{to { background-position: -140% 0; }}
.hds.hds .hd-fortschritt{position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60; transform-origin: left; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--blau), var(--akzent));}
.hds.hds .hd-spur{position: relative;}
.hds.hds .hd-spur::before{content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: conic-gradient(from var(--hd-winkel, 0deg), transparent 0 70%, var(--akzent) 88%, #fff 94%, transparent 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: hds-hd-spur 4s linear infinite; pointer-events: none; opacity: 0; transition: opacity .5s;}
.hds.hds .hd-spur:hover::before,.hds.hds .hd-spur.an::before{opacity: 1;}
@property --hd-winkel{syntax: "<angle>"; inherits: false; initial-value: 0deg;}
@keyframes hds-hd-spur{to { --hd-winkel: 360deg; }}
.hds.hds [data-spot]{position: relative; overflow: hidden;}
.hds.hds [data-spot]::after{content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .5s; background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(46, 167, 255, .16), transparent 60%);}
.hds.hds [data-spot]:hover::after{opacity: 1;}
.hds.hds [data-tilt]{transform-style: preserve-3d; transition: transform .8s var(--ease); will-change: transform;}
.hds.hds [data-tilt].neigt{transition: transform .12s linear;}
@media (prefers-reduced-motion: reduce){.hds.hds, .hds.hds *,.hds.hds *::before,.hds.hds *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important;}
.hds.hds [data-inview]:not(.ist-da) [data-stagger],.hds.hds [data-text]:not(.ist-da) .hd-w{opacity: 1; transform: none; filter: none;}}
.hds.hds .ue-hero{padding: 96px 0 40px;}
.hds.hds .ue-raster{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding-bottom: 120px;}
.hds.hds .ue-karte{display: flex; flex-direction: column; gap: 14px; padding: 28px; min-height: 260px; transition: transform .6s var(--spring), box-shadow .6s var(--ease);}
.hds.hds .ue-karte:hover{transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--linie), var(--schatten-hoch);}
.hds.hds .ue-karte .nr{font-family: var(--kopf); font-size: 13px; font-weight: 700; color: var(--text-3); letter-spacing: .1em;}
.hds.hds .ue-karte h3{font-size: 26px;}
.hds.hds .ue-karte p{color: var(--text-2); font-size: 15px;}
.hds.hds .ue-karte ul{margin: auto 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px;}
.hds.hds .ue-karte li{font-family: var(--kopf); font-size: 13px; font-weight: 700; padding: 6px 11px; border-radius: 999px; background: var(--hell); color: var(--blau);}
.hds.hds .ue-hinweis{margin-top: 28px; padding: 22px 26px; border-radius: 18px; background: var(--hg); font-size: 15px; color: var(--text-2);}
.hds.hds .ue-hinweis b{color: var(--text);}
.hds.hds .hd-regler{position: fixed; right: 18px; bottom: 18px; z-index: 95; display: grid; justify-items: end; gap: 10px; font-family: var(--kopf);}
.hds.hds .hd-regler-knopf{display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px 0 14px; border-radius: 999px; background: rgba(255,255,255,.86); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); box-shadow: inset 0 0 0 1px rgba(28,45,62,.1), 0 16px 40px -18px rgba(6,22,47,.5); font-weight: 700; font-size: 14px; color: var(--text); transition: transform .45s var(--spring);}
.hds.hds .hd-regler-knopf:hover{transform: translateY(-2px);}
.hds.hds .hd-regler-knopf svg{width: 18px; height: 18px; color: var(--blau); transition: transform .5s var(--spring);}
.hds.hds .hd-regler.offen .hd-regler-knopf svg{transform: rotate(90deg);}
.hds.hds .hd-regler-panel{width: min(360px, calc(100vw - 36px)); padding: 18px; border-radius: 24px; background: rgba(255,255,255,.9); backdrop-filter: blur(24px) saturate(170%); -webkit-backdrop-filter: blur(24px) saturate(170%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 30px 70px -24px rgba(6,22,47,.45); display: grid; gap: 14px; transform-origin: bottom right; transition: opacity .35s var(--ease), transform .5s var(--spring), visibility .35s;}
.hds.hds .hd-regler:not(.offen) .hd-regler-panel{opacity: 0; transform: translateY(10px) scale(.96); visibility: hidden; pointer-events: none;}
.hds.hds .hd-regler-titel{font-weight: 800; font-size: 16px; letter-spacing: -.01em; display: grid; gap: 2px;}
.hds.hds .hd-regler-titel small{font-family: var(--lauf); font-weight: 500; font-size: 12.5px; color: var(--text-3); letter-spacing: 0;}
.hds.hds .hd-regler-zeile{display: grid; gap: 8px;}
.hds.hds .hd-regler-zeile > span{font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; color: var(--text-3);}
.hds.hds .hd-regler-zeile .hd-segment{display: flex; width: 100%;}
.hds.hds .hd-regler-zeile .hd-segment button{flex: 1; padding: 9px 10px; font-size: 13.5px;}
@media (max-width: 640px){.hds.hds .hd-regler{bottom: 76px; right: 12px;}
.hds.hds .hd-regler-knopf{height: 42px; font-size: 13px;}}
.hds.hds .hd-leiste .hd-segment{padding: 3px; background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);}
.hds.hds .hd-leiste .hd-segment button{color: rgba(255,255,255,.65); font-size: 13px; padding: 7px 12px;}
.hds.hds .hd-leiste .hd-segment button[aria-pressed="true"]{color: var(--navy);}
.hds.hds .hd-leiste .hd-segment button small{font-size: 11px; font-weight: 600; opacity: .75;}
@media (max-width: 900px){.hds.hds .hd-leiste .hd-segment button small{display: none;}}
@media print{.hds.hds .hd-regler,.hds.hds .hd-leiste{display: none;}}
.hds.hds .hd-zeigerbild{position: fixed; left: 0; top: 0; z-index: 80; width: 260px; aspect-ratio: 16 / 10; margin: -130px 0 0 30px; border-radius: 18px; overflow: hidden; pointer-events: none; opacity: 0; scale: .8; transition: opacity .35s var(--ease), scale .5s var(--spring); box-shadow: var(--schatten-hoch); background: var(--hell);}
.hds.hds .hd-zeigerbild.an{opacity: 1; scale: 1;}
.hds.hds .hd-zeigerbild img{width: 100%; height: 100%; object-fit: cover;}
.hds.hds [data-morph]{position: relative; display: inline-grid;}
.hds.hds [data-morph] .hd-morph{grid-area: 1 / 1; opacity: 0; transform: translateY(14px); filter: blur(8px); transition: opacity .65s var(--ease), transform .65s var(--ease), filter .65s var(--ease); white-space: nowrap;}
.hds.hds [data-morph] .hd-morph.rein{opacity: 1; transform: none; filter: none;}
.hds.hds [data-morph] .hd-morph.raus{opacity: 0; transform: translateY(-14px); filter: blur(8px);}
.hds.hds .hds{display:block;width:100%;font-family:var(--lauf);color:var(--text);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.hds.hds .hds [hidden]{display:none!important}
.hds.hds .hds.hds{background:transparent}
.hds.hds .hds img{border:0;border-radius:0;box-shadow:none}
.hds.hds .hds a:hover,.hds.hds .hds a:focus{text-decoration:none}
.hds.hds .hds button:hover,.hds.hds .hds button:focus{background-color:transparent}