:root{
  --ink:#15181B;
  --ink-2:#1E2226;
  --ink-3:#2B3036;
  --paper:#FFFFFF;
  --paper-2:#F6F7F5;
  --paper-3:#EDEFEB;
  --line:#E3E5E1;
  --line-dark:rgba(255,255,255,.14);
  --text:#1B1E21;
  --muted:#5E6570;
  --muted-dark:#A2A8B2;
  --green:#76B82A;
  --green-d:#5C9120;
  --green-l:#8FD13C;
  --sans:'Archivo',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --r:5px;
  --gut:clamp(20px,4.5vw,64px);
  --sec:clamp(60px,7.5vw,108px);
  --maxw:1400px;
  --sh:0 1px 2px rgba(21,24,27,.04),0 10px 30px rgba(21,24,27,.07);
}
.dj *, .dj *::before, .dj *::after{box-sizing:border-box}
html{overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.dj{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);
  font-size:clamp(16px,1.02vw,17.5px);line-height:1.7;font-weight:400;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.dj img, .dj svg, .dj video{display:block;max-width:100%;height:auto}
.dj a{color:inherit}
.dj button{font:inherit}
.dj h1, .dj h2, .dj h3, .dj h4, .dj h5, .dj h6{margin:0;font-weight:700;text-wrap:balance;letter-spacing:-.02em;line-height:1.15}
.dj p{margin:0 0 1.1em}
.dj p:last-child{margin-bottom:0}
.dj ::selection{background:var(--green);color:#fff}
.dj .shell{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.dj .g{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.6vw,44px)}
.dj .c1-6{grid-column:1/7}
.dj .c1-7{grid-column:1/8}
.dj .c1-8{grid-column:1/9}
.dj .c1-5{grid-column:1/6}
.dj .c2-9{grid-column:2/10}
.dj .c3-11{grid-column:3/12}
.dj .c3-12{grid-column:3/13}
.dj .c7-13{grid-column:7/13}
.dj .c8-13{grid-column:8/13}
.dj .c6-13{grid-column:6/13}
.dj .c1-4{grid-column:1/5}
.dj .c1-13{grid-column:1/13}
@media(max-width:900px){.dj .g>*{grid-column:1/13 !important}}
.dj section{padding-block:var(--sec)}
.dj .display{font-size:clamp(2.15rem,5vw,4.1rem);font-weight:800;line-height:1.04;letter-spacing:-.035em}
.dj .display em{font-style:normal;color:var(--green)}
.dj .h2{font-size:clamp(1.6rem,3.1vw,2.6rem);font-weight:750;line-height:1.14;letter-spacing:-.028em}
.dj .h2 em{font-style:normal;color:var(--green-d)}
.dj .on-dark .h2 em, .dj .on-dark .display em{color:var(--green-l)}
.dj .h3{font-size:clamp(1.1rem,1.55vw,1.32rem);font-weight:700;line-height:1.3;letter-spacing:-.015em}
.dj .h4{font-size:1rem;font-weight:700;letter-spacing:-.005em;line-height:1.4}
.dj .kicker{display:flex;align-items:center;gap:.7em;font-size:.72rem;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase;color:var(--green-d);
  margin:0 0 clamp(14px,1.8vw,22px)}
.dj .kicker::before{content:"";width:22px;height:2px;background:var(--green);flex:none}
.dj .on-dark .kicker{color:var(--green-l)}
.dj .phero-claim{font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:650;line-height:1.35;margin:0 0 clamp(14px,1.8vw,20px);letter-spacing:-.01em}
.dj .phero-claim em{font-style:normal;color:var(--green)}
.dj .on-dark .phero-claim em{color:var(--green-l)}
.dj .lead{font-size:clamp(1.06rem,1.35vw,1.22rem);line-height:1.62;color:var(--muted);font-weight:400}
.dj .on-dark .lead{color:#C7CBD2}
.dj .measure{max-width:66ch}
.dj .measure-s{max-width:52ch}
.dj .small{font-size:.86rem;color:var(--muted);line-height:1.6}
.dj .on-dark .small{color:var(--muted-dark)}
.dj .on-dark{background:var(--ink);color:#D9DCE1}
.dj .on-dark h1, .dj .on-dark h2, .dj .on-dark h3, .dj .on-dark h4, .dj .on-dark .h2, .dj .on-dark .h3, .dj .on-dark .h4{color:#fff}
.dj .rule{height:1px;background:var(--line);border:0;margin:0}
.dj .prose a{color:var(--green-d);text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:1px;text-decoration-color:rgba(118,184,42,.45)}
.dj .prose a:hover{text-decoration-color:var(--green)}
.dj .on-dark .prose a{color:var(--green-l);text-decoration-color:rgba(143,209,60,.5)}
.dj .btn{display:inline-flex;align-items:center;gap:.6em;font-size:.88rem;font-weight:650;
  letter-spacing:.01em;padding:.92em 1.55em;border-radius:var(--r);text-decoration:none;
  cursor:pointer;border:2px solid var(--green);background:var(--green);color:#fff;
  transition:background .2s,border-color .2s,color .2s,transform .2s}
.dj .btn:hover{background:var(--green-d);border-color:var(--green-d);transform:translateY(-1px)}
.dj .btn .ar{transition:transform .22s}
.dj .btn:hover .ar{transform:translateX(3px)}
.dj .btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}
.dj .btn-ghost:hover{background:var(--text);border-color:var(--text);color:#fff}
.dj .on-dark .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)}
.dj .on-dark .btn-ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}
.dj .btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.dj .btn-dark:hover{background:#000;border-color:#000}
.dj .btn-green{background:var(--green);border-color:var(--green);color:#fff}
.dj .tlink{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;font-size:.9rem;
  font-weight:650;color:var(--green-d);transition:gap .2s}
.dj .tlink:hover{gap:.85em}
.dj .on-dark .tlink{color:var(--green-l)}
.dj .hdr-in{display:flex;align-items:center;justify-content:space-between;gap:22px;
  max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.dj .hdr-cta{display:flex;align-items:center;gap:10px}
.dj .btn-tel, .dj .btn-insta, .dj .btn-whatsapp{display:inline-flex;align-items:center;gap:.55em;font-size:.88rem;
  font-weight:650;letter-spacing:.01em;padding:.85em 1.3em;border-radius:var(--r);
  text-decoration:none;cursor:pointer;border:1.6px solid currentColor;
  transition:background .2s,border-color .2s,color .2s,transform .2s}
.dj .btn-tel:hover{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-1px)}
.dj .btn-tel-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.dj .btn-tel-dark{border-color:rgba(255,255,255,.28);color:#fff}
.dj .btn-tel-dark:hover{background:var(--green);border-color:var(--green)}
.dj .btn-insta{border:none;color:#fff;
  background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow:0 6px 18px -6px rgba(214,36,159,.55);font-weight:700}
.dj .btn-insta:hover{filter:brightness(1.08) saturate(1.1);transform:translateY(-1px) scale(1.03);
  box-shadow:0 10px 26px -6px rgba(214,36,159,.7)}
.dj .btn-insta-dark{border:none}
.dj .btn-whatsapp{border:none;color:#fff;background:#25D366;font-weight:700;
  box-shadow:0 6px 18px -6px rgba(37,211,102,.55)}
.dj .btn-whatsapp:hover{background:#20bd5a;transform:translateY(-1px) scale(1.03);
  box-shadow:0 10px 26px -6px rgba(37,211,102,.7)}
.dj .btn-whatsapp-dark{border:none}
.dj .wa-float{position:fixed;right:clamp(16px,2.6vw,28px);bottom:clamp(16px,2.6vw,28px);z-index:850;
  width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 10px 28px -8px rgba(15,20,17,.45),0 2px 8px rgba(37,211,102,.35);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.3),box-shadow .22s}
.dj .wa-float svg{width:28px;height:28px}
.dj .wa-float:hover{transform:scale(1.08);box-shadow:0 14px 34px -8px rgba(15,20,17,.5),0 4px 12px rgba(37,211,102,.5)}
.dj .wa-float:active{transform:scale(.96)}
@media(max-width:1180px){.dj .wa-float{bottom:calc(52px + clamp(14px,3.4vw,22px))}}
@media print{.dj .wa-float{display:none}}
.dj .grev-float{position:fixed;left:clamp(16px,2.6vw,28px);bottom:clamp(16px,2.6vw,28px);z-index:850;
  display:inline-flex;align-items:center;gap:.5em;height:52px;padding:0 1.15em 0 1em;
  border-radius:999px;background:#fff;color:var(--ink);border:1.4px solid var(--line);
  font-size:.86rem;font-weight:700;text-decoration:none;cursor:pointer;
  box-shadow:0 10px 28px -8px rgba(15,20,17,.28),0 2px 8px rgba(15,20,17,.1);
  transition:transform .22s cubic-bezier(.2,.8,.3,1.3),box-shadow .22s,border-color .22s}
.dj .grev-float svg{width:19px;height:19px;color:#F5A623;flex:0 0 auto}
.dj .grev-float:hover{transform:scale(1.045);border-color:#CBD3C2;
  box-shadow:0 14px 34px -8px rgba(15,20,17,.34),0 4px 12px rgba(15,20,17,.14)}
.dj .grev-float:active{transform:scale(.97)}
@media(max-width:1180px){.dj .grev-float{bottom:calc(52px + clamp(14px,3.4vw,22px))}}
@media(max-width:480px){.dj .grev-float span{display:none}
.dj .grev-float{width:52px;height:52px;padding:0;
  border-radius:50%;justify-content:center}}
@media print{.dj .grev-float{display:none}}
.dj .grevpopup{position:fixed;inset:0;z-index:999;display:grid;place-items:center;
  background:rgba(13,15,17,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  padding:clamp(16px,4vw,48px);animation:lbAuf .25s ease}
.dj .grevpopup[hidden]{display:none}
.dj .grevpopup-panel{position:relative;background:var(--paper);border-radius:var(--r);
  width:min(760px,94vw);max-height:86vh;overflow:auto;padding:clamp(24px,4vw,44px)}
.dj .grevpopup-title{font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.7rem);margin:0 0 .3rem}
.dj .grevpopup .gsum{margin-top:0}
.dj .grevpopup .grev{margin-top:1.6rem}
.dj .grevpopup-close{position:absolute;top:14px;right:14px;border:0;background:var(--paper-2);
  color:var(--ink);cursor:pointer;border-radius:50%;width:38px;height:38px;font-size:1.4rem;
  display:grid;place-items:center;line-height:1;transition:background .2s,color .2s}
.dj .grevpopup-close:hover{background:var(--green);color:#fff}
.dj .langsw{display:flex;align-items:center;gap:2px;border:1.6px solid rgba(255,255,255,.4);
  border-radius:var(--r);padding:3px;font-size:.78rem;font-weight:750;letter-spacing:.02em}
.dj .langsw a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;
  padding:.4em .55em;border-radius:calc(var(--r) - 3px);color:inherit;text-decoration:none;
  opacity:.62;transition:.18s}
.dj .langsw a:hover{opacity:1}
.dj .langsw a[aria-current="true"]{opacity:1;background:var(--green);color:#fff}
@media(max-width:640px){.dj .hdr-cta .langsw{display:none}}
@media(max-width:1180px){.dj{padding-bottom:52px}}
.dj .hero{position:relative;background:var(--paper);overflow:hidden;
  padding-block:clamp(104px,11vw,132px) clamp(40px,5vw,64px)}
.dj .hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3.4vw,56px);align-items:center}
.dj .hero-txt{grid-column:1/7}
.dj .hero-fig{grid-column:7/13;position:relative}
.dj .hero-fig .frame{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;
  background:var(--paper-3)}
.dj .hero-fig .frame img{width:100%;height:100%;object-fit:cover}
.dj .hero-fig .tag{position:absolute;left:0;bottom:clamp(-14px,-1.4vw,-10px);transform:translateX(-14%);
  background:var(--ink);color:#fff;padding:14px 20px;border-radius:var(--r);max-width:270px;
  box-shadow:0 14px 34px rgba(21,24,27,.22)}
.dj .hero-fig .tag b{display:block;font-size:1.4rem;font-weight:800;color:var(--green-l);letter-spacing:-.03em;line-height:1}
.dj .hero-fig .tag span{display:block;margin-top:.3em;font-size:.76rem;letter-spacing:.1em;
  text-transform:uppercase;color:#A8AEB6;font-weight:650}
@media(max-width:980px){.dj .hero-txt, .dj .hero-fig{grid-column:1/13}
.dj .hero-fig{margin-top:8px}
.dj .hero-fig .frame{aspect-ratio:16/10}
.dj .hero-fig .tag{transform:none;left:14px;bottom:14px}}
.dj .hero .display{max-width:15ch}
.dj .hero-sub{margin-top:clamp(14px,1.8vw,22px);max-width:48ch}
.dj .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3.2vw,38px)}
.dj .badge{display:inline-flex;align-items:center;gap:.6em;background:#EFF6E5;
  border:1px solid #CFE5AE;color:#416416;border-radius:100px;
  padding:.42em 1em;font-size:.78rem;font-weight:650;margin-bottom:clamp(14px,1.8vw,22px)}
.dj .badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}
.dj .statbar{background:var(--paper-2);border-block:1px solid var(--line)}
.dj .statbar .in{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line)}
.dj .statbar .s{background:var(--paper-2);padding:clamp(18px,2.2vw,28px) clamp(14px,1.6vw,22px)}
.dj .statbar b{display:block;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:800;color:var(--text);
  letter-spacing:-.035em;line-height:1.1}
.dj .statbar b em{font-style:normal;color:var(--green-d)}
.dj .statbar span{display:block;margin-top:.35em;font-size:.73rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);font-weight:650}
.dj .phero{position:relative;background:var(--paper-2);border-bottom:1px solid var(--line);
  padding-block:clamp(112px,13vw,152px) clamp(36px,4.4vw,60px);overflow:hidden}
.dj .phero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3.4vw,52px);align-items:center}
.dj .phero-txt{grid-column:1/8}
.dj .phero-fig{grid-column:8/13}
.dj .phero-fig .frame{border-radius:var(--r);overflow:hidden;aspect-ratio:5/4;background:var(--paper-3)}
.dj .phero-fig .frame img{width:100%;height:100%;object-fit:cover}
.dj .phero .display{font-size:clamp(1.85rem,3.9vw,3rem);max-width:19ch}
.dj .crumb{display:flex;flex-wrap:wrap;gap:.45em;font-size:.8rem;color:var(--muted);
  margin-bottom:clamp(12px,1.6vw,18px)}
.dj .crumb a{text-decoration:none}
.dj .crumb a:hover{color:var(--green-d)}
@media(max-width:980px){.dj .phero-txt, .dj .phero-fig{grid-column:1/13}
.dj .phero-fig{display:none}}
.dj .marquee{overflow:hidden;padding-block:clamp(18px,2.2vw,26px);background:var(--paper);
  border-block:1px solid var(--line);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.dj .marquee-track{display:flex;width:max-content;animation:slide 64s linear infinite}
.dj .marquee:hover .marquee-track{animation-play-state:paused}
.dj .marquee-row{display:flex;align-items:center;gap:clamp(26px,3.4vw,52px);padding-right:clamp(26px,3.4vw,52px)}
.dj .marquee-row span{font-size:clamp(.95rem,1.35vw,1.12rem);font-weight:650;white-space:nowrap;
  color:#7A828C;letter-spacing:-.01em}
.dj .marquee-row i{width:4px;height:4px;border-radius:50%;background:var(--green);flex:none}
@keyframes slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.dj .marquee-track{animation:none;flex-wrap:wrap;width:auto}}
.dj .clientwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);list-style:none;padding:0;margin:0;overflow:hidden}
.dj .clientwall li{background:#fff;padding:clamp(16px,1.8vw,22px) 14px;font-size:.95rem;font-weight:600;
  color:var(--text);transition:.2s;display:flex;align-items:center}
.dj .clientwall li:hover{background:var(--paper-2);color:var(--green-d)}
.dj .on-dark .clientwall{background:var(--line-dark);border-color:var(--line-dark)}
.dj .on-dark .clientwall li{background:var(--ink);color:#D9DCE1}
.dj .on-dark .clientwall li:hover{background:var(--ink-2);color:var(--green-l)}
.dj .imgcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(14px,1.8vw,26px)}
.dj .imgcard{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s}
.dj .imgcard:hover{box-shadow:var(--sh);transform:translateY(-3px);border-color:#D2D5D9}
.dj .imgcard .pic{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper-3)}
.dj .imgcard .pic.is-ph{background:linear-gradient(140deg,#2A2F35 0%,#20242A 46%,#232B1C 100%)}
.dj .imgcard .pic.is-ph::before{content:"";position:absolute;inset:0;
  background:radial-gradient(420px 260px at 76% 24%,rgba(118,184,42,.22),transparent 66%)}
.dj .imgcard .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.dj .imgcard:hover .pic img{transform:scale(1.045)}
.dj .imgcard .pic::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,transparent 38%,rgba(12,14,17,.88) 100%)}
.dj .imgcard .pic .lab{position:absolute;left:18px;right:18px;bottom:14px;z-index:3;color:#fff;
  font-size:1.15rem;font-weight:750;letter-spacing:-.02em;line-height:1.2}
.dj .imgcard .pic .num{position:absolute;left:18px;top:14px;z-index:3;color:var(--green-l);
  font-size:.74rem;font-weight:700;letter-spacing:.13em}
.dj .imgcard .bd{display:block;padding:16px 18px 18px}
.dj .imgcard .bd p{font-size:.92rem;color:var(--muted);margin:0}
.dj .imgcard .bd .more{display:inline-flex;align-items:center;gap:.45em;margin-top:12px;
  font-size:.85rem;font-weight:650;color:var(--green-d)}
.dj .imgcard:hover .bd .more .ar{transform:translateX(3px)}
.dj .imgcard .bd .more .ar{transition:transform .22s}
.dj .on-dark .imgcard{background:var(--ink-2);border-color:var(--line-dark)}
.dj .on-dark .imgcard:hover{border-color:rgba(255,255,255,.3);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.dj .on-dark .imgcard .bd p{color:var(--muted-dark)}
.dj .on-dark .imgcard .bd .more{color:var(--green-l)}
.dj .tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:clamp(14px,1.8vw,24px)}
@media(min-width:1000px){.dj .tiles.t2{grid-template-columns:repeat(2,1fr)}
.dj .tiles.t3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:640px) and (max-width:999px){.dj .tiles{grid-template-columns:repeat(2,1fr)}}
.dj .tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.4vw,32px);
  transition:box-shadow .25s,border-color .25s}
.dj .tile:hover{box-shadow:var(--sh);border-color:#D2D5D9}
.dj .tile .k{display:block;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;
  color:var(--green-d);font-weight:700;margin-bottom:.85em}
.dj .tile p{color:var(--muted);font-size:.94rem;margin-top:.6em}
.dj .on-dark .tile{background:var(--ink-2);border-color:var(--line-dark)}
.dj .on-dark .tile:hover{border-color:rgba(255,255,255,.28)}
.dj .on-dark .tile p{color:var(--muted-dark)}
.dj .on-dark .tile .k{color:var(--green-l)}
.dj .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(18px,2.4vw,34px)}
.dj .stat b{display:block;font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:800;color:var(--green-d);
  letter-spacing:-.035em;line-height:1.05}
.dj .on-dark .stat b{color:var(--green-l)}
.dj .stat span{display:block;margin-top:.4em;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted);font-weight:650}
.dj .on-dark .stat span{color:var(--muted-dark)}
.dj .idx{border-top:1px solid var(--line)}
.dj .on-dark .idx{border-top-color:var(--line-dark)}
.dj .idx a{display:grid;grid-template-columns:44px minmax(0,3.6fr) minmax(0,5fr) 30px;
  gap:clamp(12px,2vw,28px);align-items:center;
  padding:clamp(16px,1.9vw,24px) clamp(14px,1.6vw,20px);
  border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}
.dj .on-dark .idx a{border-bottom-color:var(--line-dark)}
.dj .idx a:hover{background:var(--paper-2);padding-inline:clamp(22px,2.8vw,34px)}
.dj .on-dark .idx a:hover{background:var(--ink-2)}
.dj .idx .n{font-size:.76rem;font-weight:700;color:var(--green-d);letter-spacing:.08em}
.dj .on-dark .idx .n{color:var(--green-l)}
.dj .idx .t{font-size:clamp(1.02rem,1.5vw,1.24rem);font-weight:700;letter-spacing:-.02em;line-height:1.25}
.dj .idx .d{color:var(--muted);font-size:.92rem;line-height:1.5}
.dj .on-dark .idx .d{color:var(--muted-dark)}
.dj .idx .ar{justify-self:end;color:var(--muted);transition:transform .25s,color .25s}
.dj .idx a:hover .ar{transform:translateX(6px);color:var(--green-d)}
.dj .on-dark .idx a:hover .ar{color:var(--green-l)}
@media(max-width:760px){.dj .idx a{grid-template-columns:36px 1fr 22px;row-gap:4px;align-items:start}
.dj .idx .d{grid-column:2/4}
.dj .idx .ar{grid-row:1;grid-column:3;align-self:center}}
.dj .row{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,3vw,48px);align-items:center;
  padding-block:clamp(30px,4vw,58px)}
.dj .row+.row{border-top:1px solid var(--line)}
.dj .on-dark .row+.row{border-top-color:var(--line-dark)}
.dj .row .fig{grid-column:1/6}
.dj .row .txt{grid-column:7/13}
.dj .row.flip .fig{grid-column:8/13;order:2}
.dj .row.flip .txt{grid-column:1/7;order:1}
.dj .row .fig img, .dj .row .fig .ph{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.dj .row .fig .ph{background:linear-gradient(135deg,#22262C,#1A2016);position:relative}
.dj .row .fig .ph::after{content:attr(data-l);position:absolute;inset:auto 0 16px;text-align:center;
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.34)}
@media(max-width:900px){.dj .row .fig, .dj .row .txt, .dj .row.flip .fig, .dj .row.flip .txt{grid-column:1/13;order:initial}}
.dj .quote{background:#fff;border:1px solid var(--line);border-left:3px solid var(--green);
  border-radius:var(--r);padding:clamp(20px,2.4vw,30px);margin:0}
.dj .on-dark .quote{background:var(--ink-2);border-color:var(--line-dark);border-left-color:var(--green)}
.dj .quote blockquote{margin:0;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.55;font-weight:450}
.dj .quote cite{display:block;margin-top:1.1em;font-style:normal;font-size:.82rem;font-weight:650;color:var(--muted)}
.dj .on-dark .quote cite{color:var(--muted-dark)}
.dj .acc{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.dj .on-dark .acc{background:var(--ink-2);border-color:var(--line-dark)}
.dj .acc details+details{border-top:1px solid var(--line)}
.dj .on-dark .acc details+details{border-top-color:var(--line-dark)}
.dj .acc summary{list-style:none;cursor:pointer;padding:clamp(16px,1.8vw,22px) 52px clamp(16px,1.8vw,22px) clamp(18px,2vw,26px);
  position:relative;font-size:clamp(.98rem,1.25vw,1.08rem);font-weight:650;line-height:1.4;transition:color .2s}
.dj .acc summary::-webkit-details-marker{display:none}
.dj .acc summary:hover{color:var(--green-d)}
.dj .on-dark .acc summary:hover{color:var(--green-l)}
.dj .acc summary::after, .dj .acc summary::before{content:"";position:absolute;right:22px;top:50%;
  background:var(--green);transition:transform .25s,opacity .25s}
.dj .acc summary::after{width:13px;height:2px;margin-top:-1px}
.dj .acc summary::before{width:2px;height:13px;margin-top:-6.5px;right:27.5px}
.dj .acc details[open] summary::before{transform:rotate(90deg);opacity:0}
.dj .acc .ans{padding:0 clamp(24px,5vw,72px) clamp(18px,2vw,24px) clamp(18px,2vw,26px);color:var(--muted);max-width:78ch}
.dj .on-dark .acc .ans{color:var(--muted-dark)}
.dj .steps{counter-reset:st;list-style:none;padding:0;margin:0;display:grid;gap:clamp(10px,1.2vw,14px)}
.dj .steps li{counter-increment:st;display:grid;grid-template-columns:46px minmax(0,3.2fr) minmax(0,6fr);
  gap:clamp(14px,2vw,30px);align-items:start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);padding:clamp(16px,1.8vw,22px) clamp(16px,2vw,24px)}
.dj .on-dark .steps li{background:var(--ink-2);border-color:var(--line-dark)}
.dj .steps li::before{content:counter(st,decimal-leading-zero);font-size:.86rem;font-weight:800;
  color:#fff;background:var(--green);width:30px;height:30px;border-radius:var(--r);
  display:grid;place-items:center;letter-spacing:0}
.dj .steps .st-t{font-size:1.02rem;font-weight:700;letter-spacing:-.015em;line-height:1.35}
.dj .steps .st-d{color:var(--muted);font-size:.93rem}
.dj .on-dark .steps .st-d{color:var(--muted-dark)}
@media(max-width:760px){.dj .steps li{grid-template-columns:36px 1fr}
.dj .steps .st-d{grid-column:2/3}
.dj .steps li::before{width:26px;height:26px;font-size:.78rem}}
.dj .ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;
  gap:0 clamp(20px,3vw,48px)}
.dj .ticks li{padding:.6em 0 .6em 1.7em;position:relative;border-bottom:1px solid var(--line);font-size:.94rem}
.dj .on-dark .ticks li{border-bottom-color:var(--line-dark)}
.dj .ticks li::before{content:"";position:absolute;left:2px;top:1.02em;width:9px;height:5px;
  border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
@media(max-width:760px){.dj .ticks{grid-template-columns:1fr}}
.dj .dl{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.dj .on-dark .dl{background:var(--ink-2);border-color:var(--line-dark)}
.dj .dl>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,2.3fr);gap:clamp(10px,2vw,28px);
  padding:clamp(12px,1.4vw,16px) clamp(16px,1.8vw,22px)}
.dj .dl>div+div{border-top:1px solid var(--line)}
.dj .on-dark .dl>div+div{border-top-color:var(--line-dark)}
.dj .dl dt{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding-top:.25em}
.dj .on-dark .dl dt{color:var(--muted-dark)}
.dj .dl dd{margin:0;font-size:.96rem;overflow-wrap:break-word;hyphens:auto}
.dj .dl.stack>div{grid-template-columns:1fr;gap:2px}
.dj .dl.stack dt{padding-top:0}
@media(max-width:620px){.dj .dl>div{grid-template-columns:1fr;gap:2px}
.dj .dl dt{padding-top:0}}
@supports (container-type:inline-size){.dj .dl{container-type:inline-size}
@container (max-width:400px){.dj .dl>div{grid-template-columns:1fr;gap:2px}
.dj .dl dt{padding-top:0}}}
.dj .note{background:var(--paper-2);border-left:3px solid var(--green);border-radius:0 var(--r) var(--r) 0;
  padding:14px 18px;color:var(--muted);font-size:.9rem}
.dj .on-dark .note{background:var(--ink-2);color:var(--muted-dark)}
.dj .cta{background:var(--ink);position:relative;overflow:hidden}
.dj .cta::before{content:"";position:absolute;right:-8%;top:-40%;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(118,184,42,.18),transparent 66%)}
.dj .cta .shell{position:relative;z-index:2}
.dj .cta-in{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,3vw,52px);align-items:center}
.dj .cta-in .l{grid-column:1/8}
.dj .cta-in .r{grid-column:9/13}
.dj .cta .display{font-size:clamp(1.8rem,3.6vw,2.9rem)}
@media(max-width:900px){.dj .cta-in .l, .dj .cta-in .r{grid-column:1/13}}
.dj .form{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.8vw,22px);
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,36px)}
.dj .form .full{grid-column:1/-1}
.dj .field{display:flex;flex-direction:column;gap:.4em}
.dj .field label{font-size:.8rem;font-weight:650;color:var(--text)}
.dj .field input, .dj .field select, .dj .field textarea{font-family:var(--sans);font-size:.98rem;padding:.75em .85em;
  border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--text);
  transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none;width:100%}
.dj .field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 17px) 1.25em,calc(100% - 12px) 1.25em;background-size:5px 5px;
  background-repeat:no-repeat;padding-right:34px}
.dj .field input:focus, .dj .field select:focus, .dj .field textarea:focus{outline:0;border-color:var(--green);
  box-shadow:0 0 0 3px rgba(118,184,42,.16)}
.dj .field textarea{resize:vertical;min-height:104px}
.dj .checks{display:flex;flex-wrap:wrap;gap:8px}
.dj .checks label{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:100px;
  padding:.5em .95em;font-size:.86rem;cursor:pointer;transition:.18s;font-weight:500}
.dj .checks input{position:absolute;opacity:0;width:0;height:0}
.dj .checks label:has(input:checked){border-color:var(--green);background:var(--green);color:#fff;font-weight:600}
.dj .consent{display:flex;gap:.7em;align-items:flex-start;font-size:.86rem;color:var(--muted);line-height:1.5;font-weight:400}
.dj .consent input{margin-top:.25em;accent-color:var(--green);width:16px;height:16px;flex:none}
@media(max-width:720px){.dj .form{grid-template-columns:1fr}}
.dj .ftr-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(22px,2.8vw,40px)}
.dj .ftr-brand{grid-column:1/4}
.dj .ftr-col{grid-column:span 2}
.dj .ftr-contact{grid-column:11/13}
@media(max-width:1000px){.dj .ftr-brand{grid-column:1/13}
.dj .ftr-col{grid-column:span 4}
.dj .ftr-contact{grid-column:1/13}}
@media(max-width:620px){.dj .ftr-col{grid-column:span 6}}
.dj .ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;
  margin-top:clamp(34px,4vw,56px);padding-top:22px;border-top:1px solid var(--line-dark);
  font-size:.83rem;color:#7C828C}
.dj .ftr-bottom nav{display:flex;flex-wrap:wrap;gap:18px}
.dj .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.dj .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.dj .rv{opacity:1;transform:none;transition:none}}
.dj .skip{position:absolute;left:-9999px;top:0;background:var(--green);color:#fff;padding:12px 20px;
  z-index:999;font-weight:650;border-radius:var(--r)}
.dj .skip:focus{left:12px;top:12px}
.dj :focus-visible{outline:2px solid var(--green);outline-offset:2px}
@media print{.dj .marquee, .dj .cta{display:none}
.dj{background:#fff;color:#000}}
.dj .frame{display:block;position:relative;width:100%;overflow:hidden;border-radius:var(--r);
  background:var(--paper-3)}
.dj .frame>img{width:100%;height:100%;object-fit:cover;display:block}
.dj .frame.is-ph{background:
  linear-gradient(135deg,#2A3037 0%,#1E232A 52%,#242D1C 100%)}
.dj .frame.is-ph::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 55% at 74% 24%,rgba(118,184,42,.26),transparent 68%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 2px,transparent 2px 9px)}
.dj .frame.is-ph::after{content:"Foto: " attr(data-ph);position:absolute;left:16px;right:16px;top:14px;
  font-size:.7rem;line-height:1.45;letter-spacing:.055em;color:rgba(255,255,255,.55);font-weight:600}
.dj .row .fig .frame{aspect-ratio:4/3}
.dj .qgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(14px,1.8vw,22px)}
.dj main section:not(.hero):not(.hbanner):not(.claim):not(.phero):not(.cta):not(.gwrap):not(.on-dark):nth-of-type(even){background-color:var(--paper-2)}
.dj main section:not(.hero):not(.phero):not(.cta):not(.on-dark)+section:not(.hero):not(.phero):not(.cta):not(.on-dark){
  border-top:1px solid transparent}
.dj .on-dark+section:not(.on-dark):not(.claim):not(.hbanner):not(.staedte){background-color:var(--paper);background-image:none}
.dj .phero+section:not(.on-dark):not(.cta){background:var(--paper)}
.dj .has-bg{position:relative;isolation:isolate}
.dj .has-bg>.shell{position:relative;z-index:2}
.dj .secbg{position:absolute;inset:0;z-index:0;overflow:hidden;display:block}
.dj .secbg img{width:100%;height:100%;object-fit:cover;display:block}
.dj .secbg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(21,24,27,.97) 0%,rgba(21,24,27,.92) 40%,rgba(21,24,27,.78) 100%)}
.dj .cta .secbg::after{background:linear-gradient(100deg,rgba(21,24,27,.97) 0%,rgba(21,24,27,.93) 45%,rgba(21,24,27,.86) 100%)}
.dj .cta .secbg img{filter:grayscale(.35) brightness(.8)}
@media(max-width:820px){.dj .secbg::after{background:rgba(21,24,27,.90)}}
.dj .bandimg{width:100%;height:clamp(180px,26vw,360px);overflow:hidden;background:var(--ink)}
.dj .bandimg img{width:100%;height:100%;object-fit:cover;display:block}
.dj .frame{position:relative;overflow:hidden;border-radius:var(--r);background:var(--paper-3)}
.dj .frame img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.05) contrast(1.04);
  transform:scale(1.001);
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease,opacity .5s ease}
.dj .frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(21,24,27,0) 55%,rgba(21,24,27,.16) 100%);
  box-shadow:inset 0 0 0 1px rgba(21,24,27,.07)}
.dj .on-dark .frame::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(21,24,27,0) 45%,rgba(21,24,27,.30) 100%)}
.dj .on-dark .frame img{filter:saturate(1.02) contrast(1.04) brightness(.94)}
.dj .frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  border-radius:inherit;opacity:0;transition:opacity .45s ease;
  background:linear-gradient(140deg,rgba(118,184,42,.28),rgba(118,184,42,0) 62%)}
.dj a:hover>.frame::before, .dj a:hover .frame::before, .dj .imgcard:hover .frame::before, .dj .tile:hover .frame::before, .dj .idx a:hover .frame::before{opacity:1}
.dj a:hover .frame img, .dj .imgcard:hover .frame img, .dj .tile:hover .frame img{transform:scale(1.045)}
.dj .frame img[data-fade]{opacity:0}
.dj .frame img.is-da{opacity:1}
.dj .hero-fig .frame{box-shadow:0 24px 60px -28px rgba(21,24,27,.45)}
.dj .hero-fig .frame::before{content:"";position:absolute;left:0;bottom:0;z-index:3;
  width:clamp(64px,18%,120px);height:4px;background:var(--green);border-radius:0 4px 0 var(--r)}
.dj .phero-fig .frame{box-shadow:0 20px 52px -30px rgba(21,24,27,.5)}
.dj .bandimg{position:relative}
.dj .bandimg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,24,27,.30),rgba(21,24,27,.05) 40%,rgba(21,24,27,.35))}
.dj .gwrap{background:var(--paper-2)}
.dj .gsum{display:flex;align-items:center;gap:.7rem;margin-top:1.8rem;flex-wrap:wrap}
.dj .gscore{font-size:2.5rem;line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.dj .gstars{display:inline-flex;gap:2px}
.dj .gstars svg{width:19px;height:19px;display:block}
.dj .gstars .on{color:#F5A623}
.dj .gstars .off{color:#D6D9D3}
.dj .gcount{font-size:.86rem;color:var(--muted);width:100%}
.dj .gattr{color:var(--muted);margin-top:1.2rem}
.dj .grev{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:820px){.dj .grev{grid-template-columns:1fr}}
.dj .gcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:.85rem;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.dj .gcard:hover{border-color:#CBD3C2;box-shadow:0 14px 34px -22px rgba(21,24,27,.4);transform:translateY(-2px)}
.dj .gcard .top{display:flex;align-items:center;gap:.7rem}
.dj .gcard .av{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px;
  background:var(--paper-3)}
.dj .gcard .av-fb{width:38px;height:38px;border-radius:50%;flex:0 0 38px;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-weight:700;font-size:.95rem}
.dj .gcard .who{font-weight:600;font-size:.94rem;line-height:1.2}
.dj .gcard .when{font-size:.78rem;color:var(--muted)}
.dj .gcard .txt{font-size:.94rem;line-height:1.65;color:var(--text)}
.dj .gcard .gmark{margin-top:auto;display:flex;align-items:center;gap:.45rem;font-size:.74rem;
  color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.dj .gcard .gmark svg{width:14px;height:14px}
.dj .grev-lade{color:var(--muted);grid-column:1/-1}
.dj .gfallback{grid-column:1/-1;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:clamp(20px,2.4vw,30px)}
.dj .igwrap{background:var(--ink)}
.dj .ighead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-bottom:clamp(26px,3vw,42px)}
.dj .ighandle{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;
  border:1px solid rgba(255,255,255,.28);border-radius:60px;padding:.62rem 1.15rem;font-weight:600;
  font-size:.92rem;transition:background .3s ease,color .3s ease,border-color .3s ease}
.dj .ighandle:hover{background:var(--green);border-color:var(--green);color:#0E1216}
.dj .igicon{display:grid;place-items:center}
.dj .iggrid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.dj .iggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dj .igitem{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--r);
  background:var(--ink-2);border:1px solid rgba(255,255,255,.09);text-decoration:none}
.dj .igitem img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.04) contrast(1.03);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.dj .igitem:hover img{transform:scale(1.06);filter:saturate(1.1) contrast(1.05) brightness(1.04)}
.dj .igitem .cap{position:absolute;inset:auto 0 0 0;z-index:2;padding:1.5rem .9rem .85rem;
  font-size:.78rem;line-height:1.45;color:#fff;opacity:0;transform:translateY(6px);
  transition:opacity .35s ease,transform .35s ease;
  background:linear-gradient(180deg,rgba(21,24,27,0),rgba(21,24,27,.86))}
.dj .igitem:hover .cap{opacity:1;transform:none}
.dj .igitem .play{position:absolute;right:10px;top:10px;z-index:2;width:26px;height:26px;
  border-radius:50%;background:rgba(21,24,27,.62);display:grid;place-items:center;color:#fff}
.dj .igitem .play svg{width:12px;height:12px}
.dj .ig-lade{color:var(--muted-dark);grid-column:1/-1}
.dj .igfallback{grid-column:1/-1;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);
  padding:clamp(20px,2.4vw,30px);color:#C7CBD2}
@keyframes hdrDown{from{transform:translateY(-100%)}to{transform:none}}
.dj .hbanner{position:relative;isolation:isolate;min-height:clamp(560px,84vh,860px);
  display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}
.dj .hbanner .hb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(1.05) contrast(1.05)}
.dj .hbanner .hb-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  opacity:0;transition:opacity 1s ease;pointer-events:none}
.dj .hbanner .hb-video.is-visible{opacity:1}
.dj .hb-veil{position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(21,24,27,.72) 0%,rgba(21,24,27,.30) 34%,
    rgba(21,24,27,.62) 72%,rgba(21,24,27,.90) 100%),
   linear-gradient(92deg,rgba(21,24,27,.80) 0%,rgba(21,24,27,.28) 58%,rgba(21,24,27,0) 100%)}
.dj .hb-in{position:relative;z-index:2;width:100%;
  padding-block:clamp(120px,16vh,190px) clamp(64px,8vh,110px)}
.dj .hbanner .badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.dj .hbanner .badge::before{background:var(--green-l)}
.dj .hbanner .display{color:#fff;max-width:16ch;margin-top:1.5rem;
  text-shadow:0 2px 30px rgba(0,0,0,.35)}
.dj .hbanner .display em{color:var(--green-l);font-style:normal}
.dj .hbanner .hero-sub{color:#DCE0E5;max-width:52ch;margin-top:1.4rem}
.dj .hbanner .hero-actions{margin-top:clamp(28px,3.4vw,42px)}
.dj .hbanner .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.dj .hbanner .btn-ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}
.dj .hb-scroll{position:absolute;left:50%;bottom:18px;z-index:3;width:1px;height:44px;
  background:rgba(255,255,255,.28);overflow:hidden}
.dj .hb-scroll span{position:absolute;inset:0;background:var(--green-l);
  animation:hbScroll 2.4s cubic-bezier(.6,0,.4,1) infinite}
@keyframes hbScroll{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@media(max-width:820px){.dj .hbanner{min-height:auto}
.dj .hb-in{padding-block:clamp(104px,22vh,150px) clamp(48px,9vh,72px)}
.dj .hbanner .display{max-width:none}
.dj .hb-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.dj .hb-scroll span{animation:none;opacity:.4}}
.dj .claim{background:var(--ink);padding-block:clamp(34px,4.4vw,58px);text-align:center}
.dj .claim-txt{margin:0;color:#fff;font-weight:700;letter-spacing:-.02em;line-height:1.2;
  font-size:clamp(1.35rem,3.4vw,2.5rem)}
.dj .claim-txt em{color:var(--green-l);font-style:normal}
.dj .bereiche{display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}
.dj .bereiche.b5>.bk:nth-child(1), .dj .bereiche.b5>.bk:nth-child(2){grid-column:span 3}
.dj .bereiche.b5>.bk:nth-child(n+3){grid-column:span 2}
.dj .bereiche.b4>.bk{grid-column:span 3}
.dj .bereiche.b3>.bk{grid-column:span 2}
.dj .bk{position:relative;display:block;overflow:hidden;border-radius:var(--r);
  min-height:clamp(200px,23vw,300px);background:var(--ink);text-decoration:none;
  border:1px solid rgba(21,24,27,.08)}
.dj .bk img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.02) contrast(1.04) brightness(.86);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.dj .bk-v{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,24,27,.05) 30%,rgba(21,24,27,.78) 100%);
  transition:background .45s ease}
.dj .bk-t{position:absolute;left:0;right:0;bottom:0;padding:clamp(16px,2vw,24px);z-index:2;color:#fff}
.dj .bk-t b{display:block;font-size:clamp(1.02rem,1.5vw,1.3rem);letter-spacing:-.01em;line-height:1.2}
.dj .bk-t i{display:block;font-style:normal;margin-top:.3rem;font-size:.82rem;color:rgba(255,255,255,.72)}
.dj .bk::after{content:"";position:absolute;left:clamp(16px,2vw,24px);bottom:0;z-index:3;height:3px;
  width:0;background:var(--green);transition:width .45s cubic-bezier(.2,.7,.2,1)}
.dj .bk:hover img{transform:scale(1.06);filter:saturate(1.06) contrast(1.05) brightness(.95)}
.dj .bk:hover .bk-v{background:linear-gradient(180deg,rgba(21,24,27,.05) 24%,rgba(21,24,27,.84) 100%)}
.dj .bk:hover::after{width:clamp(46px,7vw,90px)}
@media(max-width:900px){.dj .bereiche{grid-template-columns:repeat(2,1fr)}
.dj .bereiche.b5>.bk, .dj .bereiche.b4>.bk, .dj .bereiche.b3>.bk{grid-column:span 1}
.dj .bereiche.b5>.bk:nth-child(1){grid-column:span 2}}
@media(max-width:560px){.dj .bereiche{grid-template-columns:1fr}
.dj .bereiche.b5>.bk:nth-child(1){grid-column:span 1}}
.dj .ftr-kw{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:clamp(32px,4vw,52px);
  padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line-dark)}
.dj .ftr-kw a{font-size:.76rem;color:var(--muted-dark);text-decoration:none;line-height:1.9;
  position:relative;transition:color .25s ease}
.dj .ftr-kw a:not(:last-child)::after{content:"|";margin-left:.9rem;color:rgba(255,255,255,.18)}
.dj .ftr-kw a:hover{color:var(--green-l)}
.dj .staedte{padding-block:clamp(46px,6vw,84px);text-align:center}
.dj .staedte .st-h{max-width:24ch;margin-inline:auto}
.dj .st-liste{list-style:none;margin:clamp(26px,3.4vw,44px) 0 0;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .55rem}
.dj .st-liste li{border:1px solid rgba(255,255,255,.18);border-radius:60px;padding:.42rem 1.05rem;
  font-size:.88rem;color:#D9DCE1;transition:border-color .3s ease,color .3s ease,background .3s ease}
.dj .st-liste li:hover{border-color:var(--green);color:#fff;background:rgba(118,184,42,.14)}
.dj .staedte:not(.on-dark) .st-liste li{border-color:var(--line);color:var(--text)}
.dj .staedte:not(.on-dark) .st-liste li:hover{border-color:var(--green);background:rgba(118,184,42,.10)}
.dj .st-s{margin:clamp(24px,3vw,38px) 0 0;font-size:clamp(1.02rem,1.8vw,1.3rem);font-weight:600;
  color:var(--green-l);letter-spacing:-.01em}
.dj .staedte:not(.on-dark) .st-s{color:var(--green-d)}
:root{
  --beton-hell:url("/wp-content/uploads/djonas/beton-hell.webp");
  --beton-dunkel:url("/wp-content/uploads/djonas/beton-dunkel.webp");
  --beton-groesse:560px;
}
.dj{background-color:var(--paper);background-image:var(--beton-hell);
  background-size:var(--beton-groesse);background-repeat:repeat;background-attachment:fixed}
@media(max-width:900px){.dj{background-attachment:scroll}}
.dj main section:not(.hero):not(.hbanner):not(.claim):not(.phero):not(.cta):not(.on-dark):nth-of-type(even), .dj .gwrap, .dj .statbar, .dj .phero{
  background-color:var(--paper-2);background-image:var(--beton-hell);
  background-size:var(--beton-groesse);background-repeat:repeat}
.dj .on-dark, .dj .claim, .dj .staedte.on-dark, .dj .igwrap{
  background-color:var(--ink);background-image:var(--beton-dunkel);
  background-size:var(--beton-groesse);background-repeat:repeat}
.dj .cta, .dj .hbanner, .dj .has-bg{background-image:none}
.dj .cta{background-color:var(--ink)}
.dj .tile, .dj .imgcard, .dj .gcard, .dj .acc, .dj .dl, .dj .note, .dj .quote, .dj .idx a{background-color:var(--paper)}
.dj .on-dark .tile, .dj .on-dark .imgcard, .dj .on-dark .note{background-color:var(--ink-2);background-image:none}
.dj .galerie{display:grid;gap:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:clamp(150px,15vw,210px);grid-auto-flow:dense}
.dj .gal-i{position:relative;display:block;padding:0;margin:0;border:0;cursor:zoom-in;
  overflow:hidden;border-radius:0;background:var(--paper-3);
  box-shadow:inset 0 0 0 1px rgba(21,24,27,.07)}
.dj .gal-i.quer{grid-column:span 2;grid-row:span 1}
.dj .gal-i.hoch{grid-column:span 1;grid-row:span 2}
.dj .gal-i img{width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.04) contrast(1.03);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.dj .gal-i::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(21,24,27,0) 52%,rgba(21,24,27,.72) 100%);
  opacity:0;transition:opacity .4s ease}
.dj .gal-u{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.9rem;text-align:left;
  color:#fff;font-size:.78rem;line-height:1.35;opacity:0;transform:translateY(6px);
  transition:opacity .35s ease,transform .35s ease}
.dj .gal-i:hover img, .dj .gal-i:focus-visible img{transform:scale(1.06)}
.dj .gal-i:hover::after, .dj .gal-i:focus-visible::after{opacity:1}
.dj .gal-i:hover .gal-u, .dj .gal-i:focus-visible .gal-u{opacity:1;transform:none}
.dj .gal-i:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:900px){.dj .galerie{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(130px,22vw,180px);
    grid-auto-flow:dense}
.dj .gal-i.quer{grid-column:span 2}
.dj .gal-i.hoch{grid-column:span 1;grid-row:span 2}}
@media(max-width:520px){.dj .galerie{grid-template-columns:1fr;grid-auto-rows:auto}
.dj .gal-i.quer, .dj .gal-i.hoch{grid-column:span 1;grid-row:span 1;aspect-ratio:4/3}
.dj .gal-u{opacity:1;transform:none}
.dj .gal-i::after{opacity:1}}
.dj .lightbox{position:fixed;inset:0;z-index:999;display:grid;place-items:center;
  background:rgba(13,15,17,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  padding:clamp(16px,4vw,48px);animation:lbAuf .25s ease}
.dj .lightbox[hidden]{display:none}
@keyframes lbAuf{from{opacity:0}to{opacity:1}}
.dj .lb-f{margin:0;max-width:min(1200px,92vw);max-height:86vh;display:flex;
  flex-direction:column;gap:.9rem;align-items:center}
.dj .lb-f img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:var(--r);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
.dj .lb-f figcaption{color:#C7CBD2;font-size:.86rem;text-align:center}
.dj .lightbox button{position:absolute;border:0;background:rgba(255,255,255,.10);color:#fff;
  cursor:pointer;border-radius:50%;display:grid;place-items:center;line-height:1;
  transition:background .25s ease,transform .25s ease}
.dj .lightbox button:hover{background:var(--green);color:#0E1216}
.dj .lb-zu{top:clamp(12px,2.4vw,26px);right:clamp(12px,2.4vw,26px);width:44px;height:44px;font-size:1.7rem}
.dj .lb-vor, .dj .lb-zurueck{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:2rem}
.dj .lb-vor{left:clamp(8px,2vw,26px)}
.dj .lb-zurueck{right:clamp(8px,2vw,26px)}
.dj .lb-vor:hover, .dj .lb-zurueck:hover{transform:translateY(-50%) scale(1.06)}
@media(max-width:560px){.dj .lb-vor, .dj .lb-zurueck{top:auto;bottom:12px;transform:none}
.dj .lb-vor:hover, .dj .lb-zurueck:hover{transform:scale(1.06)}}
.dj .clientwall li.mehr{font-style:italic;color:var(--muted);background:transparent}
.dj .on-dark .clientwall li.mehr{color:var(--green-l)}
.dj .topclients{display:flex;flex-wrap:wrap;gap:clamp(10px,1.4vw,16px);list-style:none;padding:0;margin:0}
.dj .topclients li{padding:.7em 1.3em;border-radius:100px;border:1.5px solid var(--line);
  font-weight:750;font-size:clamp(.92rem,1.3vw,1.08rem);letter-spacing:-.01em;
  background:#fff;color:var(--text);transition:.2s}
.dj .topclients li:hover{border-color:var(--green);color:var(--green-d);transform:translateY(-2px)}
.dj .on-dark .topclients li{background:var(--ink-2);border-color:var(--line-dark);color:#fff}
.dj .on-dark .topclients li:hover{border-color:var(--green-l);color:var(--green-l)}
.dj .locgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);
  list-style:none;padding:0;margin:0;overflow:hidden}
.dj .locgrid li{background:#fff;display:flex;align-items:center;gap:.65em;
  padding:clamp(12px,1.4vw,16px) clamp(14px,1.6vw,18px);font-size:.9rem;font-weight:650;
  color:var(--text)}
.dj .locgrid svg{flex:none;color:var(--green-d)}
:root{
  --paper:#EDEFEA;          
  --paper-2:#E1E4DD;        
  --paper-3:#D3D8CE;
  --line:#C9CFC3;
  --card:#FFFFFF;           
  --beton-groesse:520px;
}
.dj .tile, .dj .imgcard, .dj .gcard, .dj .acc, .dj .dl, .dj .note, .dj .quote, .dj .idx a, .dj .form input, .dj .form textarea, .dj .form select, .dj .gfallback, .dj .bandimg+*{background-color:var(--card)}
.dj .on-dark .tile, .dj .on-dark .imgcard, .dj .on-dark .note{background-color:var(--ink-2)}
.dj .clips{display:grid;gap:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.dj .clips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dj .clips{grid-template-columns:1fr}}
.dj .clip{position:relative;display:block;width:100%;padding:0;margin:0;border:0;cursor:pointer;
  aspect-ratio:9/16;overflow:hidden;border-radius:0;background:var(--ink-2);
  background-size:cover;background-position:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.dj .clip::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(21,24,27,.22) 0%,rgba(21,24,27,.10) 40%,rgba(21,24,27,.84) 100%);
  transition:background .4s ease}
.dj .clip:hover::after{background:linear-gradient(180deg,rgba(21,24,27,.14) 0%,rgba(21,24,27,.06) 40%,rgba(21,24,27,.88) 100%)}
.dj .clip-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:2;
  width:clamp(46px,4.4vw,58px);height:clamp(46px,4.4vw,58px);border-radius:50%;
  display:grid;place-items:center;color:#0E1216;background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.7);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s ease}
.dj .clip-play svg{width:42%;height:42%;margin-left:8%}
.dj .clip:hover .clip-play, .dj .clip:focus-visible .clip-play{
  transform:translate(-50%,-50%) scale(1.1);background:var(--green)}
.dj .clip:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.dj .clip.laeuft::after, .dj .clip.laeuft .clip-play{display:none}
.dj .clip video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;
  background:#000}
.dj .clip-solo{max-width:440px;margin-inline:auto;border-radius:calc(var(--r) + 4px);overflow:hidden;
  box-shadow:0 28px 60px -22px rgba(0,0,0,.45);outline:1px solid rgba(255,255,255,.08);
  outline-offset:-1px}
.dj .clip-solo .clip{border-radius:0;box-shadow:none}
.dj .clip-solo .clip-play{width:clamp(60px,7vw,84px);height:clamp(60px,7vw,84px)}
@media(max-width:900px){.dj .clip-solo{max-width:340px}}
.dj .statbar{background-color:var(--ink);background-image:var(--beton-dunkel);
  background-size:var(--beton-groesse);border-block-color:rgba(255,255,255,.10)}
.dj .statbar .s b{color:#fff}
.dj .statbar .s span{color:var(--muted-dark)}
.dj .statbar .in>*+*{border-left-color:rgba(255,255,255,.12)}
.dj .clip{background-image:none}
.dj .clip-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(1.04) contrast(1.03);
  transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.dj .clip:hover .clip-b{transform:scale(1.05)}
.dj .clip.laeuft .clip-b{display:none}

/* =====================================================================
   DJONAS_LAYOUT_FIX
   Twenty Twenty-Five rendert .entry-content als is-layout-constrained.
   Direkte Kinder erhalten dadurch max-width:645px - der dj-Wrapper ist
   so ein direktes Kind und wurde auf eine schmale Spalte gequetscht.

   Zusaetzlich traegt .entry-content das globale Padding des Themes.
   Fuer die DJonas-Seiten wird es auf 0 gesetzt, damit die randlosen
   Sections des Designs wirklich bis an den Viewport-Rand laufen.
   ===================================================================== */
.entry-content > .dj,
.wp-block-post-content > .dj{
  max-width:none;
}

body.djonas-page .entry-content{
  padding-left:0;
  padding-right:0;
}

/* Theme-Seitentitel ausblenden - das Design bringt seine eigene h1 mit */
body.djonas-page .wp-block-post-title{display:none}


/* =====================================================================
   DJONAS_CHROME_CSS
   Kopfzeile, Navigation, Burger, Mobilmenue und Mobilleiste.
   Diese Regeln fehlten im importierten Stylesheet - hier aus dem
   Original wiederhergestellt und wie der Rest auf .dj gescoped.
   ===================================================================== */
.dj .hdr{position:fixed;inset:0 0 auto;z-index:900;padding-block:clamp(12px,1.3vw,18px); transition:background .3s,box-shadow .3s,padding .3s;border-bottom:1px solid transparent}
.dj .hdr.solid{background:rgba(255,255,255,.97);backdrop-filter:blur(10px); border-bottom-color:var(--line);box-shadow:0 1px 12px rgba(22,24,28,.06)}
.dj .hdr.over-dark:not(.solid) .hdr-in{color:#fff}
.dj .hdr-in{display:flex;align-items:center;justify-content:space-between;gap:22px; max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}
.dj .wordmark{font-size:1.5rem;font-weight:800;letter-spacing:-.045em;text-decoration:none;line-height:1;white-space:nowrap}
.dj .wordmark b{font-weight:800;color:var(--green)}
.dj .nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,26px);list-style:none;margin:0;padding:0}
.dj .nav>li{position:relative}
.dj .nav a{text-decoration:none;font-size:.88rem;font-weight:600;padding:.55em 0;display:inline-block;position:relative}
.dj .nav>li>a::after{content:"";position:absolute;left:0;right:100%;bottom:.1em;height:2px; background:var(--green);transition:right .25s}
.dj .nav>li>a:hover::after,.dj .nav>li[aria-current]>a::after{right:0}
.dj .nav ul{display:none;position:absolute;top:100%;left:-16px;min-width:270px;background:#fff; padding:8px 0;margin:0;list-style:none;border:1px solid var(--line);border-top:3px solid var(--green); border-radius:0 0 var(--r) var(--r);box-shadow:0 16px 40px rgba(22,24,28,.14)}
.dj .nav li:hover>ul,.dj .nav li:focus-within>ul{display:block}
.dj .nav ul a{display:block;padding:.6em 20px;font-size:.86rem;font-weight:500;color:var(--text);transition:.16s}
.dj .nav ul a::after{display:none}
.dj .nav ul a:hover{background:var(--paper-2);color:var(--green-d)}
.dj .hdr-cta{display:flex;align-items:center;gap:10px}
.dj .hdr .btn{padding:.72em 1.2em;font-size:.83rem}
.dj .hdr .btn-tel,.dj .hdr .btn-insta{padding:.62em 1em;font-size:.83rem}
.dj .burger{display:none;width:44px;height:44px;border:1px solid currentColor;border-radius:var(--r); background:none;cursor:pointer;color:inherit;position:relative}
.dj .burger i{position:absolute;left:11px;right:11px;height:2px;background:currentColor;transition:.28s}
.dj .burger i:nth-child(1){top:16px}
.dj .burger i:nth-child(2){bottom:16px}
.dj .burger[aria-expanded="true"] i:nth-child(1){top:21px;transform:rotate(45deg)}
.dj .burger[aria-expanded="true"] i:nth-child(2){bottom:21px;transform:rotate(-45deg)}
@media(max-width:1180px){
.dj .nav,.dj .hdr .btn-tel{display:none}
.dj .burger{display:block}}
@media(max-width:820px){
.dj .hdr .btn,.dj .hdr .btn-insta{display:none}}
.dj .btn-tel,.dj .btn-insta{display:inline-flex;align-items:center;gap:.55em;font-size:.88rem; font-weight:650;letter-spacing:.01em;padding:.85em 1.3em;border-radius:var(--r); text-decoration:none;cursor:pointer;border:1.6px solid currentColor; transition:background .2s,border-color .2s,color .2s,transform .2s}
.dj .btn-insta:has(span:empty){padding-inline:.85em}
.dj .hdr .btn-tel,.dj .hdr .btn-insta{color:inherit;border-color:rgba(255,255,255,.4)}
.dj .hdr.solid .btn-tel,.dj .hdr.solid .btn-insta{border-color:var(--line)}
.dj .btn-tel:hover,.dj .btn-insta:hover{background:var(--green);border-color:var(--green);color:#fff; transform:translateY(-1px)}
.dj .btn-tel-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.dj .btn-tel-dark,.dj .btn-insta-dark{border-color:rgba(255,255,255,.28);color:#fff}
.dj .btn-tel-dark:hover,.dj .btn-insta-dark:hover{background:var(--green);border-color:var(--green)}
.dj .mnav{position:fixed;inset:0;z-index:890;background:var(--ink);color:#fff; padding:100px var(--gut) 40px;overflow-y:auto;transform:translateY(-100%); transition:transform .42s cubic-bezier(.76,0,.24,1);visibility:hidden}
.dj .mnav.open{transform:translateY(0);visibility:visible}
.dj .mnav h5{font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:var(--green-l); margin:24px 0 6px;font-weight:700}
.dj .mnav a{display:block;text-decoration:none;font-size:1.06rem;font-weight:500;color:#E4E7EB; border-bottom:1px solid rgba(255,255,255,.08);padding:.62em 0}
.dj .mnav a:hover{color:var(--green-l)}
.dj .mbar{position:fixed;bottom:0;left:0;right:0;z-index:880;display:none;background:var(--ink)}
.dj .mbar a{flex:1;display:flex;align-items:center;justify-content:center;padding:15px 6px;color:#fff; text-decoration:none;font-size:.82rem;font-weight:650;min-height:52px}
.dj .mbar a+a{border-left:1px solid var(--line-dark)}
.dj .mbar a:last-child{background:var(--green)}
@media(max-width:1180px){
.dj .mbar{display:flex}
body.djonas-page{padding-bottom:52px}}
.dj .hdr.hdr-over{position:absolute;left:0;right:0;top:0;z-index:60;background:transparent; border-bottom-color:transparent}
.dj .hdr.hdr-over .wordmark{color:#fff}
.dj .hdr.hdr-over .nav>li>a{color:rgba(255,255,255,.92)}
.dj .hdr.hdr-over .nav>li>a:hover{color:#fff}
.dj .hdr.hdr-over .btn-tel{color:rgba(255,255,255,.85)}
.dj .hdr.hdr-over .btn-tel:hover{color:#fff}
.dj .hdr.hdr-over .burger i{background:#fff}
.dj .hdr.hdr-over .nav ul{background:var(--ink);border-color:rgba(255,255,255,.14)}
.dj .hdr.hdr-over .nav ul a{color:#D9DCE1}
.dj .hdr.hdr-over .nav ul a:hover{color:var(--green-l);background:var(--ink-2)}
.dj .hdr.hdr-over.solid{position:fixed;background:rgba(255,255,255,.97); -webkit-backdrop-filter:saturate(1.6) blur(10px);backdrop-filter:saturate(1.6) blur(10px); border-bottom-color:var(--line)}
.dj .hdr.hdr-over.solid .wordmark{color:var(--ink)}
.dj .hdr.hdr-over.solid .nav>li>a{color:var(--text)}
.dj .hdr.hdr-over.solid .btn-tel{color:var(--muted)}
.dj .hdr.hdr-over.solid .burger i{background:var(--ink)}
.dj .hdr{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.10)}
.dj .hdr .nav>li>a{color:rgba(255,255,255,.90)}
.dj .hdr .nav>li>a:hover,.dj .hdr .nav>li[aria-current] >a{color:#fff}
.dj .hdr .btn-tel{color:rgba(255,255,255,.80)}
.dj .hdr .btn-tel:hover{color:#fff}
.dj .hdr .burger i{background:#fff}
.dj .hdr .nav ul{background:var(--ink-2);border-color:rgba(255,255,255,.14)}
.dj .hdr .nav ul a{color:#D9DCE1}
.dj .hdr .nav ul a:hover{color:var(--green-l);background:rgba(255,255,255,.06)}
.dj .hdr.solid{background:rgba(21,24,27,.96); -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.dj .hdr.hdr-over:not(.solid){background:transparent;border-bottom-color:transparent}
.dj .hdr.hdr-over.solid{position:fixed;background:rgba(21,24,27,.96); border-bottom-color:rgba(255,255,255,.10)}
.dj .hdr.hdr-over.solid .wordmark img,.dj .hdr .wordmark img{filter:none}
.dj .wordmark{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.dj .wordmark img{height:30px;width:auto;display:block}
.dj .ftr .wordmark img{height:40px}
@media(max-width:600px){
.dj .wordmark img{height:26px}}
.dj .mnav{background:var(--ink)}
.dj .mnav a{color:#D9DCE1}
.dj .mnav a:hover{color:var(--green-l)}
.dj .skip{position:absolute;left:-9999px;top:0;background:var(--green);color:#fff;padding:12px 20px; z-index:999;font-weight:650;border-radius:var(--r)}
.dj .skip:focus{left:12px;top:12px}

body.djonas-page .wp-site-blocks > header,
body.djonas-page .wp-site-blocks > footer{display:none}
.dj-chrome{background:transparent;padding:0}
@media(max-width:1180px){body.djonas-page{padding-bottom:52px}}
@media print{.dj .hdr,.dj .mbar,.dj .mnav{display:none}}


/* Theme-Abstaende oberhalb und unterhalb des Designs entfernen */
body.djonas-page main.wp-block-group{margin-block:0 !important;padding-block:0 !important}
body.djonas-page main .wp-block-group{padding-block:0 !important}
body.djonas-page .entry-content{margin-block:0 !important;padding:0 !important}

/* Kopfzeile nicht unter die WordPress-Adminleiste schieben */
body.admin-bar.djonas-page .dj .hdr{top:32px}
@media screen and (max-width:782px){body.admin-bar.djonas-page .dj .hdr{top:46px}}


/* Fusszeile: Basisregeln aus dem Original, im Import verloren gegangen */
.dj .ftr{background:var(--ink);color:#A2A8B2;padding-block:clamp(48px,6vw,80px) 26px}
.dj .ftr h6{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--green-l);margin:0 0 1em;font-weight:700}
.dj .ftr ul{list-style:none;padding:0;margin:0}
.dj .ftr li{margin-bottom:.45em}
.dj .ftr a{text-decoration:none;font-size:.9rem;transition:color .18s}
.dj .ftr a:hover{color:var(--green-l)}
.dj .ftr .wordmark{color:#fff;font-size:1.6rem}
.dj .ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:clamp(34px,4vw,56px);padding-top:22px;border-top:1px solid var(--line-dark);font-size:.83rem;color:#7C828C}
.dj .ftr-bottom nav{display:flex;flex-wrap:wrap;gap:18px}


/* =====================================================================
   DJONAS_FEINSCHLIFF
   Mobilmenue schliessbar, Referenzwand groesser, Galerie wirkungsvoller.
   ===================================================================== */

/* Kopfzeile muss ueber dem Mobilmenue liegen, sonst ist der
   Schliessen-Button nicht mehr erreichbar */
.dj .hdr.hdr-over{z-index:900}

/* --- Referenzwand: weniger, dafuer groessere Felder --- */
.dj .clientwall{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  border:0;
}
.dj .clientwall li{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-height:88px;padding:20px 18px;
  font-size:1.02rem;font-weight:600;letter-spacing:-.01em;
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:var(--r);
  transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;
}
.dj .clientwall li:hover{
  background:#fff;border-color:var(--green);
  transform:translateY(-2px);box-shadow:var(--sh);
}
.dj .clientwall li:last-child{
  background:transparent;border-style:dashed;font-style:italic;font-weight:500;color:var(--muted);
}
@media(max-width:1000px){.dj .clientwall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.dj .clientwall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dj .clientwall li{min-height:72px;font-size:.94rem;padding:16px 12px}}

/* --- Momente-Galerie: Luft, Rundungen, Zoom beim Ueberfahren --- */
.dj .galerie{gap:12px}
.dj .galerie .gal-i{
  border-radius:var(--r);overflow:hidden;position:relative;
  background:var(--ink-2);
}
.dj .galerie .gal-i img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .4s;
}
.dj .galerie .gal-i:hover img{transform:scale(1.06);filter:saturate(1.08)}
.dj .galerie .gal-i::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(14,15,12,.45));
  opacity:0;transition:opacity .35s;pointer-events:none;
}
.dj .galerie .gal-i:hover::after{opacity:1}

/* Erstes Motiv als Blickfang ueber vier Felder */
.dj .galerie .gal-i:first-child{grid-column:span 2;grid-row:span 2}

@media(max-width:900px){
  .dj .galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .dj .galerie .gal-i:first-child{grid-column:span 2;grid-row:span 1}
}


/* =====================================================================
   DJONAS_GOLIVE_CSS
   Fehlerseite im Design, Abspielknopf nur bei vorhandenem Video.
   ===================================================================== */

/* Auf der Fehlerseite die Theme-Variante ausblenden */
body.djonas-404 .wp-site-blocks > main{display:none}
body.djonas-404 .djonas-404-inhalt{display:block}
body.djonas-404 .djonas-404-inhalt .entry-content{margin:0;padding:0;max-width:none}

/* Clip ohne hinterlegte Videodatei: kein Abspielknopf, kein Zeiger */
.dj .clip[data-clip-fehlt]{cursor:default}
.dj .clip[data-clip-fehlt] .clip-play{display:none}
.dj .clip[data-clip-fehlt]:hover .clip-b{transform:none}


/* =====================================================================
   DJONAS_AUSBAU
   Kompakteres Layout, neuer Instagram-Button, Masonry-Galerie,
   aufgewertete Referenzliste, Stil fuer die verteilten Videoblöcke.
   ===================================================================== */

/* --- 1. Weniger Leerraum ---------------------------------------------
   Der Sektionsrhythmus lag bei bis zu 108px oben und unten. Auf grossen
   Schirmen entstanden dadurch Flaechen ohne Inhalt. Rund ein Drittel
   weniger, ohne dass es gedraengt wirkt. */
:root{
  --sec:clamp(44px,5.2vw,76px);
  --gut:clamp(20px,4.2vw,56px);
}
.dj .g{gap:clamp(20px,2.6vw,38px)}
.dj .phero{padding-block:clamp(104px,11vw,132px) clamp(28px,3.4vw,46px)}
.dj .prose p + p{margin-top:.85em}
.dj .h2{margin-bottom:.15em}
.dj .lead{margin-top:1rem}

/* --- 2. Instagram-Button ---------------------------------------------
   Vorher ein bunter Farbverlauf mit Schlagschatten - neben dem
   schlichten Telefon-Button und dem gruenen CTA wirkte das unruhig.
   Jetzt still im Ruhezustand, die Instagram-Farben kommen beim
   Ueberfahren. */
.dj .hdr .btn-insta{
  position:relative;overflow:hidden;
  border:1.6px solid rgba(255,255,255,.3);
  background:transparent;
  color:rgba(255,255,255,.85);
  box-shadow:none;
  width:42px;height:42px;padding:0;
  justify-content:center;
  border-radius:var(--r);
  transition:color .25s,border-color .25s,transform .25s;
}
.dj .hdr .btn-insta::before{
  content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease;
  background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.dj .hdr .btn-insta svg{position:relative;z-index:1}
.dj .hdr .btn-insta span{display:none}
.dj .hdr .btn-insta:hover{color:#fff;border-color:transparent;transform:translateY(-1px)}
.dj .hdr .btn-insta:hover::before{opacity:1}
.dj .hdr.solid .btn-insta{border-color:rgba(255,255,255,.22)}

/* --- 3. Referenzliste ------------------------------------------------ */
.dj .topclients{
  display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0;
}
.dj .topclients li{
  padding:.7em 1.15em;
  font-size:.95rem;font-weight:600;letter-spacing:-.01em;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.dj .topclients li:hover{
  border-color:var(--green);
  transform:translateY(-2px);
  box-shadow:0 6px 18px -8px rgba(22,24,28,.25);
}

/* --- 4. Galerie als Masonry ------------------------------------------
   Spaltenlayout statt Raster: Jedes Bild behaelt sein eigenes
   Seitenverhaeltnis, die Spalten fuellen sich lueckenlos. */
.dj .galerie{
  display:block;
  column-count:4;
  column-gap:12px;
  grid-template-columns:none;
}
.dj .galerie .gal-i{
  display:block;
  width:100%;
  margin:0 0 12px;
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  aspect-ratio:auto;
  grid-column:auto;
  grid-row:auto;
  border-radius:var(--r);
  overflow:hidden;
}
.dj .galerie .gal-i img{
  width:100%;height:auto;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .4s;
}
.dj .galerie .gal-i:hover img{transform:scale(1.05);filter:saturate(1.08)}
@media(max-width:1100px){.dj .galerie{column-count:3}}
@media(max-width:760px){.dj .galerie{column-count:2;column-gap:10px}
  .dj .galerie .gal-i{margin-bottom:10px}}

/* --- 5. uvm.-Eintrag in den Locationlisten --------------------------- */
.dj .locgrid .loc-uvm{
  font-style:italic;color:var(--muted);
  opacity:.85;
}

/* --- 6. Verteilte Videoblöcke ---------------------------------------- */
.dj .djonas-clipblock{padding-block:var(--sec)}
.dj .djonas-clipblock .g{align-items:center}
.dj .djonas-clipblock .clip-solo{max-width:330px;margin-left:auto}
.dj .djonas-clipblock .clip{aspect-ratio:9/16}
@media(max-width:900px){
  .dj .djonas-clipblock .clip-solo{max-width:300px;margin:0 auto}
}

/* ---------------------------------------------------------------------
   DJONAS_VIDEO_V2_CSS
   Videoband mit Dreierreihe, stumme Vorschauloops in allen Kacheln,
   engere Abstaende zwischen aufeinanderfolgenden Abschnitten.
   --------------------------------------------------------------------- */

/* --- Vorschauloop in jeder Kachel --- */
.dj .clip{position:relative;overflow:hidden}
.dj .clip .clip-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .7s ease;z-index:1;pointer-events:none;background:#0b0c0e}
.dj .clip.is-live .clip-v{opacity:1}
.dj .clip .clip-play{z-index:3}
.dj .clip.is-live .clip-play{opacity:.82;transform:translate(-50%,-50%) scale(.92)}
.dj .clip.is-live:hover .clip-play{opacity:1;transform:translate(-50%,-50%) scale(1)}

/* --- Videoband --- */
.dj .djonas-clipband{position:relative;overflow:hidden;
  padding-block:clamp(42px,4.6vw,68px);
  background:linear-gradient(180deg,#0d0f12 0%,#131519 100%)}
.dj .djonas-clipband::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 78% 30%,rgba(198,161,92,.14),transparent 62%);
  pointer-events:none}
.dj .djonas-clipband .shell{position:relative;z-index:2}
.dj .djonas-clipband .cb-g{display:grid;
  grid-template-columns:minmax(0,4.4fr) minmax(0,7.6fr);
  gap:clamp(22px,3.2vw,52px);align-items:center}
.dj .djonas-clipband .cb-text .kicker{margin-bottom:.55rem}
.dj .djonas-clipband .cb-text .h2{margin-bottom:.1em}
.dj .djonas-clipband .cb-text .lead{color:#C9CED6}
.dj .djonas-clipband .cb-hint{margin-top:1.15rem}
.dj .cb-link{display:inline-flex;align-items:center;gap:.5em;
  font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gold,#C6A15C);text-decoration:none;border-bottom:1px solid rgba(198,161,92,.35);
  padding-bottom:.25em;transition:border-color .25s ease,color .25s ease}
.dj .cb-link::after{content:"\2192";transition:transform .25s ease}
.dj .cb-link:hover{color:#E4CD9A;border-color:rgba(198,161,92,.9)}
.dj .cb-link:hover::after{transform:translateX(4px)}

.dj .djonas-clipband .cb-reihe{display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(10px,1.3vw,18px);align-items:center}
.dj .djonas-clipband .cb-reihe .clip{width:100%;aspect-ratio:9/16;display:block;
  border:0;padding:0;margin:0;background:#111;cursor:pointer;
  border-radius:var(--r,14px);overflow:hidden;position:relative}
.dj .djonas-clipband .cb-reihe .clip .clip-b{width:100%;height:100%;object-fit:cover;display:block}
.dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt){transform:scale(.84);opacity:.62;
  transition:transform .5s ease,opacity .5s ease}
.dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt):hover{transform:scale(.9);opacity:1}
.dj .djonas-clipband .cb-haupt{box-shadow:0 24px 58px rgba(0,0,0,.5);
  outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}
.dj .djonas-clipband .cb-haupt:hover{transform:translateY(-4px);transition:transform .45s ease}

@media(max-width:900px){
  .dj .djonas-clipband .cb-g{grid-template-columns:1fr;gap:clamp(18px,4vw,28px)}
  .dj .djonas-clipband .cb-reihe{display:flex;gap:12px;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin-inline:calc(-1 * var(--gut,24px));padding-inline:var(--gut,24px);
    padding-block:6px;scrollbar-width:none}
  .dj .djonas-clipband .cb-reihe::-webkit-scrollbar{display:none}
  .dj .djonas-clipband .cb-reihe .clip{flex:0 0 60%;scroll-snap-align:center}
  .dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt){transform:none;opacity:.8}
  .dj .djonas-clipband .cb-haupt:hover{transform:none}
}
@media(max-width:520px){
  .dj .djonas-clipband .cb-reihe .clip{flex:0 0 72%}
}

/* --- Abstaende: gestapelte Abschnitte ruecken zusammen --- */
:root{--sec:clamp(36px,4.1vw,58px)}

.dj section:not(.on-dark):not(.has-bg):not(.claim):not(.staedte):not(.cta):not(.hero):not(.phero):not(.marquee)
+ section:not(.on-dark):not(.has-bg):not(.claim):not(.staedte):not(.cta):not(.marquee){
  padding-top:calc(var(--sec) * .48)}

.dj .phero{padding-block:clamp(100px,10.4vw,124px) clamp(22px,2.6vw,36px)}
.dj .phero + section{padding-top:clamp(26px,3vw,42px)}
.dj .staedte{padding-block:clamp(40px,4.4vw,62px)}
.dj .claim{padding-block:clamp(26px,3.2vw,42px)}
.dj .djonas-clipband + section,.dj section + .djonas-clipband{padding-top:clamp(42px,4.6vw,68px)}

/* --- DJONAS_VIDEO_V2_TUNE: groessere Kacheln, klare Hierarchie --- */
.dj .djonas-clipband{padding-block:clamp(40px,4.2vw,62px)}
.dj .djonas-clipband .cb-g{grid-template-columns:minmax(0,3.9fr) minmax(0,8.1fr);
  gap:clamp(20px,2.6vw,44px)}
.dj .djonas-clipband .cb-reihe{grid-template-columns:.88fr 1.3fr .88fr;
  gap:clamp(8px,1vw,14px)}
.dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt){transform:scale(.94);opacity:.68}
.dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt):hover{transform:scale(.98);opacity:1}
.dj .djonas-clipband .cb-name{position:absolute;left:0;right:0;bottom:0;z-index:4;
  padding:2.6em .9em .8em;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;text-align:left;line-height:1.2;
  background:linear-gradient(to top,rgba(6,7,9,.86),rgba(6,7,9,.35) 55%,transparent);
  pointer-events:none}
.dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt) .cb-name{font-size:.64rem;padding:2.2em .7em .65em}
@media(max-width:900px){
  .dj .djonas-clipband .cb-reihe{grid-template-columns:none}
  .dj .djonas-clipband .cb-reihe .clip:not(.cb-haupt){transform:none;opacity:.82}
}

/* --- DJONAS_VIDEO_V2_BREITE --- */
.dj .djonas-clipband .cb-reihe{max-width:760px;width:100%;justify-self:end}
@media(max-width:900px){.dj .djonas-clipband .cb-reihe{max-width:none;justify-self:stretch}}

/* --- DJONAS_VIDEO_V2_MOBIL --- */
@media(max-width:900px){
  .dj .djonas-clipband .cb-g{grid-template-columns:1fr !important;gap:clamp(16px,4vw,26px)}
  .dj .djonas-clipband .cb-text{max-width:34ch}
  .dj .djonas-clipband .cb-hint{margin-top:.9rem}
  .dj .djonas-clipband{padding-block:clamp(34px,7vw,48px)}
}

/* --- DJONAS_VIDEO_V2_MOBIL_2 --- */
@media(max-width:900px){
  .dj .djonas-clipband .cb-reihe .clip{flex:0 0 auto;height:min(54vh,420px);width:auto}
}

/* --- DJONAS_SOLO_KOMPAKT ---
   Einzelne Hochformat-Kacheln aus der Vorlage: Hoehe begrenzen und den
   Text daneben vertikal zentrieren, damit keine leere Flaeche entsteht. */
.dj .clip-solo{display:flex;justify-content:center}
.dj .clip-solo .clip{height:min(70vh,540px);width:auto;max-width:100%;aspect-ratio:9/16}
.dj .g:has(.clip-solo){align-items:center}
@media(max-width:900px){
  .dj .clip-solo .clip{height:min(58vh,440px)}
}

/* --- DJONAS_CB_INLINE: Dreierreihe auch ausserhalb des dunklen Bandes --- */
.dj .cb-inline{display:grid;grid-template-columns:.88fr 1.3fr .88fr;gap:clamp(8px,1vw,14px);align-items:center;max-width:480px;margin-left:auto}
.dj .cb-inline .clip{width:100%;aspect-ratio:9/16;display:block;border:0;padding:0;margin:0;background:#111;cursor:pointer;border-radius:var(--r,14px);overflow:hidden;position:relative}
.dj .cb-inline .clip .clip-b{width:100%;height:100%;object-fit:cover;display:block}
.dj .cb-inline .clip:not(.cb-haupt){transform:scale(.94);opacity:.72;transition:transform .5s ease,opacity .5s ease}
.dj .cb-inline .clip:not(.cb-haupt):hover{transform:scale(.98);opacity:1}
.dj .cb-inline .cb-haupt{box-shadow:0 18px 44px rgba(0,0,0,.28)}
.dj .cb-inline .cb-name{position:absolute;left:0;right:0;bottom:0;z-index:4;padding:2.4em .8em .7em;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:#fff;text-align:left;line-height:1.2;background:linear-gradient(to top,rgba(6,7,9,.86),rgba(6,7,9,.3) 55%,transparent);pointer-events:none}
.dj .cb-inline .clip:not(.cb-haupt) .cb-name{font-size:.58rem}
.dj .g:has(.cb-inline){align-items:center}
@media(max-width:900px){
  .dj .cb-inline{max-width:none;margin-left:0;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:4px}
  .dj .cb-inline::-webkit-scrollbar{display:none}
  .dj .cb-inline .clip{flex:0 0 auto;height:min(46vh,340px);width:auto;scroll-snap-align:center}
  .dj .cb-inline .clip:not(.cb-haupt){transform:none;opacity:.82}
}

/* --- DJONAS_CB_INLINE_2 --- */
.dj .cb-inline{max-width:560px}

/* ---------------------------------------------------------------------
   DJONAS_SPRACHE_CSS
   Umschalter DE/EN in Kopfzeile und Mobilmenü, kürzere Videoreihen.
   --------------------------------------------------------------------- */
.dj .btn-lang{display:inline-flex;align-items:center;gap:.42em;
  height:40px;padding:0 .85em;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);color:#EDEFF2;
  font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;background:transparent;white-space:nowrap;
  transition:border-color .25s ease,color .25s ease,background .25s ease}
.dj .btn-lang svg{opacity:.75;flex:0 0 auto}
.dj .btn-lang:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);color:#fff}
.dj .btn-lang:hover svg{opacity:1}
.dj .btn-lang:focus-visible{outline:2px solid var(--gold,#C6A15C);outline-offset:2px}

.dj .mnav-lang{display:inline-flex;align-items:center;gap:.5em;
  margin:0 0 .4rem;padding:.55em 1em;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);color:#EDEFF2;
  font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;align-self:flex-start;width:max-content}
.dj .mnav-lang:hover{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.07)}

@media(max-width:1180px){
  .dj .hdr .btn-lang{display:none}
}
@media(max-width:520px){
  .dj .btn-lang{height:36px;padding:0 .7em;font-size:.72rem}
}

/* --- Videoreihen mit einer oder zwei Kacheln --- */
.dj .djonas-clipband .cb-reihe.cb-reihe-1{grid-template-columns:minmax(0,1fr);max-width:330px}
.dj .djonas-clipband .cb-reihe.cb-reihe-2{grid-template-columns:1.25fr .92fr;max-width:540px}
.dj .djonas-clipband .cb-reihe-1 .clip,
.dj .djonas-clipband .cb-reihe-2 .clip{transform:none;opacity:1}
.dj .djonas-clipband .cb-reihe-2 .clip:not(.cb-haupt){opacity:.78}
.dj .djonas-clipband .cb-reihe-2 .clip:not(.cb-haupt):hover{opacity:1}

/* --- Hinweisband ohne Videos --- */
.dj .djonas-hinweis .cb-g-solo{grid-template-columns:minmax(0,1fr);max-width:640px}
.dj .djonas-hinweis{padding-block:clamp(38px,4vw,58px)}
.dj .djonas-hinweis .cb-text .lead{max-width:34ch}

@media(max-width:900px){
  .dj .djonas-clipband .cb-reihe.cb-reihe-1,
  .dj .djonas-clipband .cb-reihe.cb-reihe-2{max-width:none;justify-self:stretch}
}

/* --- DJONAS_HINWEIS_MITTIG --- */
.dj .djonas-hinweis .cb-g-solo{max-width:660px;margin-inline:auto;text-align:center}
.dj .djonas-hinweis .cb-text .lead{max-width:44ch;margin-inline:auto}
.dj .djonas-hinweis .kicker{justify-content:center}

/* --- DJONAS_MNAV_LANG_FIX: schlaegt die allgemeine .mnav a-Regel --- */
.dj .mnav a.mnav-lang{display:inline-flex;align-items:center;gap:.5em;
  width:max-content;max-width:100%;padding:.55em 1.05em;margin:0 0 1.1rem;
  border:1px solid rgba(255,255,255,.24);border-radius:999px;
  font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#EDEFF2;white-space:nowrap;line-height:1}
.dj .mnav a.mnav-lang svg{opacity:.75;flex:0 0 auto}
.dj .mnav a.mnav-lang:hover{border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.08);color:#fff}

/* DJONAS_STATBAR_FIX */
.dj .statbar .s{background:transparent}
.dj .statbar .in{background:transparent}


/* DJONAS_COOKIE_CONSENT */
.cc-banner{position:fixed;inset:auto 0 0 0;z-index:9999;padding:16px;pointer-events:none}
.cc-banner[hidden]{display:none}
.cc-banner .cc-box{pointer-events:auto;max-width:900px;margin:0 auto;background:var(--ink);
  color:#fff;border-radius:12px;box-shadow:var(--sh);padding:20px 22px;
  border:1px solid var(--line-dark)}
.cc-banner .cc-main{display:block}
.cc-banner .cc-h{margin:0 0 6px;font-weight:650;font-size:1rem;color:#fff}
.cc-banner .cc-txt{margin:0;font-size:.86rem;line-height:1.6;color:var(--muted-dark)}
.cc-banner .cc-txt a{color:#fff;text-decoration:underline}
.cc-banner .cc-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.cc-banner .cc-btn{font-size:.83rem;padding:.72em 1.3em}
.cc-banner .btn-ghost{color:#fff;border-color:var(--line-dark)}
.cc-banner .btn-ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.cc-banner .cc-link{background:none;border:none;color:var(--muted-dark);font-size:.83rem;
  text-decoration:underline;cursor:pointer;padding:.5em 0;margin-right:auto}
.cc-banner .cc-link:hover{color:#fff}
.cc-banner .cc-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-dark);
  display:flex;flex-direction:column;gap:10px}
.cc-banner .cc-panel[hidden]{display:none}
.cc-banner .cc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  cursor:pointer}
.cc-banner .cc-row input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--green)}
.cc-banner .cc-row-txt{display:flex;flex-direction:column;gap:2px}
.cc-banner .cc-row-txt b{font-size:.88rem;color:#fff}
.cc-banner .cc-row-txt small{font-size:.79rem;color:var(--muted-dark);line-height:1.5}
.cc-banner .cc-panel-actions{margin-top:4px}
.ftr-bottom .cc-settings-link{background:none;border:none;color:inherit;font:inherit;
  cursor:pointer;padding:0;text-decoration:none}
.ftr-bottom .cc-settings-link:hover{text-decoration:underline}
@media (max-width:640px){
  .cc-banner{padding:10px}
  .cc-banner .cc-box{padding:16px}
  .cc-banner .cc-actions{flex-direction:column;align-items:stretch}
  .cc-banner .cc-link{margin-right:0;order:3;text-align:center}
  .cc-banner .cc-btn{width:100%;justify-content:center}
}