*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg,#070b16);color:var(--text,#f7f8ff);font-family:var(--font,Inter,system-ui,sans-serif);min-height:100vh;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.32;z-index:-1;border-radius:999px}.ambient-a{width:440px;height:440px;background:#7c3aed;top:-180px;right:8vw}.ambient-b{width:380px;height:380px;background:#2563eb;bottom:-180px;left:4vw}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,80px);background:rgba(7,11,22,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--primary,#7c3aed),var(--secondary,#2563eb),var(--accent,#ec4899));box-shadow:0 10px 30px rgba(124,58,237,.28)}.brand span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand small{font-size:9px;letter-spacing:.18em;color:var(--muted,#98a2b3);margin-top:4px}.site-header nav{display:flex;align-items:center;gap:28px;color:#c7ccda}.site-header nav a:hover{color:#fff}.nav-pill,.btn{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 15px;background:rgba(255,255,255,.04);transition:.2s}.btn:hover,.nav-pill:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.22)}.btn.primary{background:linear-gradient(135deg,var(--primary,#7c3aed),var(--accent,#ec4899));border:0;color:white;box-shadow:0 10px 32px rgba(124,58,237,.25)}.btn.small{padding:7px 11px;font-size:13px}.btn.wide{width:100%;margin-top:18px}.site-main{width:min(1240px,calc(100% - 40px));margin:0 auto}.hero-block{min-height:670px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;padding:90px 0 80px;max-width:840px}.hero-block:after{content:"";position:absolute;width:520px;height:520px;left:58%;top:80px;background:radial-gradient(circle at 35% 35%,rgba(236,72,153,.5),transparent 28%),radial-gradient(circle at 65% 60%,rgba(37,99,235,.55),transparent 34%),linear-gradient(135deg,rgba(124,58,237,.52),rgba(15,23,42,.05));transform:perspective(700px) rotateX(62deg) rotateZ(-20deg);border:1px solid rgba(255,255,255,.14);border-radius:54px;box-shadow:0 60px 110px rgba(0,0,0,.45),inset 0 0 60px rgba(124,58,237,.15);z-index:-1}.hero-block.compact{min-height:60vh}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#b9a7ff;letter-spacing:.14em;font-size:11px;font-weight:800;text-transform:uppercase}.hero-block h1,.product-detail h1{font-size:clamp(48px,7vw,88px);letter-spacing:-.055em;line-height:.94;margin:18px 0 22px;max-width:820px;background:linear-gradient(180deg,#fff,#c9cbda 70%,#8a90a5);-webkit-background-clip:text;color:transparent}.hero-block p,.lead{font-size:19px;color:#a8afc0;max-width:650px;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.content-block{padding:70px 0}.content-block h2,.cta-block h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:10px 0 24px;letter-spacing:-.04em}.richtext{color:#c4cad8}.feature-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 0 75px}.glass-card,.product-card,.cta-block,.stats-grid{border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));backdrop-filter:blur(16px);border-radius:var(--radius,18px);box-shadow:0 24px 70px rgba(0,0,0,.16)}.glass-card,.product-card{padding:28px}.glass-card h3,.product-card h3{font-size:20px;margin:12px 0 8px}.glass-card p,.product-card p{color:var(--muted,#98a2b3)}.card-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.35),rgba(37,99,235,.24));border:1px solid rgba(255,255,255,.09)}.stats-grid{display:grid;grid-template-columns:repeat(var(--stats-columns,4),minmax(0,1fr));padding:30px;margin:10px 0 60px}.counter-widget-title{margin:10px 0 18px;font-size:clamp(28px,3vw,42px)}.stats-grid>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid rgba(255,255,255,.07)}.stats-grid>div:last-child{border:0}.stats-grid strong{font-size:34px}.stats-grid span{color:var(--muted);font-size:13px}.type{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a78bfa}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);font-size:13px}.product-meta a{color:#b9a7ff}.cta-block{margin:55px 0 100px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-block:before{content:"";position:absolute;width:240px;height:240px;background:var(--primary);filter:blur(90px);opacity:.22;right:-80px}.cta-block p{color:var(--muted);margin:0}.site-footer{max-width:1240px;margin:0 auto;padding:30px 20px 50px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;color:#6f778b;font-size:12px}.login-wrap{min-height:75vh;display:grid;place-items:center}.login-card{width:min(460px,100%);padding:36px}.login-card h1{font-size:36px;margin:10px 0}.stack{display:grid;gap:16px}.stack label,.form-grid label{display:grid;gap:7px;color:#b8bfd0;font-size:13px}input,textarea,select{width:100%;border:1px solid rgba(255,255,255,.09);background:#090f1d;color:#f8fafc;border-radius:11px;padding:11px 12px;outline:0}input:focus,textarea:focus,select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.13)}.error-box,.success{padding:12px 14px;border-radius:11px;margin:12px 0}.error-box{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.26);color:#fecdd3}.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);color:#a7f3d0}.product-detail{padding:110px 0;max-width:900px}.product-detail .glass-card{margin:30px 0}.install-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card{width:min(700px,100%);padding:42px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0e1526}.install-card h1{font-size:44px;margin:10px 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h3,.form-grid button{grid-column:1/-1}.form-grid .btn{margin-top:8px}
@media(max-width:900px){.feature-grid,.product-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stats-grid>div{border:0}.hero-block:after{opacity:.42;left:40%;width:430px;height:430px}.site-header nav a:not(.nav-pill){display:none}.cta-block{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.site-main{width:min(100% - 28px,1240px)}.hero-block{min-height:600px}.hero-block h1{font-size:48px}.feature-grid,.product-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr;padding:22px}.cta-block{padding:28px}.site-footer{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}}
.site-header{gap:24px}.site-header>.site-nav{margin-left:auto}.site-nav{display:flex;align-items:center;gap:28px;color:#c7ccda}.site-nav a:hover{color:#fff}.nav-icon{margin-right:6px}.site-footer{align-items:center;gap:20px;flex-wrap:wrap}.footer-nav{display:flex;gap:18px;margin-left:auto}.footer-nav a{color:#8f98aa}.footer-nav a:hover{color:#fff}.site-footer .powered{color:#5e687b}.social-links{display:flex;gap:12px}.content-media{margin:60px 0}.content-media img,.content-media video{width:100%;max-height:760px;object-fit:cover;border-radius:var(--radius,18px);border:1px solid rgba(255,255,255,.08);background:#070b16}.content-media figcaption{color:var(--muted);font-size:13px;margin-top:10px}.media-placeholder{padding:50px;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius);color:var(--muted);text-align:center}.custom-builder-item{margin:40px 0}.release-section{padding-top:0}.release-list{display:grid;gap:16px}.release-card{padding:24px}.release-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.release-head>div{display:flex;flex-direction:column}.release-head b{font-size:20px}.release-head small{color:var(--muted);margin-top:4px}.release-card .btn{display:inline-flex;margin-top:18px}
@media(max-width:900px){.site-header>.site-nav{display:none}.footer-nav{margin-left:0;width:100%}}
/* NorthCMS 0.4 local fonts + gallery */
body{font-family:var(--font)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading,var(--font))}.site-nav,.footer-nav{font-family:var(--font-nav,var(--font))}.btn,button{font-family:var(--font-button,var(--font))}.gallery-hero{padding:100px 0 30px}.gallery-hero h1{font-size:clamp(46px,7vw,78px);margin:12px 0;letter-spacing:-.05em}.gallery-hero p{color:var(--muted);font-size:18px}.gallery-albums{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 28px}.gallery-albums a{padding:9px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#9aa5b8;font-size:12px}.gallery-albums a.active,.gallery-albums a:hover{background:rgba(124,58,237,.13);border-color:rgba(124,58,237,.35);color:#fff}.gallery-albums small{margin-left:4px;color:#6d7890}.gallery-grid{columns:4 240px;column-gap:14px;padding-bottom:90px}.gallery-item{width:100%;display:inline-block;margin:0 0 14px;padding:0;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:#0b1220;color:#fff;text-align:left;break-inside:avoid;transition:.2s}.gallery-item:hover{transform:translateY(-2px);border-color:rgba(124,58,237,.4)}.gallery-item img{display:block;width:100%;height:auto}.gallery-item>span{display:flex;flex-direction:column;padding:12px}.gallery-item b{font-size:12px}.gallery-item small{color:#78849a;margin-top:4px}.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:rgba(0,0,0,.86);backdrop-filter:blur(16px);padding:30px}.lightbox figure{margin:0;max-width:min(92vw,1500px);max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:14px;box-shadow:0 30px 100px #000}.lightbox figcaption{display:flex;flex-direction:column;align-items:center;padding:12px;color:#fff}.lightbox figcaption span{color:#9da8bb;font-size:12px;margin-top:4px}.lightbox-close,.lightbox-nav{position:fixed;border:1px solid rgba(255,255,255,.14);background:#101827cc;color:white;border-radius:12px;z-index:2}.lightbox-close{right:24px;top:24px;width:44px;height:44px;font-size:28px}.lightbox-nav{top:50%;width:48px;height:64px;font-size:36px}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.lightbox-open{overflow:hidden}@media(max-width:650px){.gallery-grid{columns:2 150px}.lightbox{padding:12px}.lightbox-nav{top:auto;bottom:18px;height:44px}.lightbox-nav.prev{left:18px}.lightbox-nav.next{right:18px}.lightbox-close{top:14px;right:14px}}
/* NorthCMS 0.4.0 gallery responsive sources */
.gallery-item picture{display:block;width:100%;overflow:hidden}
.gallery-item picture img{display:block;width:100%;height:auto}
/* NorthCMS 0.4.1 frontend navigation modes */
.site-nav .nav-node,.footer-nav .nav-node{position:relative}.site-nav .nav-node>a,.footer-nav .nav-node>a,.nav-category-toggle{display:flex;align-items:center;gap:5px}.nav-category-toggle{appearance:none;border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font:inherit}.nav-caret{font-size:11px;opacity:.65;margin-left:2px}.site-nav .submenu,.footer-nav .submenu{position:absolute;left:0;top:calc(100% + 12px);min-width:220px;padding:8px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(9,15,29,.97);box-shadow:0 24px 60px rgba(0,0,0,.38);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s;z-index:80}.site-nav .has-children:hover>.submenu,.footer-nav .has-children:hover>.submenu,.nav-category-node.open>.submenu{opacity:1;visibility:visible;transform:none}.site-nav .submenu .nav-node,.footer-nav .submenu .nav-node{display:block}.site-nav .submenu .nav-node>a,.footer-nav .submenu .nav-node>a{padding:9px 10px;border-radius:8px;white-space:nowrap}.site-nav .submenu .nav-node>a:hover,.footer-nav .submenu .nav-node>a:hover{background:rgba(124,58,237,.12)}.site-nav .submenu .submenu,.footer-nav .submenu .submenu{left:calc(100% + 8px);top:0}.nav-mode-vertical{display:grid!important;align-items:stretch!important;gap:5px!important}.nav-mode-vertical>.nav-node>a,.nav-mode-vertical>.nav-category-node>.nav-category-toggle{padding:9px 11px;border-radius:9px}.nav-mode-vertical .submenu{position:static!important;margin:4px 0 4px 14px;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:rgba(255,255,255,.025)!important;display:none}.nav-mode-vertical .has-children:hover>.submenu,.nav-mode-vertical .nav-category-node.open>.submenu{display:block}.menu-dropdown{position:relative!important;display:block!important}.menu-dropdown-toggle{display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:9px 13px;background:rgba(255,255,255,.04);color:#d7dbea;cursor:pointer;font:inherit}.menu-dropdown-toggle span{font-size:12px;opacity:.7}.menu-dropdown-panel{position:absolute;right:0;top:calc(100% + 12px);width:min(420px,88vw);max-height:min(70vh,650px);overflow:auto;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(9,15,29,.98);box-shadow:0 28px 70px rgba(0,0,0,.42);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.16s;z-index:90}.menu-dropdown.open .menu-dropdown-panel{opacity:1;visibility:visible;transform:none}.menu-dropdown-group{display:grid;gap:4px;padding:5px}.menu-dropdown-group+.menu-dropdown-group{border-top:1px solid rgba(255,255,255,.06);margin-top:7px;padding-top:11px}.menu-dropdown-group-title{display:flex;align-items:center;gap:6px;padding:4px 8px 7px;color:#7f8ba1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.menu-dropdown-panel .nav-node{display:block}.menu-dropdown-panel .nav-node>a{display:flex;padding:9px 10px;border-radius:9px}.menu-dropdown-panel .nav-node>a:hover{background:rgba(124,58,237,.12)}.menu-dropdown-panel .submenu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;margin:3px 0 3px 14px;padding:4px!important;background:rgba(255,255,255,.02)!important;display:block!important}.footer-nav.menu-dropdown .menu-dropdown-panel{left:0;right:auto}
@media(max-width:900px){.site-header>.site-nav.nav-mode-dropdown{display:block!important;margin-left:auto}.site-header>.site-nav.nav-mode-horizontal,.site-header>.site-nav.nav-mode-vertical{display:none!important}}
/* NorthCMS 0.4.2 fixed frontend user menu */
.site-header{gap:18px}.site-header>.site-nav{margin-left:auto}.site-user-menu{position:relative;z-index:70;flex:0 0 auto;margin-left:2px}.user-menu-toggle{display:flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px 6px 7px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.045);color:#eef1f8}.user-menu-toggle:hover,.site-user-menu.open .user-menu-toggle{border-color:rgba(139,92,246,.42);background:rgba(124,58,237,.1)}.user-menu-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(124,58,237,.7),rgba(37,99,235,.65));font-size:11px;font-weight:900}.user-menu-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750}.user-menu-caret{color:#7f8aa0;font-size:11px;transition:transform .18s}.site-user-menu.open .user-menu-caret{transform:rotate(180deg)}.user-menu-panel{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:210px;padding:7px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(9,15,26,.98);box-shadow:0 22px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.site-user-menu.open .user-menu-panel{display:grid}.user-menu-panel a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;color:#c4cbd8;font-size:12px}.user-menu-panel a:hover{background:rgba(124,58,237,.12);color:#fff}.user-menu-panel a>span{width:22px;text-align:center;color:#a78bfa}.user-menu-head{display:flex;flex-direction:column;padding:9px 10px 11px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:4px}.user-menu-head b{font-size:12px}.user-menu-head small{font-size:9px;color:#758196}.user-menu-logout{border-top:1px solid rgba(255,255,255,.05);margin-top:3px}.auth-alt{text-align:center;margin:16px 0 0;color:#8994a8;font-size:12px}.auth-alt a{color:#b8a6ff}.small-lead{font-size:14px!important}.auth-form{margin-top:18px}.menu-scope-switch{display:flex;align-items:center;gap:10px;margin:-7px 0 18px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.018)}.menu-scope-switch label{font-size:10px;font-weight:800;color:#8f99ab}.menu-scope-switch select{min-width:180px;padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0a111e;color:#e8ebf2}.menu-scope-switch small{color:#667287;font-size:9px}
@media(max-width:900px){.site-header{flex-wrap:wrap}.site-header>.brand{order:1}.site-header>.site-user-menu{order:2;margin-left:auto}.site-header>nav{order:3;width:100%;margin-left:0!important;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.site-header>.header-custom-action{order:2}.user-menu-name{display:none}.user-menu-toggle{padding-right:7px}.menu-scope-switch{align-items:stretch;flex-direction:column}.menu-scope-switch select{width:100%}}
/* NorthCMS 0.5.2 · Kundenportal */
.customer-portal-body{min-height:100vh;background:var(--bg,#070b16);color:var(--text,#edf2ff)}
.customer-portal-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,56px);background:rgba(7,11,22,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.customer-portal-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.customer-portal-brand .brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent,#7c3aed),var(--accent-2,#20d9ff));font-weight:900}.customer-portal-brand span:last-child{display:grid}.customer-portal-brand small{opacity:.6}
.customer-portal-header nav{display:flex;align-items:center;gap:14px}.customer-portal-header nav>a:not(.btn){color:inherit;text-decoration:none;opacity:.8}.customer-portal-header nav>a:hover{opacity:1}.customer-name{padding-left:12px;border-left:1px solid rgba(255,255,255,.1);font-weight:700}
.customer-portal-main{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:48px 0 72px}.customer-portal-footer{text-align:center;padding:24px;opacity:.55}
.customer-hero{margin-bottom:28px}.customer-hero h1{font-size:clamp(2rem,5vw,4rem);margin:.2em 0}.customer-hero p{max-width:760px;opacity:.72;font-size:1.05rem}
.customer-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px;margin-bottom:28px}.customer-project-card{padding:24px}.customer-demo-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.customer-demo-meta>div{display:grid;padding:12px;border-radius:12px;background:rgba(255,255,255,.04)}.customer-demo-meta small,.customer-credentials span{opacity:.6}.customer-demo-open{width:100%;justify-content:center;margin:4px 0 18px}
.customer-credentials{display:grid;gap:10px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.customer-credentials h3{margin:0 0 4px}.customer-credentials>div{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center}.customer-credentials code,.admin-credential-box code,.admin-demo-creds code{overflow-wrap:anywhere;color:#d9f7ff;background:rgba(32,217,255,.08);padding:5px 8px;border-radius:8px}
.customer-message-preview,.customer-message-thread,.customer-message-compose{padding:24px;margin-top:20px}.customer-message-thread{display:grid;gap:14px}.message-row{max-width:82%;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.message-row.mine{margin-left:auto;background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.3)}.message-row>div{display:flex;justify-content:space-between;gap:18px}.message-row small{opacity:.55}.message-row p{margin:.55rem 0 0;line-height:1.55;overflow-wrap:anywhere}
@media(max-width:760px){.customer-portal-header{align-items:flex-start}.customer-portal-header nav{flex-wrap:wrap;justify-content:flex-end}.customer-name{display:none}.customer-portal-main{padding-top:28px}.customer-credentials>div{grid-template-columns:1fr}.message-row{max-width:94%}}
/* NorthCMS 0.5.7 · Accountpseudonym / Accountdaten */
.field-hint{display:block;margin-top:7px;font-size:.78rem;line-height:1.5;color:var(--muted,#94a3b8)}
.customer-account-card{padding:24px}.account-password-box{padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(15,23,42,.28)}.account-password-box h3{margin:0 0 14px}.account-password-box h3 small{font-weight:500;color:var(--muted,#94a3b8)}
.portal-identity-form{margin:0 0 18px;padding:16px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.22)}
/* NorthCMS 0.6.4 · Globaler Administratorzugriff im Kundenportal */
.customer-global-admin .customer-portal-header{border-bottom-color:rgba(59,130,246,.18);background:rgba(6,10,20,.92)}
.customer-global-admin .customer-portal-brand small{color:#60a5fa}
.customer-admin-main{width:min(1680px,calc(100% - 36px));max-width:none}
.customer-admin-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.customer-admin-nav>a:not(.btn){padding:8px 10px;border-radius:9px;color:#a8b5ca}
.customer-admin-nav>a:not(.btn):hover{background:rgba(59,130,246,.08);color:#fff}
.customer-login-help{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.customer-login-help>span{display:grid;gap:4px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}
.customer-login-help b{font-size:11px;color:#dbeafe}.customer-login-help small{font-size:9px;line-height:1.5;color:#7d8aa0}
.customer-global-admin .portal-kpi-grid,.customer-global-admin .portal-dashboard-grid,.customer-global-admin .portal-customer-toolbar,.customer-global-admin .portal-list-panel,.customer-global-admin .portal-admin-summary,.customer-global-admin .panel{position:relative;z-index:1}
@media(max-width:760px){.customer-admin-main{width:min(100% - 20px,1680px)}.customer-login-help{grid-template-columns:1fr}.customer-admin-nav .customer-name{width:100%;order:3}}
/* NorthCMS 0.6.5 · Projekt-Arbeitsbereich */
.project-workspace-head{align-items:flex-start}.workspace-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.workspace-kpis article{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(139,92,246,.22);border-radius:18px;background:linear-gradient(145deg,rgba(20,25,45,.88),rgba(9,13,29,.82));box-shadow:0 18px 50px rgba(0,0,0,.16)}.workspace-kpis article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(139,92,246,.14);font-size:20px}.workspace-kpis b{display:block;font-size:28px;line-height:1}.workspace-kpis small{display:block;margin-top:5px;color:var(--muted,#98a2b8)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px}.workspace-todo-create{display:grid;grid-template-columns:minmax(0,1fr) 150px 210px auto;gap:10px;margin-bottom:16px}.workspace-todo-create textarea{grid-column:1/-1}.workspace-todo-list{display:grid;gap:10px}.workspace-todo-card{position:relative;display:flex;gap:10px;padding:14px;border:1px solid rgba(148,163,184,.14);border-left:4px solid rgba(139,92,246,.65);border-radius:15px;background:rgba(9,13,29,.45)}.workspace-todo-card.status-done{opacity:.72;border-left-color:rgba(34,197,94,.72)}.workspace-todo-card.priority-urgent{border-left-color:#ef4444}.workspace-todo-card.priority-high{border-left-color:#f59e0b}.workspace-todo-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;width:100%}.workspace-todo-main{display:grid;gap:7px}.todo-title-input{font-weight:700;font-size:16px}.workspace-todo-controls{display:grid;grid-template-columns:145px 130px 190px auto;gap:8px;align-content:start}.workspace-delete-form{align-self:flex-start}.workspace-dropzone{min-height:190px}.workspace-upload-queue{display:grid;gap:10px;margin-top:14px}.workspace-upload-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) 48px;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(7,11,22,.45)}.workspace-upload-row div:first-child{min-width:0}.workspace-upload-row b,.workspace-upload-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-upload-track{height:8px;border-radius:99px;background:rgba(148,163,184,.12);overflow:hidden}.workspace-upload-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#22d3ee);transition:width .15s ease}.workspace-upload-row.done{border-color:rgba(34,197,94,.3)}.workspace-upload-row.failed{border-color:rgba(239,68,68,.35)}.workspace-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.workspace-media-card{overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:16px;background:rgba(8,12,25,.58)}.workspace-media-preview{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#02050d}.workspace-media-card video.workspace-media-preview{height:auto}.workspace-media-body{display:grid;gap:7px;padding:13px}.workspace-media-body small{color:var(--muted,#98a2b8);font-size:12px}.workspace-media-body p{margin:0;font-size:13px;color:var(--muted,#98a2b8)}.workspace-file-list{display:grid;gap:9px}.workspace-file-row{display:grid;grid-template-columns:44px minmax(220px,1fr) minmax(320px,1.2fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:rgba(8,12,25,.42)}.workspace-file-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(56,189,248,.1);font-size:18px}.workspace-file-meta{min-width:0}.workspace-file-meta b,.workspace-file-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-file-meta small{margin-top:3px;color:var(--muted,#98a2b8);font-size:11px}.workspace-file-edit{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(170px,1fr) auto;gap:7px}.workspace-file-actions{display:flex;gap:6px;align-items:center}.customer-workspace-open{margin-top:12px;width:100%;justify-content:center}
@media(max-width:1180px){.workspace-grid{grid-template-columns:1fr}.workspace-todo-form{grid-template-columns:1fr}.workspace-todo-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-file-row{grid-template-columns:44px 1fr}.workspace-file-edit,.workspace-file-actions{grid-column:2}.workspace-file-edit{grid-template-columns:1fr 1fr auto}.workspace-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.workspace-kpis{grid-template-columns:1fr 1fr}.workspace-todo-create{grid-template-columns:1fr}.workspace-todo-create textarea{grid-column:auto}.workspace-todo-card{display:block}.workspace-todo-form{display:block}.workspace-todo-main,.workspace-todo-controls{margin-bottom:10px}.workspace-todo-controls{display:grid;grid-template-columns:1fr 1fr}.workspace-file-row{grid-template-columns:1fr}.workspace-file-icon,.workspace-file-meta,.workspace-file-edit,.workspace-file-actions{grid-column:auto}.workspace-file-edit{grid-template-columns:1fr}.workspace-file-actions{flex-wrap:wrap}.workspace-upload-row{grid-template-columns:1fr 54px}.workspace-upload-track{grid-column:1/-1;grid-row:2}.workspace-media-grid{grid-template-columns:1fr}.project-workspace-head .page-actions{width:100%;display:flex;flex-wrap:wrap}}
/* NorthCMS 0.7.0 Bootstrap/Sitebuilder integration */
body{background-image:var(--body-bg-image,none);background-size:cover;background-position:center top;background-attachment:fixed}.glass-card,.panel{background-image:var(--panel-bg-image,none);background-size:cover}.sitebuilder-grid{width:100%;margin-inline:auto}.sitebuilder-centered{max-width:1440px;padding-inline:clamp(16px,3vw,42px)}.sitebuilder-full{max-width:none;width:100%}.sitebuilder-row{margin-bottom:clamp(20px,3vw,42px)}.sitebuilder-column{min-width:0}.widget-area{display:grid;gap:16px}.site-box{padding:18px;margin-bottom:16px}.site-box>h3{margin:0 0 12px}.sitebuilder-orphan-content{max-width:1440px;margin:auto;padding:24px}
/* NorthCMS 0.7.1 · Benutzerprofile */
.profile-page{width:min(1180px,calc(100% - 32px));margin:34px auto 70px}.profile-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.profile-heading h1,.profile-hero h1{margin:.2rem 0 .35rem}.profile-heading p{margin:.3rem 0 0;opacity:.78}.profile-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:30px}.profile-avatar{border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent,#5f75ff),color-mix(in srgb,var(--accent,#5f75ff) 58%,#111));color:white;font-weight:800;box-shadow:0 16px 36px rgba(0,0,0,.18)}.profile-avatar img,.avatar-editor-preview img,.user-menu-avatar img{width:100%;height:100%;object-fit:cover;display:block}.profile-avatar-xl{width:132px;height:132px;font-size:48px}.profile-kicker,.profile-group{opacity:.76}.profile-group{font-weight:600}.profile-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.93rem;opacity:.7}.profile-about{margin-top:22px;padding:28px}.profile-about-text{line-height:1.75;white-space:normal;overflow-wrap:anywhere}.profile-edit-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;align-items:start}.avatar-editor-card,.profile-data-card{padding:26px}.avatar-editor-preview{width:170px;height:170px;border-radius:28px;overflow:hidden;display:grid;place-items:center;margin:4px auto 22px;background:linear-gradient(145deg,var(--accent,#5f75ff),rgba(20,24,40,.95));font-size:56px;font-weight:800;color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.2)}.profile-avatar-dropzone{display:flex;min-height:130px;border:2px dashed color-mix(in srgb,currentColor 28%,transparent);border-radius:18px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px;cursor:pointer;transition:.18s ease;margin:18px 0}.profile-avatar-dropzone:hover,.profile-avatar-dropzone.drag-over{border-color:var(--accent,#5f75ff);background:color-mix(in srgb,var(--accent,#5f75ff) 8%,transparent);transform:translateY(-1px)}.profile-avatar-dropzone small{margin-top:6px;opacity:.65}.profile-avatar-progress{height:9px;border-radius:99px;background:rgba(127,127,127,.16);overflow:hidden;margin:12px 0}.profile-avatar-progress span{display:block;height:100%;width:0;background:var(--accent,#5f75ff);transition:width .18s ease}.profile-upload-message{padding:11px 13px;border-radius:12px;margin:12px 0;background:rgba(127,127,127,.12)}.profile-upload-message.success{background:rgba(35,170,90,.13)}.profile-upload-message.error{background:rgba(210,55,55,.13)}.profile-form{display:grid;gap:18px}.profile-form label{display:grid;gap:7px;font-weight:650}.profile-form input,.profile-form textarea{width:100%;box-sizing:border-box}.profile-form small{font-weight:400;opacity:.65}.profile-password-box{display:grid;gap:15px;padding:20px;border-radius:16px;background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.12)}.profile-password-box h3{margin:0}.profile-password-box p{margin:-8px 0 0}.notice-info{background:color-mix(in srgb,var(--accent,#5f75ff) 10%,transparent);border-color:color-mix(in srgb,var(--accent,#5f75ff) 30%,transparent)}.user-menu-avatar{overflow:hidden}.user-menu-avatar img{border-radius:inherit}.user-menu-panel a.profile-menu-link{font-weight:650}@media(max-width:820px){.profile-hero{grid-template-columns:1fr;text-align:center}.profile-hero .btn{justify-self:center}.profile-avatar-xl{margin:auto}.profile-edit-grid{grid-template-columns:1fr}.profile-heading{align-items:flex-start;flex-direction:column}.avatar-editor-card{order:1}.profile-data-card{order:2}}@media(max-width:520px){.profile-page{width:min(100% - 20px,1180px);margin-top:20px}.profile-hero,.avatar-editor-card,.profile-data-card,.profile-about{padding:20px}.profile-avatar-xl{width:108px;height:108px}}
/* NorthCMS 0.7.7 – Paketserver Bridge */
.credential-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0 1.25rem}
.copy-field{display:flex;gap:.5rem;align-items:center}.copy-field input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.clean-list{margin:.75rem 0 0;padding-left:1.25rem}.clean-list li{margin:.35rem 0}
/* NorthCMS 0.7.15 – editierbares Feature-Cards-Widget */
.feature-widget{padding:30px 0 75px}.feature-widget .feature-grid{padding:0}.feature-widget-head{max-width:760px;margin:0 0 22px}.feature-widget-head h2{font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.035em;margin:9px 0 12px}.feature-widget-head p{margin:0;color:var(--muted,#98a2b3);font-size:17px}.feature-card{display:flex;flex-direction:column;align-items:flex-start}.feature-card p{margin-bottom:0}.feature-card-link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:20px;color:#b9a7ff;font-size:13px;font-weight:700}.feature-card-link:hover{color:#fff}.feature-card-link span{transition:transform .18s ease}.feature-card-link:hover span{transform:translateX(3px)}
@media(min-width:901px){.feature-grid{grid-template-columns:repeat(var(--feature-columns,3),minmax(0,1fr))}}
/* NorthCMS 0.7.16 – produktspezifische Inhaltsbereiche */
.product-content-sections{display:grid;gap:18px}.product-content-section{padding:28px}.product-content-section h2{margin:6px 0 18px}.product-section-html img,.product-main-description img{max-width:100%;height:auto;border-radius:12px}.product-section-html table,.product-main-description table{width:100%;border-collapse:collapse;overflow:auto}.product-section-html th,.product-section-html td,.product-main-description th,.product-main-description td{padding:10px 12px;border:1px solid rgba(255,255,255,.09);text-align:left}.product-section-html pre,.product-main-description pre{overflow:auto;max-width:100%}.product-section-html details{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px}.product-section-html summary{cursor:pointer;font-weight:700}
/* NorthCMS 0.7.17 – importierte Anker/Sprungmarken */
.product-main-description [id],.product-section-html [id]{scroll-margin-top:110px}.product-section-html a[href^="#"],.product-main-description a[href^="#"]{text-underline-offset:3px}
/* NorthCMS 0.7.18 – CMS-Sprungmarken */
.product-main-description [data-cms-anchor],.product-section-html [data-cms-anchor]{scroll-margin-top:110px}
.product-main-description [data-cms-anchor]:target,.product-section-html [data-cms-anchor]:target{outline:2px solid color-mix(in srgb,var(--primary,#7c3aed) 65%,transparent);outline-offset:8px;border-radius:4px}
/* NorthCMS 0.7.19 – Produkt-Tabs & strukturierte Funktionsbeschreibungen */
.product-tab-shell{margin-top:22px}.product-tab-nav-wrap{position:relative;margin-bottom:16px}.product-tab-nav{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(8,13,25,.72);backdrop-filter:blur(14px)}.product-tab-button{appearance:none;flex:0 0 auto;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted,#98a2b3);padding:10px 15px;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.product-tab-button:hover{color:#fff;background:rgba(255,255,255,.045)}.product-tab-button.active{color:#fff;border-color:rgba(124,58,237,.28);background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(37,99,235,.13));box-shadow:0 7px 22px rgba(0,0,0,.14)}.product-tab-button:focus-visible{outline:2px solid var(--primary,#7c3aed);outline-offset:2px}.product-tab-panel[hidden]{display:none!important}.product-tab-panel>.glass-card{margin:0}.product-tab-empty{margin:0;color:var(--muted,#98a2b3)}
.product-feature-document{display:grid;gap:22px}.product-feature-toc{padding:18px;border:1px solid rgba(124,58,237,.18);border-radius:16px;background:rgba(124,58,237,.055)}.product-feature-toc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.product-feature-toc-head strong{font-size:14px}.product-feature-toc-head span{font-size:11px;color:var(--muted,#98a2b3)}.product-feature-toc>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.product-feature-toc a{display:flex;gap:9px;align-items:flex-start;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.022);text-decoration:none;color:inherit}.product-feature-toc a:hover{border-color:rgba(124,58,237,.3);background:rgba(124,58,237,.075)}.product-feature-toc a>span{flex:0 0 auto;color:#b9a7ff;font-size:11px;font-weight:900}.product-feature-groups{display:grid;gap:18px}.product-feature-group{padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.018)}.product-feature-group-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.product-feature-section-number{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:11px;background:rgba(124,58,237,.11);color:#c4b5fd;font-size:12px;font-weight:900}.product-feature-group-head h2{margin:0!important;font-size:clamp(20px,2.5vw,28px)}.product-feature-position-nav{margin:16px 0;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(0,0,0,.09)}.product-feature-position-nav>strong{display:block;margin-bottom:9px;font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted,#98a2b3)}.product-feature-position-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.product-feature-position-nav a{display:flex;gap:8px;padding:7px 8px;border-radius:8px;text-decoration:none;color:inherit;font-size:12px;line-height:1.4}.product-feature-position-nav a:hover{background:rgba(255,255,255,.045)}.product-feature-position-nav a span{flex:0 0 auto;color:#b9a7ff;font-size:10px;font-weight:900}.product-feature-description-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.product-feature-description{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:13px 14px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.015);scroll-margin-top:110px}.product-feature-description:target{border-color:rgba(124,58,237,.42);background:rgba(124,58,237,.07);box-shadow:0 0 0 2px rgba(124,58,237,.08)}.product-feature-position-number{padding-top:2px;color:#b9a7ff;font-size:11px;font-weight:900}.product-feature-position-text{min-width:0}.product-feature-position-text>*:first-child{margin-top:0}.product-feature-position-text>*:last-child{margin-bottom:0}.product-feature-back{display:inline-flex;margin-top:13px;font-size:11px;font-weight:800;text-decoration:none;color:var(--muted,#98a2b3)}.product-feature-back:hover{color:#fff}
@media(max-width:760px){.product-tab-nav{margin-inline:-2px}.product-tab-button{padding:9px 12px;font-size:12px}.product-feature-toc>ol,.product-feature-position-nav ol{grid-template-columns:1fr}.product-feature-group{padding:15px}.product-feature-description{grid-template-columns:1fr;gap:5px}.product-feature-position-number{padding:0}}
/* NorthCMS 0.7.20 – kompakte Produkt-Funktionsdokumente + progressives Nachladen */
.product-content-section.product-content-html{padding:clamp(16px,2vw,24px)}
.product-section-html>.product-feature-document,.product-feature-lazy{max-width:100%;margin:0}
.product-feature-document-modern{display:grid;gap:14px}
.product-feature-document-modern .product-feature-toc{position:relative;padding:14px;border:1px solid rgba(124,58,237,.18);border-radius:14px;background:linear-gradient(145deg,rgba(124,58,237,.07),rgba(37,99,235,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.product-feature-document-modern .product-feature-toc-head{margin-bottom:9px}
.product-feature-document-modern .product-feature-toc-head strong{font-size:13px;letter-spacing:.01em}
.product-feature-document-modern .product-feature-toc-head span{font-size:10px}
.product-feature-document-modern .product-feature-toc>ol{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:5px}
.product-feature-document-modern .product-feature-toc a{align-items:center;min-height:36px;padding:6px 8px;border-radius:8px;font-size:11px;line-height:1.25;background:rgba(255,255,255,.018)}
.product-feature-document-modern .product-feature-toc a>span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:7px;background:rgba(124,58,237,.10);font-size:9px}
.product-feature-document-modern .product-feature-groups,.product-feature-lazy .product-feature-groups{display:grid;gap:12px}
.product-feature-document-modern .product-feature-group,.product-feature-lazy .product-feature-group{padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012));box-shadow:0 8px 26px rgba(0,0,0,.08)}
.product-feature-document-modern .product-feature-group-head,.product-feature-lazy .product-feature-group-head{gap:10px;padding-bottom:10px}
.product-feature-document-modern .product-feature-section-number,.product-feature-lazy .product-feature-section-number{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:10px}
.product-feature-document-modern .product-feature-group-head h2,.product-feature-lazy .product-feature-group-head h2{font-size:clamp(16px,2vw,21px)!important;line-height:1.2}
.product-feature-document-modern .product-feature-group-head small,.product-feature-lazy .product-feature-group-head small{font-size:10px;color:var(--muted,#98a2b3)}
.product-feature-document-modern .product-feature-position-nav,.product-feature-lazy .product-feature-position-nav{margin:10px 0;padding:9px;border-radius:10px;background:rgba(0,0,0,.07)}
.product-feature-document-modern .product-feature-position-nav>strong,.product-feature-lazy .product-feature-position-nav>strong{margin-bottom:6px;font-size:9px;letter-spacing:.07em}
.product-feature-document-modern .product-feature-position-nav ol,.product-feature-lazy .product-feature-position-nav ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.product-feature-document-modern .product-feature-position-nav a,.product-feature-lazy .product-feature-position-nav a{min-height:31px;align-items:center;padding:5px 7px;border:1px solid rgba(255,255,255,.025);border-radius:7px;background:rgba(255,255,255,.012);font-size:10px;line-height:1.25}
.product-feature-document-modern .product-feature-position-nav a:hover,.product-feature-lazy .product-feature-position-nav a:hover{border-color:rgba(124,58,237,.20);background:rgba(124,58,237,.06)}
.product-feature-document-modern .product-feature-position-nav a span,.product-feature-lazy .product-feature-position-nav a span{font-size:8px}
.product-feature-document-modern .product-feature-description-list,.product-feature-lazy .product-feature-description-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.product-feature-document-modern .product-feature-description,.product-feature-lazy .product-feature-description{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:0;padding:9px 10px;border-radius:9px;background:rgba(255,255,255,.012);font-size:12px;line-height:1.45}
.product-feature-document-modern .product-feature-description:hover,.product-feature-lazy .product-feature-description:hover{border-color:rgba(124,58,237,.16);background:rgba(124,58,237,.025)}
.product-feature-document-modern .product-feature-position-number,.product-feature-lazy .product-feature-position-number{padding-top:1px;font-size:9px}
.product-feature-document-modern .product-feature-position-text p,.product-feature-lazy .product-feature-position-text p{margin:.25em 0}
.product-feature-document-modern .product-feature-back,.product-feature-lazy .product-feature-back{margin-top:8px;font-size:9px}
.product-feature-lazy-intro{display:flex;align-items:center;gap:11px;min-height:70px;padding:14px;border:1px solid rgba(124,58,237,.16);border-radius:13px;background:rgba(124,58,237,.035)}
.product-feature-lazy-intro[hidden]{display:none!important}.product-feature-lazy-intro strong{display:block;font-size:13px}.product-feature-lazy-intro small{display:block;margin-top:2px;color:var(--muted,#98a2b3);font-size:10px}
.product-feature-loading-dot{width:15px;height:15px;flex:0 0 15px;border:2px solid rgba(255,255,255,.14);border-top-color:var(--primary,#7c3aed);border-radius:50%;animation:northFeatureSpin .7s linear infinite}
.product-feature-load-more{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;color:var(--muted,#98a2b3);font-size:10px}
.product-feature-load-more[hidden],.product-feature-retry[hidden]{display:none!important}.product-feature-retry{margin:8px auto 0}
@keyframes northFeatureSpin{to{transform:rotate(360deg)}}
.product-feature-description:target,[data-cms-anchor]:target{animation:northFeatureTarget 1.15s ease both}
@keyframes northFeatureTarget{0%,100%{box-shadow:0 0 0 1px rgba(124,58,237,.28)}35%{box-shadow:0 0 0 4px rgba(124,58,237,.15)}}
@media(max-width:1050px){.product-feature-document-modern .product-feature-position-nav ol,.product-feature-lazy .product-feature-position-nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.product-feature-document-modern .product-feature-description-list,.product-feature-lazy .product-feature-description-list{grid-template-columns:1fr}.product-feature-document-modern .product-feature-toc>ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.product-feature-document-modern .product-feature-toc>ol,.product-feature-document-modern .product-feature-position-nav ol,.product-feature-lazy .product-feature-position-nav ol{grid-template-columns:1fr}.product-feature-document-modern .product-feature-group,.product-feature-lazy .product-feature-group{padding:11px}.product-feature-document-modern .product-feature-description,.product-feature-lazy .product-feature-description{grid-template-columns:28px minmax(0,1fr);padding:8px;font-size:11px}}
\n\n/* NorthCMS 0.7.25 style-token frontend bridge */
:root{color-scheme:dark}
body{background-color:var(--bg,#070b16);color:var(--text,#f7f8ff);background-image:var(--body-bg-image,none);background-size:cover;background-position:center top;background-attachment:fixed}
.ambient-a{background:var(--primary,#3b82f6)}
.ambient-b{background:var(--secondary,#2563eb)}
.site-header{background:color-mix(in srgb,var(--bg,#070b16) 82%,transparent);border-bottom-color:color-mix(in srgb,var(--text,#f7f8ff) 8%,transparent)}
.site-header nav,.site-nav{color:color-mix(in srgb,var(--muted,#98a2b3) 92%,var(--text,#f7f8ff))}
.site-header nav a:hover,.site-nav a:hover,.footer-nav a:hover{color:var(--text,#f7f8ff)}
.nav-pill,.btn{border-color:color-mix(in srgb,var(--text,#f7f8ff) 11%,transparent);background:color-mix(in srgb,var(--surface2,#141d31) 70%,transparent);color:var(--text,#f7f8ff)}
.btn:hover,.nav-pill:hover{border-color:color-mix(in srgb,var(--primary,#3b82f6) 38%,var(--text,#f7f8ff))}
.btn.primary{background:linear-gradient(135deg,var(--primary,#3b82f6),var(--secondary,#2563eb) 62%,var(--accent,#60a5fa));color:var(--text,#fff);box-shadow:0 10px 32px color-mix(in srgb,var(--primary,#3b82f6) 28%,transparent)}
.brand-mark{background:linear-gradient(135deg,var(--primary,#3b82f6),var(--secondary,#2563eb),var(--accent,#60a5fa));box-shadow:0 10px 30px color-mix(in srgb,var(--primary,#3b82f6) 30%,transparent)}
.hero-block:after{background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--accent,#60a5fa) 52%,transparent),transparent 28%),radial-gradient(circle at 65% 60%,color-mix(in srgb,var(--secondary,#2563eb) 58%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--primary,#3b82f6) 52%,transparent),color-mix(in srgb,var(--surface,#0f172a) 8%,transparent));border-color:color-mix(in srgb,var(--text,#f7f8ff) 14%,transparent);box-shadow:0 60px 110px rgba(0,0,0,.45),inset 0 0 60px color-mix(in srgb,var(--primary,#3b82f6) 17%,transparent)}
.eyebrow,.type,.product-meta a,.feature-card-link,.product-feature-toc a>span,.product-feature-position-nav a span,.product-feature-position-number{color:var(--accent,#60a5fa)}
.hero-block h1,.product-detail h1{background:linear-gradient(180deg,var(--text,#f7f8ff),color-mix(in srgb,var(--text,#f7f8ff) 78%,var(--muted,#98a2b3)) 70%,var(--muted,#98a2b3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-block p,.lead,.richtext,.feature-widget-head p,.gallery-hero p{color:var(--muted,#98a2b3)}
.glass-card,.product-card,.cta-block,.stats-grid,.site-box,.release-card{border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);background-color:color-mix(in srgb,var(--surface,#0f172a) 88%,transparent);background-image:var(--panel-bg-image,none),linear-gradient(145deg,color-mix(in srgb,var(--surface2,#141d31) 76%,transparent),color-mix(in srgb,var(--surface,#0f172a) 90%,transparent));background-size:cover;backdrop-filter:blur(16px)}
.card-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#3b82f6) 36%,transparent),color-mix(in srgb,var(--secondary,#2563eb) 25%,transparent));border-color:color-mix(in srgb,var(--text,#f7f8ff) 10%,transparent)}
.stats-grid>div,.product-meta,.site-footer{border-color:color-mix(in srgb,var(--text,#f7f8ff) 8%,transparent)}
.site-footer,.footer-nav a,.site-footer .powered{color:var(--muted,#98a2b3)}
input,textarea,select{border-color:color-mix(in srgb,var(--text,#f7f8ff) 10%,transparent);background:var(--surface,#0f172a);color:var(--text,#f7f8ff)}
input:focus,textarea:focus,select:focus{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#3b82f6) 16%,transparent)}
.stack label,.form-grid label{color:color-mix(in srgb,var(--text,#f7f8ff) 78%,var(--muted,#98a2b3))}
.install-card{border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);background:var(--surface,#0f172a)}
.content-media img,.content-media video{border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);background:var(--bg,#070b16)}
.gallery-albums a{border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);color:var(--muted,#98a2b3)}
.gallery-albums a.active,.gallery-albums a:hover{background:color-mix(in srgb,var(--primary,#3b82f6) 14%,transparent);border-color:color-mix(in srgb,var(--primary,#3b82f6) 38%,transparent);color:var(--text,#f7f8ff)}
.gallery-albums small{color:color-mix(in srgb,var(--muted,#98a2b3) 76%,var(--bg,#070b16))}
.product-tab-nav{border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);background:color-mix(in srgb,var(--surface,#0f172a) 82%,transparent)}
.product-tab-button:hover{color:var(--text,#f7f8ff);background:color-mix(in srgb,var(--surface2,#141d31) 75%,transparent)}
.product-tab-button.active{color:var(--text,#f7f8ff);border-color:color-mix(in srgb,var(--primary,#3b82f6) 34%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary,#3b82f6) 24%,transparent),color-mix(in srgb,var(--secondary,#2563eb) 15%,transparent))}
.product-feature-toc{border-color:color-mix(in srgb,var(--primary,#3b82f6) 22%,transparent);background:color-mix(in srgb,var(--primary,#3b82f6) 7%,transparent)}
.product-feature-toc a:hover,.product-feature-description:target{border-color:color-mix(in srgb,var(--primary,#3b82f6) 40%,transparent);background:color-mix(in srgb,var(--primary,#3b82f6) 9%,transparent)}
.profile-avatar,.avatar-editor-preview{background:linear-gradient(145deg,var(--accent,#60a5fa),var(--surface2,#141d31))}
.profile-avatar-dropzone:hover,.profile-avatar-dropzone.drag-over{border-color:var(--accent,#60a5fa);background:color-mix(in srgb,var(--accent,#60a5fa) 9%,transparent)}
.profile-avatar-progress span{background:var(--accent,#60a5fa)}
/* NorthCMS 0.7.31 visible motif styles + contrast fix */
:root{
--btn-primary-color:#ffffff;
--btn-primary-shadow:0 1px 1px rgba(0,0,0,.18);
--hero-overlay-left:rgba(6,10,18,.72);
--hero-overlay-mid:rgba(6,10,18,.48);
--hero-overlay-right:rgba(6,10,18,.18);
--cta-overlay-left:rgba(10,14,22,.78);
--cta-overlay-right:rgba(10,14,22,.34);
}
body{background-color:var(--bg,#070b16);background-image:radial-gradient(circle at top right,color-mix(in srgb,var(--primary,#3b82f6) 12%,transparent),transparent 32%),var(--body-bg-image,none);background-size:cover;background-position:center top;background-attachment:fixed}
.site-main{width:min(1280px,calc(100% - 40px))}
.btn{font-weight:600}
.btn.primary{color:var(--btn-primary-color,#fff);text-shadow:var(--btn-primary-shadow);border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 10%,transparent);box-shadow:0 10px 30px color-mix(in srgb,var(--primary,#3b82f6) 26%,transparent), inset 0 1px 0 rgba(255,255,255,.12)}
.btn.primary:hover{filter:saturate(1.04) brightness(1.03)}
.hero-block{
width:100%;
max-width:none;
min-height:clamp(500px,72vh,760px);
margin:28px 0 42px;
padding:clamp(34px,5vw,62px) clamp(28px,5vw,52px);
border-radius:calc(var(--radius,18px) + 12px);
border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 11%,transparent);
background-color:color-mix(in srgb,var(--surface,#0f172a) 55%,transparent);
background-image:linear-gradient(100deg,var(--hero-overlay-left) 0%,var(--hero-overlay-mid) 42%,var(--hero-overlay-right) 78%),var(--body-bg-image,none);
background-size:cover;
background-position:center center;
overflow:hidden;
isolation:isolate;
box-shadow:0 36px 90px rgba(0,0,0,.24);
}
.hero-block > *{position:relative;z-index:1}
.hero-block::before{
content:"";
position:absolute;
inset:0;
background:radial-gradient(circle at 75% 24%,color-mix(in srgb,var(--accent,#60a5fa) 24%,transparent),transparent 28%);
z-index:0;
}
.hero-block::after{
width:min(44vw,560px);
height:min(28vw,320px);
left:auto;
right:clamp(16px,4vw,40px);
top:auto;
bottom:clamp(28px,6vw,52px);
opacity:.68;
z-index:0;
}
.hero-block h1,.hero-block p{position:relative;z-index:1;text-shadow:0 2px 20px rgba(0,0,0,.18)}
.hero-block h1{max-width:min(820px,72%)}
.hero-block p{max-width:min(650px,60%)}
.hero-actions{position:relative;z-index:1}
.glass-card,.product-card,.stats-grid,.site-box,.release-card{
background-image:linear-gradient(145deg,color-mix(in srgb,var(--surface2,#141d31) 80%,transparent),color-mix(in srgb,var(--surface,#0f172a) 92%,transparent));
}
.cta-block{
border-color:color-mix(in srgb,var(--text,#f7f8ff) 12%,transparent);
background-color:color-mix(in srgb,var(--surface,#0f172a) 62%,transparent);
background-image:linear-gradient(100deg,var(--cta-overlay-left) 0%,var(--cta-overlay-right) 78%),var(--panel-bg-image,none);
background-size:cover;
background-position:center center;
min-height:220px;
box-shadow:0 30px 80px rgba(0,0,0,.2);
}
.cta-block > *{position:relative;z-index:1}
.cta-block::before{display:none}
.feature-widget-head p,.hero-block p,.cta-block p,.gallery-hero p{color:color-mix(in srgb,var(--text,#f7f8ff) 74%,var(--muted,#98a2b3))}
.stats-grid strong,.glass-card h3,.product-card h3,.cta-block h2,.counter-widget-title,.feature-widget-head h2{color:var(--text,#f7f8ff)}
.product-meta a,.feature-card-link{font-weight:700}
.site-header,.nav-pill,.btn,.glass-card,.product-card,.cta-block,.stats-grid,.site-box,.release-card{backdrop-filter:blur(12px)}
body.style-north-nature{
--btn-primary-color:#191207;
--hero-overlay-left:rgba(13,20,14,.56);
--hero-overlay-mid:rgba(18,30,20,.30);
--hero-overlay-right:rgba(13,20,14,.08);
--cta-overlay-left:rgba(17,25,18,.66);
--cta-overlay-right:rgba(17,25,18,.16);
}
body.style-north-tech{
--btn-primary-color:#041320;
--hero-overlay-left:rgba(3,12,22,.64);
--hero-overlay-mid:rgba(5,19,34,.30);
--hero-overlay-right:rgba(5,19,34,.10);
--cta-overlay-left:rgba(4,18,30,.72);
--cta-overlay-right:rgba(4,18,30,.24);
}
body.style-north-elegance{
--btn-primary-color:#1b1408;
--btn-primary-shadow:0 1px 0 rgba(255,255,255,.16);
--hero-overlay-left:rgba(10,10,10,.60);
--hero-overlay-mid:rgba(17,14,10,.26);
--hero-overlay-right:rgba(17,14,10,.08);
--cta-overlay-left:rgba(9,9,9,.72);
--cta-overlay-right:rgba(17,14,10,.20);
}
body.style-north-minimal,
body.style-north-creative{
color-scheme:light;
--btn-primary-color:#ffffff;
}
body.style-north-minimal .site-header,
body.style-north-creative .site-header{background:color-mix(in srgb,var(--bg,#fff) 84%,transparent)}
body.style-north-minimal .hero-block,
body.style-north-creative .hero-block{
border-color:color-mix(in srgb,var(--text,#111827) 10%,transparent);
box-shadow:0 24px 70px rgba(15,23,42,.12);
}
body.style-north-minimal{
--hero-overlay-left:rgba(255,255,255,.86);
--hero-overlay-mid:rgba(255,255,255,.68);
--hero-overlay-right:rgba(255,255,255,.22);
--cta-overlay-left:rgba(255,255,255,.84);
--cta-overlay-right:rgba(255,255,255,.36);
}
body.style-north-creative{
--hero-overlay-left:rgba(255,255,255,.80);
--hero-overlay-mid:rgba(255,255,255,.56);
--hero-overlay-right:rgba(255,255,255,.16);
--cta-overlay-left:rgba(255,255,255,.82);
--cta-overlay-right:rgba(255,255,255,.26);
}
body.style-north-minimal .nav-pill,
body.style-north-minimal .btn,
body.style-north-creative .nav-pill,
body.style-north-creative .btn{border-color:color-mix(in srgb,var(--text,#111827) 8%,transparent)}
body.style-north-minimal .site-footer,
body.style-north-minimal .footer-nav a,
body.style-north-creative .site-footer,
body.style-north-creative .footer-nav a{color:color-mix(in srgb,var(--text,#111827) 60%,var(--muted,#667085))}
body.style-north-minimal .hero-block::after,
body.style-north-creative .hero-block::after,
body.style-north-nature .hero-block::after,
body.style-north-tech .hero-block::after,
body.style-north-elegance .hero-block::after{display:none}
@media(max-width:900px){
.hero-block{min-height:560px;padding:34px 24px}
.hero-block h1{max-width:100%}
.hero-block p{max-width:92%}
}
@media(max-width:620px){
.hero-block{min-height:440px;padding:26px 20px}
.hero-block p{max-width:100%}
.cta-block{min-height:0}
}
/* NorthCMS 0.7.32 Product Portfolio */
.portfolio-hero{padding:90px 0 40px}.portfolio-hero h1{font-size:clamp(46px,7vw,84px);letter-spacing:-.055em;line-height:.95;margin:16px 0}.portfolio-hero p{max-width:760px;color:var(--muted);font-size:18px}.portfolio-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding:12px 0 90px}.portfolio-menu{padding:18px;align-self:start;position:sticky;top:96px}.portfolio-menu>a,.portfolio-filter-group a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:10px;color:var(--muted);font-size:13px}.portfolio-menu a:hover,.portfolio-menu a.active{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--text)}.portfolio-filter-group{border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);margin-top:12px;padding-top:12px}.portfolio-filter-group>strong{display:block;padding:6px 11px;color:var(--text);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.portfolio-menu b{font-size:11px;opacity:.72}.portfolio-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,.7fr)) auto;gap:10px;padding:16px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 90%,transparent)}.portfolio-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0 15px}.portfolio-heading h2{margin:5px 0 0;font-size:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portfolio-card{padding:24px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:var(--radius);background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 72%,transparent),color-mix(in srgb,var(--surface) 94%,transparent));box-shadow:0 20px 52px rgba(0,0,0,.12)}.portfolio-card-top{display:flex;gap:14px;align-items:flex-start}.portfolio-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 18%,var(--surface2));font-weight:800}.portfolio-card h3{margin:4px 0 0;font-size:20px}.portfolio-card>p{min-height:50px;color:var(--muted)}.portfolio-tags,.product-compat-tags,.product-admin-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.portfolio-tags span,.product-compat-tags span,.product-admin-tags span{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--surface2) 78%,transparent);color:var(--text);font-size:11px}.portfolio-empty{grid-column:1/-1;padding:34px;text-align:center;color:var(--muted)}.wsc-version-picker{padding:12px;border:1px solid color-mix(in srgb,var(--text) 9%,transparent);border-radius:12px}.wsc-version-picker>strong,.wsc-version-picker>small{display:block}.wsc-version-picker>small{color:var(--muted);font-size:11px;margin:3px 0 8px}.wsc-version-options{display:flex;flex-wrap:wrap;gap:8px}.wsc-version-picker label{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:5px;font-size:12px}.wsc-version-picker input[type=checkbox]{width:auto}.product-compat-tags{margin:0 0 22px}.product-admin-tags{margin:5px 0 0}
@media(max-width:1050px){.portfolio-shell{grid-template-columns:1fr}.portfolio-menu{position:static}.portfolio-toolbar{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.portfolio-toolbar,.portfolio-grid{grid-template-columns:1fr}.portfolio-hero{padding-top:60px}}
/* NorthCMS 0.7.35 protected legal pages */
.legal-page-protected{max-width:980px;margin-inline:auto}.legal-reveal-shell{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;margin:30px 0;padding:30px;border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 12%,transparent);border-radius:var(--radius,18px);background:linear-gradient(145deg,color-mix(in srgb,var(--surface2,#141d31) 84%,transparent),color-mix(in srgb,var(--surface,#0f172a) 94%,transparent));box-shadow:0 22px 60px rgba(0,0,0,.14)}.legal-reveal-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--btn-primary-color,#fff);font-size:22px;font-weight:900}.legal-reveal-copy h2{margin:0 0 7px}.legal-reveal-copy p{margin:0;color:var(--muted)}.legal-reveal-form{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.legal-reveal-button:disabled{opacity:.68;cursor:wait;transform:none}.legal-reveal-status{font-size:13px;color:var(--muted)}.legal-reveal-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.legal-revealed-content{animation:legalRevealIn .28s ease both}.legal-revealed-content a[href^="mailto:"],.legal-revealed-content a[href^="tel:"]{font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}@keyframes legalRevealIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:620px){.legal-reveal-shell{grid-template-columns:1fr;padding:22px}.legal-reveal-form{grid-column:1}.legal-reveal-button{width:100%}}
/* NorthCMS 0.7.37 footer framing */
.site-footer{
position:relative;
margin:28px auto 36px;
padding:18px 20px;
border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 10%,transparent);
border-radius:calc(var(--radius,18px) + 4px);
background:linear-gradient(145deg,color-mix(in srgb,var(--surface,#0f172a) 86%,transparent),color-mix(in srgb,var(--surface2,#1e293b) 72%,transparent));
box-shadow:0 24px 70px rgba(0,0,0,.18);
backdrop-filter:blur(14px);
}
.site-footer::before{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#60a5fa) 8%,transparent),transparent 22%,transparent 78%,color-mix(in srgb,var(--primary,#3b82f6) 8%,transparent));
opacity:.9;
}
.site-footer > *{position:relative;z-index:1}
.footer-nav{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin-left:auto;
padding:8px;
border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);
border-radius:999px;
background:color-mix(in srgb,var(--surface,#0f172a) 82%,transparent);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-nav a,.footer-nav .nav-category-toggle{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:8px 14px;
border-radius:999px;
color:var(--muted,#98a2b3);
transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.footer-nav a:hover,.footer-nav .nav-category-toggle:hover,.footer-nav .has-children:hover>a{
color:var(--text,#f7f8ff);
background:color-mix(in srgb,var(--primary,#3b82f6) 14%,transparent);
border-color:color-mix(in srgb,var(--primary,#3b82f6) 22%,transparent);
transform:translateY(-1px);
}
.footer-nav .submenu{
border-color:color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);
background:color-mix(in srgb,var(--surface,#0f172a) 96%,transparent);
box-shadow:0 22px 58px rgba(0,0,0,.34);
}
.site-footer .powered{
padding:8px 12px;
border-radius:999px;
background:color-mix(in srgb,var(--surface,#0f172a) 60%,transparent);
border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 8%,transparent);
}
body.style-north-minimal .site-footer,
body.style-north-creative .site-footer{
box-shadow:0 20px 55px rgba(15,23,42,.10);
}
@media(max-width:900px){
.site-footer{gap:14px;justify-content:center;text-align:center}
.footer-nav{margin-left:0;justify-content:center;width:100%;border-radius:20px}
}
@media(max-width:620px){
.site-footer{padding:16px 16px 18px}
.footer-nav{gap:8px;padding:8px 9px}
.footer-nav a,.footer-nav .nav-category-toggle{flex:0 1 auto;padding:8px 12px;font-size:12px}
.site-footer .powered{width:100%;text-align:center}
}
/* NorthCMS 0.7.38 full-surface glass legal pages */
.legal-page,
.legal-page-protected{
position:relative;
width:min(1120px,100%);
max-width:1120px;
margin:44px auto 72px;
padding:clamp(28px,4vw,52px);
border:1px solid color-mix(in srgb,var(--text,#f7f8ff) 12%,transparent);
border-radius:calc(var(--radius,18px) + 8px);
background:
linear-gradient(145deg,
color-mix(in srgb,var(--surface,#0f172a) 86%,transparent),
color-mix(in srgb,var(--surface2,#1e293b) 70%,transparent));
box-shadow:
0 32px 90px rgba(0,0,0,.22),
inset 0 1px 0 color-mix(in srgb,var(--text,#f7f8ff) 8%,transparent);
backdrop-filter:blur(20px) saturate(1.08);
-webkit-backdrop-filter:blur(20px) saturate(1.08);
overflow:hidden;
isolation:isolate;
}
.legal-page::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
pointer-events:none;
background:
radial-gradient(circle at 92% 6%,color-mix(in srgb,var(--primary,#3b82f6) 12%,transparent),transparent 32%),
radial-gradient(circle at 5% 95%,color-mix(in srgb,var(--accent,#60a5fa) 9%,transparent),transparent 30%);
}
.legal-page > .eyebrow{margin-bottom:10px}
.legal-page > h1{
margin:6px 0 30px;
font-size:clamp(38px,5vw,62px);
line-height:1.02;
letter-spacing:-.045em;
color:var(--text,#f7f8ff);
}
.legal-page .richtext{
color:color-mix(in srgb,var(--text,#f7f8ff) 88%,var(--muted,#98a2b3));
}
.legal-page .richtext h2,
.legal-page .richtext h3,
.legal-page .richtext h4{
color:var(--text,#f7f8ff);
scroll-margin-top:110px;
}
.legal-page .richtext h2{
margin-top:38px;
padding-top:24px;
border-top:1px solid color-mix(in srgb,var(--text,#f7f8ff) 8%,transparent);
}
.legal-page .richtext h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page .richtext p,
.legal-page .richtext li{line-height:1.72}
.legal-page .richtext a{
color:color-mix(in srgb,var(--accent,#60a5fa) 88%,var(--text,#f7f8ff));
text-decoration:underline;
text-decoration-thickness:1px;
text-underline-offset:3px;
}
.legal-page .legal-reveal-shell{
margin:28px 0 0;
background:linear-gradient(145deg,
color-mix(in srgb,var(--surface2,#1e293b) 58%,transparent),
color-mix(in srgb,var(--surface,#0f172a) 72%,transparent));
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.legal-page [data-legal-reveal-target]:not(:empty){
margin-top:30px;
padding-top:28px;
border-top:1px solid color-mix(in srgb,var(--text,#f7f8ff) 9%,transparent);
}
body.style-north-minimal .legal-page,
body.style-north-creative .legal-page{
box-shadow:0 28px 70px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.72);
}
@media(max-width:700px){
.legal-page,.legal-page-protected{
margin:24px auto 44px;
padding:24px 20px;
border-radius:calc(var(--radius,18px) + 3px);
}
.legal-page > h1{margin-bottom:24px}
.legal-page .richtext h2{margin-top:30px;padding-top:20px}
}
/* NorthCMS 0.7.39 compact legal section headings */
.legal-page .richtext h2{
font-size:clamp(23px,2.1vw,28px);
line-height:1.22;
letter-spacing:-.018em;
margin-bottom:12px;
}
.legal-page .richtext h3{
font-size:clamp(19px,1.7vw,22px);
line-height:1.3;
letter-spacing:-.012em;
margin:26px 0 10px;
}
.legal-page .richtext h4{
font-size:clamp(16px,1.35vw,18px);
line-height:1.35;
letter-spacing:0;
margin:22px 0 8px;
}
@media(max-width:700px){
.legal-page .richtext h2{font-size:22px;line-height:1.25}
.legal-page .richtext h3{font-size:18px}
.legal-page .richtext h4{font-size:16px}
}
/* NorthCMS 0.7.40 remember-login */
.login-remember{display:flex!important;align-items:center;gap:10px!important;grid-template-columns:none!important;color:var(--text,#f7f8ff)!important;cursor:pointer;margin-top:2px}
.login-remember input[type="checkbox"]{width:18px!important;height:18px!important;min-width:18px;accent-color:var(--primary,#3b82f6);margin:0}
.login-remember span{font-size:14px;line-height:1.3}
.login-remember-hint{display:block;margin-top:-8px;color:var(--muted,#98a2b3);font-size:12px;line-height:1.45}
/* NorthCMS 0.7.41 – harmonische Produkttypografie */
.product-detail{
padding:72px 0 44px;
max-width:980px;
}
.product-detail h1{
font-size:clamp(38px,5vw,58px) !important;
line-height:1.02 !important;
letter-spacing:-.038em !important;
max-width:900px;
margin:14px 0 18px !important;
}
.product-detail .lead{
font-size:clamp(16px,1.6vw,18px);
line-height:1.62;
max-width:760px;
margin-bottom:22px;
}
.product-tab-shell{padding-top:34px}
.product-tab-panels .richtext h2,
.product-content-section h2{
font-size:clamp(22px,2.4vw,30px);
line-height:1.2;
letter-spacing:-.022em;
margin:1.35em 0 .55em;
}
.product-tab-panels .richtext h3,
.product-content-section h3{
font-size:clamp(19px,2vw,24px);
line-height:1.25;
letter-spacing:-.015em;
margin:1.25em 0 .5em;
}
.product-tab-panels .richtext h4,
.product-content-section h4{
font-size:clamp(16px,1.65vw,20px);
line-height:1.3;
margin:1.15em 0 .45em;
}
.product-main-description>h2:first-child,
.product-section-html>h2:first-child{margin-top:0}
.release-section>h2{
font-size:clamp(26px,3vw,36px);
line-height:1.16;
letter-spacing:-.028em;
margin:9px 0 22px;
}
.product-feature-document-modern .product-feature-group-head h2,
.product-feature-lazy .product-feature-group-head h2{
font-size:clamp(16px,1.65vw,20px)!important;
line-height:1.25!important;
letter-spacing:-.012em;
}
@media(max-width:760px){
.product-detail{padding:52px 0 32px}
.product-detail h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.06!important}
.product-detail .lead{font-size:16px}
.product-tab-shell{padding-top:24px}
.release-section>h2{font-size:28px}
}
/* NorthCMS 0.7.42 – dynamische Produkt-Hauptüberschrift */
.product-detail h1[data-fit-headline]{
max-width:none;
width:100%;
white-space:nowrap;
overflow:visible;
text-wrap:nowrap;
}
.product-detail h1[data-fit-headline].fit-ready{
transition:font-size .18s ease;
}
@media(max-width:760px){
.product-detail h1[data-fit-headline]{white-space:normal;text-wrap:balance}
}
/* NorthCMS 0.7.44 product gallery */
.product-gallery-panel{padding:28px}.product-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.product-gallery-head h2{font-size:clamp(22px,2.4vw,30px);margin:6px 0 0}.product-gallery-head>span{color:var(--muted);font-size:13px}.product-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-gallery-item{display:block;margin:0;border-radius:14px;aspect-ratio:16/10;overflow:hidden;background:var(--surface);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);position:relative}.product-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.product-gallery-item:hover img{transform:scale(1.035)}.product-gallery-item>span{position:absolute;inset:auto 0 0;padding:22px 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff}.product-gallery-lightbox{overflow:auto}.product-gallery-lightbox figure{max-width:min(94vw,1700px);max-height:none}.product-gallery-lightbox img{max-height:86vh}.product-gallery-lightbox figcaption{position:sticky;bottom:0}@media(max-width:760px){.product-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.product-gallery-grid{grid-template-columns:1fr}}
/* NorthCMS 0.7.47 configurable site logo */
.brand.brand-configurable{gap:var(--brand-gap,12px);min-width:0;flex:0 1 auto}
.brand-logo-shell{width:var(--brand-logo-width,42px);height:var(--brand-logo-height,42px);display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:var(--brand-logo-radius,10px)}
.brand-logo-image{display:block;width:100%;height:100%;object-fit:var(--brand-logo-fit,contain);object-position:center}
.brand-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.05}
.brand-title{font-size:var(--brand-title-size,16px);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(34vw,360px)}
.brand-subtitle{font-size:var(--brand-subtitle-size,9px)!important;line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(34vw,360px)}
@media(max-width:760px){.brand-title{max-width:44vw}.brand-subtitle{max-width:44vw}.brand-logo-shell{max-width:72px;max-height:72px}}
/* NorthCMS 0.7.50 – CMS-Seiten nutzen exakt dieselbe Glass-Fläche wie System-/Produktseiten */
.cms-page-text-panel{
position:relative;
margin:42px 0 54px;
padding:clamp(28px,4vw,48px);
overflow:hidden;
}
/* Hintergrund, Transparenz, Rahmen, Blur und Schatten kommen bewusst ausschließlich
aus .glass-card. So weicht eine normale CMS-Seite optisch nicht mehr ab. */
.cms-page-text-panel::before{display:none!important;content:none!important}
.cms-page-text-panel > h1{
margin:0 0 26px;
font-size:clamp(32px,4vw,50px);
line-height:1.08;
letter-spacing:-.035em;
}
.cms-page-text-panel .richtext{
color:color-mix(in srgb,var(--text,#f7f8ff) 84%,var(--muted,#98a2b3));
}
.cms-page-text-panel .richtext > :first-child{margin-top:0}
.cms-page-text-panel .richtext > :last-child{margin-bottom:0}
.cms-page-text-panel .richtext h2{
font-size:clamp(23px,2.4vw,30px);
line-height:1.22;
letter-spacing:-.02em;
margin:1.45em 0 .55em;
}
.cms-page-text-panel .richtext h3{
font-size:clamp(19px,2vw,24px);
line-height:1.28;
margin:1.3em 0 .5em;
}
.cms-page-text-panel .richtext h4{
font-size:clamp(16px,1.6vw,20px);
line-height:1.32;
margin:1.2em 0 .45em;
}
.cms-page-text-panel .richtext p,
.cms-page-text-panel .richtext li{line-height:1.72}
@media(max-width:700px){
.cms-page-text-panel{margin:24px 0 36px;padding:22px 20px}
.cms-page-text-panel > h1{font-size:clamp(30px,9vw,40px);margin-bottom:20px}
.cms-page-text-panel .richtext h2{font-size:22px}
.cms-page-text-panel .richtext h3{font-size:18px}
.cms-page-text-panel .richtext h4{font-size:16px}
}
/* NorthCMS 0.7.52 – system pages editable / clean license surface */
.legal-page-license::before{
display:none!important;
content:none!important;
background:none!important;
}
.legal-page-license .richtext li::marker{
color:currentColor;
}
/* NorthCMS 0.7.53 – geschützter Handbuch-/PDF-Viewer */
.manuals-hero{margin:42px 0 24px;padding:34px}.manuals-hero h1,.manual-viewer-head h1{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:10px 0 12px;letter-spacing:-.035em}.manuals-hero p,.manual-viewer-head p{color:var(--muted);max-width:760px}.manual-back{display:inline-flex;margin-bottom:12px;color:var(--accent);font-weight:700;font-size:13px}.manual-category-grid,.manual-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 70px}.manual-category-card,.manual-document-card{display:flex;align-items:center;gap:18px;padding:24px;transition:.18s}.manual-category-card:hover,.manual-document-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 34%,transparent)}.manual-category-icon,.manual-pdf-icon{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);color:var(--accent);font-weight:900}.manual-pdf-icon{font-size:11px}.manual-category-card h2,.manual-document-card h2{font-size:20px;margin:0 0 6px}.manual-category-card p,.manual-document-card p{margin:0;color:var(--muted);font-size:13px}.manual-category-card small,.manual-document-card small{display:block;margin-top:8px;color:color-mix(in srgb,var(--muted) 80%,var(--text))}.manual-open{margin-left:auto;color:var(--accent);font-weight:700}.manual-empty{margin:20px 0 70px;padding:28px;color:var(--muted)}
.manual-viewer-page{padding:34px 0 70px}.manual-viewer-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px;margin-bottom:16px}.manual-protected-badge{white-space:nowrap;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:999px;padding:8px 11px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:11px;font-weight:800}.manual-viewer-shell{overflow:hidden;padding:0;user-select:none}.manual-viewer-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--text) 9%,transparent);background:color-mix(in srgb,var(--surface2) 74%,transparent);position:sticky;top:0;z-index:5}.manual-viewer-toolbar button{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);padding:7px 10px;cursor:pointer}.manual-viewer-toolbar label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.manual-viewer-toolbar input{width:68px;padding:6px 7px;text-align:center}.manual-toolbar-spacer{flex:1}.manual-viewer-status{padding:8px 14px;border-bottom:1px solid color-mix(in srgb,var(--text) 7%,transparent);font-size:11px;color:var(--muted)}.manual-canvas-scroll{min-height:70vh;max-height:82vh;overflow:auto;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 84%,#000),color-mix(in srgb,var(--surface) 88%,#000));display:flex;justify-content:flex-start;align-items:flex-start}.manual-canvas-scroll canvas{display:block;margin:0 auto;box-shadow:0 18px 60px rgba(0,0,0,.35);background:#fff;max-width:none}.manual-security-note{font-size:11px;color:var(--muted);margin:12px 4px 0}.manual-viewer-shell:fullscreen{background:var(--bg);border-radius:0;height:100vh}.manual-viewer-shell:fullscreen .manual-canvas-scroll{max-height:calc(100vh - 92px);min-height:calc(100vh - 92px)}
@media(max-width:760px){.manual-category-grid,.manual-document-grid{grid-template-columns:1fr}.manual-viewer-head{flex-direction:column}.manual-protected-badge{white-space:normal}.manual-viewer-toolbar{flex-wrap:wrap}.manual-toolbar-spacer{display:none}.manual-canvas-scroll{padding:12px;max-height:75vh}.manual-open{display:none}}
/* NorthCMS 0.7.54 – external manual gate */
.manual-external-gate{max-width:820px;margin:70px auto;padding:34px}.manual-external-gate h1{font-size:clamp(32px,4vw,48px);margin:8px 0 16px}.manual-external-gate p{line-height:1.7}.manual-consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}