/* ============================================================ Fashion by Mitch — X-Sale Website (Fassung xsale-neu, #973) Design nach docs/BRAND-STILKONZEPT.md (#957) Bildmaterial nach BILDAUSWAHL-972.md / AUSWAHL-972-UEBERSICHT.md (#972) Unterschied zur Fassung in xsale/: Diese Fassung ist um das echte TikTok-Material herum gebaut. Alle Bildflaechen sind Hochformat 405x720 bzw. 720x1280 — die Layouts sind auf dieses Format zugeschnitten, nicht umgekehrt. Kein Bild wird hochskaliert dargestellt (siehe README.md). Farbregel: Nachtschwarz + warme Creme als Basis, GENAU EINE Akzentfarbe: Gold -> var(--akzent) Alle Gold-Abstufungen leiten sich per color-mix daraus ab. Anti-Regel: Nirgends reines Weiss #fff als Flaeche (Stilkonzept §4.3). Die hellste Flaeche der Seite ist --licht-hoch #f6efe1. Motion: sparsam. "Bewegung gehoert der Handlung, Ruhe gehoert der Ware." (Stilkonzept §6.1) ============================================================ */ :root { /* --- Basis (Nacht) --- */ --bg: #0b0b0c; /* ink / night — Grundflaeche */ --bg-800: #141416; /* erhoehte Flaeche: Karten, Nav-Kapsel */ --bg-700: #1c1a17; /* warme Karte */ --fg: #f7f1e3; /* cream — Primaertext auf Dunkel (17,5:1) */ --muted: #b8b2a6; /* sand — Sekundaertext (9,3:1) */ --line: rgba(247, 241, 227, 0.14); --card: #141416; /* --- DIE Akzentfarbe (genau eine) --- */ --akzent: #d4af37; /* Gold. Belegt durch Mitchs eigene Live-Grafik (§2.2). */ /* abgeleitet — verweisen alle auf --akzent, keine zweite Farbe */ --akzent-hell: color-mix(in srgb, var(--akzent) 62%, #f7f1e3); --akzent-kante: color-mix(in srgb, var(--akzent) 30%, transparent); --akzent-hauch: color-mix(in srgb, var(--akzent) 8%, transparent); /* --- Lichtsektion (Creme, waermer als reines Cream, §2.4) --- */ --licht: #efe4d2; --licht-hoch: #f6efe1; /* hellste Flaeche der Seite — bewusst KEIN #fff */ --licht-fg: #0b0b0c; --licht-mut: #5d574c; --licht-line: rgba(11, 11, 12, 0.14); /* --- Typo --- */ --font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-d: "Fredoka", "Poppins", system-ui, sans-serif; --font-s: "Caveat", "Segoe Script", cursive; --ease: cubic-bezier(0.16, 1, 0.3, 1); --wrap: 1200px; } /* ============================================================ FARBWELT 2 — MITCHS HAUSFARBEN (Navy / Pfirsich) Gemessen an fashionbymitch.de: Navy #01154D, Pfirsich #F6D5BD. Dieselbe Seite, dieselbe Anordnung — nur die Farbwerte wechseln. Umgeschaltet wird ueber data-farbe am ; siehe app.js. Bewusst dunkel gehalten wie Farbwelt 1: das Bildmaterial ist in Lagern und Hallen aufgenommen und traegt auf hellem Grund nicht. ============================================================ */ :root[data-farbe="navy"] { --bg: #01154d; /* ihr Navy als Grundflaeche */ --bg-800: #0a2166; /* erhoehte Flaeche: Karten, Nav-Kapsel */ --bg-700: #12295f; /* waermere Karte */ --fg: #fdf3ea; /* warmes Weiss, zieht ins Pfirsich (15,8:1 auf Navy) */ --muted: #b9c4e0; /* geblautes Grau (7,9:1) */ --line: rgba(253, 243, 234, 0.16); --card: #0a2166; --akzent: #f6d5bd; /* ihr Pfirsich — die eine Akzentfarbe */ --licht: #f6d5bd; /* die helle Sektion wird ihr Pfirsich */ --licht-hoch: #fbe7d8; --licht-fg: #01154d; /* Navy auf Pfirsich (11,2:1) */ --licht-mut: #40507e; --licht-line: rgba(1, 21, 77, 0.16); } /* Umschalter — nur fuer die Vorstellung bei der Kundin gedacht. Faellt weg, sobald sie sich entschieden hat. */ .farbwahl { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 4px; background: var(--bg-800); } .farbwahl button { font: inherit; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; color: var(--muted); background: none; border: 0; cursor: pointer; padding: 5px 11px; border-radius: 999px; transition: color .3s var(--ease), background .3s var(--ease); } .farbwahl button[aria-pressed="true"] { color: var(--bg); background: var(--akzent); } .farbwahl button:focus-visible { outline: 2px solid var(--akzent); outline-offset: 2px; } @media (max-width: 860px) { .farbwahl { display: none; } } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { background: var(--bg); color: var(--fg); font-family: var(--font); font-weight: 400; line-height: 1.7; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a { color: inherit; text-decoration: none; } /* height:auto ist hier Pflicht, nicht Kosmetik: alle tragen width/height als Attribut (gegen Layout-Sprünge beim Laden). Dieses height-Attribut zählt als CSS-Deklaration und würde jedes spätere `aspect-ratio` aushebeln — die Bilder rendern dann in voller Naturhöhe (720/1280 px) statt im Seitenformat. Mit height:auto gewinnt wieder das aspect-ratio der jeweiligen Sektion. Ausnahme .hero-atmo img: setzt selbst height:100% und überschreibt das. */ img, video { max-width: 100%; height: auto; display: block; } :focus-visible { outline: 2px solid var(--akzent); outline-offset: 3px; border-radius: 4px; } ::selection { background: var(--akzent); color: #0b0b0c; } .wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 20px; } @media (min-width: 1024px) { .wrap { padding: 0 48px; } } /* ---------- Typo-Bausteine ---------- */ h1, h2, h3 { font-family: var(--font-d); font-weight: 600; letter-spacing: -0.01em; } .d1 { font-size: clamp(2.5rem, 6.6vw, 4.4rem); font-weight: 700; line-height: 0.98; } .d2 { font-size: clamp(1.9rem, 4.4vw, 3.2rem); font-weight: 600; line-height: 1.06; } .d3 { font-size: clamp(1.25rem, 2.2vw, 1.6rem); font-weight: 600; line-height: 1.2; } /* Editoriale Kante: Versalien + weites Tracking in Poppins 500 (§3.2/1) */ .meta { font-size: 0.6875rem; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; color: var(--muted); } .caption { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; color: var(--muted); } /* Ziffern: immer tabellarisch, immer Gold (§3.2/2) */ .num { font-variant-numeric: tabular-nums; font-family: var(--font-d); color: var(--akzent); } .skript { font-family: var(--font-s); font-size: clamp(1.7rem, 3vw, 2.3rem); color: var(--akzent); line-height: 1.2; } .lead { font-weight: 300; font-size: clamp(1.05rem, 1.5vw, 1.25rem); color: var(--muted); max-width: 34rem; } .gold { color: var(--akzent); } /* ---------- Navigation (sticky Kapsel, §6.4) ---------- */ .nav { /* 10.09.2026, zweite Fassung: klebt wieder, blendet beim Runterscrollen aber weg (.versteckt). Erste Fassung war position:relative — dann fehlte ab dem Hero der Registrieren-Knopf auf 5.000 bzw. 8.000 px Seitenlaenge. */ position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 100%; margin: 0 auto; padding: 18px 20px; background: transparent; border: 1px solid transparent; border-radius: 999px; transition: max-width .32s var(--ease), background .32s var(--ease), padding .32s var(--ease), border-color .32s var(--ease), margin .32s var(--ease); } .nav.klein { max-width: 1200px; margin: 10px auto; padding: 10px 24px; border-color: var(--line); } /* Fuellung und Blur liegen bewusst auf einem Pseudo-Element, NICHT auf .nav selbst: backdrop-filter macht das Element zum Containing Block fuer alle position:fixed-Kinder. Auf .nav wuerde das das Handy-Menue (.nav-links, fixed inset:0) in die 62px hohe Kapsel sperren — zu sah man es dann als Streifen unter dem Kopf, offen war es unbrauchbar. Auf dem Pseudo-Element wirkt derselbe Blur, ohne das Panel einzufangen. */ .nav.klein::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: rgba(20, 20, 22, 0.92); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } .brand { font-family: var(--font-d); font-weight: 600; font-size: 15px; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; } .brand em { font-style: normal; color: var(--akzent); } .nav-links { display: flex; align-items: center; gap: 26px; font-size: 14px; color: var(--muted); } .nav-links a { transition: color .18s ease; } .nav-links a:hover { color: var(--fg); } .nav .btn { margin-top: 0; padding: 9px 20px; font-size: 13px; } /* Mobil-Menue */ .menue-knopf { display: none; background: none; border: 1px solid var(--line); color: var(--fg); width: 42px; height: 42px; border-radius: 999px; cursor: pointer; align-items: center; justify-content: center; } .menue-knopf span { display: block; width: 18px; height: 2px; background: currentColor; position: relative; } .menue-knopf span::before, .menue-knopf span::after { content: ""; position: absolute; left: 0; width: 18px; height: 2px; background: currentColor; } .menue-knopf span::before { top: -6px; } .menue-knopf span::after { top: 6px; } /* ---------- Buttons ---------- */ .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 32px; padding: 14px 30px; border-radius: 999px; background: var(--akzent); color: #0b0b0c; font-weight: 600; font-size: 15px; border: 1px solid var(--akzent); transition: transform .18s var(--ease), background .18s ease; } .btn:hover { transform: translateY(-2px); background: var(--akzent-hell); } .btn-linie { background: transparent; color: var(--fg); border-color: var(--line); } .btn-linie:hover { background: rgba(247, 241, 227, 0.06); border-color: var(--akzent-kante); } /* ============================================================ HERO — Bereich 1 der Bildauswahl Bild: hero-mitch-720 (Person, Gesicht lesbar, Live-Kontext) + hero-ware-405 als Einleger (Ware in der Hand) + atmo-neon-200 als unscharfe Atmosphaere im Hintergrund Warum das Bild NICHT vollflaechig liegt: Das Material ist 720x1280 (Hochformat). Ueber die volle Breite gezogen waere es auf Desktop 2,5-fach hochskaliert — sichtbar matschig (AUSWAHL-972-UEBERSICHT.md, Punkt 3). Es steht deshalb als Hochformat-Karte in nativer Groesse neben dem Text. Die Flaeche dahinter traegt nur die bewusst weichgezeichnete Atmosphaere, die keine Details zeigen muss. ============================================================ */ .hero { position: relative; display: flex; align-items: center; padding: 76px 0 80px; overflow: hidden; } .hero-atmo { position: absolute; inset: 0; z-index: 0; } .hero-atmo img { width: 100%; height: 100%; object-fit: cover; opacity: .5; } .hero-atmo::after { content: ""; position: absolute; inset: 0; background: radial-gradient(120% 80% at 78% 30%, rgba(11,11,12,.35) 0%, rgba(11,11,12,.86) 62%, var(--bg) 100%), linear-gradient(180deg, rgba(11,11,12,.72) 0%, rgba(11,11,12,.62) 40%, var(--bg) 100%); } .hero-inhalt { position: relative; z-index: 1; width: 100%; display: grid; grid-template-columns: 1.06fr .94fr; gap: 56px; align-items: center; } .hero h1 { margin-top: 20px; } .hero .lead { margin-top: 20px; } .hero-knoepfe { display: flex; flex-wrap: wrap; gap: 12px; } .hero-hinweis { margin-top: 14px; font-size: 14px; color: var(--muted); } .marke-band { display: inline-flex; align-items: center; gap: 9px; padding: 7px 16px; border-radius: 999px; border: 1px solid var(--akzent-kante); background: var(--akzent-hauch); color: var(--akzent-hell); font-size: 11px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; } .punkt { width: 7px; height: 7px; border-radius: 999px; background: var(--akzent); } /* Bildseite des Hero: grosse Hochformat-Karte + versetzter Einleger */ .hero-bild { position: relative; justify-self: center; width: 100%; max-width: 420px; } .hero-bild::before { /* Goldschimmer hinter der Karte, kein Farbknall */ content: ""; position: absolute; inset: 8% -6% -4% -6%; border-radius: 999px; background: var(--akzent); opacity: .1; filter: blur(64px); z-index: 0; } .hero-portraet { position: relative; z-index: 1; overflow: hidden; border-radius: 22px; border: 1px solid var(--akzent-kante); background: var(--bg-700); } .hero-portraet img { width: 100%; aspect-ratio: 9/13; object-fit: cover; object-position: 50% 22%; filter: saturate(.94); } .hero-portraet::after { /* Vignette unten, damit der Einleger nicht klebt */ content: ""; position: absolute; inset: auto 0 0 0; height: 42%; background: linear-gradient(180deg, transparent, rgba(11,11,12,.72)); pointer-events: none; } .hero-einleger { position: absolute; z-index: 2; right: -14px; bottom: -26px; width: 42%; max-width: 168px; overflow: hidden; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-800); box-shadow: 0 18px 44px rgba(0, 0, 0, .55); } .hero-einleger img { width: 100%; aspect-ratio: 4/5; object-fit: cover; object-position: 50% 35%; } .hero-einleger figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 10px 8px; text-align: center; font-size: 10px; background: linear-gradient(180deg, transparent, rgba(11,11,12,.92)); color: var(--fg); letter-spacing: .16em; text-transform: uppercase; } .termin { margin-top: 34px; } .termin .caption { display: block; margin-bottom: 10px; } .termin-tage { display: flex; flex-wrap: wrap; gap: 10px; } .termin-tage span { min-width: 74px; padding: 10px 14px; text-align: center; border: 1px solid var(--line); border-radius: 12px; background: rgba(20,20,22,.6); font-family: var(--font-d); font-weight: 600; font-size: 15px; } /* ---------- Abschnitte ---------- */ .sec { padding: 72px 0; } @media (min-width: 1024px) { .sec { padding: 108px 0; } } .sec-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: 36px; flex-wrap: wrap; } .sec-head h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); } .sec-head span { color: var(--muted); font-size: 14px; } .sec-titel { text-align: center; margin-bottom: 44px; } .sec-titel .lead { margin: 16px auto 0; } /* Lichtsektion (Creme) — genau eine pro Seite (§6.3/S7) */ .licht { background: var(--licht); color: var(--licht-fg); } .licht .lead, .licht .meta, .licht .caption, .licht p { color: var(--licht-mut); } .licht .karte { background: var(--licht-hoch); border-color: var(--licht-line); } .licht .karte p { color: var(--licht-mut); } .licht .karte:hover { border-color: rgba(11,11,12,.3); } .licht .num { color: var(--licht-fg); } .licht .btn-linie { color: var(--licht-fg); border-color: var(--licht-line); } .licht .btn-linie:hover { background: rgba(11,11,12,.05); } /* ---------- Produkt-Grid (X-Sale-Katalog) ---------- */ .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 22px; } .card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; transition: transform .3s var(--ease), border-color .3s ease; } .card:hover, .card:focus-visible { transform: translateY(-4px); border-color: var(--akzent); } .card .medien { position: relative; overflow: hidden; } .card img { aspect-ratio: 4/5; width: 100%; object-fit: cover; filter: saturate(.96); transition: transform .6s var(--ease), filter .6s var(--ease); } .card:hover img { transform: scale(1.06); filter: saturate(1); } .card .ph { aspect-ratio: 4/5; background: linear-gradient(135deg, var(--bg-700), var(--bg-800)); display: grid; place-items: center; color: #4a463f; font-size: 13px; } .card .info { padding: 16px 18px 20px; } .card .info .k { font-size: 11px; color: var(--akzent); text-transform: uppercase; letter-spacing: 0.18em; font-weight: 500; } .card .info .n { font-family: var(--font-d); font-weight: 600; margin: 6px 0 8px; line-height: 1.25; } .card .info .p { color: var(--muted); font-size: 15px; font-variant-numeric: tabular-nums; } .leer { color: var(--muted); grid-column: 1/-1; text-align: center; padding: 48px 0; } .leer a { color: var(--akzent); text-decoration: underline; text-underline-offset: 3px; } /* Vorschau-Karten (ohne Slug/ohne Server): sichtbar keine echten Produkte — nicht klickbar, kein Hover-Versprechen, Preis bleibt der Live-Show vorbehalten. */ .card-vorschau:hover { transform: none; border-color: var(--line); } .card-vorschau:hover img { transform: none; filter: saturate(.96); } .card-vorschau .info .p { font-style: italic; opacity: .75; } .vorschau-hinweis { padding: 28px 0 0; font-size: 14px; } /* ============================================================ LOOK-GALERIE — Bereich 3 der Bildauswahl Register I: Stoff, Fall, Licht. Durchgehend ohne Person. Sechs Kacheln 405x720; angezeigt bis max. ~380px Breite, also nie ueber die native Aufloesung hinaus. ============================================================ */ /* #981: vier statt drei Spalten. Grund ist nicht Optik, sondern Deckung — bei 262 px Kachelbreite braucht ein 2x-Display samt 15 % Ken-Burns 604 Geraetepixel, und so weit reicht jede der vier Quellen. Bei drei Spalten (356 px) waeren es 819 gewesen, was nur zwei der vier Motive hergeben. Vier Kacheln, eine Reihe, alles scharf. */ /* Vier Spalten: vier Look-Clips (Wunsch Markus). Die Breite ist gedeckelt, damit die Kacheln nicht auf 380 px aufgehen: bei 2x-Display und 15 % Ken-Burns braeuchte das 874 px Bilddaten, und mehr als 810 px gibt das Material nicht her. Bei 296 px je Kachel liegt der Bedarf bei 681 px — voll gedeckt. */ .looks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .look { position: relative; overflow: hidden; border-radius: 16px; border: 1px solid var(--line); background: var(--bg-800); } .look img, .look video { aspect-ratio: 3/4; width: 100%; height: auto; object-fit: cover; filter: saturate(.96); transition: transform .6s var(--ease), filter .6s var(--ease); display: block; } .look:hover img, .look:focus-within img { transform: scale(1.06); filter: saturate(1); } .look:hover, .look:focus-within { border-color: var(--akzent-kante); } .looks-fussnote { margin-top: 16px; font-size: 13px; font-weight: 300; color: var(--muted); } /* ------------------------------------------------------------ KEN BURNS — das zweite Bewegungsmittel (#980) Vorlage: motionside-prompts/library.json, Eintrag "Elevate" (Kategorie Templates / Travel): "Infinite slow zoom (scale: 1.05 to 1.15) over 40s with yoyo: true". Dort liegt der Effekt auf einem Hero-Hintergrund; hier auf den Look-Standbildern, weil das unser Material ist: Einzelbilder aus Mitchs Videos. Der langsame Zug gibt ihnen den Rest der Bewegung zurueck, aus der sie stammen. Umgesetzt in reinem CSS statt GSAP: "yoyo" ist die animation-direction alternate, der 40-s-Takt bleibt. Bewusst ueber die eigenstaendige scale-Eigenschaft — so bleibt transform frei fuer den Hover-Zoom daruber, ohne dass sich beide gegenseitig ueberschreiben. Negative Verzoegerungen setzen die Bilder ausser Takt; sonst atmet die ganze Reihe im Gleichschritt und wird unruhig. ------------------------------------------------------------ */ @keyframes ken-burns { from { scale: 1.05; } to { scale: 1.15; } } .look img { animation: ken-burns 40s ease-in-out infinite alternate; } /* Videos bewegen sich selbst — kein zusaetzlicher Zoom darueber. */ .look video { animation: none; } .look:nth-child(2) img { animation-delay: -8s; } .look:nth-child(3) img { animation-delay: -16s; } .look:nth-child(4) img { animation-delay: -24s; } .look:nth-child(5) img { animation-delay: -32s; } .look figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 18px 16px; background: linear-gradient(180deg, transparent, rgba(11,11,12,.9)); color: var(--fg); } .look figcaption .stoff { display: block; margin-top: 4px; font-size: 12px; font-weight: 300; color: var(--muted); letter-spacing: 0; text-transform: none; } /* ============================================================ BEWEGTBILD — die drei Clips (#981) Regie: ein Video wird hier wie ein Bild behandelt, nicht wie ein Player. Kein Ton, keine Bedienleiste, kein Vollbild — gleicher Rahmen, gleiche Rundung, gleiche Bildunterschrift wie die Standbilder daneben. Damit bleibt die Bildsprache der Seite heil. Das poster-Attribut steht an jedem Video und traegt die Flaeche, solange nichts geladen ist. Bei prefers-reduced-motion haengt app.js die Quelle gar nicht erst ein — dann ist das Poster nicht Rueckfall, sondern das Endbild, und die Bildunterschrift erklaert den Inhalt weiter vollstaendig. ============================================================ */ .bewegtbild { display: block; width: 100%; height: auto; object-fit: cover; background: var(--bg-800); } /* Der Comic-Clip im Motiv-Abschnitt: bewusst klein, er soll den Text stuetzen und ihn nicht verdraengen. */ .zeichen-clip { margin: 26px 0 0; max-width: 240px; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--bg-800); } .zeichen-clip video { aspect-ratio: 3/4; } .zeichen-clip figcaption { padding: 10px 14px 12px; font-size: 12px; font-weight: 300; line-height: 1.5; color: var(--muted); } /* Der Lager-Clip steht neben dem Schlusssatz des Live-Abschnitts. */ .live-fuss { display: flex; align-items: center; gap: 26px; flex-wrap: wrap; } .live-fuss .lead { flex: 1 1 320px; margin: 0; } .live-clip { flex: 0 0 190px; margin: 0; border: 1px solid var(--line); border-radius: 16px; overflow: hidden; background: var(--bg-800); } .live-clip video { aspect-ratio: 3/4; } .live-clip figcaption { padding: 9px 13px 11px; font-size: 12px; font-weight: 300; color: var(--muted); } /* ============================================================ SCHMETTERLINGE — Bewegungselement #978 (nach MOTION-DESIGN-AUSWAHL.md) Dezente Falter, unregelmaessig (eigene Dauer/Verzoegerung/Bahn/ Groesse/Deckkraft je Falter, kein Gleichlauf). Rein dekorativ, daher aria-hidden + pointer-events:none. Faellt unter die globale prefers-reduced-motion-Regel weiter unten und wird zusaetzlich ausgeblendet, damit kein eingefrorener Falter im Bild haengt. Eingesetzt wird die Klasse .schmetterling-bereich im Motiv- Abschnitt (#zeichen, siehe dort) — der Falter im gemalten Motiv bekommt so sein bewegtes Gegenstueck. Bewusst generisch gehalten (kein #zeichen-Selektor), falls der Boss die Stelle noch ändert. #981: von zwei auf SECHS erhoeht, auf Wunsch des Boss. Nicht vervielfacht, sondern gestaffelt — sonst wird daraus ein Schwarm oder ein Bildschirmschoner: · Groesse 13 bis 34 px. Klein liest sich als fern. · Vier verschiedene Bahnen, Dauern von 17 bis 34 s, keine davon ein glattes Vielfaches einer anderen (Primzahlen-naehe), damit sich das Muster nicht sichtbar wiederholt. · Deckkraft .3 bis .7, Flatterfrequenz je Falter anders. · Zwei Ebenen: .hinten zieht unter Motiv und Text durch, .vorn darueber. Das gibt Tiefe. · Startversatz bis 21 s, damit nicht alle gleichzeitig einfliegen. ============================================================ */ .schmetterling-bereich { position: relative; } .schmetterlinge { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .schmetterlinge.hinten { z-index: 0; } .schmetterlinge.vorn { z-index: 2; } .schmetterling-bereich > .wrap { position: relative; z-index: 1; } .falter-vorlage { position: absolute; width: 0; height: 0; overflow: hidden; } .schmetterling { position: absolute; width: 26px; height: 21px; will-change: transform; } .schmetterling .fluegel { display: block; width: 100%; height: 100%; } .schmetterling svg { width: 100%; height: 100%; display: block; overflow: visible; } .s1 { top: 18%; left: -6%; width: 26px; height: 21px; color: var(--fg); opacity: .7; animation: schmetterling-flug-1 19s var(--ease) infinite; } .s1 .fluegel { animation: schmetterling-flattern 0.46s ease-in-out infinite alternate; } .s2 { top: 58%; left: -8%; width: 30px; height: 24px; color: var(--akzent-hell); opacity: .55; animation: schmetterling-flug-2 25s var(--ease) infinite; animation-delay: 6s; } .s2 .fluegel { animation: schmetterling-flattern 0.37s ease-in-out infinite alternate; animation-delay: .15s; } /* klein und blass = weit hinten, zieht hoch ueber dem Motiv durch */ .s3 { top: 9%; left: -5%; width: 14px; height: 11px; color: var(--fg); opacity: .32; animation: schmetterling-flug-3 34s linear infinite; animation-delay: 13s; } .s3 .fluegel { animation: schmetterling-flattern 0.61s ease-in-out infinite alternate; animation-delay: .4s; } /* der schnellste, tief unten, knapp ueber der Schlusszeile */ .s4 { top: 79%; left: -7%; width: 21px; height: 17px; color: var(--akzent-hell); opacity: .48; animation: schmetterling-flug-4 17s var(--ease) infinite; animation-delay: 3s; } .s4 .fluegel { animation: schmetterling-flattern 0.31s ease-in-out infinite alternate; } /* mittlere Hoehe, langsam, laeuft hinter dem Motiv durch */ .s5 { top: 40%; left: -9%; width: 18px; height: 15px; color: var(--fg); opacity: .4; animation: schmetterling-flug-3 29s var(--ease) infinite; animation-delay: 21s; } .s5 .fluegel { animation: schmetterling-flattern 0.53s ease-in-out infinite alternate; animation-delay: .27s; } /* der groesste und naechste — vorne, gemaechlich, deutlich sichtbar */ .s6 { top: 66%; left: -10%; width: 34px; height: 27px; color: var(--fg); opacity: .3; animation: schmetterling-flug-4 23s var(--ease) infinite; animation-delay: 10s; } .s6 .fluegel { animation: schmetterling-flattern 0.42s ease-in-out infinite alternate; animation-delay: .08s; } @keyframes schmetterling-flug-1 { 0% { transform: translate3d(0, 0, 0) rotate(-4deg); } 20% { transform: translate3d(26vw, -7vh, 0) rotate(5deg); } 42% { transform: translate3d(50vw, 3vh, 0) rotate(-3deg); } 68% { transform: translate3d(78vw, -9vh, 0) rotate(6deg); } 88% { transform: translate3d(100vw, 1vh, 0) rotate(-2deg); } 100% { transform: translate3d(120vw, -2vh, 0) rotate(0deg); } } @keyframes schmetterling-flug-2 { 0% { transform: translate3d(0, 0, 0) rotate(3deg); } 25% { transform: translate3d(24vw, 6vh, 0) rotate(-5deg); } 50% { transform: translate3d(48vw, -4vh, 0) rotate(4deg); } 75% { transform: translate3d(76vw, 8vh, 0) rotate(-6deg); } 100% { transform: translate3d(118vw, 0, 0) rotate(2deg); } } /* flacher, fast gerader Zug — passt zu den kleinen, fernen Faltern */ @keyframes schmetterling-flug-3 { 0% { transform: translate3d(0, 0, 0) rotate(1deg); } 30% { transform: translate3d(33vw, 3vh, 0) rotate(-2deg); } 55% { transform: translate3d(59vw, -2vh, 0) rotate(3deg); } 82% { transform: translate3d(89vw, 4vh, 0) rotate(-1deg); } 100% { transform: translate3d(116vw, 1vh, 0) rotate(2deg); } } /* stark auf und ab, mit einem kurzen Zoegern bei 60 % */ @keyframes schmetterling-flug-4 { 0% { transform: translate3d(0, 0, 0) rotate(-6deg); } 18% { transform: translate3d(19vw, -11vh, 0) rotate(7deg); } 38% { transform: translate3d(41vw, 5vh, 0) rotate(-8deg); } 60% { transform: translate3d(57vw, -6vh, 0) rotate(2deg); } 66% { transform: translate3d(60vw, -5vh, 0) rotate(-3deg); } 85% { transform: translate3d(88vw, 9vh, 0) rotate(6deg); } 100% { transform: translate3d(122vw, -3vh, 0) rotate(-2deg); } } @keyframes schmetterling-flattern { 0% { transform: scaleX(1); } 100% { transform: scaleX(.62); } } /* ============================================================ PORTRAET „Warum Mitch" — Bereich 2 der Bildauswahl Das einzige Portraet der Seite (Stilkonzept §4.2: hier ist die Person das Produkt). S/W, ruhiger Blick. 405x720, max. 360px breit. ============================================================ */ .portraet-split { display: grid; grid-template-columns: minmax(0, 360px) 1fr; gap: 56px; align-items: center; } .portraet { position: relative; overflow: hidden; border-radius: 20px; border: 1px solid var(--line); background: var(--bg-700); } .portraet img { width: 100%; aspect-ratio: 9/13; object-fit: cover; } .portraet figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 46px 18px 16px; background: linear-gradient(180deg, transparent, rgba(11,11,12,.9)); } .gruende { display: grid; gap: 14px; margin-top: 28px; } .grund { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; padding-top: 14px; border-top: 1px solid var(--line); } .grund:first-child { border-top: 0; padding-top: 0; } .grund .num { font-size: 0.95rem; font-weight: 600; padding-top: 2px; } .grund h3 { font-size: 1.05rem; margin-bottom: 4px; } .grund p { color: var(--muted); font-size: 0.95rem; } /* ============================================================ COMMUNITY / LIVE — Bereich 4 der Bildauswahl Register II: roh, unretuschiert, Stange/Lager/Handy. Laufband nach Stilkonzept §6.3/S5. Sieben Bilder, doppelt ausgegeben, damit die Schleife nahtlos laeuft (aria-hidden auf der Kopie, damit Screenreader sie nicht doppelt liest). ============================================================ */ .live { padding: 72px 0 84px; overflow: hidden; } .live-band { position: relative; margin-top: 40px; } .live-band::before, .live-band::after { content: ""; position: absolute; top: 0; bottom: 0; width: 90px; z-index: 2; pointer-events: none; } .live-band::before { left: 0; background: linear-gradient(90deg, var(--bg), transparent); } .live-band::after { right: 0; background: linear-gradient(270deg, var(--bg), transparent); } .live-spur { display: flex; gap: 16px; width: max-content; animation: laufen 64s linear infinite; } .live-band:hover .live-spur { animation-play-state: paused; } @keyframes laufen { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } .live-bild { position: relative; flex: 0 0 auto; width: 230px; overflow: hidden; border-radius: 14px; border: 1px solid var(--line); background: var(--bg-800); } .live-bild img { width: 100%; aspect-ratio: 9/14; object-fit: cover; filter: saturate(.95); } .live-bild figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 14px 12px; background: linear-gradient(180deg, transparent, rgba(11,11,12,.9)); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg); } .live-fuss { margin-top: 34px; text-align: center; } .live-fuss .lead { margin: 0 auto; } /* ============================================================ MARKEN-BAND — Neon-Schriftzug (Bild 2 der Auswahl) Bewusst NICHT als Hero: die Person steht im Gegenlicht, das Gesicht ist bei 405px ein Fleck (AUSWAHL-972-UEBERSICHT, Punkt 2). Als Sektionsband traegt das Neon-Logo, ohne ein Gesicht zu behaupten. Quellbreite 405px, Anzeige max. 400px — nativ. ============================================================ */ .band { border-top: 1px solid var(--line); } .band-inhalt { display: grid; grid-template-columns: minmax(0, 400px) 1fr; gap: 56px; align-items: center; } .band-bild { position: relative; overflow: hidden; border-radius: 18px; border: 1px solid var(--akzent-kante); background: #000; } .band-bild img { width: 100%; object-fit: cover; } .band-text .skript { margin-bottom: 6px; } /* ============================================================ DAS ZEICHEN — Marken-Motiv (#977) Quelle: marke/m-motiv-original.jpg, freigestellt und von den eingebrannten Randtexten befreit -> bilder/marke-zeichen-*. FARBREGEL, wichtig: Die Nachtblau-, Violett- und Silbertoene des Motivs sind hier LOKAL auf .zeichen gescopet (--m-*), stehen bewusst NICHT in :root. Sie sind Flaechen-, Licht- und Linienfarben — sie ersetzen oder ergaenzen die Akzentfarbe nicht. DIE Akzentfarbe der Seite bleibt genau eine: Gold (--akzent). Sie fuehrt auch in diesem Abschnitt (Kicker, Ziffern, Punkt in den Strichen). Silber uebernimmt hier die Rolle, die sonst --muted haette: ruhige Auszeichnung, kein Farbsignal. Das Nachtblau bindet an --bg (#0b0b0c) an, das Silber an --fg (#f7f1e3) — beide sind Abstufungen der bestehenden Achse Nachtschwarz -> Creme, nur ins Blaeuliche gezogen. Deshalb kippt der Abschnitt nicht aus der Seite heraus. Motion: fast keine. "Ruhe gehoert der Ware" (Stilkonzept §6.1) — aber dieser Abschnitt zeigt keine Ware, sondern die Marke selbst, und die traegt im Motiv einen gemalten Schmetterling. Deshalb fliegen hier (#978, .schmetterling-bereich) dezente, unregel- maessige Falter durchs Bild. Auf Wunsch von Markus sind es seit #981 sechs statt zwei — drei hinter dem Motiv (.hinten), drei davor (.vorn), jeder mit eigener Groesse, Bahn, Dauer, Deckkraft und Startzeit, damit kein Schwarm und kein Gleichlauf entsteht. Dazu kommt der Schimmer ueber dem Motiv (siehe .zeichen-bild::after). Sonst nur die bestehende Scroll-Reveal-Mechanik (.rv / .rv-bild). ============================================================ */ .zeichen { /* Motivfarben, gemessen am Original (Median-Cut, 18 Farben) */ --m-nacht: #050919; --m-blau: #1d2647; --m-blau-hell: #3a5a87; --m-violett: #42316b; --m-violett-hell: #6f6c8e; --m-silber: #bebed0; --m-silber-hell: #e3e4ec; position: relative; overflow: hidden; background: var(--bg); border-top: 1px solid var(--line); } /* Zwei weiche Lichter aus dem Motiv heraus. Beide laufen zu den Raendern hin auf 0 — dadurch braucht es keine Kante zur Nachbar- sektion, der Abschnitt atmet einfach auf und wieder ab. */ .zeichen-licht { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(58% 46% at 30% 34%, color-mix(in srgb, var(--m-blau) 62%, transparent), transparent 70%), radial-gradient(46% 40% at 24% 66%, color-mix(in srgb, var(--m-violett) 44%, transparent), transparent 72%), radial-gradient(70% 55% at 82% 78%, color-mix(in srgb, var(--m-nacht) 80%, transparent), transparent 76%); } .zeichen > .wrap { position: relative; z-index: 1; } .zeichen-inhalt { display: grid; grid-template-columns: minmax(0, 460px) 1fr; gap: 64px; align-items: center; } /* --- Das Bild: gross, ohne Rahmen, ohne Karte. Es steht frei --- */ .zeichen-bild { position: relative; justify-self: center; width: 100%; max-width: 460px; } .zeichen-bild::before { /* Schein hinter dem Glas, kein Kasten */ content: ""; position: absolute; inset: -12% -16% -6%; z-index: 0; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--m-blau-hell) 34%, transparent), color-mix(in srgb, var(--m-violett) 16%, transparent) 62%, transparent 100%); filter: blur(14px); } .zeichen-bild img { position: relative; z-index: 1; width: 100%; /* leichte Tiefe nach unten, damit das Motiv auf der Flaeche steht */ filter: drop-shadow(0 26px 40px rgba(5, 9, 25, 0.75)); } /* --- Schimmer ueber dem Glas (#981) ------------------------------ Markus wollte "mehr Leben am Motiv". Von den drei vorgeschlagenen Mitteln ist genau EINES umgesetzt: ein Lichtstreifen, der sehr langsam ueber das Motiv wandert — wie ein Reflex, der ueber Glas zieht. Entscheidend: das Motiv selbst wird NICHT angefasst. Der Streifen liegt als eigene Ebene darueber und wird mit derselben PNG maskiert, aus der das Motiv besteht. Dadurch faellt er nur auf die gemalte Flaeche und laeuft nicht als Rechteck ueber den frei- gestellten Rand. Es wird nichts neu erzeugt und nichts veraendert. Deckkraft und Tempo sind bewusst am unteren Rand des Wahrnehm- baren: 11 s Durchlauf, danach Pause. Kein Blinken, kein Glitzern. Der Ruecksprung ist unsichtbar, weil der Streifen an beiden Enden ausserhalb des Bildes steht. */ .zeichen-bild::after { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(104deg, transparent 43%, color-mix(in srgb, var(--m-silber-hell) 50%, transparent) 50%, transparent 57%); background-size: 260% 100%; background-repeat: no-repeat; /* Die Maske steckt als Data-URI im Stylesheet, nicht als url() auf die PNG-Datei. Grund: unter file:// (so wird die Seite vorgefuehrt) blockt Chrome ein Masken-Bild als Cross-Origin-Zugriff — die Maske faellt aus, der Schimmer liefe als Rechteck ueber den freigestellten Rand und die Konsole meldet einen CORS-Fehler. Eingebettet gibt es beides nicht, dazu einen Request weniger. Es ist der Alphakanal DESSELBEN Motivs, auf 160 px verkleinert und weichgezeichnet — eine Maske braucht keine Schaerfe. Am Motiv selbst ist nichts veraendert. */ -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAADeCAYAAAC65wucAAA8eUlEQVR42u19q5vjSPLt2RmBBAYJCggUEChg0MCgQYEBBRYUWNBgwcABFyz8wfsnXLhwwYIBCxpc0GBAgwUFBhRoYNDAoIFAAYECAgUSGFzgjKujUGYqJct21Uzr+/zVw7YemZERJ07GA/h+fD8uePz4J33uEkABwH0Xge8CeO7DANj4ny2A/XcxuNzxw/chWFSwvx/fBTBLUOzCAlMCWH8XwulH8SfUUKU3wS29XEB4DP1PY0VH3zFe+Ep1PkS++/2g4y9/YEFjAbJeQCyAOwD3XjC2JDBaK1rCiSxIDsDO/78EUNH1Gv9eQ5/VQunU79814BsXNqO0mwibCIf8Lp/j3ysSAjOi6USQRLh2dM1P/vc7f/1br2WhBLAFUPtXo95zf0aBLN6o0Fn/WvuJZqGzSjBNwlGIvedI87Fmc/53MbssiPKZtdK4Tgk3C5t8p6aXFsrvJvgVabnKvzb+JUKnTe+UI6b1QFqKTasWThG0ljTinXJKTABnhgRSNOTOwwO+pvsugOc9LJnRtdJ2NqDdsIDgpX62JGTsuJSkFa1/fxMROi2AJnJfLIyP/lVHnJzvAjhRm7kMbVeSs2C9EPIEn+twAXxmAj/diBbW77tMba1N9Q7AAzlB7rsAThO+NZk0RxgJhOkMCV+l6A5cSAAxImRT79ElBNUkviNj98lrxYZgwps8zrkVdw3gfwDcAPimvNY1gL967/GbH2zh1lbkLLnI76cQvBcctula8lqf6P8OwDMJTTHhfmKf3ftXEXi+wr8n8GPlx0sggXz3uxc8soI3XsM1AVz36D9XBnCaG/FolzS3NZk40dY79fmKPr8UPjUBuKJNPDsqtwB+9tf+7P/v3pJG/PHMwn7tV+4VgL8TX3bjB/eF3hftJ5OyCiyYOVrQkbaQ1zO9/+K18Dc/kSt/L0/q/r7RYnnx7xu1WIqFFMSezvuEjkC/8mP6k18EKzWOr14rnlMDtn6VWgAfFGfHHqVolCpDk7gZuMsFMBv/tF5DO/X/28DzhO7FHnmfY5pRHDQRQktjWXnN+Nm//+rpm3MT0W3A+WBzI5RL7qDZCYKZ4glDpk+fuxz522UuFjfTcdHm35IAghaz/BTnxLxmj/nc8YCl925v0G2JaUFgIF4QINfgXJtf/vvYhcX3sMRiLtS9FYFr5VyvoM/ytuKexq/wQviOWIf6tZricwqg9Xjvrx6f2ICXV5AHuvPYbKWwkItM+tjkTcGLBZaxDqlrFoGXNu8smC05SIUfFyisWZCQCo6uAXx9rRrwHCbYkGnYELaLmehP5H3q/d2U2Z2Co177YQJmW8bkMzpOdZMBQwz6W4V/Og1Y+NX4wXu+K8JYegE0AD6iH2xQ0WeX8IJjnJ95RQtcntWQRhPvVpyLZ1qcRQaUEC/+TymA114AV/SyEQ248iv7vceKqxGsVkwQtCJyfw79wIMiIpDtmSyHU89WkNkVyqomD9gExuUZwG8AvvjxrP3/XhUWPJcJFu22Ju0WGnShQM699SbYqlbercnwoMfOO4dGMgkaqUIX1Z3DOuhInj8dBuSBq0YG184U7rmfleuKNrkPYDCNZVPPyDROziIyM5/XILxbpO+pfa2Cd24TLObjyg/GisxEgWV2DXK0Qchz3hNFdOX/rmlBrAJ0D5tHp3CknDMHV07BsPsEhGAsK8fWOyw7/xzNnxUDMkd1BeB3jwlBJq9YaJJSToamepjaWRHWFIG6UvjTRSiTIqAhc/nIpXhGkNDD//wI4L9+4RUBAf3TCCCUhvnd/33j/7YjQnes8DU4xNC9eMFnAWpJAPmwgf+NEc1aK54Sw4YWpdyDmN6P6AIoWvrOkk6IOfac584LNoRLTMITXgq3ONKyVQIn5WK9XDznItda4pnEqWhHxrclL3nppCdJj9jgsEdu557oUnvBLfr7mEA4+vhYL7NFR9qahMcZEp6lggf0HvCx546NkSy2HfrkdbvwHFZe6O7RJWb96jXu5GudywQX5Hh8879f+5dTOEZCilYLLCAJl7JIc4ArdQ8txrfjUtiUzfGLMpHPRzpdvAfM53j2QvDVj+tvXhMuZXKtF7hfcIhBfI8uZM7hEMv5agVwT7iq9j8rjwF/I4xYqNVrMh2LkGA4Eq6x/dgQ6etGhLyYuDCMcspCnm2OwyWxiys1Fk8A/u3fv/FYeyntV+Kwh/+/vNl1pChkzmqvXPavUQBBNMwTuiDPKwD/QbddJ5P3omiNkKn5L7pghWdFj4hQ7Wj1jjkQLwEv9liY0qIfUKEFns3kC7pI7NROzO/kpe893fJf//1P5OB9WUgAS6/xRPisegZWGo9TPe1zY0AdFNoSqLYEbMdw3aM3N/BYZIsuUPNOmY0crGjofuwCOI098NgYyPGILlC3peffYEjccx6yjMXOn2ON5QNQKy98v6C/5WcIaxqF71+1F8wToxO9JffVkfMQ+u6jX+k1umQhiaLWyeDVBEGyShCXmEir7kG0NwuUVYtg60H9Q+QeSuXBPwRYg9T9mwnC98G/bGAhrJXwPb4FATRKCLWnZtUqjw3WDv3aKvde85URDzdXoOau6JDmMRgGCrQYlgypAPzDf3ZLFItJOCBVwNN2GXSPBASP0SZlRPONafNXzQPqcmehQdOreIy3E1N1NzJQU3NnrTJzU55tDH5UGGa6SX3Bip4jxoW2CCe6x5Lf+R7v0GXRmYTwffCfq0bG1Sau96oEkAsKmchKFXOiTase/M+K39uMrGijNO7UBWOPfHaHYSIU41+ue3OPLoT+E0ESDV9aWli7iOCF0h2qiAZlgbol4XMZplzuqX4LJniMjK3V5IRWf00rVUzEWLmPTcA8n/vQeE9rWIt+UaPUGGiqygUENURUP3jnLcTZyTj9A/2MxFT0Ot97OcdxK84oeA2GWWExbVEinPYoL+vNxC3yEsE5LN3NHawZWi91XyawKKzXPo1yVpABR7TmDpX9YIwZ0o6/BCwKC7lJQKpX7wWbEdyh9yxdROVLju59xiqNaaClvNyUuZ0yJvxaey10nzCTbDGaDOdHCy0igj9lX/do4buUAIb2XRvlFYewF2u/n2dqMVnpFqcp7dEqJ8ZMEFoozziFW50y33yOkp4x1+G6J4HPKcaktXz52k2wIU4MEdPAHJdJeMF3yotrEA/zH1u9LcL1oedi23Lm2MSEIpVgH7p/7WjsMvDx2i/odcKBG0sbmE2An1MAK0VehirJm5GH1rTA1r/W6HJJph71MSs4IUQ5RxvhHi0JhEnAGKO8dUvaU9M9KcplrQQupfli+H5WCN05TXDuKsmhEUT4PmHIyk85LHnI566j4gL8JFfuj5m9BsPC6uKRiuC6DHrKEpaeYwEW8YLPJYAtugqfbmRSbMbK3QH4l5+M2yMoFp28fe5MPMa6fC9thF4ZgxNc0rgc8cArdEWiNFfaTriunOv2NQugYLUdxgM+x9IYW3Th5qwR5/TeuFTVVdZYJrAQthj2JxljE7h2YD1iEgVj3kZMeo4Qam971lgWZxbAXHfdJiZOinZbMh8turzjSx85+SAOw/Ib2gzHcn9jTkjpx+VXPw6PCBPZAllCpteqn2bkmXjR13MgzKXCsZCxukJcU4sDmy/CJ3jnE5kgc0HtlqPBc7xuCXeSRH4tsNrzZYbhAV0kjRtxPMYqzrqR9xocuVV5yWaFMdyVckJkh0A21q3/3yOZjl1k5b+GI7VL4ZSjtUW3GxITJiavK/KA28TnNyOMQW4eifbAN3OE8ZICyJWvEPDqkPAALXmuYmoqJYTtKxbC2GQ6DItMughECVEmNmPMP2Q4KKE5iZ2P+cdXjQH1AJa0akPesQbpHGF8T6ap9WCaK6tu0W9M/dZKs20I764DlkJH1jzSc7uR8/J2WxsZHxPRzikMOGvB/3ChAS6JPuGAAhsxz0YNmKw28fbu0QUwCCkqWGiM+nmN2lGefYsu9D2FpXfoJ6LHtNW9on3GqLNU3WsNDexbMcG8KyLaa0MazUZwT0ur2JJnXWHYSUk038eEN3gp5yvnfcaC7YglMRkaSHBijHYJMRZM5cTamrEjpLXrqzXBDsNciYpolNhWnXhcd6QBG4Vn2Bvc0OR8JuxzToE7ZmtPrIM2uWXASowR9zJuOf1XoDSaJsRNQmvf+rF+9U6ImElxFir0K+e3AdpBaJa1EtwqMEiCHz/gvMGoMU2UW6aNhYF5QJewJNWI+RPtd4dhawqDdMgXe9Rt4nl0dM6r14DSdG+j1HyFcECCbkgtn7lVn6/J3D6Qqbc4jyNiFtB8MQ3EAuoCHuuY81GOaDyN/7a0AGxkkei8nnoq3r6UBmxxII8f0AUUcINnXnku4PYjMDByXtF+tceA58Z/Y0R0KkHKBRbcOoCFWwy371LmNzdynK/RKEuU4jBZI5vXrgE5PP4B/Y3xVOXPMW9M45ENuiQnLeDmAgtOoMeWTGc5cj824IiYgHZDhDPUYXC5z16hqxabwrWMQ1u84oBURMCyQz9CWbafdCf0NtOTrALXqIlP+4Dz9xyW1go2ooXGtsMM0rsg5QhOvMX0ag8iWDv0Sf4UFyjPOQkHXsIEW+UNW8IOZQRbYATHcUCmJRNSY1hBoDmjWeYqEJ8xr/SH1vwalsj4xcZ6M3PRtehnz43VyJ6VmlmcUeiqgJreoCvIs6HBMohH/45pWG1uBUuJifroP3OP08cByr18QD9AYGriksWwQ3tOrrOdg8sCwjuW3TeGbaPHuapjGRJAKUz+zr8n9eykP8c1+i1aga5mX4m8ustSj1rKADc4lA67waGSlNTp22K8F8mxx57uRfdJkckrMrRRQeMgdRS/4VBtTH7u1Zi/R9ccaC5W5/59WmnJvewA/BMzyrOdMy+4Vqa3RLdN1iCcO5zjgIxpH6tWqqzmBuOVuI59ZqYtbATM56aUhhpYw49hiXAV1rmpCprX01qQnRkx1bO2PM/dMV04OXE0tujXTFlHJuWYgAIOV2rJM/55YQFs1SKyBMxlVyNnB2KMX9SLsYnAiGMEUON1GxCumrDt57m4+pwa0BGnJSsG5PFWGIaq6wFtMT/1Uc53iy6oldM/yyOF7xOGETtSSo4J8zlCEathzfdfKYfBHvlMDXnAOurl0Y/h41zsd24B5BzeiiZqQ2ZSTPRdggdcwhm6J+pHOovrkmVzr7ULmCWenBLHF8A0ihlYowvhN0r4bEQZ5CbMm4AC4JhMcSJrzEzL/PEEgraPYDFZPZUH5dK3453/3fm/36Nfe1gLRbHAPQqA/48XkjtyfuaeX0rscsnfZz8x114L3tAYzb1WS45LTdalIOfkBl10ylXAKcpx5KTx9RX6zXjEs771c/WTv57c28ulBFA83YJuQsyrVFJf0ep8oRV7TQP4Hv2azYWa5LmaQ7fYkoXy7K95fYTwyf0+kce6Jkhh/ERViHdOR6ZHvKdxe/GmUBiDKxIC6xfWlIY7Obi7UJTXyj/re//etylCuKQAFkSTcPccKdB95Sfgya+YaxwKaTPdIlhQBPZqQdjAhbX3hAGfMX0fs/HfazHs4P7stepeLapbes5QFyiX+XxOXevBT/raWxMxkzfqmmPnnNP2tlBa9Ya0/su5BXBPeGeNrm2UqHKLrvr9FX2mIlPCZirUXqFY4B4ZIkirgSe/ICxprVViAh79d3Z+8lv/93/QtUlYkZa4IksQa874gvHeJBo7fkNH5P/Va9k1wZ5cL3+sH8p+ZNHsaVG/88/7Lcc5OYUTwrF6dYA2KGmAflGer414e3Ooi7HJY6qiJYxaK+4rhMG4KukjOQO81feBvH6LvFJyU6tpOXLc2KGrsFx115Rzwtwke+P3RM24cwqgJjA5lIjLRVTkiTbkhTI5rSN+Y4KaKpoYm9QGwy0uyb2oScDWgQUgAljR94Rn/OA90oaEIWdhTfGKdXTyWlEm9gTKJNYPWf+tS7aZcwsgHxW6rjolvVqa5JImS25+pzxmEeIHdKFMG695Sgz3gNckHLHJ1pqUV6oED2wiuJCT5Gt6XzixdeAeQosipMk0t8cksItYGUvXPkWome6fEls8JTlc1i/GHbrSe2cTQNEu98oU6MRrKM3Igqu5rhZdFh3H/HFSuvCLHzDe5kFXUKgCg7XFMAXAqefhcr9yLw79iltNRFPUxBOy0Mviqmkca3Rl6Da0cOH//oBw8U+zoCZ0EQ0YgijWz9cvOOwR1+cUQBcgXm1gAoF00XJ+6JKEFfRAWzrnLYY1CKdirVYJfaueq/bCsSFNtSOtzNq8RjgHwym8WavnYFLZol/XmtvOVgmyeQyCTBW+UVMaOIQGSmLBU5ngGoewpy269lmxDXkTwRgsFFoYOQJXqnveYV5oFeeScLXVdWTQRFOx6RYBtOjK0En5kArDQIhSOS6PdA8CPe5oItfo76DkhJHZEyiWscLrer7aMU/4VALo0G8UaMk7s4gntegIEY5cYW/L0kP+nAG+XcZkrdEPaK0CGLBRmqki4V+TRuTACzOCm3gf/AH9BtuhpO8phdmXZjfMCJ7WxQVGK6ee0glhSsOQ+VwjXP3KJswIv88tuu4yPb/cilVs8nbo52zoYFKLYaSNUXAhVwtZBdz5fzr6eW541SmDbhEQQIYNUSE8ZUDqnm6kQrdDcBMgYosI8flCpLSodCE49x73XR+pqWscIlaeaBC36ParhUBucQhmlZ0c2QbjvAt5jndEyE7Z8zWK8OVdB3lvT6/c8y6haF5oTl8i98jzXtAC2iKyM3JKARTBkQ3yr36y1yRMod2OUOTtCwnkE5m/d0eubOngzttzKxx68q5IC4omlKx/LnFxRZpTdnluSHBjgh9ruL33z/hEz82Qo1jIuZir6UwAq4fmSv6/8hj3GYFo6VMlJVn0azfv0G0ZCd3xgHgFT0R4MtZaS0wCZ/zL/XER9F3AfOy8xtzRCt8pvsyOeI6pWi5GOTg6Fi837KnF8kWZYgUDXMD5kfvdpu7llFlx3POsVgO5RReL5yKYLIXVSsyMPwsIwVYR3OIA1Oi3b+AcXFlEQqFIAvwGecXFU92MNKda0+JwkcUZKm13qhqJYz1D+D63OBSTj/KApxRAjnrWE98Q/dCMPJDOABMB1IId4yJD164x7DLEpLJQKhv0Cy9a9Av96H7HOj3UjHiUKVzakiDViiJKFQxq1fdPXZrOJDT7bkxRnAIDCqUhGKZSwFU04zO6WDwOenxRToj8zYP57DXo3p9vFcBRRQTzORzCwJ7QxSXKez+R1v5G+PWaVnSJLqOv8fe+8t+9JsdDO1S5Wvmr1xridLApXilHJYShZWHL+Mmineq45NxrLFrJ0kJ6QCI0a2kNKBqkVnxdpTSQm6AddBFEzkGNacCxc29IW2zQzyNuycnR2pT3fR/JTP+C+QngIf60pmfjQAx+Zpsw9a3CtnUmzJmCKVMdr0DjvElBjaU1oKy6llbcs1LDpdc+z16TbJS52itP8UVpkmevna7o89VEh6QgLSxBtKIVG3XvK3RBFVvSooIV7/37K4Rj56ZonBqHmMKGrMKTwqHP5K2HTKB49t/8577SGBXkpTaRxRoLTpVzm8BYOnpWE+BW65gXvLQAOnUR5qzEZLzzn7vBIYhSA/J9gI6RB38imkJokmdMq8zJAaEtnesb+plrIohiclfE9d34n7eKWC9GJm8s8HML4Dd00eDfSABLggQcFq8pkGelzR/8z2s6hyzkr3S+QmnGImI9YqaXn3FPC1WCcUMR5GerjMAP8Q79raZG4bg9DV6hCOmC3ntGv4xZbk5Hi35QRKE0yjX6lRg4tKr2Qi+4b43xkPfcoIAnT3Q/06J8Jr5UBP2Grr9XAvDNa/KCnKQvhLffkXAWXjif1NgVI/daZBDVQto/oKtI8Z40+P9XVOcWQIsubPwrPewNaTBeRfIwXxXx68jESNmN9xla0JH5l0lcEWEqGEw0iWg5ee+/ZH5zMV+OGZZzf0S3tViS8IojxIldlsaqINO7JQfqGl3qgKQKXNN9NQD+L4YlUVij7RNavQiYZ+fP+U//TF/QBXBIiJ7wmfvixNpOa4AKXeydaD5duTOESSyGMXktgWt5oDFujR2iUPVVEcBKcWml8jJzqgBMCYdqyFTKPcje+R36jR6Z6tHOHDuBDWlwic75SOcURqL1XrdD120gJ/LFRCgvji5iqusjgP+NfkH67an3ggt6CdFbkJf8nkDxFa0gbVos4ZYnwm6FP6fs2+YUGioiGIZzYX/392jRZfMxxXCD8cYsuQ6IIy0h2licLBmvLbrtvmvSgiIInAAmWPKJPlOhvydbkRP3iH47iCu145GTJspzJU7nF6JfeJfoPQn511Ob4D1N6q0fFK4HXaHfZrRQGOGZbnyl+MFnBXh/JxNzjGYviEcryfwVdK/XWG4v9hu6qOF3Cov+FV0ghKGFDPRTPDkZvqUJ33vheuc/syMnTgTt0d/DM1mmK/RztYsElt6TUvmP52e/YFgp6wVdOJvxn9meAwOuCIBKKbZrLyxb4txKejAG2LLBb/3vK6JnWsKRNZHgqyOET/CQaL8rwl+t8oaXYA226LbyxPN956+5IdqJgyUKop5WtBheyHMWDSdBID+hn49T+8//jn6f4Np/pwwIIQdRPKOfw/KrF8Btgp8Vz/vBC3576townAPCvFOJ/ia1xhyhiAsmojnnVfBfhX5Us0ngLYvxZs7AsHJ/NQHXTRFAwWNrwm6aWnIYRlbrczWEXS36KQySStCiCwZ5RLgh0NbjQjlHqMOnCYwrE+ApvNuci4a5Rlc8p/ar8tav0sZrRqEHbki7Ma5x5P1qEy0T8jv6SdKpMK0iQ4Bk1X9RnvIccjklfF9xiKx5QVcUvCKmoFAOiOA/3u5bETxoCX81dA7B3CLU35QJDUEnEbonAP8m5kDuSYJJZCweiPSeZHJOSblwziqXJuPQ9hL9IjtaG1nlUYbqSHOfuEd0IfJjkRsp4eDQeyys+UTTfCSKgjPjdMhTq7QhE7oyDo8YFgGFGuNP6KLIW6S347j1rTgqW3TdkERzb3BIi6jnYp5Tml5DwrVWg8mdwW1A4EJh8DrbvyatIWpdmuAcYy65lmDqHHND3bmlbKhoZYVhaqpFfy9dp4uKmb1FvwHQjr6/o/GqR+gkp2iUJkAXAV0o26zwuFMGpFaKR6vIlMhAbzDcitNFvFMdxi1diydrNwGTpITQZpLbc7TfpwAXKjjQqvtoAy8oLMhNbWp0aaG822RoTnJyVtrAXDQI9/GbFfb1wwm1X6tMb6vIyTKwchziWVah64gzUpHWKMnT44bWp9L0ZqLmEwERXLymya4Czod+/lKRxUA/llGXCeY+KxVprZzFlft8di48OYUAygDtlKnYoh8hAcRD7kMecUzzcbEjS2b/M53381yMsqC3y1THIz2H/F2i39GSBWBDWC6UsmDIBNcY1uARoa+UKd+MCGGJ8UgjXQz+ogJolFbTphjobxftMCyTYQP4L7U6mX5g7Snsvlz/E2Y0UlnI2dihX83hI/o1s1uCKrFu5bzArMKmRhHQ3BCcHb8aw+oS5YhgjZlqiyMaQp4iINXSRFcYBqFWNAAPZHpCHFNqP5KFdE14ckvfkboxUpj8E06TJ5ESvi15jDqhqqEx2SDPJDLs0PvAjhyxiuCPJYfEKK0YEzDmcMvEHOiScBcTQNZ+7Hiw6V2rVdViWMortwQEMCzIzZN5S0Ig1/1M4P/Uh3iMv5JZlGSmjcJu9xgWStfPWKmx0gWDKqK9jHKitLdc0QJA5Lqs2aqROQdmtoRYUgAtaT92PNhj29DNWvTLUriEd+lG6BL2qu/QMf5ieoVSabxAfD6hJhSN/xmH3YSGzN5ndLsPlsZIt6oNUT06ckg/f6sWtySFsRPmlOnVAhl6jjEmoUS4jMlZBZDVOvN1mutilW4DfJPOKosRwDyQNmAuQKZPNPCG+K9f0W0FLi18jjQfV85q6ZrMd1YYbiuGqCCHeMdN0PdKcmw+B2BHS0In3wt5xLJY/0WLJsZnbueO59ICyMSwTtFj8rUh0+gQz3lNTfQ2MlkgLVvRQrDoqnSJeUy1l5qTuCOC/ythUaFVmJKqaMFUyilrEO8UahP3qp0AEbSQUGgtGHOAtoTTY9d9APB//DNPFsCldkJ0McYqsCIcrUZD+GeH/jZdqC29i5gHXr2MZ3TE8md0Vaw+0wIQb/QW00rkIuKtStO+LS2CDbptMIYbt/QZoN+bFyM8qA7YAIbFMFPwhU0vl/etM6GPdrRmW5IfFtJ+paJZXADoMzZ6pAduI9xXahIMrb46cC+VWtGiDSy6CqqGzHGIngmZOU318CQJvcLaRRyLB3S9d5mfq9CPxI5VM9B74jZA03DSvaa2YlHLer/73PVmFhNAqwY+tTVjlTdXRlZobtBAi2F5N0MgX0ye4Jg70tCCdR4R35x3AawaMmm/kodtvYa7xbBW4h1pe6uEL+SR6v3gMjEOLfo9+HLGjndV7LmFcAkBtKQdjOIBQ6vKKuxhAqZ6bOJZw9ZkxvX2E5e03SoejLX1QwJomwDnpcH6Rwzr3Nwq/HmLYYFOgQ4CVyzGa8rEquszts5pRStjWCon5qzHEn3XSuWBhZwPxnYl+vufNkJ0mhFt2KDfgX2N/vZdRZhrQ0IoWHBHGJQnLicRh03yA7ptP/b2N4R7DfrZblZpv5YgQYlwX2AXGROH4W5Qm4njWvSr0Obivldnglu1oscmzyC+FRTDXrHrcjmLWBCDIW5si66nB1M3j8QPtglTzFq5xrBXbknnrknodMV9Q9RMg37kdczpcWrRIWAlGAKNZQm2ygy359aAPywgfEaB2BD+s+iz6hUNJGMwXtEucwXLJD4GeEjGTxV5pI7wGSfJM5/lMgRwS3SLaDYhw+X9kkhkrn7fkPZrMWxfkcLbJvDS/491nw9ZEosLHUsIIJQTkOLV2GO2ygTG6IWxQkNO4Sj9vkW/xagmsSuiQVigYjXvEDBbovU2ROnU6Bes1ATyo3dcZBHUES841fnJBj7TEpwYcypiGvXNCKDWMjHylmvyMVYRvm6DYWX8MUJYe7+iSUNkMk/+mq5zh3AQQG4of41+5dKNp150J6MK/Qhth34agpT/3UUEPdSCbOz33E7mF6NgjhVAHRZkRx7YKa4KJJSbCO5rM1bumkzag5pYjhZmYXAKAmjuzGVMWqu0xwP68XYctWKVOdyi39TmMeJ4hAQxl5bKpbNchP55Mya4zdCAWmh3JIw7wiuIeMNmBAuxFtwltDXjLKFNeGvsFuHgCJ2bEgL5FZlfXhyVYgx0Yxwd85eiT1xE2GKa0E4Q3ItowOJI4dOlYnNUvg0Ibgj0j9Va5vJjNTkBkphTIl5XpiIBrMgDvUV/K6yN4FLRouLUiFddYrhboq/dkADWJKg/IxznF9PKIdMc41yRIYAW81pyXUwAnZqkHNNllfnidEqXGJgUQSytE+7Qxfxt0eXZxoodVQTUy4BG4zZcoa6WQi7vMAzI1AV+WHs+oL+PfUcOjB0hwlPzYCIav8oQLPcWTfAUjzVE2WAEKBukdwa0aanQRddsFQ3hAtqWPVVNgQiejDlC2oliHKojv1lAxMuWe/kHgP9BusCmyRQ+i2Ef4ZycDndJE3wsBtReps3UgNpRmFpNnj1Yo/Af84KhQWbTzGUnNjSJjximi7YRk3qPLsxLf0d7849ETv+MrhzasaZPp0aKdm6RHyxqLyGES2DAWEvSlNMSSjKf0sreoqvNbNEFXoI00xZdB00b4c44cd5iGFkcw6EW/SwzjRcbDJPsa3K+GDPOdQIc4i1udUZchXjj6BzF8Wo1YIj0zR04qzzn1M6HSXi1/8ChSj2bd+4jYkYmirUbJznZEc+8ipDEoXb1rKE26HeRcpljhgi/qsc/RErnzN9FjmIh4bOY3rHSYNhwxk1Y7SwIH/zfn5T22SoSWAtgS5SMJeG16rpjxLR2OIzSioz9pLA5Mvm3UEMaF6GHWmXuDWHiHAfRvDUB1A2YLcLBmmYE/I7xVWODV3lMBRxCoz6jn4Cts+54P9YqSmhMM4QCUtvA+fn7NUGDOdljMWiT2iH5hC76p01c0+KItMpLY0DxAu8V59QivH/KOagV+mmUY+FXOfziPTkg64RAtRg2p25GtN3Y4rABDasn+RbhCBX2qnMsgDbv3Foi5PmHno8TuYR//Izje/CdRQDZ7LKr36KrzFQHBok1Zql4sxwqJ2dB3KMLb7JINz5kARkLyHQjwh8TFF6MFcZzPMZMsBau0HYj12TW1cc0hrbo5xq/CQ3I22g1abQHdDF1sVp/HJigKzvpSZyamSZa5oEckBLhgkcm4BW3SO8caMI2JBghHCgh9+vA+zmLzkQ0Im8GSPswHq+SMGgbOOcjUUkbXKB0yRI7Icy/jSUyt4EBdAlS1BwhhJ8DWsIpPGUUNVRHwHisvWpOxDJ75S3Cuw5jLR0cwn3aUgKKEXZBFzayeIMBqbw532QIiwuYnBb9hO25VU21ptXYMoTNQtrCZZpIF+FDNdyQe2mRbq5oJiz6FD20Rl44m1YMLc5fuOloDahNTmxwHYZJMHryQhoQmL5LwIUvx/Y4Qw5E7tYfEsJgA/QGa8FyZExtQtBDWk1bDW5Ok2tBzi58S2lAg/z9RN7wt+gXFzJYDgizQ7SO4K3QToxJaIJUY2ZEsB0LhEQ914gn2m8TnF2IC9Rm3qr7txEsPlcDv1oBbDNMVcjknSIZJsQv5kABjQmnaH83MsFCdZQYlssQ0/wRhxD9FA3iMgWmSQhg7LztJQSwWFAD5tAoeq+1pgFbCoNwqFRuemXoORzSBLoNwA9dJoM1u5Ti+ISuGqpovQf0K6jG7jW0E4KIw+MiGt1FHDf31gRQBquasDLlEOKTCVGbGNSp5mFsQLWW04unxXhXdxuYWH4GpoHknjYkaLUXRqGt7pBOQTABTlBj55K0rIlQNqnxOLsQLmWCkWH2+Du3iv8zEadkiUNMXBMxlbGAgjYTrJsE56kLpAtRvvbvPaC/DVkhvVUXS1Di8H8u8cGv1DnftAnWGsBmaE0umVEhnNsAHNeHQ4SPW8M6xCuMxjRCbG87tJui70EcCq5+Kj9FS917QVyjSwlIVYlAwMPn520QrmpqEtrf4kJF3H9YSAA5ESdHAzLvZDGsmZJDD+RwW1Kl1CU4uBD5ncryMwmzCAUrSgyLoxsyx+KE/YJDRE+sXnOb0Lgxx69CP3EpRqZbHL8NejEBlMGxCCeXxz4vkcGPSG/Cm8QASyJ5qHFK673KT+hH6pQRjtElKCU3Yn5jE2fRRaJw+Q45xy3xlbcjC9cGqJ4Qd9qqxVxjmJ7K92vRD5qtzi2ExzYr3OPQLK9Cl5m2R79fbex7LQ4t3cUMlUj3p+XjxQuX1OOTdq7SS/g3T2nsvXa58a8YPOBmhNJ/mNvXF+jv1MhzS5NoE4E3Eh395L9T0bWMv6d39OwpTb+i34uIRt7Rs4IggNxzia5BuDR1XKPrvSwNp/dvSQM2AVORgwP5+1OrcmqMp80pE7Ml4lEo2qSFAlBb5BHDMc0lppULlPP7OfVgYlUjTIAaYiqGHRyuSMZwiTXgWUOxlhJAfviYJ6yDThs1QDWmBR0wxrpDP+FbOk7aiV51iMuMOVVmwn1KmV4EsOCUbcYUfm3JqeFyb4y3rRrnkPC/ORqGtRjjQP1wIczC7QuaGZMr3Nk94R8pFCn7wR+Ql5g9VlO5RXqHJ0cI79GvyZz7vG7CHDhamK1iJlr0d6wqNWftWxVAh3Bo+0bRBBWGYVYm8P9cAdS91aQvhnB+qeYvOZNtEI54maopxMn6oPi/duI5UukBbHG4P0tFyqDFMEKHF1fzljUgb37XyuxqIeU83kaZ5NyDaQwxbWKCpAilxbx0Q4NhkR8bmXgz4XysiT4jHpTQTtDQJqDRQAKu/8/R6DobscUFjiUFULzgJsIJtvTwFfqVCeasvJJM74MyMRbzEn9CE2tmOB9I0DVr8lhDAbljmsgknK41+v1TdJkRpqM4Qf8i5vcUAqidkiqwurm1k5jLEvP4pxbdhr6A75/RJaTPwVWxGMF2xBzmCqJgU2DYtdwewcVZDLtPMYzgVl+ME3Ep87ukAGrBqzFMiOFEGY095mgs0SIP6IIvP6CrzzwH2JvIM2khnOuQiKDcop8T3SbuIacujAjaZ/QbU8u43KGfGcdaL9TT5c0KoGSjMS2wxrBhzA79ylRNplbS2m/rBVACHOZ4vTmCGirENOd8wLAfXg4VMxZE6sgJawL3X6Gf+tmQcNaX0n5LCyCrcl0F30a0Cic0TfUs2XyztjVHCmAs7H1JoG7Rb1bTYry6bOr3VuE8HR/IFI0W+otpP+D4rbjQQBUArr2A3KDb2npWgHmFbvts41+ryHn19twLgN/973/15/nJXzf3Pl8SgihbcbJl5ZRjtcTB57Z0P/pZC/X3nj7T0nl26LbRrv1r5QXs2f/+zv+Urbdv/v39H0UDAv0M/AbDdvMihHfo90lrM/EUFwVfE7CvJtzjmCCZCPazCWdoribUGXU5ZY5DZrtRLISlc23QlWsD+mmo7pIa8BQCKAKlI3PXGO6GVAg3qsnxfi36QRDmBM/hFM0zx+kYWwicpJVTxSF2r5US6kaxETrQ9uLCd0oBbALCwuHpMqkNuqZ+YxpJUy9TKkzNFQ7QpFmk83GXuE6Me9QLIpSWWaMj4BvShFwGhRf7H1YARUh2ZBJKxUW15IBYxOsjp7RBReblVAIYir87xqse+74duReT+JsjWgSvVjhsR+p+cjvMI9QXP4oTnrtVvJ+Y5HXAE+ZeaSkqBBiG/p/K/GoNHjK9U1rK5tJDbuT5gXD1hTVp6zXBH6dwc6NoL4M/EA0T0oJCyWzIjFUkRDWGHYLGJtSOmKsljykaeqpwT9GOCJhdHc1tiFHgDDnmAbcY5iXjjyiALIQVDU7rMd/P6FcPnbqbYDEt8HWqgJjAJM0V+BzvNof3Q8QMs4nlPGR2OBj3XdTsnlMAGRxvSQi1EE1pk6VbhE3RHks9UxvApC6T8jn2nlP5J7cYdqyq0O+HHKsveJHyHD+e4RpC+locSNCf/P+f0OVHvEOXoKOJ2D3hVSFuVxn4NTe/JPa9Pd2PTFahzsv3+5LAsMVE3F1EtK/GbS/oE9XiAe/9eyt05P4TgK8Id58X4SvwBkPypzgkoum4P8cdhtHTSOCeKZptbkpnaHJi/zMj/J07clJjbTA43E3/3ZC1kSCFLYa8q0OfyH+zAak5g1ihT7reKZ4q1+RMMRN2greZunaj6A0txLFWEKc2b1q4GwVvRBi35IzcBiBBiQv1CvnxzAIIdElD117lX9EAFCOmy2C4N3oMBeUi52LT5rxJu6JJCt2D7Hfr9wz9fUxN7pCJdgQJWv+7wJMKwBf0g36vvSl+9t9f+XM/+8+9vEUBlNW2p8HQAFdwyDf/852f0BvCKavEILc0sUtyl0UGJ/eCfsObYgQimICAHHPsA1jWqf8X6O+/X/sx+w/d2xW6+tyCyf/mz/HtEsK3lAm2frXdoR+JrOv07RQdsA0IaqzMxbm9sxDgdwtorrn4OTQ2oZ0a8YYNja9Ylw36YV/iNR+LUS8ugLKqJPXQqgmUXIUNDY7OE9Yts17DYRRGCvFzWkiXvv/YLsjY/bJiEOytqZmfceFo6KVM8J7M1Dd66Gf/f6Ez/uZfDl1JipDZNQEzw7RC7sQ9T/h86tlAGJDN6z4AFVYLXFNf3wTop73CqAj8X0qBSGzm7/5/FofIcYtDaZSvuGA84JJOyIsfjHd+dT37l+ASCTy9Q7hURqsG1aBfo2Uqj7bHtCT30LmZE1yRpttH8OBq4fl5UQJvFC7cK+zGvKSM74OnYYxfRHf+99/Q7UD9IQQQBNrf+ZW3V5pMaiWvIqC6UJpFe4/tBEfk2Pan4kC8eG/SkKe+Dzgapwjs0MWPeIycugcthHt/3ztvmUocosffoSuc6dTz7N+6ADIu3PiHrYhyee9x4Eppnz36lacQEFDGXafwhmPdL+VvS/c9dWcjJlhjCxnKpLJleCGsVwS8WKFkrvz433vo88Vbpif1bPtLOCNLCaAhfMFRvtfol6V9Rw/7EqAt9oFVyXjLkMAuJYQuYnr5uivkbf9NcSyKBBx4VhqXsTbzofvAudlKrPwcSOHLLx73SRzlFbotxPatCiAz6WvSdj/515pW4ZVaaVrrmQgH5hTX5RR2OUYwYvvFrHmeArBgilA7tWiKiMZrCW9a+j8/f2w7kgWThZhxrNAvcs3af+6avndWM7zUim7Rr9ReoV/1M1b2ItSM2SRwGQu83mu1mfeqPzul1FpuS1mT0G6h+oP6GjFBi41lq+gXvdXYqvcMhonpF+EClzLBTnllxuM9RytR76Gyg7JKCEtMWxXqvLnecU7ECgLe4SqgJYoJC71ICGdBXrb2evVWWxEZc6eeZa8E+kVp0RfCg0v2abmoE8JCVXru6dE/bEnmTEKGdoiH1BcKX5rEhB+ryYsElQMF/veYtjvjRjBr6v9aQIvI/XFn9p3y1uX//yYz/9ELn8xLgW5/+KzHqXJCJDWzRrdTUvmHfUAXBbNFP0g1FvlyqQjeVITLFHhiT3h/nO8hZd+ALgxfUiK26Mqh8O+3GG+z++YEMDQ48jv3Fq7RbeO1CW14yTDyY69tT3zvPJYiWFv0c68b9HOCW5qPzxcc25NqwDoAdHmTfO3/94gucDI2WebCgtYi3cfERL6T6xwtMdZSmIhLAEtK7A79ylj6uxcTwFMGpOqHatAvRaabXdcRvmzJiRqrwNVGnsMiHhXjEucyZxK+LYZVZiUDbkeWJmZmLxYRc0oBbBRNwljIKipAktTdCYVvrqkcq6FiIppvSrWuYykwvag5ANgpk9viFVREOLUAOgxr1Vn0i1PWGCZMuxNrj6kZZ6G8jlSKQIthg8JTLRh2iir0s+FM4P6BYXPIix/FzEksMa2mHReqlF4WSExsu7D2iOVx5OK5asL9pHJcdOtUM3OhhLSgizh+ukdd+dYFsATwP/4Bf81U6aHMMl1ewihteQoTHOqvFpt43YhxDFuKwzGmYaYW4sxp/PhIi/yRPFttnmtcsDXrUgKoi407jJfWaHAgPzcRgWWv2Z4Ao4Q6TLYTtFCZEEpuN7FOmPI5qQU5aahcIN7SPfH3RHvrujBvEgM2AP7pXxbAPzBe2b1FV0x8rGVqaoUe461p7ddiWomyUCkMEF5dJ4RsbgeAnD1ngQcNQZtUP7lXI3xzNSCUan+gVTb2kCZzgu0C2CjH620Qb81qRvCbRbgP79L3OEVTusgztHilx7FecO3xBnBoi3qf0AA2MlE2YG5ShHBII+c6Q8Cwu5BJTJxeHALua6RbKywlfCbjmZqF7uUitWGOFUDd1uouAMK5Wd9GTbpJ8GUmQe3ECuzkAv5QxQI3YurZbP8LXXuIU1Y9yMFrFeHxMvP5Qo7lh0tQNEvxgILxWnTRz9qr3fgH1d3BTSZW4S2nWFmMHN4upc13CeGH0pYW41ttDvOJ3xQBbgI4sES8j9xYT2PJEX4zGDBFb9z5h/oV/QLiukyvfP4RXQHLsdXKOcipbkUt8loq6Hb2TIKbgKZvlOOlzbOJjIuZqf3GsBtDmxr9HSZhFCqaAxcRPvj52uHMTsqUeMBYHgLQBZRKnN8NDmHez+iSk25wCMnXpdckd/hvSrBsZFJ2/nqaUC0CL4nD45g8/Xn+/RldoW+Ov+OeugXBCA5SZW3IKZRFhrDpz8h9rPy1UufY45Db+9WP+TscYi5f/NhLLvZX9BOXShyChu9xyJrb4ZXXhlkhXT9Ogh2/ouvXe4MuaV0mWQZiTSvuDoeUwRLDVEReACt0aYbvEA5SdcpT11opFdRaoN9sm3MpJK/2CuF0URv4v0O8CFIsp0Ww7rMXEJugaFiTSSL6F3S1F2UOgENwcEvCd4cuJvPLpTzlKQKoM/D1KuRoaG6OImFX//WC81/SeNI9STBIoQY3ZLpEAE2Ef9yT1tL5vLEdkFDSE1e6WmEYgVwoM56K6i4imstEtN+jf/8dwsEO3P1I7pcbd7de8O68VnwhIZPk9A8etz9ekqaZGpJ/Q2ZSZ1vxoK9InUtusJQve0ZXmUlyhLndQqxaljgKv6Er+1FhWNaNhYZxYCiEnYVBC8uLn2jWeHulUQuk80NCpj90TRaur/57om1XEcdB3tv7cfnqF+bWj+W9P98TurIpkpv9d3+NLwQr3kRSEqf2vVfeJk/ElReSr/73Cl1eMPcLFoDMNQJTE/pC2q+M4EqtYVZKuPbqnkM5GUVA6xcYlsLYjzgZL2qh7tWi1ab3mRa6jKOJQIXQopCx+bt//3f/eiYr83cvdP+izxtcqETHVAGUQRJn4z26Gn8gbcQg3nrBE+yxRr9smzQ3LEjLtQgnghsyLbdIR3boOs6cCfYNw6y6McfLkBZfIV7FAQqDhkw4IoJlSbulvHiGKY6+K9XxXzzUWdGC/+Df2+OweSAJYaJFW7yh0hwsiJVX9+/QZb2tCEC/U16reHZXNDFcZLFImGAWbjPiHRYBDWcIZ4mJY60UqsiqNZ1OBU2Z3hrhSgYmgxozGdZohX7hTBnjr34ebnDYoRKO7wmHoJCvpAhkHi9SoPKYtEwZULn5azId1zhURRANIINhlNCBVp9BunrAnEUSWtUWXZUGQ2Y9dF1HAqtLhRSJhelo0a2UIC+x06AXliOmQpyz92Ql5HNfvAC+oF/y7vlSGHCJmsWSWCTa8I4cCvFSG6Qz/i0NZM4WWw65HOonEiLO68SOAZPUUPcYSvAJtXblv5fI7mvVOW2A9C4V2c/biBxBI6wCkN+n5eQa0CJeRd4QZmACWkyjaMNbci5Y44Tq9oVI42OKkaeaPYeI6hf/ukpot5DpNAGnhHGcxohsgvdHLH6n2Iaxcdqr+yvRNfeWnaUrrzEL9Rwv59aAFofikgDwCfEMKhngDYbNAw3CKYljG/d6n/Vcm+IWw62qseAGG3AEbERITcLxmHu/c6yV3jN+8P+7Rz+QVdiI3SVMsLDw3GTakneqBcTSZFhS/TYwMW3GJJw7JEib6VSf3jFheFU92AL3z4u6RrcHXKOfusktX2PjxQ2xFzXBe/Tj3RjriJNxTV6jJW+S6Ykr9PtqhPBTalGccyJTJkyw0zOGNWH2ygSOeeWnEKwxU+4UFcTYWBLWv5EwMiTZKy7VeEbjF3T9Ro7GjH8JmECtjcSZ0OZXVPoGXZbcBunmy606x2vVGnoCuczFMeZ0Sim5Y/AhAk6XHm/OnpOKFZ/o8zU9syXtKE3I5Rk+44itPBHACl2TY8YBFbpaf6x2GU9Y9GsD5k6QQ7oX22sUwvKVLZxQXetQxqHLhBcc9SM1fEQAHzyFI6yA8IhHCWBBUr2mwb4lCkVWR0vvr0kb1DPBsQxAozzH13ZwQcxLV+sao8NCFFTO4m/RTzd4IAFkzNegHxYHHBnI8JeAio55obxSJJwHxP+t6WeuMOmyHRwQ+poSqN2FBM+NeOQ6TdQgv1IsK5QdCZw4JaHsxMU5wh8JfPJmtCMw+kJ8kADTljg/qf/8TJ+5injZMQ3M/OJeAeKpfOAS/dliXFpxYmErMlgK2Y/mPszsKORcY0+C903xnE80L+KMlPT7SWmYKQCXvWQx4bcBamJMc+jAShtY4bF+wZcq5baERnOI5++GxkanhB7jCDG04EKijXK62iXMbK4XnIs55CW7HeIJh7BFSSbbRMx6O8Nk8/00GAYJLC2E7RE4Vwsf495YoXb+rD3ymZwaawQclxaH7dRPZH7PksT+l4nCJziv9hjQKTDK5LRFP2QqVhznWI8yNlAuoDlcYOLtBG0f8oLbwAJtI89nlcNgkd45wQLj0ioNV6PP73ITca5aWyNc/u2iGtBGTIk2oRbDzfENhh0zHfIS0pfQOlrLtBH+sw0IbK0EkO+3VtyoRT+zziFcgCl34U1ZoCHIUqMrVLlDvyajhjNrdOWSJVdH6vqwgF5MAHO0pB5w6ZTEvWlFk+7QFSqvEE6uXmpy5mJdIJyqGRLec2LQWFk7FjTm9hr63g7hnGP9jKIsdrSwmtcsgPph7pRZktVzh0PQw6/oakbfoktql2hdi/7+4yXojhh3NsUM2gUFTjeXsegnpdc4hNvv0K80pk1pTjXaECa9mBc8Z8C26oEdeV6P6JLSLWFJaTfAZTtuSTPaCXzXkkI45uC4iDd7jKfKjlarFvEW3U5F5f+u0PGwYi7NEU6FOyUHeGoBRERdtxgSzY0SUAHNFb1fkbCKWXcIl6DIoWfcBKGKaYSxyZlSs6ZFnyCuCZd9psXMrMEjuiy4B2U2Syy0W3HKo7jgtV0A8LPgCp4x5AjIJFQY9h/hApEV0T824HHmxuiZCd42RoTToR+B3Sh6RxwFxmoVDslEnwkrM/faRBa7xHTuXrPwXUoAuR5Mk6BUGHPVSkvwZxrl0Rr0w98r9HtkMD+pNafFMHTeBq5plDetmYAK/VravGm/DSw+i3DNbXYY2ojGBPo1XWrkl07+02rA2GBLfonm0WqlTVqFL7W2YcGuEd91yDWZU3GkCPrP3jz+iq6cW5sJVcZwVwqfNXgjR/HK7ifWtdFNnJwUN4YzaIaGMFqJfjTRVIF+VTWdlz5+eIX39Eca7BbHtUJtceHaLac+/h/TWwyUY/KJxAAAAABJRU5ErkJggg=="); mask-image: url("data:image/png;base64,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"); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; mix-blend-mode: screen; opacity: .55; animation: zeichen-schimmer 11s ease-in-out infinite; } @keyframes zeichen-schimmer { 0% { background-position: 150% 0; } 55% { background-position: -50% 0; } 100% { background-position: -50% 0; } /* Pause vor dem naechsten Zug */ } /* --- Die drei Zeilen --- */ .zeichen-zeilen { list-style: none; display: grid; gap: 0; margin-top: 34px; } .zeichen-zeile { display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start; padding: 20px 0; border-top: 1px solid color-mix(in srgb, var(--m-silber) 20%, transparent); } .zeichen-zeile:first-child { border-top: 0; padding-top: 4px; } .zeichen-zeile:last-child { padding-bottom: 4px; } /* Ziffern bleiben Gold — die Akzentfarbe fuehrt auch hier (§3.2/2) */ .zeichen-nr { font-variant-numeric: tabular-nums; font-family: var(--font-d); color: var(--akzent); font-size: 0.95rem; font-weight: 600; padding-top: 5px; } /* Die Originalzeile: Versalien, weit gesperrt — in Silber, nicht in Gold. Silber ist hier Auszeichnung, kein zweiter Akzent. */ .zeichen-en { font-size: 0.78rem; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--m-silber-hell); } .zeichen-de { font-family: var(--font-d); font-weight: 600; font-size: 1.12rem; color: var(--fg); margin-top: 7px; line-height: 1.3; } .zeichen-erklaerung { color: var(--muted); font-size: 0.95rem; margin-top: 7px; max-width: 46ch; } /* Die eigene Linie (#980): abgesetzt unter den drei Zeilen, ruhig gehalten. Die Ware-Woerter traegt die Akzentfarbe Gold — keine neue Farbe. */ .zeichen-ware { margin-top: 30px; padding-top: 22px; max-width: 52ch; color: var(--muted); font-size: 0.98rem; line-height: 1.65; border-top: 1px solid color-mix(in srgb, var(--m-silber) 24%, transparent); } .zeichen-ware strong { color: var(--akzent); font-weight: 600; } /* --- Die vierte Zeile, quer unter beiden Spalten --- */ .zeichen-schluss { text-align: center; margin-top: 72px; } .zeichen-strich { display: block; position: relative; height: 1px; max-width: 300px; margin: 0 auto; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--m-silber) 48%, transparent), transparent); } .zeichen-strich::before { /* der Trennpunkt aus dem Motiv — in Gold */ content: ""; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; margin: -2px 0 0 -2px; border-radius: 999px; background: var(--akzent); } .zeichen-satz { font-size: clamp(0.86rem, 2.1vw, 1.12rem); font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; color: var(--m-silber-hell); margin: 26px 0 0; line-height: 1.6; } .zeichen-satz-de { font-family: var(--font-s); font-size: clamp(1.4rem, 2.6vw, 1.9rem); color: var(--fg); margin: 6px 0 26px; line-height: 1.35; } /* ============================================================ Das Motiv als dezentes Marken-Element — nur an drei Stellen: Abschluss-CTA (Wasserzeichen), Footer und Kopf von ueber-uns (kleines Siegel). Mehr waere Deko, und Deko traegt hier nichts. ============================================================ */ /* 1) Abschluss-CTA: das Zeichen steht als Schatten hinter dem Aufruf. */ .abschluss { position: relative; overflow: hidden; } .abschluss > .wrap { position: relative; z-index: 1; } .abschluss::before { content: ""; position: absolute; z-index: 0; pointer-events: none; top: 50%; left: 50%; width: 300px; height: 417px; /* Seitenverhaeltnis des Freistellers 1002:1393 */ transform: translate(-50%, -50%); background-image: url("bilder/marke-zeichen-460.png"); background-image: image-set( url("bilder/marke-zeichen-460.webp") type("image/webp"), url("bilder/marke-zeichen-460.png") type("image/png")); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.07; } /* 2)+3) Kleines Siegel im Textfluss (Footer, Kopf von ueber-uns) */ .marke-siegel { width: 46px; height: auto; opacity: 0.85; } .marke-siegel-mitte { margin: 0 auto 18px; width: 64px; } /* ---------- Karten / Schritte / Gruende ---------- */ .karten { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; } .karte { padding: 26px 24px; border-radius: 16px; background: var(--bg-700); border: 1px solid var(--line); transition: border-color .25s ease, transform .25s var(--ease); } .karte:hover { border-color: var(--akzent-kante); transform: translateY(-3px); } .karte .num { display: block; font-size: 1.6rem; font-weight: 700; line-height: 1; margin-bottom: 12px; } .karte h3 { font-size: 1.1rem; margin-bottom: 8px; } .karte p { color: var(--muted); font-size: 0.95rem; } /* ---------- FAQ ---------- */ .faq { max-width: 780px; margin: 0 auto; } .faq details { border: 1px solid var(--line); border-radius: 14px; background: var(--bg-800); padding: 4px 20px; margin-bottom: 12px; transition: border-color .2s ease; } .faq details[open] { border-color: var(--akzent-kante); } .faq summary { cursor: pointer; list-style: none; padding: 16px 0; font-family: var(--font-d); font-weight: 600; font-size: 1.02rem; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .faq summary::-webkit-details-marker { display: none; } .faq summary::after { content: "+"; color: var(--akzent); font-size: 1.4rem; line-height: 1; transition: transform .2s ease; } .faq details[open] summary::after { transform: rotate(45deg); } .faq p { color: var(--muted); padding: 0 0 18px; font-size: 0.97rem; max-width: 62ch; } /* ---------- Split (Text + Bild) ---------- */ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; } .split .bild { border-radius: 18px; overflow: hidden; border: 1px solid var(--line); background: var(--bg-700); } .split .bild img { width: 100%; aspect-ratio: 4/5; object-fit: cover; } .split h2 { font-size: clamp(1.7rem, 3.4vw, 2.4rem); margin-bottom: 16px; } .split p { color: var(--muted); font-size: 1.02rem; } .licht .split p { color: var(--licht-mut); } /* ---------- Abschluss-CTA ---------- */ .abschluss { text-align: center; border-top: 1px solid var(--line); } .abschluss .lead { margin: 16px auto 0; } /* ---------- Produktseite ---------- */ .pd { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; padding: 56px 0 80px; } .pd .foto { aspect-ratio: 4/5; width: 100%; border-radius: 18px; object-fit: cover; background: var(--bg-700); border: 1px solid var(--line); } .pd .k { color: var(--akzent); text-transform: uppercase; letter-spacing: 0.18em; font-size: 12px; font-weight: 500; } .pd h1 { font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 700; margin: 10px 0 14px; } .pd .preis { font-family: var(--font-d); font-weight: 600; font-size: 1.6rem; font-variant-numeric: tabular-nums; margin-bottom: 22px; } .pd .beschr { color: var(--muted); font-size: 1.02rem; margin-bottom: 26px; white-space: pre-line; } .pd .daten { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 18px; display: grid; gap: 10px; } .pd .daten div { display: flex; justify-content: space-between; gap: 20px; font-size: 0.92rem; color: var(--muted); } .pd .daten strong { color: var(--fg); font-weight: 500; } .pd .hinweis { margin-top: 22px; padding: 16px 18px; border-radius: 14px; background: var(--bg-700); border: 1px solid var(--line); color: var(--muted); font-size: 0.92rem; } /* ---------- Footer ---------- */ .foot { border-top: 1px solid var(--line); padding: 56px 0 40px; color: var(--muted); font-size: 14px; } .foot-oben { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 36px; margin-bottom: 40px; } .foot h4 { font-family: var(--font-d); font-weight: 600; font-size: 14px; color: var(--fg); margin-bottom: 14px; letter-spacing: 0.06em; } .foot ul { list-style: none; display: grid; gap: 9px; } .foot a:hover { color: var(--fg); } .foot-unten { border-top: 1px solid var(--line); padding-top: 22px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 13px; } .zahlarten { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; } .zahlarten span { padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 12px; } /* ---------- Motion: Scroll-Reveal (sparsam, once) ---------- */ .rv { opacity: 0; transform: translateY(20px); transition: opacity .6s var(--ease), transform .6s var(--ease); } .rv.da { opacity: 1; transform: none; } /* schon sichtbarer Bereich: sofort da, ohne Ueberblendung */ .rv.ohne-blende { transition: none; } .rv-1 { transition-delay: .06s; } .rv-2 { transition-delay: .12s; } .rv-3 { transition-delay: .18s; } .rv-4 { transition-delay: .24s; } .rv-5 { transition-delay: .30s; } /* Bilder bewegen sich nie in y — nur opacity + scale (§6.2) */ .rv-bild { opacity: 0; transform: scale(1.04); transition: opacity .8s var(--ease), transform .8s var(--ease); } .rv-bild.da { opacity: 1; transform: none; } .rv-bild.ohne-blende { transition: none; } /* Fortschrittslinie (kein Bewegungsreiz, bleibt auch bei reduced-motion) */ .fortschritt { position: fixed; top: 0; left: 0; height: 2px; width: 100%; transform: scaleX(0); transform-origin: 0 50%; background: var(--akzent); z-index: 60; } /* ---------- Responsiv ---------- */ @media (max-width: 1023px) { .hero { padding-top: 40px; } .hero-inhalt { grid-template-columns: 1fr; gap: 48px; text-align: center; } .hero .lead, .termin-tage, .hero-knoepfe { margin-left: auto; margin-right: auto; justify-content: center; } .hero-bild { order: -1; max-width: 330px; } .hero-einleger { right: -8px; bottom: -20px; max-width: 132px; } .portraet-split { grid-template-columns: 1fr; gap: 32px; } .portraet { max-width: 330px; margin: 0 auto; } .band-inhalt { grid-template-columns: 1fr; gap: 32px; } .band-bild { max-width: 380px; margin: 0 auto; } /* Zeichen: Motiv nach oben, Zeilen bleiben linksbuendig lesbar */ .zeichen-inhalt { grid-template-columns: 1fr; gap: 40px; } .zeichen-bild { order: -1; max-width: min(78vw, 420px); } .zeichen-schluss { margin-top: 52px; } .split { grid-template-columns: 1fr; gap: 28px; } .foot-oben { grid-template-columns: 1fr 1fr; } } @media (max-width: 820px) { .nav-links { position: fixed; inset: 0; z-index: 60; flex-direction: column; align-items: center; justify-content: center; gap: 26px; background: rgba(11, 11, 12, .97); font-size: 1.3rem; color: var(--fg); transform: translateY(-100%); transition: transform .26s var(--ease); } .nav-links.offen { transform: none; } .menue-knopf { display: inline-flex; position: relative; z-index: 70; } .nav.offen .menue-knopf span { background: transparent; } .nav.offen .menue-knopf span::before { transform: rotate(45deg); top: 0; } .nav.offen .menue-knopf span::after { transform: rotate(-45deg); top: 0; } .looks { grid-template-columns: repeat(2, 1fr); gap: 12px; } .live-bild { width: 170px; } .pd { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 60px; } .foot-oben { grid-template-columns: 1fr; gap: 28px; } .grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; } } @media (max-width: 480px) { .hero { padding: 30px 0 60px; } .btn { width: 100%; } .nav .btn { width: auto; } .looks { grid-template-columns: 1fr; } } /* ---------- Bewegung reduzieren ---------- */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } .rv, .rv-bild { opacity: 1; transform: none; transition: opacity .2s linear; } .card:hover img, .look:hover img { transform: none; } /* Laufband steht still und wird von Hand scrollbar */ .live-spur { animation: none; width: auto; } .live-band { overflow-x: auto; } /* Schmetterlinge: kein eingefrorener Falter im Bild */ .schmetterlinge { display: none; } /* Schimmer ueber dem Motiv: ganz weg, nicht nur angehalten — ein stehender Lichtstreifen saehe wie ein Fehler aus. */ .zeichen-bild::after { display: none; } /* Ken Burns steht still — das Bild bleibt vollstaendig sichtbar */ .look img { animation: none !important; scale: 1; } } /* ---------- Hoodies & Zipper (10.09.2026) -------------------------------- Nutzt .grid/.card aus dem Shop-Abschnitt weiter, damit beide Raster gleich aussehen. Eigen ist nur das Seitenverhaeltnis (die Ware-Fotos sind 3:4, die Look-Kacheln 4:5) und die breite Stangen-Aufnahme darueber. */ .ware-block { margin-top: 56px; } .ware-stange { margin: 0; } .ware-stange img { width: 100%; height: auto; display: block; border: 1px solid var(--line); border-radius: 16px; } .ware-stange figcaption { margin-top: 10px; color: var(--muted); font-size: .9rem; } .ware-grid { margin-top: 26px; } .ware-karte { margin: 0; } .ware-karte img { aspect-ratio: 3/4; } .ware-hinweis { margin-top: 22px; color: var(--muted); max-width: 62ch; } @media (prefers-reduced-motion: reduce) { .ware-karte, .ware-karte img { transition: none; } } /* Ware-Block im Motiv-Abschnitt (10.09.2026): der Abschnitt hat eine eigene, dunklere Palette (--m-nacht …). Ohne diese Anpassung sitzen die Karten wie Fremdkoerper darauf. */ .zeichen .ware-karte { background: color-mix(in srgb, var(--m-nacht) 72%, var(--bg-800)); border-color: color-mix(in srgb, var(--m-silber) 20%, transparent); } .zeichen .ware-karte:hover { border-color: var(--akzent); } .zeichen .ware-stange img { border-color: color-mix(in srgb, var(--m-silber) 20%, transparent); } /* --- Navi beim Runterscrollen wegblenden (10.09.2026) --------------------- transform statt top/display: laeuft auf dem Compositor, kein Layout-Neubau und kein Ruckeln beim Scrollen. 120 % statt 100 %, damit auch der Schatten und der Rand der Kapsel sicher aus dem Bild sind. */ .nav { transition: transform .28s var(--ease), max-width .32s var(--ease), background .32s var(--ease), padding .32s var(--ease), border-color .32s var(--ease), margin .32s var(--ease); } .nav.versteckt { transform: translateY(-120%); } @media (prefers-reduced-motion: reduce) { .nav { transition: none; } }