:root{
  --b-rot:#C73329; --b-orange:#EA6524; --b-gelb:#F1B01A; --b-gruen:#8AAD3D;
  --b-tuerkis:#3792A3; --b-blau:#3E6DB3; --b-lila:#8A4B98;
  --b-tinte:#26262B; --b-kopf:#4D4D4D;
  --b-grau-1:#FAFAFB; --b-grau-2:#F3F3F5; --b-grau-3:#E6E6EA;
  --b-regen:linear-gradient(90deg,var(--b-rot),var(--b-orange),var(--b-gelb),var(--b-gruen),var(--b-tuerkis),var(--b-blau),var(--b-lila));
  --b-s1:0 2px 8px rgba(38,38,43,.06);
  --b-s2:0 14px 38px rgba(38,38,43,.13);
  --b-s3:0 28px 70px rgba(38,38,43,.20);
  --b-rund:20px;
  --b-hover:scale(1.025);
  --b-zeit:.32s cubic-bezier(.22,.7,.3,1);
}

:root{ --b-kopf-platz:104px }
body{ padding-top:var(--b-kopf-platz) }

.b-auf{ opacity:0; transform:translateY(30px) }
.b-auf.b-da{ opacity:1; transform:none;
  transition:opacity .75s cubic-bezier(.22,.7,.3,1), transform .75s cubic-bezier(.22,.7,.3,1) }
.b-auf:nth-child(2){ transition-delay:.08s }
.b-auf:nth-child(3){ transition-delay:.16s }
.b-auf:nth-child(4){ transition-delay:.24s }

.kopf{
  position:fixed; top:12px; left:0; right:0; z-index:20;
  width:calc(100% - 24px); max-width:1400px; margin:0 auto;
  min-height:92px; padding-inline:30px;
  border-radius:18px; overflow:visible;
  background:rgba(38,38,43,.94);
  -webkit-backdrop-filter:blur(14px) saturate(140%); backdrop-filter:blur(14px) saturate(140%);
  box-shadow:0 12px 34px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.06) inset;
  transition:min-height .28s ease, box-shadow .28s ease, background-color .28s ease;
}
.b-gescrollt .kopf{ min-height:68px; background:rgba(38,38,43,.9); box-shadow:0 16px 40px rgba(0,0,0,.3) }
.kopf__logo img{ width:206px; transition:width .28s ease }
.b-gescrollt .kopf__logo img{ width:168px }
.kopf__liste{ gap:30px }
.kopf__liste a,.kopf__liste summary{ font-size:17px; color:rgba(255,255,255,.92) }
.kopf__liste a{ position:relative }

.kopf__liste a::after{
  content:''; position:absolute; left:50%; right:50%; bottom:2px; height:3px;
  border-radius:2px; background:var(--b-gelb);
  transition:left .26s cubic-bezier(.22,.7,.3,1), right .26s cubic-bezier(.22,.7,.3,1);
}
.kopf__liste a:hover::after,.kopf__liste a[aria-current='page']::after{ left:0; right:0 }
.kopf__liste a:hover,.kopf__liste a:focus-visible,.kopf__liste a[aria-current='page'],.kopf__liste li:hover > a,
.kopf__liste summary:hover > a,.kopf__liste summary[aria-current='page']{ text-decoration:none !important; color:#fff }
.kopf__unter{ background:#2C2C31 !important; border-radius:0 0 14px 14px !important; box-shadow:0 14px 34px rgba(0,0,0,.3) }
.kopf__unter a:hover{ background:rgba(255,255,255,.1) !important }
.kopf__sozial{ color:rgba(255,255,255,.85) }
.b-tel{
  display:inline-flex; align-items:center; gap:9px; margin-left:22px;
  padding:11px 20px; border-radius:999px; white-space:nowrap;
  max-width:250px; overflow:hidden; text-overflow:ellipsis;
  background:#fff; color:var(--b-tinte) !important;
  font-size:15.5px; font-weight:600; text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
}

.kopf__liste .b-tel{ display:inline-flex; padding:11px 20px; line-height:20px }
.kopf__liste .b-tel:hover{ text-decoration:none }
.kopf__liste .b-tel::after{ display:none }
.b-tel svg{ width:17px; height:17px; fill:currentColor; flex:none; display:block }
.b-tel span{ overflow:hidden; text-overflow:ellipsis }
.kopf__nav,.kopf__liste{ max-width:100%; min-width:0 }
.b-fortschritt{
  position:fixed; top:0; left:0; height:4px; width:0; z-index:60;
  background:var(--b-gelb); transition:width .1s linear;
}

.hero{ min-height:min(88vh,780px); margin-top:calc(-1 * var(--b-kopf-platz)); padding-top:calc(var(--b-kopf-platz) + 48px) }
.hero::before{
  background:linear-gradient(103deg,
    rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 40%,
    rgba(255,255,255,.6) 70%, rgba(255,255,255,.3) 100%) !important;
}
.hero__inhalt{ position:relative; z-index:1 }
.hero__titel{ font-size:clamp(44px,5.4vw,80px); line-height:1.04; letter-spacing:-1.4px }

.hero::after,.seitenkopf--gross::after{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:url('/assets/img/seite/2.webp') left top / auto 100% no-repeat;
}

.seitenkopf__inhalt{ position:relative; z-index:1 }
.hero__text{ font-size:19.5px; line-height:1.62; max-width:34em }
.hero__knoepfe{ margin-top:34px; gap:16px }
.hero__knoepfe .knopf{ padding-block:19px; font-size:17px }
.b-vertrauen{
  position:absolute; right:0; bottom:-18px;
  display:flex; align-items:center; gap:16px;
  padding:18px 24px 18px 20px; border-radius:18px;
  background:rgba(255,255,255,.94); backdrop-filter:blur(10px);
  box-shadow:var(--b-s2); color:var(--b-tinte); text-decoration:none;
  transform:translateY(12px); opacity:0;
  animation:b-vertrauen-auf .8s .5s cubic-bezier(.22,.7,.3,1) forwards;
}
@keyframes b-vertrauen-auf{ to{ transform:none; opacity:1 } }
.b-vertrauen__note{
  display:grid; place-items:center; width:58px; height:58px; border-radius:16px;
  background:var(--b-gelb); color:var(--b-tinte); font:700 24px/1 var(--schrift-display);
}
.b-vertrauen__text{ display:flex; flex-direction:column; gap:3px; font-size:14px; line-height:1.3 }
.b-vertrauen__text strong{ font-size:15.5px }
.b-vertrauen__sterne{ color:var(--b-gelb); letter-spacing:2px; font-size:15px }
.b-vertrauen__text small{ color:#6a6a70 }

.hero{ background-image:none !important; background-color:#ECECEF }
.hero.b-steht{ background-image:var(--b-poster) !important }
.hero__video{ opacity:0; transition:opacity .9s ease }
.hero__video.b-spielt{ opacity:1 }
@media (prefers-reduced-motion: reduce){ .hero{ background-image:var(--b-poster) !important } }

.praxis,.zielgruppe,.stimmen,.trf,.trf-aus,.trf-wen,.thp,.thl,.uuw,.uum,.uut,.uuk{
  padding-block:clamp(64px,7vw,120px);
}
.praxis{ background:linear-gradient(180deg,#fff 0%,var(--b-grau-1) 60%,var(--b-grau-2) 100%) }

.thl,.frg{ background:linear-gradient(180deg,#fff,var(--b-grau-1)) }
.praxis__text p,.leistungen > p,.zielgruppe__text p,.thp__text p,
.trf__einleitung p,.trf-wen__inhalt > .trf-wen__text > p,.uup__text p{ max-width:62ch }
.praxis__text h2,.leistungen h2,.zielgruppe h2,.stimmen__titel,
.trf__einleitung h2,.trf-aus__titel,.trf-wen__inhalt h2,.thp__text h2,.thl__titel,
.uup h2,.uuw h2,.uut h2,.uuk h2,.trf-galerie__kopf h2{ position:relative; letter-spacing:-.7px }
.zielgruppe::before,.uup::before,.uuz::before,.uuw::before,.uur::before{ opacity:.12 !important }
.zielgruppe{ background:linear-gradient(135deg,var(--b-grau-2) 0%,var(--b-grau-3) 100%) }
.uuz{ background:linear-gradient(135deg,var(--b-grau-2) 0%,var(--b-grau-3) 100%) }
.praxis__bilder{ position:relative; isolation:isolate }
.praxis__bilder::before{
  content:''; position:absolute; z-index:-1; inset:-6% -8% 10% -10%;
  border-radius:38% 62% 55% 45% / 45% 40% 60% 55%;
  background:linear-gradient(135deg,rgba(241,176,26,.18),rgba(55,146,163,.16)); filter:blur(4px);
}

.leistungen__liste{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));
  gap:20px; margin-top:34px; padding:0; list-style:none;
}
.leistungen__liste li{
  position:relative; margin:0; padding:30px 28px 28px; background:#fff;
  border-radius:var(--b-rund); box-shadow:var(--b-s1); overflow:hidden;
}

.leistungen__liste li::before{ content:''; position:absolute; left:0; right:0; top:0; height:5px; background:var(--b-gruen) }
.leistungen__liste li:nth-child(2)::before{ background:var(--b-blau) }
.leistungen__liste li:nth-child(3)::before{ background:var(--b-orange) }
.leistungen__liste li:nth-child(4)::before{ background:var(--b-tuerkis) }
.leistungen__liste li:nth-child(5)::before{ background:var(--b-gelb) }
.leistungen__liste li:nth-child(6)::before{ background:var(--b-rot) }
.leistungen__liste li::marker{ content:'' }
.leistungen__liste li strong{ display:block; margin-bottom:10px; font-size:19px; color:var(--farbe-marke) }
.zielgruppe__liste{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));
  gap:16px; margin-top:28px; padding:0; list-style:none;
}
.zielgruppe__liste li{
  position:relative; margin:0; padding:22px 24px 22px 56px;
  background:rgba(255,255,255,.94); border-radius:16px; box-shadow:var(--b-s1);
  font-size:16.5px; line-height:1.55;
}
.zielgruppe__liste li::marker{ content:'' }
.zielgruppe__liste li::before{
  content:''; position:absolute; left:22px; top:24px; width:20px; height:20px;
  border-radius:50%; background:var(--b-gruen);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/13px no-repeat,
          linear-gradient(#000,#000);
  -webkit-mask-composite:xor; mask-composite:exclude;
}

@media (min-width:901px){
  .zielgruppe__inhalt{
    grid-template-columns:520px minmax(0,520px); grid-template-rows:auto auto auto auto;
    gap:24px 100px; align-items:start;
  }
  .zielgruppe__text{ display:contents }
  .zielgruppe__text > *{ margin-top:0 !important }
  .zielgruppe__text > h2{ grid-column:1; grid-row:1 }
  .zielgruppe__text > p:not(.zielgruppe__knopf){ grid-column:1; grid-row:2 }
  .zielgruppe__liste{ grid-column:1; grid-row:3; margin-top:4px !important }
  .zielgruppe__knopf{ grid-column:1; grid-row:4; margin-top:6px !important }
  .zielgruppe__bild{ grid-column:2; grid-row:3; width:100%; height:auto; min-height:0; margin-top:4px; align-self:stretch; object-fit:cover }
}

.praxis__bild1,.praxis__bild2,.zielgruppe__bild,.thp__foto,.trf__raum,.trf-wen__bild,
.uup__foto,.uuk__foto,.lst__foto,.trainfl__raster img{
  border-radius:var(--b-rund); box-shadow:var(--b-s2);
}
.lst__karte{ border-radius:var(--b-rund) }
.bildband{ overflow:hidden; border-radius:26px; box-shadow:var(--b-s2) }
.bildband img{ border-radius:26px }
.bildband__titel{ font-size:30px !important; letter-spacing:-.4px }

.neues__karte{ position:relative; overflow:hidden; background:linear-gradient(160deg,#3a3a3a 0%,#1e1e22 100%); box-shadow:var(--b-s2) }
.neues__fokus{ background:rgba(255,255,255,.06) }
.neues__kicker{ background:var(--b-gelb) !important; color:var(--b-tinte) !important }
.neues__signal{ color:var(--b-gelb) }
.neues__knopf .knopf{ color:var(--b-tinte) }
.neues__knopf .knopf:hover{ background:var(--b-gelb); color:var(--b-tinte) }
.neues__fokus{ border-radius:0 24px 24px 0 }
.akk{ border-radius:14px; overflow:hidden }
.akk__titel{ border-radius:14px }
.akk[open] .akk__titel{ border-radius:14px 14px 0 0 }
.akk__feld{ border-radius:0 0 14px 14px }
.stimme{ border-radius:18px }
.uum__karte{ border-radius:var(--b-rund) !important }
.trf-aus__karte,.erwartung__karte,.ktk__karte{ border-radius:var(--b-rund) }

.stimmen{ background:linear-gradient(180deg,#fff 0%,var(--b-grau-1) 100%) }
.stimmen__note{
  position:relative; padding:28px 26px; border-radius:var(--b-rund); background:#fff; box-shadow:var(--b-s2); overflow:hidden;
}
.stimme{ position:relative; padding-top:44px !important; background:#fff !important; box-shadow:var(--b-s1) }
.stimme::before{
  content:'“'; position:absolute; top:6px; left:18px;
  font:700 64px/1 Georgia,'Times New Roman',serif; color:var(--b-gelb); opacity:.55;
}
.stimme:nth-child(2n) .stimme__initial{ background:var(--b-tuerkis) !important }
.stimme:nth-child(3n) .stimme__initial{ background:var(--b-blau) !important }
.stimme:nth-child(4n) .stimme__initial{ background:var(--b-orange) !important }
.stimme:nth-child(5n) .stimme__initial{ background:var(--b-gruen) !important }

.seitenkopf--gross{ min-height:clamp(400px,54vh,600px); margin-top:calc(-1 * var(--b-kopf-platz)); padding-top:calc(72px + var(--b-kopf-platz)) }
.seitenkopf--gross::before{
  background:linear-gradient(103deg,
    rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 34%,
    rgba(255,255,255,.62) 68%, rgba(255,255,255,.34) 100%) !important;
}

.seitenkopf__kicker{
  display:block; width:fit-content; opacity:1 !important; margin-bottom:22px;
  font-size:14.5px; letter-spacing:.16em; color:var(--b-tinte) !important;
}
.seitenkopf--gross .seitenkopf__titel{ font-size:clamp(38px,4.6vw,68px); letter-spacing:-1.1px }
.seitenkopf--gross .seitenkopf__titel::after{
  content:''; display:block; width:96px; height:6px; margin-top:26px; border-radius:4px;
  background:var(--b-gelb);
}

.uup__inhalt{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:48px; align-items:start }
.uup__links{ position:relative; overflow:hidden; padding:40px 38px 36px; border-radius:var(--b-rund); color:#fff;
  background:linear-gradient(160deg,#3a3a3a 0%,#1e1e22 100%); box-shadow:var(--b-s2) }
.uup__links h2{ color:#fff; font-size:clamp(32px,3.2vw,46px); line-height:1.1; letter-spacing:-.8px }
.uup__zeile{ margin-top:16px }
.uup__zeile strong{ color:rgba(255,255,255,.88); font-weight:500; font-size:18px }
.uup__rechts p:first-child{ font-size:20.5px; line-height:1.55; color:var(--b-tinte); font-weight:500 }
.uup__rechts p+p{ margin-top:18px }
.uuz__wert{ font-size:clamp(64px,7vw,96px) !important; line-height:1 !important; color:var(--b-tinte) !important }
.uuz__block{ position:relative; padding:30px 38px 30px 46px; border-radius:var(--b-rund); background:rgba(255,255,255,.8); box-shadow:var(--b-s1); overflow:hidden }
.uuz__block::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:var(--b-gruen) }
.uuz__block:nth-child(2)::before{ background:var(--b-blau) }
.uuz__block:nth-child(3)::before{ background:var(--b-orange) }
.uuz__block:nth-child(4)::before{ background:var(--b-tuerkis) }
.uum__karte{ position:relative; overflow:hidden; background:linear-gradient(160deg,#3a3a3a 0%,#1e1e22 100%) !important; box-shadow:var(--b-s2) }
.uum__karte::before{ content:''; position:absolute; left:0; right:0; top:0; height:5px; background:var(--b-gruen) }
.uum__karte:nth-child(2)::before{ background:var(--b-blau) }
.uum__karte:nth-child(3)::before{ background:var(--b-orange) }
.uum__karte:nth-child(4)::before{ background:var(--b-tuerkis) }
.uum__karte:nth-child(5)::before{ background:var(--b-gelb) }
.uum__karte:nth-child(6)::before{ background:var(--b-rot) }
.uum__symbol{ filter:drop-shadow(0 6px 14px rgba(0,0,0,.25)) }

.trf-galerie{ background:linear-gradient(180deg,#fff 0%,var(--b-grau-2) 100%) }
.trf-galerie__raster{ grid-auto-rows:236px; gap:16px }
.trf-galerie__kachel{ border-radius:var(--b-rund); box-shadow:var(--b-s1) }
.trf-galerie__kachel img{ transition:transform .7s cubic-bezier(.22,.7,.3,1) }
.trf-galerie__kachel::after{
  content:attr(data-bu); position:absolute; left:0; right:0; bottom:0; padding:44px 16px 14px;
  color:#fff; font-weight:600; font-size:15px; line-height:1.35;
  background:linear-gradient(0deg,rgba(30,30,34,.85) 0%,rgba(30,30,34,0) 100%);
  opacity:0; transform:translateY(8px);
  transition:opacity var(--b-zeit), transform var(--b-zeit); pointer-events:none;
}
.trf-galerie__kachel:hover img{ transform:scale(1.06) }
.trf-galerie__kachel:hover::after{ opacity:1; transform:none }
.trf-galerie__kachel--gross::after{ font-size:18px; padding-top:64px }

.lsk__karte{ border-radius:var(--b-rund); box-shadow:var(--b-s1); transition:transform var(--b-zeit), box-shadow var(--b-zeit) }
.lsk__karte::before{ left:0; right:0; width:auto; height:5px; border-radius:0; background:var(--b-gruen) }
.lsk__karte:nth-child(2)::before{ background:var(--b-blau) }
.lsk__karte:nth-child(3)::before{ background:var(--b-orange) }
.lsk__karte:nth-child(4)::before{ background:var(--b-tuerkis) }
.lsk__karte:nth-child(5)::before{ background:var(--b-gelb) }
.lsk__karte:nth-child(6)::before{ background:var(--b-rot) }
.lsk__karte:nth-child(7)::before{ background:var(--b-lila) }
.lsk__karte:nth-child(8)::before{ background:var(--b-gruen) }
.lsk__karte:nth-child(9)::before{ background:var(--b-blau) }
.lsk__karte{ overflow:hidden }
.lsk__link::after{ border-radius:var(--b-rund) }
.lsk__karte:hover{ transform:var(--b-hover); box-shadow:var(--b-s3) }
.lsk__mehr{ color:var(--b-tinte) }

.trf-mitte__karte{ position:relative; overflow:hidden; border-radius:var(--b-rund); background:#fff; box-shadow:var(--b-s2) }
.trf-mitte__karte::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:var(--b-gelb) }
.trf-mitte__tel{ color:var(--b-tinte) }

.trf-cta::before{ background:linear-gradient(100deg,rgba(30,30,34,.94) 0%,rgba(30,30,34,.8) 45%,rgba(30,30,34,.3) 100%) }
.trf-cta__titel{ letter-spacing:-1px }
.trf-cta__knoepfe .knopf{ padding-block:18px; font-size:17px }
.trf-cta__kicker{ color:var(--b-gelb) }
.trf-cta__titel{ letter-spacing:-.7px }
.trf-cta__knopf{ color:var(--b-tinte) }
.trf-cta__knopf:hover{ background:var(--b-gelb); color:var(--b-tinte) }
.trf-cta__knopf--linie{ color:#fff; box-shadow:inset 0 0 0 2px rgba(255,255,255,.7) }
.trf-cta__knopf--linie:hover{ background:#fff; color:var(--b-tinte) }

.fuss{ position:relative; padding-block:70px; background:linear-gradient(180deg,var(--b-grau-2) 0%,var(--b-grau-3) 100%) }
.fuss a{ transition:color .2s ease }
.fuss a:hover{ color:var(--b-blau) }

.praxis__bild1,.praxis__bild2,.zielgruppe__bild,.thp__foto,.trf__raum,.trf-wen__bild,
.uuk__foto,.trainfl__raster img,.bildband,
.leistungen__liste li,.zielgruppe__liste li,.trf-aus__karte,.stimme,.uum__karte,
.erwartung__karte,.ktk__karte,.akk,.uut__foto,.uuz__block,.uup__links,.stimmen__note,
.lst__karte,.lst__foto,.knopf,.b-tel,.b-vertrauen,.trf-galerie__kachel,.trf-mitte__karte{
  transition:transform var(--b-zeit), box-shadow var(--b-zeit), background-color .22s ease;
}
.praxis__bild1:hover,.praxis__bild2:hover,.zielgruppe__bild:hover,.thp__foto:hover,
.trf__raum:hover,.trf-wen__bild:hover,.uuk__foto:hover,.trainfl__raster img:hover,
.bildband:hover,.leistungen__liste li:hover,.zielgruppe__liste li:hover,
.trf-aus__karte:hover,.stimme:hover,.uum__karte:hover,.erwartung__karte:hover,
.ktk__karte:hover,.akk:hover,.uut__foto:hover,.uuz__block:hover,.uup__links:hover,
.stimmen__note:hover,.knopf:hover,.b-tel:hover,.b-vertrauen:hover,.trf-galerie__kachel:hover,.trf-mitte__karte:hover{
  transform:var(--b-hover); box-shadow:var(--b-s3);
}
.trf-galerie__kachel:hover{ z-index:1 }
.lst__zeile:hover .lst__karte,.lst__zeile:hover .lst__foto{ transform:var(--b-hover); box-shadow:var(--b-s3) }

.uup__foto{ transition:transform var(--b-zeit), box-shadow var(--b-zeit) }
.uup__foto:hover{ transform:translateX(-50%) var(--b-hover); box-shadow:var(--b-s3) }
.knopf--linie:hover{ background:var(--farbe-marke); color:#fff }
.knopf--linie:hover span{ color:#fff }
.b-tel:hover{ background:var(--b-gelb) }

@media (prefers-reduced-motion: reduce){
  .b-auf,.b-auf.b-da{ opacity:1; transform:none; transition:none }
  .kopf,.kopf__logo img{ transition:none }
  .b-vertrauen{ animation:none; opacity:1; transform:none }
  *:hover{ transform:none !important }
  .uup__foto:hover{ transform:translateX(-50%) !important }
  .trf-galerie__kachel,.trf-galerie__kachel img,.trf-galerie__kachel::after{ transition:none }
}

@media (hover:none),(max-width:900px){
  .trf-galerie__kachel::after{ opacity:1; transform:none; padding:32px 12px 10px; font-size:13px }
}
@media (max-width:900px){
  :root{ --b-kopf-platz:74px }
  .kopf{ top:0; width:100%; margin:0; min-height:74px; padding-inline:18px; border-radius:0 0 16px 16px }
  .kopf__nav--offen{ background:#2C2C31; border-radius:0 0 16px 16px; box-shadow:0 16px 40px rgba(0,0,0,.3) }
  .kopf__logo img,.b-gescrollt .kopf__logo img{ width:158px }
  .b-tel{ display:none }
  .b-vertrauen{ position:static; margin-top:26px; transform:none; opacity:1; animation:none; width:fit-content }
  .leistungen__liste{ gap:14px; margin-top:26px }
  .leistungen__liste li{ padding:24px 22px }
  .seitenkopf--gross .seitenkopf__titel::after{ width:70px; height:5px; margin-top:18px }
  .uuz__block{ padding:22px 26px 22px 34px }
  .praxis__bilder::before{ display:none }
  .uup__inhalt{ grid-template-columns:1fr; gap:26px }
  .neues__fokus{ border-radius:0 0 24px 24px }
  .trf-galerie__raster{ grid-auto-rows:160px; gap:12px }
}

@media (max-width:360px){
  .seitenkopf--gross .seitenkopf__titel{ font-size:30px; line-height:40px; letter-spacing:-.6px }
}

.trf-neu__karte{
  position:relative; overflow:hidden; border-radius:var(--b-rund);
  background:#fff; box-shadow:var(--b-s2);
}
.trf-neu__karte::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:8px; background:var(--b-gelb);
}
.trf-neu__signal{ background:var(--b-gelb); color:var(--b-tinte) }
.trf-neu__titel{ color:var(--b-tinte); letter-spacing:-.4px }

.stl__karte,.ste__schritte li{
  background:#fff; border-radius:var(--b-rund); box-shadow:var(--b-s1);
}
.stl__karte{ position:relative; overflow:hidden }
.stl__karte::before{
  content:''; position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--b-gelb);
}
.stl__titel a,.ste__titel,.fnl__titel{ color:var(--b-tinte) }
.ste__schritte li::before{ background:var(--b-gelb); color:var(--b-tinte) }
.fnl__zeilen li::before{ border-color:var(--b-gelb) }