/*
Theme Name: Impetus Staging
Description: Staging-Theme fuer die Impetus-Media-Seite. Seiteninhalt kommt aus den Bloecken.
Version: 1.0
*/

/* Gemeinsame Grundlage */
@font-face{font-family:"Geist";src:url("fonts/geist.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#0F0E0D;
  --ink-hover:#33312C;
  --surface-inverse:#1F1D1A;
  --text-secondary:#524F49;
  --text-muted:#6E6A65;
  --text-disabled:#8F8B85;
  --border-strong:#CCCAC6;
  --surface-tertiary:#E5E5E3;
  --surface-secondary:#F2F1F0;
  --surface:#FAFAF9;
  --white:#FFFFFF;

  
  --akzent:#8B1521;
  --akzent-hover:#6E101A;
  --akzent-wash:#F8EFF0;    
  --akzent-kachel:#F0DFE1;  

  
  --space-3xs:clamp(0.25rem,0.2331rem + 0.0847vw,0.3125rem);
  --space-2xs:clamp(0.5rem,0.4661rem + 0.1695vw,0.625rem);
  --space-xs:clamp(0.75rem,0.6991rem + 0.2542vw,0.9375rem);
  --space-s:clamp(1rem,0.9322rem + 0.339vw,1.25rem);
  --space-m:clamp(1.5rem,1.3983rem + 0.5085vw,1.875rem);
  --space-l:clamp(2rem,1.8644rem + 0.678vw,2.5rem);
  --space-xl:clamp(3rem,2.7966rem + 1.0169vw,3.75rem);
  --space-2xl:clamp(4rem,3.7288rem + 1.3559vw,5rem);
  --space-3xl:clamp(6rem,5.5932rem + 2.0339vw,7.5rem);
  --space-section:clamp(4rem,3.0509rem + 4.7458vw,7.5rem);

  
  --t-display:clamp(2.4875rem,2.1282rem + 1.7966vw,3.8125rem);
  --t-h2:clamp(1.725rem,1.5302rem + 0.9746vw,2.4438rem);
  --t-h3:clamp(1.2rem,1.1017rem + 0.4915vw,1.5625rem);
  --t-lead:clamp(1.2rem,1.1864rem + 0.0678vw,1.25rem);
  --t-body:1rem;
  --t-small:0.8rem;
  --t-micro:0.625rem;

  --container:1500px;
  --gutter:clamp(1rem,0.5932rem + 2.0339vw,2.5rem);
  --measure:608px;
  --measure-wide:896px;
  --radius:0.25em;

  --ease:cubic-bezier(0.23,1,0.32,1);}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;
  background:var(--surface);
  color:var(--ink);
  font-family:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  font-size:var(--t-body);
  font-weight:400;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;}
img{max-width:100%;display:block;height:auto}
h1,h2,h3,h4{font-weight:400;margin:0;line-height:1.2}
h1{font-size:var(--t-display);letter-spacing:-0.025em;text-wrap:balance}
h2{font-size:var(--t-h2);letter-spacing:-0.015em;text-wrap:balance}
h3{font-size:var(--t-h3)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
.wrap{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.measure{max-width:var(--measure)}
.measure-wide{max-width:var(--measure-wide)}
.section{padding-block:var(--space-section);border-top:1px solid var(--surface-tertiary)}
.section > .wrap > * + *{margin-top:var(--space-l)}
.lead{font-size:var(--t-lead);color:var(--text-secondary)}
.small{font-size:var(--t-small)}
.muted{color:var(--text-muted)}
.src{font-size:var(--t-small);color:var(--text-muted);margin-top:var(--space-2xs)}
.btn{display:inline-block;font-size:var(--t-body);font-weight:500;line-height:1.5;
  text-decoration:none;border-radius:var(--radius);
  padding:var(--space-xs) var(--space-m);border:1px solid transparent;
  transition:background-color .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease);
  cursor:pointer;font-family:inherit}
.btn-primary{background:var(--akzent);color:var(--white)}
.btn-primary:hover{background:var(--akzent-hover)}
:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.hero-note{font-size:var(--t-small);color:var(--text-muted);max-width:44ch}
.zweige{display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--space-3xs) var(--space-s);margin-top:var(--space-l);
  font-size:var(--t-body)}
.zweige a{color:var(--text-secondary);text-decoration:none;
  padding-block:var(--space-3xs);
  transition:color .15s var(--ease)}
.zweige a:hover{color:var(--akzent)}
.zweige a:not(:last-child)::after{content:"·";color:var(--border-strong);
  margin-inline-start:var(--space-s)}
.section.ohne-linie{border-top:0;padding-top:var(--space-xl)}
.section.eng-unten{padding-bottom:var(--space-xl)}
@keyframes befund-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
.stack-m > * + *{margin-top:var(--space-m)}
details{border-bottom:1px solid var(--surface-tertiary)}
details summary{padding-block:var(--space-m);cursor:pointer;list-style:none;
  font-weight:500;display:flex;justify-content:space-between;gap:var(--space-s);
  align-items:baseline;transition:color .15s var(--ease)}
details summary::-webkit-details-marker{display:none}
details summary:hover{color:var(--text-secondary)}
details summary::after{content:"+";color:var(--text-muted);font-weight:400;flex:none}
details[open] summary::after{content:"–"}
.todo{background:var(--surface-secondary);border:1px dashed var(--border-strong);
  border-radius:var(--radius);padding:var(--space-m);color:var(--text-muted);
  font-size:var(--t-small)}
.todo b{font-weight:500;color:var(--text-secondary)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.js .reveal:not(.in) .bar-fill{width:0}
.js .section > .wrap > *,.js .reveal{opacity:0;transform:translateY(6px);
  transition:opacity .55s var(--ease),transform .55s var(--ease)}
.js .section > .wrap > *.in,.js .reveal.in{opacity:1;transform:none}
.js .section > .wrap > *:nth-child(2){transition-delay:.06s}
.js .section > .wrap > *:nth-child(3){transition-delay:.12s}
.js .section > .wrap > *:nth-child(4){transition-delay:.18s}
.js .section > .wrap > *:nth-child(n+5){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  .reveal.in .bar-fill{transition:none;width:var(--w)}
}
.eyebrow{font-size:var(--t-body);font-weight:600;color:var(--akzent);
  margin-bottom:var(--space-s)}
.headsplit{display:grid;gap:var(--space-m)}
@media (min-width:64rem){
  .headsplit{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3xl);
    align-items:start}
}
@keyframes caret{50%{opacity:0}}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}
.dbar{display:block;height:.375rem;background:var(--ink);border-radius:2px;
  min-width:2px}
.quote-name{font-weight:500;color:var(--akzent);margin-top:var(--space-l)}
.quote-role{color:var(--text-muted);font-size:var(--t-small);margin-top:2px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:var(--gutter);top:var(--space-s);position:fixed;z-index:10;
  background:var(--ink);color:var(--surface);padding:var(--space-2xs) var(--space-s);
  border-radius:var(--radius)}
@keyframes appui-puls{0%{box-shadow:0 0 0 0 rgba(139,21,33,.45)}
  70%{box-shadow:0 0 0 .9rem rgba(139,21,33,0)}
  100%{box-shadow:0 0 0 0 rgba(139,21,33,0)}}
.fakten{padding-block:0 var(--space-l)}
.fakten-zeile{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--surface-tertiary)}
.fakten-zeile li{display:flex;align-items:baseline;gap:.6em;padding:var(--space-s) var(--space-m) 0 0;font-size:var(--t-small);color:var(--text-muted)}
.fakten-zeile li + li{padding-left:var(--space-m);border-left:1px solid var(--surface-tertiary)}
.fakten-zeile b{font-size:var(--t-body);font-weight:500;color:var(--ink);white-space:nowrap}
@media (max-width:47.99rem){
  .fakten-zeile{grid-template-columns:1fr}
  .fakten-zeile li{padding:var(--space-xs) 0;border-bottom:1px solid var(--surface-tertiary)}
  .fakten-zeile li + li{padding-left:0;border-left:0}
}
.vgl{width:100%;border-collapse:collapse;text-align:left;
  margin-top:var(--space-2xl)}
.vgl th,.vgl td{vertical-align:top;padding:var(--space-m) var(--space-l) var(--space-m) 0}
.vgl tr > *:last-child{padding-right:0}
.vgl thead th{font-weight:400;color:var(--text-muted)}
.vgl thead .vgl-uns{color:var(--akzent)}
.vgl tbody th{font-weight:500;color:var(--ink)}
.vgl tbody td{color:var(--text-muted)}
.vgl tbody .vgl-uns{color:var(--ink)}
.vgl tbody tr{border-top:1px solid var(--surface-tertiary)}
.vgl tbody tr:last-child{border-bottom:1px solid var(--surface-tertiary)}
@media (max-width:63.99rem){
  .vgl thead{position:absolute;width:1px;height:1px;overflow:hidden;
    clip-path:inset(50%);white-space:nowrap}
  .vgl,.vgl tbody,.vgl tr,.vgl th,.vgl td{display:block;width:auto}
  .vgl tbody tr{padding-block:var(--space-m)}
  .vgl th,.vgl td{padding:0}
  .vgl tbody td{margin-top:var(--space-s)}
  .vgl tbody td::before{content:attr(data-spalte);display:block;
    font-size:var(--t-small);color:var(--text-muted);margin-bottom:2px}
  .vgl tbody .vgl-uns::before{color:var(--akzent)}
}
@media (min-width:64rem){
  .vgl tbody th{width:22%}
  .vgl thead th,.vgl tbody td{width:39%}
}
.vk-kopf{font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.vk-titel{font-size:var(--t-h2, clamp(1.6rem,1.3rem + 1.4vw,2.4rem));line-height:1.12;letter-spacing:-.02em;margin-top:var(--space-s)}
.vk-liste{list-style:none;padding:0;margin:var(--space-l) 0 0}
.vk-liste li{display:grid;gap:.2rem;padding-block:var(--space-s);border-bottom:1px solid var(--surface-tertiary)}
.vk-liste li:first-child{border-top:1px solid var(--surface-tertiary)}
.vk-m{font-size:var(--t-small);color:var(--text-muted)}
.vk-t{color:var(--ink)}
.vk-unscharf .vk-t{filter:blur(6px);user-select:none;-webkit-user-select:none;pointer-events:none}
.rule-list{border-top:1px solid var(--surface-tertiary)}
.rule-list > li{border-bottom:1px solid var(--surface-tertiary);
  padding-block:var(--space-m);display:grid;gap:var(--space-2xs)}
@media (min-width:48rem){
  .rule-list > li{grid-template-columns:minmax(0,22ch) minmax(0,1fr);
    gap:var(--space-l);align-items:start}
}
.rule-list h3{font-size:var(--t-body);font-weight:500;line-height:1.5}
.rule-list p{color:var(--text-secondary);max-width:62ch}
.rule-list > li:hover{background:var(--surface-secondary)}
.legal-liste{margin-top:var(--space-s);display:grid;gap:var(--space-2xs)}
.legal-liste li{font-size:var(--t-lead);line-height:1.6;color:var(--text-secondary);
  padding-left:var(--space-s);position:relative}
.legal-liste li::before{content:"";position:absolute;left:0;top:.7em;
  width:6px;height:1px;background:var(--border-strong)}
.legal-hinweis{font-size:var(--t-body);line-height:1.6;color:var(--ink);
  margin-top:var(--space-s);padding:var(--space-m);
  background:var(--surface-secondary);border-radius:var(--radius)}
.fall2{margin-top:var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--surface-tertiary)}
.fall2 p{color:var(--text-secondary);max-width:60ch;margin-top:var(--space-2xs)}
.schritte{display:grid;gap:var(--space-l);margin-top:var(--space-2xl);list-style:none;padding:0}
.schritte > li{min-width:0;border-top:1px solid var(--surface-tertiary);padding-top:var(--space-m)}
.schritt-k{font-size:var(--t-small);color:var(--text-muted);font-variant-numeric:tabular-nums}
.schritte h3{font-size:var(--t-body);font-weight:500;margin-top:var(--space-2xs)}
.schritte li > p:last-child{color:var(--text-secondary);font-size:var(--t-small);line-height:1.55;margin-top:var(--space-2xs)}
@media (min-width:48rem){
  .schritte{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:80rem){
  .schritte{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--surface-tertiary)}
  .schritte > li{border-top:0;padding:var(--space-m) var(--space-m) 0;border-left:1px solid var(--surface-tertiary)}
  .schritte > li:first-child{border-left:0;padding-left:0}
}
.fall2 .fall-zitat{margin:var(--space-m) 0 0;padding-left:var(--space-m);border-left:2px solid var(--akzent);max-width:62ch}
.fall2 .fall-zitat p{color:var(--ink);font-size:var(--t-body);line-height:1.5;max-width:none;margin-top:0}
.fall2 .fall-zitat footer{margin-top:var(--space-s);font-size:var(--t-small);color:var(--text-muted)}
.fall2 .fall-zitat footer b{display:block;color:var(--ink);font-weight:500}
.ref-kopf h1{font-size:var(--t-display);line-height:1.05;letter-spacing:-.025em}
.ref-liste{margin-top:var(--space-s);padding-left:1.1rem;color:var(--text-secondary)}
.ref-liste li{margin-top:var(--space-2xs);padding-left:.2rem}
.ref-liste li::marker{color:var(--akzent)}
.ref-zahl-wert{font-size:var(--t-display);line-height:1;letter-spacing:-.025em;font-variant-numeric:tabular-nums;
  padding:0 var(--space-m) var(--space-m)}
.ref-zitat{margin:var(--space-xl) 0 0;padding-left:var(--space-m);border-left:2px solid var(--akzent)}
.ref-zitat p{font-size:var(--t-h3);line-height:1.4;color:var(--ink)}
.ref-zitat footer{margin-top:var(--space-s);font-size:var(--t-small);color:var(--text-muted)}
.ref-zitat footer b{display:block;color:var(--ink);font-weight:500}
.ref-kopf .todo{margin-top:var(--space-2xl)}
@keyframes ref-schein{0%,100%{transform:scaleY(.85) scaleX(1)}
  50%{transform:scaleY(1.1) scaleX(1.04)}}

/* Zajednicko za vise blokova. Menja se ovde, ne u svakoj komponenti. */

/* Ikone */
.icongrid > li:hover .ico {
  background:var(--akzent-kachel);
}

.icongrid > li:hover .ico svg {
  stroke:var(--akzent);
}

.ico {
  width:2.75rem;
  height:2.75rem;
  border-radius:var(--radius);
  background:var(--surface-secondary);
  display:grid;
  place-items:center;
  flex:none;
  transition:background-color .15s var(--ease);
}

.ico svg {
  width:1.25rem;
  height:1.25rem;
  stroke:var(--ink);
  stroke-width:1.5;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .15s var(--ease);
}

.ocard-row .ico {
  width:2rem;
  height:2rem;
}

.ocard-row .ico svg {
  width:1rem;
  height:1rem;
}

.nav .subnav-item .ico {
  margin-bottom:var(--space-s);
}

.nav .subnav-item:hover .ico {
  background:var(--akzent-kachel);
}

.nav .subnav-item:hover .ico svg {
  stroke:var(--akzent);
}

.eckdaten .ico,.eckdaten .icongrid > li:hover .ico {
  background:var(--akzent);
}

.eckdaten .ico svg,.eckdaten .icongrid > li:hover .ico svg {
  stroke:var(--white);
}

.icongrid {
  display:grid;
  border-top:1px solid var(--surface-tertiary);
  border-left:1px solid var(--surface-tertiary);
}

.icongrid > li {
  border-right:1px solid var(--surface-tertiary);
  border-bottom:1px solid var(--surface-tertiary);
  padding:var(--space-l) var(--space-m);
  transition:background-color .15s var(--ease);
}

.icongrid > li:hover {
  background:var(--akzent-wash);
}

.icongrid h3 {
  font-size:var(--t-h3);
  margin-top:var(--space-m);
}

.icongrid p {
  color:var(--text-secondary);
  margin-top:var(--space-2xs);
  max-width:40ch;
}

/* Hero */
.hero {
  padding-block:var(--space-xl) var(--space-section);
}

.hero .wrap {
  display:grid;
  gap:var(--space-2xl);
  align-items:start;
  grid-template-columns:minmax(0,1fr);
}

.hero-copy > * + * {
  margin-top:var(--space-m);
}

.hero h1 {
  max-width:17ch;
}

.hero .lead {
  max-width:46ch;
}

.hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-s);
  align-items:center;
  margin-top:var(--space-l);
}

.hero:has(+ .fakten) {
  padding-bottom:var(--space-xl);
}

.zg-visual .appui-input {
  position:relative;
  z-index:1;
  width:min(100%,30rem);
  margin:0 auto;
  background:var(--white);
  transition:background-color .15s var(--ease),border-color .15s var(--ease);
}

.zg-visual .appui-input:hover {
  background:var(--akzent-wash);
  border-color:var(--akzent);
}

/* Pozornica i kartica */
.stage {
  position:relative;
  border-radius:var(--radius);
  overflow:hidden;
  display:grid;
  place-items:center;
  padding:var(--space-l);
}

.stage > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:blur(3px) saturate(.9);
  transform:scale(1.06);
}

.stage::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(250,250,249,.3);
  background:color-mix(in srgb,var(--surface) 30%,transparent);
}

.ocard {
  position:relative;
  z-index:1;
  width:min(100%,30rem);
  background:var(--white);
  border:1px solid var(--surface-tertiary);
  border-radius:var(--radius);
  overflow:hidden;
}

.plan-head {
  padding:var(--space-s) var(--space-m);
  border-bottom:1px solid var(--surface-tertiary);
}

.plan-head b {
  display:block;
  font-weight:500;
}

.plan-head span {
  display:block;
  color:var(--text-muted);
  font-size:var(--t-micro);
  margin-top:2px;
}

.bcard-label {
  padding:var(--space-s) var(--space-m) 0;
  color:var(--text-muted);
  font-size:var(--t-small);
}

.bcard-text {
  padding:var(--space-2xs) var(--space-m) var(--space-m);
  color:var(--ink);
  font-size:var(--t-small);
  -webkit-mask-image:linear-gradient(#000 62%,rgba(0,0,0,.25) 88%,transparent);
  mask-image:linear-gradient(#000 62%,rgba(0,0,0,.25) 88%,transparent);
}

/* Slucajevi */
.case .stage {
  min-height:22rem;
}

.case {
  display:grid;
  gap:var(--space-m);
}

.case dl {
  margin:0;
  border-top:1px solid var(--surface-tertiary);
}

.case dt {
  font-size:var(--t-small);
  color:var(--text-muted);
  padding-top:var(--space-s);
}

.case dd {
  margin:0;
  padding-bottom:var(--space-s);
  border-bottom:1px solid var(--surface-tertiary);
  color:var(--text-secondary);
}

.numrows + .todo,.cols3 + .todo,.case + .todo {
  margin-top:var(--space-m);
}

.case .ocard .bcard-text {
  font-size:var(--t-display);
  line-height:1;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  margin-bottom:var(--space-s);
}

.case + .case {
  margin-top:var(--space-2xl);
  padding-top:var(--space-2xl);
  border-top:1px solid var(--surface-tertiary);
}

.case .ocard .fall-woerter {
  font-size:var(--t-h2, clamp(1.6rem,1.3rem + 1.4vw,2.4rem));
  line-height:1.15;
  letter-spacing:-.02em;
}

/* Link ka stranici */
.preis-link {
  color:var(--akzent);
  font-weight:500;
  text-decoration:none;
  display:inline-flex;
  gap:var(--space-2xs);
  align-items:center;
}

.preis-link svg {
  width:1rem;
  height:1rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.preis-link:hover {
  text-decoration:underline;
}

/* Podela teksta i slike */
.split {
  display:grid;
  gap:var(--space-2xl);
  align-items:center;
}

.split h2 {
  max-width:22ch;
}

.split .lead {
  max-width:44ch;
  margin-top:var(--space-s);
}

/* Panel preko slike */
.dpanel {
  position:relative;
  z-index:1;
  width:100%;
  background:var(--white);
  border:1px solid var(--surface-tertiary);
  border-radius:var(--radius);
  overflow:hidden;
  font-size:var(--t-small);
  box-shadow:0 0 0 5px rgba(255,255,255,.3),0 0 0 6px rgba(255,255,255,.7);
  box-shadow:0 0 0 5px color-mix(in srgb,var(--white) 30%,transparent), 0 0 0 6px color-mix(in srgb,var(--white) 70%,transparent);
}

.dpanel-head {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:var(--space-2xs);
  padding:var(--space-2xs) var(--space-s);
  font-weight:500;
  border-bottom:1px solid var(--surface-tertiary);
}

.dpanel-head span {
  font-weight:400;
  color:var(--text-muted);
  font-size:var(--t-micro);
  white-space:nowrap;
}

.bau-visual .dpanel {
  max-width:17rem;
}

/* Referentne kacheln */
.ref-mini-bild .ref-kachel {
  position:relative;
  height:3rem;
}

.ref-mini-bild .ref-kachel-logo {
  max-width:80%;
}

.ref-mini-bild .ref-kachel-logo img {
  height:1.7rem;
}

.ref-kachel {
  display:grid;
  place-items:center;
  background:var(--white);
  border-radius:calc(var(--radius) * 3);
  height:4rem;
  box-shadow:0 0 0 4px rgba(255,255,255,.35),0 0 0 5px rgba(255,255,255,.75),0 8px 24px rgba(0,0,0,.1);
}

.ref-kachel-logo {
  padding:0 var(--space-s);
  max-width:13rem;
}

.ref-kachel-logo img {
  height:2.1rem;
  width:auto;
  max-width:100%;
  object-fit:contain;
}

.ref-hero .ref-kachel {
  height:5rem;
}

.ref-hero .ref-kachel-logo img {
  height:2.6rem;
}

.ref-stapel-bild .ref-kachel {
  position:relative;
  height:4.5rem;
}

.ref-stapel-bild .ref-kachel-logo img {
  height:2.4rem;
}

/* Isti prelomi u vise blokova */
@media (min-width:64rem) {
  .nav .subnav-item .ico {
    margin-bottom:0;
  }
}

@media (max-width:63.99rem) {
  .case.case-rechts .stage {
    order:-1;
  }
}

@media (min-width:64rem) {
  .case {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:var(--space-2xl);
  }
}

@media (min-width:64rem) {
  .case.case-rechts {
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  }
}

@media (min-width:48rem) {
  .icongrid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:64rem) {
  .icongrid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:64rem) {
  .hero .wrap {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:var(--space-3xl);
  }
}

@media (min-width:64rem) {
  .hero-copy .zweige {
    width:max-content;
    max-width:calc(100% + var(--space-3xl));
  }
}

@media (min-width:64rem) {
  .split {
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:var(--space-3xl);
  }
  .split.reverse {
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  }
  .split.reverse > :first-child {
    order:2;
  }
}