/* ===================================================================== HERZBOX — Boutique-Darstellung Nach Martinas Wunsch (20.08.2026) lehnt sich die Seite an eine Vintage-Boutique an: Zierrahmen um das Logo, Schreibschrift, sattes Grün, Damast über der ganzen Fläche. Eigene Ausführung, keine Kopie. Die früheren Stufen A und B sind entfallen — es gibt nur noch eine Gestaltung. Der letzte Stand davor liegt in `Archiv/2026-08-20 Fassung B (vor Boutique-Umbau)/`. Alles läuft über Custom Properties, die styles.css bereits verwendet. ===================================================================== */ :root{ /* Grafiken für Zierelemente */ --papier:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20140%20140%22%3E%3Cfilter%20id%3D%22k%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%220.8%22%20numOctaves%3D%224%22%20stitchTiles%3D%22stitch%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22140%22%20height%3D%22140%22%20filter%3D%22url%28%23k%29%22%2F%3E%3C%2Fsvg%3E"); /* Stellschrauben — die Werte setzt der Boutique-Block weiter unten */ --papier-op:.03; /* Papierkorn, nur eine Ahnung */ --zier-breite:110px; /* Größe der Schnörkel-Teiler */ --rahmen-op:.5; /* Goldrahmen um Bilder */ } /* --------------------------------------------------------------------- Grundfläche: ein ruhiger Verlauf statt eines Musters. Bis 20.08. lag ein Damastraster über der ganzen Seite. Es machte die Fläche unruhig und die Texte schwerer lesbar — deshalb ersetzt durch einen weichen Verlauf von hell nach warm, wie ihn auch das Vorbild verwendet. Ornamente gibt es weiterhin, aber nur noch dort, wo sie etwas begrenzen: Rahmen, Zierteiler, Kanten. --------------------------------------------------------------------- */ body{ background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg) 42%,var(--bg-2) 100%); background-attachment:fixed; } /* Eine Spur Papierkorn, damit die Fläche nicht digital-glatt wirkt */ body::after{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none; opacity:var(--papier-op);background-image:var(--papier); background-size:180px 180px;mix-blend-mode:multiply; } /* Olivblock: Verlauf statt Muster, sonst dieselbe Unruhe wie auf der Fläche */ .blk.olive.muster,.blk.olive{background:linear-gradient(180deg,#68724F 0%,var(--olive) 45%,#4E5740 100%)} .zier>i{width:var(--zier-breite)} .rahmen::before{opacity:var(--rahmen-op)} /* ===================================================================== SAISON-BAND MIT SCHRIFTZUG Martina: „Der ist zu leer und zu blass … oder man schreibt rechts noch etwas hinein." Dazu ihr Entwurf: HERZBOX über Tina & Mimi, in Dunkelrot. Die dritte Zeile ist frei und für die laufende Aktion gedacht (Muttertag, Advent …) — im Customizer änderbar. ===================================================================== */ .saison{display:grid} .saison>img{grid-area:1/1;filter:saturate(1.06) contrast(1.04)} /* Heller Schleier von rechts, damit die Schrift auf jedem Foto lesbar bleibt — auch wenn Martina ein dunkleres Saisonbild einsetzt. Liegt über die volle Breite, während die Schrift selbst auf Seitenbreite bleibt. */ .saison::before{ content:"";grid-area:1/1;z-index:1;pointer-events:none; background:linear-gradient(270deg, rgba(247,242,232,.92) 0%, rgba(247,242,232,.86) 30%, rgba(247,242,232,.5) 56%, rgba(247,242,232,0) 82%); } /* Der Textblock läuft nicht bis an den Fensterrand, sondern steht auf derselben Breite wie der Rest der Seite. Sonst reißt auf einem breiten Bildschirm ein leeres Feld zwischen Foto und Schrift auf. */ .saison-inhalt{ grid-area:1/1;position:relative;z-index:2; width:100%;max-width:var(--maxw);margin:0 auto; display:flex;align-items:center;justify-content:flex-end; padding:clamp(18px,3vw,42px) var(--pad); } /* Feste Breite statt einer Obergrenze in ch: „ch" misst an der Größe des Fließtextes, und die Tafel war damit schmaler als das Wort HERZBOX. Der Schriftzug lief über die Kante hinaus, während die kürzeren Zeilen in der Mitte des zu schmalen Kastens standen — zwei Mittelachsen. 29rem fasst den Schriftzug in voller Größe. */ .saison-tafel{ position:relative;text-align:center; width:min(100%,29rem); /* abzüglich der Einrückung links bleiben gut 410 px */ padding-left:clamp(22px,3.4vw,52px); } /* Feine Goldlinie als Kante der Tafel: füllt die Mitte und macht aus dem Abstand eine Aufteilung statt einer Lücke. */ .saison-tafel::before{ content:"";position:absolute;left:0;top:6%;bottom:6%;width:1px; background:linear-gradient(transparent,var(--gold),transparent);opacity:.6; } .saison-marke{ font-family:var(--display);font-weight:700;color:var(--accent); font-size:clamp(30px,5.2vw,68px);line-height:.98;letter-spacing:.04em; text-transform:uppercase; } .saison-namen{ font-family:var(--display);font-style:italic;font-weight:600; color:var(--accent);font-size:clamp(20px,3vw,38px);line-height:1.1; margin-top:2px; } .saison-aktion{ margin-top:clamp(10px,1.6vw,18px);font-size:clamp(13.5px,1.3vw,16.5px); font-weight:600;color:var(--ink);line-height:1.5; } .saison-tafel .btn{margin-top:16px} /* Schnörkel unter dem Schriftzug */ .saison-namen::after{ content:"";display:block;width:clamp(90px,10vw,150px);height:16px; margin:12px auto 0;background:var(--gold);opacity:.85; -webkit-mask:var(--orn-schnoerkel) no-repeat center/contain; mask:var(--orn-schnoerkel) no-repeat center/contain; } /* Auf dem Handy steht die Schrift mittig über dem ganzen Bild — rechts wäre zu wenig Platz und der Text bräche in Einzelwörter um. */ @media(max-width:720px){ .saison-inhalt{justify-content:center;padding:22px 20px} .saison-tafel{padding-left:0} .saison-tafel::before{display:none} .saison::before{ background:linear-gradient(180deg,rgba(247,242,232,.55),rgba(247,242,232,.86)); } } /* Das Band darf höher werden, sobald Text darin steht */ .saison:has(.saison-inhalt) img{height:clamp(260px,36vw,470px)} @media(max-width:640px){ .saison:has(.saison-inhalt) img{height:clamp(230px,58vw,330px)} } /* Ohne :has (ältere Browser) bleibt das Band niedriger — die Schrift passt trotzdem, weil sie mittig sitzt und der Schleier mitwächst. */ /* ===================================================================== GRUNDEINSTELLUNG UND KOPFBEREICH ===================================================================== */ :root{ --orn-schleife:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20130%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M100%2062C78%2026%2030%2022%2020%2044C12%2062%2034%2080%2068%2076C82%2074%2092%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M100%2062C122%2026%20170%2022%20180%2044C188%2062%20166%2080%20132%2076C118%2074%20108%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M95%2068C84%2092%2064%20110%2040%20120L52%20104L44%2092C60%2084%2078%2078%2092%2066Z%22%2F%3E%3Cpath%20d%3D%22M105%2068C116%2092%20136%20110%20160%20120L148%20104L156%2092C140%2084%20122%2078%20108%2066Z%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2263%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E"); --orn-ranke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M180%20190C150%20186%20128%20168%20118%20142C112%20126%20112%20108%20118%2092C104%20100%2092%20116%2088%20134C78%20112%2082%2086%2098%2068C78%2070%2060%2084%2052%20104C44%2082%2054%2056%2074%2042C54%2038%2034%2048%2024%2066C22%2040%2042%2018%2068%2014C58%2030%2060%2044%2072%2052C78%2034%2094%2022%20112%2022C100%2034%2098%2048%20106%2060C118%2044%20138%2038%20156%2044C138%2052%20128%2066%20128%2084C144%2074%20164%2074%20180%2084C160%2088%20148%20100%20144%20118C158%20116%20172%20122%20180%20134C164%20134%20152%20142%20148%20156C162%20160%20174%20172%20180%20190Z%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22110%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22120%22%20cy%3D%2270%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2246%22%20r%3D%223.5%22%2F%3E%3C%2Fsvg%3E"); } :root{ --bg:#EFE7D6; --bg-2:#E6DBC4; --bg-3:#FBF6EA; --line:#D9C9A8; --gold:#A87F35; --gruen:#7E8F72; /* Salbei — Tinas Olivton, aufgehellt */ --gruen-tief:#68785C; --script:"Parisienne",cursive; --papier-op:.07; --zier-breite:150px; --welle-h:clamp(34px,4.4vw,84px); --rahmen-op:.75; } /* ---------- Servicezeile ---------- Bewusst hell statt dunkel: Vorher folgten drei dunkle Bänder aufeinander (Ticker, Servicezeile, Kopf), das lief optisch zusammen. Jetzt wechselt es dunkel — hell — mittel und die Zeilen trennen sich. */ .service{ background:var(--gruen-blass-2);color:#3E4A34; font-family:var(--display);font-style:italic;font-size:14px; position:relative;z-index:4; } .service .wrap{ display:flex;align-items:center;gap:0 20px;justify-content:flex-end; min-height:44px;flex-wrap:wrap; } .service a{transition:.2s} .service a:hover{text-decoration:underline} /* Feine Trennstriche zwischen den rechten Einträgen, wie im Vorbild. */ .service .wrap>a+a{padding-left:20px;border-left:1px solid rgba(62,74,52,.24)} .service-l{display:flex;align-items:center;gap:16px;margin-right:auto} .service-info{ opacity:.7;font-size:13px; padding-left:16px;border-left:1px solid rgba(62,74,52,.24); } /* Sprachkennzeichnung. Bewusst kein Umschalter: Es gibt keine zweite Sprachfassung, ein Knopf ohne Ziel fällt sofort auf. Die Flagge ist aus Farbverläufen gebaut, nicht als Emoji — Flaggen-Emoji zeigt Windows als Buchstabenpaar „AT" an. */ .sprache{ display:inline-flex;align-items:center;gap:8px; font-family:var(--body);font-style:normal;font-size:11px; letter-spacing:.18em;text-transform:uppercase; background:var(--gruen-tief);color:#F2ECDD; padding:6px 15px;border-radius:999px;white-space:nowrap; } .sprache i{ width:17px;height:12px;border-radius:2px;flex:0 0 auto; background:linear-gradient(180deg,#C8102E 0 33.34%,#fff 33.34% 66.67%,#C8102E 66.67% 100%); box-shadow:0 0 0 1px rgba(255,255,255,.55); } @media(max-width:1120px){.service-info{display:none}} @media(max-width:820px){ .service .wrap{justify-content:center;gap:10px 14px;font-size:13px} .service-l{margin-right:0} .service .wrap>a+a{padding-left:14px} } /* ---------- Kopfbereich ---------- Aufbau wie im Vorbild: ein Grünband mit umlaufender Zierlinie, darin mittig der Schriftzug mit je einem Schnörkel links und rechts und dem Logo als Medaillon in der Wortmitte. Das Menü sitzt darunter in einem eigenen, dunkleren Band. Die cremefarbene Tafel von vorher ist entfallen — sie war ein Kasten in der Fläche, das Vorbild setzt die Schrift direkt auf den Grund. */ .kopf{ position:relative;overflow:hidden; background:linear-gradient(180deg,#93A283 0%,var(--gruen) 48%,var(--gruen-tief) 100%); padding:clamp(26px,3.4vw,50px) 0 0; } /* Umlaufende Zierlinie: eine Haarlinie plus ein breiterer, sehr blasser Innenrahmen — zusammen ergibt das die Doppellinie alter Etiketten. */ .kopf::before{ content:"";position:absolute;z-index:1;pointer-events:none; inset:14px clamp(14px,3.2vw,48px) 0; border:1px solid rgba(242,236,221,.42);border-bottom:0; border-radius:30px 30px 0 0; box-shadow:inset 0 0 0 5px rgba(242,236,221,.12); } .kopf-schleife, .kopf-ranke{ position:absolute;pointer-events:none;background:#F5EEDF;opacity:.5; } /* ---------- Schriftzug ---------- */ .marke-band{position:relative;z-index:2;text-align:center;padding:0 clamp(18px,5vw,90px)} .marke{ display:flex;align-items:center;justify-content:center; gap:clamp(6px,1.2vw,18px); /* Optische statt geometrischer Mitte. „Herz" ist fast doppelt so breit wie „box" (184 zu 105 px bei voller Größe). Zentriert man den Schriftzug als Block, sitzt das Medaillon deshalb rechts der Mitte — und das Auge liest das Medaillon als Mittelpunkt der Marke, nicht die Blockmitte. Der Kopf wirkte dadurch nach rechts gerückt (Lukas, 28.08.2026). Das Polster rechts schiebt den zentrierten Inhalt um seine Hälfte nach links, bis das Medaillon auf der Achse steht. Der Faktor ist an der Wortgröße gemessen (32 von 88 px), nicht an der Schriftgröße des Elements — die liegt bei 16 px, ein em-Wert wäre hier bedeutungslos. */ --wortgroesse:clamp(40px,6.6vw,88px); padding-right:calc(var(--wortgroesse) * .727); } .marke .wort{ font-family:var(--script);font-weight:400;color:#F7F1E4; font-size:var(--wortgroesse); /* Parisienne hat lange Unterlängen — ohne diese Zeilenhöhe stößt das „z" von Herzbox in die Zeile darunter. */ line-height:1.24; text-shadow:0 3px 0 rgba(52,62,44,.28),0 12px 28px rgba(30,38,24,.34); } /* Logo als Medaillon in der Wortmitte: „Herz ◉ box". Der Name teilt sich von selbst, deshalb sitzt das Logo dort und nicht daneben — nur seitlich gestellt schob es den Schriftzug aus der Mittelachse. */ .marke .emblem{ width:clamp(54px,7vw,104px);height:auto;flex:0 0 auto; margin:0 clamp(2px,.6vw,10px);border-radius:50%; border:4px solid rgba(247,241,228,.92); box-shadow:0 10px 24px rgba(30,38,24,.38); } /* Schmale Handys: Der Schriftzug lag auf der Rahmenlinie. Nachgemessen am 07.09.2026 bei 390 px Fensterbreite (iPhone, Martina): Der Rahmen ist `.kopf::before`, 14 px eingerückt, mit einem 5 px breiten Lichtrand — innen nutzbar sind also 19 bis 371. „HERZ" begann bei 15 und lag damit vier Pixel im Rand. Ursache sind zwei Untergrenzen, die unabhängig voneinander greifen: Bei 390 px liefern weder 6,6vw (25,7 px) noch 7vw (27,3 px) genug, also gelten 40 px Schrift und 54 px Medaillon. Zusammen mit dem Polster für die optische Mitte braucht das 360 px — 9 mehr, als hineinpassen. Auf breiteren Schirmen tritt das nie auf: Ab etwa 412 px reicht der Platz. Unterhalb von 430 px wächst die Wortgröße deshalb wieder mit dem Fenster, gedeckelt bei denselben 40 px wie zuvor. Das Medaillon hängt sich daran (Verhältnis 54 zu 40 wie bisher), damit die Marke ihre Proportion behält und nicht plötzlich kopflastig wirkt. */ @media(max-width:430px){ .marke{ --wortgroesse:clamp(28px,9vw,40px); /* Auf dem Handy zählt der gleiche Abstand zum Rahmen mehr als die optische Mitte (Lukas, 07.09.2026). Der schmale Rahmen liegt so nah am Schriftzug, dass man die beiden Abstände direkt vergleicht — und 14 px links gegen 37 px rechts liest man als Fehler, nicht als Absicht. Am Rechner steht der Rahmen weit genug weg, dort bleibt das Polster für die optische Mitte stehen. */ padding-right:0; } .marke .emblem{width:calc(var(--wortgroesse) * 1.35)} } .marke .swash{ flex:0 0 auto;background:rgba(247,241,228,.6); width:clamp(30px,3.9vw,62px);height:clamp(72px,9.6vw,152px); -webkit-mask:var(--orn-swash) no-repeat center/contain; mask:var(--orn-swash) no-repeat center/contain; } .marke .swash.links{transform:scaleX(-1)} .marke-unter{ font-family:var(--body);font-style:normal;color:rgba(247,241,228,.78); font-size:clamp(10.5px,1.05vw,12.5px); letter-spacing:.3em;text-transform:uppercase; margin-top:clamp(4px,.8vw,10px); } @media(max-width:700px){ .marke .swash{display:none} .marke-unter{letter-spacing:.2em} } /* ---------- Hauptmenü als eigenes Band ---------- Im Vorbild steht das Menü nicht einfach unter dem Schriftzug, sondern in einem abgesetzten Band mit Haarlinie oben und unten. Das trennt Marke und Navigation und gibt dem Kopf einen klaren Abschluss. */ .hauptnav{ position:relative;z-index:3; margin-top:clamp(16px,2.2vw,30px); background:linear-gradient(180deg,#5E6C51 0%,#54614A 100%); border-top:1px solid rgba(247,241,228,.34); border-bottom:1px solid rgba(247,241,228,.34); box-shadow:inset 0 0 0 4px rgba(247,241,228,.08); } .hauptnav ul{ list-style:none;display:flex;justify-content:center;flex-wrap:wrap; gap:clamp(14px,2.8vw,44px);padding:12px 0;margin:0; } .hauptnav a{ font-family:var(--display);font-style:italic;font-weight:500; font-size:clamp(16px,1.7vw,21px);color:#F7F1E4; padding:6px 2px;border-bottom:1.5px solid transparent;transition:.2s; } .hauptnav a:hover{border-color:#F7F1E4} .kopf-werkzeuge{ display:none;justify-content:center;gap:4px; padding:8px 0;position:relative;z-index:3; background:linear-gradient(180deg,#5E6C51 0%,#54614A 100%); border-top:1px solid rgba(247,241,228,.34); border-bottom:1px solid rgba(247,241,228,.34); } .kopf-werkzeuge .icon{color:#F7F1E4} .kopf-werkzeuge .icon:hover{background:rgba(255,255,255,.14)} .kopf-werkzeuge .burger{display:none} @media(max-width:900px){ .hauptnav{display:none} .kopf-werkzeuge{display:flex;margin-top:clamp(16px,2.2vw,30px)} .kopf-werkzeuge .burger{display:grid} } /* Produktkacheln: Zoom beim Überfahren, wie im Vorbild */ .card .ph img{transition:transform .6s cubic-bezier(.2,.7,.3,1)} .card:hover .ph img{transform:scale(1.1)} /* ===================================================================== STARTSEITE — Boutique-Aufbau Dramaturgie nach dem Vorbild, das Tina & Mimi ausgesucht haben: breites Saisonbild mit rundem Störer, danach Kachelwände statt Produktraster, dazwischen Textbanner. Produkte stehen bewusst nicht mehr auf der Startseite — Entscheidung Lukas, 20.08.2026. ===================================================================== */ /* ---------- Überschriften in Schreibschrift ---------- */ .script-h{ font-family:var(--script);font-weight:400;letter-spacing:0; font-size:clamp(34px,5.2vw,62px);line-height:1.15; color:var(--accent);text-align:center;margin-bottom:6px; } .script-h .herz{color:var(--rose);font-family:var(--body);font-size:.7em;vertical-align:.08em} .script-sub{ text-align:center;color:var(--muted);font-family:var(--display);font-style:italic; font-size:clamp(14.5px,1.5vw,17px);margin-bottom:clamp(24px,3vw,38px); } /* Zierlinie mit Schnörkel links und rechts der Überschrift */ .script-h::before,.script-h::after{ content:"";display:inline-block;vertical-align:middle; width:clamp(40px,6vw,90px);height:14px;margin:0 clamp(12px,2vw,26px); background:var(--gold);opacity:.7; -webkit-mask:var(--orn-schnoerkel) no-repeat center/contain; mask:var(--orn-schnoerkel) no-repeat center/contain; } .script-h::after{transform:scaleX(-1)} @media(max-width:640px){.script-h::before,.script-h::after{display:none}} /* ---------- Saisonbild mit rundem Störer ---------- */ .saisonbild{position:relative;overflow:hidden;background:var(--bg-2)} .saisonbild>img{ display:block;width:100%; height:clamp(320px,44vw,620px);object-fit:cover;object-position:center; } .saisonbild::after{ content:"";position:absolute;inset:16px;pointer-events:none; border:1px solid rgba(255,255,255,.55); box-shadow:inset 0 0 0 1px rgba(168,127,53,.4); } .stoerer{ position:absolute;top:50%;right:clamp(16px,7vw,120px);transform:translateY(-50%); width:clamp(220px,30vw,380px);aspect-ratio:1;border-radius:50%; /* Vorher ein helles Grün mit 90 % Deckung — die creme Schrift darauf kam nur auf Kontrast 2,9:1 und war schwer zu lesen. Dieses dunklere Grün erreicht 5,5:1 und lässt das Foto trotzdem noch durchscheinen. */ background:rgba(85,101,74,.95);color:#F7F1E4; display:flex;flex-direction:column;align-items:center;justify-content:center; text-align:center;padding:clamp(18px,3vw,40px); box-shadow:0 18px 44px rgba(40,50,32,.3); } .stoerer::before{ content:"";position:absolute;inset:clamp(9px,1.2vw,16px);border-radius:50%; border:1.5px dashed rgba(247,241,228,.6);pointer-events:none; } /* Drei Ebenen, klar getrennt: Anlass — Schriftzug — ein Satz. Vorher standen alle drei fast gleich eng beieinander. */ .stoerer-klein{ font-size:clamp(9.5px,1vw,11.5px);letter-spacing:.28em;text-transform:uppercase; opacity:.85;margin-bottom:clamp(8px,1.1vw,14px); padding-bottom:clamp(7px,1vw,12px); border-bottom:1px solid rgba(247,241,228,.4); } .stoerer-gross{ font-family:var(--script);font-size:clamp(32px,4.8vw,62px);line-height:1.02; } .stoerer-text{ font-family:var(--display);font-style:italic; /* Zwei Zeilen statt drei: kürzer umbrochen liest sich der Satz in einem Kreis deutlich ruhiger. */ font-size:clamp(12.5px,1.3vw,15.5px);line-height:1.5; margin-top:clamp(8px,1.1vw,14px);max-width:17ch;opacity:.95; } .stoerer .btn{ margin-top:clamp(10px,1.4vw,16px);min-height:40px;padding:0 20px;font-size:13.5px; background:#F7F1E4;color:var(--accent); } .stoerer .btn:hover{background:#fff;color:var(--accent-2)} @media(max-width:760px){ .saisonbild>img{height:clamp(400px,90vw,520px)} /* Platzierung und Größe des Störers standen hier früher auch — beides wurde weiter unten im Nachtragsblock ohnehin überschrieben und war damit toter, aber irreführender Code. Es steht jetzt nur noch an einer Stelle. */ } /* ---------- Kachelwand ---------- */ .wand{padding:clamp(46px,6vw,86px) 0} .kacheln{ display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,34px); } @media(max-width:900px){.kacheln{grid-template-columns:repeat(2,1fr)}} @media(max-width:520px){.kacheln{grid-template-columns:1fr}} .kachel{display:block;text-align:center;position:relative} .kachel-bild{ display:block;position:relative;aspect-ratio:1/1;overflow:hidden; background:#fff;border-radius:220px 220px 10px 10px/150px 150px 10px 10px; box-shadow:0 14px 34px rgba(80,60,30,.14); } .kachel-bild img{ width:100%;height:100%;object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.3,1); } .kachel:hover .kachel-bild img{transform:scale(1.07)} /* Goldrahmen folgt dem Bogen */ .kachel-bild::after{ content:"";position:absolute;inset:10px;pointer-events:none; border:1px solid rgba(247,241,228,.75); border-radius:210px 210px 4px 4px/112px 112px 4px 4px; transition:border-color .3s; } .kachel:hover .kachel-bild::after{border-color:#fff} /* Kategorieüberschriften in der Schrift des Hauptmenüs. Standen bis 14.09.2026 in Parisienne. Das sah edel aus, war aber laut Rückmeldung neutraler Leser schlecht zu entziffern — bei Namen wie „Kleine Schätze für Kreative" muss man die Schreibschrift entziffern statt sie zu lesen, und genau diese Zeile entscheidet, ob jemand die Kategorie anklickt. Gesetzt wird deshalb Fraunces kursiv im Gewicht 500: dieselbe Schrift und derselbe Schnitt wie „Shop / Kategorien / Geschenke / Über uns" im Kopf, damit die Navigation der Seite eine Sprache spricht. Die Größe ist kleiner als vorher, obwohl die Zeile dadurch nicht kleiner wirkt: Parisienne hat eine sehr kleine x-Höhe, Fraunces eine große. Bei gleichen 40 px stünde die Überschrift plötzlich ein Drittel höher im Bild und würde das Bild darüber erschlagen. */ .kachel-name{ display:block;font-family:var(--display);font-style:italic; /* Gewicht 350, nicht die 500 des Menüs. Dieselbe Zahl trägt hier anders: Im Kopf steht das Menü hell auf dunkelgrünem Band, da wirkt 500 leicht. Auf dem cremen Grund in Dunkelrot stand dieselbe 500 als fette Zeile („mach die schrift bitte nicht fett", Lukas, 14.09.2026). 350 ist der leichteste Wert, der auf dem Handy bei 19 px noch trägt — darunter werden die Haarstriche bei kleinen Größen zu dünn. */ font-weight:350;font-variation-settings:"wght" 350; color:var(--accent); font-size:clamp(19px,2.1vw,29px);line-height:1.2;margin-top:14px; letter-spacing:-.005em; } /* In dieser Schrift sind Versalien von Haus aus lesbar — die Sonderbehandlung für „MDF" ist hier gegenstandslos und würde die Abkürzung nur dünner und kleiner machen als den Rest der Zeile. Im Seitenkopf, der weiterhin in Schreibschrift steht, greift sie unverändert. */ .kachel-name .abk{ font:inherit;letter-spacing:inherit;font-variation-settings:normal; } /* Abkürzungen in Schreibschrift. Parisienne verschnörkelt Großbuchstaben so stark, dass „MDF" nicht mehr als Abkürzung lesbar ist (Martina, 14.09.2026). Solche Versalfolgen setzt herzbox_abk() in dieses Element und damit in die Auszeichnungsschrift. Die Abstimmung der beiden Schriften ist heikler, als sie aussieht. Erster Versuch war Fraunces kursiv im Textgewicht 600 — das stand als fetter Block in der Zeile und zog die Kachel aus der Reihe der anderen fünf („warum ist mdf fett. das sieht nicht gut aus", Lukas, 14.09.2026). Parisienne ist eine Haarstrichschrift; alles, was daneben steht, muss ähnlich dünn sein, sonst liest man zwei Schriften statt einer Zeile. Am Bildschirm verglichen: aufrecht statt kursiv (kursiv doppelt die Schräglage der Schreibschrift und wirkt unruhig), Gewicht 300 statt 600, und die optische Größe auf 144 gestellt — Fraunces zeichnet dort die feinsten Striche. Die weite Laufweite lässt die drei Versalien atmen, damit sie als gesetzte Auszeichnung gelesen werden und nicht als Fremdkörper. */ .abk{ font-family:var(--display);font-style:normal;font-weight:300; font-variation-settings:"opsz" 144,"wght" 300; font-size:.72em;letter-spacing:.10em; } .kachel-zahl{ display:block;font-family:var(--display);font-style:italic;color:var(--muted); font-size:clamp(13px,1.35vw,15.5px);margin-top:2px; } /* Platz für zwei Zeilen Name — sonst rutscht die Zeile darunter bei einer Kachel tiefer als bei ihren Nachbarinnen und die Reihe wird unruhig. „Kleine Schätze für Kreative" bricht um, „Holz-Deko" nicht. Gilt nur für die Kategoriewand: In der Bühnenreihe („Zum Verschenken") sind alle Namen kurz, dort würde die zweite Zeile nur eine Lücke aufreißen. */ .kacheln:not(.buehne) .kachel-name{min-height:2.3em} /* ---------- Textbanner ---------- */ .textbanner{ position:relative;color:#F5EEDF;text-align:center; padding:clamp(46px,6vw,90px) 0; background:linear-gradient(180deg,var(--gruen) 0%,var(--gruen-tief) 100%); } .textbanner::before,.textbanner::after{ content:"";position:absolute;left:0;right:0;height:16px; background:rgba(247,241,228,.5); -webkit-mask:var(--orn-schnoerkel) repeat-x center/160px 16px; mask:var(--orn-schnoerkel) repeat-x center/160px 16px; } .textbanner::before{top:14px} .textbanner::after{bottom:14px} .textbanner .script-h{color:#F7F1E4} .textbanner .script-h::before,.textbanner .script-h::after{background:#F7F1E4;opacity:.8} .textbanner p{ color:#E4DCC9;max-width:56ch;margin:0 auto;font-size:clamp(15px,1.5vw,17.5px);line-height:1.7; } .textbanner .btn{margin-top:26px;background:#F7F1E4;color:var(--accent)} .textbanner .btn:hover{background:#fff} /* ---------- Werkstatt-Abschnitt ---------- */ .werkstatt{padding:clamp(46px,6vw,86px) 0} .werkstatt .split{align-items:center} .werkstatt .media{ border-radius:240px 240px 12px 12px/130px 130px 12px 12px; aspect-ratio:4/3;object-fit:cover;padding:0;border:none; box-shadow:0 18px 42px rgba(80,60,30,.18); } .werkstatt h2{font-family:var(--script);color:var(--accent);font-size:clamp(32px,4.4vw,54px);line-height:1.12} .werkstatt .eyebrow{color:var(--gold)} /* ---------- Restliche Abschnitte in dieselbe Sprache holen ---------- Überschriften in Schreibschrift, damit die Seite nicht auf halber Strecke in die alte Gestaltung zurückfällt. */ .founders h2, .split h2, .nl h2, .pagehero h1{ font-family:var(--script);font-weight:400;letter-spacing:0;line-height:1.16; font-size:clamp(32px,4.4vw,54px); } .founders h2{color:var(--accent)} .blk:not(.olive) .split h2{color:var(--accent)} .pagehero h1{color:var(--accent)} .sig{font-family:var(--script);font-size:clamp(26px,3vw,38px);font-style:normal;color:var(--accent)} /* Gründerinnen-Karte als gerahmtes Bildnis */ .founders{border-radius:18px;box-shadow:0 16px 40px rgba(80,60,30,.1);position:relative} .founders::before{ content:"";position:absolute;inset:10px;pointer-events:none; border:1px solid var(--gold);opacity:.4;border-radius:12px; } .fphoto{border-radius:200px 200px 12px 12px/120px 120px 12px 12px} /* Fußbereich: Schriftzug in Schreibschrift, Zierkante darüber */ footer .logo{font-family:var(--script);font-size:clamp(34px,3.6vw,46px);text-transform:none;letter-spacing:0;color:var(--accent)} footer{position:relative} footer::before{ content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%); width:170px;height:22px;background:var(--gold);opacity:.6; -webkit-mask:var(--orn-schnoerkel) no-repeat center/contain; mask:var(--orn-schnoerkel) no-repeat center/contain; } /* ===================================================================== MEHR FÜLLE — nach dem Vorbild aufgebaut Aus der Analyse der Vorlage: Ihre Startseite trägt 8 große Kategoriekacheln, 12 Stilkacheln, Anlasskacheln und einen Fließtext zum Schluss — und läuft durchgehend in Handschrift, nicht nur in den Überschriften. Genau das fehlte hier. ===================================================================== */ :root{ --hand:"Oregano","Segoe Print",cursive; --gruen-blass:#E4EADB; --gruen-blass-2:#D8E1CC; } /* Handschrift für alles, was Stimmung trägt. Fließtext in Rechtstexten und Produktangaben bleibt bei Inter — dort zählt Lesbarkeit. */ .hauptnav a, .service, .script-sub, .kachel-zahl, .trust-it b, .trust-it span, .textbanner p, .willkommen p, .farbkachel span, .btn{font-family:var(--hand)} .hauptnav a{font-style:normal;font-size:clamp(18px,2vw,24px)} .service{font-style:normal;font-size:15.5px} .btn{font-size:16px;letter-spacing:.01em} .trust-it b{font-size:16.5px} .trust-it span{font-size:14.5px} .script-sub{font-style:normal;font-size:clamp(16px,1.7vw,19px)} .kachel-zahl{font-style:normal;font-size:clamp(15px,1.5vw,17px)} .textbanner p{font-size:clamp(17px,1.8vw,20px);line-height:1.6} /* ---------- Kachelwand auf blassem Grün, wie im Vorbild ---------- */ .wand.blass{ background:linear-gradient(180deg,var(--gruen-blass) 0%,var(--gruen-blass-2) 100%); position:relative; } .wand.blass::before,.wand.blass::after{ content:"";position:absolute;left:0;right:0;height:15px; background:var(--gold);opacity:.45; -webkit-mask:var(--orn-schnoerkel) repeat-x center/150px 15px; mask:var(--orn-schnoerkel) repeat-x center/150px 15px; } .wand.blass::before{top:12px} .wand.blass::after{bottom:12px;transform:scaleY(-1)} /* ---------- Bildbanner: Bild links, Text rechts, gerahmt ---------- */ .bildbanner{padding:clamp(40px,5vw,74px) 0} .bildbanner .innen{ display:grid;grid-template-columns:1fr 1fr;align-items:center; gap:clamp(26px,4vw,60px); } .bildbanner .bild img,.bildbanner>.innen>img{ width:100%;aspect-ratio:4/3;object-fit:cover; border-radius:240px 240px 12px 12px/130px 130px 12px 12px; box-shadow:0 18px 44px rgba(80,60,30,.18); } .bildbanner h2{ font-family:var(--script);font-weight:400;color:var(--accent); font-size:clamp(32px,4.4vw,56px);line-height:1.12;margin-bottom:12px; } .bildbanner p{font-family:var(--hand);font-size:clamp(17px,1.8vw,20px);line-height:1.6;color:var(--ink);margin-bottom:18px} @media(max-width:820px){ .bildbanner .innen{grid-template-columns:1fr} } /* ---------- Farbwand: zwölf Farbgruppen ---------- */ .farbwand{ display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.8vw,26px); } @media(max-width:900px){.farbwand{grid-template-columns:repeat(4,1fr)}} @media(max-width:560px){.farbwand{grid-template-columns:repeat(3,1fr)}} .farbkachel{display:block;text-align:center} .farbkachel .rund{ display:block;aspect-ratio:1;border-radius:50%;overflow:hidden; background:#fff;position:relative; box-shadow:0 10px 24px rgba(80,60,30,.16); } .farbkachel .rund img{ width:100%;height:100%; /* Solange das Bild nicht da ist — noch am Laden oder Datei weg —, zeigt der Browser den Alternativtext mitten im Kreis an. Auf dem Handy sah das aus wie ein Fehler (Martina, 07.09.2026). Der Text wird deshalb unsichtbar gestellt; für Vorleseprogramme bleibt das alt-Attribut erhalten, die lesen es aus dem Attribut und nicht von der Seite ab. Übrig bleibt ein leerer heller Kreis mit Goldrand — der sieht aus wie Absicht und nicht wie ein Schaden. */ color:transparent;font-size:0; /* Wie bei den Kategoriekacheln: Die Bilder sind auf den Kreis eingepasst (Bilder/farbkacheln_bauen.py). Vorher füllte jedes Foto den Kreis unabhängig davon, wie viel weißer Rand es mitbrachte — dadurch war ein Ohrring randvoll und der nächste verloren klein. */ object-fit:contain; transition:transform .6s cubic-bezier(.2,.7,.3,1); } .farbkachel:hover .rund img{transform:scale(1.1)} .farbkachel .rund::after{ content:"";position:absolute;inset:6px;border-radius:50%; border:1.5px dashed rgba(168,127,53,.55);pointer-events:none;transition:border-color .3s; } .farbkachel:hover .rund::after{border-color:var(--gold)} .farbkachel span{ display:block;margin-top:9px;color:var(--accent); font-size:clamp(15px,1.5vw,18px);line-height:1.25; } .farbkachel small{ display:block;font-family:var(--body);color:var(--muted); font-size:12px;letter-spacing:.04em;margin-top:1px; } /* ===================================================================== ORNAMENTE — eigener Satz, Strichzeichnung im Stich-Stil Quellen und Musterbogen: `Bilder/Ornamente/`, erzeugt von zeichnen.py. Zwei Sorten Variablen: --orn-… schwarz, für CSS-Masken (dort zählt nur die Deckkraft) --zier-… eingefärbt, für Hintergrundbilder (nicht umfärbbar) Platzierung nach dem Vorbild: große Ornamente an den Abschnittsgrenzen und in den Ecken, kleine neben Überschriften. Nie hinter Fließtext. ===================================================================== */ :root{ --orn-rose:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20124%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057C52%2047%2064%2042%2073%2048%22%2F%3E%3Cpath%20d%3D%22M38%2084C30%2092%2028%20104%2033%20114C42%20108%2045%2096%2041%2086%22%2F%3E%3Cpath%20d%3D%22M82%2084C90%2092%2092%20104%2087%20114C78%20108%2075%2096%2079%2086%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rose-zweig:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20152%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%280%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2872%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28144%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28216%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28288%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2836%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28156%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28276%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2056C56%2054%2057%2048%2062%2048C67%2048%2069%2055%2063%2058C56%2061%2050%2055%2052%2048C54%2040%2063%2036%2070%2041%22%2F%3E%3Cpath%20d%3D%22M60%2088C61%20106%2059%20124%2053%20140%22%2F%3E%3Cpath%20d%3D%22M60%20100C48%2095%2034%2099%2027%20111C40%20118%2054%20113%2060%20102Z%22%2F%3E%3Cpath%20d%3D%22M59%20118C70%20113%2084%20117%2091%20129C78%20136%2064%20131%2058%20120Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rosengirlande:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20112%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2060C40%2034%2074%2034%20100%2056C126%2078%20160%2078%20194%2052%22%2F%3E%3Cpath%20d%3D%22M34%2052C26%2042%2026%2030%2034%2022C42%2030%2042%2044%2036%2052Z%22%2F%3E%3Cpath%20d%3D%22M166%2060C174%2070%20174%2082%20166%2090C158%2082%20158%2068%20164%2060Z%22%2F%3E%3Cpath%20d%3D%22M74%2074C64%2078%2054%2076%2048%2068C58%2062%2070%2064%2076%2072Z%22%2F%3E%3Cpath%20d%3D%22M126%2038C136%2034%20146%2036%20152%2044C142%2050%20130%2048%20124%2040Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2838%2C46%29%20scale%280.48%29%20translate%28-60%2C-64%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28100%2C56%29%20scale%280.62%29%20translate%28-60%2C-64%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28162%2C46%29%20scale%280.48%29%20translate%28-60%2C-64%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-herz-ornament:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%20168C42%20128%2014%2096%2014%2066C14%2040%2034%2022%2058%2022C77%2022%2092%2033%20100%2049C108%2033%20123%2022%20142%2022C166%2022%20186%2040%20186%2066C186%2096%20158%20128%20100%20168Z%22%2F%3E%3Cpath%20d%3D%22M100%2060C88%2046%2068%2044%2058%2054C48%2064%2054%2080%2068%2080C78%2080%2082%2072%2076%2066M100%2060C112%2046%20132%2044%20142%2054C152%2064%20146%2080%20132%2080C122%2080%20118%2072%20124%2066M100%2084C88%2096%2090%20116%20100%20128C110%20116%20112%2096%20100%2084ZM70%2096C62%20104%2062%20116%2070%20124C78%20116%2078%20104%2070%2096ZM130%2096C138%20104%20138%20116%20130%20124C122%20116%20122%20104%20130%2096Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-akanthusranke:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20110%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%2055C82%2055%2064%2048%2048%2040C30%2031%2012%2034%208%2048C5%2059%2016%2068%2025%2063C33%2059%2032%2047%2022%2046M48%2040C50%2030%2046%2020%2036%2015M70%2050C70%2040%2064%2031%2054%2027%22%2F%3E%3Cpath%20d%3D%22M100%2055C82%2055%2064%2048%2048%2040C30%2031%2012%2034%208%2048C5%2059%2016%2068%2025%2063C33%2059%2032%2047%2022%2046M48%2040C50%2030%2046%2020%2036%2015M70%2050C70%2040%2064%2031%2054%2027%22%20transform%3D%22translate%28200%2C0%29%20scale%28-1%2C1%29%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2255%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M92%2068C96%2076%20104%2076%20108%2068%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-schleife:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20130%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M100%2062C78%2026%2030%2022%2020%2044C12%2062%2034%2080%2068%2076C82%2074%2092%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M100%2062C122%2026%20170%2022%20180%2044C188%2062%20166%2080%20132%2076C118%2074%20108%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M95%2068C84%2092%2064%20110%2040%20120L52%20104L44%2092C60%2084%2078%2078%2092%2066Z%22%2F%3E%3Cpath%20d%3D%22M105%2068C116%2092%20136%20110%20160%20120L148%20104L156%2092C140%2084%20122%2078%20108%2066Z%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2263%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-kranz:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22rotate%280%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2820%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2840%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2860%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2880%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28100%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28120%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28140%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28160%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28180%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28200%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28220%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28240%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28260%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28280%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28300%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28320%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28340%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%2258%22%20stroke-dasharray%3D%223%207%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); /* Hoher Schnörkel als Klammer links und rechts vom Schriftzug. */ --orn-swash:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20200%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%2012C56%2036%2052%2066%2082%2096C52%20126%2056%20156%20100%20188%22%2F%3E%3Cpath%20d%3D%22M94%2032C68%2050%2066%2070%2084%2088M94%20168C68%20150%2066%20130%2084%20112%22%2F%3E%3Cpath%20d%3D%22M100%2012C92%206%2080%208%2078%2018C77%2027%2089%2031%2094%2024M100%20188C92%20194%2080%20192%2078%20182C77%20173%2089%20169%2094%20176%22%2F%3E%3Cpath%20d%3D%22M48%2062C38%2054%2036%2042%2042%2032C50%2040%2052%2054%2048%2062M48%20138C38%20146%2036%20158%2042%20168C50%20160%2052%20146%2048%20138%22%2F%3E%3Ccircle%20cx%3D%2282%22%20cy%3D%2296%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); /* Derselbe Kranz ohne den gestrichelten Innenkreis: Der Störer hat bereits einen eigenen gestrichelten Ring, zwei davon wirkten unruhig. */ --orn-kranz-offen:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22rotate%280%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2820%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2840%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2860%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%2880%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28100%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28120%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28140%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28160%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28180%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28200%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28220%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28240%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28260%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28280%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28300%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28320%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22rotate%28340%20100%20100%29%22%3E%3Cpath%20d%3D%22M100%2020c11%208%2015%2020%2011%2033c-11-7-16-20-11-33z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-eckspray:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2046C8%2024%2024%208%2046%208%22%2F%3E%3Cpath%20d%3D%22M8%2046C2%2048%202%2056%208%2057C14%2058%2016%2050%2010%2047%22%2F%3E%3Cpath%20d%3D%22M46%208C48%202%2056%202%2057%208C58%2014%2050%2016%2047%2010%22%2F%3E%3Cpath%20d%3D%22M22%2022C30%2015%2042%2017%2049%2026C40%2033%2028%2031%2022%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); /* Vier Bilderrahmen für die Kategoriekacheln, gezeichnet nach den Vorbildfotos von Martina. Zeichenfläche jeweils 200 × 214; die Maße der Bildöffnung stehen weiter unten als Prozentwerte. */ --orn-rahmen-eck:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2218%22%20y%3D%2228%22%20width%3D%22164%22%20height%3D%22168%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%2226%22%20y%3D%2236%22%20width%3D%22148%22%20height%3D%22152%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2232%22%20width%3D%22156%22%20height%3D%22160%22%20rx%3D%224%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%288%2C18%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28192%2C18%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%288%2C206%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28192%2C206%29%20scale%28-1%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%287%2C112%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28193%2C112%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2024C93%2024%2088%2018%2088%2011C88%203%2094%20-3%20100%20-7C106%20-3%20112%203%20112%2011C112%2018%20107%2024%20100%2024Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2211%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2024C86%2026%2074%2022%2066%2014%22%2F%3E%3Cpath%20d%3D%22M100%2024C114%2026%20126%2022%20134%2014%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C13%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C13%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C22%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C22%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20200C88%20200%2078%20205%2070%20211%22%2F%3E%3Cpath%20d%3D%22M100%20200C112%20200%20122%20205%20130%20211%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C212%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C212%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22209%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20218C86%20222%20114%20222%20122%20218%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-quer:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2214%22%20y%3D%2242%22%20width%3D%22172%22%20height%3D%22136%22%20rx%3D%225%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2250%22%20width%3D%22156%22%20height%3D%22120%22%20rx%3D%223%22%2F%3E%3Crect%20x%3D%2218%22%20y%3D%2246%22%20width%3D%22164%22%20height%3D%22128%22%20rx%3D%224%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%284%2C32%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28196%2C32%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%284%2C188%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28196%2C188%29%20scale%28-1%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-8.84%20-0.68C-8.84%20-5.1%20-4.08%20-7.14%20-0.34%20-5.1C3.06%20-3.4%203.4%201.36%20-0.34%202.04C-3.06%202.55%20-4.08%20-0.51%20-1.7%20-1.36%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%283%2C110%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-7.800000000000001%20-0.6000000000000001C-7.800000000000001%20-4.5%20-3.5999999999999996%20-6.300000000000001%20-0.30000000000000004%20-4.5C2.7%20-3.0%203.0%201.2000000000000002%20-0.30000000000000004%201.7999999999999998C-2.7%202.25%20-3.5999999999999996%20-0.44999999999999996%20-1.5%20-1.2000000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-7.800000000000001%20-0.6000000000000001C-7.800000000000001%20-4.5%20-3.5999999999999996%20-6.300000000000001%20-0.30000000000000004%20-4.5C2.7%20-3.0%203.0%201.2000000000000002%20-0.30000000000000004%201.7999999999999998C-2.7%202.25%20-3.5999999999999996%20-0.44999999999999996%20-1.5%20-1.2000000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28197%2C110%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-7.800000000000001%20-0.6000000000000001C-7.800000000000001%20-4.5%20-3.5999999999999996%20-6.300000000000001%20-0.30000000000000004%20-4.5C2.7%20-3.0%203.0%201.2000000000000002%20-0.30000000000000004%201.7999999999999998C-2.7%202.25%20-3.5999999999999996%20-0.44999999999999996%20-1.5%20-1.2000000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-7.800000000000001%20-0.6000000000000001C-7.800000000000001%20-4.5%20-3.5999999999999996%20-6.300000000000001%20-0.30000000000000004%20-4.5C2.7%20-3.0%203.0%201.2000000000000002%20-0.30000000000000004%201.7999999999999998C-2.7%202.25%20-3.5999999999999996%20-0.44999999999999996%20-1.5%20-1.2000000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2038C93%2038%2088%2032%2088%2025C88%2017%2094%2011%20100%207C106%2011%20112%2017%20112%2025C112%2032%20107%2038%20100%2038Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2225%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2038C86%2040%2074%2036%2066%2028%22%2F%3E%3Cpath%20d%3D%22M100%2038C114%2040%20126%2036%20134%2028%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C27%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C27%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C36%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C36%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20182C88%20182%2078%20187%2070%20193%22%2F%3E%3Cpath%20d%3D%22M100%20182C112%20182%20122%20187%20130%20193%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C194%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C194%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22191%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20200C86%20204%20114%20204%20122%20200%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-oval:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22112%22%20rx%3D%2268%22%20ry%3D%2286%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22112%22%20rx%3D%2260%22%20ry%3D%2278%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22112%22%20rx%3D%2264%22%20ry%3D%2282%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%28158.9854221201613%2C173.06482292022122%29%20rotate%28130%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-10.4%20-0.8C-10.4%20-6.0%20-4.8%20-8.4%20-0.4%20-6.0C3.6%20-4.0%204.0%201.6%20-0.4%202.4C-3.6%203.0%20-4.8%20-0.6%20-2.0%20-1.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28158.9854221201613%2C173.06482292022122%29%20rotate%28130%29%20scale%280.44%2C0.44%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2841.014577879838704%2C173.06482292022125%29%20rotate%28230%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-10.4%20-0.8C-10.4%20-6.0%20-4.8%20-8.4%20-0.4%20-6.0C3.6%20-4.0%204.0%201.6%20-0.4%202.4C-3.6%203.0%20-4.8%20-0.6%20-2.0%20-1.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2841.014577879838704%2C173.06482292022125%29%20rotate%28230%29%20scale%280.44%2C0.44%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2841.01457787983869%2C50.93517707977877%29%20rotate%28310%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-10.4%20-0.8C-10.4%20-6.0%20-4.8%20-8.4%20-0.4%20-6.0C3.6%20-4.0%204.0%201.6%20-0.4%202.4C-3.6%203.0%20-4.8%20-0.6%20-2.0%20-1.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2841.01457787983869%2C50.93517707977877%29%20rotate%28310%29%20scale%280.44%2C0.44%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28158.98542212016127%2C50.93517707977874%29%20rotate%28410%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-10.4%20-0.8C-10.4%20-6.0%20-4.8%20-8.4%20-0.4%20-6.0C3.6%20-4.0%204.0%201.6%20-0.4%202.4C-3.6%203.0%20-4.8%20-0.6%20-2.0%20-1.6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28158.98542212016127%2C50.93517707977874%29%20rotate%28410%29%20scale%280.44%2C0.44%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2022C93%2022%2088%2016%2088%209C88%201%2094%20-5%20100%20-9C106%20-5%20112%201%20112%209C112%2016%20107%2022%20100%2022Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%229%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2022C86%2024%2074%2020%2066%2012%22%2F%3E%3Cpath%20d%3D%22M100%2022C114%2024%20126%2020%20134%2012%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C20%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C20%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20202C88%20202%2078%20207%2070%20213%22%2F%3E%3Cpath%20d%3D%22M100%20202C112%20202%20122%20207%20130%20213%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C214%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C214%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22211%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20220C86%20224%20114%20224%20122%20220%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-rund:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2282%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2274%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2278%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%28147.60684421713682%2C44.01038032401368%29%20rotate%2835%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28177.9944875252304%2C83.6123281039695%29%20rotate%2870%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28177.9944875252304%2C140.3876718960305%29%20rotate%28110%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28147.60684421713682%2C179.98961967598632%29%20rotate%28145%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2852.39315578286317%2C179.98961967598632%29%20rotate%28215%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2822.005512474769603%2C140.38767189603053%29%20rotate%28250%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2822.005512474769603%2C83.6123281039695%29%20rotate%28290%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2852.39315578286315%2C44.010380324013695%29%20rotate%28325%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2026C93%2026%2088%2020%2088%2013C88%205%2094%20-1%20100%20-5C106%20-1%20112%205%20112%2013C112%2020%20107%2026%20100%2026Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2213%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2026C86%2028%2074%2024%2066%2016%22%2F%3E%3Cpath%20d%3D%22M100%2026C114%2028%20126%2024%20134%2016%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C15%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C15%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C24%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C24%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20198C88%20198%2078%20203%2070%20209%22%2F%3E%3Cpath%20d%3D%22M100%20198C112%20198%20122%20203%20130%20209%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C210%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C210%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22207%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20216C86%20220%20114%20220%20122%20216%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-rund-breit:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.301%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2282%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2274%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22112%22%20r%3D%2278%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%28147.60684421713682%2C44.01038032401368%29%20rotate%2835%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28177.9944875252304%2C83.6123281039695%29%20rotate%2870%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28177.9944875252304%2C140.3876718960305%29%20rotate%28110%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28147.60684421713682%2C179.98961967598632%29%20rotate%28145%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2852.39315578286317%2C179.98961967598632%29%20rotate%28215%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2822.005512474769603%2C140.38767189603053%29%20rotate%28250%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2822.005512474769603%2C83.6123281039695%29%20rotate%28290%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2852.39315578286315%2C44.010380324013695%29%20rotate%28325%29%20scale%280.46%2C0.46%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2026C93%2026%2088%2020%2088%2013C88%205%2094%20-1%20100%20-5C106%20-1%20112%205%20112%2013C112%2020%20107%2026%20100%2026Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2213%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2026C86%2028%2074%2024%2066%2016%22%2F%3E%3Cpath%20d%3D%22M100%2026C114%2028%20126%2024%20134%2016%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C15%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C15%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C24%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C24%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20198C88%20198%2078%20203%2070%20209%22%2F%3E%3Cpath%20d%3D%22M100%20198C112%20198%20122%20203%20130%20209%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C210%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C210%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22207%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20216C86%20220%20114%20220%20122%20216%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-bogen:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%20196V110C18%2065%2055%2028%20100%2028C145%2028%20182%2065%20182%20110V196Z%22%2F%3E%3Cpath%20d%3D%22M26%20188V110C26%2069%2059%2036%20100%2036C141%2036%20174%2069%20174%20110V188Z%22%2F%3E%3Cpath%20d%3D%22M22%20192V110C22%2067%2057%2032%20100%2032C143%2032%20178%2067%20178%20110V192%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%287%2C150%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28193%2C150%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2828%2C66%29%20rotate%28-38%29%20scale%280.58%2C0.58%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28172%2C66%29%20rotate%2838%29%20scale%28-0.58%2C0.58%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%288%2C206%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28192%2C206%29%20scale%28-1%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2024C93%2024%2088%2018%2088%2011C88%203%2094%20-3%20100%20-7C106%20-3%20112%203%20112%2011C112%2018%20107%2024%20100%2024Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2211%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2024C86%2026%2074%2022%2066%2014%22%2F%3E%3Cpath%20d%3D%22M100%2024C114%2026%20126%2022%20134%2014%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C13%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C13%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C22%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C22%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20200C88%20200%2078%20205%2070%20211%22%2F%3E%3Cpath%20d%3D%22M100%20200C112%20200%20122%20205%20130%20211%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C212%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C212%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22209%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20218C86%20222%20114%20222%20122%20218%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-rahmen-bogen-schmal:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20232%20244%22%3E%3Cg%20transform%3D%22translate%2816%2C16%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%223.016%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%20196V110C18%2065%2055%2028%20100%2028C145%2028%20182%2065%20182%20110V196Z%22%2F%3E%3Cpath%20d%3D%22M26%20188V110C26%2069%2059%2036%20100%2036C141%2036%20174%2069%20174%20110V188Z%22%2F%3E%3Cpath%20d%3D%22M22%20192V110C22%2067%2057%2032%20100%2032C143%2032%20178%2067%20178%20110V192%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20transform%3D%22translate%287%2C150%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28193%2C150%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cg%20transform%3D%22translate%280%2C-11%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2C11%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.360000000000001%20-0.7200000000000001C-9.360000000000001%20-5.4%20-4.32%20-7.5600000000000005%20-0.36000000000000004%20-5.4C3.24%20-3.6%203.6%201.4400000000000002%20-0.36000000000000004%202.16C-3.24%202.7%20-4.32%20-0.54%20-1.8%20-1.4400000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28-3%2C4%29%20rotate%28-100%29%20scale%280.5%2C0.5%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2828%2C66%29%20rotate%28-38%29%20scale%280.58%2C0.58%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28172%2C66%29%20rotate%2838%29%20scale%28-0.58%2C0.58%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%288%2C206%29%20scale%281%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28192%2C206%29%20scale%28-1%2C-1%29%22%3E%3Cpath%20d%3D%22M0%2016C0%207%207%200%2016%200%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C17%29%20rotate%2890%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2817%2C-1%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-9.879999999999999%20-0.76C-9.879999999999999%20-5.699999999999999%20-4.56%20-7.9799999999999995%20-0.38%20-5.699999999999999C3.42%20-3.8%203.8%201.52%20-0.38%202.28C-3.42%202.8499999999999996%20-4.56%20-0.57%20-1.9%20-1.52%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%2024C93%2024%2088%2018%2088%2011C88%203%2094%20-3%20100%20-7C106%20-3%20112%203%20112%2011C112%2018%20107%2024%20100%2024Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%2211%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M100%2024C86%2026%2074%2022%2066%2014%22%2F%3E%3Cpath%20d%3D%22M100%2024C114%2026%20126%2022%20134%2014%22%2F%3E%3Cg%20transform%3D%22translate%2864%2C13%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28136%2C13%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-13.0%20-1.0C-13.0%20-7.5%20-6.0%20-10.5%20-0.5%20-7.5C4.5%20-5.0%205.0%202.0%20-0.5%203.0C-4.5%203.75%20-6.0%20-0.75%20-2.5%20-2.0%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2884%2C22%29%20rotate%28-28%29%20scale%280.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28116%2C22%29%20rotate%2828%29%20scale%28-0.55%2C0.55%29%22%3E%3Cpath%20d%3D%22M0%200C-7%20-3%20-11%20-11%20-11%20-20C-2%20-18%203%20-10%203%20-1Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M100%20200C88%20200%2078%20205%2070%20211%22%2F%3E%3Cpath%20d%3D%22M100%20200C112%20200%20122%20205%20130%20211%22%2F%3E%3Cg%20transform%3D%22translate%2866%2C212%29%20rotate%280%29%20scale%281%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%28134%2C212%29%20rotate%280%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M-11.440000000000001%20-0.8800000000000001C-11.440000000000001%20-6.6000000000000005%20-5.28%20-9.240000000000002%20-0.44000000000000006%20-6.6000000000000005C3.9600000000000004%20-4.4%204.4%201.7600000000000002%20-0.44000000000000006%202.64C-3.9600000000000004%203.3000000000000003%20-5.28%20-0.66%20-2.2%20-1.7600000000000002%22%2F%3E%3C%2Fg%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%22209%22%20rx%3D%228%22%20ry%3D%225%22%2F%3E%3Cpath%20d%3D%22M78%20218C86%20222%20114%20222%20122%20218%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-spitzenkante:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2036%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M0%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M20%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M40%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M60%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M80%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%2290%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M100%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%22110%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M120%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%22130%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M140%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M160%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%22170%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M180%202c0%2012%204%2020%2010%2020s10-8%2010-20%22%2F%3E%3Ccircle%20cx%3D%22190%22%20cy%3D%2228%22%20r%3D%223.4%22%2F%3E%3Cpath%20d%3D%22M0%202h200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --orn-blattkante:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2036%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2030C4%2016%2012%206%2021%206C21%2020%2013%2030%204%2030Z%22%2F%3E%3Cpath%20d%3D%22M29%2030C29%2016%2037%206%2046%206C46%2020%2038%2030%2029%2030Z%22%2F%3E%3Cpath%20d%3D%22M54%2030C54%2016%2062%206%2071%206C71%2020%2063%2030%2054%2030Z%22%2F%3E%3Cpath%20d%3D%22M79%2030C79%2016%2087%206%2096%206C96%2020%2088%2030%2079%2030Z%22%2F%3E%3Cpath%20d%3D%22M104%2030C104%2016%20112%206%20121%206C121%2020%20113%2030%20104%2030Z%22%2F%3E%3Cpath%20d%3D%22M129%2030C129%2016%20137%206%20146%206C146%2020%20138%2030%20129%2030Z%22%2F%3E%3Cpath%20d%3D%22M154%2030C154%2016%20162%206%20171%206C171%2020%20163%2030%20154%2030Z%22%2F%3E%3Cpath%20d%3D%22M179%2030C179%2016%20187%206%20196%206C196%2020%20188%2030%20179%2030Z%22%2F%3E%3Cpath%20d%3D%22M0%2032h200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-rose-gold:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20124%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057C52%2047%2064%2042%2073%2048%22%2F%3E%3Cpath%20d%3D%22M38%2084C30%2092%2028%20104%2033%20114C42%20108%2045%2096%2041%2086%22%2F%3E%3Cpath%20d%3D%22M82%2084C90%2092%2092%20104%2087%20114C78%20108%2075%2096%2079%2086%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-rose-hell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20124%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F5EEDF%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%280%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2872%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28144%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28216%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28288%29%20scale%281.0%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%2836%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28156%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C64%29%20rotate%28276%29%20scale%280.62%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2066C55%2063%2056%2056%2062%2056C69%2056%2071%2065%2064%2069C56%2073%2048%2066%2050%2057C52%2047%2064%2042%2073%2048%22%2F%3E%3Cpath%20d%3D%22M38%2084C30%2092%2028%20104%2033%20114C42%20108%2045%2096%2041%2086%22%2F%3E%3Cpath%20d%3D%22M82%2084C90%2092%2092%20104%2087%20114C78%20108%2075%2096%2079%2086%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-rose-zweig-gold:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20152%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%280%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2872%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28144%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28216%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28288%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2836%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28156%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28276%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2056C56%2054%2057%2048%2062%2048C67%2048%2069%2055%2063%2058C56%2061%2050%2055%2052%2048C54%2040%2063%2036%2070%2041%22%2F%3E%3Cpath%20d%3D%22M60%2088C61%20106%2059%20124%2053%20140%22%2F%3E%3Cpath%20d%3D%22M60%20100C48%2095%2034%2099%2027%20111C40%20118%2054%20113%2060%20102Z%22%2F%3E%3Cpath%20d%3D%22M59%20118C70%20113%2084%20117%2091%20129C78%20136%2064%20131%2058%20120Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-rose-zweig-hell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20120%20152%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F5EEDF%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%280%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2872%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28144%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28216%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28288%29%20scale%280.8%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%2836%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28156%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2860%2C54%29%20rotate%28276%29%20scale%280.5%29%22%3E%3Cpath%20d%3D%22M-15%20-5C-22%20-21%20-12%20-36%201%20-36C14%20-36%2023%20-22%2016%20-6%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M60%2056C56%2054%2057%2048%2062%2048C67%2048%2069%2055%2063%2058C56%2061%2050%2055%2052%2048C54%2040%2063%2036%2070%2041%22%2F%3E%3Cpath%20d%3D%22M60%2088C61%20106%2059%20124%2053%20140%22%2F%3E%3Cpath%20d%3D%22M60%20100C48%2095%2034%2099%2027%20111C40%20118%2054%20113%2060%20102Z%22%2F%3E%3Cpath%20d%3D%22M59%20118C70%20113%2084%20117%2091%20129C78%20136%2064%20131%2058%20120Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-herz-ornament-gold:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%20168C42%20128%2014%2096%2014%2066C14%2040%2034%2022%2058%2022C77%2022%2092%2033%20100%2049C108%2033%20123%2022%20142%2022C166%2022%20186%2040%20186%2066C186%2096%20158%20128%20100%20168Z%22%2F%3E%3Cpath%20d%3D%22M100%2060C88%2046%2068%2044%2058%2054C48%2064%2054%2080%2068%2080C78%2080%2082%2072%2076%2066M100%2060C112%2046%20132%2044%20142%2054C152%2064%20146%2080%20132%2080C122%2080%20118%2072%20124%2066M100%2084C88%2096%2090%20116%20100%20128C110%20116%20112%2096%20100%2084ZM70%2096C62%20104%2062%20116%2070%20124C78%20116%2078%20104%2070%2096ZM130%2096C138%20104%20138%20116%20130%20124C122%20116%20122%20104%20130%2096Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-herz-ornament-hell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20180%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F5EEDF%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M100%20168C42%20128%2014%2096%2014%2066C14%2040%2034%2022%2058%2022C77%2022%2092%2033%20100%2049C108%2033%20123%2022%20142%2022C166%2022%20186%2040%20186%2066C186%2096%20158%20128%20100%20168Z%22%2F%3E%3Cpath%20d%3D%22M100%2060C88%2046%2068%2044%2058%2054C48%2064%2054%2080%2068%2080C78%2080%2082%2072%2076%2066M100%2060C112%2046%20132%2044%20142%2054C152%2064%20146%2080%20132%2080C122%2080%20118%2072%20124%2066M100%2084C88%2096%2090%20116%20100%20128C110%20116%20112%2096%20100%2084ZM70%2096C62%20104%2062%20116%2070%20124C78%20116%2078%20104%2070%2096ZM130%2096C138%20104%20138%20116%20130%20124C122%20116%20122%20104%20130%2096Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-ecke-ol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2046C8%2024%2024%208%2046%208%22%2F%3E%3Cpath%20d%3D%22M8%2046C2%2048%202%2056%208%2057C14%2058%2016%2050%2010%2047%22%2F%3E%3Cpath%20d%3D%22M46%208C48%202%2056%202%2057%208C58%2014%2050%2016%2047%2010%22%2F%3E%3Cpath%20d%3D%22M22%2022C30%2015%2042%2017%2049%2026C40%2033%2028%2031%2022%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-ecke-or:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cg%20transform%3D%22translate%2876%2C0%29%20scale%28-1%2C1%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2046C8%2024%2024%208%2046%208%22%2F%3E%3Cpath%20d%3D%22M8%2046C2%2048%202%2056%208%2057C14%2058%2016%2050%2010%2047%22%2F%3E%3Cpath%20d%3D%22M46%208C48%202%2056%202%2057%208C58%2014%2050%2016%2047%2010%22%2F%3E%3Cpath%20d%3D%22M22%2022C30%2015%2042%2017%2049%2026C40%2033%2028%2031%2022%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-ecke-ul:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cg%20transform%3D%22translate%280%2C76%29%20scale%281%2C-1%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2046C8%2024%2024%208%2046%208%22%2F%3E%3Cpath%20d%3D%22M8%2046C2%2048%202%2056%208%2057C14%2058%2016%2050%2010%2047%22%2F%3E%3Cpath%20d%3D%22M46%208C48%202%2056%202%2057%208C58%2014%2050%2016%2047%2010%22%2F%3E%3Cpath%20d%3D%22M22%2022C30%2015%2042%2017%2049%2026C40%2033%2028%2031%2022%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-ecke-ur:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cg%20transform%3D%22translate%2876%2C76%29%20scale%28-1%2C-1%29%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.0%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2046C8%2024%2024%208%2046%208%22%2F%3E%3Cpath%20d%3D%22M8%2046C2%2048%202%2056%208%2057C14%2058%2016%2050%2010%2047%22%2F%3E%3Cpath%20d%3D%22M46%208C48%202%2056%202%2057%208C58%2014%2050%2016%2047%2010%22%2F%3E%3Cpath%20d%3D%22M22%2022C30%2015%2042%2017%2049%2026C40%2033%2028%2031%2022%2022Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-blattkante-gold:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2036%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23A87F35%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2030C4%2016%2012%206%2021%206C21%2020%2013%2030%204%2030Z%22%2F%3E%3Cpath%20d%3D%22M29%2030C29%2016%2037%206%2046%206C46%2020%2038%2030%2029%2030Z%22%2F%3E%3Cpath%20d%3D%22M54%2030C54%2016%2062%206%2071%206C71%2020%2063%2030%2054%2030Z%22%2F%3E%3Cpath%20d%3D%22M79%2030C79%2016%2087%206%2096%206C96%2020%2088%2030%2079%2030Z%22%2F%3E%3Cpath%20d%3D%22M104%2030C104%2016%20112%206%20121%206C121%2020%20113%2030%20104%2030Z%22%2F%3E%3Cpath%20d%3D%22M129%2030C129%2016%20137%206%20146%206C146%2020%20138%2030%20129%2030Z%22%2F%3E%3Cpath%20d%3D%22M154%2030C154%2016%20162%206%20171%206C171%2020%20163%2030%20154%2030Z%22%2F%3E%3Cpath%20d%3D%22M179%2030C179%2016%20187%206%20196%206C196%2020%20188%2030%20179%2030Z%22%2F%3E%3Cpath%20d%3D%22M0%2032h200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-blattkante-hell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%2036%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23F5EEDF%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2030C4%2016%2012%206%2021%206C21%2020%2013%2030%204%2030Z%22%2F%3E%3Cpath%20d%3D%22M29%2030C29%2016%2037%206%2046%206C46%2020%2038%2030%2029%2030Z%22%2F%3E%3Cpath%20d%3D%22M54%2030C54%2016%2062%206%2071%206C71%2020%2063%2030%2054%2030Z%22%2F%3E%3Cpath%20d%3D%22M79%2030C79%2016%2087%206%2096%206C96%2020%2088%2030%2079%2030Z%22%2F%3E%3Cpath%20d%3D%22M104%2030C104%2016%20112%206%20121%206C121%2020%20113%2030%20104%2030Z%22%2F%3E%3Cpath%20d%3D%22M129%2030C129%2016%20137%206%20146%206C146%2020%20138%2030%20129%2030Z%22%2F%3E%3Cpath%20d%3D%22M154%2030C154%2016%20162%206%20171%206C171%2020%20163%2030%20154%2030Z%22%2F%3E%3Cpath%20d%3D%22M179%2030C179%2016%20187%206%20196%206C196%2020%20188%2030%20179%2030Z%22%2F%3E%3Cpath%20d%3D%22M0%2032h200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-schleife-gold:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20130%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M100%2062C78%2026%2030%2022%2020%2044C12%2062%2034%2080%2068%2076C82%2074%2092%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M100%2062C122%2026%20170%2022%20180%2044C188%2062%20166%2080%20132%2076C118%2074%20108%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M95%2068C84%2092%2064%20110%2040%20120L52%20104L44%2092C60%2084%2078%2078%2092%2066Z%22%2F%3E%3Cpath%20d%3D%22M105%2068C116%2092%20136%20110%20160%20120L148%20104L156%2092C140%2084%20122%2078%20108%2066Z%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2263%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); --zier-schleife-hell:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20200%20130%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22M100%2062C78%2026%2030%2022%2020%2044C12%2062%2034%2080%2068%2076C82%2074%2092%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M100%2062C122%2026%20170%2022%20180%2044C188%2062%20166%2080%20132%2076C118%2074%20108%2069%20100%2062Z%22%2F%3E%3Cpath%20d%3D%22M95%2068C84%2092%2064%20110%2040%20120L52%20104L44%2092C60%2084%2078%2078%2092%2066Z%22%2F%3E%3Cpath%20d%3D%22M105%2068C116%2092%20136%20110%20160%20120L148%20104L156%2092C140%2084%20122%2078%20108%2066Z%22%2F%3E%3Cellipse%20cx%3D%22100%22%20cy%3D%2263%22%20rx%3D%2212%22%20ry%3D%2210%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* ---------- Kanten zwischen den Abschnitten ---------- */ .wand.blass::before,.wand.blass::after, .textbanner::before,.textbanner::after{ height:22px; -webkit-mask:var(--orn-spitzenkante) repeat-x center/122px 22px; mask:var(--orn-spitzenkante) repeat-x center/122px 22px; } .wand.blass::before{top:0} .wand.blass::after{bottom:0;transform:scaleY(-1)} .textbanner::before{top:0} .textbanner::after{bottom:0;transform:scaleY(-1)} /* ---------- Schnörkel neben Überschriften ---------- */ .script-h::before,.script-h::after{ width:clamp(56px,7vw,118px);height:26px;opacity:.8; -webkit-mask:var(--orn-akanthusranke) no-repeat center/contain; mask:var(--orn-akanthusranke) no-repeat center/contain; } /* Beim Geschenkabschnitt eine Schleife statt der Ranke */ .script-h.geschenk::before,.script-h.geschenk::after{ width:clamp(48px,5.5vw,86px);height:34px; -webkit-mask:var(--orn-schleife) no-repeat center/contain; mask:var(--orn-schleife) no-repeat center/contain; } /* ---------- Zierteiler ---------- */ .zier>i{ width:clamp(150px,20vw,260px);height:52px; -webkit-mask:var(--orn-rosengirlande) no-repeat center/contain; mask:var(--orn-rosengirlande) no-repeat center/contain; } /* ---------- Kopfbereich: Schleife links, Rose rechts ---------- Im Vorbild sitzen dort große Blüten, die am Rand angeschnitten sind. Deshalb bewusst groß und leicht über die Kante hinaus. */ .kopf-schleife{ /* Hängt über der unteren Kante des Kopfes ins Menüband hinein, wie die Schleife im Vorbild. Deshalb bottom statt top. */ /* z-index über dem Menüband: sonst verschwindet die untere Hälfte hinter dem Band und es bleiben zwei Klumpen stehen. */ left:clamp(-20px,1vw,32px);bottom:6px;opacity:.5;z-index:4; width:clamp(120px,15vw,232px);height:clamp(78px,10vw,150px); -webkit-mask:var(--orn-schleife) no-repeat center/contain; mask:var(--orn-schleife) no-repeat center/contain; } .kopf-ranke{ right:clamp(-26px,1vw,26px);top:4%;opacity:.45;z-index:4; width:clamp(120px,15vw,240px);height:clamp(150px,19vw,296px); -webkit-mask:var(--orn-rose-zweig) no-repeat center/contain; mask:var(--orn-rose-zweig) no-repeat center/contain; } @media(max-width:1000px){ .kopf-schleife,.kopf-ranke{display:none} } /* ---------- Kategoriewand: Ecken wie ein gerahmtes Feld ---------- */ .wand.blass{ background-image: var(--zier-ecke-ol), var(--zier-ecke-or), var(--zier-ecke-ul), var(--zier-ecke-ur), linear-gradient(180deg,var(--gruen-blass) 0%,var(--gruen-blass-2) 100%); background-repeat:no-repeat; background-size:112px 112px,112px 112px,112px 112px,112px 112px,auto; /* Bewusst mit calc statt „right 40px top 46px": Die vierwertige Schreibweise wird von manchen Programmen verworfen — dann fällt die ganze Angabe weg und alle vier Ecken stapeln sich oben links. */ background-position: 40px 46px, calc(100% - 40px) 46px, 40px calc(100% - 46px), calc(100% - 40px) calc(100% - 46px), center; } @media(max-width:900px){ /* Derselbe Fall wie beim Textbanner. */ .wand.blass{ background-image:linear-gradient(180deg,var(--gruen-blass) 0%,var(--gruen-blass-2) 100%); background-size:auto; background-position:center; } } /* ---------- Grüner Textbanner: zwei große Rosen am Rand ---------- */ .textbanner{ background-image: var(--zier-rose-hell), var(--zier-rose-hell), linear-gradient(180deg,var(--gruen) 0%,var(--gruen-tief) 100%); background-repeat:no-repeat; background-size:clamp(110px,13vw,200px) auto,clamp(110px,13vw,200px) auto,auto; background-position:-30px center,calc(100% + 30px) center,center; } @media(max-width:820px){ /* Ohne die zwei Rosenebenen bleibt nur der Verlauf. Größe und Position müssen mit zurückgesetzt werden — sonst erbt der Verlauf die Werte der ersten Rosenebene (110 px breit, 30 px nach links) und das Grün stand am Handy als schmaler Streifen am linken Rand. */ .textbanner{ background-image:linear-gradient(180deg,var(--gruen) 0%,var(--gruen-tief) 100%); background-size:auto; background-position:center; } } /* ---------- Holzbox-Abschnitt: Herz als Wasserzeichen ---------- Der Abschnitt handelt vom ausgelaserten Herz am Deckel — das Ornament stammt von genau diesem Deckel. */ .blk.olive.muster,.blk.olive{ background-image: var(--zier-herz-ornament-hell), linear-gradient(180deg,#68724F 0%,var(--olive) 45%,#4E5740 100%); background-repeat:no-repeat; background-size:clamp(220px,30vw,460px) auto,auto; background-position:calc(100% + 60px) center,center; } /* ---------- Gründerinnen-Karte: Rosenzweig in der Ecke ---------- */ .founders{overflow:hidden} .founders::after{ content:"";position:absolute;right:-26px;top:-18px; width:clamp(90px,10vw,150px);aspect-ratio:120/152; background:var(--gold);opacity:.22;pointer-events:none;transform:rotate(14deg); -webkit-mask:var(--orn-rose-zweig) no-repeat center/contain; mask:var(--orn-rose-zweig) no-repeat center/contain; } /* ---------- Bildbanner: Ecken am Werkstattfoto ---------- */ .bildbanner .bild{position:relative;display:block} .bildbanner .bild .ecke{ position:absolute;width:44px;height:44px;z-index:2;opacity:.75; background:var(--gold); -webkit-mask:var(--orn-eckspray) no-repeat center/contain; mask:var(--orn-eckspray) no-repeat center/contain; } .bildbanner .bild .ecke.ol{top:-14px;left:-14px} .bildbanner .bild .ecke.or{top:-14px;right:-14px;transform:scaleX(-1)} .bildbanner .bild .ecke.ul{bottom:-14px;left:-14px;transform:scaleY(-1)} .bildbanner .bild .ecke.ur{bottom:-14px;right:-14px;transform:scale(-1)} /* ---------- Rahmen-Ecken allgemein ---------- */ .rahmen .ecke{ width:40px;height:40px; -webkit-mask:var(--orn-eckspray) no-repeat center/contain; mask:var(--orn-eckspray) no-repeat center/contain; } .saison .ecke,.werkstattband .ecke{ width:36px;height:36px; -webkit-mask:var(--orn-eckspray) no-repeat center/contain; mask:var(--orn-eckspray) no-repeat center/contain; } /* ---------- Fußbereich ---------- */ footer::before{ width:230px;height:32px;top:-16px; -webkit-mask:var(--orn-akanthusranke) no-repeat center/contain; mask:var(--orn-akanthusranke) no-repeat center/contain; } /* ---------- Störer im Saisonbild: Blattkranz entfernt ---------- Der Kranz lag mit seinen Blättern über „Hallo Herbst!". Zweimal wurde versucht, das über die Größe zu lösen — einmal verkleinert, einmal so weit vergrößert, dass die Blätter auf dem Rand der Scheibe sitzen. Beide Male stand er am Ende wieder in der Schrift (Lukas, 08.09.2026). Ein dritter Anlauf lohnt nicht, weil Text und Kranz denselben Radius beanspruchen: Die Textspalte darf 76 % der Kreisbreite einnehmen, der Kranz sitzt genau dort. Entweder wird die Schrift schmaler — dann bricht „Neue Unikate aus Glas, Holz und Harz" in drei Zeilen — oder der Kreis größer, und der sollte gerade kleiner werden. Also weg damit. Das ist auch der einheitlichere Zustand: Am Handy war der Kranz ohnehin ausgeblendet, dort hat ihn nie jemand gesehen. Die Zeichnung selbst bleibt als `--orn-kranz-offen` weiter oben stehen — wer sie zurückholen will, braucht nur diese Regel wieder. */ /* ===================================================================== KOPFBEREICH — Logo, Abstände, Übergang ins Bild ===================================================================== */ /* ---------- Feinschliff am Kopfbereich ---------- Der Schriftzug steht jetzt in der Grundregel oben; hier bleibt nur, was den Kopf an das Saisonbild anschließt. */ /* ---------- Übergang vom Kopf ins Saisonbild ---------- Im Vorbild endet der Kopfbereich in einer großen Wellenform, die über das Foto darunter läuft. Dasselbe hier: ein Cremestreifen mit runder Unterkante, der oben auf dem Bild liegt. */ .saisonbild{position:relative} .saisonbild::before{ content:"";position:absolute;top:-1px;left:0;right:0;height:78px;z-index:3; background:var(--bg-3);pointer-events:none; /* Erst ein voller Streifen, darunter tiefe Halbkreise: derselbe Kniff wie bei der Wellenkante der Logo-Tafel, nur viel größer. Ein bloßes Ausstanzen ergab flache Zacken statt runder Bögen. */ -webkit-mask: linear-gradient(#000,#000) top/100% 30px no-repeat, radial-gradient(circle at 50% 0,#000 47px,transparent 47.5px) bottom left/98px 48px repeat-x; mask: linear-gradient(#000,#000) top/100% 30px no-repeat, radial-gradient(circle at 50% 0,#000 47px,transparent 47.5px) bottom left/98px 48px repeat-x; } /* Der Innenrahmen des Saisonbilds schnitt quer durch die Bögen */ .saisonbild::after{display:none} /* Der Kopfbereich schließt bündig an, ohne eigene Wellenkante darunter */ .kopf{padding-bottom:0} @media(max-width:640px){ .saisonbild::before{ height:44px; -webkit-mask: linear-gradient(#000,#000) top/100% 16px no-repeat, radial-gradient(circle at 50% 0,#000 27px,transparent 27.5px) bottom left/56px 28px repeat-x; mask: linear-gradient(#000,#000) top/100% 16px no-repeat, radial-gradient(circle at 50% 0,#000 27px,transparent 27.5px) bottom left/56px 28px repeat-x; } } /* ===================================================================== FEINSCHLIFF — Vertrauensleiste, Olivblock, Gründerinnen, Willkommen ===================================================================== */ /* ---------- Vertrauensleiste ---------- Vorher: Symbol links, Text rechts, in zwei verschiedenen Schriften. Das fiel aus dem Rest der Seite heraus. Jetzt mittig gesetzt, Zahl und Stichwort in Schreibschrift, dazwischen feine Goldlinien. */ .trust{ background:linear-gradient(180deg,var(--bg-3) 0%,var(--bg-2) 100%); border-top:none;border-bottom:none;position:relative; } .trust-in{ grid-template-columns:repeat(4,1fr);gap:0; padding:clamp(26px,3.4vw,44px) 0;justify-items:stretch; } .trust-it{ display:block;text-align:center;padding:0 clamp(10px,2vw,26px);position:relative; } .trust-it + .trust-it::before{ content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px; background:linear-gradient(transparent,var(--gold),transparent);opacity:.5; } .trust-it .ic{display:none} .trust-it b{ display:block;font-family:var(--script);font-weight:400; color:var(--accent);font-size:clamp(22px,2.4vw,31px);line-height:1.15;margin-bottom:2px; white-space:nowrap; } .trust-it span{ display:block;font-family:var(--hand);color:var(--muted); font-size:clamp(14px,1.4vw,16.5px);line-height:1.35; } @media(max-width:820px){ .trust-in{grid-template-columns:1fr 1fr;gap:22px 0} .trust-it:nth-child(3)::before{display:none} } @media(max-width:520px){ .trust-in{grid-template-columns:1fr;gap:18px} .trust-it + .trust-it::before{ left:22%;right:22%;top:-9px;bottom:auto;width:auto;height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); } } /* ---------- Olivblock: Herz nach hinten ---------- Als Hintergrundbild lag es über nichts, aber es ließ sich nicht abschwächen. Jetzt eine eigene Ebene mit Deckkraft, hinter dem Text. */ .blk.olive.muster,.blk.olive{ background:linear-gradient(180deg,#68724F 0%,var(--olive) 45%,#4E5740 100%); position:relative;overflow:hidden; } .blk.olive::after{ content:"";position:absolute;right:-70px;top:50%;transform:translateY(-50%); width:clamp(220px,30vw,440px);aspect-ratio:200/180; background:#F5EEDF;opacity:.12;pointer-events:none;z-index:0; -webkit-mask:var(--orn-herz-ornament) no-repeat center/contain; mask:var(--orn-herz-ornament) no-repeat center/contain; } .blk.olive>.wrap{position:relative;z-index:1} @media(max-width:820px){.blk.olive::after{opacity:.08}} /* ---------- Gründerinnen: nur eine Namenszeile ---------- Überschrift und Unterschrift sagten zweimal dasselbe. Die Unterschrift bleibt, die Überschrift wird zur Einordnung. */ .founders .sig{display:none} .founders>div>p:last-of-type{margin-bottom:0} .founders .link-more{display:inline-block;margin-top:6px} /* ---------- Mauszeiger: Herz statt Rose ---------- Zwei Auflösungen über image-set: sonst zeigt ein Retina-Bildschirm die 28 Pixel roh und der Zeiger wirkt ausgefranst. Die Bilddaten stehen EINMAL als Variable. Vorher waren sie an zwei Stellen eingebaut, und jedes weitere `cursor:pointer` irgendwo im Stylesheet stach das Herz aus — beim Aufklappen von „Versand & Lieferzeit" auf der Produktseite kam so der Systemzeiger zurück. Mit der Variablen ist ein goldenes Herz an einer neuen Stelle eine Zeile, kein Kilobyte. */ :root{ --zeiger-1:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEz0lEQVR4nLWWf0idVRjHn/P+uD+mXp2mMpdJVBTqavYT5qKgWMg2ypByWUnOITFqrWSu1hStBsZoGxFD2g8s1ixkC2pIo/VHsIWtmpHXAhdEd3Pca/66V70/3ve8T3xfr3J1mT/3wOE9nPM83897nnPe9zlEcWNmBc/oUKCImVuYuZeZx5l5lJm9zLxv9K+eVXFfFQ19jGEu7jMaj0FsC7QStWGCmQWeQgiLzUgDqc66SP81d8+5b8j/52USikKr8wtpTclmIofbFx0brHElZ3QgODI6UOJMSm+hWDj3t46v6GpPN7FlUfZtt1P+Y0+QK3NVmGS0WWiuxjiUAVSFEFIakaOK5qz6uuktOn/siAwHRxShCEFsvyGvzMmRZc0faAUbS9kYH1gHoL4i44L3zGnRXve6OdTXBx1BgogtZrcn1SquqlY31e8jy4weU3XXVps1seToViLHkdaqLbGf27/QU7KyhKJpBNhEHoiMSIQiwaDc9mmbWrCxtA/D3jOncz5+oVy6PB5Vd7mm+VumSaFAgO8re8aoPHbSQRSrFsJ5VPzd3Z2eW1DQc77lUGZb7U5Kz81VTMPAW1CiKapKZixGqsPBjZd67BdtKMpnGYsJzeEgS8pp/iQEabpOgz6fVb7/ABXX7Oj3eb35SOmrFA4dqr+3QJrRqAphngFLhIZHRqjo6TLb4dKpduFOTb0eFjdkGHOa0ymbfvGq5E7ZgY0s/eO7szzi9wvV4ZgVBkOwy+Ohri9PCTT0Z4PBoAVNaIMBFoBrejs7haIIZWYa/8twCp3JyXZDf+4AJmiDAZZGROlDfVftdM3X5gVKMGiDARZWKJghYJ+DG2SCJhgkABzxZGb9714s1SwpCQywAOzNu3stWZa0cJSX3YSwtcEAC8Bzdz7yKDmTkvlGrNKS0tYGAywlNjbclrT6VvOO4vVKdDS0oMMzlymqStCENhhgKc7klV1E9O3G2t1CGuayL1EapoQ2GGDZZcMIB5ty7l9Ha598isaGhsj+jy7RFE2ztaAJbTAwPlUtmLnVGB54sfGhe0wZi2mqri/4e5s0lDRpGPjLmA2dv2p6WsYnQohKsOwahVrl83p36mkZV57/8LAWDgUt/AcXa0IIgga0oAntyXqooPDC55bCwkEj1F9x14bN1qY393Iw4Gd1EalVNY0QCw1oQRPak0Xe3sN4SjWHJ+t7GQltf/yNPer6qm0yGPATUjtvmK4DRoiFBrSgCW0wbFZiQHzClEa4WdFcu068XGlc/LxN92Rn23syJ8zvpweeLTcqDrfqlhl5X9XddZOaU+meBiTGlQKHyGQZPUCK47XPtr9k/HjyhJ6SlW1X8dlOZCjgpwe3VBjPfXRcJyt2UKhO7JtGgqQgMVWGpm5TE3R7AulVEWCZkYMQeLi6xgwF/IwPOfEwoY8xzMEHvoiJw/AHmQa7boUJqcU4DpRkI9xEmmvv2f3vWh3N74kVqWkCx972sywaHxnmkro9vKH2bYXMyDtCd9fHYTjpcxfYROjk3dMMh17Bt3OxrZV33Zxm7s67idHQxxgMPvE43FkX/03Z+4A7aPCfUlx0fT/9wPX5eSYa+hjDXKIvLdUmhUYDV3Ar/z3U52M09DG2rLCZ0GuXu7KY+QIa+guF/QtLv/PSBzMnrwAAAABJRU5ErkJggg==") 4 4,auto; --zeiger-2:-webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEz0lEQVR4nLWWf0idVRjHn/P+uD+mXp2mMpdJVBTqavYT5qKgWMg2ypByWUnOITFqrWSu1hStBsZoGxFD2g8s1ixkC2pIo/VHsIWtmpHXAhdEd3Pca/66V70/3ve8T3xfr3J1mT/3wOE9nPM83897nnPe9zlEcWNmBc/oUKCImVuYuZeZx5l5lJm9zLxv9K+eVXFfFQ19jGEu7jMaj0FsC7QStWGCmQWeQgiLzUgDqc66SP81d8+5b8j/52USikKr8wtpTclmIofbFx0brHElZ3QgODI6UOJMSm+hWDj3t46v6GpPN7FlUfZtt1P+Y0+QK3NVmGS0WWiuxjiUAVSFEFIakaOK5qz6uuktOn/siAwHRxShCEFsvyGvzMmRZc0faAUbS9kYH1gHoL4i44L3zGnRXve6OdTXBx1BgogtZrcn1SquqlY31e8jy4weU3XXVps1seToViLHkdaqLbGf27/QU7KyhKJpBNhEHoiMSIQiwaDc9mmbWrCxtA/D3jOncz5+oVy6PB5Vd7mm+VumSaFAgO8re8aoPHbSQRSrFsJ5VPzd3Z2eW1DQc77lUGZb7U5Kz81VTMPAW1CiKapKZixGqsPBjZd67BdtKMpnGYsJzeEgS8pp/iQEabpOgz6fVb7/ABXX7Oj3eb35SOmrFA4dqr+3QJrRqAphngFLhIZHRqjo6TLb4dKpduFOTb0eFjdkGHOa0ymbfvGq5E7ZgY0s/eO7szzi9wvV4ZgVBkOwy+Ohri9PCTT0Z4PBoAVNaIMBFoBrejs7haIIZWYa/8twCp3JyXZDf+4AJmiDAZZGROlDfVftdM3X5gVKMGiDARZWKJghYJ+DG2SCJhgkABzxZGb9714s1SwpCQywAOzNu3stWZa0cJSX3YSwtcEAC8Bzdz7yKDmTkvlGrNKS0tYGAywlNjbclrT6VvOO4vVKdDS0oMMzlymqStCENhhgKc7klV1E9O3G2t1CGuayL1EapoQ2GGDZZcMIB5ty7l9Ha598isaGhsj+jy7RFE2ztaAJbTAwPlUtmLnVGB54sfGhe0wZi2mqri/4e5s0lDRpGPjLmA2dv2p6WsYnQohKsOwahVrl83p36mkZV57/8LAWDgUt/AcXa0IIgga0oAntyXqooPDC55bCwkEj1F9x14bN1qY393Iw4Gd1EalVNY0QCw1oQRPak0Xe3sN4SjWHJ+t7GQltf/yNPer6qm0yGPATUjtvmK4DRoiFBrSgCW0wbFZiQHzClEa4WdFcu068XGlc/LxN92Rn23syJ8zvpweeLTcqDrfqlhl5X9XddZOaU+meBiTGlQKHyGQZPUCK47XPtr9k/HjyhJ6SlW1X8dlOZCjgpwe3VBjPfXRcJyt2UKhO7JtGgqQgMVWGpm5TE3R7AulVEWCZkYMQeLi6xgwF/IwPOfEwoY8xzMEHvoiJw/AHmQa7boUJqcU4DpRkI9xEmmvv2f3vWh3N74kVqWkCx972sywaHxnmkro9vKH2bYXMyDtCd9fHYTjpcxfYROjk3dMMh17Bt3OxrZV33Zxm7s67idHQxxgMPvE43FkX/03Z+4A7aPCfUlx0fT/9wPX5eSYa+hjDXKIvLdUmhUYDV3Ar/z3U52M09DG2rLCZ0GuXu7KY+QIa+guF/QtLv/PSBzMnrwAAAABJRU5ErkJggg==") 1x,url("data:image/png;base64,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") 2x) 4 4,auto; --zeiger-3:image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEz0lEQVR4nLWWf0idVRjHn/P+uD+mXp2mMpdJVBTqavYT5qKgWMg2ypByWUnOITFqrWSu1hStBsZoGxFD2g8s1ixkC2pIo/VHsIWtmpHXAhdEd3Pca/66V70/3ve8T3xfr3J1mT/3wOE9nPM83897nnPe9zlEcWNmBc/oUKCImVuYuZeZx5l5lJm9zLxv9K+eVXFfFQ19jGEu7jMaj0FsC7QStWGCmQWeQgiLzUgDqc66SP81d8+5b8j/52USikKr8wtpTclmIofbFx0brHElZ3QgODI6UOJMSm+hWDj3t46v6GpPN7FlUfZtt1P+Y0+QK3NVmGS0WWiuxjiUAVSFEFIakaOK5qz6uuktOn/siAwHRxShCEFsvyGvzMmRZc0faAUbS9kYH1gHoL4i44L3zGnRXve6OdTXBx1BgogtZrcn1SquqlY31e8jy4weU3XXVps1seToViLHkdaqLbGf27/QU7KyhKJpBNhEHoiMSIQiwaDc9mmbWrCxtA/D3jOncz5+oVy6PB5Vd7mm+VumSaFAgO8re8aoPHbSQRSrFsJ5VPzd3Z2eW1DQc77lUGZb7U5Kz81VTMPAW1CiKapKZixGqsPBjZd67BdtKMpnGYsJzeEgS8pp/iQEabpOgz6fVb7/ABXX7Oj3eb35SOmrFA4dqr+3QJrRqAphngFLhIZHRqjo6TLb4dKpduFOTb0eFjdkGHOa0ymbfvGq5E7ZgY0s/eO7szzi9wvV4ZgVBkOwy+Ohri9PCTT0Z4PBoAVNaIMBFoBrejs7haIIZWYa/8twCp3JyXZDf+4AJmiDAZZGROlDfVftdM3X5gVKMGiDARZWKJghYJ+DG2SCJhgkABzxZGb9714s1SwpCQywAOzNu3stWZa0cJSX3YSwtcEAC8Bzdz7yKDmTkvlGrNKS0tYGAywlNjbclrT6VvOO4vVKdDS0oMMzlymqStCENhhgKc7klV1E9O3G2t1CGuayL1EapoQ2GGDZZcMIB5ty7l9Ha598isaGhsj+jy7RFE2ztaAJbTAwPlUtmLnVGB54sfGhe0wZi2mqri/4e5s0lDRpGPjLmA2dv2p6WsYnQohKsOwahVrl83p36mkZV57/8LAWDgUt/AcXa0IIgga0oAntyXqooPDC55bCwkEj1F9x14bN1qY393Iw4Gd1EalVNY0QCw1oQRPak0Xe3sN4SjWHJ+t7GQltf/yNPer6qm0yGPATUjtvmK4DRoiFBrSgCW0wbFZiQHzClEa4WdFcu068XGlc/LxN92Rn23syJ8zvpweeLTcqDrfqlhl5X9XddZOaU+meBiTGlQKHyGQZPUCK47XPtr9k/HjyhJ6SlW1X8dlOZCjgpwe3VBjPfXRcJyt2UKhO7JtGgqQgMVWGpm5TE3R7AulVEWCZkYMQeLi6xgwF/IwPOfEwoY8xzMEHvoiJw/AHmQa7boUJqcU4DpRkI9xEmmvv2f3vWh3N74kVqWkCx972sywaHxnmkro9vKH2bYXMyDtCd9fHYTjpcxfYROjk3dMMh17Bt3OxrZV33Zxm7s67idHQxxgMPvE43FkX/03Z+4A7aPCfUlx0fT/9wPX5eSYa+hjDXKIvLdUmhUYDV3Ar/z3U52M09DG2rLCZ0GuXu7KY+QIa+guF/QtLv/PSBzMnrwAAAABJRU5ErkJggg==") 1x,url("data:image/png;base64,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") 2x) 4 4,auto; --zeiger-gold-1:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEsElEQVR4nLWWW2xVRRSG18zss8+lF2rLJW2FEFCEiojFC5TAgzaQ6gMpURtiTFRMTMQiPhAfTG2gYqI8gDYmNhE1+oAEY8ODEkh9wVCIUayEtsGaBmkLgZa2nHN6bnvPLPNPD6VgS1qoK5nsycys/5vL2rOGKGvMLPFNx4ceY+YmZu5i5gQzx5m5nZk/jF+9UJwdq1BQRxv6smPiWR/4NkFrvDZMMLPAVwhh2E/Vkwq+y6n+8MXOEzR89QIJIamoZAmVLq8komCPPzL4RiC36Cicvfi1KiensIkoPb/vXAtdu/QXMRsqmLuQFixbTyI0J0k6/ZFwQruyUAZQCSG09lIHpBN87cxPe+n86YM6k4xLzCI7Q84pmKfXVNc5pWUb2POiFWgPBPJb+zqOi1PNDf7I8BU1frwbzjUPrd6iyp/dScZPf6kCoa2WNTogvZXI/eLEt7WZ7rYfA+G82UJIu2Oj20CCfD9FmVRcV77SqErLNl5Ce1/HsZKWr2u1G8pVjhMiJh7zYaMpGRvgRSuf89a/3OgSZV4XInhADF88Vzhr/sMdXa1fzTn5fQPlFBZL4/twGXO2UKnIaI+EdLjmvRY70UN7KpmNL6QKWMCtJkg6Do0MXjZrn6+jByte7b/e016GLd1OnPjkcEOl1jqj7Mr4Vth4aCYZpYWPVtkBF/48Ktxw/gSwrAlh+5Ry9Qt1LYpE5G0cZPWV879wIjZgZzoZDAZnN5RH/5w9JlBQnxQGYyZoQhsMsAB85FL3GZz3WOjeyRCFgWCOLahPxYQQEgywHCIqjA9dIWmDZPLV3Q6durHVBgMsrEpMT+DujEcZdhuvR/KLyNgGG3wzbMJqgwEWgF3z5pfh8P+3ZbLRBgywAPy5eMkactwIs5l5JhtjtcEAS2Yyw985Off7JYufkF56hIScUrBOyYSUBE1ogwGWDAbvayOillVVb+JC1TN7joKgCW0wwLLL8bzo7vziclq0YiOlE8P2RrlnlFRWC5rQBgPtEje46846RUTfrKvZrYKRWb7RGfysdw8TgqABLWhCGwywbI5Crrre0/4OBQp61724x8kk4gb34D0QCRrQgia0b+RD5Dz7AxYsWD7oJYdeKl76jCmvquVk9BpLhYtoeiaVQ/CFBrSgCe0bSd6eIRIwMztupPCE9mLblj/9llpaUaMT0X4rMB1YItpP8IUGtKAJbTDsmJu7IHx0OG7+58ZPffzU5g+cxas2ecnowJSgoysbIPjAFxrQysL8Mc54p+z7Bk8Fn3V6H0l3x8lDO72/fzsSiOTNJmP8iWHSQQqiBx7f5K2t2Rsgk9kvVBDnhplqIcRYVvhPZGShOFvNOrmPZGjHr831fmfrQRXOK0TCvpkzhbARmYwN8rKKLfrJ6l0OmdR+ocKAITrNeNiEwAmgu0mG6s62NJq245+JYCR/LHUiA6QTUV65YRuvqKyVZFINQoXfnww2KfB2qJ+J1apA7qfdv/9Ap5t3aSkdezMY4+vV1fVq0arNpL34dsfNa7wTbEqWPQfyRoaq8dAd6v2DDzes9VFQRxv6xo+le7UbQvGhXrzKO9Oxy4yCOtpmFHY7NHa5bS4zt6KgPl3Yv0hy0p3/SP5XAAAAAElFTkSuQmCC") 4 4,pointer; --zeiger-gold-2:-webkit-image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEsElEQVR4nLWWW2xVRRSG18zss8+lF2rLJW2FEFCEiojFC5TAgzaQ6gMpURtiTFRMTMQiPhAfTG2gYqI8gDYmNhE1+oAEY8ODEkh9wVCIUayEtsGaBmkLgZa2nHN6bnvPLPNPD6VgS1qoK5nsycys/5vL2rOGKGvMLPFNx4ceY+YmZu5i5gQzx5m5nZk/jF+9UJwdq1BQRxv6smPiWR/4NkFrvDZMMLPAVwhh2E/Vkwq+y6n+8MXOEzR89QIJIamoZAmVLq8komCPPzL4RiC36Cicvfi1KiensIkoPb/vXAtdu/QXMRsqmLuQFixbTyI0J0k6/ZFwQruyUAZQCSG09lIHpBN87cxPe+n86YM6k4xLzCI7Q84pmKfXVNc5pWUb2POiFWgPBPJb+zqOi1PNDf7I8BU1frwbzjUPrd6iyp/dScZPf6kCoa2WNTogvZXI/eLEt7WZ7rYfA+G82UJIu2Oj20CCfD9FmVRcV77SqErLNl5Ce1/HsZKWr2u1G8pVjhMiJh7zYaMpGRvgRSuf89a/3OgSZV4XInhADF88Vzhr/sMdXa1fzTn5fQPlFBZL4/twGXO2UKnIaI+EdLjmvRY70UN7KpmNL6QKWMCtJkg6Do0MXjZrn6+jByte7b/e016GLd1OnPjkcEOl1jqj7Mr4Vth4aCYZpYWPVtkBF/48Ktxw/gSwrAlh+5Ry9Qt1LYpE5G0cZPWV879wIjZgZzoZDAZnN5RH/5w9JlBQnxQGYyZoQhsMsAB85FL3GZz3WOjeyRCFgWCOLahPxYQQEgywHCIqjA9dIWmDZPLV3Q6durHVBgMsrEpMT+DujEcZdhuvR/KLyNgGG3wzbMJqgwEWgF3z5pfh8P+3ZbLRBgywAPy5eMkactwIs5l5JhtjtcEAS2Yyw985Off7JYufkF56hIScUrBOyYSUBE1ogwGWDAbvayOillVVb+JC1TN7joKgCW0wwLLL8bzo7vziclq0YiOlE8P2RrlnlFRWC5rQBgPtEje46846RUTfrKvZrYKRWb7RGfysdw8TgqABLWhCGwywbI5Crrre0/4OBQp61724x8kk4gb34D0QCRrQgia0b+RD5Dz7AxYsWD7oJYdeKl76jCmvquVk9BpLhYtoeiaVQ/CFBrSgCe0bSd6eIRIwMztupPCE9mLblj/9llpaUaMT0X4rMB1YItpP8IUGtKAJbTDsmJu7IHx0OG7+58ZPffzU5g+cxas2ecnowJSgoysbIPjAFxrQysL8Mc54p+z7Bk8Fn3V6H0l3x8lDO72/fzsSiOTNJmP8iWHSQQqiBx7f5K2t2Rsgk9kvVBDnhplqIcRYVvhPZGShOFvNOrmPZGjHr831fmfrQRXOK0TCvpkzhbARmYwN8rKKLfrJ6l0OmdR+ocKAITrNeNiEwAmgu0mG6s62NJq245+JYCR/LHUiA6QTUV65YRuvqKyVZFINQoXfnww2KfB2qJ+J1apA7qfdv/9Ap5t3aSkdezMY4+vV1fVq0arNpL34dsfNa7wTbEqWPQfyRoaq8dAd6v2DDzes9VFQRxv6xo+le7UbQvGhXrzKO9Oxy4yCOtpmFHY7NHa5bS4zt6KgPl3Yv0hy0p3/SP5XAAAAAElFTkSuQmCC") 1x,url("data:image/png;base64,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") 2x) 4 4,pointer; --zeiger-gold-3:image-set(url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAEsElEQVR4nLWWW2xVRRSG18zss8+lF2rLJW2FEFCEiojFC5TAgzaQ6gMpURtiTFRMTMQiPhAfTG2gYqI8gDYmNhE1+oAEY8ODEkh9wVCIUayEtsGaBmkLgZa2nHN6bnvPLPNPD6VgS1qoK5nsycys/5vL2rOGKGvMLPFNx4ceY+YmZu5i5gQzx5m5nZk/jF+9UJwdq1BQRxv6smPiWR/4NkFrvDZMMLPAVwhh2E/Vkwq+y6n+8MXOEzR89QIJIamoZAmVLq8komCPPzL4RiC36Cicvfi1KiensIkoPb/vXAtdu/QXMRsqmLuQFixbTyI0J0k6/ZFwQruyUAZQCSG09lIHpBN87cxPe+n86YM6k4xLzCI7Q84pmKfXVNc5pWUb2POiFWgPBPJb+zqOi1PNDf7I8BU1frwbzjUPrd6iyp/dScZPf6kCoa2WNTogvZXI/eLEt7WZ7rYfA+G82UJIu2Oj20CCfD9FmVRcV77SqErLNl5Ce1/HsZKWr2u1G8pVjhMiJh7zYaMpGRvgRSuf89a/3OgSZV4XInhADF88Vzhr/sMdXa1fzTn5fQPlFBZL4/twGXO2UKnIaI+EdLjmvRY70UN7KpmNL6QKWMCtJkg6Do0MXjZrn6+jByte7b/e016GLd1OnPjkcEOl1jqj7Mr4Vth4aCYZpYWPVtkBF/48Ktxw/gSwrAlh+5Ry9Qt1LYpE5G0cZPWV879wIjZgZzoZDAZnN5RH/5w9JlBQnxQGYyZoQhsMsAB85FL3GZz3WOjeyRCFgWCOLahPxYQQEgywHCIqjA9dIWmDZPLV3Q6durHVBgMsrEpMT+DujEcZdhuvR/KLyNgGG3wzbMJqgwEWgF3z5pfh8P+3ZbLRBgywAPy5eMkactwIs5l5JhtjtcEAS2Yyw985Off7JYufkF56hIScUrBOyYSUBE1ogwGWDAbvayOillVVb+JC1TN7joKgCW0wwLLL8bzo7vziclq0YiOlE8P2RrlnlFRWC5rQBgPtEje46846RUTfrKvZrYKRWb7RGfysdw8TgqABLWhCGwywbI5Crrre0/4OBQp61724x8kk4gb34D0QCRrQgia0b+RD5Dz7AxYsWD7oJYdeKl76jCmvquVk9BpLhYtoeiaVQ/CFBrSgCe0bSd6eIRIwMztupPCE9mLblj/9llpaUaMT0X4rMB1YItpP8IUGtKAJbTDsmJu7IHx0OG7+58ZPffzU5g+cxas2ecnowJSgoysbIPjAFxrQysL8Mc54p+z7Bk8Fn3V6H0l3x8lDO72/fzsSiOTNJmP8iWHSQQqiBx7f5K2t2Rsgk9kvVBDnhplqIcRYVvhPZGShOFvNOrmPZGjHr831fmfrQRXOK0TCvpkzhbARmYwN8rKKLfrJ6l0OmdR+ocKAITrNeNiEwAmgu0mG6s62NJq245+JYCR/LHUiA6QTUV65YRuvqKyVZFINQoXfnww2KfB2qJ+J1apA7qfdv/9Ap5t3aSkdezMY4+vV1fVq0arNpL34dsfNa7wTbEqWPQfyRoaq8dAd6v2DDzes9VFQRxv6xo+le7UbQvGhXrzKO9Oxy4yCOtpmFHY7NHa5bS4zt6KgPl3Yv0hy0p3/SP5XAAAAAElFTkSuQmCC") 1x,url("data:image/png;base64,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") 2x) 4 4,pointer; } body{cursor:var(--zeiger-1);cursor:var(--zeiger-2);cursor:var(--zeiger-3)} /* Alles, was sich anklicken lässt — auch das, was kein Link und kein Knopf ist: aufklappbare Überschriften, die Lupe, Schließkreuze. */ a,button,summary,label,select, .chip,.kachel,.farbkachel,.card,.tile,.icon,[role="button"], .acc h3,.acc h3 .plus, .pgal .main,.pgal .main img,.lupe, .lupe-voll,.lupe-voll img,.lupe-voll img.zoom,.lupe-voll .zu, .woocommerce-product-gallery__image, .woocommerce-product-gallery__image a, .woocommerce-product-gallery__image img, .woocommerce-product-gallery__trigger{ cursor:var(--zeiger-gold-1);cursor:var(--zeiger-gold-2);cursor:var(--zeiger-gold-3); } input,textarea{cursor:text} @media(hover:none){ body,a,button,.chip,.kachel,.farbkachel,.card,.tile,.icon{cursor:auto} } /* ===================================================================== ÜBERGÄNGE — weiche Wellen zwischen zwei Farbflächen Nach dem Vorbild: keine harte Kante zwischen zwei Farben, sondern eine unregelmäßige, wolkige Form. Bewusst nicht gleichmäßig gewellt — eine kleine Spitze aus der Mitte macht sie handgezeichnet statt technisch. `.welle` steht zwischen zwei Abschnitten. Die Klasse „von-…" bestimmt die Farbe der oberen Fläche, denn die Welle hängt von oben herunter. ===================================================================== */ .welle{ height:var(--welle-h); /* Ein Pixel Überlappung nach oben und unten: sonst blitzt zwischen Welle und Abschnitt eine haarfeine Linie durch. */ margin:-1px 0;padding:0;position:relative;z-index:2; -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%2084%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%200H1200V44C1132%2042%201092%2068%201024%2072C974%2075%20944%2060%20902%2056C876%2054%20858%2040%20840%2034C822%2042%20806%2058%20776%2064C706%2079%20642%2072%20562%2068C482%2064%20432%2082%20352%2080C282%2078%20242%2062%20172%2060C112%2058%2058%2074%200%2070Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% 100%; mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%2084%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M0%200H1200V44C1132%2042%201092%2068%201024%2072C974%2075%20944%2060%20902%2056C876%2054%20858%2040%20840%2034C822%2042%20806%2058%20776%2064C706%2079%20642%2072%20562%2068C482%2064%20432%2082%20352%2080C282%2078%20242%2062%20172%2060C112%2058%2058%2074%200%2070Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") no-repeat center/100% 100%; } /* Nur die obere Farbfläche wird gezeichnet, der ausgesparte Teil bleibt durchsichtig — dahinter liegt der Seitenverlauf. Deshalb braucht die Welle keine zweite Farbe. */ .welle{background:transparent} .welle.von-blass{background:var(--gruen-blass-2)} .welle.von-gruen{background:var(--gruen-tief)} .welle.von-oliv{background:#4E5740} /* Umgekehrter Fall: Die untere Fläche ist die farbige. Dann wird die Welle gekippt und trägt deren Farbe — sie ragt von unten herauf. */ .welle.hoch{transform:scaleY(-1)} .welle.nach-oliv{background:#68724F} .welle.nach-gruen{background:var(--gruen)} /* Über der Welle liegt normalerweise die Seitenfarbe — der ausgesparte Teil zeigt sie. Grenzt oben aber ein farbiger Abschnitt an, blitzte dort die Seitenfarbe als heller Streifen durch. Dann wird die Welle um ihre eigene Höhe nach oben geschoben und liegt über dem Abschnitt. */ .welle.ueberlappt{margin-top:calc(-1 * var(--welle-h) - 1px)} /* Wo eine Welle die Kante übernimmt, entfällt die Spitzenborte — beides zusammen wäre eine Kante zu viel. */ .wand.blass::after, .textbanner::after{display:none} /* ===================================================================== WILLKOMMEN — gerahmte Karte über einem Werkstattfoto Vorher: drei kleine runde Perlenbilder, viel Leerraum, Text verloren in der Fläche. Die Nahaufnahmen waren zudem sehr bunt und unruhig. Jetzt ein ruhiges Werkstattfoto über die volle Breite, darüber eine Karte mit Goldrahmen und Eckzierat, die ins Foto hineinragt. ===================================================================== */ .willkommen{ padding:0 0 clamp(40px,5vw,80px); background:linear-gradient(180deg,var(--gruen-blass) 0%,var(--gruen-blass-2) 100%); position:relative;isolation:isolate; } .willkommen::before{display:none} /* das Herz-Wasserzeichen entfällt hier */ .willkommen-foto{overflow:hidden;line-height:0} .willkommen-foto img{ width:100%;height:clamp(180px,24vw,340px);object-fit:cover;object-position:center 62%; } .willkommen-karte{ position:relative; /* Keine eigene Höchstbreite: Die Karte soll genauso breit sein wie die Newsletter-Karte darüber. Beide sitzen im selben .wrap, ein eigener Wert ließ sie schmaler wirken und die beiden Blöcke sprangen. */ margin:clamp(-120px,-11vw,-70px) auto 0; background:var(--bg-3); padding:clamp(30px,4vw,58px) clamp(24px,4vw,66px) clamp(26px,3.4vw,46px); border-radius:var(--radius); box-shadow:0 24px 56px rgba(70,60,35,.22); text-align:center; } /* Doppelte Goldlinie innen */ /* Ohne Foto darüber gibt es nichts zu überlappen — der negative Rand schöbe die Karte sonst unter die Welle davor. */ .willkommen.ohne-foto .willkommen-karte{margin-top:clamp(24px,3vw,48px)} .willkommen-karte::before{ content:"";position:absolute;inset:11px;pointer-events:none; border:1px solid var(--gold);opacity:.45;border-radius:calc(var(--radius) - 4px); } .willkommen-karte .ecke{ position:absolute;width:40px;height:40px;background:var(--gold);opacity:.7; -webkit-mask:var(--orn-eckspray) no-repeat center/contain; mask:var(--orn-eckspray) no-repeat center/contain; } .willkommen-karte .ecke.ol{top:16px;left:16px} .willkommen-karte .ecke.or{top:16px;right:16px;transform:scaleX(-1)} .willkommen-karte .ecke.ul{bottom:16px;left:16px;transform:scaleY(-1)} .willkommen-karte .ecke.ur{bottom:16px;right:16px;transform:scale(-1)} .willkommen-karte h2{ font-family:var(--script);font-weight:400;color:var(--accent); font-size:clamp(30px,4vw,50px);line-height:1.15;margin-bottom:12px; } .willkommen .lead{ font-family:var(--hand);color:var(--ink); font-size:clamp(17px,1.9vw,21px);line-height:1.5; max-width:46ch;margin:0 auto clamp(20px,2.6vw,30px); } .willkommen-spalten{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px); text-align:left;margin:0 auto;max-width:1000px; } .willkommen-spalten p{margin:0;font-size:15.5px;line-height:1.7;color:var(--muted)} .willkommen-sig{ font-family:var(--script);color:var(--accent); font-size:clamp(26px,3vw,38px);line-height:1;margin-top:clamp(20px,2.6vw,32px); } @media(max-width:760px){ .willkommen-karte{margin-top:-46px;padding:26px 20px 24px} .willkommen-spalten{grid-template-columns:1fr;gap:12px;text-align:center} .willkommen-karte .ecke{width:28px;height:28px} } /* Welle, die von unten ins Creme hineinragt */ .welle.nach-blass{background:var(--gruen-blass)} /* Gespiegeltes Kachelbild — zweimal dasselbe Foto nebeneinander fiele auf */ .kachel-bild.gespiegelt img{transform:scaleX(-1)} .kachel:hover .kachel-bild.gespiegelt img{transform:scaleX(-1) scale(1.07)} /* ===================================================================== UNTERSEITEN — Seitenkopf, Karten, Produktseite Der Kopfbereich war schon auf dem neuen Stand, der Inhalt darunter noch im alten, flachen Aufbau: linksbündige Überschrift auf Creme, Abschnitte ohne Kante, Karten ohne Rahmen. Hier bekommen die Unterseiten dieselben Bausteine wie die Startseite. ===================================================================== */ /* ---------- Seitenkopf ---------- Sitzt als blasses Feld zwischen dem grünen Kopfbereich und dem cremen Inhalt und übernimmt Spitzenborte und Eckzierat der Kachelwand — die Klassen „wand blass" bringt er im Markup schon mit. */ .seitenkopf{text-align:center;padding:clamp(34px,4.4vw,62px) 0 clamp(40px,5vw,72px)} .seitenkopf .crumb{ font-family:var(--body);font-size:12.5px;letter-spacing:.16em; text-transform:uppercase;color:#5C6A50;margin-bottom:clamp(10px,1.4vw,18px); } .seitenkopf .crumb a{color:inherit;text-decoration:none} .seitenkopf .crumb a:hover{text-decoration:underline} .seitenkopf h1{ font-family:var(--script);font-weight:400;color:var(--accent); font-size:clamp(38px,5.8vw,72px);line-height:1.12;letter-spacing:0; max-width:22ch;margin:0 auto; } .seitenkopf>.wrap>p{ font-family:var(--hand);color:var(--muted); font-size:clamp(15.5px,1.6vw,18px);line-height:1.6; max-width:52ch;margin:clamp(10px,1.4vw,18px) auto 0; } /* ---------- Karten ---------- Ersetzt die früheren Textspalten ohne Rahmen. Auf blassem Grün heben sich die cremen Karten ab, das war vorher Text auf Text. */ .karten{display:grid;gap:clamp(18px,2.4vw,30px)} .karten.zwei{grid-template-columns:repeat(2,1fr)} .karten.drei{grid-template-columns:repeat(3,1fr)} .karte{ position:relative;background:var(--bg-3); border:1px solid var(--line);border-radius:var(--radius); padding:clamp(22px,2.6vw,34px); box-shadow:0 14px 34px rgba(80,60,30,.10); } .karte .nr{ font-family:var(--script);font-weight:400;line-height:1; font-size:clamp(30px,3.4vw,46px);color:var(--accent-soft);margin-bottom:4px; } .karte h3{ font-family:var(--display);font-weight:600;color:var(--accent); font-size:clamp(19px,1.9vw,23px);line-height:1.25;margin-bottom:8px; } .karte h3 .zusatz{ font-family:var(--body);font-weight:500;font-size:14px;color:var(--muted); } .karte p{color:var(--muted);font-size:15.5px;line-height:1.62} /* Rechtlicher Nachsatz in einer Karte — muss lesbar sein, aber dem Werbetext nicht die Aufmerksamkeit nehmen. */ .karte p.klein{font-size:14px;margin-top:.7em;opacity:.85} @media(max-width:900px){ .karten.drei{grid-template-columns:repeat(2,1fr)} } @media(max-width:620px){ .karten.zwei,.karten.drei{grid-template-columns:1fr} } /* ---------- Produktseite ---------- Bild und Angaben standen frei auf der Fläche. Jetzt liegen beide auf einer cremen Karte mit Eckzierat, wie die Willkommen-Karte. */ .pdp-karte{ position:relative;background:var(--bg-3); border-radius:var(--radius); padding:clamp(22px,3vw,44px); box-shadow:0 20px 48px rgba(80,60,30,.14); margin-top:clamp(18px,2.4vw,30px); } .pdp-karte .ecke{ position:absolute;width:38px;height:38px;background:var(--gold); opacity:.5;pointer-events:none; -webkit-mask:var(--orn-eckspray) no-repeat center/contain; mask:var(--orn-eckspray) no-repeat center/contain; } .pdp-karte .ecke.ol{top:12px;left:12px} .pdp-karte .ecke.or{top:12px;right:12px;transform:scaleX(-1)} .pdp-karte .ecke.ul{bottom:12px;left:12px;transform:scaleY(-1)} .pdp-karte .ecke.ur{bottom:12px;right:12px;transform:scale(-1)} @media(max-width:620px){.pdp-karte .ecke{display:none}} /* Rechtstexte behalten denselben Kopf, aber in Fraunces statt Schreibschrift: „Allgemeine Geschäftsbedingungen" in Parisienne ist schwer zu lesen, und diese Seiten sollen sachlich wirken. */ .seitenkopf.sachlich h1{ font-family:var(--display);font-weight:600; font-size:clamp(28px,3.6vw,46px);letter-spacing:-.01em; } /* ---------- Brotkrume ohne Seitenkopf ---------- Die Produktseite hat keinen Seitenkopf — der Titel steht neben dem Bild. Dadurch klebte die Brotkrume an der Kante des Kopfbereichs: oben deutlich weniger Luft als bis zur Karte darunter. */ section[data-pdp],.pdp-seite{padding-top:clamp(26px,3.4vw,46px)} section[data-pdp]>.crumb,.pdp-seite>.crumb{ font-family:var(--body);font-size:12.5px;letter-spacing:.16em; text-transform:uppercase;color:var(--muted);margin:0 0 4px; } section[data-pdp]>.crumb a,.pdp-seite>.crumb a{color:inherit;text-decoration:none} section[data-pdp]>.crumb a:hover,.pdp-seite>.crumb a:hover{text-decoration:underline} /* ===================================================================== SHOP MIT FILTERSPALTE Die Filter lagen als drei Zeilen über dem Raster. Bei 348 Artikeln scrollt man sie beim Blättern sofort weg. Jetzt stehen sie wie im Vorbild links in einer eigenen Spalte und bleiben beim Scrollen stehen. Markup und Skript sind unverändert — nur die Anordnung. ===================================================================== */ :root{--filterspalte:clamp(196px,18vw,264px)} .katalog{ display:grid;grid-template-columns:var(--filterspalte) 1fr; gap:clamp(22px,3vw,44px);align-items:start; } .katalog .grid{grid-template-columns:repeat(3,1fr)} @media(max-width:1240px){.katalog .grid{grid-template-columns:repeat(2,1fr)}} .filterspalte{ position:sticky;top:14px; /* Die Spalte ist höher als der Bildschirm. Klebt sie nur oben fest, bleibt ihr unteres Ende — Preis und die letzten Farben — für die ganze Länge des Rasters unerreichbar. Deshalb bekommt sie eine eigene Bildlaufleiste, sobald sie nicht mehr ganz hineinpasst. */ max-height:calc(100vh - 28px); overflow-y:auto;overscroll-behavior:contain; background:var(--bg-3);border:1px solid var(--line); border-radius:var(--radius); --fp-seite:clamp(12px,1.2vw,18px);--fp-unten:clamp(14px,1.4vw,20px); padding:clamp(16px,1.6vw,22px) var(--fp-seite) var(--fp-unten); box-shadow:0 14px 34px rgba(80,60,30,.09); scrollbar-width:thin;scrollbar-color:var(--line) transparent; } .filterspalte:focus-visible{outline:2px solid var(--gruen-tief);outline-offset:2px} /* Solange unten etwas verdeckt ist, steht dort „mehr Filter ↓", und die letzten Einträge laufen darunter weich aus. Eine saubere Kante liest sich als Ende der Liste — genau das war das Missverständnis. Der Hinweis klebt am unteren Rand der Spalte (sticky), verschwindet aber, sobald man unten angekommen ist: ein Hinweis, der dann noch dasteht, verwirrt mehr als er hilft. Die Klasse setzt app.js beim Scrollen. */ .filter-mehr{ position:sticky;bottom:calc(-1 * var(--fp-unten)); margin:6px calc(-1 * var(--fp-seite)) calc(-1 * var(--fp-unten)); padding:22px 0 calc(var(--fp-unten) + 4px); text-align:center;pointer-events:none; font-family:var(--body);font-size:11.5px;letter-spacing:.16em; text-transform:uppercase;color:var(--gruen-tief); /* durchsichtig → Papierfarbe; color-mix, damit die Farbe aus der Variablen kommt und nicht doppelt im Code steht */ background:linear-gradient(180deg,color-mix(in srgb,var(--bg-3) 0%,transparent) 0%,var(--bg-3) 55%); opacity:0;transition:opacity .25s; } .filterspalte.hat-mehr .filter-mehr{opacity:1} @media(prefers-reduced-motion:reduce){.filter-mehr{transition:none}} .filterspalte::-webkit-scrollbar{width:8px} .filterspalte::-webkit-scrollbar-thumb{ background:var(--line);border-radius:99px; border:2px solid var(--bg-3); } .filterspalte::-webkit-scrollbar-track{background:transparent} .filterkopf{ font-family:var(--script);font-size:30px;line-height:1; color:var(--accent);text-align:center; margin:0 0 14px;padding-bottom:12px; border-bottom:1px solid var(--line); } /* Die Gruppen aus der Querleiste werden hier untereinander gestellt. */ .filterspalte .filters{ display:block;border:0;padding:0;margin:0 0 14px; } .filterspalte .filters+.filters{ border-top:1px solid var(--line);padding-top:14px; } .filterspalte .flabel{ display:block;line-height:1.3;margin:0 0 8px;padding-left:10px; font-family:var(--display);font-weight:600;font-size:12px; letter-spacing:.16em;color:var(--gruen-tief); } .filterspalte .chipwrap{display:block} /* In der schmalen Spalte sind Pillen zu eng. Die Einträge werden Zeilen über die volle Breite — lesbar und mit 44 px Klickfläche. */ .filterspalte .chip{ display:flex;align-items:center;gap:9px; width:100%;text-align:left; background:transparent;border:0;border-radius:9px; padding:0 10px;min-height:44px; font-size:14.5px;font-weight:500;color:var(--ink); } .filterspalte .chip:hover{background:var(--gruen-blass)} .filterspalte .chip[aria-pressed="true"]{ background:var(--gruen-blass-2);color:#3E4A34;font-weight:600; } /* Häkchen nur im gewählten Zustand — ein leerer Kasten davor würde eine Mehrfachauswahl versprechen, die es hier nicht gibt. */ .filterspalte .chip[aria-pressed="true"]::after{ content:"✓";margin-left:auto;color:var(--gruen-tief);font-size:13px; } /* Farbpunkte vor den Farbnamen. Die Werte sind die Sammelfarben aus dem Katalog, bewusst gedeckt gehalten. */ .filterspalte .chip[data-f="color"]::before{ content:"";width:15px;height:15px;border-radius:50%;flex:0 0 auto; box-shadow:inset 0 0 0 1px rgba(28,23,20,.22); /* Rückfall für Farben, die Tina später anlegt und die unten noch keinen eigenen Ton haben — ein leerer Kreis statt gar nichts. */ background:var(--bg-2); } .filterspalte .chip[data-v="Blau"]::before{background:#3F5D9E} .filterspalte .chip[data-v="Türkis"]::before{background:#4FA9A5} .filterspalte .chip[data-v="Grün"]::before{background:#6E8B4E} .filterspalte .chip[data-v="Rosa/Pink"]::before{background:#D98BA6} .filterspalte .chip[data-v="Rot"]::before{background:#A83A2E} .filterspalte .chip[data-v="Gelb/Orange"]::before{background:#E0A03C} .filterspalte .chip[data-v="Lila"]::before{background:#7C5AA6} .filterspalte .chip[data-v="Gold/Braun"]::before{background:#A87F35} .filterspalte .chip[data-v="Weiß/Creme"]::before{background:#F4EEE1} .filterspalte .chip[data-v="Silber/Grau"]::before{background:#A9AAA6} .filterspalte .chip[data-v="Schwarz"]::before{background:#2B2724} .filterspalte .chip[data-v="Bunt"]::before{ background:conic-gradient(#A83A2E,#E0A03C,#6E8B4E,#4FA9A5,#3F5D9E,#7C5AA6,#A83A2E); } .filterspalte .freset{ display:block;width:100%;text-align:center; margin-top:4px;padding:10px 0;min-height:44px; border-top:1px solid var(--line);border-bottom:0; } /* Über dem Raster bleibt nur Anzahl und Sortierung stehen. */ .katalogseite .fbar{margin-bottom:18px} .katalogseite .fcount{margin-left:0} /* Unter 900 px steht die Spalte über dem Raster und die Einträge liegen wieder nebeneinander — untereinander wären zwölf Farben ein halber Bildschirm. */ @media(max-width:900px){ .katalog{grid-template-columns:1fr} .katalog .grid{grid-template-columns:repeat(2,1fr)} /* Über dem Raster braucht die Spalte keine eigene Bildlaufleiste. */ .filterspalte{position:static;max-height:none;overflow:visible} .filterspalte .chipwrap{display:flex;flex-wrap:wrap;gap:8px} .filterspalte .chip{ width:auto;border:1.5px solid var(--line); border-radius:100px;padding:0 15px;background:var(--bg-3); } .filterspalte .chip[aria-pressed="true"]{border-color:var(--gruen-tief)} .filterspalte .chip[aria-pressed="true"]::after{display:none} } /* Rasterspalten dürfen schmaler werden als ihr Inhalt — sonst sprengen lange Produktnamen die Spalte und die Seite bekommt am Handy einen waagrechten Scrollbalken. */ .katalog>*,.katalog .grid>*{min-width:0} /* ---------- Zitat auf der Startseite ---------- Stand vorher als Inline-Stil im HTML. Im Theme braucht es eine Klasse, sonst müsste dieselbe Gestaltung in der PHP-Datei noch einmal stehen. */ .zitat-gross{ font-family:var(--script);font-weight:400;color:var(--accent); font-size:clamp(34px,5vw,58px);line-height:1.16; max-width:18ch;margin:14px auto 0; } .zitat-quelle{color:var(--muted);max-width:50ch;margin:20px auto 0;font-size:16px} /* Fußnote unter einem Kartenfeld — stand vorher als Inline-Stil im HTML. */ .karten-fussnote{ color:var(--muted);font-size:14.5px;line-height:1.6; max-width:70ch;margin:26px auto 0;text-align:center; } /* ---------- Klickflächen am Handy ---------- Die Textlinks in der Servicezeile und im Fuß waren nur 18–21 px hoch. Mit der Maus trifft man das, mit dem Daumen nicht zuverlässig — 44 px sind das Maß, das Apple und Google beide nennen. Die Zeilenabstände bleiben optisch gleich, die Fläche darum wächst. */ @media(max-width:700px){ .service .wrap>a, .service-l .tel{ display:inline-flex;align-items:center; min-height:44px;padding:0 2px; } .service .wrap{row-gap:0} .service .wrap>a+a{padding-left:14px} footer ul a, footer .fbrand .contact{ display:inline-flex;align-items:center;min-height:44px; } footer ul li{margin-bottom:0} /* Restliche Knöpfe und Textlinks, die knapp darunter lagen */ .stoerer .btn, .link-more, footer .fbrand .logo{ display:inline-flex;align-items:center;min-height:44px; } } /* ---------- Sticky-Leiste am unteren Rand ---------- Sie steht auf „links:12 / rechts:12", war am Handy aber trotzdem breiter als der Bildschirm: Text und Knopf zusammen ergeben eine Mindestbreite, die die Leiste auseinandergedrückt hat. Jetzt darf der Text schrumpfen und notfalls mit „…" enden — die Zahl daneben ist die Nebensache, der Knopf muss ganz sichtbar bleiben. */ @media(max-width:760px){ .mcta{max-width:calc(100vw - 24px);box-sizing:border-box} .mcta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mcta .btn{flex:0 0 auto} /* Klickflächen in den Produktkacheln und in der Filterspalte */ .card .wish{width:44px;height:44px} .card .add{min-height:44px} .fbar select{min-height:44px} /* Die Pillen kamen auf 43 px — ein Pixel unter dem Maß. */ .chip{min-height:44px} /* iOS zoomt beim Antippen in jedes Feld, dessen Schrift unter 16 px liegt. Danach steht die Seite verschoben da und man muss von Hand zurückzoomen. 16 px verhindert das. */ input,select,textarea, .field input,.field textarea, .nlform input{font-size:16px} .seitenkopf .crumb a, .pdp-seite>.crumb a, section[data-pdp]>.crumb a{display:inline-block;padding:12px 0} .pgal .lupe{width:44px;height:44px} } /* ---------- Hakenliste ---------- „ca. 10 Worte · + 5 €" war ein eigenes Flex-Element und stand deshalb als zweite Spalte neben dem Text — am Handy brach dort das „€" allein um. Jetzt läuft der Zusatz im selben Textfluss weiter, der Haken hängt als Marke links daneben. */ .ticks li{ display:block;position:relative;padding-left:26px; } .ticks li>.c{position:absolute;left:0;top:0;line-height:inherit} .ticks li .muted{ display:inline; /* Als Ganzes umbrechen: „ca." allein am Zeilenende sah aus wie ein Fehler. */ white-space:nowrap; } /* ===================================================================== RÜCKMELDUNG MARTINA, 25.08.2026 Aus dem WhatsApp-Verlauf: „Das Gerüst der Webseite ist Toll, die Farben und Schrift sagt uns sehr zu." Danach elf Einzelwünsche. Hier die, die reine Gestaltung sind. ===================================================================== */ /* ---------- 1. Störer: auf 70 % der Breite ---------- Ursprünglich „kleiner und mehr rechts", weil der Kreis am Handy fast das ganze Saisonbild einnahm und Schale und Perlen verdeckte. Am 08.09.2026 hat Lukas die gewünschte Lage auf zwei Bildschirmfotos eingezeichnet, einmal Rechner, einmal Handy. Ausgemessen über den bekannten Durchmesser des Kreises als Maßstab lagen beide Markierungen fast auf demselben Wert: Mitte bei 71,4 % beziehungsweise 68,7 % der Fensterbreite. Daraus wird eine gemeinsame Regel: Der Kreis steht auf 70 % — weit genug rechts, dass Schale, Perlen und Werkzeug links frei liegen, und weit genug vom Rand weg, dass er nicht angeklebt wirkt. Er wird deshalb über `left` gesetzt und nicht mehr über einen Abstand zum rechten Rand: Ein fester Abstand wandert mit der Fensterbreite, ein Prozentwert hält die Lage im Bild. */ .stoerer{ width:clamp(240px,25vw,320px); left:70%; right:auto; transform:translate(-50%,-50%); /* Der Inhalt bemisst sich ab hier am Kreis, nicht am Fenster. Vorher hingen die Schriftgrößen an vw, die Breite des Kreises aber an einem clamp mit anderen Grenzen. Ab einer gewissen Fensterbreite war der Text höher als der Kreis breit, aspect-ratio:1 gab nach, und aus dem Kreis wurde ein Ei — zwischen rund 760 und 1080 px. Mit cqw (Prozent der Kreisbreite) bleibt das Verhältnis in jeder Größe gleich, da ist nichts mehr zu treffen. Achtung bei cqw: Die Einheit bezieht sich immer auf den nächsten Container OBERHALB. Im Störer selbst zählt sie also nicht den Störer, sondern fällt aufs Fenster zurück — das Innenmaß bleibt deshalb in vw, nur die Kindelemente rechnen in cqw. */ container-type:inline-size; /* Innenabstand steht auf 0 und wird von den Kindern übernommen: Ein Padding in vw wächst nicht mit dem Kreis, und dann klebte der Text oben und unten am Rand, sobald der Kreis kleiner wurde. */ padding:0; } .stoerer>*{max-width:76cqw} /* Die Anlasszeile ist breit und steht weit oben im Kreis — dort ist der Kreis schon schmal, und der gestrichelte Ring lief mitten durch die Schrift. Deshalb schmaler und ein Stück tiefer als der Rest. */ .stoerer-klein{ margin-top:10cqw; max-width:62cqw; font-size:max(9px,3.4cqw); margin-bottom:3cqw;padding-bottom:2.4cqw; } .stoerer-gross{font-size:14cqw} .stoerer-text{font-size:max(11.5px,4.6cqw);margin-top:2.5cqw;max-width:min(17ch,76cqw)} .stoerer .btn{ margin-top:3cqw;margin-bottom:8cqw; /* 44 px ist die Untergrenze für Klickflächen — die neue Regel hier stand nach der Mobilregel und hatte sie auf 40 px zurückgesetzt. */ min-height:max(44px,13cqw); font-size:max(12px,4.2cqw); padding:0 6cqw; } .stoerer::before{inset:5cqw} @media(max-width:560px){ /* Am Handy wirkte der Kreis überdimensional — 250 px sind auf einem 390er Bildschirm 64 % der Breite. Lukas' Markierung entsprach rund 198 px, hier gerundet auf 205. Kleiner geht aber nicht, indem man nur den Kreis schrumpft: Die Schriften rechnen zwar in cqw mit, haben aber Untergrenzen (9 px, 11,5 px, 12 px), und bei 250 px lagen bereits drei von vier auf dieser Grenze. Der Kreis wurde dann kleiner, die Schrift nicht — bei 215 px stieß „KOLLEKTION 2026" oben in den gestrichelten Ring. Deshalb sinkt hier das ganze Innenmaß mit: kleinere Untergrenzen, engere Abstände, weniger Sperrung in der Anlasszeile. Nachgemessen wird nicht die Höhe, sondern der Abstand jeder Ecke zum Mittelpunkt gegen den Innenradius — bei einem Kreis ist oben und unten weniger Platz als in der Mitte, eine reine Höhenrechnung übersieht das. Ergebnis bei 320, 390 und 560 px Fensterbreite: 3 bis 5 px Luft zum Ring, nichts stößt an. Nebenwirkung, die gefällt: „Hallo Herbst!" passt jetzt auf eine Zeile statt auf zwei. */ /* Etwas höher als die Mitte (Lukas, 08.09.2026): Er hat die gewünschte Oberkante auf dem Bildschirmfoto eingezeichnet, das sind 30 px über der bisherigen Lage. Unten hat das Foto mehr zu zeigen — Schale, Perlen und Werkzeug liegen im unteren Drittel —, oben ist nur Tuch. Als Prozentwert, damit es bei höherem Saisonbild mitwandert. */ /* 185 statt 205 px (Lukas, 08.09.2026: „noch etwas kleiner"). Die Lage sollte dabei bleiben, wo sie war — deshalb wandert `top` von 43 auf 41 %: Bei mittiger Verankerung rutscht die Oberkante nach unten, sobald der Kreis schrumpft. So bleibt sie bei rund 70 px unter der Fotokante stehen, also genau auf der eingezeichneten Linie. Nach unten begrenzt auf 175 px: Darunter stoßen die Zeilen an den gestrichelten Ring, weil die Schriften ihre Untergrenzen erreichen und nicht weiter mitschrumpfen. */ .stoerer{width:clamp(175px,50vw,185px);top:41%} .stoerer-klein{ margin-top:5cqw;max-width:52cqw; font-size:max(8px,3.2cqw);letter-spacing:.12em; margin-bottom:2cqw;padding-bottom:1.6cqw; } /* 12,5 statt 13 cqw. „Hallo Herbst!" ist die breiteste Zeile und lag als einzige noch bei 2 px am Ring; diese halbe Einheit bringt sie auf 5 px und lässt sie trotzdem auf einer Zeile. */ .stoerer-gross{font-size:12.5cqw} .stoerer-text{font-size:max(10px,4.3cqw);margin-top:2cqw;max-width:min(16ch,72cqw)} .stoerer .btn{ margin-top:2.5cqw;margin-bottom:4cqw; font-size:max(11px,3.9cqw);padding:0 3.5cqw; /* min-height bleibt bei 44 px — das ist die Untergrenze für Klickflächen und wird hier nicht angetastet. */ } } /* ---------- 2. Vertrauensleiste: deutlicher ---------- „Schrift etwas deutlicher". Die Schriften bleiben — sie gefallen ihr ausdrücklich. Geändert wird, was das Lesen erschwert: Parisienne ist eine dünne Schreibschrift und braucht Größe, und die Unterzeile stand im hellen --muted. Das Grau ist jetzt dunkler (7:1 statt 4,6:1). */ .trust-it b{ font-size:clamp(25px,2.7vw,34px); letter-spacing:.01em; } .trust-it span{ color:#584F44; font-size:clamp(15px,1.5vw,17.5px); } /* ---------- 4. Bilderrahmen für die Kategoriekacheln ---------- „statt dieser Rahmen … verschiedene Bilderrahmen", dazu Fotos geschnitzter Goldrahmen: „einmal rund einmal rechteckig einmal oval, so wie es zum Bild passt." Der erste Anlauf war ein Zierat AN der Kachel — Krone oben, Sockel unten. Gemeint war aber ein Rahmen UM das Bild. Jetzt liegt über jeder Kachel ein vollständig gezeichneter Rahmen, und das Foto sitzt in dessen Öffnung. Wie das zusammenpasst: Jeder Rahmen ist auf einer Fläche 200 × 214 gezeichnet. Prozentwerte für Rand und Abstand beziehen sich in CSS auf die BREITE des Elternelements — also lassen sich die Maße der Öffnung direkt als Prozent der 200 Einheiten eintragen. Verschiebt jemand in zeichnen.py die Öffnung, müssen die vier Werte hier mit. --f-seite linker/rechter Rand der Öffnung --f-oben oberer Rand --f-ar Seitenverhältnis der Öffnung --f-unten Abstand des Namens, so gewählt, dass alle Namen einer Reihe auf gleicher Höhe stehen (Summe je 112 %) --f-rund Eckenrundung, folgt der Innenkontur des Rahmens */ .kachel{ /* Maße der Bildöffnung, als Prozent der Rahmenbreite. Sie stammen aus der Tabelle in Bilder/Ornamente/zeichnen.py — wird dort etwas verschoben, müssen sie hier mit. Errechnet, nicht abgeschätzt. */ --f-seite:18.103%; --f-oben:22.414%; --f-ar:148/152; --f-unten:24.069%; --f-rund:5px; --f-rahmen:var(--orn-rahmen-bogen); } .kachel.form-bogen{ /* Rundbogen: gerade Flanken, oben ein Halbkreis mit r = halbe Breite. 74 von 152 Einheiten Höhe = 48,7 %. */ --f-rund:50% 50% 3px 3px/48.7% 48.7% 3px 3px; --f-rahmen:var(--orn-rahmen-bogen); } .kachel.form-eck{ --f-seite:18.103%; --f-oben:22.414%; --f-ar:148/152; --f-unten:24.069%; --f-rund:4px; --f-rahmen:var(--orn-rahmen-eck); } /* Querformat, für die Geldgeschenkkarten: breite Täfelchen wurden in der fast quadratischen Öffnung von „eck" seitlich angeschnitten. */ .kachel.form-quer{ --f-seite:16.379%; --f-oben:28.448%; --f-ar:156/120; --f-unten:31.828%; --f-rund:4px; --f-rahmen:var(--orn-rahmen-quer); } .kachel.form-oval{ --f-seite:24.138%; --f-oben:21.552%; --f-ar:120/156; --f-unten:23.207%; --f-rund:50%; --f-rahmen:var(--orn-rahmen-oval); } .kachel.form-rund{ --f-seite:18.103%; --f-oben:23.276%; --f-ar:148/148; --f-unten:24.931%; --f-rund:50%; --f-rahmen:var(--orn-rahmen-rund); } /* ---------- Größe der Rahmen ---------- Beim Vergrößern der Zeichenfläche (damit die Zierate nicht abgeschnitten werden) ist die eigentliche Rahmenleiste kleiner geworden: Sie nahm erst 82 %, dann 77 %, zuletzt nur noch 71 % der Kachelbreite ein. Lukas ist das aufgefallen. --f-gross zieht den Rahmen über die Spaltenbreite hinaus und stellt das wieder her. 1,10 entspricht dem Stand, den er abgenommen hat. Der Überstand ragt in den Rasterabstand hinein; die Zierate benachbarter Kacheln kommen sich dabei nicht ins Gehege (nachgemessen, siehe unten). Alle Maße unten sind Prozent der Kachelbreite und werden deshalb mit demselben Faktor multipliziert. */ .kacheln{--f-gross:1.10} @media(max-width:900px){ /* Zweispaltig sind die Kacheln breiter, der Rasterabstand aber schmaler — bei 1,10 berührten sich die Zierate benachbarter Rahmen. */ .kacheln{--f-gross:1.06} } @media(max-width:520px){ /* Einspaltig gibt es keinen Rasterabstand, aber den Seitenrand der Seite. 1,08 nutzt ihn aus, ohne dass der Rahmen aus der Seite läuft (nachgemessen bei 375 px: Rahmen 6,5 px vom linken Rand entfernt). */ .kacheln{--f-gross:1.08} } .kachel-bild{ margin-left:calc((1 - var(--f-gross)) * 50% + var(--f-gross) * var(--f-seite)); margin-right:calc((1 - var(--f-gross)) * 50% + var(--f-gross) * var(--f-seite)); margin-top:calc(var(--f-gross) * var(--f-oben)); aspect-ratio:var(--f-ar); border-radius:var(--f-rund); /* Heller Grund in der Rahmenöffnung, wie bei den runden Farbfeldern. Zwischenzeitlich stand hier die Wandfarbe durch (background:none) — Lukas wollte lieber weiß, das gibt den freigestellten Motiven mehr Halt. Der Grund folgt der Öffnungsform, weil er dieselbe Rundung trägt wie das Bild. Kein Schatten: Der würde die Form als zweite Kante neben der Rahmenleiste nachzeichnen. */ background:var(--bg-3); box-shadow:none; } /* „contain" nur für freigestellte Bilder: Die sind bereits auf das Maß der Öffnung gelegt, ein Beschnitt würde die Luft zum Rahmen wegnehmen. Die Geschenkkacheln zeigen dagegen ganz normale Fotos — die sollen die Öffnung füllen wie ein Bild im Rahmen. Mit „contain" für alle standen dort leere Streifen über und unter dem Foto. */ .kachel.frei .kachel-bild img{object-fit:contain} /* Der feine Goldfaden im Bild ist überflüssig geworden — den zieht jetzt der Rahmen selbst, samt Perlstab. */ .kachel-bild::after{display:none} .kachel-rahmen{ position:absolute;top:0; left:calc((1 - var(--f-gross)) * 50%); width:calc(var(--f-gross) * 100%); /* Die Zeichenfläche ist 232 x 244. Sie war 240 und ist unten um vier Einheiten gewachsen, damit der Sockel denselben Abstand zur Leiste halten kann wie die Krone oben (Wunsch Lukas, 28.08.2026). Wird dieser Wert nicht mitgezogen, staucht die Maske die Zeichnung. */ aspect-ratio:232/244;pointer-events:none; background:var(--gold);opacity:.9; transition:opacity .3s; -webkit-mask:var(--f-rahmen) no-repeat center/100% 100%; mask:var(--f-rahmen) no-repeat center/100% 100%; } .kachel:hover .kachel-rahmen{opacity:1} .kachel-name{margin-top:calc(var(--f-gross) * var(--f-unten))} /* ---------- Bühne: mittlere Kachel nach vorn ---------- Nur für die Reihe „Zum Verschenken". Die mittlere Kachel steht größer und höher, die beiden äußeren kleiner und nach unten versetzt — das liest sich wie drei Bilder auf einem Sims, das mittlere vorne. Umgesetzt über die Spaltenbreite, nicht über transform: Alle Maße der Kachel sind Prozent ihrer Breite, eine breitere Spalte vergrößert also Rahmen und Bild von selbst und bleibt gestochen scharf. --f-gross verstärkt den Unterschied noch etwas. Kein echtes Überlappen: Die Rahmen sind Linienzeichnungen, keine Flächen — eine Kachel, die über die andere ragt, würde ihre Zierate durchkreuzen statt sie zu verdecken. Der Vordergrund entsteht deshalb allein aus Größe und Höhe. Zurückbauen: die Klasse „buehne" im HTML entfernen, dann steht die Reihe wieder wie die Kategoriewand. */ @media(min-width:901px){ .kacheln.buehne{ grid-template-columns:1fr 1.24fr 1fr; align-items:start; /* Weiter als in der Kategoriewand: Die mittlere Kachel ragt durch --f-gross über ihre Spalte hinaus, bei kleinerem Abstand kämen sich die Zierate der Nachbarn ins Gehege (bei 1280 px nachgemessen). */ gap:clamp(26px,3vw,44px); } .kacheln.buehne>.kachel{--f-gross:1.04} .kacheln.buehne>.kachel:nth-child(2){--f-gross:1.10;z-index:2} .kacheln.buehne>.kachel:nth-child(1), .kacheln.buehne>.kachel:nth-child(3){ margin-top:clamp(20px,3.6vw,58px); z-index:1; } /* Strichstärke ausgleichen. Die Zeichnung wird als Maske auf die Kachelbreite gedehnt, der Strich wächst dabei mit — die große mittlere Kachel bekam dadurch kräftigere Linien als die Nachbarn, die kleinen äußeren feinere. Diese beiden Fassungen sind mit verstelltem Strich gezeichnet, sodass am Bildschirm überall dieselbe Linienstärke ankommt. Erzeugt von Bilder/Ornamente/rahmen_css.py — dort stehen auch die gemessenen Breitenverhältnisse. Die Zierate skalieren weiter mit der Kachel, nur die Linie nicht. Die Tiefe kommt allein aus Größe und Höhe: Ein Abdunkeln oder Aufhellen einzelner Rahmen macht die Reihe unruhig, weil dann drei verschiedene Linienstärken UND drei Helligkeiten nebeneinander stehen. */ .kacheln.buehne>.kachel:nth-child(1), .kacheln.buehne>.kachel:nth-child(3){--f-rahmen:var(--orn-rahmen-bogen-schmal)} .kacheln.buehne>.kachel:nth-child(2){--f-rahmen:var(--orn-rahmen-rund-breit)} } /* ---------- Gründerinnenfoto ---------- „Hier unser Foto ..links Mimi, rechts Tina." — der letzte große Platzhalter ist damit weg. .fphoto war als leerer Kasten gedacht: gestrichelter Rand, Hinweistext, heller Grund. Als echtes Bild muss davon alles weg, sonst liegt ein gestrichelter Rahmen über den beiden. */ img.fphoto{ display:block;width:100%;height:auto; border:0;background:none;padding:0; object-fit:cover;object-position:center 34%; /* Gesichter, nicht Wiese */ } .founders .rahmen{align-self:center} @media(max-width:760px){ /* Die Breitenbegrenzung galt dem Kasten. Jetzt gilt sie dem Rahmen, sonst stehen Zierecken und Goldlinie neben dem Bild statt daran. */ .founders .rahmen{max-width:200px;margin:0 auto} .founders .rahmen .fphoto{max-width:none} }