/*
Theme Name: FOX ONE – Top Of The Fox
Theme URI: https://topofthefox.de/
Author: Top Of The Fox
Description: Eigenständiges, responsives Künstler-Theme für Top Of The Fox – Schwarz, Gold, Musik und Nacht.
Version: 3.1
Text Domain: fox-one
*/

:root{
  --fox-black:#050505;
  --fox-deep:#090909;
  --fox-panel:#0d0d0d;
  --fox-gold:#d7a52d;
  --fox-gold-2:#f1c85a;
  --fox-text:#f4f1e9;
  --fox-muted:#aaa59a;
  --fox-line:rgba(215,165,45,.28);
  --fox-max:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fox-black);color:var(--fox-text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
main{background:
 radial-gradient(circle at 48% 12%,rgba(215,165,45,.10),transparent 22%),
 radial-gradient(circle at 82% 28%,rgba(215,165,45,.06),transparent 28%),
 linear-gradient(180deg,#101010 0%,#080808 42%,#050505 100%)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font:inherit}
.fox-wrap{width:min(var(--fox-max),calc(100% - 48px));margin:auto}
.fox-kicker{color:var(--fox-gold-2);font-size:12px;letter-spacing:4px;text-transform:uppercase;font-weight:700}
.fox-title{font-size:clamp(30px,4vw,54px);line-height:1.02;margin:10px 0 18px;text-transform:uppercase;letter-spacing:1px}
.fox-rule{width:55px;height:3px;background:var(--fox-gold);margin:18px 0 25px}
.fox-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--fox-gold);padding:13px 22px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;font-size:12px;transition:.25s}
.fox-btn:hover{background:var(--fox-gold);color:#090909}
.fox-btn-solid{background:var(--fox-gold);color:#090909}
.fox-btn-solid:hover{background:var(--fox-gold-2)}
.fox-site-header{position:sticky;top:0;z-index:100;background:rgba(4,4,4,.96);border-bottom:1px solid var(--fox-line);backdrop-filter:blur(10px)}
.fox-header-inner{min-height:78px;display:flex;align-items:center;gap:30px}
.fox-brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.fox-logo-mark{width:42px;height:42px;border:2px solid var(--fox-gold);clip-path:polygon(50% 0,62% 17%,85% 8%,78% 31%,100% 48%,77% 53%,84% 88%,59% 72%,50% 100%,41% 72%,16% 88%,23% 53%,0 48%,22% 31%,15% 8%,38% 17%);display:grid;place-items:center}
.fox-logo-mark span{font-size:14px;font-weight:900;color:var(--fox-gold)}
.fox-brand-text{font-size:19px;font-weight:900;line-height:.9;letter-spacing:1px;text-transform:uppercase}
.fox-brand-text b{color:var(--fox-gold)}
.fox-nav{margin-left:auto}
.fox-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}
.fox-nav a{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#e8e3d7}
.fox-nav a:hover,.fox-nav .current-menu-item>a{color:var(--fox-gold-2)}
.fox-social-mini{display:flex;gap:10px;margin-left:15px}
.fox-social-mini a{width:30px;height:30px;border:1px solid var(--fox-line);display:grid;place-items:center;color:var(--fox-gold);font-size:12px}
.fox-menu-toggle{display:none;background:none;border:1px solid var(--fox-line);color:var(--fox-gold);padding:9px 12px}

.fox-theme-toggle{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1px solid var(--fox-line);color:var(--fox-gold-2);padding:7px 10px;cursor:pointer;font-size:11px;text-transform:uppercase;letter-spacing:1px;transition:.25s;white-space:nowrap}
.fox-theme-toggle:hover{background:var(--fox-gold);border-color:var(--fox-gold);color:#090909}
.fox-theme-icon{font-size:15px;line-height:1}

/* Helles Design – per Button umschaltbar */
html.fox-light body{background:#f5f2eb;color:#171717}
html.fox-light .fox-site-header{background:rgba(250,248,243,.96);border-bottom-color:rgba(151,108,20,.28)}
html.fox-light .fox-nav a{color:#26231e}
html.fox-light .fox-brand-text{color:#171717}
html.fox-light .fox-section{background:#f5f2eb;border-bottom-color:rgba(151,108,20,.24)}
html.fox-light .fox-album{background:#ebe7de}
html.fox-light .fox-about{background:linear-gradient(90deg,#eeeae1,#f7f4ed)}
html.fox-light .fox-player{background:#fff;border-color:rgba(151,108,20,.35)}
html.fox-light .fox-platforms a{border-color:rgba(151,108,20,.35)}
html.fox-light .fox-track{border-bottom-color:rgba(0,0,0,.1)}
html.fox-light .fox-hero{background:radial-gradient(circle at 50% 40%,rgba(215,165,45,.23),transparent 28%),linear-gradient(180deg,#f4efe4 0%,#e3ded2 100%)}
html.fox-light .fox-hero-tagline{color:#29251f}
html.fox-light .fox-hero h1{color:#171717}
html.fox-light .fox-hero:before,html.fox-light .fox-hero:after{border-color:rgba(151,108,20,.25)}
html.fox-light .fox-artist-art{background:radial-gradient(circle at 50% 40%,rgba(215,165,45,.3),transparent 25%),linear-gradient(145deg,#ddd7ca,#f5f1e8)}
html.fox-light .fox-silhouette{background:linear-gradient(90deg,#1a1917,#4b463d,#171615);border-color:rgba(151,108,20,.45)}
html.fox-light .fox-footer{background:#171614}

@media (max-width:900px){
  .fox-header-inner{min-height:68px;gap:12px}
  .fox-theme-toggle{margin-left:auto}
  .fox-social-mini{display:none}
  .fox-menu-toggle{display:block}
  .fox-nav{position:absolute;top:100%;left:0;right:0;background:#050505;border-bottom:1px solid var(--fox-line);display:none;padding:18px 24px}
  .fox-nav.is-open{display:block}
  .fox-nav ul{flex-direction:column;gap:16px}
  html.fox-light .fox-nav{background:#f5f2eb}
}

.fox-hero{min-height:650px;position:relative;overflow:hidden;border-bottom:1px solid var(--fox-line);background:
 radial-gradient(circle at 50% 40%,rgba(215,165,45,.24),transparent 28%),
 radial-gradient(circle at 80% 55%,rgba(215,165,45,.12),transparent 30%),
 linear-gradient(180deg,#111 0%,#050505 100%)}
.fox-hero:before,.fox-hero:after{content:"";position:absolute;inset:8% 20%;border:1px solid rgba(215,165,45,.28);transform:perspective(500px) rotateX(62deg) rotateZ(45deg);box-shadow:0 0 40px rgba(215,165,45,.08)}
.fox-hero:after{inset:20% 31%;opacity:.45}
.fox-hero-grid{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}
.fox-hero-copy{max-width:920px;padding:90px 0}
.fox-hero h1{font-size:clamp(48px,8vw,112px);line-height:.86;margin:12px 0;text-transform:uppercase;letter-spacing:-3px}
.fox-hero h1 span{color:var(--fox-gold-2)}
.fox-hero-tagline{font-size:clamp(22px,3vw,42px);font-style:italic;font-family:Georgia,serif;margin:20px 0;color:#eee8dc}
.fox-hero-sub{letter-spacing:5px;color:var(--fox-gold-2);font-size:13px;text-transform:uppercase}
.fox-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

.fox-section{padding:85px 0;border-bottom:1px solid var(--fox-line)}
.fox-single-grid{display:grid;grid-template-columns:1fr 320px 1.35fr;gap:42px;align-items:center}
.fox-cover{width:280px;max-width:100%;justify-self:center;aspect-ratio:1/1;border:1px solid var(--fox-gold);position:relative;overflow:hidden;background:linear-gradient(135deg,#171717,#050505)}
.fox-cover-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.fox-cover-image:before{display:none}
.fox-cover:before{content:"";position:absolute;inset:12%;border:1px solid var(--fox-gold);border-radius:50%;box-shadow:0 0 80px rgba(215,165,45,.16)}
.fox-cover-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}
.fox-cover-content strong{font-size:28px;text-transform:uppercase;letter-spacing:3px}
.fox-cover-content em{font-family:Georgia,serif;color:var(--fox-gold-2);font-size:35px}
.fox-cover-content small{letter-spacing:4px;color:var(--fox-gold-2);margin-top:15px}
.fox-player{border:1px solid var(--fox-line);padding:24px;background:#080808}
.fox-player audio{width:100%}
.fox-wave{height:80px;margin:20px 0;display:flex;align-items:center;gap:3px}
.fox-wave i{display:block;width:3px;background:var(--fox-gold);opacity:.7;border-radius:2px}
.fox-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.fox-platforms a{border:1px solid var(--fox-line);padding:9px 12px;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.fox-platforms a:hover{border-color:var(--fox-gold);color:var(--fox-gold-2)}

.fox-album{background:#070707}
.fox-album-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:center}
.fox-record{position:relative;min-height:390px;display:flex;align-items:center}
.fox-record-disc{position:absolute;right:2%;width:360px;height:360px;border-radius:50%;background:repeating-radial-gradient(circle,#b8841c 0 2px,#9a6914 3px 5px,#c99b32 6px 7px);box-shadow:0 0 40px rgba(215,165,45,.2)}
.fox-record-disc:after{content:"";position:absolute;inset:40%;border-radius:50%;background:#0a0a0a;border:1px solid var(--fox-gold)}
.fox-album-cover{position:relative;z-index:2;width:min(300px,75%);aspect-ratio:1/1;background:linear-gradient(145deg,#222,#070707);border:1px solid var(--fox-gold);padding:20px;display:flex;flex-direction:column;justify-content:flex-end}
.fox-album-cover-image{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.fox-album-cover-image:before{display:none}
.fox-album-cover:before{content:"";position:absolute;inset:15px;background:radial-gradient(circle at 55% 30%,rgba(215,165,45,.35),transparent 35%),linear-gradient(180deg,transparent,#050505);border:1px solid rgba(215,165,45,.35)}
.fox-album-cover>*{position:relative;z-index:2}
.fox-album-cover h3{font-size:32px;line-height:.95;text-transform:uppercase;margin:0}
.fox-tracklist{border-left:1px solid var(--fox-line);padding-left:28px}
.fox-track{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
.fox-track span:first-child{color:var(--fox-gold-2);min-width:25px}
.fox-track a{margin-left:auto;color:var(--fox-gold-2)}

.fox-about{background:linear-gradient(90deg,#090909,#050505)}
.fox-about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.fox-artist-art{min-height:520px;position:relative;overflow:hidden;background:
 radial-gradient(circle at 50% 40%,rgba(215,165,45,.35),transparent 25%),
 linear-gradient(145deg,#161616,#030303)}
.fox-artist-art:after{content:"FOX";position:absolute;bottom:-80px;left:0;font-size:260px;font-weight:900;color:rgba(215,165,45,.06)}
.fox-silhouette{position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);width:230px;height:390px;background:linear-gradient(90deg,#000,#171717,#000);clip-path:polygon(42% 0,58% 0,70% 14%,68% 28%,83% 42%,91% 100%,9% 100%,17% 42%,32% 28%,30% 14%);border:1px solid rgba(215,165,45,.4)}
.fox-features{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:35px}
.fox-feature{border-top:1px solid var(--fox-line);padding-top:16px}
.fox-feature b{display:block;color:var(--fox-gold-2);text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-bottom:6px}

.fox-follow{padding:75px 0;background:#070707}
.fox-follow-title{text-align:center}
.fox-follow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}
.fox-social-card{min-height:190px;padding:25px;border:1px solid var(--fox-line);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#151515,#060606);transition:.25s}
.fox-social-card:hover{transform:translateY(-5px);border-color:var(--fox-gold)}
.fox-social-card strong{font-size:20px;text-transform:uppercase}
.fox-social-card p{font-size:13px;color:#bbb;margin:7px 0 15px}

.fox-footer{padding:40px 0;background:#030303;border-top:1px solid var(--fox-line)}
.fox-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.fox-footer-links{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#aaa}
.fox-footer-links a:hover{color:var(--fox-gold-2)}
.fox-copy{font-size:11px;color:#777}

@media(max-width:1050px){
 .fox-nav ul{gap:16px}
 .fox-social-mini{display:none}
 .fox-single-grid{grid-template-columns:1fr 280px}
 .fox-single-grid>.fox-player{grid-column:1/-1}
 .fox-album-grid{grid-template-columns:1fr 1fr}
 .fox-tracklist{grid-column:1/-1}
}
@media(max-width:780px){
 .fox-wrap{width:min(var(--fox-max),calc(100% - 30px))}
 .fox-header-inner{min-height:68px}
 .fox-menu-toggle{display:block;margin-left:auto}
 .fox-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#070707;border-bottom:1px solid var(--fox-line)}
 .fox-nav.is-open{display:block}
 .fox-nav ul{flex-direction:column;gap:0}
 .fox-nav li{border-top:1px solid rgba(255,255,255,.06)}
 .fox-nav a{display:block;padding:14px 18px}
 .fox-hero,.fox-hero-grid{min-height:580px}
 .fox-hero h1{letter-spacing:-2px}
 .fox-single-grid,.fox-album-grid,.fox-about-grid{grid-template-columns:1fr}
 .fox-record{min-height:360px}
 .fox-features{grid-template-columns:1fr}
 .fox-follow-grid{grid-template-columns:1fr 1fr}
 .fox-footer-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
 .fox-follow-grid{grid-template-columns:1fr}
 .fox-hero-sub{letter-spacing:2px}
}

/* FOX ONE V1.2 – Homepage music presentation */
.fox-availability{margin-top:18px;font-size:.92rem;color:var(--fox-gold,#d9a928);letter-spacing:.03em}
.fox-video{min-width:0}
.fox-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#050505;border:1px solid rgba(218,169,40,.55);overflow:hidden}
.fox-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.fox-video-note{margin-top:10px;font-size:.82rem;opacity:.72}
.fox-track{grid-template-columns:42px 1fr !important}
.fox-track > span:first-child{color:var(--fox-gold,#d9a928)}
@media(max-width:900px){.fox-video{grid-column:1/-1}.fox-video-frame{max-width:100%}}


/* =========================================================
   FOX ONE V1.6 – offizieller Header mit Discofox-Paar
   Das gelieferte Header-Artwork bleibt unverändert.
   Navigation und Hell/Dunkel-Schalter bleiben echte HTML-Elemente.
   ========================================================= */

.fox-art-header{
  position:relative;
  z-index:1000;
  width:100%;
  background:#050505;
  border-bottom:1px solid rgba(215,165,45,.35);
}

.fox-art-header-desktop{
  position:relative;
  width:100%;
  aspect-ratio:1983/793;
  min-height:0;
  background-image:url("assets/header-desktop.jpg");
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
}

.fox-art-home-hit{
  position:absolute;
  left:1.5%;
  top:10%;
  width:30%;
  height:78%;
  display:block;
}

.fox-art-nav{
  position:absolute;
  left:33.3%;
  top:37%;
  width:53%;
  height:30%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fox-art-nav ul{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:0 !important;
  width:100%;
  height:100%;
  list-style:none;
  margin:0 !important;
  padding:0 !important;
}

.fox-art-nav li{
  flex:1 1 auto;
  height:100%;
  list-style:none;
  margin:0;
  padding:0;
}

.fox-art-nav a{
  display:block;
  width:100%;
  height:100%;
  color:transparent !important;
  font-size:1px !important;
  text-decoration:none;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.fox-art-nav a:hover,
.fox-art-nav .current-menu-item>a{
  color:transparent !important;
  background:transparent !important;
}

.fox-art-theme-toggle{
  position:absolute;
  right:1.5%;
  top:58%;
  width:8%;
  min-width:70px;
  height:20%;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:transparent !important;
  cursor:pointer;
  z-index:5;
}

.fox-art-theme-toggle .fox-theme-icon,
.fox-art-theme-toggle .fox-theme-label{
  opacity:0;
  position:absolute;
}

.fox-art-header-mobile{display:none}

html.fox-light .fox-art-header,
html.fox-light .fox-art-header-desktop{
  background-color:#f5f2eb;
}

@media(max-width:900px){
  .fox-art-header-desktop{display:none}

  .fox-art-header-mobile{
    display:block;
    position:relative;
    width:100%;
    aspect-ratio:1983/793;
    background-image:url("assets/header-desktop.jpg");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
  }

  .fox-art-menu-toggle{
    position:absolute;
    left:3%;
    top:18%;
    width:9%;
    height:64%;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    color:transparent !important;
    font-size:1px !important;
    cursor:pointer;
    z-index:10;
  }

  .fox-art-mobile-home{
    position:absolute;
    left:13%;
    top:8%;
    width:35%;
    height:82%;
  }

  .fox-art-mobile-theme{
    position:absolute;
    right:3%;
    top:10%;
    width:9%;
    height:78%;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:transparent !important;
    z-index:10;
    cursor:pointer;
  }

  .fox-art-mobile-theme .fox-theme-icon,
  .fox-art-mobile-theme .fox-theme-label{
    opacity:0;
    position:absolute;
  }

  .fox-art-mobile-nav{
    position:absolute !important;
    display:none !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    background:#050505 !important;
    border-bottom:1px solid var(--fox-line) !important;
    padding:10px 18px !important;
  }

  .fox-art-mobile-nav.is-open{
    display:block !important;
  }

  .fox-art-mobile-nav ul{
    display:flex !important;
    flex-direction:column !important;
    gap:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .fox-art-mobile-nav li{
    border-top:1px solid rgba(255,255,255,.08);
    list-style:none;
  }

  .fox-art-mobile-nav a{
    display:block !important;
    height:auto !important;
    width:auto !important;
    padding:12px 8px !important;
    color:#f4f1e9 !important;
    font-size:12px !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase;
  }

  html.fox-light .fox-art-mobile-nav{
    background:#f5f2eb !important;
  }

  html.fox-light .fox-art-mobile-nav a{
    color:#26231e !important;
  }
}

@media(max-width:480px){
  .fox-art-header-mobile{
    aspect-ratio:1983/793;
  }
}

/* =========================================================
   FOX ONE V1.8
   Header artwork + separate navigation underneath
   ========================================================= */

.fox-v17-header{
  width:100%;
  background:#050505;
  border-bottom:1px solid rgba(215,165,45,.28);
  line-height:0;
}

.fox-v17-art{
  width:100%;
  aspect-ratio:1983/793;
  background-image:url("assets/header-desktop.jpg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
}

.fox-v17-nav{
  position:relative;
  z-index:1000;
  width:100%;
  background:rgba(7,7,7,.98);
  border-bottom:1px solid rgba(215,165,45,.45);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  line-height:normal;
}

.fox-v17-nav-inner{
  width:min(1180px,94%);
  min-height:64px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.fox-v17-links{
  flex:1 1 auto;
  display:flex;
  justify-content:center;
}

.fox-v17-menu,
.fox-v17-menu ul{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:0 !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.fox-v17-menu li{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.fox-v17-menu a{
  display:block;
  padding:23px 18px;
  color:#eee9dd !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1.8px;
  white-space:nowrap;
  transition:color .2s ease, background .2s ease;
}

.fox-v17-menu a{
  position:relative;
}

.fox-v17-menu a:hover,
.fox-v17-menu .current-menu-item>a,
.fox-v17-menu .current_page_item>a{
  color:#d7a52d !important;
  background:rgba(215,165,45,.06) !important;
}

.fox-v17-menu .current-menu-item>a::after,
.fox-v17-menu .current_page_item>a::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:9px;
  height:2px;
  background:#d7a52d;
  box-shadow:0 0 8px rgba(215,165,45,.45);
}

.fox-v17-menu a:hover::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:9px;
  height:2px;
  background:#d7a52d;
  opacity:.7;
}

.fox-v17-toggle{
  position:relative !important;
  inset:auto !important;
  flex:0 0 auto;
  min-width:92px;
  height:38px;
  padding:0 14px !important;
  border:1px solid rgba(215,165,45,.55) !important;
  border-radius:20px;
  background:rgba(215,165,45,.07) !important;
  color:#eee9dd !important;
  cursor:pointer;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:11px !important;
  letter-spacing:1px;
}

.fox-v17-toggle .fox-theme-icon,
.fox-v17-toggle .fox-theme-label{
  opacity:1 !important;
  position:static !important;
}

.fox-v17-toggle:hover{
  border-color:#d7a52d !important;
  color:#d7a52d !important;
}

.fox-v17-mobile-toggle,
.fox-v17-mobile-nav{
  display:none !important;
}

html.fox-light .fox-v17-header,
html.fox-light .fox-v17-nav{
  background:#f5f2eb;
}

html.fox-light .fox-v17-nav{
  border-bottom-color:rgba(120,85,20,.35);
}

html.fox-light .fox-v17-menu a{
  color:#29251f !important;
}

html.fox-light .fox-v17-menu a:hover,
html.fox-light .fox-v17-menu .current-menu-item>a{
  color:#9b6c12 !important;
}

html.fox-light .fox-v17-toggle{
  color:#29251f !important;
  border-color:rgba(120,85,20,.45) !important;
  background:rgba(155,108,18,.07) !important;
}

@media(max-width:900px){
  .fox-v17-art{
    aspect-ratio:1983/793;
    background-image:url("assets/header-desktop.jpg");
  }

  .fox-v17-nav-inner{
    min-height:58px;
    justify-content:space-between;
  }

  .fox-v17-links{
    display:none;
  }

  .fox-v17-toggle{
    margin-left:auto;
    min-width:86px;
    height:36px;
  }

  .fox-v17-mobile-toggle{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:42px;
    height:36px;
    margin:0 !important;
    padding:0 !important;
    border:1px solid rgba(215,165,45,.55) !important;
    border-radius:18px;
    background:rgba(215,165,45,.07) !important;
    color:#eee9dd !important;
    font-size:20px !important;
    cursor:pointer;
  }

  .fox-v17-mobile-nav{
    width:100%;
    display:none !important;
    background:#070707 !important;
    border-top:1px solid rgba(215,165,45,.25);
  }

  .fox-v17-mobile-nav.is-open{
    display:block !important;
  }

  .fox-v17-mobile-menu,
  .fox-v17-mobile-menu ul{
    display:flex !important;
    flex-direction:column !important;
    width:100%;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
  }

  .fox-v17-mobile-menu li{
    list-style:none !important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .fox-v17-mobile-menu a{
    display:block !important;
    padding:14px 20px !important;
    color:#eee9dd !important;
    text-decoration:none !important;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-size:12px !important;
  }
  .fox-v17-mobile-menu .current-menu-item>a,
  .fox-v17-mobile-menu .current_page_item>a{
    color:#d7a52d !important;
    border-left:3px solid #d7a52d;
    padding-left:17px !important;
  }

  html.fox-light .fox-v17-mobile-nav{
    background:#f5f2eb !important;
  }

  html.fox-light .fox-v17-mobile-menu a{
    color:#29251f !important;
  }
}


/* FOX ONE V2.4 – complete new WOW header artwork */
.fox-v22-slogan{display:none !important;}
.fox-v17-art{
  background-size:cover;
  background-position:center;
}


/* FOX ONE V2.6 – Willkommen unter der Navigation + neuer Footer */
.fox-welcome{
  padding:58px 0 62px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(215,165,45,.13),transparent 34%),
    linear-gradient(180deg,#0b0b0b 0%,#050505 100%);
  border-bottom:1px solid var(--fox-line);
}
.fox-welcome-inner{max-width:980px;margin:0 auto;}
.fox-welcome-kicker{
  color:var(--fox-gold-2);
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:13px;
  font-weight:700;
}
.fox-welcome h1{
  margin:10px 0 4px;
  color:var(--fox-gold-2);
  font-size:clamp(34px,5vw,58px);
  letter-spacing:2px;
  line-height:1;
}
.fox-welcome-rule{height:1px;background:rgba(215,165,45,.25);margin:18px auto 22px;max-width:560px;position:relative;}
.fox-welcome-rule span{display:block;width:90px;height:2px;background:var(--fox-gold);margin:auto;box-shadow:0 0 18px rgba(215,165,45,.35);}
.fox-welcome p{max-width:850px;margin:0 auto;color:#e7e2d8;font-size:17px;line-height:1.75;}
.fox-welcome strong{display:block;margin-top:18px;color:var(--fox-gold-2);font-size:18px;font-style:italic;}

.fox-footer{padding:42px 0 0;background:#030303;border-top:1px solid var(--fox-line);}
.fox-footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:45px;align-items:center;padding-bottom:34px;}
.fox-footer-brand{display:flex;align-items:center;gap:18px;}
.fox-footer-note{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:1px solid var(--fox-gold);border-radius:50%;color:var(--fox-gold-2);font-size:31px;box-shadow:0 0 25px rgba(215,165,45,.10);}
.fox-footer-title{font-size:20px;font-weight:800;letter-spacing:2px;color:#f0eadf;}
.fox-footer-tagline{margin-top:5px;color:#aaa;font-size:13px;}
.fox-footer-heading{color:var(--fox-gold-2);font-size:12px;text-transform:uppercase;letter-spacing:2px;margin-bottom:13px;}
.fox-footer-socials{display:flex;gap:10px;}
.fox-footer-socials a{width:38px;height:38px;border:1px solid rgba(215,165,45,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#eee9dd;text-decoration:none;font-weight:700;}
.fox-footer-socials a:hover{background:var(--fox-gold);color:#050505;border-color:var(--fox-gold);}
.fox-footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:11px;text-transform:uppercase;letter-spacing:1px;}
.fox-footer-links a{color:#aaa;text-decoration:none;}
.fox-footer-links a:hover{color:var(--fox-gold-2);}
.fox-footer-bottom{text-align:center;border-top:1px solid rgba(215,165,45,.18);padding:17px 15px;color:#777;font-size:11px;}
html.fox-light .fox-welcome{background:linear-gradient(180deg,#f7f3ea,#ece7dd);}
html.fox-light .fox-welcome p{color:#29251f;}
html.fox-light .fox-footer{background:#171614;}
@media(max-width:780px){
  .fox-welcome{padding:44px 0 48px;}
  .fox-welcome p{font-size:15px;line-height:1.65;}
  .fox-footer-grid{grid-template-columns:1fr;gap:28px;align-items:start;}
}


/* FOX ONE V2.9 – echtes Bild im Bereich „Über Top Of The Fox“ */
.fox-about .fox-artist-art{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(215,165,45,.35);
  background:#050505;
  box-shadow:0 0 45px rgba(215,165,45,.08);
}
.fox-about-image{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  object-position:center center;
}
.fox-about .fox-artist-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.12),transparent 45%,rgba(0,0,0,.16)),
    linear-gradient(0deg,rgba(0,0,0,.18),transparent 35%);
}
@media(max-width:900px){
  .fox-about-image{
    width:100%;
    height:auto;
  }
}


/* =========================================================
   FOX ONE V3.1 – Über Top Of The Fox
   ========================================================= */
.fox-about-page{
  background:
    radial-gradient(circle at 75% 8%,rgba(215,165,45,.12),transparent 25%),
    linear-gradient(180deg,#0d0d0d 0%,#050505 48%,#090909 100%);
  overflow:hidden;
}
.fox-about-page span{color:var(--fox-gold-2)}

.fox-about-intro{
  min-height:680px;
  position:relative;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--fox-line);
  overflow:hidden;
}
.fox-about-glow{
  position:absolute;
  width:620px;height:620px;
  right:-150px;top:-120px;
  background:radial-gradient(circle,rgba(215,165,45,.17),transparent 68%);
  filter:blur(12px);
}
.fox-about-intro-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr minmax(360px,560px);
  gap:75px;
  align-items:center;
}
.fox-about-intro-copy{padding:75px 0}
.fox-about-intro-copy .fox-title{font-size:clamp(48px,6vw,88px);letter-spacing:-2px}
.fox-about-lead{
  font-family:Georgia,serif;
  font-style:italic;
  color:var(--fox-gold-2);
  font-size:clamp(24px,3vw,38px);
  margin:0 0 24px;
}
.fox-about-intro-copy>p:not(.fox-about-lead){
  max-width:650px;color:#c4bfb5;font-size:17px;
}
.fox-about-portrait{
  position:relative;
  border:1px solid rgba(215,165,45,.48);
  padding:10px;
  background:linear-gradient(145deg,rgba(215,165,45,.12),rgba(0,0,0,.65));
  box-shadow:0 25px 80px rgba(0,0,0,.55),0 0 45px rgba(215,165,45,.08);
}
.fox-about-portrait:before{
  content:"";
  position:absolute;
  inset:-8px;
  border:1px solid rgba(215,165,45,.15);
  pointer-events:none;
}
.fox-about-portrait img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}

.fox-about-section{
  padding:105px 0;
  border-bottom:1px solid var(--fox-line);
}
.fox-about-narrow{max-width:1120px}
.fox-about-narrow>p{
  max-width:900px;
  color:#c5c0b6;
  font-size:17px;
}
.fox-about-pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:60px;
}
.fox-about-pillar{
  padding:28px 24px;
  min-height:190px;
  border:1px solid var(--fox-line);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.2));
  transition:.25s;
}
.fox-about-pillar:hover{
  transform:translateY(-5px);
  border-color:rgba(215,165,45,.7);
  box-shadow:0 15px 40px rgba(0,0,0,.25);
}
.fox-about-pillar span{
  display:block;
  font-size:11px;
  letter-spacing:2px;
  margin-bottom:28px;
}
.fox-about-pillar strong{
  display:block;
  color:#f0ebe0;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-size:16px;
}
.fox-about-pillar p{color:#99948b;font-size:13px;margin-bottom:0}

.fox-about-dark{
  background:
    radial-gradient(circle at 18% 45%,rgba(215,165,45,.08),transparent 25%),
    #070707;
}
.fox-about-person-grid{
  display:grid;
  grid-template-columns:minmax(280px,.8fr) 1.4fr;
  gap:90px;
  align-items:start;
}
.fox-about-side-title{position:sticky;top:120px}
.fox-about-side-title .fox-title{font-size:clamp(34px,4vw,60px)}
.fox-about-copy{
  border-left:1px solid var(--fox-line);
  padding-left:55px;
  color:#c5c0b6;
  font-size:17px;
}
.fox-about-copy p{margin:0 0 22px}
.fox-about-copy strong{color:#eee8dc}
.fox-about-highlight{
  color:#f0eadf;
  font-family:Georgia,serif;
  font-size:clamp(22px,2.4vw,31px);
  line-height:1.35;
}

.fox-about-story{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:90px;
  align-items:start;
}
.fox-about-story>div:last-child{
  color:#c5c0b6;
  font-size:17px;
}
.fox-about-story p{margin:0 0 24px}

.fox-about-final{
  position:relative;
  text-align:center;
  padding:125px 0 135px;
  overflow:hidden;
  border-bottom:1px solid var(--fox-line);
  background:linear-gradient(180deg,#080808,#030303);
}
.fox-about-final-glow{
  position:absolute;
  width:800px;height:500px;
  left:50%;top:40px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(215,165,45,.17),transparent 65%);
  filter:blur(15px);
}
.fox-about-final-inner{position:relative;z-index:2;max-width:900px}
.fox-about-final h2{
  font-size:clamp(44px,6vw,82px);
  line-height:.95;
  margin:14px 0 30px;
  text-transform:uppercase;
  letter-spacing:-2px;
}
.fox-about-final p{
  max-width:720px;
  margin:0 auto 18px;
  color:#aaa59a;
}
.fox-about-final-sign{
  margin:35px 0 28px;
  font-family:Georgia,serif;
  font-style:italic;
  font-size:30px;
  color:var(--fox-gold-2);
}

html.fox-light .fox-about-page{
  background:linear-gradient(180deg,#f7f3eb,#e9e4da);
  color:#191713;
}
html.fox-light .fox-about-intro,
html.fox-light .fox-about-section{border-bottom-color:rgba(151,108,20,.24)}
html.fox-light .fox-about-intro-copy>p:not(.fox-about-lead),
html.fox-light .fox-about-narrow>p,
html.fox-light .fox-about-copy,
html.fox-light .fox-about-story>div:last-child{color:#555047}
html.fox-light .fox-about-dark{background:#e6e1d7}
html.fox-light .fox-about-pillar{background:rgba(255,255,255,.35);border-color:rgba(151,108,20,.25)}
html.fox-light .fox-about-pillar strong,
html.fox-light .fox-about-highlight{color:#24211d}
html.fox-light .fox-about-final{background:#171614}
html.fox-light .fox-about-final p{color:#bdb7ab}

@media(max-width:1050px){
  .fox-about-intro-grid{grid-template-columns:1fr 420px;gap:45px}
  .fox-about-pillars{grid-template-columns:repeat(2,1fr)}
  .fox-about-person-grid,.fox-about-story{gap:50px}
}
@media(max-width:780px){
  .fox-about-intro{min-height:0}
  .fox-about-intro-grid{grid-template-columns:1fr;gap:35px}
  .fox-about-intro-copy{padding:70px 0 0}
  .fox-about-portrait{max-width:560px;margin:0 auto 60px}
  .fox-about-section{padding:75px 0}
  .fox-about-pillars{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .fox-about-person-grid,.fox-about-story{grid-template-columns:1fr;gap:35px}
  .fox-about-side-title{position:static}
  .fox-about-copy{border-left:0;border-top:1px solid var(--fox-line);padding:30px 0 0}
  .fox-about-final{padding:90px 0 100px}
}


/* FOX ONE V3.2 – Studiofoto vollständig sichtbar */
.fox-about-portrait{
  height:auto !important;
  overflow:hidden;
}
.fox-about-portrait img{
  height:auto !important;
  min-height:0 !important;
}


/* =========================================================
   FOX ONE V3.3 – Impressum
   ========================================================= */
.fox-legal-page{
  min-height:70vh;
  background:
    radial-gradient(circle at 80% 8%,rgba(215,165,45,.12),transparent 25%),
    linear-gradient(180deg,#0d0d0d 0%,#050505 100%);
}
.fox-legal-hero{
  position:relative;
  padding:95px 0 70px;
  border-bottom:1px solid var(--fox-line);
  overflow:hidden;
}
.fox-legal-glow{
  position:absolute;
  width:600px;height:350px;
  right:-120px;top:-140px;
  background:radial-gradient(ellipse,rgba(215,165,45,.18),transparent 68%);
  filter:blur(15px);
}
.fox-legal-hero .fox-wrap{position:relative;z-index:2}
.fox-legal-hero .fox-title{
  font-size:clamp(48px,7vw,88px);
  letter-spacing:-2px;
  margin-bottom:20px;
}
.fox-legal-lead{
  color:var(--fox-gold-2);
  font-family:Georgia,serif;
  font-size:20px;
  font-style:italic;
}
.fox-legal-content{padding:75px 0 110px}
.fox-legal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-bottom:65px;
}
.fox-legal-card{
  padding:35px;
  border:1px solid var(--fox-line);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.2));
}
.fox-legal-card h2{
  color:#f0ebe0;
  font-size:25px;
  margin:10px 0 18px;
}
.fox-legal-card p{color:#b9b3a8;line-height:1.8}
.fox-legal-card a{
  color:var(--fox-gold-2);
  text-decoration:none;
}
.fox-legal-card a:hover{text-decoration:underline}
.fox-legal-text{
  max-width:1000px;
}
.fox-legal-text section{
  padding:45px 0;
  border-top:1px solid var(--fox-line);
}
.fox-legal-text h2{
  color:#eee8dc;
  font-size:30px;
  margin:8px 0 18px;
}
.fox-legal-text p{
  color:#aaa59a;
  font-size:16px;
  line-height:1.85;
  max-width:850px;
}
.fox-legal-text strong{color:#eee8dc}
.fox-legal-note{
  margin-top:10px;
  padding:25px 30px !important;
  border:1px solid rgba(215,165,45,.25) !important;
  background:rgba(215,165,45,.035);
}
.fox-legal-note p{font-size:13px;margin:0;color:#8f8a80}

html.fox-light .fox-legal-page{
  background:linear-gradient(180deg,#f7f3eb,#e9e4da);
  color:#191713;
}
html.fox-light .fox-legal-hero,
html.fox-light .fox-legal-text section{border-color:rgba(151,108,20,.24)}
html.fox-light .fox-legal-card{
  background:rgba(255,255,255,.35);
  border-color:rgba(151,108,20,.25);
}
html.fox-light .fox-legal-card h2,
html.fox-light .fox-legal-text h2,
html.fox-light .fox-legal-text strong{color:#24211d}
html.fox-light .fox-legal-card p,
html.fox-light .fox-legal-text p{color:#555047}

@media(max-width:700px){
  .fox-legal-hero{padding:70px 0 50px}
  .fox-legal-content{padding:50px 0 75px}
  .fox-legal-grid{grid-template-columns:1fr;gap:15px;margin-bottom:35px}
  .fox-legal-card{padding:27px}
  .fox-legal-text section{padding:35px 0}
}


/* FOX ONE V3.4 – Datenschutz */
.fox-privacy-page .fox-legal-text a{
  color:var(--fox-gold-2);
  text-decoration:none;
}
.fox-privacy-page .fox-legal-text a:hover{
  text-decoration:underline;
}
.fox-privacy-page .fox-legal-text section{
  scroll-margin-top:100px;
}

.fox-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start;max-width:1120px}.fox-contact-copy{padding-top:25px}.fox-contact-copy p{color:#aaa59a;line-height:1.8;font-size:16px}.fox-contact-copy a,.fox-contact-privacy a{color:var(--fox-gold-2);text-decoration:none}.fox-contact-card{border:1px solid var(--fox-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.22));padding:38px;box-shadow:0 25px 70px rgba(0,0,0,.25)}.fox-contact-form{display:flex;flex-direction:column;gap:10px}.fox-contact-form label{color:#e7e1d6;font-size:13px;margin-top:10px}.fox-contact-form input,.fox-contact-form textarea{width:100%;box-sizing:border-box;background:#0b0b0b;border:1px solid rgba(215,165,45,.22);color:#eee8dc;padding:13px 14px;font:inherit;outline:none}.fox-contact-form input:focus,.fox-contact-form textarea:focus{border-color:rgba(215,165,45,.75)}.fox-contact-form textarea{resize:vertical}.fox-contact-form .fox-btn{align-self:flex-start;margin-top:12px;border:0;cursor:pointer}.fox-contact-privacy{font-size:12px!important;line-height:1.6!important;color:#817c72!important}.fox-contact-success,.fox-contact-error{padding:14px 16px;margin-bottom:20px;border:1px solid rgba(215,165,45,.35);background:rgba(215,165,45,.06);color:#ddd5c8}.fox-contact-error{border-color:rgba(190,90,70,.45);background:rgba(190,90,70,.06)}.fox-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:780px){.fox-contact-grid{grid-template-columns:1fr;gap:35px}.fox-contact-card{padding:25px}}

/* FOX ONE V4.0 – Singles */
.fox-singles-page,.fox-single-page{min-height:70vh;background:linear-gradient(180deg,#0d0d0d 0%,#050505 100%)}
.fox-singles-hero{position:relative;padding:95px 0 70px;border-bottom:1px solid var(--fox-line);overflow:hidden}
.fox-singles-glow{position:absolute;width:650px;height:380px;right:-140px;top:-150px;background:radial-gradient(ellipse,rgba(215,165,45,.18),transparent 68%);filter:blur(15px)}
.fox-singles-hero .fox-wrap{position:relative;z-index:2}.fox-singles-hero .fox-title{font-size:clamp(48px,7vw,88px);letter-spacing:-2px;margin-bottom:20px}
.fox-singles-list{padding:75px 0 110px}.fox-single-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.fox-single-card{display:grid;grid-template-columns:minmax(180px,42%) 1fr;overflow:hidden;border:1px solid var(--fox-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.25))}
.fox-single-cover{display:block;aspect-ratio:1/1;overflow:hidden;background:#111}.fox-single-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.fox-single-card:hover .fox-single-cover img{transform:scale(1.035)}
.fox-single-cover-placeholder{height:100%;display:grid;place-items:center;text-align:center;font-size:38px;line-height:.85;letter-spacing:5px;font-weight:800;color:var(--fox-gold-2)}.fox-single-cover-placeholder span{font-size:17px;letter-spacing:8px}
.fox-single-info{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.fox-single-info h2{font-size:29px;line-height:1.1;margin:5px 0 12px}.fox-single-info h2 a{color:#eee8dc;text-decoration:none}
.fox-single-date{color:var(--fox-gold-2);font-size:13px;margin-bottom:16px}.fox-single-excerpt,.fox-single-description{color:#aaa59a;line-height:1.75}
.fox-single-available{margin-top:auto;padding-top:20px;color:#d6d0c5;font-size:13px;font-weight:600}.fox-single-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.fox-single-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--fox-line);color:#eee8dc;text-decoration:none;font-size:13px;font-weight:700;transition:.25s ease}.fox-single-button:hover{border-color:var(--fox-gold-2);transform:translateY(-1px)}
.fox-single-button-gold{border-color:rgba(215,165,45,.55);color:var(--fox-gold-2)}.fox-single-empty{text-align:center;padding:70px 20px;border:1px solid var(--fox-line)}
.fox-single-empty h2{color:#eee8dc}.fox-single-empty p{color:#aaa59a}.fox-single-detail-hero{padding:90px 0;border-bottom:1px solid var(--fox-line)}
.fox-single-detail-grid{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:60px;align-items:center}.fox-single-detail-cover{background:#111;overflow:hidden;border:1px solid var(--fox-line)}.fox-single-detail-cover img{width:100%;height:auto;display:block}
.fox-single-detail-info h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:8px 0 22px;color:#eee8dc}.fox-single-detail-content{padding:65px 0 100px}.fox-single-detail-content p{color:#aaa59a;line-height:1.85}
@media(max-width:900px){.fox-single-grid{grid-template-columns:1fr}}@media(max-width:650px){.fox-single-card{grid-template-columns:1fr}.fox-single-cover{aspect-ratio:1/1}.fox-single-detail-grid{grid-template-columns:1fr;gap:35px}}
html.fox-light .fox-singles-page,html.fox-light .fox-single-page{background:linear-gradient(180deg,#f7f3eb,#e9e4da)}

/* FOX ONE V4.1 – Alben */
.fox-albums-page,.fox-album-page{min-height:70vh;background:linear-gradient(180deg,#0d0d0d 0%,#050505 100%)}
.fox-albums-hero{position:relative;padding:95px 0 70px;border-bottom:1px solid var(--fox-line);overflow:hidden}
.fox-albums-glow{position:absolute;width:650px;height:380px;right:-140px;top:-150px;background:radial-gradient(ellipse,rgba(215,165,45,.18),transparent 68%);filter:blur(15px)}
.fox-albums-hero .fox-wrap{position:relative;z-index:2}.fox-albums-hero .fox-title{font-size:clamp(48px,7vw,88px);letter-spacing:-2px;margin-bottom:20px}
.fox-albums-list{padding:75px 0 110px}.fox-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.fox-album-card{display:grid;grid-template-columns:minmax(200px,45%) 1fr;overflow:hidden;border:1px solid var(--fox-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.25))}
.fox-album-cover{display:block;aspect-ratio:1/1;overflow:hidden;background:#111}.fox-album-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.fox-album-card:hover .fox-album-cover img{transform:scale(1.035)}
.fox-album-cover-placeholder{height:100%;display:grid;place-items:center;text-align:center;font-size:38px;line-height:.85;letter-spacing:5px;font-weight:800;color:var(--fox-gold-2)}.fox-album-cover-placeholder span{font-size:17px;letter-spacing:8px}
.fox-album-info{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.fox-album-info h2{font-size:29px;line-height:1.1;margin:5px 0 12px}.fox-album-info h2 a{color:#eee8dc;text-decoration:none}
.fox-album-date{color:var(--fox-gold-2);font-size:13px;margin-bottom:16px}.fox-album-excerpt,.fox-album-description{color:#aaa59a;line-height:1.75}
.fox-album-available{margin-top:auto;padding-top:20px;color:#d6d0c5;font-size:13px;font-weight:600}.fox-album-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.fox-album-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border:1px solid var(--fox-line);color:#eee8dc;text-decoration:none;font-size:13px;font-weight:700;transition:.25s ease}.fox-album-button:hover{border-color:var(--fox-gold-2);transform:translateY(-1px)}
.fox-album-button-gold{border-color:rgba(215,165,45,.55);color:var(--fox-gold-2)}
.fox-album-empty{text-align:center;padding:70px 20px;border:1px solid var(--fox-line)}.fox-album-empty h2{color:#eee8dc}.fox-album-empty p{color:#aaa59a}
.fox-album-detail-hero{padding:90px 0;border-bottom:1px solid var(--fox-line)}.fox-album-detail-grid{display:grid;grid-template-columns:minmax(280px,520px) 1fr;gap:60px;align-items:center}
.fox-album-detail-cover{background:#111;overflow:hidden;border:1px solid var(--fox-line)}.fox-album-detail-cover img{width:100%;height:auto;display:block}
.fox-album-detail-info h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:8px 0 22px;color:#eee8dc}
.fox-album-content{padding:65px 0 110px}.fox-tracklist{max-width:850px;margin-bottom:65px}.fox-tracklist h2{font-size:38px;color:#eee8dc;margin:7px 0 25px}
.fox-tracklist ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--fox-line)}.fox-tracklist li{padding:16px 8px;border-bottom:1px solid var(--fox-line);color:#d6d0c5;font-size:16px}
.fox-tracklist li::before{content:counter(list-item, decimal-leading-zero);display:inline-block;width:45px;color:var(--fox-gold-2);font-weight:700}
.fox-album-long-description{max-width:850px;color:#aaa59a;line-height:1.85}
@media(max-width:900px){.fox-album-grid{grid-template-columns:1fr}}
@media(max-width:650px){.fox-album-card{grid-template-columns:1fr}.fox-album-cover{aspect-ratio:1/1}.fox-album-detail-grid{grid-template-columns:1fr;gap:35px}}
html.fox-light .fox-albums-page,html.fox-light .fox-album-page{background:linear-gradient(180deg,#f7f3eb,#e9e4da)}
html.fox-light .fox-album-info h2 a,html.fox-light .fox-album-detail-info h1,html.fox-light .fox-tracklist h2{color:#24211d}
html.fox-light .fox-album-excerpt,html.fox-light .fox-album-description,html.fox-light .fox-album-long-description{color:#555047}
html.fox-light .fox-album-button{color:#24211d}


/* =========================================================
   FOX ONE V4.2 – Musikvideos
   ========================================================= */
.fox-musicvideos-page,.fox-musicvideo-page{background:#070707;color:#f4f1e9}
.fox-musicvideos-hero{position:relative;padding:78px 0 72px;overflow:hidden;border-bottom:1px solid var(--fox-line)}
.fox-musicvideos-glow{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,rgba(215,165,45,.14),transparent 35%);pointer-events:none}
.fox-musicvideos-list{padding:70px 0 90px}
.fox-musicvideo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.fox-musicvideo-card{border:1px solid var(--fox-line);background:linear-gradient(145deg,#151515,#050505);display:grid;grid-template-columns:minmax(230px,.9fr) 1.1fr;min-width:0;overflow:hidden;transition:.25s}
.fox-musicvideo-card:hover{border-color:var(--fox-gold);transform:translateY(-3px)}
.fox-musicvideo-cover{position:relative;display:block;min-height:260px;background:#101010;overflow:hidden}
.fox-musicvideo-cover img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
.fox-musicvideo-cover-placeholder{height:100%;min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;font-size:48px;color:var(--fox-gold-2);background:radial-gradient(circle at 50% 40%,rgba(215,165,45,.22),transparent 38%),linear-gradient(145deg,#161616,#030303)}
.fox-musicvideo-cover-placeholder span{font-size:12px;letter-spacing:3px;font-weight:800}
.fox-musicvideo-play{position:absolute;left:18px;bottom:18px;width:52px;height:52px;border:1px solid rgba(215,165,45,.8);background:rgba(0,0,0,.78);color:var(--fox-gold-2);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;padding-left:3px}
.fox-musicvideo-info{padding:30px;display:flex;flex-direction:column;justify-content:center}
.fox-musicvideo-info h2{font-size:25px;line-height:1.12;margin:7px 0 12px}.fox-musicvideo-info h2 a{color:#fff}.fox-musicvideo-info h2 a:hover{color:var(--fox-gold-2)}
.fox-musicvideo-date{font-size:12px;color:var(--fox-gold-2);margin-bottom:14px}.fox-musicvideo-excerpt{font-size:13px;color:#bbb;line-height:1.6}.fox-musicvideo-available{font-size:12px;color:var(--fox-gold-2);margin-top:14px}
.fox-musicvideo-actions{margin-top:20px}.fox-musicvideo-button{display:inline-block;padding:12px 17px;border:1px solid var(--fox-line);color:#eee9dd;text-transform:uppercase;font-size:11px;letter-spacing:1px}.fox-musicvideo-button:hover{border-color:var(--fox-gold);color:var(--fox-gold-2)}.fox-musicvideo-button-gold{border-color:var(--fox-gold);color:var(--fox-gold-2)}
.fox-musicvideo-empty{padding:55px 30px;border:1px solid var(--fox-line);text-align:center}.fox-musicvideo-empty h2{margin-bottom:10px}.fox-musicvideo-empty p{color:#aaa}
.fox-musicvideo-detail-hero{padding:75px 0 55px;border-bottom:1px solid var(--fox-line);background:radial-gradient(circle at 75% 40%,rgba(215,165,45,.13),transparent 32%)}
.fox-musicvideo-detail-hero h1{font-size:clamp(38px,6vw,76px);line-height:.98;margin:10px 0 18px;text-transform:uppercase}.fox-musicvideo-player-section{padding:65px 0 35px}.fox-musicvideo-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(215,165,45,.55);overflow:hidden}.fox-musicvideo-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.fox-musicvideo-player-section .fox-musicvideo-button{margin-top:20px}.fox-musicvideo-large-cover{max-width:1000px;margin:0 auto}.fox-musicvideo-large-cover img{width:100%;height:auto;display:block}.fox-musicvideo-no-video{border:1px solid var(--fox-line);padding:50px;text-align:center;color:#aaa}.fox-musicvideo-content{padding:35px 0 90px}.fox-musicvideo-description{font-size:20px;line-height:1.6;max-width:850px;margin-bottom:30px}.fox-musicvideo-long-description{max-width:850px;color:#ccc;line-height:1.8}.fox-musicvideo-long-description h2,.fox-musicvideo-long-description h3{color:#fff}
@media(max-width:900px){.fox-musicvideo-grid{grid-template-columns:1fr}.fox-musicvideo-card{grid-template-columns:1fr}.fox-musicvideo-cover,.fox-musicvideo-cover img,.fox-musicvideo-cover-placeholder{min-height:220px}.fox-musicvideo-info{padding:25px}}
@media(max-width:560px){.fox-musicvideos-hero{padding:55px 0}.fox-musicvideos-list{padding:45px 0 65px}.fox-musicvideo-info h2{font-size:22px}.fox-musicvideo-detail-hero{padding:55px 0 40px}.fox-musicvideo-player-section{padding:40px 0 25px}.fox-musicvideo-no-video{padding:35px 20px}}

/* FOX ONE – Musikvideo-Bereiche */
.fox-video-category{padding:65px 0 10px}
.fox-video-category-heading{display:flex;align-items:end;gap:28px;margin-bottom:28px}
.fox-video-category-heading h2{font-size:clamp(32px,4vw,50px);margin:4px 0 0;color:#eee8dc;letter-spacing:-.5px}
.fox-video-category-line{height:1px;background:linear-gradient(90deg,rgba(215,165,45,.55),transparent);flex:1;margin-bottom:12px}
.fox-video-category-empty{border:1px solid var(--fox-line);padding:28px;color:#aaa59a}
.fox-video-category + .fox-video-category{border-top:1px solid var(--fox-line);margin-top:35px}
html.fox-light .fox-video-category-heading h2{color:#24211d}


/* FOX ONE V5.0 – News */
.fox-news-home{background:linear-gradient(180deg,#090909,#060606)}
.fox-news-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}
.fox-news-home-grid,.fox-news-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.fox-news-card{border:1px solid var(--fox-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.28));overflow:hidden;transition:.25s ease;display:flex;flex-direction:column}
.fox-news-card:hover{border-color:var(--fox-gold);transform:translateY(-3px)}
.fox-news-card-image{display:block;aspect-ratio:16/9;background:#111;overflow:hidden}
.fox-news-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.fox-news-card:hover .fox-news-card-image img{transform:scale(1.035)}
.fox-news-card-body{padding:25px;display:flex;flex-direction:column;flex:1}
.fox-news-date{color:var(--fox-gold-2);font-size:12px;letter-spacing:1px;margin-bottom:9px}
.fox-news-card h3,.fox-news-card h2{font-size:23px;line-height:1.15;margin:4px 0 12px;color:#eee8dc}.fox-news-card h2{font-size:28px}.fox-news-card h3 a,.fox-news-card h2 a{color:inherit}
.fox-news-excerpt{color:#aaa59a;font-size:14px;line-height:1.7}.fox-news-link{margin-top:auto;padding-top:20px;color:var(--fox-gold-2);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.fox-news-home-footer{text-align:center;margin-top:35px}
.fox-news-empty{border:1px solid var(--fox-line);padding:45px 30px;text-align:center;color:#aaa59a}.fox-news-empty h2,.fox-news-empty h3{color:#eee8dc;margin-top:0}
.fox-news-hero{position:relative;padding:95px 0 70px;border-bottom:1px solid var(--fox-line);overflow:hidden}.fox-news-glow{position:absolute;width:700px;height:420px;right:-150px;top:-170px;background:radial-gradient(ellipse,rgba(215,165,45,.18),transparent 68%);filter:blur(15px)}.fox-news-hero .fox-wrap{position:relative;z-index:2}.fox-news-hero .fox-title{font-size:clamp(48px,7vw,88px);letter-spacing:-2px;margin-bottom:20px}.fox-news-list{padding:75px 0 110px}.fox-news-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fox-news-archive-card .fox-news-card-body{min-height:250px}
.fox-news-detail-hero{padding:90px 0 65px;border-bottom:1px solid var(--fox-line);background:radial-gradient(circle at 75% 35%,rgba(215,165,45,.12),transparent 34%)}.fox-news-detail-hero .fox-title{max-width:1000px}.fox-news-detail-content{padding:65px 0 110px}.fox-news-detail-wrap{max-width:1000px}.fox-news-detail-image{margin-bottom:40px;border:1px solid var(--fox-line);overflow:hidden;background:#111}.fox-news-detail-image img{width:100%;height:auto;display:block}.fox-news-content{max-width:850px;color:#c7c1b6;font-size:17px;line-height:1.85;margin-bottom:35px}.fox-news-content h2,.fox-news-content h3{color:#eee8dc}.fox-news-content a{color:var(--fox-gold-2);text-decoration:underline}
html.fox-light .fox-news-home,html.fox-light .fox-news-page,html.fox-light .fox-news-single-page{background:linear-gradient(180deg,#f7f3eb,#e9e4da);color:#24211d}html.fox-light .fox-news-card{background:rgba(255,255,255,.45);border-color:rgba(151,108,20,.25)}html.fox-light .fox-news-card h3,html.fox-light .fox-news-card h2,html.fox-light .fox-news-empty h2,html.fox-light .fox-news-empty h3,html.fox-light .fox-news-content h2,html.fox-light .fox-news-content h3{color:#24211d}html.fox-light .fox-news-excerpt,html.fox-light .fox-news-content{color:#555047}
@media(max-width:900px){.fox-news-home-grid,.fox-news-archive-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.fox-news-heading{align-items:flex-start;flex-direction:column}.fox-news-home-grid,.fox-news-archive-grid{grid-template-columns:1fr}.fox-news-hero{padding:60px 0 50px}.fox-news-list{padding:50px 0 75px}.fox-news-card-body{padding:22px}.fox-news-detail-hero{padding:60px 0 45px}.fox-news-detail-content{padding:45px 0 75px}}

/* =========================================================
   FOX ONE – LIGHT MODE TEXT FIX
   Schwarze/dunkle Schrift auf hellen Flächen für bessere Lesbarkeit
   ========================================================= */
html.fox-light .fox-section,
html.fox-light main{
  color:#24211d;
}
html.fox-light .fox-section p,
html.fox-light .fox-single-grid p,
html.fox-light .fox-album-grid p,
html.fox-light .fox-about p{
  color:#4a4640;
}
html.fox-light .fox-title,
html.fox-light .fox-single-grid h2,
html.fox-light .fox-album-grid h2,
html.fox-light .fox-about h2,
html.fox-light .fox-tracklist,
html.fox-light .fox-track,
html.fox-light .fox-feature{
  color:#24211d;
}
html.fox-light .fox-track span:nth-child(2){color:#24211d}
html.fox-light .fox-track span:first-child{color:#9b6c12}
html.fox-light .fox-video-note{color:#5b554d}
html.fox-light .fox-features{color:#3f3b35}
html.fox-light .fox-feature b{color:#8a6110}
html.fox-light .fox-album .fox-track{border-bottom-color:rgba(0,0,0,.14)}
html.fox-light .fox-cover-content em,
html.fox-light .fox-cover-content small{color:#8a6110}
html.fox-light .fox-news-card h3 a,
html.fox-light .fox-news-card h2 a{color:#24211d}
html.fox-light .fox-news-excerpt{color:#555047}
html.fox-light .fox-news-empty{color:#555047}
html.fox-light .fox-news-empty p{color:#555047}
html.fox-light .fox-news-content p,
html.fox-light .fox-news-content li{color:#4d4942}
html.fox-light .fox-news-content strong{color:#24211d}
html.fox-light .fox-btn{color:#5a4208}
html.fox-light .fox-btn-solid{color:#17130b}
html.fox-light .fox-availability{color:#8a6110}

/* Formulare / Eingabefelder in hellen Bereichen */
html.fox-light input,
html.fox-light textarea,
html.fox-light select{
  color:#24211d;
  background:#fff;
}

/* FOX ONE – LIGHT MODE CONTRAST FIX V3.2
   Alle Texte auf hellen Karten klar lesbar. Dunkelmodus unverändert. */
html.fox-light .fox-album-info h2 a,
html.fox-light .fox-album-info h2,
html.fox-light .fox-album-available,
html.fox-light .fox-album-empty h2,
html.fox-light .fox-album-empty p,
html.fox-light .fox-album-button,
html.fox-light .fox-album-detail-info h1,
html.fox-light .fox-tracklist h2,
html.fox-light .fox-tracklist li {
  color:#24211d;
}
html.fox-light .fox-album-date,
html.fox-light .fox-album-button-gold {
  color:#8a650d;
}
html.fox-light .fox-album-excerpt,
html.fox-light .fox-album-description,
html.fox-light .fox-album-long-description {
  color:#4a4640;
}
html.fox-light .fox-single-info h2 a,
html.fox-light .fox-single-info h2,
html.fox-light .fox-single-available,
html.fox-light .fox-single-empty h2,
html.fox-light .fox-single-empty p,
html.fox-light .fox-single-button,
html.fox-light .fox-single-detail-info h1 {
  color:#24211d;
}
html.fox-light .fox-single-date,
html.fox-light .fox-single-button-gold {
  color:#8a650d;
}
html.fox-light .fox-single-excerpt,
html.fox-light .fox-single-description {
  color:#4a4640;
}
html.fox-light .fox-musicvideos-page,
html.fox-light .fox-musicvideo-page {
  color:#24211d;
  background:linear-gradient(180deg,#f7f3eb,#e9e4da);
}
html.fox-light .fox-musicvideo-info h2,
html.fox-light .fox-musicvideo-info h2 a,
html.fox-light .fox-musicvideo-description,
html.fox-light .fox-musicvideo-long-description,
html.fox-light .fox-musicvideo-no-video {
  color:#24211d;
}
html.fox-light .fox-musicvideo-info p,
html.fox-light .fox-musicvideo-long-description {
  color:#4a4640;
}


/* =========================================================
   FOX ONE – SEITENNAVIGATION
   Zurück + Nach oben am unteren Seitenende
   ========================================================= */
.fox-page-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  padding:28px 20px 8px;
}
.fox-page-control{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:130px;
  padding:11px 18px;
  border:1px solid var(--fox-line);
  color:#eee8dc;
  background:rgba(255,255,255,.03);
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.7px;
  text-transform:uppercase;
  transition:all .25s ease;
}
.fox-page-control:hover{
  color:var(--fox-gold-2);
  border-color:var(--fox-gold);
  transform:translateY(-2px);
}
html.fox-light .fox-page-control{
  color:#24211d;
  background:rgba(255,255,255,.5);
  border-color:rgba(151,108,20,.35);
}
html.fox-light .fox-page-control:hover{
  color:#7a5609;
  border-color:#9b6c12;
}
@media(max-width:650px){
  .fox-page-controls{
    gap:8px;
    padding:24px 15px 6px;
  }
  .fox-page-control{
    min-width:0;
    flex:1;
    padding:10px 12px;
    font-size:11px;
  }
}


/* =========================================================
   FOX ONE – KI-MUSIK
   ========================================================= */
.fox-ki-home{background:linear-gradient(180deg,#090909,#060606)}
.fox-ki-home-card{display:grid;grid-template-columns:100px 1fr;gap:35px;align-items:center;border:1px solid var(--fox-line);padding:45px;background:linear-gradient(145deg,rgba(215,165,45,.08),rgba(255,255,255,.02));position:relative;overflow:hidden}
.fox-ki-home-card:after{content:'AI';position:absolute;right:-15px;bottom:-65px;font-size:210px;font-weight:900;line-height:1;color:rgba(215,165,45,.045);pointer-events:none}
.fox-ki-home-icon{width:82px;height:82px;border:1px solid var(--fox-gold);display:flex;align-items:center;justify-content:center;font-size:36px;background:rgba(215,165,45,.06);box-shadow:0 0 35px rgba(215,165,45,.08)}
.fox-ki-home-copy{position:relative;z-index:2;max-width:900px}.fox-ki-home-copy p{max-width:850px}.fox-ki-home-highlight{color:var(--fox-gold-2)!important;font-weight:700}.fox-ki-home .fox-btn{margin-top:8px}
.fox-ki-page{background:#060606}.fox-ki-hero{position:relative;overflow:hidden;padding:100px 0 80px;border-bottom:1px solid var(--fox-line);background:radial-gradient(circle at 75% 35%,rgba(215,165,45,.16),transparent 32%),linear-gradient(180deg,#0b0b0b,#050505)}
.fox-ki-glow{position:absolute;width:650px;height:420px;right:-160px;top:-150px;background:radial-gradient(ellipse,rgba(215,165,45,.18),transparent 68%);filter:blur(12px)}
.fox-ki-hero .fox-wrap{position:relative;z-index:2;max-width:1150px}.fox-ki-hero .fox-title{font-size:clamp(54px,8vw,100px);letter-spacing:-3px;margin:12px 0 20px}.fox-ki-lead{font-family:Georgia,serif;font-size:clamp(24px,3vw,40px);font-style:italic;color:#eee8dc!important;margin:25px 0 14px!important}.fox-ki-hero .fox-wrap>p:last-child{max-width:850px;color:#bdb7ab;font-size:17px;line-height:1.8}
.fox-ki-narrow{max-width:900px}.fox-ki-intro{background:linear-gradient(180deg,#080808,#060606)}.fox-ki-intro p,.fox-ki-final p{color:#bdb7ab;line-height:1.85;font-size:17px}
.fox-ki-process{background:#070707}.fox-ki-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}.fox-ki-card{padding:30px;border:1px solid var(--fox-line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.25));min-height:205px;transition:.25s ease}.fox-ki-card:hover{border-color:var(--fox-gold);transform:translateY(-3px)}.fox-ki-card>span{color:var(--fox-gold-2);font-size:12px;font-weight:700;letter-spacing:2px}.fox-ki-card h3{font-size:21px;margin:15px 0 10px}.fox-ki-card p{color:#aaa59a;font-size:14px;line-height:1.7;margin:0}.fox-ki-final{background:radial-gradient(circle at 50% 0,rgba(215,165,45,.1),transparent 40%),#080808}
html.fox-light .fox-ki-home{background:linear-gradient(180deg,#f7f3eb,#e9e4da)}html.fox-light .fox-ki-home-card{background:rgba(255,255,255,.5);border-color:rgba(151,108,20,.25)}html.fox-light .fox-ki-home-copy p{color:#4a4640}html.fox-light .fox-ki-home-highlight{color:#8a6110!important}html.fox-light .fox-ki-page{background:#f7f3eb;color:#24211d}html.fox-light .fox-ki-hero{background:radial-gradient(circle at 75% 35%,rgba(215,165,45,.18),transparent 32%),linear-gradient(180deg,#f7f3eb,#e9e4da);border-color:rgba(151,108,20,.24)}html.fox-light .fox-ki-hero .fox-title,html.fox-light .fox-ki-intro .fox-title,html.fox-light .fox-ki-process .fox-title,html.fox-light .fox-ki-final .fox-title{color:#24211d}html.fox-light .fox-ki-lead{color:#4a4640!important}html.fox-light .fox-ki-hero .fox-wrap>p:last-child,html.fox-light .fox-ki-intro p,html.fox-light .fox-ki-final p{color:#4a4640}html.fox-light .fox-ki-intro,html.fox-light .fox-ki-process,html.fox-light .fox-ki-final{background:linear-gradient(180deg,#f7f3eb,#e9e4da)}html.fox-light .fox-ki-card{background:rgba(255,255,255,.45);border-color:rgba(151,108,20,.25)}html.fox-light .fox-ki-card h3{color:#24211d}html.fox-light .fox-ki-card p{color:#555047}html.fox-light .fox-ki-home-card:after{color:rgba(151,108,20,.05)}
@media(max-width:900px){.fox-ki-grid{grid-template-columns:1fr 1fr}.fox-ki-home-card{grid-template-columns:70px 1fr;padding:32px}.fox-ki-home-icon{width:64px;height:64px;font-size:28px}}
@media(max-width:650px){.fox-ki-grid{grid-template-columns:1fr}.fox-ki-home-card{grid-template-columns:1fr;padding:26px}.fox-ki-home-icon{width:60px;height:60px}.fox-ki-hero{padding:65px 0 55px}.fox-ki-hero .fox-title{letter-spacing:-2px}.fox-ki-card{min-height:0}.fox-ki-home-card:after{font-size:150px;bottom:-40px}}