/* * WANDKIND – kleine Korrekturen am Theme (WandkindTemplate), ohne das Theme neu zu kompilieren. * Geladen im aller Seiten (layout/meta.html.twig, nach dem Theme-CSS). */ /* Startseite, Slider „Große Motivvielfalt“ usw. (custom-trenner-slider.scss): Das Hintergrundmuster lag auf https://wandkind.amaseon.com/… (Entwickler-Server, nicht mehr erreichbar) → weiße Schrift auf weißem Grund. Jetzt das grüne WANDKIND-Muster aus den eigenen Medien (PATTERn.svg, gleiche Form 1509 × 679). */ .trenner-slide { background-color: #7BB17E; background-image: url("/media/9d/30/b4/1697450672/PATTERn.svg"); } /* EU-Gewährleistungsmitteilung (component/cf-eu-guarantee-notice.html.twig) im Warenkorb und Checkout. Die Grafik ist ein A4-Blatt; sie wird unverändert, farbig und groß genug zum Lesen gezeigt. */ .cf-eu-guarantee { margin: 28px 0 8px; padding: 20px; border: 1px solid #e4e0d9; background: #fff; } .cf-eu-guarantee-title { margin: 0 0 14px; font-size: 1.2rem; font-weight: 600; } .cf-eu-guarantee-img { display: block; width: 100%; max-width: 820px; height: auto; margin: 0 auto; } .cf-eu-guarantee-links { margin: 14px 0 0; font-size: 14px; text-align: center; } /* Rechtstexte (AGB, Versand, Datenschutz …): Tabellen und Abstände in CMS-Textelementen */ .cms-element-text table { width: 100%; margin: 12px 0 20px; border-collapse: collapse; } .cms-element-text th, .cms-element-text td { padding: 8px 10px; border-bottom: 1px solid #e4e0d9; text-align: left; vertical-align: top; } .cms-element-text th { font-weight: 600; } .cms-element-text h3 { margin-top: 1.4em; } /* cf-v31-fusszeile:anfang (Motivseite v3.1 – pkg31/rollback.sh entfernt genau diesen Block bis zur Ende-Markierung) */ /* Fußzeile „Unsere Bezahlmethoden“ / „Unsere Versandpartner“ (24.09.2026, alle Seiten): im Theme (WandkindTemplate custom-footer.scss → all.css) 150px Abstand oben/unten, Überschrift 24px mit 25px Abstand, Logos 50px hoch mit 25px Abstand, am Handy 75px zwischen beiden Blöcken → kompakt. Gleiche Selektoren wie im Theme, mit „footer“ davor eine Stufe stärker (Theme 0,2,0 / 0,3,0 / 0,4,0 / 0,2,1), damit die Regeln sicher gewinnen. Die Überschrift steht (width:100%) in einer eigenen Flex-Zeile: sichtbarer Abstand zu den Logos = margin-bottom + row-gap (Desktop 2 + 10 = 12px, Handy 0 + 10 = 10px); row-gap trennt auch umgebrochene Logo-Reihen (768–991px). */ footer.footer-main .footer-payments-wrapper { padding: 36px 0; } footer.footer-main .footer-payments-wrapper .footer--bottom__payments-container .footer--bottom__payments-label, footer.footer-main .footer-payments-wrapper .footer--bottom__shipping-container .footer--bottom__shipping-label { margin-bottom: 2px; font-size: 20px; line-height: 1.3; } footer.footer-main .footer-payments-wrapper .footer--bottom__payments-container, footer.footer-main .footer-payments-wrapper .footer--bottom__shipping-container { row-gap: 10px; } footer.footer-main .footer-payments-wrapper .footer--bottom__payment svg { height: 40px; margin-right: 16px; } @media (max-width: 767px) { footer.footer-main .footer-payments-wrapper { padding: 24px 0; } footer.footer-main .footer-payments-wrapper .footer--bottom__payments-container { margin-bottom: 20px; } footer.footer-main .footer-payments-wrapper .footer--bottom__payments-container .footer--bottom__payments-label, footer.footer-main .footer-payments-wrapper .footer--bottom__shipping-container .footer--bottom__shipping-label { margin-bottom: 0; font-size: 18px; } footer.footer-main .footer-payments-wrapper .footer--bottom__payment svg { height: 36px; margin-right: 12px; } } /* cf-v31-fusszeile:ende */