*{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))}}