/* SkyLed – Komponenten auf Basis des Design Systems v1.0. Tokens kommen aus theme.json (--wp--preset--*). */
:root{
  --line:var(--wp--preset--color--line);--line-strong:var(--wp--preset--color--line-strong);
  --accent:var(--wp--preset--color--accent);--text:var(--wp--preset--color--text);
  --muted:var(--wp--preset--color--text-muted);--dim:var(--wp--preset--color--text-dim);
  --mono:var(--wp--preset--font-family--data);--display:var(--wp--preset--font-family--display);
  --t-quick:var(--wp--custom--motion--quick);--ease:var(--wp--custom--motion--ease-standard);
}
body{-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
img{max-width:100%;height:auto;border-radius:0}
h1,h2,h3{text-wrap:balance;margin:0}
p{max-width:65ch;margin-inline:0}

/* Typografische Rollen (Block-Styles) */
.is-style-label{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--dim)}
.is-style-lede{font-size:var(--wp--preset--font-size--lede);line-height:1.6;color:var(--muted);max-width:62ch;margin-left:0!important;margin-right:auto!important}
.is-style-data{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums}
.skyled-display{font-family:var(--display);font-weight:800;letter-spacing:-.03em;line-height:.94}

/* Flächen */
.is-style-panel{background:var(--wp--preset--color--surface);border:1px solid var(--line)}
.is-style-section{border-bottom:1px solid var(--line)}

/* Buttons */
.wp-block-button__link{transition:background var(--t-quick) var(--ease),color var(--t-quick) var(--ease),border-color var(--t-quick) var(--ease)}
.is-style-outline .wp-block-button__link:hover{border-color:var(--text);background:rgba(242,244,247,.04)}
.is-style-ghost .wp-block-button__link{background:transparent;color:var(--muted);padding-left:0;padding-right:0;border:none;border-bottom:1px solid var(--line-strong);border-radius:0}
.is-style-ghost .wp-block-button__link:hover{color:var(--text);border-bottom-color:var(--accent)}

/* Preis-Störer – genau einer pro Seite (Briefing §6.7) */
.stoerer-a{display:inline-flex;flex-direction:column;gap:4px;padding-left:16px;border-left:2px solid var(--accent)}
.stoerer-a .pre{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.stoerer-a .val{font-family:var(--display);font-weight:800;font-size:38px;letter-spacing:-.03em;line-height:1;color:var(--text)}
.stoerer-a .unit{font-size:14px;color:var(--muted)}
.stoerer-b{display:inline-block;transform:rotate(-3deg);border:1px solid var(--accent);padding:12px 24px;background:rgba(63,208,232,.07)}
.stoerer-b .val{font-family:var(--display);font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.05;display:block;color:var(--text)}
.stoerer-b .unit{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:block;margin-top:4px}

/* Spec-Tabelle */
.wp-block-table.is-style-spec{border:1px solid var(--line);background:var(--wp--preset--color--surface);overflow-x:auto}
.is-style-spec table{border-collapse:collapse;width:100%;min-width:520px}
.is-style-spec th,.is-style-spec td{text-align:left;padding:12px 16px;border:none;border-bottom:1px solid var(--line);font-size:15px}
.is-style-spec th{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);font-weight:500;background:var(--wp--preset--color--surface-2)}
.is-style-spec td:not(:first-child){font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.is-style-spec tr:last-child td{border-bottom:none}

/* Projektkarte (Query Loop) – Hover: Licht-Aufhellung max. 8 %, kein Zoom */
.skyled-karte .wp-block-post-featured-image{aspect-ratio:16/10;overflow:hidden;margin:0}
.skyled-karte img{width:100%;height:100%;object-fit:cover;transition:filter var(--t-quick) var(--ease)}
.skyled-karte:hover img{filter:brightness(1.08)}
.skyled-karte .wp-block-post-title{font-size:18px;margin-top:16px}
.skyled-karte .wp-block-post-title a{color:var(--text);border:none}
.skyled-karte .taxonomy-projekt_kategorie,.skyled-karte .wp-block-post-terms{font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.08em;text-transform:uppercase;margin-top:8px}
.skyled-karte .wp-block-post-terms a{color:inherit;border:none}
.skyled-karte.has-video .wp-block-post-featured-image::after{content:"";position:absolute;right:12px;bottom:12px;width:34px;height:34px;border:1px solid rgba(242,244,247,.6);background:no-repeat center/9px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'><path d='M0 0l9 6-9 6z' fill='%23F2F4F7'/></svg>")}
.skyled-karte .wp-block-post-featured-image{position:relative}

/* Projekt-Detail */
.skyled-fakten{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px 48px;margin:0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.skyled-fakten dt{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.skyled-fakten dd{margin:4px 0 0;font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}
.skyled-video{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.skyled-video img,.skyled-video iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.skyled-video__play{position:absolute;inset:0;width:100%;background:transparent;border:0;cursor:pointer;display:grid;place-items:end start;padding:24px;color:var(--text)}
.skyled-video__play::before{content:"";position:absolute;left:50%;top:50%;width:72px;height:72px;transform:translate(-50%,-50%);border:1px solid rgba(242,244,247,.7);background:rgba(6,7,10,.35) no-repeat center/18px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 12'><path d='M0 0l9 6-9 6z' fill='%23F2F4F7'/></svg>")}
.skyled-video__hint{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted);background:rgba(6,7,10,.7);padding:6px 10px}
.skyled-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.skyled-galerie__item{display:block;border:none}
.skyled-galerie__item img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.skyled-credits{font-family:var(--mono);font-size:13px;color:var(--dim);display:flex;flex-wrap:wrap;gap:8px 24px}

/* Hero – drei Standbilder, sehr langsame Überblendung (Kundenentscheidung 02.09.2026).
   Kein Video, keine codegetriebene Animation, kein Slider-Interface: keine Pfeile, keine Punkte.
   Standzeit 7 s, Blende 1,2 s, drei Bilder → Zyklus 3 × 8,2 s = 24,6 s.
   Die Bilder liegen gestapelt; nur die Deckkraft läuft, nichts bewegt sich. */
/* Gestapelt statt uebereinander: Das Motiv ist ein breites Studiobild, in dem
   der Wagen tief sitzt. In einem 1,9:1-Fenster mit Typo darunter bleibt ueber
   dem Auto kein Platz - egal wie man den Ausschnitt schiebt. Also Bild oben in
   voller Hoehe, Text darunter auf dem Grund. Nichts wird beschnitten, nichts
   ueberlagert, und die Abdunklung entfaellt ersatzlos. */
.skyled-hero{position:relative;margin-inline:calc(-1*var(--wp--preset--spacing--6));display:block}
.skyled-hero__stills{position:relative;width:100%;aspect-ratio:1.95/1;overflow:hidden;background:var(--wp--preset--color--ground,#06070A)}
.skyled-hero__stills picture{position:absolute;inset:0;display:block}
.skyled-hero__still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;opacity:0;animation:sl-hero-standbild 24.6s linear infinite}
/* Bildausschnitt kommt aus skyled-core (skyled_fokus_karte) als Inline-Style. */
.skyled-hero__still--1{animation-delay:0s}
.skyled-hero__still--2{animation-delay:-16.4s}
.skyled-hero__still--3{animation-delay:-8.2s}
.skyled-hero__leer{position:absolute;inset:0}
@keyframes sl-hero-standbild{
  0%{opacity:1}
  28.4553%{opacity:1}
  33.3333%{opacity:0}
  95.1220%{opacity:0}
  100%{opacity:1}
}
/* Textebene. Der Verlauf war so kräftig, dass er das Motiv mitgedunkelt hat –
   beim silbernen Showcar verschwand der Wagen fast. Jetzt setzt die Abdunklung
   später ein und bleibt schwächer; die Lesbarkeit der weißen Typo auf hellem
   Studioboden trägt zusätzlich der Textschatten weiter unten. */
.skyled-hero__content{position:relative;width:100%;padding:44px 0 0;background:var(--wp--preset--color--ground,#06070A)}
/* Constrained-Layout setzt margin-left:auto – hier soll alles linksbündig auf einer Kante stehen */
.skyled-hero__content > *{margin-left:0!important;margin-right:auto!important}
.skyled-hero__marke{display:block;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:22px}
.skyled-hero__content h1{max-width:1000px;font-size:clamp(42px,5.2vw,74px);line-height:1.02;letter-spacing:-.03em;text-wrap:pretty}
.skyled-hero__content .is-style-lede{font-size:20px;line-height:1.5;margin-top:22px;max-width:62ch}
.skyled-hero__content .wp-block-buttons{margin-top:36px}
/* Ohne Bewegung: nur das erste Standbild, keine Überblendung. */
@media (prefers-reduced-motion:reduce){
  .skyled-hero__still{animation:none;opacity:0}
  .skyled-hero__still--1{opacity:1}
}
@media (max-width:781px){
  .skyled-hero__stills{aspect-ratio:4/3}
  .skyled-hero__content{padding:32px var(--wp--preset--spacing--6) 0}
  .skyled-hero__marke{font-size:11px;margin-bottom:16px}
  .skyled-hero__content h1{font-size:38px;line-height:1.04}
  .skyled-hero__content .is-style-lede{font-size:17px;margin-top:18px}
  .skyled-hero__content .wp-block-buttons{margin-top:28px}
  .skyled-hero__content .wp-block-button{width:100%}
  .skyled-hero__content .wp-block-button__link{display:block;text-align:center;padding:15px 20px}
}

/* Kennzahlen – „Was das System kann“ */
.skyled-kennzahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:var(--wp--preset--spacing--16)}
.skyled-kennzahlen>div{background:var(--wp--preset--color--ground);padding:0 30px}
.skyled-kennzahlen>div:first-child{padding-left:0}.skyled-kennzahlen>div:last-child{padding-right:0}
.skyled-kennzahlen .zahl{font-family:var(--display);font-weight:700;font-size:36px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1;color:var(--text)}
.skyled-kennzahlen .einheit{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-top:12px}
.skyled-kennzahlen p{margin:20px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}
@media (max-width:1023px){.skyled-kennzahlen{grid-template-columns:1fr 1fr}}
@media (max-width:781px){
  .skyled-kennzahlen{grid-template-columns:1fr}
  .skyled-kennzahlen>div{padding:28px 0}
  .skyled-kennzahlen>div:first-child{padding-top:0}.skyled-kennzahlen>div:last-child{padding-bottom:0}
  .skyled-kennzahlen .zahl{font-size:32px}
}

/* Datenzeilen – Schlüssel/Wert, zweispaltig */
.skyled-specrows{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums}
.skyled-specrows>div{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.skyled-specrows>div>span:first-child{color:var(--dim)}
.skyled-specrows>div>span:last-child{text-align:right;color:var(--text)}
@media (max-width:781px){.skyled-specrows{grid-template-columns:1fr;font-size:13px}.skyled-specrows>div{padding:14px 0}}
.skyled-specrows--rahmen>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}

/* Preisblock */
.skyled-preis{margin-top:var(--wp--preset--spacing--12);padding-left:22px;border-left:2px solid var(--text)}
.skyled-preis--akzent{border-left-color:var(--accent)}
.skyled-preis .pre{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.skyled-preis .val{font-family:var(--display);font-weight:800;font-size:56px;line-height:1.04;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;color:var(--text)}
.skyled-preis .unit{font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--muted);margin-top:8px}
@media (max-width:781px){.skyled-preis .val{font-size:44px}}
/* Preisstaffel: zwei Groessen untereinander. Kleinere Zahl als beim Einzelpreis,
   sonst kippt der Stoerer optisch gegen die Ueberschrift daneben. */
.skyled-preis--zwei .staffel{margin-top:14px;display:grid;gap:16px}
.skyled-preis--zwei .staffel > div{display:grid;gap:4px}
.skyled-preis--zwei .groesse{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-variant-numeric:tabular-nums}
.skyled-preis--zwei .val{margin-top:0;font-size:40px}
@media (max-width:781px){.skyled-preis--zwei .val{font-size:34px}}

/* Der Beweis / Referenzaufnahmen – randlose 16:9-Bänder mit Mono-Bildunterschrift */
.skyled-beweis{margin-inline:calc(-1*var(--wp--preset--spacing--6))}
.skyled-beweis figure{margin:0}
.skyled-beweis .rahmen{aspect-ratio:16/9;overflow:hidden;display:block}
.skyled-beweis .rahmen img{width:100%;height:100%;object-fit:cover;display:block}
.skyled-beweis figcaption{padding:16px var(--wp--preset--spacing--6) 52px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--dim)}
.skyled-beweis figure:last-child figcaption{padding-bottom:0}

/* Sichtbarer Platzhalter für fehlende Assets – darf nie live gehen */
.skyled-platzhalter{background:var(--wp--preset--color--surface);border:1px solid var(--line);display:grid;place-items:center;text-align:center}
.skyled-platzhalter span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);padding:16px}

/* Kopf / Fuß */

.skyled-header{border-bottom:1px solid var(--line);position:relative}
.skyled-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--wp--preset--gradient--spectrum);opacity:.9}
.wp-block-button__link{white-space:nowrap}
.skyled-header .wp-block-button__link{padding:10px 16px}
@media (max-width:600px){.skyled-header .wp-block-button__link{padding:8px 12px;font-size:13px}.skyled-header > .wp-block-group > .wp-block-group{gap:var(--wp--preset--spacing--4)}}
.skyled-lang ul{list-style:none;margin:0;padding:0;display:flex;gap:0;align-items:center}
.skyled-lang li{margin:0}
.skyled-lang li+li::before{content:"|";color:var(--dim);font-family:var(--mono);font-size:12px;margin:0 .5em}
.skyled-lang a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border:none}
.skyled-lang .current-lang a,.skyled-lang a:hover{color:var(--text)}
.skyled-footer{border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.skyled-footer a{color:var(--muted);border:none}
.skyled-footer a:hover{color:var(--text)}

/* Lightbox (minimal) */
.skyled-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(6,7,10,.96);display:grid;place-items:center;padding:24px}
.skyled-lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.skyled-lightbox button{position:absolute;top:16px;right:16px;background:transparent;border:1px solid var(--line-strong);color:var(--text);width:40px;height:40px;cursor:pointer;font-size:20px}
.skyled-lightbox figcaption{position:absolute;left:24px;bottom:16px;font-family:var(--mono);font-size:12px;color:var(--muted)}

/* Mobile-Overlay der Navigation (Briefing: volle Höhe, dunkel) */
.wp-block-navigation__responsive-container.is-menu-open{background-color:var(--wp--preset--color--ground,#06070A)!important;color:var(--text)!important;padding:var(--wp--preset--spacing--6)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start;justify-content:center}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container.items-justified-right{align-items:flex-start;justify-content:flex-start;gap:var(--wp--preset--spacing--4)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-family:var(--display,inherit);font-size:clamp(28px,7vw,40px);line-height:1.1;color:var(--text)}
.wp-block-navigation__responsive-container-close{color:var(--text)}

/* Referenzen-Teaser (Startseite) */
.skyled-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:var(--wp--preset--spacing--12)}
.skyled-teaser a{display:block;border:none;color:var(--text)}
.skyled-teaser .rahmen{display:block;aspect-ratio:16/10;overflow:hidden}
.skyled-teaser img{width:100%;height:100%;object-fit:cover;display:block;transition:filter var(--t-quick) var(--ease)}
.skyled-teaser a:hover img{filter:brightness(1.08)}
.skyled-teaser .titel{display:block;font-family:var(--display);font-weight:600;font-size:18px;margin-top:16px}
.skyled-teaser .meta{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--dim);margin-top:6px}
@media (max-width:781px){.skyled-teaser{grid-template-columns:1fr;gap:32px}}

/* Kontaktkarte neben dem Formular */
.skyled-kontaktkarte{border-top:1px solid var(--line);padding-top:26px}
.skyled-kontaktkarte .label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
/* Drei Ansprechpartner: Name als Mono-Label, Nummer eine Stufe kleiner als die frühere Einzelnummer (30px → 22px). */
.skyled-kontaktkarte .personen{list-style:none;margin:22px 0 0;padding:0 0 16px;border-bottom:1px solid var(--line)}
.skyled-kontaktkarte .personen li{padding:14px 0 0;margin-top:14px;border-top:1px solid var(--line)}
.skyled-kontaktkarte .personen li:first-child{padding-top:0;margin-top:0;border-top:none}
.skyled-kontaktkarte .name{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.skyled-kontaktkarte .tel{display:block;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:7px;color:var(--text);border:none}
.skyled-kontaktkarte .mail{display:block;font-family:var(--mono);font-size:14px;margin-top:16px;color:var(--muted);border:none}
.skyled-kontaktkarte p{margin:18px 0 0;font-size:15px;line-height:1.55;color:var(--muted)}

/* Fuß */
.skyled-footer__recht{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px}
.skyled-footer__recht a{color:var(--muted);border:none}
.skyled-footer__recht a:hover{color:var(--text)}
.skyled-footer .wp-block-navigation a{color:var(--muted)}
.skyled-footer .wp-block-navigation a:hover{color:var(--text)}

/* Wortmarke */
.skyled-logo{display:inline-block;border:none;line-height:0}
.skyled-logo img{height:36px;width:auto;display:block}
.skyled-logo--fuss img{height:30px}
@media (max-width:781px){.skyled-logo img{height:30px}}

/* System-Seite */
.skyled-label--akzent{color:var(--accent)}
.skyled-specrows--einspaltig{grid-template-columns:1fr}
.skyled-riss{border:1px solid var(--line);padding:40px;color:var(--text)}
.skyled-riss svg{width:100%;height:auto;display:block}
.skyled-tabelle3{font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums}
.skyled-tabelle3 > div{display:grid;grid-template-columns:1.4fr 1fr 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.skyled-tabelle3 > div > span:last-child{text-align:right}
.skyled-tabelle3 .kopf{padding:14px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.is-style-fussnote{font-size:14px;line-height:1.55;color:var(--dim);margin-top:20px}

/* Ablauf-Schritte (Verleih) */
.skyled-kennzahlen--drei{grid-template-columns:repeat(3,1fr)}
.skyled-kennzahlen .schritt{font-family:var(--display);font-weight:600;font-size:20px;margin-top:14px;color:var(--text)}
.skyled-kennzahlen--drei .einheit{margin-top:0}
@media (max-width:1023px){.skyled-kennzahlen--drei{grid-template-columns:1fr}}

/* Ausbaustufen (Kauf) */
.skyled-stufen{display:grid;gap:56px;margin-top:var(--wp--preset--spacing--16);max-width:720px;margin-left:0!important;margin-right:auto!important}
.skyled-stufen .balken{display:block;width:var(--b);aspect-ratio:var(--ar);height:auto;background:var(--text);max-width:100%}
.skyled-stufen .mass{display:block;margin-top:20px;font-family:var(--mono);font-size:14px;font-variant-numeric:tabular-nums;color:var(--text)}
.skyled-stufen .detail{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
@media (max-width:781px){.skyled-stufen{gap:36px}}

/* Partner (Kauf) */
.skyled-partner{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:var(--wp--preset--spacing--16)}
.skyled-partner .titel{font-family:var(--display);font-weight:600;font-size:20px;margin-top:20px}
.skyled-partner .meta{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--dim);margin-top:6px}
@media (max-width:781px){.skyled-partner{grid-template-columns:1fr;gap:40px}}

/* Fluent Forms ans Theme angleichen */
.fluentform .ff-el-input--label label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:400}
.fluentform .ff-el-form-control{background:var(--wp--preset--color--surface);border:1px solid var(--line);border-radius:2px;color:var(--text);font-family:var(--wp--preset--font-family--body);font-size:15px;padding:0 14px;height:48px;box-shadow:none}
.fluentform textarea.ff-el-form-control{height:120px;padding:14px;resize:vertical}
.fluentform .ff-el-form-control:focus{border-color:var(--accent);outline:none;box-shadow:none}
.fluentform .ff-el-form-control::placeholder{color:var(--dim)}
.fluentform .ff-el-help-message{font-size:13px;color:var(--dim);margin-top:8px}
.fluentform .ff-el-is-error .ff-el-form-control{border-color:var(--wp--custom--signal--error,#FF6B6B)}
.fluentform .ff-el-input--content .error{color:#FF6B6B;font-size:13px}
.fluentform .ff-btn-submit{background:var(--text);color:var(--wp--preset--color--ground);border:1px solid var(--text);border-radius:2px;font-family:var(--wp--preset--font-family--body);font-weight:600;font-size:16px;padding:14px 26px}
.fluentform .ff-btn-submit:hover{background:#fff;border-color:#fff}
.fluentform .ff-t-cell{padding-right:24px}
.ff-message-success{border:1px solid var(--accent);background:rgba(63,208,232,.06);padding:32px;color:var(--text)}
/* display:block statt grid - die auto-Zeile eines Grids macht height:100% des Bildes zu einem zyklischen Prozentwert. */
.skyled-partner .logo{border:none;background:#fff;padding:24px;aspect-ratio:5/2;display:block;overflow:hidden;box-sizing:border-box;min-height:0}
.skyled-partner .logo img{width:100%;height:100%;object-fit:contain;display:block}
.skyled-partner .adresse{margin:14px 0 0;font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--muted)}
.skyled-partner .adresse a{color:var(--muted)}
.skyled-partner .adresse a:hover{color:var(--accent)}

/* Referenzen-Archiv und Projektseite */
.skyled-filter{width:100%}
.skyled-filter ul{width:100%;box-sizing:border-box;list-style:none;margin:0;padding:0 0 20px;display:flex;flex-wrap:wrap;gap:28px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.skyled-filter li{margin:0}
.skyled-filter a{color:var(--dim);border:none}
.skyled-filter a:hover,.skyled-filter .current-cat a{color:var(--accent)}
.skyled-karte__meta a{color:inherit}
.skyled-fakten-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px 48px;font-family:var(--mono);font-size:13px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.skyled-fakten-grid > div{padding:0}
.skyled-fakten-grid .label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.skyled-fakten-grid .wert{margin-top:10px;color:var(--text)}


/* Projektfilm – Verweis statt Embed, solange kein Content Blocker steht */
.skyled-film__flaeche{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:var(--wp--preset--color--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:border-color var(--t-quick) var(--ease)}
.skyled-film--hoch .skyled-film__flaeche{aspect-ratio:9/16;max-width:420px}
.skyled-film__flaeche:hover{border-color:var(--accent);color:var(--text)}
.skyled-film__play{display:block;width:0;height:0;border-left:22px solid currentColor;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:6px}
.skyled-film__text{position:absolute;left:24px;bottom:20px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.skyled-film__hinweis{margin-top:16px;font-size:14px;line-height:1.55;color:var(--dim);max-width:62ch}
.skyled-film__rahmen{position:relative;background:#000;border:1px solid var(--line);overflow:hidden}
.skyled-film--hoch .skyled-film__rahmen{max-width:420px}
.skyled-film__rahmen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.skyled-film__rahmen video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000}
.skyled-film__warnung{color:var(--wp--custom--signal--warn,#F2B064);border-left:2px solid currentColor;padding-left:14px}

.skyled-karte__platzhalter{aspect-ratio:16/10;background:var(--wp--preset--color--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--dim);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}

/* WordPress schaltet das Navigations-Overlay erst bei 600px; das Theme bricht bei 782px um.
   Dazwischen (Tablet hochkant) blieb die volle Navigation stehen und lief auf zwei Zeilen. */
@media (max-width:781px){
  .wp-block-navigation__responsive-container:not(.is-menu-open){
    display:none!important;position:static!important;width:auto!important;height:auto!important;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}
  .wp-block-navigation__responsive-container.is-menu-open{display:flex!important}
}

/* Technikgalerie – acht Slots. Bildmaterial fehlt noch, die Platzhalter sind
   bewusst sichtbar (.skyled-platzhalter: „darf nie live gehen“). */
.skyled-technikgalerie{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:var(--wp--preset--spacing--12);border:1px solid var(--line)}
.skyled-technikgalerie .slot{aspect-ratio:3/2;overflow:hidden}
.skyled-technikgalerie .slot img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:1023px){.skyled-technikgalerie{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.skyled-technikgalerie{grid-template-columns:1fr}}

/* Projektgalerie: weitere Aufnahmen unter dem Projekttext. Luftiger als die
   Technikgalerie, weil hier Motive stehen und keine Spezifikation. */
.skyled-projektgalerie{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--wp--preset--spacing--3);margin-top:var(--wp--preset--spacing--16)}
.skyled-projektgalerie figure{margin:0;aspect-ratio:3/2;overflow:hidden}
.skyled-projektgalerie img{width:100%;height:100%;object-fit:cover;display:block}
.skyled-projektgalerie figure.hoch{background:var(--wp--preset--color--ground,#06070A)}
.skyled-projektgalerie figure.hoch img{object-fit:contain}
@media (max-width:1023px){.skyled-projektgalerie{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.skyled-projektgalerie{grid-template-columns:1fr}}