/**
 * @author    Ronny Antes
 * @copyright 2026 Ronny Antes - North-Addons
 * @license   North-Addons.de License <https://lizenz.north-addons.de/lizenz.html>
 * @Version   1.2.17
 * @Software  Naturkraft Despina CMS 1.2.17
 */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(calc(100% - 40px),var(--content));margin:auto}.narrow{max-width:850px}.topline{background:var(--primary);color:#fff;font-size:.84rem}.topline .wrap{display:flex;justify-content:space-between;padding:7px 0}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid #0000000d}.header-main{display:flex;align-items:center;gap:28px;min-height:var(--header-height)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--accent),var(--primary));color:#fff;font-size:1.3rem;box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 28%,transparent)}.brand strong,.brand small{display:block}.brand strong{font-size:1.06rem}.brand small{font-size:.76rem;opacity:.65}.main-nav{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-item{position:relative}.main-nav a{padding:9px 11px;border-radius:10px;font-size:.9rem;display:flex;align-items:center;gap:5px}.main-nav a:hover{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--primary)}.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:235px;background:var(--surface);padding:8px;border:1px solid #0001;border-radius:14px;box-shadow:0 18px 45px #0002;display:none}.submenu a{display:block!important}.nav-item:hover>.submenu,.nav-item:focus-within>.submenu{display:block}.chev{font-size:.75em;opacity:.55}.nav-toggle{display:none;margin-left:auto;border:0;background:none;font-size:1.5rem}.hero{min-height:var(--hero-min-height);display:grid;align-items:center;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--accent) 35%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 96%,var(--secondary)),var(--bg));overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding:90px 0}.hero h1,.section h1{font-size:clamp(2.5rem,7vw,5.4rem);line-height:.98;letter-spacing:-.045em;margin:.16em 0 .3em}.hero p,.lead{font-size:1.18rem;max-width:680px;color:color-mix(in srgb,var(--text) 72%,transparent)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:var(--primary)}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn,.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:var(--primary);color:#fff;padding:11px 18px;font-weight:750;cursor:pointer}.btn.ghost{background:transparent;color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 34%,transparent)}.orb{aspect-ratio:1;max-width:430px;width:100%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,#fff9,var(--secondary) 28%,var(--accent) 68%,var(--primary));box-shadow:0 40px 100px #3e5a3640;justify-self:end}.orb span{font-size:8rem;color:#fff8}.section{padding:90px 0;min-height:55vh}.prose{font-size:1.08rem}.card,.panel{background:var(--surface);border:1px solid #0000000c;border-radius:var(--radius);box-shadow:0 14px 45px #1e2a1f0b;padding:26px}.gallery-placeholder{min-height:320px;border-radius:var(--radius);border:1px dashed color-mix(in srgb,var(--primary) 40%,transparent);display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 70%,transparent)}.site-footer{background:#1f2b22;color:#eaf0e8;padding:56px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid div:last-child{display:grid;gap:8px}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top,var(--secondary),var(--bg) 45%)}.login-card{width:min(430px,100%);padding:34px;background:var(--surface);border-radius:var(--radius);box-shadow:0 30px 90px #0002}.login-card h1{margin:32px 0 12px}.login-card label,.panel label{display:grid;gap:6px;font-weight:700;margin:14px 0}.login-card input,.panel input,.panel select,.panel textarea,.compressor input{width:100%;border:1px solid #ccd4c8;background:#fff;border-radius:10px;padding:11px 12px;color:#202620}.login-card .btn{width:100%;margin-top:18px}.notice{padding:12px 15px;background:#eef3ec;border-radius:12px;margin:0 0 18px}.notice.ok,.badge.ok{background:#e2f3e5;color:#246130}.notice.error{background:#fae7e4;color:#8a2d25}.badge{display:inline-block;border-radius:99px;background:#eef1ed;padding:3px 8px;font-size:.72rem;font-weight:800}.badge.warn{background:#fff0d5;color:#7b5410}.acp{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:#f3f5f0}.sidebar{position:sticky;top:0;height:100vh;background:#1f2b22;color:#dfe9dc;padding:24px 18px;display:flex;flex-direction:column}.brand.inverse{color:#fff;margin:0 8px 28px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 12px;border-radius:10px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:10px;border-top:1px solid #ffffff16;padding-top:18px}.sidebar-bottom button{border:0;background:none;color:#fff;padding:0;cursor:pointer}.admin-main{min-width:0}.admin-top{height:72px;background:var(--surface);display:flex;align-items:center;justify-content:flex-end;padding:0 28px;border-bottom:1px solid #0000000b;position:sticky;top:0;z-index:10}.admin-top div{text-align:right}.admin-top span{display:block;font-size:.75rem;opacity:.55}.sidebar-toggle{display:none}.admin-content{padding:30px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-head h1{margin:0;font-size:2rem;letter-spacing:-.025em}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px}.stat{background:var(--surface);padding:24px;border-radius:var(--radius);box-shadow:0 10px 30px #00000008}.stat strong{font-size:2.4rem;display:block;color:var(--primary)}.stat span{opacity:.6}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #0000000c;padding:14px 10px;vertical-align:middle}td small{display:block;opacity:.55}.button{background:#e9eee6;color:var(--primary)}.button.small,.danger.small{padding:7px 10px;font-size:.8rem}.danger{border:0;border-radius:9px;background:#f6dfdc;color:#8f2e25;padding:8px 10px;cursor:pointer}.inline{display:inline-flex;gap:6px;margin-left:6px}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.sticky{position:sticky;top:92px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.builder-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.builder-tools button{border:1px solid #cad4c7;background:#f5f8f3;padding:8px 12px;border-radius:9px;cursor:pointer}.blocks{display:grid;gap:12px}.block{border:1px solid #d9e0d5;border-radius:14px;padding:15px;background:#fbfcfa}.block-head{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:grab}.block-fields{display:grid;gap:8px;margin-top:10px}.block-fields textarea{min-height:110px}.hint{font-size:.85rem;opacity:.6}.wide{width:100%}.menu-sort{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.menu-sort li{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #dce2d8;border-radius:12px;background:#fff}.menu-sort li.dragging{opacity:.45}.menu-sort li div{flex:1}.menu-sort small{display:block;opacity:.55}.drag{cursor:grab}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.color-grid input[type=color]{height:54px;padding:4px}.theme-preview{padding:24px;border-radius:16px;background:linear-gradient(140deg,var(--surface),color-mix(in srgb,var(--secondary) 22%,var(--surface)));border:1px solid #0001}.compressor-list{display:grid;gap:10px}.compressor{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);gap:18px;align-items:center;padding:13px;border:1px solid #dde4da;border-radius:12px}.compressor small{display:block;opacity:.55;margin-top:4px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.check input{width:auto!important}.uploader{margin-bottom:20px}.dropzone{position:relative;border:2px dashed color-mix(in srgb,var(--primary) 35%,transparent);border-radius:16px;min-height:180px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;background:#f8faf7}.dropzone.dragover{background:#edf4e8}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-row{padding:10px 0;border-bottom:1px solid #0001}.progress{height:7px;background:#e6ebe3;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--primary);width:0}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.media-card{background:var(--surface);padding:10px;border-radius:16px;box-shadow:0 8px 24px #00000008}.media-thumb{aspect-ratio:4/3;background:#e5e9e2;border-radius:10px;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-card strong,.media-card small{display:block;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card small{font-size:.75rem;opacity:.55}.form-narrow{max-width:720px}
@media(max-width:1100px){.main-nav{display:none;position:absolute;left:20px;right:20px;top:100%;background:var(--surface);padding:14px;border-radius:14px;box-shadow:0 20px 50px #0002}.main-nav.open{display:grid}.main-nav.open .submenu{position:static;box-shadow:none;border:0;padding:4px 0 4px 16px;display:grid}.nav-toggle{display:block}.hero-inner{grid-template-columns:1fr .65fr}.acp{grid-template-columns:220px 1fr}.builder-layout{grid-template-columns:1fr}.sticky{position:static}}
@media(max-width:760px){.wrap{width:min(calc(100% - 28px),var(--content))}.header-main{min-height:76px}.hero-inner{grid-template-columns:1fr;padding:60px 0}.orb{max-width:260px;justify-self:start}.hero h1,.section h1{font-size:clamp(2.3rem,13vw,4rem)}.section{padding:60px 0}.footer-grid{display:grid}.acp{display:block}.sidebar{position:fixed;left:-280px;z-index:40;width:260px;transition:.2s}.sidebar.open{left:0}.sidebar-toggle{display:block;margin-right:auto;border:0;background:none;font-size:1.4rem}.admin-content{padding:18px}.stat-grid,.form-grid,.color-grid{grid-template-columns:1fr}.compressor{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.menu-edit-grid{flex:1;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(140px,.65fr) auto;gap:8px;align-items:center}.menu-edit-grid input,.menu-edit-grid select{margin:0}.menu-active{display:flex!important;margin:0!important;font-size:.8rem;white-space:nowrap}@media(max-width:900px){.menu-edit-grid{grid-template-columns:1fr}.menu-sort li{align-items:flex-start}}
.section.compact{padding:34px 0;min-height:auto}.frontend-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.gallery-item,.feature-image button{border:0;padding:0;background:none;cursor:zoom-in;border-radius:16px;overflow:hidden}.gallery-item{aspect-ratio:4/3}.gallery-item img,.feature-image img{width:100%;height:100%;object-fit:cover;display:block}.feature-image{margin:0}.feature-image button{width:100%;max-height:680px}.feature-image figcaption{text-align:center;opacity:.65;margin-top:8px}.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.content-notice{padding:20px 24px;border-left:5px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-radius:0 var(--radius) var(--radius) 0}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;background:#101410ef;z-index:100;display:grid;place-items:center;padding:30px}.lightbox img{max-width:min(1200px,94vw);max-height:84vh;border-radius:12px}.lightbox p{color:#fff;margin:10px 0 0}.lightbox-close{position:absolute;top:20px;right:24px;border:0;background:#fff1;color:#fff;width:46px;height:46px;border-radius:50%;font-size:2rem;cursor:pointer}@media(max-width:760px){.content-columns{grid-template-columns:1fr}.frontend-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
/* Updater */
.update-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.update-panel{min-height:300px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.panel-title>div{display:flex;gap:12px;align-items:flex-start}.panel-title h2{margin:0 0 4px}.panel-title p{margin:0;opacity:.62}.update-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary) 13%,#fff);color:var(--primary);font-size:1.3rem;font-weight:900}.version-pill{padding:8px 12px;border:1px solid #d9e0d6;border-radius:99px;background:#fff;font-weight:800}.inline-actions{margin-top:20px}.update-release{margin:18px 0;padding:16px;border-radius:14px;background:#f5f7f3;border:1px solid #dfe5dc}.update-release.available{border-color:color-mix(in srgb,var(--primary) 35%,#dfe5dc);background:color-mix(in srgb,var(--accent) 9%,#fff)}.update-release>div{display:flex;justify-content:space-between;gap:12px}.update-release small,.update-ready span,.update-ready small{display:block;opacity:.62}.update-release p{margin:12px 0 0}.update-drop{position:relative;min-height:180px;border:2px dashed #c8d3c4;border-radius:16px;background:#f8faf7;display:grid;place-items:center;align-content:center;text-align:center;transition:.18s}.update-drop.dragover{border-color:var(--primary);background:#eef4eb}.update-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.update-drop span{opacity:.6}.update-progress{margin-top:16px}.update-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.update-ready{margin:16px 0;padding:15px;border-radius:14px;background:#e7f4e7;color:#214e2b}.update-ready p{margin:8px 0}.update-ready small{overflow-wrap:anywhere}.update-settings{margin-bottom:20px}.trust-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 10px}.trust-head small{display:block;opacity:.6}.trust-list{display:grid;gap:8px;margin-bottom:12px}.trust-row{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(280px,1fr) auto;gap:8px}.trust-row input{width:100%;border:1px solid #ccd4c8;background:#fff;border-radius:10px;padding:11px 12px}.button.secondary{background:#edf1eb;color:#273329}.help{font-size:.85rem;opacity:.7}.help code{overflow-wrap:anywhere}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px 10px;border-bottom:1px solid #e2e7df;text-align:left;white-space:nowrap}.admin-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;opacity:.58}.danger{border:0;border-radius:9px;background:#f8e6e4;color:#8a3029;padding:8px 11px;cursor:pointer}
@media(max-width:1000px){.update-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.panel-title{flex-wrap:wrap}}@media(max-width:700px){.update-release>div,.update-progress>div:first-child,.trust-head{display:grid}.version-pill{align-self:flex-start}}
.code-list{display:grid;gap:8px}.code-list code{display:block;padding:10px 12px;border:1px solid var(--border,#dfe5dc);border-radius:10px;background:var(--surface-soft,#f6f8f3);overflow:auto}.readonly-update-config{display:grid;gap:6px}.readonly-update-config p{margin:0}
.notice.warn{background:#fff0d5;color:#7b5410}

/* 1.1.3 Style-, Layout-, Boxen- und Widget-Framework */
h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);}.panel,.card,.frontend-box{box-shadow:var(--theme-shadow)}
.site-region{width:min(calc(100% - 40px),var(--content));margin-inline:auto}.site-region:empty{display:none}.site-region.region-header-top,.site-region.region-header-after,.site-region.region-footer-top{padding-block:14px}.site-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--layout-gap);align-items:start}.site-layout.has-left{grid-template-columns:var(--layout-left) minmax(0,1fr)}.site-layout.has-right{grid-template-columns:minmax(0,1fr) var(--layout-right)}.site-layout.has-left.has-right{grid-template-columns:var(--layout-left) minmax(0,1fr) var(--layout-right)}.site-layout-main{min-width:0}.frontend-sidebar{display:grid;gap:18px;padding-block:34px;position:sticky;top:calc(var(--header-height) + 20px)}.frontend-region-content{display:grid;gap:18px}.frontend-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.frontend-box.box-style-plain{background:transparent;border:0;box-shadow:none;padding:0}.frontend-box.box-style-accent{background:color-mix(in srgb,var(--accent) 14%,var(--surface));border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.frontend-box.box-style-outline{background:transparent;box-shadow:none;border:2px solid var(--primary)}.box-title{margin:0 0 14px;font-size:1.12rem}.box-widgets{display:grid;gap:16px}.frontend-widget+.frontend-widget{padding-top:14px;border-top:1px solid var(--border)}.frontend-widget h4{margin:0 0 8px}.widget-menu ul,.widget-link-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}.widget-menu ul ul{padding:7px 0 0 14px}.widget-menu a,.widget-link-list a{display:block;padding:5px 0;color:var(--text)}.widget-menu a:hover,.widget-link-list a:hover{color:var(--primary)}.widget-contact{display:grid;gap:6px}.widget-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.widget-media-grid a{aspect-ratio:1;border-radius:10px;overflow:hidden}.widget-media-grid img,.widget-image img{width:100%;height:100%;object-fit:cover;display:block}.widget-image{margin:0}.widget-image a{display:block;overflow:hidden;border-radius:12px}.widget-image figcaption{font-size:.82rem;color:var(--muted);margin-top:6px}.footer-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}
.style-selector{display:flex;gap:10px;align-items:stretch;overflow:auto;padding-bottom:10px;margin-bottom:18px}.style-card{min-width:210px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface)}.style-card.selected{outline:2px solid var(--primary);outline-offset:1px}.style-card.active-style{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.style-card small{display:block;color:var(--muted)}.style-swatch{width:34px;height:34px;border-radius:10px;background:var(--swatch);box-shadow:inset 0 0 0 1px #0001}.style-new{display:flex;align-items:center;gap:7px;min-width:280px}.style-new input{margin:0}.style-head{display:flex;gap:16px;justify-content:space-between;align-items:end}.style-head>label{flex:1}.style-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.preview-box{display:grid;gap:4px;margin-top:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}
.menu-category-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.menu-category-tab{min-width:180px;padding:11px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.menu-category-tab.active{border-color:var(--primary);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.menu-category-tab small{display:block;color:var(--muted)}.stacked-panels{display:grid;gap:18px}.empty-state{display:grid;gap:4px;text-align:center;padding:26px;border:1px dashed var(--border);border-radius:14px;color:var(--muted)}.checkline,.check-row label{display:flex!important;gap:8px;align-items:center}.checkline input,.check-row input{width:auto!important;margin:0}.wide{width:100%}
.layout-settings{margin-bottom:18px}.layout-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;align-items:end}.toggle-card{display:flex!important;align-items:center;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;margin:0!important}.toggle-card input{width:auto!important;margin:0!important}.toggle-card strong,.toggle-card small{display:block}.toggle-card small{color:var(--muted)}.layout-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.layout-region{border:1px solid var(--border);border-radius:16px;background:color-mix(in srgb,var(--surface) 82%,var(--bg));overflow:hidden}.layout-region>header{display:grid;padding:13px 15px;border-bottom:1px solid var(--border)}.layout-region>header small{color:var(--muted)}.layout-box-drop{min-height:110px;padding:12px;display:grid;align-content:start;gap:10px}.layout-box-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:10px;cursor:grab;box-shadow:0 5px 18px #0000000b}.layout-box-card.dragging,.widget-chip.dragging{opacity:.4}.layout-box-head{display:flex;align-items:center;gap:9px}.layout-box-head small,.widget-chip small{display:block;color:var(--muted)}.widget-drop{min-height:40px;display:grid;gap:6px;margin-top:9px;padding:7px;border-radius:9px;background:color-mix(in srgb,var(--bg) 65%,transparent)}.widget-chip{display:flex;align-items:center;gap:8px;padding:8px 9px;background:var(--surface);border:1px solid var(--border);border-radius:9px;cursor:grab}.layout-savebar{position:sticky;bottom:12px;z-index:9;margin:14px auto 24px;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:14px;box-shadow:var(--theme-shadow)}.layout-admin-grid{align-items:start}.box-editor,.widget-editor{padding:15px 0;border-bottom:1px solid var(--border)}.box-editor:last-child,.widget-editor:last-child{border-bottom:0}.box-editor-head,.widget-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.check-row{display:flex;gap:18px;margin:8px 0 12px}.widget-editor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.widget-editor{border:1px solid var(--border);border-radius:14px;padding:14px}.widget-editor-head small{display:block;color:var(--muted)}[data-for-widget][hidden]{display:none!important}
@media(max-width:1100px){.layout-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-layout.has-left.has-right{grid-template-columns:minmax(0,1fr) var(--layout-right)}.site-layout.has-left.has-right>.sidebar-left{display:none}.layout-board{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.site-layout,.site-layout.has-left,.site-layout.has-right,.site-layout.has-left.has-right{display:block}.frontend-sidebar{position:static;padding-block:16px}.layout-board{grid-template-columns:1fr}.style-head,.layout-savebar{align-items:stretch;display:grid}.layout-settings-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.layout-settings-grid{grid-template-columns:1fr}.style-actions{display:grid}.style-new{min-width:240px}.site-region{width:min(calc(100% - 28px),var(--content))}}
.submenu-nested{padding-left:14px;border-left:1px solid var(--border);margin-left:8px}.footer-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer-menu ul ul{padding-left:12px}.footer-menu a{display:block}.footer-legal-links{display:grid;gap:6px}.footer-legal-links a{display:block}.site-layout.has-left .hero h1,.site-layout.has-right .hero h1{font-size:clamp(2.2rem,5vw,4.2rem)}

/* 1.1.5 Style-Paketverwaltung, CSS-Editor und Chunk-Uploader */
.style-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.style-tabs a{padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-weight:750}.style-tabs a.active{background:var(--primary);border-color:var(--primary);color:#fff}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.style-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:18px}.style-library-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px #0000000a}.style-library-card.is-active{outline:2px solid var(--primary);outline-offset:2px}.style-library-card.is-selected{box-shadow:0 14px 38px color-mix(in srgb,var(--primary) 16%,transparent)}.style-preview{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg),var(--surface));overflow:hidden}.style-preview img{width:100%;height:100%;display:block;object-fit:cover}.style-preview-placeholder{width:100%;height:100%;background:radial-gradient(circle at 75% 30%,color-mix(in srgb,var(--a) 55%,transparent),transparent 25%),linear-gradient(135deg,color-mix(in srgb,var(--p) 18%,#fff),#fff 45%,color-mix(in srgb,var(--a) 18%,#fff))}.style-status{position:absolute;right:12px;top:12px;background:var(--primary);color:#fff;border-radius:999px;padding:6px 10px;font-weight:800;font-size:.78rem;box-shadow:0 6px 18px #0002}.style-library-body{display:grid;gap:12px;padding:16px}.style-library-body h3{margin:0;font-size:1.15rem}.style-library-body p{margin:4px 0 0;color:var(--muted);font-size:.92rem}.style-meta{display:flex;gap:7px;flex-wrap:wrap}.style-meta span{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--bg) 75%,var(--surface));border:1px solid var(--border);font-size:.74rem;color:var(--muted)}.style-card-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.style-card-actions form{display:flex;gap:7px;flex-wrap:wrap}.style-context{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px;padding:11px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));border:1px solid var(--border)}.style-context span{color:var(--muted);font-size:.88rem}.editor-preview-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:16px;border:1px solid var(--border)}.code-editor,.style-code-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace!important;tab-size:2;line-height:1.55}.style-code-editor{width:100%;min-height:58vh;border:1px solid var(--border);border-radius:14px;padding:16px;background:#111815;color:#e8f0ea;resize:vertical;white-space:pre;overflow:auto}.style-code-editor.compact{min-height:220px}.css-editor-form{display:grid;gap:18px}.sticky-save{position:sticky;bottom:12px;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);box-shadow:var(--theme-shadow)}.style-upload-panel{display:grid;gap:16px}.package-format{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-weight:800}.style-dropzone{position:relative;display:grid;place-items:center;min-height:230px;text-align:center;border:2px dashed color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:20px;background:color-mix(in srgb,var(--surface) 75%,var(--bg));transition:.18s ease}.style-dropzone.dragover{border-color:var(--primary);background:color-mix(in srgb,var(--accent) 12%,var(--surface));transform:translateY(-1px)}.style-dropzone strong,.style-dropzone span{display:block}.style-dropzone strong{font-size:1.15rem}.style-dropzone span{color:var(--muted);margin-top:5px}.style-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-activate{margin:0!important}.style-upload-row{display:grid;gap:7px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.style-upload-row .progress{height:9px;border-radius:999px;background:color-mix(in srgb,var(--border) 65%,var(--bg));overflow:hidden}.style-upload-row .progress span{display:block;height:100%;width:0;background:var(--primary);transition:width .15s ease}.style-upload-row small{color:var(--muted)}.style-upload-row.error{border-color:#c75b5b}.style-upload-row.success{border-color:#5b9b70}.package-tree{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.package-tree code{padding:7px 10px;border-radius:8px;background:#111815;color:#e8f0ea}
@media(max-width:760px){.panel-head,.style-context,.sticky-save{display:grid}.style-library{grid-template-columns:1fr}.style-tabs{display:grid;grid-template-columns:1fr 1fr}.style-card-actions,.style-card-actions form{display:grid;grid-template-columns:1fr 1fr}.style-code-editor{min-height:50vh}}

/* Style asset browser */
.style-asset-panel{margin-top:20px;padding-top:18px;border-top:1px solid #00000012}.style-asset-panel h3{margin:0 0 12px}.style-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-asset-grid figure{margin:0;background:#f7f8f5;border:1px solid #dfe5dc;border-radius:12px;overflow:hidden}.style-asset-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.style-asset-grid figcaption{padding:7px 9px;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-asset-grid code{font-size:.7rem}
@media(max-width:760px){.style-asset-grid{grid-template-columns:1fr}}

/* Global frontend shell 1.1.6 */
.global-site-header{width:100%}.global-hero{width:100%}.global-hero .hero-copy{max-width:720px}.auth-section{padding:70px 0 90px;background:color-mix(in srgb,var(--bg) 88%,var(--surface))}.auth-section .login-card{margin:0 auto}.error-page .section{min-height:36vh}.site-layout-main>.section:first-child{padding-top:70px}.global-hero+.site-layout .site-layout-main>.section:first-child{padding-top:70px}
.panel-separator{border:0;border-top:1px solid var(--border);margin:28px 0}.form-grid .span-2{grid-column:1/-1}
.stack-panels{display:grid;gap:18px}.stack-panels .panel{margin:0}
.content-linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.content-linkcard{position:relative;display:grid;gap:5px;min-height:105px;padding:18px 46px 18px 18px;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border));border-radius:calc(var(--radius) * .72);background:color-mix(in srgb,var(--surface) 94%,var(--secondary));box-shadow:0 10px 28px #00000008}.content-linkcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 36%,var(--border))}.content-linkcard span{font-size:.86rem;color:var(--muted)}.content-linkcard b{position:absolute;right:18px;top:50%;translate:0 -50%;font-size:1.2rem;color:var(--primary)}.small-lead{font-size:1rem}
.global-hero[style*="background-image"]{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.global-hero[style*="background-image"]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94%,transparent) 0 44%,color-mix(in srgb,var(--surface) 45%,transparent) 72%,transparent)}.global-hero[style*="background-image"] .hero-inner{position:relative;z-index:1}.global-hero[style*="background-image"] .orb{opacity:.2}

.main-nav .nav-label{display:inline!important;visibility:visible!important;opacity:1!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;text-indent:0!important;white-space:nowrap!important}.main-nav a[href*="ueber-uns"] .nav-label{display:inline!important;visibility:visible!important;opacity:1!important}


/* Hero action contrast hardening 1.1.10 */
html body.frontend .global-hero[data-global-hero="1"] .hero-actions,
html body.frontend .hero .hero-actions{display:flex!important;visibility:visible!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-action,
html body.frontend .hero .hero-actions a.btn.hero-action{opacity:1!important;visibility:visible!important;filter:none!important;mix-blend-mode:normal!important;text-decoration:none!important;text-indent:0!important;isolation:isolate;font-size:1rem!important;line-height:1.2!important;min-height:46px!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-primary,
html body.frontend .hero .hero-actions a.btn.hero-primary{background:var(--primary)!important;color:#fff!important;border:1px solid var(--primary)!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-secondary,
html body.frontend .hero .hero-actions a.btn.hero-secondary{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--primary) 48%,var(--border))!important;box-shadow:0 8px 24px #00000012!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-action .hero-action-label,
html body.frontend .hero .hero-actions a.btn.hero-action .hero-action-label{display:inline!important;visibility:visible!important;opacity:1!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-indent:0!important;text-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;-webkit-text-fill-color:currentColor!important;color:inherit!important;white-space:nowrap!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-primary .hero-action-label,
html body.frontend .hero .hero-actions a.btn.hero-primary .hero-action-label{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-secondary .hero-action-label,
html body.frontend .hero .hero-actions a.btn.hero-secondary .hero-action-label{color:var(--primary)!important;-webkit-text-fill-color:var(--primary)!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-secondary:hover,
html body.frontend .hero .hero-actions a.btn.hero-secondary:hover{background:var(--primary)!important;color:#fff!important}
html body.frontend .global-hero[data-global-hero="1"] .hero-actions a.btn.hero-secondary:hover .hero-action-label,
html body.frontend .hero .hero-actions a.btn.hero-secondary:hover .hero-action-label{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* 1.2.0 – Menüs, Benutzerkonto und hierarchischer Seitenmanager */
.main-nav .header-menu{position:relative}.main-nav .header-menu>.menu-level{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none}.menu-render .menu-level{list-style:none;margin:0;padding:0}.menu-render .menu-entry{position:relative}.menu-render .menu-link{display:flex;align-items:center;gap:6px}.menu-render .submenu-toggle{border:0;background:transparent;color:inherit;cursor:pointer;line-height:1;padding:7px;border-radius:8px}.main-nav .menu-entry{display:flex;align-items:center}.main-nav .menu-submenu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;min-width:235px;padding:8px;background:var(--surface);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:14px;box-shadow:0 18px 45px #0002;display:none}.main-nav .menu-submenu .menu-level{display:grid;gap:2px}.main-nav .menu-submenu .menu-entry{display:flex;align-items:center;min-width:0}.main-nav .menu-submenu .menu-submenu{top:-8px;left:calc(100% + 6px)}.main-nav .menu-trigger-hover .menu-entry:hover>.menu-submenu,.main-nav .menu-trigger-hover .menu-entry:focus-within>.menu-submenu,.main-nav .menu-entry.submenu-open>.menu-submenu{display:block}.main-nav .menu-mode-mega>.menu-level>.menu-entry>.menu-submenu{min-width:min(720px,80vw)}.main-nav .menu-mode-mega>.menu-level>.menu-entry>.menu-submenu>.menu-level{grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}.menu-mode-pills>.menu-level{display:flex;gap:8px;flex-wrap:wrap}.menu-mode-pills>.menu-level>.menu-entry>.menu-link{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border))}.widget-menu .menu-level,.widget-submenu .menu-level,.widget-page-submenu .menu-level{display:grid;gap:5px}.widget-menu .menu-link,.widget-submenu .menu-link,.widget-page-submenu .menu-link{padding:8px 10px;border-radius:9px}.widget-menu .menu-link:hover,.widget-submenu .menu-link:hover,.widget-page-submenu .menu-link:hover{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--primary)}.widget-page-submenu h4{margin:.1rem 0 .8rem}.content-subpages{padding:20px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,var(--secondary))}
.frontend-user-menu{position:relative}.frontend-user-menu summary{cursor:pointer;list-style:none;font-weight:750}.frontend-user-menu summary::-webkit-details-marker{display:none}.frontend-user-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:190px;display:grid;padding:8px;border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 14px 40px #0002;border:1px solid var(--border)}.frontend-user-dropdown a,.frontend-user-dropdown button{display:block;width:100%;padding:9px 10px;border:0;border-radius:8px;text-align:left;background:transparent;color:inherit;cursor:pointer}.frontend-user-dropdown a:hover,.frontend-user-dropdown button:hover{background:color-mix(in srgb,var(--accent) 15%,transparent)}.frontend-user-dropdown form{margin:0}.topline-user{display:flex;align-items:center;gap:12px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-groups{margin-top:18px}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.auth-help{text-align:center;margin:14px 0 0}
.page-tree,.page-tree-children{list-style:none;margin:0;padding:0}.page-tree-children{margin-left:34px;padding-left:16px;border-left:2px solid color-mix(in srgb,var(--primary) 14%,var(--border));min-height:8px}.page-tree-item{margin:7px 0}.page-tree-item.dragging{opacity:.42}.page-tree-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:.15s ease}.page-tree-row.drop-inside{border-color:var(--primary);background:color-mix(in srgb,var(--accent) 13%,var(--surface));box-shadow:inset 4px 0 0 var(--primary)}.page-tree-title{min-width:0;flex:1}.page-tree-title strong,.page-tree-title small{display:block}.page-tree-title small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-tree-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-root-drop{margin-bottom:12px;padding:12px;text-align:center;border:2px dashed var(--border);border-radius:12px;color:var(--muted);background:color-mix(in srgb,var(--bg) 72%,var(--surface))}.page-root-drop.dragover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.page-drag{font-size:1.15rem;user-select:none}
@media(min-width:1101px){.menu-render[data-show-desktop="0"]{display:none!important}}
@media(max-width:1100px){.menu-render[data-show-mobile="0"]{display:none!important}.main-nav.open{display:grid;gap:8px}.main-nav .header-menu>.menu-level{display:grid}.main-nav .menu-entry{display:grid;grid-template-columns:minmax(0,1fr) auto}.main-nav .menu-submenu,.main-nav .menu-submenu .menu-submenu{position:static;grid-column:1/-1;box-shadow:none;border:0;padding:3px 0 3px 14px;background:transparent;display:none}.main-nav .menu-entry.submenu-open>.menu-submenu{display:block}.main-nav .menu-trigger-hover .menu-entry:hover>.menu-submenu{display:none}.main-nav .menu-trigger-hover .menu-entry.submenu-open>.menu-submenu{display:block}.main-nav .menu-mode-mega>.menu-level>.menu-entry>.menu-submenu>.menu-level{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-tree-children{margin-left:16px;padding-left:8px}.page-tree-row{display:grid;grid-template-columns:auto minmax(0,1fr)}.page-tree-actions{grid-column:1/-1}.page-tree-actions .button,.page-tree-actions .danger{flex:1}.topline .wrap{gap:12px}.topline> .wrap>span{max-width:62%}}

/* 1.2.1 – globales Seitenlogo und zentrierter, gestapelter Header */
body.frontend .header-main-stacked{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--header-logo-menu-gap);min-height:var(--header-height);padding:var(--header-vertical-padding) 0;width:min(calc(100% - 40px),var(--content))}
body.frontend .site-brand{margin:0 auto;justify-content:center;text-align:center;max-width:100%;min-width:0}
body.frontend .site-brand.has-site-logo{display:flex;width:100%}
body.frontend .site-brand .site-logo{display:block;width:min(var(--site-logo-width),100%);height:auto;max-height:var(--site-logo-max-height);object-fit:contain;object-position:center;margin:0 auto}
body.frontend .site-brand.has-brand-fallback{display:flex;flex-direction:column;gap:7px}
body.frontend .site-brand.has-brand-fallback .brand-copy{text-align:center}
body.frontend .header-navigation-row{position:relative;width:100%;display:flex;align-items:center;justify-content:center}
body.frontend .header-navigation-row .main-nav{margin-left:0;justify-content:center;width:100%}
body.frontend .header-navigation-row .nav-toggle{margin:0 auto}
.header-logo-admin-preview{margin:18px 0 26px;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,var(--secondary));text-align:center;box-shadow:var(--theme-shadow)}
.header-logo-preview-brand{min-height:90px;display:flex;align-items:center;justify-content:center;gap:12px}.header-logo-preview-brand img{display:block;max-width:min(420px,85%);max-height:150px;width:auto;height:auto;object-fit:contain}.header-logo-preview-brand strong{font-size:1.35rem}.header-logo-preview-menu{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.header-logo-preview-menu span{padding:7px 10px;border-radius:9px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));font-size:.86rem}.header-logo-form small{font-weight:400}.header-logo-form input[type=file]{padding:9px;background:var(--surface)}
@media(max-width:1100px){body.frontend .header-main-stacked{padding:clamp(12px,var(--header-vertical-padding),28px) 0;gap:clamp(10px,var(--header-logo-menu-gap),24px)}body.frontend .site-brand .site-logo{width:min(var(--site-logo-width),72vw);max-height:min(var(--site-logo-max-height),100px)}body.frontend .header-navigation-row .main-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);width:100%;margin:0;background:var(--surface);padding:14px;border-radius:14px;box-shadow:0 20px 50px #0002}body.frontend .header-navigation-row .main-nav.open{display:grid}.header-logo-preview-menu{gap:5px}}
@media(max-width:760px){body.frontend .header-main-stacked{width:min(calc(100% - 28px),var(--content));min-height:0}body.frontend .site-brand .site-logo{width:min(var(--site-logo-width),78vw);max-height:min(var(--site-logo-max-height),84px)}body.frontend .site-brand.has-brand-fallback .brand-mark{width:40px;height:40px}.header-logo-admin-preview{padding:18px}.header-logo-preview-menu{display:none}}


/* 1.2.2 – scrollbare ACP-Navigation */
body.acp .sidebar{overflow:hidden}
body.acp .sidebar>.brand.inverse{flex:0 0 auto}
body.acp .sidebar-nav{display:grid;gap:5px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 7px 14px 0;margin-right:-7px;scroll-behavior:smooth;outline:none}
body.acp .sidebar-nav:focus-visible{box-shadow:inset 0 0 0 2px #ffffff2e;border-radius:10px}
body.acp .sidebar-nav::-webkit-scrollbar{width:8px}
body.acp .sidebar-nav::-webkit-scrollbar-track{background:transparent}
body.acp .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2b;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
body.acp .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff45;border:2px solid transparent;background-clip:padding-box}
body.acp .sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent}
body.acp .sidebar-scroll-tools{display:none;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:7px;padding:10px 0 2px}
body.acp .sidebar-scroll-tools.visible{display:grid}
body.acp .sidebar-scroll-tools button{border:1px solid #ffffff18;background:#ffffff0c;color:#eaf2e8;border-radius:9px;padding:5px 8px;line-height:1.2;cursor:pointer}
body.acp .sidebar-scroll-tools button:hover:not(:disabled){background:#ffffff18;color:#fff}
body.acp .sidebar-scroll-tools button:disabled{opacity:.28;cursor:default}
body.acp .sidebar-bottom{flex:0 0 auto;margin-top:10px}
@media(max-width:760px){body.acp .sidebar{height:100dvh;max-height:100dvh;padding-bottom:max(18px,env(safe-area-inset-bottom))}body.acp .sidebar-nav{-webkit-overflow-scrolling:touch}}

/* 1.2.4 – vollständiger Responsive-Durchgang für ACP und Editoren */
body.acp{overflow-x:hidden}
body.acp .admin-main,body.acp .admin-content,body.acp .panel,body.acp .card{min-width:0}
body.acp img,body.acp video,body.acp svg,body.acp canvas{max-width:100%;height:auto}
body.acp input,body.acp select,body.acp textarea,body.acp button{max-width:100%}
body.acp .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
body.acp .page-head{flex-wrap:wrap}
body.acp .page-head>div{min-width:0}
body.acp .panel p,body.acp .panel small,body.acp .panel code,body.acp td,body.acp th{overflow-wrap:anywhere}
.footer-copyright-preview{display:grid;gap:8px;margin:18px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,var(--secondary))}.footer-copyright-preview>a{display:flex;gap:.35em;flex-wrap:wrap;color:var(--primary);font-weight:600}.footer-copyright-preview>b{font-size:.86rem;color:var(--muted)}
@media(max-width:1280px){body.acp .acp{grid-template-columns:230px minmax(0,1fr)}body.acp .sidebar{padding-inline:14px}.admin-content{padding:24px}.builder-layout{grid-template-columns:minmax(0,1fr) 300px}.layout-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1020px){body.acp .acp{display:block}.sidebar{position:fixed!important;left:-286px;top:0;bottom:0;z-index:80;width:270px!important;height:100dvh!important;max-height:100dvh;transition:left .2s ease;box-shadow:18px 0 50px #0003}.sidebar.open{left:0!important}.sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:44px;height:44px;margin-right:auto;border:0;border-radius:10px;background:#eef2eb;font-size:1.35rem;cursor:pointer}.admin-top{padding:0 18px}.admin-content{padding:22px}.builder-layout{grid-template-columns:1fr!important}.sticky{position:static!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-board{grid-template-columns:1fr!important}.layout-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-library{grid-template-columns:repeat(2,minmax(0,1fr))}.update-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){body.acp .admin-top{height:62px;padding-inline:12px}.admin-content{padding:14px}.page-head{display:grid!important;grid-template-columns:1fr;gap:12px}.page-head h1{font-size:clamp(1.55rem,7vw,2rem)!important}.page-head>.button,.page-head>a.button{width:100%;justify-content:center}.stat-grid,.form-grid,.color-grid,.layout-settings-grid,.account-grid{grid-template-columns:1fr!important}.panel,.card,.stat{padding:18px}.stat strong{font-size:2rem}.builder-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.builder-tools button{width:100%}.menu-sort li{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start!important}.menu-sort li>.danger{grid-column:1/-1;width:100%}.menu-edit-grid{grid-template-columns:1fr!important;width:100%}.inline{display:flex!important;margin:6px 0 0!important;flex-wrap:wrap}.table-wrap table{min-width:680px}.trust-row{grid-template-columns:1fr!important}.layout-savebar,.sticky-save,.panel-head,.style-context{display:grid!important;align-items:stretch!important}.layout-savebar .btn,.sticky-save .btn{width:100%}.style-library{grid-template-columns:1fr!important}.style-tabs{grid-template-columns:1fr 1fr!important}.style-tabs a{text-align:center}.style-card-actions,.style-card-actions form{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%}.style-card-actions .button,.style-card-actions .danger{width:100%}.widget-editor-grid{grid-template-columns:1fr!important}.check-row{display:grid!important;gap:8px!important}.compressor{grid-template-columns:1fr!important}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dropzone,.style-dropzone{min-height:150px!important}.codebox{max-width:100%;overflow:auto}.codebox pre{min-width:max-content}.footer-copyright-preview{padding:14px}.sidebar{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(max-width:480px){body.acp .admin-content{padding:10px}.panel,.card,.stat{padding:15px;border-radius:14px}.builder-tools{grid-template-columns:1fr}.style-tabs{grid-template-columns:1fr!important}.style-card-actions,.style-card-actions form{grid-template-columns:1fr!important}.media-grid{grid-template-columns:1fr}.page-tree-children{margin-left:10px!important;padding-left:6px!important}.page-tree-row{padding:9px!important}.page-tree-actions{display:grid!important;grid-template-columns:1fr!important}.page-tree-actions .button,.page-tree-actions .danger{width:100%}.admin-top div{max-width:68vw}.admin-top strong,.admin-top span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){body.acp *,body.acp *:before,body.acp *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}

/* 1.2.4 – Mobile ACP drawer/backdrop and touch ergonomics */
body.acp .acp-sidebar-backdrop{display:none;position:fixed;inset:0;z-index:70;border:0;background:#10171080;backdrop-filter:blur(2px);cursor:pointer}
body.acp .acp-sidebar-backdrop.visible{display:block}
body.acp.acp-menu-open{overflow:hidden}
body.acp .sidebar-toggle{touch-action:manipulation}
@media(max-width:1020px){body.acp .sidebar{overscroll-behavior:contain}body.acp .sidebar-toggle{flex:0 0 44px}body.acp .admin-top{gap:12px;justify-content:space-between}body.acp .admin-top>div{margin-left:auto}}
@media(max-width:760px){body.acp .button,body.acp .btn,body.acp .danger,body.acp button{min-height:42px;touch-action:manipulation}body.acp input,body.acp select,body.acp textarea{font-size:16px}body.acp .panel-head>.button,body.acp .panel-head>a.button{width:100%;justify-content:center}body.acp .permission-grid{grid-template-columns:1fr!important}body.acp .group-checks{grid-template-columns:1fr!important}body.acp .stack-panels,body.acp .stacked-panels{gap:14px!important}body.acp .diagnostic-step{grid-template-columns:auto minmax(0,1fr)!important}body.acp .smtp-results{overflow-wrap:anywhere}body.acp .menu-category-tabs{overflow-x:auto;display:flex!important;flex-wrap:nowrap!important;padding-bottom:4px;-webkit-overflow-scrolling:touch}body.acp .menu-category-tabs>*{flex:0 0 auto}body.acp .layout-region{min-width:0}body.acp .layout-box-card,body.acp .widget-editor{max-width:100%}}
@media(max-width:480px){body.acp .admin-top>div{max-width:58vw!important}body.acp .menu-category-tabs{margin-inline:-10px;padding-inline:10px}body.acp .footer-copyright-preview>a{font-size:.9rem}}

/* 1.2.4 – Zugriffsstatistik / Besucherzähler */
.analytics-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.analytics-filter{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:12px;align-items:end;margin:0 0 18px}.analytics-filter label{margin:0}.analytics-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #0000000b}.analytics-row:last-child{border-bottom:0}.analytics-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-settings{margin-top:20px}.analytics-danger{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #0000000d}.inline-form{display:flex;align-items:center;gap:8px}.inline-form input{width:110px}.analytics-detail-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:20px}.detail-list{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 16px;margin:0}.detail-list dt{font-weight:800;color:var(--muted)}.detail-list dd{margin:0}.break-anywhere{overflow-wrap:anywhere}.visitor-timeline{display:grid;gap:0}.visitor-step{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:13px 0;border-bottom:1px solid #0000000c}.visitor-step time{font-variant-numeric:tabular-nums;color:var(--muted)}.visitor-step strong,.visitor-step small{display:block}.visitor-step small{opacity:.62;margin-top:3px}.widget-visitor-counter{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border))}.widget-visitor-counter strong{font-size:1.7rem;color:var(--primary);line-height:1}.widget-visitor-counter span{font-size:.9rem;color:var(--muted)}
@media(max-width:1100px){body.acp .analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.acp .analytics-grid,body.acp .analytics-detail-grid{grid-template-columns:1fr}body.acp .analytics-filter{grid-template-columns:1fr 1fr}body.acp .analytics-filter .button{grid-column:1/-1}}
@media(max-width:680px){body.acp .analytics-stat-grid{grid-template-columns:1fr 1fr}body.acp .analytics-filter{grid-template-columns:1fr}body.acp .analytics-filter .button{grid-column:auto}body.acp .detail-list{grid-template-columns:1fr;gap:2px}body.acp .detail-list dd{margin-bottom:10px}body.acp .visitor-step{grid-template-columns:72px 1fr}body.acp .analytics-danger{display:grid}body.acp .inline-form{display:grid;grid-template-columns:100px minmax(0,1fr)}body.acp .inline-form:last-child{grid-template-columns:1fr}}

/* 1.2.6 – responsive Footer-Besucherstatistik mit vier auswählbaren Ansichten */
.visitor-stats-footer-box{width:100%;max-width:none!important;margin-inline:auto;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.visitor-stats-footer-box>.box-widgets{width:100%}.widget-visitor_stats{width:100%;display:flex;justify-content:center;min-width:0}.visitor-stats-card{box-sizing:border-box;width:var(--vs-width,100%);max-width:min(var(--vs-max-width,1200px),100%);min-height:var(--vs-min-height,0);margin-inline:auto;padding:var(--vs-padding,18px);border-radius:22px;overflow:hidden;container-type:inline-size;position:relative}.visitor-stats-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.visitor-stats-head h4{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.1}.visitor-stats-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.72}.visitor-stats-grid{display:grid;grid-template-columns:repeat(var(--vs-cols-d,5),minmax(0,1fr));grid-template-rows:repeat(var(--vs-rows-d,2),auto);gap:var(--vs-gap,10px);min-width:0}.visitor-stat-item{min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:center}.visitor-stat-label{font-size:var(--vs-label-size,13px);line-height:1.25;overflow-wrap:anywhere}.visitor-stat-value{font-size:var(--vs-number-size,28px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.visitor-stats-updated{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px;font-size:clamp(.72rem,1.6vw,.84rem);opacity:.75;text-align:center;flex-wrap:wrap}.visitor-stats-updated strong{font-weight:800}.visitor-stats-layout-1{color:#f9fff9;background:linear-gradient(135deg,#153f2e,#245e44 55%,#2f7452);border:1px solid #ffffff1e;box-shadow:0 16px 38px #0b241a38}.visitor-stats-layout-1:before{content:"";position:absolute;inset:auto -5% -55% 40%;height:180px;background:radial-gradient(ellipse at center,#8ec59c2c,transparent 68%);pointer-events:none}.visitor-stats-layout-1 .visitor-stat-item{padding:12px 14px;border-radius:13px;background:#ffffff0c;border:1px solid #ffffff14}.visitor-stats-layout-1 .visitor-stat-label{color:#e0eee4}.visitor-stats-layout-1 .visitor-stat-value{color:#fff}.visitor-stats-layout-1 .visitor-stat-total{background:#dbead6;color:#173c2c}.visitor-stats-layout-1 .visitor-stat-total .visitor-stat-label,.visitor-stats-layout-1 .visitor-stat-total .visitor-stat-value{color:#173c2c}.visitor-stats-layout-2{color:#34504a;background:linear-gradient(145deg,#fffdf8,#f2eee3);border:1px solid #d9d4c6;box-shadow:0 14px 34px #3d4d4520}.visitor-stats-layout-2 .visitor-stats-head{padding-inline:4px}.visitor-stats-layout-2 .visitor-stat-item{padding:13px 14px;border-radius:16px;background:#fffefa;border:1px solid #e3ddd0;box-shadow:0 5px 14px #44564e10}.visitor-stats-layout-2 .visitor-stat-label{color:#5c716a}.visitor-stats-layout-2 .visitor-stat-value{color:#315947}.visitor-stats-layout-2 .visitor-stat-total{background:#e7ddbf;border-color:#d4c497}.visitor-stats-layout-3{color:#2d3c37;background:linear-gradient(105deg,#dedacb,#f1eee5 45%,#d5d1c3);border:1px solid #c2bdad;border-radius:18px;box-shadow:inset 0 1px #ffffffaa,0 14px 30px #272f2b1a}.visitor-stats-layout-3 .visitor-stats-grid{gap:0;border-radius:14px;overflow:hidden;border:1px solid #bdb7a7}.visitor-stats-layout-3 .visitor-stat-item{padding:14px 12px;background:#f7f4eb99;border-right:1px solid #c7c0b0;border-bottom:1px solid #c7c0b0}.visitor-stats-layout-3 .visitor-stat-value{color:#3d5b50}.visitor-stats-layout-3 .visitor-stat-label{color:#5a635f}.visitor-stats-layout-3 .visitor-stat-total{background:#cdc2a3}.visitor-stats-layout-4{color:#f8efd4;background:radial-gradient(circle at 15% 15%,#3e3d37,#22231f 55%,#161713);border:1px solid #9e874850;box-shadow:0 18px 44px #07080755}.visitor-stats-layout-4 .visitor-stats-kicker{color:#d6c27e}.visitor-stats-layout-4 .visitor-stat-item{padding:12px 14px;border-radius:13px;background:#ffffff08;border:1px solid #b9a66a30}.visitor-stats-layout-4 .visitor-stat-label{color:#d0c6a5}.visitor-stats-layout-4 .visitor-stat-value{color:#f6e4a1}.visitor-stats-layout-4 .visitor-stat-total{background:linear-gradient(135deg,#b69a4c,#7c6937);border-color:#ddc879}.visitor-stats-layout-4 .visitor-stat-total .visitor-stat-label,.visitor-stats-layout-4 .visitor-stat-total .visitor-stat-value{color:#fff9df}.visitor-widget-settings{grid-column:1/-1;display:grid;gap:18px}.visitor-responsive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.visitor-responsive-grid fieldset{margin:0;border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.visitor-responsive-grid legend{font-weight:800;padding:0 6px}.visitor-metric-editor{border:1px solid var(--border);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--surface) 92%,var(--primary) 8%)}.visitor-metric-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:12px}.visitor-metric-editor-head small{color:var(--muted)}.visitor-metric-list{display:grid;gap:8px}.visitor-metric-row{display:grid;grid-template-columns:34px 110px minmax(180px,1fr) minmax(150px,.65fr);gap:10px;align-items:end;padding:10px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.visitor-metric-row.dragging{opacity:.45}.visitor-metric-row .drag-handle{align-self:center;cursor:grab;font-size:1.25rem;text-align:center;color:var(--muted);user-select:none}.visitor-metric-row .check{align-self:center;margin:0}.visitor-metric-row label{margin:0}


/* 1.2.6 – dezente, ausschließlich im Footer verwendete Besucherstatistik */
.site-footer .footer-boxes{margin-top:clamp(18px,3vw,30px)}
.site-footer .visitor-stats-footer-box{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.site-footer .visitor-stats-footer-box>.box-widgets{display:block;width:100%}.site-footer .widget-visitor_stats{width:100%;margin:0;display:flex;justify-content:center}
.visitor-stats-card.visitor-stats-subtle{border-radius:12px!important;box-shadow:none!important;padding:var(--vs-padding,10px)!important}
.visitor-stats-subtle .visitor-stats-head{align-items:center;justify-content:center;margin:0 0 8px}.visitor-stats-subtle .visitor-stats-kicker{display:none}.visitor-stats-subtle .visitor-stats-head h4{font-size:clamp(.78rem,1.3vw,.92rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.78}
.visitor-stats-subtle .visitor-stats-grid{gap:var(--vs-gap,4px)}.visitor-stats-subtle .visitor-stat-item{min-height:0!important;padding:7px 9px!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;text-align:center;align-items:center;border:0!important;border-right:1px solid color-mix(in srgb,currentColor 12%,transparent)!important;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)!important}.visitor-stats-subtle .visitor-stat-label{font-size:var(--vs-label-size,11px);line-height:1.15;opacity:.62}.visitor-stats-subtle .visitor-stat-value{font-size:var(--vs-number-size,18px);font-weight:700;line-height:1.05;color:inherit!important}.visitor-stats-subtle .visitor-stat-total{background:transparent!important;color:inherit!important}.visitor-stats-subtle .visitor-stat-total .visitor-stat-label,.visitor-stats-subtle .visitor-stat-total .visitor-stat-value{color:inherit!important}.visitor-stats-subtle .visitor-stats-updated{margin-top:7px;padding-top:6px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);font-size:.69rem;opacity:.55}.visitor-stats-subtle:before{display:none!important}
.visitor-stats-layout-1.visitor-stats-subtle{background:color-mix(in srgb,#173f2e 42%,transparent)!important;color:#edf5ef!important;border:1px solid #ffffff14!important}.visitor-stats-layout-2.visitor-stats-subtle{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important}.visitor-stats-layout-3.visitor-stats-subtle{background:color-mix(in srgb,#d7d1c2 26%,transparent)!important;color:inherit!important;border:1px solid color-mix(in srgb,currentColor 13%,transparent)!important}.visitor-stats-layout-3.visitor-stats-subtle .visitor-stats-grid{border:0!important;border-radius:0!important;overflow:visible!important}.visitor-stats-layout-4.visitor-stats-subtle{background:color-mix(in srgb,#171812 58%,transparent)!important;color:#eadfb9!important;border:1px solid #c6ac5c24!important}
.visitor-footer-lock-note{font-size:.88rem}


/* 1.2.7 – Besucherstatistik: nur Außenbox einstellbar, Inhalt vollständig auto-responsiv. */
.site-footer .visitor-stats-card[data-visitor-responsive="auto"]{width:var(--vs-width,100%);max-width:min(var(--vs-max-width,1100px),100%);min-height:0!important;height:auto!important;padding:clamp(8px,1.4cqi,14px)!important;container-type:inline-size}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head{margin-bottom:clamp(6px,1.4cqi,10px)}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head h4{font-size:clamp(.78rem,2.4cqi,1rem)}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;grid-template-rows:none!important;grid-auto-flow:row;grid-auto-rows:auto;gap:clamp(0px,.8cqi,6px)!important;width:100%;min-width:0}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{min-width:0;min-height:0!important;height:auto!important;padding:clamp(6px,1.35cqi,10px)!important}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-label{font-size:clamp(9px,1.8cqi,12px)!important;line-height:1.18}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-value{font-size:clamp(16px,3.2cqi,22px)!important;line-height:1.05}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-updated{margin-top:clamp(5px,1.1cqi,9px)!important;padding-top:clamp(4px,.9cqi,7px)!important;font-size:clamp(.62rem,1.6cqi,.74rem)!important}
@container (max-width:760px){.visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important}}
@container (max-width:520px){.visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,125px),1fr))!important}.visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{padding:7px 6px!important}}
@container (max-width:285px){.visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:minmax(0,1fr)!important}}

/* 1.2.8 – breite/niedrige Besucherstatistik, responsiv nach tatsächlicher Widgetbreite. */
.site-footer .visitor-stats-card[data-visitor-responsive="auto"]{
    width:var(--vs-width,94%);
    max-width:min(var(--vs-max-width,1480px),calc(100% - 20px));
    padding:clamp(7px,1cqi,11px)!important;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head{
    margin:0 0 clamp(5px,.9cqi,8px)!important;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head h4{
    font-size:clamp(.76rem,1.45cqi,.94rem)!important;
    letter-spacing:.09em;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    gap:0!important;
    width:100%;
    min-width:0;
    border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);
    border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:clamp(6px,.9cqi,9px) clamp(5px,.8cqi,9px)!important;
    border:0!important;
    border-right:1px solid color-mix(in srgb,currentColor 11%,transparent)!important;
    border-bottom:1px solid color-mix(in srgb,currentColor 9%,transparent)!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(5n){border-right:0!important}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-label{
    font-size:clamp(8.5px,1.05cqi,11px)!important;
    line-height:1.12!important;
    white-space:normal;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-value{
    margin-top:3px;
    font-size:clamp(15px,1.8cqi,20px)!important;
    line-height:1!important;
}
.site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-updated{
    margin-top:clamp(4px,.75cqi,7px)!important;
    padding-top:0!important;
    border-top:0!important;
    font-size:clamp(.61rem,.9cqi,.72rem)!important;
    opacity:.58;
}

/* Sehr breite Footer: Titel links, alle 10 Werte in nur einer flachen Zeile. */
@container (min-width:1180px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"]{
        display:grid!important;
        grid-template-columns:minmax(155px,205px) minmax(0,1fr)!important;
        grid-template-areas:"head stats" "updated updated";
        column-gap:clamp(12px,1.4cqi,22px);
        row-gap:4px;
        align-items:center;
        padding:10px 14px 8px!important;
    }
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head{
        grid-area:head;
        margin:0!important;
        justify-content:center!important;
        text-align:center;
    }
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-head h4{font-size:.82rem!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{
        grid-area:stats;
        grid-template-columns:repeat(10,minmax(0,1fr))!important;
        border-block:0;
    }
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{
        padding:8px 5px!important;
        border-bottom:0!important;
    }
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(5n){border-right:1px solid color-mix(in srgb,currentColor 11%,transparent)!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:last-child{border-right:0!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-label{font-size:9px!important;white-space:nowrap}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-value{font-size:17px!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-updated{
        grid-area:updated;
        margin:2px 0 0!important;
        padding:4px 0 0!important;
        border-top:1px solid color-mix(in srgb,currentColor 9%,transparent)!important;
    }
}

/* Normale Desktop-/Notebookbreiten: ebenfalls eine niedrige 10er-Reihe, Titel darüber. */
@container (min-width:900px) and (max-width:1179px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{padding:7px 4px!important;border-bottom:0!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(5n){border-right:1px solid color-mix(in srgb,currentColor 11%,transparent)!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:last-child{border-right:0!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-label{font-size:8.5px!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-value{font-size:16px!important}
}

/* Tablet/Laptop: bewusst 5 × 2 – breit und deutlich niedriger als eine Karten-Spalte. */
@container (min-width:640px) and (max-width:899px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}

/* Kleine Tablets: 3 Spalten mit kompakten Zellen. */
@container (min-width:480px) and (max-width:639px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(5n){border-right:1px solid color-mix(in srgb,currentColor 11%,transparent)!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(3n){border-right:0!important}
}

/* Smartphones: stabile 2-Spalten-Ansicht, ohne horizontales Scrollen. */
@container (min-width:280px) and (max-width:479px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"]{width:100%!important;max-width:100%!important;padding:7px!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(5n){border-right:1px solid color-mix(in srgb,currentColor 11%,transparent)!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item:nth-child(2n){border-right:0!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-label{font-size:9px!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-value{font-size:16px!important}
}

/* Nur für extrem schmale eingebettete Container. */
@container (max-width:279px){
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stats-grid{grid-template-columns:minmax(0,1fr)!important}
    .site-footer .visitor-stats-card[data-visitor-responsive="auto"] .visitor-stat-item{border-right:0!important}
}

/* 1.2.9 – Seiten-Migrator und A–Z-Krankheitsnavigation */
.az-section{padding-top:clamp(18px,3vw,34px);padding-bottom:clamp(12px,2.5vw,28px)}
.az-nav{background:color-mix(in srgb,var(--card,#fff) 93%,var(--accent,#6d8d69));border:1px solid color-mix(in srgb,var(--accent,#6d8d69) 22%,transparent);border-radius:22px;padding:clamp(16px,2.4vw,26px);box-shadow:0 12px 34px #0000000d}
.az-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}.az-title h2{margin:0}.az-title .eyebrow{margin:0}
.az-letters{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:8px}.az-letters a{display:grid;place-items:center;min-height:42px;padding:8px;border-radius:12px;border:1px solid color-mix(in srgb,var(--accent,#6d8d69) 25%,transparent);background:color-mix(in srgb,var(--card,#fff) 88%,transparent);font-weight:750;text-decoration:none;transition:.16s ease}.az-letters a:hover{transform:translateY(-2px);border-color:var(--accent,#6d8d69);box-shadow:0 7px 18px #0001}.az-letters a.active{background:var(--accent,#6d8d69);color:#fff;border-color:var(--accent,#6d8d69);box-shadow:0 8px 20px color-mix(in srgb,var(--accent,#6d8d69) 32%,transparent)}
.az-stepper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--accent,#6d8d69) 15%,transparent)}.az-stepper>span:last-child{text-align:right}.az-stepper a{text-decoration:none;font-weight:650}.az-overview{padding:8px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent,#6d8d69) 11%,transparent)}
.imported-content img{max-width:100%;height:auto;border-radius:14px}.imported-content figure{margin:1.4em 0}.imported-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.imported-content th,.imported-content td{border:1px solid color-mix(in srgb,currentColor 15%,transparent);padding:.6em .75em;vertical-align:top}.imported-content blockquote{margin:1.2em 0;padding:.8em 1em;border-left:4px solid var(--accent,#6d8d69);background:color-mix(in srgb,var(--accent,#6d8d69) 7%,transparent);border-radius:0 10px 10px 0}
.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.check.compact{white-space:nowrap}.form-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.migration-page-list{display:grid;gap:7px;margin-top:18px}.migration-row{display:grid;grid-template-columns:58px minmax(220px,1.2fr) minmax(220px,1fr);gap:12px;align-items:center;padding:10px 12px;border:1px solid #dfe6dc;border-radius:13px;background:#fff}.migration-head{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:#f4f7f1}.migration-source{min-width:0}.migration-source strong,.migration-source small{display:block;overflow:hidden;text-overflow:ellipsis}.migration-source small{opacity:.65;margin-top:3px}.migration-check{display:grid;place-items:center}.migration-check input{width:20px;height:20px}.migration-row input[type="text"],.migration-row input:not([type]){width:100%}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.option-card{display:flex;gap:12px;align-items:flex-start;border:1px solid #dfe6dc;border-radius:15px;padding:14px;background:#fff}.option-card>input{width:20px;height:20px;margin-top:2px}.option-card span,.option-card strong,.option-card small{display:block}.option-card small{opacity:.68;margin-top:5px;line-height:1.45}.migration-errors{display:grid;gap:8px}.migration-errors>div{display:grid;grid-template-columns:minmax(140px,.5fr) minmax(220px,1fr) minmax(220px,1fr);gap:10px;padding:10px;border:1px solid #f0d0cc;border-radius:10px;background:#fff7f6}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:820px){.migration-row{grid-template-columns:42px 1fr}.migration-head span:last-child{display:none}.migration-row>label:last-child{grid-column:2}.option-grid{grid-template-columns:1fr}.az-stepper{grid-template-columns:1fr 1fr}.az-overview{grid-column:1/-1;grid-row:1;text-align:center}.az-stepper>span{grid-row:2}.panel-title-row{display:block}.check.compact{margin-top:10px}}
@media(max-width:480px){.az-letters{grid-template-columns:repeat(5,minmax(0,1fr))}.az-letters a{min-height:38px}.migration-row{padding:9px 8px;gap:8px}}

/* Naturkraft 1.2.11: kontrollierte Vollübernahme der früheren Website */
.legacy-import-panel{border:1px solid color-mix(in srgb,var(--accent,#6d8d69) 38%,#dfe6dc);background:linear-gradient(180deg,color-mix(in srgb,var(--accent,#6d8d69) 6%,#fff),#fff)}
.legacy-import-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:8px 0 14px;font-size:.94rem}.legacy-import-checks span{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent,#6d8d69) 7%,#fff);border:1px solid color-mix(in srgb,var(--accent,#6d8d69) 13%,#e7ece4)}
@media(max-width:720px){.legacy-import-checks{grid-template-columns:1fr}}

/* 1.2.11 – resumierbare Naturkraft-Altseiten-Vollübernahme */
.legacy-progress{margin:18px 0 22px;padding:18px;border:1px solid color-mix(in srgb,var(--accent,#668b68) 32%,#dfe7dc);border-radius:16px;background:color-mix(in srgb,var(--panel,#fff) 92%,var(--accent,#668b68) 8%)}
.legacy-progress-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.legacy-progress-head span{font-variant-numeric:tabular-nums;color:var(--muted,#667)}
.legacy-progress-track{height:12px;border-radius:999px;overflow:hidden;background:rgba(0,0,0,.08)}.legacy-progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:var(--accent,#668b68);transition:width .25s ease}
.legacy-progress p{margin:12px 0 0}.legacy-progress-errors{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff0f0;color:#7e2727;max-height:220px;overflow:auto}.legacy-progress-errors div+div{margin-top:6px}

/* SEO Center 1.2.13 */
.seo-audit-list{display:grid;gap:8px}.seo-audit-list>div{display:grid;grid-template-columns:auto minmax(90px,.65fr) minmax(110px,1fr);gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.seo-audit-list>div:last-child{border-bottom:0}.seo-audit-list small{color:var(--muted)}.seo-page-options{grid-template-columns:1fr!important}.seo-page-options .option-card{padding:10px 12px}.seo-page-options .option-card small{font-size:.8rem}.seo-center-table input[type="checkbox"]{width:20px;height:20px}
@media(max-width:760px){.seo-audit-list>div{grid-template-columns:auto 1fr}.seo-audit-list small{grid-column:2}.seo-page-options{grid-template-columns:1fr!important}}

.contact-protected{display:inline;cursor:pointer}.contact-protected[href]{text-decoration:underline;text-underline-offset:.14em}.contact-protected:not([data-contact-ready="1"]){opacity:.78}

/* 1.2.15: eigenständige Footer-Linkleiste; darf keine Hauptmenü-Styles erben. */
.site-footer .footer-menu,.site-footer .footer-legal-links{width:100%;margin:0}.site-footer .footer-menu>.menu-level,.site-footer .footer-legal-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:18px;row-gap:8px;list-style:none;padding:0;margin:0}.site-footer .footer-menu>.menu-level>.menu-entry{display:inline-flex;align-items:center;margin:0;padding:0}.site-footer .footer-menu .menu-link,.site-footer .footer-legal-links>a{display:inline-flex;align-items:center;min-height:34px;padding:4px 0;font-weight:600;line-height:1.35;text-decoration:none;white-space:nowrap}.site-footer .footer-menu .menu-link:hover,.site-footer .footer-menu .menu-link:focus-visible,.site-footer .footer-legal-links>a:hover,.site-footer .footer-legal-links>a:focus-visible{text-decoration:underline;text-underline-offset:4px}.site-footer .footer-menu .submenu-toggle,.site-footer .footer-menu .menu-submenu{display:none}.site-footer .footer-grid>div:last-child{align-content:start}.site-footer .footer-grid>div:last-child>.footer-menu+.footer-menu,.site-footer .footer-grid>div:last-child>.footer-menu+.footer-legal-links{margin-top:8px}

/* 1.2.17 – Desktop-Untermenüs als durchgehende Hover-/Trefferfläche. */
@media (min-width:1101px){
 html body.frontend .main-nav .menu-submenu{top:100%;margin-top:0}
 html body.frontend .main-nav .menu-submenu .menu-submenu{top:-8px;left:100%;margin-left:0}
 html body.frontend .main-nav .menu-submenu .menu-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;width:100%;min-width:0}
 html body.frontend .main-nav .menu-submenu .menu-entry>.menu-link{display:flex!important;align-items:center;width:100%;min-width:0;min-height:40px;padding:9px 12px;border-radius:9px}
 html body.frontend .main-nav .menu-submenu .menu-entry>.submenu-toggle{align-self:stretch;min-width:38px;min-height:40px;margin:0;padding:8px;border-radius:9px}
 html body.frontend .main-nav .menu-submenu .menu-entry:hover>.menu-link,
 html body.frontend .main-nav .menu-submenu .menu-entry:focus-within>.menu-link{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--primary)}
}
/* Dynamische Titelanpassung wird durch app.js gesetzt; ohne JS bleibt das normale responsive CSS aktiv. */
html body.frontend .hero h1[data-fit-title="1"]{white-space:nowrap!important;text-wrap:nowrap!important;max-width:100%!important;overflow:visible!important}