.places,.cellar{position:relative}.view-heading{align-items:center;gap:12px;margin-bottom:24px;display:flex}.view-heading h2{flex:1}.view-heading>.icon-button{display:none}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading>span,.place-count{color:var(--text-sekundar);font-size:14px}.place-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.place-card{background:var(--hintergrund-karte);border:1px solid var(--rand-standard);border-radius:20px;min-width:0;position:relative}button.place-open{text-align:left;border:0;flex-direction:column;justify-content:start;align-items:start;width:100%;height:100%;min-height:212px;padding:16px;display:flex}.place-open strong{overflow-wrap:anywhere;margin-top:8px;font-size:16px;line-height:22px}.place-open>span:last-child{color:var(--text-sekundar);font-size:14px;font-weight:400;line-height:20px}.place-symbol{background:var(--hintergrund-auswahl);border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}button.place-more{position:absolute;top:16px;right:16px}.place-list>.place-form>button{border-radius:20px;flex-direction:column;gap:16px;width:100%;height:100%;min-height:212px}.place-list>.place-form>button:before{content:"+";font:400 28px/36px Inter,sans-serif}.item-search{max-width:600px;margin-bottom:32px}.item-search>label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.search-input{gap:8px;display:flex}.search-input input{background:var(--hintergrund-eingabe) url(/design/suche.svg) no-repeat 16px center / 24px;border:0;border-radius:20px;min-height:52px;padding-left:48px}.item-search:after{content:"Über alle Orte";color:var(--text-sekundar);margin-top:16px;font-size:14px;display:block}.inventory-search .item-search:after{content:"In diesem Ort"}.search-results{gap:8px;padding:0;list-style:none;display:grid}.search-results button{text-align:left;background:var(--hintergrund-karte);width:100%;display:block}.search-results span{color:var(--text-sekundar);font-size:14px;font-weight:400;display:block}.places-back{margin-bottom:24px}.manage-menu{z-index:3;position:absolute;top:4px;right:0}.manage-menu>summary{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;list-style:none;display:flex}.manage-menu>summary::-webkit-details-marker{display:none}.manage-panel{background:var(--hintergrund-karte);border:1px solid var(--rand-standard);border-radius:20px;width:min(320px,100vw - 40px);padding:16px;position:absolute;top:48px;right:0;box-shadow:0 12px 40px #0006}.manage-panel button{width:100%;margin-block:4px}.manage-panel p{margin-top:12px}.place-count{margin:4px 0 16px}.cellar h2{padding-right:44px}.inventory-tabs{background:var(--hintergrund-eingabe);border-radius:12px;max-width:560px;margin-bottom:16px;padding:4px;display:flex}.inventory-tabs button{border:0;flex:1;min-width:0;min-height:44px;padding:10px 8px;font-size:14px;font-weight:400}.inventory-tabs button[aria-pressed=true]{color:var(--text-auf-akzent);background:var(--akzent-lavendel)}.inventory-search{margin-block:8px 16px}.inventory-search>summary{color:var(--text-sekundar);font-size:14px}.cellar-workspace{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:24px;display:grid}.container-panel,.content-panel{background:var(--hintergrund-karte);border-radius:20px;min-width:0;padding:16px}.container-panel>.section-heading{min-height:44px;margin-bottom:16px}.container-panel h3{flex:1}.add-box>button{border:0;padding:8px;font-size:0}.add-box>button:after{content:"Kiste / Fach";font-size:16px}.cellar-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cellar-selection button{text-align:left;border-color:var(--rand-standard);overflow-wrap:anywhere;justify-content:start;min-height:72px;padding:12px}.cellar-selection button[aria-pressed=true]{background:var(--hintergrund-auswahl);border:2px solid var(--akzent-lavendel);padding:11px}.cellar-selection button span{min-width:0}.content-heading{justify-content:space-between;align-items:start;margin-bottom:16px;padding-right:44px;display:flex;position:relative}.content-heading .manage-menu{top:-8px}.box-meta{color:var(--text-sekundar);flex-wrap:wrap;gap:8px 20px;margin:0 0 8px;font-size:14px;display:flex}.box-meta dd{margin:0}meter{background:var(--hintergrund-eingabe);border-radius:999px;width:100%;height:6px;margin-bottom:12px;display:block}meter::-webkit-meter-bar{background:var(--hintergrund-eingabe);border:0;height:4px}meter::-webkit-meter-optimum-value{background:var(--akzent-mint);border-radius:999px}meter::-moz-meter-bar{background:var(--akzent-mint)}.item-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.item-card{border:1px solid var(--rand-standard);background:0 0;border-radius:12px;min-width:0}.item-card[data-search-match=true]{border-color:var(--akzent-lavendel)}.item-toggle{width:100%;color:var(--text-primar);text-align:left;touch-action:pan-y;background:0 0;justify-content:start;min-height:64px;padding:12px;display:flex}.item-copy{overflow-wrap:anywhere;flex:1;min-width:0}.item-copy strong,.item-copy small{display:block}.item-copy small{color:var(--text-sekundar);margin-top:4px;font-size:14px;font-weight:400}.inventory-notes{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-sekundar);padding:0 12px;font-size:14px}.item-actions{gap:12px;display:grid}.item-move{gap:8px;display:grid}.item-actions>button{width:100%}.add-item{margin-top:16px}.add-item>button{justify-content:space-between;width:100%}.add-item>button:after{content:"";width:24px}.stock-details{color:var(--text-sekundar);margin-top:24px;font-size:14px}.box-actions{gap:8px;display:grid}.delete-confirmation button{width:100%;margin-top:12px}.household-picker{margin-bottom:24px}.cellar-workspace--loose{display:block}.cellar-workspace--loose .content-panel{background:0 0;max-width:640px;padding:0}@media (width>=768px){.places>.place-list>.place-form>button{background:0 0}}@media (width<=1000px) and (width>=768px){.place-list{grid-template-columns:repeat(3,minmax(0,1fr))}.main-nav{gap:4px;left:38%}.main-nav button{gap:8px;width:110px}}@media (width<=767px){.view-heading{gap:8px;margin-bottom:24px}.view-heading h2{font-size:22px;font-weight:700;line-height:30px}.view-heading>.icon-button{display:flex}.view-heading>.icon-button:first-child{margin-left:-8px}.view-heading>.icon-button:last-child{margin-right:-8px}.place-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.place-more{top:12px;right:8px}.place-open strong{margin-top:4px}.place-list .place-form>button,button.place-open{min-height:212px}.section-heading h3{font-size:22px}.cellar-workspace{display:block}.container-panel{background:0 0;margin-bottom:12px;padding:0}.container-panel .section-heading{margin-bottom:12px}.container-panel h3{font:400 14px/20px Inter,sans-serif}.cellar-selection{max-height:160px;padding:2px;scroll-padding:4px;overflow-y:auto}.content-panel{padding:12px}.cellar h2{font-size:22px;line-height:30px}.places-back{margin-bottom:16px}.inventory-search{margin-block:0 8px}.cellar>.stock-details{margin-top:16px}}.location-view{position:relative}.location-view>.manage-menu{top:72px}@media (width<=767px){.location-view>.places-back{z-index:2;border:0;width:44px;height:44px;min-height:44px;padding:0;font-size:0;position:absolute;top:0;left:-8px}.location-view>.places-back:before{content:"‹";font-size:32px;font-weight:400}.location-view>.manage-menu{top:0}.location-view .cellar>h2,.location-view .place-count{margin-left:44px}}.cellar-selection button.secondary{border-color:var(--rand-standard)}.cellar-selection button.secondary[aria-pressed=true]{border-color:var(--akzent-lavendel)}.item-copy strong{font-size:16px;line-height:22px}.item-copy small{margin-top:0;line-height:20px}.item-toggle{min-height:64px;padding:10px}@media (width>=768px){.places-back.secondary{border:0;min-height:32px;padding-left:0}}.place-card>.manage-menu{top:16px;right:16px}@media (width<=767px){.place-card>.manage-menu{top:12px;right:8px}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/design/fonts/inter-400.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/design/fonts/inter-500.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/design/fonts/inter-600.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/design/fonts/manrope-700.ttf)format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/design/fonts/manrope-800.ttf)format("truetype")}:root{--palette-nacht:#111421;--palette-flache:#23273b;--palette-flache-erhoht:#2b3046;--palette-linie:#424a65;--palette-lavendel:#c6a9f7;--palette-lavendel-dunkel:#372e50;--palette-mint:#ade8d7;--palette-pfirsich:#f2b69e;--palette-schrift:#f7f3fa;--palette-schrift-dezent:#bdc2d5;--palette-tinte:#171a28;--palette-warnung:#f0a1aa;--hintergrund-seite:var(--palette-nacht);--hintergrund-karte:var(--palette-flache);--hintergrund-eingabe:var(--palette-flache-erhoht);--hintergrund-auswahl:var(--palette-lavendel-dunkel);--akzent-lavendel:var(--palette-lavendel);--akzent-mint:var(--palette-mint);--akzent-pfirsich:var(--palette-pfirsich);--text-primar:var(--palette-schrift);--text-sekundar:var(--palette-schrift-dezent);--text-auf-akzent:var(--palette-tinte);--rand-standard:var(--palette-linie);--rand-auswahl:var(--palette-lavendel);--status-loschen:var(--palette-warnung);--abstand-4:4px;--abstand-8:8px;--abstand-12:12px;--abstand-16:16px;--abstand-20:20px;--abstand-24:24px;--abstand-32:32px;--abstand-48:48px;--abstand-64:64px;--ecken-karte:20px;--ecken-klein:12px;--ecken-dialog:24px;--ecken-pille:999px;--gro-e-touch:44px;color:var(--text-primar);background:var(--hintergrund-seite);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;font-family:Inter,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,summary{-webkit-tap-highlight-color:transparent}button{background:var(--akzent-mint);min-height:48px;color:var(--text-auf-akzent);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--text-primar);border-color:var(--akzent-lavendel);background:0 0}.icon{object-fit:contain;flex:0 0 24px}.icon-button{flex-shrink:0;width:44px;height:44px;min-height:44px;padding:10px}button.icon-button.secondary{border:0}:focus-visible{outline:3px solid var(--akzent-mint);outline-offset:3px}h1,h2,h3{overflow-wrap:anywhere;font-family:Manrope,sans-serif}h1,h2{margin:0;font-size:28px;font-weight:800;line-height:36px}h3{margin:0;font-size:22px;font-weight:700;line-height:30px}p{margin:0 0 16px}.shell{max-width:1440px;margin:auto;padding:24px 32px 48px}.intro{align-items:center;gap:12px;min-height:48px;margin-bottom:56px;display:flex}.brand-image{object-fit:cover;border-radius:12px;flex-shrink:0}.brand-copy h1{font-size:22px;font-weight:700;line-height:30px}.brand-copy p{color:var(--text-sekundar);margin:4px 0 0;font-size:14px}.intro>button{margin-left:auto}.main-nav{gap:24px;display:flex;position:absolute;top:24px;left:calc(50% - 288px)}.main-nav button{border:0;gap:24px;width:150px;font-size:14px;font-weight:400}.main-nav button[aria-current]{background:var(--hintergrund-auswahl);border-radius:20px}.main-nav button:not([aria-current]){color:var(--text-sekundar)}.card{padding:0}.card:has(#section-title){background:var(--hintergrund-karte);border:1px solid var(--rand-standard);border-radius:20px;max-width:480px;margin:48px auto;padding:24px}.card:has(#section-title) h2{margin-bottom:16px}.home-view{grid-template-columns:2fr 1fr;align-items:center;gap:24px;display:grid}.home-view:before{content:"Hallo Anna & Sebastian";grid-column:1/-1;margin-bottom:12px;font:800 28px/36px Manrope,sans-serif}.module-card{background:var(--hintergrund-karte);border:1px solid var(--rand-standard);border-radius:20px;overflow:hidden}.module-copy{padding:16px}.module-copy h2{font-size:22px;font-weight:700;line-height:30px}.module-copy p{color:var(--text-sekundar);margin:8px 0 4px}.module-art{aspect-ratio:344/164;width:100%;display:block}.module-action{padding:16px}.module-action button{width:100%}.future-modules{gap:16px;display:grid}.future-module{background:var(--hintergrund-karte);border:1px solid var(--rand-standard);border-radius:20px;padding:16px}.future-module h3{margin:8px 0;font:600 16px/22px Inter,sans-serif}.future-module p{color:var(--text-sekundar);background:var(--hintergrund-eingabe);border-radius:999px;margin:0;padding:8px;font-size:14px}label{font-size:14px}input,select,textarea{width:100%;min-width:0;color:var(--text-primar);background:var(--hintergrund-eingabe);border:1px solid var(--rand-standard);border-radius:12px;min-height:48px;padding:12px 16px}input::placeholder,textarea::placeholder{color:var(--text-sekundar);opacity:1}textarea{resize:vertical;min-height:88px}form{gap:12px;margin-top:20px;display:grid}form h3,form h5{display:none}form button{width:100%}.hint{color:var(--text-sekundar);font-size:14px;line-height:20px}[role=alert]{color:var(--status-loschen)}[role=status]{color:var(--text-sekundar);font-size:14px}.danger{background:var(--status-loschen);color:var(--text-auf-akzent)}button.danger.secondary{color:var(--status-loschen);border-color:var(--status-loschen)}summary{cursor:pointer;min-height:44px;padding-block:10px}.password-request{margin-top:24px}.modal{border:1px solid var(--rand-standard);background:var(--hintergrund-karte);width:min(440px,100% - 24px);max-height:calc(100dvh - 32px);color:var(--text-primar);border-radius:24px;padding:24px;overflow-y:auto;box-shadow:0 24px 80px #0008}.modal::backdrop{background:#090c17b8}.modal-heading{align-items:start;gap:12px;margin-bottom:20px;display:flex}.modal-heading h2{flex:1;font:700 22px/30px Manrope,sans-serif}.modal-heading .icon-button{margin:-8px -8px 0 0}.modal>button{width:100%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=768px){.brand-copy p{display:none}.intro .icon-button{gap:16px;width:auto}.intro .icon-button:after{content:"Einstellungen"}}@media (width<=767px){.shell{padding:max(20px, env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.intro{gap:12px;margin-bottom:16px}.intro--storage{display:none}.brand-copy{flex:1;min-width:0}.brand-copy h1{font-size:22px;line-height:30px}.brand-copy p{font-size:14px}.main-nav{z-index:10;background:var(--hintergrund-seite);width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px;position:fixed;top:auto;bottom:0;left:0}.main-nav button{flex:1;width:auto;min-width:0;height:48px;font-size:12px}.home-view{display:block}.home-view:before{display:none}.future-modules{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.future-module{min-width:0}.card:has(#section-title){margin:24px 0}input,select,textarea{font-size:16px}.modal{padding:24px}}.home-view:before{display:none}.home-intro{grid-column:1/-1}.home-intro p{color:var(--text-sekundar);margin:20px 0 0;font-size:14px}@media (width<=767px){.home-intro{display:none}}