:root{
  --teal:#005a7a;
  --teal-2:#0e7890;
  --teal-3:#72adbf;
  --ink:#163642;
  --text:#28404a;
  --muted:#66767d;
  --paper:#ffffff;
  --bg:#f5f8f8;
  --soft:#eaf2f4;
  --line:rgba(0,90,122,.16);
  --yellow:#cbb449;
  --orange:#e17d02;
  --magenta:#c8006e;
  --shadow:0 18px 55px rgba(8,53,68,.13);
  --shadow-soft:0 10px 28px rgba(8,53,68,.08);
  --radius:26px;
  --font-head:"Bitter",Georgia,serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
[data-contrast="high"]{
  --bg:#071014;
  --paper:#101d22;
  --soft:#17272d;
  --ink:#ffffff;
  --text:#eef8fb;
  --muted:#b7c9cf;
  --line:rgba(255,255,255,.2);
  --shadow:0 18px 55px rgba(0,0,0,.42);
  --shadow-soft:0 10px 28px rgba(0,0,0,.30);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.55;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}
button,input{font:inherit}
.wrap{width:min(1120px,calc(100% - 44px));margin-inline:auto}
.skip-link{position:absolute;left:-999px;top:auto;background:var(--ink);color:#fff;padding:.8rem 1rem;border-radius:0 0 14px 0;z-index:50}.skip-link:focus{left:0}
.site-header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 6px 18px rgba(8,53,68,.045)}
.header-grid{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--teal)}
.brand-mark{position:relative;display:grid;place-items:center;width:58px;height:65px;color:#fff;font-weight:900;line-height:.88;letter-spacing:.02em;font-size:.82rem;text-align:center;isolation:isolate;transform:rotate(-4deg)}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:5px 10px;border-radius:8px;background:rgba(0,90,122,.82);z-index:-1;transform:skewY(-7deg)}
.brand-mark:after{inset:1px 4px;background:rgba(14,120,144,.72);transform:rotate(9deg) skewY(7deg)}
.brand-mark span{display:block}.brand-copy{display:grid;line-height:1.05}.brand-copy strong{font-family:var(--font-head);font-weight:800;font-size:1.05rem}.brand-copy em{font-style:normal;font-size:.78rem;color:var(--muted);font-weight:750;margin-top:4px}
.top-links{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;justify-content:flex-end}.top-links a,.contrast-toggle{font-family:var(--font-head);font-weight:800;color:var(--ink);background:none;border:0;text-decoration:none;padding:7px 0;border-bottom:3px solid transparent;cursor:pointer}.top-links a:hover,.contrast-toggle:hover{border-bottom-color:var(--teal)}.contrast-toggle{white-space:nowrap}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 68%,var(--bg) 68%);padding:52px 0 48px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:38px;align-items:center}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.78rem;color:var(--teal)}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);letter-spacing:-.045em;line-height:1.03}h1{font-size:clamp(3rem,5.2vw,5.15rem);margin:0 0 22px;max-width:980px}h2{font-size:clamp(2rem,4.8vw,4rem);margin:0}h3{font-size:1.52rem;margin:0}h4{font-size:1.2rem;margin:0 0 12px}.lead{font-size:clamp(1.05rem,1.8vw,1.28rem);max-width:720px;color:var(--text);margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:5px;border:2px solid transparent;text-decoration:none;font-weight:850;cursor:pointer;transition:.18s transform,.18s box-shadow,.18s background}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn.primary{background:var(--teal);color:#fff}.btn.secondary{background:transparent;border-color:var(--teal);color:var(--teal)}.btn.dark{background:var(--ink);color:var(--paper)}.btn.light{background:var(--soft);color:var(--teal)}.btn.small{min-height:38px;padding:8px 13px;font-size:.92rem}code{background:color-mix(in srgb,var(--teal) 10%,transparent);border-radius:7px;padding:.14em .42em;color:var(--teal);font-weight:750}
.hero-stage{min-height:380px;position:relative;border-radius:0 0 52px 52px;background:linear-gradient(135deg,#7e888b,#b8bdbe);overflow:hidden;box-shadow:var(--shadow)}
.hero-stage:before,.hero-stage:after{content:"";position:absolute;inset:auto;background:rgba(255,255,255,.25);border-radius:48% 52% 0 0}.hero-stage:before{width:110%;height:76%;left:-20%;bottom:-35%;transform:rotate(21deg)}.hero-stage:after{width:78%;height:75%;right:-30%;bottom:-8%;background:rgba(255,255,255,.33);transform:rotate(-22deg)}
.stage-wave{position:absolute;left:6%;right:6%;bottom:0;height:45%;background:linear-gradient(120deg,rgba(0,90,122,.84),rgba(0,90,122,.68) 55%,rgba(203,180,73,.58) 55%,rgba(203,180,73,.52) 74%,rgba(225,125,2,.58));clip-path:polygon(0 48%,35% 30%,55% 42%,79% 18%,100% 32%,100% 100%,0 100%);border-radius:34px 34px 0 0;z-index:1}
.stage-card{position:absolute;background:rgba(255,255,255,.92);color:var(--ink);border:1px solid rgba(255,255,255,.65);box-shadow:0 20px 48px rgba(0,0,0,.14);z-index:2}.stage-main{left:38px;bottom:46px;width:min(370px,calc(100% - 76px));border-radius:20px;padding:24px}.stage-main strong{font-family:var(--font-head);font-size:2rem;display:block}.stage-label{display:inline-flex;margin-bottom:12px;background:var(--soft);color:var(--teal);border-radius:999px;padding:7px 11px;text-transform:uppercase;font-size:.72rem;font-weight:900;letter-spacing:.08em}.stage-mini{right:38px;border-radius:20px;padding:18px 21px;text-align:center}.stage-mini strong{font-family:var(--font-head);font-size:1.55rem;display:block}.stage-mini.one{top:34px}.stage-mini.two{top:132px;right:84px}
.feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:14px;margin-bottom:78px}.feature-row article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft)}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--soft);color:var(--teal);font-weight:900;margin-bottom:16px}.feature-row strong{display:block;font-family:var(--font-head);font-size:1.1rem;color:var(--ink)}.feature-row p{margin:.42rem 0 0;color:var(--muted)}
.products{margin-bottom:80px}.section-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:24px}.toolbar{display:grid;gap:12px;justify-items:end}.search-box{display:flex;align-items:center;gap:10px;border-bottom:4px solid var(--teal-3);min-width:min(320px,100%);color:var(--muted);font-family:var(--font-head);font-weight:700}.search-box input{width:100%;border:0;background:transparent;color:var(--ink);outline:none;padding:10px 0}.search-box input::placeholder{color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.filter{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 14px;font-weight:850;color:var(--ink);cursor:pointer}.filter.active{background:var(--teal);color:#fff;border-color:var(--teal)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:485px}.card-art{position:relative;min-height:160px;background:linear-gradient(135deg,#8d989b,#cfd5d5);overflow:hidden}.card-art:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(0,90,122,.90),rgba(0,90,122,.72) 45%,rgba(203,180,73,.62) 45%,rgba(203,180,73,.56) 62%,rgba(225,125,2,.62));clip-path:polygon(0 58%,32% 36%,58% 49%,83% 23%,100% 34%,100% 100%,0 100%)}.card-art:after{content:"";position:absolute;width:72%;height:100%;right:-22%;top:-28%;background:rgba(255,255,255,.22);border-radius:999px;transform:rotate(23deg)}.card-art-text{position:absolute;left:22px;right:22px;bottom:22px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.22);z-index:2}.card-art-text strong{display:block;font-family:var(--font-head);font-size:1.42rem;line-height:1.02}.card-art-text span{font-size:.82rem;font-weight:800;opacity:.92}.card-body{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}.badge{width:max-content;border-radius:999px;background:color-mix(in srgb,var(--teal) 12%,transparent);color:var(--teal);font-weight:900;font-size:.75rem;padding:6px 10px;text-transform:uppercase;letter-spacing:.08em}.desc{color:var(--muted);line-height:1.55;margin:0;flex:1}.meta{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted);font-size:.84rem;background:color-mix(in srgb,var(--paper) 78%,var(--soft))}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.empty{grid-column:1/-1;background:var(--paper);border:1px dashed var(--line);padding:28px;border-radius:var(--radius);color:var(--muted)}
.modal{border:0;padding:0;background:transparent;max-width:min(1010px,calc(100vw - 28px));width:100%}.modal::backdrop{background:rgba(7,16,20,.62);backdrop-filter:blur(6px)}.modal-card{position:relative;background:var(--paper);border-radius:32px;overflow:hidden;box-shadow:0 30px 120px rgba(0,0,0,.38);border:1px solid var(--line)}.modal-close{position:absolute;right:18px;top:18px;z-index:4;width:44px;height:44px;border-radius:999px;border:0;background:rgba(255,255,255,.95);color:#163642;font-size:28px;line-height:1;cursor:pointer}.modal-hero{position:relative;min-height:255px;background:linear-gradient(135deg,#839095,#d7dddd);overflow:hidden;padding:34px;color:#fff;display:flex;align-items:flex-end}.modal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(0,90,122,.90),rgba(0,90,122,.70) 48%,rgba(203,180,73,.62) 48%,rgba(203,180,73,.52) 65%,rgba(200,0,110,.58));clip-path:polygon(0 46%,28% 27%,52% 38%,77% 15%,100% 31%,100% 100%,0 100%)}.modal-hero:after{content:"";position:absolute;width:70%;height:110%;right:-24%;top:-28%;border-radius:999px;background:rgba(255,255,255,.22);transform:rotate(22deg)}.modal-hero-content{position:relative;z-index:2;max-width:730px;text-shadow:0 2px 14px rgba(0,0,0,.26)}.modal-hero h2{color:#fff;font-size:clamp(2rem,5vw,4.4rem);margin:.15em 0}.modal-inner{padding:28px}.modal-title-row{display:flex;justify-content:space-between;gap:18px;align-items:start}.modal-sections{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:24px}.panel{border:1px solid var(--line);border-radius:22px;padding:20px;background:color-mix(in srgb,var(--paper) 82%,var(--soft))}.panel :first-child{margin-top:0}.changelog{white-space:pre-wrap;color:var(--muted);line-height:1.55}.req{display:grid;gap:4px}.req div{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0}.req span{color:var(--muted)}.req strong{color:var(--ink);text-align:right;word-break:break-word}.footer{border-top:1px solid var(--line);background:var(--paper);padding:26px 0;color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-stage{min-height:330px}.feature-row,.grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.toolbar{justify-items:stretch}.filters{justify-content:flex-start}.search-box{min-width:0}.modal-sections{grid-template-columns:1fr}}
@media(max-width:680px){.wrap{width:min(100% - 28px,1120px)}.header-grid{min-height:auto;padding:14px 0;align-items:flex-start}.brand-copy strong{font-size:.98rem}.brand-copy em{font-size:.72rem}.brand-mark{width:48px;height:54px;font-size:.68rem}.top-links{gap:8px 12px;font-size:.9rem}.hero{padding:34px 0 28px}.hero-stage{border-radius:0 0 36px 36px;min-height:280px}.stage-main{left:18px;right:18px;bottom:26px;width:auto}.stage-mini{display:none}.feature-row,.grid{grid-template-columns:1fr}.feature-row{margin-bottom:52px}.card{min-height:0}.modal-inner{padding:20px}.modal-hero{min-height:220px;padding:24px}.modal-title-row{display:grid}.btn{width:100%}.card-actions .btn{width:auto}}
@media(max-width:430px){h1{font-size:2.62rem}.lead{font-size:1rem}.top-links{width:100%;justify-content:flex-start}.section-head h2{font-size:2.25rem}} /* Screenshot-/Showcase-Erweiterung v1.0.4 */
.showcase{margin:0 auto 86px}.showcase-head{align-items:start}.showcase-note{max-width:470px;margin:14px 0 0;color:var(--muted);font-weight:650}.showcase-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:4px 2px 18px}.showcase-card{scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:14px;min-width:210px;display:grid;gap:14px}.showcase-card span{display:block;color:var(--teal);font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.showcase-card strong{display:block;font-family:var(--font-head);color:var(--ink);font-size:1.1rem;line-height:1.12}.phone-shot{position:relative;aspect-ratio:9/14;border-radius:22px;overflow:hidden;background:var(--soft);border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.phone-shot:before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:34%;height:5px;border-radius:999px;background:rgba(255,255,255,.75);z-index:2}.phone-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.card-art.has-shot{min-height:210px;background:var(--soft)}.card-art.has-shot:before,.card-art.has-shot:after{display:none}.card-art.has-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.96) contrast(.98)}.card-art.has-shot:after{display:block;content:"";inset:0;width:auto;height:auto;right:auto;top:auto;border-radius:0;transform:none;background:linear-gradient(180deg,rgba(8,53,68,.05),rgba(8,53,68,.56));position:absolute}.card-art.has-shot .card-art-text{bottom:18px}.modal-hero.has-modal-shot{background-image:linear-gradient(90deg,rgba(0,90,122,.94),rgba(0,90,122,.76) 48%,rgba(0,90,122,.20)),var(--modal-shot);background-size:cover;background-position:center top}.modal-hero.has-modal-shot:before{background:linear-gradient(135deg,rgba(0,90,122,.88),rgba(0,90,122,.62) 52%,rgba(203,180,73,.38));clip-path:none}.modal-hero.has-modal-shot:after{display:none}.screenshot-panel{margin-top:24px}.gallery-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.gallery-head .eyebrow{margin:0}.gallery-head h3{font-size:1.7rem}.shot-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,300px);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px}.shot-card{scroll-snap-align:start;margin:0;background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);overflow:hidden}.shot-card img{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;object-position:top center;background:var(--soft)}.shot-card figcaption{padding:12px 14px;color:var(--ink);font-family:var(--font-head);font-weight:800;line-height:1.18}.modal-card{max-height:min(92vh,1100px);overflow:auto}.has-shot + .card-body{padding-top:20px}
[data-contrast="high"] .card-art.has-shot img,[data-contrast="high"] .phone-shot img,[data-contrast="high"] .shot-card img{filter:saturate(1.05) contrast(.95) brightness(.86)}[data-contrast="high"] .card-art.has-shot:after{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.74))}[data-contrast="high"] .modal-hero.has-modal-shot{background-image:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,90,122,.76)),var(--modal-shot)}
@media(max-width:1180px){.showcase-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:4px 2px 18px}}
@media(max-width:980px){.showcase{margin-bottom:62px}.showcase-head{display:grid}.showcase-note{max-width:none}.card-art.has-shot{min-height:190px}.modal-card{max-height:94vh}.shot-gallery{grid-auto-columns:minmax(210px,280px)}}
@media(max-width:680px){.showcase-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:4px 2px 18px}.phone-shot{aspect-ratio:9/12}.card-art.has-shot{min-height:220px}.shot-gallery{grid-auto-columns:78vw}.gallery-head{display:block}.gallery-head h3{font-size:1.4rem}.modal-hero.has-modal-shot{min-height:270px;background-position:center top}} /* Clean Gallery Fix v1.0.6: Startseite ruhig, Screenshots in Details */
.preview-note{
  margin:8px auto 72px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,460px);
  gap:24px;
  align-items:end;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--shadow-soft);
  padding:26px 30px;
}
.preview-note h2{font-size:clamp(1.65rem,3vw,2.7rem)}
.preview-note p:last-child{margin:0;color:var(--muted);font-weight:650}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));}
.card{min-height:0;border-radius:28px;}
.card-art{min-height:154px;}
.card-art.has-shot{min-height:154px;background:linear-gradient(135deg,#8d989b,#cfd5d5)}
.card-art.has-shot img{display:none;}
.card-art.has-shot:before{display:block;}
.card-art.has-shot:after{display:block;content:"";position:absolute;width:72%;height:100%;right:-22%;top:-28%;background:rgba(255,255,255,.22);border-radius:999px;transform:rotate(23deg)}
.card-art.has-shot .card-art-text{bottom:22px}
.card-body{padding:20px;gap:12px;}
.card .desc{font-size:.95rem;}
.preview-pill{display:inline-flex;width:max-content;max-width:100%;border-radius:999px;background:color-mix(in srgb,var(--yellow) 18%,var(--paper));border:1px solid color-mix(in srgb,var(--yellow) 44%,transparent);color:var(--ink);font-weight:850;font-size:.82rem;padding:6px 10px;}
.showcase{display:none!important;}
.shot-gallery{grid-auto-flow:initial;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:unset;overflow-x:visible;padding:4px 0 8px;}
.shot-card{border-radius:22px;}
.shot-card img{aspect-ratio:4/3;object-fit:cover;object-position:top center;}
.screenshot-panel{background:var(--soft);border:1px solid var(--line);border-radius:26px;padding:18px;margin-top:24px;}
.gallery-head h3{font-size:1.45rem;}
@media(max-width:1120px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));}.preview-note{grid-template-columns:1fr}.shot-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.grid{grid-template-columns:1fr}.preview-note{margin-bottom:52px;padding:22px}.shot-gallery{grid-template-columns:1fr}.shot-card img{aspect-ratio:9/12}.card-art{min-height:146px}} /* Hero text refinement v1.0.11 */
.hero-copy{max-width:760px}.hero .lead{max-width:680px}@media(max-width:430px){h1{font-size:2.45rem}} /* v1.0.12: ruhigere Desktop-Darstellung – maximal 3 Karten nebeneinander */
@media (min-width: 981px){
  .products .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
  .showcase-rail{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;}
} /* v1.0.13: Hilfe- und Roadmap-Seiten */
.top-links a[aria-current="page"]{border-bottom-color:var(--teal);color:var(--teal)}
.page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,var(--paper) 70%,var(--bg) 70%);padding:58px 0 48px}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);gap:34px;align-items:center}
.page-hero h1{font-size:clamp(2.7rem,6vw,5.4rem);max-width:850px}
.quick-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:30px;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.quick-card:before{content:"";position:absolute;inset:auto -12% -8% -12%;height:55%;background:linear-gradient(120deg,rgba(0,90,122,.88),rgba(0,90,122,.70) 54%,rgba(203,180,73,.58) 54%,rgba(225,125,2,.58));clip-path:polygon(0 42%,30% 22%,56% 42%,80% 10%,100% 28%,100% 100%,0 100%);z-index:-1}
.quick-card:after{content:"";position:absolute;width:70%;height:70%;right:-22%;top:-16%;background:color-mix(in srgb,var(--teal) 12%,transparent);border-radius:999px;z-index:-1}
.quick-card strong{display:block;font-family:var(--font-head);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.08;color:var(--ink);letter-spacing:-.04em;margin:.2rem 0 .7rem}.quick-card p{margin:0;color:var(--muted);font-weight:650}.help-hero .quick-card:before{background:linear-gradient(120deg,rgba(0,90,122,.90),rgba(0,90,122,.72) 52%,rgba(203,180,73,.58) 52%,rgba(225,125,2,.56))}.roadmap-card:before{background:linear-gradient(120deg,rgba(0,90,122,.88),rgba(0,90,122,.70) 42%,rgba(200,0,110,.56) 42%,rgba(225,125,2,.56) 66%,rgba(203,180,73,.58))}
.info-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px;margin-bottom:78px}.info-band article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:24px}.info-band strong{display:block;font-family:var(--font-head);font-size:1.18rem;color:var(--ink)}.info-band p{margin:.42rem 0 0;color:var(--muted)}
.simple-head{align-items:start}.simple-head>p{max-width:450px;margin:10px 0 0;color:var(--muted);font-weight:650}.guide{margin-bottom:78px}.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.step-card{background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:24px;position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;right:-34px;top:-38px;width:120px;height:120px;border-radius:999px;background:color-mix(in srgb,var(--teal) 9%,transparent)}.step-card>span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:var(--teal);color:#fff;font-weight:900;margin-bottom:18px}.step-card h3{font-size:1.45rem;margin-bottom:12px}.step-card p{color:var(--muted);margin:.2rem 0 1rem;font-weight:600}.step-card ul,.roadmap-item ul{margin:0;padding-left:1.1rem;color:var(--text)}.step-card li,.roadmap-item li{margin:.35rem 0}.requirements{display:grid;grid-template-columns:.92fr 1.08fr;gap:24px;margin-bottom:78px}.hero-panel h2{font-size:clamp(1.9rem,3.8vw,3.2rem);margin:0 0 16px}.hero-panel p:last-child{color:var(--muted);font-weight:650;margin-bottom:0}.req-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.req-grid article{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft)}.req-grid strong{display:block;font-family:var(--font-head);font-size:1.1rem;color:var(--ink)}.req-grid p{margin:.45rem 0 0;color:var(--muted)}
.cta-strip{display:grid;grid-template-columns:1fr minmax(280px,420px) auto;align-items:center;gap:24px;background:var(--ink);color:#fff;border-radius:34px;padding:28px 30px;margin-bottom:86px;box-shadow:var(--shadow)}.cta-strip h2{color:#fff;font-size:clamp(1.7rem,3vw,2.8rem)}.cta-strip p{margin:0;color:rgba(255,255,255,.78);font-weight:650}.cta-strip .eyebrow{color:#9dd6e5}.cta-strip .btn.primary{background:#fff;color:var(--teal)}
.roadmap{margin-bottom:78px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.roadmap-item{background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:24px;position:relative;overflow:hidden}.roadmap-item:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--teal)}.roadmap-item.now:before{background:var(--teal)}.roadmap-item.mid:before{background:var(--orange)}.roadmap-item.region:before{background:var(--magenta)}.roadmap-item.pool:before{background:var(--yellow)}.roadmap-kicker{display:inline-flex;border-radius:999px;background:var(--soft);color:var(--teal);font-weight:900;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;margin-bottom:16px}.roadmap-item h3{font-size:1.5rem;margin-bottom:10px}.roadmap-item p{color:var(--muted);font-weight:650;margin:.2rem 0 1rem}.roadmap-item.wide{grid-column:span 3;display:grid;grid-template-columns:minmax(240px,.7fr) 1fr;column-gap:28px;align-items:start}.roadmap-item.wide .roadmap-kicker,.roadmap-item.wide h3,.roadmap-item.wide p{grid-column:1}.roadmap-item.wide ul{grid-column:2;grid-row:1 / span 4;columns:2;column-gap:28px;margin-top:4px}
[data-contrast="high"] .quick-card:before,[data-contrast="high"] .cta-strip{filter:saturate(.9)}[data-contrast="high"] .cta-strip{background:#000;border:1px solid var(--line)}
@media(max-width:980px){.page-hero-grid,.requirements{grid-template-columns:1fr}.info-band,.step-list,.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-strip{grid-template-columns:1fr}.roadmap-item.wide{grid-column:span 2;grid-template-columns:1fr}.roadmap-item.wide ul{grid-column:auto;grid-row:auto;columns:1}.quick-card{min-height:230px}}
@media(max-width:680px){.page-hero{padding:36px 0 30px}.page-hero h1{font-size:2.7rem}.info-band,.step-list,.req-grid,.roadmap-grid{grid-template-columns:1fr}.roadmap-item.wide{grid-column:span 1}.cta-strip{border-radius:26px;padding:24px}.quick-card{border-radius:28px;padding:24px}.simple-head{display:grid}.simple-head>p{max-width:none}.guide,.requirements,.roadmap{margin-bottom:56px}} /* v1.0.14: Lesbare Grafik-Cards + Versionen-Seite */
.quick-card{justify-content:flex-end;gap:10px;}
.quick-card .stage-label{position:relative;z-index:2;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(8,53,68,.07);}
.quick-card strong,.quick-card p{position:relative;z-index:2;}
.quick-card p{display:block;width:min(100%,430px);background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.68);box-shadow:0 14px 34px rgba(8,53,68,.12);border-radius:22px;padding:14px 16px;color:var(--text);backdrop-filter:blur(10px);text-shadow:0 1px 0 rgba(255,255,255,.45)}
.roadmap-card p,.versions-card p{background:rgba(255,255,255,.84)}
[data-contrast="high"] .quick-card .stage-label,[data-contrast="high"] .quick-card p{background:rgba(0,0,0,.72);border-color:rgba(255,255,255,.2);color:var(--text);text-shadow:none}
.versions-hero .quick-card:before{background:linear-gradient(120deg,rgba(0,90,122,.90),rgba(0,90,122,.72) 46%,rgba(114,173,191,.48) 46%,rgba(203,180,73,.54) 70%,rgba(225,125,2,.56))}
.version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:78px}.version-card{background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:22px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.version-card:before{content:"";position:absolute;right:-36px;top:-50px;width:140px;height:140px;border-radius:999px;background:color-mix(in srgb,var(--teal) 10%,transparent)}.version-card.theme:before{background:color-mix(in srgb,var(--yellow) 22%,transparent)}.version-card>*{position:relative}.version-card h3{font-size:1.35rem}.version-card .version-number{font-family:var(--font-head);font-weight:900;font-size:2.1rem;line-height:1;color:var(--teal)}.version-card .version-desc{color:var(--muted);font-weight:600;margin:0}.version-meta{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:14px}.version-meta div{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.92rem}.version-meta strong{color:var(--ink);text-align:right}.version-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.json-output{margin:0;max-height:58vh;overflow:auto;background:#071014;color:#e9fbff;border-radius:24px;padding:20px;font-size:.86rem;line-height:1.48;white-space:pre-wrap;word-break:break-word}.json-modal{max-width:min(980px,calc(100vw - 28px))}.json-modal-card{background:var(--paper)}
@media(max-width:980px){.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.quick-card p{padding:12px 14px;border-radius:18px}.version-grid{grid-template-columns:1fr;margin-bottom:56px}.json-output{font-size:.78rem;border-radius:18px;padding:14px}} /* v1.0.15: Live-Musterseite prominent und sauber integriert */
.top-links .demo-link{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 13px;
  border:1px solid color-mix(in srgb,var(--teal) 25%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--teal) 8%,var(--paper));
  color:var(--teal);
  box-shadow:0 8px 18px rgba(8,53,68,.06);
}
.top-links .demo-link:hover{
  background:var(--teal);
  color:#fff;
  border-color:var(--teal);
  text-decoration:none;
}
.demo-highlight{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,420px);
  gap:28px;
  align-items:center;
  margin:0 auto 72px;
  padding:30px;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:34px;
  box-shadow:var(--shadow);
  isolation:isolate;
}
.demo-highlight:before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-120px;
  top:-170px;
  border-radius:999px;
  background:color-mix(in srgb,var(--teal-3) 24%,transparent);
  z-index:-1;
}
.demo-highlight:after{
  content:"";
  position:absolute;
  inset:auto -5% -26% 52%;
  height:50%;
  background:linear-gradient(120deg,rgba(0,90,122,.88),rgba(0,90,122,.68) 45%,rgba(203,180,73,.55) 45%,rgba(225,125,2,.55));
  clip-path:polygon(0 34%,28% 18%,53% 36%,74% 10%,100% 28%,100% 100%,0 100%);
  z-index:-1;
}
.demo-copy h2{font-size:clamp(2rem,4vw,3.55rem);margin-bottom:14px}
.demo-copy p:not(.eyebrow){max-width:680px;color:var(--muted);font-weight:650;margin:0 0 22px}
.demo-panel{
  min-height:250px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.65);
  background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(255,255,255,.68));
  box-shadow:var(--shadow-soft);
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  backdrop-filter:blur(12px);
}
.demo-panel strong{font-family:var(--font-head);font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05;color:var(--ink);letter-spacing:-.045em;margin:.35rem 0 .55rem}
.demo-panel small{font-weight:800;color:var(--teal)}
[data-contrast="high"] .top-links .demo-link{background:#000;color:#fff;border-color:var(--line)}
[data-contrast="high"] .demo-panel{background:rgba(0,0,0,.55);border-color:var(--line)}
@media(max-width:980px){.demo-highlight{grid-template-columns:1fr}.demo-highlight:after{left:28%;height:44%}.demo-panel{min-height:210px}}
@media(max-width:680px){.demo-highlight{padding:24px;border-radius:28px;margin-bottom:52px}.demo-highlight:before{right:-190px}.demo-panel{display:none}.top-links .demo-link{order:9}} /* v1.0.16: Mobile Fullscreen Navigation */
.mobile-nav-toggle,
.mobile-nav-panel{display:none}

@media(max-width:820px){
  .has-mobile-nav .site-header{z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .has-mobile-nav .header-grid{min-height:86px;align-items:center;padding:12px 0}
  .has-mobile-nav .top-links{display:none}
  .mobile-nav-toggle{
    display:inline-grid;
    place-items:center;
    width:58px;
    height:58px;
    border:0;
    border-radius:999px;
    background:linear-gradient(145deg,var(--teal),#073f50);
    color:#fff;
    box-shadow:0 18px 40px rgba(0,90,122,.24);
    cursor:pointer;
    position:relative;
    flex:0 0 auto;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .mobile-nav-toggle:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(0,90,122,.30)}
  .mobile-nav-toggle:focus-visible{outline:4px solid color-mix(in srgb,var(--teal-3) 50%,transparent);outline-offset:4px}
  .mobile-nav-toggle span,
  .mobile-nav-toggle span:before,
  .mobile-nav-toggle span:after{
    content:"";
    display:block;
    width:25px;
    height:3px;
    border-radius:99px;
    background:#fff;
    transition:transform .22s ease, opacity .22s ease;
  }
  .mobile-nav-toggle span:before{transform:translateY(-8px)}
  .mobile-nav-toggle span:after{transform:translateY(5px)}
  .mobile-nav-open .mobile-nav-toggle span{background:transparent}
  .mobile-nav-open .mobile-nav-toggle span:before{transform:translateY(3px) rotate(45deg)}
  .mobile-nav-open .mobile-nav-toggle span:after{transform:translateY(0) rotate(-45deg)}

  .mobile-nav-panel{
    display:block;
    position:fixed;
    inset:0;
    z-index:55;
    padding:calc(92px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px));
    background:
      radial-gradient(circle at 18% 12%,rgba(114,173,191,.34),transparent 28%),
      radial-gradient(circle at 80% 20%,rgba(203,180,73,.23),transparent 28%),
      linear-gradient(160deg,#005a7a 0%,#063f50 48%,#082a35 100%);
    color:#fff;
    opacity:0;
    transform:translateY(-18px) scale(.985);
    pointer-events:none;
    transition:opacity .24s ease, transform .24s ease;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-nav-open .mobile-nav-panel{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
  .mobile-nav-card{
    position:relative;
    overflow:hidden;
    min-height:calc(100dvh - 126px);
    border:1px solid rgba(255,255,255,.18);
    border-radius:34px;
    padding:22px;
    background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
    box-shadow:0 28px 90px rgba(0,0,0,.28);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    isolation:isolate;
  }
  .mobile-nav-card:before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    right:-210px;
    top:-160px;
    border-radius:999px;
    background:rgba(255,255,255,.13);
    z-index:-1;
  }
  .mobile-nav-card:after{
    content:"";
    position:absolute;
    inset:auto -10% -4% 20%;
    height:30%;
    background:linear-gradient(120deg,rgba(0,90,122,.75),rgba(0,90,122,.55) 38%,rgba(200,0,110,.34) 38%,rgba(225,125,2,.34) 65%,rgba(203,180,73,.38));
    clip-path:polygon(0 42%,25% 22%,49% 40%,72% 8%,100% 32%,100% 100%,0 100%);
    z-index:-1;
  }
  .mobile-nav-head{display:flex;align-items:center;gap:13px;margin-bottom:22px;color:#fff}
  .mobile-nav-head .brand-mark{width:58px;height:65px;color:#fff;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18))}
  .mobile-nav-title{display:grid;line-height:1.05}
  .mobile-nav-title strong{font-family:var(--font-head);font-size:1.12rem;letter-spacing:-.025em;color:#fff}
  .mobile-nav-title span{font-size:.78rem;font-weight:800;color:rgba(255,255,255,.72);margin-top:4px}
  .mobile-nav-kicker{display:inline-flex;width:max-content;max-width:100%;margin:4px 0 18px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#dff5fb;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
  .mobile-nav-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
  .mobile-nav-list a,
  .mobile-nav-list button{
    width:100%;
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:13px 16px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.10);
    color:#fff;
    text-decoration:none;
    font-family:var(--font-head);
    font-weight:800;
    font-size:1.02rem;
    line-height:1.12;
    box-shadow:0 12px 28px rgba(0,0,0,.08);
    cursor:pointer;
  }
  .mobile-nav-list a:after{content:"›";font-size:1.35rem;color:rgba(255,255,255,.62)}
  .mobile-nav-list a:hover,
  .mobile-nav-list button:hover,
  .mobile-nav-list a[aria-current="page"]{background:rgba(255,255,255,.20);border-color:rgba(255,255,255,.28)}
  .mobile-nav-list .mobile-demo a{background:#fff;color:var(--teal);border-color:#fff;box-shadow:0 18px 42px rgba(0,0,0,.18)}
  .mobile-nav-list .mobile-demo a:after{color:var(--teal)}
  .mobile-nav-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16)}
  .mobile-nav-foot a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:800;font-size:.9rem}
  .mobile-nav-note{margin:18px 0 0;color:rgba(255,255,255,.66);font-weight:700;font-size:.86rem;line-height:1.45}
  .mobile-nav-open body{overflow:hidden}
  [data-contrast="high"] .mobile-nav-panel{background:#000;color:#fff}
  [data-contrast="high"] .mobile-nav-card,[data-contrast="high"] .mobile-nav-list a,[data-contrast="high"] .mobile-nav-list button{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
}

@media(max-width:430px){
  .has-mobile-nav .brand-copy strong{font-size:.98rem}
  .has-mobile-nav .brand-copy em{font-size:.68rem}
  .mobile-nav-toggle{width:54px;height:54px}
  .mobile-nav-card{border-radius:28px;padding:18px}
  .mobile-nav-list a,.mobile-nav-list button{font-size:.98rem;min-height:52px;border-radius:18px}
}

@media(prefers-reduced-motion:reduce){
  .mobile-nav-toggle,
  .mobile-nav-toggle span,
  .mobile-nav-toggle span:before,
  .mobile-nav-toggle span:after,
  .mobile-nav-panel{transition:none!important}
} /* v1.0.19 · Theme als Hauptprodukt hervorheben */
@media (min-width:681px){
  .grid > .card.theme-card{
    grid-column:span 2;
  }
  .version-grid > .version-card.theme-featured{
    grid-column:span 2;
  }
}
.card.theme-card{
  min-height:460px;
  border-color:color-mix(in srgb,var(--teal) 28%,var(--line));
  box-shadow:0 30px 86px rgba(0,90,122,.15), var(--shadow-soft);
}
.card.theme-card:before{
  content:"Grundlage";
  position:absolute;
  z-index:4;
  right:20px;
  top:20px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(255,255,255,.86);
  color:var(--teal);
  border:1px solid rgba(255,255,255,.72);
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  box-shadow:0 14px 30px rgba(8,53,68,.12);
  backdrop-filter:blur(10px);
}
.card.theme-card .card-art{
  min-height:230px;
  background:linear-gradient(135deg,#859397,#d7dddd);
}
.card.theme-card .card-art:before{
  background:linear-gradient(130deg,rgba(0,90,122,.94),rgba(0,90,122,.72) 43%,rgba(203,180,73,.62) 43%,rgba(203,180,73,.54) 61%,rgba(225,125,2,.64));
  clip-path:polygon(0 56%,28% 32%,51% 43%,76% 16%,100% 30%,100% 100%,0 100%);
}
.card.theme-card .card-art:after{
  width:70%;
  height:110%;
  right:-18%;
  top:-40%;
  background:rgba(255,255,255,.26);
}
.card.theme-card .card-art-text{
  max-width:70%;
}
.card.theme-card .card-art-text strong{
  font-size:clamp(1.75rem,2.6vw,2.55rem);
}
.card.theme-card .card-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px 24px;
  padding:26px;
}
.card.theme-card .card-body .badge,
.card.theme-card .card-body h3,
.card.theme-card .card-body .desc,
.card.theme-card .card-body .preview-pill{
  grid-column:1;
}
.card.theme-card .card-body .meta,
.card.theme-card .card-body .card-actions{
  grid-column:2;
  align-content:start;
  justify-content:flex-start;
  max-width:220px;
}
.card.theme-card .card-body .card-actions{
  align-self:end;
}
.card.theme-card h3{
  font-size:clamp(1.8rem,2.6vw,2.65rem);
  line-height:1.02;
  margin:.1rem 0 0;
}
.card.theme-card .desc{
  font-size:1.04rem;
  max-width:60ch;
}
.version-card.theme-featured{
  border-color:color-mix(in srgb,var(--teal) 28%,var(--line));
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,255,255,.9)),
    radial-gradient(circle at 85% 8%,rgba(203,180,73,.36),transparent 30%),
    radial-gradient(circle at 10% 96%,rgba(0,90,122,.16),transparent 34%);
  box-shadow:0 30px 80px rgba(0,90,122,.13), var(--shadow-soft);
}
.version-card.theme-featured:after{
  content:"Haupt-Theme";
  position:absolute;
  right:22px;
  top:22px;
  border-radius:999px;
  padding:8px 12px;
  background:var(--teal);
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.version-card.theme-featured h3{
  font-size:clamp(1.65rem,2.3vw,2.2rem);
  max-width:70%;
}
.version-card.theme-featured .version-number{
  font-size:clamp(2.35rem,4vw,3.3rem);
}
@media(max-width:980px) and (min-width:681px){
  .card.theme-card .card-body{
    grid-template-columns:1fr;
  }
  .card.theme-card .card-body .meta,
  .card.theme-card .card-body .card-actions{
    grid-column:1;
    max-width:none;
  }
  .card.theme-card .card-art-text{max-width:82%;}
}
@media(max-width:680px){
  .card.theme-card{
    min-height:0;
  }
  .card.theme-card:before,
  .version-card.theme-featured:after{
    right:16px;
    top:16px;
    font-size:.66rem;
  }
  .card.theme-card .card-art{
    min-height:180px;
  }
  .card.theme-card .card-art-text{
    max-width:78%;
  }
  .card.theme-card .card-art-text strong{
    font-size:1.65rem;
  }
  .card.theme-card .card-body{
    display:flex;
    padding:22px;
  }
  .card.theme-card h3{font-size:1.72rem;}
  .card.theme-card .desc{font-size:1rem;}
  .version-card.theme-featured h3{max-width:100%;padding-right:112px;}
}
[data-contrast="high"] .card.theme-card:before,
[data-contrast="high"] .version-card.theme-featured:after{
  background:#000;
  color:#fff;
  border:1px solid var(--line);
} /* v1.0.20 · Haupt-Theme Card: CI-naehere Bühne + besseres Wide-Layout */
@media (min-width:681px){
  .grid > .card.theme-card,
  .version-grid > .version-card.theme-featured{grid-column:span 2;}
}
.card-art,
.card.theme-card .card-art{min-height:180px;}
.card.theme-card{
  min-height:0;
  border-color:color-mix(in srgb,var(--teal) 34%,var(--line));
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.96));
  box-shadow:0 32px 90px rgba(0,90,122,.16), var(--shadow-soft);
}
.card.theme-card .card-art{
  background:
    radial-gradient(circle at 86% -18%,rgba(255,255,255,.52) 0 30%,transparent 31%),
    linear-gradient(152deg,transparent 0 52%,rgba(203,180,73,.64) 52% 70%,transparent 71%),
    linear-gradient(22deg,rgba(0,90,122,.96) 0 42%,transparent 43%),
    linear-gradient(164deg,transparent 0 68%,rgba(225,125,2,.68) 69%),
    #dce9eb;
  isolation:isolate;
}
.card.theme-card .card-art:before{
  content:"";
  position:absolute;
  inset:auto;
  left:8%;
  top:24px;
  width:34%;
  height:92px;
  border-radius:18px 22px 20px 18px;
  background:linear-gradient(135deg,rgba(0,90,122,.95),rgba(0,124,148,.58));
  transform:rotate(-8deg) skewX(-5deg);
  clip-path:polygon(9% 10%,78% 0,100% 78%,22% 100%,0 36%);
  box-shadow:0 22px 42px rgba(0,90,122,.20);
  z-index:1;
}
.card.theme-card .card-art:after{
  content:"";
  position:absolute;
  inset:auto;
  left:20%;
  top:42px;
  width:35%;
  height:96px;
  border-radius:20px 16px 24px 18px;
  background:linear-gradient(135deg,rgba(43,135,158,.62),rgba(0,90,122,.90));
  transform:rotate(8deg) skewX(4deg);
  clip-path:polygon(14% 0,100% 12%,82% 100%,0 74%);
  box-shadow:0 18px 36px rgba(0,90,122,.18);
  z-index:0;
}
.card.theme-card .card-art-text{
  left:28px;
  right:28px;
  bottom:24px;
  max-width:66%;
  z-index:3;
  text-shadow:0 3px 16px rgba(0,0,0,.30);
}
.card.theme-card .card-art-text strong{font-size:clamp(1.78rem,2.45vw,2.35rem);}
.card.theme-card .card-art-text span{letter-spacing:.01em;}
.card.theme-card .card-body{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(238px,.62fr);
  grid-template-areas:
    "badge side"
    "title side"
    "desc side"
    "desc actions";
  gap:14px 26px;
  padding:28px;
  align-items:start;
}
.card.theme-card .card-body .badge{grid-area:badge;align-self:start;justify-self:start;}
.card.theme-card .card-body h3{grid-area:title;font-size:clamp(1.85rem,2.55vw,2.65rem);line-height:1.02;margin:0;}
.card.theme-card .card-body .desc{grid-area:desc;font-size:1.035rem;max-width:62ch;line-height:1.62;}
.card.theme-card .card-body .preview-pill{
  grid-area:side;
  align-self:start;
  justify-self:start;
  display:inline-flex;
  width:auto;
  max-width:100%;
  padding:7px 11px;
  margin:0 0 12px;
  box-shadow:0 12px 28px rgba(203,180,73,.12);
}
.card.theme-card .card-body .meta{
  grid-area:side;
  align-self:start;
  justify-self:stretch;
  align-content:start;
  margin-top:42px;
  max-width:none;
  padding:16px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 76%,#fff),rgba(255,255,255,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.card.theme-card .card-body .meta .pill{background:#fff;}
.card.theme-card .card-body .card-actions{
  grid-area:actions;
  justify-content:flex-start;
  align-self:end;
  max-width:none;
  padding-top:2px;
}
.version-card.theme-featured{
  padding:0;
  overflow:hidden;
  background:var(--paper);
}
.version-card.theme-featured:before{
  content:"";
  position:relative;
  display:block;
  width:100%;
  height:128px;
  border-radius:0;
  background:
    radial-gradient(circle at 88% -18%,rgba(255,255,255,.50) 0 30%,transparent 31%),
    linear-gradient(152deg,transparent 0 52%,rgba(203,180,73,.64) 52% 70%,transparent 71%),
    linear-gradient(22deg,rgba(0,90,122,.96) 0 42%,transparent 43%),
    linear-gradient(164deg,transparent 0 68%,rgba(225,125,2,.68) 69%),
    #dce9eb;
  right:auto;top:auto;
  border-radius:0;
}
.version-card.theme-featured:after{content:"Haupt-Theme";z-index:2;}
.version-card.theme-featured > :not(:before){margin-left:24px;margin-right:24px;}
.version-card.theme-featured .badge{margin-top:22px;}
.version-card.theme-featured .version-actions{margin-bottom:24px;}
.version-card.theme-featured h3{max-width:calc(100% - 130px);}
@media(max-width:980px) and (min-width:681px){
  .card.theme-card .card-body{grid-template-columns:1fr;grid-template-areas:"badge" "title" "desc" "side" "actions";}
  .card.theme-card .card-body .meta{margin-top:44px;}
  .card.theme-card .card-art-text{max-width:78%;}
}
@media(max-width:680px){
  .card-art,.card.theme-card .card-art{min-height:166px;}
  .card.theme-card .card-art-text{left:22px;right:22px;bottom:20px;max-width:78%;}
  .card.theme-card .card-art-text strong{font-size:1.58rem;}
  .card.theme-card .card-body{display:flex;padding:22px;}
  .card.theme-card .card-body .meta{margin-top:0;padding:0;border:0;background:transparent;box-shadow:none;}
  .card.theme-card .card-body .preview-pill{margin:0;}
  .version-card.theme-featured:before{height:108px;}
  .version-card.theme-featured h3{max-width:100%;padding-right:112px;}
}
[data-contrast="high"] .card.theme-card .card-body .meta{background:#fff;border-color:#000;} /* v1.0.21 · Versionen-Seite Paddings + Modal-Beschreibung */
.version-grid{
  align-items:stretch;
}
.version-card.theme-featured{
  padding:0 24px 24px!important;
  gap:14px;
}
.version-card.theme-featured:before{
  margin-left:-24px;
  margin-right:-24px;
  margin-bottom:22px;
  width:calc(100% + 48px)!important;
}
.version-card.theme-featured > *{
  margin-left:0!important;
  margin-right:0!important;
}
.version-card.theme-featured .badge{
  margin-top:0!important;
  width:max-content;
}
.version-card.theme-featured .version-actions{
  margin-bottom:0!important;
}
.version-card.theme-featured .version-meta{
  border-radius:20px;
  padding:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 74%,#fff),rgba(255,255,255,.74));
  border:1px solid var(--line);
}
.version-card.theme-featured .version-desc{
  max-width:72ch;
}
.version-card.theme-featured h3{
  max-width:calc(100% - 132px)!important;
  padding-right:0!important;
}
.modal-description-card{
  margin:22px 0 4px;
  border:1px solid var(--line);
  border-radius:26px;
  padding:20px 22px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--yellow) 20%,transparent),transparent 34%),
    linear-gradient(180deg,#fff,color-mix(in srgb,var(--soft) 58%,#fff));
  box-shadow:var(--shadow-soft);
}
.modal-description-card .eyebrow{margin:0 0 8px;}
.modal-description-text{
  color:var(--muted);
  font-weight:650;
  font-size:1.02rem;
  line-height:1.65;
}
.modal-description-text p{margin:.35rem 0 .75rem;}
.modal-description-text strong{color:var(--ink);}
.modal-sections .panel:first-child > h4:first-child{
  margin-top:0;
}
@media(max-width:680px){
  .version-card.theme-featured{
    padding:0 20px 20px!important;
  }
  .version-card.theme-featured:before{
    margin-left:-20px;
    margin-right:-20px;
    width:calc(100% + 40px)!important;
  }
  .version-card.theme-featured h3{max-width:100%!important;padding-right:112px!important;}
  .version-card.theme-featured .version-meta{padding:14px;border-radius:18px;}
  .modal-description-card{border-radius:22px;padding:18px;margin-top:18px;}
}
[data-contrast="high"] .version-card.theme-featured .version-meta,
[data-contrast="high"] .modal-description-card{
  background:#fff;
  border-color:#000;
}

.alpha-card{border-color:rgba(200,0,110,.26)}.alpha-card .card-art:before{background:linear-gradient(145deg,rgba(0,90,122,.88),rgba(0,90,122,.68) 42%,rgba(200,0,110,.55) 42%,rgba(200,0,110,.48) 63%,rgba(225,125,2,.52))}.alpha-badge{background:#fff0f7!important;color:#9a0052!important;border:1px solid rgba(200,0,110,.20)}.version-card.alpha-card:before{background:color-mix(in srgb,#c8006e 13%,transparent)} /* v1.0.31: eigener Alpha-Testbereich */
.alpha-test-section{margin-top:clamp(32px,5vw,72px);padding:clamp(22px,4vw,38px);border:1px solid rgba(200,0,110,.18);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,240,247,.78));box-shadow:0 20px 52px rgba(0,90,122,.08)}
.alpha-test-section[hidden]{display:none!important}.alpha-head{align-items:flex-end}.alpha-intro{max-width:820px;margin:.35rem 0 0;color:var(--muted)}.alpha-grid{margin-top:20px}.alpha-test-section .alpha-card{background:#fff}.alpha-test-section .card-art:after{content:'ALPHA';position:absolute;right:18px;top:18px;padding:5px 10px;border-radius:999px;background:#e17d02;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}
@media(max-width:760px){.alpha-head{align-items:flex-start}.alpha-test-section{border-radius:22px;padding:20px}} /* v1.0.32: Alpha-Test stärker abgegrenzt und immer am Ende sichtbar */
.alpha-test-section{position:relative;margin-top:clamp(48px,7vw,96px)!important;padding-top:clamp(30px,5vw,48px)!important;border:2px dashed rgba(200,0,110,.30)!important;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,240,247,.88) 62%,rgba(233,244,247,.78))!important}
.alpha-test-section:before{content:'Alpha-Testbereich';position:absolute;left:clamp(18px,3vw,34px);top:-14px;padding:6px 13px;border-radius:999px;background:#c8006e;color:#fff;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px rgba(200,0,110,.20)}
.alpha-test-section .section-head{border-bottom:1px solid rgba(200,0,110,.18);padding-bottom:18px;margin-bottom:8px}
.alpha-grid .alpha-card{outline:1px solid rgba(200,0,110,.18);outline-offset:3px} /* v1.0.50 · Mobile-Menü bereinigt: keine doppelte Logo-/Footer-Navigation */
@media(max-width:820px){
  .mobile-nav-panel{
    padding:calc(92px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));
  }
  .mobile-nav-card{
    min-height:0;
    padding:18px;
    border-radius:30px;
  }
  .mobile-nav-card:after{
    height:22%;
    opacity:.72;
  }
  .mobile-nav-head,
  .mobile-nav-foot,
  .mobile-nav-note{
    display:none!important;
  }
  .mobile-nav-kicker{
    margin:0 0 14px;
  }
  .mobile-nav-list{
    gap:9px;
  }
  .mobile-nav-list a,
  .mobile-nav-list button{
    min-height:50px;
    padding:12px 15px;
  }
}
@media(max-width:430px){
  .mobile-nav-panel{padding-left:10px;padding-right:10px}
  .mobile-nav-card{padding:16px;border-radius:26px}
  .mobile-nav-list a,.mobile-nav-list button{min-height:48px;font-size:.96rem}
} /* v1.0.51 · Impressum/Datenschutz und dezenter Footer */
.footer-grid{align-items:center}.footer-text{max-width:620px}.footer-legal{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.footer-legal a{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--teal) 8%,transparent);border:1px solid var(--line);color:var(--teal);text-decoration:none;font-weight:850;font-size:.84rem}.footer-legal a:hover{background:var(--teal);color:#fff}.legal-hero{position:relative;overflow:hidden;padding:58px 0 38px;background:linear-gradient(180deg,var(--paper),var(--bg));border-bottom:1px solid var(--line)}.legal-hero:before{content:"";position:absolute;inset:auto -8% 0 -8%;height:62%;background:linear-gradient(130deg,rgba(0,90,122,.88),rgba(0,90,122,.68) 47%,rgba(203,180,73,.46) 47%,rgba(203,180,73,.42) 67%,rgba(225,125,2,.42));clip-path:polygon(0 56%,30% 32%,55% 45%,80% 18%,100% 34%,100% 100%,0 100%);opacity:.23}.legal-hero .wrap{position:relative;z-index:1}.legal-hero h1{font-size:clamp(2.35rem,5vw,4.5rem);margin-bottom:14px}.legal-lead{max-width:850px;color:var(--text);font-size:1.08rem}.legal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;margin:42px auto 80px}.legal-content{display:grid;gap:22px}.legal-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-soft);padding:clamp(20px,3vw,30px)}.legal-card:before{content:"";position:absolute;right:-80px;top:-95px;width:210px;height:210px;border-radius:60px;background:color-mix(in srgb,var(--teal-3) 15%,transparent);transform:rotate(18deg)}.legal-card>*{position:relative}.legal-card h2{font-size:clamp(1.6rem,3vw,2.25rem);margin-bottom:16px}.legal-card h3{font-size:1.25rem;margin:22px 0 8px}.legal-card p,.legal-card li{color:var(--text)}.legal-card ul{padding-left:1.25rem}.legal-card a{color:var(--teal);font-weight:800}.legal-note{padding:15px 17px;border-radius:18px;background:color-mix(in srgb,var(--yellow) 15%,var(--paper));border:1px solid color-mix(in srgb,var(--yellow) 38%,transparent);color:var(--ink);font-weight:700}.legal-facts{display:grid;gap:10px;margin:16px 0}.legal-fact{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.legal-fact span{color:var(--muted);font-weight:800}.legal-fact strong{color:var(--ink)}.legal-side{position:sticky;top:126px;align-self:start;display:grid;gap:14px}.legal-toc{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:18px}.legal-toc strong{display:block;font-family:var(--font-head);color:var(--ink);font-size:1.05rem;margin-bottom:10px}.legal-toc a{display:block;text-decoration:none;color:var(--text);font-weight:750;padding:8px 0;border-top:1px solid var(--line)}.legal-toc a:hover{color:var(--teal)}.legal-mini{border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--paper)),var(--paper));border:1px solid var(--line);padding:16px;color:var(--muted);font-size:.92rem}.mobile-nav-legal{display:none}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr}.legal-side{position:static;order:-1}.legal-toc{display:flex;gap:8px;overflow:auto}.legal-toc strong{display:none}.legal-toc a{border:1px solid var(--line);border-radius:999px;padding:7px 10px;white-space:nowrap;background:color-mix(in srgb,var(--paper) 82%,var(--soft))}.legal-fact{grid-template-columns:1fr;gap:2px}.footer-grid{display:grid;justify-items:start}}
@media(max-width:820px){.mobile-nav-legal{display:flex;justify-content:center;gap:6px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.78);font-size:.78rem;font-weight:800}.mobile-nav-legal a{color:rgba(255,255,255,.86);text-decoration:none;padding:3px 4px}.mobile-nav-legal a:hover{color:#fff}.footer{padding:20px 0}.footer-legal a{font-size:.78rem;min-height:28px;padding:4px 9px}.footer-text{font-size:.88rem}}
@media(max-width:560px){.legal-hero{padding:40px 0 26px}.legal-layout{margin-top:26px;margin-bottom:56px}.legal-card{border-radius:22px}.legal-facts{font-size:.94rem}.footer-grid{gap:8px}.footer-legal{gap:7px}}
[data-contrast="high"] .legal-note{background:#1e1e05;border-color:#77703a}

.license-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.license-grid>div{padding:16px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--teal) 6%,var(--paper))}.license-grid strong{display:block;font-family:var(--font-head);font-size:1.25rem;color:var(--ink)}.license-grid span{display:inline-flex;margin:8px 0;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--teal) 12%,transparent);font-weight:850;color:var(--teal);font-size:.82rem}@media(max-width:760px){.license-grid{grid-template-columns:1fr}.mobile-nav-legal{font-size:.72rem;opacity:.86;gap:5px}.mobile-nav-legal a{padding:2px 3px}}

/* v1.0.58 · Produkt-Icons im Detail-Hero + Kontrastmodus-Finishing */
.modal-hero.has-product-icon{
  min-height:300px;
  padding:42px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(178px,260px);
  align-items:center;
  gap:30px;
}
.modal-hero.has-product-icon .modal-hero-content{
  align-self:end;
  max-width:720px;
}
.product-hero-icon{
  position:relative;
  z-index:2;
  justify-self:end;
  width:clamp(170px,24vw,258px);
  aspect-ratio:1/1;
  margin:0;
  border-radius:36px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.12));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 26px 70px rgba(8,53,68,.28), inset 0 1px 0 rgba(255,255,255,.35);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.product-hero-icon:before{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.44),transparent 32%);
  z-index:1;
  pointer-events:none;
}
.product-hero-icon img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.modal-hero.has-product-icon:after{
  display:block;
  width:54%;
  height:112%;
  right:-19%;
  top:-27%;
  opacity:.55;
}
.modal-hero.has-product-icon.has-modal-shot:after{display:block;background:rgba(255,255,255,.18)}
[data-contrast="high"] .product-hero-icon{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.34);
  box-shadow:0 24px 65px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.12);
}
[data-contrast="high"] .product-hero-icon img{filter:saturate(.95) brightness(.88) contrast(1.02)}
[data-contrast="high"] .site-header,
[data-contrast="high"] .footer,
[data-contrast="high"] .modal-card,
[data-contrast="high"] .card,
[data-contrast="high"] .version-card,
[data-contrast="high"] .roadmap-item,
[data-contrast="high"] .quick-card,
[data-contrast="high"] .feature-row article,
[data-contrast="high"] .preview-note,
[data-contrast="high"] .demo-highlight,
[data-contrast="high"] .legal-card,
[data-contrast="high"] .legal-intro,
[data-contrast="high"] .alpha-test-section{
  background:#101d22!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
[data-contrast="high"] .modal-description-card,
[data-contrast="high"] .panel,
[data-contrast="high"] .pill,
[data-contrast="high"] .filter,
[data-contrast="high"] .shot-card,
[data-contrast="high"] .showcase-card,
[data-contrast="high"] .version-card.theme-featured .version-meta,
[data-contrast="high"] .demo-panel{
  background:#17272d!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
}
[data-contrast="high"] .modal-description-text,
[data-contrast="high"] .desc,
[data-contrast="high"] .lead,
[data-contrast="high"] .changelog,
[data-contrast="high"] .legal-card p,
[data-contrast="high"] .legal-card li,
[data-contrast="high"] .roadmap-item p,
[data-contrast="high"] .feature-row p,
[data-contrast="high"] .version-desc{
  color:var(--muted)!important;
}
[data-contrast="high"] h1,
[data-contrast="high"] h2,
[data-contrast="high"] h3,
[data-contrast="high"] h4,
[data-contrast="high"] .brand-copy strong,
[data-contrast="high"] .modal-description-text strong,
[data-contrast="high"] .req strong,
[data-contrast="high"] .shot-card figcaption,
[data-contrast="high"] .top-links a,
[data-contrast="high"] .contrast-toggle{
  color:var(--ink)!important;
}
[data-contrast="high"] .btn.light,
[data-contrast="high"] .btn.secondary{
  background:#071014!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.42)!important;
}
[data-contrast="high"] .btn.primary,
[data-contrast="high"] .btn.dark{
  background:#fff!important;
  color:#071014!important;
  border-color:#fff!important;
}
[data-contrast="high"] .modal-close{
  background:#fff!important;
  color:#071014!important;
}
[data-contrast="high"] .badge,
[data-contrast="high"] .preview-pill,
[data-contrast="high"] .stage-label,
[data-contrast="high"] .roadmap-kicker{
  background:#fff!important;
  color:#071014!important;
}
[data-contrast="high"] code{background:#000;color:#fff;border:1px solid var(--line)}
@media(max-width:760px){
  .modal-hero.has-product-icon{
    min-height:265px;
    display:block;
    padding:24px 118px 24px 24px;
  }
  .product-hero-icon{
    position:absolute;
    right:18px;
    top:76px;
    width:86px;
    border-radius:22px;
    opacity:.96;
  }
  .modal-hero.has-product-icon .modal-hero-content{max-width:100%;}
  .modal-hero.has-product-icon h2{font-size:clamp(2rem,12vw,3rem)}
  .modal-hero.has-product-icon p{font-size:.94rem;line-height:1.45}
}
@media(max-width:420px){
  .modal-hero.has-product-icon{padding-right:96px;min-height:245px;}
  .product-hero-icon{width:70px;right:16px;top:74px;border-radius:18px;}
}

.version-alpha-separator{grid-column:1/-1;margin:22px 0 4px;padding:18px 22px;border-radius:22px;background:linear-gradient(135deg,rgba(200,0,110,.12),rgba(0,90,122,.08));border:1px solid rgba(200,0,110,.22);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.version-alpha-separator span{display:inline-flex;border-radius:999px;background:#c8006e;color:#fff;padding:6px 12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.version-alpha-separator strong{color:#005a7a}

/* v1.1.16: Roadmap Status, Detailbuttons und Teilen */
.roadmap-hero-enhanced .lead{max-width:760px}
.status-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.status-pills span{display:inline-flex;align-items:center;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 78%,var(--teal) 8%);border-radius:999px;padding:9px 13px;font-weight:850;font-size:.86rem;color:var(--teal);box-shadow:0 10px 28px rgba(0,90,122,.08)}
.share-strip{display:grid;grid-template-columns:1.2fr auto;gap:24px;align-items:center;margin-top:32px;margin-bottom:34px;padding:28px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--paper)),color-mix(in srgb,var(--yellow) 12%,var(--paper)));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}
.share-strip:before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:44px;transform:rotate(17deg);background:color-mix(in srgb,var(--magenta) 10%,transparent)}
.share-strip>*{position:relative}.share-strip h2{margin:.1rem 0 .45rem}.share-strip p{max-width:780px;margin:0;color:var(--muted);font-weight:650}.share-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.product-roadmap-grid .roadmap-item{min-height:100%}.featured-roadmap-card{background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 14%,var(--paper)),var(--paper))}.roadmap-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.roadmap-item .roadmap-actions .btn{min-height:38px}.beta-card .roadmap-kicker{background:color-mix(in srgb,var(--blue) 12%,var(--paper));color:var(--blue)}.featured-roadmap-card .roadmap-kicker{background:color-mix(in srgb,var(--yellow) 22%,var(--paper));color:var(--teal)}
[data-contrast="high"] .status-pills span,[data-contrast="high"] .share-strip{background:#101820;border-color:#5ce1ff;color:#fff}[data-contrast="high"] .share-strip p,[data-contrast="high"] .status-pills span{color:#f4fcff}[data-contrast="high"] .beta-card .roadmap-kicker,[data-contrast="high"] .featured-roadmap-card .roadmap-kicker{background:#183342;color:#fff;border:1px solid #5ce1ff}
@media(max-width:820px){.share-strip{grid-template-columns:1fr;padding:22px;border-radius:26px}.share-actions{justify-content:flex-start}.status-pills{gap:8px}.status-pills span{font-size:.8rem;padding:8px 10px}.roadmap-actions .btn{flex:1 1 auto;justify-content:center}}

/* v1.1.17: Lebendigere Roadmap-Visuals */
.theme-spotlight-card{grid-template-columns:minmax(300px,.95fr) 1.05fr !important;gap:28px;align-items:stretch;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--paper)),color-mix(in srgb,var(--yellow) 10%,var(--paper)))}
.theme-spotlight-card:after,.roadmap-item.has-thumb:after{content:"";position:absolute;right:-34px;top:-36px;width:146px;height:146px;border-radius:38px;transform:rotate(18deg);background:color-mix(in srgb,var(--magenta) 8%,transparent);pointer-events:none}
.theme-spotlight-media{margin:0;position:relative;overflow:hidden;border-radius:26px;min-height:100%;background:var(--soft);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.theme-spotlight-media img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:top center}
.theme-spotlight-media:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,34,43,.06),rgba(7,34,43,.54))}
.theme-spotlight-media figcaption{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff;display:grid;gap:6px}
.theme-spotlight-media figcaption strong{font-family:var(--font-head);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.08}
.theme-spotlight-media figcaption em{font-style:normal;font-weight:650;color:rgba(255,255,255,.92)}
.media-badge{display:inline-flex;align-self:start;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);font-weight:850;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}
.theme-spotlight-copy{display:grid;align-content:start;gap:0}
.theme-spotlight-copy .roadmap-actions{margin-top:10px}
.roadmap-item.has-thumb{padding-top:86px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 28%,var(--paper)))}
.roadmap-thumb{position:absolute;left:24px;top:22px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 12%,white),color-mix(in srgb,var(--yellow) 14%,white));border:1px solid var(--line);box-shadow:var(--shadow-soft);z-index:2}
.roadmap-thumb img{display:block;width:36px;height:36px;object-fit:contain}
.roadmap-item.has-thumb h3{margin-top:2px}
.roadmap-item.has-thumb .roadmap-kicker{margin-left:52px}
.roadmap-item.has-thumb h3,.roadmap-item.has-thumb p,.roadmap-item.has-thumb ul,.roadmap-item.has-thumb .roadmap-actions{position:relative;z-index:1}
.roadmap-item.has-thumb:before{height:10px}
[data-contrast="high"] .theme-spotlight-card,[data-contrast="high"] .roadmap-item.has-thumb{background:#101820}
[data-contrast="high"] .theme-spotlight-media,[data-contrast="high"] .roadmap-thumb{border-color:#5ce1ff;background:#122733}
[data-contrast="high"] .media-badge{background:rgba(0,0,0,.55);border-color:#5ce1ff;color:#fff}
[data-contrast="high"] .theme-spotlight-media:before{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.72))}
@media(max-width:980px){.theme-spotlight-card{grid-template-columns:1fr !important}.theme-spotlight-media img{min-height:260px}}
@media(max-width:680px){.roadmap-item.has-thumb{padding-top:82px}.roadmap-thumb{width:56px;height:56px;left:22px;top:20px}.roadmap-thumb img{width:32px;height:32px}.roadmap-item.has-thumb .roadmap-kicker{margin-left:46px}.theme-spotlight-media img{min-height:220px}}

/* v1.1.18: Roadmap readability, proper icons, private-project note */
.theme-spotlight-card{padding:18px 18px 22px !important;align-items:start}
.theme-spotlight-card .theme-spotlight-copy{padding:12px 8px 6px 4px;gap:10px}
.theme-spotlight-card h3{font-size:clamp(2rem,3vw,3.1rem);line-height:.96;margin:.05rem 0 .35rem}
.theme-spotlight-card p{font-size:1rem;line-height:1.65;max-width:42ch}
.theme-spotlight-card ul{grid-column:auto !important;grid-row:auto !important;columns:1 !important;display:grid;gap:8px;padding-left:1.1rem;margin:.1rem 0 0}
.theme-spotlight-media{min-height:460px;border-radius:30px}
.theme-spotlight-media img{min-height:460px;filter:saturate(.95) contrast(.95) brightness(.84)}
.theme-spotlight-media:before{background:linear-gradient(180deg,rgba(255,255,255,.0) 0%,rgba(9,56,72,.08) 18%,rgba(9,56,72,.32) 48%,rgba(9,56,72,.78) 100%)}
.theme-spotlight-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,45,58,.22),rgba(8,45,58,.00) 55%)}
.theme-spotlight-media figcaption{left:20px;right:20px;bottom:20px;gap:10px}
.theme-spotlight-media figcaption strong{max-width:12ch;font-size:clamp(2rem,3.2vw,3.15rem);line-height:.96;letter-spacing:-.03em;text-wrap:balance}
.theme-spotlight-media figcaption em{max-width:28ch;font-size:1rem;line-height:1.45;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.media-badge{background:rgba(255,255,255,.22);padding:7px 12px}
.roadmap-item.has-thumb{padding:24px 24px 24px 24px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 20%,var(--paper)))}
.roadmap-item.has-thumb .roadmap-kicker{margin-left:0}
.roadmap-item.has-thumb h3{margin-top:0}
.roadmap-item.has-thumb:before{height:9px}
.roadmap-thumb{position:relative;left:auto;top:auto;width:54px;height:54px;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,white),color-mix(in srgb,var(--yellow) 12%,white));box-shadow:none}
.roadmap-thumb img{width:30px;height:30px}
.project-note{margin:10px auto 68px}.project-note-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--paper)),color-mix(in srgb,var(--yellow) 10%,var(--paper)));box-shadow:var(--shadow-soft)}
.project-note-card:before{content:"";position:absolute;right:-48px;top:-66px;width:220px;height:220px;border-radius:42px;transform:rotate(22deg);background:color-mix(in srgb,var(--magenta) 10%,transparent)}
.project-note-card>*{position:relative}.project-note-card h2{margin:.1rem 0 .5rem}.project-note-card > div:first-child p:last-child{max-width:76ch;color:var(--muted);font-weight:650;line-height:1.65}
.project-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.project-note-grid article{background:rgba(255,255,255,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.66);border-radius:24px;padding:20px}.project-note-grid strong{display:block;font-family:var(--font-head);font-size:1.08rem;color:var(--ink);margin-bottom:8px}.project-note-grid p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}
[data-contrast="high"] .theme-spotlight-media img{filter:saturate(.92) brightness(.7) contrast(1.04)}
[data-contrast="high"] .theme-spotlight-media:before{background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.78))}
[data-contrast="high"] .project-note-card{background:#101820;border-color:#5ce1ff}
[data-contrast="high"] .project-note-grid article{background:#152a36;border-color:#5ce1ff}
@media(max-width:980px){.theme-spotlight-media{min-height:360px}.theme-spotlight-media img{min-height:360px}.theme-spotlight-media figcaption strong{font-size:clamp(1.8rem,5vw,2.55rem)}.theme-spotlight-card .theme-spotlight-copy{padding:4px 4px 2px}.project-note-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.theme-spotlight-card{padding:14px !important}.theme-spotlight-media{min-height:280px;border-radius:24px}.theme-spotlight-media img{min-height:280px}.theme-spotlight-media figcaption{left:16px;right:16px;bottom:16px}.theme-spotlight-media figcaption strong{font-size:clamp(1.7rem,9vw,2.2rem);max-width:13ch}.theme-spotlight-media figcaption em{font-size:.94rem;max-width:24ch}.theme-spotlight-card h3{font-size:clamp(1.8rem,8vw,2.45rem)}.theme-spotlight-card p{max-width:none;font-size:.97rem}.roadmap-thumb{width:50px;height:50px;margin-bottom:14px}.roadmap-thumb img{width:28px;height:28px}.project-note{margin-bottom:54px}.project-note-card{padding:22px;border-radius:26px}.project-note-grid{grid-template-columns:1fr}}


/* v1.1.19: Roadmap Hero/Spotlight UX + GPL-konforme Lizenzdarstellung */
.theme-spotlight-card{
  padding:0!important;
  overflow:hidden;
  gap:0!important;
  align-items:stretch!important;
  background:var(--paper)!important;
  min-height:440px;
  border-radius:34px;
}
.theme-spotlight-card:before{display:none}
.theme-spotlight-card:after{
  right:-72px;top:-80px;width:220px;height:220px;border-radius:58px;
  background:color-mix(in srgb,var(--yellow) 16%,transparent);
  z-index:0;
}
.theme-spotlight-media{
  margin:0!important;
  min-height:100%!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#082a35!important;
  isolation:isolate;
}
.theme-spotlight-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;
  filter:saturate(1.03) contrast(1.03) brightness(.84);
}
.theme-spotlight-media:before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(5,28,36,.88) 0%,rgba(5,28,36,.72) 32%,rgba(5,28,36,.28) 62%,rgba(5,28,36,0) 100%)!important;
}
.theme-spotlight-media:after{
  content:"";position:absolute;inset:0;z-index:2;
  background:
    linear-gradient(90deg,rgba(5,28,36,0) 0%,rgba(255,255,255,.72) 86%,var(--paper) 100%),
    linear-gradient(0deg,rgba(0,90,122,.18),rgba(0,90,122,0) 44%);
}
.theme-spotlight-media figcaption{
  position:absolute;left:28px;right:28px;bottom:28px;z-index:3;
  display:grid;gap:8px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.42);
}
.theme-spotlight-media figcaption strong{font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:1.05;color:#fff;max-width:12ch}
.theme-spotlight-media figcaption em{font-style:normal;color:rgba(255,255,255,.88);font-weight:750;max-width:30ch}
.theme-spotlight-copy{
  position:relative;z-index:2;padding:36px 36px 34px;display:flex;flex-direction:column;justify-content:center;
  background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.995) 22%,var(--paper) 64%,var(--paper) 100%);
  box-shadow:-18px 0 36px rgba(8,53,68,.10);
  backdrop-filter:blur(8px) saturate(1.04);
}
.theme-spotlight-copy h3,.theme-spotlight-copy p,.theme-spotlight-copy li{position:relative;z-index:1}
.theme-spotlight-copy p{font-size:1.02rem;line-height:1.6;color:color-mix(in srgb,var(--ink) 72%,var(--muted))}
.theme-spotlight-copy ul li{color:color-mix(in srgb,var(--ink) 82%,var(--muted));font-weight:650}
.roadmap-item.has-thumb{display:flex;flex-direction:column}
.roadmap-item.has-thumb .roadmap-thumb{flex:0 0 auto}
.roadmap-item.has-thumb .roadmap-kicker{margin:0 0 14px}
.roadmap-item.has-thumb .roadmap-thumb + .roadmap-kicker{
  display:inline-flex;align-items:center;align-self:flex-start;min-height:54px;margin-top:-70px;margin-left:68px;margin-bottom:18px;
  padding:9px 13px;border:1px solid var(--line);box-shadow:0 10px 24px rgba(8,53,68,.06);
}
.roadmap-item.has-thumb h3{margin-top:0}
[data-contrast="high"] .theme-spotlight-card{background:#101820!important;border-color:#5ce1ff!important}
[data-contrast="high"] .theme-spotlight-copy{background:linear-gradient(90deg,rgba(16,24,32,.96) 0%,#101820 34%,#101820 100%);box-shadow:-18px 0 34px rgba(0,0,0,.26)}
[data-contrast="high"] .theme-spotlight-media img{filter:saturate(.95) contrast(1.04) brightness(.74)}
[data-contrast="high"] .theme-spotlight-media:before{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.78) 42%,rgba(0,0,0,.26) 78%,rgba(0,0,0,0))!important}
[data-contrast="high"] .theme-spotlight-media:after{background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(16,24,32,.76) 82%,#101820 100%)!important}
[data-contrast="high"] .roadmap-item.has-thumb .roadmap-thumb + .roadmap-kicker{border-color:#5ce1ff;background:#183342!important;color:#fff!important}
.license-grid>div:first-child{background:color-mix(in srgb,var(--teal) 10%,var(--paper))}
.license-grid>div:nth-child(2){background:color-mix(in srgb,var(--yellow) 14%,var(--paper))}
.license-grid>div:nth-child(3){background:color-mix(in srgb,var(--magenta) 6%,var(--paper))}
@media(min-width:981px){
  .theme-spotlight-card{grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr)!important}
  .theme-spotlight-copy{margin-left:-56px;padding-left:84px;clip-path:polygon(40px 0,100% 0,100% 100%,0 100%)}
}
@media(max-width:980px){
  .theme-spotlight-card{grid-template-columns:1fr!important;min-height:0}
  .theme-spotlight-media{min-height:310px!important}
  .theme-spotlight-media:before{background:linear-gradient(180deg,rgba(5,28,36,.52),rgba(5,28,36,.90))!important}
  .theme-spotlight-media:after{background:linear-gradient(180deg,rgba(5,28,36,.06) 0%,rgba(5,28,36,.18) 52%,rgba(5,28,36,.46) 100%)!important}
  .theme-spotlight-media figcaption{left:22px;right:22px;bottom:22px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(6,25,32,.86),rgba(6,25,32,.72));border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 34px rgba(0,0,0,.24);backdrop-filter:blur(8px)}
  .theme-spotlight-copy{background:var(--paper);padding:28px}
}
@media(max-width:680px){
  .theme-spotlight-card{border-radius:28px}
  .theme-spotlight-media{min-height:260px!important}
  .theme-spotlight-media img{object-position:center top;filter:saturate(1.02) contrast(1.03) brightness(.64)}
  .theme-spotlight-media figcaption{left:16px;right:16px;bottom:16px;padding:16px 16px 14px;border-radius:22px;background:linear-gradient(180deg,rgba(6,25,32,.92),rgba(6,25,32,.78));border:1px solid rgba(255,255,255,.16)}
  .theme-spotlight-media figcaption strong{max-width:14ch;font-size:1.5rem;line-height:1.03}
  .theme-spotlight-media figcaption em{display:block;font-size:.9rem;line-height:1.42;color:rgba(255,255,255,.88);max-width:22ch}
  .theme-spotlight-copy{padding:24px 20px 22px}
  .theme-spotlight-copy h3{font-size:clamp(1.95rem,7.8vw,2.55rem);line-height:.98}
  .theme-spotlight-copy p{font-size:.99rem;line-height:1.58}
  .roadmap-item.has-thumb .roadmap-thumb + .roadmap-kicker{min-height:50px;margin-left:64px;margin-top:-66px;margin-bottom:16px;font-size:.7rem;padding:8px 10px}
}

/* v1.1.21: Roadmap Spotlight Stacking/Overlap Fix
   Wichtig: Das Bild darf niemals in den rechten Copy-Bereich hineinragen. */
.roadmap-grid,
.product-roadmap-grid{
  isolation:isolate;
}
.roadmap-item{
  isolation:isolate;
}
.roadmap-item::before,
.roadmap-item::after{
  pointer-events:none;
}
.roadmap-item > *{
  position:relative;
  z-index:1;
}
.theme-spotlight-card{
  overflow:hidden;
}
.theme-spotlight-card::after{
  z-index:0;
}
.theme-spotlight-media{
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
  contain:paint;
}
.theme-spotlight-media img,
.theme-spotlight-media::before,
.theme-spotlight-media::after,
.theme-spotlight-media figcaption{
  max-width:100%;
}
.theme-spotlight-media::before,
.theme-spotlight-media::after{
  pointer-events:none;
}
.theme-spotlight-copy{
  position:relative!important;
  z-index:5!important;
  overflow:visible;
  min-width:0;
}
.theme-spotlight-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:inherit;
  pointer-events:none;
}
.theme-spotlight-copy h3,
.theme-spotlight-copy p,
.theme-spotlight-copy ul,
.theme-spotlight-copy li,
.theme-spotlight-copy .roadmap-kicker,
.theme-spotlight-copy .roadmap-actions{
  position:relative;
  z-index:2;
}
@media(min-width:981px){
  .theme-spotlight-card{
    grid-template-columns:minmax(340px,.82fr) minmax(460px,1.18fr)!important;
  }
  .theme-spotlight-copy{
    margin-left:0!important;
    padding:38px 38px 36px 42px!important;
    clip-path:none!important;
    background:linear-gradient(90deg,rgba(255,255,255,.995) 0%,var(--paper) 58%,var(--paper) 100%)!important;
    box-shadow:-22px 0 42px rgba(8,53,68,.08);
  }
  .theme-spotlight-media::after{
    background:
      linear-gradient(90deg,rgba(5,28,36,0) 0%,rgba(255,255,255,.46) 84%,rgba(255,255,255,.82) 100%),
      linear-gradient(0deg,rgba(0,90,122,.14),rgba(0,90,122,0) 44%)!important;
  }
  .theme-spotlight-copy h3{
    font-size:clamp(2.15rem,3.1vw,3.25rem);
    max-width:100%;
  }
  .theme-spotlight-copy p{
    max-width:48ch;
  }
}
@media(max-width:980px){
  .theme-spotlight-copy{
    z-index:5!important;
    margin-left:0!important;
    clip-path:none!important;
  }
  .theme-spotlight-media{
    z-index:1!important;
  }
}
[data-contrast="high"] .theme-spotlight-copy{
  background:#101820!important;
  box-shadow:-22px 0 42px rgba(0,0,0,.28)!important;
}
[data-contrast="high"] .theme-spotlight-copy::before{
  background:#101820!important;
}

/* v1.1.23: Hilfe-Seite – moderner Einstieg, Plugin-Wegweiser, Modals und Fehlerhilfe */
.help-hero-v2{position:relative;overflow:hidden}
.help-hero-v2:before{content:"";position:absolute;right:-90px;top:80px;width:300px;height:300px;border-radius:70px;transform:rotate(18deg);background:color-mix(in srgb,var(--yellow) 18%,transparent);pointer-events:none}
.help-hero-v2 .page-hero-grid>*{position:relative;z-index:1}
.help-start-card{display:flex;flex-direction:column;gap:12px}.help-start-card .btn{align-self:flex-start}.help-start-card p{margin-bottom:0}
.help-jumpbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:-30px;margin-bottom:58px;position:relative;z-index:3}
.help-jumpbar a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid var(--line);color:var(--teal);font-weight:850;text-decoration:none;box-shadow:0 10px 26px rgba(8,53,68,.05);backdrop-filter:blur(10px)}
.help-jumpbar a:hover{transform:translateY(-1px);background:var(--paper)}
.help-path,.help-requirements,.help-setup,.plugin-guide,.elementor-help,.troubleshooting,.external-help{margin-bottom:76px}
.help-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative}
.help-timeline article{position:relative;overflow:hidden;min-height:260px;padding:22px;border-radius:28px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 38%,var(--paper)));border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:10px}
.help-timeline article:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:var(--teal)}
.help-timeline article:nth-child(2):before{background:color-mix(in srgb,var(--teal) 72%,var(--yellow))}.help-timeline article:nth-child(3):before{background:var(--yellow)}.help-timeline article:nth-child(4):before{background:var(--orange)}.help-timeline article:nth-child(5):before{background:var(--magenta)}.help-timeline article:nth-child(6):before{background:var(--blue)}
.help-timeline span{font-family:var(--font-head);font-size:2rem;line-height:1;color:color-mix(in srgb,var(--teal) 24%,transparent);font-weight:900}.help-timeline h3{font-size:1.25rem;margin:0}.help-timeline p{color:var(--muted);font-weight:650;margin:0;line-height:1.5}.help-timeline button,.plugin-help-grid button,.problem-grid button{margin-top:auto;align-self:flex-start;border:0;border-radius:999px;padding:9px 13px;background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal);font-weight:900;cursor:pointer}.help-timeline button:hover,.plugin-help-grid button:hover,.problem-grid button:hover{background:var(--teal);color:#fff}
.help-requirements .hero-panel{position:relative;overflow:hidden}.help-requirements .hero-panel:after{content:"";position:absolute;right:-42px;bottom:-60px;width:170px;height:170px;border-radius:40px;background:color-mix(in srgb,var(--magenta) 10%,transparent);transform:rotate(20deg)}.help-requirements .hero-panel>*{position:relative;z-index:1}
.help-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.help-step-list .step-card{display:flex;flex-direction:column}.help-step-list .step-card .btn{margin-top:auto;align-self:flex-start}.help-step-list .step-card>span{font-family:var(--font-head);font-size:.9rem;color:var(--teal);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:6px 11px;width:max-content;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.module-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.module-status-grid article{border:1px solid var(--line);border-radius:28px;padding:22px;background:var(--paper);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.module-status-grid article:before{content:"";position:absolute;left:0;top:0;right:0;height:8px;background:var(--teal)}.module-status-grid .status-beta:before{background:var(--orange)}.module-status-grid .status-alpha:before{background:var(--magenta)}.module-status-grid span{display:inline-flex;border-radius:999px;padding:6px 10px;background:var(--soft);color:var(--teal);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.module-status-grid h3{font-size:1.35rem;margin:14px 0 8px}.module-status-grid p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}
.plugin-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plugin-help-grid article{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 24%,var(--paper)));box-shadow:var(--shadow-soft);min-height:245px}.plugin-help-grid img{width:58px;height:58px;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(8,53,68,.08);padding:8px}.plugin-help-grid span{display:inline-flex;color:var(--teal);font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.plugin-help-grid h3{font-size:1.18rem;margin:0 0 8px}.plugin-help-grid p{margin:0 0 14px;color:var(--muted);font-weight:650;line-height:1.48}.plugin-help-grid div{display:flex;flex-direction:column;min-height:205px}.plugin-help-grid button{margin-top:auto}
.elementor-panel{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:30px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--paper)),color-mix(in srgb,var(--yellow) 12%,var(--paper)));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.elementor-panel:after{content:"";position:absolute;right:-48px;top:-70px;width:200px;height:200px;border-radius:46px;background:color-mix(in srgb,var(--teal) 10%,transparent);transform:rotate(24deg)}.elementor-panel>*{position:relative;z-index:1}.elementor-panel h2{margin:.1rem 0 .5rem}.elementor-panel p{max-width:850px;color:var(--muted);font-weight:650;line-height:1.65;margin:0}.elementor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.elementor-grid article{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:20px}.elementor-grid strong{font-family:var(--font-head);font-size:1.08rem;color:var(--ink)}.elementor-grid p{margin:8px 0 0;color:var(--muted);font-weight:650;line-height:1.55}
.problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.problem-grid article{padding:22px;border-radius:28px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:250px}.problem-grid span{display:inline-flex;width:max-content;background:var(--soft);color:var(--teal);border-radius:999px;padding:6px 10px;font-weight:900;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.problem-grid h3{font-size:1.22rem;margin:14px 0 8px}.problem-grid p{color:var(--muted);font-weight:650;line-height:1.55;margin:0 0 14px}.go-live-strip{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-bottom:76px;padding:30px;border-radius:34px;border:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 12%,var(--paper)),var(--paper));box-shadow:var(--shadow-soft)}.go-live-strip h2{margin:.1rem 0 .5rem}.go-live-strip p{margin:0;color:var(--muted);font-weight:650;line-height:1.62}
.external-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.external-grid a{display:block;min-height:190px;padding:22px;border-radius:28px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft);text-decoration:none;color:var(--ink)}.external-grid strong{display:block;font-family:var(--font-head);font-size:1.18rem;margin-bottom:8px}.external-grid span{display:inline-flex;border-radius:999px;background:var(--soft);color:var(--teal);font-size:.72rem;font-weight:900;padding:5px 9px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.08em}.external-grid p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}.external-grid a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 34%,var(--line))}
.help-modal{width:min(880px,calc(100vw - 28px));border:0;border-radius:34px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 26px 90px rgba(0,0,0,.28);overflow:hidden}.help-modal::backdrop{background:rgba(4,18,24,.56);backdrop-filter:blur(7px)}.help-modal .modal-close{position:absolute;right:18px;top:18px;z-index:4;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.18);color:#fff;font-size:26px;line-height:1;cursor:pointer}.help-modal-hero{position:relative;padding:34px 72px 30px 34px;background:linear-gradient(135deg,var(--teal),color-mix(in srgb,var(--teal) 76%,#000));color:#fff;overflow:hidden}.help-modal-hero:after{content:"";position:absolute;right:-44px;top:-60px;width:180px;height:180px;border-radius:42px;background:rgba(255,255,255,.13);transform:rotate(20deg)}.help-modal-hero>*{position:relative;z-index:1}.help-modal-hero .eyebrow{color:rgba(255,255,255,.82)}.help-modal-hero h2{font-size:clamp(1.8rem,4vw,2.9rem);margin:.15rem 0 .4rem;color:#fff}.help-modal-hero p{margin:0;max-width:680px;color:rgba(255,255,255,.9);font-weight:650;line-height:1.6}.help-modal-body{padding:28px 34px 34px;display:grid;gap:22px}.help-modal-body h3{font-size:1.35rem;margin:0 0 10px}.help-modal-body p{color:var(--muted);font-weight:650;line-height:1.65;margin:.25rem 0 0}.help-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.help-modal-card{border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--soft) 24%,var(--paper));padding:18px}.help-modal-card strong{display:block;font-family:var(--font-head);font-size:1.05rem;color:var(--ink);margin-bottom:8px}.help-modal-card ul{margin:0;padding-left:1.05rem;color:var(--muted);font-weight:650;line-height:1.6}.help-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.help-modal-actions a,.help-modal-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--teal);font-weight:900;text-decoration:none}.help-modal-actions a.primary-link{background:var(--teal);color:#fff;border-color:var(--teal)}.help-modal-note{padding:16px 18px;border-radius:22px;background:color-mix(in srgb,var(--yellow) 18%,var(--paper));border:1px solid color-mix(in srgb,var(--yellow) 42%,var(--line));color:var(--ink);font-weight:750;line-height:1.55}
[data-contrast="high"] .help-jumpbar a,[data-contrast="high"] .help-timeline article,[data-contrast="high"] .module-status-grid article,[data-contrast="high"] .plugin-help-grid article,[data-contrast="high"] .elementor-grid article,[data-contrast="high"] .problem-grid article,[data-contrast="high"] .external-grid a,[data-contrast="high"] .help-modal,[data-contrast="high"] .help-modal-card{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}[data-contrast="high"] .help-timeline p,[data-contrast="high"] .module-status-grid p,[data-contrast="high"] .plugin-help-grid p,[data-contrast="high"] .elementor-grid p,[data-contrast="high"] .problem-grid p,[data-contrast="high"] .external-grid p,[data-contrast="high"] .help-modal-body p,[data-contrast="high"] .help-modal-card ul{color:#f4fcff!important}[data-contrast="high"] .elementor-panel,[data-contrast="high"] .go-live-strip,[data-contrast="high"] .help-modal-hero{background:#101820!important;border-color:#5ce1ff!important}[data-contrast="high"] .help-modal-note{background:#183342;border-color:#5ce1ff;color:#fff}
@media(max-width:1100px){.help-timeline{grid-template-columns:repeat(3,minmax(0,1fr))}.plugin-help-grid,.problem-grid,.external-grid,.elementor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.help-step-list{grid-template-columns:1fr}.module-status-grid{grid-template-columns:1fr}.elementor-panel,.go-live-strip{grid-template-columns:1fr}.elementor-panel .btn,.go-live-strip .btn{justify-self:start}.help-jumpbar{margin-top:-16px}}
@media(max-width:640px){.help-timeline,.plugin-help-grid,.problem-grid,.external-grid,.elementor-grid,.help-modal-grid{grid-template-columns:1fr}.help-timeline article{min-height:0}.plugin-help-grid article{grid-template-columns:50px 1fr;min-height:0}.plugin-help-grid img{width:50px;height:50px}.plugin-help-grid div{min-height:0}.help-modal{border-radius:26px}.help-modal-hero{padding:30px 58px 26px 24px}.help-modal-body{padding:24px}.help-jumpbar{gap:8px}.help-jumpbar a{min-height:36px;padding:7px 11px;font-size:.9rem}}

/* v1.1.24: Lizenzseite substantiell auf GPL-Split-Lizenz umgebaut */
.license-hero-v2{position:relative;overflow:hidden;padding:70px 0 48px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--teal) 5%,var(--bg)));border-bottom:1px solid var(--line)}
.license-hero-v2:before{content:"";position:absolute;right:-8%;top:-34%;width:520px;height:520px;border-radius:92px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 24%,transparent),color-mix(in srgb,var(--yellow) 28%,transparent));transform:rotate(18deg);opacity:.9}
.license-hero-v2:after{content:"";position:absolute;left:-8%;bottom:-46%;width:520px;height:360px;border-radius:80px;background:linear-gradient(135deg,color-mix(in srgb,var(--magenta) 13%,transparent),color-mix(in srgb,var(--orange) 15%,transparent));transform:rotate(-12deg);opacity:.65}
.license-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:28px;align-items:end}.license-hero-v2 h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.9;letter-spacing:-.055em;margin:.05rem 0 .8rem;max-width:780px}.license-lead-v2{max-width:820px;font-size:1.1rem;line-height:1.72;color:var(--text);font-weight:650}.license-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.license-hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.72);box-shadow:var(--shadow-soft);padding:26px;backdrop-filter:blur(12px)}.license-hero-card:before{content:"";position:absolute;right:-42px;top:-54px;width:150px;height:150px;border-radius:36px;background:color-mix(in srgb,var(--teal) 12%,transparent);transform:rotate(18deg)}.license-hero-card>*{position:relative}.license-hero-card span{display:inline-flex;margin-bottom:12px;border-radius:999px;background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal);font-weight:950;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;padding:7px 11px}.license-hero-card strong{display:block;font-family:var(--font-head);font-size:1.55rem;line-height:1.08;color:var(--ink);margin-bottom:12px}.license-hero-card p{margin:0;color:var(--muted);font-weight:650;line-height:1.62}.license-layout-v2{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px;margin:44px auto 88px}.license-side-v2{position:sticky;top:118px;align-self:start;display:grid;gap:14px}.license-toc-v2,.license-mini-v2{background:var(--paper);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);padding:18px}.license-toc-v2 strong{display:block;font-family:var(--font-head);font-size:1.08rem;color:var(--ink);margin-bottom:10px}.license-toc-v2 a{display:flex;align-items:center;min-height:36px;text-decoration:none;color:var(--text);font-weight:850;border-top:1px solid var(--line);padding:8px 0}.license-toc-v2 a:hover{color:var(--teal)}.license-mini-v2 span{display:block;color:var(--teal);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;margin-bottom:8px}.license-mini-v2 strong{display:block;color:var(--ink);font-family:var(--font-head);font-size:1.16rem;line-height:1.15}.license-mini-v2 p{margin:10px 0 0;color:var(--muted);font-size:.94rem;line-height:1.55}.license-content-v2{display:grid;gap:24px}.license-card-v2{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow-soft);padding:clamp(22px,3vw,34px)}.license-card-v2:before{content:"";position:absolute;right:-82px;top:-96px;width:230px;height:230px;border-radius:62px;background:color-mix(in srgb,var(--teal) 9%,transparent);transform:rotate(18deg);pointer-events:none}.license-card-v2>*{position:relative}.license-card-v2 h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.02;letter-spacing:-.035em;margin:.05rem 0 14px}.license-card-v2 h3{font-size:1.2rem;margin:0 0 8px}.license-card-v2 p,.license-card-v2 li{color:var(--text);line-height:1.65}.license-card-v2 ul{padding-left:1.12rem}.license-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.license-summary-grid article{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,color-mix(in srgb,var(--teal) 6%,var(--paper)),var(--paper));padding:20px}.license-summary-grid article:nth-child(2){background:linear-gradient(180deg,color-mix(in srgb,var(--yellow) 14%,var(--paper)),var(--paper))}.license-summary-grid article:nth-child(3){background:linear-gradient(180deg,color-mix(in srgb,var(--magenta) 7%,var(--paper)),var(--paper))}.license-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:17px;background:var(--teal);color:#fff;font-family:var(--font-head);font-weight:950;letter-spacing:-.04em;margin-bottom:14px}.license-icon.yellow{background:var(--yellow);color:#10252d}.license-icon.magenta{background:var(--magenta);color:#fff}.license-summary-grid h3{font-family:var(--font-head);font-size:1.32rem;color:var(--ink)}.license-summary-grid p{margin:0;color:var(--muted);font-weight:650;line-height:1.58}.license-warning-v2{margin-top:22px;border:1px solid color-mix(in srgb,var(--yellow) 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 17%,var(--paper)),var(--paper));border-radius:24px;padding:18px 20px;color:var(--ink);font-weight:700;line-height:1.62}.muted-warning{background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--paper)),var(--paper));border-color:var(--line)}.license-matrix{display:grid;border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-top:20px;background:var(--paper)}.license-matrix-row{display:grid;grid-template-columns:1fr 1fr 1.35fr}.license-matrix-row span{padding:15px 16px;border-top:1px solid var(--line);border-left:1px solid var(--line);font-weight:700;color:var(--text);line-height:1.45}.license-matrix-row span:first-child{border-left:0;font-family:var(--font-head);font-weight:900;color:var(--ink)}.license-matrix-row.head{background:var(--teal);color:#fff}.license-matrix-row.head span{border-top:0;color:#fff;font-family:var(--font-head);font-weight:900}.split-card{display:grid;gap:18px}.code-card:before{background:color-mix(in srgb,var(--teal) 13%,transparent)}.asset-card:before{background:color-mix(in srgb,var(--yellow) 20%,transparent)}.brand-card-v2:before{background:color-mix(in srgb,var(--magenta) 10%,transparent)}.license-check-grid,.do-dont-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.license-check-grid div,.do-dont-grid article{border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--soft) 24%,var(--paper));padding:20px}.license-check-grid strong,.do-dont-grid h3{display:block;font-family:var(--font-head);font-size:1.22rem;color:var(--ink);margin-bottom:8px}.license-check-grid p{margin:0;color:var(--muted);font-weight:650}.license-detail-box{border:1px solid var(--line);border-radius:22px;background:var(--soft);padding:16px 18px}.license-detail-box summary{cursor:pointer;font-family:var(--font-head);font-weight:900;color:var(--ink)}.license-detail-box p{margin:12px 0 0;color:var(--muted);font-weight:650}.license-pill-list{display:flex;flex-wrap:wrap;gap:10px}.license-pill-list span{display:inline-flex;align-items:center;border-radius:999px;background:color-mix(in srgb,var(--yellow) 18%,var(--paper));border:1px solid color-mix(in srgb,var(--yellow) 40%,var(--line));padding:9px 13px;color:var(--ink);font-weight:850;font-size:.92rem}.license-note-line{margin-top:14px;color:var(--muted)!important;font-weight:650}.fork-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.fork-path div{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 26%,var(--paper)));padding:20px}.fork-path span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:15px;background:var(--teal);color:#fff;font-family:var(--font-head);font-weight:950;margin-bottom:14px}.fork-path strong{display:block;font-family:var(--font-head);font-size:1.18rem;color:var(--ink);margin-bottom:8px}.fork-path p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}.license-code-block{margin:18px 0 0;background:#071014;color:#e9fbff;border-radius:24px;padding:20px;overflow:auto;line-height:1.55;font-weight:750}.source-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.source-grid-v2 a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,var(--paper),color-mix(in srgb,var(--soft) 22%,var(--paper)));padding:20px;color:inherit}.source-grid-v2 a:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.source-grid-v2 strong{display:block;font-family:var(--font-head);font-size:1.22rem;color:var(--ink);margin-bottom:8px}.source-grid-v2 span{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--teal) 10%,var(--paper));color:var(--teal);font-weight:900;font-size:.78rem;padding:5px 9px;margin-bottom:10px}.source-grid-v2 p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}.contact-card-v2 .btn{margin-top:10px}.license-card-v2 a:not(.btn){color:var(--teal);font-weight:850}
[data-contrast="high"] .license-hero-v2,[data-contrast="high"] .license-card-v2,[data-contrast="high"] .license-toc-v2,[data-contrast="high"] .license-mini-v2,[data-contrast="high"] .license-hero-card,[data-contrast="high"] .license-summary-grid article,[data-contrast="high"] .license-check-grid div,[data-contrast="high"] .do-dont-grid article,[data-contrast="high"] .fork-path div,[data-contrast="high"] .source-grid-v2 a,[data-contrast="high"] .license-detail-box{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}[data-contrast="high"] .license-card-v2 p,[data-contrast="high"] .license-card-v2 li,[data-contrast="high"] .license-lead-v2,[data-contrast="high"] .license-hero-card p,[data-contrast="high"] .license-summary-grid p,[data-contrast="high"] .fork-path p,[data-contrast="high"] .source-grid-v2 p,[data-contrast="high"] .license-mini-v2 p{color:#f4fcff!important}[data-contrast="high"] .license-warning-v2,[data-contrast="high"] .license-pill-list span{background:#183342!important;border-color:#5ce1ff!important;color:#fff!important}[data-contrast="high"] .license-matrix-row.head{background:#183342}[data-contrast="high"] .license-matrix-row span{border-color:#5ce1ff;color:#f4fcff}[data-contrast="high"] .license-matrix-row span:first-child,[data-contrast="high"] .license-card-v2 h2,[data-contrast="high"] .license-card-v2 h3,[data-contrast="high"] .license-toc-v2 strong,[data-contrast="high"] .license-mini-v2 strong{color:#fff!important}
@media(max-width:980px){.license-hero-grid,.license-layout-v2{grid-template-columns:1fr}.license-side-v2{position:static;order:-1}.license-toc-v2{display:flex;gap:8px;overflow:auto}.license-toc-v2 strong{display:none}.license-toc-v2 a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--soft) 36%,var(--paper));padding:7px 12px;min-height:36px}.license-summary-grid,.fork-path,.source-grid-v2{grid-template-columns:1fr 1fr}.license-matrix-row{grid-template-columns:1fr}.license-matrix-row span{border-left:0}.license-matrix-row.head{display:none}.license-matrix-row span:nth-child(2):before{content:"Lizenz / Regel: ";font-weight:950;color:var(--teal)}.license-matrix-row span:nth-child(3):before{content:"Kurz erklärt: ";font-weight:950;color:var(--teal)}}
@media(max-width:640px){.license-hero-v2{padding:44px 0 34px}.license-hero-v2 h1{font-size:clamp(2.7rem,14vw,4rem)}.license-layout-v2{margin-top:28px;margin-bottom:58px}.license-card-v2{border-radius:26px}.license-summary-grid,.license-check-grid,.do-dont-grid,.fork-path,.source-grid-v2{grid-template-columns:1fr}.license-hero-actions .btn{width:100%}.license-toc-v2{border-radius:22px}.license-code-block{font-size:.88rem}.license-pill-list span{border-radius:18px}}

/* v1.1.26: Projekt-Teilen-Block auf der Startseite */
.home-share-strip{margin-top:46px;margin-bottom:82px}
@media(max-width:820px){.home-share-strip{margin-top:36px;margin-bottom:64px}}


/* GemeindeHub Pro Beta / Lizenzmodule */
.pro-module-section{position:relative;margin-top:clamp(36px,5vw,76px);margin-bottom:clamp(34px,5vw,74px);padding:clamp(24px,4vw,40px);border:1px solid color-mix(in srgb,var(--teal) 22%,var(--line));border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(233,244,247,.88) 58%,rgba(203,180,73,.18));box-shadow:0 24px 60px rgba(0,90,122,.10)}
.pro-module-section:before{content:'Pro Module';position:absolute;left:clamp(18px,3vw,34px);top:-14px;padding:6px 13px;border-radius:999px;background:var(--teal);color:#fff;font-weight:950;font-size:12px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,90,122,.20)}
.pro-intro{max-width:840px;margin:.35rem 0 0;color:var(--muted);font-weight:650;line-height:1.6}.pro-grid{margin-top:20px}.pro-module-section .plugin-card{background:#fff}.pro-module-section .card-art:after{content:'PRO';position:absolute;right:18px;top:18px;padding:5px 10px;border-radius:999px;background:var(--teal);color:#fff;font-size:12px;font-weight:950;letter-spacing:.08em}.version-pro-separator{grid-column:1/-1;margin-top:26px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 12%,var(--paper)),var(--paper));border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line));box-shadow:var(--shadow-soft)}.version-pro-separator span{display:block;color:var(--teal);font-weight:950;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.version-pro-separator strong{font-family:var(--font-head);font-size:1.25rem;color:var(--ink)}[data-contrast="high"] .pro-module-section,[data-contrast="high"] .version-pro-separator{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}
@media(max-width:760px){.pro-module-section{border-radius:22px;padding:20px}.pro-head{align-items:flex-start}}
/* GemeindeHub Pro integration */
.pro-roadmap-card{border-color:color-mix(in srgb,var(--teal) 25%,var(--line));background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--soft) 42%,var(--paper)))}
.pro-roadmap-card .roadmap-kicker{color:var(--teal)}
.status-pro{background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--paper)),var(--paper));border-color:color-mix(in srgb,var(--teal) 25%,var(--line))!important}
.status-pro span{background:var(--teal);color:#fff}
[data-contrast="high"] .pro-roadmap-card,[data-contrast="high"] .status-pro{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}


/* v1.1.30: Pro-Bereich, Deduplizierung und robuste Karten-Darstellung */
.pro-module-section{display:block!important;min-height:0!important;}
.pro-module-section[hidden]{display:none!important;}
.pro-module-section .section-head{margin-bottom:18px;}
.pro-grid:empty::before{content:'Pro-Module werden geladen …';display:block;padding:18px 20px;border:1px dashed var(--line);border-radius:22px;color:var(--muted);font-weight:750;background:rgba(255,255,255,.72)}
.card.pro-card{border-color:color-mix(in srgb,var(--teal) 34%,var(--line));background:linear-gradient(180deg,#fff,rgba(233,244,247,.94));}
.card.pro-card .card-art{background:linear-gradient(120deg,rgba(0,90,122,.92),rgba(0,90,122,.76) 46%,rgba(114,173,191,.52) 46%,rgba(203,180,73,.48) 72%,rgba(200,0,110,.22));}
.badge.pro-badge{background:var(--teal);color:#fff;border-color:var(--teal);}
.card.pro-card .card-body h3::after{content:'Lizenz erforderlich';display:inline-flex;margin-left:8px;vertical-align:middle;padding:4px 8px;border-radius:999px;background:rgba(200,0,110,.10);color:var(--magenta);font-family:var(--font-body);font-size:.68rem;font-weight:950;letter-spacing:.04em;text-transform:uppercase;}
.pro-roadmap-card{min-height:0!important;}
.pro-roadmap-card .theme-spotlight-media img{display:block;width:100%;height:auto;min-height:180px;object-fit:cover;background:#e9f4f7;}
@media(max-width:760px){.card.pro-card .card-body h3::after{display:flex;width:max-content;margin:8px 0 0}}


/* v1.1.32: GemeindeHub Pro Abschnitt + Roadmap Spotlight finalisiert */
.pro-module-section .pro-head{align-items:center;gap:22px}.pro-module-section .pro-head .btn,.pro-module-section .pro-head button.btn{white-space:nowrap}.pro-module-section .pro-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px;margin-top:26px}.pro-module-section .card.pro-card{display:grid!important;grid-template-columns:minmax(260px,360px) minmax(0,1fr);min-height:0;overflow:hidden}.pro-module-section .card.pro-card .card-art{min-height:100%;height:auto;border-radius:0}.pro-module-section .card.pro-card .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;align-content:center;padding:30px}.pro-module-section .card.pro-card .card-body h3,.pro-module-section .card.pro-card .desc{grid-column:1}.pro-module-section .card.pro-card .meta{grid-column:2;grid-row:2 / span 3;align-self:center;min-width:210px}.pro-module-section .card.pro-card .card-actions{grid-column:1 / -1}.pro-module-section .card.pro-card .preview-pill{grid-column:1;justify-self:start}.license-request-modal .modal-description-card a{color:var(--teal);font-weight:900}.license-request-modal ul{margin:0;padding-left:1.2rem;color:var(--muted);font-weight:650;line-height:1.6}
.pro-roadmap-card.theme-spotlight-card,.roadmap-item.pro-roadmap-card.has-thumb{display:grid!important;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr)!important;gap:0!important;align-items:stretch!important;padding:0!important;overflow:hidden!important;min-height:0!important;background:var(--paper)!important;border-radius:34px}.pro-roadmap-card .theme-spotlight-media{min-height:420px!important;height:100%!important;border-radius:0!important}.pro-roadmap-card .theme-spotlight-media img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center top!important}.pro-roadmap-card .theme-spotlight-copy{margin:0!important;clip-path:none!important;padding:36px 38px!important;min-width:0!important;justify-content:center!important;background:linear-gradient(90deg,rgba(255,255,255,.98),var(--paper))!important}.pro-roadmap-card .theme-spotlight-copy h3{font-size:clamp(2rem,3vw,3rem);line-height:1;max-width:none}.pro-roadmap-card .theme-spotlight-copy p{max-width:60ch}.pro-roadmap-card .roadmap-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.pro-roadmap-card .theme-spotlight-media figcaption strong{max-width:16ch}.pro-roadmap-card:before{display:none!important}.pro-roadmap-card:after{z-index:0!important}
@media(max-width:980px){.pro-module-section .card.pro-card{grid-template-columns:1fr}.pro-module-section .card.pro-card .card-art{min-height:220px}.pro-module-section .card.pro-card .card-body{grid-template-columns:1fr}.pro-module-section .card.pro-card .meta{grid-column:1;grid-row:auto;min-width:0}.pro-roadmap-card.theme-spotlight-card,.roadmap-item.pro-roadmap-card.has-thumb{grid-template-columns:1fr!important}.pro-roadmap-card .theme-spotlight-media{min-height:300px!important}.pro-roadmap-card .theme-spotlight-copy{padding:28px!important}}
@media(max-width:680px){.pro-module-section{padding:22px}.pro-module-section .pro-head{align-items:flex-start}.pro-module-section .pro-head button.btn{width:100%;justify-content:center}.pro-module-section .card.pro-card .card-art{min-height:190px}.pro-module-section .card.pro-card .card-body{padding:24px 20px}.pro-roadmap-card .theme-spotlight-media{min-height:255px!important}.pro-roadmap-card .theme-spotlight-copy{padding:24px 20px!important}.pro-roadmap-card .theme-spotlight-copy h3{font-size:clamp(1.9rem,8vw,2.45rem)}}


/* v1.1.33: Pro-Modul-Card stärker, mittlere Spalte größer und Meta rechts einspaltig */
.pro-module-section .card.pro-card{
  grid-template-columns:minmax(330px,390px) minmax(0,1fr)!important;
}
.pro-module-section .card.pro-card .card-art{
  min-height:360px;
  isolation:isolate;
}
.pro-module-section .card.pro-card .card-art-icon{
  position:absolute;
  left:28px;
  top:28px;
  z-index:3;
  width:82px;
  height:82px;
  margin:0;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 18px 40px rgba(0,53,71,.18);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.pro-module-section .card.pro-card .card-art-icon img{
  width:70%;
  height:70%;
  object-fit:contain;
  display:block;
}
.pro-module-section .card.pro-card .card-art-text{
  left:30px;
  right:26px;
  bottom:26px;
}
.pro-module-section .card.pro-card .card-art-text strong{
  font-size:clamp(1.75rem,2.4vw,2.35rem);
  max-width:11ch;
}
.pro-module-section .card.pro-card .card-body{
  grid-template-columns:minmax(380px,1fr) minmax(150px,180px)!important;
  gap:14px 32px!important;
  padding:36px 34px!important;
}
.pro-module-section .card.pro-card .badge{
  grid-column:1;
  align-self:end;
}
.pro-module-section .card.pro-card .card-body h3{
  grid-column:1;
  font-size:clamp(2.15rem,3vw,3rem);
  line-height:.96;
  margin:.08rem 0 .1rem;
  max-width:12ch;
}
.pro-module-section .card.pro-card .card-body h3::after{
  display:flex;
  width:max-content;
  margin:9px 0 0;
}
.pro-module-section .card.pro-card .desc{
  grid-column:1;
  max-width:54ch;
  font-size:1.02rem;
  line-height:1.62;
}
.pro-module-section .card.pro-card .preview-pill{
  grid-column:1;
  justify-self:start;
}
.pro-module-section .card.pro-card .meta{
  grid-column:2!important;
  grid-row:1 / span 5!important;
  align-self:center!important;
  justify-self:end;
  min-width:0!important;
  width:100%;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
}
.pro-module-section .card.pro-card .meta .pill{
  width:100%;
  text-align:center;
  justify-content:center;
  white-space:nowrap;
  background:rgba(255,255,255,.82);
}
.pro-module-section .card.pro-card .card-actions{
  grid-column:1!important;
  margin-top:8px;
}
@media(max-width:1120px){
  .pro-module-section .card.pro-card .card-body{
    grid-template-columns:minmax(0,1fr) 160px!important;
    padding:30px!important;
  }
}
@media(max-width:980px){
  .pro-module-section .card.pro-card{grid-template-columns:1fr!important}
  .pro-module-section .card.pro-card .card-art{min-height:240px!important}
  .pro-module-section .card.pro-card .card-body{grid-template-columns:1fr!important}
  .pro-module-section .card.pro-card .meta{grid-column:1!important;grid-row:auto!important;justify-self:start;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:420px}
}
@media(max-width:620px){
  .pro-module-section .card.pro-card .card-art{min-height:210px!important}
  .pro-module-section .card.pro-card .card-art-icon{width:64px;height:64px;left:20px;top:20px;border-radius:20px}
  .pro-module-section .card.pro-card .card-body{padding:24px 20px!important}
  .pro-module-section .card.pro-card .card-body h3{font-size:clamp(2rem,9vw,2.55rem);max-width:10ch}
  .pro-module-section .card.pro-card .meta{grid-template-columns:1fr!important;max-width:none}
}


/* v1.1.34: Weitere BEFG Tools / GER-Daten */
.data-tools-section{margin-bottom:80px}
.data-head .data-intro,.pro-head .pro-intro{max-width:760px;color:var(--muted);font-weight:650;margin:.75rem 0 0}
.data-card{display:grid;grid-template-columns:minmax(320px,.62fr) minmax(0,1fr);gap:0;background:linear-gradient(135deg,var(--paper) 0%,color-mix(in srgb,var(--teal) 6%,var(--paper)) 100%);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}
.data-card:before{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border-radius:42% 58% 46% 54%;background:color-mix(in srgb,var(--magenta) 12%,transparent);transform:rotate(18deg)}
.data-card-media{margin:0;min-height:330px;position:relative;overflow:hidden;background:var(--soft)}
.data-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(.98)}
.data-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,90,122,.02),rgba(0,90,122,.24))}
.data-card-media figcaption{position:absolute;left:22px;bottom:22px;z-index:2;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.7);box-shadow:0 14px 34px rgba(8,53,68,.16);border-radius:22px;padding:12px 15px;color:var(--teal);backdrop-filter:blur(10px)}
.data-card-media figcaption span{display:grid;place-items:center;width:48px;height:48px;border-radius:999px;background:var(--teal);color:#fff;font-family:var(--font-head);font-weight:900;font-size:1.35rem}.data-card-media figcaption strong{font-family:var(--font-head);font-weight:900;color:var(--ink)}
.data-card-copy{position:relative;z-index:1;padding:34px;display:flex;flex-direction:column;gap:14px;justify-content:center}.data-card-copy h3{font-size:clamp(2rem,3.4vw,3.25rem);max-width:700px}.data-card-copy p{font-size:1.06rem;color:var(--muted);font-weight:650;max-width:730px;margin:0}.data-badge{background:color-mix(in srgb,var(--magenta) 14%,var(--paper));color:var(--magenta)}
.data-meta{margin:6px 0 10px}.ger-data-modal-hero{background-position:center!important}.data-map-card{padding:0;min-height:310px}.data-map-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.95) contrast(.95)}.data-map-card:before{display:none}.data-map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.92))}.data-map-card figcaption{position:relative;z-index:2;margin-top:auto;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.62);border-radius:24px;padding:18px;box-shadow:var(--shadow-soft)}
.data-stats{margin-bottom:54px}.data-explain-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px;margin-bottom:70px}.data-explain-card{background:var(--paper);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft);padding:28px}.data-explain-card h2{font-size:clamp(2rem,3.2vw,3.35rem)}.data-explain-card p{color:var(--muted);font-weight:650}.download-list{display:grid;gap:12px;margin-top:20px}.download-list a{display:grid;gap:2px;text-decoration:none;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:15px 16px}.download-list strong{font-family:var(--font-head);color:var(--teal);font-size:1.05rem}.download-list span{color:var(--muted);font-weight:650}.data-license-box ul{padding-left:1.15rem;color:var(--text);font-weight:650}.data-license-box li{margin:.4rem 0}.data-tech-panel{margin-bottom:70px}.tech-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tech-grid article{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft);padding:20px}.tech-grid strong{display:block;font-family:var(--font-head);font-size:1.08rem;color:var(--ink)}.tech-grid p{color:var(--muted);font-weight:650;margin:.45rem 0 0}.region-directory{margin-bottom:86px}.region-detail-list{display:grid;gap:12px}.region-detail-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-soft);overflow:hidden}.region-detail-card summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px}.region-detail-card summary::-webkit-details-marker{display:none}.region-detail-card summary span{display:inline-grid;place-items:center;min-width:70px;border-radius:999px;background:var(--teal);color:#fff;font-weight:900}.region-detail-card summary strong{font-family:var(--font-head);font-size:1.15rem;color:var(--ink)}.region-detail-card summary em{font-style:normal;color:var(--muted);font-weight:750}.region-table-wrap{overflow:auto;border-top:1px solid var(--line)}.region-detail-card table{width:100%;border-collapse:collapse;font-size:.94rem}.region-detail-card th,.region-detail-card td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left}.region-detail-card th{background:var(--soft);color:var(--teal);font-weight:900}.region-detail-card tr:last-child td{border-bottom:0}
[data-contrast="high"] .data-card-media figcaption,[data-contrast="high"] .data-map-card figcaption{background:rgba(0,0,0,.74);border-color:rgba(255,255,255,.18)}
@media(max-width:980px){.data-card,.data-explain-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.data-card-media{min-height:280px}.region-detail-card summary{grid-template-columns:auto 1fr}.region-detail-card summary em{grid-column:2}}
@media(max-width:680px){.data-tools-section{margin-bottom:58px}.data-card-copy{padding:24px}.data-card-copy h3{font-size:2rem}.data-card-media{min-height:230px}.tech-grid{grid-template-columns:1fr}.region-detail-card summary{grid-template-columns:1fr;gap:8px}.region-detail-card summary span{width:max-content}.data-explain-card{padding:22px}.data-map-card{min-height:260px}}


/* v1.1.35: GER-Datenseite Hero-Textfluss fix */
.data-page-hero .page-hero-grid{
  grid-template-columns:minmax(0,.92fr) minmax(300px,.42fr);
  align-items:center;
}
.data-page-hero .page-hero-grid>div{
  position:relative;
  z-index:2;
  min-width:0;
}
.data-page-hero h1{
  max-width:760px;
  font-size:clamp(2.7rem,4.7vw,4.85rem);
  line-height:.96;
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:auto;
}
.data-page-hero .quick-card{
  justify-self:end;
  width:min(100%,380px);
  z-index:1;
}
@media(max-width:1120px){
  .data-page-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.38fr);gap:24px}
  .data-page-hero h1{font-size:clamp(2.45rem,4.45vw,4rem);max-width:650px}
  .data-page-hero .quick-card{width:min(100%,330px)}
}
@media(max-width:980px){
  .data-page-hero .page-hero-grid{grid-template-columns:1fr}
  .data-page-hero .quick-card{justify-self:stretch;width:100%;max-width:none}
  .data-page-hero h1{max-width:900px}
}
@media(max-width:520px){
  .data-page-hero h1{font-size:clamp(2.15rem,12vw,3.05rem);line-height:1.02}
}


/* v1.1.36: GER-Datenseite Hero wirklich kollisionssicher */
.data-page-hero .page-hero-grid{
  grid-template-columns:minmax(0,640px) minmax(280px,340px)!important;
  gap:clamp(32px,5vw,70px)!important;
  justify-content:space-between!important;
  align-items:center!important;
}
.data-page-hero h1{
  max-width:640px!important;
  font-size:clamp(2.45rem,4.05vw,4.15rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em;
  overflow-wrap:normal;
}
.data-page-hero .lead{max-width:620px!important}
.data-page-hero .quick-card{
  width:min(100%,340px)!important;
  justify-self:end!important;
}
@media(max-width:1120px){
  .data-page-hero .page-hero-grid{grid-template-columns:minmax(0,560px) minmax(250px,310px)!important;gap:34px!important}
  .data-page-hero h1{font-size:clamp(2.35rem,3.75vw,3.55rem)!important;max-width:560px!important}
  .data-page-hero .quick-card{width:min(100%,310px)!important}
}
@media(max-width:980px){
  .data-page-hero .page-hero-grid{grid-template-columns:1fr!important}
  .data-page-hero .quick-card{justify-self:stretch!important;width:100%!important;max-width:none!important}
  .data-page-hero h1{max-width:850px!important}
}
@media(max-width:520px){
  .data-page-hero h1{font-size:clamp(2rem,10.6vw,2.65rem)!important;line-height:1.02!important;letter-spacing:-.035em}
}

/* v1.1.37: GER-Datenseite Hero flexibel, ohne harte Zeilenumbrüche */
.data-page-hero .page-hero-grid{
  grid-template-columns:minmax(0,1fr) clamp(300px,30vw,380px)!important;
  gap:clamp(34px,5vw,76px)!important;
  align-items:center!important;
}
.data-page-hero h1{
  max-width:760px!important;
  font-size:clamp(2.45rem,3.35vw,3.85rem)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto;
}
.data-page-hero .lead{
  max-width:720px!important;
  font-size:clamp(1.02rem,1.35vw,1.24rem)!important;
}
.data-page-hero .quick-card{
  width:100%!important;
  max-width:380px!important;
  justify-self:end!important;
  position:relative!important;
  z-index:1!important;
}
.data-page-hero .page-hero-grid>div{
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.live-data-btn{
  box-shadow:0 16px 34px rgba(0,90,122,.18)!important;
  background:linear-gradient(135deg,var(--teal),color-mix(in srgb,var(--teal) 82%,var(--magenta)))!important;
  border-color:transparent!important;
}
.data-dev-note{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  gap:22px;
  margin-bottom:70px;
}
.data-dev-card{
  background:linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--teal) 6%,var(--paper)));
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--shadow-soft);
  padding:28px;
}
.data-dev-card h2{font-size:clamp(1.8rem,2.6vw,2.85rem);max-width:760px}
.data-dev-card p{color:var(--muted);font-weight:650}.data-dev-card.compact{display:flex;flex-direction:column;justify-content:center}.data-dev-card.compact a{font-weight:850;color:var(--teal)}
.dev-note-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
@media(max-width:1120px){
  .data-page-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:32px!important}
  .data-page-hero h1{font-size:clamp(2.2rem,3.25vw,3.1rem)!important;max-width:620px!important}
  .data-page-hero .quick-card{max-width:300px!important}
}
@media(max-width:980px){
  .data-page-hero .page-hero-grid{grid-template-columns:1fr!important}
  .data-page-hero .quick-card{justify-self:stretch!important;max-width:none!important}
  .data-page-hero h1{max-width:820px!important;font-size:clamp(2.4rem,7vw,4rem)!important}
  .data-dev-note{grid-template-columns:1fr}
}
@media(max-width:560px){
  .data-page-hero h1{font-size:clamp(2rem,10.2vw,2.85rem)!important;line-height:1.04!important;letter-spacing:-.032em!important}
  .hero-actions{gap:10px}.hero-actions .btn{width:100%;justify-content:center}
  .data-dev-card{padding:22px;border-radius:24px}.dev-note-actions .btn{width:100%;justify-content:center}
}


/* v1.1.39: robuste Textumbrüche für Daten-Cards und lange Begriffe */
.data-card,
.data-card *{
  min-width:0;
}
.data-card{
  grid-template-columns:minmax(280px,.45fr) minmax(0,1fr);
}
.data-card-copy{
  overflow:hidden;
}
.data-card-copy h3{
  font-size:clamp(1.85rem,2.45vw,2.85rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em;
  max-width:min(100%,760px)!important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  text-wrap:balance;
}
.data-card-copy p{
  max-width:min(100%,760px)!important;
  overflow-wrap:break-word;
  hyphens:auto;
}
.data-card .meta,
.data-card .card-actions{
  max-width:100%;
  min-width:0;
}
.data-card .pill,
.data-card .btn{
  white-space:normal;
  text-align:center;
}
.data-card .card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
@media(min-width:1180px){
  .data-card-media{min-height:300px}
  .data-card-copy{padding:32px 38px}
}
@media(max-width:980px){
  .data-card{grid-template-columns:1fr}
  .data-card-copy h3{font-size:clamp(1.9rem,6vw,2.55rem)!important}
}
@media(max-width:560px){
  .data-card-copy h3{font-size:clamp(1.75rem,8.4vw,2.25rem)!important;line-height:1.05!important}
  .data-card .card-actions .btn{width:100%;justify-content:center}
}

/* v1.1.56: GemeindeHub Zusatzmodule und BEFG-Basisdaten auf der Update-Seite */
.hub-addons-section{margin-bottom:80px;position:relative}
.hub-addons-section[hidden]{display:none!important}
.hub-addons-head{align-items:flex-end}
.hub-addons-intro{max-width:850px;margin:.35rem 0 0;color:var(--muted);font-weight:650;line-height:1.6}
.hub-extensions-grid{margin-top:20px;margin-bottom:24px}
.hub-extensions-grid .card{outline:1px solid color-mix(in srgb,var(--teal) 18%,transparent);outline-offset:3px}
.befg-base-data-card{margin-top:22px}
.befg-base-data-card .data-card-copy{padding:clamp(22px,3vw,30px)}
.befg-base-data-card h3{font-size:clamp(1.45rem,3vw,2.2rem);margin:.35rem 0 .55rem}
.befg-base-data-card p{max-width:880px;color:var(--muted);font-weight:650;line-height:1.6}
.hub-extension-separator{background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 13%,var(--paper)),color-mix(in srgb,var(--yellow) 12%,var(--paper)))}
@media(max-width:680px){.hub-addons-section{margin-bottom:56px}.hub-addons-head .btn{width:100%}}

/* v1.1.57: Lizenz- und Abhängigkeitskennzeichnung */
.license-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 8px;
  margin:10px 0 2px;
}
.mini-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:25px;
  padding:5px 9px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.015em;
  line-height:1;
  border:1px solid color-mix(in srgb,var(--teal) 20%,transparent);
  background:color-mix(in srgb,var(--teal) 8%,#fff);
  color:var(--teal-dark);
  white-space:nowrap;
}
.mini-badge::before{content:'•';font-size:1.25em;line-height:0}
.mini-badge.license-required,
.mini-badge.license-pro{
  color:#7a1248;
  border-color:color-mix(in srgb,var(--magenta) 35%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--magenta) 12%,#fff),#fff);
}
.mini-badge.license-alpha{
  color:#7a3f00;
  border-color:color-mix(in srgb,var(--orange) 35%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 13%,#fff),#fff);
}
.mini-badge.license-free{
  color:#075b48;
  border-color:color-mix(in srgb,var(--teal) 22%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,#fff),#fff);
}
.mini-badge.dep-badge{
  color:#684400;
  border-color:color-mix(in srgb,var(--yellow) 40%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 18%,#fff),#fff);
}
.mini-badge.dep-soft-badge,
.mini-badge.dep-free-badge{
  color:var(--teal-dark);
  background:color-mix(in srgb,var(--teal) 6%,#fff);
}
.mini-note{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  color:var(--muted);
  background:color-mix(in srgb,var(--paper) 85%,#fff);
  font-size:.72rem;
  font-weight:800;
  line-height:1.15;
}
.dependency-summary{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:13px 0 0;
  padding:10px;
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 5%,#fff),color-mix(in srgb,var(--paper) 94%,#fff));
  border:1px solid color-mix(in srgb,var(--teal) 13%,transparent);
}
.dep-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  color:var(--text);
  font-size:.78rem;
  line-height:1.2;
}
.dep-line strong{
  min-width:96px;
  color:var(--teal-dark);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.dep-line span,
.dep-free{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid color-mix(in srgb,var(--teal) 12%,transparent);
  font-weight:850;
  color:var(--teal-dark);
}
.dep-required span{
  color:#7a3f00;
  border-color:color-mix(in srgb,var(--yellow) 42%,transparent);
  background:color-mix(in srgb,var(--yellow) 13%,#fff);
}
.dep-optional span,
.dep-integration span,
.dep-recommended span{
  color:var(--muted);
  background:color-mix(in srgb,var(--paper) 85%,#fff);
}
.dep-free{font-size:.78rem;color:var(--muted)}
.card .license-strip + h3{margin-top:8px}
.modal-license-pills .license-strip{margin:10px 0 0}
.license-panel{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--teal) 5%,#fff))!important}
.license-detail{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--teal) 14%,transparent);
  background:#fff;
  margin-bottom:12px;
}
.license-detail strong{font-size:1.05rem;color:var(--teal-dark)}
.license-detail span{color:var(--muted);font-weight:750;line-height:1.35}
.license-detail.license-required,
.license-detail.license-pro{border-color:color-mix(in srgb,var(--magenta) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--magenta) 8%,#fff),#fff)}
.license-detail.license-alpha{border-color:color-mix(in srgb,var(--orange) 35%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 10%,#fff),#fff)}
.modal-deps{margin-top:0}
.version-card .license-strip{margin:8px 0 10px}
.version-deps{margin:14px 0 2px}
.license-dependency-explainer{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  margin-top:18px;
}
.license-dependency-explainer article{
  border:1px solid color-mix(in srgb,var(--teal) 14%,transparent);
  border-radius:28px;
  padding:22px;
  background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--paper) 92%,#fff));
  box-shadow:0 18px 50px rgba(0,42,58,.06);
}
.license-dependency-explainer h3{margin:.25rem 0 .45rem;color:var(--teal-dark);font-size:1.35rem}
.license-dependency-explainer p{margin:0;color:var(--muted);font-weight:650;line-height:1.55}
.license-dependency-explainer .dep-line{margin-top:12px}
@media(max-width:820px){
  .license-dependency-explainer{grid-template-columns:1fr}
  .mini-note{width:100%;border-radius:14px}
  .dep-line{align-items:flex-start}
  .dep-line strong{width:100%;min-width:0}
}


/* v1.2.17: Versionen-Layout, Modul-Abstände und BEFG-Basisdaten-Card optimiert */
.version-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,26px)!important;
  align-items:stretch;
}
.version-grid > .version-card{
  grid-column:span 4;
  min-height:100%;
}
.version-grid > .version-card.slug-baptisten-theme-2026,
.version-grid > .version-card.slug-baptisten-gemeindehub{
  grid-column:span 8;
}
.version-grid > .version-card.slug-gemeindehub-personen-listing,
.version-grid > .version-card.hub-extension-version-card{
  grid-column:span 6;
}
.version-card.slug-baptisten-gemeindehub{
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.82fr);
  gap:0;
  border-color:color-mix(in srgb,var(--teal) 36%,var(--line));
  box-shadow:0 28px 78px rgba(0,90,122,.13), var(--shadow-soft);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--teal-3) 18%,transparent),transparent 30%),
    linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--teal) 5%,var(--paper)));
}
.version-card.slug-baptisten-gemeindehub:before{
  content:"";
  position:absolute;
  right:-76px;
  top:-76px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:color-mix(in srgb,var(--teal-3) 20%,transparent);
}
.version-card.slug-baptisten-gemeindehub:after{
  content:"GemeindeHub Pro";
  position:absolute;
  right:22px;
  top:22px;
  z-index:3;
  border-radius:999px;
  padding:8px 12px;
  background:var(--teal);
  color:#fff;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 28px rgba(0,90,122,.20);
}
.version-card.slug-baptisten-gemeindehub > *{
  grid-column:1;
  position:relative;
  z-index:2;
  margin-left:28px;
  margin-right:28px;
}
.version-card.slug-baptisten-gemeindehub .badge{margin-top:28px;width:max-content;}
.version-card.slug-baptisten-gemeindehub .license-strip{align-self:start;}
.version-card.slug-baptisten-gemeindehub h3{
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1.02;
  max-width:12ch;
}
.version-card.slug-baptisten-gemeindehub .version-number{
  font-size:clamp(2.7rem,4.2vw,4.2rem)!important;
}
.version-card.slug-baptisten-gemeindehub .version-desc{
  max-width:58ch;
  font-size:1.02rem;
  line-height:1.58;
}
.version-card.slug-baptisten-gemeindehub .version-meta,
.version-card.slug-baptisten-gemeindehub .version-deps{
  grid-column:2;
  margin-left:0;
  margin-right:28px;
  align-self:start;
  border:1px solid var(--line);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.version-card.slug-baptisten-gemeindehub .version-meta{
  margin-top:104px;
  padding:18px;
}
.version-card.slug-baptisten-gemeindehub .version-deps{
  padding:16px 18px;
}
.version-card.slug-baptisten-gemeindehub .version-actions{
  margin-bottom:28px;
}
.version-card.slug-gemeindehub-personen-listing{
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 30%),
    linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--teal) 4%,var(--paper)));
  border-color:color-mix(in srgb,var(--teal) 28%,var(--line));
}
.version-pro-separator,
.version-alpha-separator{
  grid-column:1 / -1!important;
}

.license-dependency-explainer{
  gap:clamp(18px,2.4vw,28px)!important;
  margin-top:clamp(18px,2.5vw,32px)!important;
  margin-bottom:clamp(30px,4vw,58px)!important;
  align-items:stretch;
}
.license-dependency-explainer article{
  padding:clamp(24px,3vw,34px)!important;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
}
.license-dependency-explainer h3{
  font-size:clamp(1.45rem,2vw,2rem)!important;
  line-height:1.08;
  margin:0!important;
}
.license-dependency-explainer p{
  font-size:1.03rem;
  max-width:68ch;
}
.license-dependency-explainer .license-strip{
  margin-top:8px;
}
.license-dependency-explainer .dependency-summary{
  margin-top:4px;
  width:100%;
  border-radius:24px;
  padding:18px 20px;
}
.license-dependency-explainer .dep-line{
  display:grid;
  grid-template-columns:minmax(92px,.35fr) 1fr;
  align-items:center;
  gap:14px;
  margin-top:0;
}

.pro-module-section,
.hub-addons-section{
  scroll-margin-top:120px;
}
.pro-module-section .pro-grid,
.hub-extensions-grid{
  gap:clamp(20px,2.4vw,30px)!important;
}
.pro-module-section .card.pro-card,
.hub-extensions-grid .card{
  border-radius:34px;
}
.hub-extensions-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.hub-extensions-grid .card{
  min-height:100%;
}

.befg-base-data-card{
  display:block!important;
  grid-template-columns:none!important;
  margin-top:clamp(24px,3vw,34px)!important;
  border-radius:34px!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 96% 0,color-mix(in srgb,var(--magenta) 16%,transparent) 0 18%,transparent 19%),
    linear-gradient(135deg,var(--paper),color-mix(in srgb,var(--teal) 6%,var(--paper)) 62%,color-mix(in srgb,var(--yellow) 10%,var(--paper)));
}
.befg-base-data-card:before{
  right:-56px!important;
  top:-90px!important;
  width:250px!important;
  height:250px!important;
  opacity:.9;
}
.befg-base-data-card .data-card-copy{
  display:grid!important;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);
  grid-template-areas:
    "badge badge"
    "title text"
    "title meta"
    "actions actions";
  gap:14px clamp(28px,4vw,56px)!important;
  align-items:start;
  padding:clamp(30px,4vw,48px)!important;
}
.befg-base-data-card .data-badge{grid-area:badge;justify-self:start;}
.befg-base-data-card h3{
  grid-area:title;
  font-size:clamp(2.25rem,4.3vw,4.6rem)!important;
  line-height:.98!important;
  max-width:10.5ch!important;
  margin:0!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  hyphens:auto;
}
.befg-base-data-card p{
  grid-area:text;
  max-width:70ch!important;
  font-size:clamp(1rem,1.25vw,1.14rem)!important;
  line-height:1.7!important;
  margin-top:.2rem!important;
}
.befg-base-data-card .data-meta{
  grid-area:meta;
  max-width:760px;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:4px;
}
.befg-base-data-card .card-actions{
  grid-area:actions;
  margin-top:6px;
}

@media(min-width:1180px){
  .version-grid > .version-card.slug-baptisten-gemeindehub{grid-column:span 9;}
  .version-grid > .version-card.slug-gemeindehub-personen-listing{grid-column:span 6;}
}
@media(max-width:980px){
  .version-grid > .version-card{grid-column:span 6;}
  .version-grid > .version-card.slug-baptisten-theme-2026,
  .version-grid > .version-card.slug-baptisten-gemeindehub,
  .version-grid > .version-card.slug-gemeindehub-personen-listing,
  .version-grid > .version-card.hub-extension-version-card{grid-column:1 / -1;}
  .version-card.slug-baptisten-gemeindehub{
    grid-template-columns:1fr;
    padding:0 24px 24px!important;
  }
  .version-card.slug-baptisten-gemeindehub > *,
  .version-card.slug-baptisten-gemeindehub .version-meta,
  .version-card.slug-baptisten-gemeindehub .version-deps{
    grid-column:1;
    margin-left:0;
    margin-right:0;
  }
  .version-card.slug-baptisten-gemeindehub .version-meta{margin-top:8px;}
  .hub-extensions-grid{grid-template-columns:1fr!important;}
  .befg-base-data-card .data-card-copy{
    grid-template-columns:1fr;
    grid-template-areas:"badge" "title" "text" "meta" "actions";
  }
  .befg-base-data-card h3{max-width:100%!important;font-size:clamp(2.1rem,7vw,3.4rem)!important;}
}
@media(max-width:680px){
  .version-grid{grid-template-columns:1fr!important;}
  .version-grid > .version-card{grid-column:1!important;}
  .version-card.slug-baptisten-gemeindehub{padding:0 20px 20px!important;}
  .version-card.slug-baptisten-gemeindehub h3{max-width:100%;}
  .license-dependency-explainer article{padding:22px!important;border-radius:24px;}
  .license-dependency-explainer .dep-line{grid-template-columns:1fr;gap:6px;}
  .befg-base-data-card .data-card-copy{padding:24px!important;}
  .befg-base-data-card h3{font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.03!important;}
}
[data-contrast="high"] .version-card.slug-baptisten-gemeindehub .version-meta,
[data-contrast="high"] .version-card.slug-baptisten-gemeindehub .version-deps,
[data-contrast="high"] .befg-base-data-card{
  background:#101d22!important;
  border-color:rgba(255,255,255,.24)!important;
}


/* v1.1.63: kompaktere Pro-/Zusatzmodule in 3er-Ansicht */
.pro-module-section .pro-grid,
.hub-addons-section .hub-extensions-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
.pro-module-section .card.pro-card,
.hub-addons-section .hub-extensions-grid .card{
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr)!important;
  align-items:start!important;
  min-height:0!important;
  padding:16px!important;
  gap:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.pro-module-section .card.pro-card .card-art,
.hub-addons-section .hub-extensions-grid .card .card-art{
  min-height:110px!important;
  height:110px!important;
  border-radius:22px!important;
  margin:0!important;
  position:relative!important;
}
.pro-module-section .card.pro-card .card-art-text,
.hub-addons-section .hub-extensions-grid .card .card-art-text{display:none!important;}
.pro-module-section .card.pro-card .card-art-icon,
.hub-addons-section .hub-extensions-grid .card .card-art-icon{
  width:62px!important;height:62px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;border-radius:18px!important;
}
.pro-module-section .card.pro-card .card-body,
.hub-addons-section .hub-extensions-grid .card .card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:0!important;
  min-width:0!important;
}
.pro-module-section .card.pro-card .badge,
.hub-addons-section .hub-extensions-grid .card .badge{margin:0!important;align-self:flex-start!important;}
.pro-module-section .card.pro-card .license-strip,
.hub-addons-section .hub-extensions-grid .card .license-strip{margin:0!important;}
.pro-module-section .card.pro-card .card-body h3,
.hub-addons-section .hub-extensions-grid .card .card-body h3{
  font-size:clamp(1.28rem,1.6vw,1.55rem)!important;
  line-height:1.08!important;
  max-width:none!important;
  margin:0!important;
}
.pro-module-section .card.pro-card .card-body h3::after{margin-top:8px!important;}
.pro-module-section .card.pro-card .desc,
.hub-addons-section .hub-extensions-grid .card .desc{
  max-width:none!important;
  font-size:.96rem!important;
  line-height:1.55!important;
  flex:0 0 auto!important;
}
.pro-module-section .card.pro-card .meta,
.hub-addons-section .hub-extensions-grid .card .meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  justify-self:start!important;
  align-self:start!important;
  grid-column:auto!important;grid-row:auto!important;
}
.pro-module-section .card.pro-card .meta .pill,
.hub-addons-section .hub-extensions-grid .card .meta .pill{width:auto!important;text-align:left!important;white-space:normal!important;}
.pro-module-section .card.pro-card .dependency-summary,
.hub-addons-section .hub-extensions-grid .card .dependency-summary{margin-top:2px!important;}
.pro-module-section .card.pro-card .card-actions,
.hub-addons-section .hub-extensions-grid .card .card-actions{margin-top:4px!important;grid-column:auto!important;}
@media(max-width:1180px){
  .pro-module-section .pro-grid,
  .hub-addons-section .hub-extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .pro-module-section .pro-grid,
  .hub-addons-section .hub-extensions-grid{grid-template-columns:1fr!important;}
  .pro-module-section .card.pro-card,
  .hub-addons-section .hub-extensions-grid .card{grid-template-columns:96px minmax(0,1fr)!important;padding:14px!important;gap:14px!important;}
  .pro-module-section .card.pro-card .card-art,
  .hub-addons-section .hub-extensions-grid .card .card-art{min-height:96px!important;height:96px!important;}
  .pro-module-section .card.pro-card .card-art-icon,
  .hub-addons-section .hub-extensions-grid .card .card-art-icon{width:56px!important;height:56px!important;}
}


/* v1.1.64: einzelnes Pro-Hauptmodul wieder als volle, moderne Hero-Karte */
.pro-module-section .pro-grid.single-item{
  grid-template-columns:1fr!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card{
  grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;
  align-items:stretch!important;
  padding:0!important;
  gap:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff,rgba(233,244,247,.98))!important;
  box-shadow:0 22px 60px rgba(0,53,71,.12)!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .card-art{
  min-height:100%!important;
  height:auto!important;
  border-radius:0!important;
  padding:0!important;
  background:linear-gradient(135deg,rgba(0,90,122,.96),rgba(0,90,122,.78) 42%,rgba(114,173,191,.55) 42%,rgba(203,180,73,.40) 73%,rgba(200,0,110,.18))!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .card-art:before,
.pro-module-section .pro-grid.single-item .card.pro-card .card-art:after{content:'';position:absolute;inset:auto;pointer-events:none;}
.pro-module-section .pro-grid.single-item .card.pro-card .card-art:before{width:88%;height:88%;right:-18%;top:-10%;border-radius:42px;background:rgba(255,255,255,.68);}
.pro-module-section .pro-grid.single-item .card.pro-card .card-art:after{width:86%;height:56%;left:-6%;bottom:-8%;clip-path:polygon(0 100%,58% 0,100% 0,42% 100%);background:rgba(255,255,255,.14);}
.pro-module-section .pro-grid.single-item .card.pro-card .card-art-icon{
  left:32px!important;top:32px!important;transform:none!important;
  width:88px!important;height:88px!important;border-radius:24px!important;
  box-shadow:0 18px 44px rgba(0,53,71,.18)!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .card-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,260px)!important;
  gap:12px 28px!important;
  padding:34px 34px 32px!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .badge,
.pro-module-section .pro-grid.single-item .card.pro-card .license-strip,
.pro-module-section .pro-grid.single-item .card.pro-card h3,
.pro-module-section .pro-grid.single-item .card.pro-card .desc,
.pro-module-section .pro-grid.single-item .card.pro-card .preview-pill,
.pro-module-section .pro-grid.single-item .card.pro-card .dependency-summary{grid-column:1!important;}
.pro-module-section .pro-grid.single-item .card.pro-card .meta{
  grid-column:2!important;grid-row:1 / span 6!important;
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-self:start!important;
  padding:16px!important;border-radius:22px!important;background:rgba(233,244,247,.86)!important;border:1px solid rgba(151,188,201,.35)!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .meta .pill{justify-content:flex-start!important;}
.pro-module-section .pro-grid.single-item .card.pro-card .card-body h3{
  font-size:clamp(2.35rem,4vw,3.3rem)!important;
  line-height:.95!important;
  max-width:14ch!important;
}
.pro-module-section .pro-grid.single-item .card.pro-card .desc{max-width:68ch!important;font-size:1.04rem!important;}
.pro-module-section .pro-grid.single-item .card.pro-card .dependency-summary{margin-top:2px!important;}
.pro-module-section .pro-grid.single-item .card.pro-card .card-actions{grid-column:1!important;margin-top:8px!important;}
@media(max-width:1040px){
  .pro-module-section .pro-grid.single-item .card.pro-card{grid-template-columns:1fr!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .card-art{min-height:240px!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .card-body{grid-template-columns:1fr!important;padding:28px!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .meta{grid-column:1!important;grid-row:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .pro-module-section .pro-grid.single-item .card.pro-card .card-art{min-height:210px!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .card-art-icon{left:24px!important;top:24px!important;width:74px!important;height:74px!important;border-radius:20px!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .card-body{padding:22px 20px!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .meta{grid-template-columns:1fr!important;}
  .pro-module-section .pro-grid.single-item .card.pro-card .card-body h3{font-size:clamp(2rem,10vw,2.55rem)!important;}
}


/* v1.1.65: lesbarer, informativer Produkt-Hero im Details-Modal */
.modal-hero{padding:38px 34px 28px!important;align-items:flex-end!important}
.modal-hero.has-product-icon{min-height:290px!important}
.modal-hero.has-product-icon .modal-hero-content{max-width:min(66ch,calc(100% - 240px));display:grid;gap:10px;align-content:end}
.modal-hero.has-product-icon h2{margin:.08em 0 .02em!important;max-width:12ch;text-wrap:balance}
.modal-hero.has-product-icon p{max-width:62ch;margin:0;color:rgba(255,255,255,.96);font-size:1.04rem;line-height:1.58;font-weight:680}
.modal-license-pills{display:flex;gap:8px;flex-wrap:wrap}
.modal-hero-facts{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:4px;max-width:760px}
.modal-hero-facts span{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(8px);font-weight:800;color:#fff;box-shadow:0 10px 28px rgba(6,26,31,.15)}
.modal-hero-facts strong{font-weight:900;color:#fff}
.product-hero-icon{width:240px;height:240px;right:28px;top:28px;border-radius:34px;box-shadow:0 24px 52px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.28)}
.product-hero-icon img{object-fit:cover;border-radius:26px}
.modal-inner{padding:30px 28px 32px;background:linear-gradient(180deg,rgba(245,249,250,.65),rgba(255,255,255,.96))}
.modal-title-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px;align-items:end;margin-bottom:12px;padding:18px 22px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--soft) 26%,#fff));box-shadow:var(--shadow-soft)}
.modal-title-row:after{content:'';position:absolute;right:24px;top:-1px;width:140px;height:140px;border-radius:32px;background:linear-gradient(135deg,rgba(201,0,110,.10),rgba(114,173,191,.16),rgba(203,180,73,.10));transform:rotate(14deg);pointer-events:none}
.modal-title-row > *{position:relative;z-index:1}
.modal-title-row h3{margin:.08em 0 .02em;font-size:clamp(1.85rem,3vw,2.45rem)}
.modal-title-row .title-subline{margin:.18rem 0 0;color:var(--muted);font-weight:750;max-width:58ch}
.modal-description-card,.panel{position:relative;overflow:hidden}
.modal-description-card:before,.panel:before{content:'';position:absolute;right:-26px;top:-26px;width:108px;height:108px;border-radius:30px;background:linear-gradient(135deg,rgba(114,173,191,.11),rgba(203,180,73,.08));transform:rotate(14deg);pointer-events:none}
.modal-description-card > *, .panel > *{position:relative;z-index:1}
.modal-description-card{margin-top:18px;box-shadow:var(--shadow-soft);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--soft) 24%,#fff))}
.modal-sections{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px 22px}
.panel h4{font-size:1.2rem;margin-bottom:12px}
@media(max-width:900px){
  .modal-hero.has-product-icon{padding-right:34px!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:18px}
  .modal-hero.has-product-icon .modal-hero-content{max-width:100%!important}
  .product-hero-icon{position:relative!important;inset:auto!important;right:auto!important;top:auto!important;width:124px!important;height:124px!important;margin-left:auto!important;border-radius:24px!important}
  .modal-title-row{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .modal-hero{padding:26px 22px 22px!important}
  .modal-hero.has-product-icon h2{font-size:clamp(2rem,12vw,2.9rem)!important}
  .modal-hero.has-product-icon p{font-size:.95rem!important;line-height:1.5!important}
  .modal-hero-facts{gap:8px}
  .modal-hero-facts span{min-height:32px;padding:7px 11px;font-size:.88rem}
  .modal-inner{padding:20px 18px 24px!important}
  .modal-title-row{padding:16px 16px 18px!important;border-radius:22px!important}
}
[data-contrast="high"] .modal-hero-facts span{background:rgba(0,0,0,.32)!important;border-color:#baf1ff!important;color:#fff!important}
[data-contrast="high"] .modal-title-row,[data-contrast="high"] .modal-description-card,[data-contrast="high"] .panel{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}
[data-contrast="high"] .modal-title-row .title-subline{color:#eafcff!important}


/* v1.1.66: GemeindeHub-Zusatzmodule moderner, kompakter und responsiver darstellen */
.hub-addons-section{
  padding:clamp(22px,3vw,32px);
  border:1px solid color-mix(in srgb,var(--teal) 18%,var(--line));
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(239,247,248,.82));
  box-shadow:0 22px 58px rgba(0,53,71,.08);
}
.hub-addons-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px 24px;
  align-items:end;
  padding-bottom:18px;
  margin-bottom:6px;
  border-bottom:1px solid color-mix(in srgb,var(--teal) 12%,transparent);
}
.hub-addons-head h2{max-width:14ch}
.hub-addons-intro{max-width:74ch}
.hub-extensions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-top:22px;
  margin-bottom:6px;
  align-items:stretch;
}
.hub-extensions-grid .hub-extension-card{
  min-height:0;
  border-radius:30px;
  border:1px solid color-mix(in srgb,var(--teal) 22%,var(--line));
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,249,250,.96));
  box-shadow:0 18px 44px rgba(0,53,71,.09);
  overflow:hidden;
  outline:none;
}
.hub-extensions-grid .hub-extension-card:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 52px rgba(0,53,71,.12);
}
.hub-extensions-grid .hub-extension-card .card-art{
  min-height:112px;
  background:linear-gradient(135deg,rgba(0,90,122,.96),rgba(0,90,122,.78) 40%,rgba(114,173,191,.48) 40%,rgba(203,180,73,.36) 72%,rgba(200,0,110,.12));
}
.hub-extensions-grid .hub-extension-card .card-art:before{
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));
  clip-path:none;
}
.hub-extensions-grid .hub-extension-card .card-art:after{
  width:52%;
  height:140%;
  right:-8%;
  top:-42%;
  background:rgba(255,255,255,.18);
  border-radius:42px;
  transform:rotate(14deg);
}
.hub-extensions-grid .hub-extension-card .card-art-icon{
  position:absolute;
  left:18px;
  top:16px;
  width:78px;
  height:78px;
  margin:0;
  padding:0;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(0,53,71,.18);
  z-index:2;
  background:rgba(255,255,255,.88);
}
.hub-extensions-grid .hub-extension-card .card-art-icon img{width:100%;height:100%;object-fit:cover}
.hub-extensions-grid .hub-extension-card .card-art-text{
  left:auto;
  right:16px;
  top:16px;
  bottom:auto;
  display:flex;
  justify-content:flex-end;
}
.hub-extensions-grid .hub-extension-card .card-art-text strong{display:none}
.hub-extensions-grid .hub-extension-card .card-art-text span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.02em;
  backdrop-filter:blur(10px);
}
.hub-extensions-grid .hub-extension-card .card-body{
  padding:18px 18px 18px;
  gap:12px;
}
.hub-extensions-grid .hub-extension-card .badge{
  font-size:.72rem;
  padding:6px 10px;
}
.hub-extensions-grid .hub-extension-card .license-strip{
  gap:6px 7px;
  margin:0;
}
.hub-extensions-grid .hub-extension-card .mini-note{font-size:.7rem}
.hub-extensions-grid .hub-extension-card h3{
  font-size:clamp(1.55rem,2.15vw,2.15rem);
  line-height:.96;
  max-width:11ch;
  margin:2px 0 0;
}
.hub-extensions-grid .hub-extension-card .desc{
  margin:0;
  color:var(--muted);
  font-size:.98rem;
  line-height:1.56;
  display:-webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:calc(1.56em * 5);
  flex:0 0 auto;
}
.hub-extensions-grid .hub-extension-card .preview-pill{
  width:max-content;
  padding:6px 10px;
  border-radius:999px;
  color:#684400;
  background:linear-gradient(135deg,color-mix(in srgb,var(--yellow) 18%,#fff),#fff);
  border:1px solid color-mix(in srgb,var(--yellow) 34%,transparent);
  font-size:.74rem;
  font-weight:900;
}
.hub-extensions-grid .hub-extension-card .meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(234,242,244,.74),rgba(255,255,255,.95));
  border:1px solid color-mix(in srgb,var(--teal) 10%,transparent);
}
.hub-extensions-grid .hub-extension-card .pill{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  text-align:center;
  color:var(--teal-dark);
  font-size:.78rem;
  font-weight:850;
  background:rgba(255,255,255,.88);
}
.hub-extensions-grid .hub-extension-card .dependency-summary{
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,247,248,.95));
  border:1px solid color-mix(in srgb,var(--teal) 10%,transparent);
}
.hub-extensions-grid .hub-extension-card .dep-line{
  display:grid;
  gap:7px;
}
.hub-extensions-grid .hub-extension-card .dep-line strong{
  font-size:.73rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--teal-dark);
}
.hub-extensions-grid .hub-extension-card .dep-line span{
  margin:0 6px 6px 0;
}
.hub-extensions-grid .hub-extension-card .card-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:2px;
}
.hub-extensions-grid .hub-extension-card .card-actions .btn{
  width:100%;
  justify-content:center;
}
[data-contrast="high"] .hub-addons-section{
  background:#101820;
  border-color:#5ce1ff;
}
[data-contrast="high"] .hub-extensions-grid .hub-extension-card,
[data-contrast="high"] .hub-extensions-grid .hub-extension-card .meta,
[data-contrast="high"] .hub-extensions-grid .hub-extension-card .dependency-summary{
  background:#0f1b22;
  border-color:#315160;
}
@media(max-width:1120px){
  .hub-extensions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
  .hub-addons-section{padding:20px;border-radius:24px;}
  .hub-addons-head{grid-template-columns:1fr;align-items:start;}
  .hub-addons-head .btn{width:100%;}
  .hub-extensions-grid{grid-template-columns:1fr;gap:16px;}
  .hub-extensions-grid .hub-extension-card .card-art{min-height:104px;}
}
@media(max-width:460px){
  .hub-extensions-grid .hub-extension-card .card-body{padding:16px;}
  .hub-extensions-grid .hub-extension-card .card-art-icon{width:70px;height:70px;border-radius:18px;}
  .hub-extensions-grid .hub-extension-card .meta,
  .hub-extensions-grid .hub-extension-card .card-actions{grid-template-columns:1fr;}
}


/* v1.1.67: robuste Live-Suche – Fokus-/Aktivzustand sichtbar */
.search-box:focus-within{
  border-bottom-color:var(--magenta);
}
.search-box:focus-within svg,
.search-box:focus-within span{
  color:var(--teal);
}


/* v1.1.68: HUB-Zusatzmodule mit echtem Hero-Bereich über die ganze Card */
.hub-extensions-grid .hub-extension-card{
  display:flex;
  flex-direction:column;
  border-radius:32px;
  overflow:hidden;
}
.hub-extensions-grid .hub-extension-card .card-art{
  position:relative;
  min-height:220px;
  height:220px;
  border-radius:0;
  margin:0;
  background:
    linear-gradient(145deg, rgba(0,90,122,.98), rgba(0,90,122,.82) 34%, rgba(114,173,191,.56) 34%, rgba(203,180,73,.42) 72%, rgba(200,0,110,.14)),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}
.hub-extensions-grid .hub-extension-card .card-art::before{
  content:'';
  position:absolute;
  inset:auto -7% -28% auto;
  width:68%;
  height:118%;
  border-radius:48px;
  background:rgba(255,255,255,.16);
  transform:rotate(12deg);
}
.hub-extensions-grid .hub-extension-card .card-art::after{
  content:'';
  position:absolute;
  left:-12%;
  bottom:-18%;
  width:74%;
  height:60%;
  clip-path:polygon(0 100%, 60% 0, 100% 0, 40% 100%);
  background:rgba(255,255,255,.08);
}
.hub-extensions-grid .hub-extension-card .card-art-icon{
  left:22px;
  top:20px;
  width:86px;
  height:86px;
  border-radius:24px;
  background:rgba(255,255,255,.9);
  box-shadow:0 16px 40px rgba(0,53,71,.22);
}
.hub-extensions-grid .hub-extension-card .card-art-text-overlay{
  position:absolute;
  left:22px;
  right:22px;
  bottom:20px;
  top:auto;
  z-index:3;
  display:grid;
  gap:10px;
  justify-content:start;
}
.hub-extensions-grid .hub-extension-card .card-art-text-overlay span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:30px;
  padding:7px 11px;
  border-radius:999px;
  color:#fff;
  background:rgba(0,53,71,.28);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.02em;
}
.hub-extensions-grid .hub-extension-card .card-art-text-overlay strong{
  display:block;
  max-width:11ch;
  margin:0;
  color:#fff;
  font-size:clamp(1.7rem, 2.2vw, 2.35rem);
  line-height:.94;
  letter-spacing:-.02em;
  text-wrap:balance;
  text-shadow:0 6px 24px rgba(0,0,0,.18);
}
.hub-extensions-grid .hub-extension-card .card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:18px 18px 20px;
  flex:1 1 auto;
}
.hub-extensions-grid .hub-extension-card .card-topline{
  display:grid;
  gap:9px;
}
.hub-extensions-grid .hub-extension-card .badge,
.hub-extensions-grid .hub-extension-card .license-strip{align-self:flex-start}
.hub-extensions-grid .hub-extension-card .desc{
  min-height:0;
  -webkit-line-clamp:6;
}
.hub-extensions-grid .hub-extension-card .meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0;
  background:transparent;
  border:0;
}
.hub-extensions-grid .hub-extension-card .pill{
  width:auto;
  min-height:34px;
  padding:7px 11px;
  justify-content:center;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(248,251,252,.98),rgba(235,243,245,.92));
  border:1px solid color-mix(in srgb,var(--teal) 10%,var(--line));
}
.hub-extensions-grid .hub-extension-card .dependency-summary{
  margin-top:auto;
}
.hub-extensions-grid .hub-extension-card .card-actions{
  margin-top:2px;
}
@media(max-width:760px){
  .hub-extensions-grid .hub-extension-card .card-art{min-height:198px;height:198px;}
  .hub-extensions-grid .hub-extension-card .card-art-icon{width:78px;height:78px;border-radius:20px;}
  .hub-extensions-grid .hub-extension-card .card-art-text-overlay strong{font-size:clamp(1.55rem,8vw,2rem);}
}
@media(max-width:460px){
  .hub-extensions-grid .hub-extension-card .card-art{min-height:186px;height:186px;}
  .hub-extensions-grid .hub-extension-card .card-art-text-overlay{left:18px;right:18px;bottom:18px;}
  .hub-extensions-grid .hub-extension-card .card-body{padding:16px 16px 18px;}
}


/* v1.1.69: Such-/Filterzustand auch auf Themes-&-Module/Versionen-Seite */
.version-grid .empty,
#versionGrid .empty{
  grid-column:1/-1;
}
.search-box input{
  pointer-events:auto;
}


/* v1.1.70: Suche nach Paketnamen + Hub-Zusatzmodule optisch wie Plugin-Cards mit Pro-Hero */
.hub-extensions-grid .hub-extension-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:var(--paper)!important;
  border:1px solid color-mix(in srgb,var(--teal) 24%,var(--line))!important;
  box-shadow:var(--shadow-soft)!important;
}
.hub-extensions-grid .hub-extension-card .card-art{
  position:relative!important;
  width:100%!important;
  min-height:168px!important;
  height:168px!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(0,90,122,.96),rgba(0,90,122,.78) 46%,rgba(114,173,191,.50) 46%,rgba(203,180,73,.46) 72%,rgba(200,0,110,.22))!important;
}
.hub-extensions-grid .hub-extension-card .card-art:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(145deg,rgba(0,90,122,.72),rgba(0,90,122,.38) 42%,rgba(203,180,73,.36) 42%,rgba(203,180,73,.32) 66%,rgba(200,0,110,.18))!important;
  clip-path:polygon(0 58%,32% 36%,58% 49%,83% 23%,100% 34%,100% 100%,0 100%)!important;
}
.hub-extensions-grid .hub-extension-card .card-art:after{
  content:""!important;
  position:absolute!important;
  width:72%!important;
  height:110%!important;
  right:-22%!important;
  top:-30%!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  transform:rotate(23deg)!important;
  clip-path:none!important;
}
.hub-extensions-grid .hub-extension-card .card-art-icon{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  left:auto!important;
  width:74px!important;
  height:74px!important;
  margin:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
  z-index:3!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:0 16px 34px rgba(0,53,71,.20)!important;
}
.hub-extensions-grid .hub-extension-card .card-art-icon img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.hub-extensions-grid .hub-extension-card .card-art-text,
.hub-extensions-grid .hub-extension-card .card-art-text-overlay{
  position:absolute!important;
  left:22px!important;
  right:112px!important;
  bottom:20px!important;
  top:auto!important;
  z-index:4!important;
  display:block!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.24)!important;
}
.hub-extensions-grid .hub-extension-card .card-art-text span,
.hub-extensions-grid .hub-extension-card .card-art-text-overlay span{
  display:block!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  backdrop-filter:none!important;
  color:rgba(255,255,255,.94)!important;
  font-size:.82rem!important;
  font-weight:900!important;
}
.hub-extensions-grid .hub-extension-card .card-art-text strong,
.hub-extensions-grid .hub-extension-card .card-art-text-overlay strong{
  display:block!important;
  max-width:11.5ch!important;
  margin:2px 0 0!important;
  color:#fff!important;
  font-family:var(--font-head)!important;
  font-size:clamp(1.35rem,2.1vw,1.75rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.hub-extensions-grid .hub-extension-card .card-body{
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  flex:1!important;
}
.hub-extensions-grid .hub-extension-card .card-topline{
  display:contents!important;
}
.hub-extensions-grid .hub-extension-card .badge{
  width:max-content!important;
  font-size:.75rem!important;
  padding:6px 10px!important;
}
.hub-extensions-grid .hub-extension-card .license-strip{
  margin:0!important;
  gap:7px 8px!important;
}
.hub-extensions-grid .hub-extension-card h3{
  display:block!important;
  font-size:1.52rem!important;
  line-height:1.03!important;
  max-width:none!important;
  margin:0!important;
}
.hub-extensions-grid .hub-extension-card .desc{
  color:var(--muted)!important;
  line-height:1.55!important;
  margin:0!important;
  flex:1!important;
  min-height:0!important;
  -webkit-line-clamp:unset!important;
  display:block!important;
  overflow:visible!important;
}
.hub-extensions-grid .hub-extension-card .meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.hub-extensions-grid .hub-extension-card .pill{
  width:auto!important;
  min-height:0!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--paper) 78%,var(--soft))!important;
  color:var(--muted)!important;
  font-size:.84rem!important;
  font-weight:400!important;
}
.hub-extensions-grid .hub-extension-card .dependency-summary{
  display:grid!important;
  gap:8px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:color-mix(in srgb,var(--paper) 82%,var(--soft))!important;
  border:1px solid var(--line)!important;
  margin-top:0!important;
}
.hub-extensions-grid .hub-extension-card .card-actions{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:auto!important;
}
.hub-extensions-grid .hub-extension-card .card-actions .btn{
  width:auto!important;
}
@media(max-width:760px){
  .hub-extensions-grid .hub-extension-card .card-art{height:156px!important;min-height:156px!important;}
  .hub-extensions-grid .hub-extension-card .card-art-icon{width:64px!important;height:64px!important;border-radius:18px!important;}
  .hub-extensions-grid .hub-extension-card .card-art-text,
  .hub-extensions-grid .hub-extension-card .card-art-text-overlay{right:96px!important;left:18px!important;}
}


/* v1.1.71: Hilfeseite – vollständiger Modul-Wegweiser + Live-Slideshow */
.plugin-help-grid .help-product-card{grid-template-columns:58px 1fr!important;min-height:0!important}
.plugin-help-grid .help-product-card .help-product-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px;min-height:0}
.plugin-help-grid .help-product-card .help-product-meta em{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#fff;color:var(--muted);font-size:.74rem;font-weight:850}
.hamburg-live-showcase{position:relative;overflow:hidden;margin:clamp(58px,7vw,96px) 0 84px;padding:clamp(22px,4vw,34px);border:1px solid color-mix(in srgb,var(--teal) 18%,var(--line));border-radius:34px;background:linear-gradient(135deg,#fff,rgba(233,244,247,.86) 62%,rgba(203,180,73,.13));box-shadow:0 24px 70px rgba(0,53,71,.10)}
.hamburg-live-showcase:before{content:"";position:absolute;right:-70px;top:-80px;width:240px;height:240px;border-radius:56px;background:linear-gradient(135deg,rgba(114,173,191,.20),rgba(203,180,73,.18));transform:rotate(18deg);pointer-events:none}.hamburg-live-showcase>*{position:relative;z-index:1}
.hamburg-live-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:end;margin-bottom:22px}.hamburg-live-head h2{max-width:850px}.hamburg-live-head p:not(.eyebrow){max-width:760px;margin:.45rem 0 0;color:var(--muted);font-weight:650;line-height:1.6}.hamburg-live-head .btn{white-space:nowrap}
.hamburg-live-slider{position:relative;border-radius:28px;overflow:hidden;border:1px solid color-mix(in srgb,var(--teal) 16%,var(--line));background:#071014;box-shadow:0 20px 54px rgba(0,53,71,.14)}.hamburg-live-track{position:relative;aspect-ratio:16/9;min-height:320px}.hamburg-live-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.012);transition:opacity .55s ease,transform .7s ease}.hamburg-live-slide.is-active{opacity:1;transform:scale(1)}.hamburg-live-slide img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.hamburg-live-slide:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(0,38,52,.72));pointer-events:none}.hamburg-live-slide figcaption{position:absolute;left:22px;right:22px;bottom:18px;color:#fff;font-family:var(--font-head);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:900;text-shadow:0 3px 16px rgba(0,0,0,.28);z-index:2}.hamburg-live-controls{position:absolute;right:20px;bottom:20px;display:flex;gap:8px;z-index:4}.hamburg-live-controls button{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.88);background:rgba(255,255,255,.28);cursor:pointer}.hamburg-live-controls button.is-active{width:34px;background:#fff}
[data-contrast="high"] .hamburg-live-showcase,[data-contrast="high"] .plugin-help-grid .help-product-card .help-product-meta em{background:#101820!important;border-color:#5ce1ff!important;color:#fff!important}
@media(max-width:980px){.hamburg-live-head{grid-template-columns:1fr}.hamburg-live-head .btn{width:max-content}.plugin-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hamburg-live-showcase{padding:18px;border-radius:26px}.hamburg-live-track{aspect-ratio:4/3;min-height:240px}.hamburg-live-head .btn{width:100%;justify-content:center}.plugin-help-grid{grid-template-columns:1fr}.hamburg-live-controls{left:18px;right:auto}.hamburg-live-slide figcaption{font-size:1.08rem;left:18px;right:18px;bottom:42px}}


/* v1.1.72: Live-Beispiel-Block bleibt in normaler Inhaltsbreite und Slideshow wird sauber eingepasst */
.hamburg-live-showcase{
  width:min(100% - 32px,1120px)!important;
  max-width:1120px!important;
  margin:clamp(46px,6vw,76px) auto 76px!important;
  padding:clamp(18px,3vw,28px)!important;
  box-sizing:border-box!important;
}
.hamburg-live-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:16px 24px!important;
}
.hamburg-live-head h2{
  max-width:760px!important;
  font-size:clamp(2.1rem,4.7vw,4rem)!important;
}
.hamburg-live-head p:not(.eyebrow){
  max-width:680px!important;
}
.hamburg-live-slider{
  max-width:100%!important;
  margin:0 auto!important;
  border-radius:24px!important;
}
.hamburg-live-track{
  aspect-ratio:16/8.4!important;
  min-height:0!important;
  max-height:min(58vh,520px)!important;
  background:linear-gradient(180deg,#fff,#eef6f8)!important;
}
.hamburg-live-slide img{
  object-fit:contain!important;
  object-position:center top!important;
  background:#fff!important;
}
.hamburg-live-slide:after{
  height:24%!important;
  opacity:.92!important;
}
.hamburg-live-slide figcaption{
  font-size:clamp(1rem,1.35vw,1.28rem)!important;
  bottom:16px!important;
}
@media(max-width:980px){
  .hamburg-live-showcase{width:min(100% - 28px,980px)!important;}
  .hamburg-live-head{grid-template-columns:1fr!important;}
  .hamburg-live-head .btn{width:max-content!important;}
  .hamburg-live-track{aspect-ratio:4/3!important;max-height:520px!important;}
}
@media(max-width:640px){
  .hamburg-live-showcase{
    width:min(100% - 20px,100%)!important;
    padding:16px!important;
    border-radius:24px!important;
    margin-top:38px!important;
    margin-bottom:56px!important;
  }
  .hamburg-live-head h2{font-size:clamp(1.85rem,10vw,2.55rem)!important;}
  .hamburg-live-head .btn{width:100%!important;justify-content:center!important;}
  .hamburg-live-track{
    aspect-ratio:4/3!important;
    max-height:420px!important;
  }
  .hamburg-live-slide figcaption{
    bottom:40px!important;
    left:16px!important;
    right:16px!important;
  }
}


/* v1.2.268 modal-integrity: nur Dialogverhalten, keine Layout-/Header-Änderung */
html.uc-modal-lock,
body.uc-modal-lock,
html.uc-modal-lock body{
  overflow:hidden!important;
  overscroll-behavior:contain;
}
.modal,
.help-modal,
.json-modal{
  max-height:calc(100dvh - 28px);
  overflow:hidden!important;
}
.modal-card,
.help-modal,
.json-modal-card{
  max-height:calc(100dvh - 28px);
  overflow:hidden!important;
}
.modal-card,
.json-modal-card{
  display:flex;
  flex-direction:column;
}
#modalContent,
#helpModalContent,
.json-output,
.json-modal pre{
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
#modalContent::-webkit-scrollbar,
#helpModalContent::-webkit-scrollbar,
.json-output::-webkit-scrollbar,
.json-modal pre::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
#modalContent,
#helpModalContent{
  max-height:calc(100dvh - 28px);
}
.modal .modal-close,
.help-modal .modal-close,
.json-modal .modal-close{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  z-index:50!important;
}
@media(max-width:760px){
  .modal,
  .help-modal,
  .json-modal{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;}
  .modal-card,
  .help-modal,
  .json-modal-card{max-height:calc(100dvh - 20px)!important;}
  #modalContent,
  #helpModalContent{max-height:calc(100dvh - 20px)!important;}
  .modal-sections,
  .help-modal-grid,
  .modal-title-row{grid-template-columns:1fr!important;}
}

html.modal-open,body.modal-open{overflow:hidden!important}

/* v1.1.77: Help guide pro/alpha labels + reliable modal trigger */
.plugin-help-grid .help-product-card.is-pro-help{border-color:color-mix(in srgb,var(--magenta) 42%,var(--line));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--magenta) 5%,var(--paper)))}
.plugin-help-grid .help-product-card.is-extension-help{border-color:color-mix(in srgb,var(--teal) 34%,var(--line));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--teal) 6%,var(--paper)))}
.plugin-help-grid .help-product-card.is-alpha-help{border-color:color-mix(in srgb,var(--orange) 45%,var(--line));background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--orange) 7%,var(--paper)))}
.plugin-help-grid .help-product-card.is-pro-help>div>span,.plugin-help-grid .help-product-card.is-pro-help h3{color:var(--magenta)}
.plugin-help-grid .help-product-card.is-extension-help>div>span{color:var(--teal)}
.plugin-help-grid .help-product-card.is-alpha-help>div>span,.plugin-help-grid .help-product-card.is-alpha-help h3{color:var(--orange)}
.plugin-help-grid .help-product-card .help-product-meta em.license-pro{border-color:color-mix(in srgb,var(--magenta) 34%,var(--line));background:color-mix(in srgb,var(--magenta) 8%,#fff);color:var(--magenta)}
.plugin-help-grid .help-product-card.is-alpha-help .help-product-meta em:last-child{border-color:color-mix(in srgb,var(--orange) 38%,var(--line));background:color-mix(in srgb,var(--orange) 10%,#fff);color:color-mix(in srgb,var(--orange) 78%,#5a2a00)}
.plugin-help-grid .help-product-card.is-extension-help .help-product-meta em:last-child{border-color:color-mix(in srgb,var(--teal) 30%,var(--line));background:color-mix(in srgb,var(--teal) 7%,#fff);color:var(--teal)}
.modal[open]{max-height:calc(100dvh - 28px);overflow:hidden}.modal-card{max-height:calc(100dvh - 28px);overflow:auto;scrollbar-width:none}.modal-card::-webkit-scrollbar{width:0;height:0}.modal-card>.modal-close{position:sticky!important;top:14px;float:right;z-index:20}

/* v1.2.281: restored Baptisten Theme 2026 logo mark */
.brand-mark-image{display:grid;place-items:center;width:58px;height:58px;transform:none;background:transparent;filter:drop-shadow(0 8px 16px rgba(0,90,122,.16));}
.brand-mark-image:before,.brand-mark-image:after{display:none!important;}
.brand-mark-image img{display:block;width:100%;height:100%;object-fit:contain;}
.mobile-nav-head .brand-mark-image{width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));}
@media(max-width:680px){.brand-mark-image{width:50px;height:50px;font-size:initial}.mobile-nav-head .brand-mark-image{width:54px;height:54px}}


/* v1.2.284: Wiederhergestellte statische Inhaltsseiten */
.legal-panel{margin-bottom:clamp(42px,6vw,78px);}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;}
.legal-grid article{background:color-mix(in srgb,var(--paper) 86%,var(--soft));border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow-soft);}
.legal-grid h3{font-size:1.28rem;margin:0 0 10px;}
.legal-grid p{margin:0;color:var(--muted);font-weight:650;line-height:1.6;}
.table-scroll{overflow:auto;border-radius:24px;border:1px solid var(--line);background:var(--paper);}
.data-table{width:100%;border-collapse:collapse;min-width:720px;background:var(--paper);}
.data-table th,.data-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;}
.data-table th{font-family:var(--font-head);color:var(--ink);background:color-mix(in srgb,var(--teal) 8%,var(--paper));font-weight:900;}
.data-table tr:last-child td{border-bottom:0;}
.data-table a{color:var(--teal);font-weight:850;text-decoration:none;}
.data-table a:hover{text-decoration:underline;}
.versions-overview{margin-bottom:clamp(32px,5vw,64px);}
@media(max-width:760px){.legal-grid{grid-template-columns:1fr;}.data-table{min-width:620px;}}


/* v1.2.285 · global footer config/rendering */
.footer[data-global-footer="update-center"] .footer-grid{
  display:grid;
  grid-template-columns:minmax(180px,auto) minmax(260px,1fr) auto;
  align-items:center;
  gap:12px 22px;
}
.footer[data-global-footer="update-center"] .footer-text{
  max-width:none;
  justify-self:end;
  text-align:right;
  font-size:.80rem;
  line-height:1.35;
  color:color-mix(in srgb,var(--muted) 88%,var(--ink));
}
.footer[data-global-footer="update-center"] .footer-legal{
  justify-self:end;
}
@media(max-width:900px){
  .footer[data-global-footer="update-center"] .footer-grid{
    display:grid;
    grid-template-columns:1fr;
    justify-items:start;
  }
  .footer[data-global-footer="update-center"] .footer-text{
    justify-self:start;
    text-align:left;
    font-size:.88rem;
  }
  .footer[data-global-footer="update-center"] .footer-legal{
    justify-self:start;
  }
}