/*
Theme Name:  Trittwerk Tierorthopädie
Version:     5.9.2
Author:      Trittwerk
Text Domain: trittwerk
*/

/* ═══ TOKENS ═══ */
:root {
  --c1:      #2d565b;   /* Petrol Haupt */
  --c1d:     #1a373b;   /* Petrol Dunkel */
  --c1xd:    #0c1d1f;   /* Petrol Sehr Dunkel */
  --c1h:     #5b8f95;   /* Petrol Hell */
  --c1bg:    #e8f4f5;   /* Petrol Hintergrund */
  --c2:      #c9a96e;   /* Gold Akzent */
  --c2d:     #a8824a;   /* Gold Dunkel */
  --c3:      #fafaf8;   /* Weiß */
  --c3g:     #f0eeeb;   /* Grau */
  --c3g2:    #e2dfdb;   /* Grau Dunkel */
  --txt:     #1a2e30;   /* Text */
  --txt2:    #3d5557;   /* Text Mittel */
  --txt3:    #6b8880;   /* Text Dim */
  --serif:   'Cormorant Garamond', Georgia, serif;
  --sans:    'DM Sans', system-ui, sans-serif;
  --r:       10px;
  --rl:      18px;
  --ease:    cubic-bezier(.25,.46,.45,.94);
  --t:       .2s;
}

/* ═══ RESET ═══ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-size:17px;line-height:1.75;color:var(--txt);background:var(--c3);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}

/* ═══ TYPO ═══ */
h1,h2,h3,h4{font-family:var(--serif);line-height:1.1;letter-spacing:-.02em;color:var(--txt)}
h1{font-size:clamp(38px,5.5vw,80px);font-weight:600}
h2{font-size:clamp(26px,3.8vw,52px);font-weight:600}
h3{font-size:clamp(20px,2.8vw,34px);font-weight:600}
h1 em,h2 em,h3 em{font-style:italic;color:var(--c1)}
p{line-height:1.8}

/* ═══ LAYOUT ═══ */
.sec{padding:clamp(56px,8vw,112px) clamp(20px,5vw,80px)}
.sec-w  {background:var(--c3)}
.sec-g  {background:var(--c3g)}
.sec-b  {background:var(--c1bg)}
.sec-d  {background:var(--c1d)}
.sec-xd {background:var(--c1xd)}

/* ═══ KICKER ═══ */
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c1);margin-bottom:16px}
.kicker::before{content:'';display:block;width:22px;height:2px;background:var(--c1);flex-shrink:0}
.kicker-w{color:rgba(255,255,255,.55)}
.kicker-w::before{background:rgba(255,255,255,.3)}
.kicker-g{color:var(--c2)}
.kicker-g::before{background:var(--c2)}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.03em;transition:all var(--t) var(--ease);cursor:pointer;white-space:nowrap;text-decoration:none}
.btn-p{background:var(--c1);color:#fff}
.btn-p:hover{background:var(--c1d);transform:translateY(-1px);box-shadow:0 6px 20px rgba(45,86,91,.3)}
.btn-g{background:var(--c2);color:var(--c1xd)}
.btn-g:hover{background:var(--c2d);transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,169,110,.3)}
.btn-o{background:transparent;color:var(--c1);border:1.5px solid var(--c1)}
.btn-o:hover{background:var(--c1);color:#fff}
.btn-w{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(8px)}
.btn-w:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.5)}
.btn-lg{padding:16px 32px;font-size:15px}

/* ═══ NAV ═══ */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);background:rgba(250,250,248,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(45,86,91,.07);transition:box-shadow .3s}
.site-nav.scrolled{box-shadow:0 2px 24px rgba(26,55,59,.08)}
body{padding-top:68px}
.nav-logo{display:flex;align-items:center;flex-shrink:0}
.nav-logo img{height:54px!important;max-width:280px!important;width:auto!important;object-fit:contain!important;image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important}
.nav-logo-name{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--c1d)}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-link{padding:8px 13px;border-radius:7px;font-size:14px;font-weight:500;color:var(--txt2);transition:all var(--t) var(--ease);white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--c1);background:var(--c1bg)}
.nav-cta{padding:9px 20px;background:var(--c1);color:#fff!important;border-radius:7px;font-size:14px;font-weight:600;transition:all var(--t) var(--ease);margin-left:6px}
.nav-cta:hover{background:var(--c1d);transform:translateY(-1px)}
.nav-burger{display:none;flex-direction:column;gap:5px;padding:8px}
.nav-burger span{display:block;width:21px;height:2px;background:var(--txt);border-radius:2px;transition:all .3s}

/* ═══ DROPDOWN ═══ */
.nav-dd-wrap{position:relative}
.nav-dd{
  position:absolute;top:calc(100% + 6px);left:50%;
  transform:translateX(-50%);
  min-width:620px;
  background:var(--c3);
  border:1px solid var(--c3g2);
  border-radius:var(--rl);
  box-shadow:0 20px 60px rgba(26,55,59,.12);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s,visibility .15s;
  z-index:200;
  /* Padding schließt Lücke zum Nav-Link */
  padding-top:6px;
  margin-top:-6px;
}
.nav-dd.open{opacity:1;visibility:visible;pointer-events:all}
.nav-dd-inner{display:grid;grid-template-columns:1fr 210px;border-radius:var(--rl);overflow:hidden}
.nav-dd-col{padding:22px}
.nav-dd-dark{background:var(--c1d);padding:22px}
.nav-dd-head{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c1);margin-bottom:10px}
.nav-dd-head-w{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:10px}
.nav-dd-item{display:flex;align-items:flex-start;gap:11px;padding:9px 11px;border-radius:8px;transition:background .15s;color:var(--txt)}
.nav-dd-item:hover{background:var(--c1bg)}
.nav-dd-item.active{background:var(--c1bg)}
.nav-dd-nr{font-family:var(--serif);font-size:11px;font-style:italic;color:var(--c1);width:18px;flex-shrink:0;padding-top:2px}
.nav-dd-titel{font-size:13px;font-weight:600;color:var(--txt)}
.nav-dd-sub{font-size:11px;color:var(--txt3);margin-top:1px}
.nav-dd-item-w{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.8);transition:color .15s}
.nav-dd-item-w:last-of-type{border-bottom:none}
.nav-dd-item-w:hover{color:#fff}
.nav-dd-titel-w{font-size:13px;font-weight:600}
.nav-dd-sub-w{font-size:11px;color:rgba(255,255,255,.45);margin-top:1px}
/* Tiere Dropdown */
.nav-dd-tiere{min-width:400px}
.nav-dd-tiere .nav-dd-inner{grid-template-columns:1fr}

/* ═══ MOBILE NAV ═══ */
.mobile-nav{display:none;position:fixed;inset:0;z-index:999;background:var(--c3);padding:76px 24px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .32s var(--ease)}
.mobile-nav.open{transform:translateX(0)}
.mob-close{position:absolute;top:18px;right:20px;font-size:22px;padding:8px;color:var(--txt2)}
.mob-gruppe{margin-bottom:28px}
.mob-kopf{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c1);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--c3g2)}
.mobile-nav a{display:block;padding:11px 0;font-size:16px;font-weight:500;color:var(--txt2);border-bottom:1px solid var(--c3g)}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a.active{color:var(--c1)}
.mob-cta{display:block;text-align:center;padding:15px!important;background:var(--c1)!important;color:#fff!important;border-radius:8px!important;font-size:16px!important;font-weight:600!important;margin-top:20px;border:none!important}

/* ═══ HERO ═══ */
.hero{position:relative;min-height:88vh;display:flex;flex-direction:column;background:var(--c1d)}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-ov{position:absolute;inset:0;z-index:1}
.hero-body{position:relative;z-index:2;display:grid;grid-template-columns:1fr 400px;gap:52px;align-items:center;padding:80px clamp(20px,5vw,80px) 60px;width:100%;max-width:1280px;margin:0 auto}
.hero-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.hero-kicker-linie{width:26px;height:2px;background:var(--c2);flex-shrink:0}
.hero-kicker-text{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--c2)}
.hero-h1{font-size:clamp(40px,5.5vw,82px);color:#fff;margin-bottom:22px;line-height:1.0}
.hero-h1 em{color:var(--c2);font-style:italic}
.hero-txt{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.6);max-width:520px;line-height:1.8;margin-bottom:36px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);max-width:1280px;width:100%;margin:0 auto}
.hero-stat{padding:24px clamp(16px,3vw,40px);border-right:1px solid rgba(255,255,255,.07)}
.hero-stat:last-child{border-right:none}
.hero-stat-n{font-family:var(--serif);font-size:34px;font-weight:600;color:#fff;line-height:1}
.hero-stat-l{font-size:12px;color:rgba(255,255,255,.4);margin-top:4px}

/* Hero Box */
.hero-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:var(--rl);padding:28px;backdrop-filter:blur(10px)}
.hb-eye{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--c2);margin-bottom:10px}
.hb-t{font-family:var(--serif);font-size:24px;font-weight:600;color:#fff;margin-bottom:22px;line-height:1.2}
.hb-schritt{display:flex;align-items:flex-start;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hb-schritt:last-of-type{border-bottom:none}
.hb-n{width:30px;height:30px;border-radius:50%;background:var(--c1);color:#fff;font-family:var(--serif);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hb-st{font-size:13px;font-weight:600;color:#fff}
.hb-sd{font-size:12px;color:rgba(255,255,255,.5);margin-top:2px}
.hb-fuss{margin-top:18px;padding:12px 14px;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.2);border-radius:8px;display:flex;align-items:center;gap:8px}
.hb-dot{width:7px;height:7px;border-radius:50%;background:var(--c2);flex-shrink:0;animation:pulse 2s ease-in-out infinite}
.hb-note{font-size:12px;color:var(--c2);font-weight:500}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}

/* ═══ PAGE HEADER ═══ */
.ph{position:relative;min-height:380px;display:flex;align-items:center;padding:clamp(72px,9vw,120px) clamp(20px,5vw,80px) clamp(52px,7vw,80px);overflow:hidden;background:var(--c1d)}
.ph-bg{position:absolute;inset:0;z-index:0}
.ph-bg img{width:100%;height:100%;object-fit:cover}
.ph-ov{position:absolute;inset:0;z-index:1}
.ph-body{position:relative;z-index:2;max-width:760px}
.ph-h1{font-size:clamp(34px,5vw,68px);color:#fff;margin-bottom:18px;line-height:1.05}
.ph-h1 em{color:var(--c2);font-style:italic}
.ph-sub{font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.65);max-width:540px;line-height:1.75;margin-bottom:28px}
.ph-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ═══ TRUST BAR ═══ */
.trust-bar{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,36px);flex-wrap:wrap;padding:18px clamp(20px,5vw,80px);background:var(--c3g);border-bottom:1px solid var(--c3g2)}
.trust-i{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--txt3);font-weight:500}
.trust-haken{width:18px;height:18px;border-radius:50%;background:var(--c1);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ═══ ZWISCHENTITEL ═══ */
.zt{font-family:var(--serif);font-size:clamp(26px,3.8vw,50px);font-weight:600;color:var(--txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.zt em{font-style:italic;color:var(--c1)}
.zt-w{color:#fff}
.zt-w em{color:var(--c2)}
.fl{font-size:17px;color:var(--txt3);line-height:1.8;max-width:620px}

/* ═══ LEISTUNGEN ═══ */
.leist-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--c3g2);border-radius:var(--rl);overflow:hidden;margin-top:48px}
.leist-k{padding:28px;border-right:1px solid var(--c3g2);border-bottom:1px solid var(--c3g2);transition:background var(--t)}
.leist-k:hover{background:var(--c1bg)}
.leist-k:nth-child(3n){border-right:none}
.leist-k:nth-last-child(-n+3){border-bottom:none}
.leist-nr{font-family:var(--serif);font-size:12px;font-style:italic;color:var(--c1);margin-bottom:9px}
.leist-t{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--txt);margin-bottom:8px}
.leist-d{font-size:13px;color:var(--txt3);line-height:1.65;margin-bottom:12px}
.leist-link{font-size:13px;font-weight:600;color:var(--c1)}

/* ═══ ABLAUF / PROZESS ═══ */
.pz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;position:relative}
.pz-k{padding:32px;background:var(--c1bg);border:1px solid var(--c3g2);position:relative;overflow:visible}
.pz-k:first-child{border-radius:var(--rl) 0 0 var(--rl)}
.pz-k:last-child{border-radius:0 var(--rl) var(--rl) 0}
.pz-pfeil{position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:20;width:40px;height:40px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 3px 12px rgba(45,86,91,.3);flex-shrink:0;font-style:normal}
.pz-n{font-family:var(--serif);font-size:44px;font-weight:600;color:var(--c1);opacity:.18;line-height:1;margin-bottom:10px}
.pz-t{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--txt);margin-bottom:8px}
.pz-d{font-size:13px;color:var(--txt3);line-height:1.7;margin-bottom:12px}
.pz-badge{display:inline-block;padding:3px 11px;background:var(--c1);color:#fff;border-radius:20px;font-size:11px;font-weight:600}

/* ═══ KIT SPLIT ═══ */
.kit-split{display:grid;grid-template-columns:1fr 1fr}
.kit-l{background:var(--c1d);padding:clamp(44px,6vw,88px) clamp(24px,4vw,72px)}
.kit-r{background:var(--c3);padding:clamp(44px,6vw,88px) clamp(24px,4vw,72px)}
.kit-h{font-family:var(--serif);font-size:clamp(24px,3.2vw,40px);font-weight:600;color:#fff;line-height:1.1;margin-bottom:14px}
.kit-h em{font-style:italic;color:var(--c2)}
.kit-sub{font-size:16px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:28px}
.kit-el{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:9px;margin-bottom:8px}
.kit-sym{font-size:20px;flex-shrink:0}
.kit-et{font-size:13px;font-weight:600;color:#fff}
.kit-ed{font-size:12px;color:rgba(255,255,255,.45);margin-top:2px}
.kit-hint{display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.2);border-radius:8px}
.kit-hdot{width:7px;height:7px;border-radius:50%;background:var(--c2);flex-shrink:0}
.kit-htxt{font-size:12px;color:var(--c2)}
.kit-rh{font-family:var(--serif);font-size:clamp(22px,2.8vw,36px);font-weight:600;color:var(--txt);margin-bottom:8px}
.kit-rh em{font-style:italic;color:var(--c1)}
.kit-rs{font-size:15px;color:var(--txt3);margin-bottom:22px}
.kit-schritt{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--c3g2)}
.kit-schritt:last-child{border-bottom:none}
.kit-sn{width:30px;height:30px;border-radius:50%;background:var(--c1);color:#fff;font-family:var(--serif);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kit-st{font-size:13px;font-weight:600;color:var(--txt)}
.kit-sd{font-size:12px;color:var(--txt3);margin-top:2px}

/* ═══ TIERE ═══ */
.tiere-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.tier-k{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:26px 18px;text-align:center;transition:all var(--t) var(--ease);display:block;color:inherit}
.tier-k:hover{border-color:var(--c1);background:var(--c1bg);transform:translateY(-2px)}
.tier-sym{font-size:42px;margin-bottom:10px;display:block}
.tier-name{font-family:var(--serif);font-size:19px;font-weight:600;color:var(--txt);margin-bottom:9px}
.tier-tags{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:14px}
.tier-tag{font-size:10px;padding:2px 8px;background:var(--c1bg);color:var(--c1);border-radius:20px;font-weight:500}
.tier-link{font-size:12px;color:var(--c1);font-weight:600}
/* Tier-Panel (Tabs) */
.tier-tabs-wrap{margin-top:36px}
.tier-leiste{display:flex;gap:6px;border-bottom:2px solid var(--c3g2);margin-bottom:36px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.tier-tab-btn{padding:10px 22px;font-size:14px;font-weight:600;color:var(--txt3);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all var(--t);cursor:pointer;background:none;border-radius:6px 6px 0 0}
.tier-tab-btn:hover{color:var(--c1)}
.tier-tab-btn.active{color:var(--c1);border-bottom-color:var(--c1);background:var(--c1bg)}
.tier-panel{display:none;grid-template-columns:1fr 360px;gap:52px;align-items:start}
.tier-panel.active{display:grid}
.tier-dienste{display:flex;flex-direction:column;gap:6px;margin-top:20px}
.tier-dienst{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--txt2);padding:9px 0;border-bottom:1px solid var(--c3g)}
.tier-dienst::before{content:'✓';color:var(--c1);font-weight:700;flex-shrink:0}
.tier-foto{border-radius:var(--rl);overflow:hidden;height:360px;background:var(--c1bg);display:flex;align-items:center;justify-content:center}
.tier-foto img{width:100%;height:100%;object-fit:cover}
.tier-foto-ph{font-size:72px}

/* ═══ STIMMEN ═══ */
.stimmen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.stimme{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:28px}
.st-anf{font-family:var(--serif);font-size:50px;color:var(--c1);opacity:.18;line-height:.8;margin-bottom:14px}
.st-txt{font-size:14px;line-height:1.75;color:var(--txt2);margin-bottom:18px}
.st-linie{width:28px;height:2px;background:var(--c1);margin-bottom:10px}
.st-name{font-size:13px;font-weight:600;color:var(--txt)}
.st-tier{font-size:11px;color:var(--txt3);margin-top:2px}

/* ═══ INDIKATIONEN ═══ */
.indik-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:44px}
.indik-i{padding:18px 22px;background:var(--c3);border:1px solid var(--c3g2);border-left:3px solid var(--c1);border-radius:9px;transition:all var(--t)}
.indik-i:hover{background:var(--c1bg);border-color:var(--c1)}
.indik-row{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.indik-t{font-size:14px;font-weight:600;color:var(--txt)}
.indik-tag{font-size:10px;padding:2px 8px;background:var(--c1bg);color:var(--c1);border-radius:20px;font-weight:600;white-space:nowrap}
.indik-d{font-size:12px;color:var(--txt3);line-height:1.6}

/* ═══ FAQ ═══ */
.faq-list{display:flex;flex-direction:column;gap:0;margin-top:36px}
.faq-i{border-bottom:1px solid var(--c3g2)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:15px;font-weight:600;color:var(--txt);cursor:pointer;gap:14px;transition:color var(--t)}
.faq-q:hover{color:var(--c1)}
.faq-q::after{content:'+';font-size:18px;color:var(--c1);font-weight:400;flex-shrink:0;transition:transform .3s}
.faq-i.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;font-size:14px;color:var(--txt3);line-height:1.8;transition:max-height .35s var(--ease),padding .25s}
.faq-i.open .faq-a{max-height:400px;padding-bottom:18px}

/* ═══ WHY ═══ */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px}
.why-k{padding:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl)}
.why-sym{font-size:26px;margin-bottom:12px;display:block}
.why-t{font-family:var(--serif);font-size:19px;font-weight:600;color:#fff;margin-bottom:8px}
.why-d{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}

/* ═══ ÜBER UNS ═══ */
.ub-grid{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start}
.ub-box{background:var(--c1);border-radius:var(--rl);padding:40px;color:#fff}
.ub-zitat{font-family:var(--serif);font-size:22px;font-style:italic;font-weight:600;line-height:1.4;margin-bottom:20px;padding-left:18px;border-left:3px solid rgba(255,255,255,.3)}
.ub-txt{font-size:14px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:10px}
.ub-hr{border:none;border-top:1px solid rgba(255,255,255,.15);margin:22px 0}
.ub-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uz-n{font-family:var(--serif);font-size:28px;font-weight:600;color:#fff}
.uz-l{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px}
.ub-werte{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.uv-k{padding:18px;background:var(--c3);border:1px solid var(--c3g2);border-radius:9px}
.uv-sym{font-size:20px;margin-bottom:8px;display:block}
.uv-t{font-size:13px;font-weight:600;color:var(--txt);margin-bottom:3px}
.uv-d{font-size:12px;color:var(--txt3);line-height:1.6}

/* ═══ KONTAKT ═══ */
.kt-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.kd-liste{margin-top:20px}
.kd-z{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--c3g2);gap:18px}
.kd-bez{font-size:12px;color:var(--txt3);font-weight:500}
.kd-val{font-size:14px;font-weight:600;color:var(--txt);text-align:right}
.kd-val a{color:var(--c1)}
.form-box{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:36px;box-shadow:0 6px 32px rgba(26,55,59,.06)}
.form-t{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--txt);margin-bottom:5px}
.form-s{font-size:13px;color:var(--txt3);margin-bottom:24px}

/* ═══ ANFRAGE FORMULAR ═══ */
.af-l{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt2);margin-bottom:5px;margin-top:14px}
.af-i,.af-s,.af-t{width:100%;padding:12px 15px;border:1.5px solid var(--c3g2);border-radius:8px;font-family:var(--sans);font-size:14px;color:var(--txt);background:var(--c3);transition:border-color var(--t);outline:none}
.af-i:focus,.af-s:focus,.af-t:focus{border-color:var(--c1);box-shadow:0 0 0 3px rgba(45,86,91,.08)}
.af-t{resize:vertical;min-height:110px}
.af-s{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b8880' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:36px}
.af-r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.af-btn{width:100%;padding:15px;background:var(--c1);color:#fff;border:none;border-radius:8px;font-family:var(--sans);font-size:15px;font-weight:700;cursor:pointer;margin-top:20px;transition:all var(--t) var(--ease);letter-spacing:.02em}
.af-btn:hover{background:var(--c1d);transform:translateY(-1px);box-shadow:0 6px 20px rgba(45,86,91,.3)}
.af-upload{border:2px dashed var(--c3g2);border-radius:9px;padding:24px;text-align:center;cursor:pointer;transition:all var(--t);background:var(--c3g)}
.af-upload:hover{border-color:var(--c1);background:var(--c1bg)}
.af-up-ico{font-size:32px;margin-bottom:8px}
.af-up-txt{font-size:13px;color:var(--txt3)}
.af-up-hint{font-size:11px;color:var(--txt3);opacity:.7;margin-top:3px}
.af-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--c3g2)}
.af-ti{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--txt3)}
.form-ok{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}
.form-err{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}
/* Legacy aliases */
.f-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--txt2);margin-bottom:5px;margin-top:14px}
.f-input,.f-select,.f-textarea{width:100%;padding:12px 15px;border:1.5px solid var(--c3g2);border-radius:8px;font-family:var(--sans);font-size:14px;color:var(--txt);background:var(--c3);transition:border-color var(--t);outline:none}
.f-input:focus,.f-select:focus,.f-textarea:focus{border-color:var(--c1)}
.f-textarea{resize:vertical;min-height:100px}
.f-reihe2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-senden{width:100%;padding:15px;background:var(--c1);color:#fff;border:none;border-radius:8px;font-family:var(--sans);font-size:15px;font-weight:700;cursor:pointer;margin-top:20px;transition:all var(--t)}
.f-senden:hover{background:var(--c1d)}
/* ═══ CTA BANNER ═══ */
.cta-ban{display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;padding:clamp(44px,6vw,72px) clamp(20px,5vw,80px);background:var(--c1)}
.cta-h{font-family:var(--serif);font-size:clamp(24px,3vw,40px);font-weight:600;color:#fff;line-height:1.15;margin-bottom:8px}
.cta-s{font-size:15px;color:rgba(255,255,255,.62);margin-bottom:18px}
.cta-phone{display:flex;align-items:center;gap:7px;font-size:14px;color:rgba(255,255,255,.75)}
.cta-phone a{color:#fff;font-weight:600}
.cta-btns{display:flex;flex-direction:column;gap:10px;align-items:flex-start}

/* ═══ FOOTER ═══ */
.site-footer{background:var(--c1xd);border-top:1px solid rgba(255,255,255,.06)}
.ft-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding:clamp(44px,6vw,72px) clamp(20px,5vw,80px)}
.ft-logo img{height:34px;max-width:180px;width:auto;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;margin-bottom:14px}
.ft-logo-name{font-family:var(--serif);font-size:24px;font-weight:600;color:#fff;margin-bottom:12px}
.ft-tag{font-size:13px;color:rgba(255,255,255,.38);line-height:1.7;margin-bottom:18px}
.ft-kontakt a,.ft-kontakt span{display:block;color:rgba(255,255,255,.42);font-size:13px;margin-bottom:5px;transition:color var(--t)}
.ft-kontakt a:hover{color:var(--c2)}
.ft-sp h4{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:16px}
.ft-sp a{display:block;color:rgba(255,255,255,.42);font-size:13px;margin-bottom:9px;transition:color var(--t)}
.ft-sp a:hover{color:#fff}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding:18px clamp(20px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ft-copy{font-size:12px;color:rgba(255,255,255,.25)}
.ft-legal{display:flex;gap:18px}
.ft-legal a{font-size:12px;color:rgba(255,255,255,.25);transition:color var(--t)}
.ft-legal a:hover{color:rgba(255,255,255,.55)}

/* ═══ ANFRAGE LAYOUT ═══ */
.anf-layout{display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:start}
.anf-sticky{position:sticky;top:88px}
.at-item{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px}
.at-ico{width:38px;height:38px;border-radius:50%;background:var(--c1bg);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.at-body{font-size:13px;color:var(--txt2);line-height:1.6}
.at-t{font-weight:600;color:var(--txt);margin-bottom:2px}

/* ═══ GALERIE ═══ */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.gal-i{border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:var(--c3g);display:flex;align-items:center;justify-content:center;font-size:44px;color:var(--c3g2)}
.gal-i img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.gal-i:hover img{transform:scale(1.04)}

/* ═══ BLOG ═══ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.blog-k{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);overflow:hidden;display:block;color:inherit;transition:all var(--t) var(--ease)}
.blog-k:hover{border-color:var(--c1);transform:translateY(-2px);box-shadow:0 8px 28px rgba(45,86,91,.08)}
.blog-bild{height:190px;background:var(--c1bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:48px}
.blog-bild img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-k:hover .blog-bild img{transform:scale(1.04)}
.blog-body{padding:22px}
.blog-kat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c1);margin-bottom:7px}
.blog-t{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--txt);margin-bottom:7px;line-height:1.3}
.blog-d{font-size:12px;color:var(--txt3);line-height:1.6}

/* ═══ ANIMATIONEN ═══ */
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1100px){
  .hero-body{grid-template-columns:1fr;max-width:680px}
  .hero-box{display:none}
  .anf-layout{grid-template-columns:1fr}
  .anf-sticky{position:static}
  .ft-main{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:900px){
  body{padding-top:60px}
  .site-nav{height:60px}
  .nav-links,.nav-cta{display:none}
  .nav-burger{display:flex}
  .mobile-nav{display:block}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .hero-stat{border-bottom:1px solid rgba(255,255,255,.07)}
  .leist-grid{grid-template-columns:1fr 1fr}
  .leist-k:nth-child(2n){border-right:none}
  .stimmen-grid,.why-grid{grid-template-columns:1fr}
  .kit-split{grid-template-columns:1fr}
  .pz-grid{grid-template-columns:1fr}
  .pz-k:first-child{border-radius:var(--rl) var(--rl) 0 0}
  .pz-k:last-child{border-radius:0 0 var(--rl) var(--rl)}
  .pz-pfeil{display:none}
  .indik-grid{grid-template-columns:1fr}
  .ub-grid,.kt-grid{grid-template-columns:1fr}
  .tier-panel{grid-template-columns:1fr}
  .tier-foto{height:180px}
  .tiere-grid{grid-template-columns:repeat(2,1fr)}
  .cta-ban{grid-template-columns:1fr}
  .gal-grid,.blog-grid{grid-template-columns:1fr 1fr}
  .ub-werte{grid-template-columns:1fr}
}
@media(max-width:600px){
  .leist-grid{grid-template-columns:1fr}
  .leist-k{border-right:none}
  .leist-k:last-child{border-bottom:none}
  .ft-main{grid-template-columns:1fr}
  .gal-grid,.blog-grid{grid-template-columns:1fr}
  .tiere-grid{grid-template-columns:repeat(2,1fr)}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .af-r2,.f-reihe2{grid-template-columns:1fr}
  .ft-bot{flex-direction:column;text-align:center}
  .trust-bar{gap:12px;justify-content:flex-start}
}

/* ═══ BACKWARDS-COMPATIBILITY ALIASES ═══ */

/* Page Header (alte Klassen) */
.page-header { position:relative;min-height:360px;display:flex;align-items:center;padding:clamp(72px,9vw,120px) clamp(20px,5vw,80px) clamp(52px,7vw,80px);overflow:hidden;background:var(--c1d) }
.page-header-bg { position:absolute;inset:0;z-index:0 }
.page-header-bg img { width:100%;height:100%;object-fit:cover }
.page-header-overlay,.page-header-ov { position:absolute;inset:0;z-index:1 }
.page-header-ring { position:absolute;border-radius:50%;pointer-events:none;z-index:1 }
.page-header-inhalt { position:relative;z-index:2;max-width:760px }
.ph-kicker { margin-bottom:18px }
.ph-h1 { font-size:clamp(34px,5vw,68px);color:#fff;margin-bottom:18px;line-height:1.05;font-family:var(--serif);font-weight:600 }
.ph-h1 em { color:var(--c2);font-style:italic }
.ph-text,.ph-sub { font-size:clamp(15px,1.8vw,18px);color:rgba(255,255,255,.65);max-width:540px;line-height:1.75;margin-bottom:24px }
.ph-btns { display:flex;gap:12px;flex-wrap:wrap }

/* Zwischentitel */
.zwischentitel { font-family:var(--serif);font-size:clamp(26px,3.8vw,50px);font-weight:600;color:var(--txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px }
.zwischentitel em { font-style:italic;color:var(--c1) }
.zwischentitel-hell { color:#fff }
.zwischentitel-hell em { color:var(--c2) }
.fliesstext { font-size:17px;color:var(--txt3);line-height:1.8;max-width:620px }
.kicker-hell { color:rgba(255,255,255,.55) }
.kicker-hell::before { background:rgba(255,255,255,.3) }

/* Ablauf */
.ablauf-raster { display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px }
.ablauf-karte { padding:32px;background:var(--c1bg);border:1px solid var(--c1);position:relative }
.ablauf-karte:first-child { border-radius:var(--rl) 0 0 var(--rl) }
.ablauf-karte:last-child { border-radius:0 var(--rl) var(--rl) 0 }
.ablauf-pfeil { position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;background:var(--c1);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px }
.ablauf-num { font-family:var(--serif);font-size:44px;font-weight:600;color:var(--c1);opacity:.18;line-height:1;margin-bottom:10px }
.ablauf-titel { font-family:var(--serif);font-size:18px;font-weight:600;color:var(--txt);margin-bottom:8px }
.ablauf-text { font-size:13px;color:var(--txt3);line-height:1.7;margin-bottom:12px }
.ablauf-badge { display:inline-block;padding:3px 11px;background:var(--c1);color:#fff;border-radius:20px;font-size:11px;font-weight:600 }

/* Indikationen */
.indik-raster,.indik-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:44px }
.indik-element,.indik-i { padding:18px 22px;background:var(--c3);border:1px solid var(--c3g2);border-left:3px solid var(--c1);border-radius:9px;transition:all var(--t) }
.indik-element:hover,.indik-i:hover { background:var(--c1bg);border-color:var(--c1) }
.indik-zeile,.indik-row { display:flex;align-items:center;gap:9px;margin-bottom:5px }
.indik-titel,.indik-t { font-size:14px;font-weight:600;color:var(--txt) }
.indik-tag { font-size:10px;padding:2px 8px;background:var(--c1bg);color:var(--c1);border-radius:20px;font-weight:600;white-space:nowrap }
.indik-text,.indik-d { font-size:12px;color:var(--txt3);line-height:1.6 }

/* Leistungskarten (alt) */
.leist-karte { padding:28px;border-right:1px solid var(--c3g2);border-bottom:1px solid var(--c3g2);transition:background var(--t) }
.leist-karte:hover { background:var(--c1bg) }
.leist-titel { font-family:var(--serif);font-size:18px;font-weight:600;color:var(--txt);margin-bottom:8px }
.leist-text { font-size:13px;color:var(--txt3);line-height:1.65;margin-bottom:12px }
.leist-link { font-size:13px;font-weight:600;color:var(--c1) }
.leist-nr { font-family:var(--serif);font-size:12px;font-style:italic;color:var(--c1);margin-bottom:9px }

/* Kontakt */
.kontakt-raster { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start }
.kd-zeile { display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--c3g2);gap:18px }
.kd-bezeichnung { font-size:12px;color:var(--txt3);font-weight:500 }
.kd-wert { font-size:14px;font-weight:600;color:var(--txt);text-align:right }
.kd-wert a { color:var(--c1) }
.form-kasten { background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:36px;box-shadow:0 6px 32px rgba(26,55,59,.06) }
.form-kasten-titel { font-family:var(--serif);font-size:24px;font-weight:600;color:var(--txt);margin-bottom:5px }
.form-kasten-unter { font-size:13px;color:var(--txt3);margin-bottom:24px }
.form-erfolg { background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px }
.form-fehler { background:#fef2f2;border:1px solid #fca5a5;color:#991b1b;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px }

/* Tier-Seiten */
.tier-hero-split { display:grid;grid-template-columns:1fr 1fr;min-height:480px }
.tier-hero-inhalt { background:var(--c1d);padding:clamp(52px,7vw,88px) clamp(20px,5vw,72px);display:flex;align-items:center }
.tier-h1 { font-family:var(--serif);font-size:clamp(34px,4.5vw,64px);font-weight:600;color:#fff;line-height:1.05;margin-bottom:18px }
.tier-h1 em { color:var(--c2);font-style:italic }
.tier-intro { font-size:17px;color:rgba(255,255,255,.62);line-height:1.78;margin-bottom:28px }
.tier-hero-bild { position:relative;overflow:hidden;background:var(--c1bg) }
.tier-hero-bild img { width:100%;height:100%;object-fit:cover }
.tier-hero-ph { display:flex;align-items:center;justify-content:center;font-size:100px }
.tier-dienste-grid { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px }
.tier-dienst-k { padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;gap:9px;font-size:13px;color:rgba(255,255,255,.8) }
.tier-dienst-k::before { content:'✓';color:var(--c2);font-weight:700;flex-shrink:0 }
.tier-diagnose { display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--c3g2);font-size:14px;color:var(--txt2) }
.tier-diagnose::before { content:'✓';color:var(--c1);font-weight:700;flex-shrink:0 }
.tier-st-txt { font-size:14px;line-height:1.75;color:var(--txt2);margin-bottom:16px }
.tier-st-name { font-size:13px;font-weight:600;color:var(--txt) }
.tier-st-tier { font-size:11px;color:var(--txt3);margin-top:2px }
.tier-foto-platz { display:flex;align-items:center;justify-content:center;font-size:80px;height:100% }

/* Über uns */
.ueber-raster { display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start }
.ueber-kasten { background:var(--c1);border-radius:var(--rl);padding:40px;color:#fff }
.ueber-zitat { font-family:var(--serif);font-size:22px;font-style:italic;font-weight:600;line-height:1.4;margin-bottom:20px;padding-left:18px;border-left:3px solid rgba(255,255,255,.3) }
.ueber-text { font-size:14px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:10px }
.ueber-trennlinie { border:none;border-top:1px solid rgba(255,255,255,.15);margin:22px 0 }
.ueber-zahlen { display:grid;grid-template-columns:repeat(3,1fr);gap:14px }
.uz-zahl { font-family:var(--serif);font-size:28px;font-weight:600;color:#fff }
.uz-label { font-size:11px;color:rgba(255,255,255,.45);margin-top:2px }
.ueber-werte { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px }
.uv-karte { padding:18px;background:var(--c3);border:1px solid var(--c3g2);border-radius:9px }
.uv-symbol { font-size:20px;margin-bottom:8px;display:block }
.uv-titel { font-size:13px;font-weight:600;color:var(--txt);margin-bottom:3px }
.uv-text { font-size:12px;color:var(--txt3);line-height:1.6 }

/* Abdruck Kit (alte Klassen) */
.kit-links { background:var(--c1d);padding:clamp(44px,6vw,88px) clamp(24px,4vw,72px) }
.kit-rechts { background:var(--c3);padding:clamp(44px,6vw,88px) clamp(24px,4vw,72px) }
.kit-links-h { font-family:var(--serif);font-size:clamp(24px,3.2vw,40px);font-weight:600;color:#fff;line-height:1.1;margin-bottom:14px }
.kit-links-h em { font-style:italic;color:var(--c2) }
.kit-links-sub { font-size:16px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:28px }
.kit-element { display:flex;align-items:flex-start;gap:14px;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:9px;margin-bottom:8px }
.kit-symbol { font-size:20px;flex-shrink:0 }
.kit-el-titel { font-size:13px;font-weight:600;color:#fff }
.kit-el-text { font-size:12px;color:rgba(255,255,255,.45);margin-top:2px }
.kit-hinweis { display:flex;align-items:center;gap:8px;margin-top:18px;padding:12px 14px;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.2);border-radius:8px }
.kit-hinweis-punkt { width:7px;height:7px;border-radius:50%;background:var(--c2);flex-shrink:0 }
.kit-hinweis-text { font-size:12px;color:var(--c2) }
.kit-rechts-h { font-family:var(--serif);font-size:clamp(22px,2.8vw,36px);font-weight:600;color:var(--txt);margin-bottom:8px }
.kit-rechts-h em { font-style:italic;color:var(--c1) }
.kit-rechts-sub { font-size:15px;color:var(--txt3);margin-bottom:22px }
.kit-schritt { display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid var(--c3g2) }
.kit-schritt:last-child { border-bottom:none }
.kit-schritt-num { width:30px;height:30px;border-radius:50%;background:var(--c1);color:#fff;font-family:var(--serif);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.kit-schritt-titel { font-size:13px;font-weight:600;color:var(--txt) }
.kit-schritt-text { font-size:12px;color:var(--txt3);margin-top:2px }
.kit-faq-sec { background:var(--c1bg) }

/* Why-Grid */
.why-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:44px }
.why-karte { padding:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--rl) }
.why-symbol { font-size:26px;margin-bottom:12px;display:block }
.why-titel { font-family:var(--serif);font-size:19px;font-weight:600;color:#fff;margin-bottom:8px }
.why-text { font-size:13px;color:rgba(255,255,255,.5);line-height:1.7 }

/* Buttons (alte Namen) */
.btn-r { background:transparent;color:var(--c1);border:1.5px solid var(--c1);display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-size:14px;font-weight:600;transition:all var(--t) var(--ease);text-decoration:none }
.btn-r:hover { background:var(--c1);color:#fff }
.btn-g-old,.btn-g { background:var(--c1);color:#fff;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-size:14px;font-weight:600;transition:all var(--t) var(--ease);text-decoration:none }
.btn-g:hover { background:var(--c1d);transform:translateY(-1px) }
.btn-sm { padding:9px 18px;font-size:13px }
.btn-w-old,.btn-w { background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.25);display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-size:14px;font-weight:600;transition:all var(--t) var(--ease);text-decoration:none;backdrop-filter:blur(8px) }
.btn-w:hover { background:rgba(255,255,255,.22) }

/* Anfrage */
.anfrage-box { background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:36px;box-shadow:0 8px 40px rgba(26,55,59,.06) }
.anfrage-box-titel { font-family:var(--serif);font-size:24px;font-weight:600;color:var(--txt);margin-bottom:5px }
.anfrage-box-sub { font-size:13px;color:var(--txt3);margin-bottom:20px }
.anfrage-layout { display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:start }
.anfrage-sidebar { position:sticky;top:88px }

/* Legal */
.legal-inhalt { max-width:780px;margin:0 auto;padding:clamp(44px,6vw,72px) clamp(20px,5vw,80px) }
.legal-abschnitt { margin-bottom:36px }
.legal-abschnitt h2 { font-family:var(--serif);font-size:24px;margin-bottom:12px }
.legal-abschnitt p,.legal-abschnitt li { font-size:15px;color:var(--txt2);line-height:1.8;margin-bottom:8px }
.legal-abschnitt ul { list-style:disc;padding-left:20px }

/* Galerie */
.galerie-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px }
.galerie-item { border-radius:var(--rl);overflow:hidden;aspect-ratio:4/3;background:var(--c3g);display:flex;align-items:center;justify-content:center }
.galerie-item img { width:100%;height:100%;object-fit:cover;transition:transform .4s }
.galerie-item:hover img { transform:scale(1.04) }
.galerie-platz { font-size:44px;color:var(--c3g2) }

/* Responsive Fixes */
@media(max-width:900px){
  .ablauf-raster{grid-template-columns:1fr}
  .ablauf-karte:first-child{border-radius:var(--rl) var(--rl) 0 0}
  .ablauf-karte:last-child{border-radius:0 0 var(--rl) var(--rl)}
  .ablauf-pfeil{display:none}
  .tier-hero-split{grid-template-columns:1fr}
  .ueber-raster{grid-template-columns:1fr}
  .ueber-werte{grid-template-columns:1fr}
  .indik-raster,.indik-grid{grid-template-columns:1fr}
  .kontakt-raster{grid-template-columns:1fr}
  .galerie-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .galerie-grid{grid-template-columns:1fr}
}

/* ═══ TIER-SEITEN ═══ */
.tier-hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px}
.tier-hero-bild{overflow:hidden;background:var(--c1bg);display:flex;align-items:center;justify-content:center;font-size:80px}
.tier-hero-bild img{width:100%;height:100%;object-fit:cover}
.tier-hero-bild-platz{font-size:80px}
.tier-hero-inhalt{padding:clamp(48px,6vw,80px) clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:center;background:var(--c1d)}
.tier-diagnosen{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:32px}
.tier-diagnose{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--c3);border:1px solid var(--c3g2);border-left:3px solid var(--c1);border-radius:8px;font-size:14px;color:var(--txt2)}
.tier-diagnose-dot{width:7px;height:7px;border-radius:50%;background:var(--c1);flex-shrink:0}
.tier-stimme{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:24px}
.tier-st-txt{font-size:14px;line-height:1.75;color:var(--txt2);margin:10px 0 14px}
.tier-stimme-autor{font-size:13px;font-weight:600;color:var(--txt)}
.tier-st-tier{font-size:11px;color:var(--txt3);margin-top:2px}
/* Aliases für alte Klassen */
.zwischentitel{font-family:var(--serif);font-size:clamp(26px,3.8vw,50px);font-weight:600;color:var(--txt);line-height:1.1;letter-spacing:-.02em;margin-bottom:18px}
.zwischentitel em{font-style:italic;color:var(--c1)}
.zwischentitel-hell{color:#fff}
.zwischentitel-hell em{color:var(--c2)}
.fliesstext{font-size:17px;color:var(--txt3);line-height:1.8;max-width:620px}
.btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:var(--r);font-family:var(--sans);font-size:14px;font-weight:600;transition:all var(--t) var(--ease)}
.btn-ghost:hover{background:rgba(255,255,255,.22)}
/* Leistungsseiten */
.ls-diagnosen{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:32px}
.ls-diag{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--c3);border:1px solid var(--c3g2);border-left:3px solid var(--c1);border-radius:8px;font-size:14px;color:var(--txt2)}
/* Responsive */
@media(max-width:900px){
  .tier-hero-split{grid-template-columns:1fr}
  .tier-diagnosen,.ls-diagnosen{grid-template-columns:1fr}
  .tier-hero-bild{height:220px}
}

/* ═══ LEGACY KLASSEN (für ältere Templates) ═══ */
.page-header{position:relative;min-height:380px;display:flex;align-items:center;padding:clamp(72px,9vw,120px) clamp(20px,5vw,80px) clamp(52px,7vw,80px);overflow:hidden;background:var(--c1d)}
.page-header-bg{position:absolute;inset:0;z-index:0}
.page-header-bg img{width:100%;height:100%;object-fit:cover}
.page-header-overlay{position:absolute;inset:0;z-index:1}
.page-header-inhalt{position:relative;z-index:2;max-width:760px}
.page-header-ring{display:none}
/* Kontakt */
.kontakt-raster{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
@media(max-width:900px){.kontakt-raster{grid-template-columns:1fr}}
/* Über uns */
.ueber-raster{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start}
.ueber-kasten{background:var(--c1);border-radius:var(--rl);padding:40px;color:#fff}
.ueber-zitat{font-family:var(--serif);font-size:22px;font-style:italic;font-weight:600;line-height:1.4;margin-bottom:20px;padding-left:18px;border-left:3px solid rgba(255,255,255,.3)}
.ueber-text{font-size:14px;color:rgba(255,255,255,.7);line-height:1.8;margin-bottom:10px}
.ueber-trennlinie{border:none;border-top:1px solid rgba(255,255,255,.15);margin:22px 0}
.ueber-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uz-zahl{font-family:var(--serif);font-size:28px;font-weight:600;color:#fff}
.uz-label{font-size:11px;color:rgba(255,255,255,.45);margin-top:2px}
.ueber-werte{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px}
.uv-karte{padding:18px;background:var(--c3);border:1px solid var(--c3g2);border-radius:9px}
.uv-symbol{font-size:20px;margin-bottom:8px;display:block}
.uv-titel{font-size:13px;font-weight:600;color:var(--txt);margin-bottom:3px}
.uv-text{font-size:12px;color:var(--txt3);line-height:1.6}
@media(max-width:900px){.ueber-raster{grid-template-columns:1fr}.ueber-werte{grid-template-columns:1fr}}
/* Trust-Streifen (ältere Bezeichnung) */
.trust-streifen{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,32px);flex-wrap:wrap;padding:16px clamp(20px,5vw,80px);background:var(--c3g);border-bottom:1px solid var(--c3g2)}
.trust-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--txt3);font-weight:500}
/* Anfrage Layout */
.anfrage-layout{display:grid;grid-template-columns:1fr 480px;gap:56px;align-items:start}
.anfrage-sidebar{position:sticky;top:88px}
.anfrage-box{background:var(--c3);border:1px solid var(--c3g2);border-radius:var(--rl);padding:36px;box-shadow:0 6px 32px rgba(26,55,59,.06)}
.anfrage-box-titel{font-family:var(--serif);font-size:24px;font-weight:600;color:var(--txt);margin-bottom:5px}
.anfrage-box-sub{font-size:13px;color:var(--txt3);margin-bottom:6px}
@media(max-width:1100px){.anfrage-layout{grid-template-columns:1fr}.anfrage-sidebar{position:static}}
/* Galerie */
.galerie-caption{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:rgba(0,0,0,.5);color:#fff;font-size:12px;opacity:0;transition:opacity .25s}
.galerie-item:hover .galerie-caption{opacity:1}
.galerie-platz{background:var(--c3g);border:1px solid var(--c3g2);border-radius:var(--rl);padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:4/3;text-align:center}
.galerie-platz-icon{font-size:40px;margin-bottom:10px}
.galerie-platz-tier{font-size:14px;font-weight:600;color:var(--txt);margin-bottom:4px}
.galerie-platz-prod{font-size:12px;color:var(--txt3)}
/* Tierarzt Seite */
.ls-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.ls-karte{background:var(--c3g);border:1px solid var(--c3g2);border-radius:var(--rl);padding:26px}
.ls-karte-sym{font-size:26px;margin-bottom:12px;display:block}
.ls-karte-t{font-family:var(--serif);font-size:18px;font-weight:600;color:var(--txt);margin-bottom:8px}
.ls-karte-d{font-size:13px;color:var(--txt3);line-height:1.7}
@media(max-width:900px){.ls-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ls-grid-3{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════
   VOLLSTÄNDIGES RESPONSIVE CSS — ALLE UNTERSEITEN
   ══════════════════════════════════════════════ */

/* ── TABLET (max 1024px) ── */
@media(max-width:1024px){
  /* Anfrage Layout */
  .anfrage-layout{grid-template-columns:1fr !important}
  .anfrage-sidebar{position:static !important}
  /* Über uns */
  .ub-grid,.ueber-raster{grid-template-columns:1fr !important}
  /* Kontakt */
  .kt-grid,.kontakt-raster{grid-template-columns:1fr !important}
}

/* ── MOBIL (max 900px) ── */
@media(max-width:900px){

  /* ── NAV ── */
  body{padding-top:60px !important}
  .site-nav,#site-nav{height:60px !important}
  .nav-links,.nav-cta{display:none !important}
  .nav-burger{display:flex !important}
  .mobile-nav{display:block !important}

  /* ── PAGE HEADER ── */
  .ph{min-height:260px;padding:80px clamp(16px,4vw,40px) 36px}
  .ph-h1{font-size:clamp(26px,6vw,48px) !important}
  .ph-sub{font-size:15px !important}
  .ph-btns{flex-direction:column;gap:10px}
  .ph-btns .btn{width:100%;justify-content:center;text-align:center}
  .page-header{min-height:220px;padding:72px clamp(16px,4vw,40px) 28px}
  .page-header-inhalt .ph-btns{flex-direction:column}

  /* ── TIER-HERO SPLIT ── */
  .tier-hero-split{grid-template-columns:1fr !important;min-height:auto}
  .tier-hero-bild{height:240px !important}
  .tier-hero-inhalt{padding:28px 20px !important}
  .tier-hero-inhalt h1{font-size:clamp(26px,6vw,40px) !important}

  /* ── DIAGNOSEN ── */
  .tier-diagnosen{grid-template-columns:1fr !important}
  .ls-diagnosen{grid-template-columns:1fr !important}
  .indik-grid{grid-template-columns:1fr !important}

  /* ── STIMMEN ── */
  .stimmen-grid{grid-template-columns:1fr !important}
  /* Tier-Stimmen 3er Grid */
  div[style*="grid-template-columns:repeat(3,1fr)"].stimmen-grid,
  .sec div[style*="repeat(3,1fr)"]{grid-template-columns:1fr !important}

  /* ── ABLAUF ── */
  .ablauf-raster{grid-template-columns:1fr !important}
  .ablauf-karte{border-right:1px solid #c5dfe0 !important;border-bottom:none !important}
  .ablauf-karte:first-child{border-radius:14px 14px 0 0 !important}
  .ablauf-karte:last-child{border-radius:0 0 14px 14px !important;border-bottom:1px solid #c5dfe0 !important}

  /* ── KIT SPLIT ── */
  .kit-split{grid-template-columns:1fr !important}
  .kit-l,.kit-r,.kit-links,.kit-rechts{padding:32px 20px !important}

  /* ── WARUM / WHY ── */
  .why-grid{grid-template-columns:1fr !important}

  /* ── GALERIE ── */
  .gal-grid{grid-template-columns:1fr 1fr !important}
  .galerie-grid{grid-template-columns:1fr 1fr !important}

  /* ── BLOG ── */
  .blog-grid{grid-template-columns:1fr !important}

  /* ── TIERE ── */
  .tiere-grid{grid-template-columns:1fr 1fr !important}
  .tier-panel{grid-template-columns:1fr !important}
  .tier-foto{height:200px !important}
  .tier-tabs-wrap{margin-top:24px}

  /* ── CTA BANNER ── */
  .cta-ban{grid-template-columns:1fr !important;gap:24px !important;padding:40px 20px !important}
  .cta-btns{flex-direction:row;flex-wrap:wrap}

  /* ── FOOTER ── */
  .ft-main{grid-template-columns:1fr 1fr !important;gap:24px !important}

  /* ── ÜBER UNS ── */
  .ub-grid,.ueber-raster{grid-template-columns:1fr !important;gap:32px !important}
  .ub-werte,.ueber-werte{grid-template-columns:1fr 1fr !important}
  .ub-zahlen,.ueber-zahlen{grid-template-columns:1fr 1fr 1fr !important}

  /* ── KONTAKT ── */
  .kt-grid,.kontakt-raster{grid-template-columns:1fr !important;gap:32px !important}

  /* ── ANFRAGE ── */
  .anfrage-layout{grid-template-columns:1fr !important;gap:32px !important}
  .anfrage-sidebar{position:static !important}
  .af-reihe2,.f-reihe2{grid-template-columns:1fr 1fr !important}

  /* ── ALLGEMEINE SEKTIONEN ── */
  .sec{padding:44px clamp(16px,4vw,40px) !important}

  /* ── LEISTUNGS-GRID ── */
  .leist-grid{grid-template-columns:1fr !important}
  .leist-k{border-right:1px solid var(--c3g2) !important}

  /* ── PROZESS ── */
  .pz-grid{grid-template-columns:1fr !important}
  .pz-k{border-right:1px solid var(--c3g2) !important;border-bottom:none !important}
  .pz-k:first-child{border-radius:14px 14px 0 0 !important}
  .pz-k:last-child{border-radius:0 0 14px 14px !important;border-bottom:1px solid var(--c3g2) !important}

  /* ── TRUST BAR ── */
  .trust-bar,.trust-streifen{gap:10px !important;justify-content:flex-start !important;overflow-x:auto !important;flex-wrap:wrap !important;padding:14px 16px !important}

  /* ── INLINE GRIDS (Tierseiten, Leistungsseiten) ── */
  /* Alle div mit grid-template-columns:1fr 1fr inline-style */
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important}
  /* Bilder-Grid in Tier/Leistungsseiten */
  [style*="grid-template-columns:1fr 1fr"][style*="border-radius:16px"]{grid-template-columns:1fr !important}
  /* repeat(3,1fr) → 1fr */
  [style*="repeat(3,1fr)"]{grid-template-columns:1fr !important}
  /* repeat(2,1fr) → 1fr */
  [style*="repeat(2,1fr)"]{grid-template-columns:1fr !important}
}

/* ── SMARTPHONE (max 600px) ── */
@media(max-width:600px){

  /* ── HERO ── */
  .hero-body{padding:60px 16px 40px !important}
  .hero-h1{font-size:clamp(32px,8vw,52px) !important;line-height:1.05 !important}
  .hero-txt{font-size:15px !important}
  .hero-btns{flex-direction:column !important;gap:10px !important}
  .hero-btns .btn{width:100% !important;justify-content:center !important}
  .hero-stats{grid-template-columns:1fr 1fr !important}
  .hero-box{display:none !important}

  /* ── PAGE HEADER ── */
  .ph{min-height:200px;padding:72px 16px 28px}
  .ph-h1{font-size:clamp(24px,7vw,40px) !important}
  .ph-btns{flex-direction:column !important}
  .ph-btns .btn{width:100% !important;justify-content:center !important;text-align:center !important}

  /* ── TIER HERO ── */
  .tier-hero-bild{height:180px !important}
  .tier-hero-inhalt{padding:20px 16px !important}
  .tier-hero-inhalt .btn{width:100% !important;justify-content:center !important}

  /* ── GRIDS → 1 Spalte ── */
  .tiere-grid{grid-template-columns:1fr 1fr !important}
  .gal-grid,.galerie-grid{grid-template-columns:1fr !important}
  .ub-werte,.ueber-werte{grid-template-columns:1fr !important}
  .ft-main{grid-template-columns:1fr !important}
  .ft-bot{flex-direction:column !important;text-align:center !important;gap:12px !important}
  .af-reihe2,.f-reihe2{grid-template-columns:1fr !important}

  /* ── FORMULARE ── */
  .form-kasten,.anfrage-box{padding:20px 16px !important}

  /* ── SEKTIONEN ── */
  .sec{padding:36px 16px !important}
  .kit-l,.kit-r,.kit-links,.kit-rechts{padding:28px 16px !important}

  /* ── CTA ── */
  .cta-ban{padding:32px 16px !important}
  .cta-btns .btn{width:100% !important;justify-content:center !important}

  /* ── TRUST ── */
  .trust-bar,.trust-streifen{padding:12px 16px !important}
  .trust-i,.trust-item{font-size:12px !important}

  /* ── BUTTONS ── */
  .ph-btns .btn-lg{padding:14px 20px !important;font-size:14px !important}

  /* ── INLINE ALLE ── */
  [style*="grid-template-columns"]{grid-template-columns:1fr !important}
  /* Ausnahme: 2er Raster die bleiben sollen */
  .tiere-grid,[style*="repeat(2,1fr)"].tiere-grid{grid-template-columns:1fr 1fr !important}
  .hero-stats{grid-template-columns:1fr 1fr !important}
}

/* ── UNTERSEITEN SPEZIFISCH MOBILE ── */
@media(max-width:900px){
  /* Tier-Seiten Hero */
  .tier-hero-split{
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .tier-hero-bild{
    height: 220px !important;
    order: -1;
  }
  .tier-hero-inhalt{
    padding: 28px 20px !important;
  }
  
  /* Diagnosen Listen */
  .tier-diagnosen,
  .ls-diagnosen {
    grid-template-columns: 1fr !important;
  }

  /* Stimmen auf Tierseiten (inline-grid) */
  .stimmen-grid {
    grid-template-columns: 1fr !important;
  }

  /* Bilder-Grids in Tier/Leistungsseiten */  
  .sec [style*="grid-template-columns:1fr 1fr"],
  .sec [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  .sec [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }
  .sec [style*="grid-template-columns:repeat(2"] {
    grid-template-columns: 1fr !important;
  }

  /* Ablauf-Raster */
  .ablauf-raster {
    grid-template-columns: 1fr !important;
  }
  .ablauf-karte:not(:last-child)::after,
  .ablauf-karte:not(:last-child) .ablauf-pfeil {
    display: none !important;
  }

  /* Über uns Box */
  .ub-kasten, .ueber-kasten {
    padding: 24px 20px !important;
  }
  .ub-zahlen, .ueber-zahlen {
    grid-template-columns: repeat(3,1fr) !important;
  }

  /* Galerie */
  .galerie-grid,
  .gal-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Anfrage Trust */
  .af-trust {
    flex-direction: column !important;
    gap: 8px !important;
  }
}

@media(max-width:600px){
  /* Tier-Seiten */
  .tier-hero-bild { height: 180px !important; }
  
  /* Galerie */
  .galerie-grid, .gal-grid { grid-template-columns: 1fr !important; }
  
  /* Über uns Zahlen */
  .ub-zahlen, .ueber-zahlen { grid-template-columns: 1fr 1fr !important; }
  
  /* Alle inline Grids */
  .sec [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  
  /* Ausnahmen die 2-spaltig bleiben */
  .tiere-grid { grid-template-columns: 1fr 1fr !important; }
  .hero-stats  { grid-template-columns: 1fr 1fr !important; }
  .ub-zahlen, .ueber-zahlen { grid-template-columns: 1fr 1fr !important; }
}

/* ══ UPLOAD ZONE MIT BUTTON ══ */
.af-upload-zone {
    border: 2px dashed var(--c3g2);
    border-radius: 12px;
    padding: 24px 20px;
    text-align: center;
    background: var(--c3g);
    transition: all .2s;
    margin-top: 14px;
    cursor: default;
}
.af-upload-zone:hover { border-color: var(--c1); background: var(--c1bg); }
.af-upload-icon { font-size: 28px; margin-bottom: 8px; }
.af-upload-text { font-size: 14px; color: var(--txt2); margin-bottom: 10px; }
.af-upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: var(--c1);
    color: #fff;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s;
    margin: 8px 0;
}
.af-upload-btn:hover { background: var(--c1d); }
.af-upload-hint { font-size: 11px; color: var(--txt3); margin-top: 8px; }

/* Footer CSS Verbesserungen */
.ft-kontakt a,
.ft-kontakt span { color: rgba(255,255,255,.75) !important; }
.ft-sp a { color: rgba(255,255,255,.75) !important; }
.ft-sp a:hover { color: #fff !important; }
.ft-sp h4 { color: rgba(255,255,255,.45) !important; }
.ft-copy { color: rgba(255,255,255,.65) !important; }
.ft-legal a { color: rgba(255,255,255,.65) !important; }
.ft-legal a:hover { color: #fff !important; }
.ft-tag { color: rgba(255,255,255,.75) !important; }
.ft-logo-name { color: #fff !important; }