3015351
/
PM_Project
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

US01-05 Farben beim Hovern angepasst

US01-05-+-Fehlerbereinigung-NavLeiste-+-Fehlerbereinigung-50+
Daniel Fromm 2026-09-29 15:54:08 +02:00
parent 820f13767a
commit 7cad27db27
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
css/base.css
View File

@ -6,7 +6,8 @@
--muted: rgb(255 255 255 / 70%); --muted: rgb(255 255 255 / 70%);
--quiet: rgb(255 255 255 / 56%); --quiet: rgb(255 255 255 / 56%);
--line: rgb(255 255 255 / 10%); --line: rgb(255 255 255 / 10%);
--panel: linear-gradient(#ffffff14, #ffffff08); --mint: oklch(70% .12 205);
--panel: linear-gradient(#ffffff14, #08060608);
--ease: cubic-bezier(.22, 1, .36, 1); --ease: cubic-bezier(.22, 1, .36, 1);
color-scheme: dark; color-scheme: dark;
} }
@ -192,13 +193,15 @@ button:disabled {
color: var(--muted); color: var(--muted);
font-size: .875rem; font-size: .875rem;
white-space: nowrap; white-space: nowrap;
transition: color .2s, background .2s, border-color .2s; transition: color .2s, background .2s, border-color .2s, box-shadow .2s;
} }
.header-inner nav a:hover { .header-inner nav a:hover {
border-color: transparent; border-color: var(--mint);
background: rgb(255 255 255 / 20%); background: var(--mint);
color: var(--accent-strong); color: #000;
box-shadow: 0 0 18px color-mix(in srgb, var(--mint) 65%, transparent),
inset 0 0 10px rgb(255 255 255 / 28%);
} }
.menu-toggle { .menu-toggle {

8
ernaehrungsberatung.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Ernährungsberatung für best Ager | TriHub</title> <title>Ernährungsberatung für Triathlon ab 50 | TriHub</title>
<meta name="description" <meta name="description"
content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub." /> content="Ernährung, die zu deinem Triathlon und deinem Leben passt. Entdecke drei Konzepte für persönliche Ernährungsberatung bei TriHub." />
<link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" /> <link rel="icon" type="image/jpeg" href="assets/images/icons/trihub-logo.jpg" />
@ -25,12 +25,12 @@
<a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span <a class="brand brand-logo" href="https://tri-hub.de/" aria-label="TriHub Startseite"><span
class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024" class="brand-mark"><img src="assets/images/icons/trihub-logo.jpg" width="1024" height="1024"
alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span alt="Trihub – fit und vital ab 50!" /></span><span class="brand-copy"><span
class="brand-name">Tri-hub</span><span class="brand-sub">Triathlon Ernährungsberatung für class="brand-name">Tri-hub</span><span class="brand-sub">Ernährungsberatung für Triathlon ab
best Ager</span></span></a> 50</span></span></a>
<nav aria-label="Hauptnavigation"> <nav aria-label="Hauptnavigation">
<a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a href="#inhalt" <a href="https://tri-hub.de/coaching-1zu1">Coaching 1zu1</a><a href="#inhalt"
aria-current="page">Ernährungsberatung</a><a href="#angebote">Angebote entdecken</a><a href="#ablauf">So aria-current="page">Ernährungsberatung</a><a href="#angebote">Angebote entdecken</a><a href="#ablauf">So
läuft’s ab</a> läuft’s ab</a><a href="#">Kontakt</a>
</nav> </nav>
<button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen"> <button class="menu-toggle" aria-expanded="false" aria-controls="mobile-nav" aria-label="Menü öffnen">
☰ ☰