diff --git a/css/produktuebersicht.css b/css/produktuebersicht.css index 2d435a1..69698e8 100644 --- a/css/produktuebersicht.css +++ b/css/produktuebersicht.css @@ -50,27 +50,48 @@ .produktuebersicht .brand { display: flex; align-items: center; - gap: 24px; - min-height: 88px; + gap: 20px; + min-height: 96px; + padding-block: 8px; +} + +.produktuebersicht .brand__logo { + display: grid; + place-items: center; + flex-shrink: 0; + width: 90px; + height: 80px; + border-radius: 22px; + background: #fff; +} + +.produktuebersicht .brand__logo img { + display: block; + width: 60px; + height: 60px; + object-fit: contain; +} + +.produktuebersicht .brand__text { + display: flex; + flex-direction: column; + gap: 4px; + min-width: 0; } .produktuebersicht .brand__name { - font-size: 30px; - font-weight: 750; - line-height: 1; - letter-spacing: -1.5px; -} - -.produktuebersicht .brand__name span { - color: var(--accent); + color: #8a9093; + font-size: 14px; + font-weight: 650; + line-height: 1.4; + letter-spacing: 0.25em; } .produktuebersicht .brand__label { - padding-left: 24px; - border-left: 1px solid var(--border); color: var(--text-muted); - font-size: 13px; - letter-spacing: 0.025em; + font-size: 17px; + font-weight: 600; + line-height: 1.4; } .produktuebersicht .produktuebersicht__main { @@ -289,13 +310,27 @@ @media (max-width: 700px) { .produktuebersicht .brand { - min-height: 76px; - gap: 16px; + min-height: 78px; + gap: 12px; + } + + .produktuebersicht .brand__logo { + width: 66px; + height: 62px; + border-radius: 17px; + } + + .produktuebersicht .brand__logo img { + width: 46px; + height: 46px; + } + + .produktuebersicht .brand__name { + font-size: 12px; } .produktuebersicht .brand__label { - padding-left: 16px; - font-size: 11px; + font-size: 13px; } .produktuebersicht .hero__image { diff --git a/images/trihub-logo.jpg b/images/trihub-logo.jpg new file mode 100644 index 0000000..5814a4c Binary files /dev/null and b/images/trihub-logo.jpg differ diff --git a/index.html b/index.html index 66aeba7..90a3774 100644 --- a/index.html +++ b/index.html @@ -26,8 +26,13 @@
diff --git a/json/berater.json b/json/berater.json index ae12219..fff67f7 100644 --- a/json/berater.json +++ b/json/berater.json @@ -18,7 +18,7 @@ "links": [ { "text": "Instagram Profil", - "url": "https://instagram.com/lili" + "url": "https://instagram.com" }, { "text": "Trainingsplan buchen", @@ -40,7 +40,7 @@ "links": [ { "text": "Instagram Profil", - "url": "https://instagram.com/lili" + "url": "https://instagram.com" }, { "text": "Trainingsplan buchen",