/* * Inhalte aus Gutenberg-Blöcken (Vorhaben 5, docs/schnitte/2026-10-31-vorhaben-5-elementor-raus.md): dieselbe Gestaltung * wie die bisherigen Elementor-Inhalte mit der CI-Schicht (inspirezz-inhalte/assets/ci.css). Gilt nur, wenn der Inhalt * aus Blöcken besteht (Body-Klasse inspirezz-bloecke, functions.php); Seiten, die Elementor rendert, bleiben unberührt. * Werte gemessen auf live am 31.10.2026 (Beitrag /blog-marketing-roi-staffingunternehmen/, 1440 px): Lesespalte 800 px, * H1 48/700, H2 26/600, H3 22/600, Absatz 17 px / 1,75. * Gestaltete Seiten im Struktur-Modus (Body-Klasse inspirezz-struktur) gestaltet ihr übersetztes Seiten-CSS * (assets/css/seiten/); die Regeln für Schrift, Abstände und Knöpfe der Lesetexte gelten dort nicht. */ /* Je Gerät ausgeblendete Bereiche (Elementor: hide_desktop/_tablet/_mobile; Breakpoints wie Elementor) */ @media (min-width: 1025px) { .izzy-aus-desktop { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .izzy-aus-tablet { display: none !important; } } @media (max-width: 767px) { .izzy-aus-handy { display: none !important; } } /* ---------- Beiträge: Lesespalte ---------- */ /* Lesebreite 800 px plus 10 px Rand je Seite (wie Elementors Spalte: 820 px mit 10 px Innenabstand); am Handy ebenso 10 px (live gemessen, Gegencheck 5.2 N1). Impressum und Datenschutz: das Titelband über die volle Breite, alles andere in der Lesebreite. */ body.inspirezz-bloecke.single-post .page-content, body.inspirezz-bloecke:not(.inspirezz-struktur):is(.page-id-4041, .page-id-8543) .page-content > :not(.izzy-bereich), body.inspirezz-bloecke:not(.inspirezz-struktur):is(.page-id-4041, .page-id-8543) .page-content > .wp-block-group.izzy-bereich > .wp-block-group__inner-container.wp-block-group__inner-container { box-sizing: border-box; margin-inline: auto; max-width: 820px; padding-inline: 10px; } /* Trennlinie aus Elementor (Struktur-Modus): Linie aus den Variablen des Seiten-CSS statt der Block-Linie */ body.inspirezz-bloecke .page-content .elementor-widget-divider .wp-block-separator { border: 0; border-block-start: var(--divider-border-width, 1px) var(--divider-border-style, solid) var(--divider-color, #dcdce0); margin-inline: auto; opacity: 1; } body.inspirezz-bloecke.single-post .page-content > * { margin-block: 0; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content :is(h1, h2, h3, h4).wp-block-heading { color: var(--ci-tinte, #2b2b2b); margin-block-start: 0; text-wrap: balance; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content h1.wp-block-heading { font-size: var(--e-global-typography-af56d6e-font-size, 48px); font-weight: 700; letter-spacing: -.01em; line-height: 1.15; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content :is(h1, h2, h3, h4).wp-block-heading { text-align: left; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content h2.wp-block-heading { font-size: 26px; font-weight: 600; letter-spacing: 0; line-height: 1.3; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content h3.wp-block-heading { font-size: 22px; font-weight: 600; letter-spacing: 0; line-height: 1.35; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content h4.wp-block-heading { font-size: 19px; font-weight: 600; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content :is(p, li) { font-size: var(--e-global-typography-text-font-size, 17px); line-height: 1.75; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content p { margin-block: 0 14.4px; } body.inspirezz-bloecke.single-post .page-content > p { margin-block: 0 14.4px; } /* Text, den Elementor ohne

ausgab (Izzy Umzug: Klasse izzy-lose), hatte keinen Abstand unten. Nur auf gestalteten Seiten: Dort setzt der Container den Abstand zwischen Widgets (gap); in Beiträgen steht der Absatzabstand dafür. */ body.inspirezz-struktur .page-content p.izzy-lose { margin-block-end: 0; } body.inspirezz-bloecke .page-content { overflow-wrap: anywhere; } @media (max-width: 767px) { body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content h2.wp-block-heading { font-size: 22px; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content h3.wp-block-heading { font-size: 19px; } } /* Links im Fließtext wie in der CI-Schicht (akzent-dunkel, unterstrichen) */ /* Links wie in Elementors Hülle (.elementor a: ohne Unterstreichung); nur Fließtext-Links unterstrichen */ body.inspirezz-bloecke .page-content a { text-decoration: none; } body.inspirezz-bloecke:not(.inspirezz-struktur) main .page-content :is(p.wp-block-paragraph, .wp-block-list > li) a:not(.elementor-toc__list-item-text) { color: var(--ci-akzent-dunkel, #c03737); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } body.inspirezz-bloecke:not(.inspirezz-struktur) main .page-content :is(p.wp-block-paragraph, .wp-block-list > li) a:not(.elementor-toc__list-item-text):hover { text-decoration-thickness: 2px; } /* Bilder in ihrer eigenen Größe, höchstens spaltenbreit (wie Elementor). Wo Elementor eine Breite gesetzt hatte (z. B. 100 %), trägt der Bildblock sie selbst (Izzy Umzug, Gegencheck 5.2 B3). */ body.inspirezz-bloecke .page-content .wp-block-image { margin-block: 0; } body.inspirezz-bloecke .page-content .wp-block-image img { height: auto; max-width: 100%; } /* Links oder rechts ausgerichtete Bilder (aus dem Fließtext): Text fließt daneben, wie vorher */ body.inspirezz-bloecke .page-content .wp-block-image.alignleft { float: left; margin: 6px 24px 14px 0; max-width: 50%; } body.inspirezz-bloecke .page-content .wp-block-image.alignright { float: right; margin: 6px 0 14px 24px; max-width: 50%; } body.inspirezz-bloecke .page-content :is(h1, h2, h3, h4).wp-block-heading { clear: both; } /* Galerie (vorher Karussell): eine Zeile, kleine Bilder */ body.inspirezz-bloecke .page-content .wp-block-gallery { --wp--style--unstable-gallery-gap: 10px; gap: 10px; margin-block: 10px 20px; } body.inspirezz-bloecke .page-content .wp-block-image.aligncenter { text-align: center; } /* Knöpfe wie die CI-Knöpfe */ body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-button__link { background-color: var(--ci-akzent, #ea6363); border-radius: var(--ci-radius, 8px); color: #fff; display: inline-block; font-size: 19px; font-weight: 700; line-height: 1; padding: 15px 30px; text-decoration: none; transition: background-color var(--ci-tempo, .2s); } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-button__link:is(:hover, :focus-visible) { background-color: var(--ci-akzent-dunkel, #c03737); color: #fff; } /* Trenner, Listen, Spalten, Details */ body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-separator { border: 0; border-top: 1px solid var(--ci-linie, #dcdce0); margin-block: 15px; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content :is(ul, ol).wp-block-list { margin-block: 0 14.4px; padding-inline-start: 1.4em; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-columns { gap: 20px; margin-block: 0; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-details summary { cursor: pointer; font-weight: 600; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-group.has-background { padding: 20px; } /* Abstände wie auf live gemessen (31.10.): Überschrift → Text 10 px, Titel → Text 20 px, Text → H2 34 px, Text → H3 35 px */ body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content :is(h1, h2, h3, h4).wp-block-heading { margin-block-end: 10px; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content * + h2.wp-block-heading { margin-block-start: 34px !important; } body.inspirezz-bloecke:not(.inspirezz-struktur):is(.single-post, .page-id-4041, .page-id-8543) .page-content * + :is(h3, h4).wp-block-heading { margin-block-start: 35px !important; } /* Beitragskopf wie die CI-Schicht: Abstandshalter vor dem Titel fallen weg; Bild 40 px unter dem Seitenkopf, Titel 40 px darunter (Handy 24 px); die erste Überschrift ist der Titel im Stil H1 (14 Beiträge zeichnen ihn als H2 aus). */ body.inspirezz-bloecke.single-post .page-content > .wp-block-spacer:not(.wp-block-heading ~ .wp-block-spacer) { display: none; } body.inspirezz-bloecke.single-post .page-content > .wp-block-heading:not(.wp-block-heading ~ .wp-block-heading) { font-size: var(--e-global-typography-af56d6e-font-size, 48px) !important; font-weight: 700 !important; letter-spacing: -.01em !important; line-height: 1.15 !important; margin-block: 40px 20px !important; text-align: left !important; } body.inspirezz-bloecke.single-post .page-content > .wp-block-image:not(.wp-block-heading ~ *) { margin-block: 40px 0; } body.inspirezz-bloecke.single-post .page-content .wp-block-image img { border-radius: var(--ci-radius, 8px); } @media (max-width: 767px) { body.inspirezz-bloecke.single-post .page-content > .wp-block-image:not(.wp-block-heading ~ *) { margin-block-start: 24px; } body.inspirezz-bloecke.single-post .page-content > .wp-block-heading:not(.wp-block-heading ~ .wp-block-heading) { margin-block-start: 24px !important; } } /* Bereiche mit Brückenklassen (Elemente, auf die die CI-Schicht über .elementor-element- zielt): Abstände und Inhaltsbreite aus den Variablen, die die CI-Schicht wie für Elementor-Container setzt. */ /* Jeder Bereich setzt die Variablen zurück wie Elementors Container (Standard-Innenabstand 10 px), damit sie sich nicht auf innere Bereiche vererben; die CI-Schicht setzt sie je Element (spezifischer, !important). */ body.inspirezz-bloecke .page-content .wp-block-group.izzy-bereich { --padding-top: 10px; --padding-right: 10px; --padding-bottom: 10px; --padding-left: 10px; --margin-top: 0px; --margin-bottom: 0px; --content-width: none; } body.inspirezz-bloecke .page-content .wp-block-group.izzy-bereich { box-sizing: border-box; margin-block: var(--margin-top, 0px) var(--margin-bottom, 0px); padding: var(--padding-top, 0px) var(--padding-right, 0px) var(--padding-bottom, 0px) var(--padding-left, 0px); } /* Inhaltsbreite des Bereichs (--content-width der CI-Schicht) am Innenbehälter, wie Elementors .e-con-inner */ body.inspirezz-bloecke .page-content .wp-block-group.izzy-bereich > .wp-block-group__inner-container { margin-inline: auto; max-width: var(--content-width, none); } /* Icons, die Elementor in Knöpfen und Listen zeigte (Izzy Umzug: Klasse izzy-icon- am Knopf) */ body.inspirezz-bloecke .wp-block-button.izzy-icon-arrow-right .wp-block-button__link::after { background-color: currentColor; content: ""; display: inline-block; height: .8em; margin-inline-start: .45em; vertical-align: -.05em; width: .8em; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E") center / contain no-repeat; } /* Icon-Listen (Elementor: Quadrat in der Akzentfarbe vor jedem Punkt) */ body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-list.is-style-izzy-haken { list-style: none; padding-inline-start: 0; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-list.is-style-izzy-haken > li { padding-inline-start: 22px; position: relative; } body.inspirezz-bloecke:not(.inspirezz-struktur) .page-content .wp-block-list.is-style-izzy-haken > li::before { background: var(--ci-akzent, #ea6363); content: ""; height: 8px; left: 0; position: absolute; top: .72em; width: 8px; } /* Bilder der Größe „large“: WordPress gab sie bisher (Elementor, wp_get_attachment_image) auf $content_width = 800 px begrenzt aus; Blöcke tragen die Dateibreite (1024). */ body.inspirezz-bloecke .page-content .wp-block-image.size-large img { max-width: min(100%, 800px); } /* Vorlage „Mehr erfahren“ (#8224, [inspirezz_vorlage] in 16 Beiträgen) wie Elementors Container: 20 px Innenabstand (am Handy 10 px weiter außen als der Text), 20 px zwischen den Elementen, Überschrift ohne eigenen Rand (gemessen auf live, 31.10.) */ body.inspirezz-bloecke .page-content .inspirezz-vorlage-8224 { display: flex; flex-direction: column; gap: 20px; padding: 20px; } body.inspirezz-bloecke .page-content .inspirezz-vorlage.inspirezz-vorlage-8224 > :is(.wp-block-spacer, h2.wp-block-heading) { margin: 0 !important; } body.inspirezz-bloecke .page-content .inspirezz-vorlage-8224 > p { margin-block: 0 14.4px; } @media (max-width: 767px) { body.inspirezz-bloecke .page-content .inspirezz-vorlage-8224 { margin-inline: -10px; } } /* Baustein „Mehr erfahren“ (Muster, Gruppe .izzy-mehr-erfahren, 5.5/5.6): dieselben Maße wie die Vorlage oben, deren Abstandshalter (25 px) in den Innenabstand eingerechnet (20 + 25 + 20 px über der Überschrift) */ body.inspirezz-bloecke .page-content .wp-block-group.izzy-mehr-erfahren { padding: 65px 20px; } body.inspirezz-bloecke .page-content .izzy-mehr-erfahren > .wp-block-group__inner-container { display: flex; flex-direction: column; gap: 20px; } body.inspirezz-bloecke .page-content .izzy-mehr-erfahren h2.wp-block-heading { margin: 0 !important; } body.inspirezz-bloecke .page-content .izzy-mehr-erfahren p { margin-block: 0 14.4px; } @media (max-width: 767px) { body.inspirezz-bloecke .page-content .wp-block-group.izzy-mehr-erfahren { margin-inline: -10px; } } /* Spalten stapeln wie bei Elementor erst unter 768 px (Gutenberg: unter 782 px); zwischen 768 und 781 px nebeneinander, gleich breit (Gegencheck 5.2 N2) */ @media (min-width: 768px) and (max-width: 781px) { body.inspirezz-bloecke .page-content .wp-block-columns:not(.is-not-stacked-on-mobile) { flex-wrap: nowrap !important; } body.inspirezz-bloecke .page-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex: 1 1 0 !important; } } /* Galerien aus Elementor-Karussells (Izzy Umzug): je Reihe so viele Bilder wie das Karussell je Gerät zeigte (N3); Grenzen wie Elementors Swiper (frontend.js, handleElementorBreakpoints): Handy unter 767 px, Tablet 767–1023, Desktop ab 1024 */ @media (max-width: 1023px) { body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-tablet-1 figure.wp-block-image:not(#individual-image) { width: 100%; } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-tablet-2 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 1) / 2); } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-tablet-3 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 2) / 3); } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-tablet-4 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 3) / 4); } } @media (max-width: 766px) { body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-handy-1 figure.wp-block-image:not(#individual-image) { width: 100%; } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-handy-2 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 1) / 2); } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-handy-3 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 2) / 3); } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-spalten-handy-4 figure.wp-block-image:not(#individual-image) { width: calc((100% - var(--wp--style--unstable-gallery-gap, 16px) * 3) / 4); } } /* … und wie das Karussell in einer Reihe: waagerecht wischbar, Bild für Bild einrastend (ohne Skript, ohne Autoplay) */ body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-karussell { flex-wrap: nowrap !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; } body.inspirezz-bloecke .page-content .wp-block-gallery.has-nested-images.izzy-karussell figure.wp-block-image:not(#individual-image) { flex-shrink: 0; scroll-snap-align: start; } /* Karussell-Hinweis (assets/js/karussell.js): Laufleiste aus, dafür Pfeile im Bild und Punkte darunter – dezent im CI: aktiver Punkt als kurzer Strich in Akzentfarbe, Pfeile als halbtransparente runde Knöpfe (Desktop erst beim Überfahren). Spezifität über .izzy-karussell-huelle button.…: Elementors Kit gestaltet sonst jeden button als CI-Knopf (.elementor-kit- button, auch :hover/:focus) – hier ausdrücklich zurückgesetzt. */ body.inspirezz-bloecke .page-content .izzy-karussell-huelle .wp-block-gallery.izzy-karussell { scrollbar-width: none; } body.inspirezz-bloecke .page-content .izzy-karussell-huelle .wp-block-gallery.izzy-karussell::-webkit-scrollbar { display: none; } .izzy-karussell-huelle .izzy-karussell-rahmen { position: relative; } .izzy-karussell-huelle button.izzy-karussell-pfeil, .izzy-karussell-huelle button.izzy-karussell-punkt { border: 0; border-radius: 0; box-shadow: none; color: inherit; font: inherit; line-height: 1; margin: 0; min-height: 0; text-transform: none; } .izzy-karussell-huelle button.izzy-karussell-pfeil { align-items: center; background: rgba(255, 255, 255, .82); border-radius: 50%; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); cursor: pointer; display: flex; height: 36px; justify-content: center; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: opacity var(--ci-tempo, .2s), background-color var(--ci-tempo, .2s); width: 36px; z-index: 2; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); } .izzy-karussell-huelle button.izzy-karussell-pfeil:is(:hover, :focus) { background: #fff; } .izzy-karussell-huelle button.izzy-karussell-pfeil::before { border-block-start: 2px solid var(--ci-tinte, #2b2b2b); border-inline-end: 2px solid var(--ci-tinte, #2b2b2b); content: ""; height: 9px; width: 9px; } .izzy-karussell-huelle button.izzy-karussell-zurueck { left: 10px; } .izzy-karussell-huelle button.izzy-karussell-zurueck::before { margin-left: 4px; transform: rotate(-135deg); } .izzy-karussell-huelle button.izzy-karussell-weiter { right: 10px; } .izzy-karussell-huelle button.izzy-karussell-weiter::before { margin-right: 4px; transform: rotate(45deg); } .izzy-karussell-huelle button.izzy-karussell-pfeil[hidden] { display: none; } @media (hover: hover) { .izzy-karussell-huelle button.izzy-karussell-pfeil { opacity: 0; } .izzy-karussell-huelle .izzy-karussell-rahmen:hover button.izzy-karussell-pfeil, .izzy-karussell-huelle button.izzy-karussell-pfeil:focus-visible { opacity: 1; } } .izzy-karussell-huelle .izzy-karussell-punkte { display: flex; gap: 2px; justify-content: center; margin-block-start: 8px; } .izzy-karussell-huelle button.izzy-karussell-punkt, .izzy-karussell-huelle button.izzy-karussell-punkt:is(:hover, :focus) { background: none; cursor: pointer; display: flex; justify-content: center; padding: 8px 5px; } .izzy-karussell-huelle button.izzy-karussell-punkt::before { background: var(--ci-tinte, #2b2b2b); border-radius: 3px; content: ""; height: 6px; opacity: .2; transition: width .25s ease, opacity .25s ease, background-color .25s ease; width: 6px; } .izzy-karussell-huelle button.izzy-karussell-punkt:hover::before { opacity: .45; } .izzy-karussell-huelle button.izzy-karussell-punkt[aria-current]::before { background: var(--ci-akzent, #ea6363); opacity: 1; width: 20px; } .izzy-karussell-huelle button:is(.izzy-karussell-pfeil, .izzy-karussell-punkt):focus { outline: none; } .izzy-karussell-huelle button:is(.izzy-karussell-pfeil, .izzy-karussell-punkt):focus-visible { outline: 2px solid var(--ci-akzent-dunkel, #c03737); outline-offset: 2px; border-radius: 6px; } .izzy-karussell-huelle button.izzy-karussell-pfeil:focus-visible { border-radius: 50%; } .izzy-karussell-huelle.izzy-karussell-alles-sichtbar :is(.izzy-karussell-punkte, .izzy-karussell-pfeil) { display: none; } @media (prefers-reduced-motion: reduce) { .izzy-karussell-huelle button.izzy-karussell-punkt::before { transition: none; } } /* Zitat-Block (Baustein „Zitat“, Vorhaben 5.6) wie die Zitate der Beiträge ([inspirezz_zitat], live gemessen 01.11.): Strich links 4 px grau, Text kursiv, Quelle aufrecht darunter */ body.inspirezz-bloecke .page-content .wp-block-quote { border: 0; border-inline-start: 4px solid #838488; color: #34373a; margin: 39px 51px; padding: 0 0 0 10px; quotes: none; } body.inspirezz-bloecke .page-content .wp-block-quote p { font-style: italic; margin-block: 0 14.4px; } body.inspirezz-bloecke .page-content .wp-block-quote cite { color: #34373a; display: block; font-size: inherit; font-style: normal; margin-block-start: 25px; } @media (max-width: 767px) { body.inspirezz-bloecke .page-content .wp-block-quote { margin-inline: 10px; } } /* Abstand zum Fuß (Rob 01.11.2026: „Da klebt das Kontakt-Schild am Footer“): Endet der Inhalt nicht mit einem Abstandhalter (so enden die umgezogenen Beiträge, 64 px) oder einem gestalteten Bereich der Struktur-Seiten (e-con, z. B. dunkler Kasten bis an den Fuß) oder dem Kasten „Mehr erfahren“ (Vorlage #8224, grau bis an den Fuß), bekommt der letzte Block denselben Abstand – Knöpfe, Schlagwörter und neue Beiträge, die mit einem Absatz enden. */ body.inspirezz-bloecke main .page-content > :last-child:not(.wp-block-spacer, .e-con, .has-background, .izzy-mehr-erfahren):not(:has(.inspirezz-vorlage, .izzy-mehr-erfahren)){margin-bottom:64px} /* Beitrags-H1 auf dem Handy wie in der CI-Schicht (ci.css, Rob 01.11.2026 „Personaldienstleiste / r“): lange Wörter ganz in einer Zeile; die Regel oben mit !important setzt sonst die volle Größe. */ @media (max-width: 767px) { body.inspirezz-bloecke.single-post .page-content > .wp-block-heading:not(.wp-block-heading ~ .wp-block-heading):is(h1) { font-size: min(32px, calc((100vw - 48px) / 11.6)) !important; } }