body{overflow:hidden}.shell{height:100dvh;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:138px minmax(0,1fr)}.brand-area{grid-column:1;grid-row:1;background:#11263f;border-right:1px solid #b88a45;border-bottom:1px solid #b88a45;display:flex;justify-content:center;align-items:center}.home-logo{display:flex;justify-content:center;align-items:center;min-width:90px;min-height:100px;border:0;background:none}.home-logo img{width:90px;height:90px;object-fit:contain}.banner{grid-row:1;grid-column:2;background:#11263f url('mf-kopfzeile-hintergrund.webp') center/cover;border-bottom:1px solid #b88a45;display:flex;align-items:center;gap:24px;padding:8px 26px;position:relative;isolation:isolate;min-width:0}.banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11263fcc,#11263f77,transparent);z-index:-1}.banner img{width:112px;max-height:114px;object-fit:contain}.claim{font:400 clamp(16px,1.7vw,25px)/1.45 Cinzel,Georgia,serif;color:#faf8f3;letter-spacing:.035em}.side{grid-column:1;grid-row:2;background:#11263f;color:#f4f6f8;border-right:1px solid #b88a45;min-height:0;overflow:auto;padding:16px}.nav button,.nav summary{font:13px/1.5 Inter,Arial,sans-serif;min-height:52px;width:100%;display:flex;gap:13px;align-items:center;padding:12px;border:1px solid transparent;border-radius:6px;background:none;color:#bdc9d6;text-align:left;cursor:pointer}.nav summary{list-style:none}.nav summary::-webkit-details-marker{display:none}.nav summary:after{content:'+';margin-left:auto}.nav details[open]>summary:after{content:'−'}.nav button>span,.nav summary>span{width:20px;text-align:center;font-size:20px;flex-shrink:0}.nav [aria-current=page]{border-color:#b88a45;box-shadow:inset 3px 0 #b88a45;background:#ffffff0c;color:#f4f6f8;font-weight:700}.nav .subnav button{padding-left:45px;color:#e3c38c;min-height:44px}.side :focus-visible,.drawer :focus-visible,.rail :focus-visible,.bottom :focus-visible,.brand-area :focus-visible{outline-color:#65c4da}.account{border-top:1px solid #b88a4588;padding:24px 8px;margin-top:16px}.account img{display:block;width:135px;height:100px;object-fit:contain;margin:auto}.account-line{height:1px;background:#b88a4588;margin:12px auto 20px;width:135px}.account small{display:block;color:#bdc9d6;font-size:12px;margin-top:4px}.account strong{display:block;color:#fff;font-size:14px;margin-top:6px}.install{width:100%;min-height:44px;border:1px solid #b88a45;border-radius:5px;background:none;color:#edcf9d;margin-top:20px;font-size:14px}.work{grid-column:2;grid-row:2;overflow:auto;min-width:0;min-height:0;padding:28px;background:#f4f6f9}.preview-label{padding:12px 16px;border:1px solid #c5cdd6;border-radius:6px;margin-bottom:24px;color:#526377;font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.eyebrow{font-size:13px;color:#745327;letter-spacing:.08em;margin-bottom:8px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.card-actions{display:grid;gap:12px}.card-actions button{text-align:left;justify-content:flex-start}.work h1{font-size:clamp(25px,3vw,32px);overflow-wrap:anywhere}.rail,.bottom{display:none}.rail button,.bottom button{min-height:52px;border:0;background:none;color:#bdc9d6;font-size:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px}.rail button span,.bottom button span{font-size:20px}.rail [aria-current=page],.bottom [aria-current=page]{color:#edcf9d;box-shadow:inset 0 3px #b88a45}.drawer{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(340px,100%);max-width:100%;background:#11263f;color:#f4f6f8;padding:0;border:1px solid #b88a45}.drawer::backdrop{background:#061423aa}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #b88a45;position:sticky;top:0;background:#11263f;z-index:2}.drawer-head h2{font-size:21px;margin:0}.drawer-head button{color:#fff;background:none;border:1px solid #8295ac;border-radius:5px;min-width:44px;min-height:44px}.drawer-body{padding:12px 16px}.side,.work,.drawer{scrollbar-width:thin;scrollbar-color:#b88a45 #11263f}
@media(max-width:1024px){.shell{grid-template-columns:86px minmax(0,1fr);grid-template-rows:100px minmax(0,1fr)}.side{display:none}.brand-area .home-logo{min-width:70px;min-height:80px}.home-logo img{width:58px;height:58px}.rail{grid-row:2;grid-column:1;display:flex;flex-direction:column;background:#11263f;border-right:1px solid #b88a45;overflow:auto}.rail button{min-height:70px}.banner{gap:16px;padding:8px 20px}.banner img{max-height:76px}.claim{font-size:17px}.cards{grid-template-columns:1fr}}
@media(max-width:600px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:88px minmax(0,1fr) auto}.brand-area,.rail{display:none}.banner{grid-column:1;justify-content:center;padding:8px}.banner img{max-height:64px}.claim{display:none}.work{grid-column:1;padding:20px 16px}.bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-row:3;background:#11263f;padding-bottom:env(safe-area-inset-bottom)}.bottom button{min-height:64px}.cards{gap:16px}.preview-label{font-size:13px}}