body { font-family: Inter } /* ============================================================ JEANETTE ROTH — Custom CSS für Groove.cm — GESAMTSTAND Stand: 12.09.2026 nachts (Block 21 = neues jr-Layout der Startseite) Einfügen: Site settings → Styling → Custom CSS (vorbelegtes "{}" löschen) Danach: SAVE → PUBLISH. Ohne Publish keine Wirkung. Regeln: Selektoren mit .gp-component.gp-text-container + !important, sonst gewinnt Groove (Specificity am Live-Objekt getestet). ============================================================ */ /* ---------- 1 FARBEN ---------- */ :root { --jr-braun: #5C3D24; --jr-terra: #C17A5C; --jr-creme: #F9F3EE; --jr-sand: #E8D8C8; --jr-text: #33291F; --jr-text-leise: #6B5B4C; } .gp-component.gp-text-container p, .gp-component.gp-text-container div, [data-gp-component="list-regular"] p { color: var(--jr-text) !important; } [style*="rgb(32, 45, 60)"] { color: var(--jr-braun) !important; } /* ---------- 2 ZEILENLÄNGE ---------- */ .gp-component.gp-text-container p { line-height: 1.7 !important; max-width: 74ch !important; margin-left: auto; margin-right: auto; } [data-gp-grid-col] [data-gp-grid-col] .gp-component.gp-text-container p { max-width: none !important; } .gp-component.gp-text-container p + p { margin-top: 1.1em; } /* ---------- 3 TYPO-SKALA (überschreibt Editor-Größen) ---------- */ body, [data-gp-container], [data-gp-grid-col], .gp-component.gp-text-container p, .gp-component.gp-text-container div, .gp-navmenu-link a, [data-gp-component="button"], [data-gp-component="list-regular"] p { font-family: Inter, system-ui, -apple-system, sans-serif !important; } .gp-component.gp-text-container p { font-size: 17px !important; } .gp-component.gp-text-container h1, .gp-component.gp-text-container h2, .gp-component.gp-text-container h3 { font-family: "Playfair Display", Georgia, serif !important; color: var(--jr-braun) !important; line-height: 1.22 !important; text-wrap: balance; margin-bottom: .45em; } /* 38px = Krücke, solange 11 H1 existieren. Nach H1-Bereinigung auf 46px. */ .gp-component.gp-text-container h1 { font-size: 38px !important; letter-spacing: -.01em; } .gp-component.gp-text-container h2 { font-size: 31px !important; } .gp-component.gp-text-container h3 { font-size: 22px !important; } .gp-component.gp-text-container h2 strong { font-family: Inter, system-ui, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: .18em; text-transform: uppercase; color: var(--jr-terra) !important; } .gp-component.gp-text-container p strong { color: var(--jr-braun) !important; font-weight: 600; } /* ---------- 4 MOBIL: HANDUMBRÜCHE AUS ---------- */ @media (max-width: 767px) { .gp-component.gp-text-container p br, [data-gp-component="list-regular"] p br { display: none !important; } .gp-component.gp-text-container p { font-size: 16.5px !important; line-height: 1.65 !important; max-width: none !important; } .gp-component.gp-text-container h1 { font-size: 32px !important; } .gp-component.gp-text-container h2 { font-size: 25px !important; } } /* ---------- 5 ABSTANDS-RHYTHMUS ---------- */ section[data-gp-component="block"]:not(.gp-navmenu-block) { padding-top: 64px !important; padding-bottom: 64px !important; } @media (max-width: 767px) { section[data-gp-component="block"]:not(.gp-navmenu-block) { padding-top: 52px !important; padding-bottom: 52px !important; } } .gp-navmenu-block { padding-top: 0 !important; padding-bottom: 0 !important; } /* ---------- 6 BUTTONS (inkl. Teil-3-Reparatur der Pixel-Margins) ---------- */ [data-gp-component="button"] { display: flex !important; width: fit-content !important; margin-left: auto !important; margin-right: auto !important; background-color: var(--jr-terra) !important; border-radius: 6px !important; padding: 15px 30px !important; font-weight: 600; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; text-decoration: none; } [data-gp-component="button"]:hover, [data-gp-component="button"].gp-hover { background-color: var(--jr-braun) !important; transform: translateY(-2px); box-shadow: 0 8px 22px rgba(92, 61, 36, .22); } [data-gp-component="button"]:active { transform: translateY(0); } @media (max-width: 767px) { [data-gp-component="button"] { display: block !important; width: 100% !important; text-align: center; padding: 17px 24px !important; } } /* ---------- 7 BILDER ---------- */ [data-gp-component="image"] { border-radius: 10px; } .gp-navmenu-block [data-gp-component="image"] { border-radius: 0; } [data-gp-component="image-round"] { display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: 0 !important; box-shadow: 0 6px 20px rgba(92, 61, 36, .16); transition: transform .3s ease; } [data-gp-component="image-round"]:hover { transform: scale(1.03); } /* ---------- 8 AUFZÄHLUNGEN ---------- */ [data-gp-component="list-regular"] { list-style: none; position: relative; padding-left: 28px; margin-bottom: 14px; white-space: normal !important; text-wrap-mode: wrap !important; } [data-gp-component="list-regular"]::before { content: ""; position: absolute; left: 4px; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--jr-terra); }/* ---------- 9 SEKTIONS-GLIEDERUNG ---------- Groove malt den Hintergrund einer Sektion auf das Kind-Element [data-section-overlay], nicht auf die
. Regeln muessen deshalb auf das Overlay zielen (am Live-Objekt gemessen). */ :where(section[data-gp-component="block"]:not(.gp-navmenu-block):nth-of-type(odd)) > [data-section-overlay] { background-color: #fff ; }:where(section[data-gp-component="block"][data-gp-block]#F0nBZumLH) > [data-section-overlay], :where(section[data-gp-component="block"][data-gp-block]#qVsImfFFh) > [data-section-overlay], :where(section[data-gp-component="block"][data-gp-block]#VP66kIJ5b) > [data-section-overlay], :where(section[data-gp-component="block"][data-gp-block]#VEaxqg0Uv) > [data-section-overlay], :where(section[data-gp-component="block"][data-gp-block][id="0VxpjCgcj"]) > [data-section-overlay], :where(section[data-gp-component="block"][data-gp-block]#xJNiqlyIl) > [data-section-overlay] { background-color: var(--jr-braun) ; } #F0nBZumLH .gp-component.gp-text-container p, #F0nBZumLH a, #qVsImfFFh .gp-component.gp-text-container p, #qVsImfFFh a, #VP66kIJ5b .gp-component.gp-text-container p, #VP66kIJ5b a, #VEaxqg0Uv .gp-component.gp-text-container p, #VEaxqg0Uv a, [id="0VxpjCgcj"] .gp-component.gp-text-container p, [id="0VxpjCgcj"] a, #xJNiqlyIl .gp-component.gp-text-container p, #xJNiqlyIl a { color: var(--jr-creme) !important; } #F0nBZumLH, #qVsImfFFh, #VP66kIJ5b, #VEaxqg0Uv, [id="0VxpjCgcj"], #xJNiqlyIl { padding-top: 28px !important; padding-bottom: 28px !important; } /* ---------- 10 NAVIGATION ---------- */ .gp-navmenu-link a { transition: color .16s ease; } .gp-navmenu-link a:hover { color: var(--jr-terra) !important; } /* ---------- 11 FEINSCHLIFF ---------- */ html { scroll-behavior: smooth; } a:focus-visible, button:focus-visible { outline: 2px solid var(--jr-terra); outline-offset: 3px; border-radius: 3px; } ::selection { background: var(--jr-sand); color: var(--jr-braun); } img { max-width: 100%; height: auto; } /* ============ STARTSEITE-SPEZIFISCH (Section-IDs der v2-Startseite) ============ */ /* 12 Leere Sektionen (nach Quelltext-Bereinigung ohnehin entfernt) */ [id="06dguh3Ps"], #BEUqIWwamV { display: none !important; } /* 13 Hero: eine Headline führt */ [id="6U4ExbthL"] .gp-component.gp-text-container h1 + h1, [id="6U4ExbthL"] .gp-component.gp-text-container h2 { font-size: 27px !important; font-family: Inter, system-ui, sans-serif !important; font-weight: 400 !important; color: var(--jr-text-leise) !important; line-height: 1.45 !important; } /* 14 Kundenstimmen als Karten (feste Höhen aufgehoben) */ #XANj55hH0 [data-gp-grid-col] > div { background: #fff !important; border: 1px solid var(--jr-sand); border-radius: 10px; padding: 30px 26px 22px !important; height: auto !important; min-height: 0 !important; box-shadow: 0 3px 14px rgba(92, 61, 36, .07); position: relative; } #XANj55hH0 [data-gp-grid-col] > div::before { content: "„"; position: absolute; top: 4px; left: 18px; font-family: Georgia, serif; font-size: 60px; line-height: 1; color: var(--jr-sand); } #XANj55hH0 p { font-style: italic; position: relative; z-index: 1; } #XANj55hH0 h4, #XANj55hH0 h4 strong { font-family: Inter, system-ui, sans-serif !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: .06em; color: var(--jr-terra) !important; margin-top: 14px; } #XANj55hH0 img { max-width: 92px !important; opacity: .85; } .gp-component-id-BNbNzuu1bIW, .gp-component-id-oztO76llEH, .gp-component-id-38qlVZEEs3l { font-family: Inter, system-ui, sans-serif !important; } /* 15 Drei Schritte mit Zahlenkreisen */ #TDm0zkf0O h2 { width: 54px; height: 54px; margin: 0 auto 16px !important; border-radius: 50%; background: var(--jr-terra); color: #fff !important; font-family: Georgia, serif !important; font-size: 24px !important; line-height: 54px !important; text-align: center; } #TDm0zkf0O h2 strong, #TDm0zkf0O h2 font { color: #fff !important; font-size: 24px !important; letter-spacing: 0 !important; text-transform: none !important; font-family: Georgia, serif !important; } /* 16 Fünf-Ebenen-Kacheln */ #_mS2H00pj [data-gp-grid-col] > div, #j70zREkny [data-gp-grid-col] > div { background: #fff; border-radius: 10px; padding: 28px 22px !important; height: 100%; box-shadow: 0 3px 14px rgba(92, 61, 36, .07); text-align: center; } #j70zREkny [data-gp-grid-col]:last-child:empty { display: none !important; } /* 17 Rechtshinweis dezent */ #ynRYlq0_aS p { font-size: 13px !important; color: var(--jr-text-leise) !important; line-height: 1.6 !important; border-top: 1px solid var(--jr-sand); padding-top: 18px; } /* 19 Buchmockup inszenieren */ #SVQt0j7fNA img { border-radius: 0 !important; filter: drop-shadow(0 14px 30px rgba(92, 61, 36, .28)); } @media (min-width: 768px) { #SVQt0j7fNA img { transform: scale(1.06); } } @media (max-width: 767px) { #SVQt0j7fNA img { display: block !important; width: auto !important; max-width: 300px !important; margin: 0 auto !important; } } /* 20 Ergebnis-Kacheln */ [id="6jduBtOYH"] [data-gp-grid-col] > div { background: var(--jr-creme); border-radius: 10px; padding: 28px 24px !important; height: 100%; } /* Fremdton auf der Alltag-Kachel */ .gp-component-id-hRG3vf5n4I[data-gp-component] { background-color: var(--jr-sand) !important; } /* 18 Button-Hierarchie — MUSS nach Block 6 stehen */ .gp-component-id-JqlRBooqy[data-gp-component] { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } [id="7NoWiuZ367"] [data-gp-component="button"] { margin: 0 8px 10px !important; display: inline-flex !important; } [id="7NoWiuZ367"] [data-gp-component="button"]:not(:first-child) { background: transparent !important; border: 1.5px solid var(--jr-terra) !important; color: var(--jr-terra) !important; } /* ============ 21 NEUES STARTSEITEN-LAYOUT (quelltext-index-neu.html, jr-Blöcke) ============ Alles hier gestaltet eigene jr-Klassen. Grooves Styles-Fenster kennt diese Elemente nicht, deshalb sind diese Regeln die einzige Gestaltung. Blöcke 12–20 oben betreffen nur die alte Startseite (Fallback quelltext-index-umsortiert-v2.html). */ :root { --jr-dunkel: #3E2816; --jr-linie: #EFE3D8; --jr-schatten: 0 10px 30px rgba(92, 61, 36, .10); --jr-schatten-hover: 0 18px 40px rgba(92, 61, 36, .16); }/* --- Navigation (sticky ist in Groove nicht möglich: Sektionen liegen in #blocks-container mit fester Höhe) --- */ :where(.gp-navmenu-block) > [data-section-overlay] { background-color: var(--jr-creme) ; } /* Font-Awesome-Icons (Menue-Symbol fa-bars, Pfeil fa-caret-down) ausnehmen, sonst erscheint ein leeres Kaestchen */ .gp-navmenu-block a:not([class*="fa-"]), .gp-navmenu-block span:not([class*="fa-"]), .gp-navmenu-block div:not([class*="fa-"]) { font-family: Inter, system-ui, sans-serif !important; } .gp-navmenu-block .fas, .gp-navmenu-block .fa { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; } .gp-navmenu-block .gp-navmenu-link a { font-size: 14.5px !important; font-weight: 500 !important; letter-spacing: .02em; color: var(--jr-braun) !important; } .gp-navmenu-block .gp-navmenu-link a:hover { color: var(--jr-terra) !important; } /* --- Sektionsraster --- */ section.jr-sec[data-gp-component="block"] { padding-top: 96px !important; padding-bottom: 96px !important; position: relative; } section.jr-sec.jr-hero[data-gp-component="block"] { padding-top: 72px !important; padding-bottom: 88px !important; } section.jr-sec.jr-footer[data-gp-component="block"] { padding-top: 64px !important; padding-bottom: 32px !important; }:where(section.jr-sec) > [data-section-overlay] { position: absolute; inset: 0; z-index: 0; } section.jr-sec > .jr-wrap { position: relative; z-index: 1; max-width: 1120px; margin: 0 auto; padding: 0 24px; }:where(section.jr-sec.jr-white[data-gp-component="block"][data-gp-block]) > [data-section-overlay] { background-color: #fff ; }:where(section.jr-sec.jr-creme[data-gp-component="block"][data-gp-block]) > [data-section-overlay] { background-color: var(--jr-creme) ; }:where(section.jr-sec.jr-hero[data-gp-component="block"][data-gp-block]) > [data-section-overlay] { background-color: var(--jr-creme) ; background-image: radial-gradient(60% 80% at 85% 20%, rgba(232, 216, 200, .9), rgba(232, 216, 200, 0) 70%) !important; }:where(section.jr-sec.jr-dark[data-gp-component="block"][data-gp-block]) > [data-section-overlay] { background-color: var(--jr-braun) ; background-image: radial-gradient(70% 90% at 15% 10%, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0) 70%) !important; }:where(section.jr-sec.jr-footer[data-gp-component="block"][data-gp-block]) > [data-section-overlay] { background-color: var(--jr-dunkel) ; } /* --- Typografie in jr-Blöcken --- */ .jr-sec .gp-component.gp-text-container p { margin-left: 0; margin-right: 0; max-width: none !important; } .jr-sec .gp-component.gp-text-container p.jr-kicker { font-size: 12px !important; font-weight: 600 !important; letter-spacing: .2em; text-transform: uppercase; color: var(--jr-terra) !important; line-height: 1.4 !important; margin: 0 0 14px !important; } .jr-sec .gp-component.gp-text-container h1 { font-size: 46px !important; line-height: 1.12 !important; letter-spacing: -.015em; margin: 0 0 22px !important; color: var(--jr-braun) !important; } .jr-sec .gp-component.gp-text-container h1 em { font-style: italic; color: var(--jr-terra); } .jr-sec .gp-component.gp-text-container h2 { font-size: 38px !important; line-height: 1.15 !important; letter-spacing: -.01em; margin: 0 0 18px !important; } .jr-sec .gp-component.gp-text-container h3 { font-size: 21px !important; line-height: 1.3 !important; margin: 0 0 8px !important; } .jr-sec .gp-component.gp-text-container p.jr-lead { font-size: 19px !important; line-height: 1.65 !important; color: var(--jr-text-leise) !important; margin-bottom: 8px !important; } .jr-sec .gp-component.gp-text-container p.jr-small { font-size: 13.5px !important; color: var(--jr-text-leise) !important; margin-top: 14px !important; } .jr-head { text-align: center; max-width: 720px; margin: 0 auto 48px; } .jr-head .gp-component.gp-text-container p { margin-left: auto; margin-right: auto; } /* --- Buttons --- */ [data-gp-component="button"] { font-size: 16px !important; line-height: 1.3 !important; letter-spacing: .01em; } [data-gp-component="button"] [data-gp-component="button main-label"] { color: #fff !important; font-weight: 600 !important; } .jr-btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 14px; margin-top: 30px; justify-content: center; } .jr-btn-row.jr-left { justify-content: flex-start; } .jr-btn-row [data-gp-component="button"] { display: inline-flex !important; margin: 0 !important; padding: 16px 30px !important; border-radius: 8px !important; } [data-gp-component="button"].jr-btn-outline { background: transparent !important; border: 1.5px solid var(--jr-terra) !important; box-shadow: none; } [data-gp-component="button"].jr-btn-outline [data-gp-component="button main-label"] { color: var(--jr-terra) !important; } [data-gp-component="button"].jr-btn-outline:hover { background: var(--jr-terra) !important; } [data-gp-component="button"].jr-btn-outline:hover [data-gp-component="button main-label"] { color: #fff !important; } [data-gp-component="button"].jr-btn-light { border-color: rgba(249, 243, 238, .7) !important; } [data-gp-component="button"].jr-btn-light [data-gp-component="button main-label"] { color: var(--jr-creme) !important; } [data-gp-component="button"].jr-btn-light:hover { background: var(--jr-creme) !important; } [data-gp-component="button"].jr-btn-light:hover [data-gp-component="button main-label"] { color: var(--jr-braun) !important; } /* --- Hero --- */ .jr-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 56px; align-items: center; } .jr-hero-text .gp-component.gp-text-container p.jr-trust { font-size: 13.5px !important; color: var(--jr-text-leise) !important; margin-top: 26px !important; padding-top: 18px; border-top: 1px solid var(--jr-sand); } .jr-hero-media { position: relative; } .jr-hero-frame { position: relative; border-radius: 200px 200px 24px 24px; overflow: hidden; box-shadow: 0 30px 60px rgba(92, 61, 36, .22); background: var(--jr-sand); } .jr-hero-frame::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .55); border-radius: inherit; pointer-events: none; } .jr-hero-frame img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; } .jr-hero-media::before { content: ""; position: absolute; right: -28px; top: 40px; width: 180px; height: 180px; border-radius: 50%; border: 1.5px solid var(--jr-terra); opacity: .5; z-index: 0; } .jr-hero-chip { position: absolute; left: -44px; bottom: 8px; max-width: 270px; background: #fff; border-radius: 14px; padding: 16px 20px; box-shadow: var(--jr-schatten); border-left: 4px solid var(--jr-terra); } .jr-hero-chip .gp-component.gp-text-container p { font-family: "Playfair Display", Georgia, serif !important; font-style: italic; font-size: 16px !important; line-height: 1.45 !important; color: var(--jr-braun) !important; } /* --- Karten --- */ .jr-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .jr-card { background: #fff; border: 1px solid var(--jr-linie); border-radius: 16px; padding: 30px 28px; box-shadow: 0 4px 16px rgba(92, 61, 36, .05); transition: transform .22s ease, box-shadow .22s ease; position: relative; } .jr-card:hover { transform: translateY(-4px); box-shadow: var(--jr-schatten-hover); } .jr-ico { width: 24px; height: 24px; color: var(--jr-terra); flex: none; } .jr-ico-s { width: 18px; height: 18px; } .jr-ico-wrap { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: var(--jr-creme); margin-bottom: 18px; } .jr-symp .gp-component.gp-text-container p { font-size: 16px !important; color: var(--jr-text-leise) !important; } .jr-note { max-width: 760px; margin: 40px auto 0; text-align: center; padding: 22px 28px; background: var(--jr-creme); border-radius: 14px; } .jr-note .gp-component.gp-text-container p { margin: 0 auto; font-size: 17px !important; } /* --- Zweispaltige Abschnitte --- */ .jr-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 64px; align-items: center; } .jr-split-book { grid-template-columns: 1fr 1fr; } .jr-frame { position: relative; border-radius: 20px; overflow: hidden; box-shadow: var(--jr-schatten); } .jr-frame img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; } .jr-frame-offset { margin-left: 22px; } .jr-frame-offset { overflow: visible; } .jr-frame-offset img { border-radius: 20px; position: relative; z-index: 1; } .jr-frame-offset::before { content: ""; position: absolute; left: -22px; top: 22px; right: 22px; bottom: -22px; background: var(--jr-sand); border-radius: 20px; z-index: 0; } .jr-split-media { position: relative; } .jr-book-frame { border-radius: 20px; overflow: hidden; box-shadow: 0 24px 50px rgba(92, 61, 36, .22); transform: rotate(-1.5deg); } .jr-book-frame img { display: block; width: 100%; height: auto; } .jr-facts { list-style: none; margin: 22px 0 0; padding: 0; } .jr-facts li { display: flex; gap: 12px; align-items: flex-start; font-size: 16.5px; line-height: 1.55; color: var(--jr-text); padding: 9px 0; border-bottom: 1px solid var(--jr-linie); } .jr-facts li:last-child { border-bottom: 0; } .jr-facts .jr-ico { margin-top: 3px; } .jr-facts-s li { font-size: 15px; padding: 7px 0; } /* --- Dunkle Abschnitte (Über mich, CTA) --- */ .jr-dark .gp-component.gp-text-container h2, .jr-dark .gp-component.gp-text-container h3 { color: var(--jr-creme) !important; } .jr-dark .gp-component.gp-text-container p { color: var(--jr-sand) !important; } .jr-dark .gp-component.gp-text-container p.jr-kicker { color: #E3A98E !important; } .jr-frame-dark { box-shadow: 0 24px 50px rgba(0, 0, 0, .35); } .jr-frame-dark::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18); } .jr-cta .jr-head { margin-bottom: 0; } .jr-cta .gp-component.gp-text-container p { font-size: 18px !important; } /* --- Schritte --- */ .jr-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; } .jr-steps::before { content: ""; position: absolute; left: 16.6%; right: 16.6%; top: 28px; height: 2px; background: linear-gradient(90deg, var(--jr-sand), var(--jr-terra), var(--jr-sand)); opacity: .7; } .jr-step { position: relative; background: #fff; border: 1px solid var(--jr-linie); border-radius: 16px; padding: 0 26px 28px; text-align: center; margin-top: 28px; } .jr-step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--jr-terra); color: #fff; display: flex; align-items: center; justify-content: center; margin: -28px auto 16px; font-family: "Playfair Display", Georgia, serif; font-size: 24px; box-shadow: 0 6px 16px rgba(193, 122, 92, .35); position: relative; z-index: 1; } .jr-step-ico { width: 30px; height: 30px; margin: 0 auto 12px; display: block; color: var(--jr-braun); opacity: .8; } .jr-step .gp-component.gp-text-container p { font-size: 16px !important; color: var(--jr-text-leise) !important; } /* --- Angebote --- */ .jr-offer { display: flex; flex-direction: column; } .jr-offer .gp-component.gp-text-container p.jr-kicker { margin-bottom: 8px !important; } .jr-offer-feat { border-color: var(--jr-terra); box-shadow: 0 12px 34px rgba(193, 122, 92, .18); } .jr-offer-feat::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--jr-terra); border-radius: 16px 16px 0 0; } .jr-offer .jr-facts { margin-top: auto; padding-top: 14px; } /* --- Stimmen --- */ .jr-voice { padding-top: 36px; } .jr-quote-mark { display: none; } .jr-stars { display: flex; gap: 3px; margin-bottom: 14px; position: relative; } .jr-stars svg { width: 16px; height: 16px; fill: var(--jr-terra); } .jr-voice .gp-component.gp-text-container p { font-style: italic; font-size: 16.5px !important; position: relative; } .jr-voice .gp-component.gp-text-container p.jr-name { font-style: normal; font-weight: 600; font-size: 14px !important; letter-spacing: .06em; color: var(--jr-terra) !important; margin-top: 16px !important; } .jr-legal { max-width: 860px; margin: 36px auto 0; } .jr-legal .gp-component.gp-text-container p { font-size: 13px !important; line-height: 1.6 !important; color: var(--jr-text-leise) !important; text-align: center; border-top: 1px solid var(--jr-sand); padding-top: 18px; } /* --- Footer --- */ .jr-foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 40px; } .jr-footer .gp-component.gp-text-container p { color: var(--jr-sand) !important; font-size: 15px !important; line-height: 1.7 !important; } .jr-footer .gp-component.gp-text-container p.jr-foot-logo { font-family: "Playfair Display", Georgia, serif !important; font-size: 26px !important; color: var(--jr-creme) !important; margin-bottom: 10px !important; } .jr-footer .gp-component.gp-text-container p.jr-foot-h { display: flex; align-items: center; gap: 8px; color: var(--jr-creme) !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px !important; } .jr-footer .jr-ico { color: var(--jr-terra); } .jr-footer a { color: var(--jr-creme) !important; text-decoration: none; } .jr-footer a:hover { color: #E3A98E !important; } .jr-foot-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(249, 243, 238, .15); } .jr-foot-bottom .gp-component.gp-text-container p { font-size: 13.5px !important; margin: 0 !important; } .jr-foot-links { display: flex; gap: 22px; } .jr-foot-links a { font-size: 13.5px; color: var(--jr-sand) !important; } /* --- Tablet / Mobil --- */ @media (max-width: 1023px) { .jr-hero-grid { grid-template-columns: 1fr; gap: 40px; } .jr-hero-media { max-width: 420px; margin: 0 auto; } .jr-hero-chip { left: 8px; } .jr-grid-3, .jr-steps { grid-template-columns: 1fr 1fr; } .jr-steps::before { display: none; } .jr-split, .jr-split-book { grid-template-columns: 1fr; gap: 40px; } .jr-split-media { max-width: 460px; margin: 0 auto; width: 100%; } .jr-foot-grid { grid-template-columns: 1fr 1fr; gap: 32px; } } @media (max-width: 767px) { section.jr-sec[data-gp-component="block"] { padding-top: 56px !important; padding-bottom: 56px !important; } section.jr-sec.jr-hero[data-gp-component="block"] { padding-top: 36px !important; padding-bottom: 52px !important; } section.jr-sec > .jr-wrap { padding: 0 20px; } .jr-sec .gp-component.gp-text-container h1 { font-size: 34px !important; } .jr-sec .gp-component.gp-text-container h2 { font-size: 28px !important; } .jr-sec .gp-component.gp-text-container p.jr-lead { font-size: 17px !important; } .jr-hero-text { text-align: center; } .jr-hero-text .gp-component.gp-text-container p { margin-left: auto; margin-right: auto; } .jr-hero-media { max-width: 320px; } .jr-hero-media::before { display: none; } .jr-hero-chip { position: static; margin: 16px auto 0; max-width: 100%; } .jr-btn-row { flex-direction: column; align-items: stretch; width: 100%; } .jr-btn-row.jr-left { justify-content: center; } .jr-btn-row [data-gp-component="button"] { width: 100% !important; justify-content: center; } .jr-grid-3, .jr-steps { grid-template-columns: 1fr; gap: 14px; } .jr-grid-3.jr-grid-symp { grid-template-columns: 1fr 1fr; gap: 12px; } .jr-symp { padding: 18px 14px !important; } .jr-symp .jr-ico-wrap { width: 40px; height: 40px; margin-bottom: 12px; } .jr-symp .gp-component.gp-text-container h3 { font-size: 16px !important; } .jr-symp .gp-component.gp-text-container p { font-size: 13.5px !important; line-height: 1.5 !important; } .jr-step { margin-top: 36px; } .jr-card { padding: 24px 20px; } .jr-voice { padding-top: 32px; } .jr-frame-offset { margin-left: 0; } .jr-frame-offset::before { display: none; } .jr-book-frame { transform: none; } .jr-split-text { text-align: center; } .jr-split-text .gp-component.gp-text-container p { margin-left: auto; margin-right: auto; } .jr-facts li { text-align: left; } .jr-head { margin-bottom: 32px; } .jr-foot-grid { grid-template-columns: 1fr; gap: 26px; } .jr-foot-bottom { flex-direction: column; align-items: flex-start; } } /* ============ 22 BAUSTEINE DER UNTERSEITEN (quelltext--neu.html) ============ */ /* Navigation: neues Logo (Symbol + Name nebeneinander) auf Höhe bringen */ .gp-navmenu-block img[data-gp-component="image"] { height: 64px !important; width: auto !important; max-width: none !important; object-fit: contain; } @media (max-width: 767px) { .gp-navmenu-block img[data-gp-component="image"] { height: 48px !important; } } /* Unterseiten-Hero */ section.jr-sec.jr-hero-sub[data-gp-component="block"] { padding-top: 64px !important; padding-bottom: 72px !important; } .jr-hero-sub .gp-component.gp-text-container h1 { font-size: 42px !important; } .jr-hero-grid-sub { grid-template-columns: 1.25fr .75fr; } .jr-hero-grid-sub .jr-hero-frame img { aspect-ratio: 1 / 1; } .jr-hero-center .jr-head { margin-bottom: 0; max-width: 780px; } .jr-hero-center .jr-btn-row { justify-content: center; } .jr-book-hero { max-width: 520px; margin: 0 auto; } /* Raster */ .jr-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .jr-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .jr-grid-center { justify-content: center; } .jr-grid-3.jr-grid-center > .jr-card:nth-child(4) { grid-column: 1 / span 1; } .jr-steps-4 { grid-template-columns: repeat(4, 1fr); } .jr-steps-4::before { left: 12.5%; right: 12.5%; } /* Karten mit Bild oben */ .jr-card-img { margin: -30px -28px 22px; border-radius: 16px 16px 0 0; overflow: hidden; } .jr-card-img img { display: block; width: 100%; height: 190px; object-fit: cover; } .jr-grid-4 .jr-card { padding: 26px 22px; } .jr-grid-4 .jr-card-img { margin: -26px -22px 18px; } .jr-grid-4 .jr-card-img img { height: 160px; } .jr-card-big { padding: 34px 32px; } .jr-card-big .gp-component.gp-text-container h3 { font-size: 22px !important; margin-bottom: 14px !important; } .jr-card-dark { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .14); box-shadow: none; } .jr-card-dark .jr-facts li { color: var(--jr-sand); border-color: rgba(255, 255, 255, .12); } .jr-card-dark .jr-ico { color: #E3A98E; } .jr-split-rev .jr-split-media { order: 2; } .jr-split-rev .jr-split-text { order: 1; } /* FAQ (native details, kein Skript) */ .jr-faq { max-width: 820px; margin: 0 auto; } .jr-faq-item { background: #fff; border: 1px solid var(--jr-linie); border-radius: 14px; margin-bottom: 12px; padding: 0 24px; } .jr-faq-item summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; } .jr-faq-item summary::-webkit-details-marker { display: none; } .jr-faq-item summary .gp-component.gp-text-container p.jr-faq-q { font-family: "Playfair Display", Georgia, serif !important; font-size: 19px !important; color: var(--jr-braun) !important; margin: 0 !important; } .jr-faq-plus { flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--jr-terra); position: relative; } .jr-faq-plus::before, .jr-faq-plus::after { content: ""; position: absolute; background: var(--jr-terra); left: 50%; top: 50%; transform: translate(-50%, -50%); } .jr-faq-plus::before { width: 12px; height: 1.5px; } .jr-faq-plus::after { width: 1.5px; height: 12px; transition: transform .2s; } .jr-faq-item[open] .jr-faq-plus::after { transform: translate(-50%, -50%) rotate(90deg); } .jr-faq-body { padding: 0 0 20px; } .jr-faq-body .gp-component.gp-text-container p { color: var(--jr-text-leise) !important; font-size: 16px !important; } /* Sonstiges */ section.jr-sec.jr-sec-slim[data-gp-component="block"] { padding-top: 24px !important; padding-bottom: 24px !important; } .jr-sec-slim .jr-legal { margin-top: 0; } .jr-sec .gp-component.gp-text-container h2.jr-quote { font-family: "Playfair Display", Georgia, serif !important; font-style: italic; font-size: 34px !important; } .jr-praxis { padding: 18px 0; border-bottom: 1px solid var(--jr-linie); } .jr-praxis:first-child { padding-top: 0; } .jr-praxis .gp-component.gp-text-container p.jr-praxis-h { color: var(--jr-braun) !important; margin-bottom: 6px !important; } .jr-praxis a, .jr-card a { color: var(--jr-terra) !important; text-decoration: none; } .jr-praxis a:hover, .jr-card a:hover { text-decoration: underline; } .jr-form-card { background: var(--jr-creme); } .jr-form-slot { min-height: 40px; } .jr-form-card [data-gp-component="form"] { margin-top: 10px; } .jr-form-card input, .jr-form-card textarea, .jr-form-card select { width: 100%; border: 1px solid var(--jr-sand); border-radius: 8px; padding: 12px 14px; font: inherit; background: #fff; } .jr-form-card input:focus, .jr-form-card textarea:focus, .jr-form-card select:focus { outline: 2px solid var(--jr-terra); outline-offset: 1px; } .jr-sec .gp-component.gp-text-container p a { color: var(--jr-terra); } @media (max-width: 1023px) { .jr-hero-grid-sub { grid-template-columns: 1fr; } .jr-grid-4 { grid-template-columns: 1fr 1fr; } .jr-steps-4 { grid-template-columns: 1fr 1fr; } .jr-split-rev .jr-split-media { order: 0; } .jr-split-rev .jr-split-text { order: 0; } } @media (max-width: 767px) { .jr-hero-sub .gp-component.gp-text-container h1 { font-size: 32px !important; } .jr-grid-2, .jr-grid-4, .jr-steps-4 { grid-template-columns: 1fr; } .jr-card-img { margin: -24px -20px 18px; } .jr-card-img img { height: 170px; } .jr-card-big { padding: 26px 20px; } .jr-faq-item { padding: 0 18px; } .jr-faq-item summary .gp-component.gp-text-container p.jr-faq-q { font-size: 17px !important; text-align: left; } .jr-praxis .gp-component.gp-text-container p.jr-praxis-h { justify-content: center; } } /* ============ 23 NAVIGATION FÜR ALLE SEITEN ============ Unterseiten tragen die Navigation der Startseite (gleiche Komponenten-IDs). Deren Gestaltung stammt aus dem Styles-Fenster der Startseite und wird hier seitenweit wiederholt, damit sie auf jeder Seite gleich aussieht. Quelle: publiziertes v2/index.css, automatisch extrahiert. */ @media (max-width: 639px) { .gp-component-id-FobHdCHTa.gp-component > [data-section-overlay] { background-color: rgb(249, 243, 238); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-FobHdCHTa.gp-component > [data-section-overlay] { background-color: rgb(249, 243, 238); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-FobHdCHTa.gp-component > [data-section-overlay] { background-color: rgb(249, 243, 238); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-FobHdCHTa.gp-component > [data-section-overlay] { background-color: rgb(249, 243, 238); } } @media (min-width: 1200px) { .gp-component-id-FobHdCHTa.gp-component > [data-section-overlay] { background-color: rgb(249, 243, 238); } } .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } @media (max-width: 639px) { .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } } @media (min-width: 1200px) { .gp-component-id-TmnAAjiUfe { line-height: 1;display: inline-block; } } .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: inline-flex;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } @media (max-width: 639px) { .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: inline-flex;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: inline-flex;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: inline-flex;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: none;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (min-width: 1200px) { .gp-component-id-WqgdZgGOAW { margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 24px;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;display: none;align-items: center; } .gp-component-id-WqgdZgGOAW:focus,.gp-component-id-WqgdZgGOAW.gp-focus { outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color; } } @media (max-width: 639px) { .gp-component-id-ZWxl7g3K8E[data-gp-component] { font-size: 16px !important;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ZWxl7g3K8E[data-gp-component] { font-size: 16px !important;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ZWxl7g3K8E[data-gp-component] { font-size: 16px !important;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ZWxl7g3K8E[data-gp-component] { font-size: 16px !important;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (min-width: 1200px) { .gp-component-id-ZWxl7g3K8E[data-gp-component] { font-size: 16px !important;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 639px) { .gp-component-id-1_EAaVhnJ0[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-1_EAaVhnJ0[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-1_EAaVhnJ0[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-1_EAaVhnJ0[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (min-width: 1200px) { .gp-component-id-1_EAaVhnJ0[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter; } } @media (max-width: 639px) { .gp-component-id-ljvCdHGm8F[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter;background-color: rgba(249, 243, 238, 1); } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-ljvCdHGm8F[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter;background-color: rgba(249, 243, 238, 1); } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-ljvCdHGm8F[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter;background-color: rgba(249, 243, 238, 1); } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-ljvCdHGm8F[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter;background-color: rgba(249, 243, 238, 1); } } @media (min-width: 1200px) { .gp-component-id-ljvCdHGm8F[data-gp-component] { font-size: 16px !important;font-weight: 400;color: rgba(92, 61, 36, 1);font-family: Inter;background-color: rgba(249, 243, 238, 1); } } .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: absolute;left: 0px;right: 0px;z-index: 20;top: 100%; } @media (max-width: 639px) { .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: absolute;left: 0px;right: 0px;z-index: 20;top: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: absolute;left: 0px;right: 0px;z-index: 20;top: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: absolute;left: 0px;right: 0px;z-index: 20;top: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: relative;left: 0px;right: 0px;z-index: 20;top: 100%;display: flex;justify-content: flex-end; } } @media (min-width: 1200px) { .gp-component-id-walTVfQL4M { flex-basis: 0%;flex-shrink: 1;flex-grow: 1;position: relative;left: 0px;right: 0px;z-index: 20;top: 100%;display: flex;justify-content: flex-end; } } @media (max-width: 639px) { .gp-component-id-uzxHRRb6Av[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-right: 24px;height: auto;max-width: 200px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-uzxHRRb6Av[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-right: 24px;height: auto;max-width: 200px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-uzxHRRb6Av[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-right: 24px;height: auto;max-width: 200px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-uzxHRRb6Av[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-right: 24px;height: auto;max-width: 200px; } } @media (min-width: 1200px) { .gp-component-id-uzxHRRb6Av[data-gp-component] { border-left-style: solid;border-right-style: solid;border-top-style: solid;border-bottom-style: solid;margin-right: 24px;height: auto;max-width: 200px; } } .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex; } @media (max-width: 639px) { .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-uV_5CXL9cq { align-items: center;justify-content: space-between;margin-right: auto;margin-left: auto;width: 100%;display: flex;max-width: 1200px; } } @media (max-width: 639px) { .gp-component-id-JnuAQovIM7[data-gp-component] { background-color: rgba(249, 243, 238, 1);padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;position: relative; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-JnuAQovIM7[data-gp-component] { background-color: rgba(249, 243, 238, 1);padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;position: relative; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-JnuAQovIM7[data-gp-component] { background-color: rgba(249, 243, 238, 1);padding-left: 16px;padding-right: 16px;padding-top: 20px;padding-bottom: 20px;position: relative; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-JnuAQovIM7[data-gp-component] { background-color: rgba(249, 243, 238, 1);padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;position: relative; } } @media (min-width: 1200px) { .gp-component-id-JnuAQovIM7[data-gp-component] { background-color: rgba(249, 243, 238, 1);padding-left: 16px;padding-right: 16px;padding-top: 28px;padding-bottom: 28px;position: relative; } } .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } @media (max-width: 639px) { .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-4oZBe3XQHP { z-index: 15;position: relative;margin-left: auto;margin-right: auto;width: 100%;max-width: 1200px; } } @media (max-width: 639px) { .gp-component-id-FobHdCHTa[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-FobHdCHTa[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-FobHdCHTa[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-FobHdCHTa[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-FobHdCHTa[data-gp-component] { z-index: auto;position: relative;min-height: 50px; } } .gp-component-id-abFZBm5iBp { align-items: center;display: none; } @media (max-width: 639px) { .gp-component-id-abFZBm5iBp { align-items: center;display: none !important; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-abFZBm5iBp { align-items: center;display: none !important; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-abFZBm5iBp { align-items: center;display: none !important; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-abFZBm5iBp { align-items: center;display: flex !important; } } @media (min-width: 1200px) { .gp-component-id-abFZBm5iBp { align-items: center;display: flex !important; } } /* ============ 24 NAVIGATION: MENUE EINZEILIG MIT BREITEM LOGO (13.09.2026) ============ */ @media (min-width: 1024px) { .gp-navmenu-block [data-gp-component="navmenu"] a { white-space: nowrap !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .gp-navmenu-block img[data-gp-component="image"] { height: 52px !important; } .gp-navmenu-block .gp-navmenu-link { margin-right: 22px !important; } .gp-navmenu-block .gp-navmenu-link a { font-size: 14px !important; } } @media (min-width: 1280px) { .gp-navmenu-block .gp-navmenu-link { margin-right: 30px !important; } } /* Dropdown-Ausloeser "Kontakt" wie die uebrigen Menuepunkte */ .gp-navmenu-block .gp-navmenu-parentlink a { font-family: Inter, system-ui, sans-serif !important; font-size: 14.5px !important; font-weight: 500 !important; letter-spacing: .02em !important; color: var(--jr-braun) !important; transition: color .16s ease; } .gp-navmenu-block .gp-navmenu-parentlink a:hover { color: var(--jr-terra) !important; } @media (min-width: 1024px) { .gp-navmenu-block .gp-navmenu-parentlink a { white-space: nowrap !important; } } @media (min-width: 1024px) and (max-width: 1279px) { .gp-navmenu-block .gp-navmenu-parentlink a { font-size: 14px !important; } .gp-navmenu-block .gp-navmenu-dropdown-parent { margin-right: 22px !important; } } @media (min-width: 1280px) { .gp-navmenu-block .gp-navmenu-dropdown-parent { margin-right: 30px !important; } } /* Alter externer Menuepunkt "HPU Info" (hpuroth.de) wird vom Groove-Builder aus einer Skript-Kopie immer wieder erzeugt: ausblenden */ .gp-navmenu-block .gp-navmenu-link:has(> a[href*="hpuroth"]) { display: none !important; } .gp-navmenu-block a[href*="hpuroth"] { display: none !important; } /* ============ 25 RECHTSTEXTE: IMPRESSUM UND DATENSCHUTZ (17.09.2026) ============ */ .jr-legaltext { max-width: 820px; margin: 0 auto; text-align: left; } .jr-legaltext .gp-component.gp-text-container { text-align: left; } .jr-legaltext .gp-component.gp-text-container h2 { font-family: "Playfair Display", Georgia, serif !important; font-size: 28px !important; line-height: 1.25 !important; color: var(--jr-braun) !important; text-align: left !important; margin: 44px 0 14px !important; } .jr-legaltext .gp-component.gp-text-container h3 { font-family: "Playfair Display", Georgia, serif !important; font-size: 20px !important; line-height: 1.3 !important; color: var(--jr-braun) !important; text-align: left !important; margin: 30px 0 10px !important; } .jr-legaltext > .gp-component.gp-text-container:first-child h2, .jr-legaltext > .gp-component.gp-text-container:first-child h3 { margin-top: 0 !important; } .jr-legaltext .gp-component.gp-text-container p { font-size: 16px !important; line-height: 1.7 !important; text-align: left !important; margin: 0 0 12px !important; overflow-wrap: anywhere; } .jr-legaltext .jr-legal-list { list-style: disc; padding-left: 22px; margin: 0 0 14px; } .jr-legaltext .jr-legal-list li { font-size: 16px; line-height: 1.6; margin: 0 0 6px; color: var(--jr-text, #5c3d24); overflow-wrap: anywhere; } .jr-legaltext a { color: var(--jr-terra) !important; text-decoration: underline; } @media (max-width: 767px) { .jr-legaltext .gp-component.gp-text-container h2 { font-size: 23px !important; margin-top: 34px !important; } .jr-legaltext .gp-component.gp-text-container h3 { font-size: 18px !important; } .jr-legaltext .gp-component.gp-text-container p, .jr-legaltext .jr-legal-list li { font-size: 15px !important; } } /* ============ 26 JAMEDA-BEWERTUNGEN UND GOOGLE-MAPS-KARTEN (17.09.2026) ============ */ .jr-jameda { display: inline-flex; align-items: center; gap: 10px; margin-top: 14px; padding: 10px 18px; border: 1px solid var(--jr-linie); border-radius: 999px; background: #fff; color: var(--jr-braun) !important; text-decoration: none !important; font-size: 15px; } .jr-jameda:hover { border-color: var(--jr-terra); } .jr-jameda .jr-stars { display: inline-flex; gap: 2px; margin: 0; } .jr-jameda .jr-stars svg { width: 16px; height: 16px; fill: #E0A93B; } .jr-jameda strong { font-weight: 600; } .jr-map-wrap { max-width: 980px; margin: 0 auto; } .jr-map { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 18px; overflow: hidden; background: #fff; border: 1px solid var(--jr-linie); box-shadow: 0 18px 40px -28px rgba(92, 61, 36, .35); } .jr-map-grid .jr-map { aspect-ratio: 4 / 3; } .jr-map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .jr-map-cover { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 24px; text-align: center; background: linear-gradient(135deg, var(--jr-creme) 0%, #fff 100%); } .jr-map-ico { width: 34px; height: 34px; color: var(--jr-terra); margin-bottom: 4px; } .jr-map-t { font-family: "Playfair Display", Georgia, serif; font-size: 22px; color: var(--jr-braun); margin: 0; } .jr-map-a { font-size: 15px; color: var(--jr-text-leise, #7a6a5c); margin: 0 0 10px; } .jr-map-load { font: inherit; font-weight: 600; font-size: 15px; color: #fff; background: var(--jr-terra); border: 0; border-radius: 999px; padding: 12px 26px; cursor: pointer; } .jr-map-load:hover { filter: brightness(.95); } .jr-map-note { font-size: 13px; color: var(--jr-text-leise, #7a6a5c); margin: 8px 0 0; max-width: 420px; } .jr-map-note a, .jr-map-link { color: var(--jr-terra) !important; } .jr-map-link { font-size: 14px; margin-top: 2px; } @media (max-width: 767px) { .jr-map, .jr-map-grid .jr-map { aspect-ratio: 4 / 5; } .jr-map-t { font-size: 19px; } .jr-jameda { font-size: 14px; flex-wrap: wrap; justify-content: center; } } /* Mobil: Zeilenumbrueche in den neuen jr-Sektionen wieder anzeigen (aeltere Regel blendet alle
in Textcontainern aus) */ @media (max-width: 767px) { .jr-sec .gp-component.gp-text-container p br { display: inline !important; } } /* ============ 27 KONTAKTFORMULAR (GROOVEMAIL "Kontaktformular HP", 17.09.2026) ============ */ .jr-form-card form[data-gp-component="groovemail-form"] { margin: 14px 0 6px; padding: 0 !important; background: transparent !important; } .jr-form-card form[data-gp-component="groovemail-form"] > div { display: block; } .jr-form-card [data-gm-field-id^="heading"] { display: none !important; } .jr-form-card .data-gp-gm-form-field { margin: 0 0 12px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } .jr-form-card .data-gp-gm-form-input { display: block; width: 100%; height: 50px; border: 1px solid var(--jr-sand); border-radius: 8px; padding: 12px 14px; font: inherit; font-size: 16px; color: var(--jr-text); background: #fff; } .jr-form-card .data-gp-gm-form-input::placeholder { color: var(--jr-text-leise); opacity: .8; } .jr-form-card .data-gp-gm-form-label { display: block; margin: 6px 0 6px !important; font-size: 14px; font-weight: 600; color: var(--jr-braun); } .jr-form-card [data-gp-component="checkbox"] > div { display: flex !important; align-items: flex-start; gap: 10px; padding: 0 !important; background: transparent !important; } .jr-form-card input[type="checkbox"] { flex: 0 0 auto; width: 18px !important; height: 18px; margin: 3px 0 0; padding: 0; border: 0; accent-color: var(--jr-terra); } .jr-form-card [data-gp-component="checkbox"] label { font-size: 14px; line-height: 1.55; color: var(--jr-text-leise) !important; } .jr-form-card [data-gp-component="checkbox"] label a { color: var(--jr-terra) !important; } .jr-form-card button.data-gp-gm-form-submit { display: inline-flex; align-items: center; justify-content: center; margin: 8px 0 4px; padding: 15px 30px; border: 0; border-radius: 6px; background-color: var(--jr-terra) !important; color: #fff !important; font: inherit; font-weight: 600; cursor: pointer; transition: background-color .18s ease, transform .18s ease; } .jr-form-card button.data-gp-gm-form-submit:hover { background-color: var(--jr-braun) !important; transform: translateY(-2px); } @media (max-width: 767px) { .jr-form-card button.data-gp-gm-form-submit { width: 100%; } } /* ============ 28 EDITOR-SCHUTZ: Textformate auch ohne eigene Klassen (Quill entfernt sie beim Bearbeiten), 17.09.2026 ============ */ .jr-sec .gp-component.gp-text-container p:is(.jr-kicker, .gp-component-id-anAnaHP, .gp-component-id-anBegHP, .gp-component-id-anC1TP, .gp-component-id-anC2TP, .gp-component-id-anC3TP, .gp-component-id-anCtaHP, .gp-component-id-anFaqHP, .gp-component-id-anHeroHP, .gp-component-id-anK1TP, .gp-component-id-anKurseHP, .gp-component-id-anStartHP, .gp-component-id-anTerminHP, .gp-component-id-anWorkHP, .gp-component-id-anZusHP, .gp-component-id-buCtaHP, .gp-component-id-buFaqHP, .gp-component-id-buHeroHP, .gp-component-id-buInhaltHP, .gp-component-id-buQuoteHP, .gp-component-id-buWenHP, .gp-component-id-dsHeroHP, .gp-component-id-hiBookHP, .gp-component-id-hiCtaHP, .gp-component-id-hiEntHP, .gp-component-id-hiErnHP, .gp-component-id-hiHaltHP, .gp-component-id-hiHeroHP, .gp-component-id-hiKurseHP, .gp-component-id-hiRaumHP, .gp-component-id-hiStressHP, .gp-component-id-hiWeiterHP, .gp-component-id-hpBegHP, .gp-component-id-hpBookHP, .gp-component-id-hpCtaHP, .gp-component-id-hpFaqHP, .gp-component-id-hpHeroHP, .gp-component-id-hpSympHP, .gp-component-id-hpWasHP, .gp-component-id-hpWegHP, .gp-component-id-htCtaHP, .gp-component-id-htFaqHP, .gp-component-id-htHeroHP, .gp-component-id-htPlanHP, .gp-component-id-htStepsHP, .gp-component-id-hzAngHP, .gp-component-id-hzCtaHP, .gp-component-id-hzHeroHP, .gp-component-id-hzInfoHP, .gp-component-id-hzMapHP, .gp-component-id-jrAboutHP, .gp-component-id-jrBookHP, .gp-component-id-jrCtaHP, .gp-component-id-jrHeroHP, .gp-component-id-jrKompassHP, .gp-component-id-jrOffHP, .gp-component-id-jrOffT1P, .gp-component-id-jrOffT2P, .gp-component-id-jrOffT3P, .gp-component-id-jrSympHP, .gp-component-id-jrVoiceHP, .gp-component-id-koHeroHP, .gp-component-id-koMapsHP, .gp-component-id-koPraxHP, .gp-component-id-meAblaufHP, .gp-component-id-meAnaHP, .gp-component-id-meCtaHP, .gp-component-id-meEbenenHP, .gp-component-id-meHeroHP, .gp-component-id-meWenHP, .gp-component-id-reHeroHP, .gp-component-id-umCtaHP, .gp-component-id-umHeroHP, .gp-component-id-umHpuHP, .gp-component-id-umQualiHP, .gp-component-id-umReiseHP, .gp-component-id-umStoryHP, .gp-component-id-umWerteHP, .gp-component-id-wbAngHP, .gp-component-id-wbCtaHP, .gp-component-id-wbHeroHP, .gp-component-id-wbInfoHP, .gp-component-id-wbMapHP) { font-size: 12px !important; font-weight: 600 !important; letter-spacing: .2em; text-transform: uppercase; color: var(--jr-terra) !important; line-height: 1.4 !important; margin: 0 0 14px !important; } .jr-sec .gp-component.gp-text-container p:is(.jr-lead, .gp-component-id-anHeroPP, .gp-component-id-buHeroPP, .gp-component-id-dsHeroPP, .gp-component-id-hiHeroPP, .gp-component-id-hpHeroPP, .gp-component-id-htHeroPP, .gp-component-id-hzHeroPP, .gp-component-id-jrHeroPP, .gp-component-id-koHeroPP, .gp-component-id-meHeroPP, .gp-component-id-reHeroPP, .gp-component-id-umHeroPP, .gp-component-id-wbHeroPP) { font-size: 19px !important; line-height: 1.65 !important; color: var(--jr-text-leise) !important; margin-bottom: 8px !important; } .jr-sec .gp-component.gp-text-container p:is(.jr-small, .gp-component-id-buHeroNP, .gp-component-id-jrBookNP, .gp-component-id-jrOffS3P, .gp-component-id-koFormHintP, .gp-component-id-koLegalPP) { font-size: 13.5px !important; color: var(--jr-text-leise) !important; margin-top: 14px !important; } .jr-hero-text .gp-component.gp-text-container p:is(.jr-trust, .gp-component-id-jrHeroTP) { font-size: 13.5px !important; color: var(--jr-text-leise) !important; margin-top: 26px !important; padding-top: 18px; border-top: 1px solid var(--jr-sand); } .jr-dark .gp-component.gp-text-container p:is(.jr-kicker, .gp-component-id-anAnaHP, .gp-component-id-anBegHP, .gp-component-id-anC1TP, .gp-component-id-anC2TP, .gp-component-id-anC3TP, .gp-component-id-anCtaHP, .gp-component-id-anFaqHP, .gp-component-id-anHeroHP, .gp-component-id-anK1TP, .gp-component-id-anKurseHP, .gp-component-id-anStartHP, .gp-component-id-anTerminHP, .gp-component-id-anWorkHP, .gp-component-id-anZusHP, .gp-component-id-buCtaHP, .gp-component-id-buFaqHP, .gp-component-id-buHeroHP, .gp-component-id-buInhaltHP, .gp-component-id-buQuoteHP, .gp-component-id-buWenHP, .gp-component-id-dsHeroHP, .gp-component-id-hiBookHP, .gp-component-id-hiCtaHP, .gp-component-id-hiEntHP, .gp-component-id-hiErnHP, .gp-component-id-hiHaltHP, .gp-component-id-hiHeroHP, .gp-component-id-hiKurseHP, .gp-component-id-hiRaumHP, .gp-component-id-hiStressHP, .gp-component-id-hiWeiterHP, .gp-component-id-hpBegHP, .gp-component-id-hpBookHP, .gp-component-id-hpCtaHP, .gp-component-id-hpFaqHP, .gp-component-id-hpHeroHP, .gp-component-id-hpSympHP, .gp-component-id-hpWasHP, .gp-component-id-hpWegHP, .gp-component-id-htCtaHP, .gp-component-id-htFaqHP, .gp-component-id-htHeroHP, .gp-component-id-htPlanHP, .gp-component-id-htStepsHP, .gp-component-id-hzAngHP, .gp-component-id-hzCtaHP, .gp-component-id-hzHeroHP, .gp-component-id-hzInfoHP, .gp-component-id-hzMapHP, .gp-component-id-jrAboutHP, .gp-component-id-jrBookHP, .gp-component-id-jrCtaHP, .gp-component-id-jrHeroHP, .gp-component-id-jrKompassHP, .gp-component-id-jrOffHP, .gp-component-id-jrOffT1P, .gp-component-id-jrOffT2P, .gp-component-id-jrOffT3P, .gp-component-id-jrSympHP, .gp-component-id-jrVoiceHP, .gp-component-id-koHeroHP, .gp-component-id-koMapsHP, .gp-component-id-koPraxHP, .gp-component-id-meAblaufHP, .gp-component-id-meAnaHP, .gp-component-id-meCtaHP, .gp-component-id-meEbenenHP, .gp-component-id-meHeroHP, .gp-component-id-meWenHP, .gp-component-id-reHeroHP, .gp-component-id-umCtaHP, .gp-component-id-umHeroHP, .gp-component-id-umHpuHP, .gp-component-id-umQualiHP, .gp-component-id-umReiseHP, .gp-component-id-umStoryHP, .gp-component-id-umWerteHP, .gp-component-id-wbAngHP, .gp-component-id-wbCtaHP, .gp-component-id-wbHeroHP, .gp-component-id-wbInfoHP, .gp-component-id-wbMapHP) { color: #E3A98E !important; } .jr-offer .gp-component.gp-text-container p:is(.jr-kicker, .gp-component-id-anAnaHP, .gp-component-id-anBegHP, .gp-component-id-anC1TP, .gp-component-id-anC2TP, .gp-component-id-anC3TP, .gp-component-id-anCtaHP, .gp-component-id-anFaqHP, .gp-component-id-anHeroHP, .gp-component-id-anK1TP, .gp-component-id-anKurseHP, .gp-component-id-anStartHP, .gp-component-id-anTerminHP, .gp-component-id-anWorkHP, .gp-component-id-anZusHP, .gp-component-id-buCtaHP, .gp-component-id-buFaqHP, .gp-component-id-buHeroHP, .gp-component-id-buInhaltHP, .gp-component-id-buQuoteHP, .gp-component-id-buWenHP, .gp-component-id-dsHeroHP, .gp-component-id-hiBookHP, .gp-component-id-hiCtaHP, .gp-component-id-hiEntHP, .gp-component-id-hiErnHP, .gp-component-id-hiHaltHP, .gp-component-id-hiHeroHP, .gp-component-id-hiKurseHP, .gp-component-id-hiRaumHP, .gp-component-id-hiStressHP, .gp-component-id-hiWeiterHP, .gp-component-id-hpBegHP, .gp-component-id-hpBookHP, .gp-component-id-hpCtaHP, .gp-component-id-hpFaqHP, .gp-component-id-hpHeroHP, .gp-component-id-hpSympHP, .gp-component-id-hpWasHP, .gp-component-id-hpWegHP, .gp-component-id-htCtaHP, .gp-component-id-htFaqHP, .gp-component-id-htHeroHP, .gp-component-id-htPlanHP, .gp-component-id-htStepsHP, .gp-component-id-hzAngHP, .gp-component-id-hzCtaHP, .gp-component-id-hzHeroHP, .gp-component-id-hzInfoHP, .gp-component-id-hzMapHP, .gp-component-id-jrAboutHP, .gp-component-id-jrBookHP, .gp-component-id-jrCtaHP, .gp-component-id-jrHeroHP, .gp-component-id-jrKompassHP, .gp-component-id-jrOffHP, .gp-component-id-jrOffT1P, .gp-component-id-jrOffT2P, .gp-component-id-jrOffT3P, .gp-component-id-jrSympHP, .gp-component-id-jrVoiceHP, .gp-component-id-koHeroHP, .gp-component-id-koMapsHP, .gp-component-id-koPraxHP, .gp-component-id-meAblaufHP, .gp-component-id-meAnaHP, .gp-component-id-meCtaHP, .gp-component-id-meEbenenHP, .gp-component-id-meHeroHP, .gp-component-id-meWenHP, .gp-component-id-reHeroHP, .gp-component-id-umCtaHP, .gp-component-id-umHeroHP, .gp-component-id-umHpuHP, .gp-component-id-umQualiHP, .gp-component-id-umReiseHP, .gp-component-id-umStoryHP, .gp-component-id-umWerteHP, .gp-component-id-wbAngHP, .gp-component-id-wbCtaHP, .gp-component-id-wbHeroHP, .gp-component-id-wbInfoHP, .gp-component-id-wbMapHP) { margin-bottom: 8px !important; } .jr-voice .gp-component.gp-text-container p:is(.jr-name, .gp-component-id-jrVoiceN1P, .gp-component-id-jrVoiceN2P, .gp-component-id-jrVoiceN3P) { font-style: normal; font-weight: 600; font-size: 14px !important; letter-spacing: .06em; color: var(--jr-terra) !important; margin-top: 16px !important; } .jr-footer .gp-component.gp-text-container p:is(.jr-foot-logo, .gp-component-id-anFootBP, .gp-component-id-buFootBP, .gp-component-id-dsFootBP, .gp-component-id-hiFootBP, .gp-component-id-hpFootBP, .gp-component-id-htFootBP, .gp-component-id-hzFootBP, .gp-component-id-jrFootBP, .gp-component-id-koFootBP, .gp-component-id-meFootBP, .gp-component-id-reFootBP, .gp-component-id-umFootBP, .gp-component-id-wbFootBP) { font-family: "Playfair Display", Georgia, serif !important; font-size: 26px !important; color: var(--jr-creme) !important; margin-bottom: 10px !important; } .jr-footer .gp-component.gp-text-container p:is(.jr-foot-h, .gp-component-id-anFootH1P, .gp-component-id-anFootH2P, .gp-component-id-anFootH3P, .gp-component-id-buFootH1P, .gp-component-id-buFootH2P, .gp-component-id-buFootH3P, .gp-component-id-dsFootH1P, .gp-component-id-dsFootH2P, .gp-component-id-dsFootH3P, .gp-component-id-hiFootH1P, .gp-component-id-hiFootH2P, .gp-component-id-hiFootH3P, .gp-component-id-hpFootH1P, .gp-component-id-hpFootH2P, .gp-component-id-hpFootH3P, .gp-component-id-htFootH1P, .gp-component-id-htFootH2P, .gp-component-id-htFootH3P, .gp-component-id-hzCardHP, .gp-component-id-hzFootH1P, .gp-component-id-hzFootH2P, .gp-component-id-hzFootH3P, .gp-component-id-jrFootH1P, .gp-component-id-jrFootH2P, .gp-component-id-jrFootH3P, .gp-component-id-koFootH1P, .gp-component-id-koFootH2P, .gp-component-id-koFootH3P, .gp-component-id-koP1HP, .gp-component-id-koP2HP, .gp-component-id-meFootH1P, .gp-component-id-meFootH2P, .gp-component-id-meFootH3P, .gp-component-id-reFootH1P, .gp-component-id-reFootH2P, .gp-component-id-reFootH3P, .gp-component-id-umFootH1P, .gp-component-id-umFootH2P, .gp-component-id-umFootH3P, .gp-component-id-wbCardHP, .gp-component-id-wbFootH1P, .gp-component-id-wbFootH2P, .gp-component-id-wbFootH3P) { display: flex; align-items: center; gap: 8px; color: var(--jr-creme) !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 8px !important; } @media (max-width: 767px) { .jr-sec .gp-component.gp-text-container p:is(.jr-lead, .gp-component-id-anHeroPP, .gp-component-id-buHeroPP, .gp-component-id-dsHeroPP, .gp-component-id-hiHeroPP, .gp-component-id-hpHeroPP, .gp-component-id-htHeroPP, .gp-component-id-hzHeroPP, .gp-component-id-jrHeroPP, .gp-component-id-koHeroPP, .gp-component-id-meHeroPP, .gp-component-id-reHeroPP, .gp-component-id-umHeroPP, .gp-component-id-wbHeroPP) { font-size: 17px !important; } } .jr-faq-item summary .gp-component.gp-text-container p:is(.jr-faq-q, .gp-component-id-anFQ1P, .gp-component-id-anFQ2P, .gp-component-id-anFQ3P, .gp-component-id-anFQ4P, .gp-component-id-buFQ1P, .gp-component-id-buFQ2P, .gp-component-id-buFQ3P, .gp-component-id-hpFQ1P, .gp-component-id-hpFQ2P, .gp-component-id-hpFQ3P, .gp-component-id-hpFQ4P, .gp-component-id-hpFQ5P, .gp-component-id-htFQ1P, .gp-component-id-htFQ2P, .gp-component-id-htFQ3P, .gp-component-id-htFQ4P) { font-family: "Playfair Display", Georgia, serif !important; font-size: 19px !important; color: var(--jr-braun) !important; margin: 0 !important; } .jr-sec .gp-component.gp-text-container h2:is(.jr-quote, .gp-component-id-buQuoteHP) { font-family: "Playfair Display", Georgia, serif !important; font-style: italic; font-size: 34px !important; } .jr-praxis .gp-component.gp-text-container p:is(.jr-praxis-h, .gp-component-id-hzCardHP, .gp-component-id-koP1HP, .gp-component-id-koP2HP, .gp-component-id-wbCardHP) { color: var(--jr-braun) !important; margin-bottom: 6px !important; } @media (max-width: 767px) { .jr-faq-item summary .gp-component.gp-text-container p:is(.jr-faq-q, .gp-component-id-anFQ1P, .gp-component-id-anFQ2P, .gp-component-id-anFQ3P, .gp-component-id-anFQ4P, .gp-component-id-buFQ1P, .gp-component-id-buFQ2P, .gp-component-id-buFQ3P, .gp-component-id-hpFQ1P, .gp-component-id-hpFQ2P, .gp-component-id-hpFQ3P, .gp-component-id-hpFQ4P, .gp-component-id-hpFQ5P, .gp-component-id-htFQ1P, .gp-component-id-htFQ2P, .gp-component-id-htFQ3P, .gp-component-id-htFQ4P) { font-size: 17px !important; text-align: left; } } @media (max-width: 767px) { .jr-praxis .gp-component.gp-text-container p:is(.jr-praxis-h, .gp-component-id-hzCardHP, .gp-component-id-koP1HP, .gp-component-id-koP2HP, .gp-component-id-wbCardHP) { justify-content: center; } } /* ============ 29 GRAFIKEN UND FLYER OHNE ZUSCHNITT (22.09.2026) ============ */ .jr-graphic { border-radius: 20px; overflow: hidden; background: #fff; box-shadow: var(--jr-schatten); } .jr-graphic img { display: block; width: 100%; height: auto; } .jr-graphic.jr-flyer { max-width: 440px; margin: 0 auto; } .jr-sec .jr-split-text .gp-component.gp-text-container h3 { margin-top: 22px !important; } @media (max-width: 767px) { .jr-graphic.jr-flyer { max-width: 100%; } } /* ============ 30 STARTSEITE: VERANSTALTUNGS-LAUFBAND, LOGO-LINK, EINZELKARTE (22.09.2026) ============ */ section.jr-sec.jr-ticker-sec[data-gp-component="block"] { padding-top: 0 !important; padding-bottom: 0 !important; background: var(--jr-terra); } section.jr-sec.jr-ticker-sec > .jr-wrap { max-width: none; padding: 0; } .jr-ticker { overflow: hidden; background: var(--jr-terra); color: #fff; } .jr-ticker-track { display: flex; width: max-content; animation: jr-ticker 45s linear infinite; } .jr-ticker:hover .jr-ticker-track, .jr-ticker:focus-within .jr-ticker-track { animation-play-state: paused; } .jr-ticker-group { display: flex; align-items: center; flex-shrink: 0; padding: 15px 0; } .jr-ticker-label { font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255, 255, 255, .8); margin: 0 26px; white-space: nowrap; } .jr-ticker-item { display: inline-flex; align-items: center; gap: 10px; margin: 0 26px; color: #fff !important; text-decoration: none !important; font-size: 16px; font-weight: 600; white-space: nowrap; } .jr-ticker-item::before { content: "\2726"; margin-right: 16px; color: rgba(255, 255, 255, .6); font-weight: 400; } .jr-ticker-item:hover { text-decoration: underline !important; } .jr-ticker-date { padding: 3px 12px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 13px; font-weight: 600; } @keyframes jr-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .jr-ticker-track { animation: none; width: auto; justify-content: center; flex-wrap: wrap; } .jr-ticker-group[aria-hidden="true"] { display: none; } } .jr-logo-link { display: inline-block; line-height: 0; } .jr-grid-1 { display: grid; grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; } /* ============ 31 HAEKCHEN-PUNKTE (28.09., neu gefasst 29.09.2026) ============ */ /* Warum Absaetze statt