/* 29.09.2026: Gestaltung zuerst; technische Details erst bei Bedarf. */
.direct-colors{gap:10px!important;margin-bottom:16px}.direct-colors .field{margin:0!important;display:grid;grid-template-columns:1fr 38px;align-items:center;gap:6px;border:1px solid #e3e7ed;border-radius:12px;padding:10px 12px;background:#fff}.direct-colors .field>span{font-size:12px;margin:0!important;font-weight:500}.direct-colors input[type=color]{width:36px;height:32px;padding:0;border:0;cursor:pointer;background:none;border-radius:6px}.direct-colors .field:focus-within,.direct-colors .paint-selected{border-color:#275ddb;box-shadow:0 0 0 2px #275ddb12}.thickness-control{padding:0 0 20px;margin-top:1px}.thickness-control label{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.thickness-control output{font-size:12px;font-weight:400;color:#606772}.thickness-control input{width:100%;height:28px;accent-color:#275ddb;cursor:pointer;margin:10px 0 0}.thickness-control>div{display:flex;justify-content:space-between;color:#9197a1;font-size:10px}.glass-card-art{background:linear-gradient(140deg,#f2e9e2,#f8f5f0)!important}.glass-drawing{width:74px;height:112px;border:2px solid #b7c9ca;border-top:3px solid #acbec0;border-radius:4px 4px 35px 35px;position:relative;background:linear-gradient(110deg,#ffffff80,transparent 50%,#fff9)}.glass-drawing:before{content:'';position:absolute;left:33px;top:109px;width:3px;height:28px;background:#b7c9ca}.glass-drawing:after{content:'';position:absolute;left:14px;top:135px;width:44px;height:4px;border-radius:50%;background:#b7c9ca}.glass-name{position:absolute;transform:translate(-28px,-12px) rotate(-55deg);font:bold italic 35px Georgia;color:#fffaf4;text-shadow:1px 2px 0 #c4b8ac,0 4px 6px #0002}.product-switch{display:flex;gap:7px;max-width:1152px;margin:20px auto 0;padding:0 0;font-size:12px}.product-switch a{padding:9px 15px;border:1px solid #e5e8ed;border-radius:99px;color:#79828f;background:#fff}.product-switch a[aria-current=page]{color:#275ddb;background:#edf2fc;border-color:#dce5f8}@media(max-width:700px){.product-switch{padding:0 18px;margin-top:16px}.direct-colors .field>span{font-size:12px}.direct-colors .field{padding:10px}.thickness-control input{height:34px}}
@media(max-width:700px){body[data-page=clip] .studio-heading .breadcrumb,body[data-page=clip] .studio-heading .micro{display:none}body[data-page=clip] .studio-heading{padding:18px 0!important}body[data-page=clip] .studio-heading h1{margin:0!important}body[data-page=clip] .scene{height:210px!important}}
body[data-page=clip] .studio-heading{padding:28px 0 22px}body[data-page=clip] .studio-heading h1{font-size:29px;margin-top:12px}body[data-page=clip] .studio-layout{grid-template-columns:minmax(0,1fr) 370px;gap:28px}body[data-page=clip] .panel{padding:26px;border-radius:24px;border-color:#e6e8ec}body[data-page=clip] .scene{height:460px}body[data-page=clip] .scene-title{font-size:10px;letter-spacing:1.2px}.live-dot{display:flex;align-items:center;gap:6px}.live-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#73a789}.panel-title{margin-bottom:24px}.panel-title h2{font-size:22px;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}.panel-title>span{font-size:11px;color:#738073}.name-field input{font-size:21px!important;letter-spacing:-.4px;padding:14px!important;background:#fafbfc!important}.design-field{padding:0;margin:0 0 23px;border:0;min-width:0}.design-field legend{font-size:12px;font-weight:600;margin-bottom:12px}.style-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.style-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:84px;border:1px solid #e7e9ed;border-radius:12px;background:#fafbfc;font-size:10px;color:#6a717b;padding:8px 3px}.style-card[aria-pressed=true]{border-color:#275ddb;background:#f3f6ff;box-shadow:0 0 0 1px #275ddb}.style-card[aria-pressed=true]>span:last-child{color:#275ddb}.type-sample{font-size:19px;color:#303d4e;line-height:1;letter-spacing:-.8px;text-shadow:0 2px 0 #c4cdd7}.block-sample{font-weight:900;letter-spacing:-1px}.script-sample{font:italic bold 24px Georgia,serif}.plate-sample{font-weight:700;font-size:18px;padding:6px 12px;border-radius:12px;background:#e3e8ef;box-shadow:0 2px 0 #c9d2df}.palettes{display:flex;gap:14px;align-items:center}.palette{width:33px;height:33px;border-radius:50%;padding:0;background:var(--base);border:3px solid white;outline:1px solid #e3e7ec;position:relative}.palette:after{content:'';position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-radius:50%;background:var(--text)}.palette[aria-pressed=true]{outline:2px solid #275ddb;outline-offset:2px}.drawer{border-top:1px solid #eceef1;margin:0;padding:0}.drawer summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:4px;padding:17px 0;font-size:12px;font-weight:600;cursor:pointer;position:relative;padding-right:20px}.drawer summary::-webkit-details-marker{display:none}.drawer summary:after{content:'+';position:absolute;right:0;top:23px;color:#8b929d;font-size:17px;font-weight:400}.drawer[open] summary:after{content:'−'}.drawer summary>span{display:block;grid-column:1;font-size:11px;font-weight:400;color:#858c96}.drawer-content{padding:4px 0 18px}.drawer .field{margin-bottom:16px}.drawer .field>span{font-size:11px}.drawer .field select,.drawer .field input{font-size:13px;padding:10px}.drawer .field textarea{width:100%;resize:vertical;border:1px solid #e1e5ea;background:#fafbfc;padding:12px;border-radius:10px;font:inherit;font-size:14px;min-height:95px}.check-row{display:flex;gap:10px;align-items:center;font-size:12px;color:#606772}.check-row input{accent-color:#275ddb}.download-bar{padding-top:16px;border-top:1px solid #eceef1;background:white}.download-bar .status{margin:0 0 9px;font-size:11px;min-height:17px;color:#748177}.download-bar .status.error{color:#a52a20}.download-bar .button{margin:0;justify-content:space-between;padding:15px 18px;border-radius:12px}.download-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px;font-size:10px;color:#8a909a}.download-meta button{font-size:11px;background:none;border:0;color:#606772;padding:0;text-decoration:underline;text-underline-offset:3px}.print-note{font-size:11px;color:#888f98;line-height:1.7;margin:20px auto 0;max-width:560px;text-align:center}.print-note a{color:#657792;white-space:nowrap}body[data-page=clip] .tools{gap:8px;padding:12px 16px 18px}body[data-page=clip] .tools button{border:1px solid #e8ebef;background:#fff9;font-size:11px;padding:9px 12px;color:#687382;border-radius:99px}body[data-page=clip] .specs{margin-top:16px;font-size:11px;gap:15px}body[data-page=clip] .showcase{border-color:#e9ebf0;background:radial-gradient(ellipse at 50% 40%,#fff,#f0f3f6)}
@media(min-width:901px){body[data-page=clip] .studio-layout>div:first-child{top:98px}}@media(max-width:900px){body[data-page=clip] .studio-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px}body[data-page=clip] .panel{padding:20px}.palettes{gap:11px}}@media(max-width:700px){body[data-page=clip] .studio-layout{grid-template-columns:1fr;gap:20px}body[data-page=clip] .studio-heading{padding:20px 0 16px}body[data-page=clip] .studio-heading h1{font-size:25px}body[data-page=clip] .studio-heading .micro{font-size:12px;max-width:320px}body[data-page=clip] .scene{height:245px}body[data-page=clip] .scene-note{bottom:7px;font-size:10px}body[data-page=clip] .showcase{border-radius:20px}body[data-page=clip] .scene-title{top:17px;left:18px;right:18px}body[data-page=clip] .panel{padding:24px;border-radius:20px}.panel-title{margin-bottom:21px}.style-card{height:82px}.palettes{justify-content:space-between;gap:10px}.palette{width:35px;height:35px}.download-bar{position:fixed;z-index:12;left:0;right:0;bottom:0;padding:9px 18px max(10px,env(safe-area-inset-bottom));box-shadow:0 -5px 22px #17191d09;border-top:1px solid #e5e8ed}.download-bar .status{margin-bottom:6px}.download-meta{margin-top:8px}.download-bar .button{padding:13px 18px}.print-note{margin-top:12px;font-size:10px;max-width:320px}body[data-page=clip]{padding-bottom:118px}body[data-page=clip] .tools{padding:10px 8px 14px}body[data-page=clip] .tools button{font-size:10px;padding:8px 10px}.drawer summary{font-size:13px;padding:18px 0}.drawer summary>span{font-size:11px}.drawer .field input,.drawer .field select{font-size:16px}}
[hidden]{display:none!important}
.motif-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.motif-card{border:1px solid #e2e6ec;border-radius:12px;min-height:72px;padding:8px 3px;background:#fafbfc;display:flex;flex-direction:column;align-items:center;gap:3px;color:#657583;cursor:pointer;font:inherit;font-size:12px}.motif-card svg{width:32px;height:32px}.motif-card[aria-pressed=true]{border-color:#275ddb;background:#f0f5ff;color:#275ddb;box-shadow:0 0 0 1px #275ddb}.motif-card:focus-visible{outline:3px solid #93b0ff;outline-offset:2px}.motif-field{margin-bottom:22px!important}.stand-card-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7f9d8f}.stand-card-art span{font:bold italic 56px Georgia,serif;z-index:1;text-shadow:2px 3px #becfc6}.stand-card-art i{display:block;width:170px;height:20px;border-radius:50%;background:#d5e0d9;box-shadow:0 5px #adbbb1;margin-top:-10px}body[data-route=aufsteller] .style-cards{grid-template-columns:repeat(2,1fr)}.product-switch{flex-wrap:wrap}
body[data-route=glas] .style-cards{grid-template-columns:repeat(2,1fr)}
body[data-route=glas] .direct-colors{grid-template-columns:1fr}
body[data-route=glas] .palette:after{display:none}