/* bentoboxer – geschlossene Startseite */
html { -webkit-text-size-adjust: 100%; }
body.bb-closed { margin: 0; background: #FFFFFF; color: #1F2421; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.5; }
.bb-closed a { color: inherit; }
.bb-closed__preview { background: #3B3F3D; color: #fff; text-align: center; font-size: 0.85rem; padding: 0.5rem 1rem; }
.bb-closed__preview a { color: #fff; margin-left: 0.5rem; }
.bb-closed__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; max-width: 1180px; margin: 0 auto; padding: 2rem 1.5rem 0; font: 500 0.8rem/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: 0.08em; text-transform: uppercase; }
.bb-closed__mark { font-weight: 600; color: #1F2421; }
.bb-closed__state { color: #5F6662; }
.bb-closed__main { max-width: 1180px; margin: 0 auto; padding: 3rem 1.5rem 2rem; }
.bb-closed__intro { max-width: 40rem; margin-bottom: 3.5rem; }
.bb-closed__intro h1 { margin: 0 0 0.75rem; font-size: clamp(2rem, 5vw, 3.2rem); line-height: 1.05; font-weight: 600; letter-spacing: -0.01em; }
.bb-closed__intro p { margin: 0; font-size: 1.1rem; color: #3B3F3D; }
.bb-closed__foot { max-width: 1180px; margin: 0 auto; padding: 2rem 1.5rem 3rem; border-top: 1px solid #E3DFD6; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; font-size: 0.85rem; color: #5F6662; }
.bb-closed__form { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
.bb-closed__form input { height: 44px; padding: 0 0.75rem; border: 1px solid #D9D5CC; border-radius: 6px; font: inherit; min-width: 12rem; }
.bb-closed__form button { height: 44px; padding: 0 1.1rem; border: 0; border-radius: 6px; background: #1F2421; color: #fff; font: inherit; cursor: pointer; }
.bb-closed__err { color: #A3352B; width: 100%; }
