@view-transition{ navigation:auto; }
  ::view-transition-group(root){ animation-duration:.85s; }

  ::view-transition-old(root){ animation:none; z-index:1; }
  ::view-transition-new(root){
    animation:om-blende .85s cubic-bezier(.22,1,.36,1) both;
    z-index:2;
  }
  @keyframes om-blende{
    from{ clip-path:circle(0 at 50% 50%); }
    to  { clip-path:circle(150vmax at 50% 50%); }
  }
  @media (prefers-reduced-motion: reduce){
    ::view-transition-old(root),
    ::view-transition-new(root){ animation:none; }
  }

  :root{
    --fg:#F1ECE3; --bg:#0D0D0C; --accent:#C6A15B;

    --logo-on-accent:var(--bg);
    --overlay-1: rgba(16,16,16,0.72); --overlay-2: rgba(16,16,16,0.38); --overlay-3: rgba(16,16,16,0.12);

    --content-max:1920px;

    --sekt-raster:1.15fr 1fr;
    --kasten-raster:1.6fr 1fr;
    --sekt-spalt:clamp(40px, 6vw, 120px);

    --kasten-luft:clamp(26px, 3vw, 52px);

    --nav-oben:46px;
    --brand-oben:36px;

    --orbit-mitte:50%;

    --orbit-tempo:0.75;

    --hub-max:13.4vw;

    --rand:56px;

    --strf-bild:min(46vh, 84vw);
    --strf-bu:84px;

    --tiefe:radial-gradient(ellipse at 48% 28%, #282828 0%, #0D0D0C 76%);
  }
  *{box-sizing:border-box;}
  html,body{margin:0;background:var(--bg);font-family:'MG12',Helvetica,Arial,sans-serif;}
  body{ position:relative; }
  a{color:var(--fg);text-decoration:none;}
  #mass, #small, #ring{ transition:fill .4s ease, stroke .4s ease; }

  .om-tiefe{
    position:fixed; inset:0; z-index:0;
    background:var(--bg) var(--tiefe); pointer-events:none;
    transform:translateZ(0);
  }

  .om-bg{
    position:relative; z-index:3;
    width:100%; height:150vh;
    background:var(--bg);
    --photo:url('assets/senthil-kumar.png');
  }

  .om-bg::after{
    content:''; position:absolute; inset:0; z-index:0; pointer-events:none;

    background:var(--photo) var(--photo-x, 100%) var(--photo-y, 0px) / max(128%, 150vh) auto no-repeat;
    opacity:0; transition:opacity 1.2s cubic-bezier(0.22,1,0.36,1);
  }
  .om-bg.is-loaded::after{ opacity:1; }
  @media (prefers-reduced-motion: reduce){
    .om-bg::after{ opacity:1; transition:none; }
  }

  .om-bg-tiefe{
    position:sticky; top:0; z-index:1; height:100vh; width:100%;
    display:block; pointer-events:none;
    opacity:0; transition:opacity 1.2s cubic-bezier(0.22,1,0.36,1);
    transform:translateZ(0);
  }
  .om-bg.is-loaded .om-bg-tiefe{ opacity:1; }
  .om-bg.is-tiefe::after{ opacity:0; transition:none; }

  .om-bg::before{
    content:''; position:absolute; inset:0; z-index:2; pointer-events:none; transition:background .4s ease;
    background:linear-gradient(100deg, var(--overlay-1) 0%, var(--overlay-2) 45%, var(--overlay-3) 75%);
  }

  .stage{
    position:absolute; top:0; left:0; width:100%; height:100vh; z-index:6;
    overflow:hidden; background:transparent; cursor:default;
  }
  .scene{ position:absolute; top:0; left:0; width:1920px; height:1080px; transform-origin:0 0; }

  .om-mark{
    position:absolute; top:0; left:0; width:1920px; height:1080px;
    transform:scale(0.7); transform-origin:960px 536px;
  }

  svg{position:absolute; inset:0; display:block; overflow:visible;}

  #svg{ position:absolute; inset:auto; top:0; left:0; width:1920px; height:1080px; transform-origin:0 0; }

  html.logo-gedockt #svg{ pointer-events:none; }

  nav.om-nav{
    position:fixed; top:var(--nav-oben); right:var(--rand); z-index:41;
    display:flex; align-items:center; gap:52px;
    font-size:18px; letter-spacing:0.06em;

    --nav-farbe:color-mix(in srgb, var(--fg) 76%, var(--bg));
    --nav-farbe-an:var(--fg);
    color:var(--nav-farbe);

    opacity:0; transform:translateY(18px);
    transition:opacity 1s ease .15s, transform 1s ease .15s, color .4s ease;
  }
  nav.om-nav.is-da{ opacity:1; transform:translateY(0); }
  html.nav-on-light nav.om-nav{
    --nav-farbe:color-mix(in srgb, var(--bg) 74%, var(--fg));
    --nav-farbe-an:var(--bg);
  }
  html.nav-on-accent nav.om-nav{
    --nav-farbe:color-mix(in srgb, var(--logo-on-accent) 80%, var(--accent));
    --nav-farbe-an:var(--logo-on-accent);
  }
  nav.om-nav a{ color:inherit; transition:color .3s ease; }

  nav.om-nav a:hover, nav.om-nav a.is-nah{ color:var(--nav-farbe-an); }

  .om-lockup{
    position:absolute; left:-58px; top:943px; white-space:nowrap; color:var(--fg);
    opacity:0; transform:translateY(18px);
    transition:color .4s ease, opacity 1s ease .3s, transform 1s ease .3s;
  }

  .om-lz{ display:inline-block; }
  .om-name{ font-size:20px; font-weight:700; letter-spacing:0.14em; margin:0; }

  .om-claim{
    position:absolute; left:1120px; top:646px; white-space:nowrap; margin:0;
    font-size:35px; font-weight:700; letter-spacing:0.06em;
    color:var(--accent);
    opacity:0; transform:translateY(calc(-50% + 18px));
    transition:opacity 1s ease .3s, transform 1s ease .3s;
  }
  .om-claim.is-da{ opacity:1; transform:translateY(-50%); }

  html.logo-gedockt .om-claim.is-da{ opacity:0; transition:opacity .55s ease; }

  .om-role{ font-size:20px; font-weight:400; opacity:.66; letter-spacing:0.1em; margin:0.6em 0 0; }

  .om-hint{ display:none; }

  .om-bold-curve{
    position:relative; z-index:3; inset:auto; display:block; width:100%; height:176px;
    margin-top:-2px; margin-bottom:-1px;
  }

  .orbit-layer{
    position:fixed; inset:0; overflow:hidden; visibility:hidden;

    -webkit-user-select:none; user-select:none;
  }
  #orbitBack{ z-index:0; background:var(--bg); pointer-events:none; }
  #orbitFront{ z-index:2; pointer-events:auto; cursor:grab; }

  #orbitFront.is-hover{ cursor:pointer; }

  #orbitFront.is-schalter{ cursor:pointer; }
  #orbitFront.is-dragging{ cursor:grabbing; }

  body.is-kontakt-nah, body.is-kontakt-nah #orbitFront{ cursor:pointer; }

  .orbit-hint{
    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    text-align:center; pointer-events:none; opacity:0;
    font-weight:700; text-transform:uppercase; line-height:0.95;
    letter-spacing:0.01em; color:#F1ECE3;

    font-size:clamp(13px, 1.15vw, 17px);
  }
  .orbit-hint span{ display:block; }
  .orbit-stage{
    position:absolute; inset:0; perspective:1400px; perspective-origin:50% 50%;
    display:flex; align-items:center; justify-content:center;
  }
  .orbit-world{ position:relative; width:0; height:0; transform-style:preserve-3d; }
  .orbit-card{
    position:absolute; top:0; left:0;
    border-radius:6px; overflow:hidden; background:#000;
    box-shadow:0 14px 40px rgba(0,0,0,.45);
    will-change:transform, filter;
  }

  .orbit-card.is-scharf{ will-change:auto; }

  .orbit-shade{
    position:absolute; inset:0; background:#000; opacity:0;
    pointer-events:none;

    z-index:2;
  }
  .orbit-card img{
    width:100%; height:100%; object-fit:cover; display:block;
    -webkit-user-drag:none; pointer-events:none;
  }

  .dia-lagen{

    position:absolute; inset:0; pointer-events:none;
    opacity:0;
  }
  .dia-lagen.is-da{ opacity:1; }
  .dia-lagen img{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover;
  }
  .dia-b{ opacity:0; transition:opacity .8s ease; }
  .dia-b.is-da{ opacity:1; }

  .dia-passend{ object-fit:contain; }

  .is-platzhalter img{ filter:grayscale(1) brightness(0.85); }

  .dia-uhr{
    display:block; width:100%; height:4px;
    margin:14px 0 14px 0;
    background:rgba(241,236,227,.18);
    border-radius:2px; overflow:hidden;
    opacity:0; transition:opacity .4s ease; pointer-events:none;
  }
  .dia-uhr.is-lauf{ opacity:1; }
  .dia-uhr i{
    display:block; width:0; height:100%;

    background:var(--accent);
  }
  @media (prefers-reduced-motion: reduce){
    .dia-uhr{ display:none; }
  }

  .hat-dia .orbit-film{ opacity:0; transition:opacity .8s ease; }
  .hat-dia .orbit-film.is-dia{ opacity:1; z-index:1; }
  @media (prefers-reduced-motion: reduce){
    .hat-dia .orbit-film{ transition:none; }
  }
  @media (prefers-reduced-motion: reduce){
    .dia-b{ transition:none; }
  }

  .orbit-film{
    position:absolute; inset:0; z-index:0; pointer-events:none;
    background:#F1ECE3;
  }
  .orbit-film video{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; display:block; background:transparent;
  }

  .orbit-film video.dia-passend{ object-fit:contain; }
  .orbit-film .film-voll{ opacity:0; transition:opacity .4s ease; }
  .orbit-film.is-voll .film-voll{ opacity:1; }

  @media (prefers-reduced-motion: reduce){
    .orbit-film .film-loop{ display:none; }
  }

  .orbit-card.is-sourceCredit::after,
  .om-bild-rahmen.is-sourceCredit::after,
  .om-karte-aufl.is-sourceCredit::after{
    content:''; position:absolute; z-index:1;
    left:3%; bottom:2.8%; width:11%;

    aspect-ratio:428.765 / 85.17;
    background-color:var(--aufl-farbe, var(--fg));
    -webkit-mask:none no-repeat left bottom / contain;
            mask:none no-repeat left bottom / contain;
    pointer-events:none;
    transition:background-color .8s ease;
  }

  .orbit-card.is-aufl-dunkel::after,
  .om-bild-rahmen.is-aufl-dunkel::after,
  .om-karte-aufl.is-aufl-dunkel::after{ --aufl-farbe:var(--bg); }
  @media (prefers-reduced-motion: reduce){
    .orbit-card.is-sourceCredit::after,
    .om-bild-rahmen.is-sourceCredit::after,
    .om-karte-aufl.is-sourceCredit::after{ transition:none; }
  }

  .orbit-card::before,
  .om-bild-rahmen::before,
  .om-karte-aufl::before{
    content:''; position:absolute; z-index:1;
    right:3%; bottom:2.8%; width:5.8%; aspect-ratio:1;
    background:none no-repeat right bottom / contain;
    pointer-events:none;
    opacity:0; transition:opacity .8s ease;
  }
  .orbit-card.is-ki::before,
  .om-bild-rahmen.is-ki::before,
  .om-karte-aufl.is-ki::before{ opacity:1; }
  @media (prefers-reduced-motion: reduce){
    .orbit-card::before, .om-bild-rahmen::before, .om-karte-aufl::before{
      transition:none;
    }
  }

  .orbit-card::after{ width:15%; }
  .orbit-card.is-ki::before{ width:7.5%; }

  .om-bu{
    display:block; margin:0; text-align:left;
    font-size:clamp(12px, 0.85vw, 15px); line-height:1.35;
    letter-spacing:0.01em; color:var(--fg);
  }

  .om-bu b{
    font-weight:700; display:block;
    font-size:1.15em; line-height:1.25;
    margin-bottom:0.12em;
  }

  .om-galerie .om-bu,
  .om-streifen-karte .om-bu{ padding-left:3%; }
  .om-bu-zeile{ display:block; font-weight:400; }

  .om-bu-credit{
    display:block; margin-top:0.35em;
    font-size:0.82em;
    color:color-mix(in srgb, var(--fg) 55%, var(--bg));
  }

  .om-karte-bu{
    position:fixed; z-index:3; opacity:0;
    pointer-events:none;

    transition:opacity .4s ease;
  }

  .om-karte-bu,
  .om-galerie .om-bu{
    color:#F1ECE3;
    max-width:min(46ch, 92vw);
  }
  .om-karte-bu.is-da{ opacity:1; }

  .om-karte-aufl{
    position:fixed; z-index:3; opacity:0; pointer-events:none;
  }

  .om-film-tasten{
    display:flex; gap:8px;
    opacity:0; pointer-events:none;
    transition:opacity .35s ease;
  }
  .om-film-tasten.is-da{ opacity:1; pointer-events:auto; }

  .om-film-tasten .om-film-taste--film{ display:none; }
  .om-film-tasten.is-film .om-film-taste--film{ display:grid; }
  .om-film-taste--link{ text-decoration:none; }

  .om-bild-rahmen > .om-film-tasten{ position:absolute; top:24px; right:14px; z-index:3; }

  .om-film-tasten-fest{ position:fixed; z-index:4; top:0; left:0; }
  .om-film-taste{
    display:grid; place-items:center;
    width:40px; height:40px; padding:0; margin:0;
    border:none; border-radius:50%;
    background:rgba(0,0,0,.42); color:#F1ECE3;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
    transition:background-color .3s ease;
  }
  .om-film-taste:hover{ background:rgba(0,0,0,.62); }
  .om-film-taste:focus-visible{ outline:2px solid #F1ECE3; outline-offset:3px; }

  .om-film-taste svg{ position:static; inset:auto; display:block; width:24px; height:24px; }
  .om-film-taste .g-play, .om-film-taste .g-pause,
  .om-film-taste .g-laut, .om-film-taste .g-stumm{ display:none; }
  .om-film-taste.is-play .g-play{ display:block; }
  .om-film-taste.is-pause .g-pause{ display:block; }
  .om-film-taste.is-laut .g-laut{ display:block; }
  .om-film-taste.is-stumm .g-stumm{ display:block; }
  @media (prefers-reduced-motion: reduce){
    .om-film-tasten{ transition:none; }
  }
  .om-karte-aufl.is-da{ opacity:1; }

  .om-karte-aufl::after,
  .om-karte-aufl::before{
    transition:width .45s cubic-bezier(0.22,1,0.36,1),
               opacity .8s ease;
  }
  .om-karte-aufl::after{ width:15%; }
  .om-karte-aufl.is-ki::before{ width:7.5%; }
  .om-karte-aufl.is-klein::after{ width:11%; }
  .om-karte-aufl.is-klein.is-ki::before{ width:5.8%; }
  @media (prefers-reduced-motion: reduce){
    .om-karte-aufl::after, .om-karte-aufl::before{ transition:none; }
  }
  .orbit-card.is-ohne-aufl::after,
  .orbit-card.is-ohne-aufl::before{ display:none; }
  @media (prefers-reduced-motion: reduce){
    .om-karte-bu{ transition:none; }
  }

  .om-galerie-schalter{
    display:none;

    position:fixed; left:50%; top:calc(50% + clamp(138px, 13vh, 170px));
    transform:translateX(-50%);
    z-index:1;
    width:38px; height:38px; padding:0;

    border:2px solid color-mix(in srgb, #F1ECE3 52%, transparent);
    border-radius:50%; background:none; color:#F1ECE3;
    cursor:pointer; -webkit-tap-highlight-color:transparent;
    opacity:0; pointer-events:none;
    transition:opacity .45s ease, border-color .3s ease;
  }
  @media (min-width: 641px){
    .om-galerie-schalter{ display:grid; place-items:center; }
  }

  @media (pointer: coarse){
    .om-galerie-schalter{ display:none !important; }
  }

  body.is-orbit-bereit .om-galerie-schalter{ opacity:1; }

  .om-galerie-schalter:hover,
  .om-galerie-schalter.is-drauf{ border-color:#F1ECE3; }
  .om-galerie-schalter:focus-visible{ outline:2px solid #F1ECE3; outline-offset:3px; }

  .om-galerie-schalter svg{
    position:static; inset:auto; width:22px; height:22px; display:block;
  }

  .om-galerie-schalter .zeichen-orbit{ display:none; }
  body.is-galerie .om-galerie-schalter .zeichen-orbit{ display:block; }
  body.is-galerie .om-galerie-schalter .zeichen-reihe{ display:none; }

  body.is-galerie .om-galerie-schalter{

    position:fixed; bottom:auto;
    top:max(20px, min(clamp(56px, 9vh, 96px),
                      calc(50% - min(31vw, 31vh) - 46px)));
    z-index:5; width:36px; height:36px; pointer-events:auto;
  }

  body.is-galerie .orbit-hint{ visibility:hidden; }

  .om-galerie{
    position:fixed; inset:0; z-index:2; overflow:hidden;
    visibility:hidden;
    -webkit-user-select:none; user-select:none;
  }

  .om-galerie .om-bild-rahmen{

    box-shadow:0 14px 40px rgba(0,0,0,.45);
    transition:filter .55s cubic-bezier(0.22,1,0.36,1),
               box-shadow .55s cubic-bezier(0.22,1,0.36,1),
               border-radius .55s cubic-bezier(0.22,1,0.36,1);
  }
  .om-galerie .orbit-shade{
    transition:opacity .55s cubic-bezier(0.22,1,0.36,1);
  }

  .om-galerie-bild.ohne-flug,
  .om-galerie-bild.ohne-flug .om-bild-rahmen,
  .om-galerie-bild.ohne-flug .orbit-shade{ transition:none; }

  body.is-galerie #orbitFront{ pointer-events:none; }
  .om-galerie-bild{
    position:absolute; left:50%; top:50%; margin:0;
    transform:translate(-50%,-50%);
    cursor:pointer;
    transition:transform .55s cubic-bezier(0.22,1,0.36,1);
  }

  .om-galerie-pfeil{

    position:absolute; left:50%; top:50%; bottom:auto;

    z-index:20;
    width:46px; height:46px; padding:0; border-radius:50%;

    border:none;
    background:var(--accent); color:var(--logo-on-accent);
    display:grid; place-items:center; cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .55s cubic-bezier(0.22,1,0.36,1),
               background .3s ease, opacity .3s ease;
  }

  @media (pointer: fine){ .om-galerie-pfeil{ display:none; } }
  .om-galerie-pfeil:disabled{ opacity:.28; cursor:default; }

  .om-galerie-pfeil svg{
    position:static; inset:auto; width:17px; height:17px; display:block;
  }

  .om-galerie.is-zug .om-galerie-bild,
  .om-galerie.is-zug .om-galerie-pfeil{ transition:none; }
  .om-galerie{ cursor:grab; }
  .om-galerie.is-zug{ cursor:grabbing; }

  .om-galerie .om-bild-rahmen::after,
  .om-galerie .om-bild-rahmen::before{
    transition:width .55s cubic-bezier(0.22,1,0.36,1),
               opacity .8s ease;
  }
  .om-galerie .om-bild-rahmen.is-orbitmass::after{ width:15%; }
  .om-galerie .om-bild-rahmen.is-orbitmass.is-ki::before{ width:7.5%; }
  .om-galerie-bild.ohne-flug .om-bild-rahmen::after,
  .om-galerie-bild.ohne-flug .om-bild-rahmen::before{ transition:none; }
  .om-galerie .om-bild-rahmen img{
    display:block; width:100%; height:100%; object-fit:cover;
    -webkit-user-drag:none; pointer-events:none;
  }

  .om-galerie .om-bu{
    position:absolute; top:calc(100% + 16px); left:0; width:100%;
    opacity:0; transition:opacity .4s ease;
  }
  .om-galerie-bild.is-mitte .om-bu{ opacity:1; }
  .om-galerie-bild.is-mitte{ cursor:default; }
  @media (prefers-reduced-motion: reduce){
    .om-galerie, .om-galerie-bild, .om-galerie .om-bild-rahmen,
    .om-galerie .om-bu{ transition:none; }
  }

  .om-bold-scroll{ position:relative; height:430vh; }

  @media (pointer: coarse){

    .om-galerie{ z-index:0; }

    .om-galerie{ touch-action:pan-y; }

    .om-bold-scroll{ pointer-events:none; }

    .om-bold-scroll{ height:348vh; }
  }

  .om-streifen{
    display:none;

    position:fixed; inset:0; z-index:0;
    background:var(--bg);
    visibility:hidden;
    overflow-x:auto; overflow-y:hidden;

    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .om-streifen::-webkit-scrollbar{ display:none; }
  .om-streifen-bahn{
    display:flex; align-items:center; gap:14px;
    width:max-content; min-height:100%; padding:0 var(--rand);
  }

  .om-streifen-pfeile{
    display:none;

    position:fixed; left:0; right:0; z-index:42;

    top:var(--strf-pfeil-top, 72%);
    transform:translateY(-50%);
    transition:opacity .45s ease, top .35s cubic-bezier(0.22,1,0.36,1);
    justify-content:space-between;
    padding:0 var(--rand);
    pointer-events:none;
    visibility:hidden; opacity:0;
  }
  .om-streifen-pfeile.is-da{ opacity:1; }
  .om-streifen-pfeile button{
    pointer-events:auto;
    width:46px; height:46px; padding:0; border-radius:50%;

    border:none;
    background:var(--accent); color:var(--logo-on-accent);
    display:grid; place-items:center; cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:background .3s ease, opacity .3s ease;
  }

  .om-streifen-pfeile button.is-leer{ opacity:.28; cursor:default; }

  .om-streifen-pfeile button{ position:relative; }
  .om-streifen-pfeile button::before{

    content:''; position:absolute; inset:-28px -18px; border-radius:50%;
  }

  .om-streifen-pfeile button,
  .om-galerie-pfeil,
  .om-film-tasten button,
  .om-mitte,
  .om-kontakt-kugel,
  nav.om-nav a{ touch-action:manipulation; }

  .om-streifen-pfeile svg{
    position:static; inset:auto; width:17px; height:17px; display:block;
  }

  #awwwards svg{ position:static; inset:auto; display:block; overflow:hidden; }

  @media (max-width: 640px){

    #awwwards{
      transition:opacity .35s ease, visibility .35s;
      transform:translateY(-50%) scale(.7) !important;
      transform-origin:left center;
    }
    #awwwards.is-weg{ opacity:0 !important; visibility:hidden !important; }
  }

  .om-streifen-karte{
    position:relative; flex:0 0 auto; margin:0;
    scroll-snap-align:center; scroll-snap-stop:always;
  }

  .om-streifen .om-bild-rahmen.is-wischbar{ touch-action:pan-x; }

  .dia-punkte{
    position:absolute; right:12px; top:50%; transform:translateY(-50%);
    display:flex; flex-direction:column; align-items:center; gap:9px;
    z-index:3; pointer-events:none;
    opacity:0; transition:opacity .35s ease;
  }
  .om-bild-rahmen.is-wischbar .dia-punkte{ opacity:1; }
  .dia-punkte i{
    display:block; width:6px; height:6px; border-radius:50%;
    background:color-mix(in srgb, #F1ECE3 78%, transparent);

    box-shadow:0 0 4px rgba(0,0,0,.35);
    transition:width .3s cubic-bezier(0.22,1,0.36,1),
               height .3s cubic-bezier(0.22,1,0.36,1),
               background .3s ease;
  }
  .dia-punkte i.is-da{ width:11px; height:11px; background:var(--accent); }
  @media (prefers-reduced-motion: reduce){
    .dia-punkte i{ transition:none; }
  }
  .om-bild-rahmen{
    position:relative; display:block; overflow:hidden;
    border-radius:6px; background:#000;
  }
  .om-streifen .om-bild-rahmen img{

    display:block; height:auto; width:auto;
    max-height:var(--strf-bild); max-width:84vw;

    -webkit-user-drag:none; pointer-events:none;
  }

  .om-streifen-karte .om-bu{
    position:absolute; top:calc(100% + 14px); left:0;
    width:100%; max-width:min(78vw, 520px);
  }
  .om-bold{
    position:sticky; top:0; z-index:1;
    width:100%; height:100vh; background:var(--accent); color:var(--bg);
    display:flex; flex-direction:column; justify-content:center;
    padding:64px 56px; text-align:center;
    transition:background .3s ease;
    clip-path:circle(80vmax at 50% 50%);

    -webkit-clip-path:circle(80vmax at 50% 50%);

    overflow:hidden;

    perspective:1400px;
  }
  .om-bold.is-collapsing{ transition:none; }

  .om-bold{ --ring-d:80vmin; }

  .mf-ring-feld{
    position:absolute; z-index:0; pointer-events:none;
    left:50%; top:50%;
    width:var(--ring-d); height:var(--ring-d);
    margin:calc(var(--ring-d) / -2) 0 0 calc(var(--ring-d) / -2);

    transform:translateY(var(--ring-y, -24vh));
    will-change:transform;
  }

  .mf-ring-kreisel{
    position:absolute; inset:0;
    transform:scale(var(--punkt-s, 1));
  }
  .mf-ring{
    position:absolute; inset:0; border-radius:50%;
    transform:scale(var(--ring-s, 1));

    background:linear-gradient(to bottom,
      rgba(241,236,227,.45), rgba(241,236,227,.65));
    -webkit-mask:radial-gradient(closest-side, transparent 39.8%, #000 40.4%);
            mask:radial-gradient(closest-side, transparent 39.8%, #000 40.4%);
  }

  .mf-ring-bahn{
    position:absolute; inset:0;
    animation:mf-bahn 26s linear infinite;
  }
  .mf-punkt{
    position:absolute; left:50%;
    top:calc(var(--ring-d) * -0.06);
    width:clamp(10px, 1.65vmin, 22px); height:clamp(10px, 1.65vmin, 22px);
    margin-left:calc(clamp(10px, 1.65vmin, 22px) / -2);
    border-radius:50%; background:#F1ECE3;
    will-change:transform;
  }
  @keyframes mf-bahn{ to{ transform:rotate(360deg); } }

  .mf-label, .om-manifesto{ position:relative; z-index:1; }
  @media (prefers-reduced-motion: reduce){
    .mf-ring-feld{ transform:none; }
    .mf-ring-bahn{ animation:none; }
  }

  .mf-label{
    max-width:var(--content-max); margin:0 auto 20px; text-align:left;
    font-weight:700; text-transform:uppercase; font-size:14px;
    letter-spacing:0.22em; color:#F1ECE3;
  }

  .om-manifesto{
    max-width:var(--content-max); margin:0 auto; text-align:left;
    font-weight:700; text-transform:uppercase;

    font-size:clamp(34px, min(6.4vw, 11vh), 108px); letter-spacing:0.005em; line-height:0.92;
  }
  .mf-line{ display:flex; justify-content:space-between; align-items:center; }

  .mf-maske{
    display:inline-block; overflow:hidden; vertical-align:bottom;

    padding:0.3em 0; margin:-0.3em 0;
  }
  .mf-hoch{
    display:inline-block; will-change:transform;

    transform:translateY(calc(100% + 0.55em));
    transition:transform 1.05s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .om-manifesto.is-auf .mf-hoch{ transform:none; }
  @media (prefers-reduced-motion: reduce){
    .mf-hoch{ transform:none; transition:none; }
  }

  .mf-paar, .mf-paar .mf-hoch{ display:inline-flex; gap:0.28em; }
  .mf-line--tight{ display:block; text-align:left; }
  .mf-line--tight span{ margin-right:0.28em; }
  .mf-line--tight span:last-child{ margin-right:0; }

  .mf-line--right .mf-phrase{ white-space:nowrap; }

  .mf-copy{
    flex:1 1 0; min-width:0;
    font-weight:700; text-transform:none; letter-spacing:0.01em;
    line-height:1.45;

    font-size:clamp(11px, max(1.3vw, 1.3vh), 17px);
  }

  .mf-stapel .mf-copy{ margin-left:2.2em; }

  .mf-stapel{ flex:1 1 0; min-width:0; margin-top:0.25em; }

  .mf-line--stapel{ align-items:flex-start; }

  @media (min-width: 721px) and (max-width: 1024px) and (orientation: portrait){

    .om-manifesto{ font-size:clamp(48px, 8.6vw, 92px); line-height:0.92; }

    .om-bold{ --mf-einzug:calc(100% - 8.65 * clamp(48px, 8.6vw, 92px)); }
    .mf-line{

      justify-content:flex-start; column-gap:0.28em; row-gap:0;
      flex-wrap:wrap;
      padding-left:var(--mf-einzug);
    }

    .mf-label{
      align-self:flex-start;
      margin-left:var(--mf-einzug); margin-right:0;
    }
    .mf-line--stapel{ flex-wrap:wrap; }
    .mf-stapel{ flex:1 0 100%; margin-top:0.35em; }

    .mf-stapel .mf-copy{ margin-left:auto; margin-right:0; max-width:46.5ch; }

    .om-manifesto .mf-line--ende{ justify-content:flex-end; }
  }
  .mf-stapel .mf-copy{ flex:0 0 auto; }

  .mf-stapel .mf-copy + .mf-copy{ margin-top:1.45em; }

  .mf-line--ende{
    justify-content:flex-start; align-items:center; margin-top:0.5em;
  }

  .mf-anhang{
    display:inline-flex; align-items:center; align-self:center;
    flex:1 1 auto; min-width:0;
    margin-bottom:0.14em;
  }
  .mf-strich{
    flex:1 1 0; align-self:center;
    width:auto; min-width:24px; height:2px;
    background:var(--fg); opacity:.55;
    margin:0 clamp(14px, 1.4vw, 28px);
  }

  .mf-nachsatz{

    flex:0 0 auto; align-self:center;
    color:var(--fg); text-transform:none;
    font-size:clamp(12px, 1.05vw, 17px); font-weight:700;
    letter-spacing:0.06em; line-height:1.4;
  }

  .mf-strich, .mf-nachsatz{ opacity:0; transition:opacity .8s ease .45s; }
  .mf-strich{ opacity:0; }
  .om-manifesto.is-auf .mf-strich{ opacity:.55; }
  .om-manifesto.is-auf .mf-nachsatz{ opacity:1; }

  .mf-schluss{ flex:0 1 auto; min-width:0; white-space:normal; }

  .mf-line--ende .mf-phrase{ color:var(--fg); transition:color .3s ease; }

  .om-manifesto{ --mf-line-h: 0.12em; }

  .om-section{

    position:sticky; top:0; z-index:3; overflow:hidden;

    margin-top:-70vh;

    color:var(--bg); transition:color .4s ease;
    min-height:100vh;
    display:flex; align-items:center;
    padding:clamp(64px, 10vh, 140px) 56px;
  }

  .om-section-wrap{ position:relative; margin-top:-100vh; }

  .om-section-bg{
    position:sticky; top:0; height:100vh; z-index:1;
    background:var(--fg); transition:background .4s ease;
    opacity:0;
  }

  .om-section-tail{ height:160vh; }
  .om-section-inner{
    position:relative; z-index:1;
    width:100%;

    max-width:var(--content-max); margin:0 auto;
    display:grid; grid-template-columns:var(--sekt-raster);
    gap:var(--sekt-spalt); align-items:center;

    transform-origin:left center;
    transform:translateX(calc(var(--raus, 0) * -70vw))
              scale(calc(1 + var(--raus, 0) * 0.55));
  }

  .om-constellation{
    position:fixed; left:50%; top:var(--orbit-mitte);
    transform:translate(-50%, -50%);

    height:min(112vh, 1080px, 68vw); aspect-ratio:1; width:auto;
    pointer-events:none; z-index:2;
    opacity:0; transition:opacity .45s ease;
  }
  .om-constellation svg{
    position:absolute; inset:0;
    width:100%; height:100%; display:block; overflow:visible;
  }

  .cn-cases-ebene{
    transform-origin:50% 50%;
    will-change:transform;
    --dur:70s;
    animation:cn-spin calc(var(--dur) * var(--orbit-tempo, 1)) linear infinite;
  }
  .om-constellation.is-paused .cn-cases-ebene{ animation-play-state:paused; }

  .cn-ring{
    fill:none; stroke:var(--bg); stroke-width:1;
    opacity:.22; vector-effect:non-scaling-stroke;
  }
  .cn-track{
    transform-origin:0 0;
    animation:cn-spin calc(var(--dur, 34s) * var(--orbit-tempo, 1)) linear infinite;
  }
  .cn-orb{ fill:var(--bg); opacity:.5; }

  .cn-plexus{ pointer-events:none; }
  .cn-plexus line{
    stroke:var(--bg); stroke-width:1; stroke-linecap:round;
    vector-effect:non-scaling-stroke;
  }

  @media (prefers-reduced-motion: reduce){
    .cn-plexus{ display:none; }
  }

  .cn-icon{
    opacity:.5;
    transform-box:fill-box; transform-origin:center;
    animation:cn-spin calc(var(--dur, 34s) * var(--orbit-tempo, 1)) linear infinite reverse;
  }

  .cn-icon-scheibe{ fill:var(--bg); }
  .cn-icon-form{ fill:none; stroke:var(--fg); stroke-width:2;
                 stroke-linecap:round; stroke-linejoin:round; }

  .cn-icon--ring{ opacity:.62; }
  .cn-icon-kreis{ fill:var(--fg); stroke:var(--bg); stroke-width:1.8; }
  .cn-icon--ring .cn-icon-form{ stroke:var(--bg); }

  .cn-icon--farbig{ opacity:.85; }
  .cn-icon--farbig .cn-icon-scheibe{ fill:var(--accent); transition:fill .3s ease; }

  .cn-cases{
    fill:var(--bg); opacity:.38;
    font-size:13px; letter-spacing:.03em;
  }
  .cn-orb--moon{ opacity:.28; }
  .cn-orb--accent{ fill:var(--accent); opacity:.85; transition:fill .3s ease; }

  .cn-orb.cn-guest{ opacity:0; }
  .cn-orb.cn-guest.is-in{ opacity:.5; }
  @keyframes cn-spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

  .om-mitte-huelle{

    position:fixed; inset:0; z-index:4;
    pointer-events:none; opacity:0;
    transition:opacity .45s ease;
  }
  .om-mitte{

    position:absolute; left:50%; top:var(--orbit-mitte);
    transform:translate(-50%, -50%);

    transform-origin:0 0;

    width:clamp(28px, 3.8vh, 40px); aspect-ratio:1;
    border-radius:50%; background:var(--accent);
    display:grid; place-items:center;
    pointer-events:auto; cursor:pointer; text-decoration:none;

    transition:width .45s cubic-bezier(0.22,1,0.36,1), background .3s ease;
  }

  .om-mitte:hover, .om-mitte:focus-visible{ width:clamp(104px, 15vh, 136px); }
  .om-mitte span{
    color:var(--logo-on-accent); white-space:nowrap;

    min-width:0;
    font-size:clamp(13px, 1.05vw, 17px); font-weight:700; letter-spacing:0.04em;
    opacity:0; transform:translateY(5px);
    transition:opacity .28s ease .06s, transform .28s ease .06s;
  }
  .om-mitte:hover span, .om-mitte:focus-visible span{ opacity:1; transform:none; }

  @media (hover: none), (pointer: coarse){
    .om-mitte{ width:clamp(104px, 15vh, 136px); }
    .om-mitte span{ opacity:1; transform:none; }
  }
  @media (prefers-reduced-motion: reduce){
    .om-mitte, .om-mitte span{ transition:none; }
  }

  .cn-sog{
    --sog-ein:calc(var(--s, 0) * 0.04);

    --rein-ein:calc(0.08 + var(--rs, 0) * 0.04);

    scale:clamp(0, min(
            calc((var(--rein, 1) - var(--rein-ein)) * var(--tempo, 2)),
            calc((var(--sog-ein) - var(--raus, 0)) * var(--tempo, 2) + 1)), 1);
  }

  .om-mitte.cn-sog{ --rein-ein:0; }

  .om-constellation.is-paused .cn-track,
  .om-constellation.is-paused .cn-icon{ animation-play-state:paused; }
  @media (prefers-reduced-motion: reduce){
    .cn-track, .cn-icon, .cn-cases-ebene{ animation:none; }
  }

  @media (orientation: portrait){
    .om-constellation{ height:min(112vh, 1080px, 92vw); }

    :root{ --orbit-mitte:42%; }

    .om-bg{ --photo-x:38%; }

    .om-lockup{ left:109px; top:1003px; }

    .om-name, .om-role{ font-size:30px; }

    .om-claim{ font-size:48px; }
  }

  @media (max-width: 640px){
    :root{ --rand:22px; }

    .om-name, .om-role{ font-size:48px; }

    .om-claim{ top:985px; font-size:60px; letter-spacing:0.04em; }

    .om-lockup{ top:1108px; }

    .om-rolle-zwei{ display:block; }
  }

  @media (pointer: coarse) and (orientation: landscape){
    .om-name, .om-role{ font-size:27px; }
    .om-claim{ font-size:46px; }
  }
  @media (max-width: 860px){
    .om-constellation{ height:min(85vh, 700px, 88vw); }
  }

  .om-section-title{
    margin:0; font-weight:700; letter-spacing:0.005em; line-height:0.95;
    font-size:clamp(34px, 5.2vw, 88px);

    max-width:min(100%, 42vw);
    text-wrap:balance;
  }

  .om-accent{ color:var(--accent); transition:color .3s ease; }

  .om-marke, .om-sourceCredit{ font-weight:700; }

  .om-title-dot{ transition:opacity .1s linear; }
  .om-title-dot.is-weg{ opacity:0; }
  .om-flydot{
    position:fixed; left:0; top:0; z-index:3;
    border-radius:50%; background:var(--bg);
    pointer-events:none; opacity:0; will-change:transform;
  }
  .om-flydot.is-fliegend{ opacity:1; }

  .om-kasten-ebene{
    position:fixed; left:0; top:0; width:100%; height:100vh;
    z-index:2; pointer-events:none;

    transform-origin:right center;
    transform:translateX(calc(var(--raus, 0) * 62vw))
              scale(calc(1 + var(--raus, 0) * 0.55));
    display:grid; align-content:center;
    padding:0 56px;
  }
  .om-kasten-raster{
    width:100%; max-width:var(--content-max); margin:0 auto;
    display:grid; grid-template-columns:var(--kasten-raster);
    gap:var(--sekt-spalt);
  }
  .om-kasten{
    grid-column:2;
    position:relative;
    padding:var(--kasten-luft);
    color:var(--logo-on-accent);
    transition:color .3s ease;
  }

  .om-kasten.is-text{ pointer-events:auto; }

  .om-kasten{
    --kreis-x:calc(50% + var(--kreis-r, 0px) - var(--kreis-d, 60px) / 2);
    --kreis-y:var(--orbit-mitte);
  }
  .om-kasten::before{
    content:'';
    position:fixed;
    left:var(--kreis-x);

    top:var(--kreis-y);
    transform:translateY(-50%);
    width:var(--kreis-d, 60px);
    height:var(--kreis-d, 60px);
    --kasten-r:clamp(18px, 2.2vw, 38px);

    border-radius:max(var(--kasten-r), calc(var(--kreis-d, 60px) / 2));

    z-index:-1;

    opacity:var(--kreis-sicht, 0);
    transition:
      opacity .25s ease,
      backdrop-filter .35s ease,
      -webkit-backdrop-filter .35s ease,
      background .3s ease;

    background:color-mix(in srgb, var(--accent) 84%, transparent);

    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }

  @keyframes om-kasten-bau{
    0%   { width:var(--kreis-d); height:var(--kreis-d);
           left:var(--kreis-x); top:var(--kreis-y);
           animation-timing-function:cubic-bezier(0.4, 0, 0.6, 1); }

    7%   { height:calc(var(--kreis-d) * 0.72);
           animation-timing-function:cubic-bezier(0.3, 0, 0.2, 1); }

    33%  { height:calc(var(--kasten-h, 100%) * 1.07);
           animation-timing-function:cubic-bezier(0.4, 0, 0.3, 1); }

    44%  { height:var(--kasten-h, 100%); width:var(--kreis-d);
           left:var(--kreis-x);
           top:var(--kasten-mitte, 50%);
           animation-timing-function:cubic-bezier(0.4, 0, 0.6, 1); }

    53%  { width:calc(var(--kreis-d) * 0.66);
           animation-timing-function:cubic-bezier(0.22, 1, 0.36, 1); }
    100% { width:calc(var(--kasten-b, 100%) + 100vw);
           height:var(--kasten-h, 100%);
           left:var(--kasten-l, 0px);
           top:var(--kasten-mitte, 50%); }
  }
  .om-kasten.is-gebaut::before{
    opacity:1;
    animation:om-kasten-bau 1.05s both;
  }

  .om-kasten.is-text::before{
    -webkit-backdrop-filter:blur(3px) brightness(0.6) contrast(1.9) saturate(1.2);
    backdrop-filter:blur(3px) brightness(0.6) contrast(1.9) saturate(1.2);
    transition-delay:0s, 1.05s, 1.05s, 0s;
  }
  @media (prefers-reduced-motion: reduce){
    .om-kasten::before{
      -webkit-backdrop-filter:blur(3px) brightness(0.6) contrast(1.9) saturate(1.2);
      backdrop-filter:blur(3px) brightness(0.6) contrast(1.9) saturate(1.2);
      opacity:1;
      left:var(--kasten-l, 0px);
      top:var(--kasten-mitte, 50%);
      width:calc(var(--kasten-b, 100%) + 100vw);
      height:var(--kasten-h, 100%);
      transition:none; animation:none;
    }
  }

  .om-kasten .om-accent{ color:var(--fg); }
  .om-section-copy{
    margin:0; font-weight:400; letter-spacing:0.01em;

    font-size:clamp(13px, min(1.1vw, 1.65vh), 19px); line-height:1.45;
  }

  .om-section-copy + .om-section-copy{ margin-top:0.75em; }

  .om-section-claim{
    margin:1.45em 0 0; font-weight:700; letter-spacing:0.01em;
    font-size:clamp(13px, min(1.1vw, 1.65vh), 19px); line-height:1.45;
  }

  @media (max-width: 1400px) and (orientation: landscape){

    .om-kasten-ebene{ padding-right:32px; }
    .om-kasten{ padding-right:28px; }
  }

  @media (orientation: portrait){

    .om-section-copy, .om-section-claim{
      font-size:clamp(14px, max(1.0vw, 1.35vh), 19px);
    }

    :root{ --kasten-luft:clamp(32px, max(3vw, 4vh), 64px); }

    :root{ --kasten-boden:clamp(40px, 9vh, 140px); }

    .om-section{
      align-items:flex-end;
      padding-top:calc(var(--logo-unten, 240px) + clamp(16px, 3vh, 48px));
      padding-bottom:calc(var(--kasten-h, 0px) + var(--kasten-boden)
                          + clamp(24px, 4vh, 56px));
    }
    .om-section-inner{
      grid-template-columns:1fr;

      padding-left:var(--kasten-luft);

      transform:translateX(calc(var(--raus, 0) * -105vw))
                scale(calc(1 + var(--raus, 0) * 0.55));
    }

    .om-kasten-ebene{
      align-content:end;
      padding-bottom:var(--kasten-boden);
      transform-origin:center top;
      transform:translateY(calc(var(--raus, 0) * 45vh))
                scale(calc(1 + var(--raus, 0) * 0.55));
    }
    .om-kasten-raster{ grid-template-columns:1fr; }

    .om-kasten{
      grid-column:1;
      --kreis-x:calc(50% - var(--kreis-d, 60px) / 2);
      --kreis-y:calc(var(--orbit-mitte) + var(--kreis-r, 0px));
    }
  }

  @media (max-width: 640px){

    .om-section-wrap{ overflow-x:clip; margin-top:0; }

    .om-section-bg{
      position:absolute; inset:0; height:auto; opacity:1;
    }
    .om-constellation{

      position:relative; left:50%; transform:translateX(-50%);
      height:min(78vh, 165vw);

      margin-top:-2vh;
    }

    :root{ --sekt-rand:var(--rand); }
    .om-section{
      position:static; margin-top:0; min-height:0;
      align-items:flex-start;
      padding-top:clamp(56px, 10vh, 110px);
      padding-bottom:clamp(28px, 4.5vh, 60px);
    }
    .om-section-inner{
      grid-template-columns:1fr; padding-left:0;
      transform:none;

      z-index:3;
    }

    .om-section-title{
      padding-left:var(--kasten-luft);
      font-size:clamp(38px, 11vw, 56px);
    }

    .om-section-tail{ height:100vh; }
    .om-kasten-ebene{ display:none; }

    .om-kasten{
      grid-column:1;
      margin-top:clamp(20px, 3.5vh, 40px);
      border-radius:18px;
      background:color-mix(in srgb, var(--accent) 86%, transparent);
      -webkit-backdrop-filter:blur(9px) brightness(0.85) contrast(1.1) saturate(1.1);
      backdrop-filter:blur(9px) brightness(0.85) contrast(1.1) saturate(1.1);
      pointer-events:auto;
    }
    .om-kasten::before{ display:none; }

    .om-kasten.is-text .om-section-copy,
    .om-kasten.is-text .om-section-claim{ transition-delay:0s; }

    .om-mitte-huelle{ position:absolute; inset:auto; }

    .om-mitte{ top:50%; }
  }
  @media (max-width: 860px){
    .om-section{ padding-left:24px; padding-right:24px; }
    .om-section-inner{ grid-template-columns:1fr; gap:28px; }

    .om-kasten-ebene{ padding:0 24px 7vh; align-content:end; }
    .om-kasten-raster{ grid-template-columns:1fr; }
    .om-kasten{ grid-column:1; }
  }

  .om-bio{

    position:relative; z-index:4;

    overflow:clip;

    --bio-kante:calc(100% - var(--hub-max));
    -webkit-mask-image:linear-gradient(#000, #000),
      radial-gradient(circle var(--kugel-r, 1px) at 50%
        calc(var(--bio-kante) + var(--kugel-k, 0px) - var(--kugel-r, 1px)),
        #000 calc(var(--kugel-r, 1px) - 1px), transparent var(--kugel-r, 1px));
    mask-image:linear-gradient(#000, #000),
      radial-gradient(circle var(--kugel-r, 1px) at 50%
        calc(var(--bio-kante) + var(--kugel-k, 0px) - var(--kugel-r, 1px)),
        #000 calc(var(--kugel-r, 1px) - 1px), transparent var(--kugel-r, 1px));
    -webkit-mask-size:100% var(--bio-kante), 100% 100%;
    mask-size:100% var(--bio-kante), 100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    margin-top:-100vh;
    background-color:var(--bg);
    color:var(--fg);

    --bio-pad-x:56px;
    --bio-pad-oben:clamp(96px, 14vh, 190px);

    padding:var(--bio-pad-oben) var(--bio-pad-x)
            calc(clamp(80px, 12vh, 160px) + var(--hub-max));

    --bio-top:max(288px, 16vh);
    --bio-key:clamp(34px, 5.2vw, 88px);

    --bio-copy:clamp(20px, min(2.8vw, 4vh), 44px);
    --bio-step:calc(var(--bio-key) * 1.12);

    --bio-gasse:clamp(40px, 5.3vw, 130px);

  }

  .om-bio-licht{

    position:sticky; top:0; z-index:0;
    transform:translateZ(0);
    height:100vh;

    margin:calc(-1 * var(--bio-pad-oben))
           calc(-1 * var(--bio-pad-x))
           calc(var(--bio-pad-oben) - 100vh);
    background:var(--bg) var(--tiefe); pointer-events:none;
  }

  .om-bio-grid{
    position:relative; z-index:1;
    max-width:var(--content-max); margin:0 auto;
    display:grid;
    grid-template-columns:auto auto minmax(0, 1fr);

    grid-template-rows:repeat(3, auto) auto;

    column-gap:0;

    row-gap:clamp(60px, 10vh, 140px);
  }
  .om-bio-label, .om-bio-key{
    margin:0; font-weight:700; letter-spacing:0.005em; line-height:1;
    white-space:nowrap;
    position:sticky;
  }

  .om-bio-halt{ grid-column:2; }
  .om-bio-halt--label{ grid-column:1; }

  .om-bio-label{
    top:var(--bio-top);
    font-size:var(--bio-key);
  }
  .om-bio-key{
    top:calc(var(--bio-top) + var(--i) * var(--bio-step));
    font-size:var(--bio-key);

    margin:0 0 calc((2 - var(--i)) * var(--bio-step)) 0.18em;

    color:var(--fg);
    transition:color .8s cubic-bezier(0.33, 1, 0.68, 1);
  }
  .om-bio-key.is-current{ color:var(--accent); }

  .om-bio-abs{ display:block; height:0.62em; }

  .om-unterstrich{ position:relative; display:inline-block; }
  .om-unterstrich::after{
    content:''; position:absolute; left:0; right:0; bottom:-0.06em;
    height:max(2px, 0.055em); background:var(--accent);
    transform:scaleX(0); transform-origin:left;
    transition:transform 1.1s cubic-bezier(0.65,0,0.35,1);
  }
  .om-unterstrich.is-gezogen::after{ transform:scaleX(1); }

  .om-verweis{ color:inherit; text-decoration:none; }
  .om-verweis-zeichen{

    position:static; inset:auto;
    display:inline-block; width:0.9em; height:0.9em;
    margin-left:0.3em; vertical-align:-0.1em;
    color:var(--accent);
    transition:opacity .3s ease, transform .3s cubic-bezier(0.22,1,0.36,1);
  }
  .om-verweis:hover .om-verweis-zeichen,
  .om-verweis:focus-visible .om-verweis-zeichen{
    opacity:.65; transform:translate(0.1em, -0.1em);
  }

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

  .om-bio-bilder{
    grid-column:3; align-self:start;
    display:grid; grid-template-columns:1fr 1.45fr;
    --bild-luecke:clamp(14px, 1.6vw, 28px);
    gap:var(--bild-luecke);
    align-items:start;

    margin:clamp(28px, 5vh, 72px) 0 0 var(--bio-gasse);
  }

  .om-bio-bild{
    display:block; width:100%; height:auto;
    --tempo:0.05;
    transform:translateY(calc(var(--bild-weg, 0px) * var(--tempo)));
    will-change:transform;
  }

  .om-bio-zitat-name{
    margin:0.75em 0 0;
    font-size:clamp(11px, 0.78vw, 14px);
    line-height:1.35; letter-spacing:0.04em;
    color:color-mix(in srgb, var(--fg) 52%, var(--bg));
  }
  @media (prefers-reduced-motion: reduce){
    .om-bio-bild{ transform:none; }
  }

  .om-bio-bild--versetzt{

    --tempo:-0.08;
    grid-column:2; grid-row:1;
  }

  .om-bio-zitat{
    grid-column:1; grid-row:1;
    margin:clamp(28px, 4.5vh, 64px) 0 0;
    color:var(--accent);
  }
  .om-bio-zitat-satz{
    margin:0;
    font-size:var(--bio-copy);
    line-height:1.2; font-weight:700; letter-spacing:0.005em;
    text-wrap:balance;
  }

  .om-bio-zitat-name{
    display:block; font-style:normal; margin-top:1.1em;

    font-weight:700;
  }

  .om-bio-einladung.reveal{ opacity:1; transform:none; }
  .om-bio-einladung.is-in .mf-hoch{ transform:none; }
  .om-bio-einladung{
    grid-column:1 / -1;

    margin:clamp(80px, 11vh, 140px) 0 0;
    text-align:center; text-wrap:balance;
    font-size:min(4.8vh, 7.5vw); line-height:1.1;
    font-weight:700; letter-spacing:0.005em;
    color:var(--fg);
  }
  .om-bio-text .z{ transition:color .38s ease; }
  .om-bio-text .z.is-hot{ color:var(--accent); }

  .om-bio-slot{
    grid-column:3;
    min-height:var(--bio-lesen, 130vh);
  }
  .om-bio-text{

    position:sticky;
    top:calc(var(--bio-top) + var(--i) * var(--bio-step));

    margin:0 0 0 var(--bio-gasse);
    font-weight:400; letter-spacing:0.01em;
    font-size:var(--bio-copy); line-height:1.24;
  }

  @media (min-width: 1181px) and (pointer: coarse){
    .om-bio{ --bio-copy:clamp(18px, min(2.3vw, 3.3vh), 34px); }
  }

  @media (max-width: 1180px){
    .om-bio{
      --bio-pad-x:24px;
      --bio-key:clamp(26px, 4.6vw, 56px);

      --bio-copy:clamp(18px, min(2.9vw, 3.4vh), 32px);
      --bio-gasse:clamp(20px, 3.2vw, 60px);
    }

    .om-bio-bilder{ grid-column:1 / -1; margin-left:0; }
  }

  @media (max-width: 720px){
    .om-bio{

      --bio-key:clamp(36px, 11vw, 64px);
      --bio-copy:clamp(18px, 5.1vw, 30px);
    }
    .om-bio-grid{ display:block; }

    .om-bio{

      --bio-pad-oben:max(clamp(48px, 8vh, 90px), var(--logo-unten, 150px));
      --bio-top:calc(var(--bio-pad-oben) + var(--bio-key) * 2.2);
    }
    .om-bio-halt--label{
      position:sticky; top:var(--bio-pad-oben); z-index:3;
    }

    .om-bio-label{ position:static; margin-bottom:clamp(80px, 14vh, 160px); }

    .om-bio-auftakt{ position:relative; }

    .om-bio-block{ position:sticky; top:var(--bio-top); z-index:1; }
    .om-bio-key{ position:static; margin:0 0 0.32em; }
    .om-bio-slot{ min-height:var(--bio-lesen, 130vh); }

    .om-bio-slot + .om-bio-slot{ margin-top:38vh; }
    .om-bio-text{ position:static; margin:0; }

    .om-bio-licht{ display:none; }

    .om-bio-halt--label::before{
      content:''; position:absolute; z-index:-1;
      left:calc(-1 * var(--bio-pad-x)); right:calc(-1 * var(--bio-pad-x));
      top:calc(-1 * var(--bio-pad-oben));
      bottom:calc(-1.2 * var(--bio-key));
      background:linear-gradient(var(--bg) 0%,
        var(--bg) calc(var(--bio-pad-oben) + var(--bio-key)),
        transparent 100%);
      pointer-events:none;
    }

    .om-bio-schleier{ display:none; }

    .om-bio-bilder{
      grid-template-columns:1fr; margin-left:0;
      margin-top:clamp(64px, 11vh, 130px);
    }

    .om-bio-bild--versetzt{ margin-top:0; --tempo:0.05; }

    .om-bio-bild--versetzt, .om-bio-zitat{
      grid-column:1; grid-row:auto;
    }
    .om-bio-zitat{ margin-top:clamp(36px, 6vh, 64px); }
  }

  .reveal{
    opacity:0; transform:translateY(28px);
    transition:opacity .9s cubic-bezier(0.22,1,0.36,1),
               transform .9s cubic-bezier(0.22,1,0.36,1);
  }
  .reveal.is-in{ opacity:1; transform:none; }

  .om-section-copy, .om-section-claim{
    opacity:0; transform:translateY(22px);
    transition:opacity .3s ease, transform .3s ease;
  }

  .om-kasten.is-text .om-section-copy{
    opacity:1; transform:none;
    transition:opacity .9s cubic-bezier(0.22,1,0.36,1) 1.25s,
               transform .9s cubic-bezier(0.22,1,0.36,1) 1.25s;
  }
  .om-kasten.is-text .om-section-claim{
    opacity:1; transform:none;
    transition:opacity .9s cubic-bezier(0.22,1,0.36,1) 1.4s,
               transform .9s cubic-bezier(0.22,1,0.36,1) 1.4s;
  }
  @media (prefers-reduced-motion: reduce){
    .om-section-copy, .om-section-claim{
      opacity:1; transform:none; transition:none;
    }
  }
  @media (prefers-reduced-motion: reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
  }

  .mf-strike{ position:relative; }
  .mf-strike::after{
    content:''; position:absolute; left:0; right:0; top:52%; height:var(--mf-line-h);
    background:#F1ECE3; transform:scaleX(0); transform-origin:left;
    transition:transform 1s cubic-bezier(0.65,0,0.35,1);
  }
  .mf-strike.is-struck::after{ transform:scaleX(1); }

  .om-bold-underline{ position:relative; }
  .om-bold-underline::after{
    content:''; position:absolute; left:0; right:0; bottom:-0.02em; height:var(--mf-line-h);
    background:currentColor; transform:scaleX(0); transform-origin:left;
    transition:transform 1s cubic-bezier(0.65,0,0.35,1);
  }
  .om-bold-underline.is-struck::after{ transform:scaleX(1); }

  @media (max-width: 720px){

    .om-manifesto{ font-size:clamp(26px, 9.4vw, 52px); line-height:0.7; }
    .mf-line, .mf-line--right{ justify-content:flex-start; gap:0.28em; flex-wrap:wrap; }

    .mf-line + .mf-line{ margin-top:0.22em; }

    .mf-copy{
      flex:1 1 100%; margin-top:0.9em;
      font-size:clamp(14px, 3.6vw, 18px); line-height:1.3;
    }

    .om-manifesto .mf-line--ende{ margin-top:0.62em; justify-content:flex-end; }

    .mf-stapel{ flex:1 1 100%; margin-top:0.3em; }

    .mf-stapel .mf-copy{ margin-top:0; }

    .mf-stapel .mf-copy + .mf-copy{ margin-top:0.65em; }
    .mf-stapel .mf-copy{ margin-left:0; }

    .mf-line + .mf-line--right{ margin-top:0; }
    .mf-line--right .mf-copy{ margin-top:0.7em; }

    .om-bold{ padding:clamp(40px, 9vh, 96px) var(--rand) 40px; }

    .mf-label{ margin-bottom:12px; margin-left:0; margin-right:auto; }

    .mf-anhang{
      margin-left:auto; margin-bottom:0; justify-content:flex-end;

      margin-top:0.36em;
    }

    .mf-nachsatz{ font-size:14px; letter-spacing:0.04em; }
    .mf-strich{ margin:0 12px; }
  }

  @media (pointer: coarse) and (min-width: 641px){
    .mf-copy{
      font-size:clamp(11px, max(1.15vw, 1.15vh), 16px);
      line-height:1.35;
    }
  }
  @media (pointer: coarse){
    .om-section-wrap{ margin-top:0; }
  }
  @media (max-width: 640px){

    .om-streifen{ display:block; }
    .om-streifen-pfeile{ display:flex; }

    .om-bold{ pointer-events:none; }

    .orbit-hint{ display:none; }

    .om-bold-scroll{ height:348vh; }
  }

  .om-brand{
    position:fixed; inset:auto; top:var(--brand-oben); left:var(--rand); width:150px; height:40px; overflow:visible;
    opacity:0; transform:translateY(18px);
    transition:opacity 1s ease .15s, transform 1s ease .15s;
  }
  .om-brand.is-da, .om-lockup.is-da{ opacity:1; transform:translateY(0); }

  .om-brand-heim{ cursor:pointer; -webkit-tap-highlight-color:transparent; }
  .om-brand-heim:focus-visible{ outline:none; }
  .om-brand-heim:focus-visible .om-brand{ outline:2px solid currentColor; outline-offset:6px; }

  .om-cursor{
    position:fixed; left:0; top:0; width:0; height:0;
    pointer-events:none; z-index:60;
    opacity:0; transition:opacity .35s ease;
    will-change:transform;
  }
  .om-cursor.is-da{ opacity:1; }
  .om-cursor-punkt{
    position:absolute; left:-7px; top:-7px; width:14px; height:14px;
    border-radius:50%; background:var(--accent); opacity:.85;
    transition:background .3s ease,
               transform .4s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .om-cursor.is-gefangen .om-cursor-punkt{ transform:scale(1.9); }

  body.is-blaettern .om-cursor-punkt{ transform:scale(3.2); opacity:1; }
  .om-cursor-pfeil{
    position:absolute; left:-9px; top:-9px; width:18px; height:18px;
    color:var(--logo-on-accent);
    opacity:0; transition:opacity .25s ease;
  }

  .om-cursor-pfeil svg{
    position:static; inset:auto; width:18px; height:18px; display:block;
  }
  .om-cursor-pfeil .zeichen-links,
  .om-cursor-pfeil .zeichen-hoch{ display:none; }
  body.is-blaettern-links .om-cursor-pfeil .zeichen-links{ display:block; }
  body.is-blaettern-links .om-cursor-pfeil .zeichen-rechts{ display:none; }

  body.is-blaettern-hoch .om-cursor-pfeil .zeichen-hoch{ display:block; }
  body.is-blaettern-hoch .om-cursor-pfeil .zeichen-rechts,
  body.is-blaettern-hoch .om-cursor-pfeil .zeichen-links{ display:none; }
  body.is-blaettern .om-cursor-pfeil{ opacity:1; }

  body.is-blaettern .om-cursor-text{ opacity:0 !important; }

  .om-cursor-text{
    position:absolute; left:16px; top:0; transform:translateY(-50%);
    white-space:nowrap; font-size:12px; letter-spacing:.14em;
    text-transform:uppercase; color:var(--accent);
    opacity:0; transition:opacity .3s ease, color .3s ease;
  }
  .om-cursor.is-ruhe .om-cursor-text{ opacity:1; }

  .om-cursor.is-links .om-cursor-text{ left:auto; right:16px; }

  .om-cursor.is-auf-farbe .om-cursor-punkt{ background:var(--logo-on-accent); }
  .om-cursor.is-auf-farbe .om-cursor-text{ color:var(--logo-on-accent); }
  @media (hover: none), (pointer: coarse){ .om-cursor{ display:none; } }

  .om-kontakt-wrap{
    position:relative;

    --kontakt-halt:30vh;
    height:calc(50vh + var(--kontakt-halt));
    color:var(--bg);
  }

  .om-kontakt-grund{
    position:absolute; z-index:3;
    left:0; right:0; bottom:0;
    top:calc(-1 * var(--hub-max));
    background:var(--fg);
  }

  .om-kontakt-buehne{
    position:absolute; left:0; right:0; top:0; height:0; z-index:5;
    transform:translate3d(0, var(--halt, 0px), 0);
  }

  .om-kontakt-woelbung{ display:none; }

  .om-kontakt-hoch{ display:none; }

  @media (max-width: 640px), (pointer: coarse){

    .om-kontakt-wrap{ --kontakt-halt:30vh; }

    .om-bio-licht{ display:none; }

    .om-kontakt-buehne{
      position:sticky; top:50vh; transform:none;
    }

    .om-kontakt-woelbung{
      display:block;
      position:absolute; left:0; right:0;

      bottom:0; height:calc(100vh + var(--hub-max));
      z-index:0; background:var(--bg);
      --kante:100vh;

      -webkit-mask-image:linear-gradient(#000, #000),
        radial-gradient(circle var(--kugel-r, 1px) at 50%
          calc(var(--kante) + var(--kugel-k, 0px) - var(--kugel-r, 1px)),
          #000 calc(var(--kugel-r, 1px) - 1px), transparent var(--kugel-r, 1px));
      mask-image:linear-gradient(#000, #000),
        radial-gradient(circle var(--kugel-r, 1px) at 50%
          calc(var(--kante) + var(--kugel-k, 0px) - var(--kugel-r, 1px)),
          #000 calc(var(--kugel-r, 1px) - 1px), transparent var(--kugel-r, 1px));
      -webkit-mask-size:100% var(--kante), 100% 100%;
      mask-size:100% var(--kante), 100% 100%;
      -webkit-mask-repeat:no-repeat;
      mask-repeat:no-repeat;
    }

    .om-bio{
      -webkit-mask-image:linear-gradient(#000, #000);
      mask-image:linear-gradient(#000, #000);
      -webkit-mask-size:100% var(--bio-kante);
      mask-size:100% var(--bio-kante);

      z-index:6;
    }

    .stage{ z-index:7; }

    .om-kontakt-hoch{
      display:block; position:absolute; z-index:4;

      left:0; right:0; width:fit-content; margin-inline:auto;
      top:calc(20vh - 12px); padding:12px 16px;
      text-align:center; text-decoration:none;
      font-size:10px; font-weight:400;
      letter-spacing:0.18em; text-transform:uppercase;
      text-indent:0.18em;
      color:color-mix(in srgb, var(--fg) 66%, var(--bg));
      opacity:0; pointer-events:none;
      transition:opacity .5s ease;
    }
    .om-kontakt-buehne.is-ende .om-kontakt-hoch{
      opacity:1; pointer-events:auto;
    }
  }

  .om-kontakt-feld{
    position:absolute; z-index:2;
    left:0; right:0; top:0; height:50vh;
    overflow:clip;
  }

  .om-kontakt-ring{
    position:absolute; left:50%; top:0;
    width:calc(var(--ring-r) * 2); height:calc(var(--ring-r) * 2);
    margin-left:calc(var(--ring-r) * -1);

    background:radial-gradient(circle at 50% 50%,
      transparent calc(var(--ring-r) * 0.423 - 0.5px),
      var(--bg)   calc(var(--ring-r) * 0.423 + 0.5px),
      var(--bg)   calc(var(--ring-r) - 0.5px),
      transparent calc(var(--ring-r) + 0.5px));
    --ring-r:50vh;

    transform:translateY(calc((1 - var(--kontakt-f, 0)) * 100vh));
    will-change:transform;
  }

  .om-kontakt-kugel{
    position:absolute; z-index:1;
    left:50%; top:0;
    width:calc(var(--kugel2-r, 0px) * 2);
    height:calc(var(--kugel2-r, 0px) * 2);
    margin:calc(var(--kugel2-r, 0px) * -1) 0 0 calc(var(--kugel2-r, 0px) * -1);
    border-radius:50%;
    background:var(--accent);
    color:var(--logo-on-accent);
    display:grid; place-items:center;
    text-align:center;
    transform:translateY(var(--kugel2-y, 100vh));

    scale:1;
    transition:background .3s ease, color .3s ease,
               scale .35s cubic-bezier(0.22,1,0.36,1);
    will-change:transform;
  }

  .om-kontakt-kugel::after,
  .om-kontakt-kugel::before{
    content:''; position:absolute; inset:-19%;
    border-radius:50%;
    border:2px solid var(--fg);

    mix-blend-mode:difference;
    opacity:0; transition:opacity .3s ease;
    pointer-events:none;
  }

  .om-kontakt-kugel::before{ inset:-30%; }
  .om-kontakt-kugel:hover::after,
  .om-kontakt-kugel:focus-visible::after{
    opacity:1;
    animation:om-cta-reif 5s linear infinite;
  }
  .om-kontakt-kugel:hover::before,
  .om-kontakt-kugel:focus-visible::before{
    opacity:1;
    animation:om-cta-reif-zwei 7s linear infinite;
  }
  .om-kontakt-kugel:hover, .om-kontakt-kugel:focus-visible{
    background:color-mix(in srgb, var(--accent) 90%, var(--bg));
    scale:1.07;
    outline:none;
  }
  @media (prefers-reduced-motion: reduce){
    .om-kontakt-kugel{ transition:background .3s ease, color .3s ease; }
    .om-kontakt-kugel:hover, .om-kontakt-kugel:focus-visible{ scale:1; }
  }
  @keyframes om-cta-reif{
    from{ transform:rotateZ(0deg) rotateX(0deg); }
    to  { transform:rotateZ(360deg) rotateX(720deg); }
  }
  @keyframes om-cta-reif-zwei{
    from{ transform:rotateZ(-24deg) rotateY(0deg); }
    to  { transform:rotateZ(-384deg) rotateY(-720deg); }
  }
  @media (prefers-reduced-motion: reduce){
    .om-kontakt-kugel:hover::after,
    .om-kontakt-kugel:focus-visible::after,
    .om-kontakt-kugel:hover::before,
    .om-kontakt-kugel:focus-visible::before{ animation:none; }
  }
  .om-kontakt-kugel.is-vorn{ z-index:3; }

  .om-kontakt-kugel span{
    font-weight:400; letter-spacing:0.005em; line-height:1.04;

    font-size:calc(var(--kugel2-r, 0px) * 0.32);
    opacity:0; transition:opacity .5s ease;
  }

  .om-kontakt-kugel em{
    font-weight:700; font-style:normal; font-size:1.2em;
  }
  .om-kontakt-kugel.is-cta span{ opacity:1; }
  @media (prefers-reduced-motion: reduce){
    .om-kontakt-kugel span{ opacity:1; transition:none; }
  }

  .om-fuss{
    position:fixed; left:0; right:0; bottom:0; z-index:40;
    opacity:0; pointer-events:none;
    transition:opacity .6s ease;

    border-top:1px solid var(--fuss-linie);

    mix-blend-mode:difference;
    --fuss-text:color-mix(in srgb, var(--fg) 62%, var(--bg));
    --fuss-linie:color-mix(in srgb, var(--fg) 30%, var(--bg));
  }
  .om-fuss.is-da{ opacity:1; pointer-events:auto; }

  .om-fuss-innen{
    position:relative;
    padding:0 var(--rand);
  }

  .om-fuss-zeile{
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
    gap:20px; padding:13px 0 17px;
    font-size:13px; letter-spacing:.06em; color:var(--fuss-text);
  }
  .om-fuss-zeile > p{ margin:0; }
  .om-fuss-zeile > :nth-child(2){ justify-self:center; }
  .om-fuss-zeile > :nth-child(3){ justify-self:end; }
  .om-fuss a{ color:inherit; transition:color .3s ease; }
  .om-fuss a:hover{ color:var(--fg); }

  .om-fuss-sozial{ display:flex; align-items:center; gap:18px; }

  .om-fuss-zeile > .om-fuss-sozial{ margin-right:-2px; }
  .om-fuss-sozial a{ display:flex; }

  .om-fuss-sozial svg{
    position:static; inset:auto; width:22px; height:22px;
    display:block; overflow:visible;
  }

  .om-fuss-tick{
    position:absolute; left:50%; bottom:100%;
    width:1px; height:92px; margin-left:-0.5px;
    background:var(--fuss-linie);
    transition:opacity .4s ease;
  }
  .om-fuss.is-ende .om-fuss-tick{ opacity:0; }

  @media (max-width: 1200px){
    .om-fuss-lang{ display:none; }
  }

  @media (max-width: 640px){
    .om-fuss-zeile{ gap:10px; font-size:11px; letter-spacing:.04em; }
    .om-fuss-sozial{ gap:12px; }
    .om-fuss-sozial svg{ width:18px; height:18px; }
  }
  .om-fuss-tick i{
    position:absolute; left:-2px; top:0; width:5px; height:5px;
    border-radius:50%; background:var(--fg); opacity:0;
    animation:om-fuss-lauf 2.6s cubic-bezier(.55,.06,.45,.94) infinite;
  }
  @keyframes om-fuss-lauf{
    0%   { transform:translateY(0);    opacity:0; }
    15%  { opacity:.9; }
    80%  { opacity:.9; }
    100% { transform:translateY(87px); opacity:0; }
  }
  @media (prefers-reduced-motion: reduce){
    .om-fuss-tick i{ animation:none; opacity:.9; transform:translateY(44px); }
  }
  @media (max-width: 720px){
    .om-fuss-zeile{ font-size:11px; letter-spacing:.04em; gap:12px; padding:11px 0 14px; }
    .om-fuss-sozial{ gap:14px; }
    .om-fuss-sozial svg{ width:19px; height:19px; }
    .om-fuss-tick{ height:64px; }
    @keyframes om-fuss-lauf{
      0%{transform:translateY(0);opacity:0} 15%{opacity:.9}
      80%{opacity:.9} 100%{transform:translateY(59px);opacity:0}
    }
  }

  .om-drehen{
    display:none; position:fixed; inset:0; z-index:9000;
    background:var(--bg); place-items:center;
  }
  @media (orientation: landscape) and (max-height: 500px) and (pointer: coarse){
    .om-drehen{ display:grid; }
  }
  .om-drehen-reif{
    position:relative; width:96px; height:96px;
    border-radius:50%;
    border:1.5px solid color-mix(in srgb, var(--fg) 42%, var(--bg));
    display:grid; place-items:center;
  }

  .om-drehen-reif span{
    font-size:10px; font-weight:400;
    letter-spacing:0.18em; text-transform:uppercase;
    color:color-mix(in srgb, var(--fg) 66%, var(--bg));

    text-indent:0.18em;
  }

  .om-drehen-punkt{
    position:absolute; inset:0;
    animation:om-drehen-lauf 2.8s cubic-bezier(.62,.03,.36,1) infinite;
  }
  .om-drehen-punkt::after{
    content:''; position:absolute; top:-6px; left:50%;
    width:12px; height:12px; margin-left:-6px;
    border-radius:50%; background:var(--accent);
  }
  @keyframes om-drehen-lauf{
    0%   { transform:rotate(0deg);  opacity:0; }
    10%  { transform:rotate(0deg);  opacity:1; }
    55%  { transform:rotate(90deg); opacity:1; }
    82%  { transform:rotate(90deg); opacity:1; }
    96%  { transform:rotate(90deg); opacity:0; }
    100% { transform:rotate(0deg);  opacity:0; }
  }
  @media (prefers-reduced-motion: reduce){
    .om-drehen-punkt{ animation:none; transform:rotate(45deg); }
  }

  #brandText{ font-weight:700; font-size:22px; letter-spacing:0.06em; }

  #guide-small, #guide-ring{ stroke:var(--accent); transition:stroke .3s ease; }
  #focus-small, #focus-ring, #attractor, #mass, #boldCurvePath{ fill:var(--accent); transition:fill .3s ease; }
  #coord-small, #coord-ring{ fill:var(--accent); transition:fill .3s ease; }
  #brandText, #brandDot{ fill:var(--accent); transition:fill .3s ease; }

  html.brand-on-accent #brandText,
  html.brand-on-accent #brandDot{ fill:var(--logo-on-accent); }
  html.mass-on-accent #mass{ fill:var(--logo-on-accent); }

  html.brand-on-light #brandText,
  html.brand-on-light #brandDot{ fill:var(--bg); }
  html.mass-on-light #mass{ fill:var(--bg); }
  html.mass-on-light #small{ fill:var(--bg); }
  html.mass-on-light #ring{ stroke:var(--bg); }