Original-Logo von olzinger.de in der Navigation
- Platzhalter-Logo (Thermostat-Bogen) durch das echte Firmenlogo ersetzt, auf weißem Schild, auf allen Seiten inkl. 404 - Navigationsleiste am Desktop etwas höher für bessere Lesbarkeit - Schema.org-Logo, OG-Vorlage und README angepasst Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
ad155124b1
commit
4bf4570dd2
8 files changed
+19
-48
No files matched your search
+10
-8
@@ -223,7 +223,7 @@ address { font-style: normal; }
|
||||
.nav__bar {
|
||||
pointer-events: auto;
|
||||
max-width: calc(var(--container) + 32px); margin-inline: auto;
|
||||
height: 64px; padding: 0 8px 0 16px;
|
||||
height: 70px; padding: 0 8px 0 5px;
|
||||
display: flex; align-items: center; justify-content: space-between; gap: 20px;
|
||||
border-radius: 999px; border: 1px solid transparent;
|
||||
color: var(--paper);
|
||||
@@ -244,11 +244,14 @@ html.menu-open .nav { background: var(--ink); }
|
||||
-webkit-backdrop-filter: none; backdrop-filter: none;
|
||||
}
|
||||
|
||||
.logo { display: inline-flex; align-items: center; gap: 11px; }
|
||||
.logo__mark { width: 34px; height: 34px; }
|
||||
.logo__text { display: flex; flex-direction: column; line-height: 1; }
|
||||
.logo__word { font-size: 19px; font-weight: 700; font-stretch: 90%; letter-spacing: .02em; text-transform: uppercase; }
|
||||
.logo__sub { margin-top: 4px; font-size: 10.5px; font-weight: 500; letter-spacing: .26em; text-transform: uppercase; opacity: .62; }
|
||||
/* Original-Logo (weißer Hintergrund) auf einem hellen Schild */
|
||||
.logo {
|
||||
display: inline-flex; align-items: center; flex: none;
|
||||
height: 60px; padding: 5px 18px;
|
||||
border-radius: 999px; background: #fff;
|
||||
box-shadow: 0 0 0 1px rgba(11, 21, 30, .08);
|
||||
}
|
||||
.logo__img { width: auto; height: 100%; }
|
||||
|
||||
.nav__links { display: flex; gap: 2px; }
|
||||
.nav__links a {
|
||||
@@ -900,6 +903,7 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); }
|
||||
@media (max-width: 900px) {
|
||||
:root { --nav-h: 76px; --radius-xl: 28px; --section: 80px; }
|
||||
.nav__bar { height: 58px; }
|
||||
.logo { height: 48px; padding: 4px 14px; }
|
||||
.hero__inner { grid-template-columns: minmax(0, 1fr); }
|
||||
.section-head { margin-bottom: 36px; }
|
||||
.section-head--split { grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; }
|
||||
@@ -968,8 +972,6 @@ a.ccard:hover .ccard__go { opacity: 1; transform: translate(2px, -2px); }
|
||||
.nav__phone { width: 44px; height: 44px; justify-content: center; padding: 0; border-radius: 50%; border: 1px solid rgba(243, 239, 232, .28); }
|
||||
.nav.is-scrolled .nav__phone { border-color: var(--line-2); }
|
||||
.nav .btn--sm { display: none; }
|
||||
.logo__mark { width: 30px; height: 30px; }
|
||||
.logo__word { font-size: 17px; }
|
||||
.menu__foot { margin-top: 28px; }
|
||||
|
||||
.hero { padding-top: calc(var(--nav-h) + 24px); padding-bottom: calc(28px + var(--radius-xl)); }
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Reference in new issue
Block a user