/* Scriptladen – standalone, no external dependencies */
:root { color-scheme:dark; --bg:#0c1016; --surface:#151c25; --raised:#19212b; --line:#29333f; --text:#f0f4f5; --muted:#a4b3bd; --accent:#c7f36b; --focus:#a2c5ff; --radius:18px; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);line-height:1.6;font-size:16px} a{color:inherit} button,input,textarea{font:inherit} button{cursor:pointer} :focus-visible{outline:3px solid var(--focus);outline-offset:3px} .skip{position:absolute;z-index:999;left:12px;top:-80px;padding:10px;background:var(--accent);color:#0c1016}.skip:focus{top:12px}.wrap{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line);background:#10161d}.header-inner{min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:20px;letter-spacing:-.8px;font-weight:800;white-space:nowrap}.brand-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:#16201a;font-size:16px;font-weight:900;letter-spacing:-2px}.brand-dot{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{text-decoration:none;color:#bac6cf;font-weight:600;font-size:13px;padding:8px 0;border-bottom:2px solid transparent}.site-nav a:hover,.site-nav a[aria-current]{color:var(--accent);border-color:var(--accent)}
.hero{overflow:hidden;background:radial-gradient(circle at 85% 25%,rgba(111,155,111,.13),transparent 39%),#0d1219;padding:94px 0 100px}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center}.eyebrow,.overline,.step-label{font-size:12px;font-weight:800;letter-spacing:1.3px;color:var(--accent)}.eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.4px;background:#1b2c25;padding:8px 14px;border-radius:50px}.dot{height:8px;width:8px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-1px}h1{font-size:clamp(42px,5.1vw,72px);margin:25px 0}.accent{color:var(--accent)}.lead{font-size:19px;line-height:1.75;color:#c0cbd1;max-width:610px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;padding:13px 20px;text-decoration:none;font-weight:800;border:1px solid transparent;min-height:46px;line-height:1.25}.btn.primary{background:var(--accent);color:#17200e;border-color:var(--accent)}.btn.primary:hover{background:#d7ff8d}.btn.secondary{background:#1a222c;color:var(--text);border-color:#40505f}.btn.secondary:hover{border-color:var(--accent)}.btn.small{font-size:14px;padding:10px 14px;min-height:42px}.btn.full{width:100%}.micro{color:#90a1ab;font-size:13px}.hero-visual{background:#181f28;border:1px solid #3b4856;border-radius:19px;box-shadow:0 26px 90px #03070b99;overflow:hidden;transform:rotate(1.5deg)}.window-top{display:flex;gap:7px;align-items:center;height:49px;background:#202a35;border-bottom:1px solid #394451;padding:0 17px}.window-top>span:not(.file-title){width:9px;height:9px;border-radius:50%;background:#ff8181}.window-top>span:nth-child(2){background:#eacb67}.window-top>span:nth-child(3){background:#8cda82}.window-top .file-title{color:#a7b4c0;font:13px ui-monospace,monospace;margin-left:auto}.code-mock{padding:40px 30px;overflow:auto;white-space:nowrap;line-height:2.2;font-size:13px;font-family:ui-monospace,Consolas,monospace;color:#e1e8f1}.indent{padding-left:23px}.purple{color:#c8a4f8}.blue{color:#93c7ff}.lime{color:#c7f36b}.mock-result{display:flex;gap:13px;margin:0 22px 24px;padding:16px;border:1px solid #405a44;border-radius:12px;background:#1b312b}.mock-check{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;color:#142018;background:var(--accent);font-weight:900}.mock-result strong,.mock-result small{display:block}.mock-result small{color:#b7cbc0}
.section{padding:79px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head h2,.how-grid h2,.info-band h2{font-size:clamp(29px,3vw,42px);margin:8px 0}.section-head>p{max-width:400px;color:var(--muted);font-size:14px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{display:flex;flex-direction:column;align-items:flex-start;min-height:325px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;text-decoration:none;transition:transform .15s,border-color .15s}.tool-card:hover{transform:translateY(-4px);border-color:#719640}.tool-symbol{height:58px;width:58px;display:grid;place-items:center;border-radius:15px;font-size:29px;font-weight:800}.symbol-one{background:#30492e;color:#baf075}.symbol-two{background:#263d56;color:#8fc8fe}.symbol-three{background:#47354f;color:#efb5fc}.tool-type{color:#99abb8;font-size:11px;letter-spacing:1px;font-weight:800;margin:24px 0 7px}.tool-card h3{font-size:23px;margin:0 0 10px}.tool-card>p:not(.tool-type){color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:22px}.tool-arrow{color:var(--accent);font-size:14px;font-weight:800;margin-top:auto}.muted-section{background:#121922;border-block:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.muted{color:var(--muted)}.steps{margin:0;padding:0;list-style:none}.steps li{display:flex;gap:24px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line)}.steps li>span{color:var(--accent);font-size:19px;font-weight:800}.steps strong{font-size:18px}.steps p{color:var(--muted);font-size:14px;margin:4px 0 0}.info-band{display:flex;gap:30px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:32px}.info-band h2{font-size:28px}.info-band p{color:var(--muted);margin:0;max-width:720px;font-size:14px}.info-band .btn{white-space:nowrap}
.tool-intro{padding:48px 0 36px;background:linear-gradient(120deg,#121922,#0c1016)}.back{color:var(--muted);font-size:14px;text-decoration:none}.back:hover{color:var(--accent)}.tool-intro .overline{margin:24px 0 0}.tool-intro h1,.legal-hero h1{font-size:clamp(36px,4vw,52px);margin:11px 0}.tool-intro .lead{font-size:16px;margin-bottom:0}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:28px}.panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);background:#1b242d;padding:19px 24px}.panel-head h2{font-size:19px;letter-spacing:-.4px;margin:4px 0 0}.step-label{font-size:10px}.panel-body{padding:25px}.field{margin-bottom:21px}.field>label,.faq-edit label{display:block;font-weight:700;color:#e8edf1;font-size:14px;margin-bottom:8px}.field input:not([type=color]):not([type=range]),.faq-edit input,.faq-edit textarea{width:100%;padding:12px 13px;border:1px solid #45515d;border-radius:10px;background:#0d131a;color:#eef3f5;min-height:45px}.field input:not([type=color]):focus,.faq-edit input:focus,.faq-edit textarea:focus{border-color:var(--accent)}.field input[type=range]{width:100%;accent-color:var(--accent)}.field small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:7px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-field{display:flex;align-items:center;gap:9px;border:1px solid #45515d;border-radius:10px;padding:6px 9px;background:#0d131a;min-height:45px;font-size:12px;color:var(--muted)}.color-field input{width:40px;height:29px;border:0;background:transparent;padding:0;cursor:pointer}.check-row{display:flex;align-items:center;gap:10px;font-size:14px}.check-row input{width:19px;height:19px;accent-color:var(--accent)}.demo{min-height:278px;padding:30px 18px;border-radius:12px;border:1px dashed #506071;background:repeating-linear-gradient(45deg,#111922,#111922 12px,#131c26 12px,#131c26 24px);display:flex;align-items:center;justify-content:center}.preview-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow-wrap:anywhere;text-align:center;text-decoration:none;font-weight:700;padding:13px 24px}.warning{font-size:13px;line-height:1.6;color:#ffd487;margin:10px 0 0;min-height:1px}.output-area{margin-top:22px;margin-bottom:85px}.output-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.no-top{padding-top:18px}.code-output{display:block;background:#0c121a;color:#baddd2;border:1px solid #394550;border-radius:10px;padding:16px;width:100%;min-height:245px;resize:vertical;white-space:pre;font:13px/1.75 ui-monospace,Consolas,monospace;tab-size:2}.status{color:var(--accent);font-size:13px;margin:8px 0 0;min-height:20px}.hint{margin-top:17px;padding:17px 20px;display:flex;gap:15px;color:var(--muted);background:#18212b;border-radius:12px;border:1px solid var(--line);font-size:13px}.hint>span{color:var(--accent);font-size:20px}.hint strong{color:var(--text)}.hint p{margin:4px 0 0}
.field-intro{font-size:14px;color:var(--muted)}.faq-edit-list{display:grid;gap:13px}.faq-edit{border:1px solid #3d4b58;border-radius:12px;padding:15px;margin:0;min-width:0}.faq-edit legend{color:var(--accent);font-weight:800;padding:0 7px;font-size:12px}.faq-edit label{margin-bottom:13px}.faq-edit label input,.faq-edit label textarea{display:block;margin-top:7px;font-weight:400}.faq-edit textarea{min-height:78px;resize:vertical}.text-action{padding:5px 0;border:0;background:none;color:#e6bcb7;font-size:12px;text-decoration:underline}.faq-edit+.btn{margin-top:12px}#faq-add{margin-top:18px}.faq-demo{width:100%;display:grid;gap:9px}.faq-demo details{background:#1b2630;border:1px solid #43505c;border-radius:10px;padding:12px}.faq-demo summary{cursor:pointer;font-weight:750}.faq-demo p{color:#c6d4d8;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.countdown-demo{text-align:center;width:100%}.countdown-demo>strong{display:block;font-size:17px;margin-bottom:22px}.countdown-numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.countdown-numbers>div{padding:14px 5px;background:#1c2b28;border:1px solid #375343;border-radius:9px;min-width:0}.countdown-numbers b{display:block;font-size:clamp(15px,2.5vw,28px);font-variant-numeric:tabular-nums;color:var(--accent)}.countdown-numbers span{display:block;font-size:11px;color:#b5c6bd}.countdown-demo .micro{margin:14px 0 0}
.legal-hero{padding:52px 0 24px}.legal-hero .lead{font-size:16px}.legal-body{max-width:800px;padding-bottom:80px}.legal-body h2{font-size:23px;margin-top:32px}.legal-body p{color:#c8d2d6;overflow-wrap:anywhere}.legal-alert{padding:22px;background:#42331d;border:1px solid #9c7440;border-radius:12px}.legal-alert strong{color:#ffdda6}.legal-alert p{margin:8px 0 0}.legal-note{font-size:13px;color:var(--muted)}
.site-footer{background:#111820;border-top:1px solid var(--line);padding:39px 0 24px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner strong{font-size:18px}.footer-inner p{font-size:13px;color:var(--muted);margin:8px 0}.footer-links{display:flex;gap:24px;font-size:14px}.footer-links a:hover{color:var(--accent)}.footer-bottom{margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
@media(max-width:850px){.header-inner{align-items:flex-start;flex-direction:column;padding:15px 0;gap:7px}.site-nav{width:100%;overflow-x:auto;gap:18px;white-space:nowrap;padding-bottom:4px}.hero-grid,.how-grid{grid-template-columns:1fr;gap:34px}.hero{padding:55px 0 66px}.hero-visual{max-width:590px;transform:none}.section-head{align-items:start;flex-direction:column;gap:5px}.builder-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr 1fr}.section{padding:57px 0}}
@media(max-width:580px){.wrap{width:min(100% - 28px,1140px)}.site-header .brand{font-size:19px}.site-nav a{font-size:12px}.hero{padding:48px 0 60px}.hero h1{font-size:43px}.hero .lead{font-size:16px}.hero-actions .btn{width:100%}.code-mock{padding:20px 10px;font-size:10px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:280px}.info-band,.footer-inner{flex-direction:column;align-items:stretch}.section{padding:50px 0}.panel-body{padding:17px}.field-row{grid-template-columns:1fr}.output-head{align-items:start;flex-wrap:wrap}.output-head .btn{width:100%}.demo{padding:15px 10px;min-height:220px}.countdown-numbers>div{padding:10px 2px}.countdown-numbers b{font-size:18px}.countdown-numbers span{font-size:10px}.legal-body{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tool-card{transition:none}}

/* Scriptladen 2.0 tool additions */
.group-heading{font-size:20px;color:#dce8ed;margin:35px 0 16px}.group-heading:first-of-type{margin-top:0}
.group-heading+.tool-grid{margin-bottom:28px}.download-card .btn{margin-top:auto;text-align:center}
.action-buttons{display:flex;flex-wrap:wrap;gap:10px}
.field textarea,.field select,.field input[type=number],.field input[type=file]{display:block;width:100%;background:#0d131a;color:#eef3f5;border:1px solid #45515d;border-radius:10px;padding:12px 13px;min-height:45px}
.field textarea{resize:vertical;line-height:1.5}.field input[type=file]{cursor:pointer}.field select{cursor:pointer}
.extra-demo{min-height:290px;align-items:stretch;justify-content:stretch}
.seo-preview{background:#f8fafb;color:#334155;border-radius:12px;padding:22px;width:100%;max-width:550px;margin:auto;overflow-wrap:anywhere}
.seo-preview>small{color:#64748b}.seo-preview>div{font-size:14px;margin-top:17px;color:#26713d}.seo-preview strong{display:block;color:#1a0dab;font-size:21px;font-weight:500;margin-top:4px}.seo-preview p{font-size:14px;line-height:1.5;margin:7px 0 16px}.seo-preview hr{border:0;border-top:1px solid #cbd5e1;margin:14px 0}
.contrast-result{width:100%;align-self:center}.contrast-example{padding:30px;text-align:center;font-size:28px;font-weight:750;border-radius:10px}.contrast-example small{display:block;font-size:14px;font-weight:400}.big-number{text-align:center;font-size:31px;font-weight:800;margin:15px 0}.result-list{display:grid;gap:8px;text-align:center}.result-list p{background:#25313e;margin:0;border-radius:9px;padding:9px 12px;color:#dce5ec}.result-list strong{color:#e6f7ca}.result-list .fail{color:#ffbfba}
.url-preview{width:100%;align-self:center;background:#121a23;border:1px solid #354656;border-radius:10px;padding:18px;overflow-wrap:anywhere}.url-preview p{color:var(--accent);line-height:1.7}.url-preview small{color:var(--muted)}
.link-entry{display:grid;gap:7px;border:1px solid #3d4b58;border-radius:10px;padding:12px;margin:10px 0}.link-entry label{font-size:12px;color:#b8c9d2}.link-entry input{width:100%;min-width:0;padding:11px 12px;background:#0d131a;color:#fff;border:1px solid #45515d;border-radius:8px}
.link-preview{width:100%;align-self:center;text-align:center;border-radius:18px;padding:28px 18px;overflow-wrap:anywhere}.link-preview>strong{font-size:27px}.link-preview>p{opacity:.82}.link-preview>div{display:grid;gap:9px;margin-top:18px}.link-preview-item{border:1px solid #cbd5e1;border-radius:12px;padding:13px;color:#15252d;background:#f1f5f9;word-break:break-word}
.image-result,.favicon-result{width:100%;align-self:center;text-align:center;min-width:0}.image-preview{display:block;max-width:100%;max-height:290px;object-fit:contain;margin:0 auto 16px;border-radius:8px}.image-result p,.favicon-result p{color:#d6e4ea}.image-result .btn{display:inline-block;margin-top:12px}.favicon-result img{width:96px;height:96px;object-fit:contain;image-rendering:auto;background:repeating-conic-gradient(#64748b 0% 25%,#334155 0% 50%) 50%/20px 20px;border-radius:12px;box-shadow:0 0 0 1px #617083}
#image-download[hidden],#image-preview[hidden],#favicon-preview[hidden]{display:none}
@media(max-width:580px){.group-heading{margin-top:24px}.action-buttons{width:100%}.action-buttons .btn{width:100%}.seo-preview{padding:14px}.extra-demo{min-height:225px}}

/* v3 – kompakter Werkzeugkatalog */
.home-rev .home-hero{background:linear-gradient(130deg,#111d22 0,#0d1219 72%);border-bottom:1px solid var(--line);padding:40px 0 38px}
.home-hero-inner{display:flex;gap:35px;align-items:center;justify-content:space-between}
.home-rev .home-hero h1{font-size:clamp(34px,4vw,54px);margin:16px 0 10px;letter-spacing:-1.4px}
.home-rev .home-hero .lead{font-size:16px;line-height:1.6;margin:0;max-width:660px}
.home-rev .eyebrow{margin:0;font-size:11px;padding:6px 12px}
.home-spotlight{flex:none;min-width:235px;max-width:270px;border:1px solid #394754;border-radius:14px;background:#1b252d;padding:17px;display:grid;gap:8px}
.home-spotlight-label{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#adbcc5;font-weight:800}
.home-spotlight a{display:flex;justify-content:space-between;text-decoration:none;color:#eaf6eb;border-radius:7px;padding:7px 0;font-weight:750;font-size:13px}
.home-spotlight a>span{color:var(--accent)}
.overview{padding-top:27px}
.overview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.overview-head h2{font-size:20px;letter-spacing:-.5px;margin:0}
.overview-head>span{font-size:12px;color:var(--muted)}
.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.overview-tile{min-width:0;display:flex;align-items:center;gap:10px;padding:15px 13px;text-decoration:none;border:1px solid #364350;background:#19212b;border-radius:12px}
.overview-tile:hover,.overview-tile:focus-visible{border-color:var(--accent);background:#1f302a}
.overview-icon{flex:none;display:grid;place-items:center;background:#304533;color:var(--accent);border-radius:8px;width:32px;height:32px;font-size:18px}
.overview-tile>span:nth-child(2){min-width:0;flex:1}
.overview-tile strong,.overview-tile small{display:block}
.overview-tile strong{font-size:12px;line-height:1.35}
.overview-tile small{font-size:11px;color:var(--muted);margin-top:2px}
.overview-arrow{font-size:13px;color:var(--accent)}
.catalog{padding-top:36px;padding-bottom:56px}
.catalog-top{display:flex;justify-content:space-between;align-items:end;gap:18px}
.catalog-top .overline{margin:0;font-size:10px}
.catalog-top h2{font-size:clamp(24px,3vw,34px);margin:4px 0 0}
.tool-finder{display:none;flex-direction:column;gap:3px;width:min(290px,100%)}
.has-home-js .tool-finder{display:flex}
.tool-finder label{font-size:11px;color:var(--muted);font-weight:700}
.tool-finder input{background:#151f29;color:var(--text);border:1px solid #455361;border-radius:9px;padding:10px 12px;min-height:42px}
.catalog-hint{color:var(--muted);font-size:13px;margin:12px 0 16px}
.catalog-group{border:1px solid #35434f;border-radius:13px;background:#151d26;margin-top:10px;scroll-margin-top:18px;overflow:hidden}
.catalog-group summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:13px;padding:16px 19px;min-height:72px}
.catalog-group summary::-webkit-details-marker{display:none}
.catalog-group summary:hover{background:#1d2933}
.catalog-group[open]>summary{border-bottom:1px solid #34424e;background:#1a2630}
.catalog-group-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#2a4236;color:var(--accent);font-size:19px}
.catalog-title{flex:1;min-width:0}
.catalog-title strong,.catalog-title small{display:block}
.catalog-title strong{font-size:16px;letter-spacing:-.3px}
.catalog-title small{color:var(--muted);font-size:12px;margin-top:3px}
.catalog-n{color:#bbcad2;border:1px solid #42515e;border-radius:999px;padding:1px 8px;font-size:12px}
.catalog-chevron{display:inline-block;color:var(--accent);font-size:21px;line-height:1;transition:transform .15s}
.catalog-group[open] .catalog-chevron{transform:rotate(180deg)}
.catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:7px 17px 13px}
.catalog-item{display:flex;align-items:center;gap:12px;min-width:0;padding:11px 7px;text-decoration:none;border-bottom:1px solid #28333e;border-radius:5px}
.catalog-item:hover{background:#23312f}
.item-symbol{flex:none;width:35px;height:35px;display:grid;place-items:center;background:#25394a;color:#b5dafa;border-radius:9px;font-size:16px}
.item-copy{min-width:0;flex:1}
.item-copy strong,.item-copy small{display:block}
.item-copy strong{font-size:14px;line-height:1.4}
.item-copy small{color:var(--muted);font-size:12px;line-height:1.4;margin-top:3px}
.item-open{font-size:12px;color:var(--accent);white-space:nowrap;font-weight:700}
.catalog-footnote{margin:18px 2px 0;color:var(--muted);font-size:12px;line-height:1.55}
.catalog-empty{margin:17px 0;color:#ffda9e}
.catalog-item[hidden],.catalog-group[hidden],.catalog-empty[hidden]{display:none!important}
.sl-brand-opt{padding:12px 14px;background:#1c2b28;border:1px solid #39554a;border-radius:10px;margin-top:14px;font-size:13px!important;line-height:1.5}
.sl-brand-opt input{flex:none;min-width:19px}
.sl-brand-help{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:6px}
@media(max-width:900px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-spotlight{min-width:200px}}
@media(max-width:650px){
 .home-rev .home-hero{padding:25px 0 25px}
 .home-rev .home-hero h1{font-size:clamp(32px,7vw,38px);line-height:1.13;margin:13px 0 8px}
 .home-rev .home-hero .lead{font-size:14px;line-height:1.55}
 .home-spotlight{display:none}
 .overview{padding-top:20px}
 .overview-grid{gap:8px}
 .overview-tile{padding:10px 9px;gap:8px;min-height:69px}
 .overview-icon{width:28px;height:28px;font-size:16px}
 .overview-tile strong{font-size:12px}
 .overview-tile small{font-size:10px}
 .overview-arrow{display:none}
 .overview-head h2{font-size:18px}
 .overview-head>span{font-size:11px}
 .catalog{padding-top:25px;padding-bottom:42px}
 .catalog-top{align-items:stretch;flex-direction:column;gap:13px}
 .catalog-top h2{font-size:25px}
 .tool-finder{width:100%}
 .catalog-group summary{padding:13px 12px;gap:10px;min-height:68px}
 .catalog-title strong{font-size:14px}
 .catalog-title small{font-size:11px;line-height:1.4}
 .catalog-group-icon{width:32px;height:32px}
 .catalog-list{grid-template-columns:1fr;padding:4px 10px 10px}
 .catalog-item{padding:10px 3px;gap:9px;min-height:62px}
 .item-symbol{width:31px;height:31px;font-size:14px}
 .item-copy strong{font-size:13px}
 .item-copy small{font-size:11px}
 .item-open{font-size:11px}
 .site-footer{padding:25px 0 18px}
}
@media(prefers-reduced-motion:reduce){.catalog-chevron{transition:none}}

/* v4: compact, browser-only additions */
.v4-demo{display:flex;flex-direction:column;gap:14px;min-width:0}
.v4-gradient{width:100%;min-height:230px;border-radius:14px;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#c7f36b,#3c81e3);color:#101820;text-align:center;font-weight:800}
.v4-gradient span{background:#ffffffda;border-radius:10px;padding:10px 16px}
.v4-table-scroll{max-width:100%;overflow-x:auto;width:100%;padding:8px}
.v4-table-scroll table{border-collapse:collapse;width:100%;min-width:340px;background:white;color:#15202a;font-size:14px;line-height:1.5}
.v4-table-scroll th,.v4-table-scroll td{border:1px solid #aebac4;padding:10px 12px;text-align:left;word-break:break-word}
.v4-table-scroll th{background:#eaf2d8}
.v4-table-scroll caption{padding:7px;font-weight:800;color:var(--text)}
.v4-json-summary{align-self:stretch;width:100%;padding:20px;border:1px solid #425669;border-radius:12px;background:#132131;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.v4-json-summary strong{display:block;font-size:24px;color:var(--accent)}
.v4-buttonrow{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}
.v4-password{align-self:stretch;width:100%;font:700 19px/1.7 ui-monospace,Consolas,monospace;letter-spacing:.5px;word-break:break-all;user-select:all;padding:22px;border:1px solid #475565;border-radius:12px;background:#0b131b;color:#defbb1}
.v4-center{text-align:center;margin:0}
.v4-checks{border:1px solid #40515e;border-radius:12px;padding:13px 15px;display:grid;gap:8px;margin-bottom:16px}
.v4-checks legend{font-size:14px;font-weight:800;padding:0 7px}
.v4-checks label{display:flex;align-items:center;gap:10px;font-size:14px;min-height:35px;cursor:pointer}
.v4-checks input{width:18px;height:18px;accent-color:var(--accent)}
.field input[type=range]{width:100%;accent-color:var(--accent);min-height:36px}
@media(max-width:600px){.v4-gradient{min-height:175px}.v4-password{font-size:16px}.v4-demo{min-height:185px}}

/* v5 extra tools; browser-only. */
.v5-stats{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v5-stat{padding:16px;background:#162431;border:1px solid #3b4c5b;border-radius:12px;text-align:center;min-width:0}
.v5-stat strong{font-size:27px;font-weight:800;color:#d6f69e;display:block;font-variant-numeric:tabular-nums}
.v5-stat span{font-size:13px;color:#ccd6dd;display:block;margin-top:5px}
.v5-output-preview{background:#121f2b;border:1px solid #3d5363;border-radius:12px;padding:18px;color:#e4f1e0;min-height:98px;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap;font:600 15px/1.65 ui-monospace,Consolas,monospace;width:100%}
.v5-diff{width:100%;max-width:100%;overflow:auto;max-height:420px;font:14px/1.6 ui-monospace,monospace;background:#12212d;border:1px solid #3e5263;border-radius:12px;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere}
.v5-diff-line{padding:4px 6px;border-radius:4px}
.v5-diff-line.add{background:#174437;color:#e0ffde}
.v5-diff-line.del{background:#50302e;color:#ffe2df}
.v5-diff-line.same{color:#bac6cc}
.v5-shadow-frame{width:100%;padding:50px 25px;min-height:265px;background:#e8eff5;display:grid;place-items:center;border-radius:12px}
.v5-shadow-card{color:#233344;background:#fff;border-radius:16px;padding:32px 25px;min-height:120px;display:grid;place-items:center;width:min(210px,100%);font-weight:800;box-shadow:8px 12px 24px 0px rgba(24,38,60,.35);text-align:center}
.v5-check{display:flex;align-items:center;gap:10px;min-height:40px;font-weight:600;margin-top:7px}
.v5-check input{width:18px;height:18px;accent-color:#c7f36b}
@media(max-width:420px){.v5-stats{gap:8px}.v5-stat{padding:12px 6px}.v5-stat strong{font-size:22px}.v5-shadow-frame{padding:38px 14px;min-height:190px}}

/* Version 6: Ergebnis-Vorschauen, Bildtools und kompakte Farbchips */
.v6-preview{min-height:145px;display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:center;overflow:auto}
.v6-preview-text{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e2ebed;max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.v6-error{color:#ffb7b7;font-weight:700;margin-top:12px;overflow-wrap:anywhere}
.v6-demo-chip{width:min(100%,310px);background:#73ad43;border:1px solid #a9d58c;color:#121b16;font-size:24px;font-weight:800;min-height:100px;padding:18px;display:grid;place-items:center;text-align:center;border-radius:16px}
.v6-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px}
.v6-palette-chip{min-height:78px;border-radius:10px;display:flex;align-items:end;justify-content:center;padding:9px;font:12px ui-monospace,monospace;text-shadow:0 0 1px #3337}
.v6-grid-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.v6-grid-preview span{display:grid;place-items:center;min-width:0;background:#35495d;padding:14px 2px;border-radius:8px;color:#fff}
.v6-check{display:flex!important;align-items:center;gap:12px;font-weight:600;cursor:pointer}
.v6-check input{width:18px;height:18px;accent-color:var(--accent);flex:0 0 auto}
@media(max-width:480px){.v6-demo-chip{min-height:90px}.v6-palette-chip{min-height:65px}}
/* Lange Werkzeugtitel wie „Groß-/Kleinschreibung“ auf schmalen Handys umbrechen. */
.tool-intro h1,.tool-intro h2{overflow-wrap:anywhere;hyphens:auto}

/* v7: local image/text toolbox. */
.v7-preview{min-height:190px;display:flex;align-items:center;justify-content:center;overflow:auto}
.v7-preview-panel{width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:14px}
.v7-preview-panel img{max-width:100%;height:auto;display:block;margin:auto;border-radius:10px;background:repeating-conic-gradient(#eee 0% 25%,#ccc 0% 50%) 50% / 18px 18px}
.v7-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
.v7-before-after figure{min-width:0;margin:0}.v7-before-after figure img{max-height:290px;object-fit:contain}.v7-before-after figcaption{text-align:center;margin-top:6px;font-size:12px}
.v7-checkbox{display:flex;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:700}
.v7-checkbox input{width:19px;height:19px;accent-color:var(--accent);flex:none}
.v7-subtle{display:block;font-size:12px;color:var(--muted);margin-top:5px}
.v7-table-wrap{max-width:100%;overflow:auto;max-height:400px}.v7-table{border-collapse:collapse;width:100%;background:#172634}.v7-table td,.v7-table th{border:1px solid #486276;padding:7px 9px;text-align:left;min-width:65px;overflow-wrap:anywhere}.v7-table th{color:#def5aa}
@media(max-width:420px){.v7-before-after{grid-template-columns:1fr}}

/* V8: shared previews and local tools */
.v8-demo{min-height:210px;display:flex;align-items:stretch;justify-content:center;max-width:100%;overflow:auto}
.v8-preview{min-width:0;width:100%;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px;line-height:1.55}
.v8-preview iframe{width:100%;min-height:200px;max-height:440px;border:0;border-radius:8px;background:white;color:#222}
.v8-preview pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.v8-preview canvas{display:block;max-width:100%;height:auto;margin:0 auto;background:#fff;border-radius:8px}
.v8-preview .qr-preview{display:flex;justify-content:center;align-items:center;padding:15px}
.v8-checkbox{display:flex;align-items:center;gap:10px;min-height:46px;font-weight:650;font-size:14px}
.v8-checkbox input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
.v8-preview .v8-seo{padding:16px;background:#fff;color:#2c3444;border-radius:9px;line-height:1.5}
.v8-preview .v8-seo strong{display:block;color:#1762b9;font-size:17px;overflow-wrap:anywhere}
.v8-preview .v8-seo small{display:block;color:#326448}
.v8-preview .v8-seo p{margin:6px 0 0;font-size:13px}
@media(max-width:420px){.v8-preview iframe{min-height:230px}}


/* Scriptladen 10.1: optionale Favoriten, Ratgeber, dezente Werbeplätze */
.sl-personal{padding:12px 0 10px}.sl-personal[hidden],.sl-related[hidden],.sl-ad-zone[hidden],.sl-personal [hidden]{display:none!important}
.sl-section-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 11px}
.sl-section-top h2,.sl-related h2,.sl-guide-nav h2{margin:0;font-size:clamp(18px,2.5vw,23px)}
.sl-section-top small,.sl-section-top p{color:var(--muted);font-size:13px;margin:0}
.sl-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.sl-mini-tool{display:flex;flex-direction:column;gap:4px;background:#192a35;border:1px solid #425563;border-radius:12px;padding:13px 14px;text-decoration:none;min-height:84px;min-width:0}
.sl-mini-tool strong{color:#e5f6e6;font-size:13px}.sl-mini-tool small{font-size:12px;color:var(--muted);line-height:1.5}
.sl-mini-tool:hover,.sl-mini-tool:focus-visible{border-color:var(--accent)}
.sl-remember-row{display:flex;align-items:center;padding:11px 0;min-height:44px}
.sl-remember-row label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);cursor:pointer}
.sl-remember-row input{accent-color:var(--accent);width:18px;height:18px;flex:none}
.sl-fav-btn{cursor:pointer;display:inline-flex;margin:16px 0 0;padding:10px 14px;min-height:42px;border:1px solid #597080;border-radius:10px;color:#e5f6dd;background:#172a35;font:700 13px/1.3 system-ui,sans-serif}
.sl-fav-btn[aria-pressed="true"]{border-color:#c7f36b;color:#c7f36b}
.sl-related{padding-top:25px;padding-bottom:22px}.sl-related h2{margin-bottom:14px}
.sl-home-link{display:inline-block;margin-top:16px;color:var(--accent);font-size:14px;font-weight:700}
.sl-guide-nav{padding-top:18px;padding-bottom:25px}
.sl-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sl-guide-grid a{display:flex;flex-direction:column;gap:8px;min-height:130px;padding:17px;border:1px solid #405260;border-radius:12px;background:#172a35;text-decoration:none;min-width:0}
.sl-guide-grid strong{color:#e1f5e9;font-size:14px}.sl-guide-grid small{color:var(--muted);font-size:12px;line-height:1.5;flex:1}.sl-guide-grid span{font-size:12px;color:var(--accent);font-weight:800}
.sl-guide-layout{padding-top:28px;padding-bottom:20px}.sl-guide-article{max-width:850px}.sl-guide-section{margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #324957}
.sl-guide-section h2{font-size:22px;line-height:1.4;margin:0 0 12px}.sl-guide-section p{font-size:16px;line-height:1.75;color:#d4e1e4}
.sl-guide-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.sl-guide-tool{padding:13px 15px;border:1px solid #3f5a64;border-radius:10px;display:flex;justify-content:space-between;gap:12px;align-items:center;text-decoration:none;background:#152632}
.sl-guide-tool strong{font-size:14px;color:#e0f1ed}.sl-guide-tool span{white-space:nowrap;font-size:12px;color:var(--accent)}
.sl-tool-note{padding:5px 0 15px}.sl-tool-note h2{font-size:20px;margin:6px 0}.sl-tool-note p{color:#cfdee4;line-height:1.65;font-size:14px;max-width:850px}
.sl-ad-zone{margin-top:28px;margin-bottom:35px;padding-top:15px;padding-bottom:15px;border-top:1px solid #30434e;border-bottom:1px solid #30434e;text-align:center}
.sl-ad-label{display:block;color:#aab7bb;font-size:11px;margin:0 0 10px}
.sl-ad-content{min-height:150px;min-width:0;overflow:hidden}
@media(max-width:720px){.sl-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-guide-tools{grid-template-columns:1fr}}
@media(max-width:420px){.sl-tool-grid,.sl-guide-grid{grid-template-columns:1fr}.sl-mini-tool{min-height:64px}.sl-guide-grid a{min-height:94px}.sl-guide-tools .sl-guide-tool{align-items:flex-start;flex-direction:column}}


/* Version 10.2: information architecture, semantic navigation and task-focused help. */
.footer-links{flex-wrap:wrap;gap:10px 18px}
.sl-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--muted);font-size:12px;padding-top:15px;padding-bottom:3px;overflow-wrap:anywhere}
.sl-breadcrumb a{color:#d9e8e5;text-decoration:none}.sl-breadcrumb a:hover{text-decoration:underline}
.sl-breadcrumb [aria-current="page"]{color:var(--muted);max-width:100%;overflow-wrap:anywhere}
.sl-start-steps{margin-block:14px 22px;padding:14px 17px;border:1px solid #36535a;background:#11222b;border-radius:13px;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap;color:#d9e7e7;font-weight:650;font-size:13px}
.sl-start-steps span{position:relative}
.sl-guide-more{text-align:right;margin-top:12px}.sl-guide-more a{font-weight:750;color:var(--accent);text-decoration:none}.sl-guide-more a:hover{text-decoration:underline}
.sl-guide-index{padding-top:24px;padding-bottom:35px}.sl-guide-collection{padding:6px 0 22px;border-bottom:1px solid var(--line)}.sl-guide-collection h2{font-size:clamp(18px,3vw,23px);margin:10px 0}
.sl-guide-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;text-decoration:none;border:1px solid #415763;border-radius:13px;background:#182932;min-height:110px}
.sl-guide-card strong{font-size:15px;line-height:1.4;color:#e5f5e8}.sl-guide-card small{font-size:13px;color:var(--muted);flex:1}.sl-guide-card span{color:var(--accent);font-weight:750;font-size:12px}
.sl-guide-card:hover,.sl-guide-card:focus-visible{border-color:var(--accent)}
.sl-article-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,250px);gap:27px;align-items:start}
.sl-article-side{border:1px solid #3e5966;border-radius:12px;padding:18px;background:#172734}
.sl-article-side h2{font-size:17px;margin:0 0 10px}.sl-article-side p{font-size:14px;color:#d6e4e6}.sl-side-link,.sl-article-end a,.sl-guide-deeplink{color:var(--accent);font-size:14px;font-weight:750}
.sl-article-end{padding:17px 0}.sl-guide-steps{padding-left:23px;color:#d9e6e9;line-height:1.8}.sl-guide-steps li{margin-bottom:8px}
.sl-practice{margin-top:13px;margin-bottom:12px;padding:0;border:1px solid #3a5762;border-radius:12px;overflow:hidden;background:#142532}
.sl-practice summary{padding:14px 18px;font-weight:750;cursor:pointer;color:#e0f3e8;min-height:48px}
.sl-practice summary:hover{background:#1b3540}.sl-practice-body{padding:0 18px 18px;max-width:950px}
.sl-practice-body h2{font-size:17px;margin:10px 0}.sl-practice-body p{font-size:14px;line-height:1.65;color:#d0dfe4}
.sl-tool-guide-link{margin:12px 0 0;font-size:13px}.sl-tool-guide-link a{color:var(--accent);font-weight:750}
.sl-guide-grid a,.sl-guide-tool,.sl-guide-card{overflow-wrap:anywhere}
@media(max-width:820px){.sl-article-grid{grid-template-columns:1fr}.sl-article-side{display:none}}
@media(max-width:640px){.sl-start-steps{justify-content:flex-start;flex-direction:column;gap:3px;font-size:12px;margin-block:10px 14px}.sl-breadcrumb{font-size:11px;padding-top:11px}.site-nav a{font-size:13px}.sl-guide-collection .sl-guide-grid{grid-template-columns:1fr}.sl-guide-collection .sl-guide-card{min-height:85px}.sl-practice-body{padding-inline:14px}}
@media(max-width:390px){.site-nav{gap:8px!important}.site-nav a{font-size:11px!important}.header-inner{gap:8px}.brand{font-size:18px}}

/* 10.3: keyboard focus, local data control and 404 handling. */
.sl-clear-local{margin:6px 0 2px;padding:9px 13px;min-height:44px;max-width:100%;border-radius:9px;background:transparent;border:1px solid #667e85;color:#e0efe9;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer;white-space:normal;text-align:left}
.sl-clear-local:hover{border-color:var(--accent);color:var(--accent)}
.sl-clear-status{margin:4px 0 8px;color:#b8dfc7;font-size:13px}
.sl-clear-status:empty{display:none}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #c5ed78;outline-offset:3px}
.sl-not-found{padding-top:45px;padding-bottom:65px;max-width:820px}
.sl-not-found h1{font-size:clamp(36px,7vw,70px);line-height:1.1;margin:12px 0 17px}
.sl-not-found p{line-height:1.7;color:#d0ded9}
.sl-not-found .sl-not-found-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* v10.4 – Datenschutzeinstellungen erscheinen ausschließlich bei echter CMP. */
.sl-privacy-link{background:none;color:inherit;border:0;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.sl-privacy-link:hover,.sl-privacy-link:focus-visible{color:#e6f8f4}
.sl-privacy-link[hidden]{display:none!important}
/* Abstand zur Bedienoberfläche; Platzierungen nur auf Übersicht/Ratgebern aktivierbar. */
.sl-ad-zone:not([hidden]){clear:both;margin-block:42px;}

.sl-practical{padding-block:22px 26px;margin-block:26px;border-top:1px solid #30434e}
.sl-practical h2{font-size:clamp(1.1rem,2vw,1.45rem);margin:0 0 10px}
.sl-practical p{max-width:77ch;color:#cbd4d4;line-height:1.65;margin:0 0 11px}
/* Kleinstbildschirme: lange rechtliche Überschriften sauber umbrechen. */
.legal-hero h1{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:580px){.legal-hero h1{font-size:clamp(28px,7vw,40px)}}

/* v10.5: practical, tool-specific help for visitors. */
.sl-advice-v105{margin-block:18px 26px;padding:24px 0 18px;border-top:1px solid #31414a;max-width:1160px}
.sl-advice-v105 h2{font-size:clamp(1.13rem,2.15vw,1.52rem);line-height:1.3;margin:0 0 10px}
.sl-advice-v105 p{color:#d3dcdf;line-height:1.73;max-width:80ch;margin:0 0 13px}

/* v10.6: individually authored practical guidance */
.sl-advice-v106{border-top:1px solid #31414a;margin-block:18px 26px;padding-top:25px;padding-bottom:17px;max-width:1160px}
.sl-advice-v106 h2{font-size:clamp(1.12rem,2.2vw,1.5rem);line-height:1.3;margin:0 0 12px}
.sl-advice-v106 p{max-width:80ch;margin:0 0 14px;line-height:1.75;color:#d3dcdf}

.sl-v106-journeys{padding-block:10px 14px}
.sl-v106-journeys h2{font-size:clamp(1.12rem,2.3vw,1.42rem);margin:0 0 4px}
.sl-v106-journeys p{color:#c7d5dc;margin:0 0 12px}
.sl-v106-linkrow{display:flex;gap:9px;flex-wrap:wrap}
.sl-v106-linkrow a{color:#e7f8c7;text-decoration:none;border:1px solid #455765;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:600;line-height:1.5}
.sl-v106-linkrow a:hover,.sl-v106-linkrow a:focus-visible{background:#253742;outline-offset:3px}
@media(max-width:480px){.sl-v106-linkrow{display:grid;grid-template-columns:1fr 1fr}.sl-v106-linkrow a{border-radius:12px;padding:10px 9px;font-size:13px;overflow-wrap:anywhere}}

/* Prevent long descriptive guide links from overflowing narrow screens. */
.sl-v106-guides .sl-guide-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-v106-guides .sl-guide-tool{display:flex;flex-direction:column;align-items:flex-start;min-width:0;overflow-wrap:anywhere}
.sl-v106-guides .sl-guide-tool strong{max-width:100%}
.sl-v106-guides .sl-guide-tool span{white-space:normal;overflow-wrap:anywhere;line-height:1.55;color:#c8dae2}
@media(max-width:700px){.sl-v106-guides .sl-guide-tools{grid-template-columns:minmax(0,1fr)}}

/* Scriptladen 10.7: spezifische Hilfeabschnitte für zuvor sehr knappe Werkzeugseiten. */
.sl-advice-v107{margin-block:18px 26px;padding-top:25px;padding-bottom:17px;border-top:1px solid #31414a;max-width:1160px}
.sl-advice-v107 h2{font-size:clamp(1.12rem,2.2vw,1.5rem);line-height:1.3;margin:0 0 16px}
.sl-advice-v107 h3{font-size:1.02rem;line-height:1.5;margin:18px 0 7px;color:#f0f6f3}
.sl-advice-v107 p{max-width:80ch;margin:0 0 14px;line-height:1.75;color:#d3dcdf;overflow-wrap:anywhere}
.sl-advice-v107 .sl-guide-deeplink{color:var(--accent);font-size:.94rem}
@media(max-width:480px){.sl-advice-v107{margin-block:12px 24px;padding-top:20px}.sl-advice-v107 h2{font-size:1.18rem}.sl-advice-v107 h3{font-size:1rem}}

/* V11: eigene lokale Vorschau und lange Codeblöcke */
.v11-demo{min-width:0;overflow:auto;max-width:100%;padding:8px}.v11-pre{font:13px/1.55 ui-monospace,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit;max-height:365px;overflow:auto;margin:0}.v11-error{color:#ffb5ae;min-height:1em}.sl-v11-intro{font-size:.95rem;color:#d3e2ec;max-width:67ch;margin:14px 0}@media(max-width:520px){.builder-grid>.panel{min-width:0}.v11-demo iframe{max-width:100%}}

/* v12: local PDF and file tools */
.v12-error{color:#ff9c9c;font-weight:650;white-space:pre-wrap;overflow-wrap:anywhere}.v12-demo{overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;overflow-x:auto}.v12-demo iframe{max-width:100%}.v12-demo img{max-width:100%;height:auto}.catalog-item{min-width:0}.catalog-item .item-copy{min-width:0}

/* Scriptladen.de 12.1 – lokale, responsive Eigenwerbung (Home 2 Motive, Unterseiten 1 Motiv). */
.sl-ad-zone[data-sl-ad-active="house"]{margin-block:30px 38px;padding-block:18px 22px;text-align:left}
.sl-ad-zone[data-sl-ad-active="house"] .sl-ad-label{font-size:11px;font-weight:700;letter-spacing:.03em;color:#a8b9c3;margin:0 0 9px}
.sl-ad-zone[data-sl-ad-active="house"] .sl-ad-content{min-height:0;overflow:visible}
.sl-house-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}
.sl-house-grid--dual{grid-template-columns:repeat(2,minmax(0,1fr))}
.sl-house-card{isolation:isolate;display:flex;align-items:center;gap:16px;min-width:0;min-height:142px;padding:20px 22px;border-radius:16px;border:1px solid #52627a;text-decoration:none;box-shadow:0 11px 26px #03070b40;transition:border-color .16s,transform .16s;background:linear-gradient(122deg,#25394c,#172331);color:#f9fcff}
.sl-house-card:hover{border-color:#d4e9ff;transform:translateY(-2px)}
.sl-house-card:focus-visible{outline:3px solid #aed5ff;outline-offset:3px}
.sl-house-card--puzzle{background:radial-gradient(circle at 100% 0%,#385d50 0,transparent 55%),linear-gradient(117deg,#203c35,#162b30);border-color:#527c66}
.sl-house-card--music{background:radial-gradient(circle at 100% 0%,#5a3560 0,transparent 58%),linear-gradient(117deg,#403348,#26233c);border-color:#695474}
.sl-house-mark{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border-radius:17px;background:#b5f0ab;color:#173029;font-size:32px;font-weight:900;line-height:1}
.sl-house-card--music .sl-house-mark{background:#edc6ff;color:#38213c}
.sl-house-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sl-house-category{color:#d6e4e4;font-size:11px;font-weight:700;letter-spacing:.03em}
.sl-house-title{font-size:clamp(15px,1.3vw,19px);line-height:1.3;color:#fff;letter-spacing:-.2px}
.sl-house-desc{font-size:12px;line-height:1.45;color:#cfdee2;overflow-wrap:anywhere}
.sl-house-cta{align-self:center;color:#c7f36b;font-size:13px;font-weight:800;text-align:right;line-height:1.35;flex:0 0 136px;overflow-wrap:anywhere}
.sl-house-card--music .sl-house-cta{color:#f0ceff}
.sl-house-grid--dual .sl-house-card{flex-wrap:wrap;gap:11px;align-content:center}
.sl-house-grid--dual .sl-house-mark{flex-basis:53px;width:53px;height:53px;font-size:26px}
.sl-house-grid--dual .sl-house-cta{flex-basis:100%;text-align:left;padding-left:64px}
@media(max-width:850px){.sl-house-grid--dual{grid-template-columns:1fr}.sl-house-grid--dual .sl-house-card{flex-wrap:nowrap}.sl-house-grid--dual .sl-house-cta{flex-basis:130px;padding-left:0;text-align:right}}
@media(max-width:580px){
 .sl-ad-zone[data-sl-ad-active="house"]{margin-block:23px 29px;padding-block:14px 17px}
 .sl-house-card,.sl-house-grid--dual .sl-house-card{min-height:126px;padding:14px 13px;gap:11px;flex-wrap:nowrap;align-items:center}
 .sl-house-mark,.sl-house-grid--dual .sl-house-mark{flex-basis:43px;width:43px;height:43px;font-size:23px;border-radius:12px}
 .sl-house-title{font-size:14px}
 .sl-house-category{font-size:10px}
 .sl-house-desc{font-size:11px}
 .sl-house-cta,.sl-house-grid--dual .sl-house-cta{flex-basis:70px;font-size:11px;padding:0;text-align:right}
}
@media(max-width:350px){.sl-house-cta,.sl-house-grid--dual .sl-house-cta{flex-basis:64px;font-size:10px}.sl-house-card,.sl-house-grid--dual .sl-house-card{gap:8px}}
@media(prefers-reduced-motion:reduce){.sl-house-card{transition:none}.sl-house-card:hover{transform:none}}

/* Scriptladen.de 12.4 – Quickfinder + Werkzeugverzeichnis */
.sl-quick-trigger{border:1px solid #587263;background:#203c32;color:#edffe5;white-space:nowrap;padding:9px 12px;border-radius:10px;font-weight:750;cursor:pointer;font:inherit;font-size:13px}
.sl-quick-trigger:hover{background:#2c4b3c}.sl-quick-trigger:focus-visible{outline:3px solid #aee1a2;outline-offset:3px}
.sl-quick-dialog{border:1px solid #526a5d;color:#f0f8f9;background:#121d26;border-radius:18px;padding:0;max-width:min(660px,calc(100vw - 28px));width:100%;max-height:85vh;box-shadow:0 22px 90px #000b;overflow:auto}
.sl-quick-dialog::backdrop{background:#080f18ca}
.sl-quick-frame{padding:24px;min-width:0}.sl-quick-frame h2{font-size:24px;margin:0 0 16px;color:#fcfffb}.sl-quick-input-row{display:flex;gap:8px;align-items:stretch}
.sl-quick-input{flex:1;min-width:0;padding:12px;border-radius:10px;border:1px solid #647985;background:#0d1720;color:white;font:inherit}
.sl-quick-input:focus-visible{outline:3px solid #b9e9a7}
.sl-quick-close{border:1px solid #637a86;border-radius:10px;background:#26323d;color:#fff;padding:9px 12px;cursor:pointer;font:inherit}
.sl-quick-note{color:#bacdd6;font-size:12px;margin:12px 0}
.sl-quick-results{max-height:48vh;overflow-y:auto;display:grid;gap:6px}
.sl-quick-item{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #304651;border-radius:10px;text-decoration:none;background:#1b2b35}
.sl-quick-item:hover,.sl-quick-item:focus-visible{border-color:#9bd5ae;background:#233a3d}
.sl-quick-item strong{color:#fbfff7;font-size:14px}.sl-quick-item small{color:#b8d0d7;font-size:12px}
.sl-quick-all{display:inline-block;margin-top:15px;color:#bcf49c;font-weight:700}
.sl-directory{padding-top:26px;padding-bottom:55px}.sl-directory>label{display:block;font-weight:700;margin-bottom:9px}
#sl-dir-search{padding:15px;border:1px solid #71857a;border-radius:12px;background:#0c161e;color:#fff;width:100%;max-width:700px;font:inherit}
#sl-dir-status{font-size:13px;color:#bdcbd2}
.sl-dir-topics{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 30px}.sl-dir-topics a{border:1px solid #435e57;background:#1b2e2c;border-radius:100px;padding:7px 12px;text-decoration:none;font-size:12px;color:#e9f5ef}
.sl-dir-topics small{color:#c6d8c6}.sl-dir-topics a:hover{border-color:#adf1ad}
.sl-dir-group{border:1px solid #364956;border-radius:12px;margin:11px 0;background:#14212c;scroll-margin-top:15px}
.sl-dir-group summary{cursor:pointer;padding:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.sl-dir-group summary strong{font-size:17px}.sl-dir-group summary span{font-size:12px;color:#c1d0d6}
.sl-dir-group ul{margin:0;padding:9px 16px 17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;border-top:1px solid #314450}
.sl-dir-item a{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:10px;min-width:0;text-decoration:none;background:#20313b;border:1px solid #344d57}
.sl-dir-item a:hover,.sl-dir-item a:focus-visible{border-color:#a8ddb8;background:#2b4147}
.sl-dir-item strong{color:#f3fff3;font-size:14px}.sl-dir-item small{color:#c3d3dc;font-size:12px;overflow-wrap:anywhere}
.sl-dir-item[hidden],.sl-dir-group[hidden]{display:none!important}
.sl-directory-link{margin-top:12px;margin-bottom:20px}.sl-directory-link a{color:#b3ed96;font-weight:750}
@media(max-width:720px){.sl-dir-group ul{grid-template-columns:1fr}.sl-quick-frame{padding:17px}.sl-quick-frame h2{font-size:20px}.sl-quick-trigger{padding:8px 9px;font-size:12px}}
@media(max-width:420px){.site-header .header-inner{gap:8px;flex-wrap:wrap;padding-block:8px}.site-header .site-nav{gap:9px;flex:1;justify-content:flex-end}.site-nav a{font-size:11px}.sl-quick-trigger{width:100%;min-height:39px}.sl-quick-dialog{max-width:calc(100vw - 12px)}.sl-dir-topics{gap:6px}}
@media(prefers-reduced-motion:reduce){.sl-quick-dialog{scroll-behavior:auto}}