*{box-sizing:border-box}body{margin:0;font-family:Inter,'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#00a9e9;color:#06213b;font-weight:700}a{color:#0076ae}.display-body{background:#06182c;color:white;overflow:hidden}.display{height:100dvh;width:100vw;display:grid;grid-template-columns:70% 30%;gap:0}.club{display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,#0b3055,#071c35);padding:clamp(15px,2.1vw,40px)}.club header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #3a6282;padding-bottom:18px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{font-size:clamp(35px,5vw,82px);font-weight:900;letter-spacing:-.08em;color:#79d8ff}.brand strong{display:block;letter-spacing:.15em;font-size:clamp(12px,1.25vw,24px)}.brand small{display:block;margin-top:8px;color:#8ebdd8;font-size:clamp(10px,.9vw,16px)}.clock{font-size:clamp(12px,1.2vw,23px);color:#c5dcea;white-space:nowrap}.club main{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.club footer{border-top:1px solid #3a6282;padding-top:15px;display:flex;justify-content:space-between;align-items:center;color:#b4d2e4;font-size:clamp(12px,1vw,20px)}.outline{border:1px solid #65c9f7;background:transparent;color:white}.page{max-width:100%;padding:2vw 0}.page h1,.menu h1,.category h1{font-size:clamp(28px,4vw,72px);line-height:1.06;margin:14px 0 25px}.eyebrow{color:#7ddaff;text-transform:uppercase;letter-spacing:.16em;font-size:clamp(13px,1.3vw,23px)}.page-text{font-size:clamp(18px,2vw,36px);line-height:1.45;white-space:normal}.content-image{max-width:100%;max-height:40vh;object-fit:contain;border-radius:15px;display:block;margin:15px auto}.action{display:inline-block;background:#00a9e9;color:#06213b;padding:15px 24px;border-radius:10px;font-weight:700;text-decoration:none;font-size:clamp(14px,1.3vw,24px)}.sponsors{background:#edf3f7;color:#15354d;display:flex;flex-direction:column;padding:clamp(12px,1.5vw,30px);border-left:6px solid #21a9de}.sponsor-title{text-align:center;letter-spacing:.12em;font-size:clamp(12px,1.2vw,22px);font-weight:800;border-bottom:1px solid #c3d5e2;padding:12px 0}.sponsor-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.sponsor-card{text-align:center;width:100%}.sponsor-card h2{font-size:clamp(20px,2.6vw,50px);overflow-wrap:anywhere}.sponsor-card p{font-size:clamp(14px,1.5vw,26px)}.sponsor-card img{max-height:55vh}.sponsor-foot{text-align:center;font-size:clamp(11px,1vw,20px);color:#668399}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.menu-grid button,.tile-list button{background:#174a77;color:white;text-align:left;font-size:clamp(18px,2vw,33px);padding:clamp(16px,2vw,32px);border:1px solid #397da7}.tile-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.floating-back{align-self:flex-start}.centered{text-align:center}.admin-body{background:#f2f6fa;color:#17314a;min-height:100vh}.admin-wrap{max-width:1120px;margin:auto;padding:25px}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-header h1{margin-bottom:0}.admin-header p{margin-top:5px;color:#657b90}.tabs{display:flex;gap:8px;margin:22px 0}.tabs a{background:white;padding:13px 20px;border-radius:10px;text-decoration:none;font-weight:700}.tabs .active{background:#0a3b65;color:white}.panel{background:white;border-radius:18px;padding:26px;margin:18px 0;box-shadow:0 5px 20px #103b5b12}.panel h2{margin-top:0}.install{max-width:550px;margin:7vh auto}form label{display:block;margin:15px 0;font-weight:650}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:12px;border:1px solid #c6d5df;border-radius:9px;margin-top:6px;background:white;color:#17314a}input[type=file]{padding:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.check{display:flex;align-items:center;gap:10px}.entries{display:grid;gap:10px}.entry{border:1px solid #dce6ed;border-radius:12px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}.entry small{display:block;color:#71879a;margin-top:5px}.entry-actions{display:flex;align-items:center;gap:8px}.smallbtn{background:#e7f2fa;padding:12px;border-radius:10px;text-decoration:none}.danger{background:#ffe4e4;color:#9b2323}.error{background:#ffe5e5;padding:15px;border-radius:9px;color:#a51c1c}.success{background:#e2f5e8;padding:15px;border-radius:9px;color:#116a37}.muted{color:#74889a}.preview{max-width:240px;max-height:160px;object-fit:contain}@media(max-width:800px){.display{grid-template-columns:70% 30%}.club{padding:10px}.club header{padding-bottom:8px}.brand{gap:7px}.brand strong{letter-spacing:0}.clock{display:none}.club footer{padding-top:6px}.menu-grid{gap:7px}.menu-grid button{padding:12px}.sponsors{padding:8px;border-left-width:3px}.admin-header,.entry{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}}

/* v0.3 – große Touchflächen, Vorschauen, bessere Skalierung */
.entry-main{display:flex;align-items:center;gap:16px;min-width:0}.entry-thumb{width:100px;height:68px;object-fit:contain;background:#f0f5f9;border-radius:8px;flex-shrink:0}.entry-actions button,.entry-actions a{min-height:44px}.menu-grid button,.tile-list button,#menuBtn,.floating-back{min-height:64px;touch-action:manipulation}.display{height:100dvh;min-height:0}.club,.sponsors{min-width:0;min-height:0}.page-text{overflow-wrap:anywhere}.sponsor-card img{max-width:100%;object-fit:contain}@media(max-width:650px){.entry-main{align-items:flex-start}.entry-thumb{width:75px;height:60px}.entry-actions{flex-wrap:wrap}}

/* VVS-Abfahrtstafel im linken 70%-Bereich, responsiv statt fester 992x565 Pixel */
.vvs-page{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:1.2vw 0}.vvs-page h1{font-size:clamp(24px,2.6vw,50px);margin:8px 0 14px}.vvs-frame{flex:1;min-height:0;width:100%;background:#fff;border-radius:12px;overflow:hidden}.vvs-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.vvs-page .eyebrow{font-size:clamp(12px,1vw,20px)}

/* v0.4 – einheitliche Hbi-Farben, originaler Schriftzug, Datum und Version */
.display-body{background:#101f4e}
.club{background:linear-gradient(135deg,#142554,#101f4e)}
.sponsors{background:#1d305d;color:#f0f5ff;border-left:1px solid #364b75}
.sponsor-title{color:#f1f6ff;border-bottom:1px solid #3b4f78;letter-spacing:.045em;text-transform:none}
.sponsor-foot{color:#b4c4df;border-top:1px solid #3b4f78;padding-top:12px;position:relative;padding-right:45px}
.app-version{position:absolute;right:0;bottom:0;font-size:clamp(10px,.7vw,13px);font-weight:400;color:#8492b1}
.brand{display:flex;align-items:flex-start;flex-direction:column;gap:5px;min-width:0}
.brand-wordmark{width:clamp(190px,22vw,400px);height:auto;max-height:90px;object-fit:contain;object-position:left center}
.brand-subtitle{font-size:clamp(10px,.85vw,15px);color:#a8bbd9;letter-spacing:.08em}
.clock{display:flex;flex-direction:column;align-items:flex-end;gap:3px;color:#e1e9f5;font-size:clamp(13px,1.2vw,23px);font-variant-numeric:tabular-nums}
.clock strong{font-size:clamp(16px,1.55vw,29px);font-weight:600;color:#fff}
.sponsor-card{color:#f0f5ff}.sponsor-card p{color:#c3d1e8}
.sponsor-card img{max-width:100%;max-height:55vh;object-fit:contain}
@media(max-width:800px){.clock{display:flex;font-size:clamp(10px,1.3vw,15px)}.clock strong{font-size:clamp(11px,1.5vw,18px)}.brand-wordmark{width:clamp(120px,22vw,220px)}.brand-subtitle{font-size:9px}}

/* v0.5 – Infokarten, Touchmenü, vollständig sichtbare Sponsorenbilder */
.club{background:linear-gradient(145deg,#142554,#101f4e);padding:clamp(16px,1.65vw,34px)}
.club header{flex-shrink:0;padding-bottom:clamp(10px,1.2vw,22px);border-bottom-color:#344872}
.brand-wordmark{width:clamp(220px,21vw,415px);max-height:100px;display:block}
.clock{min-width:clamp(110px,10vw,200px);align-items:center;text-align:center;justify-content:center;gap:4px}
.club main{padding:clamp(12px,1.2vw,24px) 0;justify-content:stretch}
.page,.menu,.category{width:100%;max-width:none}
.info-card{background:#1a2d59;border:1px solid #304977;border-radius:clamp(14px,1.3vw,24px);padding:clamp(18px,2.1vw,42px);box-shadow:0 12px 36px #07112b24}
.page.info-card{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.1vw,22px)}
.page.info-card h1{font-size:clamp(35px,3.9vw,78px);margin:0;line-height:1.1}
.page.info-card .page-text{margin:0;font-size:clamp(20px,1.9vw,38px);line-height:1.4}
.page.info-card .content-image{max-height:36vh;margin:0 auto}
.page.info-card .action{align-self:flex-start}
.menu.info-card,.category.info-card{margin:auto 0}
.menu.info-card h1,.category.info-card h1{font-size:clamp(30px,3vw,62px);margin:0 0 25px}
.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,1vw,20px)}
.menu-grid button{min-height:clamp(95px,10vw,175px);border-radius:16px;text-align:center;background:#233c6d;border:1px solid #405d8d;font-size:clamp(16px,1.4vw,27px);padding:clamp(12px,1.5vw,26px);transition:background .15s}
.menu-grid button:active,.tile-list button:active{background:#3466a0}
.tile-list button{border-radius:14px}
.sponsors{background:#20335f;padding:clamp(14px,1.5vw,30px)}
.sponsor-title{flex-shrink:0}
.sponsor-content{padding:clamp(8px,1vw,20px) 0;overflow:hidden}
.sponsor-card{height:100%;width:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,1vw,20px)}
.sponsor-card .content-image{display:block;width:100%;height:auto;max-width:100%;max-height:65vh;object-fit:contain;margin:0 auto;flex:0 1 auto}
.sponsor-card h2{font-size:clamp(18px,1.9vw,38px);margin:0}
.sponsor-card p{font-size:clamp(13px,1.15vw,23px);margin:0}
.sponsor-foot{flex-shrink:0}
.vvs-page{flex:1;padding:0;min-height:0}
.vvs-frame{border-radius:16px}
@media(max-width:900px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid button{min-height:75px}.page.info-card{padding:15px}.clock{min-width:100px}.brand-wordmark{width:clamp(140px,20vw,250px)}}
@media(prefers-reduced-motion:reduce){.menu-grid button{transition:none}}

/* v0.5.1 – VVS-Abfahrtstafel: feste nutzbare Hoehe, lesbarer Fallback */
.club main:has(.vvs-page){justify-content:stretch;overflow:hidden}
.vvs-page{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:8px}
.vvs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.vvs-head h1{margin:2px 0 5px;font-size:clamp(24px,2.1vw,42px)}
.vvs-open{color:#fff;background:#205a88;padding:10px 15px;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:clamp(12px,.95vw,18px)}
.vvs-frame{position:relative;display:block;flex:1 1 auto;min-height:300px;width:100%;overflow:hidden;background:#fff;border-radius:12px}
.vvs-frame iframe{display:block;width:100%;height:100%;min-height:300px;border:0;background:#fff}
.vvs-hint{flex-shrink:0;color:#c2d0e7;font-size:clamp(10px,.8vw,14px);line-height:1.3}
/* v0.5.2: Diagnose-Link, bestehendes Layout unveraendert */
.vvs-hint a{color:#8fdbff;text-decoration:underline}

/* v0.5.3 – sichtbare VVS-Ausweichansicht statt leerer iframe-Flaeche */
.vvs-fallback{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;border:1px solid #365783;border-radius:16px;background:#172c52;padding:clamp(16px,2vw,36px);text-align:center}
.vvs-fallback-inner{max-width:740px;display:flex;align-items:center;flex-direction:column;gap:clamp(12px,1.2vw,22px)}
.vvs-fallback h2{font-size:clamp(22px,2vw,38px);line-height:1.2;margin:0}
.vvs-fallback p{font-size:clamp(15px,1.15vw,23px);line-height:1.4;margin:0;color:#d4e3f6}
.vvs-symbol{font-size:clamp(36px,4vw,72px)}
.vvs-primary{display:inline-block;background:#1874aa;color:white;text-decoration:none;font-weight:700;border-radius:12px;padding:clamp(12px,1.3vw,24px) clamp(18px,2vw,34px);font-size:clamp(17px,1.4vw,27px)}
.vvs-secondary{background:transparent;color:#d4eaff;border:1px solid #6b9dc8;border-radius:10px;padding:10px 18px;font-size:clamp(13px,1vw,19px);cursor:pointer}
.vvs-fallback .vvs-small{font-size:clamp(12px,.85vw,16px)}
/* v0.5.4 – native EFA departure board, no iframe */
.vvs-live{gap:clamp(10px,1vw,18px)}.vvs-live .vvs-head h1{font-size:clamp(24px,2.1vw,44px)}.vvs-live-tag{background:#194b75;color:#b7ecff;padding:9px 14px;border-radius:12px;font-weight:700;white-space:nowrap}.vvs-board{background:#f8fbff;color:#132c47;border-radius:18px;flex:1;min-height:0;overflow:auto;padding:clamp(12px,1.2vw,24px);display:flex;flex-direction:column}.vvs-board-head{display:flex;justify-content:space-between;color:#54718d;font-weight:700;border-bottom:1px solid #d7e4ef;padding-bottom:12px;font-size:clamp(13px,1vw,20px)}.vvs-departures{flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.vvs-row{display:flex;align-items:center;gap:clamp(12px,1.2vw,22px);border-bottom:1px solid #e4ebf4;padding:clamp(8px,.75vw,15px) 0}.vvs-row:last-child{border-bottom:0}.vvs-line{background:#0b91c5;color:white;font-size:clamp(18px,1.5vw,30px);font-weight:800;border-radius:9px;min-width:clamp(58px,4vw,85px);text-align:center;padding:9px 6px}.vvs-destination{flex:1;min-width:0;font-size:clamp(17px,1.5vw,30px);font-weight:600;overflow-wrap:anywhere}.vvs-minutes{text-align:right;white-space:nowrap;font-size:clamp(20px,1.8vw,36px);font-weight:800}.vvs-minutes small{display:block;color:#6b8298;font-size:clamp(12px,.95vw,19px);font-weight:400}.vvs-message{color:#3c5773;font-size:clamp(18px,1.5vw,30px);padding:30px;text-align:center}.vvs-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#b9d0e7;font-size:clamp(12px,.85vw,17px)}.vvs-bottom a{color:#9bdfff}

/* v0.5.6 – dunkles Hbi-Abfahrtsboard, ohne Scrollbalken */
.vvs-live{gap:clamp(9px,.9vw,16px)}
.vvs-live .vvs-head h1{margin:4px 0 7px}
.vvs-live-tag{background:#194b75;color:#a7e7ff}
.vvs-board{background:#213861;color:#f5f9ff;border:1px solid #39547f;border-radius:18px;overflow:hidden;padding:clamp(14px,1.2vw,24px);box-shadow:0 6px 24px #07153330}
.vvs-board-head{color:#adc9e8;border-bottom:1px solid #415b80;padding-bottom:clamp(8px,.7vw,14px);font-size:clamp(12px,.95vw,19px)}
.vvs-departures{justify-content:space-evenly;min-height:0;overflow:hidden}
.vvs-row{flex:1 1 0;min-height:0;border-bottom:1px solid #3e5579;padding:clamp(5px,.5vw,11px) 0;gap:clamp(12px,1.2vw,22px)}
.vvs-row:last-child{border-bottom:0}
.vvs-line{background:#0c94c6;color:#fff;border-radius:9px;padding:clamp(7px,.6vw,12px) 6px}
.vvs-destination{color:#fff;font-weight:600}
.vvs-minutes{color:#fff}
.vvs-minutes small{color:#aec5e2}
.vvs-message{color:#c6dcf2}
.vvs-bottom{color:#b9d0e7}
@media(max-height:650px){.vvs-live{gap:6px}.vvs-live .vvs-head h1{margin:0;font-size:clamp(20px,1.8vw,32px)}.vvs-board{padding:10px 14px}.vvs-row{padding:3px 0}.vvs-line{padding:5px}.vvs-bottom{font-size:12px}}

/* v0.5.7 – sechs sichtbare Abfahrten, Kioskmodus ohne externen Link */
.club main:has(.vvs-page){flex:1 1 auto;min-height:0;justify-content:stretch}
.vvs-page.vvs-live{flex:1 1 auto;height:auto;min-height:0;display:flex;flex-direction:column}
.vvs-live .vvs-board{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.vvs-live .vvs-departures{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly}
.vvs-live .vvs-row{flex:1 1 0;min-height:0;padding:clamp(4px,.45vw,10px) 0}
.vvs-live .vvs-bottom{flex:0 0 auto}
@media(max-height:760px){.vvs-live .vvs-line{padding:5px 6px}.vvs-live .vvs-row{padding:2px 0}.vvs-live .vvs-minutes{font-size:clamp(19px,1.6vw,30px)}}

/* v0.5.8 – Uhrzeit und Minuten nebeneinander, keine Ueberlagerung */
.vvs-live .vvs-row{flex:1 1 0;min-height:0;display:flex;align-items:center;gap:clamp(10px,1vw,20px);padding:clamp(3px,.35vw,8px) 0}
.vvs-live .vvs-line{flex:0 0 clamp(58px,4vw,85px);min-width:0;box-sizing:border-box;padding:clamp(4px,.4vw,8px) 6px;line-height:1.1}
.vvs-live .vvs-destination{flex:1 1 auto;min-width:0;line-height:1.2}
.vvs-live .vvs-times{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,40px);white-space:nowrap;min-width:clamp(190px,16vw,330px)}
.vvs-live .vvs-clocktime{color:#aec5e2;font-size:clamp(13px,1vw,20px);font-weight:500;font-variant-numeric:tabular-nums}
.vvs-live .vvs-minutes{display:block;min-width:clamp(76px,6.4vw,130px);text-align:right;line-height:1.1;font-size:clamp(19px,1.65vw,32px);font-variant-numeric:tabular-nums}
@media(max-width:900px){.vvs-live .vvs-times{min-width:0;gap:10px}.vvs-live .vvs-clocktime{font-size:12px}.vvs-live .vvs-minutes{min-width:66px;font-size:18px}.vvs-live .vvs-destination{font-size:15px}}

/* v0.5.9 – Kiosk-Navigation: Startseite links, Status mittig, Menue rechts */
.club footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,1vw,20px)}
.club footer #homeBtn{justify-self:start;min-height:64px;touch-action:manipulation}
.club footer #status{justify-self:center;text-align:center;white-space:normal}
.club footer #menuBtn{justify-self:end;min-height:64px;touch-action:manipulation}
@media(max-width:650px){.club footer{gap:6px}.club footer #homeBtn,.club footer #menuBtn{padding:9px 10px;min-height:44px;font-size:11px}.club footer #status{font-size:10px}}


/* v0.6.0 – Hbi Arena: visuelle Überarbeitung nur der linken Clubseite.
   EFA, Sponsoren, Rotation, Navigation und Administration bleiben unverändert. */
.display-body{background:#03152c}
.club{position:relative;isolation:isolate;background:linear-gradient(130deg,#06172f 0%,#091d3e 53%,#071630 100%);overflow:hidden}
.club::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.42;background-image:radial-gradient(circle,#17baff 1px,transparent 1.6px);background-size:12px 12px;mask-image:linear-gradient(90deg,#000 0%,transparent 29%);-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 29%)}
.club::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:-1;opacity:.42;background:linear-gradient(146deg,transparent 0 55%,#0871dc 55.4% 57%,transparent 57.4% 60%,#08a9ec 60.3% 61%,transparent 61.4% 100%);clip-path:polygon(48% 0,100% 0,100% 72%,72% 78%,35% 100%,0 100%,0 94%)}
.club header{border-bottom:2px solid #17bdf5;padding-bottom:clamp(12px,1.4vw,26px)}
.brand-subtitle{color:#6bd8ff;font-weight:700;letter-spacing:.14em}
.clock strong{font-size:clamp(21px,2.15vw,40px);font-weight:800}
.club footer{border-top:2px solid #1b9bd5;position:relative;z-index:1}
.club footer .outline{border:2px solid #16c9ff;border-radius:16px;background:linear-gradient(150deg,#103e76,#081d3b);box-shadow:inset 0 1px 0 #6bdfff30;color:#fff;font-weight:800}
.club footer .outline:active{background:#1764a2}
.club footer #status{color:#e7f4ff;font-weight:650}
.menu.info-card,.category.info-card{background:linear-gradient(140deg,#0c2348eF,#08182feF);border:1px solid #2772a0;box-shadow:0 15px 40px #01081780}
.menu.info-card h1,.category.info-card h1{font-weight:900;text-transform:uppercase;letter-spacing:.015em;color:#fff;text-shadow:2px 3px 0 #061426}
.menu.info-card h1::after,.category.info-card h1::after{content:"";display:block;margin-top:14px;width:clamp(110px,16vw,300px);height:6px;background:linear-gradient(90deg,#12c9fa,#0075e7);transform:skewX(-25deg);border-radius:5px}
.menu-grid{gap:clamp(12px,1.2vw,23px)}
.menu-grid button{position:relative;overflow:hidden;min-height:clamp(110px,11vw,205px);border-radius:20px;border:1px solid #2788c9;border-left:7px solid #14caff;background:linear-gradient(145deg,#123d72,#081b3b);box-shadow:0 10px 25px #0005,inset 0 1px 0 #79d5ff22;color:#fff;font-weight:850;text-transform:uppercase;letter-spacing:.025em;text-align:left;display:flex;align-items:flex-end;padding:clamp(16px,1.8vw,34px);transition:background .15s,transform .15s}
.menu-grid button::before{content:"";pointer-events:none;position:absolute;top:-18%;right:-5%;width:66%;height:65%;transform:rotate(-24deg);background:linear-gradient(0deg,transparent 30%,#0786e944 34% 39%,transparent 42% 49%,#12b9ff44 53% 58%,transparent 62%)}
.menu-grid button:active{transform:scale(.98);background:#16518c}
.tile-list button{background:linear-gradient(145deg,#164575,#0b274c);border:1px solid #2e89c6;border-left:5px solid #16caff;color:#fff;font-weight:700}
.page.info-card{background:linear-gradient(140deg,#152e58ed,#0c2044ed);border-color:#285b91}
.page.info-card h1{font-weight:900}
.eyebrow{color:#42d1ff;font-weight:800}
/* Die VVS-Tabelle behält ihre bewährten Abmessungen und ihre Lesbarkeit. */
.vvs-page .vvs-board{box-shadow:0 10px 32px #0005}
@media(max-width:900px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-grid button{min-height:110px}}
@media(prefers-reduced-motion:reduce){.menu-grid button{transition:none}}

/* v0.6.1 – Touch-Menue: sechs Kacheln ohne Scrollen, mit Symbolen */
.club main:has(> .menu.info-card){overflow:hidden;min-height:0;justify-content:stretch}
.menu.info-card{flex:1 1 auto;min-height:0;margin:0;display:flex;flex-direction:column;padding:clamp(13px,1.5vw,27px);overflow:hidden}
.menu.info-card h1{flex:0 0 auto;font-size:clamp(23px,2.55vw,47px);line-height:1.06;margin:0 0 clamp(9px,1.2vw,20px)}
.menu.info-card h1::after{height:5px;margin-top:clamp(7px,.8vw,13px);width:clamp(110px,14vw,260px)}
.menu.info-card .menu-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(9px,1vw,18px);margin:0}
.menu.info-card .menu-grid button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;min-height:0;min-width:0;padding:clamp(10px,1.3vw,24px);gap:clamp(6px,.75vw,14px);border:1px solid #18bff0;border-left:6px solid #14caff;border-radius:clamp(12px,1.2vw,20px);text-align:left}
.menu.info-card .menu-grid .menu-icon{display:block;flex:0 0 auto;width:clamp(30px,3vw,55px);height:clamp(30px,3vw,55px);color:#fff}
.menu.info-card .menu-grid .menu-icon svg{width:100%;height:100%}
.menu.info-card .menu-grid .menu-tile-text{display:flex;flex-direction:column;gap:clamp(2px,.25vw,5px);min-width:0;max-width:100%;padding-right:clamp(12px,1.1vw,22px)}
.menu.info-card .menu-grid strong{font-size:clamp(14px,1.38vw,27px);line-height:1.08;font-weight:900;overflow-wrap:anywhere}
.menu.info-card .menu-grid small{font-size:clamp(11px,.95vw,18px);line-height:1.2;color:#d1e1f6;font-weight:400;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}
.menu.info-card .menu-grid .menu-chevron{position:absolute;right:clamp(8px,.8vw,15px);bottom:clamp(18px,1.5vw,29px);font-size:clamp(23px,2.2vw,42px);font-weight:400;line-height:1;color:#d5edff}
@media(max-height:720px){.menu.info-card{padding:12px}.menu.info-card h1{font-size:clamp(20px,2.2vw,36px);margin-bottom:8px}.menu.info-card .menu-grid button{gap:4px;padding:9px}.menu.info-card .menu-grid .menu-icon{width:28px;height:28px}.menu.info-card .menu-grid small{font-size:11px}}
@media(max-width:900px){.menu.info-card .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.menu.info-card .menu-grid button{padding:8px}.menu.info-card .menu-grid strong{font-size:12px}.menu.info-card .menu-grid small{font-size:10px}.menu.info-card .menu-grid .menu-icon{width:27px;height:27px}}