/* --- projektbeitraege-20261006.css --- */
/* Scoped additions; established Acessio tokens and navigation retained. */
.umzug-reference .ref-fenster__bild img{height:auto;width:100%;object-fit:contain;object-position:top;transform:none!important}
.umzug-reference .ref-fenster__bild{background:#fff}
.reference-card.umzug-reference .reference-card__frame{display:flex;flex-direction:column;background:#e9e6e2}
.reference-card.umzug-reference .ref-fenster__leiste{display:flex;flex:none;align-items:center;gap:5px;height:28px;padding:0 12px;background:#e9e6e2;color:#55524e;font-size:11px}
.reference-card.umzug-reference .ref-fenster__leiste i{width:7px;height:7px;border-radius:50%;background:#bbb7b3}
.reference-card.umzug-reference .ref-fenster__leiste>span{margin-left:7px}
.reference-card.umzug-reference .ref-fenster__bild{display:flex;align-items:center;flex:1;min-height:0;background:#e9e6e2}
.reference-card.umzug-reference .ref-fenster__bild img{max-height:100%;object-fit:contain}
.umzug-reference .ref-tags{padding-inline:16px;font-size:14px;line-height:1.5}
.umzug-reference h3{hyphens:none;overflow-wrap:normal;text-wrap:balance}
.lp--umzug .umzug-story,.lp--umzug .lp-bau,.lp--umzug .lp-zahlen{padding-block:clamp(48px,7vw,100px)}
.lp--umzug .umzug-story h2,.lp--umzug .lp-bau h2,.lp--umzug .lp-zahlen h2{max-width:23ch}
.lp--umzug .umzug-story p,.lp--umzug .lp-bau p,.lp--umzug .lp-zahlen p{max-width:65ch;margin-top:24px;font-size:clamp(17px,1.4vw,21px);line-height:1.6;text-wrap:pretty}
.lp--umzug .lp-bau ol,.lp--umzug .lp-bau ul{padding-left:24px;max-width:65ch;margin-top:32px;font-size:clamp(17px,1.4vw,21px);line-height:1.6}
.lp--umzug .lp-bau li+li{margin-top:18px}
.lp--umzug .lp-hero h1{max-width:13ch}
.lp--umzug .lp-hero__bild figcaption{margin-top:18px;font-size:13px;color:#55524e}
.reference-brand-card--onyx .reference-brand-frame,.stimme--onyx .stimme__bild{background:#17120e url('/assets/img/onyx-kerzen-atmosphaere.webp') center/cover no-repeat!important}
.reference-brand-card--onyx .reference-brand-panel{position:relative;background:transparent!important;width:100%!important;height:100%!important;display:flex;align-items:center;justify-content:center}
.reference-brand-card--onyx .reference-brand-panel:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.reference-brand-card--onyx .reference-brand-panel img{position:relative;z-index:1;filter:none!important;width:65%!important;height:auto!important;object-fit:contain!important}
.onyx-review{background:#efe9df!important}
.stimme--onyx{background:#efe9df!important}
.stimme--onyx .stimme__bild img{filter:drop-shadow(0 2px 12px #000)!important}
@media(max-width:979px){.lp--umzug .lp-hero{display:grid;grid-template-columns:1fr;gap:22px;padding-bottom:48px}.lp--umzug .lp-hero__wort{display:contents}.lp--umzug .lp-hero .eyebrow{grid-row:1}.lp--umzug .lp-hero h1{grid-row:2;font-size:clamp(36px,7vw,64px);max-width:16ch}.lp--umzug .lp-hero__bild{grid-row:3;max-width:640px;width:100%}.lp--umzug .lp-hero__lead{grid-row:4;margin-top:0!important;max-width:48ch}.lp--umzug .lp-hero__wege{grid-row:5;margin-top:0}.lp--umzug .lp-hero__bild figcaption{display:none}}
@media(prefers-reduced-motion:reduce){.umzug-reference img{transition:none!important}}
/* --- team-cta-20261011.css --- */
/* Freigestelltes, statisches Markenmotiv am bestehenden Handlungsaufruf. */
.kann-ruf--bild { display: grid; gap: clamp(28px, 4vw, 52px); align-items: center; }
.kann-ruf__team { min-width: 0; margin: 0 auto; width: 100%; max-width: 880px; }
.kann-ruf__team img { display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; }
.vorteile .kann-ruf--bild .kann-ruf__frage { hyphens: none; overflow-wrap: normal; }
.kann-ruf--bild .kann-ruf__bildhinweis { margin: 56px 0 0; color: var(--ink-2); font-size: 12px; font-weight: 400; line-height: 1.5; }
.kann-ruf__inhalt { min-width: 0; }
@media (min-width: 1000px) {
  .kann-ruf--bild { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: clamp(44px, 4vw, 64px); }
  .vorteile .kann-ruf--bild .kann-ruf__frage { font-size: clamp(34px, 3.1vw, 48px); }
}
@media (max-width: 699px) {
  .kann-ruf--bild .kann-ruf__pfeil { right: calc(50% + 112px); top: 18px; width: clamp(24px, calc((100vw - 260px) / 2), 76px); height: 51px; }
  .kann-ruf--bild .kann-ruf__bildhinweis { margin-top: 32px; }
}
@media (min-width: 1000px) and (max-width: 1199px) {
  .kann-ruf--bild .kann-ruf__pfeil { right: calc(50% + 120px); width: 100px; height: 67px; }
}
/* --- funnel-20261011.css --- */
/* Existing Acessio typography and spacing; bounded funnel copy. */
.funnel-hero-hinweis{margin:.9rem 0 0;max-width:36rem;font-size:.92rem;line-height:1.5;color:inherit}
.vorteile .funnel-erstgespraech{margin:2.5rem auto 0;max-width:28rem;font-size:1rem;line-height:1.5}
.funnel-branchen-hinweis{margin-top:1.25rem;margin-bottom:.4rem;font-size:.95rem;line-height:1.5}
@media(max-width:599px){.funnel-hero-hinweis{font-size:.83rem;max-width:26rem}.funnel-erstgespraech{font-size:.9rem}.funnel-branchen-hinweis{font-size:.85rem}}
/* --- header-abstand-297a2a621c28.css --- */
/* Reserve space for the language selector and CTA before showing full navigation. */
@media (min-width:1100px) and (max-width:1279px) {
  .header .kopfnav { display:none; }
  .header .nav-bars { display:grid; }
}
/* --- referenz-raster-90b7666acd2a.css --- */
/* Referenzen auf einen Blick (Prototyp 12.10.2026, nach Victors Rückmeldung).
   Dieselben Referenzkarten wie im bisherigen Lauf, aber als Raster 3 x 3 in
   breiterer Sektion. Fläche je Bereich, dazu ein gezeichnetes Symbol aus
   zeichne.py (Kreis und Motiv in einer Zeichnung, Motiv ganz im Kreis). */

.ref-collage {
  --rc-gesund: #ddf8fa;
  --rc-hand: #ede5dc;
  --rc-handel: #ecf9db;
  --rc-dienst: #eae7ff;
}

.ref-collage.wrap { max-width: 1560px; }
.ref-collage .sec-head { display: block; }
.ref-collage .sec-head h2 { max-width: none; text-wrap: balance; }
.ref-collage .sec-head h2 .mk { white-space: nowrap; }

/* Gezeichnetes Maßband unter „auf Maß gefertigt“ */
.ref-massband {
  display: block;
  width: clamp(190px, 22vw, 300px);
  height: auto;
  margin: clamp(10px, 1.4vw, 18px) auto 0;
}

.rc--gesund { --rc-flaeche: var(--rc-gesund); --rc-punkt: var(--cd-teal, #075b62); }
.rc--hand   { --rc-flaeche: var(--rc-hand);   --rc-punkt: var(--cd-earth, #80523d); }
.rc--handel { --rc-flaeche: var(--rc-handel); --rc-punkt: var(--cd-green, #3b612b); }
.rc--dienst { --rc-flaeche: var(--rc-dienst); --rc-punkt: var(--cd-violet, #54447b); }

/* Bereiche als ruhige Legende unter der Überschrift */
.ref-bereiche {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 28px;
  margin: clamp(18px, 2.4vw, 30px) 0 0;
  padding: 0;
  list-style: none;
}

.ref-bereiche li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--project-ink, #19191c);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.ref-bereiche li::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid var(--project-ink, #19191c);
  border-radius: 50%;
  background: var(--rc-flaeche);
}

/* Raster statt Lauf */
.ref-raster {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(48px, 4.6vw, 72px) clamp(24px, 2.6vw, 44px);
  margin: clamp(40px, 4.4vw, 60px) 0 0;
  padding: 0;
  list-style: none;
}

.ref-raster > li { min-width: 0; }

.home-references .ref-karte {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.home-references .ref-karte .reference-strip-card__frame { background: var(--rc-flaeche); }

/* Gezeichnetes Symbol sitzt auf der oberen linken Ecke der Fläche */
.ref-karte__symbol {
  position: absolute;
  top: -22px;
  left: -14px;
  z-index: 2;
  width: 68px;
  height: 68px;
  transition: transform 220ms cubic-bezier(.2, .7, .2, 1);
}

a.ref-karte:hover .ref-karte__symbol { transform: rotate(-6deg) translateY(-2px); }

/* Noch nicht veröffentlicht: Hinweis ruhig in Akzentfarbe statt Schlagworte */
.home-references article.ref-karte .ref-tags { color: var(--project-cyan, #097078); font-weight: 600; }

#projekte.ref-collage .home-references__more { max-width: none; text-align: center; }

/* Tablet: zwei Spalten, letzte Karte mittig */
@media (max-width: 1100px) {
  .ref-raster { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ref-raster > li:last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc(50% - clamp(12px, 1.3vw, 22px)); }
}

/* Phone: eine Spalte untereinander, kompaktere Fläche */
@media (max-width: 700px) {
  .ref-bereiche { gap: 8px 18px; }
  .ref-bereiche li { font-size: 14px; }
  .ref-raster { grid-template-columns: minmax(0, 1fr); gap: 44px; padding-left: 8px; }
  .ref-raster > li:last-child:nth-child(odd) { width: auto; justify-self: stretch; }
  .ref-karte__symbol { top: -18px; left: -10px; width: 56px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .ref-karte__symbol { transition: none; }
  a.ref-karte:hover .ref-karte__symbol { transform: none; }
}

/* Kundenstimme Onyx (Victor 12.10.2026): Karte in der Farbe des Kerzenbild-
   Hintergrunds, damit Fläche und Bild ineinander übergehen. Randfarbe des
   Bildes onyx-kerzen-atmosphaere.webp gemessen: rgb(10,8,9) bis rgb(19,14,8). */
.stimme--onyx { background: #120e0b !important; color: #f3ece2; }
.stimme--onyx .stimme__sterne { color: #22c7d6; }
.stimme--onyx .stimme__text,
.stimme--onyx .stimme__text p,
.stimme--onyx .stimme__name { color: #f3ece2; }
.stimme--onyx .stimme__rolle { color: rgba(243, 236, 226, .72); }
.stimme--onyx .stimme__quelle { color: #f3ece2; border-color: rgba(243, 236, 226, .6); }
.stimme--onyx .stimme__quelle:focus-visible { outline-color: #22c7d6; }
/* --- projekte-drei-23d18063b704.css --- */
/* Startseite 15.10.2026 (Victor): drei Projekte aus Stuttgart statt Raster mit neun Karten. */
#projekte.ref-collage .ref-auswahl{max-width:none;margin:clamp(18px,2.4vw,30px) auto 0;text-align:center;font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.3;color:var(--project-ink,#19191c)}
/* --- kontakt-bd206e0385c5.css --- */
/* Clean desktop contact bar; one persistent phone action on mobile. */
aside.anruf {
  position: fixed;
  inset: auto clamp(16px, 2.4vw, 32px) clamp(16px, 2.4vw, 32px) auto;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: calc(100vw - 32px);
  padding: 12px 14px;
  border: 1px solid rgba(25, 25, 28, .12);
  border-radius: 18px;
  background: #fff;
  color: var(--ink, #19191c);
  box-shadow: 0 8px 32px rgba(25, 25, 28, .12);
  font-family: var(--sans, Figtree, system-ui, sans-serif);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 200ms ease, transform 200ms ease;
}
aside.anruf.is-sichtbar { opacity: 1; pointer-events: auto; transform: none; }
aside.anruf::before, aside.anruf::after { content: none; }
aside.anruf .anruf__bild { flex: none; width: 44px; height: 44px; border-radius: 50%; object-fit: cover; box-shadow: none; }
aside.anruf .anruf__text { display: block; flex: 0 1 auto; margin: 0 4px 0 0; min-width: 0; overflow: visible; white-space: normal; font-size: 14px; line-height: 1.4; }
aside.anruf .anruf__text b { display: block; padding: 0; background: none; font-size: 16px; font-weight: 700; }
aside.anruf .anruf__text span { display: block; color: #56565c; }
aside.anruf .anruf__tel, aside.anruf .anruf__wa {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 10px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 160ms ease;
}
aside.anruf .anruf__tel { background: var(--cta, #22c7d6); color: #19191c; }
aside.anruf .anruf__tel:hover { background: var(--cta-hover, #16b4c2); }
aside.anruf .anruf__wa { border-color: #d9d9dd; background: #fff; color: #19191c; }
aside.anruf .anruf__wa:hover { background: #f3f5f5; }
aside.anruf .anruf__tel::before, aside.anruf .anruf__tel::after,
aside.anruf .anruf__wa::before, aside.anruf .anruf__wa::after { content: none; }
aside.anruf svg.anruf__icon { display: block; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
aside.anruf svg.anruf__handset { display: none; }
aside.anruf .anruf__zu { display: grid; place-items: center; flex: none; width: 32px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #56565c; font-size: 22px; cursor: pointer; }
aside.anruf .anruf__zu:hover { background: #f3f5f5; }
aside.anruf a:focus-visible, aside.anruf button:focus-visible { outline: 3px solid #0e7180; outline-offset: 4px; }

@media (max-width: 640px) {
  aside.anruf {
    inset: auto calc(18px + env(safe-area-inset-right, 0px)) calc(18px + env(safe-area-inset-bottom, 0px)) auto;
    width: 56px;
    max-width: none;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: none;
  }
  aside.anruf .anruf__bild, aside.anruf .anruf__text, aside.anruf .anruf__wa, aside.anruf .anruf__zu { display: none; }
  aside.anruf .anruf__tel {
    width: 56px;
    height: 56px;
    min-height: 56px;
    padding: 0;
    border: 1px solid rgba(25, 25, 28, .12);
    border-radius: 50%;
    box-shadow: 0 4px 16px rgba(25, 25, 28, .18);
    isolation: isolate;
  }
  aside.anruf .anruf__tel span, aside.anruf .anruf__tel svg.anruf__icon { display: none; }
  aside.anruf .anruf__tel svg.anruf__handset { display: block; width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
  aside.anruf .anruf__tel::before {
    content: "";
    position: absolute;
    inset: -5px;
    z-index: -1;
    border: 1px solid #1594a0;
    border-radius: 50%;
    background: none;
    pointer-events: none;
    animation: anruf-puls 3.2s ease-out infinite;
  }
}
@keyframes anruf-puls {
  0%, 100% { transform: scale(1); opacity: .12; }
  45% { transform: scale(1.14); opacity: .32; }
  75% { transform: scale(1.24); opacity: 0; }
}
/* Navigation and modal interactions take precedence over floating contact. */
body:has(#site-menu:not([hidden])) aside.anruf,
body:has(dialog[open]) aside.anruf { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
  aside.anruf { transition: none; transform: none; }
  aside.anruf .anruf__tel::before { animation: none; opacity: 0; }
}
/* --- persoenlich-7522bfd7b582.css --- */
/* Victor19.10.: persönlicher Text, kompakte Projekte, vorhandene Marke. */
.hero--start .hero__title{max-width:20ch;font-size:clamp(38px,5vw,76px);line-height:1.04;text-wrap:balance}.hero--start .hero__lead{max-width:44ch;text-wrap:pretty}
.vorteile .kann__text h2{font-size:clamp(25px,2.5vw,38px);line-height:1.14;text-wrap:balance;max-width:24ch}
.vorteile .kann__text p{max-width:58ch;text-wrap:pretty}.kann-ruf__team img{object-fit:cover;object-position:center;width:100%;height:100%}
.kurzfilm{margin:0 auto 48px;max-width:1000px}.kurzfilm summary{cursor:pointer;list-style:none;display:table;padding:14px 22px;border:1.5px solid currentColor;border-radius:18px 22px 17px 20px;background:transparent;font-weight:650}.kurzfilm summary:before{content:'▶';font-size:.8em;margin-right:10px}.kurzfilm[open] summary{margin-bottom:20px}.kurzfilm video{display:block;width:100%;max-height:560px;background:#f3f1f0;border-radius:20px;aspect-ratio:16/9}
.stimmen h2{font-size:clamp(29px,3.4vw,48px);max-width:24ch;text-wrap:balance}
.projekt-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}.projekt-kompakt{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1.5px solid #272525;border-radius:22px 18px 25px 16px;background:#f8f6f4}.projekt-kompakt>img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.projekt-kompakt>div{padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.projekt-kompakt h3{font-size:clamp(25px,2.3vw,34px);line-height:1.15;margin:0}.projekt-kompakt p{font-size:17px;line-height:1.6;margin:0}.projekt-kompakt .lp-textlink{margin-top:auto;padding-top:8px}
.foerder-kurz{max-width:900px;margin:auto;padding:clamp(28px,5vw,56px);border:1.5px solid currentColor;border-radius:24px 18px 22px 15px;background:#ddf7f6}.foerder-kurz h2{font-size:clamp(28px,3.2vw,44px);line-height:1.15}.foerder-kurz p{margin:20px 0;max-width:65ch;line-height:1.6}
.references-overview__hero{grid-template-columns:1fr!important;padding-top:48px!important;padding-bottom:40px!important;min-height:0!important}.references-overview__copy{max-width:850px!important}.references-overview__title{max-width:none!important;font-size:clamp(44px,5.5vw,76px)!important;line-height:1.02!important}.references-overview__lead{max-width:60ch!important}.references-overview__heading{margin-bottom:28px!important}.references-overview__grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch!important}.references-overview__grid>.projekt-kachel{margin:0!important;min-height:0!important;width:100%!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;padding:16px!important;border-radius:20px 16px 23px 17px!important;display:flex!important;flex-direction:column!important;border:1px solid #272525!important;background:#f9f7f4!important;color:#171717!important}.projekt-kachel .reference-card__frame{height:auto!important;min-height:0!important;aspect-ratio:16/10!important;overflow:hidden!important;border-radius:12px!important;background:#e6e2df!important;display:block!important}.projekt-kachel .reference-card__frame img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:top!important;transform:none!important}.projekt-kachel .reference-brand-panel{height:100%;padding:32px;display:grid;place-items:center}.projekt-kachel .reference-brand-panel img{object-fit:contain!important}.projekt-kachel .reference-card__meta{padding:18px 0 6px!important;margin:0!important;display:flex!important;align-items:baseline;justify-content:space-between;gap:12px}.projekt-kachel h3{font-size:21px!important;line-height:1.2!important}.projekt-kachel p{font-size:14px!important;line-height:1.45!important;margin:8px 0 0!important}.references-overview__closing{padding-block:48px!important}
.bewertungs-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;margin-bottom:56px}.review-hero{padding-block:64px}
.references-overview__projects{padding-top:48px!important;padding-bottom:64px!important}.references-overview .stimmen{padding-block:56px}.references-overview .stimmen__kopf{margin-bottom:32px}
#foerderung{display:block!important;padding-block:64px!important}.foerder-kurz{width:100%;max-width:1100px}.foerder-kurz h2{max-width:29ch}.foerder-kurz p{max-width:75ch}
.recht-gezeichnet>.stack-lg{border:1.5px solid #252323;border-radius:23px 18px 27px 16px;padding:clamp(24px,5vw,48px);box-shadow:6px 6px 0 #c4eeed55}
.footer__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer__social{display:flex;align-items:center;gap:8px}.footer__social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;color:inherit;text-decoration:none}.footer__social svg{width:19px;height:19px;fill:currentColor}.footer__social svg[fill=none]{fill:none}.footer__social a:hover{background:#d9f7f6}.footer__social a:focus-visible,.kurzfilm summary:focus-visible{outline:3px solid #12636a;outline-offset:4px}.google-reviews-date{display:block;flex-basis:100%;font-size:11px;line-height:1.5;opacity:.8;font-weight:400}.hero__bewertung{flex-wrap:wrap}.recht-gezeichnet>section{border:1.5px solid #252323;border-radius:23px 18px 27px 16px;padding:clamp(24px,5vw,56px);margin-block:28px 64px;box-shadow:6px 6px 0 #c4eeed55}.recht-gezeichnet p{max-width:80ch;line-height:1.65}
.case-persoenlich{padding-top:44px}.case-persoenlich h1{font-size:clamp(38px,5vw,68px);max-width:20ch;line-height:1.08}.case-lead{font-size:clamp(19px,2vw,25px);max-width:54ch;margin-block:24px}.case-titelbild{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1.5px solid currentColor;border-radius:22px 17px;margin-block:30px}.case-fakten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-block:40px}.case-fakten h2{font-size:25px}.case-fakten p{font-size:17px;line-height:1.6}.rd__liste>a{display:flex!important;flex-direction:column;justify-content:space-between;min-height:200px;border-top:1px solid currentColor;padding-top:22px}
@media(max-width:1000px){.references-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.case-fakten{grid-template-columns:1fr}}
@media(max-width:640px){.projekt-duo{grid-template-columns:1fr;gap:24px}.references-overview__grid{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:84%!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:22px!important;gap:16px!important}.references-overview__grid>.projekt-kachel{scroll-snap-align:start;width:auto!important}.references-overview__title{font-size:48px!important}.footer__meta{justify-content:flex-start}.footer__social{width:100%}.hero--start .hero__title{max-width:14ch}.case-persoenlich{padding-top:28px}.review-hero{padding-top:40px}.lp-schluss h2,.final h2{text-wrap:balance}}
@media(prefers-reduced-motion:reduce){.kurzfilm video{scroll-behavior:auto}.projekt-kachel{transition:none!important}}
/* --- Release 21.10.2026: Teambild und Maßband --- */

/* Teambild ist freigestellt: nie beschneiden, Höhe aus dem Seitenverhältnis. */
.kann-ruf--bild .kann-ruf__team img { object-fit: contain; height: auto; }

/* Maßband bei „Maßgeschneiderte Websites.“ (Victors Korrektur 21.10.2026):
   kommt von links aus dem Gehäuse und misst exakt das Wort
   „Maßgeschneiderte“, ohne Zahlen. Wie beim echten Maßband zählt das
   Gehäuse mit: Gehäuserückseite am Wortanfang, Haken am Wortende. So bleibt
   es auch bei 320 px vollständig im Bild. Das Band liegt über dem Wort,
   damit es bei zweizeiliger Überschrift am Handy nichts überdeckt. Ohne
   Skript oder bei reduzierter Bewegung steht es ruhig ausgezogen da. */
#pj-titel .mb-wort {
  position: relative;
  display: inline-block;
}
.massband {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% - 4px);
  height: 42px;
  pointer-events: none;
}
.massband__fenster {
  position: absolute;
  left: 40px;
  right: 0;
  top: 18px;
  height: 24px;
  overflow: hidden;
}
.massband__klinge {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 900px;
  height: 24px;
  transition: transform 1.15s cubic-bezier(.2, .75, .25, 1);
}
.massband.is-bereit .massband__klinge {
  transform: translateX(var(--mb-zu, -100%));
  transition: none;
}
.massband__gehaeuse {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 46px;
  height: 42px;
  transform-origin: 70% 80%;
}

@media (max-width: 700px) {
  .massband { height: 35px; bottom: calc(100% + 3px); }
  .massband__fenster { left: 33px; top: 15px; height: 20px; }
  .massband__klinge { height: 20px; }
  .massband__gehaeuse { width: 38px; height: 35px; }
}

@media (prefers-reduced-motion: reduce) {
  .massband__klinge { transition: none; }
}