/* deutschoderwas club — professionelles Türkis-Theme (auf allen Seiten eingebunden)
   Reines Optik-Overlay: Farben, Schrift, Karten, Buttons, Hintergrund + saubere SVG-Icons.
   Es werden KEINE Inhalte, Skripte oder Datenverbindungen berührt. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --turq:#35AFD0; --turq-dark:#35AFD0; --turq-2:#2DE0D4;
  --turq-soft:#E6F8FC; --turq-ink:#10627A;
  --gold:#EBA30B; --gold-soft:#FDF1D6; --gold-dk:#9A6B04;
  --red:#E1352C;
  --primary:#35AFD0; --primary-dark:#35AFD0; --pink:#35AFD0; --purple:#35AFD0;
  --ink:#14181B; --text:#14181B; --secondary:#14181B;
  --text-soft:#5A6B72; --soft:#5A6B72; --border:#E7ECEE; --bg:#F6F9FA; --cream:#F6F9FA;
}

html,body{background:transparent !important}
body{font-family:'Inter',system-ui,-apple-system,sans-serif !important;color:var(--ink) !important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.brand span,.logo span{font-family:'Inter',sans-serif !important;font-weight:800 !important;letter-spacing:-.02em}

/* Ruhiger, professioneller Hintergrund statt bunter Blobs */
.club-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;
  background:radial-gradient(1200px 700px at 82% -8%, #EAF9FB 0%, rgba(234,249,251,0) 60%),
             radial-gradient(900px 600px at -5% 110%, #F1FBFC 0%, rgba(241,251,252,0) 55%),
             linear-gradient(180deg,#FBFDFE 0%, #F6F9FA 100%) !important}
.club-bg .blob{display:none !important}
.club-floaties,.club-fl{display:none !important}

/* Buttons: professionell, ruhig, Marken-Türkis */
.btn{border-radius:12px !important;font-family:'Inter',sans-serif !important;font-weight:700 !important;
  transition:transform .14s ease, box-shadow .14s ease, background .14s ease !important}
.btn-primary{background:linear-gradient(135deg,#D83636,#B02B24) !important;color:#fff !important;
  border:none !important;box-shadow:0 6px 16px rgba(216,54,54,.28) !important}
.btn-primary:hover{transform:translateY(-1px) !important;box-shadow:0 10px 22px rgba(216,54,54,.34) !important}
.btn-ghost{background:#fff !important;color:var(--ink) !important;border:1px solid var(--border) !important;box-shadow:none !important}
.btn-ghost:hover{transform:translateY(-1px) !important;border-color:#D3DBDE !important}

/* dunkle Buchen-Buttons & aktive Kalender-Filter → Türkis */
.ev-btn.book,.book.ev-btn{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;color:#fff !important;border:none !important}
.kpill.active,.kpill.lvl.active{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;color:#fff !important;border-color:transparent !important}

/* Karten: klarer, flacher, professioneller Schatten */
.card,.tile,.paket,.step,.course,.post,.mod,.guthaben,.next-class,.phase,.lesedit,.flashcard,.amanda-box,.empty,.empty-note{
  border-radius:16px !important;border:1px solid var(--border) !important;box-shadow:0 2px 10px rgba(20,40,50,.05) !important}

/* Pills / Tags dezent gerundet */
.section-tag,.pill,.level-pill,.tag,.hero-tag,.lvl{border-radius:999px !important}

/* Sidebar / Navigation: sauberes Weiß statt Glas-Effekt */
.nav{backdrop-filter:none !important;background:#fff !important;border-bottom:1px solid var(--border) !important}
.sidebar,aside.sidebar{background:#fff !important;border-right:1px solid var(--border) !important}
.logo .club{background:linear-gradient(90deg,var(--red),var(--gold) 50%,var(--turq));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Eingabefelder */
input,select,textarea{border-radius:12px !important;border:1px solid var(--border) !important}
input:focus,select:focus,textarea:focus{outline:none !important;border-color:var(--turq) !important;box-shadow:0 0 0 3px var(--turq-soft) !important}

/* Aktive Sidebar-Pille & Chips in Markenfarbe */
.sidebar .navlink.active,.navlink.active{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;color:#fff !important;box-shadow:0 6px 16px rgba(53,175,208,.28) !important}
.clubpill.active,.level-filter button.active,.chan.active{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;color:#fff !important;border-color:transparent !important}

/* ============================================================
   SAUBERE SVG-ICONS statt Emoji in der Sidebar
   (Emoji wird per font-size:0 versteckt, Icon per CSS-mask gezeichnet
    und übernimmt automatisch die Textfarbe — auch weiß bei aktiv.)
   ============================================================ */
.sidebar .navlink .ic{
  font-size:0 !important;line-height:0;width:21px;height:21px;
  display:inline-flex !important;flex:0 0 21px;
  background-color:currentColor !important;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:19px 19px;mask-size:19px 19px;
  vertical-align:middle;margin-right:6px}

.navlink[data-view='dashboard'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11.5 12 4l9 7.5'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9.5 20v-6h5v6'/%3E%3C/svg%3E")}
.navlink[data-view='kalender'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2.5'/%3E%3Cpath d='M3 9h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E")}
.navlink[data-view='stunden'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
.navlink[data-view='community'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5H9l-4 3.5V16.5H4A1.5 1.5 0 0 1 2.5 15V7A1.5 1.5 0 0 1 4 5.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-1.5 1.5H9l-4 3.5V16.5H4A1.5 1.5 0 0 1 2.5 15V7A1.5 1.5 0 0 1 4 5.5Z'/%3E%3C/svg%3E")}
.navlink[data-view='videokurse'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2.5'/%3E%3Cpath d='m16 10 5-3v10l-5-3z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='13' height='12' rx='2.5'/%3E%3Cpath d='m16 10 5-3v10l-5-3z'/%3E%3C/svg%3E")}
.navlink[data-view='ueben'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 0 1 5.5 4H11v15H5.5A1.5 1.5 0 0 0 4 20.5z'/%3E%3Cpath d='M20 5.5A1.5 1.5 0 0 0 18.5 4H13v15h5.5A1.5 1.5 0 0 1 20 20.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A1.5 1.5 0 0 1 5.5 4H11v15H5.5A1.5 1.5 0 0 0 4 20.5z'/%3E%3Cpath d='M20 5.5A1.5 1.5 0 0 0 18.5 4H13v15h5.5A1.5 1.5 0 0 1 20 20.5z'/%3E%3C/svg%3E")}
.navlink[data-view='vokabeln'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='13' height='15' rx='2.5'/%3E%3Cpath d='M8 5V3.5h9A2.5 2.5 0 0 1 19.5 6v11'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='13' height='15' rx='2.5'/%3E%3Cpath d='M8 5V3.5h9A2.5 2.5 0 0 1 19.5 6v11'/%3E%3C/svg%3E")}
.navlink[data-view='fehler'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Cpath d='M9.5 4V3h5v1'/%3E%3Cpath d='M9 12.5l2 2 4-4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='17' rx='2'/%3E%3Cpath d='M9.5 4V3h5v1'/%3E%3Cpath d='M9 12.5l2 2 4-4'/%3E%3C/svg%3E")}
.navlink[data-view='buddy'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 20a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M16 5.2a3.2 3.2 0 0 1 0 5.6M20.5 20a5.2 5.2 0 0 0-4-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 20a5.5 5.5 0 0 1 11 0'/%3E%3Cpath d='M16 5.2a3.2 3.2 0 0 1 0 5.6M20.5 20a5.2 5.2 0 0 0-4-5'/%3E%3C/svg%3E")}
.navlink[data-view='materialien'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2 2 0 0 1 5 5.5h4l2 2.5h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2 2 0 0 1 5 5.5h4l2 2.5h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E")}
.navlink[data-view='fortschritt'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0z'/%3E%3Cpath d='M8 5H5v2a3 3 0 0 0 3 3M16 5h3v2a3 3 0 0 1-3 3'/%3E%3Cpath d='M10 12.5h4M9 20h6M12 12.5V20'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v4a4 4 0 0 1-8 0z'/%3E%3Cpath d='M8 5H5v2a3 3 0 0 0 3 3M16 5h3v2a3 3 0 0 1-3 3'/%3E%3Cpath d='M10 12.5h4M9 20h6M12 12.5V20'/%3E%3C/svg%3E")}
.navlink[data-view='nachrichten'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.navlink[data-view='amanda'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3.5'/%3E%3C/svg%3E")}
.navlink[data-view='lernpfad'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Cpath d='M8.5 18H14a3.5 3.5 0 0 0 0-7H10a3.5 3.5 0 0 1 0-7h5.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2.5'/%3E%3Ccircle cx='18' cy='6' r='2.5'/%3E%3Cpath d='M8.5 18H14a3.5 3.5 0 0 0 0-7H10a3.5 3.5 0 0 1 0-7h5.5'/%3E%3C/svg%3E")}
.navlink[data-view='guthaben'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18M17 14.5h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2.5'/%3E%3Cpath d='M3 10h18M17 14.5h.01'/%3E%3C/svg%3E")}
.navlink[data-view='profil'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
.navlink[onclick*='bucheStunde'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.navlink[onclick*='logout'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 12h10M17 9l3 3-3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-3'/%3E%3Cpath d='M10 12h10M17 9l3 3-3 3'/%3E%3C/svg%3E")}

/* ============================================================
   ÜBEN-BEREICH — professionell & modern mit echten Fotos
   (Fotos fügt club-icons.js ein; hier nur die Optik.)
   ============================================================ */
.ub-band{position:relative !important;height:120px !important;border-radius:16px 16px 0 0 !important;overflow:hidden !important;background:#dfe7ea !important;display:block !important}
.ub-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.ub-band::after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(180deg,rgba(10,20,26,.05),rgba(10,20,26,.44)) !important;z-index:1}
.ub-emoji{display:none !important}
.ub-lv2,.ub-done{z-index:2}
.ub-tcard{border-radius:16px !important;border:1px solid var(--border) !important;box-shadow:0 2px 10px rgba(20,40,50,.05) !important;overflow:hidden;background:#fff}
.ub-go2{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;border-radius:12px !important}
.ub-pbar span{background:var(--turq) !important}
.ub-mix{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;box-shadow:0 8px 20px rgba(53,175,208,.22) !important;border-radius:14px !important}
.ub-hero{background:linear-gradient(120deg,#EAF9FB,#F1FBFC) !important;border:1px solid var(--border) !important;box-shadow:0 2px 10px rgba(20,40,50,.05) !important}
.ub-skill.on{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;border-color:transparent !important}
.ub-go,.ub-btn{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important}
.ub-ring{background:conic-gradient(var(--turq) calc(var(--p)*1%),#eee 0) !important}

/* ============================================================
   KALENDER-POLITUR + PODCAST-MENÜPUNKT
   ============================================================ */
/* „Material des Unterrichts"-Button: ruhig & professionell statt grellgelb */
.ev-btn.mat{background:#EFF8F9 !important;color:#10627A !important;border:1px solid #CFE9ED !important;box-shadow:none !important;font-weight:700 !important}
.ev-btn.mat:hover{background:#E6F8FC !important}

/* Podcast: NEU-Badge in der Sidebar */
.navlink .neu{margin-left:auto;background:var(--gold-soft);color:var(--gold-dk);font-size:10px;font-weight:800;border-radius:6px;padding:2px 7px;letter-spacing:.03em}
/* Podcast Nav-Icon (Mikrofon) */
.navlink[data-view='podcast'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.5' width='6' height='11' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3.5'/%3E%3C/svg%3E")}

/* ============================================================
   ROBUSTES APP-GERÜST (Desktop) — füllt immer die volle Höhe
   Seitenleiste & Inhalt scrollen je für sich; keine halbleeren
   Ansichten mehr (z. B. Community). Obere Leiste bleibt sticky.
   ============================================================ */
@media(min-width:901px){
  .shell{height:100vh !important;overflow:hidden !important}
  .sidebar{overflow-y:auto !important}
  .main{height:100vh !important;overflow-y:auto !important}
}

/* Podcast-Player */
.pc-filter{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 18px}
.pc-pill{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;color:var(--soft);cursor:pointer;font-family:inherit}
.pc-pill.active{background:linear-gradient(135deg,var(--turq),var(--turq-dark)) !important;color:#fff !important;border-color:transparent !important}
.pc-list{display:flex;flex-direction:column;gap:14px;max-width:720px}
.pc-ep{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--border) !important;border-radius:18px !important;padding:14px;box-shadow:0 10px 26px rgba(20,40,50,.06) !important}
.pc-cover{width:104px;height:104px;border-radius:14px;background-size:cover;background-position:center;flex:0 0 auto;position:relative;background-color:var(--turq)}
.pc-lv{position:absolute;top:7px;left:7px;background:rgba(20,40,45,.62);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}
.pc-body{flex:1;min-width:0}
.pc-day{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--turq-dark)}
.pc-title{font-size:18px;margin:3px 0 10px;font-family:'Space Grotesk',sans-serif}
.pc-ep audio{width:100%;height:40px}
.pc-soon{background:#fff;border:1px dashed var(--border);border-radius:16px;padding:16px 18px;color:var(--soft);font-size:14px;text-align:center}
@media(max-width:560px){.pc-ep{flex-direction:column;align-items:stretch}.pc-cover{width:100%;height:170px}}

.pc-lvtag{display:inline-block;color:#fff !important;font-weight:800;font-size:11px;padding:2px 9px;border-radius:999px;margin-right:9px;letter-spacing:.02em;vertical-align:middle}
.pc-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}

.pc-tbtn{margin-top:10px;background:none;border:none;color:var(--turq-dark);font-weight:700;font-size:13.5px;cursor:pointer;padding:4px 0;font-family:inherit}
.pc-transcript{margin-top:8px;background:#F7FBFA;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6;color:#28353B;max-height:340px;overflow:auto}
.pc-transcript p{margin:0 0 10px}
.pc-tnote{margin-top:10px;font-size:12.5px;color:var(--faint)}

/* Nachgezogene Seitenleisten-Icons */
.navlink[data-view='kurse'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%205.5A2%202%200%200%201%206%203.5h5v16H6a2%202%200%200%200-2%202z%27%2F%3E%3Cpath%20d%3D%27M20%205.5a2%202%200%200%200-2-2h-5v16h5a2%202%200%200%201%202%202z%27%2F%3E%3Cpath%20d%3D%27M15.5%203.5v6l2-1.4%202%201.4v-6%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%205.5A2%202%200%200%201%206%203.5h5v16H6a2%202%200%200%200-2%202z%27%2F%3E%3Cpath%20d%3D%27M20%205.5a2%202%200%200%200-2-2h-5v16h5a2%202%200%200%201%202%202z%27%2F%3E%3Cpath%20d%3D%27M15.5%203.5v6l2-1.4%202%201.4v-6%27%2F%3E%3C%2Fsvg%3E")}
.navlink[href='korrektur.html'] .ic{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020.5%204.8%2017l9.7-9.7a1.8%201.8%200%200%201%202.5%200l1.2%201.2a1.8%201.8%200%200%201%200%202.5L8.5%2020.7%205%2021.5z%27%2F%3E%3Cpath%20d%3D%27M13%208.5%2016%2011.5%27%2F%3E%3Cpath%20d%3D%27M13.5%2020.5h7%27%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.7%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%2020.5%204.8%2017l9.7-9.7a1.8%201.8%200%200%201%202.5%200l1.2%201.2a1.8%201.8%200%200%201%200%202.5L8.5%2020.7%205%2021.5z%27%2F%3E%3Cpath%20d%3D%27M13%208.5%2016%2011.5%27%2F%3E%3Cpath%20d%3D%27M13.5%2020.5h7%27%2F%3E%3C%2Fsvg%3E")}