/* Gewählte Kombination: Umrandung aus Entwurf 2, Phosphor-Icons aus Entwurf 3. */
:root{--nav-gold:#d5bf8c;--nav-height:76px}
body{padding-bottom:0}main{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
.main-nav{left:50%;right:auto;bottom:calc(10px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 24px);max-width:610px;border:1px solid var(--nav-gold);border-radius:32px;background:#080908;padding:5px;gap:2px;z-index:40;align-items:stretch;isolation:isolate}
.main-nav a{flex:1!important;min-width:0;min-height:60px;padding:7px 2px;gap:4px;border:0;border-radius:25px;display:flex;flex-direction:column;justify-content:center;color:var(--cream);font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;line-height:1.1;text-transform:uppercase}
.main-nav .nav-icon{width:23px;height:23px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}
.main-nav a[aria-current=page]{background:var(--nav-gold);color:#080908;box-shadow:none}
.main-nav a:hover{color:var(--nav-gold)}.main-nav a[aria-current=page]:hover{color:#080908}
.main-nav a:focus-visible{outline:2px solid var(--nav-gold);outline-offset:2px}
@media(min-width:901px){.main-nav{max-width:690px}.main-nav a{font-size:16px;min-height:56px}}
@media(prefers-reduced-motion:reduce){.main-nav *{transition:none}}
#seiteninhalt h1{font-size:clamp(2.7rem,10vw,5rem);line-height:1}
#seiteninhalt img{max-width:100%;height:auto}#seiteninhalt .page-logo-overlay,#seiteninhalt .weissrecords-logo{max-width:200px}#seiteninhalt h2{line-height:1.1}

.lesson-entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:620px;margin:32px 0}.lesson-entry .button{justify-content:center;min-height:72px}.lesson-entry .button.secondary{border-color:var(--nav-gold);color:var(--nav-gold)}