/*
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,
.nav-drop-menu .nav-drop-link{



  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;

  display:flex;align-items:center;box-sizing:border-box;color:inherit;text-decoration:none;



}



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



.nav-drop-menu button:hover,
.nav-drop-menu .nav-drop-link: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(2,minmax(0,1fr));gap:1.35rem;margin-bottom:3rem;max-width:980px;margin-left:auto;margin-right:auto;}



.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,
  .nav-drop-menu .nav-drop-link{



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



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



    border-left:none!important;



  }



  .nav-drop-menu button:hover,.nav-drop-menu .nav-drop-link: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;}



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



   PERFORMANCE-LAYER



   Haelt den mystischen Look, reduziert aber teure Repaints beim Scrollen.



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



.mist-bg,.aurora,.star-field,.deco-moon,.deco-ghost,.deco-sparkle{
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
}



.mist{
  will-change:auto;
  animation-duration:90s!important;
}



.mist1,.mist5{opacity:.72;}



.mist2,.mist3,.mist4{opacity:.58;}



.aurora::before{
  will-change:auto;
  animation-duration:42s!important;
}



.star-field::before,.star-field::after,.nav-star{
  animation-duration:22s!important;
  will-change:auto;
}



.deco-moon,.deco-ghost,.deco-sparkle{
  will-change:auto;
}



.deco-ghost{animation-duration:24s!important;}



.deco-sparkle{animation-duration:8s!important;}



nav,.nav-drop-menu{
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}



nav{
  box-shadow:0 2px 24px rgba(0,0,0,.55),0 0 0 1px rgba(157,192,224,.04)!important;
}



.nav-spirit{
  animation-duration:8s!important;
  box-shadow:0 0 10px rgba(157,192,224,.6),0 0 18px rgba(157,192,224,.25)!important;
}



.hero-moon .moon-glow,.hero-moon .moon-haze,.hero-side-glow,.gp{
  animation-duration:32s!important;
}



@media (max-width:900px){
  .mist,.aurora::before,.star-field::before,.star-field::after,.nav-star,
  .deco-moon,.deco-ghost,.deco-sparkle,.nav-spirit,.gp{
    animation:none!important;
  }

  .mist4,.mist5,.ghost2,.ghost3,.sp3,.sp4,.sp5{
    opacity:.18!important;
  }

  nav,.nav-drop-menu{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(2,6,9,.96)!important;
  }
}



@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
}

/* Southern Ghosts 2026 Purple Banner Restyle */
:root{
  --sg-purple-black:#07000b;
  --sg-purple-deep:#130018;
  --sg-purple:#21052f;
  --sg-purple-soft:#553078;
  --sg-lilac:#c9b5d4;
  --sg-rose:#9c78b9;
}

body{
  background:
    linear-gradient(180deg,rgba(4,0,8,.26) 0%,rgba(13,0,18,.52) 42%,rgba(4,0,7,.84) 100%),
    radial-gradient(circle at 50% 0%,rgba(60,16,92,.13),transparent 34rem),
    url('/wp-content/themes/southernghosts/assets/images/sg-purple-bg-2026.jpg') center top/cover fixed no-repeat,
    linear-gradient(180deg,#08000c 0%,#15001b 42%,#030006 100%)!important;
  color:#d8c9df!important;
}

body::before{
  content:"";
  display:block;
  width:100%;
  height:360px;
  background:
    linear-gradient(180deg,rgba(6,0,10,.04) 0%,rgba(12,0,16,.12) 58%,rgba(8,0,12,.62) 100%),
    radial-gradient(circle at 50% 0%,rgba(60,16,92,.1),transparent 20rem),
    linear-gradient(90deg,rgba(7,0,11,.54),rgba(12,0,17,.02) 28%,rgba(12,0,17,.02) 72%,rgba(7,0,11,.54)),
    url('/wp-content/themes/southernghosts/assets/images/sg-purple-bg-2026.jpg') center 38%/cover no-repeat;
  filter:none;
  box-shadow:inset 0 -24px 58px rgba(7,0,11,.72),0 18px 70px rgba(42,8,58,.26);
}

.sg-clean-nav,
nav.sg-clean-nav{
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  height:44px!important;
  padding:0!important;
  border-top:1px solid rgba(190,160,210,.07)!important;
  border-bottom:1px solid rgba(190,160,210,.12)!important;
  background:linear-gradient(90deg,rgba(7,0,10,.96),rgba(27,0,40,.9),rgba(7,0,10,.96))!important;
  box-shadow:0 10px 34px rgba(0,0,0,.46),0 0 32px rgba(45,10,70,.18)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

.sg-clean-nav .nav-brand,
.sg-clean-nav .nav-actions,
.sg-clean-nav .nav-star{
  display:none!important;
}

.sg-clean-nav .nav-links{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(130px,1fr))!important;
  width:min(1040px,94vw)!important;
  margin:0 auto!important;
  height:44px!important;
  gap:0!important;
  align-items:stretch!important;
  justify-content:center!important;
  flex:0 1 auto!important;
}

.sg-clean-nav .nav-links>button,
.sg-clean-nav .nav-dropdown>button,
.sg-clean-nav .nav-intern{
  height:44px!important;
  min-height:44px!important;
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  padding:0 12px!important;
  border:0!important;
  border-left:1px solid rgba(190,160,210,.07)!important;
  border-bottom:0!important;
  color:rgba(210,194,220,.7)!important;
  background:rgba(25,0,38,.2)!important;
  font:500 14px 'Raleway',sans-serif!important;
  letter-spacing:.2px!important;
  text-transform:none!important;
}

.sg-clean-nav .nav-links>button:hover,
.sg-clean-nav .nav-dropdown>button:hover,
.sg-clean-nav .nav-links>button.act,
.sg-clean-nav .nav-dropdown>button.act,
.sg-clean-nav .nav-intern:hover,
.sg-clean-nav .nav-intern.act{
  color:#e9dff0!important;
  background:linear-gradient(180deg,rgba(38,7,58,.38),rgba(18,0,32,.34))!important;
  text-shadow:0 0 12px rgba(103,58,138,.58)!important;
}

.sg-clean-nav .nav-dropdown{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
}

.sg-clean-nav .nav-drop-menu{
  top:44px!important;
  left:0!important;
  min-width:220px!important;
  border:1px solid rgba(190,160,210,.13)!important;
  background:rgba(15,0,24,.97)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 26px rgba(70,18,105,.14)!important;
}

.sg-clean-nav .nav-drop-menu button{
  color:rgba(210,194,220,.74)!important;
  border-color:rgba(190,160,210,.07)!important;
}

.sg-clean-nav .nav-dropdown.open .nav-drop-menu{
  display:flex!important;
}

body::after{
  content:"Ride with the Ghosts";
  position:absolute;
  top:228px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  width:min(900px,92vw);
  color:#e8ddee;
  font-family:'Cinzel Decorative','Brush Script MT',cursive;
  font-size:clamp(25px,3.6vw,48px);
  line-height:1.2;
  text-align:center;
  letter-spacing:1px;
  text-shadow:0 0 8px rgba(218,200,228,.78),0 0 20px rgba(76,38,114,.5),0 0 42px rgba(34,10,60,.46);
  pointer-events:none;
}

.mist-bg,.aurora,.star-field,.deco-moon,.deco-ghost,.deco-sparkle{
  opacity:.24!important;
  filter:hue-rotate(74deg) saturate(1.08) brightness(.86)!important;
}

.aurora::before{
  background:radial-gradient(circle at 50% 20%,rgba(100,36,145,.14),transparent 38%),radial-gradient(circle at 20% 80%,rgba(50,12,82,.14),transparent 34%)!important;
}

section.active{
  background:
    radial-gradient(circle at 50% 0%,rgba(78,24,118,.14),transparent 34rem),
    linear-gradient(180deg,rgba(30,0,46,.94),rgba(12,0,20,.97))!important;
}

#home.active{
  min-height:520px!important;
  padding-top:0!important;
  overflow:hidden!important;
  border-top:1px solid rgba(190,160,210,.08);
}

#home.active::before,
.sg-news-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 26%,rgba(88,28,130,.11),transparent 18rem),
    radial-gradient(circle at 88% 70%,rgba(62,16,100,.11),transparent 22rem),
    repeating-linear-gradient(90deg,rgba(220,205,230,.026) 0 1px,transparent 1px 82px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cg fill='none' stroke='%23d9a6ff' stroke-opacity='.11' stroke-width='2'%3E%3Cpath d='M20 95c48-80 88 80 136 0 18-30 38-34 64-14'/%3E%3Cpath d='M-28 58c48-50 86 45 128 0s82-46 128 0'/%3E%3Cpath d='M50 132c18-38 58-38 76 0s58 38 76 0'/%3E%3C/g%3E%3C/svg%3E") center/360px auto;
  opacity:.58;
  pointer-events:none;
}

#home .hero{
  min-height:520px!important;
  padding:64px 24px 74px!important;
  justify-content:center!important;
}

#home .hero-logo-outer{
  width:128px!important;
  height:128px!important;
  margin-bottom:34px!important;
}

#home .hero-logo,
#home .hero-logo img{
  width:128px!important;
  height:128px!important;
}

#home .hero-ring-outer,
#home .hero-ring-inner{
  border-color:rgba(190,160,210,.16)!important;
  box-shadow:0 0 30px rgba(72,24,110,.18),inset 0 0 24px rgba(72,24,110,.08)!important;
}

#home .hero-eyebrow,
#home .hero-subtitle,
#home .hero-divider,
#home .hero-tagline,
#home .hero-quote{
  display:none!important;
}

#home h1.hero-title{
  max-width:920px!important;
  margin:0 auto!important;
  font-family:'Cinzel Decorative','Brush Script MT',cursive!important;
  font-size:clamp(44px,6vw,86px)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:3px!important;
  text-transform:none!important;
  background:none!important;
  -webkit-text-fill-color:#e9dff0!important;
  color:#e9dff0!important;
  filter:none!important;
  text-shadow:0 0 7px rgba(218,200,228,.78),0 0 18px rgba(76,38,114,.48),0 0 46px rgba(34,10,60,.48)!important;
}

#home h1.hero-title::before{
  content:"Willkommen bei den";
  display:block;
}

#home h1.hero-title::after{
  content:"Southern Ghosts";
  display:block;
}

#home h1.hero-title{
  font-size:0!important;
}

#home h1.hero-title::before,
#home h1.hero-title::after{
  font-size:clamp(42px,5.8vw,82px)!important;
}

.content-block,
.info-card,
.criteria-card,
.time-card,
.team-card,
.sg-news-card,
.sg-public-editor,
.sg-news-editor{
  border-color:rgba(190,160,210,.14)!important;
  background:linear-gradient(180deg,rgba(30,5,46,.86),rgba(10,0,18,.9))!important;
  box-shadow:0 18px 60px rgba(0,0,0,.36),0 0 24px rgba(70,18,110,.1)!important;
}

.sec-title,
.sg-news-title,
.team-sso-name,
.time-day,
.criteria-card h3,
.info-card h3{
  position:relative;
  display:inline-block;
  color:#e9dff0!important;
  background:linear-gradient(100deg,#d8c9df 0%,#f7f1fb 38%,#a882c2 52%,#e9dff0 72%,#b995d0 100%)!important;
  background-size:220% auto!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 10px rgba(112,65,150,.24),0 0 22px rgba(40,12,70,.28)!important;
}

.sec-title::after,
.sg-news-title::after,
.team-sso-name::after,
.time-day::after,
.criteria-card h3::after,
.info-card h3::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  top:48%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(238,226,246,.7),transparent);
  opacity:.42;
  box-shadow:0 0 10px rgba(175,130,205,.34);
  pointer-events:none;
}

.section-eyebrow,
.kicker,
.sg-news-kicker,
.team-role-badge,
.time-type{
  color:#b995d0!important;
}

footer{
  background:linear-gradient(180deg,rgba(13,0,20,.96),rgba(5,0,10,.98))!important;
  border-top:1px solid rgba(190,160,210,.12)!important;
}

@media(max-width:900px){
  body::before{height:280px;background-position:center top;}
  body::after{top:174px;font-size:24px;}
  .sg-clean-nav,
  nav.sg-clean-nav{height:60px!important;padding:0 14px!important;}
  .sg-clean-nav .nav-brand{display:flex!important;min-width:auto!important;}
  .sg-clean-nav .nav-brand img{width:42px!important;height:42px!important;}
  .sg-clean-nav .nav-links{
    display:none!important;
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  .sg-clean-nav.nav-open .nav-links{display:flex!important;}
  .sg-clean-nav .nav-actions{display:flex!important;}
  #home.active,#home .hero{min-height:470px!important;}
}



/* Southern Ghosts performance layer 2
   Reduces mobile/tablet paint cost from fixed backgrounds, gradients, filters,
   and decorative animation layers while keeping the desktop look intact. */

section.active {
  contain: layout paint;
}

.sg-clean-nav,
nav.sg-clean-nav,
.sg-clean-nav .nav-drop-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 1100px), (pointer: coarse) {
  html,
  body {
    scroll-behavior: auto !important;
  }

  body {
    background-attachment: scroll !important;
  }

  body::before {
    height: 240px !important;
    background-attachment: scroll !important;
    box-shadow: inset 0 -18px 42px rgba(7,0,11,.68) !important;
  }

  .mist-bg,
  .aurora,
  .star-field,
  .deco-moon,
  .deco-ghost,
  .deco-sparkle,
  .nav-star,
  .ghost-particles {
    display: none !important;
  }

  #home.active::before,
  .sg-news-wrap::before {
    display: none !important;
  }

  #home h1.hero-title,
  #home h1.hero-title::before,
  #home h1.hero-title::after,
  .sec-title,
  .sg-news-title,
  .team-sso-name,
  .time-day,
  .criteria-card h3,
  .info-card h3 {
    text-shadow: none !important;
  }

  .content-block,
  .info-card,
  .criteria-card,
  .time-card,
  .team-card,
  .sg-news-card,
  .sg-public-editor,
  .sg-news-editor,
  .contact-card,
  .step,
  .card {
    box-shadow: 0 10px 28px rgba(0,0,0,.34) !important;
  }
}

@media (max-width: 720px) {
  body::after {
    top: 176px !important;
  }

  #home.active,
  #home .hero {
    min-height: 430px !important;
  }

  #home .hero {
    padding: 48px 16px 58px !important;
  }
}

/* Southern Ghosts performance layer 5
   Bakes the decorative sky/mist/ghost layer into static images so the page
   keeps the fancy look without continuous fixed-layer repainting. */
body {
  background:
    linear-gradient(180deg, rgba(4,0,8,.18) 0%, rgba(13,0,18,.36) 42%, rgba(4,0,7,.74) 100%),
    url('/wp-content/themes/southernghosts/assets/images/sg-baked-fancy-bg-2026-desktop.webp') center top / cover scroll no-repeat,
    linear-gradient(180deg, #08000c 0%, #15001b 42%, #030006 100%) !important;
}

body::before {
  background:
    linear-gradient(180deg, rgba(6,0,10,.02) 0%, rgba(12,0,16,.08) 58%, rgba(8,0,12,.56) 100%),
    url('/wp-content/themes/southernghosts/assets/images/sg-baked-fancy-bg-2026-desktop.webp') center top / cover no-repeat !important;
  box-shadow: inset 0 -24px 58px rgba(7,0,11,.72), 0 18px 70px rgba(42,8,58,.20) !important;
}

.mist-bg,
.aurora,
.star-field,
.deco-moon,
.deco-ghost,
.deco-sparkle {
  display: none !important;
}

@media (max-width: 900px) {
  body {
    background:
      linear-gradient(180deg, rgba(4,0,8,.18) 0%, rgba(13,0,18,.36) 42%, rgba(4,0,7,.76) 100%),
      url('/wp-content/themes/southernghosts/assets/images/sg-baked-fancy-bg-2026-mobile.webp') center top / cover scroll no-repeat,
      linear-gradient(180deg, #08000c 0%, #15001b 42%, #030006 100%) !important;
  }

  body::before {
    background:
      linear-gradient(180deg, rgba(6,0,10,.02) 0%, rgba(12,0,16,.08) 58%, rgba(8,0,12,.58) 100%),
      url('/wp-content/themes/southernghosts/assets/images/sg-baked-fancy-bg-2026-mobile.webp') center top / cover no-repeat !important;
  }
}

/* Southern Ghosts club isolation
   The protected club area is a standalone tool surface and must not inherit
   public landing-page backgrounds, pseudo banners, or global nav chrome. */
body.sg-club-page {
  min-height: 100vh !important;
  background: #020609 !important;
  background-image: none !important;
  color: #a8c4d8 !important;
}

body.sg-club-page::before,
body.sg-club-page::after {
  content: none !important;
  display: none !important;
}

body.sg-club-page .sg-club-wrap {
  position: relative;
  z-index: 1;
}

body.sg-club-page .sg-tabs {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.sg-club-page .sg-tab {
  height: auto !important;
  min-height: 0 !important;
  border: 1px solid rgba(157,192,224,.25) !important;
  border-bottom: 1px solid rgba(157,192,224,.25) !important;
  background: transparent !important;
  color: #bed8f5 !important;
}

body.sg-club-page .sg-tab.active {
  border-color: #9dc0e0 !important;
  background: rgba(157,192,224,.08) !important;
}


/* Southern Ghosts riders hero + shiny typography
   Restores the rider hall image as the visual identity without fixed-background jank. */

:root {
  --sg-shine-a: #fff7ff;
  --sg-shine-b: #d9c2ff;
  --sg-shine-c: #9dc0e0;
  --sg-shine-shadow: rgba(216, 190, 255, .58);
}

body {
  background:
    linear-gradient(180deg, rgba(13, 0, 20, .06) 0%, rgba(16, 0, 24, .42) 42%, rgba(6, 0, 10, .88) 100%),
    url('/wp-content/themes/southernghosts/assets/images/southernghosts-riders-hero-2026.webp') center top / 100% auto scroll no-repeat,
    linear-gradient(180deg, #12001b 0%, #21002d 46%, #050008 100%) !important;
}

body::before {
  content: "";
  display: block !important;
  width: 100%;
  height: clamp(230px, 20vw, 300px);
  background:
    linear-gradient(180deg, rgba(18, 0, 26, .04) 0%, rgba(18, 0, 26, .12) 48%, rgba(9, 0, 15, .72) 100%),
    linear-gradient(90deg, rgba(10, 0, 16, .34), rgba(10, 0, 16, .02) 25%, rgba(10, 0, 16, .02) 72%, rgba(10, 0, 16, .38)),
    url('/wp-content/themes/southernghosts/assets/images/southernghosts-riders-hero-2026.webp') center 38% / cover scroll no-repeat !important;
  box-shadow: inset 0 -26px 58px rgba(7, 0, 11, .82);
  filter: none !important;
}

.hero {
  margin-top: calc(clamp(230px, 20vw, 300px) * -1) !important;
  min-height: clamp(230px, 20vw, 300px) !important;
  padding-top: clamp(74px, 7vw, 105px) !important;
  padding-bottom: clamp(20px, 3vw, 38px) !important;
}

.hero::before,
.hero::after {
  opacity: .32 !important;
}

.hero-logo-outer,
.hero-moon,
.hero-mist-l,
.hero-mist-r {
  opacity: .88;
}

h1.hero-title,
.hero-eyebrow,
.hero-subtitle,
.hero-tagline,
.hero-quote,
.section-title,
.card-title,
.disziplin-name,
.step-title,
.val-name,
.pruef-title,
.lern-title,
.club-card h2,
.club-card h3 {
  color: var(--sg-shine-a) !important;
  background-image: linear-gradient(180deg, #ffffff 0%, var(--sg-shine-a) 28%, var(--sg-shine-b) 58%, var(--sg-shine-c) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 8px rgba(255, 255, 255, .42),
    0 0 18px var(--sg-shine-shadow),
    0 0 38px rgba(126, 92, 190, .34) !important;
}

h1.hero-title {
  letter-spacing: .08em !important;
  filter: drop-shadow(0 0 10px rgba(232, 214, 255, .5));
}

.nav-brand,
.nav-links button,
.nav-drop-menu button {
  color: rgba(244, 235, 255, .78) !important;
  text-shadow:
    0 0 8px rgba(232, 214, 255, .34),
    0 0 18px rgba(157, 192, 224, .22) !important;
}

.nav-links button:hover,
.nav-links button.act,
.nav-drop-menu button:hover,
.nav-drop-menu button.act {
  color: #fff7ff !important;
  text-shadow:
    0 0 10px rgba(255, 255, 255, .62),
    0 0 24px rgba(216, 190, 255, .48) !important;
}

@media (max-width: 760px) {
  body {
    background-size: auto 420px, auto, auto !important;
  }

  body::before {
    height: 300px;
    background-position: center top !important;
  }

  .hero {
    margin-top: -300px !important;
    min-height: 300px !important;
    padding-top: 96px !important;
  }
}


/* Southern Ghosts violet cards + club redesign
   Keeps the club isolation intact, but gives cards and tools the new dark violet identity. */

:root {
  --sg-violet-bg: #08000d;
  --sg-violet-card: rgba(22, 5, 34, .92);
  --sg-violet-card-2: rgba(36, 10, 53, .86);
  --sg-violet-line: rgba(211, 174, 255, .2);
  --sg-violet-line-strong: rgba(224, 194, 255, .42);
  --sg-violet-glow: rgba(166, 92, 255, .22);
  --sg-violet-text: #f3eaff;
  --sg-violet-muted: rgba(231, 211, 255, .72);
  --sg-violet-gold: #d6b56a;
}

.val-card,
.card,
.info-card,
.criteria-card,
.time-card,
.team-card,
.contact-card,
.post-card,
.sg-news-card,
.horse-img-card,
.admin-inline-box,
.admin-form-card,
.pruef-card {
  background:
    linear-gradient(155deg, rgba(54, 16, 76, .38) 0%, rgba(17, 4, 28, .94) 48%, rgba(7, 0, 12, .98) 100%) !important;
  border: 1px solid var(--sg-violet-line) !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.val-card::before,
.card::before,
.info-card::before,
.criteria-card::before,
.time-card::before,
.team-card::before,
.contact-card::before,
.post-card::before,
.sg-news-card::before,
.admin-form-card::before,
.pruef-card::before {
  background: linear-gradient(90deg, transparent, rgba(224, 194, 255, .58), transparent) !important;
}

.val-card::after,
.card::after,
.info-card::after,
.criteria-card::after,
.time-card::after,
.team-card::after,
.contact-card::after,
.post-card::after,
.sg-news-card::after {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(184, 120, 255, .13) 0%, transparent 62%),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 42%) !important;
}

.val-card:hover,
.card:hover,
.info-card:hover,
.criteria-card:hover,
.time-card:hover,
.team-card:hover,
.contact-card:hover,
.post-card:hover,
.sg-news-card:hover,
.horse-img-card:hover {
  border-color: var(--sg-violet-line-strong) !important;
  box-shadow:
    0 22px 66px rgba(0, 0, 0, .56),
    0 0 32px var(--sg-violet-glow) !important;
}

.val-icon-ring {
  border-color: rgba(224, 194, 255, .28) !important;
  background:
    radial-gradient(circle, rgba(211, 174, 255, .18) 0%, rgba(45, 10, 66, .24) 58%, transparent 72%) !important;
  box-shadow:
    0 0 24px rgba(211, 174, 255, .12),
    inset 0 0 22px rgba(0, 0, 0, .32) !important;
}

.val-icon {
  color: var(--sg-violet-gold) !important;
  filter:
    drop-shadow(0 0 8px rgba(214, 181, 106, .48))
    drop-shadow(0 0 16px rgba(211, 174, 255, .24)) !important;
}

.val-text,
.card-text,
.post-text,
.pruef-text,
.criteria-card p,
.info-card p,
.time-card p,
.team-card p,
.contact-card p {
  color: var(--sg-violet-muted) !important;
}

.post-category {
  color: var(--sg-violet-gold) !important;
  border-color: rgba(214, 181, 106, .38) !important;
  background: rgba(214, 181, 106, .07) !important;
}

.admin-input,
.admin-select,
.admin-textarea,
.lern-title-input,
body.sg-club-page input,
body.sg-club-page select,
body.sg-club-page textarea {
  background: rgba(12, 0, 20, .82) !important;
  border-color: rgba(224, 194, 255, .24) !important;
  color: var(--sg-violet-text) !important;
}

.admin-input:focus,
.admin-select:focus,
.admin-textarea:focus,
.lern-title-input:focus,
body.sg-club-page input:focus,
body.sg-club-page select:focus,
body.sg-club-page textarea:focus {
  border-color: rgba(224, 194, 255, .58) !important;
  box-shadow: 0 0 0 2px rgba(166, 92, 255, .16) !important;
}

body.sg-club-page {
  background:
    radial-gradient(circle at 50% 0%, rgba(96, 22, 128, .18), transparent 34rem),
    linear-gradient(180deg, #100018 0%, #09000f 48%, #030006 100%) !important;
  color: var(--sg-violet-muted) !important;
}

body.sg-club-page .sg-club-wrap {
  color: var(--sg-violet-muted) !important;
}

body.sg-club-page .sg-tabs {
  display: flex !important;
  flex-wrap: wrap;
  gap: .6rem;
  margin-bottom: 1.35rem;
}

body.sg-club-page .sg-tab,
.club-tab-btn,
.btn-admin-sm,
.admin-upload-label,
.album-upload-label {
  border: 1px solid rgba(224, 194, 255, .22) !important;
  background:
    linear-gradient(160deg, rgba(44, 10, 62, .54), rgba(12, 0, 20, .68)) !important;
  color: rgba(243, 234, 255, .76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.sg-club-page .sg-tab:hover,
body.sg-club-page .sg-tab.active,
.club-tab-btn:hover,
.club-tab-btn.active,
.btn-admin-sm:hover,
.admin-upload-label:hover,
.album-upload-label:hover {
  border-color: rgba(224, 194, 255, .48) !important;
  color: #fff8ff !important;
  background:
    linear-gradient(160deg, rgba(75, 22, 98, .72), rgba(22, 4, 34, .82)) !important;
  box-shadow:
    0 0 22px rgba(166, 92, 255, .16),
    inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

body.sg-club-page .sg-tab.active,
.club-tab-btn.active {
  border-bottom-color: rgba(214, 181, 106, .65) !important;
}

body.sg-club-page .club-card,
body.sg-club-page .sg-panel,
body.sg-club-page .sg-card,
body.sg-club-page .post-card,
body.sg-club-page .admin-inline-box,
body.sg-club-page .admin-form-card,
body.sg-club-page .pruef-card,
body.sg-club-page .gallery-img-wrap,
body.sg-club-page .lern-img-wrap {
  background:
    linear-gradient(155deg, rgba(54, 16, 76, .38), rgba(14, 2, 24, .94) 54%, rgba(5, 0, 9, .98)) !important;
  border-color: var(--sg-violet-line) !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .44),
    inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

body.sg-club-page .club-card h2,
body.sg-club-page .club-card h3,
body.sg-club-page .admin-box-title,
body.sg-club-page .admin-form-title,
body.sg-club-page .gallery-section-title,
body.sg-club-page .post-title {
  color: #fff8ff !important;
  text-shadow:
    0 0 10px rgba(255, 255, 255, .34),
    0 0 24px rgba(211, 174, 255, .38) !important;
}

body.sg-club-page .post-date,
body.sg-club-page .pruef-date,
body.sg-club-page .admin-label {
  color: rgba(231, 211, 255, .64) !important;
}


/* Southern Ghosts violet stats strip */

.strips {
  background:
    linear-gradient(155deg, rgba(54, 16, 76, .42), rgba(13, 2, 24, .92) 56%, rgba(5, 0, 9, .98)) !important;
  border: 1px solid rgba(224, 194, 255, .22) !important;
  box-shadow:
    0 18px 54px rgba(0, 0, 0, .44),
    0 0 28px rgba(166, 92, 255, .14),
    inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.strip-item {
  border-right-color: rgba(224, 194, 255, .16) !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(211, 174, 255, .08), transparent 62%),
    rgba(16, 0, 26, .28) !important;
}

.strip-item::before {
  background: linear-gradient(90deg, transparent, rgba(224, 194, 255, .46), transparent) !important;
}

.strip-item::after {
  background: radial-gradient(circle, rgba(166, 92, 255, .16), transparent 68%) !important;
}

.strip-val {
  color: #fff8ff !important;
  background-image: linear-gradient(180deg, #fff 0%, #f4e8ff 34%, #d7baff 68%, #b68dff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 8px rgba(255, 255, 255, .42),
    0 0 20px rgba(211, 174, 255, .48),
    0 0 34px rgba(166, 92, 255, .26) !important;
}

.strip-lbl {
  color: rgba(231, 211, 255, .72) !important;
  text-shadow: 0 0 14px rgba(211, 174, 255, .18) !important;
}

@media (max-width: 760px) {
  .strip-item {
    border-bottom-color: rgba(224, 194, 255, .16) !important;
  }
}

/* Crisp glow: only highlighted violet typography */
h1, h2, h3, h4, h5, h6,
.hero-title, .sec-title, .disziplin-name, .val-name,
.strip-val, .post-title, .gallery-section-title {
  text-shadow:
    0 0 3px rgba(255, 255, 255, .48),
    0 0 10px rgba(211, 174, 255, .34) !important;
}

.sec-eye, .hero-eyebrow, .hero-subtitle,
.hero-tagline, .ghost-quote-text, .accent-motto,
.val-text, .disziplin-text, .strip-lbl,
.sg-meta, .post-date, .team-meta, .time-type {
  color: #eadcff !important;
  text-shadow: none !important;
}

#home-about .sec-title {
  color: #f4e9ff !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #f4e9ff !important;
  filter: none !important;
  text-shadow: none !important;
}

#home-about .sec-title::after {
  display: none !important;
}

#home-about .sec-eye,
#home-about .sec-div,
#home-about .sec-div span,
#home-about .about-float,
#home-about .about-float p {
  filter: none !important;
  text-shadow: none !important;
}

#home-about .sec-eye,
#home-about .sec-div,
#home-about .sec-div span {
  color: #eadcff !important;
}

.nav-drop-menu .nav-drop-link {
  display: flex !important;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(157, 192, 224, .07) !important;
  color: rgba(244, 235, 255, .78) !important;
  text-decoration: none !important;
  font-size: 9.5px;
  letter-spacing: 1.6px;
}

.nav-drop-menu .nav-drop-link:hover,
.nav-drop-menu .nav-drop-link.act {
  color: #f4e9ff !important;
  background: rgba(157, 192, 224, .07);
}

@media (max-width: 760px) {
  .nav-drop-menu .nav-drop-link {
    justify-content: center;
    min-height: 44px;
    padding: 0 2rem;
    font-size: 10px;
    letter-spacing: 1.8px;
  }
}

/* Clean home restore: remove accidental marker-like backgrounds on the landing page. */
#home-about .sec-ghost-deco,
#home-about .sec-eye,
#home-about .sec-title,
#home-about .sec-div,
#home-about .about-float,
#home-about .about-float *,
#home-about .ghost-quote,
#home-about .ghost-quote *,
body::after {
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

#home-about .about-float {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
  line-height: 1.52 !important;
}

#home-about .about-rule {
  background: linear-gradient(90deg, transparent, rgba(234,220,255,.16), transparent) !important;
}

#home-about .ghost-quote-inner {
  background: transparent !important;
}