/* Kai Vasvari — premium final. UTF-8 speichern. */
:root{--black:#050505;--cream:#f5f1ea;--soft:#d8d0c3;--muted:#a79f96;--gold:#c9a45c;--gold-light:#e7ca78;--gold-dark:#8d6628;--line:rgba(255,255,255,.13);--line-gold:rgba(231,202,120,.38);--shadow:0 34px 110px rgba(0,0,0,.58);--shadow-soft:0 22px 70px rgba(0,0,0,.35);--wrap:1240px;--radius-xl:38px;--radius-lg:28px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream);background:radial-gradient(circle at 16% 0%,rgba(201,164,92,.16),transparent 30%),radial-gradient(circle at 84% 10%,rgba(255,255,255,.07),transparent 24%),linear-gradient(180deg,#050505 0%,#0a0a0a 46%,#050505 100%);overflow-x:hidden;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.nav{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,5,5,.76);backdrop-filter:blur(24px)}.nav-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:14px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:50%}.brand strong{display:block;font-size:20px;font-weight:900;line-height:1;letter-spacing:-.04em}.brand span{display:block;margin-top:7px;color:var(--gold-light);font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:30px}.menu a{color:var(--soft);font-size:14px;font-weight:800;transition:.22s}.menu a:hover{color:var(--gold-light);transform:translateY(-1px)}.menu .nav-cta{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;color:#070707;background:linear-gradient(135deg,var(--gold-light),var(--gold),var(--gold-dark));box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 18px 45px rgba(201,164,92,.22)}.hamb{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;color:var(--cream);background:rgba(255,255,255,.045);font-size:22px;cursor:pointer}
.eyebrow{display:inline-flex;align-items:center;gap:13px;margin-bottom:26px;color:var(--gold-light);font-size:12px;font-weight:900;letter-spacing:.27em;text-transform:uppercase}.eyebrow:before{content:"";width:42px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light))}.h1,.section-title,.cta h2{color:var(--cream);font-weight:900;line-height:.96;letter-spacing:-.058em}.h1{max-width:1100px;margin-bottom:30px;font-size:clamp(54px,7.2vw,104px)}.h1 span{color:var(--gold-light)}.section-title{max-width:920px;font-size:clamp(40px,5.2vw,74px)}.lead{max-width:760px;margin-bottom:30px;color:var(--soft);font-size:clamp(18px,2vw,22px);line-height:1.75}.text p,.card p,.footer p,.trust-item p,.book-preview-content p,.book-detail-content p,.package-card p,.legal-card p{color:var(--muted);font-size:17px;line-height:1.75}.text p+p{margin-top:22px}.strong-line{margin-top:28px!important;color:var(--soft)!important;font-weight:800}.benefit-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.benefit-row span{padding:10px 14px;border:1px solid rgba(231,202,120,.22);border-radius:999px;background:rgba(201,164,92,.07);color:var(--soft);font-size:13px;font-weight:800}
.btns{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.btn{min-height:58px;display:inline-flex;align-items:center;justify-content:center;padding:0 34px;border-radius:999px;font-size:15px;font-weight:900;line-height:1;white-space:nowrap;transition:.24s}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#060606;border:0;cursor:pointer;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 48%,var(--gold-dark) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 22px 70px rgba(201,164,92,.3)}.btn.secondary{color:var(--cream);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);backdrop-filter:blur(12px)}
.hero{position:relative;min-height:calc(100vh - 88px);display:grid;align-items:center;overflow:hidden;isolation:isolate;padding:126px 0 140px;border-bottom:1px solid rgba(255,255,255,.08)}.sub-hero{min-height:78vh}.hero-video{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(1.02) contrast(1.1) brightness(.92)}.hero-overlay{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 72% 24%,rgba(201,164,92,.10),transparent 34%),linear-gradient(90deg,rgba(5,5,5,.80) 0%,rgba(5,5,5,.54) 42%,rgba(5,5,5,.18) 100%),linear-gradient(180deg,rgba(5,5,5,.04) 0%,rgba(5,5,5,.64) 100%)}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:220px;z-index:-1;background:linear-gradient(180deg,transparent,rgba(5,5,5,.88))}.hero-content{position:relative;z-index:2}.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .75fr;gap:60px;align-items:center}.hero-portrait{border:1px solid var(--line-gold);border-radius:var(--radius-xl);overflow:hidden;background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.hero-portrait img{width:100%;min-height:560px;object-fit:cover;object-position:center}
.trust{position:relative;z-index:4;margin-top:-54px;padding-bottom:74px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-item{min-height:142px;display:flex;flex-direction:column;justify-content:center;padding:26px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.074),rgba(255,255,255,.03));box-shadow:var(--shadow-soft);backdrop-filter:blur(18px)}.stars{margin-bottom:10px;color:var(--gold-light);font-size:25px;font-weight:900;letter-spacing:.04em}.review-logo{max-width:120px;max-height:32px;object-fit:contain;margin-top:10px;filter:brightness(1.1)}
.section{padding:122px 0}.split-bg{background:radial-gradient(circle at 12% 0%,rgba(201,164,92,.11),transparent 31%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-block:1px solid rgba(255,255,255,.06)}.grid2{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}.align-start{align-items:start}.align-center{align-items:center}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;margin-bottom:56px}.premium-copy{padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.035);box-shadow:var(--shadow-soft)}.compact-copy{max-width:520px;padding:30px}.bullets{display:grid;gap:12px;margin-top:26px}.bullet{position:relative;padding:18px 20px 18px 46px;border:1px solid var(--line);border-radius:18px;color:var(--soft);background:rgba(255,255,255,.035);font-weight:700}.bullet:before{content:"";position:absolute;left:20px;top:50%;width:9px;height:9px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 22px rgba(231,202,120,.82);transform:translateY(-50%)}.center-btn{display:flex;justify-content:center;margin-top:42px}
.portrait-frame{overflow:hidden;border:1px solid var(--line-gold);border-radius:var(--radius-xl);background:rgba(255,255,255,.04);box-shadow:var(--shadow)}.portrait{width:100%;min-height:620px;object-fit:cover;object-position:center}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{min-height:350px;padding:36px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.022));box-shadow:var(--shadow-soft)}.card-number{display:inline-block;margin-bottom:70px;color:var(--gold-light);font-size:13px;font-weight:900;letter-spacing:.22em}.card h3,.book-preview-content h3,.book-detail-content h3,.package-card h3,.footer h3{margin-bottom:16px;color:var(--cream);font-size:28px;font-weight:850;line-height:1.04;letter-spacing:-.045em}
.book-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.book-preview-card{
overflow:hidden;
border:1px solid rgba(231,202,120,.32);
border-radius:34px;
background:
radial-gradient(circle at top,rgba(231,202,120,.10),transparent 36%),
linear-gradient(180deg,rgba(22,22,28,.98),rgba(10,10,14,.96));
box-shadow:
0 24px 70px rgba(0,0,0,.55),
0 0 0 1px rgba(255,255,255,.03) inset;
padding:24px;
transition:transform .35s ease, box-shadow .35s ease;
}
.book-preview-card:hover{
transform:translateY(-6px);
box-shadow:
0 32px 80px rgba(0,0,0,.68),
0 0 30px rgba(231,202,120,.16);
}
.book-preview-image{
position:relative;
overflow:hidden;
border-radius:28px;
padding:18px;
background:
linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
border:1px solid rgba(231,202,120,.20);
margin-bottom:26px;
}
.book-preview-image img{
width:100%;
height:auto;
display:block;
border-radius:22px;
object-fit:cover;
box-shadow:
0 16px 40px rgba(0,0,0,.45),
0 0 24px rgba(231,202,120,.12);
}
.book-preview-content{
padding:0 8px 10px;
text-align:left;
}.mini-label{margin-bottom:12px;color:var(--gold-light)!important;font-size:11px!important;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.book-detail-list{display:grid;gap:34px}.book-detail-card{display:grid;grid-template-columns:360px 1fr;overflow:hidden;border:1px solid var(--line-gold);border-radius:var(--radius-xl);background:radial-gradient(circle at 16% 0%,rgba(231,202,120,.10),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.022));box-shadow:var(--shadow-soft)}.book-cover{min-height:520px;display:flex;align-items:center;justify-content:center;padding:34px;background:rgba(0,0,0,.24);border-right:1px solid rgba(255,255,255,.08)}.book-cover img{width:100%;height:100%;max-height:460px;object-fit:contain;filter:drop-shadow(0 24px 50px rgba(0,0,0,.55))}.book-detail-content{padding:48px;display:flex;flex-direction:column;justify-content:center}.book-detail-content h3{font-size:clamp(34px,4vw,58px)}.book-benefit{margin-top:16px!important;color:var(--soft)!important;font-weight:800}.small-eyebrow{margin-bottom:18px;font-size:10px;letter-spacing:.22em}.small-eyebrow:before{width:28px}.book-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;margin-bottom:34px}.book-meta span{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.04);color:var(--soft);font-size:13px;font-weight:700}.book-buttons{display:flex;flex-wrap:wrap;gap:14px}.book-buttons .btn{min-width:210px}
.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.package-card{min-height:620px;display:flex;flex-direction:column;padding:34px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.022));box-shadow:var(--shadow-soft)}.package-card.featured{border-color:var(--line-gold)}.package-card span{width:fit-content;min-height:36px;display:inline-flex;align-items:center;margin-bottom:44px;padding:0 16px;border:1px solid rgba(231,202,120,.34);border-radius:999px;color:var(--gold-light);background:rgba(201,164,92,.08);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.package-card ul{display:grid;gap:13px;margin:30px 0 34px;padding:0;list-style:none}.package-card li{position:relative;padding-left:26px;color:var(--soft);font-size:15px;font-weight:700;line-height:1.48}.package-card li:before{content:"";position:absolute;left:0;top:.58em;width:8px;height:8px;border-radius:50%;background:var(--gold-light)}.package-card .btn{width:100%;margin-top:auto}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:start}.contact-panel,.contact-form{border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.022));box-shadow:var(--shadow-soft)}.contact-panel{padding:38px;position:sticky;top:118px}.contact-info-list{display:grid;gap:14px;margin-top:34px}.contact-info-list div{padding:20px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.035)}.contact-info-list span{display:block;margin-bottom:8px;color:var(--gold-light);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.contact-form{padding:38px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-field{display:grid;gap:10px;margin-bottom:18px}.form-field label{color:var(--soft);font-size:14px;font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:18px;outline:none;background:rgba(0,0,0,.26);color:var(--cream);font-family:inherit;font-size:16px}.form-field input,.form-field select{min-height:58px;padding:0 18px}.form-field textarea{min-height:176px;resize:vertical;padding:18px;line-height:1.65}.privacy-check{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin:8px 0 26px;color:var(--muted);font-size:14px;line-height:1.55}.privacy-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--gold)}.privacy-check a{color:var(--gold-light);font-weight:800}.form-submit{width:100%}.honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.legal-hero{padding:140px 0 80px;border-bottom:1px solid rgba(255,255,255,.08)}.legal-wrap{max-width:980px}.legal-card{padding:34px;margin-bottom:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.022));box-shadow:var(--shadow-soft)}.legal-card h2{margin-bottom:16px;color:var(--cream);font-size:30px;letter-spacing:-.04em}.legal-card p+p{margin-top:18px}.legal-notice{padding:24px;border:1px solid rgba(231,202,120,.34);border-radius:22px;color:var(--gold-light);background:rgba(201,164,92,.08);font-weight:800}
.cta{padding:122px 0}.cta-inner{text-align:center;padding:112px 42px;border:1px solid var(--line-gold);border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 0%,rgba(231,202,120,.24),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.074),rgba(255,255,255,.025));box-shadow:var(--shadow)}.cta .eyebrow{justify-content:center}.cta h2{margin-bottom:24px;font-size:clamp(42px,5.5vw,78px)}.cta p{max-width:560px;margin:0 auto 34px;color:var(--muted);font-size:18px;line-height:1.7}
.footer{padding:70px 0;border-top:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.24)}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .7fr;gap:70px}.logo-mark{width:54px;height:54px;object-fit:contain;margin-bottom:20px}.footer h4{margin-bottom:18px;color:var(--cream);font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.footer a{display:block;margin-bottom:12px;color:var(--muted);font-weight:650}.footer a:hover{color:var(--gold-light)}
@media(max-width:1180px){.book-preview-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.book-detail-card{grid-template-columns:300px 1fr}.hero-split{grid-template-columns:1fr}.hero-portrait{display:none}}@media(max-width:980px){.grid2,.section-head,.contact-grid,.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.contact-panel{position:static}.book-detail-card{grid-template-columns:1fr}.book-cover{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}}@media(max-width:920px){.hamb{display:inline-flex;align-items:center;justify-content:center}.menu{position:absolute;top:88px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(8,8,8,.96);box-shadow:var(--shadow);backdrop-filter:blur(24px)}.nav.open .menu{display:flex}.menu a{padding:16px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.menu .nav-cta{margin-top:10px;min-height:52px}.section,.cta{padding:88px 0}.hero{min-height:auto;padding:104px 0 132px}.footer-grid{gap:42px}}@media(max-width:680px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.nav-inner{min-height:76px}.brand img{width:40px;height:40px}.brand strong{font-size:18px}.brand span{display:none}.menu{top:76px;left:14px;right:14px}.hero{padding:86px 0 116px}.h1{font-size:clamp(44px,12vw,66px);letter-spacing:-.064em}.section-title{font-size:clamp(36px,11vw,54px)}.lead{font-size:18px}.btns,.btn{width:100%}.benefit-row span{width:100%;text-align:center}.trust{margin-top:-42px;padding-bottom:54px}.trust-grid,.book-preview-grid,.package-grid{grid-template-columns:1fr}.premium-copy,.card,.cta-inner,.contact-panel,.contact-form,.legal-card,.book-detail-content,.package-card{padding:28px}.portrait{min-height:390px}.portrait-frame,.cta-inner,.contact-panel,.contact-form{border-radius:28px}.book-cover{min-height:420px;padding:24px}.book-cover img{max-height:360px}.book-preview-image{height:300px}.form-row{grid-template-columns:1fr;gap:0}}


/* =========================================================
   Video Fix: no image flash, better wolf visibility
   ========================================================= */

.hero {
  background:
    radial-gradient(circle at 70% 25%, rgba(201,164,92,.10), transparent 34%),
    linear-gradient(135deg, #050505 0%, #111111 55%, #050505 100%);
}

.hero-video {
  background: #050505;
  opacity: .88;
  filter: saturate(1.05) contrast(1.08) brightness(.98);
  object-position: center center;
}

.hero-overlay {
  background:
    radial-gradient(circle at 68% 24%, rgba(201,164,92,.08), transparent 34%),
    linear-gradient(90deg, rgba(5,5,5,.72) 0%, rgba(5,5,5,.42) 42%, rgba(5,5,5,.08) 100%),
    linear-gradient(180deg, rgba(5,5,5,.02) 0%, rgba(5,5,5,.54) 100%);
}

/* Unterseiten: Wolfkopf besser sichtbar halten */
body.page-about .hero-video {
  object-position: center 32%;
  opacity: .92;
}

body.page-books .hero-video {
  object-position: center 38%;
  opacity: .88;
}

body.page-packages .hero-video {
  object-position: center 34%;
  opacity: .90;
}

body.page-contact .hero-video {
  object-position: center 36%;
  opacity: .90;
}

body.page-thanks .hero-video {
  object-position: center 36%;
  opacity: .90;
}

/* Auf kleineren Screens weniger Zoomgefühl */
@media (max-width: 920px) {
  .hero-video {
    object-position: center 34%;
  }

  body.page-about .hero-video,
  body.page-books .hero-video,
  body.page-packages .hero-video,
  body.page-contact .hero-video {
    object-position: center 28%;
  }

  .hero-overlay {
    background:
      radial-gradient(circle at 68% 20%, rgba(201,164,92,.06), transparent 34%),
      linear-gradient(90deg, rgba(5,5,5,.76) 0%, rgba(5,5,5,.50) 52%, rgba(5,5,5,.22) 100%),
      linear-gradient(180deg, rgba(5,5,5,.02) 0%, rgba(5,5,5,.62) 100%);
  }
}



/* =========================================================
   Bewertung & Shop-Link Upgrade
   ========================================================= */

.stars {
  color: #ffd86b;
  background: linear-gradient(92deg, #fff6b8 0%, #ffd86b 28%, #c9962f 54%, #fff0a6 76%, #a86f16 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow:
    0 0 12px rgba(255, 216, 107, .34),
    0 0 26px rgba(201, 164, 92, .22);
  filter: drop-shadow(0 0 10px rgba(231,202,120,.18));
}

.trust-item p {
  color: var(--soft);
  font-weight: 850;
}

.book-buttons a[href="#"] {
  pointer-events: none;
  opacity: .45;
}


/* =========================================================
   Premium Polish Upgrade: Buttons, Images, Typography
   ========================================================= */

.h1, .section-title {
  text-shadow:
    0 1px 0 rgba(255,255,255,.05),
    0 28px 80px rgba(0,0,0,.42);
}

.h1 span,
.section-title span {
  background: linear-gradient(92deg, #fff4b0 0%, #e7ca78 34%, #c9a45c 62%, #fff0a6 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 18px rgba(231,202,120,.18));
}

.lead {
  color: rgba(245,241,234,.84);
  text-shadow: 0 18px 60px rgba(0,0,0,.46);
}

.btn {
  position: relative;
  overflow: hidden;
  letter-spacing: .015em;
}

.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transition: transform .62s ease;
}

.btn:hover::after {
  transform: translateX(120%);
}

.btn.primary {
  background:
    linear-gradient(135deg, #fff0a6 0%, #e7ca78 28%, #c9a45c 56%, #8d6628 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 22px 70px rgba(201,164,92,.34),
    0 0 0 1px rgba(255,255,255,.16);
}

.btn.primary:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 32px 90px rgba(231,202,120,.42),
    0 0 0 1px rgba(255,255,255,.22);
}

.btn.secondary {
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
  border-color: rgba(231,202,120,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 18px 58px rgba(0,0,0,.34);
}

.btn.secondary:hover {
  border-color: rgba(231,202,120,.64);
  background: rgba(201,164,92,.11);
}

.portrait-frame,
.hero-portrait,
.book-preview-card,
.book-detail-card,
.package-card,
.card,
.contact-panel,
.contact-form,
.legal-card {
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.portrait-frame img,
.hero-portrait img {
  filter: contrast(1.04) saturate(1.02) brightness(.98);
}

.book-preview-image img,
.book-cover img {
  transition: transform .34s ease, filter .34s ease;
}

.book-preview-card:hover .book-preview-image img,
.book-detail-card:hover .book-cover img {
  transform: scale(1.035);
  filter:
    drop-shadow(0 26px 60px rgba(0,0,0,.62))
    brightness(1.04)
    contrast(1.03);
}

.book-preview-card,
.book-detail-card,
.package-card,
.card {
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

.book-preview-card:hover,
.book-detail-card:hover,
.package-card:hover,
.card:hover {
  transform: translateY(-5px);
  border-color: rgba(231,202,120,.34);
  box-shadow:
    0 36px 110px rgba(0,0,0,.50),
    0 0 0 1px rgba(231,202,120,.06),
    inset 0 1px 0 rgba(255,255,255,.08);
}

.book-detail-content h3,
.book-preview-content h3,
.package-card h3,
.card h3 {
  text-shadow: 0 18px 55px rgba(0,0,0,.42);
}

.eyebrow {
  text-shadow: 0 0 18px rgba(231,202,120,.16);
}

.mini-label,
.book-benefit,
.strong-line {
  color: #e7ca78 !important;
}

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
  border-color: rgba(231,202,120,.72);
  box-shadow:
    0 0 0 4px rgba(201,164,92,.13),
    0 18px 60px rgba(0,0,0,.28);
}



/* =========================================================
   Premium Logo Upgrade
   ========================================================= */

.brand {
  position: relative;
  padding: 7px 12px 7px 7px;
  border: 1px solid rgba(231,202,120,.18);
  border-radius: 999px;
  background:
    radial-gradient(circle at 18% 20%, rgba(231,202,120,.16), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow:
    0 16px 48px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08);
  transition:
    transform .24s ease,
    border-color .24s ease,
    box-shadow .24s ease,
    background .24s ease;
}

.brand:hover {
  transform: translateY(-1px);
  border-color: rgba(231,202,120,.42);
  box-shadow:
    0 22px 70px rgba(0,0,0,.38),
    0 0 34px rgba(231,202,120,.10),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.brand img {
  width: 58px !important;
  height: 58px !important;
  padding: 4px;
  border: 1px solid rgba(231,202,120,.28);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.20), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035));
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05),
    0 12px 34px rgba(0,0,0,.44),
    0 0 28px rgba(231,202,120,.16);
  object-fit: contain;
}

.brand strong {
  font-size: 21px !important;
  background: linear-gradient(92deg, #ffffff 0%, #f5f1ea 42%, #e7ca78 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: 0 18px 55px rgba(0,0,0,.42);
}

.brand span {
  color: #e7ca78 !important;
  opacity: .96;
  text-shadow: 0 0 16px rgba(231,202,120,.18);
}

/* Footer logo as premium brand mark */
.logo-mark {
  width: 76px !important;
  height: 76px !important;
  padding: 7px;
  border: 1px solid rgba(231,202,120,.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 30% 20%, rgba(231,202,120,.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  box-shadow:
    0 24px 70px rgba(0,0,0,.38),
    0 0 34px rgba(231,202,120,.12),
    inset 0 1px 0 rgba(255,255,255,.10);
  object-fit: contain;
}

.footer h3 {
  display: inline-block;
  margin-top: 8px;
  background: linear-gradient(92deg, #ffffff 0%, #f5f1ea 48%, #e7ca78 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

@media (max-width: 680px) {
  .brand {
    padding: 5px;
  }

  .brand img {
    width: 48px !important;
    height: 48px !important;
  }

  .brand strong {
    font-size: 18px !important;
  }

  .logo-mark {
    width: 64px !important;
    height: 64px !important;
    border-radius: 20px;
  }
}



/* =========================================================
   Mobile & SEO Premium Upgrade
   ========================================================= */

html {
  scroll-behavior: smooth;
}

img {
  max-width: 100%;
  height: auto;
}

.hero,
.section,
.footer,
.card,
.package-card,
.book-detail-card,
.book-preview-card {
  will-change: transform;
}

.hero-content,
.section-title,
.lead {
  text-wrap: balance;
}

@media (max-width: 980px) {

  .hero {
    min-height: 88vh;
    padding-top: 120px;
  }

  .hero-content {
    text-align: left;
    align-items: flex-start;
  }

  .h1 {
    font-size: clamp(42px, 10vw, 68px);
    line-height: .94;
  }

  .lead {
    font-size: 17px;
    line-height: 1.75;
  }

  .btns {
    flex-direction: column;
    width: 100%;
  }

  .btn {
    width: 100%;
    justify-content: center;
    min-height: 58px;
  }

  .grid2,
  .books-grid,
  .premium-books-grid,
  .packages-grid,
  .book-preview-grid,
  .cards {
    grid-template-columns: 1fr !important;
  }

  .book-preview-grid {
    gap: 24px;
  }

  .book-preview-card,
  .book-detail-card,
  .package-card,
  .card {
    width: 100%;
  }

  .hero-video {
    object-position: center 30%;
  }

  .menu {
    padding: 24px;
    gap: 18px;
  }

  .menu a {
    font-size: 18px;
    padding: 14px 0;
  }

  .contact-form,
  .contact-panel {
    padding: 28px;
  }

  .form-field input,
  .form-field textarea,
  .form-field select {
    font-size: 16px;
  }

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

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

@media (max-width: 640px) {

  .section {
    padding: 84px 0;
  }

  .wrap {
    width: min(92%, 1200px);
  }

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

  .h1 {
    font-size: clamp(38px, 12vw, 58px);
  }

  .section-title {
    font-size: clamp(32px, 9vw, 48px);
  }
}



/* =========================================================
   Kontaktseite: Wolfvideo vollständig sichtbarer
   ========================================================= */

body.page-contact .hero {
  background:
    radial-gradient(circle at 50% 26%, rgba(201,164,92,.08), transparent 34%),
    linear-gradient(135deg, #050505 0%, #101010 55%, #050505 100%);
}

body.page-contact .hero-video {
  object-fit: contain;
  object-position: center center;
  background: #050505;
  opacity: .94;
  filter: saturate(1.06) contrast(1.08) brightness(.94);
}

body.page-contact .hero-overlay {
  background:
    radial-gradient(circle at 50% 24%, rgba(201,164,92,.06), transparent 36%),
    linear-gradient(90deg, rgba(5,5,5,.70) 0%, rgba(5,5,5,.38) 48%, rgba(5,5,5,.18) 100%),
    linear-gradient(180deg, rgba(5,5,5,.05) 0%, rgba(5,5,5,.56) 100%);
}

@media (max-width: 920px) {
  body.page-contact .hero-video {
    object-fit: contain;
    object-position: center center;
  }

  body.page-contact .hero {
    min-height: 86vh;
  }
}





body.page-books .hero-video {
  object-fit: cover;
  object-position: center 34%;
  opacity: .90;
  filter: contrast(1.06) saturate(1.05) brightness(.94);
}



/* =========================================================
   Unified Premium Video System
   ========================================================= */

.hero,
.sub-hero,
.page-hero {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 65% 24%, rgba(201,164,92,.08), transparent 34%),
    linear-gradient(135deg, #050505 0%, #101010 55%, #050505 100%);
}

.hero-video,
.hero video,
.sub-hero video,
.page-hero video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: .90;
  filter:
    contrast(1.08)
    saturate(1.05)
    brightness(.96);
  background: #050505;
  transform: scale(1.02);
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 65% 22%, rgba(201,164,92,.08), transparent 34%),
    linear-gradient(90deg, rgba(5,5,5,.72) 0%, rgba(5,5,5,.44) 48%, rgba(5,5,5,.14) 100%),
    linear-gradient(180deg, rgba(5,5,5,.04) 0%, rgba(5,5,5,.58) 100%);
}

body.page-about .hero-video,
body.page-books .hero-video,
body.page-packages .hero-video,
body.page-contact .hero-video,
body.page-home .hero-video {
  object-fit: cover !important;
  object-position: center center !important;
  opacity: .90;
}

@media (max-width: 980px) {

  .hero,
  .sub-hero,
  .page-hero {
    min-height: 92vh;
  }

  .hero-video,
  .hero video,
  .sub-hero video,
  .page-hero video {
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.01);
  }

  .hero-overlay {
    background:
      radial-gradient(circle at 60% 18%, rgba(201,164,92,.06), transparent 32%),
      linear-gradient(90deg, rgba(5,5,5,.76) 0%, rgba(5,5,5,.50) 54%, rgba(5,5,5,.22) 100%),
      linear-gradient(180deg, rgba(5,5,5,.05) 0%, rgba(5,5,5,.64) 100%);
  }
}



/* =========================================================
   Ultimate Executive Premium Upgrade
   ========================================================= */

:root{
  --gold-soft:#d6b36a;
  --gold-bright:#f0d38b;
  --surface-premium:rgba(255,255,255,.045);
}

body{
  letter-spacing:.01em;
}

.section,
.hero,
.footer{
  position:relative;
}

.section{
  padding:110px 0;
}

.section-title{
  max-width:900px;
  line-height:1.02;
  letter-spacing:-.03em;
}

.lead{
  max-width:760px;
  font-size:1.08rem;
  line-height:1.9;
  color:rgba(255,255,255,.82);
}

.card,
.package-card,
.book-detail-card,
.book-preview-card,
.contact-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
  border:1px solid rgba(214,179,106,.14);
  backdrop-filter:blur(16px);
  box-shadow:
    0 28px 90px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05);
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;
}

.card:hover,
.package-card:hover,
.book-detail-card:hover,
.book-preview-card:hover{
  transform:translateY(-4px);
  border-color:rgba(214,179,106,.34);
  box-shadow:
    0 36px 110px rgba(0,0,0,.42),
    0 0 36px rgba(214,179,106,.08);
}

.btn{
  min-height:56px;
  font-weight:600;
  letter-spacing:.03em;
  border-radius:18px;
  transition:all .3s ease;
}

.btn-primary{
  background:linear-gradient(135deg,#f0d38b 0%, #d6b36a 100%);
  color:#111;
  box-shadow:
    0 18px 44px rgba(214,179,106,.24),
    inset 0 1px 0 rgba(255,255,255,.45);
}

.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:
    0 24px 64px rgba(214,179,106,.34),
    0 0 24px rgba(240,211,139,.22);
}

.executive-section{
  position:relative;
  padding:120px 0;
}

.executive-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:72px;
  align-items:center;
}

.executive-image-card{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(214,179,106,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  box-shadow:
    0 40px 120px rgba(0,0,0,.44),
    0 0 60px rgba(214,179,106,.08);
}

.executive-image-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.executive-copy .eyebrow{
  display:inline-flex;
  margin-bottom:18px;
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(214,179,106,.22);
  background:rgba(214,179,106,.06);
  color:var(--gold-bright);
  font-size:.82rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.executive-points{
  display:grid;
  gap:16px;
  margin-top:34px;
}

.executive-point{
  padding:18px 22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  color:rgba(255,255,255,.86);
  font-weight:500;
}

.hero-overlay{
  backdrop-filter:blur(1px);
}

.nav a{
  font-weight:500;
  letter-spacing:.03em;
}

@media(max-width:980px){

  .executive-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .executive-section{
    padding:90px 0;
  }

  .section{
    padding:84px 0;
  }

  .lead{
    font-size:1rem;
    line-height:1.8;
  }
}



/* =========================================================
   Feinschliff: LinkedIn, Beliebt-Badges, mobile Buchbuttons
   ========================================================= */

.linkedin-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border: 1px solid rgba(10,102,194,.50);
  border-radius: 999px;
  color: #f5f1ea !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(10,102,194,.30), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.030));
  box-shadow: 0 14px 40px rgba(10,102,194,.15), inset 0 1px 0 rgba(255,255,255,.10);
  font-weight: 850;
}
.linkedin-btn:hover {
  border-color: rgba(10,102,194,.86);
  box-shadow: 0 22px 58px rgba(10,102,194,.24), 0 0 26px rgba(10,102,194,.12);
}

.book-preview-image,
.book-cover {
  position: relative;
}

.book-badge {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 5;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 999px;
  color: #080808;
  background: linear-gradient(135deg, #fff4b0 0%, #e7ca78 38%, #c9a45c 100%);
  box-shadow: 0 14px 38px rgba(201,164,92,.36), inset 0 1px 0 rgba(255,255,255,.58);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.preview-badge {
  top: 18px;
  right: 18px;
}

.book-buttons {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.book-buttons .btn {
  width: 100%;
  min-width: 0 !important;
  text-align: center;
  justify-content: center;
  white-space: normal;
  line-height: 1.15;
  padding-left: 18px;
  padding-right: 18px;
}

@media (max-width: 760px) {
  .book-buttons {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .book-buttons .btn {
    min-height: 58px;
    font-size: 14px;
  }
  .book-badge {
    top: 16px;
    right: 16px;
    min-height: 34px;
    padding: 0 14px;
    font-size: 11px;
  }
  .linkedin-btn {
    width: 100%;
    min-height: 52px;
    margin-top: 10px;
  }
}


/* =========================================================
   Fix: Mobile Buchbuttons & LinkedIn nur auf Kontaktseite
   ========================================================= */

/* LinkedIn erscheint nicht mehr in der Navigation */
.menu .linkedin-btn {
  display: none !important;
}

/* Kontaktseite: hochwertiger LinkedIn-Bildbutton */
.linkedin-contact-card {
  display: grid;
  gap: 12px;
}

.linkedin-contact-card > span {
  display: block;
  margin-bottom: 2px;
  color: var(--gold-light);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.linkedin-image-button {
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  border-radius: 20px;
  border: 1px solid rgba(10,102,194,.44);
  background:
    radial-gradient(circle at 18% 0%, rgba(10,102,194,.30), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.030));
  box-shadow:
    0 20px 60px rgba(10,102,194,.16),
    inset 0 1px 0 rgba(255,255,255,.10);
  transition:
    transform .26s ease,
    border-color .26s ease,
    box-shadow .26s ease;
}

.linkedin-image-button:hover {
  transform: translateY(-2px);
  border-color: rgba(10,102,194,.78);
  box-shadow:
    0 28px 78px rgba(10,102,194,.24),
    0 0 34px rgba(10,102,194,.12),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.linkedin-image-button img {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  box-shadow: 0 10px 28px rgba(10,102,194,.28);
}

.linkedin-image-button strong {
  color: var(--cream);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.2;
}

/* Bücherseite: Button-Zeile exakt gleichmäßig, besonders bei TEAMKOMPETENZ */
.book-buttons {
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 14px !important;
}

.book-buttons .btn {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 62px !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  line-height: 1.18 !important;
  padding: 14px 18px !important;
}

/* Lange Hugendubel-Zeilen werden mobil sauber */
@media (max-width: 760px) {
  .book-buttons {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .book-buttons .btn {
    min-height: 60px !important;
    height: auto !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    border-radius: 18px !important;
  }

  .book-detail-content {
    display: flex;
    flex-direction: column;
  }

  .book-meta {
    margin-bottom: 26px !important;
  }

  .linkedin-image-button {
    width: 100%;
    min-height: 64px;
  }

  .linkedin-image-button img {
    width: 36px;
    height: 36px;
  }
}

/* Desktop bleibt edel und exakt ausgerichtet */
@media (min-width: 761px) {
  .book-detail-content {
    display: flex;
    flex-direction: column;
  }

  .book-buttons {
    margin-top: auto;
  }
}



/* =========================================================
   FINAL MOBILE FIX: Bücherseite
   ========================================================= */

/* Desktop bleibt edel, Mobile wird klar und exakt */
body.page-books .book-detail-list {
  display: grid;
  gap: 34px;
}

body.page-books .book-detail-card {
  min-width: 0;
}

body.page-books .book-cover {
  position: relative;
}

body.page-books .book-detail-content {
  min-width: 0;
}

@media (max-width: 820px) {

  body.page-books .hero.sub-hero {
    min-height: 82vh;
    padding-top: 96px;
    padding-bottom: 84px;
  }

  body.page-books .hero-content {
    max-width: 100%;
  }

  body.page-books .h1 {
    font-size: clamp(38px, 11vw, 58px);
    line-height: .96;
    letter-spacing: -.052em;
  }

  body.page-books .lead {
    max-width: 100%;
    font-size: 17px;
    line-height: 1.72;
  }

  body.page-books .section {
    padding: 78px 0;
  }

  body.page-books .section-head {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-bottom: 36px !important;
  }

  body.page-books .section-title {
    font-size: clamp(34px, 10vw, 50px);
    line-height: 1;
  }

  body.page-books .compact-copy,
  body.page-books .premium-copy {
    max-width: 100% !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  body.page-books .book-detail-list {
    gap: 28px !important;
  }

  body.page-books .book-detail-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    width: 100% !important;
  }

  body.page-books .book-cover {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 24px 22px 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(231,202,120,.08), transparent 42%),
      rgba(0,0,0,.26) !important;
  }

  body.page-books .book-cover img {
    width: 100% !important;
    max-width: 270px !important;
    height: auto !important;
    max-height: 380px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  body.page-books .book-detail-content {
    width: 100% !important;
    padding: 26px 22px 24px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body.page-books .book-detail-content h3 {
    font-size: clamp(28px, 8.5vw, 38px) !important;
    line-height: 1.02 !important;
    margin-bottom: 14px !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.page-books .book-detail-content p {
    font-size: 16px !important;
    line-height: 1.68 !important;
  }

  body.page-books .small-eyebrow {
    font-size: 10px !important;
    letter-spacing: .16em !important;
    margin-bottom: 14px !important;
  }

  body.page-books .book-benefit {
    margin-top: 14px !important;
  }

  body.page-books .book-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 22px 0 22px !important;
  }

  body.page-books .book-meta span {
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  body.page-books .book-buttons {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 2px !important;
  }

  body.page-books .book-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: auto !important;
    padding: 14px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    border-radius: 18px !important;
    font-size: 14px !important;
  }

  body.page-books .book-badge {
    top: 16px !important;
    right: 16px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 10px !important;
    letter-spacing: .09em !important;
    z-index: 8 !important;
  }

  body.page-books .cta {
    padding: 78px 0 !important;
  }

  body.page-books .cta-inner {
    padding: 58px 24px !important;
    border-radius: 28px !important;
  }
}

@media (max-width: 420px) {

  body.page-books .wrap {
    width: calc(100% - 28px) !important;
  }

  body.page-books .book-cover {
    padding: 22px 16px 18px !important;
  }

  body.page-books .book-cover img {
    max-width: 245px !important;
    max-height: 350px !important;
  }

  body.page-books .book-detail-content {
    padding: 24px 18px 22px !important;
  }

  body.page-books .book-detail-content h3 {
    font-size: 30px !important;
  }

  body.page-books .book-buttons .btn {
    min-height: 56px !important;
    font-size: 13.5px !important;
  }
}



/* =========================================
   ULTRA MOBILE BOOK FIX
   ========================================= */

@media (max-width: 820px){

  body.page-books{
    overflow-x:hidden !important;
  }

  body.page-books .book-detail-card,
  body.page-books .book-detail-content,
  body.page-books .book-cover,
  body.page-books .section,
  body.page-books .wrap{
    max-width:100% !important;
    overflow:hidden !important;
  }

  body.page-books .book-cover{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px 14px 18px !important;
  }

  body.page-books .book-cover img{
    display:block !important;
    width:100% !important;
    max-width:240px !important;
    height:auto !important;
    margin:0 auto !important;
    transform:none !important;
  }

  body.page-books .book-badge{
    left:14px !important;
    right:auto !important;
    top:14px !important;
    z-index:50 !important;
  }

  body.page-books .book-detail-content{
    padding:24px 18px !important;
  }

  body.page-books .book-detail-content h3{
    font-size:32px !important;
    line-height:1.15 !important;
    letter-spacing:-0.03em !important;
    word-break:normal !important;
  }

  body.page-books .book-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  body.page-books .book-meta span{
    flex:0 0 auto !important;
    max-width:100% !important;
  }

  body.page-books .book-buttons{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  body.page-books .book-buttons .btn{
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.page-books .book-buttons .btn span{
    width:100% !important;
    text-align:center !important;
  }

  body.page-books .small-eyebrow{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  body.page-books .compact-copy,
  body.page-books .premium-copy{
    backdrop-filter:none !important;
  }

}

@media (max-width: 480px){

  body.page-books .book-detail-card{
    border-radius:22px !important;
  }

  body.page-books .book-cover img{
    max-width:220px !important;
  }

  body.page-books .book-detail-content h3{
    font-size:28px !important;
  }

  body.page-books .book-buttons .btn{
    padding:16px 14px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

}



/* =========================================
   REAL MOBILE FIX WITHOUT BODY CLASS
   ========================================= */

@media screen and (max-width: 820px){

  html, body{
    overflow-x:hidden !important;
    width:100% !important;
  }

  .book-detail-card,
  .book-detail-content,
  .book-cover,
  .books-grid,
  .books-section,
  .book-card{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  .book-cover{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:18px !important;
  }

  .book-cover img,
  .book-card img{
    width:100% !important;
    max-width:240px !important;
    height:auto !important;
    margin:0 auto !important;
    display:block !important;
    object-fit:contain !important;
  }

  .book-badge{
    position:absolute !important;
    left:12px !important;
    top:12px !important;
    z-index:99 !important;
  }

  .book-detail-content{
    padding:22px 18px !important;
  }

  .book-detail-content h2,
  .book-detail-content h3{
    font-size: clamp(28px, 8vw, 42px) !important;
    line-height:1.08 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }

  .book-buttons,
  .button-group{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
  }

  .book-buttons a,
  .book-buttons .btn,
  .button-group a,
  .button-group .btn{
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    justify-content:center !important;
    text-align:center !important;
    padding:18px 14px !important;
  }

  .book-meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
  }

  .book-meta span{
    max-width:100% !important;
  }

}



/* =========================================================
   ABSOLUTE FINAL MOBILE BOOK PAGE FIX
   erzwingt saubere Darstellung auf Smartphone-Browsern
   ========================================================= */

@media screen and (max-width: 900px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    position: relative !important;
  }

  .wrap {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  .book-detail-list {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    overflow: visible !important;
  }

  .book-detail-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    margin: 0 auto !important;
  }

  .book-cover {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px 16px 18px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .book-cover img {
    width: auto !important;
    height: auto !important;
    max-width: min(250px, 82vw) !important;
    max-height: 370px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
    transform: none !important;
  }

  .book-badge {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    z-index: 20 !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .book-detail-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 24px 18px 24px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .book-detail-content h3 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(28px, 8vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
  }

  .book-detail-content p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.68 !important;
    overflow-wrap: break-word !important;
  }

  .small-eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    letter-spacing: .14em !important;
    overflow-wrap: break-word !important;
  }

  .book-meta {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 22px 0 22px !important;
    overflow: visible !important;
  }

  .book-meta span {
    max-width: 100% !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    white-space: normal !important;
  }

  .book-buttons {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    align-items: stretch !important;
    margin-top: 6px !important;
    overflow: hidden !important;
  }

  .book-buttons .btn,
  .book-buttons a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 58px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 15px 14px !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    overflow: hidden !important;
  }
}

@media screen and (max-width: 390px) {
  .book-cover img {
    max-width: min(225px, 80vw) !important;
    max-height: 340px !important;
  }

  .book-detail-content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .book-detail-content h3 {
    font-size: 27px !important;
  }
}



/* =========================================================
   Premium Feinschliff: Schrift, Abstände, Farben
   ========================================================= */

:root {
  --cream: #f3eee6;
  --soft: #d4cbbd;
  --muted: #a69d90;
  --gold: #b9934e;
  --gold-light: #dfc070;
  --gold-dark: #7d5c26;
}

/* Weniger grell, mehr Executive-Ruhe */
body {
  background:
    radial-gradient(circle at 14% 0%, rgba(185,147,78,.10), transparent 28%),
    radial-gradient(circle at 88% 8%, rgba(255,255,255,.045), transparent 24%),
    linear-gradient(180deg,#050505 0%,#090909 50%,#050505 100%);
  letter-spacing: -0.005em;
}

/* Überschriften edler, weniger massiv */
.h1,
.section-title,
.cta h2 {
  letter-spacing: -0.052em;
  line-height: .99;
  text-shadow:
    0 1px 0 rgba(255,255,255,.045),
    0 28px 80px rgba(0,0,0,.40);
}

.h1 {
  max-width: 1050px;
}

.section-title {
  max-width: 860px;
}

/* Fließtext luftiger und seriöser */
.lead,
.text p,
.card p,
.book-detail-content p,
.package-card p,
.contact-panel p {
  color: rgba(243,238,230,.72);
}

.lead {
  line-height: 1.82;
}

.text p,
.book-detail-content p,
.package-card p {
  line-height: 1.82;
}

/* Mehr Premium-Abstand zwischen großen Bereichen */
.section {
  padding-top: 132px;
  padding-bottom: 132px;
}

.section-head {
  margin-bottom: 66px;
}

/* Cards ruhiger, weniger Glow */
.card,
.package-card,
.book-detail-card,
.book-preview-card,
.premium-copy,
.contact-panel,
.contact-form {
  border-color: rgba(223,192,112,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.052), rgba(255,255,255,.020));
  box-shadow:
    0 26px 86px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.055);
}

/* Gold dezenter und hochwertiger */
.eyebrow,
.mini-label,
.book-benefit,
.strong-line {
  color: #dfc070 !important;
}

.btn.primary {
  background:
    linear-gradient(135deg, #f1daa0 0%, #d6b36a 42%, #a57a34 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.50),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 20px 60px rgba(185,147,78,.26);
}

.btn.secondary {
  border-color: rgba(223,192,112,.22);
  background:
    linear-gradient(180deg, rgba(255,255,255,.060), rgba(255,255,255,.025));
}

/* Navigation ruhiger und hochwertiger */
.nav {
  background: rgba(5,5,5,.82);
}

.menu a {
  letter-spacing: .015em;
}

/* Mobile: weniger gedrängt */
@media (max-width: 760px) {
  .section {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section-head {
    margin-bottom: 42px;
  }

  .h1 {
    line-height: .98;
    letter-spacing: -.055em;
  }

  .lead {
    line-height: 1.74;
  }

  .premium-copy,
  .card,
  .package-card,
  .contact-form,
  .contact-panel {
    padding: 26px !important;
  }
}



/* SEO Themenwelten — passend zum bestehenden Premium-Stil */
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.topic-card{position:relative;min-height:280px;padding:30px;border:1px solid rgba(223,192,112,.16);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.020));box-shadow:0 26px 86px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden;transition:.32s}
.topic-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(231,202,120,.16),transparent 34%);pointer-events:none}
.topic-card:hover{transform:translateY(-5px);border-color:rgba(231,202,120,.34);box-shadow:0 36px 110px rgba(0,0,0,.42),0 0 36px rgba(214,179,106,.08)}
.topic-card > *{position:relative;z-index:2}
.topic-card h3{margin:14px 0 14px;color:var(--cream);font-size:28px;line-height:1.05;letter-spacing:-.035em}
.topic-card p{color:rgba(243,238,230,.72);font-size:16px;line-height:1.7}
.topic-card .mini-label{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.topic-card a{display:inline-flex;margin-top:22px;color:var(--gold-light);font-weight:900}
.seo-content{display:grid;grid-template-columns:1.05fr .72fr;gap:48px;align-items:start}
.seo-panel{padding:34px;border:1px solid rgba(223,192,112,.16);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.020));box-shadow:0 26px 86px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)}
.seo-panel h2{margin-bottom:20px;color:var(--cream);font-size:clamp(30px,3.4vw,46px);line-height:1.02;letter-spacing:-.04em}
.seo-panel h3{margin:28px 0 12px;color:var(--cream);font-size:24px;line-height:1.15}
.seo-panel p,.seo-panel li{color:rgba(243,238,230,.72);font-size:17px;line-height:1.82}
.seo-panel ul{display:grid;gap:12px;margin:18px 0 0;padding-left:20px}
.seo-aside{position:sticky;top:112px;display:grid;gap:18px}
.seo-aside img,.seo-aside video{border-radius:var(--radius-lg);border:1px solid rgba(223,192,112,.16);box-shadow:var(--shadow-soft);overflow:hidden}
.keyword-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.keyword-pills span{padding:10px 13px;border:1px solid rgba(231,202,120,.22);border-radius:999px;background:rgba(201,164,92,.07);color:var(--soft);font-size:12px;font-weight:850}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.related-grid a{padding:22px;border:1px solid rgba(223,192,112,.16);border-radius:22px;background:rgba(255,255,255,.035);color:var(--soft);font-weight:850;line-height:1.35;transition:.25s}
.related-grid a:hover{color:var(--gold-light);transform:translateY(-3px);border-color:rgba(231,202,120,.34)}
body.page-topic .hero-video{opacity:.88;filter:contrast(1.06) saturate(1.05) brightness(.88)}
body.page-topic .hero.sub-hero{min-height:72vh}
@media(max-width:980px){.topic-grid{grid-template-columns:1fr}.seo-content{grid-template-columns:1fr}.seo-aside{position:relative;top:auto}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.related-grid{grid-template-columns:1fr}.topic-card,.seo-panel{padding:24px}}




@media(max-width:620px){
.topic-grid{grid-template-columns:1fr}
}











/* VERIFIED FINAL: Themenwelten kompakt in 5er-Reihen */
.topic-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

.topic-card{
  min-height:205px !important;
  height:100% !important;
  padding:16px !important;
  border-radius:18px !important;
}

.topic-card h3{
  font-size:clamp(15px,1vw,20px) !important;
  line-height:1.08 !important;
  margin:9px 0 10px !important;
}

.topic-card p{
  font-size:12.5px !important;
  line-height:1.42 !important;
}

.topic-card a{
  margin-top:10px !important;
  font-size:12.5px !important;
}

.topic-card .mini-label{
  font-size:8.5px !important;
  letter-spacing:.12em !important;
}

/* Breiter nur auf der Startseite, damit 5 Karten sauber Platz haben */
#themen .wrap{
  width:min(calc(100% - 40px),1500px) !important;
}

/* Auch auf der Themen-Unterseite 5er-Reihe sauber halten */
body.page-topic .topic-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

/* Erst unterhalb von 1100px umbrechen */
@media(max-width:1099px){
  .topic-grid,
  body.page-topic .topic-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:820px){
  .topic-grid,
  body.page-topic .topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  .topic-grid,
  body.page-topic .topic-grid{
    grid-template-columns:1fr !important;
  }
}




/* Startseite: nur TEAMKOMPETENZ als einzelnes Buch hervorheben */
.page-home .book-preview-grid{
  grid-template-columns:minmax(280px,520px) !important;
  justify-content:center !important;
}

.page-home .book-preview-card{
  max-width:520px !important;
  margin-inline:auto !important;
}


/* DACH SEO + MOBILE OPTIMIZATION */
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}

img{
  max-width:100%;
  height:auto;
}

.hero-content,
.wrap{
  width:min(calc(100% - 32px), 1480px) !important;
}

.hero .h1{
  text-wrap:balance;
}

.hero .lead{
  max-width:760px;
}

.topic-card,
.book-preview-card,
.offer-card,
.card{
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

/* bessere mobile performance */
.hero-video{
  will-change:transform;
  transform:translateZ(0);
}

/* mobile navigation */
@media(max-width:980px){

  .nav{
    padding:14px 18px !important;
  }

  .nav-links{
    gap:14px !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
  }

  .hero{
    min-height:auto !important;
    padding:120px 0 70px !important;
  }

  .hero .h1{
    font-size:clamp(42px,11vw,76px) !important;
    line-height:.95 !important;
  }

  .hero .lead{
    font-size:17px !important;
    line-height:1.65 !important;
  }

  .btns{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .btn{
    width:100%;
    justify-content:center;
  }

  .section{
    padding:70px 0 !important;
  }

  .section-title{
    font-size:clamp(32px,8vw,54px) !important;
  }

  .seo-content{
    grid-template-columns:1fr !important;
  }

  .seo-aside{
    position:relative !important;
    top:auto !important;
  }

}

/* kleine Smartphones */
@media(max-width:640px){

  body{
    overflow-x:hidden;
  }

  .hero{
    padding-top:110px !important;
  }

  .hero .h1{
    font-size:clamp(34px,12vw,58px) !important;
    letter-spacing:-.06em !important;
  }

  .eyebrow{
    font-size:10px !important;
    letter-spacing:.18em !important;
  }

  .lead{
    font-size:16px !important;
  }

  .book-preview-grid,
  .topic-grid,
  .related-grid{
    grid-template-columns:1fr !important;
  }

  .topic-card,
  .book-preview-card{
    min-height:auto !important;
  }

  .footer{
    text-align:center;
  }

}


/* PREMIUM COLOR REFINEMENT — ruhiger, edler, weniger überladen */
:root{
  --black:#060606;
  --cream:#f6f1e8;
  --soft:#d9d1c3;
  --muted:#aaa196;
  --gold:#c59a3f;
  --gold-light:#e2bf6a;
  --gold-dark:#7c551d;
  --line:rgba(255,255,255,.105);
  --line-gold:rgba(226,191,106,.28);
}

/* Hintergrund etwas weicher und filmischer */
body{
  background:
    radial-gradient(circle at 14% 0%,rgba(197,154,63,.11),transparent 32%),
    radial-gradient(circle at 86% 10%,rgba(255,255,255,.045),transparent 26%),
    linear-gradient(180deg,#060606 0%,#0c0b0a 46%,#060606 100%) !important;
}

/* Gold dezenter einsetzen */
.eyebrow,
.mini-label,
.book-benefit,
.strong-line,
.menu a:hover,
.topic-card a,
.related-grid a:hover{
  color:#e2bf6a !important;
}

/* Karten edler und weniger hart */
.card,
.package-card,
.book-detail-card,
.book-preview-card,
.topic-card,
.seo-panel,
.premium-copy,
.contact-panel,
.contact-form,
.trust-item{
  border-color:rgba(226,191,106,.14) !important;
  background:
    radial-gradient(circle at 22% 0%,rgba(226,191,106,.055),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.022)) !important;
  box-shadow:
    0 24px 76px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* Hover subtiler */
.card:hover,
.package-card:hover,
.book-detail-card:hover,
.book-preview-card:hover,
.topic-card:hover{
  border-color:rgba(226,191,106,.28) !important;
  box-shadow:
    0 34px 96px rgba(0,0,0,.42),
    0 0 28px rgba(226,191,106,.07),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}

/* Buttons hochwertiger, weniger grell */
.btn.primary,
.menu .nav-cta{
  background:linear-gradient(135deg,#efd27d 0%,#c59a3f 48%,#7c551d 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 18px 54px rgba(197,154,63,.22) !important;
}

.btn.secondary{
  border-color:rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.04) !important;
}

/* Goldene Rahmen ruhiger */
.benefit-row span,
.keyword-pills span{
  border-color:rgba(226,191,106,.18) !important;
  background:rgba(197,154,63,.055) !important;
}

/* Hero Overlay etwas weniger dunkel, damit Videos und Bilder edler wirken */
.hero-overlay{
  background:
    radial-gradient(circle at 72% 24%,rgba(197,154,63,.085),transparent 34%),
    linear-gradient(90deg,rgba(6,6,6,.78) 0%,rgba(6,6,6,.52) 42%,rgba(6,6,6,.20) 100%),
    linear-gradient(180deg,rgba(6,6,6,.04) 0%,rgba(6,6,6,.60) 100%) !important;
}

/* Text einen Tick angenehmer */
.lead,
.text p,
.card p,
.topic-card p,
.seo-panel p,
.seo-panel li,
.book-detail-content p,
.package-card p,
.contact-panel p{
  color:rgba(246,241,232,.74) !important;
}

/* Mobile: etwas heller und angenehmer lesbar */
@media(max-width:640px){
  body{
    background:
      radial-gradient(circle at 20% 0%,rgba(197,154,63,.14),transparent 34%),
      linear-gradient(180deg,#080807 0%,#11100f 52%,#070707 100%) !important;
  }

  .card,
  .package-card,
  .book-detail-card,
  .book-preview-card,
  .topic-card,
  .seo-panel,
  .premium-copy,
  .contact-panel,
  .contact-form{
    background:
      radial-gradient(circle at 22% 0%,rgba(226,191,106,.08),transparent 36%),
      linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)) !important;
    border-color:rgba(226,191,106,.18) !important;
  }

  .lead,
  .text p,
  .card p,
  .topic-card p,
  .seo-panel p,
  .seo-panel li{
    color:rgba(246,241,232,.80) !important;
  }
}


/* 10/10 PREMIUM UPGRADE */

.method-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}

.method-card{
  position:relative;
  padding:26px;
  min-height:240px;
  border-radius:24px;
  border:1px solid rgba(226,191,106,.14);
  background:
    radial-gradient(circle at 20% 0%,rgba(226,191,106,.08),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  overflow:hidden;
  transition:transform .45s ease, box-shadow .45s ease;
}

.method-card:hover{
  transform:translateY(-8px);
  box-shadow:
    0 30px 90px rgba(0,0,0,.42),
    0 0 34px rgba(226,191,106,.08);
}

.method-number{
  display:inline-flex;
  margin-bottom:16px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  color:#e2bf6a;
}

.method-card h3{
  font-size:24px;
  line-height:1.05;
  margin-bottom:14px;
  color:var(--cream);
}

.method-card p{
  color:rgba(246,241,232,.74);
  line-height:1.7;
}

.hero-content{
  animation:fadeHero 1.4s ease;
}

@keyframes fadeHero{
  from{
    opacity:0;
    transform:translateY(20px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.topic-card,
.book-preview-card,
.method-card{
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

.section-title{
  max-width:12ch;
}

.lead{
  max-width:760px;
}

@media(max-width:1280px){
  .method-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:820px){
  .method-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .method-grid{
    grid-template-columns:1fr;
  }

  .method-card{
    min-height:auto;
  }
}


/* FINAL: TEAMKOMPETENZ Foto auf der Startseite hochwertig darstellen */
.page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:22px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
}

.page-home .book-preview-card .book-preview-image{
  padding:18px !important;
}


/* FINAL CHECK FIX: Startseiten-Buchbild und Navigation sauber */
.page-home .book-preview-grid{
  grid-template-columns:minmax(280px,620px) !important;
  justify-content:center !important;
}

.page-home .book-preview-card{
  max-width:620px !important;
  margin-inline:auto !important;
}

.page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:22px !important;
}

@media(max-width:640px){
  .page-home .book-preview-grid{
    grid-template-columns:1fr !important;
  }
  .page-home .book-preview-card{
    max-width:100% !important;
  }
}


/* FINAL IMAGE UPDATE: neues TEAMKOMPETENZ Foto im Querformat */
.page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:22px !important;
}


/* FINAL FIX: TEAMKOMPETENZ Bild elegant skalieren */
.page-home .book-preview-card{
  max-width:560px !important;
  margin:0 auto !important;
  overflow:hidden !important;
}

.page-home .book-preview-card .book-preview-image{
  padding:26px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
  width:100% !important;
  max-width:460px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:18px !important;
  display:block !important;
  margin:0 auto !important;
  box-shadow:0 20px 55px rgba(0,0,0,.35) !important;
}

@media(max-width:768px){
  .page-home .book-preview-card{
    max-width:100% !important;
  }

  .page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
    max-width:100% !important;
  }
}


/* FINAL PREMIUM POLISH: flüssiger, mobil optimiert, Wolfvideos sichtbarer */

/* weichere Grundbewegung */
html{
  scroll-behavior:smooth !important;
}

body{
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

/* Animationen dezenter und flüssiger */
.hero-content,
.section-head,
.card,
.topic-card,
.book-preview-card,
.method-card,
.seo-panel,
.premium-copy{
  transform:translateZ(0);
}

.card,
.topic-card,
.book-preview-card,
.method-card,
.btn,
.menu a,
.nav-cta{
  transition:
    transform .32s cubic-bezier(.22,.61,.36,1),
    box-shadow .32s cubic-bezier(.22,.61,.36,1),
    border-color .32s cubic-bezier(.22,.61,.36,1),
    background .32s cubic-bezier(.22,.61,.36,1) !important;
}

.card:hover,
.topic-card:hover,
.book-preview-card:hover,
.method-card:hover{
  transform:translateY(-4px) !important;
}

/* TEAMKOMPETENZ Bild: nicht eckig, hochwertig hervorgehoben */
.page-home .book-preview-card{
  max-width:620px !important;
  margin:0 auto !important;
  border-radius:34px !important;
  border:1px solid rgba(226,191,106,.28) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(226,191,106,.11),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  box-shadow:
    0 32px 96px rgba(0,0,0,.46),
    0 0 42px rgba(226,191,106,.10),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.page-home .book-preview-card .book-preview-image{
  padding:28px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
  width:100% !important;
  max-width:500px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:28px !important;
  border:1px solid rgba(226,191,106,.24) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.44),
    0 0 34px rgba(226,191,106,.10) !important;
}

/* Wolfvideos besser sichtbar: weniger abgedunkelt, bessere Positionierung */
.hero-video{
  opacity:.94 !important;
  filter:contrast(1.08) saturate(1.06) brightness(.98) !important;
}

.hero-overlay{
  background:
    radial-gradient(circle at 72% 24%,rgba(197,154,63,.06),transparent 34%),
    linear-gradient(90deg,rgba(6,6,6,.70) 0%,rgba(6,6,6,.42) 42%,rgba(6,6,6,.10) 100%),
    linear-gradient(180deg,rgba(6,6,6,.02) 0%,rgba(6,6,6,.48) 100%) !important;
}

/* Kontaktseite: Wolf besser sehen, aber weiterhin altes Video */
body.page-contact .hero-video{
  object-fit:cover !important;
  object-position:center center !important;
  opacity:.96 !important;
  filter:contrast(1.08) saturate(1.08) brightness(1.02) !important;
}

body.page-contact .hero-overlay{
  background:
    radial-gradient(circle at 72% 24%,rgba(197,154,63,.045),transparent 34%),
    linear-gradient(90deg,rgba(6,6,6,.66) 0%,rgba(6,6,6,.38) 45%,rgba(6,6,6,.08) 100%),
    linear-gradient(180deg,rgba(6,6,6,.02) 0%,rgba(6,6,6,.44) 100%) !important;
}

/* Mobile Layout deutlich flüssiger */
@media(max-width:980px){

  .wrap,
  .hero-content{
    width:min(calc(100% - 28px), var(--wrap)) !important;
  }

  .nav-inner{
    min-height:74px !important;
  }

  .brand img{
    width:38px !important;
    height:38px !important;
  }

  .brand strong{
    font-size:17px !important;
  }

  .brand span{
    font-size:9px !important;
    letter-spacing:.14em !important;
  }

  .hero{
    min-height:auto !important;
    padding:94px 0 78px !important;
  }

  .sub-hero{
    min-height:auto !important;
    padding:92px 0 76px !important;
  }

  .h1{
    font-size:clamp(40px,10vw,72px) !important;
    line-height:.98 !important;
    letter-spacing:-.055em !important;
  }

  .lead{
    font-size:17px !important;
    line-height:1.62 !important;
    max-width:100% !important;
  }

  .section{
    padding:72px 0 !important;
  }

  .section-title{
    font-size:clamp(34px,8vw,56px) !important;
    line-height:1.02 !important;
  }

  .grid2,
  .hero-split,
  .seo-content{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .method-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
  }

  .page-home .book-preview-card{
    max-width:100% !important;
  }

  .page-home .book-preview-card .book-preview-image{
    padding:22px !important;
  }

  .page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
    max-width:100% !important;
    border-radius:22px !important;
  }

  .hero-video{
    object-position:center center !important;
  }
}

/* Smartphone Feinschliff */
@media(max-width:640px){

  .wrap,
  .hero-content{
    width:calc(100% - 24px) !important;
  }

  .nav-inner{
    gap:14px !important;
  }

  .menu{
    gap:16px !important;
  }

  .hero{
    padding:84px 0 64px !important;
  }

  .h1{
    font-size:clamp(34px,12vw,54px) !important;
    line-height:1 !important;
  }

  .eyebrow{
    font-size:9.5px !important;
    letter-spacing:.16em !important;
    margin-bottom:18px !important;
  }

  .lead{
    font-size:16px !important;
    line-height:1.58 !important;
  }

  .btns{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .btn{
    width:100% !important;
    min-height:54px !important;
    padding:0 22px !important;
  }

  .topic-grid,
  .method-grid,
  .related-grid{
    grid-template-columns:1fr !important;
  }

  .topic-card,
  .method-card,
  .seo-panel,
  .premium-copy,
  .book-preview-card{
    padding:22px !important;
    border-radius:24px !important;
  }

  .page-home .book-preview-card .book-preview-image{
    padding:14px !important;
  }

  .page-home .book-preview-card .book-preview-image img[src*="teamkompetenz-startseite"]{
    border-radius:20px !important;
  }

  /* Mobile: Wolf/Video heller und besser erkennbar */
  .hero-video{
    opacity:.98 !important;
    filter:contrast(1.08) saturate(1.05) brightness(1.04) !important;
  }

  .hero-overlay{
    background:
      linear-gradient(90deg,rgba(6,6,6,.72) 0%,rgba(6,6,6,.40) 55%,rgba(6,6,6,.12) 100%),
      linear-gradient(180deg,rgba(6,6,6,.02) 0%,rgba(6,6,6,.42) 100%) !important;
  }
}

/* Nutzer mit reduzierter Bewegung respektieren */
@media(prefers-reduced-motion:reduce){
  *{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}


/* FINAL KONTAKTSEITE WOLF OPTIMIERUNG */
body.page-contact .hero{
  overflow:hidden !important;
}

body.page-contact .hero-video{
  object-fit:cover !important;
  object-position:58% center !important;
  transform:scale(1.04) !important;
  opacity:1 !important;
  filter:
    contrast(1.08)
    brightness(1.08)
    saturate(1.06) !important;
}

/* Overlay deutlich sanfter damit Wolf sichtbar bleibt */
body.page-contact .hero-overlay{
  background:
    radial-gradient(circle at 72% 24%,rgba(197,154,63,.035),transparent 34%),
    linear-gradient(90deg,rgba(6,6,6,.54) 0%,rgba(6,6,6,.26) 44%,rgba(6,6,6,.05) 100%),
    linear-gradient(180deg,rgba(6,6,6,.01) 0%,rgba(6,6,6,.34) 100%) !important;
}

/* Mobile: Wolfkopf noch sichtbarer */
@media(max-width:768px){

  body.page-contact .hero-video{
    object-position:64% center !important;
    transform:scale(1.08) !important;
    filter:
      contrast(1.08)
      brightness(1.12)
      saturate(1.04) !important;
  }

  body.page-contact .hero-overlay{
    background:
      linear-gradient(90deg,rgba(6,6,6,.58) 0%,rgba(6,6,6,.28) 52%,rgba(6,6,6,.06) 100%),
      linear-gradient(180deg,rgba(6,6,6,.02) 0%,rgba(6,6,6,.30) 100%) !important;
  }
}


/* Neues Wolfvideo Kontaktseite */
body.page-contact .hero-video{
  object-fit:cover !important;
  object-position:center center !important;
  opacity:1 !important;
  filter:
    contrast(1.06)
    brightness(1.05)
    saturate(1.04) !important;
}


/* PREMIUM LOGO OPTIMIERUNG STARTSEITE */
.rating-card img,
.review-card img,
.trust-card img{
    border-radius:18px !important;
    padding:12px !important;
    background:linear-gradient(145deg,#ffffff,#f4f4f4) !important;
    box-shadow:
        0 0 28px rgba(212,175,55,.18),
        0 10px 30px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.8) !important;
    border:1px solid rgba(212,175,55,.28) !important;
    transition:all .35s ease !important;
    transform:translateY(0);
}

.rating-card:hover img,
.review-card:hover img,
.trust-card:hover img{
    transform:translateY(-3px) scale(1.03);
    box-shadow:
        0 0 34px rgba(212,175,55,.28),
        0 16px 40px rgba(0,0,0,.45) !important;
}

.rating-card,
.review-card,
.trust-card{
    backdrop-filter:blur(10px);
}

@media(max-width:768px){

    .rating-card img,
    .review-card img,
    .trust-card img{
        border-radius:16px !important;
        padding:10px !important;
        max-width:92px !important;
    }
}


/* FINAL FIRST IMPRESSION & ABOUT CLEANUP */

/* Startseite: Hero hochwertiger und klarer */
.page-home .hero .h1{
  max-width:980px !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.05),
    0 28px 90px rgba(0,0,0,.52) !important;
}

.page-home .hero .lead{
  max-width:820px !important;
  color:rgba(246,241,232,.82) !important;
}

/* TEAMKOMPETENZ Startseitenkarte noch edler */
.page-home .book-preview-card{
  border-radius:36px !important;
  border:1px solid rgba(226,191,106,.34) !important;
  background:
    radial-gradient(circle at 50% 0%,rgba(226,191,106,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025)) !important;
  box-shadow:
    0 38px 120px rgba(0,0,0,.50),
    0 0 46px rgba(226,191,106,.11),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.page-home .book-preview-content{
  padding-top:4px !important;
}

.page-home .book-preview-content h3{
  letter-spacing:-.035em !important;
}

/* Über-mich: störendes Foto entfernt, Premium-Statement als starker Einstieg */
.about-clean-hero{
  padding-top:96px !important;
  padding-bottom:38px !important;
}

.about-premium-statement{
  max-width:980px !important;
  margin:0 auto !important;
  padding:48px !important;
  border-radius:34px !important;
  border:1px solid rgba(226,191,106,.24) !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(226,191,106,.12),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.44),
    0 0 42px rgba(226,191,106,.09),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.about-premium-statement .section-title{
  max-width:900px !important;
  margin-bottom:24px !important;
}

.about-premium-statement p{
  max-width:850px !important;
}

/* Falls leere Bildspalten übrig bleiben, Layout sauber einspaltig machen */
.page-about .grid2:has(.about-premium-statement),
.page-about .executive-grid{
  grid-template-columns:1fr !important;
}

/* Mobile Feinschliff */
@media(max-width:640px){
  .about-clean-hero{
    padding-top:72px !important;
  }

  .about-premium-statement{
    padding:28px 22px !important;
    border-radius:26px !important;
  }

  .page-home .book-preview-card{
    border-radius:28px !important;
  }
}


/* ÜBER-MICH SECTION BREITER */
.page-about .about-clean-hero .wrap,
.page-about .about-premium-statement{
    max-width:1380px !important;
    width:100% !important;
}

.page-about .about-premium-statement{
    padding:64px !important;
    min-height:420px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.page-about .about-premium-statement .section-title{
    max-width:1100px !important;
    font-size:clamp(3.4rem,6vw,6.2rem) !important;
    line-height:.95 !important;
}

.page-about .about-premium-statement p{
    max-width:980px !important;
    font-size:1.18rem !important;
}

@media(max-width:768px){

    .page-about .about-premium-statement{
        padding:34px 26px !important;
        min-height:auto !important;
    }

    .page-about .about-premium-statement .section-title{
        font-size:clamp(2.4rem,11vw,4rem) !important;
    }
}


/* PREMIUM ZAHLEN OPTIMIERUNG */
.value-card .number,
.feature-card .number,
.card-number,
.value-index{
    font-size:1.9rem !important;
    font-weight:900 !important;
    letter-spacing:3px !important;
    color:#f4cf63 !important;
    text-shadow:
        0 0 12px rgba(244,207,99,.45),
        0 0 22px rgba(244,207,99,.22);
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:64px !important;
    min-height:64px !important;
    border-radius:18px !important;
    background:linear-gradient(145deg,
        rgba(244,207,99,.12),
        rgba(244,207,99,.03));
    border:1px solid rgba(244,207,99,.25) !important;
    margin-bottom:18px !important;
    padding:8px 14px !important;
    backdrop-filter:blur(10px);
}

@media(max-width:768px){

    .value-card .number,
    .feature-card .number,
    .card-number,
    .value-index{
        font-size:1.55rem !important;
        min-width:56px !important;
        min-height:56px !important;
        border-radius:16px !important;
    }
}


/* PREMIUM ÜBER-MICH PORTRAIT */

.about-premium-layout{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:42px;
    align-items:center;
    width:100%;
}

.about-premium-image{
    position:relative;
    border-radius:34px;
    overflow:hidden;
    background:linear-gradient(145deg,
        rgba(244,207,99,.20),
        rgba(255,255,255,.03));
    border:1px solid rgba(244,207,99,.28);
    padding:10px;
    box-shadow:
        0 20px 60px rgba(0,0,0,.55),
        0 0 30px rgba(244,207,99,.18);
}

.about-premium-image::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:34px;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

.about-premium-image img{
    width:100%;
    display:block;
    border-radius:28px;
    object-fit:cover;
    transform:scale(1.01);
    transition:all .5s ease;
}

.about-premium-image:hover img{
    transform:scale(1.04);
}

@media(max-width:980px){

    .about-premium-layout{
        grid-template-columns:1fr;
        gap:26px;
    }

    .about-premium-image{
        max-width:520px;
        margin:0 auto;
    }
}


/* FINAL PREMIUM ABOUT PORTRAIT */

.about-premium-image{
    width:100%;
    max-width:460px;
    margin:0 auto 36px auto;
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:10px;
    background:linear-gradient(
        145deg,
        rgba(244,207,99,.18),
        rgba(255,255,255,.03)
    );
    border:1px solid rgba(244,207,99,.25);
    box-shadow:
        0 24px 70px rgba(0,0,0,.55),
        0 0 30px rgba(244,207,99,.18);
}

.about-premium-image img{
    width:100%;
    display:block;
    border-radius:28px;
    object-fit:cover;
}

@media(max-width:768px){
    .about-premium-image{
        max-width:92%;
        border-radius:28px;
    }

    .about-premium-image img{
        border-radius:22px;
    }
}


/* ABOUT HERO FINAL LAYOUT */

.about-hero-layout{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    gap:42px;
    align-items:center;
    width:100%;
}

.about-text-column{
    width:100%;
}

.about-premium-image{
    width:100%;
    max-width:520px;
    justify-self:center;
    border-radius:34px;
    overflow:hidden;
    padding:10px;
    background:linear-gradient(
        145deg,
        rgba(244,207,99,.16),
        rgba(255,255,255,.03)
    );
    border:1px solid rgba(244,207,99,.28);
    box-shadow:
        0 28px 80px rgba(0,0,0,.58),
        0 0 30px rgba(244,207,99,.16);
}

.about-premium-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:28px;
}

@media(max-width:980px){

    .about-hero-layout{
        grid-template-columns:1fr;
        gap:30px;
    }

    .about-premium-image{
        max-width:92%;
    }
}


/* VERIFIED FIX: Portrait neben Meine Arbeit */
#arbeit .about-hero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr) !important;
  gap:48px !important;
  align-items:center !important;
}

#arbeit .about-premium-image{
  width:100% !important;
  max-width:520px !important;
  justify-self:center !important;
  margin:0 !important;
  border-radius:34px !important;
  overflow:hidden !important;
  padding:10px !important;
  background:linear-gradient(145deg,rgba(244,207,99,.18),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(244,207,99,.28) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 30px rgba(244,207,99,.16) !important;
}

#arbeit .about-premium-image img{
  width:100% !important;
  display:block !important;
  border-radius:28px !important;
  object-fit:cover !important;
}

@media(max-width:980px){
  #arbeit .about-hero-layout{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  #arbeit .about-premium-image{
    max-width:92% !important;
    margin:0 auto !important;
  }
}


/* =========================================================
   FINAL GLOBAL LAYOUT CLEANUP — alle Seiten & Unterseiten
   Ziel: Blöcke sauber, ordentlich, konsistent und responsive
   ========================================================= */

/* Grundstruktur */
*,
*::before,
*::after{
  box-sizing:border-box !important;
}

html,
body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

body{
  min-height:100vh !important;
}

/* Einheitliche Breite */
.wrap{
  width:min(calc(100% - 48px), 1320px) !important;
  margin-inline:auto !important;
}

@media(max-width:640px){
  .wrap{
    width:min(calc(100% - 24px), 1320px) !important;
  }
}

/* Saubere Abstände zwischen Hauptblöcken */
.section{
  padding:96px 0 !important;
}

.section + .section{
  margin-top:0 !important;
}

.section-head{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(280px,520px) !important;
  gap:38px !important;
  align-items:end !important;
  margin-bottom:44px !important;
}

.section-title{
  max-width:100% !important;
  text-wrap:balance !important;
}

.text,
.premium-copy,
.seo-panel,
.contact-panel,
.contact-form,
.package-card,
.topic-card,
.book-preview-card,
.book-detail-card,
.method-card,
.card{
  overflow:hidden !important;
}

/* Alle Karten/Blöcke gleiche Ordnung */
.topic-grid,
.method-grid,
.related-grid,
.book-preview-grid,
.book-grid,
.package-grid,
.offer-grid,
.grid,
.grid2{
  width:100% !important;
  align-items:stretch !important;
}

/* Normale 2-Spalten-Layouts */
.grid2,
.seo-content,
.about-hero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:44px !important;
}

/* Themenkarten: sauber untereinander als Reihen */
.topic-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
}

.topic-card{
  height:100% !important;
  min-height:230px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:24px !important;
}

.topic-card h3{
  min-height:2.15em !important;
}

.topic-card p{
  flex:1 1 auto !important;
}

.topic-card a{
  margin-top:auto !important;
}

/* Methode: sauber in einer Reihe, dann responsive */
.method-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:18px !important;
}

.method-card{
  height:100% !important;
  min-height:245px !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Buch-/Paket-/Angebotsblöcke */
.book-preview-grid,
.book-grid,
.package-grid,
.offer-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
}

.package-card,
.book-preview-card,
.book-detail-card,
.offer-card,
.card{
  height:100% !important;
}

/* Startseite: einzelner Teamkompetenz-Block sauber zentriert */
.page-home .book-preview-grid{
  grid-template-columns:minmax(280px,660px) !important;
  justify-content:center !important;
}

.page-home .book-preview-card{
  width:100% !important;
  max-width:660px !important;
}

/* Bilder/Videos immer sauber einpassen */
img,
video{
  max-width:100% !important;
}

.hero-video{
  width:100% !important;
  height:100% !important;
}

/* CTA-Blöcke */
.cta,
.cta-inner{
  overflow:hidden !important;
}

.cta-inner{
  max-width:1120px !important;
  margin-inline:auto !important;
  text-align:center !important;
}

/* Kontaktseite & Formulare */
.contact-grid,
.contact-layout{
  display:grid !important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important;
  gap:34px !important;
  align-items:start !important;
}

input,
textarea,
select,
button{
  max-width:100% !important;
}

/* Über mich: Portrait neben Meine Arbeit */
#arbeit .about-hero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr) !important;
  gap:48px !important;
  align-items:center !important;
}

#arbeit .about-text-column{
  min-width:0 !important;
}

#arbeit .about-premium-image{
  align-self:center !important;
}

/* Legal pages: lesbarer, ordentlicher */
body:has(main) main .legal,
.legal,
.impressum,
.datenschutz{
  max-width:980px !important;
  margin-inline:auto !important;
}

/* Navigation stabilisieren */
.nav{
  width:100% !important;
  overflow:visible !important;
}

.nav-inner{
  width:min(calc(100% - 48px), 1400px) !important;
  margin-inline:auto !important;
}

/* Tablet */
@media(max-width:1280px){
  .topic-grid,
  .method-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .book-preview-grid,
  .book-grid,
  .package-grid,
  .offer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Kleine Tablets */
@media(max-width:980px){
  .section{
    padding:74px 0 !important;
  }

  .section-head{
    grid-template-columns:1fr !important;
    gap:20px !important;
    margin-bottom:32px !important;
  }

  .grid2,
  .seo-content,
  .about-hero-layout,
  #arbeit .about-hero-layout,
  .contact-grid,
  .contact-layout{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  .topic-grid,
  .method-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .book-preview-grid,
  .book-grid,
  .package-grid,
  .offer-grid{
    grid-template-columns:1fr !important;
  }

  .topic-card,
  .method-card{
    min-height:auto !important;
  }

  .nav-inner{
    width:min(calc(100% - 28px), 1400px) !important;
  }
}

/* Smartphone: alles sauber untereinander */
@media(max-width:640px){
  .section{
    padding:58px 0 !important;
  }

  .section-head{
    margin-bottom:26px !important;
  }

  .topic-grid,
  .method-grid,
  .related-grid,
  .book-preview-grid,
  .book-grid,
  .package-grid,
  .offer-grid,
  .grid,
  .grid2,
  .seo-content,
  .about-hero-layout,
  #arbeit .about-hero-layout,
  .contact-grid,
  .contact-layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .topic-card,
  .method-card,
  .seo-panel,
  .premium-copy,
  .book-preview-card,
  .book-detail-card,
  .package-card,
  .contact-panel,
  .contact-form,
  .card{
    width:100% !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  .page-home .book-preview-card{
    max-width:100% !important;
  }

  .page-home .book-preview-card .book-preview-image{
    padding:14px !important;
  }

  .btns{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
  }

  .btn{
    width:100% !important;
    justify-content:center !important;
  }
}

/* Sehr kleine Geräte */
@media(max-width:390px){
  .wrap,
  .nav-inner{
    width:calc(100% - 18px) !important;
  }

  .topic-card,
  .method-card,
  .seo-panel,
  .premium-copy,
  .book-preview-card,
  .book-detail-card,
  .package-card,
  .contact-panel,
  .contact-form,
  .card{
    padding:18px !important;
  }
}


/* =========================================================
   WHATSAPP BUTTON PREMIUM STYLE
   ========================================================= */

.whatsapp-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
    width:100% !important;
    min-height:64px !important;
    padding:18px 26px !important;
    border-radius:22px !important;
    text-decoration:none !important;
    background:linear-gradient(135deg, rgba(37,211,102,.18), rgba(20,20,20,.92)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 12px 34px rgba(37,211,102,.18) !important;
    transition:all .28s ease !important;
    margin-bottom:16px !important;
}

.whatsapp-btn:hover{
    transform:translateY(-3px) scale(1.01) !important;
    box-shadow:0 18px 44px rgba(37,211,102,.28) !important;
    border-color:rgba(37,211,102,.5) !important;
}

.whatsapp-btn span:last-child{
    color:#ffffff !important;
    font-size:1rem !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
}

.whatsapp-icon{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.06) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 6px 18px rgba(0,0,0,.22) !important;
    flex-shrink:0 !important;
}

.whatsapp-icon svg{
    width:28px !important;
    height:28px !important;
    display:block !important;
}

@media(max-width:640px){
    .whatsapp-btn{
        min-height:58px !important;
        border-radius:20px !important;
        padding:16px 20px !important;
    }

    .whatsapp-icon{
        width:40px !important;
        height:40px !important;
    }
}


/* VERIFIED FIX: WhatsApp Button über LinkedIn, gleiche Form & Größe */
.social-contact-card{
  display:grid !important;
  gap:12px !important;
}

.social-contact-card > span{
  display:block !important;
  margin-top:4px !important;
  color:var(--gold-light) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.social-contact-card .whatsapp-btn,
.social-contact-card .linkedin-image-button{
  width:100% !important;
  min-height:68px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  box-sizing:border-box !important;
}

.social-contact-card .linkedin-image-button img{
  max-height:30px !important;
  width:auto !important;
  border-radius:8px !important;
}

@media(max-width:640px){
  .social-contact-card .whatsapp-btn,
  .social-contact-card .linkedin-image-button{
    min-height:60px !important;
    border-radius:20px !important;
  }
}


/* FINAL REPAIR: Über-mich Seite korrekt gestylt */
.page-about #arbeit .about-hero-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.85fr) !important;
  gap:48px !important;
  align-items:center !important;
}

.page-about #arbeit .about-premium-image{
  width:100% !important;
  max-width:520px !important;
  justify-self:center !important;
  margin:0 !important;
  border-radius:34px !important;
  overflow:hidden !important;
  padding:10px !important;
  background:linear-gradient(145deg,rgba(244,207,99,.18),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(244,207,99,.28) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 30px rgba(244,207,99,.16) !important;
}

.page-about #arbeit .about-premium-image img{
  width:100% !important;
  display:block !important;
  border-radius:28px !important;
  object-fit:cover !important;
}

@media(max-width:980px){
  .page-about #arbeit .about-hero-layout{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .page-about #arbeit .about-premium-image{
    max-width:92% !important;
    margin:0 auto !important;
  }
}


/* STARTSEITE: Themenblöcke wie auf Themenwelten-Seite */
.page-home #themen .wrap{
  width:min(calc(100% - 48px),1540px) !important;
}

.page-home #themen .section-head{
  margin-bottom:34px !important;
}

.page-home #themen .topic-grid{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.page-home #themen .topic-card{
  min-height:270px !important;
  height:100% !important;
  padding:26px !important;
  border-radius:26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.page-home #themen .topic-card h3{
  font-size:clamp(21px,1.25vw,28px) !important;
  line-height:1.08 !important;
  margin:14px 0 14px !important;
  min-height:auto !important;
}

.page-home #themen .topic-card p{
  font-size:15px !important;
  line-height:1.55 !important;
  flex:1 !important;
}

.page-home #themen .topic-card a{
  margin-top:auto !important;
  font-size:14px !important;
}

.page-home #themen .topic-card .mini-label{
  font-size:10px !important;
  letter-spacing:.16em !important;
}

/* Tablet */
@media(max-width:1280px){
  .page-home #themen .topic-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Mobile quer / kleine Tablets */
@media(max-width:900px){
  .page-home #themen .topic-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Smartphone */
@media(max-width:640px){
  .page-home #themen .wrap{
    width:calc(100% - 24px) !important;
  }

  .page-home #themen .topic-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .page-home #themen .topic-card{
    min-height:auto !important;
    padding:22px !important;
  }
}


/* PREMIUM PRESSEABSCHNITT ÜBER MICH */
.press-trust-block{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.45fr);
  gap:38px;
  align-items:center;
  padding:54px;
  border-radius:36px;
  border:1px solid rgba(226,191,106,.26);
  background:
    radial-gradient(circle at 12% 0%,rgba(226,191,106,.13),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.024));
  box-shadow:
    0 36px 110px rgba(0,0,0,.46),
    0 0 44px rgba(226,191,106,.10),
    inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}

.press-trust-block:before{
  content:"";
  position:absolute;
  top:0;
  left:54px;
  width:140px;
  height:2px;
  background:linear-gradient(90deg,rgba(226,191,106,.95),rgba(226,191,106,0));
}

.press-trust-content{
  position:relative;
  z-index:2;
}

.press-trust-content .section-title{
  max-width:980px !important;
  margin-bottom:24px;
}

.press-trust-content p{
  max-width:940px;
  color:rgba(246,241,232,.78);
  font-size:18px;
  line-height:1.82;
}

.press-trust-content .strong-line{
  color:rgba(246,241,232,.92);
  font-weight:850;
  margin-top:22px;
}

.press-btn{
  margin-top:28px;
}

.press-trust-side{
  position:relative;
  min-height:260px;
  border-radius:30px;
  border:1px solid rgba(226,191,106,.16);
  background:
    radial-gradient(circle at 50% 20%,rgba(226,191,106,.17),transparent 40%),
    rgba(255,255,255,.035);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.press-mark{
  position:absolute;
  top:28px;
  right:28px;
  color:rgba(226,191,106,.72);
  font-size:12px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.press-quote{
  color:rgba(226,191,106,.28);
  font-size:220px;
  font-weight:900;
  line-height:1;
  transform:translateY(26px);
}

@media(max-width:980px){
  .press-trust-block{
    grid-template-columns:1fr;
    padding:36px;
  }

  .press-trust-side{
    min-height:150px;
  }

  .press-quote{
    font-size:140px;
  }
}

@media(max-width:640px){
  .press-trust-block{
    padding:28px 22px;
    border-radius:26px;
  }

  .press-trust-block:before{
    left:24px;
    width:110px;
  }

  .press-trust-content p{
    font-size:16px;
    line-height:1.68;
  }
}