/* ==========================================================================
   DITIB Nord – Theme-Stile (Portal-Stil nach Vorbild der Landesportale)
   ========================================================================== */

:root {
	--ditib-linie: #E3E6EA;
	--ditib-schatten: 0 4px 16px rgba(31, 42, 55, .08);
	--ditib-max: 1280px;
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
main { min-height: 50vh; }
img { height: auto; max-width: 100%; }
:focus-visible { outline: 3px solid var(--wp--preset--color--rot); outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
h1, h2, h3, h4 { text-wrap: balance; }
p { text-wrap: pretty; }
.ditib-icon { width: 1.25em; height: 1.25em; flex-shrink: 0; }

/* Serviceleiste ----------------------------------------------------------- */
.ditib-servicebar { background: #F3F4F6; border-bottom: 1px solid var(--ditib-linie); font-size: .85rem; }
.ditib-servicebar__inner { min-height: 38px; }
.ditib-servicebar__claim { margin: 0; color: var(--wp--preset--color--grau); }
.ditib-servicebar .wp-block-navigation-item__content { padding: .35rem .55rem; color: var(--wp--preset--color--anthrazit); }
.ditib-servicebar .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--rot-dunkel); text-decoration: underline; }
.ditib-servicebar .ditib-login .wp-block-navigation-item__content { font-weight: 700; color: var(--wp--preset--color--rot-dunkel); }
.ditib-servicebar .ditib-login .wp-block-navigation-item__content::before { content: ""; display: inline-block; width: .9em; height: .9em; margin-right: .4em; vertical-align: -.1em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%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 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center/contain no-repeat; }

/* Kopfbereich ------------------------------------------------------------ */
.ditib-header__main { background: #fff; border-bottom: 4px solid var(--wp--preset--color--rot); position: sticky; top: 0; z-index: 50; }
.admin-bar .ditib-header__main { top: 32px; }
.ditib-header__inner { min-height: 96px; gap: 1.5rem; }
.ditib-header__logo img { height: 66px; width: auto; display: block; }
.ditib-header__rechts { gap: .25rem; }
.ditib-header__nav .wp-block-navigation-item__content { font-size: 1.1rem; font-weight: 600; color: var(--wp--preset--color--anthrazit); padding: .85rem .9rem; border-bottom: 3px solid transparent; margin-bottom: -3px; }
.ditib-header__nav .wp-block-navigation-item__content:hover { border-bottom-color: var(--wp--preset--color--anthrazit); }
.ditib-header__nav .current-menu-item > .wp-block-navigation-item__content,
.ditib-header__nav .current-menu-ancestor > .wp-block-navigation-item__content { border-bottom-color: var(--wp--preset--color--rot); }
.ditib-header__nav .wp-block-navigation__submenu-icon { margin-left: .2rem; }
.ditib-header__nav .wp-block-navigation__submenu-container { background: #fff; border: 1px solid var(--ditib-linie); border-top: 3px solid var(--wp--preset--color--rot); box-shadow: var(--ditib-schatten); padding: .5rem 0; min-width: 280px !important; }
.ditib-header__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; font-weight: 500; padding: .6rem 1.1rem; border: 0; margin: 0; }
.ditib-header__nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #F3F4F6; color: var(--wp--preset--color--rot-dunkel); }
.ditib-header__nav .wp-block-navigation__responsive-container-open svg,
.ditib-header__nav .wp-block-navigation__responsive-container-close svg { width: 30px; height: 30px; }
.ditib-suche .wp-block-search__button { background: transparent; color: var(--wp--preset--color--anthrazit); border: 0; padding: .6rem; }
.ditib-suche .wp-block-search__button svg { width: 24px; height: 24px; }
.ditib-suche .wp-block-search__inside-wrapper { border: 1px solid var(--ditib-linie); border-radius: 3px; }
.ditib-suche .wp-block-search__input { padding: .55rem .75rem; min-width: 12rem; }
@media (max-width: 781px) {
	.ditib-servicebar__claim { display: none; }
	.ditib-servicebar__inner { justify-content: flex-end; }
	.admin-bar .ditib-header__main { top: 46px; }
	.ditib-header__inner { min-height: 76px; }
	.ditib-header__logo img { height: 50px; }
}

/* Mobiles Menü (Overlay) ---------------------------------------------------- */
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open { background-color: #fff; color: var(--wp--preset--color--anthrazit); padding: 4.5rem 1.5rem 2rem; overflow-y: auto; }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: flex-start; justify-content: flex-start; gap: .25rem; }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { width: 100%; }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.2rem; padding: .6rem .25rem; width: 100%; border: 0; margin: 0; }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { padding-left: 1rem; border: 0; border-left: 2px solid var(--ditib-linie); margin: .25rem 0 .5rem; box-shadow: none; }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1.05rem; color: var(--wp--preset--color--grau); }
.ditib-header__nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none; }
.ditib-header__nav .wp-block-navigation__responsive-container-close { top: 1.25rem; right: 1.25rem; }

/* Startseite: Willkommen und Bühne ------------------------------------------- */
.ditib-willkommen { padding-top: clamp(2rem, 4vw, 3.5rem); }
.ditib-willkommen h1 { font-size: clamp(2.4rem, 4.5vw, 3.4rem); margin: 0 0 .75rem; letter-spacing: -0.02em; }
.ditib-willkommen__lead { font-size: clamp(1.1rem, 1.6vw, 1.35rem); line-height: 1.55; color: var(--wp--preset--color--grau); max-width: 62ch; margin: 0; }
.ditib-buehne { margin: 2rem 0 0; }
.ditib-buehne img { width: 100%; aspect-ratio: 21 / 9; object-fit: cover; display: block; border-radius: 0; }
.ditib-buehne figcaption { text-align: left; font-size: .8rem; color: var(--wp--preset--color--grau); margin: .5rem 0 0; }
@media (max-width: 600px) { .ditib-buehne img { aspect-ratio: 4 / 3; } }

/* Schnellzugriff-Kacheln ------------------------------------------------------- */
.ditib-schnellzugriff { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1.5rem 0 0; }
.ditib-kachel { display: flex; align-items: center; gap: .9rem; padding: 1.1rem 1.25rem; background: #fff; border: 1px solid var(--ditib-linie); border-left: 4px solid var(--wp--preset--color--rot); text-decoration: none; color: var(--wp--preset--color--anthrazit); font-weight: 700; transition: border-color .15s, box-shadow .15s, transform .15s; }
.ditib-kachel .ditib-icon { width: 28px; height: 28px; color: var(--wp--preset--color--rot); }
.ditib-kachel__pfeil { margin-left: auto; width: 20px; height: 20px; color: var(--wp--preset--color--grau); }
.ditib-kachel:hover { border-color: var(--wp--preset--color--anthrazit); border-left-color: var(--wp--preset--color--rot); box-shadow: var(--ditib-schatten); transform: translateY(-2px); }
.ditib-kachel:hover .ditib-kachel__pfeil { color: var(--wp--preset--color--rot); }

/* Abschnitte ------------------------------------------------------------------ */
.ditib-abschnitt { padding-block: clamp(3rem, 5vw, 4.5rem); }
.ditib-abschnitt--grau { background: #F6F7F8; }
.ditib-abschnitt__kopf { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid var(--ditib-linie); }
.ditib-abschnitt__kopf h2 { margin: 0; font-size: clamp(1.6rem, 2.4vw, 2rem); }
.ditib-abschnitt__kopf .ditib-mehr { margin: 0; }
.ditib-mehr a { font-weight: 700; text-decoration: none; color: var(--wp--preset--color--rot-dunkel); display: inline-flex; align-items: center; gap: .35rem; }
.ditib-mehr a::after { content: "→"; transition: transform .15s; }
.ditib-mehr a:hover { text-decoration: underline; }
.ditib-mehr a:hover::after { transform: translateX(3px); }
.ditib-kicker { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--grau); margin: 0 0 .5rem; }
.ditib-kicker a { text-decoration: none; color: inherit; }

/* Themen-Kacheln ----------------------------------------------------------------- */
.ditib-themen { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
.ditib-thema { display: block; padding: 1.6rem 1.5rem; background: #fff; border: 1px solid var(--ditib-linie); text-decoration: none; color: inherit; transition: border-color .15s, box-shadow .15s; }
.ditib-thema .ditib-icon { width: 38px; height: 38px; color: var(--wp--preset--color--rot); margin-bottom: 1rem; }
.ditib-thema h3 { margin: 0 0 .4rem; font-size: 1.15rem; }
.ditib-thema p { margin: 0; color: var(--wp--preset--color--grau); font-size: .95rem; line-height: 1.55; }
.ditib-thema:hover { border-color: var(--wp--preset--color--anthrazit); box-shadow: var(--ditib-schatten); }
.ditib-thema:hover h3 { text-decoration: underline; text-decoration-color: var(--wp--preset--color--rot); text-underline-offset: 3px; }

/* Gemeinden-Teaser ---------------------------------------------------------------- */
.ditib-zahlenzeile { display: flex; gap: 2.5rem; flex-wrap: wrap; margin: 1.5rem 0 2rem; padding: 0; list-style: none; }
.ditib-zahlenzeile li { display: flex; flex-direction: column; }
.ditib-zahlenzeile strong { font-size: 2.4rem; font-weight: 700; line-height: 1; color: var(--wp--preset--color--rot); }
.ditib-zahlenzeile span { font-size: .9rem; color: var(--wp--preset--color--grau); margin-top: .25rem; }

/* Service-Band (Mitgliederbereich, Presse) ----------------------------------------- */
.ditib-service { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
.ditib-service__karte { background: #fff; border: 1px solid var(--ditib-linie); border-top: 4px solid var(--wp--preset--color--rot); padding: 1.75rem; display: flex; flex-direction: column; gap: .75rem; }
.ditib-service__karte .ditib-icon { width: 34px; height: 34px; color: var(--wp--preset--color--rot); }
.ditib-service__karte h3 { margin: 0; font-size: 1.25rem; }
.ditib-service__karte p { margin: 0; color: var(--wp--preset--color--grau); }
.ditib-service__karte .wp-block-buttons { margin-top: auto; padding-top: .5rem; }

/* Seitenkopf (Unterseiten) ---------------------------------------------------------- */
.ditib-seitenkopf { padding: 1.25rem 0 2rem; margin-bottom: clamp(2rem, 4vw, 3rem); border-bottom: 1px solid var(--ditib-linie); }
.ditib-seitenkopf .ditib-brotkrumen { margin-bottom: 1.25rem; }
.ditib-seitenkopf h1 { margin: 0; font-size: clamp(2rem, 3.6vw, 2.8rem); letter-spacing: -0.015em; }
.ditib-seitenkopf .wp-block-post-title { margin: 0; }
.ditib-seitenkopf__intro { font-size: 1.2rem; line-height: 1.55; color: var(--wp--preset--color--grau); max-width: 65ch; margin: .9rem 0 0; }
.ditib-seitenkopf .ditib-kicker { margin-bottom: .6rem; }
.ditib-seitenkopf .wp-block-post-terms { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--grau); margin-bottom: .6rem; }
.ditib-seitenkopf .wp-block-post-terms a { text-decoration: none; color: inherit; }
.ditib-inhalt { padding-bottom: clamp(3rem, 5vw, 4.5rem); }
.ditib-inhalt .wp-block-post-content > p:first-of-type { font-size: 1.15rem; line-height: 1.6; }
.ditib-inhalt .wp-block-post-featured-image { margin-bottom: 1.75rem; }
.ditib-seitenleiste > * + * { margin-top: 1.5rem; }

/* Pressemitteilungen: Liste (Übersicht) ------------------------------------------------ */
.ditib-presse-zeile { display: grid; grid-template-columns: 8rem 1fr; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--ditib-linie); }
.ditib-presse-zeile .wp-block-post-date { font-weight: 700; color: var(--wp--preset--color--anthrazit); font-size: .95rem; padding-top: .25rem; }
.ditib-presse-zeile .wp-block-post-terms { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--tuerkis-dunkel); margin-bottom: .35rem; }
.ditib-presse-zeile .wp-block-post-terms a { text-decoration: none; }
.ditib-presse-zeile .wp-block-post-title { margin: 0 0 .45rem; font-size: 1.3rem; }
.ditib-presse-zeile .wp-block-post-excerpt { color: var(--wp--preset--color--grau); font-size: .95rem; }
.ditib-presse-zeile .wp-block-post-excerpt p { margin: 0; }
.ditib-presse-zeile .wp-block-post-excerpt__more-link { font-weight: 700; display: inline-block; margin-top: .4rem; }
@media (max-width: 600px) { .ditib-presse-zeile { grid-template-columns: 1fr; gap: .3rem; } }
.ditib-filter { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.ditib-filter a { display: inline-block; padding: .5rem 1rem; border: 1.5px solid var(--ditib-linie); font-size: .9rem; font-weight: 600; text-decoration: none; color: var(--wp--preset--color--anthrazit); }
.ditib-filter a:hover, .ditib-filter .is-aktiv a { border-color: var(--wp--preset--color--anthrazit); background: var(--wp--preset--color--anthrazit); color: #fff; }
.wp-block-query-pagination { margin-top: 2.5rem; }
.wp-block-query-pagination a { text-decoration: none; font-weight: 700; }
.wp-block-query-pagination-numbers .current { font-weight: 700; color: var(--wp--preset--color--rot); }

/* Gruppen-Stile ---------------------------------------------------------------------- */
.wp-block-group.is-style-karte { background: #fff; border: 1px solid var(--ditib-linie); padding: 1.5rem; }
.wp-block-group.is-style-karte > :first-child { margin-top: 0; }
.wp-block-group.is-style-karte > :last-child { margin-bottom: 0; }
.wp-block-group.is-style-muster { background: #F6F7F8; }
.wp-block-heading.is-style-mit-linie { position: relative; padding-bottom: .75rem; }
.wp-block-heading.is-style-mit-linie::after { content: ""; position: absolute; left: 0; bottom: 0; width: 48px; height: 4px; background: var(--wp--preset--color--rot); }
.wp-block-image img { border-radius: 0; }
.wp-block-image.is-style-rund img { border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.wp-block-image.is-style-bogen img, .wp-block-post-featured-image.is-style-bogen img { aspect-ratio: 4 / 5; object-fit: cover; }
.wp-block-separator.is-style-ornament { border: 0; height: 4px; width: 48px; background: var(--wp--preset--color--rot); margin: 2rem 0; opacity: 1; }

/* Fußbereich --------------------------------------------------------------------------- */
.ditib-footer { background: var(--wp--preset--color--anthrazit); color: #fff; margin-top: 0; }
.ditib-footer a { color: #fff; text-decoration: none; }
.ditib-footer a:hover { text-decoration: underline; }
.ditib-footer h3 { color: #fff; font-size: .85rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 1rem; }
.ditib-footer p { color: rgba(255, 255, 255, .85); font-size: .95rem; }
.ditib-footer__oben { padding-block: 3.5rem 2.5rem; }
.ditib-footer__logo img { max-height: 56px; width: auto; }
.ditib-footer .wp-block-navigation { gap: .5rem; }
.ditib-footer .wp-block-navigation-item__content { padding: 0; font-weight: 400; }
.ditib-footer__unten { border-top: 1px solid rgba(255, 255, 255, .15); padding-block: 1.1rem; font-size: .85rem; }
.ditib-footer__unten p { margin: 0; color: rgba(255, 255, 255, .65); }
.ditib-footer .wp-block-social-links .wp-social-link { background: rgba(255, 255, 255, .12); border-radius: 3px; }
.ditib-footer .wp-block-social-links .wp-social-link:hover { background: var(--wp--preset--color--rot); }

/* Suche ---------------------------------------------------------------------------------- */
.wp-block-search__input { border: 1.5px solid var(--ditib-linie); padding: .7rem 1rem; }

/* Einblenden beim Scrollen ----------------------------------------------------------------- */
@media (prefers-reduced-motion: no-preference) {
	.ditib-reveal { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease; }
	.ditib-reveal.is-sichtbar { opacity: 1; transform: none; }
}

/* Editor ----------------------------------------------------------------------------------- */
.editor-styles-wrapper .ditib-reveal { opacity: 1; transform: none; }

/* Themen-Kacheln mit Bild ------------------------------------------------------ */
.ditib-thema--bild { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.ditib-thema--bild img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; transition: transform .35s ease; }
.ditib-thema--bild:hover img { transform: scale(1.03); }
.ditib-thema__text { display: block; padding: 1.25rem 1.5rem 1.5rem; }
.ditib-thema__text .ditib-icon { width: 30px; height: 30px; margin-bottom: .6rem; }
.ditib-thema__text h3 { margin: 0 0 .35rem; }

/* Beitragsbilder auf Seiten als Banner -------------------------------------------- */
.ditib-inhalt .wp-block-post-featured-image.alignwide img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; }

/* Bühne mit Textpanel ---------------------------------------------------------- */
.ditib-buehne { margin-top: 0; }
.ditib-buehne .wp-block-cover__inner-container { position: relative; width: 100%; padding-top: 3rem; padding-bottom: 3rem; }
.ditib-buehne__panel { background: #fff; max-width: 640px; padding: 2rem 2.25rem 2.25rem; border-left: 6px solid var(--wp--preset--color--rot); box-shadow: 0 10px 30px rgba(31, 42, 55, .18); }
.ditib-buehne__panel .ditib-kicker { margin-bottom: .5rem; }
.ditib-buehne__panel h1 { font-size: clamp(1.7rem, 2.6vw, 2.35rem); line-height: 1.15; margin: 0 0 .75rem; letter-spacing: -0.015em; }
.ditib-buehne__lead { color: var(--wp--preset--color--grau); font-size: 1.05rem; line-height: 1.55; margin: 0 0 1.25rem; }
.ditib-buehne__panel .wp-block-buttons { margin: 0; }
.ditib-buehne__credit { position: absolute; right: 0; bottom: .75rem; margin: 0; font-size: .75rem; color: #fff; background: rgba(31, 42, 55, .65); padding: .25rem .6rem; }
.ditib-schnellzugriff-wrap { padding-top: 1.25rem; }
@media (max-width: 781px) {
	.ditib-buehne { min-height: 0 !important; }
	.ditib-buehne .wp-block-cover__inner-container { padding-top: 46vw; padding-bottom: 1.25rem; }
	.ditib-buehne__panel { max-width: none; padding: 1.5rem 1.25rem; }
	.ditib-buehne__credit { bottom: auto; top: 0; right: 0; }
}

/* Instagram-Galerie ------------------------------------------------------------- */
.ditib-insta-galerie { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ditib-insta-galerie a { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #E9EBEE; }
.ditib-insta-galerie img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.ditib-insta-galerie a:hover img { transform: scale(1.04); }
.ditib-insta-galerie span { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: .4rem; padding: .6rem .9rem; background: rgba(31, 42, 55, .78); color: #fff; font-size: .85rem; font-weight: 600; transform: translateY(100%); transition: transform .25s ease; }
.ditib-insta-galerie a:hover span, .ditib-insta-galerie a:focus-visible span { transform: none; }
.ditib-insta-galerie .ditib-icon { width: 16px; height: 16px; }

/* Presseliste: Datum und Rubrik auf einer Linie -------------------------------------- */
.ditib-presse-zeile { grid-template-columns: 7.5rem minmax(0, 1fr); align-items: start; padding: 1.4rem 0; }
.ditib-presse-zeile .wp-block-post-date { font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--anthrazit); line-height: 1.6; padding-top: 0; }
.ditib-presse-zeile .wp-block-post-terms { font-size: .78rem; line-height: 1.6; margin: 0 0 .3rem; padding-top: 0; }
.ditib-presse-zeile .wp-block-post-title { font-size: 1.25rem; line-height: 1.3; margin: 0 0 .4rem; }

/* Landesvorstand: neutraler Platzhalter ------------------------------------------------- */
.ditib-person__bild--platzhalter { background: #EEF0F3; color: #B4BAC3; }
.ditib-person__bild--platzhalter .ditib-icon { width: 38%; height: 38%; }

/* Feinschliff Karten und Abschnitte ------------------------------------------------------ */
.ditib-abschnitt__kopf { align-items: baseline; }
.ditib-meldung__titel { min-height: 0; }
.ditib-kachel { min-height: 64px; }
.ditib-thema--bild .ditib-thema__text { flex: 1 1 auto; }

/* Themen-Kacheln ohne Foto: Symbolfläche in gleicher Höhe wie das Foto ----------------- */
.ditib-thema__symbol { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; background: var(--wp--preset--color--anthrazit); background-image: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 60%); border-bottom: 4px solid var(--wp--preset--color--rot); color: #fff; transition: background-color .25s ease; }
.ditib-thema__symbol .ditib-icon { width: 64px; height: 64px; color: #fff; margin: 0; opacity: .92; transition: transform .35s ease; }
.ditib-thema--symbol:hover .ditib-thema__symbol { background-color: #2A3747; }
.ditib-thema--symbol:hover .ditib-thema__symbol .ditib-icon { transform: scale(1.06); }
.ditib-thema--symbol .ditib-thema__text h3 { margin-top: .1rem; }

/* Servicekarte Freitagspredigt ------------------------------------------------------------- */
.ditib-service__karte--hutbe .ditib-hutbe__titel { font-size: 1.1rem; }
.ditib-service__karte--hutbe .ditib-hutbe__hinweis { display: none; }
.ditib-service__karte--hutbe .ditib-hutbe__links { margin-top: auto; padding-top: .5rem; }
@media (min-width: 1100px) { .ditib-service { grid-template-columns: 1.15fr 1fr 1fr; } }

/* Gemeindeseite: Nachricht an die Gemeinde ------------------------------------------------- */
.ditib-gemeinde-kontakt { margin-top: 2.5rem; padding-top: 2rem; border-top: 1px solid var(--ditib-linie); }
.ditib-gemeinde-kontakt > p { color: var(--wp--preset--color--grau); }

/* Blocksatz für längere Fließtexte (nur auf breiten Bildschirmen, mit Silbentrennung) ---------- */
@media (min-width: 782px) {
	.ditib-inhalt .wp-block-post-content > p,
	.ditib-inhalt .wp-block-post-content .wp-block-group > p,
	.ditib-inhalt .wp-block-post-content .wp-block-column > p { text-align: justify; hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 7 4 3; }
	.ditib-inhalt .wp-block-post-content .has-text-align-center,
	.ditib-inhalt .wp-block-post-content .is-style-karte p,
	.ditib-inhalt .wp-block-post-content .ditib-kontaktformular p,
	.ditib-inhalt .wp-block-post-content .ditib-intranet p,
	.ditib-inhalt .wp-block-post-content .ditib-hutbe p,
	.ditib-inhalt .wp-block-post-content .ditib-gemeinde-kontakt > p { text-align: left; hyphens: manual; }
}