:root{color-scheme:dark;--bg:#0b0d16;--layer:#141725;--layer2:#1b1e2f;--text:#f7f6ff;--muted:#999cb2;--line:#303146;--accent:#b19aff;--accent2:#6d57f5;--blue:#7d95fa;--green:#88e7b3;--radius:22px;--shell:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--text)}[hidden]{display:none!important}.shell{width:min(var(--shell),calc(100% - 70px));margin-inline:auto}.promo{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:.19em;font-weight:700;color:#d8ccff;background:#24203e}.promo-dot{width:5px;height:5px;border-radius:50%;background:#ad95ff;box-shadow:0 0 8px #b29cff}.site-header{height:85px;display:flex;align-items:center;justify-content:space-between;padding-inline:max(35px,calc((100vw - var(--shell))/2));border-bottom:1px solid #252536;background:rgba(11,13,22,.96);gap:20px}.brand{display:flex;align-items:center;gap:9px;font-size:25px;letter-spacing:-.065em;font-weight:900;white-space:nowrap}.brand-mark{font-weight:400;color:#b69eff;font-size:38px;line-height:1}.brand-accent{color:#b69eff}.desktop-nav{display:flex;align-items:center;gap:30px;color:#b6b7c9;font-size:13px;font-weight:600}.desktop-nav>a:hover,.nav-admin:hover{color:#fff}.nav-pill{margin-left:9px;border:1px solid #39334f;border-radius:999px;padding:8px 13px;color:#a48ee5;font-size:9px;letter-spacing:.17em}.header-actions{display:flex;align-items:center;gap:13px}.nav-admin,.cart-button{border:0;background:transparent;color:#deddea;font-size:13px;font-weight:600}.nav-admin{padding:12px}.admin-lock{font-size:16px;color:#a993f8;margin-left:5px}.cart-button{display:flex;align-items:center;gap:12px;background:#22243b;padding:12px 14px;border-radius:11px}.cart-button:hover{background:#31324d}.cart-count{min-width:22px;height:22px;border-radius:50%;background:#9a7aff;color:#141022;display:grid;place-items:center;font-size:11px;font-weight:800}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;padding-top:65px;padding-bottom:85px}.hero-copy{padding:53px 0 6px}.eyebrow,.section-kicker{color:#b6a0ff;font-size:10px;font-weight:800;letter-spacing:.22em}.eyebrow{display:flex;gap:13px;align-items:center}.eyebrow-line{width:29px;height:1px;background:#ae98fa}.hero h1{font-size:clamp(56px,6.3vw,92px);letter-spacing:-.078em;line-height:1.035;margin:21px 0 22px;font-weight:850}.hero h1 em{font-style:normal;background:linear-gradient(115deg,#d0b6ff 20%,#8c76f9 62%,#a9c3ff);color:transparent;background-clip:text}.hero-copy>p{max-width:475px;color:#abadbf;line-height:1.85;font-size:15px}.hero-actions{display:flex;gap:12px;margin:28px 0 48px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 21px;border-radius:11px;font-size:13px;font-weight:700;border:1px solid transparent;transition:filter .2s,transform .2s}.btn:hover{filter:brightness(1.14);transform:translateY(-1px)}.btn-primary{background:linear-gradient(125deg,#ab91ff,#8073f6);color:#101020;border-color:#bbadff}.btn-ghost{color:#d9d8ed;background:#191b2a;border-color:#34364c}.full{width:100%}.hero-stats{display:flex;gap:36px}.hero-stats>div{display:flex;flex-direction:column;gap:2px}.hero-stats strong{font-size:24px;letter-spacing:-.05em}.hero-stats small{color:#8e91a6;font-size:9px;font-weight:700;letter-spacing:.18em}.hero-art{position:relative;overflow:hidden;min-height:540px;border-radius:30px;background:radial-gradient(ellipse at 51% 44%,#473d91 0%,#2c255d 37%,#1a1836 70%,#191624 100%);border:1px solid #47406a;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#ad9aff21 1px,transparent 1px),linear-gradient(90deg,#ad9aff21 1px,transparent 1px);background-size:43px 43px;transform:perspective(400px) rotateX(20deg) scale(1.15)}.hero-art:after{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:#ac92ff26;filter:blur(80px);z-index:-1}.hero-art-label,.hero-art-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.17em;color:#ded4ff}.hero-art-label{top:28px}.hero-art-label span{font-size:19px}.hero-art-bottom{bottom:25px;color:#9e97ca}.tiny-plus{font-size:26px;color:#bba4ff}.orbit{position:absolute;border:1px solid #af9cff45;width:360px;height:210px;border-radius:50%;transform:rotate(-35deg)}.orbit-two{transform:rotate(38deg);width:410px;height:240px;opacity:.45}.floating-object{width:225px;height:285px;position:relative;filter:drop-shadow(22px 26px 30px #0c062eaa);transform:rotate(-23deg);animation:float 6s ease-in-out infinite;z-index:2}.obj-top{position:absolute;left:58px;top:0;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:100px solid #e5d4ff;filter:drop-shadow(8px 8px 2px #6d52c5)}.obj-middle{position:absolute;left:56px;top:95px;width:114px;height:128px;background:linear-gradient(100deg,#f8e8ff 4%,#b38af5 43%,#7666c6 96%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.obj-bottom{position:absolute;top:220px;left:30px;width:166px;height:52px;background:linear-gradient(145deg,#b49cf4,#6449c6);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}@keyframes float{0%,100%{transform:translateY(0) rotate(-23deg)}50%{transform:translateY(-17px) rotate(-23deg)}}.shop-section{padding:28px 0 88px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px}.section-header h2,.benefit-intro h2{font-size:clamp(29px,4vw,49px);line-height:1.12;letter-spacing:-.055em;margin:11px 0 12px}.section-header h2 span{color:var(--accent)}.section-header p,.admin-head p{color:#a6a7bb;font-size:14px}.catalog-count{color:#9d99b6;font-size:12px;padding-bottom:8px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{border:1px solid #38384b;background:#191b29;color:#bdbdce;padding:11px 15px;font-size:12px;border-radius:10px}.filter-chip.active,.filter-chip:hover{background:#a68dfb;color:#171429;border-color:#ae9bff;font-weight:700}.search-box{min-width:220px;width:272px;display:flex;align-items:center;gap:10px;border:1px solid #343548;background:#191b2b;border-radius:11px;padding:0 13px;color:#b2abc9;font-size:23px}.search-box input{width:100%;height:42px;background:none;border:0;outline:none;font-size:12px}.search-box input::placeholder{color:#77798f}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{background:#171927;border:1px solid #303146;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#6e61a8}.product-art{height:236px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,#48456a,#29283d 54%,#202132);border-bottom:1px solid #343449}.product-art.variant-1{background:radial-gradient(circle at 48% 44%,#405264,#242f49 60%,#202133)}.product-art.variant-2{background:radial-gradient(circle at 48% 44%,#624956,#3a283d 60%,#241e32)}.product-art.variant-3{background:radial-gradient(circle at 48% 44%,#4b476e,#242143 60%,#201d32)}.product-art:after{content:"";position:absolute;width:170px;height:30px;background:#0908187a;filter:blur(22px);bottom:26px;border-radius:50%}.product-art img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.art-symbol{font-size:105px;color:#cbb7ff;line-height:1;position:relative;z-index:1;text-shadow:16px 18px 0 #8a71cf66,0 5px 33px #c6b1ff55;transform:rotate(-14deg)}.product-tag{position:absolute;z-index:4;left:13px;top:13px;padding:7px 10px;background:#0b0a14b8;border:1px solid #a599bc70;border-radius:7px;color:#e9dfff;font-size:10px;font-weight:800;letter-spacing:.04em}.product-demo{position:absolute;z-index:4;right:13px;top:13px;padding:6px 9px;border-radius:7px;background:#262039b9;color:#ded0ff;font-size:9px;letter-spacing:.05em}.product-body{padding:19px;display:flex;flex-direction:column;gap:9px;flex:1}.category{color:#a994f9;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.17em}.product-body h3{margin:0;font-size:17px;letter-spacing:-.025em}.product-body p{margin:0;min-height:42px;color:#9296ac;font-size:12px;line-height:1.65}.product-foot{margin-top:auto;padding-top:13px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #323146}.price{font-size:18px;font-weight:800;white-space:nowrap}.stock{display:block;font-size:10px;color:#9196af;margin-top:3px}.add-button{border:1px solid #7664b7;background:#5e4b9e;color:#f5edff;border-radius:9px;min-width:39px;height:39px;font-size:24px}.add-button:hover{background:#806cc4}.add-button[disabled]{font-size:11px;padding-inline:8px}.demo-note{display:flex;align-items:flex-start;gap:13px;border:1px solid #423959;background:#1a1829;border-radius:13px;padding:17px 22px;margin-top:27px;color:#b9b1c9;font-size:12px;line-height:1.5}.demo-note>span{font-size:23px;color:#b69aff}.demo-note p{margin:2px 0}.demo-note strong{color:#ded8e8}.empty-state{grid-column:1/-1;padding:65px 24px;text-align:center;color:#afb0c5;border:1px dashed #3b3b53;border-radius:16px}.benefits{padding:70px 0 90px;border-top:1px solid #292a3a;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}.benefit-intro h2{font-size:clamp(28px,3.5vw,44px)}.benefit-intro i{font-style:normal;color:var(--accent)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.benefit-grid article{border-top:1px solid #655985;padding-top:22px}.benefit-icon{display:block;margin-bottom:15px;font-size:35px;color:#a58cf0}.benefit-grid h3{font-size:15px;margin:0 0 10px}.benefit-grid p{font-size:12px;color:#9999ad;line-height:1.75}.footer{border-top:1px solid #2b2c3d;padding:35px 0 46px;background:#11131e}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:20px}.footer-brand .brand-mark{font-size:28px}.footer-inner p,.footer-right{font-size:11px;color:#898b9e}.footer-right{display:flex;flex-direction:column;gap:8px;text-align:right}
/* Cart */.drawer-overlay{position:fixed;inset:0;background:#04030dbd;z-index:29}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#171926;border-left:1px solid #44405e;z-index:30;box-shadow:-30px 0 90px #0806107a;display:flex;flex-direction:column;padding:27px}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:26px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:32px;letter-spacing:-.055em;margin:6px 0}.icon-close{width:36px;height:36px;border:1px solid #3d3b50;border-radius:10px;background:#25263a;color:#f4ecff;font-size:25px;line-height:1}.cart-items{overflow:auto;flex:1;padding-top:8px}.cart-item{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid #303146}.cart-item h4{margin:0 0 7px;font-size:14px}.cart-item small{color:#999ab0;font-size:11px}.cart-item-right{text-align:right}.cart-item-right strong{font-size:14px}.qty-controls{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin-top:12px}.qty-controls button{width:25px;height:25px;border-radius:6px;border:1px solid #45435e;background:#272639;color:#fff}.cart-empty{text-align:center;color:#9c9db3;padding:80px 20px}.cart-empty span{display:block;font-size:60px;color:#a489ff;margin-bottom:20px}.drawer-bottom{border-top:1px solid #3d3a54;padding-top:24px}.cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.cart-total strong{font-size:26px}.drawer-bottom>small{display:block;margin-top:15px;color:#9594ab;font-size:11px;line-height:1.5}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:#ece6ff;color:#1d163b;border-radius:12px;padding:13px 20px;box-shadow:0 20px 60px #02020699;font-size:13px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:90;max-width:calc(100% - 30px);text-align:center}.toast.active{transform:translate(-50%,0);opacity:1}
/* Admin */.admin-view{padding-top:58px;padding-bottom:90px;min-height:70vh}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.admin-head h1{font-size:clamp(34px,5vw,59px);letter-spacing:-.06em;margin:12px 0 6px}.admin-head h1 span{color:#b59dff}.login-wrap{display:flex;justify-content:center}.login-card{width:min(460px,100%);border:1px solid #48435d;border-radius:21px;background:linear-gradient(160deg,#222239,#171827);padding:37px;box-shadow:0 20px 80px #07061044}.login-icon{font-size:46px;color:#baa6ff}.login-card h2{font-size:27px;letter-spacing:-.04em;margin:11px 0 4px}.login-card>p{font-size:13px;color:#a5a4bb;line-height:1.6;margin-bottom:28px}.login-card form{display:flex;flex-direction:column;gap:10px}.login-card label{font-size:12px;font-weight:700;color:#d2cde6}.login-card input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #47445b;border-radius:10px;background:#10121f;padding:13px;color:#f4eeff;outline:none}.login-card input:focus,.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#a58bf8}.login-card .btn{margin-top:13px}.inline-error{color:#ff9ba9;font-size:12px;line-height:1.6;min-height:12px}.login-hint{font-size:11px;line-height:1.7;color:#9797ae;border-top:1px solid #3e3c55;margin-top:20px;padding-top:19px}.login-hint code{color:#c9b4ff;background:#0c0d19;padding:3px;border-radius:4px}.dashboard-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.logged-in{font-size:12px;color:#aaa5bd}.logged-in:first-letter{color:#85e8b4}.dashboard-buttons{display:flex;gap:10px}.stats-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:38px}.stats-bar>div{padding:27px;border:1px solid #3b3a4e;border-radius:16px;background:#1c1e2c;display:flex;flex-direction:column;gap:13px}.stats-bar small{font-size:10px;color:#999ab6;font-weight:800;letter-spacing:.13em}.stats-bar strong{font-size:32px;letter-spacing:-.05em}.admin-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-list-head h2{font-size:24px;letter-spacing:-.04em;margin:0}.admin-list-head p{font-size:12px;color:#9a98ad}.admin-list{display:flex;flex-direction:column;gap:11px}.admin-item{background:#191b2a;border:1px solid #34354b;border-radius:13px;padding:15px;display:flex;align-items:center;gap:16px}.admin-thumb{width:64px;height:64px;background:#34304c;border-radius:10px;display:grid;place-items:center;font-size:30px;flex-shrink:0;overflow:hidden}.admin-thumb img{width:100%;height:100%;object-fit:cover}.admin-item-info{flex:1;min-width:0}.admin-item-info h3{font-size:15px;margin:0 0 6px}.admin-item-info p{font-size:11px;color:#a29fb8;margin:0}.admin-item-actions{display:flex;gap:9px;align-items:center}.small-button{border:1px solid #4b485f;background:#2a2a40;color:#ece8ff;border-radius:8px;padding:10px 12px;font-size:11px;font-weight:700}.small-button:hover{background:#393652}.small-button.danger{color:#ff9baa}.editor-section{background:#1b1d2d;border:1px solid #514766;border-radius:20px;padding:28px;margin-top:36px;scroll-margin-top:20px}.editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-header h2{font-size:27px;margin:7px 0;letter-spacing:-.045em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.form-grid label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700;color:#d1cde4}.form-grid label.wide{grid-column:1/-1}.form-grid textarea{resize:vertical;min-height:90px}.form-grid input[type=file]{padding:10px;font-size:11px;max-width:100%;line-height:1.4}.upload-hint{font-size:12px;color:#bdb4d1;line-height:1.6}.checkbox-row{display:flex;gap:25px;flex-wrap:wrap;margin:20px 0}.checkbox-row label{font-size:12px;color:#afabc2;display:flex;gap:9px;align-items:center}.checkbox-row input{accent-color:#a88cff}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}
@media(max-width:1080px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefits{display:block}.benefit-grid{margin-top:28px}.hero h1{font-size:69px}.hero-art{min-height:510px}.hero{gap:25px}}@media(max-width:800px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:55px}.hero-copy{padding-top:28px}.hero-art{min-height:360px}.hero h1{font-size:64px}.floating-object{transform:scale(.82) rotate(-23deg);animation:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{width:min(var(--shell),calc(100% - 36px))}.site-header{padding-inline:18px}.section-header{align-items:flex-start}.filter-row{flex-direction:column;align-items:stretch}.search-box{width:100%}.admin-head{align-items:flex-start}.benefit-grid{gap:15px}.benefit-grid p{font-size:11px}}@media(max-width:540px){.promo{font-size:8px}.site-header{height:74px}.brand{font-size:22px}.brand-mark{font-size:32px}.nav-admin{padding:5px}.cart-button{font-size:0;gap:0;padding:9px}.cart-count{font-size:12px}.hero h1{font-size:59px}.hero-art{min-height:310px}.hero-stats{gap:26px}.hero-actions{margin-bottom:32px}.product-grid{gap:11px}.product-art{height:166px}.art-symbol{font-size:72px}.product-body{padding:12px}.product-body h3{font-size:14px}.product-body p{font-size:10px;min-height:45px}.price{font-size:14px}.add-button{min-width:33px;height:33px}.product-tag{font-size:8px;left:7px;top:8px}.product-demo{font-size:8px;right:7px;top:8px}.benefit-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.footer-right{text-align:left}.admin-head{flex-direction:column}.dashboard-bar{align-items:flex-start;flex-direction:column}.stats-bar{gap:7px}.stats-bar>div{padding:14px}.stats-bar small{font-size:8px}.stats-bar strong{font-size:24px}.admin-item{flex-wrap:wrap}.admin-item-actions{width:100%;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:1}.login-card{padding:24px}.editor-section{padding:18px}.admin-list-head{align-items:flex-start;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Seitendesigner: Logo, Unterseiten und Admin-Reiter */
.brand-logo{width:42px;height:42px;object-fit:contain;border-radius:9px;flex:0 0 auto}
.desktop-nav .dynamic-page-links,.dynamic-page-links{display:inline-flex;align-items:center;gap:19px}
.desktop-nav .dynamic-page-links a{font-size:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.mobile-page-nav{display:none}
.content-page{padding:78px 0 115px;min-height:64vh;max-width:1000px}
.page-back{color:#bbaaff;display:inline-block;margin-bottom:48px;font-size:13px}
.content-page h1{font-size:clamp(39px,6vw,76px);letter-spacing:-.065em;line-height:1.1;margin:14px 0 22px;overflow-wrap:anywhere}
.page-teaser{font-size:clamp(16px,2vw,23px);color:#b8b4cb;line-height:1.65;max-width:760px;margin:0 0 39px}
.page-body{background:linear-gradient(145deg,#1b1d31,#151722);border:1px solid #3c3954;border-radius:22px;padding:clamp(22px,4vw,48px);line-height:1.85;color:#e0dcee;font-size:15px;overflow-wrap:anywhere}
.page-body p{white-space:pre-wrap;margin:0 0 22px}.page-body p:last-child{margin-bottom:0}
.admin-tabs{display:flex;flex-wrap:wrap;gap:9px;border-bottom:1px solid #3a374b;padding-bottom:14px;margin-bottom:28px}
.admin-tab{border:1px solid #4a455d;border-radius:10px;color:#c9c4dc;background:#1b1c2a;font-weight:700;font-size:13px;padding:12px 17px}
.admin-tab:hover{background:#30304b}.admin-tab.active{color:#211a36;background:#c5aeff;border-color:#c5aeff}
.admin-panel{min-height:180px}.settings-card{margin-top:10px}
.logo-preview-wrap{display:flex;flex-direction:column;gap:12px;font-size:12px;color:#d1cde4;border:1px dashed #4c465f;border-radius:12px;padding:14px}
.logo-preview-wrap img{max-width:180px;width:100%;max-height:95px;object-fit:contain;object-position:left;background:#29283a;border-radius:8px;padding:12px}
.logo-preview-wrap .logo-remove{display:flex;flex-direction:row;align-items:center;font-weight:400;gap:9px}
.form-hint{font-size:10px;color:#a6a2b9;font-weight:400}.footer-pages{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.footer-pages a{color:#beb0ec}
@media(max-width:1100px){.desktop-nav .dynamic-page-links{gap:10px}.desktop-nav .dynamic-page-links a{max-width:90px}}
@media(max-width:800px){.mobile-page-nav{display:flex;align-items:center;gap:17px;padding:10px 18px;background:#171725;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;font-size:12px;color:#ddd4ff}.mobile-page-nav .dynamic-page-links{gap:17px}.mobile-page-nav a{flex-shrink:0}.content-page{padding-top:45px}.admin-tabs{gap:6px}}
@media(max-width:540px){.brand-logo{width:35px;height:35px}.admin-tab{padding:10px;font-size:11px}.content-page{padding-bottom:75px}.page-body{font-size:14px}.footer-pages{justify-content:flex-start}}

.desktop-nav{min-width:0;flex:1;justify-content:center;overflow-x:auto;scrollbar-width:thin}.header-actions{flex-shrink:0}.site-header>.brand{flex-shrink:0}.footer-brand .brand-logo{width:30px;height:30px}#headerBrandText{max-width:210px;overflow:hidden;text-overflow:ellipsis}#footerBrandText{max-width:280px;overflow:hidden;text-overflow:ellipsis}

/* PayPal Checkout und Bestellverwaltung */
.paypal-checkout{border:1px solid #50476a;border-radius:14px;padding:15px;margin:0 0 16px;background:#1d1c30}
.paypal-title{font-size:15px;font-weight:800;color:#f0eaff;margin-bottom:8px}
.paypal-notice{font-size:12px;color:#cdc3e4;line-height:1.55;margin:4px 0 12px}
#paypalButtons{min-height:45px;position:relative;z-index:2}
#paymentResult:not(:empty){margin:12px 0;font-size:12px;line-height:1.65;color:#ffe0a2;background:#292231;padding:12px;border-radius:9px}
#paymentResult.payment-success{color:#a6efc6;background:#1a3b32}
.payment-admin-info{border:1px solid #49455e;padding:18px 20px;border-radius:14px;background:#1e2031;margin-bottom:20px;font-size:12px;line-height:1.6}
.payment-admin-info p{color:#b1abc5}
.payment-admin-info code{color:#ded0ff}
.admin-order{padding:20px;border:1px solid #464157;background:#1b1e30;border-radius:13px;overflow-wrap:anywhere}
.admin-order p{font-size:12px;color:#c0bad1;line-height:1.6;margin:7px 0}
.admin-order .inline-error{color:#ffa6aa}
.order-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.order-head strong{color:#b9eed6}

/* DekoDruckZauber-Wort-Bild-Marke: transparentes Original im Kopf und Fuß */
.brand-logo{width:clamp(162px,19vw,250px);height:70px;max-width:100%;object-fit:contain;object-position:left center;border-radius:0}
.footer-brand .brand-logo{width:220px;height:72px}
.site-header>.brand{max-width:260px;min-width:0}
@media(max-width:1080px){.site-header>.brand .brand-logo{width:205px}.desktop-nav{gap:14px}}
@media(max-width:540px){.site-header>.brand .brand-logo{width:155px;height:59px}.site-header{gap:7px}.header-actions{gap:4px}.footer-brand .brand-logo{width:190px;height:64px}}

/* Kontaktseite und geschützter Nachrichteneingang */
.contact-form{background:linear-gradient(145deg,#1b1d31,#151722);border:1px solid #3c3954;border-radius:22px;padding:clamp(20px,4vw,40px)}
.contact-form .form-grid label{font-size:13px;color:#e2ddf3}
.contact-form input,.contact-form textarea{background:#141727;border:1px solid #464157;color:#faf8ff;border-radius:9px;padding:13px 14px;width:100%;font:inherit;box-sizing:border-box}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #9982db;outline-offset:1px}
.contact-form input[type=file]{font-size:12px}.contact-form .contact-consent input{width:auto}
.contact-consent{display:flex;align-items:flex-start;gap:12px;font-size:12px;color:#d0c9e5;line-height:1.65;margin-top:22px}
.contact-consent a,.contact-alternative a{color:#c7b7ff;text-decoration:underline}
.contact-alternative{font-size:13px;color:#bbb4d0;line-height:1.8;margin-top:24px}
.contact-honeypot{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
#contactResult{font-size:13px;line-height:1.7;color:#e0b9ff;max-width:500px}
#contactResult.sent{color:#a6efc6}
.admin-message{padding:19px;border-radius:14px;border:1px solid #464157;background:#1b1e30;overflow-wrap:anywhere}
.admin-message.unread{border-color:#987cdd}
.admin-message p{font-size:13px;line-height:1.65;color:#ddd5ea;margin:10px 0;white-space:pre-wrap}
.admin-message .message-meta{color:#aaa4bf;font-size:11px}
.admin-message .message-body{background:#111521;border-radius:8px;padding:12px;margin:10px 0}
.admin-message h3{font-size:16px;margin:0}
.message-images{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.message-images a{max-width:180px;display:flex;flex-direction:column;gap:6px;color:#c6b7ef;font-size:11px}
.message-images img{width:145px;height:120px;object-fit:contain;border:1px solid #4d4863;border-radius:9px;background:#101322}
.message-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
#unreadMessageCount:not(:empty){display:inline-block;padding:2px 7px;background:#47336c;color:#fff;border-radius:20px;margin-left:4px}
@media(max-width:540px){.contact-form{padding:18px}.message-images img{width:110px;height:100px}}
/* DekoDruckZauber 2.0: featured products and promotion slider */
.feature-section{padding:clamp(28px,5vw,70px) 0 20px}
.feature-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px}
.feature-heading h2{font-size:clamp(1.6rem,3vw,2.8rem);margin:5px 0}
.feature-heading h2 em{color:#a667f4;font-style:normal}
.slide-navigation{display:flex;gap:8px}
.slide-navigation button{border:1px solid #555a6d;border-radius:50%;width:42px;height:42px;cursor:pointer;color:inherit;background:transparent;font-size:26px}
.slide-navigation button:hover{background:#8f52f1;color:#fff}
.featured-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:0 0 20px;scrollbar-color:#8b56bd transparent;overscroll-behavior-inline:contain}
.featured-card{flex:0 0 calc((100% - 54px)/4);min-width:180px;scroll-snap-align:start;background:rgba(20,22,35,.6);border:1px solid rgba(150,120,200,.24);border-radius:18px;overflow:hidden}
.featured-card .product-art{width:100%;aspect-ratio:1.2;min-height:150px;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.featured-card .product-art img{width:100%;height:100%;object-fit:cover}
.featured-info{padding:14px;display:grid;gap:9px;position:relative}
.featured-info strong{font-size:.98rem;overflow-wrap:anywhere}.featured-info span{color:#d6b7ff;font-weight:650}
.featured-info .add-button{position:absolute;right:12px;bottom:12px}
.offer-slider{min-height:190px}
.offer-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:190px;padding:26px 32px;background:linear-gradient(115deg,#3a1c68,#231832 55%,#4e235c);border:1px solid rgba(177,124,239,.45);border-radius:20px;color:white}
.offer-card h3{font-size:clamp(1.6rem,4vw,2.5rem);margin:0}.offer-card p{margin:0;color:#ddd5ee}.offer-card small{opacity:.8}
.featured-editor-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #45455b;padding:10px}
.featured-editor-row label{flex:1;display:flex;align-items:center;gap:10px}.featured-editor-row input{accent-color:#a867fa}
.marketing-card{border:1px solid rgba(170,142,220,.35);border-radius:16px;padding:16px;margin:12px 0}
.marketing-card .form-grid{margin-bottom:12px}.marketing-card label{display:flex;flex-direction:column;gap:6px}.marketing-card label:has(input[type=checkbox]){flex-direction:row;align-items:center}
.coupon-input-row{display:flex;gap:8px;margin:6px 0}.coupon-input-row input{flex:1;min-width:0}
.discount-checkout{padding:12px 0;border-top:1px solid #3a3347}
.quote-admin,.order-controls{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.quote-admin input,.quote-admin select,.order-controls input,.order-controls select{max-width:200px;min-width:100px}
@media(max-width:900px){.featured-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:520px){.featured-card{flex-basis:74%;min-width:205px}.offer-card{padding:22px 18px}.feature-section{padding:35px 0 12px}.slide-navigation button{width:36px;height:36px}}

/* Lokale Produktionsverwaltung für zwei P2S */
.production-printers { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0; }
.production-printer { border:1px solid var(--border, #363948);border-radius:14px;padding:18px;background:rgba(120,130,160,.07); }
.production-printer h3 { margin:0 0 8px;font-size:1.1rem; }
.production-printer p { margin:0;opacity:.8;font-size:.9rem; }
.production-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 20px; }
.production-stat { display:flex;gap:8px;align-items:baseline;padding:12px;border:1px solid var(--border,#363948);border-radius:12px; }
.production-stat strong {font-size:1.4rem;} .production-stat span {opacity:.75;}
.production-job {display:block;padding:19px;border-radius:14px;border:1px solid var(--border,#363948);margin:12px 0;}
.production-job-head {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;}
.production-job h3{margin:0;} .production-status{font-size:.88rem;font-weight:700;}
.production-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;}
.production-fields label{display:flex;flex-direction:column;gap:5px;}
.production-fields label:last-child{grid-column:1/-1;}
.production-fields input,.production-fields select,.production-fields textarea{width:100%;min-width:0;}
.production-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
@media(max-width:650px){.production-printers,.production-fields{grid-template-columns:1fr;}.production-stats{gap:5px;}.production-stat{flex-direction:column;gap:0;}}

/* DekoDruckZauber 3.1: private kaufmännische Verwaltung */
.operations-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:12px;margin:18px 0;}
.operation-tile {border:1px solid #4b4563;background:#222239;border-radius:14px;padding:17px;display:grid;gap:10px;}
.operation-tile small {color:#c5bed7;font-size:12px;} .operation-tile strong {font-size:clamp(1.1rem,2.5vw,1.6rem);overflow-wrap:anywhere;}
.operation-month {display:grid;grid-template-columns:85px 1fr;gap:7px 12px;border-bottom:1px solid #39374f;padding:12px 0;}
.operation-month strong {justify-self:end;} .operation-bar {grid-column:1/-1;min-height:8px;background:linear-gradient(90deg,#7551c4,#ad74ef);border-radius:99px;}
.operation-actions {display:flex;gap:9px;flex-wrap:wrap;margin-top:12px;}
.operations-result {margin-top:18px;border-top:1px solid #514b6d;padding:12px 0;}.operation-line {color:#cdc5df;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
.operation-line strong {color:#e9e0f7;}.operation-warning {color:#ffd59e;font-size:13px;}
#costingPanel .editor-section,#filamentPanel .editor-section,#securityPanel .editor-section{margin:16px 0 25px;}
@media(max-width:600px){.operations-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}