/* =========================================================
   DER MEES · Design-System
   THEME-TOKENS: hier zentral alle Farben ändern.
   Drei Themes: hell · daemmerung (Default) · nacht
   ========================================================= */
:root{
  --gold:#AE9468; --gold-soft:#C9B086; --gold-deep:#877152;   /* an Logo-Gold #9C8460 angeglichen */
  --portal:#6FB7C9;                 /* arkaner Akzent fürs Geheim-Portal */
  --font-display:'Fraunces',serif;
  --font-body:'Spectral',Georgia,serif;
  --font-mono:'JetBrains Mono',monospace;
  --rule:1px;
  /* Premium-Layer: konsistente Spacing-Skala (8er-Raster, fluid) + Easing */
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px; --s7:140px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
html[data-theme="hell"]{   /* „Sand" – warm, erdig, weiterhin helles Schema */
  --bg:#E8DABB; --bg2:#DFCFAA; --surface:#F1E7CE; --surface2:#E5D6B6;
  --text:#322A1C; --muted:#74684E; --faint:#A2926F; --line:#D2C09A;
  --glow:rgba(174,148,104,.20); --grain:.035;
}
html[data-theme="daemmerung"]{
  --bg:#262019; --bg2:#1F1A14; --surface:#2E281F; --surface2:#352E24;
  --text:#EDE3D2; --muted:#B6A88F; --faint:#7E725E; --line:#3B342A;
  --glow:rgba(174,148,104,.16); --grain:.05;
}
html[data-theme="nacht"]{
  --bg:#15110C; --bg2:#0E0B07; --surface:#1B1610; --surface2:#221C14;
  --text:#EFE6D6; --muted:#A99A80; --faint:#6A5F4D; --line:#2A2419;
  --glow:rgba(174,148,104,.22); --grain:.07;
}
/* Außergewöhnliche Zusatz-Themes: Grasgrün & Himmelblau */
html[data-theme="gras"]{
  --bg:#E4F0D6; --bg2:#D6E8C2; --surface:#EEF6E2; --surface2:#E0EDCF;
  --text:#1F2C16; --muted:#56683F; --faint:#8AA06E; --line:#C6DAAB;
  --glow:rgba(110,160,70,.18); --grain:.04;
}
html[data-theme="himmel"]{
  --bg:#DCEBF5; --bg2:#CADFEF; --surface:#EAF3FA; --surface2:#D6E7F3;
  --text:#162430; --muted:#4C657A; --faint:#7C9AB0; --line:#B7D2E6;
  --glow:rgba(90,150,200,.18); --grain:.04;
}
/* Helles Rosa-Theme – Pendant zum Himmelblau */
html[data-theme="rot"]{
  --bg:#F7E2EC; --bg2:#EFD0E0; --surface:#FCEAF2; --surface2:#F4D7E5;
  --text:#301622; --muted:#8A5468; --faint:#BD8AA2; --line:#E6C0D4;
  --glow:rgba(200,90,140,.18); --grain:.04;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--font-body);font-weight:400;line-height:1.78;font-size:17px;
  -webkit-font-smoothing:antialiased;
  transition:background .6s var(--ease),color .6s var(--ease);overflow-x:hidden;
}
/* Cursor-Glow · dezenter Lichtschein folgt der Maus (per app.js injiziert) */
.cursor-glow{position:fixed;top:0;left:0;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,var(--glow),transparent 62%);
  pointer-events:none;z-index:1;transform:translate(-50%,-50%);opacity:0;
  transition:opacity .5s var(--ease);mix-blend-mode:screen}
html[data-theme="hell"] .cursor-glow,html[data-theme="gras"] .cursor-glow,
html[data-theme="himmel"] .cursor-glow,html[data-theme="rot"] .cursor-glow{mix-blend-mode:multiply}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 36px}
.narrow{max-width:820px;margin:0 auto;padding:0 36px}
h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.06;letter-spacing:-.01em}
.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:400;display:inline-flex;align-items:center;gap:14px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);opacity:.7;display:inline-block;flex:none}
.center .eyebrow,.head.center .eyebrow,.uniq .eyebrow,.detach .eyebrow{justify-content:center}
.rule{height:var(--rule);width:58px;background:var(--gold);opacity:.65;margin:30px 0}
.center{text-align:center}
.center .rule{margin-left:auto;margin-right:auto}

.btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;padding:16px 32px;border-radius:0;transition:transform .35s var(--ease),background .3s,color .3s,border-color .3s;cursor:pointer;border:none;will-change:transform}
.btn .arw{transition:transform .35s var(--ease)}
.btn:hover .arw{transform:translateX(5px)}
.btn-gold{background:var(--gold);color:#1c160d;overflow:hidden}
.btn-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-130%);transition:transform .7s var(--ease)}
.btn-gold:hover::after{transform:translateX(130%)}
.btn-gold:hover{background:var(--gold-soft)}
.btn[disabled]{opacity:.55;cursor:progress;pointer-events:none}
.btn-line{border:1px solid var(--line);color:var(--text);background:transparent}
.btn-line:hover{border-color:var(--gold);color:var(--gold)}

/* ---------- Top bar ---------- */
header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.1);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin-left:-10px;margin-right:20px;flex:none}
.brand img{height:31px;width:auto;display:block}
.brand-claim{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);opacity:.82;white-space:nowrap;line-height:1}
.menu{display:flex;gap:20px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.menu a{position:relative;padding:4px 0;white-space:nowrap}
.menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--gold);transition:width .3s}
.menu a:hover{color:var(--text)}.menu a:hover::after{width:100%}
.menu a.active{color:var(--text)}.menu a.active::after{width:100%}
/* Geheimnis-Tor im Menü: dezent leuchtender Teaser */
.menu a.secret{color:var(--portal);white-space:nowrap}
.menu a.secret::after{background:var(--portal)}
.menu a.secret:hover{color:#cfeef0;text-shadow:0 0 12px color-mix(in srgb,var(--portal) 65%,transparent)}
.menu a.secret::before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--portal);vertical-align:middle;box-shadow:0 0 6px var(--portal);animation:pulse 3.4s ease-out infinite}
/* Secrets-Seite: Orb */
.sorb{width:200px;height:200px;margin:0 auto 30px;position:relative}
.sorb span{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--portal) 50%,transparent)}
.sorb span:nth-child(1){animation:spin 14s linear infinite;transform-origin:center}
.sorb span:nth-child(2){inset:24px;border-color:color-mix(in srgb,var(--portal) 38%,transparent);animation:spin 10s linear infinite reverse;transform-origin:center}
.sorb span:nth-child(3){inset:48px;border-style:dashed;animation:spin 20s linear infinite;transform-origin:center}
.sorb span:nth-child(4){inset:74px;border-color:var(--gold);opacity:.6;animation:spin 8s linear infinite reverse;transform-origin:center}
.sorb .eye{position:absolute;inset:0;display:grid;place-items:center;color:var(--portal)}
.sorb .eye svg{width:42px;height:42px;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--portal) 70%,transparent))}
/* Secrets-Seite: Zutritt-Formular */
.askline{margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.askline input{background:transparent;border:1px solid var(--line);color:var(--text);padding:13px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;min-width:240px}
.askline input::placeholder{color:var(--faint)}
.askline button{background:var(--portal);color:#06181b;border:none;padding:13px 22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.tools{display:flex;align-items:center;gap:18px}
.themer{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:40px;padding:5px 7px}
.themer button{width:17px;height:17px;border-radius:50%;border:1px solid var(--line);cursor:pointer;padding:0;transition:.25s;background:var(--swatch)}
.themer button[data-t="hell"]{--swatch:#E2D0A4}
.themer button[data-t="daemmerung"]{--swatch:#3a3127}
.themer button[data-t="nacht"]{--swatch:#15110C}
.themer button[data-t="gras"]{--swatch:#7CB342}
.themer button[data-t="himmel"]{--swatch:#4FA3DD}
.themer button[data-t="rot"]{--swatch:#E27BA8}
.themer button.on{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.ticket{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);padding:11px 20px;transition:.3s}
.ticket:hover{background:var(--gold);color:#1c160d}
.burger{display:none;background:none;border:none;color:var(--text);cursor:pointer;font-size:22px}

/* ---------- Hero (Start) ---------- */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:92vh;display:flex;align-items:center}
.hero .bg{position:absolute;inset:0;overflow:hidden}
.hero .bg img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:grayscale(.25) contrast(1.06);opacity:.5}
.hero .bg video{width:100%;height:100%;object-fit:cover;object-position:50% 32%;filter:grayscale(.15) contrast(1.06) saturate(1.05);opacity:.78}
html[data-theme="hell"] .hero .bg img{opacity:.42}
html[data-theme="hell"] .hero .bg video{opacity:.62}
.hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 22%,transparent),color-mix(in srgb,var(--bg) 30%,transparent) 42%,var(--bg) 96%)}
.hero .glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:
   radial-gradient(60% 50% at 50% 6%,var(--glow),transparent 70%),
   radial-gradient(40% 40% at 85% 90%,color-mix(in srgb,var(--portal) 22%,transparent),transparent 70%)}
.hero .glow::before,.hero .glow::after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;animation:drift 16s var(--ease) infinite alternate}
.hero .glow::before{width:46vw;height:46vw;top:-12%;left:46%;background:radial-gradient(circle,var(--glow),transparent 68%)}
.hero .glow::after{width:34vw;height:34vw;bottom:-10%;left:6%;background:radial-gradient(circle,color-mix(in srgb,var(--portal) 18%,transparent),transparent 68%);animation-delay:-6s}
@keyframes drift{to{transform:translate(-7%,5%) scale(1.12)}}
/* feiner Binär-Schleier (per app.js gefüllt) */
.hero .bits{position:absolute;inset:0;z-index:1;pointer-events:none;font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--gold);opacity:.05;overflow:hidden;white-space:nowrap;line-height:2.4;user-select:none}
.hero .scroll{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:2;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:rise 1s 1.1s var(--ease) forwards}
.hero .scroll i{width:1px;height:36px;background:linear-gradient(var(--gold),transparent);display:block;animation:scrolly 2.2s var(--ease) infinite}
@keyframes scrolly{0%{transform:scaleY(.2);transform-origin:top;opacity:0}40%{opacity:1}100%{transform:scaleY(1);transform-origin:top;opacity:0}}
.hero .wrap{position:relative;z-index:2;padding:120px 36px 110px;text-align:center;width:100%}
.hero .eyebrow{opacity:0;animation:rise .9s .1s forwards}
.hero-claim{font-family:var(--font-display);font-weight:500;font-style:italic;font-size:clamp(26px,4.4vw,52px);line-height:1.04;letter-spacing:-.015em;color:var(--gold);margin:0;opacity:0;animation:rise .9s .1s forwards}
.hero-claim span{display:block}
.hero-claim .c1{opacity:.9}
.hero-claim em{font-style:italic}
.hero-claim::after{content:"";display:block;width:54px;height:1px;background:var(--gold);opacity:.6;margin:26px auto 0}
.hero h1{font-size:clamp(40px,6.4vw,82px);margin:30px 0 0;font-weight:500;letter-spacing:-.025em}
.hero h1 .l1{display:block;opacity:0;animation:rise 1s .25s forwards}
.hero h1 .l2{display:block;opacity:0;animation:rise 1s .42s forwards}
.hero h1 em{font-style:normal;font-family:var(--font-mono);font-weight:500;font-size:.74em;letter-spacing:-.02em;color:var(--gold);position:relative}
.hero h1 em::before{content:"01001 ";font-size:.34em;letter-spacing:.1em;color:var(--faint);vertical-align:middle;margin-right:.2em}
.hero .lead{max-width:660px;margin:34px auto 0;color:var(--muted);font-size:19px;line-height:1.85;opacity:0;animation:rise 1s .62s forwards}
.hero .acts{margin-top:42px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:rise 1s .8s forwards}
.hero .ghost{position:absolute;right:4%;bottom:-30px;width:230px;color:var(--text);opacity:.04;pointer-events:none;z-index:1}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ---------- Page-Hero (Unterseiten) ---------- */
.phero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.phero .bg{position:absolute;inset:0}
.phero .bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) contrast(1.05);opacity:.46}
.phero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 28%,transparent),var(--bg) 95%)}
.phero .glow{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(55% 60% at 22% 4%,var(--glow),transparent 70%)}
.phero .glow::after{content:"";position:absolute;width:34vw;height:34vw;top:-14%;right:4%;border-radius:50%;filter:blur(46px);opacity:.4;background:radial-gradient(circle,var(--glow),transparent 68%);animation:drift 18s var(--ease) infinite alternate}
.phero .wrap{position:relative;z-index:2;padding:104px 36px 84px}
.phero h1{font-size:clamp(40px,6vw,78px);margin:20px 0 0}
.phero h1 em{font-style:normal;font-family:var(--font-mono);font-weight:500;color:var(--gold);font-size:.72em}
.phero .lead{max-width:640px;margin:26px 0 0;color:var(--muted);font-size:18.5px}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- Editorial / Prosa ---------- */
.section{padding:96px 0}
.section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prose p{color:var(--muted);font-size:18px;margin-top:20px}
.prose p:first-child{margin-top:0}
.prose h2{font-size:clamp(30px,4vw,46px);margin:0 0 8px}
.prose h3{font-size:25px;color:var(--text);margin:40px 0 0}
.prose .lede{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,3vw,30px);color:var(--text);line-height:1.4}
.prose strong{color:var(--text);font-weight:500}
.kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}

/* zwei Spalten: Text + Bild */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.split.rev{grid-template-columns:.95fr 1.05fr}
.split .media{position:relative}
.split .media img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.12) contrast(1.04);border:1px solid var(--line)}
.split .media.wide img{aspect-ratio:3/2}
.split .media .cap{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:10px}

/* ---------- Synthese-Gleichung ---------- */
.eq{border:1px solid var(--line);background:var(--surface)}
.eq .top{display:grid;grid-template-columns:1fr 1fr}
.eq .half{padding:34px 32px}
.eq .top .half:first-child{border-right:1px solid var(--line)}
.eq .lbl{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint)}
.eq .term{font-family:var(--font-display);font-size:30px;margin-top:10px;line-height:1.1}
.eq .h-machine .term{font-family:var(--font-mono);font-weight:500;font-size:25px;color:var(--gold)}
.eq .sub{font-size:13.5px;color:var(--muted);margin-top:6px}
.eq .result{border-top:1px solid var(--line);padding:26px 32px;display:flex;align-items:baseline;gap:14px}
.eq .result .op{font-family:var(--font-mono);color:var(--gold);font-size:20px}
.eq .result .txt{font-family:var(--font-display);font-size:23px}
.eq .result b{color:var(--gold);font-weight:600}

/* ---------- Säulen / Karten ---------- */
.pillars .head{text-align:center;margin-bottom:60px}
.pillars h2{font-size:clamp(34px,4.6vw,54px);margin-top:10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--bg);display:flex;flex-direction:column;transition:background .45s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease);position:relative}
.card:hover{background:var(--surface);transform:translateY(-5px);z-index:2;box-shadow:0 26px 60px -28px color-mix(in srgb,var(--gold) 40%,transparent)}
.card .ph{height:240px;background:var(--surface2);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) contrast(1.05);transition:transform .8s var(--ease),filter .6s;transform:scale(1.01)}
.card:hover .ph img{transform:scale(1.07);filter:grayscale(0) contrast(1.08)}
/* großes Zahl-Wasserzeichen im Bild (optional via .wm) */
.card .ph .wm{position:absolute;top:12px;right:18px;z-index:2;font-family:var(--font-display);font-size:60px;font-weight:600;color:transparent;opacity:0;line-height:1;-webkit-text-stroke:1px color-mix(in srgb,var(--gold) 60%,transparent);transition:opacity .5s var(--ease)}
.card:hover .ph .wm{opacity:.9}
.card .ph::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--bg) 55%,transparent));pointer-events:none}
.card .body{padding:30px 30px 34px;display:flex;flex-direction:column;flex:1}
.card .num{font-family:var(--font-mono);font-size:11px;color:var(--gold);letter-spacing:.2em}
.card h3{font-size:30px;margin:14px 0 4px}
.card .kick{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint)}
.card p{color:var(--muted);font-size:15.5px;margin:14px 0 20px;flex:1}
.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep);border:1px solid var(--line);padding:5px 10px}
.more{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);display:inline-flex;gap:8px;align-items:center}
.more .ar{color:var(--gold);transition:.3s}
.card:hover .more .ar{transform:translateX(5px)}

/* ---------- Leistungs-Liste (Consulting) ---------- */
.svc{border-top:1px solid var(--line)}
.svc .row{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:38px 6px;border-bottom:1px solid var(--line);align-items:start;transition:.3s}
.svc .row:hover{background:color-mix(in srgb,var(--gold) 5%,transparent);padding-left:16px}
.svc .n{font-family:var(--font-mono);font-size:13px;color:var(--gold);letter-spacing:.1em;padding-top:6px}
.svc h3{font-size:28px;margin-bottom:8px}
.svc .row p{color:var(--muted);font-size:16px;max-width:640px}
.svc .meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--faint);margin-top:10px}
.filmref{margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em;color:var(--muted)}
.filmref a{color:var(--gold)}
.filmref a:hover{color:var(--gold-soft)}

/* ---------- Termine ---------- */
.drow{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:28px;padding:26px 8px;border-top:1px solid var(--line);transition:.3s}
.drow:last-child{border-bottom:1px solid var(--line)}
.drow:hover{padding-left:18px;background:color-mix(in srgb,var(--gold) 6%,transparent)}
.drow .d{font-family:var(--font-display);font-size:30px}
.drow .d small{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-top:2px}
.drow .t{font-size:18px}
.drow .lo{font-family:var(--font-mono);font-size:12px;color:var(--muted);letter-spacing:.02em;margin-top:3px}
.drow .tk{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.dates .head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:18px}
.dates h2{font-size:clamp(32px,4.4vw,50px)}

/* ---------- Quote ---------- */
.quote{padding:120px 0;text-align:center}
/* Consulting für Kollegen: Kennzahlen + Mind-Summit-Zeile */
#kollegen{scroll-margin-top:96px}
.creds{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:840px;margin:46px auto 0}
.cred{text-align:center;border:1px solid var(--line);background:var(--surface);padding:34px 18px}
.cred .big{font-family:var(--font-display);font-weight:500;font-size:clamp(46px,6vw,66px);color:var(--gold);line-height:1}
.cred .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:14px}
.summitref{text-align:center;font-family:var(--font-mono);font-size:13px;letter-spacing:.05em;color:var(--text);margin:40px auto 0;max-width:700px}
.summitref strong{color:var(--gold)}
@media(max-width:640px){.creds{grid-template-columns:1fr;gap:14px}}
/* Zitat ganz oben auf der Startseite: kompakter, abgesetzt */
.quote-top{padding:46px 0 40px;border-bottom:1px solid var(--line);background:var(--surface)}
.quote-top .m{font-size:64px}
.quote-top q{font-size:clamp(20px,2.6vw,30px)}
.quote-top .who{margin-top:18px}
.quote .m{font-family:var(--font-display);font-size:96px;line-height:.1;color:var(--gold);opacity:.4}
.quote q{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(26px,3.6vw,40px);line-height:1.4;max-width:900px;display:inline-block;quotes:none}
.quote .who{font-family:var(--font-mono);margin-top:30px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}

/* ---------- CTA-Band ---------- */
.cta{padding:104px 0;text-align:center;background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cta h2{font-size:clamp(30px,4.4vw,48px)}
.cta .gernperdu{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:18px}

/* ---------- Kontakt ---------- */
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:60px}
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.field input,.field textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);font-family:var(--font-body);font-size:16px;padding:13px 15px;transition:.25s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field textarea{min-height:130px;resize:vertical}
.cinfo{font-family:var(--font-mono);font-size:13.5px;line-height:2;color:var(--muted);letter-spacing:.02em}
.cinfo .lbl{color:var(--gold);display:block;letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;margin:22px 0 6px}
.cinfo a:hover{color:var(--gold)}

/* ---------- Legal ---------- */
.legalpage{padding:80px 0 100px}
.legalpage h2{font-size:30px;margin:44px 0 6px}
.legalpage h2:first-of-type{margin-top:0}
.legalpage h3{font-family:var(--font-display);font-size:21px;color:var(--text);margin:28px 0 4px}
.legalpage p{color:var(--muted);font-size:16px;margin-top:12px}
.legalpage .small{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.04em}

/* ---------- Secret Portal ---------- */
.sigil{position:fixed;right:26px;bottom:24px;z-index:60;width:52px;height:52px;cursor:pointer;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(6px);transition:.4s}
.sigil:hover{border-color:var(--portal)}
.sigil svg{width:30px;height:30px;color:var(--portal);opacity:.55;transition:.4s}
.sigil:hover svg{opacity:1}
.sigil .ring{animation:spin 26s linear infinite;transform-origin:center}
.sigil::after{content:"";position:absolute;inset:-4px;border-radius:50%;animation:pulse 3.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--portal) 45%,transparent)}70%{box-shadow:0 0 0 16px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes spin{to{transform:rotate(360deg)}}
.portal{position:fixed;inset:0;z-index:200;display:none;place-items:center;background:radial-gradient(circle at 50% 50%,#0c1416 0%,#060809 70%)}
.portal.open{display:grid;animation:fade .6s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.portal .gate{position:relative;width:min(560px,86vw);text-align:center;padding:20px}
.portal .vortex{width:230px;height:230px;margin:0 auto 30px;position:relative}
.portal .vortex span{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--portal) 55%,transparent)}
.portal .vortex span:nth-child(1){animation:spin 14s linear infinite}
.portal .vortex span:nth-child(2){inset:26px;border-color:color-mix(in srgb,var(--portal) 40%,transparent);animation:spin 10s linear infinite reverse}
.portal .vortex span:nth-child(3){inset:54px;border-style:dashed;animation:spin 20s linear infinite}
.portal .vortex span:nth-child(4){inset:84px;border-color:var(--gold);opacity:.6;animation:spin 8s linear infinite reverse}
.portal .vortex .eye{position:absolute;inset:0;display:grid;place-items:center;color:var(--portal)}
.portal .vortex .eye svg{width:46px;height:46px;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--portal) 70%,transparent))}
.portal .kick{font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--portal)}
.portal h2{font-family:var(--font-display);color:#EDE3D2;font-size:clamp(30px,5vw,46px);margin:14px 0 0}
.portal p{font-family:var(--font-body);color:#9fb0b3;max-width:420px;margin:18px auto 0;font-size:15.5px}
.portal .ask{margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.portal .ask input{background:transparent;border:1px solid #2b3a3d;color:#cfe;padding:13px 16px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;min-width:240px}
.portal .ask input::placeholder{color:#5d7173}
.portal .ask button{background:var(--portal);color:#06181b;border:none;padding:13px 22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.portal .close{position:absolute;top:-50px;right:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7e9295;cursor:pointer;background:none;border:none}
.portal .hint{margin-top:22px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#46595c}

/* ---------- Footer ---------- */
footer{padding:72px 0 40px;background:var(--bg)}
.fcols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:42px}
footer .fbrand img{height:44px;margin-bottom:18px}
footer p{font-family:var(--font-mono);font-size:12.5px;line-height:2;color:var(--muted);letter-spacing:.02em}
.fnav{display:flex;gap:60px}
.fnav h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:16px}
.fnav a{display:block;font-family:var(--font-mono);font-size:12.5px;color:var(--muted);padding:6px 0;letter-spacing:.04em}
.fnav a:hover{color:var(--gold)}
.flegal{margin-top:50px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.08em}

/* =========================================================
   MENSCH & KI — Seite "Mentalismus trifft KI"
   ========================================================= */

/* Hero-Akzent: laufender Code-Schleier */
/* Hintergrundbild nach unten schieben, damit das Gesicht sichtbar ist */
.kihero .bg img{object-position:50% 18%}
.kihero h1 em{font-style:normal;font-family:var(--font-mono);font-weight:500;color:var(--gold)}
.kihero .lead strong{color:var(--text);font-weight:500}
.kibits{font-family:var(--font-mono);font-size:10px;letter-spacing:.34em;color:var(--faint);text-transform:uppercase;margin-top:26px;opacity:.8}

/* Grosse These */
.bigstate{padding:104px 0;text-align:center;background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bigstate .ln{font-family:var(--font-display);font-size:clamp(26px,4vw,46px);line-height:1.32;max-width:920px;margin:0 auto;font-weight:500}
.bigstate .ln em{font-style:italic;color:var(--gold)}
.bigstate .ln .mono{font-family:var(--font-mono);font-weight:500;font-size:.74em;color:var(--gold)}
.bigstate .sig{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-top:34px}

/* Evolutions-Timeline */
.evo{position:relative;max-width:880px;margin:0 auto}
.evo::before{content:"";position:absolute;left:145px;top:14px;bottom:14px;width:1px;background:linear-gradient(180deg,transparent,var(--line) 6%,var(--gold) 50%,var(--line) 94%,transparent);opacity:.7}
.evo .step{display:grid;grid-template-columns:120px 1fr;gap:50px;padding:30px 0;position:relative}
.evo .yr{font-family:var(--font-mono);font-size:14px;letter-spacing:.1em;color:var(--gold);text-align:right;padding-top:2px}
.evo .yr small{display:block;color:var(--faint);font-size:10px;letter-spacing:.2em;margin-top:8px;text-transform:uppercase}
.evo .dot{position:absolute;left:145px;top:40px;width:13px;height:13px;border-radius:50%;background:var(--gold);transform:translateX(-50%);box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--line)}
.evo .step.now .dot{background:var(--portal);box-shadow:0 0 0 5px var(--bg),0 0 20px 2px color-mix(in srgb,var(--portal) 65%,transparent)}
.evo .ct h3{font-size:25px;margin:0 0 8px}
.evo .ct h3 .mono{font-family:var(--font-mono);font-weight:500;font-size:.7em;color:var(--gold);letter-spacing:.04em}
.evo .ct p{color:var(--muted);font-size:16px;max-width:560px}
.evo .step.now .ct h3{color:var(--text)}
.evo .tag2{display:inline-block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--portal);border:1px solid color-mix(in srgb,var(--portal) 45%,transparent);padding:4px 9px;margin-top:12px}

/* Feature-Raster (Was das für dich heißt) */
.kgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.kgrid .cell{background:var(--bg);padding:34px 30px;transition:.35s}
.kgrid .cell:hover{background:var(--surface)}
.kgrid .cell .ic{font-family:var(--font-mono);font-size:12px;color:var(--gold);letter-spacing:.18em}
.kgrid .cell h3{font-size:21px;margin:16px 0 10px}
.kgrid .cell p{color:var(--muted);font-size:15px}

/* "Einzigartig in Deutschland" Band */
.uniq{padding:108px 0;text-align:center;position:relative;overflow:hidden}
.uniq .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 50% 0%,var(--glow),transparent 70%)}
.uniq .wrap{position:relative;z-index:2}
.uniq .eyebrow{justify-content:center}
.uniq h2{font-size:clamp(30px,4.6vw,52px);margin:16px auto 0;max-width:860px}
.uniq h2 em{font-style:italic;color:var(--gold)}
.uniq p{color:var(--muted);max-width:620px;margin:22px auto 0;font-size:17px}

/* =========================================================
   SHOWS — die analoge Welt (Gegenpol zur KI)
   ========================================================= */

/* warmer Show-Hero */
.showhero .bg img{filter:grayscale(.15) contrast(1.04) sepia(.08);opacity:.5}
.showhero h1 em{font-style:italic;font-family:var(--font-display);color:var(--gold)}
.showtag{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-top:24px}

/* ----- Der Clash: zwei Welten treffen aufeinander ----- */
.clash{position:relative;border:1px solid var(--line);overflow:hidden}
.clash .grid{display:grid;grid-template-columns:1fr 1fr}
.clash .side{padding:clamp(36px,4vw,60px) clamp(26px,3.4vw,50px);min-height:330px;display:flex;flex-direction:column;justify-content:center;position:relative}
.clash .digital{background:radial-gradient(130% 110% at 0% 0%,color-mix(in srgb,var(--portal) 16%,transparent),transparent 58%),var(--bg2)}
.clash .analog{background:radial-gradient(130% 110% at 100% 100%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 58%),var(--surface)}
.clash .lab{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase}
.clash .digital .lab{color:var(--portal)}
.clash .analog .lab{color:var(--gold)}
.clash h3{font-size:clamp(23px,2.8vw,32px);margin:14px 0 18px;line-height:1.12}
.clash .digital h3{font-family:var(--font-mono);font-weight:500;color:var(--text);letter-spacing:-.01em}
.clash .analog h3{font-family:var(--font-display);font-style:italic;color:var(--text)}
.clash ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.clash li{font-size:15px;color:var(--muted);display:flex;gap:11px;align-items:baseline}
.clash .digital li::before{content:"0/1";font-family:var(--font-mono);font-size:10px;color:var(--portal);letter-spacing:.06em;flex:none}
.clash .analog li::before{content:"\2665";color:var(--gold);font-size:12px;flex:none}
.clash .seam{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--portal) 70%,transparent),var(--gold),transparent);transform:translateX(-50%);z-index:3}
.clash .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:62px;height:62px;border-radius:50%;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-align:center;line-height:1.2}

/* ----- Ablösung: hier endet die Maschine ----- */
.detach{padding:clamp(86px,13vw,150px) 0;text-align:center;position:relative;overflow:hidden}
.detach .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 50% 110%,var(--glow),transparent 70%)}
.detach .wrap{position:relative;z-index:2}
.detach .eyebrow{color:var(--gold)}
.detach .big{font-family:var(--font-display);font-weight:500;font-size:clamp(30px,5.4vw,62px);line-height:1.1;max-width:16ch;margin:20px auto 0}
.detach .big em{font-style:italic;color:var(--gold)}
.detach p{color:var(--muted);max-width:600px;margin:26px auto 0;font-size:17px}

/* ----- Show-Badges ----- */
.badge{display:inline-block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;padding:5px 11px;border:1px solid var(--gold);color:var(--gold);margin-bottom:4px}
.badge.neu{border-color:var(--portal);color:var(--portal)}

@media(max-width:880px){
  .clash .grid{grid-template-columns:1fr}
  .clash .seam{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--portal),var(--gold),transparent)}
  .evo::before{left:6px}
  .evo .step{grid-template-columns:1fr;gap:6px;padding:8px 0 26px 30px}
  .evo .yr{text-align:left;padding-top:0;margin-bottom:6px}
  .evo .yr small{display:inline;margin-left:12px}
  .evo .dot{left:6px;top:6px}
  .kgrid{grid-template-columns:1fr}
  .split,.split.rev,.synth-grid,.contact{grid-template-columns:1fr;gap:40px}
  .split.rev .media{order:-1}
  .cards,.cards.two{grid-template-columns:1fr}
  .drow{grid-template-columns:90px 1fr;row-gap:6px}
  .drow .tk{grid-column:2}
  .svc .row{grid-template-columns:1fr;gap:8px}
  .hero{min-height:auto}
  .hero .wrap{padding:96px 36px 90px}
}
/* =========================================================
   PREMIUM-LAYER · neue Bausteine (Marquee, Großzitat, Stagger)
   ========================================================= */
/* Trust-Marquee: laufendes Partner-/Venue-Band */
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);overflow:hidden}
.trust .row{display:flex;align-items:center;white-space:nowrap;width:max-content;animation:marquee 40s linear infinite}
.trust .row span{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);padding:20px 0}
.trust .row span::after{content:"·";margin:0 28px;color:var(--gold);opacity:.6}
.trust:hover .row{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Cineastisches Großzitat */
.bigquote{padding:var(--s7) 0;text-align:center;position:relative;overflow:hidden}
.bigquote .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 70% at 50% 30%,var(--glow),transparent 70%)}
.bigquote .wrap{position:relative;z-index:1}
.bigquote .m{font-family:var(--font-display);font-size:120px;line-height:.2;color:var(--gold);opacity:.35}
.bigquote q{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(26px,4vw,50px);line-height:1.34;max-width:1000px;display:inline-block;quotes:none;letter-spacing:-.015em}
.bigquote q b{font-style:normal;color:var(--gold);font-weight:500}
.bigquote .who{font-family:var(--font-mono);margin-top:34px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-deep)}

/* CTA-Band · Premium-Ergänzungen (nutzt bestehende .cta-Basis) */
.cta{position:relative;overflow:hidden}
.cta .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 90% at 50% 120%,var(--glow),transparent 70%)}
.cta .wrap{position:relative;z-index:1}
.cta h2 em{font-style:italic;color:var(--gold)}
.cta .sub{color:var(--muted);margin:24px auto 0;max-width:540px}
.cta .acts{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* =========================================================
   BOXEN / PANELS · kohärente Aufwertung (scharfer Editorial-Stil bleibt,
   aber mit Tiefe, Gold-Akzent-Linien und feinen Hover-Reaktionen)
   ========================================================= */
/* Synthese-Gleichung */
.eq{transition:box-shadow .5s var(--ease),border-color .5s}
.eq:hover{box-shadow:0 30px 70px -42px color-mix(in srgb,var(--gold) 55%,transparent)}
.eq .half{transition:background .4s var(--ease)}
.eq .top .half:hover{background:color-mix(in srgb,var(--gold) 6%,transparent)}
.eq .result{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gold) 5%,transparent))}

/* Kennzahl-Boxen (Consulting) – Lift + Gold-Toplinie */
.cred{position:relative;background:linear-gradient(180deg,var(--surface),var(--bg));overflow:hidden;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s}
.cred::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(.3);opacity:0;transition:.45s var(--ease)}
.cred:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--gold) 35%,var(--line));
  box-shadow:0 24px 54px -30px color-mix(in srgb,var(--gold) 48%,transparent)}
.cred:hover::before{opacity:.95;transform:scaleX(1)}

/* KI-Feature-Raster – Eck-Akzent beim Hover */
.kgrid .cell{position:relative;overflow:hidden}
.kgrid .cell::after{content:"";position:absolute;left:0;top:0;width:0;height:0;
  border-top:2px solid var(--gold);border-left:2px solid var(--gold);opacity:0;
  transition:width .4s var(--ease),height .4s var(--ease),opacity .4s}
.kgrid .cell:hover::after{width:18px;height:18px;opacity:.85}

/* Tags & Badges – etwas mehr Substanz */
.tag{background:color-mix(in srgb,var(--gold) 7%,transparent);transition:border-color .3s,color .3s,background .3s}
.card:hover .tag{border-color:color-mix(in srgb,var(--gold) 30%,var(--line))}
.badge{transition:transform .3s var(--ease),box-shadow .3s}
.badge:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent)}

/* Formularfelder – weicher Gold-Fokusring */
.field input,.field textarea{transition:border-color .25s,box-shadow .25s,background .25s}
.field input:focus,.field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 18%,transparent)}

/* Termin- & Leistungszeilen – Gold-Markierung links beim Hover */
.drow,.svc .row{position:relative}
.drow::before,.svc .row::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:2px;height:0;background:var(--gold);transition:height .35s var(--ease)}
.drow:hover::before{height:62%}
.svc .row:hover::before{height:52%}

/* Kennzahlen-Band als 4er-Raster (Mensch & KI) */
.creds.four{grid-template-columns:repeat(4,1fr);max-width:980px}
@media(max-width:780px){.creds.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.creds.four{grid-template-columns:1fr}}

/* Tastatur-Fokus · sichtbarer Gold-Ring (Accessibility) */
a:focus-visible,button:focus-visible,.btn:focus-visible,.themer button:focus-visible,
input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.menu a:focus-visible{outline-offset:6px}
/* Maus-Klick soll keinen Ring zeigen (nur Tastatur) */
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}

/* Gestaffelte Reveals */
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}

/* Reduced-Motion respektieren */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}
  .cursor-glow{display:none!important}
  .hero .glow::before,.hero .glow::after,.trust .row,.hero .scroll i{animation:none!important}
}

/* Menü früher ins Burger-Menü klappen, damit die 7 Punkte nicht umbrechen */
@media(max-width:1120px){
  .menu{display:none}
  .burger{display:block}
  .menu.open{display:flex;position:absolute;top:84px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 36px 20px}
  .menu.open a{padding:14px 0;border-bottom:1px solid var(--line)}
  .menu.open a::after{display:none}
  .ticket{display:none}
}
@media(max-width:430px){ .brand-claim{display:none} }