/*home css*/

:root {
  --gold:          #C9A84C;
  --gold-light:    #E8D5A3;
  --gold-dark:     #8B6914;
  --black:         #0A0A0A;
  --off-black:     #141414;
  --petrol:        #1A4455;
  --petrol-mid:    #2A6778;
  --petrol-subtle: #EBF3F6;
  --white:         #FAFAF8;
  --warm-gray:     #F2F0EC;
  --mid-gray:      #8A8A85;
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-body:     'Jost', sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--white);color:var(--off-black);overflow-x:hidden;}

/* ── Scroll-Reveal — nur aktiv wenn JS kk-js-ready setzt ─── */
.kk-js-ready .kk-reveal {
  opacity: 0;
  transform: translateY(38px);
  transition: opacity .9s cubic-bezier(.25,.46,.45,.94),
              transform .9s cubic-bezier(.25,.46,.45,.94);
}
.kk-js-ready .kk-reveal.kk-reveal--left  { transform: translateX(-38px); }
.kk-js-ready .kk-reveal.kk-reveal--right { transform: translateX(38px); }
.kk-js-ready .kk-reveal.kk-reveal--scale { transform: scale(.96); }
.kk-reveal.is-visible { opacity:1!important; transform:none!important; }
.kk-reveal--d1{transition-delay:.1s;}
.kk-reveal--d2{transition-delay:.22s;}
.kk-reveal--d3{transition-delay:.34s;}
.kk-reveal--d4{transition-delay:.46s;}

/* ── Container / Typo ─────────────────────────────────────── */
.kk-container{max-width:1120px;margin:0 auto;padding:0 2rem;}
.kk-label{font-size:10px;font-weight:400;letter-spacing:.38em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.9rem;}
.kk-title{font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.6rem);font-weight:300;line-height:1.15;color:var(--off-black);}
.kk-title em{font-style:italic;color:var(--gold-dark);}
.kk-title--white{color:var(--white);}
.kk-title--white em{color:var(--gold-light);}

/* ══════════════════════════════════════════════════════════
   HERO
══════════════════════════════════════════════════════════ */
.kk-hero{
  position:relative;min-height:100vh;height:100vh;
  background:var(--black);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding-top:112px;
}
.kk-hero__bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#0A0A0A 0%,#1c1408 45%,#0d1e26 100%);
}
#kk-sand{
  position:absolute;top:0;left:0;
  width:100%;height:100%;
  z-index:1;pointer-events:none;display:block;
}
.kk-hero__grid{
  position:absolute;inset:0;z-index:2;opacity:.035;
  background-image:
    repeating-linear-gradient(0deg,transparent,transparent 79px,rgba(201,168,76,.55) 80px),
    repeating-linear-gradient(90deg,transparent,transparent 79px,rgba(201,168,76,.55) 80px);
}
.kk-hero__glow{
  position:absolute;z-index:2;width:900px;height:900px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,168,76,.09) 0%,transparent 65%);
  top:50%;left:50%;transform:translate(-50%,-50%);
  animation:heroGlow 7s ease-in-out infinite;
}
.kk-hero__glow2{
  position:absolute;z-index:2;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(26,68,85,.22) 0%,transparent 70%);
  bottom:-50px;left:8%;
  animation:heroGlow2 9s ease-in-out infinite;
}
@keyframes heroGlow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.4;}50%{transform:translate(-50%,-50%) scale(1.22);opacity:1;}}
@keyframes heroGlow2{0%,100%{transform:scale(1);opacity:.6;}50%{transform:scale(1.3);opacity:1;}}

.kk-hero__content{
  position:relative;z-index:3;text-align:center;
  padding:4rem 2rem;max-width:980px;
}
.kk-hero__eyebrow{
  font-size:10px;font-weight:400;letter-spacing:.44em;
  text-transform:uppercase;color:var(--gold);margin-bottom:1.8rem;display:block;
  animation:fadeUp 1s ease-out both .15s;
}
.kk-hero__title{
  font-family:var(--font-display);
  font-size:clamp(3.2rem,6.5vw,6.4rem);
  font-weight:300;line-height:1.06;color:var(--white);
  animation:fadeUp 1s ease-out both .3s;
}
.kk-hero__title em{font-style:italic;color:var(--gold-light);}
.kk-hero__divider{
  width:56px;height:1px;background:var(--gold);opacity:.5;margin:2.2rem auto;
  animation:expandLine .8s ease-out both .65s;
}
@keyframes expandLine{from{width:0;opacity:0;}to{width:56px;opacity:.5;}}
.kk-hero__sub{
  font-size:1rem;font-weight:300;letter-spacing:.06em;
  color:rgba(250,250,248,.45);line-height:1.95;margin-bottom:3.5rem;
  animation:fadeUp 1s ease-out both .5s;
}
.kk-hero__ctas{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;animation:fadeUp 1s ease-out both .65s;}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}

.kk-hero__pill{
  display:inline-flex;align-items:center;gap:10px;
  font-size:10px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;
  text-decoration:none;padding:.95rem 2.2rem;
  position:relative;overflow:hidden;transition:all .35s;
}
.kk-hero__pill span{position:relative;z-index:1;}
.kk-hero__pill--petrol{background:rgba(26,68,85,.55);border:1px solid rgba(42,103,120,.5);color:#9ED8E8;}
.kk-hero__pill--petrol:hover{background:var(--petrol);color:var(--white);transform:translateY(-3px);box-shadow:0 12px 30px rgba(26,68,85,.4);}
.kk-hero__pill--gold{background:var(--gold);color:var(--black);border:1px solid var(--gold);}
.kk-hero__pill--gold:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 12px 30px rgba(201,168,76,.35);}

.kk-hero__scroll{
  position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:3;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:.28;animation:scrollBounce 2.4s ease-in-out infinite;
}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}
.kk-hero__arrow{width:18px;height:18px;border-right:1px solid var(--white);border-bottom:1px solid var(--white);transform:rotate(45deg);}

/* ══════════════════════════════════════════════════════════
   STATS
══════════════════════════════════════════════════════════ */
.kk-stats{background:var(--off-black);position:relative;}
.kk-stats::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.25),transparent);}
.kk-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,.1);}
.kk-stats__item{
  background:var(--off-black);padding:4rem 2rem;text-align:center;
  position:relative;overflow:hidden;transition:background .4s;
}
.kk-stats__item::after{
  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);
  width:0;height:2px;background:var(--gold);transition:width .4s cubic-bezier(.4,0,.2,1);
}
.kk-stats__item:hover{background:#1c1610;}
.kk-stats__item:hover::after{width:55%;}
.kk-stats__num{font-family:var(--font-display);font-size:4rem;font-weight:300;color:var(--white);line-height:1;margin-bottom:.5rem;transition:transform .4s;}
.kk-stats__item:hover .kk-stats__num{transform:scale(1.06);}
.kk-stats__num em{font-style:normal;color:var(--gold);}
.kk-stats__label{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(250,250,248,.3);}

/* ══════════════════════════════════════════════════════════
   ÜBER AMMAR KHADRA
══════════════════════════════════════════════════════════ */
.kk-about{padding:9rem 2rem;background:var(--white);position:relative;overflow:hidden;}
.kk-about::before{
  content:'';
  display:none;
  font-family:var(--font-display);font-size:14rem;font-weight:300;
  color:var(--off-black);opacity:.028;letter-spacing:.06em;
  pointer-events:none;white-space:nowrap;line-height:1;
}
.kk-about__inner{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center;}
.kk-about__image{position:relative;}
.kk-about__img-wrap{
  width:100%;aspect-ratio:4/5;
  background:linear-gradient(145deg,#ede9e2,#f5f2ec);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.13);
}
.kk-about__img-wrap::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,.07) 0%,transparent 60%);}
.kk-about__img-wrap::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);}
.kk-about__img-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mid-gray);position:relative;z-index:1;}
.kk-about__badge{
  position:absolute;bottom:-24px;left:-24px;
  width:150px;height:150px;background:var(--off-black);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  box-shadow:0 20px 50px rgba(201,168,76,.15);
}
.kk-about__badge::before{content:'';position:absolute;inset:0;border:1px solid rgba(201,168,76,.2);}
.kk-about__badge-num{font-family:var(--font-display);font-size:3rem;font-weight:300;color:var(--gold);line-height:1;}
.kk-about__badge-sub{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:rgba(201,168,76,.55);text-align:center;}
.kk-about__body{font-size:.95rem;font-weight:300;line-height:2;color:#4a4a4a;margin-bottom:1.4rem;}
.kk-about__titles{display:flex;flex-direction:column;gap:.6rem;margin:2.2rem 0;}
.kk-about__title-item{
  display:flex;align-items:flex-start;gap:12px;
  font-size:.87rem;font-weight:300;color:#555;line-height:1.5;
  padding:.55rem .8rem;background:var(--warm-gray);
  transition:background .3s,transform .3s;
}
.kk-about__title-item:hover{background:#e8e4dc;transform:translateX(5px);}
.kk-about__title-dot{width:6px;height:1px;background:var(--gold);flex-shrink:0;margin-top:.72em;}
.kk-about__memberships{font-size:.78rem;font-weight:300;letter-spacing:.04em;color:var(--mid-gray);line-height:2;}

/* ══════════════════════════════════════════════════════════
   PRAXIS KHADRA
══════════════════════════════════════════════════════════ */
.kk-praxis{padding:9rem 2rem;background:var(--white);position:relative;overflow:visible;}
.kk-praxis::before{
  content:'';position:absolute;left:0;top:8%;bottom:8%;width:3px;
  background:linear-gradient(180deg,transparent,var(--petrol),transparent);
}
.kk-praxis__inner{display:grid;grid-template-columns:1fr 1fr;gap:5.5rem;align-items:start;}
.kk-praxis__visual-sticky{position:sticky!important;top:100px!important;align-self:start!important;}
.kk-praxis__header{margin-bottom:2.5rem;}
.kk-praxis__intro{font-size:.95rem;font-weight:300;line-height:2;color:#4a4a4a;margin-bottom:2.5rem;}
.kk-leistungen{display:flex;flex-direction:column;gap:1.8rem;}
.kk-leistung-gruppe{border-left:2px solid var(--petrol-subtle);padding-left:1.2rem;transition:border-color .3s;}
.kk-leistung-gruppe:hover{border-color:var(--petrol-mid);}
.kk-leistung-gruppe__title{font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--petrol);margin-bottom:.85rem;}
.kk-leistung-liste{list-style:none;display:flex;flex-direction:column;gap:.4rem;}
.kk-leistung-liste li{font-size:.84rem;font-weight:300;color:#585858;line-height:1.6;padding-left:1rem;position:relative;transition:color .25s,padding-left .25s;}
.kk-leistung-liste li::before{content:'';position:absolute;left:0;top:.65em;width:5px;height:1px;background:var(--petrol-mid);opacity:.5;transition:width .25s;}
.kk-leistung-liste li:hover{color:var(--petrol);padding-left:1.3rem;}
.kk-leistung-liste li:hover::before{width:8px;opacity:1;}
.kk-praxis__visual{position:relative;}
.kk-praxis__img{
  width:100%;aspect-ratio:3/4;
  background:linear-gradient(145deg,var(--petrol-subtle),#d0eaf2);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 30px 80px rgba(0,0,0,.12);
  position:relative;overflow:hidden;
}
.kk-praxis__img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--petrol),transparent);}
.kk-praxis__img-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--petrol);opacity:.38;}
.kk-praxis__accent{
  position:absolute;top:3rem;right:-1.5rem;
  background:var(--petrol);padding:2rem 2.2rem;text-align:center;width:150px;
  box-shadow:0 20px 50px rgba(0,0,0,.28);
}
.kk-praxis__accent::before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);}
.kk-praxis__accent-text{font-family:var(--font-display);font-size:1.7rem;font-weight:300;color:var(--white);line-height:1.2;}
.kk-praxis__accent-sub{font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-top:6px;display:block;}
.kk-praxis__cta{margin-top:2.8rem;}

/* ══════════════════════════════════════════════════════════
   L'ESTHÉTIQUE
══════════════════════════════════════════════════════════ */
.kk-aesthetik{padding:9rem 2rem;background:#0c0a04;position:relative;overflow:visible;}
.kk-aesthetik::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);}
.kk-aesthetik__pattern{position:absolute;inset:0;opacity:.022;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 50%);background-size:26px 26px;}
.kk-aesthetik__glow-tl{position:absolute;top:-200px;left:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.07) 0%,transparent 70%);animation:floatGlow 10s ease-in-out infinite;pointer-events:none;}
.kk-aesthetik__glow-br{position:absolute;bottom:-200px;right:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(26,68,85,.14) 0%,transparent 70%);animation:floatGlow 13s ease-in-out infinite reverse;pointer-events:none;}
@keyframes floatGlow{0%,100%{transform:scale(1) translate(0,0);}50%{transform:scale(1.15) translate(18px,-18px);}}
.kk-aesthetik__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:5.5rem;align-items:start;}
.kk-aesthetik__visual-sticky{position:sticky!important;top:100px!important;align-self:start!important;}
.kk-aesthetik__visual{position:relative;}
.kk-aesthetik__img{
  width:100%;aspect-ratio:3/4;
  background:linear-gradient(145deg,#1a1208,#231a08);
  border:1px solid rgba(201,168,76,.12);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(201,168,76,.05);
  position:relative;overflow:hidden;
}
.kk-aesthetik__img::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top left,rgba(201,168,76,.06) 0%,transparent 60%);}
.kk-aesthetik__img::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.kk-aesthetik__img-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,168,76,.28);position:relative;z-index:1;}
.kk-aesthetik__iso{
  position:absolute;bottom:2rem;right:-1rem;
  background:rgba(10,8,2,.92);border:1px solid rgba(201,168,76,.32);
  padding:1.4rem 1.8rem;text-align:center;
  box-shadow:0 10px 30px rgba(201,168,76,.1);
}
.kk-aesthetik__iso::before{content:'';position:absolute;inset:2px;border:1px solid rgba(201,168,76,.1);}
.kk-aesthetik__iso-text{font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);line-height:1.8;}
.kk-aesthetik__header{margin-bottom:2.5rem;}
.kk-aesthetik__intro{font-size:.95rem;font-weight:300;line-height:2;color:rgba(250,250,248,.44);margin-bottom:2.5rem;}
.kk-aesthetik-leistungen{display:flex;flex-direction:column;gap:1.8rem;}
.kk-aesthetik-gruppe{border-left:2px solid rgba(201,168,76,.2);padding-left:1.2rem;transition:border-color .3s;}
.kk-aesthetik-gruppe:hover{border-color:rgba(201,168,76,.55);}
.kk-aesthetik-gruppe__title{font-size:10px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:.85rem;}
.kk-aesthetik-liste{list-style:none;display:flex;flex-direction:column;gap:.4rem;}
.kk-aesthetik-liste li{font-size:.84rem;font-weight:300;color:rgba(250,250,248,.44);line-height:1.6;padding-left:1rem;position:relative;transition:color .25s,padding-left .25s;}
.kk-aesthetik-liste li::before{content:'';position:absolute;left:0;top:.65em;width:5px;height:1px;background:rgba(201,168,76,.4);transition:width .25s;}
.kk-aesthetik-liste li:hover{color:var(--gold-light);padding-left:1.3rem;}
.kk-aesthetik-liste li:hover::before{width:8px;}
.kk-aesthetik__termin{margin-top:2.8rem;display:flex;flex-direction:column;gap:.7rem;}
.kk-aesthetik__termin-note{font-size:.78rem;font-weight:300;color:rgba(250,250,248,.24);letter-spacing:.05em;}

/* ══════════════════════════════════════════════════════════
   ZITAT
══════════════════════════════════════════════════════════ */
.kk-quote{background:var(--black);padding:9rem 2rem;position:relative;overflow:hidden;}
.kk-quote::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(201,168,76,.055) 0%,transparent 70%);}
.kk-quote__pattern{position:absolute;inset:0;opacity:.022;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 1px,transparent 0,transparent 50%);background-size:24px 24px;}
.kk-quote__line{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.22),transparent);}
.kk-quote__inner{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:1;}
.kk-quote__mark{font-family:var(--font-display);font-size:9rem;line-height:.5;color:var(--gold);opacity:.2;display:block;margin-bottom:2.2rem;}
.kk-quote__text{font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.9rem);font-weight:300;font-style:italic;line-height:1.5;color:var(--white);margin-bottom:2.8rem;text-shadow:0 2px 40px rgba(0,0,0,.4);}
.kk-quote__rule{width:40px;height:1px;background:var(--gold);margin:0 auto 1.5rem;opacity:.4;}
.kk-quote__author{font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);}

/* ══════════════════════════════════════════════════════════
   KONTAKT
══════════════════════════════════════════════════════════ */
.kk-kontakt{padding:9rem 2rem;background:var(--warm-gray);position:relative;}
.kk-kontakt::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.07),transparent);}
.kk-kontakt__header{margin-bottom:4rem;}
.kk-kontakt__standort-hinweis{font-size:.9rem;font-weight:300;color:var(--mid-gray);margin-top:.8rem;line-height:1.8;}
.kk-kontakt__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:rgba(0,0,0,.05);margin-bottom:3rem;box-shadow:0 8px 40px rgba(0,0,0,.07);}
.kk-kontakt__karte{padding:3.5rem 2.8rem;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.4,0,.2,1);}
.kk-kontakt__karte::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1);}
.kk-kontakt__karte:hover{transform:translateY(-4px);z-index:1;}
.kk-kontakt__karte:hover::after{transform:scaleX(1);}
.kk-kontakt__karte--praxis{background:var(--white);}
.kk-kontakt__karte--praxis::after{background:var(--petrol);}
.kk-kontakt__karte--aesthetik{background:var(--off-black);}
.kk-kontakt__karte--aesthetik::after{background:linear-gradient(90deg,var(--gold),var(--gold-dark));}
.kk-kontakt__karte--aesthetik:hover{box-shadow:0 20px 60px rgba(0,0,0,.45);}
.kk-kontakt__karte--map{background:var(--petrol-subtle);min-height:340px;display:flex;align-items:center;justify-content:center;}
.kk-kontakt__karte-accent{width:28px;height:2px;margin-bottom:1.6rem;}
.kk-kontakt__karte--praxis .kk-kontakt__karte-accent{background:var(--petrol);}
.kk-kontakt__karte--aesthetik .kk-kontakt__karte-accent{background:var(--gold);}
.kk-kontakt__karte-title{font-family:var(--font-display);font-size:1.8rem;font-weight:300;margin-bottom:.3rem;}
.kk-kontakt__karte--praxis .kk-kontakt__karte-title{color:var(--off-black);}
.kk-kontakt__karte--aesthetik .kk-kontakt__karte-title{color:var(--white);}
.kk-kontakt__karte--aesthetik .kk-kontakt__karte-title em{font-style:italic;color:var(--gold-light);}
.kk-kontakt__karte-sub{font-size:9px;letter-spacing:.26em;text-transform:uppercase;margin-bottom:2rem;}
.kk-kontakt__karte--praxis .kk-kontakt__karte-sub{color:var(--mid-gray);}
.kk-kontakt__karte--aesthetik .kk-kontakt__karte-sub{color:rgba(201,168,76,.48);}
.kk-kontakt__detail{font-size:.85rem;font-weight:300;line-height:2.1;}
.kk-kontakt__karte--praxis .kk-kontakt__detail{color:#555;}
.kk-kontakt__karte--aesthetik .kk-kontakt__detail{color:rgba(250,250,248,.44);}
.kk-kontakt__detail strong{font-weight:400;display:block;margin-top:.7rem;}
.kk-kontakt__karte--praxis .kk-kontakt__detail strong{color:var(--off-black);}
.kk-kontakt__karte--aesthetik .kk-kontakt__detail strong{color:rgba(250,250,248,.75);}
.kk-kontakt__detail a{text-decoration:none;transition:color .25s;}
.kk-kontakt__karte--praxis .kk-kontakt__detail a:hover{color:var(--petrol);}
.kk-kontakt__karte--aesthetik .kk-kontakt__detail a:hover{color:var(--gold-light);}
.kk-kontakt__map-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--petrol);opacity:.38;text-align:center;line-height:2;}
.kk-kontakt__ctas{display:flex;gap:1rem;flex-wrap:wrap;}

/* ── Buttons ────────────────────────────────────────────── */
.btn-gold{font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;padding:.9rem 2.4rem;background:var(--gold);color:var(--black);border:none;text-decoration:none;display:inline-block;cursor:pointer;transition:background .3s,transform .3s,box-shadow .3s;}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 12px 30px rgba(201,168,76,.35);}
.btn-outline-petrol{font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;padding:.9rem 2.4rem;background:transparent;color:var(--petrol);border:1px solid rgba(26,68,85,.35);text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s;}
.btn-outline-petrol:hover{border-color:var(--petrol);color:var(--white);background:var(--petrol);transform:translateY(-3px);box-shadow:0 12px 30px rgba(26,68,85,.25);}
.btn-outline-gold{font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;padding:.9rem 2.4rem;background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.35);text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s;}
.btn-outline-gold:hover{border-color:var(--gold);background:rgba(201,168,76,.08);transform:translateY(-3px);}

/* ── Responsive ─────────────────────────────────────────── */
@media(max-width:960px){
  .kk-about__inner,.kk-praxis__inner,.kk-aesthetik__inner{grid-template-columns:1fr;gap:3.5rem;}
  .kk-praxis__visual-sticky,.kk-aesthetik__visual-sticky{position:relative;top:auto;}
  .kk-stats__grid{grid-template-columns:repeat(2,1fr);}
  .kk-kontakt__grid{grid-template-columns:1fr;}
  .kk-praxis__accent,.kk-aesthetik__iso{right:0;}
  .kk-about::before{font-size:8rem;}
}
@media(max-width:600px){
  .kk-stats__grid{grid-template-columns:1fr 1fr;}
  .kk-hero__title{font-size:2.9rem;}
  .kk-about::before{display:none;}
  .kk-praxis::before{display:none;}
}