/* ============================================================
   JUST KFO Design-System  (jj-design-system.css)
   Stand: 13.07.2026 – extrahiert aus dem finalen Invisalign-Redesign (Seite 653)
   Scope: Wrapper <div id="jj-<seite>" class="jj-ds"> ... Klassen jjds-*
   Komponenten: wrap, hero(+herofig/herobadge/herocta/focus), kicker, sec, sub,
   intro, card(+2col), chips, checks, steps/step, ministeps, glance, price,
   trust, cmp(Vorher/Nachher-Slider), video(DSGVO-Facade), quote(dunkel),
   quellen, faqlist/faq(nummeriert), kontakt(dunkles CTA-Panel), oz(Status),
   tel, cta, nav/navwrap(Glas-Pill-Scrollspy), rev(Scroll-Reveal, braucht
   Body-Klasse jjds-js via Inline-Script), mark(Deko), blob(Hero-Morph).
   Reviews: .jj-r-score/.jj-r-count werden site-weit von Snippet #686 gefüllt.
   ============================================================ */

.jj-ds{--jjc:#FDF7F0;--jja:#343637;--jjm:#BACEC7;--jjg:#779c94;--jjgd:#5F8077;--jjy:#E6B85C;color:var(--jja);line-height:1.65;position:relative;overflow-x:clip}
.jj-ds *{box-sizing:border-box}
.jj-ds .jjds-wrap{max-width:1100px;margin:0 auto;padding:1rem 1.3rem 4rem;position:relative}
.jj-ds h1,.jj-ds h2,.jj-ds h3{color:var(--jja);line-height:1.25}
.jj-ds a{color:var(--jjg)}
.jj-ds img{max-width:100%;height:auto;display:block}
/* ===== Liquid-Deko: Signet-Wasserzeichen + Farb-Blobs ===== */
.jj-ds .jjds-mark{position:absolute;z-index:0;pointer-events:none;animation:jjdsfloat 14s ease-in-out infinite alternate}
.jj-ds .jjds-mark svg{display:block;width:100%;height:auto}
.jj-ds .jjds-mark path{fill:var(--jjm)}
.jj-ds .jjds-mark.m1{width:300px;top:-30px;right:-80px;opacity:.28;transform:rotate(10deg)}
.jj-ds .jjds-mark.m2{width:230px;top:2400px;left:-105px;opacity:.18;transform:rotate(-9deg);animation-duration:18s}
.jj-ds .jjds-blob{position:absolute;z-index:0;pointer-events:none;filter:blur(60px);opacity:.55;animation:jjdsfloat 16s ease-in-out infinite alternate}
.jj-ds .jjds-blob.b1{width:420px;height:420px;top:120px;left:-180px;background:radial-gradient(circle at 35% 35%,#dcebe6,rgba(220,235,230,0));animation-duration:20s}
.jj-ds .jjds-blob.b2{width:380px;height:380px;top:1450px;right:-190px;background:radial-gradient(circle at 60% 40%,#e9f2ee,rgba(233,242,238,0))}
@keyframes jjdsfloat{0%{margin-top:0}100%{margin-top:26px}}
@keyframes jjdsmorph{0%{border-radius:58% 42% 55% 45%/48% 56% 44% 52%}50%{border-radius:45% 55% 42% 58%/55% 45% 58% 42%}100%{border-radius:52% 48% 58% 42%/45% 55% 42% 58%}}
@media (prefers-reduced-motion:reduce){.jj-ds .jjds-mark,.jj-ds .jjds-blob,.jj-ds .jjds-herofig .fig{animation:none!important}}
/* ===== Scroll-Reveal ===== */
.jj-ds.jjds-js .jjds-rev{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.jj-ds.jjds-js .jjds-rev.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.jj-ds.jjds-js .jjds-rev{opacity:1;transform:none;transition:none}}
/* ===== Hero ===== */
.jj-ds .jjds-hero{position:relative;z-index:1;padding:2.2rem 0 .6rem;display:grid;grid-template-columns:1fr;gap:1.2rem;align-items:center}
.jj-ds .jjds-kicker{display:inline-block;background:rgba(255,255,255,.65);border:1px solid var(--jjm);color:var(--jjgd);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem 1.1rem;border-radius:99px;margin-bottom:1rem}
.jj-ds h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:.1em 0 .4em}
.jj-ds h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--jjm) 62%)}
.jj-ds .jjds-sub{font-size:1.12rem;max-width:44em}
.jj-ds .jjds-herofig{position:relative;z-index:1;margin:.4rem auto 0;max-width:380px;width:100%}
.jj-ds .jjds-herofig .fig{position:relative;overflow:hidden;border-radius:58% 42% 55% 45%/48% 56% 44% 52%;animation:jjdsmorph 16s ease-in-out infinite alternate;box-shadow:0 18px 45px rgba(95,128,119,.22)}
.jj-ds .jjds-herofig .fig img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.jj-ds .jjds-herobadge{position:absolute;left:-14px;bottom:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:16px;padding:.55rem .95rem;font-size:.88rem;font-weight:700;box-shadow:0 10px 26px rgba(95,128,119,.25);display:flex;align-items:center;gap:.45em}
.jj-ds .jjds-herobadge .st{color:var(--jjy);font-size:1.05em}
.jj-ds .jjds-focus{position:absolute;top:-10px;left:-8px;width:84px;height:auto;z-index:2;border-radius:6px;box-shadow:0 10px 26px rgba(52,54,55,.22)}
.jj-ds .jjds-herocta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;align-items:center}
@media(min-width:820px){.jj-ds .jjds-hero{grid-template-columns:1.3fr 1fr;gap:2rem}.jj-ds .jjds-herofig{margin:0}}
/* ===== Buttons ===== */
.jj-ds .jjds-cta{display:inline-block;background:var(--jjg);color:#fff!important;border-radius:99px;padding:.7em 1.8em;text-decoration:none;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 22px rgba(119,156,148,.35);position:relative;z-index:1;cursor:pointer}
.jj-ds .jjds-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(119,156,148,.45)}
.jj-ds .jjds-cta.ghost{background:#fff;color:var(--jjgd)!important;border:1.5px solid var(--jjm);box-shadow:none}
.jj-ds .jjds-cta.ghost:hover{border-color:var(--jjg);box-shadow:0 8px 20px rgba(119,156,148,.2)}
/* ===== Auf einen Blick ===== */
.jj-ds .jjds-glance{position:relative;z-index:1;background:#fff;border-radius:26px;padding:1.5rem 1.6rem;margin:1.6rem 0 1rem;box-shadow:0 14px 40px rgba(95,128,119,.08);border:1px solid rgba(186,206,199,.35)}
.jj-ds .jjds-glance .lbl{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--jjgd);margin-bottom:.5rem}
.jj-ds .jjds-glance p{margin:.2em 0 .9em}
.jj-ds .jjds-chips{display:flex;flex-wrap:wrap;gap:.5em}
.jj-ds .jjds-chips span{font-size:.86rem;background:#e9f1ed;border:1px solid #cfe0d8;border-radius:99px;padding:.4em 1.05em}
.jj-ds .jjds-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem 1rem;margin:1.1rem 0 .3rem}
.jj-ds .jjds-trust>div{display:flex;align-items:center;gap:.6em;font-size:.92rem}
.jj-ds .jjds-trust .ic{flex:none;width:2.3em;height:2.3em;border-radius:50%;background:#fff;border:1px solid var(--jjm);display:flex;align-items:center;justify-content:center;color:var(--jjgd)}
.jj-ds .jjds-trust .ic svg{width:1.15em;height:1.15em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jj-ds .jjds-trust b{display:block;font-size:1.02em}
.jj-ds .jjds-trust span.s{display:block;font-size:.85em;color:#5c5f60}
.jj-ds .jjds-glancefoot{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem}
.jj-ds .jjds-ministeps{display:flex;gap:.9rem;flex-wrap:wrap}
.jj-ds .jjds-ministeps span{display:inline-flex;align-items:center;gap:.4em;font-size:.88rem;font-weight:600}
.jj-ds .jjds-ministeps i{font-style:normal;width:1.6em;height:1.6em;border-radius:50%;background:var(--jja);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82em;font-weight:800}
@media(min-width:640px){.jj-ds .jjds-trust{grid-template-columns:repeat(4,1fr)}}
/* ===== Sticky Quick-Nav ===== */
.jj-ds .jjds-navwrap{position:sticky;top:96px;z-index:5;display:flex;justify-content:center;margin:.6rem 0 1rem;pointer-events:none}
.jj-ds .jjds-nav{pointer-events:auto;position:relative;display:inline-flex;gap:.15rem;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(186,206,199,.55);border-radius:99px;padding:.3rem;box-shadow:0 10px 30px rgba(95,128,119,.18);max-width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.jj-ds .jjds-nav::-webkit-scrollbar{display:none}
.jj-ds .jjds-nav .ind{position:absolute;top:.3rem;bottom:.3rem;left:0;width:0;border-radius:99px;background:linear-gradient(135deg,var(--jjg),var(--jjgd));opacity:0;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),opacity .25s;box-shadow:0 4px 14px rgba(119,156,148,.4)}
.jj-ds .jjds-nav a{position:relative;z-index:1;flex:none;text-decoration:none;font-weight:600;font-size:.88rem;color:var(--jja);border-radius:99px;padding:.42em 1.05em;transition:color .25s}
.jj-ds .jjds-nav a:hover{color:var(--jjgd)}
.jj-ds .jjds-nav a.act{color:#fff}
.jj-ds .jjds-nav a.act:hover{color:#fff}
@media(max-width:480px){.jj-ds .jjds-nav{gap:.05rem;padding:.26rem}.jj-ds .jjds-nav a{font-size:.78rem;padding:.42em .66em}}
/* ===== Sektionen ===== */
.jj-ds h2.jjds-sec{font-size:clamp(1.35rem,3vw,1.7rem);margin:2.6rem 0 .4rem;scroll-margin-top:140px;position:relative;z-index:1;padding:0;border:none}
.jj-ds h2.jjds-sec::after{content:"";display:block;width:60px;height:4px;margin-top:.5rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))}
.jj-ds .jjds-intro{max-width:48em;position:relative;z-index:1}
.jj-ds .jjds-card{position:relative;z-index:1;background:#fff;border-radius:22px;padding:1.5rem 1.6rem;margin:1.1rem 0;box-shadow:0 10px 30px rgba(95,128,119,.07);border:1px solid rgba(186,206,199,.3);transition:transform .2s,box-shadow .2s}
.jj-ds .jjds-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(95,128,119,.12)}
.jj-ds .jjds-2col{display:grid;grid-template-columns:1fr;gap:1.3rem;align-items:center}
.jj-ds .jjds-2col .im{position:relative}
.jj-ds .jjds-2col .im img{border-radius:20px;box-shadow:0 12px 30px rgba(95,128,119,.18);width:100%;aspect-ratio:3/2;object-fit:cover}
.jj-ds .jjds-2col .im.blob img{border-radius:56% 44% 52% 48%/50% 54% 46% 50%}
.jj-ds .jjds-2col .im.im2up{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-self:start}
.jj-ds .jjds-2col .im.im2up img{aspect-ratio:1/1}
@media(min-width:760px){.jj-ds .jjds-2col{grid-template-columns:1.15fr .85fr}.jj-ds .jjds-2col.rev{grid-template-columns:.85fr 1.15fr}.jj-ds .jjds-2col.rev .im{order:-1}}
/* ===== Vorher/Nachher-Slider ===== */
.jj-ds .jjds-cmpgrid{display:grid;grid-template-columns:1fr;gap:1.1rem;margin:1.2rem 0;position:relative;z-index:1}
@media(min-width:820px){.jj-ds .jjds-cmpgrid{grid-template-columns:repeat(3,1fr)}}
.jj-ds .jjds-cmp{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 10px 28px rgba(95,128,119,.16);aspect-ratio:16/9;--p:50%}
.jj-ds .jjds-cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.jj-ds .jjds-cmp .before{clip-path:inset(0 calc(100% - var(--p)) 0 0)}
.jj-ds .jjds-cmp .line{position:absolute;top:0;bottom:0;left:var(--p);width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px rgba(0,0,0,.35);pointer-events:none}
.jj-ds .jjds-cmp .knob{position:absolute;top:50%;left:var(--p);transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--jjgd);font-weight:800;box-shadow:0 6px 18px rgba(0,0,0,.28);pointer-events:none}
.jj-ds .jjds-cmp .tag{position:absolute;bottom:10px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:rgba(52,54,55,.78);color:#fff;border-radius:99px;padding:.25em .8em;pointer-events:none}
.jj-ds .jjds-cmp .tag.v{left:10px}
.jj-ds .jjds-cmp .tag.n{right:10px}
.jj-ds .jjds-cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:none}
.jj-ds .jjds-cmphint{font-size:.88rem;color:#5c5f60;margin:.2rem 0 0}
/* ===== Ablauf-Timeline ===== */
.jj-ds .jjds-steps{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:0;margin:1.7rem 0 1.9rem;counter-reset:jjdsstep}
.jj-ds .jjds-step{position:relative;background:transparent;padding:.2rem 0 1.8rem 3.7rem;font-size:1.02rem;line-height:1.5}
.jj-ds .jjds-step:last-child{padding-bottom:.2rem}
.jj-ds .jjds-step::before{counter-increment:jjdsstep;content:counter(jjdsstep);position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);font-weight:800;font-size:1.05rem;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 4px 14px rgba(95,128,119,.12)}
.jj-ds .jjds-step::after{content:"";position:absolute;left:1.2rem;top:2.75rem;bottom:-.1rem;width:1.5px;background:linear-gradient(180deg,var(--jjm),rgba(186,206,199,.25))}
.jj-ds .jjds-step:last-child::after{display:none}
@media(min-width:820px){.jj-ds .jjds-steps{grid-template-columns:repeat(5,1fr);gap:1.2rem}.jj-ds .jjds-step{padding:3.6rem .5rem 0 0;font-size:.98rem}.jj-ds .jjds-step::after{left:3.1rem;right:-1.35rem;top:1.25rem;bottom:auto;width:auto;height:1.5px;background:linear-gradient(90deg,var(--jjm),rgba(186,206,199,.35))}}
/* ===== Video ===== */
.jj-ds .jjds-video{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:var(--jja);cursor:pointer;box-shadow:0 12px 30px rgba(95,128,119,.2)}
.jj-ds .jjds-video .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:.92}
.jj-ds .jjds-video .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}
.jj-ds .jjds-video .play i{font-style:normal;width:74px;height:74px;border-radius:50%;background:rgba(52,54,55,.85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;padding-left:6px;box-shadow:0 10px 28px rgba(0,0,0,.35);transition:transform .2s,background .2s}
.jj-ds .jjds-video:hover .play i{transform:scale(1.08);background:var(--jjg)}
.jj-ds .jjds-video[data-loaded] .play,.jj-ds .jjds-video[data-loaded] .poster,.jj-ds .jjds-video[data-loaded] .note{display:none}
.jj-ds .jjds-video .note{position:absolute;left:0;right:0;bottom:0;z-index:2;font-size:.78rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));padding:1.6rem .9rem .55rem;text-align:center}
/* ===== Checkliste ===== */
.jj-ds .jjds-checks{list-style:none;margin:1.1rem 0 0;padding:.7rem 1.8rem;display:grid;grid-template-columns:1fr;column-gap:3.2rem;background:#fff;border-radius:24px;border:1px solid rgba(186,206,199,.35);box-shadow:0 16px 44px rgba(95,128,119,.09);position:relative;z-index:1}
@media(min-width:700px){.jj-ds .jjds-checks{grid-template-columns:1fr 1fr}}
.jj-ds .jjds-checks li{position:relative;background:transparent;padding:.9rem 0 .9rem 2.7rem;margin:0}
.jj-ds .jjds-checks li::before{content:"✓";position:absolute;left:0;top:.95rem;width:1.7em;height:1.7em;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);font-weight:800;font-size:.85em;display:flex;align-items:center;justify-content:center}
.jj-ds .jjds-card .jjds-checks{background:transparent;border:none;box-shadow:none;padding:0;margin:0;row-gap:.3rem}
/* ===== Zitat ===== */
.jj-ds .jjds-quote{position:relative;z-index:1;background:linear-gradient(135deg,var(--jja) 0%,#42474a 100%);border-radius:26px;padding:2.1rem 1.8rem 1.7rem;margin:2.2rem 0;box-shadow:0 18px 44px rgba(52,54,55,.22)}
.jj-ds .jjds-quote::before{content:"“";position:absolute;top:-.35em;left:.35em;font-size:6rem;line-height:1;color:var(--jjm);opacity:.5;font-family:Georgia,serif}
.jj-ds .jjds-quote p.q{font-family:Georgia,"Times New Roman",serif !important;font-size:1.3rem;font-style:italic;margin:0 0 .7em;max-width:40em;color:var(--jjc)}
.jj-ds .jjds-quote p.a{margin:0;font-size:.95rem;color:var(--jjm)}
.jj-ds .jjds-quote p.a a{color:#fff;text-decoration-color:var(--jjm)}
.jj-ds .jjds-quote p.a a:hover{color:var(--jjm)}
/* ===== Kosten ===== */
.jj-ds .jjds-price{display:inline-flex;align-items:baseline;gap:.4em;background:#fff;border:1.5px solid var(--jjm);border-radius:16px;padding:.55rem 1.1rem;font-weight:800;font-size:1.25rem;color:var(--jjgd);margin:.3rem 0 .7rem;box-shadow:0 6px 20px rgba(95,128,119,.1)}
.jj-ds .jjds-price span{font-size:.8rem;font-weight:600;color:#5c5f60}
.jj-ds .jjds-card h3{font-size:1.28rem;font-weight:800;line-height:1.3;margin:.2rem 0 .6rem}
.jj-ds .jjds-card h3 span{background:linear-gradient(transparent 64%,var(--jjm) 64%)}
/* ===== FAQ-Accordion ===== */
.jj-ds .jjds-faqlist{position:relative;z-index:1;counter-reset:jjdsfaq;background:#fff;border-radius:24px;border:1px solid rgba(186,206,199,.35);box-shadow:0 16px 44px rgba(95,128,119,.09);overflow:hidden;margin:1.1rem 0}
.jj-ds .jjds-faq{background:transparent;margin:0;border-bottom:1px solid #eef2ef}
.jj-ds .jjds-faq:last-child{border-bottom:none}
.jj-ds .jjds-faq[open]{background:linear-gradient(180deg,#fbfdfc,#f4f8f6);box-shadow:inset 3px 0 0 0 var(--jjg)}
.jj-ds .jjds-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1.15rem 1.4rem;transition:background .2s}
.jj-ds .jjds-faq summary:hover{background:rgba(186,206,199,.08)}
.jj-ds .jjds-faq summary::-webkit-details-marker{display:none}
.jj-ds .jjds-faq summary::before{counter-increment:jjdsfaq;content:counter(jjdsfaq,decimal-leading-zero);flex:none;font-weight:800;font-size:.8rem;letter-spacing:.04em;color:var(--jjm);transition:color .25s}
.jj-ds .jjds-faq[open] summary::before{color:var(--jjg)}
.jj-ds .jjds-faq summary h3{font-size:1.02rem;font-weight:700;margin:0;flex:1}
.jj-ds .jjds-faq summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:transparent;border:1px solid #d5e1db;color:#7d8b85;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:1.05rem;transition:transform .25s,background .2s,color .2s,border-color .2s}
.jj-ds .jjds-faq[open] summary .pm{transform:rotate(45deg);background:var(--jja);border-color:var(--jja);color:#fff}
.jj-ds .jjds-faq .body{padding:0 1.5rem 1.35rem 3.5rem;color:#45494a}
.jj-ds .jjds-faq .body>:first-child{margin-top:0}
.jj-ds .jjds-faq .body img{border-radius:14px;margin:.8rem 0 .2rem;width:100%;aspect-ratio:16/9;object-fit:cover}
.jj-ds .jjds-faq[open] .body{animation:jjdsfade .35s ease}
@media(max-width:700px){.jj-ds .jjds-faq .body{padding:0 1.2rem 1.2rem 1.2rem}}
@keyframes jjdsfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* ===== Quellen ===== */
.jj-ds .jjds-quellen{position:relative;z-index:1;background:rgba(255,255,255,.55);border:1px solid #e7ded0;border-radius:20px;margin:1.6rem 0;overflow:hidden}
.jj-ds .jjds-quellen summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;font-weight:700}
.jj-ds .jjds-quellen summary::-webkit-details-marker{display:none}
.jj-ds .jjds-quellen summary .pm{flex:none;width:1.9em;height:1.9em;border-radius:50%;background:#fff;border:1.5px solid var(--jjm);color:var(--jjgd);display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .25s}
.jj-ds .jjds-quellen[open] summary .pm{transform:rotate(45deg)}
.jj-ds .jjds-quellen .body{padding:0 1.3rem 1.1rem;font-size:.88rem;color:#5c5f60}
.jj-ds .jjds-quellen .body li{margin:.5em 0}
.jj-ds .jjds-quellen .body a{word-break:break-all}
/* ===== Kontakt-Panel ===== */
.jj-ds .jjds-kontakt{position:relative;z-index:1;background:linear-gradient(135deg,var(--jja) 0%,#42474a 100%);color:var(--jjc);border-radius:26px;padding:1.7rem 1.7rem;margin:2.4rem 0 1rem;overflow:hidden}
.jj-ds .jjds-kontakt .jjds-mark.m3{width:190px;right:-35px;bottom:-55px;top:auto;left:auto;opacity:.22;transform:rotate(8deg)}
.jj-ds .jjds-kontakt h2{color:var(--jjm);border:none;margin:0 0 .3em;font-size:1.2rem;padding:0}
.jj-ds .jjds-tel{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:.1em 0}
.jj-ds .jjds-tel a{color:#fff;text-decoration:none}
.jj-ds .jjds-kontakt p{margin:.35em 0;font-size:.95rem}
.jj-ds .jjds-oz{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:.98rem}
.jj-ds .jjds-oz .dot{width:.7em;height:.7em;border-radius:50%;flex:none}
.jj-ds .jjds-oz.open{color:#cfe6d8}.jj-ds .jjds-oz.open .dot{background:#8fca9d}
.jj-ds .jjds-oz.closed{color:#f0d9a6}.jj-ds .jjds-oz.closed .dot{background:var(--jjy)}
@media(max-width:700px){.jj-ds .jjds-wrap{padding:1rem 1.3rem 3rem}.jj-ds .jjds-navwrap{top:58px}.jj-ds .jjds-mark.m1{width:180px;right:-60px}.jj-ds .jjds-mark.m2{display:none}.jj-ds .jjds-herofig{max-width:300px}.jj-ds .jjds-focus{width:62px;top:-6px;left:-4px}}
@media(max-width:819px){.jj-ds .jjds-cmp{aspect-ratio:16/9;width:100%;max-width:340px;margin-left:auto;margin-right:auto}.jj-ds .jjds-cmp .knob{width:36px;height:36px;font-size:1rem}.jj-ds .jjds-cmp .tag{font-size:.66rem}.jj-ds .jjds-cmpgrid{gap:.9rem}}
.jj-ds .jj-r-score::before{content:"Ø "}

/* Durchschnittszeichen vor dynamischen Google-Scores */
.jj-ds .jj-r-score::before{content:"Ø "}

/* ===== Mobile CTA-Dock (Liquid Glass, Option A 13.07.2026) =====
   Markup kommt aus Snippet #630 (wp_footer, seitenweise). Nur mobil sichtbar.
   Nicht .jj-ds-scoped (liegt ausserhalb des Wrappers) -> Literalfarben. */
.jjds-dock{display:none}
@media(max-width:767px){
.jjds-dock{position:fixed;left:12px;right:12px;bottom:calc(3px + env(safe-area-inset-bottom,0px));z-index:99990;display:flex;gap:8px;padding:8px;border-radius:99px;background:rgba(255,255,255,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);box-shadow:0 14px 34px rgba(95,128,119,.28),inset 0 1px 0 rgba(255,255,255,.9)}
.jjds-dock a{flex:1;display:flex;align-items:center;justify-content:center;gap:.45em;text-decoration:none!important;font-weight:700;font-size:.95rem;padding:.78em .4em;border-radius:99px;line-height:1.2}
.jjds-dock a svg{width:1.15em;height:1.15em;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.jjds-dock .call{color:#5F8077!important;background:rgba(255,255,255,.55);border:1px solid #BACEC7}
.jjds-dock .call svg{stroke:#5F8077}
.jjds-dock .book{color:#fff!important;background:linear-gradient(135deg,#85a9a0,#5F8077);border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 20px rgba(95,128,119,.35),inset 0 1px 0 rgba(255,255,255,.3)}
.jjds-dock .book svg{stroke:#fff}
body.jjds-has-dock .e-contact-buttons{display:none!important}
body.jjds-has-dock{padding-bottom:74px}
}
/* --- Unter-Überschrift (echte H3-Ebene, seit 14.07.) --- */
.jjds-sec-sub{font-size:clamp(1.18rem,2.3vw,1.4rem);font-weight:600;line-height:1.3;color:var(--jja);margin:2.1rem 0 .35rem;position:relative;z-index:1}
.jjds-sec-sub::after{content:"";display:block;width:42px;height:3px;margin-top:.45rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))}
/* --- Kompakte Übersichts-Raster (Vergleiche/Galerien), Standard "klein" --- */
.jjds-sysgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin:1.2rem 0}
.jjds-syscard{display:flex;align-items:center;gap:.9rem;margin:0;background:#fff;border:1px solid rgba(186,206,199,.4);border-radius:14px;padding:.55rem;box-shadow:0 5px 16px rgba(95,128,119,.07)}
.jjds-syscard a{flex:none;line-height:0}
.jjds-syscard img{width:132px;height:92px;object-fit:cover;border-radius:10px;display:block;transition:transform .35s}
.jjds-syscard a:hover img{transform:scale(1.05)}
.jjds-syscard figcaption{font-weight:700;color:var(--jja);font-size:.88rem;line-height:1.32}
.jjds-galgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;margin:1.1rem 0}
.jjds-galgrid a{display:block;border-radius:10px;overflow:hidden;border:1px solid rgba(186,206,199,.4);line-height:0}
.jjds-galgrid img{width:100%;height:86px;object-fit:cover;display:block;transition:transform .35s}
.jjds-galgrid a:hover img{transform:scale(1.06)}
@media(max-width:680px){.jjds-sysgrid{grid-template-columns:1fr}.jjds-galgrid{grid-template-columns:repeat(3,1fr)}}
/* Schritt-Titel (Titel + Kurztext je jjds-step, seit 14.07.) */
.jjds-step > strong:first-child{display:block;margin-bottom:.35rem;color:var(--jja);font-size:1.05rem;line-height:1.28}

/* ============ Blog-DS-Template (Body-Klasse .jj-blog-on) ============ */
/* Layout: rechte Bild-Spalte aus, Content volle Lesebreite zentriert */
body.jj-blog-on .elementor-element-b392e18{display:none!important}
body.jj-blog-on .elementor-element-fa679ca{flex:1 1 100%!important;max-width:780px!important;margin-inline:auto!important}
body.jj-blog-on .elementor-element-fa679ca .e-con-inner,body.jj-blog-on .elementor-element-500b588{max-width:100%!important;width:100%!important}
/* alte Elementor-Autorenbox-Sektion aus (wird durch DS-Autorenbox ersetzt) */
body.jj-blog-on .elementor-element-3118bc8{display:none!important}
/* Lesefortschritts-Balken */
.jj-blog-progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--jjgd),var(--jjm));z-index:99999;transition:width .12s ease-out;pointer-events:none}
/* Meta-Zeile */
.jj-blog-meta{display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;align-items:center;color:#6b6f70;font-size:.92rem;margin:.2rem 0 1.6rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(186,206,199,.55)}
.jj-blog-meta span{display:inline-flex;align-items:center;gap:.45em}
.jj-blog-meta a{color:inherit;text-decoration:none}
.jj-blog-meta a:hover{color:var(--jjgd)}
.jj-blog-meta svg{width:16px;height:16px;color:var(--jjgd);flex:none}
/* Hero-Bild – kompaktes, cinematisches Banner (nicht mehr formatfüllend) */
.jj-blog-hero{margin:0 0 1.9rem;position:relative}
.jj-blog-hero img{width:100%!important;height:auto!important;max-height:300px!important;object-fit:cover!important;object-position:center 30%;border-radius:20px;box-shadow:0 16px 42px rgba(95,128,119,.16);display:block}
@media(max-width:560px){.jj-blog-hero img{max-height:200px!important}}
/* Inhaltsverzeichnis */
.jj-blog-toc{background:linear-gradient(135deg,rgba(186,206,199,.17),rgba(253,247,240,.55));border:1px solid rgba(186,206,199,.5);border-radius:18px;padding:1.15rem 1.5rem 1.25rem;margin:0 0 2.3rem}
.jj-blog-toc .lbl{display:flex;align-items:center;gap:.5rem;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--jjgd);margin-bottom:.65rem}
.jj-blog-toc .lbl svg{width:16px;height:16px;flex:none}
.jj-blog-toc ol{margin:0!important;padding:0!important;list-style:none;counter-reset:jjtoc!important;display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1.6rem}
.jj-blog-toc li{counter-increment:jjtoc!important;padding:0!important;margin:0;min-height:0}
.jj-blog-toc li::before{content:none!important}
.jj-blog-toc a{display:flex;gap:.6rem;align-items:baseline;padding:.32rem 0;color:var(--jja);text-decoration:none;font-size:.97rem;line-height:1.35;border-bottom:none}
.jj-blog-toc a::before{content:counter(jjtoc,decimal-leading-zero);color:var(--jjg);font-weight:800;font-size:.82rem;flex:none;min-width:1.4em}
.jj-blog-toc a:hover{color:var(--jjgd)}
.jj-blog-toc a:hover span{text-decoration:underline;text-decoration-color:var(--jjm);text-underline-offset:2px}
@media(max-width:620px){.jj-blog-toc ol{grid-template-columns:1fr}}
/* Artikel-Typografie */
.jj-blog{font-size:1.075rem;line-height:1.75;color:#3a3d3e;counter-reset:jjsec}
.jj-blog > *:first-child{margin-top:0}
.jj-blog p{margin:0 0 1.2rem}
.jj-blog > p:first-of-type{font-size:1.2rem;line-height:1.62;color:var(--jja)}
.jj-blog > p:first-of-type::first-letter{float:left;font-family:Georgia,"Times New Roman",serif;font-size:3.3rem;line-height:.78;font-weight:700;color:var(--jjgd);padding:.32rem .6rem 0 0}
.jj-blog h2{font-size:clamp(1.5rem,3.2vw,2rem)!important;font-weight:800!important;line-height:1.25!important;color:var(--jja)!important;margin:2.7rem 0 .55rem!important;position:relative;z-index:1;letter-spacing:normal;counter-increment:jjsec;scroll-margin-top:104px}
.jj-blog h2::before{content:counter(jjsec,decimal-leading-zero);display:block;font-size:.82rem;font-weight:800;letter-spacing:.09em;color:var(--jjg);margin-bottom:.15rem}
.jj-blog h2::after{content:"";display:block;width:58px;height:4px;margin-top:.55rem;border-radius:99px;background:linear-gradient(90deg,var(--jjg),var(--jjm))}
.jj-blog h3{font-size:clamp(1.2rem,2.4vw,1.45rem)!important;font-weight:700!important;color:var(--jja)!important;margin:2rem 0 .4rem!important;line-height:1.3!important}
.jj-blog h4{font-size:1.12rem!important;font-weight:700!important;color:var(--jja)!important;margin:1.6rem 0 .3rem!important}
.jj-blog a{color:var(--jjgd);text-decoration:underline;text-decoration-color:var(--jjm);text-underline-offset:2px}
.jj-blog a:hover{color:var(--jjg)}
.jj-blog strong{color:var(--jja)}
.jj-blog ul,.jj-blog ol{margin:0 0 1.35rem;padding-left:0;list-style:none}
.jj-blog ul li{position:relative;padding:0 0 .6rem 1.75rem}
.jj-blog ul li::before{content:"";position:absolute;left:.2rem;top:.62em;width:.6rem;height:.6rem;border-radius:50%;background:var(--jjg)}
.jj-blog ol{counter-reset:jjbl}
.jj-blog ol li{position:relative;counter-increment:jjbl;padding:0 0 .6rem 2.3rem;min-height:1.7rem}
.jj-blog ol li::before{content:counter(jjbl);position:absolute;left:0;top:0;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--jjm);color:var(--jja);font-size:.8rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.jj-blog blockquote{margin:1.8rem 0;padding:1.4rem 1.7rem;background:linear-gradient(135deg,var(--jja),#42474a);border-radius:20px;color:var(--jjc);font-style:italic;font-family:Georgia,"Times New Roman",serif;font-size:1.14rem}
.jj-blog blockquote p:last-child{margin:0}
.jj-blog img{border-radius:16px;box-shadow:0 12px 32px rgba(95,128,119,.13);height:auto;max-width:100%;margin:.4rem 0}
.jj-blog figure{margin:1.6rem 0}
.jj-blog table{width:100%;border-collapse:collapse;margin:1.6rem 0;font-size:.96rem}
.jj-blog th,.jj-blog td{border:1px solid rgba(186,206,199,.5);padding:.65rem .85rem;text-align:left;vertical-align:top}
.jj-blog th{background:rgba(186,206,199,.22);color:var(--jja);font-weight:700}
.jj-blog hr{border:none;border-top:1px solid rgba(186,206,199,.5);margin:2.3rem 0}
.jj-blog .jjds-quellen{margin-top:2.2rem}
/* End-CTA */
.jj-blog-cta{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;justify-content:space-between;background:linear-gradient(135deg,rgba(186,206,199,.24),rgba(230,184,92,.11));border:1px solid rgba(186,206,199,.55);border-radius:22px;padding:1.6rem 2rem;margin:2.8rem auto 1rem;max-width:780px;box-shadow:0 12px 32px rgba(95,128,119,.09)}
.jj-blog-cta .t strong{display:block;color:var(--jja);font-size:1.2rem;line-height:1.3;margin-bottom:.25rem}
.jj-blog-cta .t span{color:#5c5f60;font-size:.98rem}
.jj-blog-cta .jjds-cta{flex:none}
@media(max-width:560px){.jj-blog-cta{flex-direction:column;align-items:flex-start}}
/* DS-Autorenbox */
.jj-blog-author{display:flex;gap:1.5rem;align-items:flex-start;background:linear-gradient(135deg,rgba(186,206,199,.2),rgba(253,247,240,.6));border:1px solid rgba(186,206,199,.5);border-radius:22px;padding:1.7rem 1.9rem;margin:2.6rem auto 0;max-width:780px;box-shadow:0 12px 32px rgba(95,128,119,.08)}
.jj-blog-author__avatar{flex:none;width:96px;height:96px;border-radius:50%;overflow:hidden;box-shadow:0 8px 22px rgba(95,128,119,.2);display:block}
.jj-blog-author__avatar img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0;box-shadow:none}
.jj-blog-author__body{flex:1;min-width:0}
.jj-blog-author__eyebrow{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:var(--jjgd);font-weight:800;margin-bottom:.25rem}
.jj-blog-author__name{font-size:1.24rem;font-weight:800;color:var(--jja);margin:0 0 .12rem;line-height:1.2}
.jj-blog-author__name a{color:inherit;text-decoration:none}
.jj-blog-author__name a:hover{color:var(--jjgd)}
.jj-blog-author__role{font-size:.94rem;color:var(--jjgd);margin-bottom:.55rem;font-weight:600}
.jj-blog-author__bio{font-size:.98rem;line-height:1.6;color:#4a4d4e;margin:0 0 .8rem}
.jj-blog-author__social{display:flex;gap:.5rem;flex-wrap:wrap}
.jj-blog-author__social a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(186,206,199,.65);color:var(--jjgd);transition:.15s;text-decoration:none}
.jj-blog-author__social a:hover{background:var(--jjgd);color:#fff;border-color:var(--jjgd)}
.jj-blog-author__social svg{width:17px;height:17px;display:block}
@media(max-width:560px){.jj-blog-author{flex-direction:column;align-items:center;text-align:center;padding:1.7rem 1.3rem}.jj-blog-author__social{justify-content:center}}

/* ============ Praxis: Team-Karten, Vita-Timeline, Publikationen ============ */
/* zentrierter Hero (Team/Übersicht, ohne Portrait-Figur) */
.jj-ds .jjds-hero-center{display:block;text-align:center;max-width:840px;margin-inline:auto}
.jj-ds .jjds-hero-center .jjds-herocta{justify-content:center}
/* Behandler-Karten */
.jj-ds .jjds-teamgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;margin:1.4rem 0}
@media(max-width:900px){.jj-ds .jjds-teamgrid{grid-template-columns:repeat(2,1fr);gap:1.4rem}}
@media(max-width:520px){.jj-ds .jjds-teamgrid{grid-template-columns:1fr}}
.jj-ds .jjds-teamcard{background:#fff;border:1px solid rgba(186,206,199,.42);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px rgba(95,128,119,.1);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.jj-ds .jjds-teamcard:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(95,128,119,.16)}
.jj-ds .jjds-teamcard .ph{aspect-ratio:4/5;overflow:hidden;line-height:0;background:var(--jjm)}
.jj-ds .jjds-teamcard .ph img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .45s}
.jj-ds .jjds-teamcard:hover .ph img{transform:scale(1.045)}
.jj-ds .jjds-teamcard .bd{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.12rem;flex:1}
.jj-ds .jjds-teamcard .nm{font-size:1.06rem;font-weight:800;color:var(--jja);line-height:1.24;letter-spacing:normal}
.jj-ds .jjds-teamcard .ro{font-size:.9rem;color:var(--jjgd);font-weight:600;margin-bottom:.7rem}
.jj-ds .jjds-teamcard .ml{margin-top:auto;align-self:flex-start;font-size:.92rem;font-weight:700;color:var(--jjgd);text-decoration:none;display:inline-flex;align-items:center;gap:.4em;border:none}
.jj-ds .jjds-teamcard .ml::after{content:"\2192";transition:transform .2s}
.jj-ds .jjds-teamcard .ml:hover{color:var(--jjg)}
.jj-ds .jjds-teamcard .ml:hover::after{transform:translateX(3px)}
/* Vita-Timeline */
.jj-ds .jjds-vita{position:relative;margin:1.2rem 0;padding-left:1.7rem}
.jj-ds .jjds-vita::before{content:"";position:absolute;left:.33rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(var(--jjm),rgba(186,206,199,.25))}
.jj-ds .jjds-vita-item{position:relative;padding:0 0 1.15rem 0}
.jj-ds .jjds-vita-item:last-child{padding-bottom:0}
.jj-ds .jjds-vita-item::before{content:"";position:absolute;left:-1.7rem;top:.3rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--jjg);box-shadow:0 0 0 3px rgba(186,206,199,.35)}
.jj-ds .jjds-vita-item .y{display:block;font-size:.82rem;font-weight:800;color:var(--jjgd);letter-spacing:.02em}
.jj-ds .jjds-vita-item .d{display:block;color:#3a3d3e;line-height:1.55}
/* Publikationsliste */
.jj-ds .jjds-pub{list-style:none;margin:1rem 0 0;padding:0;counter-reset:jjpub}
.jj-ds .jjds-pub li{position:relative;counter-increment:jjpub;padding:.75rem 0 .75rem 2.7rem;border-bottom:1px solid rgba(186,206,199,.32);font-size:.96rem;line-height:1.55;color:#3a3d3e}
.jj-ds .jjds-pub li:last-child{border-bottom:none}
.jj-ds .jjds-pub li::before{content:counter(jjpub);position:absolute;left:0;top:.72rem;width:1.7rem;height:1.7rem;border-radius:50%;background:rgba(186,206,199,.28);color:var(--jjgd);font-size:.76rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.jj-ds .jjds-pub li i{color:#5c5f60}
/* Gründer-Karte */
.jj-ds .jjds-founder{display:flex;gap:1.5rem;align-items:flex-start;background:linear-gradient(135deg,rgba(186,206,199,.2),rgba(253,247,240,.55));border:1px solid rgba(186,206,199,.5);border-radius:22px;padding:1.6rem 1.8rem;margin:1.2rem 0}
.jj-ds .jjds-founder .badge{flex:none;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid rgba(186,206,199,.6);display:flex;align-items:center;justify-content:center;color:var(--jjgd)}
.jj-ds .jjds-founder .badge svg{width:26px;height:26px}
.jj-ds .jjds-founder .t{color:#3a3d3e;line-height:1.6}

/* ===== Team-Foto-Galerie (größer, Gesichter sichtbar) ===== */
.jj-ds .jjds-teamgal{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin:1.3rem 0}
@media(max-width:820px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.jj-ds .jjds-teamgal{grid-template-columns:repeat(2,1fr)}}
.jj-ds .jjds-teamgal a{display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(186,206,199,.4);line-height:0;aspect-ratio:3/4;box-shadow:0 8px 24px rgba(95,128,119,.09)}
.jj-ds .jjds-teamgal img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transition:transform .4s}
.jj-ds .jjds-teamgal a:hover img{transform:scale(1.05)}
/* ===== Praxisgründer weit unten, viel Weißraum, ohne Liquid-Glass ===== */
.jj-ds .jjds-gruender-gap{height:45rem}
@media(max-width:640px){.jj-ds .jjds-gruender-gap{height:24rem}}
.jj-ds .jjds-founder-plain{max-width:760px;font-size:1.02rem;line-height:1.7;color:#3a3d3e}
.jj-ds .jjds-founder-plain p{margin:0 0 1rem}

/* ===== Foto-Galerie (Impressionen, Praxis) – Landscape, Klick=Vollbild ===== */
.jj-ds .jjds-photogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1.3rem 0}
@media(max-width:820px){.jj-ds .jjds-photogrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.jj-ds .jjds-photogrid{grid-template-columns:1fr}}
.jj-ds .jjds-photogrid a{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/3;line-height:0;box-shadow:0 10px 28px rgba(95,128,119,.1);border:1px solid rgba(186,206,199,.35)}
.jj-ds .jjds-photogrid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.jj-ds .jjds-photogrid a:hover img{transform:scale(1.05)}
/* Bewertungs-Callout */
.jj-ds .jjds-reviews{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;background:linear-gradient(135deg,rgba(186,206,199,.2),rgba(230,184,92,.1));border:1px solid rgba(186,206,199,.5);border-radius:22px;padding:1.5rem 1.8rem;margin:1.2rem 0}
.jj-ds .jjds-reviews .big{font-size:2.4rem;font-weight:800;color:var(--jja);line-height:1}
.jj-ds .jjds-reviews .stars{color:var(--jjy);font-size:1.2rem;letter-spacing:2px}
.jj-ds .jjds-reviews .t{color:#4a4d4e;font-size:.98rem}
.jj-ds .jjds-reviews .t b{color:var(--jja)}
.jj-ds .jjds-reviews .jjds-cta{margin-left:auto}
@media(max-width:560px){.jj-ds .jjds-reviews .jjds-cta{margin-left:0}}

/* ===== Jobs-Karte (zentriert, klare Überschrift ohne Unterstrich) ===== */
.jj-ds .jjds-jobcard{max-width:720px;margin:1.8rem auto 0;text-align:center}
.jj-ds .jjds-jobcard h2{color:var(--jja);font-size:clamp(1.3rem,3vw,1.6rem);font-weight:800;line-height:1.25;margin:.1rem 0 .9rem}
.jj-ds .jjds-jobcard p{margin:0 0 .8rem;font-size:1.05rem;color:#3a3d3e}
.jj-ds .jjds-jobcard p:last-child{margin-bottom:0}
.jj-ds .jjds-jobcard .cta{margin-top:1.4rem}
.jj-ds .jjds-jobcard a[href^="mailto"]{color:var(--jjgd);font-weight:700}
/* Oeffnungszeiten-Tabelle */
.jj-ds .jjds-hours{max-width:600px;margin:1.6rem auto .4rem;background:#fff;border-radius:24px;padding:.5rem 1.4rem;box-shadow:0 16px 44px rgba(95,128,119,.09);border:1px solid rgba(186,206,199,.35);position:relative;z-index:1}
.jj-ds .jjds-hours .row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem .9rem;border-bottom:1px solid rgba(186,206,199,.3);border-radius:14px;transition:background .3s}
.jj-ds .jjds-hours .row:last-child{border-bottom:none}
.jj-ds .jjds-hours .day{font-weight:700;color:var(--jja);display:flex;align-items:center;gap:.55em;flex-wrap:wrap}
.jj-ds .jjds-hours .day .date{font-weight:600;font-size:.82em;color:var(--jjgd)}
.jj-ds .jjds-hours .time{color:#3a3d3e;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.jj-ds .jjds-hours .row.today{background:linear-gradient(120deg,rgba(186,206,199,.30),rgba(186,206,199,.12));box-shadow:inset 3px 0 0 var(--jjgd)}
.jj-ds .jjds-hours .row.today .day::after{content:"Heute";background:var(--jjgd);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.25em .7em;border-radius:99px}
.jj-ds .jjds-hours .note{padding:1rem .3rem .5rem;color:#5c5f60;font-size:.92rem;text-align:center}
.jj-ds .jjds-hoursfoot{display:flex;justify-content:center;margin:1.1rem 0 .2rem}
/* Kontaktkarte */
.jj-ds .jjds-contact{max-width:620px;margin:1.4rem auto 0;background:#fff;border-radius:24px;padding:.9rem 1.6rem 1.4rem;box-shadow:0 16px 44px rgba(95,128,119,.09);border:1px solid rgba(186,206,199,.35);position:relative;z-index:1}
.jj-ds .jjds-contact .ci{display:flex;align-items:flex-start;gap:.9em;padding:.9rem 0;border-bottom:1px solid rgba(186,206,199,.28)}
.jj-ds .jjds-contact .ci:last-child{border-bottom:none}
.jj-ds .jjds-contact .ic{flex:none;width:2.5em;height:2.5em;border-radius:50%;background:#fff;border:1px solid var(--jjm);display:flex;align-items:center;justify-content:center;margin-top:.05em}
.jj-ds .jjds-contact .ic svg{width:1.2em;height:1.2em;stroke:var(--jjgd);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.jj-ds .jjds-contact .k{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--jjgd);margin-bottom:.12em}
.jj-ds .jjds-contact .v{font-size:1.05rem;color:var(--jja);font-weight:600;line-height:1.4}
.jj-ds .jjds-contact a.v{color:var(--jja);text-decoration:none}
.jj-ds .jjds-contact a.v:hover{color:var(--jjgd)}
.jj-ds .jjds-contact .cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem;justify-content:center}