/* Hofladen Weiden – Korrekturen gegenüber der Live-Seite (Verschiebungen beim Laden)
Diese Datei wird zusätzlich zum 1:1-Spiegel eingebunden (tools/mirror.py fügt
den automatisch wieder ein). */
/* 1. Content-Carousel (Hero-Texte, Teaser): Vor der JS-Initialisierung stapeln
sich alle Slides übereinander → verschobener Textsalat beim Laden.
Bis owl-loaded gesetzt ist, nur das erste Element zeigen. */
.owl-carousel:not(.owl-loaded) > *:not(:first-child) {
display: none !important;
}
/* 2. Bild-Slider (RoyalSlider): Vor der Initialisierung sind die Roh-Slides
(.rsContent) sichtbar und ragen in die Text-Spalte hinein — zusätzlich
erscheint das Vorschaubild doppelt. Erst nach Init (.rsOverflow vorhanden)
einblenden; bis dahin zeigt das normale die Vorschau. */
.w-slider .royalSlider:not(:has(.rsOverflow)) .rsContent {
visibility: hidden !important;
}
/* 3. Schwebende Intro-Karte unter dem Hero (alle Landing-Seiten):
Original: Karte mit "top:-50%" verschoben + Folge-Sektion mit
"margin-bottom:-300px" unter die Karte gezogen. Je nach Fensterbreite
kollidieren dadurch Überschrift/Bild/Button mit der Karte
(siehe /geschenke/, /bistro/, /hofladen-cafe/ auf der Live-Seite).
Korrektur: Karte fest 100px in den Hero ragen lassen und die
Folge-Sektion wieder normal fließen lassen — kollisionsfrei bei
jeder Breite, Optik bleibt erhalten. */
.us_custom_b691191e,
.us_custom_3dc2058c,
.us_custom_9c9cb1a4 {
position: relative !important;
top: 0 !important;
margin-top: -100px !important;
}
section.us_custom_7f740d71,
section.us_custom_9e014993 {
margin-bottom: 0 !important;
}
/* 3b/3c. Desktop-Abstände vereinheitlichen: Die Original-Seite mischt riesige
Sektions-Paddings (6.5vmax), 80/100px-Zusatz-Margins und Abstandshalter-
Elemente — dadurch schwankt der Abstand zwischen Sektionen zwischen ~90 und
~540px. Prinzip der Korrektur: Der Abstand zwischen zwei Sektionen kommt
AUSSCHLIESSLICH aus dem einheitlichen Sektions-Padding; alles andere an den
Sektionsrändern (Abstandshalter, Kompensations-Margins) wird neutralisiert.
Nur Desktop; mobil greift das Original-Layout. */
@media (min-width: 1025px) {
/* a) Ein Padding-Wert für alle Sektionen: ~55px bei 1440px Breite
-> gleichmäßig ~110px Luft zwischen den Inhalten. */
.l-canvas {
--section-custom-padding: clamp(46px, 3.8vmax, 72px);
}
/* b) Sektionen fließen ohne eigene Zusatz-Margins aufeinander.
([class] hebt die Spezifität über die us_custom-Margin-Regeln unter c,
die auf Sektionen selbst nicht greifen sollen.) */
main > section[class] {
margin-top: 0 !important;
}
/* Intro-Karte: Abstand zur Folge-Sektion auf das einheitliche Maß bringen
(die Karte selbst hat kein Padding nach unten). */
section.us_custom_7f740d71,
section.us_custom_9e014993 {
margin-bottom: var(--section-custom-padding) !important;
}
/* Folge-Sektion nach der Intro-Karte: statt der Original-Kompensations-
Paddings (125/180px) das einheitliche Maß. */
section.us_custom_7f740d71 + section,
section.us_custom_9e014993 + section {
padding-top: var(--section-custom-padding) !important;
}
/* Franchise: Kompensations-Padding der ersten Textspalte */
section.us_custom_7f740d71 + section .us_custom_c67d1374 {
padding-top: 0 !important;
}
/* c) Abstände INNERHALB einer Sektion (Rhythmus zwischen Blöcken):
100px-Margins -> 40px, 80px-Margins -> 32px. */
.us_custom_1c04f17e, .us_custom_2707ccde, .us_custom_449581fa,
.us_custom_4c5437d6, .us_custom_4cb92e85, .us_custom_89598582,
.us_custom_9a6fd46f, .us_custom_b0b97006 {
margin-top: 40px !important;
}
.us_custom_1489caa1, .us_custom_2050081a, .us_custom_2235441f,
.us_custom_291ce11a, .us_custom_2e172ade, .us_custom_2fd2adfc,
.us_custom_35d02291, .us_custom_46361dd5, .us_custom_46601fd6,
.us_custom_46ca60ce, .us_custom_53e6de14, .us_custom_6717db42,
.us_custom_7808fb51, .us_custom_9566ec56, .us_custom_c3021c1e {
margin-top: 32px !important;
}
.us_custom_2fd2adfc {
margin-bottom: 32px !important;
}
/* Riesige Abstandshalter (u.a. height:8vmax ≈ 154px, 6.2vmax ≈ 119px)
deckeln — max-height wirkt auch gegen die Inline-Höhen. */
main .w-separator {
max-height: 48px;
}
/* d) Abstandshalter, die direkt am Sektionsrand sitzen (erstes/letztes
Element der ersten/letzten Zeile, auch eine Raster-Ebene tiefer),
entfernen — der Randabstand kommt bereits aus dem Padding. */
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > .w-separator:first-child,
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > .wpb_wrapper > .w-separator:first-child,
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > .g-cols:first-child > div > .vc_column-inner > .w-separator:first-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > .w-separator:last-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > .wpb_wrapper > .w-separator:last-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > .g-cols:last-child > div > .vc_column-inner > .w-separator:last-child {
display: none !important;
}
/* e) Rest-Margins am Sektionsrand neutralisieren: erstes Element jeder
Spalte der ersten Zeile ohne margin-top, letztes Element der letzten
Zeile ohne margin-bottom. Ausnahme: das Karten-Icon (us_custom_c2f20314)
ragt bewusst 40px über die Intro-Karte hinaus (Original-margin -40px). */
main > section > .l-section-h > .g-cols:first-child,
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > :first-child:not(.us_custom_c2f20314),
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > .wpb_wrapper > :first-child:not(.us_custom_c2f20314),
main > section > .l-section-h > .g-cols:first-child > div > .vc_column-inner > .g-cols:first-child > div > .vc_column-inner > :first-child:not(.us_custom_c2f20314) {
margin-top: 0 !important;
}
main > section > .l-section-h > .g-cols:last-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > :last-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > .wpb_wrapper > :last-child,
main > section > .l-section-h > .g-cols:last-child > div > .vc_column-inner > .g-cols:last-child > div > .vc_column-inner > :last-child {
margin-bottom: 0 !important;
}
/* f) Sektionen mit Wellen-Divider: Die Welle (15vmin bzw. 8vmin hoch)
liegt ÜBER dem Sektionsanfang/-ende — ohne Zusatz-Padding kollidiert
der Inhalt mit der Kurve. Wellenhöhe grob aufschlagen. */
main > section.with_shape:has(> .l-section-shape.pos_top) {
padding-top: calc(var(--section-custom-padding) + 10vmin) !important;
}
main > section.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin) !important;
}
/* Reine Spacer-Sektionen (enthalten nur Abstandshalter) ausblenden —
der Sektions-Abstand kommt bereits aus den Paddings. */
main > section:not(:has(h1, h2, h3, h4, p, img, .w-btn, .w-iconbox, .w-slider, .w-grid, form, video)) {
display: none;
}
}
/* 5. Social-Icons in Header und Footer: Beim Hover kein Farb-Overlay bzw.
Farbwechsel mehr und im Footer auch kein Tooltip — stattdessen sanft ein
kleines bisschen vergrößern. */
.l-header .w-socials .w-socials-item-link-hover,
.l-footer .w-socials .w-socials-item-link-hover,
.l-footer .w-socials .w-socials-item-popup {
display: none !important;
}
.l-header .w-socials .w-socials-item-link,
.l-footer .w-socials .w-socials-item-link {
transition: transform 0.25s ease !important;
}
.l-header .w-socials .w-socials-item-link:hover,
.l-footer .w-socials .w-socials-item-link:hover {
transform: scale(1.15);
}
.l-header .w-socials.hover_fade .w-socials-item-link:hover > i {
color: inherit !important;
}
/* Footer: Farbe in Ruhe- und Hover-Zustand identisch halten */
.l-footer .w-socials .w-socials-item-link,
.l-footer .w-socials .w-socials-item-link:hover,
.l-footer .w-socials .w-socials-item-link:hover > i {
color: inherit !important;
}
/* 6. Weiße Standard-Sektion (Text + Bild-Slider, "Unsere Leidenschaft" u.ä.,
auf allen Seiten dieselbe Template-Klasse): 28px mehr Innenabstand unten,
5px weniger oben (jeweils relativ zum einheitlichen Sektions-Padding).
Feintuning von der Startseite websiteweit übernommen. Nur Desktop. */
@media (min-width: 1025px) {
main > section.us_custom_35d02291 {
padding-top: calc(var(--section-custom-padding) - 5px) !important;
padding-bottom: calc(var(--section-custom-padding) + 28px) !important;
}
}
/* 8. Text+Bild-Zeile in der dunklen Wellen-Sektion (Template-Klassen auf
allen Seiten gleich): 10px weniger Abstand nach oben (32 -> 22px) und
11px mehr Innenabstand unten in der dunklen Sektion. Nur Desktop. */
@media (min-width: 1025px) {
main .us_custom_2fd2adfc {
margin-top: 22px !important;
}
main > section.us_custom_9c959968.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin + 11px) !important;
}
}
/* 10. Abschluss-Sektion vor dem Footer (Catering-Teaser bzw. Formular-
Sektion, gleiche Template-Klasse auf Startseite/Bistro/Catering/Franchise):
27px mehr Innenabstand oben, 38px weniger unten (unten inkl. Wellen-
Aufschlag aus Regel f). Nur Desktop. */
@media (min-width: 1025px) {
main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) + 27px) !important;
}
main > section.us_custom_7b6ed9a5.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin - 38px) !important;
}
}
/* 11. Bistro-Seite: Feintuning Intro-Karte und Folgesektion. Nur Desktop. */
@media (min-width: 1025px) {
/* Karte: Überschrift 50px weiter vom Icon weg */
body.page-id-33 .us_custom_3dc2058c .us_custom_0f088a09 {
margin-top: 50px !important;
}
/* Karte: 8px mehr Innenabstand unten (Original: 3rem) */
body.page-id-33 .us_custom_3dc2058c {
padding-bottom: calc(3rem + 8px) !important;
}
/* Sektion "Herzhaftig und vielzeitig – Unsere Brotzeiten":
6px weniger Innenabstand oben, 28px mehr unten */
body.page-id-33 main > section.us_custom_1489caa1 {
padding-top: calc(var(--section-custom-padding) - 6px) !important;
padding-bottom: calc(var(--section-custom-padding) + 28px) !important;
}
/* Zeile "Täglich wechselnde Mittagsgerichte" (Text + Bild) in der dunklen
Sektion: 17px mehr Abstand nach oben (32 -> 49px) */
body.page-id-33 main .g-cols.us_custom_35d02291 {
margin-top: 49px !important;
}
/* Sektion "Unsere Mittagsgerichte": 13px weniger Innenabstand oben und
5px weniger unten als das websiteweite Maß der Abschluss-Sektion
(+27 -> +14 bzw. -38 -> -43, Regel 10) */
body.page-id-33 main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) + 14px) !important;
}
body.page-id-33 main > section.us_custom_7b6ed9a5.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin - 43px) !important;
}
}
/* 12. Café-Seite: Abstands-Feintuning nach dem Bistro-Muster. Nur Desktop. */
@media (min-width: 1025px) {
/* Karte: Überschrift 50px weiter vom Icon weg (Textblock hat hier keine
eigene us_custom-Klasse, daher über den Icon-Nachbarn selektiert) */
body.page-id-788 .us_custom_3dc2058c .us_custom_c2f20314 + div {
margin-top: 50px !important;
}
/* Sektion "Regionales Hofladen Frühstück" (Folge nach der Karte):
60px mehr Abstand nach oben (auf die frühere -6px-Anpassung
aufgeschlagen: Grundmaß + 54px) */
body.page-id-788 section.us_custom_7f740d71 + section {
padding-top: calc(var(--section-custom-padding) + 54px) !important;
}
/* Sektion "Unser Café – Kuchen, Kaffee und mehr" (endet vor der dunklen
Welle): 13px weniger oben, unten +28 (Wellen-Muster) minus 2 = +26 */
body.page-id-788 main > section.us_custom_2050081a {
padding-top: calc(var(--section-custom-padding) - 13px) !important;
padding-bottom: calc(var(--section-custom-padding) + 26px) !important;
}
/* Sektion "Mehr als nur ein Café": 33px mehr oben und 2px mehr unten als
das websiteweite Maß (-5 -> +28 bzw. +28 -> +30, Regel 6) */
body.page-id-788 main > section.us_custom_35d02291 {
padding-top: calc(var(--section-custom-padding) + 28px) !important;
padding-bottom: calc(var(--section-custom-padding) + 30px) !important;
}
}
/* 14. Catering-Seite: Karte "Sie planen eine Veranstaltung?" — Überschrift
51px weiter vom Icon weg; Sektion "Unsere Catering-Highlights" (Folge
nach der Karte) 19px weniger Abstand nach oben. Nur Desktop. */
@media (min-width: 1025px) {
body.page-id-492 .us_custom_3dc2058c .us_custom_c2f20314 + div {
margin-top: 51px !important;
}
body.page-id-492 section.us_custom_7f740d71 + section {
padding-top: calc(var(--section-custom-padding) - 39px) !important;
padding-bottom: calc(var(--section-custom-padding) + 10px) !important;
}
/* Überschriften-Spalte "Beispiele aus unserem Sortiment" in der dunklen
Sektion: insgesamt 49px mehr Abstand nach oben (40 -> 89px) */
body.page-id-492 .wpb_column.us_custom_35d02291 {
margin-top: 89px !important;
}
/* Formular-Bereich "Kontakt und Anfrage": mittig und 2/3 Breite wie auf
der Kontakt-Seite; Sektion 10px weniger Innenabstand oben als das
websiteweite Maß (+27 -> +17, Regel 10) */
body.page-id-492 section.us_custom_7b6ed9a5 .wpcf7,
body.page-id-492 section.us_custom_7b6ed9a5 .wpb_text_column {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
body.page-id-492 main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) + 17px) !important;
}
}
/* 15. Geschenke-Seite: Karte "Entdecken Sie die Vielfalt unserer
Geschenkideen!" — Überschrift 50px weiter vom Icon weg; Sektion
"Vorbereitete Geschenke" 13px weniger nach oben als das websiteweite
Maß (-5 -> -18, Regel 6). Nur Desktop. */
@media (min-width: 1025px) {
body.page-id-868 .us_custom_b691191e .us_custom_c2f20314 + div {
margin-top: 50px !important;
}
body.page-id-868 main > section.us_custom_35d02291 {
padding-top: calc(var(--section-custom-padding) - 18px) !important;
}
/* Formular-Bereich "Haben Sie Fragen?": mittig und 2/3 Breite wie auf
der Kontakt-Seite (Sektion hat keine eigene Klasse -> :has) */
body.page-id-868 main section:has(.wpcf7) .wpcf7,
body.page-id-868 main section:has(.wpcf7) .wpb_text_column {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
}
/* 16. Direktvermarkter-Seite: Karte "Warum Hofladen Weiden?" — Überschrift
50px weiter vom Icon weg; Sektion "Ihre Produkte bei uns im Hofladen
verkaufen" (Folge nach der Karte) 4px weniger nach oben. Nur Desktop. */
@media (min-width: 1025px) {
body.page-id-523 .us_custom_9c9cb1a4 .us_custom_c2f20314 + div {
margin-top: 50px !important;
}
body.page-id-523 section.us_custom_7f740d71 + section,
body.page-id-523 section.us_custom_9e014993 + section {
padding-top: calc(var(--section-custom-padding) - 4px) !important;
padding-bottom: calc(var(--section-custom-padding) + 27px) !important;
}
/* Formular-Bereich "Interesse geweckt?": mittig und 2/3 Breite wie auf
der Kontakt-Seite; Sektion 30px mehr Innenabstand oben */
body.page-id-523 main section:has(.wpcf7) .wpcf7,
body.page-id-523 main section:has(.wpcf7) .wpb_text_column {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
body.page-id-523 main > section:has(.wpcf7) {
padding-top: calc(var(--section-custom-padding) + 30px) !important;
padding-bottom: calc(var(--section-custom-padding) + 30px) !important;
}
/* Dunkle Wellen-Sektion "Ihre Vorteile als Direktvermarkter":
30px weniger Innenabstand oben als das Wellen-Maß (Regel f) und
5px weniger unten als das websiteweite Maß (+11 -> +6, Regel 8) */
body.page-id-523 main > section.us_custom_9c959968.with_shape:has(> .l-section-shape.pos_top) {
padding-top: calc(var(--section-custom-padding) + 10vmin - 30px) !important;
}
body.page-id-523 main > section.us_custom_9c959968.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin + 6px) !important;
}
}
/* 17. Kontakt-Seite: Formular und Einleitungstext mittig, auf 2/3 der
Contentbreite begrenzt; Sektion "Kontakt und Anfrage" 21px mehr
Innenabstand oben. Nur Desktop. */
@media (min-width: 1025px) {
body.page-id-814 .wpcf7,
body.page-id-814 main .wpb_text_column {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
body.page-id-814 main > section.us_custom_edf3c4be {
padding-top: calc(var(--section-custom-padding) + 21px) !important;
}
/* unten endet die Sektion mit einer Welle -> 39px vom Wellen-Maß
(Regel f) abziehen */
body.page-id-814 main > section.us_custom_edf3c4be.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin - 39px) !important;
}
}
/* 20. Franchise-Seite: Karte "Werden Sie Teil unseres Erfolgskonzepts!" —
Überschrift 30px weiter vom Icon weg; Sektion "Warum Hofladen
Franchise?" (Folge nach der Karte) 5px weniger nach oben. Nur Desktop. */
@media (min-width: 1025px) {
body.page-id-533 .us_custom_b691191e .us_custom_c2f20314 + div {
margin-top: 30px !important;
}
body.page-id-533 section.us_custom_7f740d71 + section {
padding-top: calc(var(--section-custom-padding) - 5px) !important;
padding-bottom: calc(var(--section-custom-padding) + 38px) !important;
}
/* Überschrift "Ihre Vorteile auf einen Blick" in der dunklen Sektion:
7px weniger nach oben (50 -> 43px) */
body.page-id-533 h2.us_custom_d33b1c1c {
margin-top: 43px !important;
}
/* Formular-Bereich "Interessiert?": mittig und 2/3 Breite wie auf den
anderen Formular-Seiten */
body.page-id-533 section.us_custom_7b6ed9a5 .wpcf7,
body.page-id-533 section.us_custom_7b6ed9a5 .wpb_text_column {
max-width: 66.666%;
margin-left: auto;
margin-right: auto;
}
}
/* 19. Mittagskarte-Seite (Post 739): Wochenkarten-Sektion 29px mehr
Innenabstand unten. Nur Desktop. */
@media (min-width: 1025px) {
body.postid-739 main > section:has(.us_custom_80b6bb5f) {
padding-bottom: calc(var(--section-custom-padding) + 29px) !important;
}
}
/* 21. Cookie-Richtlinie: an die Optik der übrigen Rechtsseiten angleichen
(Impressum/DSE). Abschnittsüberschriften wie die DSE-Zwischenüberschriften,
Cookie-Dienste-Liste kompakt, funktionslose Consent-Toggles ausblenden. */
body.page-id-827 .cmplz-document h2 {
font-size: 35px;
line-height: 1.2;
font-weight: 600;
color: #736e6b;
margin: 48px 0 21px;
}
body.page-id-827 .cmplz-document .cmplz-subtitle {
font-weight: 700;
margin-bottom: 8px;
}
body.page-id-827 .cmplz-document details h3 {
font-size: 22px;
line-height: 1.3;
margin: 0 0 4px;
}
body.page-id-827 .cmplz-document details h4 {
font-family: inherit;
font-size: 20px;
line-height: 1.3;
font-weight: 600;
color: inherit;
margin: 16px 0 6px;
}
body.page-id-827 .cmplz-document details h5 {
font-size: 17px;
line-height: 1.3;
margin: 10px 0 2px;
}
body.page-id-827 .cmplz-document summary {
cursor: pointer;
padding: 6px 0;
}
/* Reste des entfernten Consent-Tools (funktionslose Schalter) */
body.page-id-827 .cmplz_consent_per_service_label,
body.page-id-827 input.cmplz-accept-service {
display: none !important;
}
/* M1. MOBILE Startseite (Theme-Mobile-Breakpoint bis 610px): Abstands-
Feintuning. Desktop-Regeln bleiben unberührt. */
@media (max-width: 610px) {
/* "Unsere Leidenschaft": 33px weniger innen oben; unten -7px innen
plus 13px mehr Sektionsabstand = netto +6px (Sektion ist transparent,
Padding und Margin wirken visuell identisch; ein margin-bottom wird
hier von Theme-Regeln überschrieben) */
body.home main > section.us_custom_35d02291 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* "Unsere Leidenschaft": Textspalte 8px näher am Bild-Slider darunter
(Zeilenabstand 60 -> 52) */
body.home .us_custom_35d02291 .us_custom_89598582 {
margin-bottom: -8px !important;
}
/* Dunkle Sektion, Kopfzeile "Warum Hofladen Weiden?" (Original mobil:
margin-top 80 + padding-top 80): 151px weniger nach oben; darunter
"Unser Angebot" 35px näher (padding-bottom 80 -> 45) */
body.home .us_custom_7808fb51 {
margin-top: 0 !important;
padding-top: 9px !important;
padding-bottom: 45px !important;
}
/* Dunkle Sektion insgesamt: 80px mehr Innenabstand unten */
body.home main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Iconboxen Bistro + Catering: je 8px weniger Abstand nach unten */
body.home .w-iconbox.us_custom_2e0f7dd6,
body.home .w-iconbox.us_custom_135ece80 {
margin-bottom: -8px !important;
}
/* "viel mehr als nur ein Hofladen": Textblock 78px weniger nach oben
(Original mobil margin-top 80) und 9px weniger Abstand nach unten */
body.home .us_custom_9566ec56 {
margin-top: 2px !important;
margin-bottom: -9px !important;
}
/* Catering-Teaser: 27px weniger innen oben (über dem Bild), Überschrift
71px näher ans Bild (Textblock-margin 80 -> 9), Sektion 14px weniger
innen unten (Original mobil: 10vmax) */
body.home main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) - 27px) !important;
padding-bottom: calc(10vmax - 14px) !important;
}
body.home .us_custom_291ce11a {
margin-top: 9px !important;
}
}
/* M3. MOBILE Café-Seite: Café hat zwei weiße Text+Bild-Sektionen zwischen
Karte und dunkler Sektion ("Regionales Hofladen Frühstück" direkt nach der
Karte, "Unser Café – Kuchen, Kaffee und mehr" direkt VOR der dunklen
Sektion). Strukturelles Gegenstück zu "Unsere Leidenschaft" ist hier die
ZWEITE davon (weil sie wie auf der Startseite direkt vor der dunklen
Welle liegt) — nur diese bekommt die Sektions-Formel; bei beiden wird
nur der allgemeine Text-Slider-Innenabstand harmonisiert. */
@media (max-width: 610px) {
/* "Unser Café – Kuchen, Kaffee und mehr" = direkt vor der dunklen Welle,
wie "Unsere Leidenschaft". Gleiche Formel wie M1. */
body.page-id-788 main > section.us_custom_2050081a {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Deren Textspalte (Bild liegt hier zuerst, Text danach -> margin-top
statt -bottom): Zeilenabstand 60 -> 52. Muss auf .vc_column-inner
sitzen (nicht auf dem Text-Wrapper selbst), da nur das die tatsächliche
Höhe der Grid-Spalte verändert — die Spalte selbst trägt hier keine
eigene us_custom-Klasse. */
body.page-id-788 main > section.us_custom_2050081a .vc_column-inner:has(> .us_custom_17964d5a) {
margin-top: -8px !important;
}
/* "Regionales Hofladen Frühstück" (direkt nach der Karte): oben ebenfalls
-33 wie bei allen anderen Seiten — sonst bleibt der Kartenübergang
hier bei 93px statt 60px wie überall sonst (die Sektion hatte noch
ihr natives Padding, weil die -33/+14-Formel bislang nur der
Sektion VOR der dunklen Welle zugewiesen war). */
body.page-id-788 section.us_custom_7f740d71 + section {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
}
/* Deren Textspalte vor dem Slider ebenfalls 62 -> 52 bringen (gleiches
Muster, andere Sektion, Ausgangswert wie auf Bistro bei 62 statt 60
gemessen) */
body.page-id-788 section.us_custom_7f740d71 + section .us_custom_de366d1c {
margin-bottom: -10px !important;
}
/* Dunkle Sektion "Unser Angebot im Café": +80px unten, analog M1 */
body.page-id-788 main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Die 3 Iconboxen (Hausgemachte Kuchen/Frischgebrühter Kaffee/Zum
Mitnehmen): 62px -> 52px, erste zwei von drei. Über den Iconbox-
Nachfahren eingegrenzt, da die Spaltenklasse us_custom_de366d1c auch
für die Frühstücks-Textspalte weiter oben verwendet wird. */
body.page-id-788 .us_custom_d77bca1a .w-iconbox,
body.page-id-788 main > section.us_custom_9c959968 .us_custom_de366d1c .w-iconbox {
margin-bottom: -10px !important;
}
/* Café hat keine "viel mehr..."-Text-Bild-Zeile in der dunklen Sektion
und keine eigene Abschluss-/Formular-Sektion (us_custom_7b6ed9a5) —
dafür entfällt hier folgerichtig jede Anpassung. */
/* "Jetzt neu"-Badge (Bild vor "Regionales Hofladen Frühstück"): 10px
mehr Abstand nach oben */
body.page-id-788 .g-cols.us_custom_2fd2adfc > .wpb_column.us_custom_de366d1c {
margin-top: 10px !important;
}
/* "Regionales Hofladen Frühstück": 20px weniger Abstand zum Badge davor
(40 -> 20) */
body.page-id-788 .us_custom_1256af62 {
margin-top: 20px !important;
}
/* Leere Trenner-Sektion mit einem Separator zwischen den beiden Slidern
("...fruehstueck-suess.webp" davor, "...tische-fensterwand..." danach):
45px weniger Abstand zum ersten Slider (oben), 8px mehr Abstand zum
zweiten Slider (unten). Eindeutig über die Alleinstellung des
Separators in seiner Spalte eingegrenzt; #page-content nötig, um die
native margin-top:40px-Regel des Themes zu schlagen (höhere Spezifität
durch deren ID-Selektor). */
body.page-id-788 main#page-content > section > .l-section-h > .g-cols > .wpb_column:has(> .vc_column-inner > .w-separator:only-child) {
margin-top: -5px !important;
margin-bottom: 8px !important;
}
/* Absatz "Unser Hofladen Café ist nicht nur ein Ort...": 8px weniger
Abstand nach unten innen */
body.page-id-788 main > section.us_custom_2050081a p {
margin-bottom: -8px !important;
}
/* Dunkle Sektion "Unser Angebot im Café": 34px weniger Innenabstand oben */
body.page-id-788 main > section.us_custom_9c959968 {
padding-top: calc(var(--section-custom-padding) - 34px) !important;
}
/* Absatz "Alle unsere Kuchen und Gebäckstücke...": 73px weniger Abstand
nach unten innen */
body.page-id-788 .us_custom_8c71efed p {
margin-bottom: -73px !important;
}
/* "Mehr als nur ein Café": 94px weniger Abstand nach oben (native
margin-top:80px auf der umgebenden Spalte) */
body.page-id-788 .us_custom_46ca60ce {
margin-top: -14px !important;
}
/* "Wir freuen uns auf Sie!": 60px weniger Abstand nach unten (Zielwert
erst nach Gegenmessung erreicht: eine Grid-Row absorbiert einen Teil
der margin-Änderung, -76 statt -60 nötig für tatsächlich -60px) */
body.page-id-788 main > section.us_custom_35d02291 h4 {
margin-bottom: -60px !important;
}
/* Nach dem Bild "hofladen-cafe-spieleecke.webp": 16px mehr Abstand nach
unten zum Sektionsende. Die Bild-Spalte selbst trägt keine eigene
us_custom-Klasse — daher über die Textspalte davor (.us_custom_4cb92e85)
+ direktem Geschwister eingegrenzt. */
body.page-id-788 main > section.us_custom_35d02291 .us_custom_4cb92e85 + div {
margin-bottom: 16px !important;
}
}
/* M4. MOBILE Catering-Seite. */
@media (max-width: 610px) {
/* "Unsere Catering-Highlights" = direkt vor der dunklen Sektion, wie
"Unsere Leidenschaft" (hier mit 4 Iconboxen statt Bild-Slider).
Gleiche Sektions-Formel wie M1. */
body.page-id-492 main > section.us_custom_1063d709 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Deren 4 Iconboxen (Individuelle Menüs/Frische und Qualität/Vielfalt
und Kreativität/Rundum-Service): 60 -> 52px, erste drei von vier */
body.page-id-492 .us_custom_e3fda088,
body.page-id-492 .us_custom_36850375,
body.page-id-492 .us_custom_edf48922 {
margin-bottom: -8px !important;
}
/* Dunkle Sektion "Unser Angebot: Für jeden Anlass...": +80px unten,
analog M1 (gleiche Sektionsklasse wie auf der Startseite) */
body.page-id-492 main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Deren 3 Iconboxen (Regionales Fingerfood/Herzhafte Buffets/
Vegetarische und vegane Optionen): 60 -> 52px, identische Klassen wie
auf der Startseite (deshalb hier eigens für diese Seite wiederholt,
da die M1-Regel auf body.home beschränkt ist) */
body.page-id-492 .us_custom_2e0f7dd6,
body.page-id-492 .us_custom_135ece80 {
margin-bottom: -8px !important;
}
/* "Kontakt und Anfrage" = strukturelles Gegenstück zur Abschluss-Sektion
vor dem Footer. Gleiche Formel wie M1 (native padding-bottom auch
hier 10vmax). */
body.page-id-492 main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) - 37px) !important;
padding-bottom: calc(10vmax - 9px) !important;
}
/* Letzte Iconbox "Rundum-Service" in "Unsere Catering-Highlights": 9px
weniger Abstand nach unten zum Sektionsende */
body.page-id-492 main > section.us_custom_1063d709 {
padding-bottom: calc(var(--section-custom-padding) + 5px) !important;
}
/* Bild-Slider in der dunklen Sektion (steht hier VOR der Überschrift
"Unser Angebot..."): netto 25px weniger Innenabstand oben in der
Sektion (erst -45, dann auf Wunsch 20px tiefer gesetzt -> -25) */
body.page-id-492 main > section.us_custom_9c959968 {
padding-top: calc(var(--section-custom-padding) - 25px) !important;
}
/* "Unser Angebot: Für jeden Anlass das passende Menü" (folgt auf den
Slider, Reihenfolge auf Mobile getauscht): 185px weniger Abstand
nach oben */
body.page-id-492 .us_custom_0b863c05 {
margin-top: -135px !important;
}
/* "Beispiele aus unserem Sortiment": Die tatsächlich sichtbare Zeile
("Ob Firmenfeier..." bis zur Überschrift) wird NICHT von der
umgebenden .wpb_column (us_custom_35d02291) bestimmt, sondern einzig
von der Überschrift-Zeile (H2) selbst — per Gegentest bestätigt
(direktes margin-top auf ihr wirkt 1:1, das der Spalte gar nicht).
Insgesamt 38px weniger (18 + nochmal 20), zweites H2 in der dunklen
Sektion. */
body.page-id-492 .us_custom_28f664f2 {
margin-top: -38px !important;
}
/* Absatz "Auch für Gäste mit speziellen Ernährungswünschen..." (in der
Iconbox "Vegetarische und vegane Optionen"): 80px weniger Abstand
nach unten innen */
body.page-id-492 .us_custom_f91f0cde p {
margin-bottom: -80px !important;
}
}
/* M8. MOBILE Mittagskarte-Seite (Post 739). Das Wochenkarten-Bild hat eine
native, feste Boxhöhe von 800px bei object-fit:contain — bei einem
quadratischen Bild in einer ca. 315px breiten Spalte entsteht dadurch ein
riesiger, leerer Letterbox-Rand ober- und unterhalb des sichtbaren Fotos
(das war der eigentliche Grund für die "riesigen Abstände" vor und nach
dem Bild). Die Boxhöhe wird daher reduziert, statt an Absatz/Bild
künstlich negative Margins zu hängen. */
@media (max-width: 610px) {
/* Überschrift "Mittagskarte": 22px weniger Abstand nach oben */
body.postid-739 h1 {
margin-top: -22px !important;
}
/* Wochenkarten-Bild: die native Boxhöhe (800px, fürs Desktop-Layout
gedacht) ist auf Mobile weit größer als das quadratische Bild bei
ca. 315px Breite braucht — dadurch entsteht bei object-fit:contain
ein riesiger, unsichtbarer Leerraum AM ANFANG der Bild-Box (das Foto
selbst hängt unten in der Box), was wie "Abstand nach dem Text" bzw.
"Abstand vor dem Bild" aussieht. Höhe auf die tatsächliche
(quadratische) Bildproportion setzen, damit kein Leerraum entsteht. */
body.postid-739 .us_custom_80b6bb5f {
height: auto !important;
}
body.postid-739 .us_custom_80b6bb5f img {
height: auto !important;
width: 100% !important;
}
}
/* M10. MOBILE Impressum-Seite. */
@media (max-width: 610px) {
/* "Impressum": 36px weniger Abstand nach oben */
body.page-id-37 h1 {
margin-top: -36px !important;
}
/* Nach "Quelle: https://www.e-recht24.de/impressum-generator.html":
72px weniger Abstand nach unten (letzter Absatz der Seite) */
body.page-id-37 main p:last-of-type {
margin-bottom: -72px !important;
}
}
/* M11. MOBILE Datenschutzerklärung-Seite. */
@media (max-width: 610px) {
/* "Datenschutzerklärung": 23px weniger Abstand nach oben */
body.page-id-3 h1 {
margin-top: -23px !important;
}
/* Nach "Quelle: https://www.e-recht24.de": 53px weniger Abstand nach
unten (letzter Absatz der Seite) */
body.page-id-3 main p:last-of-type {
margin-bottom: -53px !important;
}
}
/* M12. MOBILE Cookie-Richtlinie-Seite. */
@media (max-width: 610px) {
/* "Cookie-Richtlinie (EU)": 15px mehr Abstand nach oben */
body.page-id-827 h1 {
margin-top: 15px !important;
}
/* Nach "Diese Cookie-Richtlinie wurde mit cookiedatabase.org am Januar
27, 2025 synchronisiert.": 53px weniger Abstand nach unten (eindeutige
Klasse im HTML ergänzt, da :last-of-type wegen der vielen
Akkordeon-Absätze nicht zuverlässig den richtigen trifft) */
body.page-id-827 .cmplz-sync-note {
margin-bottom: -53px !important;
}
}
/* M9. MOBILE Kontakt-Seite. */
@media (max-width: 610px) {
/* "Kontakt und Anfrage": 35px weniger Abstand nach oben */
body.page-id-814 .us_custom_e66796d2 {
margin-top: -35px !important;
}
/* Nach dem Senden-Button: 45px weniger Abstand nach unten */
body.page-id-814 .wpcf7-submit {
margin-bottom: -45px !important;
}
}
/* M5. MOBILE Geschenke-Seite. Die dunkle Sektion hier ist wesentlich
umfangreicher als auf der Startseite (mehrere Überschriften, 8 Bilder,
endet mit einem eigenen Abschlusstext "Schauen Sie vorbei...") und hat
bereits von Natur aus 133px Luft zur Welle (mehr als die 132.78px, die
auf den anderen Seiten erst durch +80px erreicht werden) — hier ist
daher keine Anpassung nötig. Die Formular-Sektion "Haben Sie Fragen?"
hat außerdem eine andere native Basis (52.78/52.78, kein 10vmax wie bei
den anderen Formular-Sektionen) und bleibt deshalb ebenfalls unverändert,
da die M1-Formel dafür nicht übertragbar ist. */
@media (max-width: 610px) {
/* "Vorbereitete Geschenke" = direkt vor der dunklen Sektion, wie
"Unsere Leidenschaft". Gleiche Formel wie M1 (identische Sektions-
klasse wie auf der Startseite). */
body.page-id-868 main > section.us_custom_35d02291 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Deren Textspalte vor dem Slider: 60 -> 52px */
body.page-id-868 .us_custom_4cb92e85 {
margin-bottom: -8px !important;
}
/* Absatz "Diese Geschenkideen sind ideal für spontane Einkäufe...":
35px weniger Abstand nach unten (letzter Absatz dieser Textspalte) */
body.page-id-868 .us_custom_4cb92e85 p:last-of-type {
margin-bottom: -35px !important;
}
/* Slider-Sektion ("Vorbereitete Geschenke"): 3px weniger Innenabstand
unten (auf die bestehende +14-Formel aufgeschlagen: +11) */
body.page-id-868 main > section.us_custom_35d02291 {
padding-bottom: calc(var(--section-custom-padding) + 11px) !important;
}
/* "Individuelle Zusammenstellungen": 133px weniger Abstand innen oben
(natives margin-top:180px auf der umgebenden Spalte) */
body.page-id-868 .us_custom_3dc087e3 {
margin-top: 47px !important;
}
/* Absatz "Möchten Sie ein Geschenk nach Ihren Wünschen gestalten?...":
7px weniger Abstand nach unten */
body.page-id-868 .us_custom_6c21c073 p {
margin-bottom: -7px !important;
}
/* Bild "hofladen-geschenkkorb-regional.webp": 60px mehr Abstand nach
unten (die Bild-Spalte trägt dieselbe Klasse wie die Text-Spalte
danach — über :has(img) eingegrenzt) */
body.page-id-868 .us_custom_ff13c409:has(img) {
margin-bottom: 60px !important;
}
/* "Regional, nachhaltig und einzigartig": 60px weniger Abstand nach oben
(natives margin-top:50px auf der umgebenden Spalte) */
body.page-id-868 .us_custom_1c04f17e {
margin-top: -10px !important;
}
/* "Bestellung und Abholung": 38px weniger Abstand nach oben (natives
margin-top:80px; erste von zwei Spalten mit dieser Klasse) */
body.page-id-868 .us_custom_2e172ade:first-of-type {
margin-top: 42px !important;
}
/* "Schauen Sie vorbei und lassen Sie sich inspirieren...": 2px mehr
Abstand nach unten */
body.page-id-868 h4 {
margin-bottom: 2px !important;
}
/* "Haben Sie Fragen?": 35px weniger Abstand nach oben. Deren Sektion
115px weniger Abstand nach unten — mehr, als das native Padding
(52.78px) hergibt, daher Padding auf 0 und den Rest über eine
negative margin-bottom auf das Formular selbst. */
body.page-id-868 main section:has(.wpcf7) {
padding-top: calc(var(--section-custom-padding) - 35px) !important;
padding-bottom: 0 !important;
}
body.page-id-868 main section:has(.wpcf7) .wpcf7 {
margin-bottom: -62px !important;
}
}
/* M6. MOBILE Direktvermarkter-Seite. Formular-Sektion "Interesse geweckt?"
hat wie bei Geschenke eine andere native Basis (52.78/52.78, kein
10vmax) und bleibt daher unverändert. */
@media (max-width: 610px) {
/* "Ihre Produkte bei uns im Hofladen verkaufen" = direkt vor der
dunklen Sektion, wie "Unsere Leidenschaft". Gleiche Formel wie M1. */
body.page-id-523 main > section.us_custom_2235441f {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Deren Textspalte vor dem Slider: 60 -> 52px. Zusätzlich hat diese
Spalte ein natives margin-top:-20px (auf der Startseite nicht
vorhanden) — dadurch war der Kartenübergang bislang nur 40px statt
60px wie überall sonst; auf margin-top:0 zurücksetzen. */
body.page-id-523 .us_custom_4cb92e85 {
margin-top: 0 !important;
margin-bottom: -8px !important;
}
/* Dunkle Sektion "Ihre Vorteile als Direktvermarkter": +80px unten,
analog M1 */
body.page-id-523 main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Deren 4 Iconboxen sitzen 62px auseinander (nicht 60 wie auf der
Startseite) — auf das gleiche Zielmaß 52px bringen (-10), erste
drei von vier */
body.page-id-523 .us_custom_2e0f7dd6,
body.page-id-523 .us_custom_135ece80,
body.page-id-523 .us_custom_f91f0cde {
margin-bottom: -10px !important;
}
/* "Ihre Vorteile als Direktvermarkter": 115px weniger Abstand nach oben
(per Gegenmessung: -35px auf der Überschrift ergibt die vollen -115px
im sichtbaren Abstand) */
body.page-id-523 .us_custom_46601fd6 {
margin-top: -35px !important;
}
/* Letzte Iconbox "Flexible Konditionen" (Absatz "Wir bieten flexible
Konditionen..."): 73px weniger Abstand nach unten */
body.page-id-523 .us_custom_cec81705 {
margin-bottom: -73px !important;
}
/* "Interesse geweckt?": 58px weniger Abstand nach oben, Sektion 15px
mehr Abstand nach unten */
body.page-id-523 main section:has(.wpcf7) h4 {
margin-top: -58px !important;
}
body.page-id-523 main section:has(.wpcf7) {
padding-bottom: calc(var(--section-custom-padding) + 15px) !important;
}
}
/* M7. MOBILE Franchise-Seite. Die dunkle Sektion enthält zwei sichtbare
Iconbox-Reihen (4er + 3er) ohne eigene, eindeutige Spalten-Klassen —
deshalb hier über eine strukturelle Regel eingegrenzt: "jede Zeile
innerhalb der dunklen Sektion, deren Spalten eine Iconbox enthalten,
bekommt bei allen Spalten außer der letzten den Tightening-Abstand".
Trifft automatisch auf beide Reihen zu, unabhängig von Spaltenzahl. */
@media (max-width: 610px) {
/* "Warum Hofladen Franchise?" = direkt vor der dunklen Sektion, wie
"Unsere Leidenschaft". Gleiche Formel wie M1. */
body.page-id-533 main > section.us_custom_53e6de14 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Deren Textspalte vor dem Slider sitzt hier 70px auseinander (nicht 60
wie auf der Startseite) — auf das gleiche Zielmaß 52px bringen (-18) */
body.page-id-533 .us_custom_6c21c073 {
margin-bottom: -18px !important;
}
/* Dunkle Sektion "Ein starkes Netzwerk": +80px unten, analog M1 */
body.page-id-533 main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Beide Iconbox-Reihen ("Ein starkes Netzwerk" 4er, "Ihre Vorteile auf
einen Blick" 3er) sitzen 62px auseinander -> 52px Zielmaß (-10),
jeweils alle Boxen außer der letzten einer Reihe */
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox {
margin-bottom: -10px !important;
}
/* "Interessiert?" = strukturelles Gegenstück zur Abschluss-Sektion vor
dem Footer (gleiche Klasse, gleiches natives 10vmax-Verhalten wie
auf der Startseite). Gleiche Formel wie M1, plus 5px mehr Abstand
nach dem Senden-Button (-14 -> -9). */
body.page-id-533 main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) - 27px) !important;
padding-bottom: calc(10vmax - 9px) !important;
}
/* "Ein starkes Netzwerk": 35px weniger Abstand nach oben */
body.page-id-533 .us_custom_adb26093 {
margin-top: -35px !important;
}
/* Feintuning einzelner Iconbox-Abstände in beiden Reihen (Klassen
fx-box-1..7 wurden im HTML eindeutig ergänzt, da diese Boxen sonst
keine unterscheidbaren Klassen tragen). Werte lösen die pauschale
-10px-Regel oben für die jeweilige Box gezielt ab. */
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox.fx-box-1 {
margin-bottom: -20px !important;
}
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox.fx-box-2,
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox.fx-box-3 {
margin-bottom: -17px !important;
}
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox.fx-box-5,
body.page-id-533 main > section.us_custom_9c959968 .g-cols:has(> .wpb_column .w-iconbox) > .wpb_column:not(:last-child) .w-iconbox.fx-box-6 {
margin-bottom: -18px !important;
}
/* "Ihre Vorteile auf einen Blick": 15px weniger Abstand nach oben (der
Abstand wird hier direkt durch margin-top bestimmt, ohne Grundmaß —
50 -> 35) */
body.page-id-533 .us_custom_d33b1c1c {
margin-top: 35px !important;
}
/* Absatz "Erfüllen Sie sich den Traum...": 17px weniger Abstand nach
unten */
body.page-id-533 .us_custom_c1e44ca4 p {
margin-bottom: -17px !important;
}
/* "Wer kann Franchise-Partner werden?": 40px weniger Abstand nach oben */
body.page-id-533 .us_custom_c6e9c5ab h2 {
margin-top: -40px !important;
}
/* "Der Weg zu Ihrem eigenen Hofladen:": 20px mehr Abstand nach oben,
25px weniger Abstand nach unten */
body.page-id-533 .us_custom_e8d85284 h4 {
margin-top: 20px !important;
margin-bottom: -25px !important;
}
/* Absatz "Nach einer umfassenden Schulung und Vorbereitung...": 65px
weniger Abstand nach unten (fx-step-4 im HTML eindeutig ergänzt, da
alle 4 Prozessschritte dieselbe Klasse teilen) */
body.page-id-533 .fx-step-4 p {
margin-bottom: -65px !important;
}
/* "Interessiert?": 50px weniger Abstand nach oben */
body.page-id-533 .us_custom_e66796d2 {
margin-top: -50px !important;
}
}
/* M2. MOBILE Bistro-Seite: dieselben Muster wie M1, übertragen auf die
strukturell entsprechenden Elemente dieser Seite (eigene us_custom-Hashes,
da diese pro Element/Seite unterschiedlich sind). Jeder Zielwert wurde
gegen den tatsächlich gerenderten Zustand der Startseite gegengemessen. */
@media (max-width: 610px) {
/* "Herzhaftig und vielzeitig – Unsere Brotzeiten" = strukturelles Gegenstück
zu "Unsere Leidenschaft" (Folgesektion nach der Intro-Karte, Text +
Bild-Slider). Gleiche Formel wie M1. */
body.page-id-33 main > section.us_custom_1489caa1 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 14px) !important;
}
/* Textspalte über dem Slider 8px näher ran (Zeilenabstand 60 -> 52,
identischer Ausgangswert wie auf der Startseite gemessen). Zusätzlich
hat diese Spalte hier ein natives margin-top:-20px (auf der Startseite
nicht vorhanden) — dadurch war der Kartenübergang bislang nur 40px
statt 60px wie überall sonst; auf margin-top:0 zurücksetzen. */
body.page-id-33 .us_custom_1489caa1 .us_custom_4cb92e85 {
margin-top: 0 !important;
margin-bottom: -8px !important;
}
/* Dunkle Sektion "Unser Brotzeit-Angebot": 33px weniger oben, +80px unten
(analog zur Startseite, gleiche with_shape-Sektionsklasse) */
body.page-id-33 main > section.us_custom_9c959968 {
padding-top: calc(var(--section-custom-padding) - 33px) !important;
padding-bottom: calc(var(--section-custom-padding) + 80px) !important;
}
/* Die 3 Iconboxen (Belegte Brötchen/Wurst-Käseplatten/Salate) sitzen hier
62px auseinander statt 60px wie auf der Startseite — trotzdem auf das
gleiche Zielmaß 52px bringen (also -10 statt -8), erste zwei von drei */
body.page-id-33 .us_custom_d77bca1a .w-iconbox,
body.page-id-33 .us_custom_de366d1c .w-iconbox {
margin-bottom: -10px !important;
}
/* "Täglich wechselnde Mittagsgerichte" = Gegenstück zu "viel mehr als nur
ein Hofladen": Reihenfolge ist hier umgekehrt (Bild oben, Text unten),
daher wirkt die Korrektur auf margin-top der Textspalte statt
margin-bottom. Ziel: Row-interner Abstand 62 -> 53px, wie auf der
Startseite. Über die Row-Klasse .us_custom_35d02291 eindeutig
eingegrenzt (die Spalten-Klasse allein wird auch von einer Iconbox
in derselben Sektion verwendet). */
body.page-id-33 .g-cols.us_custom_35d02291 > .wpb_column.us_custom_8c71efed {
margin-top: -12px !important;
}
/* Absatz "Neben unseren Kuchen und Brotzeiten..." (unter "Täglich
wechselnde Mittagsgerichte"): 75px weniger Innenabstand unten */
body.page-id-33 .g-cols.us_custom_35d02291 > .wpb_column.us_custom_8c71efed p {
margin-bottom: -75px !important;
}
/* "Unsere Mittagsgerichte" = strukturelles Gegenstück zur Abschluss-
Sektion vor dem Footer. Gleiche Formel wie M1 (native padding-bottom
ist hier ebenfalls 10vmax, wie auf der Startseite gemessen); zusätzlich
5px mehr Abstand nach dem Wochenkarten-Bild zum Footer (-14 -> -9). */
body.page-id-33 main > section.us_custom_7b6ed9a5 {
padding-top: calc(var(--section-custom-padding) - 27px) !important;
padding-bottom: calc(10vmax - 9px) !important;
}
/* Überschrift "Unsere Mittagsgerichte": 30px weniger Innenabstand oben
(die umgebende Spalte hat ein natives margin-top:40px, das über eine
ID-Selektor-Regel (main#page-content ...) höhere Spezifität hat als
eine reine Klassen-Regel — deshalb hier ebenfalls über #page-content
angesetzt, um zu gewinnen). */
body.page-id-33 main#page-content > section.us_custom_7b6ed9a5 > .l-section-h > .g-cols > .wpb_column {
margin-top: 10px !important;
}
/* Iconbox "Für jeden Geschmack": Abstand zur vorherigen Box ("Täglich
frisch") um 23px vergrößert (30 -> 53), Abstand zur Wochenkarte danach
um 17px vergrößert */
body.page-id-33 .w-iconbox.us_custom_d2199d32 {
margin-top: 53px !important;
margin-bottom: 31px !important;
}
/* Button "Mittagskarte – Die aktuellen Mittagsgerichte": 8px weniger
Abstand zum Wochenkarten-Bild danach */
body.page-id-33 .w-btn.us_custom_d2199d32 {
margin-bottom: -8px !important;
}
}
/* 18. Kontaktformulare (websiteweit): 35px Abstand zwischen Captcha und
Senden-Button (Original: 0 — der Button klebte am Captcha). */
.wpcf7 form .wpcf7-submit {
margin-top: 35px;
}
/* 13. Hauptmenü: Der aktive Menüpunkt bekommt dauerhaft denselben
Unterstrich, der sonst nur beim Hover erscheint. */
.w-nav.type_desktop .hover_underline .menu-item.level_1.current-menu-item .w-nav-title:after,
.w-nav.type_desktop .hover_underline .menu-item.level_1.current-menu-ancestor .w-nav-title:after,
.w-nav.type_desktop .hover_underline .menu-item.level_1.current-page-ancestor .w-nav-title:after {
bottom: -2px;
opacity: 1;
}
/* 7. Sticky-Header: weniger Transparenz (Original: rgba(0,0,0,0.75) über
--color-content-overlay; die Variable selbst bleibt unverändert, da sie
auch für Dropdowns u.a. genutzt wird). */
.l-header.sticky .l-subheader.at_middle {
background: rgba(0, 0, 0, 0.92) !important;
}
/* 4. Scroll-Einblend-Animationen des normalen Contents (Spalten, Texte,
Iconboxen fliegen von links/rechts/unten rein) komplett deaktivieren —
alles ist sofort da. Die Slider im Hero (RevSlider/Owl) haben ein eigenes
Animationssystem und bleiben unberührt. Nebeneffekt: Inhalte bleiben auch
dann sichtbar, wenn die Animation nie ausgelöst würde (reduced motion). */
.us_animate_this {
opacity: 1 !important;
transform: none !important;
animation: none !important;
}
/* 22. Desktop: Catering-Seite — dunkle Sektion "Unser Angebot: Für jeden
Anlass das passende Menü" 80px weniger Innenabstand oben. Geschenke-Seite —
Sektion "Individuelle Zusammenstellungen" 55px mehr Innenabstand oben,
53px weniger unten (unten inkl. Wellen-Aufschlag aus Regel 9). */
@media (min-width: 1025px) {
body.page-id-492 main > section.us_custom_9c959968 {
padding-top: calc(var(--section-custom-padding) - 80px) !important;
}
body.page-id-868 main > section.us_custom_9c959968 {
padding-top: calc(var(--section-custom-padding) + 55px) !important;
}
body.page-id-868 main > section.us_custom_9c959968 {
padding-bottom: calc(var(--section-custom-padding) - 53px) !important;
}
/* Geschenke: Formular-Sektion "Haben Sie Fragen?" — 30px mehr Innenabstand
oben, 40px weniger unten (Basis unten: var + 10vmin Wellen-Aufschlag) */
body.page-id-868 main > section:has(.wpcf7) {
padding-top: calc(var(--section-custom-padding) + 30px) !important;
padding-bottom: calc(var(--section-custom-padding) + 10vmin - 40px) !important;
}
}
/* 23. Desktop: Header-Sektion (erste Sektion jeder Seite) — Überschrift 40px
weiter nach unten, ohne die Sektionshöhe zu ändern (border-box, feste
Höhe -> nur mehr Innenabstand oben). */
@media (min-width: 1025px) {
main#page-content > section:first-child {
padding-top: calc(var(--section-custom-padding) + 40px) !important;
}
/* Titel-Sektionen ohne Bild/Video haben automatische Höhe: unten 40px
abziehen, damit die Sektion nicht größer wird */
:where(body:not(.page-id-814):not(.category)) main#page-content > section:first-child:where(:not(.with_img):not(.with_video)) {
padding-bottom: calc(var(--section-custom-padding) - 40px) !important;
}
body.page-id-814 main > section.us_custom_edf3c4be {
padding-top: calc(var(--section-custom-padding) + 41px) !important;
}
body.page-id-814 main > section.us_custom_edf3c4be.with_shape:has(> .l-section-shape.pos_bottom) {
padding-bottom: calc(var(--section-custom-padding) + 10vmin - 79px) !important;
}
}
/* 24. Desktop: Impressum / Datenschutzerklärung / Cookie-Richtlinie —
Innenabstand oben 10px weniger (nach Regel 23: +40 -> +30), unten 60px
mehr (nach Regel 23: -40 -> +20). */
@media (min-width: 1025px) {
body.page-id-37 main#page-content > section:first-child,
body.page-id-3 main#page-content > section:first-child,
body.page-id-827 main#page-content > section:first-child {
padding-top: calc(var(--section-custom-padding) + 30px) !important;
padding-bottom: calc(var(--section-custom-padding) + 20px) !important;
}
}
/* 25. Desktop: Wochenkarte-Seite — Innenabstand oben 10px weniger (nach
Regel 23: +40 -> +30); unter der Karten-Grafik exakt 85px bis Sektionsende. */
@media (min-width: 1025px) {
body.postid-739 main#page-content > section:first-child {
padding-top: calc(var(--section-custom-padding) + 30px) !important;
padding-bottom: 85px !important;
}
}
/* M13. MOBILE Wochenkarte-Seite: 45px weniger Innenabstand unten
(nativ: var(--section-custom-padding) = 6.5vmax). */
@media (max-width: 610px) {
body.postid-739 main#page-content > section:first-child {
padding-bottom: calc(var(--section-custom-padding) - 45px) !important;
}
}
/* 26. Desktop: Wochenkarte-Grafik ist jetzt 16:9 (vorher quadratisch) — die
feste 800px-Bildbox würde oben/unten Leerraum erzeugen; Höhe folgt dem Bild. */
@media (min-width: 611px) {
body.postid-739 .us_custom_80b6bb5f {
height: auto !important;
}
body.postid-739 .us_custom_80b6bb5f img {
height: auto !important;
width: 100% !important;
}
}
/* 27. Wochenkarte-Grafik nur so breit wie die vorherige (800px) und zentriert. */
@media (min-width: 611px) {
body.postid-739 .us_custom_80b6bb5f {
max-width: 800px;
margin-left: auto !important;
margin-right: auto !important;
}
}