.seo-kapitel{--kapitel-weg:72vh;position:relative}.seo-kapitel__rahmen{flex-direction:column;display:flex}.seo-kapitel__bild{width:100%;max-width:720px;margin-bottom:1.25rem}.seo-kapitel__text{margin-bottom:3.5rem}.seo-kapitel__text--letzter{margin-bottom:0}.seo-kapitel__index{color:var(--accent);transition:color .3s cubic-bezier(.23,1,.32,1)}.seo-kapitel__titel{color:#fff;transition:color .3s cubic-bezier(.23,1,.32,1)}.seo-kapitel__schiene{display:none}.seo-kapitel__buehne{aspect-ratio:4/3;width:100%}.seo-kapitel__beschreibung{grid-template-rows:1fr;display:grid}.seo-kapitel__beschreibung>div{min-height:0;overflow:hidden}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.seo-kapitel{height:calc(100svh + var(--kapitel-anzahl) * var(--kapitel-weg))}.seo-kapitel__rahmen{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:1fr repeat(var(--kapitel-anzahl), auto) 1fr;column-gap:clamp(2.5rem,5vw,6rem);height:100svh;padding-block:6.5rem 2.5rem;display:grid;position:sticky;top:0}.seo-kapitel__bild{opacity:0;pointer-events:none;grid-area:1/2/-1;place-self:center end;width:min(100%,133.333svh - 14.6667rem);max-width:none;margin:0;transition:opacity .45s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(14px)scale(.985)}.seo-kapitel__bild[data-aktiv=true]{z-index:1;opacity:1;pointer-events:auto;transform:none}.seo-kapitel__text{grid-column:1;grid-row:var(--zeile);margin:0;padding-left:1.75rem;position:relative}.seo-kapitel__schiene{grid-column:1;grid-row:2 / span var(--kapitel-anzahl);background:#ffffff24;justify-self:start;width:1px;margin-block:.9rem;display:block;position:relative}.seo-kapitel__beschreibung{grid-template-rows:0fr;transition:grid-template-rows .52s cubic-bezier(.16,1,.3,1)}.seo-kapitel__text[data-aktiv=true] .seo-kapitel__beschreibung{grid-template-rows:1fr}.seo-kapitel__text:not([data-aktiv=true]) .seo-kapitel__titel{color:#ffffffa6}.seo-kapitel__text:not([data-aktiv=true]) .seo-kapitel__index{color:#fff9}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.seo-kapitel__text:not([data-aktiv=true]) button:hover .seo-kapitel__titel{color:#ffffffe0}}.seo-analyse-lesen{opacity:0}.seo-analyse-lesen[data-an=true]{animation:seo-analyse-lesen var(--lesen-dauer) cubic-bezier(.65, 0, .35, 1) var(--lesen-start) both}@keyframes seo-analyse-lesen{0%{opacity:0;transform:translateY(0)}6%{opacity:1;transform:translateY(0)}20%{transform:translateY(0)}30%{transform:translateY(calc(100% + 6px))}45%{transform:translateY(calc(100% + 6px))}55%{transform:translateY(calc(200% + 12px))}70%{transform:translateY(calc(200% + 12px))}80%{opacity:1;transform:translateY(calc(300% + 18px))}92%{opacity:1;transform:translateY(calc(300% + 18px))}to{opacity:0;transform:translateY(calc(300% + 18px))}}@media (prefers-reduced-motion:reduce){.seo-analyse-lesen{display:none}}.seo-google{--g-grund:#202124;--g-feld:#4d5156;--g-linie:#3c4043;--g-name:#e8eaed;--g-text:#bdc1c6;--g-leise:#9aa0a6;--g-titel:#99c3ff}.seo-google__ergebnis{grid-template:"kopf kopf""titel titel""text bild"1fr/minmax(0,1fr) 4rem;column-gap:.75rem;display:grid}.seo-google__kopf{grid-area:kopf}.seo-google__titel{grid-area:titel}.seo-google__text{grid-area:text}.seo-google__bild{grid-area:bild;align-self:start}@container (min-width:36rem){.seo-google__ergebnis{grid-template-columns:minmax(0,1fr) 7rem;grid-template-areas:"kopf bild""titel bild""text bild";column-gap:1.5rem}}@container (min-width:48rem){.seo-google__ergebnis{grid-template-columns:minmax(0,1fr) 7.5rem;column-gap:1.75rem}}