/* Wiederherstellung des freigegebenen Landschaftsentwurfs. */
:root{font-family:Arial,Helvetica,sans-serif;font-size:18px;background:#e9eadb;color:#123d2e}
.app{max-width:540px;background:#073d2c url('assets/alpine-background.png') center top / 100% auto no-repeat;box-shadow:0 12px 70px #052b2940;padding-bottom:76px;min-height:100dvh}
header{min-height:174px;padding:19px 12px 10px;background:linear-gradient(#fff9dfcc 0%,#fff9df9c 48%,transparent 100%)}
.brand{gap:8px;align-items:center}.brand img{width:65px;height:65px;border-radius:18px;border:1px solid #fff9d9;box-shadow:0 2px 8px #123b3b50;object-fit:cover}
.brand h1{font-size:clamp(1.45rem,7.5vw,2.2rem);letter-spacing:-1.5px;line-height:1.04;font-weight:900;color:#073e2e;text-shadow:0 1px #fffbe9}
.by{font-size:.84rem;line-height:1.3;color:#172c21;margin-top:4px}.motto{font-size:.72rem;color:#142e2b;font-weight:500;margin:6px 0 0;text-shadow:0 1px 3px #fff}
.utility{padding:0 13px 5px;color:#fff9e6;font-size:.62em;min-height:35px}.demo{background:#fff7dce6;color:#21452e;padding:5px 8px;border:1px solid #e0d5b6}.utility button{color:#fff9e6;text-shadow:0 1px 3px #052e25;background:#164b35b3;border-radius:8px;padding:0 9px;min-height:32px;font-size:inherit}
main{padding:4px 12px 14px}.home-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-intro{display:none}
.tiles{gap:10px}.tile{min-height:88px;padding:12px 14px;border-radius:11px;gap:14px;border:1px solid #e4f8ff80;box-shadow:inset 0 2px 4px #ffffff65,inset 0 -3px 8px #001b3930,0 3px 5px #001b2b70;background:linear-gradient(180deg,var(--light),var(--dark));text-shadow:0 1px 2px #143c4250}.tile .icon{width:46px;height:46px}.tile strong{font-size:1.04em;font-weight:600}.tile small{font-size:.69em;margin-top:4px;color:#fffaf4}.standard{gap:10px}.standard .tile{min-height:121px;padding:10px 5px;gap:5px}.standard .tile strong{font-size:.86em}.standard .tile small{font-size:.6em}.standard .tile .icon{height:36px;width:36px}
.green{--light:#86ba4a;--dark:#347d2d}.blue{--light:#12b5e8;--dark:#0073b9}.orange{--light:#ffa522;--dark:#dc6e08}.purple{--light:#a646dc;--dark:#6320aa}.red{--light:#fb5254;--dark:#bd2435}.gray{--light:#9ca5a1;--dark:#59645f}
.home-mode{color:#eee9c9;text-align:center;font-size:.62em;margin:11px 0 0}footer{color:#eeeacb;padding:0 0 19px}footer svg{width:118px;height:22px}footer strong{font-size:.9em;line-height:1}footer small{font-size:.43em;letter-spacing:1.4px;margin-top:6px}
nav{max-width:540px;background:#fffae8;border-top:1px solid #d2cba9;padding-top:3px;backdrop-filter:none}nav button{font-size:1.25rem;min-height:49px}nav span{font-size:.6rem}nav button[aria-current="page"]{background:#ecebd8}
body.subpage main{margin:0 9px 14px;padding:12px;background:#fffbeaee;border-radius:13px}body.subpage .app{background-color:#073d2c}body.subpage .back{margin:0 0 6px}body.subpage h2{font-size:1.35em}.card{border-color:#d9dac3;background:#fffef4;box-shadow:0 2px 5px #173b2910}.choice{background:#fffff4;border-color:#dfdfc5}.notice{background:#fff1cc}.toast{font-family:Arial,Helvetica,sans-serif;box-shadow:0 4px 20px #0003}
@media(max-width:350px){.brand img{width:52px;height:52px}.tile strong{font-size:.92em}.tile small{font-size:.64em}header{min-height:155px}.tile{gap:9px}}
@media(min-width:600px){header{min-height:210px;padding-top:27px}main{padding-inline:18px}.tile{min-height:95px}.standard .tile{min-height:140px}}