/*
Theme Name: Southern Ghosts
Description: Custom staging theme migrated from the Southern Ghosts website.
Version: 0.1.0
Text Domain: southernghosts
*/




/* ═══════════════════════════════════



   RESET & VARIABLEN



═══════════════════════════════════ */



*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}



:root{



  --bg:#020609;



  --bg2:#040d14;



  --bg3:#07121e;



  --bg4:#0c1a28;



  --ghost:#9dc0e0;



  --ghost2:#bed8f5;



  --ghost3:#deeeff;



  --glow:rgba(157,192,224,0.14);



  --amber:#c49028;



  --amber2:#dfaa40;



  --amber3:#f0d070;



  --silver:#8aaec8;



  --silver2:#a8c4d8;



  --silver3:#c8dce8;



  --muted:#3c5468;



  --muted2:#587490;



}



body{font-family:'Raleway',sans-serif;background:var(--bg);color:var(--silver2);min-height:100vh;overflow-x:hidden;}



a{text-decoration:none;color:inherit;}







/* ═══════════════════════════════════



   NEBLIGER GEISTER-HINTERGRUND



═══════════════════════════════════ */



.mist-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;transform:translateZ(0);contain:strict;}



.mist{position:absolute;border-radius:50%;animation:mist-drift ease-in-out infinite;will-change:transform;}



.mist1{width:1000px;height:700px;background:radial-gradient(circle,rgba(140,185,255,.10) 0%,rgba(140,185,255,.04) 40%,transparent 70%);top:-250px;left:-300px;animation-duration:42s;}



.mist2{width:750px;height:580px;background:radial-gradient(circle,rgba(160,210,255,.11) 0%,rgba(160,210,255,.04) 40%,transparent 70%);top:20%;right:-180px;animation-duration:36s;animation-delay:-11s;}



.mist3{width:850px;height:480px;background:radial-gradient(circle,rgba(180,220,255,.08) 0%,rgba(180,220,255,.03) 40%,transparent 70%);bottom:-120px;left:8%;animation-duration:48s;animation-delay:-22s;}



.mist4{width:650px;height:420px;background:radial-gradient(circle,rgba(196,144,40,.08) 0%,rgba(196,144,40,.03) 40%,transparent 70%);top:25%;left:-60px;animation-duration:44s;animation-delay:-8s;}



.mist5{width:1000px;height:520px;background:radial-gradient(circle,rgba(180,220,255,.06) 0%,rgba(180,220,255,.02) 40%,transparent 70%);top:60%;right:-250px;animation-duration:55s;animation-delay:-28s;}



@keyframes mist-drift{



  0%,100%{transform:translate(0,0);}



  50%{transform:translate(25px,-25px);}



}







/* Aurora-Band */



.aurora{position:fixed;top:0;left:0;right:0;height:45vh;pointer-events:none;z-index:0;overflow:hidden;contain:strict;transform:translateZ(0);}



.aurora::before{



  content:'';position:absolute;inset:0;



  background:linear-gradient(180deg,rgba(80,160,220,.07) 0%,rgba(120,80,200,.05) 40%,transparent 100%);



  animation:aurora-wave 20s ease-in-out infinite alternate;



  transform-origin:center top;



  will-change:transform;



}



@keyframes aurora-wave{



  0%{transform:scaleX(1);opacity:.6;}



  100%{transform:scaleX(1.04);opacity:.95;}



}







/* Sternenfeld */



.star-field{position:fixed;inset:0;pointer-events:none;z-index:0;contain:strict;transform:translateZ(0);}



.star-field::before{



  content:'';position:absolute;inset:0;



  background-image:



    radial-gradient(1px 1px at 8% 12%,rgba(220,235,255,.85) 0%,transparent 100%),



    radial-gradient(1px 1px at 23% 36%,rgba(210,230,255,.70) 0%,transparent 100%),



    radial-gradient(1px 1px at 46% 8%,rgba(220,235,255,.80) 0%,transparent 100%),



    radial-gradient(1px 1px at 67% 22%,rgba(210,225,255,.65) 0%,transparent 100%),



    radial-gradient(1px 1px at 83% 15%,rgba(220,235,255,.85) 0%,transparent 100%),



    radial-gradient(1px 1px at 94% 46%,rgba(200,220,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 15% 68%,rgba(215,230,255,.70) 0%,transparent 100%),



    radial-gradient(1px 1px at 38% 78%,rgba(200,220,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 56% 55%,rgba(215,232,255,.75) 0%,transparent 100%),



    radial-gradient(1px 1px at 73% 85%,rgba(200,218,255,.55) 0%,transparent 100%),



    radial-gradient(2px 2px at 30% 20%,rgba(220,235,255,.50) 0%,transparent 100%),



    radial-gradient(2px 2px at 88% 72%,rgba(218,232,255,.45) 0%,transparent 100%),



    radial-gradient(1px 1px at 5% 90%,rgba(210,228,255,.65) 0%,transparent 100%),



    radial-gradient(1px 1px at 97% 7%,rgba(215,230,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 52% 33%,rgba(240,220,140,.65) 0%,transparent 100%),



    radial-gradient(1px 1px at 18% 48%,rgba(200,220,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 79% 30%,rgba(210,228,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 62% 63%,rgba(240,218,130,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 42% 92%,rgba(200,218,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 89% 58%,rgba(212,228,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 11% 28%,rgba(220,235,255,.50) 0%,transparent 100%),



    radial-gradient(1px 1px at 34% 50%,rgba(210,225,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 60% 17%,rgba(220,235,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 76% 42%,rgba(210,228,255,.50) 0%,transparent 100%),



    radial-gradient(1px 1px at 91% 88%,rgba(200,220,255,.45) 0%,transparent 100%),



    radial-gradient(1px 1px at 3% 55%,rgba(218,232,255,.55) 0%,transparent 100%),



    radial-gradient(2px 2px at 48% 70%,rgba(240,220,130,.40) 0%,transparent 100%),



    radial-gradient(1px 1px at 27% 84%,rgba(212,228,255,.50) 0%,transparent 100%),



    radial-gradient(1px 1px at 65% 97%,rgba(205,222,255,.45) 0%,transparent 100%),



    radial-gradient(1px 1px at 85% 5%,rgba(222,236,255,.65) 0%,transparent 100%),



    radial-gradient(1px 1px at 7% 42%,rgba(215,230,255,.48) 0%,transparent 100%),



    radial-gradient(1px 1px at 19% 8%,rgba(222,236,255,.70) 0%,transparent 100%),



    radial-gradient(1px 1px at 72% 67%,rgba(200,218,255,.52) 0%,transparent 100%),



    radial-gradient(1px 1px at 44% 25%,rgba(218,232,255,.58) 0%,transparent 100%),



    radial-gradient(1px 1px at 99% 34%,rgba(210,226,255,.50) 0%,transparent 100%),



    radial-gradient(2px 2px at 54% 82%,rgba(220,234,255,.42) 0%,transparent 100%),



    radial-gradient(1px 1px at 31% 61%,rgba(212,228,255,.52) 0%,transparent 100%),



    radial-gradient(1px 1px at 58% 45%,rgba(205,222,255,.48) 0%,transparent 100%);



  animation:star-twinkle-a 7s ease-in-out infinite alternate;



}



.star-field::after{



  content:'';position:absolute;inset:0;



  background-image:



    radial-gradient(1px 1px at 14% 19%,rgba(220,235,255,.65) 0%,transparent 100%),



    radial-gradient(1px 1px at 29% 74%,rgba(210,228,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 50% 40%,rgba(218,232,255,.60) 0%,transparent 100%),



    radial-gradient(1px 1px at 70% 10%,rgba(222,236,255,.68) 0%,transparent 100%),



    radial-gradient(1px 1px at 86% 52%,rgba(210,226,255,.58) 0%,transparent 100%),



    radial-gradient(1px 1px at 4% 75%,rgba(215,230,255,.50) 0%,transparent 100%),



    radial-gradient(1px 1px at 92% 23%,rgba(220,234,255,.62) 0%,transparent 100%),



    radial-gradient(1px 1px at 37% 13%,rgba(218,232,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 61% 89%,rgba(205,220,255,.48) 0%,transparent 100%),



    radial-gradient(1px 1px at 78% 60%,rgba(215,230,255,.52) 0%,transparent 100%),



    radial-gradient(2px 2px at 20% 95%,rgba(240,218,130,.40) 0%,transparent 100%),



    radial-gradient(1px 1px at 47% 58%,rgba(210,225,255,.55) 0%,transparent 100%),



    radial-gradient(1px 1px at 93% 80%,rgba(205,222,255,.45) 0%,transparent 100%),



    radial-gradient(1px 1px at 6% 34%,rgba(218,232,255,.58) 0%,transparent 100%),



    radial-gradient(1px 1px at 55% 6%,rgba(222,236,255,.65) 0%,transparent 100%);



  animation:star-twinkle-b 11s ease-in-out infinite alternate;



}



@keyframes star-twinkle-a{0%{opacity:.45;}50%{opacity:.85;}100%{opacity:1;}}



@keyframes star-twinkle-b{0%{opacity:.55;}50%{opacity:.75;}100%{opacity:.40;}}



.star-field::before,.star-field::after{will-change:opacity;}







@media(prefers-reduced-motion:reduce){



  .mist,.aurora::before,.deco-ghost,.deco-sparkle,.deco-moon,



  .star-field::before,.star-field::after,.nav-star{animation:none!important;}



}











/* ═══════════════════════════════════



   DEKORATIONEN (Mond, Geister, Sterne)



═══════════════════════════════════ */



.deco-moon{position:fixed;top:6%;right:6%;z-index:1;pointer-events:none;width:100px;



  filter:drop-shadow(0 0 18px rgba(210,228,255,.6));



  animation:moon-pulse 7s ease-in-out infinite alternate;will-change:opacity;}



@keyframes moon-pulse{0%{opacity:.8;}100%{opacity:1;}}







.deco-ghost{position:fixed;z-index:1;pointer-events:none;will-change:transform;}



.ghost1{width:62px;top:16%;left:3%;animation:gfloat 9s ease-in-out infinite;opacity:.55;}



.ghost2{width:44px;top:50%;right:4%;animation:gfloat 12s ease-in-out infinite;animation-delay:-4s;opacity:.42;}



.ghost3{width:36px;top:30%;left:44%;animation:gfloat 15s ease-in-out infinite;animation-delay:-8s;opacity:.35;}



@keyframes gfloat{



  0%,100%{transform:translateY(0) rotate(-3deg);}



  50%{transform:translateY(-20px) rotate(3deg);}



}







.deco-sparkle{position:fixed;z-index:1;pointer-events:none;will-change:opacity,transform;animation:sp-twinkle ease-in-out infinite alternate;}



.sp1{top:12%;left:16%;width:22px;animation-duration:2.8s;}



.sp2{top:27%;right:19%;width:16px;animation-duration:3.6s;animation-delay:.9s;}



.sp3{top:61%;left:9%;width:20px;animation-duration:4.2s;animation-delay:1.8s;}



.sp4{top:7%;left:50%;width:18px;animation-duration:4.0s;animation-delay:.5s;}



.sp5{bottom:13%;left:35%;width:25px;animation-duration:4.8s;animation-delay:1.3s;}



@keyframes sp-twinkle{



  0%{opacity:.10;transform:scale(.7) rotate(0deg);}



  100%{opacity:.90;transform:scale(1.25) rotate(22deg);}



}







/* ═══════════════════════════════════



   NAVIGATION



═══════════════════════════════════ */



nav{



  background:rgba(2,6,9,.92);



  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);



  border-bottom:1px solid rgba(157,192,224,.14);



  padding:0 2rem;



  display:flex;align-items:center;justify-content:center;



  height:60px;position:sticky;top:0;z-index:200;



  box-shadow:0 2px 40px rgba(0,0,0,.7),0 0 0 1px rgba(157,192,224,.05);



}



.nav-brand{



  font-family:'Cinzel',serif;font-size:15px;font-weight:700;



  color:var(--ghost3);letter-spacing:3px;



  display:flex;align-items:center;gap:10px;flex-shrink:0;



}



.nav-spirit{



  width:10px;height:10px;border-radius:50%;flex-shrink:0;



  background:radial-gradient(circle,var(--ghost2) 0%,var(--ghost) 60%,transparent 100%);



  box-shadow:0 0 14px rgba(157,192,224,.8),0 0 28px rgba(157,192,224,.4);



  animation:spirit-pulse 3s ease-in-out infinite;



}



@keyframes spirit-pulse{0%,100%{box-shadow:0 0 14px rgba(157,192,224,.8),0 0 28px rgba(157,192,224,.4);}50%{box-shadow:0 0 20px rgba(157,192,224,1),0 0 40px rgba(157,192,224,.6);}}



.nav-links{display:flex;flex-wrap:wrap;align-items:center;}



.nav-links button{



  background:none;border:none;



  border-bottom:2px solid transparent;



  color:var(--muted2);



  font-family:'Raleway',sans-serif;font-size:10px;



  letter-spacing:1.8px;text-transform:uppercase;font-weight:600;



  padding:0 12px;height:60px;cursor:pointer;



  transition:color .25s,border-color .25s;white-space:nowrap;



}



.nav-links button:hover{color:var(--ghost3);}



.nav-links button.act{color:var(--ghost2);border-bottom-color:var(--ghost);}



.nav-intern{color:rgba(157,192,224,.5) !important;}



.nav-hamburger{



  display:none;flex-direction:column;justify-content:center;gap:5px;



  background:none;border:none;cursor:pointer;padding:8px;height:60px;



}



.nav-hamburger span{display:block;width:22px;height:2px;background:var(--ghost3);border-radius:2px;transition:transform .25s,opacity .25s;}



nav.nav-open .nav-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg);}



nav.nav-open .nav-hamburger span:nth-child(2){opacity:0;}



nav.nav-open .nav-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}



.nav-intern:hover{color:var(--ghost3) !important;}



.nav-intern.act{color:var(--ghost2) !important;border-bottom-color:var(--ghost) !important;}







/* Dropdown */



.nav-dropdown{position:relative;display:inline-flex;align-items:center;}



.nav-dropdown>button{display:flex;align-items:center;gap:5px;}



.nav-dropdown>button::after{content:'▾';font-size:7px;opacity:.55;transition:opacity .2s;}



.nav-dropdown:hover>button::after{opacity:1;}



.nav-drop-menu{



  position:absolute;top:100%;left:50%;transform:translateX(-50%);



  background:rgba(2,6,9,.97);



  backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);



  border:1px solid rgba(157,192,224,.14);



  min-width:170px;



  display:none;flex-direction:column;



  z-index:300;



  box-shadow:0 10px 40px rgba(0,0,0,.85);



}



.nav-dropdown:hover .nav-drop-menu{display:flex;}



.nav-drop-menu button{



  height:42px;padding:0 18px;



  text-align:left;width:100%;



  border-bottom:1px solid rgba(157,192,224,.07) !important;



  border-left:2px solid transparent;



  font-size:9.5px;letter-spacing:1.6px;



}



.nav-drop-menu button:last-child{border-bottom:none !important;}



.nav-drop-menu button:hover{



  color:var(--ghost3) !important;



  border-left-color:var(--ghost) !important;



  background:rgba(157,192,224,.05);



}



.nav-drop-menu button.act{



  color:var(--ghost2) !important;



  border-left-color:var(--ghost) !important;



  border-bottom-color:rgba(157,192,224,.07) !important;



}







/* Nav Sterne */



.nav-star{position:absolute;pointer-events:none;top:50%;transform:translateY(-50%);



  animation:nav-sp ease-in-out infinite alternate;}



.ns1{left:23%;width:11px;animation-duration:3.2s;}



.ns2{left:55%;width:8px;animation-duration:2.7s;animation-delay:1.1s;}



.ns3{left:74%;width:10px;animation-duration:4.0s;animation-delay:2.2s;}



.ns4{left:38%;width:7px;animation-duration:3.5s;animation-delay:.6s;}



@keyframes nav-sp{



  0%{opacity:.08;transform:translateY(-50%) scale(.7) rotate(0deg);}



  100%{opacity:.50;transform:translateY(-50%) scale(1.2) rotate(20deg);}



}







/* ═══════════════════════════════════



   SEKTIONEN



═══════════════════════════════════ */



section{display:none;position:relative;z-index:1;}



section.active{display:block;}







/* ═══════════════════════════════════



   HERO



═══════════════════════════════════ */



.hero{



  min-height:calc(100vh - 60px);



  display:flex;flex-direction:column;align-items:center;justify-content:center;



  text-align:center;padding:5rem 2rem 4rem;



  position:relative;overflow:hidden;



}







/* Mond */



.hero-moon{position:absolute;top:0;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0;}



.moon-glow{



  width:220px;height:150px;



  background:radial-gradient(ellipse at 50% 0%,rgba(220,238,255,.15) 0%,rgba(180,220,255,.06) 40%,transparent 70%);



  filter:blur(25px);



}



.moon-beam{



  position:absolute;top:60%;left:50%;transform:translateX(-50%);



  width:100px;height:600px;



  background:linear-gradient(180deg,rgba(190,216,248,.08) 0%,transparent 100%);



  filter:blur(40px);



}







/* Seitendunstwolken im Hero */



.hero-mist-l,.hero-mist-r{



  position:absolute;top:0;bottom:0;width:35%;pointer-events:none;filter:blur(50px);



}



.hero-mist-l{left:0;background:linear-gradient(90deg,rgba(140,195,240,.06) 0%,transparent 100%);}



.hero-mist-r{right:0;background:linear-gradient(270deg,rgba(140,195,240,.06) 0%,transparent 100%);}







/* Geisterpartikel */



.ghost-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;}



.gp{position:absolute;border-radius:50%;background:rgba(200,228,255,.6);filter:blur(2px);animation:gp-rise linear infinite;}



.gp1{width:3px;height:3px;left:12%;top:100%;animation-duration:14s;animation-delay:0s;}



.gp2{width:4px;height:4px;left:28%;top:100%;animation-duration:18s;animation-delay:-4s;}



.gp3{width:2px;height:2px;left:48%;top:100%;animation-duration:11s;animation-delay:-7s;}



.gp4{width:5px;height:5px;left:65%;top:100%;animation-duration:20s;animation-delay:-10s;}



.gp5{width:3px;height:3px;left:80%;top:100%;animation-duration:15s;animation-delay:-2s;}



.gp6{width:2px;height:4px;left:38%;top:100%;animation-duration:12s;animation-delay:-8s;}



.gp7{width:4px;height:4px;left:55%;top:100%;animation-duration:17s;animation-delay:-5s;}



.gp8{width:3px;height:3px;left:88%;top:100%;animation-duration:13s;animation-delay:-3s;}



@keyframes gp-rise{



  0%{transform:translateY(0) translateX(0);opacity:0;}



  8%{opacity:.8;}



  85%{opacity:.3;}



  100%{transform:translateY(-100vh) translateX(30px);opacity:0;}



}







/* Logo-Rahmen */



.hero-logo-outer{position:relative;width:190px;height:190px;margin:0 auto 3rem;z-index:1;}



.hero-ring-outer{



  position:absolute;inset:-14px;border-radius:50%;



  border:1px solid rgba(157,192,224,.15);



  animation:ring-spin 50s linear infinite;



}



.hero-ring-inner{



  position:absolute;inset:-5px;border-radius:50%;



  border:1px solid rgba(157,192,224,.28);



  box-shadow:0 0 20px rgba(157,192,224,.12),inset 0 0 20px rgba(157,192,224,.06);



}



.hero-ring-gem{



  position:absolute;top:-7px;left:50%;transform:translateX(-50%);



  width:8px;height:8px;border-radius:50%;



  background:radial-gradient(circle,var(--ghost3),var(--ghost));



  box-shadow:0 0 12px rgba(157,192,224,.9);



}



@keyframes ring-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}



.hero-logo{



  width:190px;height:190px;border-radius:50%;



  border:none;



  overflow:hidden;background:transparent;



  box-shadow:0 0 60px rgba(157,192,224,.18),0 0 120px rgba(100,170,220,.08);



  position:relative;z-index:1;



}



.hero-logo img{width:100%;height:100%;object-fit:cover;padding:0;}







/* Hero-Texte */



.hero-eyebrow{



  font-size:10px;letter-spacing:5px;text-transform:uppercase;



  color:rgba(157,192,224,.6);margin-bottom:14px;position:relative;z-index:1;



}



.hero-eyebrow::before,.hero-eyebrow::after{content:'·';margin:0 12px;color:var(--ghost);font-size:14px;}







h1.hero-title{



  font-family:'Cinzel Decorative',serif;



  font-size:52px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3) 0%,var(--ghost2) 50%,var(--ghost) 100%);



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  letter-spacing:6px;line-height:1.15;



  position:relative;z-index:1;margin-bottom:10px;



  filter:drop-shadow(0 0 30px rgba(157,192,224,.4)) drop-shadow(0 0 80px rgba(157,192,224,.15));



}



.hero-subtitle{



  font-family:'Cinzel',serif;font-size:11px;



  color:var(--muted2);letter-spacing:4px;



  margin-bottom:2.5rem;position:relative;z-index:1;



}



.hero-divider{



  display:flex;align-items:center;gap:20px;



  margin:0 auto 2.2rem;width:fit-content;position:relative;z-index:1;



}



.hero-divider::before,.hero-divider::after{



  content:'';display:block;width:90px;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.35));



}



.hero-divider::after{background:linear-gradient(90deg,rgba(157,192,224,.35),transparent);}



.hero-divider span{color:var(--ghost);font-size:10px;letter-spacing:4px;opacity:.7;}



.hero-tagline{



  font-size:14px;color:var(--silver);line-height:2;



  max-width:500px;margin-bottom:1.2rem;



  position:relative;z-index:1;font-style:italic;opacity:.75;



}



.hero-quote{



  font-family:'Cinzel',serif;font-size:13px;



  color:var(--amber2);letter-spacing:1.5px;



  margin-bottom:2.8rem;position:relative;z-index:1;



  text-shadow:0 0 20px rgba(196,144,40,.4);



}







/* Buttons */



.btn-primary{



  display:inline-block;padding:14px 44px;



  border:1px solid rgba(157,192,224,.4);



  color:var(--ghost2);



  font-family:'Raleway',sans-serif;font-size:11px;



  letter-spacing:3px;text-transform:uppercase;font-weight:600;



  background:rgba(157,192,224,.06);



  cursor:pointer;



  transition:background .3s,color .3s,box-shadow .3s,border-color .3s;



  position:relative;z-index:1;



}



.btn-primary:hover{



  background:rgba(157,192,224,.14);



  color:var(--ghost3);border-color:rgba(157,192,224,.7);



  box-shadow:0 0 30px rgba(157,192,224,.15),0 0 60px rgba(157,192,224,.08);



}



.btn-amber{



  display:inline-block;padding:14px 44px;



  border:1px solid rgba(196,144,40,.5);



  color:var(--amber2);



  font-family:'Raleway',sans-serif;font-size:11px;



  letter-spacing:3px;text-transform:uppercase;font-weight:600;



  background:rgba(196,144,40,.07);



  cursor:pointer;



  transition:background .3s,color .3s,box-shadow .3s,border-color .3s;



  position:relative;z-index:1;



}



.btn-amber:hover{



  background:rgba(196,144,40,.16);



  color:var(--amber3);border-color:rgba(196,144,40,.8);



  box-shadow:0 0 30px rgba(196,144,40,.2);



}







/* ═══════════════════════════════════



   STATS STRIP



═══════════════════════════════════ */



.strips{



  display:grid;grid-template-columns:repeat(3,1fr);



  border-top:1px solid rgba(157,192,224,.1);



  border-bottom:1px solid rgba(157,192,224,.1);



  background:rgba(4,10,18,.8);



  backdrop-filter:blur(16px);position:relative;z-index:1;



}



.strip-item{



  padding:2rem;text-align:center;



  border-right:1px solid rgba(157,192,224,.07);



  position:relative;overflow:hidden;



}



.strip-item:last-child{border-right:none;}



.strip-item::before{



  content:'';position:absolute;top:0;left:0;right:0;height:2px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.25),transparent);



}



.strip-item::after{



  content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);



  width:60px;height:60px;border-radius:50%;



  background:radial-gradient(circle,rgba(157,192,224,.06) 0%,transparent 70%);



  filter:blur(10px);



}



.strip-val{



  font-family:'Cinzel',serif;font-size:22px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3),var(--ghost2));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  margin-bottom:6px;



  filter:drop-shadow(0 0 8px rgba(157,192,224,.3));



}



.strip-lbl{font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted2);}







/* ═══════════════════════════════════



   LAYOUT-GRUNDSTRUKTUR



═══════════════════════════════════ */



.pg{max-width:940px;margin:0 auto;padding:5rem 2rem;position:relative;z-index:1;}







/* ═══════════════════════════════════



   SECTION-HEADER



═══════════════════════════════════ */



.sec-hd{text-align:center;margin-bottom:3.5rem;}



.sec-ghost-deco{



  font-size:9px;letter-spacing:12px;text-transform:uppercase;



  color:rgba(157,192,224,.3);margin-bottom:14px;



}



.sec-eye{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:rgba(157,192,224,.55);margin-bottom:12px;}



.sec-title{



  font-family:'Cinzel',serif;font-size:30px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3) 0%,var(--ghost2) 100%);



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  letter-spacing:3px;margin-bottom:20px;



  filter:drop-shadow(0 0 15px rgba(157,192,224,.2));



}



.sec-div{display:flex;align-items:center;gap:14px;margin:0 auto;width:fit-content;}



.sec-div::before,.sec-div::after{



  content:'';display:block;width:55px;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.3));



}



.sec-div::after{background:linear-gradient(90deg,rgba(157,192,224,.3),transparent);}



.sec-div span{color:rgba(157,192,224,.5);font-size:8px;letter-spacing:2px;}







/* ═══════════════════════════════════



   ÜBER UNS — ATMOSPHÄRISCHES LAYOUT



═══════════════════════════════════ */



.about-float{position:relative;max-width:820px;margin:0 auto 1rem;}



.about-float-deco{



  position:absolute;top:-2rem;left:-1rem;



  font-family:'Cinzel Decorative',serif;font-size:140px;



  line-height:1;color:rgba(157,192,224,.04);



  pointer-events:none;user-select:none;



  font-style:italic;



}



.about-float p{



  font-size:15px;color:var(--silver2);line-height:2.1;



  margin-bottom:1.3rem;position:relative;



}



.about-float p:first-of-type::first-letter{



  font-family:'Cinzel',serif;font-size:44px;font-weight:700;



  float:left;line-height:.85;margin-right:10px;margin-top:4px;



  background:linear-gradient(135deg,var(--ghost2),var(--ghost3));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  filter:drop-shadow(0 0 10px rgba(157,192,224,.3));



}



.about-rule{



  width:100%;height:1px;margin:2rem 0;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.18),transparent);



}







/* Großes Ghost-Zitat */



.ghost-quote{



  text-align:center;padding:3.5rem 2rem;position:relative;margin:2.5rem 0;



}



.ghost-quote::before,.ghost-quote::after{



  content:'';position:absolute;left:10%;right:10%;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.15),transparent);



}



.ghost-quote::before{top:0;}



.ghost-quote::after{bottom:0;}



.ghost-quote-inner{



  position:relative;display:inline-block;max-width:680px;



}



.ghost-quote-mark{



  font-family:'Cinzel Decorative',serif;font-size:80px;line-height:.6;



  color:rgba(157,192,224,.1);display:block;margin-bottom:-10px;



}



.ghost-quote-text{



  font-family:'Cinzel',serif;font-size:16px;color:var(--ghost2);



  font-style:italic;line-height:1.85;letter-spacing:.5px;



  text-shadow:0 0 40px rgba(157,192,224,.25);



}







/* ═══════════════════════════════════



   WERTE-KARTEN — SPEKTRAL



═══════════════════════════════════ */



.values-grid{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;}



.val-card{



  background:linear-gradient(160deg,rgba(7,14,24,.92),rgba(3,8,14,.97));



  border:1px solid rgba(157,192,224,.1);



  border-radius:18px;



  padding:2.25rem 1.5rem 1.75rem;



  text-align:center;position:relative;overflow:hidden;



  transition:border-color .4s,box-shadow .4s,transform .4s;



  flex:1 1 calc(33.333% - 1rem);



  max-width:calc(33.333% - 1rem);



  min-width:190px;



}



.val-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.35),transparent);



}



.val-card::after{



  content:'';position:absolute;inset:0;



  background:radial-gradient(ellipse at 50% 0%,rgba(157,192,224,.04) 0%,transparent 65%);



  opacity:0;transition:opacity .4s;



}



.val-card:hover{



  border-color:rgba(157,192,224,.3);transform:translateY(-6px);



  box-shadow:0 0 50px rgba(157,192,224,.07),0 16px 60px rgba(0,0,0,.6);



}



.val-card:hover::after{opacity:1;}



.val-icon-ring{



  width:68px;height:68px;border-radius:50%;



  border:1px solid rgba(157,192,224,.2);



  display:flex;align-items:center;justify-content:center;



  margin:0 auto 1.4rem;



  background:radial-gradient(circle,rgba(157,192,224,.06) 0%,transparent 70%);



  box-shadow:0 0 20px rgba(157,192,224,.07),inset 0 0 20px rgba(0,0,0,.3);



  transition:border-color .4s,box-shadow .4s;position:relative;z-index:1;



}



.val-card:hover .val-icon-ring{



  border-color:rgba(157,192,224,.5);



  box-shadow:0 0 30px rgba(157,192,224,.2),0 0 60px rgba(157,192,224,.08),inset 0 0 15px rgba(0,0,0,.2);



}



.val-icon{font-size:24px;color:var(--ghost2);filter:drop-shadow(0 0 8px rgba(157,192,224,.6));display:block;}



.val-name{font-family:'Cinzel',serif;font-size:13px;color:var(--silver3);margin-bottom:10px;letter-spacing:.5px;position:relative;z-index:1;}



.val-text{font-size:12px;color:var(--muted2);line-height:1.88;position:relative;z-index:1;}







/* ═══════════════════════════════════



   ALLGEMEINE KARTEN — GHOST-GLAS



═══════════════════════════════════ */



.card{



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);



  padding:1.85rem;margin-bottom:1.25rem;



  position:relative;overflow:hidden;



  transition:border-color .35s,box-shadow .35s;



}



.card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.3),transparent);



}



.card:hover{border-color:rgba(157,192,224,.25);box-shadow:0 4px 40px rgba(0,0,0,.5),0 0 20px rgba(157,192,224,.04);}



.card-title{font-family:'Cinzel',serif;font-size:13px;font-weight:600;color:var(--silver3);letter-spacing:1px;margin-bottom:14px;}



.card-text{font-size:13px;color:var(--muted2);line-height:1.9;}



.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}



.two-col .card{margin-bottom:0;}







/* ═══════════════════════════════════



   DISZIPLINEN



═══════════════════════════════════ */



.disziplin-item{



  display:flex;gap:1.6rem;align-items:flex-start;



  padding:1.6rem 1.85rem;



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);



  margin-bottom:12px;position:relative;



  transition:border-color .35s,box-shadow .35s,transform .35s;



}



.disziplin-item::before{



  content:'';position:absolute;top:0;left:0;bottom:0;width:2px;



  background:linear-gradient(180deg,transparent,rgba(157,192,224,.4),transparent);



}



.disziplin-item:hover{



  border-color:rgba(157,192,224,.25);



  box-shadow:0 4px 40px rgba(0,0,0,.5),0 0 15px rgba(157,192,224,.04);



  transform:translateX(6px);



}



.disziplin-mark{



  font-family:'Cinzel',serif;font-size:22px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3),var(--ghost2));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  min-width:28px;margin-top:1px;



  filter:drop-shadow(0 0 6px rgba(157,192,224,.3));



}



.disziplin-name{font-family:'Cinzel',serif;font-size:14px;font-weight:600;color:var(--silver3);margin-bottom:6px;letter-spacing:.5px;}



.disziplin-text{font-size:13px;color:var(--muted2);line-height:1.88;}







/* ═══════════════════════════════════



   CLUBZEITEN



═══════════════════════════════════ */



.times-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem;margin-bottom:3rem;}



.time-card{



  background:linear-gradient(170deg,rgba(7,14,24,.97),rgba(3,8,14,1));



  border:1px solid rgba(157,192,224,.12);



  padding:2.25rem 1.5rem;text-align:center;



  position:relative;overflow:hidden;



  transition:border-color .4s,box-shadow .4s,transform .4s;



}



.time-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:2px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.45),transparent);



}



.time-card::after{



  content:'';position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);



  width:100px;height:100px;border-radius:50%;



  background:radial-gradient(circle,rgba(157,192,224,.05) 0%,transparent 70%);



  filter:blur(15px);



}



.time-card:hover{



  border-color:rgba(157,192,224,.35);transform:translateY(-5px);



  box-shadow:0 0 50px rgba(157,192,224,.08),0 16px 60px rgba(0,0,0,.6);



}



.time-day{



  font-family:'Cinzel',serif;font-size:15px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3),var(--ghost2));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  letter-spacing:2px;margin-bottom:12px;



  filter:drop-shadow(0 0 8px rgba(157,192,224,.3));



}



.time-clock{



  font-family:'Cinzel',serif;font-size:21px;font-weight:600;



  color:var(--silver3);letter-spacing:1px;margin-bottom:14px;



}



.time-type{font-size:11px;color:rgba(157,192,224,.6);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;}



.time-loc{font-size:12px;color:var(--muted2);letter-spacing:1px;}



.time-optional{



  display:inline-block;margin-top:12px;



  font-size:9px;letter-spacing:1.5px;text-transform:uppercase;



  color:var(--amber2);border:1px solid rgba(196,144,40,.3);



  padding:3px 10px;opacity:.85;



}







/* ═══════════════════════════════════



   OUTFIT-BILDER



═══════════════════════════════════ */



.horse-section{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-bottom:1.85rem;}



.horse-img-card{



  background:rgba(7,14,24,.85);border:none;



  border-radius:16px;overflow:hidden;position:relative;



  transition:box-shadow .35s,transform .35s;



}



.horse-img-card:hover{



  box-shadow:0 0 40px rgba(157,192,224,.1);



  transform:translateY(-3px);



}



.horse-img-card img{width:100%;height:480px;object-fit:contain;display:block;padding:1rem 1rem 0;transition:transform .5s;}



.horse-img-card:hover img{transform:scale(1.03);}



.horse-img-card .img-caption{



  padding:.75rem 1rem 1rem;



  font-family:'Cinzel',serif;font-size:11px;



  color:var(--ghost2);letter-spacing:2px;



  background:transparent;text-align:center;



}



.outfit-list{list-style:none;padding:0;}



.outfit-list li{



  display:flex;align-items:flex-start;gap:12px;



  padding:11px 0;border-bottom:1px solid rgba(157,192,224,.06);



  font-size:13px;color:var(--muted2);



}



.outfit-list li:last-child{border-bottom:none;}



.outfit-list li::before{content:'·';color:var(--ghost);font-size:18px;line-height:1;margin-top:-1px;flex-shrink:0;}



.outfit-list strong{color:var(--silver2);font-weight:500;min-width:95px;display:inline-block;}







/* ═══════════════════════════════════



   SCHRITTE (BEITRETEN)



═══════════════════════════════════ */



.step{



  display:flex;gap:1.85rem;align-items:flex-start;



  padding:1.85rem;



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);



  margin-bottom:12px;position:relative;



  transition:border-color .35s,box-shadow .35s;



}



.step::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.25),transparent);



}



.step:hover{border-color:rgba(157,192,224,.25);box-shadow:0 4px 40px rgba(0,0,0,.5);}



.step-num{



  font-family:'Cinzel Decorative',serif;font-size:36px;font-weight:700;



  background:linear-gradient(180deg,var(--ghost3),var(--ghost));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  min-width:44px;line-height:1;



  filter:drop-shadow(0 0 12px rgba(157,192,224,.3));



}



.step-title{font-family:'Cinzel',serif;font-size:14px;color:var(--silver3);margin-bottom:8px;letter-spacing:.5px;}



.step-text{font-size:13px;color:var(--muted2);line-height:1.9;}



.criteria-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}



.crit-list{list-style:none;padding:0;}



.crit-list li{



  display:flex;gap:12px;padding:10px 0;



  border-bottom:1px solid rgba(157,192,224,.06);



  font-size:13px;color:var(--muted2);



}



.crit-list li:last-child{border-bottom:none;}



.crit-list li::before{content:'·';color:var(--ghost);font-size:18px;line-height:1;margin-top:-1px;flex-shrink:0;}







/* ═══════════════════════════════════



   KONTAKT



═══════════════════════════════════ */



.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;}



.contact-card{



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);



  padding:1.85rem;position:relative;



  transition:border-color .35s,box-shadow .35s;



}



.contact-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.3),transparent);



}



.contact-card:hover{border-color:rgba(157,192,224,.25);box-shadow:0 4px 40px rgba(0,0,0,.5);}



.contact-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);margin-bottom:10px;}



.contact-val{font-family:'Cinzel',serif;font-size:14px;color:var(--ghost2);letter-spacing:.5px;}



.contact-sub{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6;}



.contact-link{



  display:inline-block;margin-top:12px;font-size:11px;



  color:rgba(157,192,224,.55);letter-spacing:1px;



  border-bottom:1px solid rgba(157,192,224,.2);



  transition:color .25s,border-color .25s;



}



.contact-link:hover{color:var(--ghost2);border-bottom-color:rgba(157,192,224,.5);}







/* ═══════════════════════════════════



   PASSWORT-GATE



═══════════════════════════════════ */



.pw-gate-wrap{text-align:center;}



.pw-box{



  max-width:440px;margin:0 auto;



  background:linear-gradient(160deg,rgba(7,14,24,.98),rgba(3,8,14,1));



  border:1px solid rgba(157,192,224,.2);



  padding:3rem;position:relative;



  box-shadow:0 0 80px rgba(157,192,224,.07);



}



.pw-box::before{



  content:'';position:absolute;top:0;left:0;right:0;height:2px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.5),transparent);



}



.pw-spirit{font-size:40px;margin-bottom:1.5rem;display:block;filter:drop-shadow(0 0 15px rgba(157,192,224,.4));}



.pw-desc{font-size:13px;color:var(--muted2);line-height:1.9;margin-bottom:1.85rem;}



.pw-input{



  width:100%;padding:13px 16px;



  background:rgba(3,8,14,.95);



  border:1px solid rgba(157,192,224,.2);



  color:var(--silver3);



  font-family:'Raleway',sans-serif;font-size:15px;



  letter-spacing:5px;text-align:center;



  outline:none;transition:border-color .3s,box-shadow .3s;margin-bottom:1rem;



}



.pw-input:focus{border-color:rgba(157,192,224,.5);box-shadow:0 0 20px rgba(157,192,224,.08);}



.pw-input::placeholder{letter-spacing:2px;font-size:12px;color:var(--muted);}



.pw-error{color:#d07080;font-size:12px;letter-spacing:1px;margin-bottom:1rem;display:none;}



.pw-btn{



  width:100%;padding:14px;



  background:rgba(157,192,224,.07);border:1px solid rgba(157,192,224,.35);



  color:var(--ghost2);



  font-family:'Raleway',sans-serif;font-size:11px;



  letter-spacing:3px;text-transform:uppercase;font-weight:600;cursor:pointer;



  transition:background .3s,color .3s,box-shadow .3s;



}



.pw-btn:hover{background:rgba(157,192,224,.16);color:var(--ghost3);box-shadow:0 0 30px rgba(157,192,224,.15);}







/* ═══════════════════════════════════



   AKZENTE



═══════════════════════════════════ */



.accent-motto{



  text-align:center;margin-top:3rem;



  font-family:'Cinzel',serif;font-size:13px;



  color:var(--ghost);letter-spacing:4px;opacity:.65;



}



.apply-wrap{max-width:560px;margin:0 auto;text-align:center;}







/* ═══════════════════════════════════



   TEAM-SEKTION



═══════════════════════════════════ */



.team-role-block{margin-bottom:3.5rem;}



.team-role-label{display:flex;align-items:center;gap:18px;margin-bottom:2rem;}



.team-role-label::before,.team-role-label::after{content:'';flex:1;height:1px;}



.team-role-label::before{background:linear-gradient(90deg,transparent,rgba(157,192,224,.2));}



.team-role-label::after{background:linear-gradient(90deg,rgba(157,192,224,.2),transparent);}



.team-role-badge{



  font-family:'Cinzel',serif;font-size:11px;font-weight:600;



  letter-spacing:4px;text-transform:uppercase;color:var(--ghost2);white-space:nowrap;



  border:1px solid rgba(157,192,224,.22);padding:6px 22px;border-radius:50px;



  background:rgba(157,192,224,.04);text-shadow:0 0 20px rgba(157,192,224,.4);



}



.team-card{



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);border-radius:18px;



  display:grid;grid-template-columns:170px 1fr;



  gap:2.25rem;padding:2.25rem;margin-bottom:1.25rem;



  position:relative;overflow:hidden;transition:border-color .35s,box-shadow .35s;



}



.team-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.28),transparent);



}



.team-card:hover{border-color:rgba(157,192,224,.22);box-shadow:0 8px 50px rgba(0,0,0,.5),0 0 25px rgba(157,192,224,.04);}



.team-avatar-wrap{display:flex;align-items:flex-start;justify-content:center;}



.team-avatar,.team-avatar-placeholder{width:160px;height:220px;border-radius:14px;}



.team-avatar{object-fit:cover;object-position:top center;border:1px solid rgba(157,192,224,.15);box-shadow:0 0 30px rgba(157,192,224,.08);}



.team-avatar-placeholder{



  background:radial-gradient(ellipse at 50% 30%,rgba(157,192,224,.06) 0%,rgba(7,14,24,.9) 70%);



  border:1px dashed rgba(157,192,224,.18);



  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;



}



.team-avatar-placeholder span{font-size:30px;opacity:.3;}



.team-avatar-placeholder small{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);opacity:.5;}



.team-info{display:flex;flex-direction:column;}



.team-sso-name{



  font-family:'Cinzel',serif;font-size:20px;font-weight:700;



  background:linear-gradient(135deg,var(--ghost3),var(--ghost2));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  letter-spacing:1.5px;margin-bottom:6px;



}



.team-meta{font-size:11px;color:var(--muted2);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:1.25rem;}



.team-meta span{color:rgba(157,192,224,.35);margin:0 6px;}



.team-bio-rule{width:45px;height:1px;margin-bottom:1.2rem;background:linear-gradient(90deg,rgba(157,192,224,.4),transparent);}



.team-bio{font-size:13px;color:var(--silver2);line-height:2;}



.team-level{



  display:inline-flex;align-items:center;gap:8px;margin-top:1.25rem;



  font-family:'Cinzel',serif;font-size:11px;color:rgba(157,192,224,.5);letter-spacing:2px;



}



.team-level::before{content:'·';font-size:20px;line-height:0;color:var(--ghost);}



.team-bio p{margin-bottom:.85rem;}



.team-bio p:last-child{margin-bottom:0;}







/* ═══════════════════════════════════



   FOOTER



═══════════════════════════════════ */



footer{



  text-align:center;padding:2.5rem;



  border-top:1px solid rgba(157,192,224,.08);



  font-size:11px;color:var(--muted);letter-spacing:1.5px;



  position:relative;z-index:1;background:rgba(2,6,9,.9);



}



footer::before{



  content:'';position:absolute;top:0;left:8%;right:8%;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.15),transparent);



}



footer a{color:var(--ghost);transition:color .2s;}



footer a:hover{color:var(--ghost2);}







/* ═══════════════════════════════════



   RESPONSIVE



═══════════════════════════════════ */



/* ═══════════════════════════════════



   CLUB-BEREICH TABS



═══════════════════════════════════ */



.club-tabs-nav{



  display:flex;gap:.6rem;margin-bottom:2.5rem;



  border-bottom:1px solid rgba(157,192,224,.1);



  padding-bottom:0;flex-wrap:wrap;



}



.club-tab-btn{



  background:none;border:none;border-bottom:2px solid transparent;



  color:var(--muted2);



  font-family:'Raleway',sans-serif;font-size:10px;



  letter-spacing:2px;text-transform:uppercase;font-weight:600;



  padding:10px 18px 12px;cursor:pointer;



  transition:color .25s,border-color .25s;



  margin-bottom:-1px;



}



.club-tab-btn:hover{color:var(--ghost3);}



.club-tab-btn.active{color:var(--ghost2);border-bottom-color:var(--ghost);}



.club-tab-pane{display:none;}



.club-tab-pane.active{display:block;}







/* Galerie */



.gallery-section-title{



  font-family:'Cinzel',serif;font-size:18px;font-weight:600;



  background:linear-gradient(180deg,var(--ghost3),var(--ghost2));



  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;



  letter-spacing:3px;margin-bottom:1.5rem;



  filter:drop-shadow(0 0 10px rgba(157,192,224,.2));



}



.gallery-grid{



  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;



}



.gallery-img{



  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;



  border:1px solid rgba(157,192,224,.1);



  transition:transform .35s,box-shadow .35s,border-color .35s;



  cursor:pointer;



}



.gallery-img:hover{



  transform:scale(1.04);border-color:rgba(157,192,224,.35);



  box-shadow:0 0 30px rgba(157,192,224,.12);



}







/* Lernmaterialien */



.learn-grid{



  display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;



}



.learn-img{



  width:100%;border-radius:10px;



  border:1px solid rgba(157,192,224,.1);



  transition:transform .35s,box-shadow .35s,border-color .35s;



}



.learn-img:hover{



  transform:translateY(-4px);border-color:rgba(157,192,224,.3);



  box-shadow:0 8px 40px rgba(157,192,224,.1);



}







/* Coming Soon */



.coming-soon{



  text-align:center;padding:4rem 2rem;



  font-family:'Cinzel',serif;font-size:16px;



  color:rgba(157,192,224,.4);letter-spacing:4px;



}







@media(max-width:720px){



  h1.hero-title{font-size:26px;letter-spacing:2px;}



  .two-col,.criteria-grid,.contact-grid,.horse-section,.times-grid{grid-template-columns:1fr;}



  .values-grid{grid-template-columns:1fr 1fr;}



  nav{padding:0 1rem;}



  .nav-brand{display:none;}



  .nav-hamburger{display:flex;}



  .nav-star{display:none;}



  .nav-links{



    display:none;position:absolute;top:60px;left:0;right:0;



    flex-direction:column;align-items:center;



    background:rgba(2,6,9,.97);



    backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);



    border-bottom:1px solid rgba(157,192,224,.14);



    z-index:199;padding:.6rem 0 1rem;



  }



  nav.nav-open .nav-links{display:flex;}



  .nav-links>button,.nav-dropdown>button{



    height:50px;text-align:center;padding:0 2rem;width:100%;



    border-bottom:1px solid rgba(157,192,224,.06)!important;



    font-size:11px;letter-spacing:2px;



    justify-content:center;



  }



  .nav-dropdown{width:100%;display:flex;flex-direction:column;align-items:center;}



  .nav-dropdown>button{justify-content:center;gap:8px;}



  .nav-dropdown:hover .nav-drop-menu{display:none;}



  .nav-dropdown.open .nav-drop-menu{display:flex;}



  .nav-drop-menu{



    position:static!important;transform:none!important;



    left:auto!important;min-width:unset;width:100%;



    box-shadow:none;border:none;



    border-top:1px solid rgba(157,192,224,.06);



    background:rgba(157,192,224,.03);



  }



  .nav-drop-menu button{



    text-align:center;padding:0 2rem;height:44px;



    font-size:10px;letter-spacing:1.8px;



    border-left:none!important;



  }



  .nav-drop-menu button:hover{background:rgba(157,192,224,.07);border-left:none!important;}



  .pg{padding:3rem 1rem;}



  .step{flex-direction:column;gap:1rem;}



  .step-num{font-size:28px;}



  .about-float-deco{display:none;}



  .team-card{grid-template-columns:1fr;gap:1.5rem;}



  .team-avatar-wrap{justify-content:center;}



  .team-avatar,.team-avatar-placeholder{width:140px;height:190px;}



  .hero{padding:3.5rem 1.25rem 3rem;}



  .hero-logo-outer{width:150px;height:150px;}



  .hero-logo{width:150px;height:150px;}



  .strips{grid-template-columns:1fr;}



  .strip-item{border-right:none;border-bottom:1px solid rgba(157,192,224,.07);padding:1.25rem;}



  .strip-item:last-child{border-bottom:none;}



  .sec-title{font-size:22px;}



  .horse-img-card img{height:260px;}



  .club-tabs-nav{flex-wrap:wrap;gap:.4rem;}



  .club-tab-btn{font-size:9px;padding:7px 12px;letter-spacing:1.5px;}



  .gallery-grid{grid-template-columns:repeat(2,1fr);}



  .learn-grid{grid-template-columns:1fr;}



  .admin-row{grid-template-columns:1fr;}



  .admin-btn-row{flex-direction:column;}



}







/* ═══════════════════════════════════



   BEITRÄGE / POST CARDS



═══════════════════════════════════ */



.post-card{



  background:linear-gradient(160deg,rgba(7,14,24,.9),rgba(3,8,14,.95));



  border:1px solid rgba(157,192,224,.1);



  padding:1.85rem;margin-bottom:1.25rem;



  position:relative;overflow:hidden;



  transition:border-color .35s,box-shadow .35s;



}



.post-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.3),transparent);



}



.post-card:hover{border-color:rgba(157,192,224,.25);box-shadow:0 4px 40px rgba(0,0,0,.5),0 0 20px rgba(157,192,224,.04);}



.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;gap:.75rem;flex-wrap:wrap;}



.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}



.post-category{



  display:inline-block;font-size:9px;letter-spacing:2px;text-transform:uppercase;



  color:var(--amber2);border:1px solid rgba(196,144,40,.3);padding:3px 10px;



}



.post-date{font-size:11px;color:var(--muted2);letter-spacing:1px;}



.post-title{



  font-family:'Cinzel',serif;font-size:16px;font-weight:600;



  color:var(--silver3);margin-bottom:.85rem;letter-spacing:.5px;



}



.post-image{



  width:100%;max-height:420px;object-fit:cover;



  border-radius:8px;border:1px solid rgba(157,192,224,.1);



  margin-bottom:1rem;display:block;



}



.post-text{font-size:13px;color:var(--muted2);line-height:1.9;}



.post-admin-btns{display:flex;gap:.5rem;flex-shrink:0;}



.post-edit-btn,.post-delete-btn{



  font-family:'Raleway',sans-serif;font-size:9px;letter-spacing:1.5px;



  text-transform:uppercase;font-weight:600;padding:5px 12px;



  cursor:pointer;border:1px solid;background:none;transition:background .25s,color .25s;



}



.post-edit-btn{color:rgba(157,192,224,.65);border-color:rgba(157,192,224,.28);}



.post-edit-btn:hover{background:rgba(157,192,224,.1);color:var(--ghost2);}



.post-delete-btn{color:rgba(200,90,90,.65);border-color:rgba(200,90,90,.28);}



.post-delete-btn:hover{background:rgba(200,90,90,.1);color:#e08080;}







/* ═══════════════════════════════════



   ADMIN KOMPONENTEN



═══════════════════════════════════ */



.btn-admin-sm{



  font-family:'Raleway',sans-serif;font-size:9px;letter-spacing:2px;



  text-transform:uppercase;font-weight:600;padding:7px 16px;



  cursor:pointer;border:1px solid rgba(157,192,224,.2);



  color:rgba(157,192,224,.45);background:none;



  transition:color .25s,border-color .25s;



}



.btn-admin-sm:hover{color:var(--ghost2);border-color:rgba(157,192,224,.4);}



.admin-inline-box{



  max-width:420px;margin:0 auto 2rem;



  background:linear-gradient(160deg,rgba(7,14,24,.98),rgba(3,8,14,1));



  border:1px solid rgba(157,192,224,.2);padding:2rem;



}



.admin-box-title{



  font-family:'Cinzel',serif;font-size:13px;color:var(--ghost2);



  letter-spacing:2px;text-align:center;margin-bottom:1.25rem;



}



.admin-form-card{



  background:linear-gradient(160deg,rgba(7,14,24,.98),rgba(3,8,14,1));



  border:1px solid rgba(157,192,224,.15);padding:2rem;



  margin-bottom:2.5rem;position:relative;



}



.admin-form-card::before{



  content:'';position:absolute;top:0;left:0;right:0;height:1px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.3),transparent);



}



.admin-form-title{



  font-family:'Cinzel',serif;font-size:13px;color:var(--ghost2);



  letter-spacing:2px;margin-bottom:1.5rem;padding-bottom:.75rem;



  border-bottom:1px solid rgba(157,192,224,.1);



}



.admin-field{margin-bottom:1.1rem;}



.admin-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}



.admin-label{



  display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;



  color:var(--muted2);margin-bottom:6px;



}



.admin-input,.admin-select{



  width:100%;padding:9px 13px;



  background:rgba(3,8,14,.9);border:1px solid rgba(157,192,224,.18);



  color:var(--silver3);font-family:'Raleway',sans-serif;font-size:13px;



  outline:none;transition:border-color .25s;



}



.admin-select{-webkit-appearance:none;appearance:none;cursor:pointer;}



.admin-input:focus,.admin-select:focus{border-color:rgba(157,192,224,.42);}



.admin-textarea{



  width:100%;padding:9px 13px;



  background:rgba(3,8,14,.9);border:1px solid rgba(157,192,224,.18);



  color:var(--silver3);font-family:'Raleway',sans-serif;font-size:13px;



  outline:none;resize:vertical;transition:border-color .25s;line-height:1.7;



}



.admin-textarea:focus{border-color:rgba(157,192,224,.42);}



.admin-file{



  width:100%;font-family:'Raleway',sans-serif;font-size:11px;



  color:var(--muted2);letter-spacing:.5px;padding:6px 0;cursor:pointer;



}



.admin-btn-row{display:flex;gap:.75rem;margin-top:.5rem;}



.edit-modal-overlay{



  display:none;position:fixed;inset:0;



  background:rgba(0,0,0,.78);z-index:500;



  align-items:center;justify-content:center;padding:1rem;



}



.edit-modal-overlay.open{display:flex;}



.edit-modal-inner{



  max-width:600px;width:100%;max-height:90vh;overflow-y:auto;



  background:linear-gradient(160deg,rgba(7,14,24,.99),rgba(3,8,14,1));



  border:1px solid rgba(157,192,224,.2);padding:2rem;



  position:relative;



}



.edit-modal-inner::before{



  content:'';position:absolute;top:0;left:0;right:0;height:2px;



  background:linear-gradient(90deg,transparent,rgba(157,192,224,.5),transparent);



}



.gallery-img-wrap,.lern-img-wrap{position:relative;display:inline-block;overflow:hidden;}



.gallery-grid .gallery-img-wrap{display:block;}



.img-del-btn{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.72);color:#e08080;border:1px solid rgba(200,90,90,.45);font-size:11px;padding:3px 9px;cursor:pointer;line-height:1.6;opacity:0;transition:opacity .2s;font-family:'Raleway',sans-serif;}



.gallery-img-wrap:hover .img-del-btn,.lern-img-wrap:hover .img-del-btn{opacity:1;}



.album-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem;flex-wrap:wrap;}



.album-del-btn{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border:1px solid rgba(200,90,90,.3);color:rgba(200,90,90,.65);background:none;cursor:pointer;font-family:'Raleway',sans-serif;transition:color .2s,border-color .2s;}



.album-del-btn:hover{color:#e08080;border-color:rgba(200,90,90,.5);}



.album-upload-label{display:inline-block;cursor:pointer;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border:1px solid rgba(157,192,224,.22);color:rgba(157,192,224,.55);background:none;font-family:'Raleway',sans-serif;transition:color .2s,border-color .2s;}



.album-upload-label:hover{color:var(--ghost2);border-color:rgba(157,192,224,.45);}



.pruef-card{background:linear-gradient(160deg,rgba(7,14,24,.98),rgba(3,8,14,1));border:1px solid rgba(157,192,224,.12);padding:1.5rem;margin-bottom:1.25rem;position:relative;}



.pruef-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(157,192,224,.2),transparent);}



.pruef-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;}



.pruef-title{font-family:'Cinzel',serif;font-size:14px;color:var(--ghost2);}



.pruef-date{font-size:10px;letter-spacing:1.5px;color:var(--muted2);text-transform:uppercase;margin-top:3px;}



.pruef-text{font-size:13px;color:var(--silver2);line-height:1.7;white-space:pre-line;margin-top:.5rem;}



.pruef-image{width:100%;margin-top:1rem;display:block;}



.admin-upload-label{display:inline-block;cursor:pointer;font-family:'Raleway',sans-serif;font-size:9px;letter-spacing:2px;text-transform:uppercase;font-weight:600;padding:8px 18px;border:1px solid rgba(157,192,224,.22);color:rgba(157,192,224,.55);background:none;transition:color .25s,border-color .25s;}



.admin-upload-label:hover{color:var(--ghost2);border-color:rgba(157,192,224,.45);}



.lern-item{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem;}



.lern-title{font-family:'Cinzel',serif;font-size:12px;letter-spacing:1.5px;color:var(--ghost2);text-align:center;margin-bottom:.6rem;width:100%;}



.lern-title-input{width:100%;padding:5px 8px;background:rgba(3,8,14,.9);border:1px solid rgba(157,192,224,.25);color:var(--silver3);font-family:'Cinzel',serif;font-size:11px;letter-spacing:1px;outline:none;text-align:center;margin-bottom:.5rem;}



.lern-title-input:focus{border-color:rgba(157,192,224,.45);}

.admin-mode .img-del-btn{opacity:1 !important;position:static !important;display:block !important;margin:5px auto 0;}

.admin-mode .gallery-img-wrap,.admin-mode .lern-img-wrap{display:flex;flex-direction:column;align-items:center;}