{"id":1166,"date":"2026-10-06T09:48:18","date_gmt":"2026-10-06T07:48:18","guid":{"rendered":"https:\/\/new.icf.church\/womensconference\/?page_id=1166"},"modified":"2026-10-31T21:05:16","modified_gmt":"2026-10-31T20:05:16","slug":"home-edition","status":"publish","type":"page","link":"https:\/\/icf.church\/womensconference\/de\/home-edition\/","title":{"rendered":"WCON27 Home Edition"},"content":{"rendered":"
\n
\n
\n \n\n
\n
\n
\n
\n \n\n
\n
\n \n
\n
\n \"\"\n <\/div>\n <\/figure>\n <\/a>\n <\/div><\/div>\n\n\n
\n
\n \n
\n
\n \"\"\n <\/div>\n <\/figure>\n <\/a>\n <\/div><\/div>\n\n\n
\n
\n \n Jetzt anmelden<\/span>\n <\/a>\n <\/div><\/div>\n <\/div>\n <\/div>\n<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n
\n
\n
\n \n\n
\n
\n
\n
\n \n\n
\n
\n
\n \n\n
\n
\n
\n \"Vier <\/div>\n
<\/div>\n <\/div>\n
\n

\n Home Edition<\/h1> <\/div>\n<\/div>\n <\/div>\n<\/div>\n\n
\n
\n
\n \n\n
\n
\n
\n
\n \"\"\n <\/div>\n <\/figure>\n <\/div>\n\n

\n 5.\u20136. November 2027<\/p><\/div>\n <\/div>\n <\/div>\n<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n \n\n
\n

\n Tauche direkt aus deinem Wohnzimmer zusammen mit deinen Freundinnen in die einzigartige Atmosph\u00e4re der ICF Women\u2019s Conference ein. Erlebe kraftvollen Worship, spannende Messages mit inspirierenden Gedanken von Susanna Bigger (Schweiz) und weiteren Pastorinnen sowie kreative Inputs aus unserem Online Studio.<\/p><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n

\n
\n
\n \n\n
\n
\n \n Jetzt anmelden<\/span>\n <\/a>\n <\/div><\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n\n
\n
\n
\n \n\n
\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n
\n
\n
\n \n\n
\n

\n Fragen & Kontakt<\/h3>\n\n

\n womensconference@icf.ch<\/a><\/p>\n\n

\n +41 43 366 76 76<\/a><\/p><\/div>\n <\/div>\n <\/div>\n<\/div><\/div>\n <\/div>\n <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":254,"featured_media":1172,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"yt_custom_styles_scss":"\/* ==========================================================================\n ICF Women's Conference 27 \u2013 \u00abHeaven. Here.\u00bb\n CSS der Website new.icf.church\/womensconference (v3, aufger\u00e4umt 2026-10-21)\n\n WO DIESES CSS LIEGT\n Im Editor jeder Seite: Seiten-Seitenleiste \u2192 \u00abCustom Styles\u00bb \u2192 \u00abCustom SCSS\u00bb.\n Alle Seiten der Website tragen dieselbe Fassung:\n DE: Home (111), Z\u00fcrich (1161), Locations (1163), Home Edition (1166)\n EN: wird von WPML aus DE kopiert (Feld steht auf \u00abKopieren\u00bb)\n Master-Datei: Promo\/Website\/Work\/CSS\/wcon27-website.css im Projektordner.\n Wer im Feld etwas \u00e4ndert, tr\u00e4gt es auch in der Master-Datei nach.\n\n SO IST ES AUFGEBAUT (siehe RULEBOOK Websites.md)\n \u00b7 Jede Section der Seite ist eine Zeile mit der Klasse section-\u2026 .\n Klassen gibt es nur auf Sections, nie auf einzelnen Elementen.\n \u00b7 Jede Regel geht von der Section-Klasse aus. Innerhalb der Section\n werden die Klassen des Themes verwendet (.card, .btn, h2 \u2026).\n \u00b7 Reihenfolge dieser Datei:\n A Grundlagen (Farben, Schrift, Abst\u00e4nde, Buttons, Bewegung)\n B Sections in der Reihenfolge der Seite\n C Global: Kopfzeile, Sprachumschalter, Footer\n \u00b7 Inhalte (Texte, Daten, Bilder) stehen immer im Editor, nie hier.\n\n HINWEISE ZUM FELD\n Das Feld wird auf dem Server als SCSS verarbeitet:\n kein url() in url(), rgba() immer ausgeschrieben, jede Regel f\u00fcr sich.\n ========================================================================== *\/\n\n\n\/* ##########################################################################\n A GRUNDLAGEN\n ########################################################################## *\/\n\n\/* --- A1 Farben und Masse ---------------------------------------------------\n Auf :root, weil .entry-content das ELTERNELEMENT von .main ist und\n Variablen nur nach unten vererbt werden. *\/\n\n:root {\n --wc-paper: #F2F2F2; \/* Seitengrund *\/\n --wc-tile: #FFFFFF; \/* weisse Kacheln *\/\n --wc-ink: #0A0A0A; \/* Titel *\/\n --wc-ink-2: #1D1D1F; \/* Fliesstext *\/\n --wc-ink-muted:#6E6E73; \/* Grau f\u00fcr Nebentexte *\/\n\n --wc-blue: #0081B0; \/* Blau aus dem Schriftzug \u00abhere.\u00bb *\/\n --wc-blue-deep: #006C94;\n --wc-sky: #5AA2D6; \/* Himmel der Fotos *\/\n --wc-orange: #DE893B;\/* nur f\u00fcr den Ticket-Button *\/\n --wc-orange-deep: #C4732A;\n\n --wc-edge: clamp(8px, 1vw, 14px); \/* Abstand der Kopfzeile zum Rand *\/\n --wc-radius-xl: clamp(22px, 2.4vw, 34px); \/* grosse Fl\u00e4chen *\/\n --wc-radius-lg: clamp(20px, 2vw, 28px); \/* Kacheln *\/\n --wc-radius-md: 18px; \/* Glas-Beschriftungen, FAQ *\/\n --wc-container: 1240px; \/* Inhaltsbreite *\/\n --wc-measure: 40rem; \/* Zeilenl\u00e4nge Fliesstext *\/\n\n --wc-ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n\n \/* Glas hell (Kopfzeile) *\/\n --wc-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.52));\n --wc-glass-border: rgba(255, 255, 255, 0.65);\n --wc-glass-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.9),\n inset 0 -1px 0 rgba(255, 255, 255, 0.25),\n 0 1px 2px rgba(0, 0, 0, 0.06),\n 0 10px 30px -8px rgba(0, 0, 0, 0.18);\n\n \/* Glas dunkel (Beschriftungen und Buttons auf Fotos) *\/\n --wc-glass-dark-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.08));\n --wc-glass-dark-border: rgba(255, 255, 255, 0.28);\n --wc-glass-dark-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.45),\n inset 0 -1px 0 rgba(255, 255, 255, 0.08),\n 0 12px 32px -10px rgba(0, 0, 0, 0.45);\n --wc-blur: blur(22px) saturate(180%);\n}\n\n\n\/* --- A2 Seitengrund ---------------------------------------------------------\n Der Inhalt bleibt hell, egal was der Hell\/Dunkel-Schalter des Themes sagt. *\/\n\n.main {\n --bs-body-bg: var(--wc-paper);\n --bs-body-color: var(--wc-ink-2);\n --bs-emphasis-color: var(--wc-ink);\n --bs-secondary-color: var(--wc-ink-muted);\n --bs-tertiary-color: var(--wc-ink-muted);\n --bs-border-color: rgba(0, 0, 0, 0.08);\n --bs-heading-color: var(--wc-ink);\n color: var(--bs-body-color);\n color-scheme: light;\n}\n\n.entry-content {\n background-color: var(--wc-paper);\n background-image: none;\n --bs-link-color: var(--wc-blue);\n --bs-link-color-rgb: 0, 129, 176;\n --bs-link-hover-color: var(--wc-blue-deep);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Randlose Fl\u00e4chen sind 100vw breit. Ohne clip scrollt die Seite unter\n Windows seitw\u00e4rts um die Breite der Scrollleiste. *\/\n.entry-content {\n overflow-x: clip;\n}\n\n.entry-content ::selection {\n background: rgba(0, 129, 176, 0.22);\n}\n\n.main:has(.section-hero) {\n padding-top: 0 !important;\n}\n\n\/* Leere Abs\u00e4tze, die WordPress vor den Inhalt setzt, nehmen keinen Platz. *\/\n.entry-content > p.wp-block-paragraph:first-child:has(+ .main),\n.entry-content > p.wp-block-paragraph:empty {\n margin: 0 !important;\n}\n\n\n\/* --- A3 Schrift -------------------------------------------------------------\n Schrift des Themes (FlamaSemicondensed), gross, eng und kr\u00e4ftig gesetzt. *\/\n\n.main :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {\n color: var(--wc-ink);\n text-wrap: balance;\n font-weight: 700;\n}\n\n.main .gform_wrapper :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {\n letter-spacing: normal;\n}\n\n\/* Section-Titel: sehr gross und zentriert. *\/\n.entry-content :is(h2, .h2) {\n font-size: clamp(2.5rem, 6.2vw, 5.25rem) !important;\n line-height: 1.02 !important;\n letter-spacing: -0.035em !important;\n text-align: center !important;\n margin: 0 auto clamp(1.75rem, 3.5vw, 3rem) !important;\n max-width: 16ch;\n}\n\n\/* Buttons einer Section stehen zentriert unter dem Titel.\n Buttons in Karten bleiben linksb\u00fcndig. *\/\n.entry-content [class*=\"section-\"] div:has(> .wp-block-yellowtree-button-link) {\n display: flex;\n justify-content: center;\n text-align: center !important;\n}\n\n.entry-content :is(h3, .h3) {\n font-size: clamp(1.3rem, 1.8vw, 1.6rem) !important;\n line-height: 1.12;\n letter-spacing: -0.02em;\n}\n\n.entry-content p {\n color: var(--wc-ink-2);\n max-width: var(--wc-measure);\n font-size: clamp(1.1rem, 1.3vw, 1.3rem);\n line-height: 1.5;\n letter-spacing: -0.005em;\n margin-bottom: 1em !important;\n text-align: left !important;\n}\n\n.entry-content p:last-child {\n margin-bottom: 0 !important;\n}\n\n.entry-content :is(.card, .card-body) p {\n max-width: none;\n}\n\n\n\/* --- A4 Abst\u00e4nde der Sections ------------------------------------------------\n Gilt automatisch f\u00fcr jede Zeile mit einer Klasse section-\u2026 .\n !important, weil die Zeilen des Themes eigene Abst\u00e4nde (.pt-2\/.pb-2) haben. *\/\n\n.entry-content [class*=\"section-\"]:not(.section-hero) {\n padding-block: clamp(4rem, 8vw, 7.5rem) !important;\n position: relative;\n}\n\n.entry-content [class*=\"section-\"] > div > .row > [class*=\"col\"] {\n padding-inline: clamp(1.25rem, 3vw, 2rem);\n}\n\n\/* Inhaltsbreite 1240 px (ausser bei den randlosen Sections). *\/\n.entry-content [class*=\"section-\"]:not(.section-hero):not(.section-image):not(.section-gallery) > div {\n max-width: var(--wc-container);\n margin-inline: auto;\n}\n\n\n\/* --- A5 Buttons ---------------------------------------------------------------\n Standard: Pille in Kampagnenblau mit Glas-Glanz. Abweichungen (Orange,\n dunkles Glas, Liste) stehen bei der jeweiligen Section. *\/\n\n.entry-content :is(.btn, .wp-block-yellowtree-button-link) {\n --bs-btn-color: #FFFFFF;\n --bs-btn-bg: var(--wc-blue);\n --bs-btn-border-color: var(--wc-blue);\n --bs-btn-hover-color: #FFFFFF;\n --bs-btn-hover-bg: var(--wc-blue-deep);\n --bs-btn-hover-border-color: var(--wc-blue-deep);\n --bs-btn-active-color: #FFFFFF;\n --bs-btn-active-bg: var(--wc-blue-deep);\n --bs-btn-active-border-color: var(--wc-blue-deep);\n --bs-btn-focus-shadow-rgb: 0, 129, 176;\n background-color: var(--wc-blue);\n background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.06) 100%);\n color: #FFFFFF;\n border: 1px solid rgba(255, 255, 255, 0.14);\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.4),\n inset 0 -1px 0 rgba(0, 40, 60, 0.18),\n 0 8px 20px -10px rgba(0, 90, 130, 0.65);\n border-radius: 100vw !important;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.45em;\n font-size: 1.05rem;\n font-weight: 500;\n letter-spacing: -0.005em;\n min-height: 2.9rem;\n padding: 0.7em 1.5em;\n text-decoration: none !important;\n transition: background-color 0.25s var(--wc-ease), transform 0.25s var(--wc-ease), box-shadow 0.25s var(--wc-ease);\n}\n\n.entry-content :is(.btn, .wp-block-yellowtree-button-link):is(:hover, :focus-visible) {\n background-color: var(--wc-blue-deep);\n color: #FFFFFF;\n box-shadow:\n inset 0 1px 0 rgba(255, 255, 255, 0.45),\n inset 0 -1px 0 rgba(0, 40, 60, 0.2),\n 0 12px 26px -12px rgba(0, 90, 130, 0.75);\n}\n\n.entry-content :is(.btn, .wp-block-yellowtree-button-link):active {\n transform: scale(0.97);\n}\n\n.entry-content :is(.btn, .wp-block-yellowtree-button-link):focus-visible {\n outline: 2px solid var(--wc-blue);\n outline-offset: 3px;\n}\n\n\n\/* --- A6 Bewegung ----------------------------------------------------------------\n Titel und Kacheln gleiten beim Scrollen herein (nur in Browsern, die das\n ohne JavaScript k\u00f6nnen). Aus, wenn \u00abBewegung reduzieren\u00bb eingestellt ist. *\/\n\n@keyframes wc-rise {\n from { opacity: 0; transform: translateY(2.5rem); }\n to { opacity: 1; transform: none; }\n}\n\n@supports (animation-timeline: view()) {\n @media (prefers-reduced-motion: no-preference) {\n .entry-content [class*=\"section-\"]:not(.section-hero) :is(h2, .h2),\n .entry-content .section-vision p,\n .entry-content :is(.section-speaker, .section-standort) .row > [class*=\"col\"]:has(> .card),\n .entry-content .section-newsletter .card,\n .entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) {\n animation: wc-rise linear both;\n animation-timeline: view();\n animation-range: entry 0% entry 60%;\n }\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .entry-content *,\n .entry-content *::before,\n .entry-content *::after {\n transition: none !important;\n }\n}\n\n\n\/* --- A7 Sprungmarken ------------------------------------------------------------\n Links wie #standort zeigen auf den Titel einer Section (\u00dcberschrift-Block \u2192\n Erweitert \u2192 HTML-Anker). Der Titel landet knapp unter der Kopfzeile. *\/\n\n.entry-content [class*=\"section-\"] {\n scroll-margin-top: calc(5.5rem - clamp(4rem, 8vw, 7.5rem));\n}\n\n.entry-content .section-hero {\n scroll-margin-top: 0;\n}\n\n.entry-content [class*=\"section-\"] :is(h2, .h2) {\n scroll-margin-top: 5.5rem;\n}\n\n\n\/* ##########################################################################\n B SECTIONS (in der Reihenfolge der Seite)\n ########################################################################## *\/\n\n\/* ==========================================================================\n section-hero \u2013 Video und Schriftzug\n Inhalt im Editor: Hero-Block (Video), darunter eine Zeile mit dem\n Schriftzug-Bild, dem Datum als Absatz und dem Button \u00abTeaser ansehen\u00bb.\n Startseite: Video randlos \u00fcber die ganze Breite.\n Standortseiten: zus\u00e4tzliche Klasse \u00abhero-standort\u00bb auf der Section\n (Klassen: \u00absection-hero hero-standort\u00bb) \u2192 Video als gerahmtes Bild.\n ========================================================================== *\/\n\n.entry-content .section-hero {\n padding-block: 0 !important;\n --wc-hero-h: clamp(34rem, 100svh, 62rem);\n --wc-hero-top: 0px;\n --wc-hero-inset: 0px; \/* Abstand zum linken\/rechten Rand *\/\n --wc-hero-radius: 0px;\n}\n\n.entry-content .section-hero.hero-standort {\n --wc-hero-inset: clamp(12px, 2.5vw, 32px);\n --wc-hero-radius: var(--wc-radius-xl);\n --wc-hero-top: 5.25rem; \/* unter der Kopfzeile *\/\n --wc-hero-h: clamp(22rem, 62svh, 40rem);\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage) {\n position: relative;\n}\n\n\/* Die Zeilen-Abst\u00e4nde des Themes (gy-4) w\u00fcrden die Seite 32 px nach unten\n schieben, sichtbar \u00fcber dem Hero. *\/\n.main > div > .row,\n.entry-content .section-hero > div > .row {\n --bs-gutter-y: 0;\n}\n\n\/* Der Video-Rahmen *\/\n.section-hero .hero-stage-content {\n position: relative;\n width: calc(100vw - 2 * var(--wc-hero-inset));\n margin-left: calc(50% - 50vw + var(--wc-hero-inset));\n margin-top: var(--wc-hero-top);\n height: var(--wc-hero-h) !important;\n min-height: 0 !important;\n aspect-ratio: auto !important;\n border-radius: var(--wc-hero-radius);\n overflow: hidden;\n isolation: isolate;\n background-color: #0A1014;\n}\n\n.section-hero .hero-stage,\n.section-hero .wp-block-yellowtree-hero-stage {\n --hero-stage-figure-border-radius: 0;\n aspect-ratio: auto !important;\n height: auto !important;\n}\n\n.section-hero .hero-stage-content__background,\n.section-hero .hero-stage-content__background > .overlay-black-25 {\n position: absolute;\n inset: 0;\n height: 100% !important;\n}\n\n.section-hero .hero-stage-media {\n display: block;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover;\n background-color: #0A1014;\n}\n\n\/* Den Verlauf des Themes am unteren Videorand braucht es nicht. *\/\n.section-hero .hero-stage-gradient {\n display: none !important;\n}\n\n\/* Leichte Abdunklung: oben f\u00fcr die Kopfzeile, unten f\u00fcr das Datum. *\/\n.section-hero .overlay-black-25 {\n --overlay-opacity: 1;\n --overlay-color: linear-gradient(180deg,\n rgba(5, 10, 14, 0.35) 0%,\n rgba(5, 10, 14, 0.12) 22%,\n rgba(5, 10, 14, 0.18) 55%,\n rgba(5, 10, 14, 0.55) 100%);\n}\n\n\/* Die \u00dcberschrift im Hero-Block ist f\u00fcr Google und Screenreader da,\n sichtbar ist stattdessen der Schriftzug. *\/\n.section-hero .hero-stage-content__foreground h1 {\n position: absolute !important;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n\n\/* Die Zeile mit Schriftzug, Datum und Teaser-Button liegt mittig \u00fcber dem\n Video. Gefunden wird sie als die Zeile der Section, die ein Bild, aber\n kein Video enth\u00e4lt. Ihre H\u00fcllen l\u00f6sen sich auf, damit Bild, Datum und\n Button direkt untereinander stehen. *\/\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) {\n position: absolute;\n top: var(--wc-hero-top);\n left: 0;\n width: calc(100vw - 2 * var(--wc-hero-inset));\n margin: 0 0 0 calc(50% - 50vw + var(--wc-hero-inset)) !important;\n height: var(--wc-hero-h);\n padding: 5rem 1.5rem 3rem !important;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n pointer-events: none;\n z-index: 1;\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) :is(div, figure) {\n display: contents !important;\n}\n\n\/* Der Schriftzug *\/\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) img {\n width: min(78vw, 46rem) !important;\n height: auto !important;\n max-height: 55%;\n object-fit: contain !important;\n border-radius: 0 !important;\n filter: drop-shadow(0 10px 40px rgba(0, 0, 0, 0.35));\n}\n\n.entry-content .section-hero.hero-standort .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) {\n padding: 1.5rem !important;\n}\n\n.entry-content .section-hero.hero-standort .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) img {\n width: min(64vw, 32rem) !important;\n}\n\n\/* Das Datum unter dem Schriftzug (Absatz im Editor): schlichte weisse\n Schrift, keine Pille \u2013 eine Pille im Hero s\u00e4he aus wie ein Button. *\/\n.entry-content .section-hero p {\n display: block;\n max-width: none;\n margin: clamp(0.75rem, 2vw, 1.75rem) 0 0 !important;\n font-size: clamp(1.15rem, 1.9vw, 1.75rem);\n font-weight: 500;\n line-height: inherit;\n letter-spacing: 0.005em;\n text-align: center !important;\n color: #FFFFFF;\n text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);\n}\n\n\/* Der Teaser-Button unter dem Datum (Button im Editor direkt unter dem\n Datum, in derselben Zeile): dunkles Glas, damit er neben dem orangen\n Ticket-Button in der Kopfzeile zur\u00fccktritt. Das Play-Symbol kommt aus dem\n Icon-Feld des Buttons (\u00abfa-solid fa-play\u00bb) und steht vor dem Text.\n Ausblenden im Editor (Blocksichtbarkeit), solange es keinen Link gibt. *\/\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn {\n pointer-events: auto;\n margin-top: clamp(1.25rem, 2.5vw, 2.25rem);\n color: #FFFFFF !important;\n background: var(--wc-glass-dark-bg) !important;\n border: 1px solid var(--wc-glass-dark-border) !important;\n box-shadow: var(--wc-glass-dark-shadow) !important;\n -webkit-backdrop-filter: var(--wc-blur);\n backdrop-filter: var(--wc-blur);\n \/* Gegen Flackern beim Hover: Der Button liegt mit Weichzeichner \u00fcber dem\n laufenden Video. Ohne eigene Ebene baut Chrome ihn beim Hover neu auf,\n und kurz scheint das Video ohne Weichzeichner durch (wie fr\u00fcher in der Galerie). *\/\n will-change: transform;\n transform: translateZ(0);\n}\n\n\/* Hover: nur die Grundfarbe unter dem Glas-Verlauf wird heller, der Verlauf\n bleibt. So l\u00e4sst sich der Wechsel weich \u00fcberblenden. *\/\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn:is(:hover, :focus-visible) {\n background-color: rgba(255, 255, 255, 0.16) !important;\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn:active {\n transform: translateZ(0) scale(0.97);\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn .icon {\n order: -1;\n font-size: 0.8em !important; \/* das Theme setzt die Icongr\u00f6sse fest (fs-base-const) *\/\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn:focus-visible {\n outline-color: #FFFFFF;\n}\n\n\/* Handy: Das Datum bleibt die wichtigere Information. Es wird gr\u00f6sser und\n kr\u00e4ftiger, der Teaser-Button kleiner und mit mehr Abstand darunter. *\/\n@media (max-width: 767.98px) {\n .entry-content .section-hero p {\n font-size: 1.35rem;\n font-weight: 600;\n }\n\n .section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):not(:has(.wp-block-yellowtree-hero-stage)):has(img) .btn {\n margin-top: 1.75rem;\n font-size: 0.99rem;\n min-height: 2.75rem;\n padding: 0.5em 1.15em;\n }\n}\n\n\/* Eine eigene Button-Zeile im Hero (Zeile \u00abbuttons\u00bb, zurzeit ausgeblendet)\n steht unter dem Video. Gemeint ist eine Zeile mit Button, aber ohne Bild. *\/\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):has(.btn, .wp-block-yellowtree-button-link):not(:has(img)) {\n position: relative;\n z-index: 2;\n margin-top: clamp(1.5rem, 3vw, 2.5rem);\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):has(.btn, .wp-block-yellowtree-button-link):not(:has(img)) .row {\n justify-content: center;\n}\n\n.section-hero .wp-block-yellowtree-column:has(.wp-block-yellowtree-hero-stage)\n > :not(.wp-block-yellowtree-hero-stage):has(.btn, .wp-block-yellowtree-button-link):not(:has(img)) .row > [class*=\"col\"] {\n flex: 0 0 auto;\n width: auto;\n}\n\n\n\/* ==========================================================================\n section-vision \u2013 die Aussage\n Inhalt im Editor: Abs\u00e4tze.\n 1. Absatz = die Aussage, gross gesetzt\n 2. Absatz kursiv = das Bibelzitat, blau\n weitere Abs\u00e4tze = normaler Text\n fett im letzten Absatz = grosse Schlusszeile\n ========================================================================== *\/\n\n.section-vision .wp-block-yellowtree-column {\n align-items: center !important;\n}\n\n.section-vision .wp-block-yellowtree-column::before,\n.section-vision .wp-block-yellowtree-column::after {\n content: none;\n}\n\n.section-vision p {\n text-align: center !important;\n margin-inline: auto;\n}\n\n.section-vision p:nth-of-type(1) {\n max-width: 27em;\n font-size: clamp(1.35rem, 2.3vw, 2.1rem);\n line-height: 1.28;\n letter-spacing: -0.022em;\n font-weight: 500;\n color: var(--wc-ink);\n margin-bottom: clamp(3rem, 6vw, 5rem) !important;\n}\n\n.section-vision p:nth-of-type(2):has(em) {\n max-width: 34em;\n font-size: clamp(1.15rem, 1.6vw, 1.45rem);\n line-height: 1.45;\n color: var(--wc-blue);\n margin-bottom: clamp(3rem, 6vw, 5rem) !important;\n}\n\n.section-vision p:not(:first-of-type):not(:has(em)) {\n max-width: 36em;\n color: var(--wc-ink-2);\n}\n\n.section-vision p:last-of-type:has(strong) strong {\n display: block;\n margin-top: 1.5rem;\n font-size: clamp(2.2rem, 6vw, 4.5rem);\n line-height: 1;\n letter-spacing: -0.035em;\n color: var(--wc-ink);\n}\n\n\n\/* ==========================================================================\n section-cta \u2013 Ticket-Button\n Inhalt im Editor: ein Button, darunter optional ein Absatz als\n Fussnote (z. B. \u00ab* Alle Frauen, die bis zum Event 19 Jahre alt sind \u2026\u00bb).\n Steht direkt unter section-vision und antwortet auf sie.\n Startseite: der Button f\u00fchrt auf #standort (Auswahl), die Fussnote\n nennt die drei M\u00f6glichkeiten \u00abZ\u00fcrich \u00b7 Locations \u00b7 Home Edition\u00bb.\n Variante \u00absection-cta cta-schluss\u00bb (Startseite, nach der Galerie):\n \u00dcberschrift, Button, Absatz; mit eigenem Abstand oben, siehe unten.\n ========================================================================== *\/\n\n.entry-content .section-vision:has(+ .section-cta) {\n padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;\n}\n\n\/* [class*=\"section-\"] doppelt, damit diese Regel die allgemeinen\n Section-Abst\u00e4nde (A4) schl\u00e4gt. Oben kein Abstand (die Vision hat ihn\n schon), unten der normale Section-Abstand, mit oder ohne Fussnote. *\/\n.entry-content [class*=\"section-\"].section-cta {\n padding-block: 0 clamp(4rem, 8vw, 7.5rem) !important;\n}\n\n.entry-content .section-cta :is(.btn, .wp-block-yellowtree-button-link) {\n background-color: var(--wc-orange) !important;\n border-color: var(--wc-orange) !important;\n color: #FFFFFF !important;\n font-size: 1.15rem;\n font-weight: 600;\n min-height: 3.4rem;\n padding: 0.8em 2.2em;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 12px 28px -14px rgba(160, 80, 20, 0.75);\n}\n\n.entry-content .section-cta :is(.btn, .wp-block-yellowtree-button-link):is(:hover, :focus-visible) {\n background-color: var(--wc-orange-deep) !important;\n border-color: var(--wc-orange-deep) !important;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 14px 30px -14px rgba(160, 80, 20, 0.8) !important;\n}\n\n\/* Die Fussnote: klein, grau, zentriert unter dem Button. *\/\n.entry-content .section-cta p {\n max-width: 34rem;\n margin: clamp(1rem, 2vw, 1.5rem) auto 0 !important;\n padding-inline: 1.25rem;\n text-align: center !important;\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--wc-ink-muted);\n}\n\n@media (max-width: 589.98px) {\n .entry-content .section-cta p {\n padding-inline: 1rem;\n }\n}\n\n\n\/* Variante cta-schluss: Schluss-Aufruf auf der Startseite zwischen\n Galerie und \u00abLade deine Freunde ein\u00bb. Anders als unter der Vision\n hat sie oben Abstand und eine \u00dcberschrift (Section-Titel wie \u00fcberall).\n Unten kein Abstand, weil die n\u00e4chste Section ihren eigenen mitbringt. *\/\n.entry-content [class*=\"section-\"].section-cta.cta-schluss {\n padding-block: clamp(4rem, 8vw, 7.5rem) 0 !important;\n}\n\n.entry-content .section-cta.cta-schluss :is(h2, .h2) {\n max-width: 20ch;\n}\n\n\n\/* ==========================================================================\n section-image \u2013 Bildband, randlos\n Inhalt im Editor: ein Bild (Gr\u00f6sse \u00abVollst\u00e4ndige Gr\u00f6sse\u00bb).\n ========================================================================== *\/\n\n\/* Klasse doppelt, damit die H\u00f6he die allgemeinen Abst\u00e4nde (A4) schl\u00e4gt. *\/\n.entry-content .section-image.section-image {\n width: 100vw;\n margin-left: calc(50% - 50vw);\n height: clamp(16rem, 42vw, 40rem);\n padding-block: 0 !important;\n position: relative;\n overflow: hidden;\n border-radius: 0;\n}\n\n.section-image figure,\n.section-image .img-wrap {\n position: absolute;\n inset: 0;\n margin: 0;\n max-width: none !important;\n}\n\n.section-image img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n max-width: none !important;\n border-radius: 0 !important;\n}\n\n\n\/* ==========================================================================\n section-faq \u2013 Fragen und Antworten (Standortseiten)\n Inhalt im Editor: ein Akkordeon. In den Antworten Abs\u00e4tze, Zeilen und\n Buttons. Stehen in einer Spalte mehrere Buttons direkt untereinander,\n werden sie als Liste gesetzt (z. B. Hotels: Name links, \u2197 rechts).\n ========================================================================== *\/\n\n.entry-content .section-faq .accordion {\n --bs-accordion-bg: #FFFFFF;\n --bs-accordion-color: var(--wc-ink-2);\n --bs-accordion-btn-bg: #FFFFFF;\n --bs-accordion-btn-color: var(--wc-ink);\n --bs-accordion-active-bg: #FFFFFF;\n --bs-accordion-active-color: var(--wc-ink);\n --bs-accordion-border-color: transparent;\n --bs-accordion-border-radius: var(--wc-radius-md);\n --bs-accordion-inner-border-radius: var(--wc-radius-md);\n --bs-accordion-btn-padding-x: clamp(1.25rem, 3vw, 2rem);\n --bs-accordion-btn-padding-y: clamp(1.1rem, 2.2vw, 1.5rem);\n --bs-accordion-body-padding-x: clamp(1.25rem, 3vw, 2rem);\n --bs-accordion-btn-focus-box-shadow: 0 0 0 2px rgba(0, 129, 176, 0.45);\n gap: 0.6rem !important;\n max-width: 56rem;\n margin-inline: auto;\n width: 100%;\n}\n\n.entry-content .section-faq .wp-block-yellowtree-accordion-item {\n background: #FFFFFF !important;\n border: 0 !important;\n border-radius: var(--wc-radius-md) !important;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n transition: box-shadow 0.3s var(--wc-ease);\n}\n\n.entry-content .section-faq .wp-block-yellowtree-accordion-item:hover {\n box-shadow: 0 10px 30px -18px rgba(0, 0, 0, 0.25);\n}\n\n.entry-content .section-faq .accordion-button {\n background: transparent !important;\n color: var(--wc-ink) !important;\n box-shadow: none !important;\n}\n\n.entry-content .section-faq .accordion-button:focus-visible {\n box-shadow: inset 0 0 0 2px rgba(0, 129, 176, 0.45) !important;\n}\n\n.entry-content .section-faq .accordion-button h3 {\n font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;\n font-weight: 600 !important;\n letter-spacing: -0.015em;\n text-align: left !important;\n color: var(--wc-ink) !important;\n}\n\n\/* Plus\/Kreuz des Themes in einem runden Feld *\/\n.entry-content .section-faq .accordion-icons {\n flex: 0 0 auto;\n width: 2.25rem;\n height: 2.25rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.05);\n color: var(--wc-ink);\n transition: background-color 0.2s ease;\n}\n\n.entry-content .section-faq .accordion-button:hover .accordion-icons {\n background: rgba(0, 0, 0, 0.09);\n}\n\n.entry-content .section-faq .accordion-icons .icon {\n font-size: 0.9rem;\n}\n\n\/* Die Antwort *\/\n.entry-content .section-faq .accordion-body {\n padding-top: 0 !important;\n padding-bottom: clamp(1.1rem, 2.2vw, 1.5rem) !important;\n color: var(--wc-ink-2);\n}\n\n.entry-content .section-faq .accordion-body .pt-2.pb-2 {\n padding-block: 0.4rem !important;\n}\n\n.entry-content .section-faq .accordion-body p {\n font-size: clamp(1rem, 1.15vw, 1.1rem);\n line-height: 1.55;\n max-width: 42rem;\n margin-inline: 0;\n}\n\n.entry-content .section-faq .accordion-body strong {\n color: var(--wc-ink);\n}\n\n\/* Links im Fliesstext (z. B. E-Mail und Telefon unter \u00abFragen & Kontakt\u00bb):\n blau. Das Theme f\u00e4rbt Links im Akkordeon sonst weiss (dunkles Farbschema),\n dann sind sie auf der weissen Karte unsichtbar. *\/\n.entry-content .section-faq .accordion-body p a {\n color: var(--wc-blue) !important;\n text-decoration: underline;\n text-underline-offset: 0.15em;\n}\n\n\/* Buttons in Antworten: linksb\u00fcndig, eine Stufe kleiner. *\/\n.entry-content .section-faq .accordion-body div:has(> .wp-block-yellowtree-button-link) {\n justify-content: flex-start;\n text-align: left !important;\n}\n\n.entry-content .section-faq .accordion-body :is(.btn, .wp-block-yellowtree-button-link) {\n font-size: 0.95rem;\n min-height: 2.4rem;\n padding: 0.5em 1.15em;\n}\n\n\/* --- Link-Liste: mehrere Buttons direkt untereinander in einer Spalte ----\n (Hotels). Gesetzt als Liste: ein heller Block pro Spalte, jede Zeile mit\n Trennlinie, Name links, \u2197 rechts. Ein Absatz dar\u00fcber wird zur kleinen\n grauen \u00dcberschrift (z. B. \u00ab5\u201325 Minuten Fussweg:\u00bb). *\/\n\n.entry-content .section-faq .accordion-body .row:has(> [class*=\"col\"] > div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) {\n --bs-gutter-x: clamp(0.75rem, 2vw, 1.25rem);\n --bs-gutter-y: 1.25rem;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > p {\n margin: 0 0 0.6rem 0.25rem !important;\n font-size: 0.8rem !important;\n line-height: 1.3;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--wc-ink-muted);\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > p strong {\n font-weight: 600;\n color: inherit;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > div:has(> .wp-block-yellowtree-button-link) {\n display: block !important;\n width: 100%;\n margin: 0 !important;\n text-align: left !important;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link {\n display: flex !important;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n width: 100%;\n min-height: 3.25rem !important;\n padding: 0.85rem 1.1rem !important;\n font-size: 1.02rem !important;\n font-weight: 500;\n text-align: left;\n color: var(--wc-ink) !important;\n background: #F5F5F7 !important;\n background-image: none !important;\n border: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n transition: background-color 0.2s ease;\n}\n\n\/* Der Pfeil \u2197 (= \u00f6ffnet die Website des Hotels) *\/\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link::after {\n content: \"\u2197\";\n flex: 0 0 auto;\n font-family: -apple-system, \"Segoe UI\", system-ui, sans-serif; \/* Flama hat keinen Pfeil *\/\n font-size: 1.25rem;\n font-weight: 600;\n line-height: 1;\n color: var(--wc-blue);\n transition: transform 0.25s var(--wc-ease);\n}\n\n\/* Trennlinie zwischen den Zeilen *\/\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > div + div > .wp-block-yellowtree-button-link {\n box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08) !important;\n}\n\n\/* Runde Ecken oben und unten *\/\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > p + div > .wp-block-yellowtree-button-link,\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > div:first-child > .wp-block-yellowtree-button-link {\n border-top-left-radius: 14px !important;\n border-top-right-radius: 14px !important;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) > div:last-child > .wp-block-yellowtree-button-link {\n border-bottom-left-radius: 14px !important;\n border-bottom-right-radius: 14px !important;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link:is(:hover, :focus-visible) {\n background: #EAEAEE !important;\n color: var(--wc-ink) !important;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link:is(:hover, :focus-visible)::after {\n transform: translate(2px, -2px);\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link:active {\n transform: none;\n background: #E2E2E7 !important;\n}\n\n.entry-content .section-faq .accordion-body [class*=\"col\"]:has(> div:has(> .wp-block-yellowtree-button-link) + div > .wp-block-yellowtree-button-link) .wp-block-yellowtree-button-link:focus-visible {\n outline-offset: -2px;\n}\n\n\n\/* ==========================================================================\n section-kontakt \u2013 Fragen & Kontakt (Standortseiten)\n Inhalt im Editor: \u00dcberschrift und Abs\u00e4tze (E-Mail, Telefon).\n Sieht aus wie eine offene FAQ-Antwort, ist aber immer sichtbar.\n Steht direkt unter section-faq.\n ========================================================================== *\/\n\n.entry-content .section-faq:has(+ .section-kontakt) {\n padding-bottom: 0 !important;\n}\n\n.entry-content [class*=\"section-\"].section-kontakt {\n padding-top: 2rem !important;\n}\n\n\/* Die Kachel = die Spalte der Section, so breit wie die FAQ-Liste *\/\n.entry-content .section-kontakt > div > .row > [class*=\"col\"] {\n width: calc(100% - 2 * clamp(1.25rem, 3vw, 2rem));\n max-width: 56rem;\n margin: 0 auto !important;\n padding: clamp(1.1rem, 2.2vw, 1.5rem) clamp(1.25rem, 3vw, 2rem) !important;\n background: #FFFFFF;\n border-radius: var(--wc-radius-md);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n}\n\n.entry-content .section-kontakt :is(h2, .h2, h3, .h3) {\n font-size: clamp(1.15rem, 1.6vw, 1.4rem) !important;\n font-weight: 600 !important;\n line-height: 1.2 !important;\n letter-spacing: -0.015em !important;\n text-align: left !important;\n max-width: none;\n margin: 0 0 clamp(0.9rem, 1.8vw, 1.25rem) !important;\n color: var(--wc-ink) !important;\n}\n\n.entry-content .section-kontakt p {\n font-size: clamp(1rem, 1.15vw, 1.1rem);\n line-height: 1.55;\n max-width: 42rem;\n margin: 0 0 0.35rem !important;\n color: var(--wc-ink-2);\n}\n\n.entry-content .section-kontakt p:last-child {\n margin-bottom: 0 !important;\n}\n\n.entry-content .section-kontakt a {\n color: var(--wc-blue);\n text-decoration: none;\n}\n\n.entry-content .section-kontakt a:hover {\n text-decoration: underline;\n text-underline-offset: 0.2em;\n}\n\n\n\/* ==========================================================================\n section-speaker \u2013 Speaker-Raster\n Inhalt im Editor: \u00dcberschrift, zwei Zeilen mit Karten (3 + 2) und ein\n Absatz \u00ab& more to come\u00bb. Live wird daraus EIN Raster:\n ab 992 px f\u00fcnf in einer Reihe, der Absatz als Zeile darunter\n 768\u2013991 px drei Spalten, der Absatz als 6. Feld\n unter 768 px zwei Spalten, der Absatz als 6. Feld\n Neuer Speaker: zweite Zeile im Editor auf \u00ab3 Spalten\u00bb umstellen.\n Die Portr\u00e4ts (762 \u00d7 1020 px) bringen ihren Rahmen selbst mit: einen\n transparenten Rand um das abgerundete Foto. Darum hat die Karte keine\n Fl\u00e4che, und die Beschriftung ist um diesen Rand einger\u00fcckt.\n ========================================================================== *\/\n\n.entry-content :is(.section-speaker, .section-standort) .card {\n position: relative;\n overflow: hidden;\n border: 0 !important;\n border-radius: var(--wc-radius-lg) !important;\n background: #DCE6EE !important;\n box-shadow: none !important;\n isolation: isolate;\n transform: translateZ(0);\n transition: transform 0.5s var(--wc-ease), box-shadow 0.5s var(--wc-ease);\n}\n\n.entry-content :is(.section-speaker, .section-standort) .card-img-top {\n display: block;\n width: 100%;\n height: 100% !important;\n object-fit: cover;\n border-radius: 0 !important;\n transition: transform 0.9s var(--wc-ease);\n}\n\n.entry-content :is(.section-speaker, .section-standort) .card:hover .card-img-top {\n transform: scale(1.04);\n}\n\n.entry-content :is(.section-speaker, .section-standort) .card:hover {\n box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.35) !important;\n}\n\n.entry-content :is(.section-speaker, .section-standort) .row {\n --bs-gutter-x: clamp(0.75rem, 1.4vw, 1.25rem);\n --bs-gutter-y: clamp(0.75rem, 1.4vw, 1.25rem);\n}\n\n.entry-content .section-speaker .card {\n aspect-ratio: auto;\n overflow: visible;\n border-radius: 0 !important;\n background: transparent !important;\n}\n\n.entry-content .section-speaker .card-img-top {\n height: auto !important;\n aspect-ratio: 762 \/ 1020;\n object-fit: contain;\n}\n\n.entry-content .section-speaker .card:hover {\n box-shadow: none !important;\n}\n\n.entry-content .section-speaker .card:hover .card-img-top {\n transform: translateY(-0.35rem);\n}\n\n\/* Beschriftung als Glas auf dem Foto *\/\n.entry-content .section-speaker .card-body {\n position: absolute;\n left: calc(2.9% + 0.55rem);\n right: calc(2.9% + 0.55rem);\n bottom: calc(2.2% + 0.55rem);\n z-index: 1;\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n padding: 0.8rem 1rem !important;\n transition: transform 0.9s var(--wc-ease);\n border-radius: var(--wc-radius-md);\n background: var(--wc-glass-dark-bg);\n border: 1px solid var(--wc-glass-dark-border);\n box-shadow: var(--wc-glass-dark-shadow);\n -webkit-backdrop-filter: var(--wc-blur);\n backdrop-filter: var(--wc-blur);\n}\n\n.entry-content .section-speaker .card:hover .card-body {\n transform: translateY(-0.35rem);\n}\n\n.entry-content .section-speaker .card-title {\n margin: 0 !important;\n color: #FFFFFF !important;\n font-size: clamp(1.05rem, 1.35vw, 1.3rem) !important;\n line-height: 1.15 !important;\n text-align: left !important;\n text-shadow: 0 1px 12px rgba(0, 0, 0, 0.25);\n}\n\n.entry-content .section-speaker .card-text {\n margin: 0 !important;\n color: rgba(255, 255, 255, 0.88) !important;\n font-size: clamp(0.82rem, 1vw, 0.95rem) !important;\n line-height: 1.3 !important;\n text-align: left !important;\n}\n\n\/* \u00ab& more to come\u00bb: der Absatz nach den Karten *\/\n.entry-content .section-speaker .wp-block-yellowtree-column > div ~ p {\n max-width: none;\n margin: clamp(2rem, 4.5vw, 3.5rem) auto 0 !important;\n text-align: center !important;\n font-size: clamp(1.5rem, 3vw, 2.4rem);\n line-height: 1.1;\n font-weight: 600;\n letter-spacing: -0.025em;\n color: var(--wc-ink-muted);\n}\n\n\/* Das Raster: Die H\u00fcllen des Themes um die Karten l\u00f6sen sich auf\n (display: contents), die Spalte der Section wird zum Raster. *\/\n.entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) {\n display: grid !important;\n grid-template-columns: repeat(5, minmax(0, 1fr));\n column-gap: clamp(0.75rem, 1.4vw, 1.25rem);\n row-gap: clamp(1rem, 2vw, 1.5rem);\n align-items: start;\n}\n\n.entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) > div,\n.entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) > div > div,\n.entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) > div > div > .row {\n display: contents;\n}\n\n.entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) > :is(h2, .h2) {\n grid-column: 1 \/ -1;\n}\n\n.entry-content .section-speaker .row > [class*=\"col\"]:has(> .card) {\n width: auto;\n max-width: none;\n margin: 0;\n padding: 0;\n}\n\n.entry-content .section-speaker .wp-block-yellowtree-column > div ~ p {\n grid-column: 1 \/ -1;\n}\n\n\/* F\u00fcnf nebeneinander: Namen eine Stufe kleiner, damit sie einzeilig bleiben. *\/\n@media (min-width: 992px) {\n .entry-content .section-speaker .card-title {\n font-size: clamp(0.98rem, 1.15vw, 1.18rem) !important;\n }\n\n .entry-content .section-speaker .card-text {\n font-size: clamp(0.76rem, 0.85vw, 0.88rem) !important;\n }\n}\n\n\/* Unter 992 px: \u00ab& more to come\u00bb f\u00fcllt das 6. Feld, gross und grau,\n zweizeilig \u00ab& more \/ to come\u00bb, auf H\u00f6he der Fotos. *\/\n@media (max-width: 991.98px) {\n .entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n .entry-content .section-speaker .wp-block-yellowtree-column > div ~ p {\n grid-column: auto;\n align-self: start;\n display: grid;\n grid-template-columns: minmax(0, 3.6em);\n place-content: center;\n aspect-ratio: 720 \/ 960;\n margin: 7.94% 2.82% 0 !important;\n padding: 0;\n font-size: clamp(1.75rem, 4.2vw, 2.4rem);\n line-height: 0.96;\n color: var(--wc-ink-muted);\n }\n}\n\n@media (max-width: 767.98px) {\n .entry-content .section-speaker .wp-block-yellowtree-column:has(> div > div > .row > [class*=\"col\"] > .card) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n column-gap: 0; \/* der transparente Rand der Portr\u00e4ts ergibt den Abstand *\/\n row-gap: 0.25rem;\n }\n\n .entry-content .section-speaker .wp-block-yellowtree-column > div ~ p {\n font-size: clamp(1.5rem, 7.2vw, 1.85rem);\n }\n\n \/* Zwei Spalten: kleinere Beschriftung, damit sie das Gesicht nicht verdeckt. *\/\n .entry-content .section-speaker .card-body {\n left: calc(2.9% + 0.3rem);\n right: calc(2.9% + 0.3rem);\n bottom: calc(2.2% + 0.3rem);\n padding: 0.5rem 0.6rem !important;\n border-radius: 12px;\n }\n\n .entry-content .section-speaker .card-title {\n font-size: 0.95rem !important;\n }\n\n .entry-content .section-speaker .card-text {\n font-size: 0.72rem !important;\n line-height: 1.25 !important;\n }\n}\n\n\n\/* ==========================================================================\n section-standort \u2013 Standort-Kacheln\n Inhalt im Editor: \u00dcberschrift (HTML-Anker \u00abstandort\u00bb) und eine Zeile\n mit Karten. Titel oben links auf dem Bild. Auf dem Handy wischbar.\n ========================================================================== *\/\n\n.entry-content .section-standort .card {\n aspect-ratio: 4 \/ 5;\n background: #0A1014 !important;\n}\n\n.entry-content .section-standort .card-body {\n position: absolute;\n inset: 0;\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n padding: clamp(1.5rem, 2.4vw, 2.25rem) !important;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.25) 100%);\n}\n\n.entry-content .section-standort .card-title {\n color: #FFFFFF !important;\n font-size: clamp(2rem, 3.2vw, 2.9rem) !important;\n line-height: 1 !important;\n letter-spacing: -0.035em !important;\n margin: 0 0 0.5rem !important;\n text-align: left !important;\n}\n\n.entry-content .section-standort .card-text {\n color: rgba(255, 255, 255, 0.94) !important;\n text-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);\n font-size: clamp(1rem, 1.2vw, 1.15rem) !important;\n line-height: 1.35 !important;\n max-width: 18em !important;\n text-align: left !important;\n}\n\n\/* Button der Karte: dunkles Glas unten auf dem Bild *\/\n.entry-content .section-standort .card-buttons {\n margin-top: auto !important;\n justify-content: flex-start;\n}\n\n.entry-content .section-standort .card-buttons .btn {\n color: #FFFFFF !important;\n background: var(--wc-glass-dark-bg) !important;\n border: 1px solid var(--wc-glass-dark-border) !important;\n box-shadow: var(--wc-glass-dark-shadow) !important;\n -webkit-backdrop-filter: var(--wc-blur);\n backdrop-filter: var(--wc-blur);\n}\n\n@media (max-width: 767.98px) {\n .entry-content .section-standort .row:has(> [class*=\"col\"] > .card) {\n flex-wrap: nowrap;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n scroll-padding-inline: clamp(1.25rem, 3vw, 2rem);\n overscroll-behavior-x: contain;\n scrollbar-width: none;\n margin-inline: calc(-1 * clamp(1.25rem, 3vw, 2rem));\n padding-inline: calc(clamp(1.25rem, 3vw, 2rem) - var(--bs-gutter-x) \/ 2);\n padding-bottom: 0.5rem;\n }\n\n .entry-content .section-standort .row:has(> [class*=\"col\"] > .card)::-webkit-scrollbar {\n display: none;\n }\n\n .entry-content .section-standort .row:has(> [class*=\"col\"] > .card) > [class*=\"col\"] {\n flex: 0 0 78%;\n width: 78%;\n max-width: 22rem;\n scroll-snap-align: start;\n }\n}\n\n\n\/* ==========================================================================\n section-gallery \u2013 Filmstreifen, randlos\n Inhalt im Editor: Galerie-Block (Fluid Gallery). Ab 768 px teilen sich\n die Bilder die ganze Breite, darunter wird gewischt.\n Ausgeschaltet: der Farbschein, das Verschieben mit der Maus und die\n reservierte H\u00f6he des Blocks.\n ========================================================================== *\/\n\n.entry-content .section-gallery.section-gallery {\n padding-block: 0 !important;\n}\n\n.entry-content .section-gallery .fluid-gallery-gradient,\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery::after {\n display: none;\n}\n\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery {\n padding-block: 0 !important;\n width: 100vw;\n max-width: none !important;\n margin-left: calc(50% - 50vw) !important;\n margin-right: 0 !important;\n}\n\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery :is(.fluid-gallery-height, .fluid-gallery-scroll-container) {\n max-width: none !important;\n margin-inline: 0 !important;\n padding-inline: 0 !important;\n}\n\n.entry-content .section-gallery .fluid-gallery-height {\n height: auto;\n}\n\n.entry-content .section-gallery .fluid-gallery-scroll-container {\n height: auto !important;\n padding-block: 0;\n}\n\n.entry-content .section-gallery .fluid-gallery-layout {\n gap: 0;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n\/* Jedes Bild schneidet seinen Hover-Zoom selbst ab und liegt auf dunklem\n Grund (sonst blitzt beim Zoomen kurz Weiss auf). *\/\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery-image {\n aspect-ratio: 9 \/ 16;\n transform: none;\n z-index: auto !important;\n margin-left: 0;\n padding-inline: 0;\n overflow: hidden;\n border-radius: 0;\n background-color: #151515;\n isolation: isolate;\n}\n\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery-image img {\n border-radius: 0 !important;\n outline: 0;\n box-shadow: none;\n transition: transform 0.9s var(--wc-ease);\n transform: translateZ(0) scale(1);\n will-change: transform;\n backface-visibility: hidden;\n}\n\n.entry-content .section-gallery .wp-block-yellowtree-fluid-gallery-image:hover > img {\n transform: translateZ(0) scale(1.04);\n}\n\n@media (min-width: 768px) {\n .entry-content .section-gallery .fluid-gallery-layout {\n width: 100%;\n }\n .entry-content .section-gallery .wp-block-yellowtree-fluid-gallery-image {\n flex: 1 1 0 !important;\n min-width: 0;\n width: auto !important;\n }\n}\n\n@media (max-width: 767.98px) {\n .entry-content .section-gallery .fluid-gallery-scroll-container {\n overflow-x: auto;\n overscroll-behavior-x: contain;\n scroll-snap-type: x proximity;\n }\n .entry-content .section-gallery .wp-block-yellowtree-fluid-gallery-image {\n flex: 0 0 56vw !important;\n width: 56vw !important;\n scroll-snap-align: start;\n }\n}\n\n\n\/* ==========================================================================\n section-newsletter \u2013 blaue Himmelsfl\u00e4che\n Inhalt im Editor: Newsletter-Karte (Muster \u00abICF Newsletter\u00bb).\n ========================================================================== *\/\n\n.entry-content .section-newsletter .card {\n position: relative;\n overflow: hidden;\n isolation: isolate;\n border: 0 !important;\n border-radius: var(--wc-radius-xl) !important;\n background:\n radial-gradient(60% 90% at 12% 10%, rgba(160, 205, 236, 0.95) 0%, rgba(160, 205, 236, 0) 60%),\n radial-gradient(45% 70% at 92% 100%, rgba(222, 137, 59, 0.55) 0%, rgba(222, 137, 59, 0) 70%),\n linear-gradient(155deg, #4F98CF 0%, #2A83BD 45%, #0073A0 100%) !important;\n box-shadow: none !important;\n}\n\n.entry-content .section-newsletter .card-body {\n padding: clamp(4rem, 9vw, 8rem) clamp(1.5rem, 6vw, 5rem) !important;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n}\n\n.entry-content .section-newsletter :is(h1, .h1, h2, .h2) {\n color: #FFFFFF !important;\n font-size: clamp(2.2rem, 5vw, 4.25rem) !important;\n line-height: 1.02 !important;\n letter-spacing: -0.035em !important;\n text-align: center !important;\n max-width: 14ch;\n margin: 0 auto 1.25rem !important;\n}\n\n.entry-content .section-newsletter p {\n color: rgba(255, 255, 255, 0.9) !important;\n text-align: center !important;\n margin-inline: auto;\n max-width: 30em;\n}\n\n.entry-content .section-newsletter :is(.btn, .wp-block-yellowtree-button-link, input[type=\"submit\"], button[type=\"submit\"]) {\n background-color: #FFFFFF !important;\n color: var(--wc-blue-deep) !important;\n border-color: #FFFFFF !important;\n border-radius: 100vw !important;\n}\n\n\n\/* ==========================================================================\n section-invite \u2013 Freunde einladen (Promo-Paket)\n Inhalt im Editor: links Text, rechts die Plakate im Quick Access\n (Spalten mit Bild + Download-Button, eine Spalte pro Plakat; die Teaser-\n Spalte ist im Editor ausgeblendet, bis das Video da ist).\n Darunter ein Akkordeon \u00abMehr anzeigen\u00bb mit Zwischentiteln (Posts,\n Stories, Slides) und Zeilen voller Plakate. Neue Plakate: im Akkordeon\n eine Spalte mit Bild + Button in eine Zeile setzen (max. 4 pro Zeile).\n Der Button liegt als dunkles Glas unten auf dem Plakat.\n ========================================================================== *\/\n\n.entry-content .section-invite > div > .row > [class*=\"col\"] > div > div > .row {\n align-items: center;\n --bs-gutter-x: clamp(2rem, 5vw, 5rem);\n}\n\n.entry-content .section-invite p {\n color: var(--wc-ink-muted);\n margin-bottom: 2rem !important;\n text-align: center !important;\n margin-inline: auto;\n}\n\n.entry-content .section-invite :is(h2, .h2) {\n font-size: clamp(2.5rem, 5vw, 4.25rem) !important;\n}\n\n\/* Die Plakate: Spalten, die ein Bild und direkt danach einen Button haben *\/\n.entry-content .section-invite .row:has(> [class*=\"col\"] > .mw-100 + div) {\n --bs-gutter-x: clamp(0.5rem, 1vw, 0.9rem);\n --bs-gutter-y: 0.75rem;\n flex-wrap: nowrap;\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) {\n position: relative;\n flex: 1 1 0;\n min-width: 0;\n width: auto;\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) :is(.mw-100, figure, .img-wrap) {\n margin: 0 !important;\n width: 100%;\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) img {\n display: block;\n aspect-ratio: 9 \/ 16;\n width: 100% !important;\n height: auto !important;\n object-fit: cover !important;\n border-radius: var(--wc-radius-md) !important;\n}\n\n\/* Plakat und Button heben sich beim Hover gemeinsam. *\/\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) > * {\n transition: transform 0.6s var(--wc-ease);\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div):hover > * {\n transform: translateY(-0.4rem);\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) > .mw-100 + div {\n position: absolute;\n left: calc(var(--bs-gutter-x) \/ 2);\n right: calc(var(--bs-gutter-x) \/ 2);\n bottom: 0.6rem;\n display: flex;\n justify-content: center;\n margin: 0 !important;\n z-index: 1;\n pointer-events: none;\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) .btn {\n pointer-events: auto;\n font-size: 0.85rem;\n min-height: 2.2rem;\n padding: 0.4em 1em;\n color: #FFFFFF !important;\n \/* dunkel get\u00f6nt, damit der Button auch auf den hellgrauen WCON-Plakaten lesbar ist *\/\n background: rgba(10, 10, 10, 0.45) !important;\n border: 1px solid var(--wc-glass-dark-border) !important;\n box-shadow: var(--wc-glass-dark-shadow) !important;\n -webkit-backdrop-filter: var(--wc-blur);\n backdrop-filter: var(--wc-blur);\n}\n\n.entry-content .section-invite [class*=\"col\"]:has(> .mw-100 + div) .btn:hover {\n background: rgba(10, 10, 10, 0.65) !important;\n}\n\n\/* --- \u00abMehr anzeigen\u00bb: Akkordeon unter dem Quick Access ---\n Der Titel des Akkordeon-Eintrags erscheint als blaue Pille in der Mitte,\n der Inhalt ohne Kasten direkt auf dem Seitengrund. *\/\n.entry-content .section-invite .accordion {\n --bs-accordion-bg: transparent;\n --bs-accordion-color: var(--wc-ink-2);\n --bs-accordion-border-color: transparent;\n --bs-accordion-btn-focus-box-shadow: 0 0 0 3px rgba(0, 129, 176, 0.35);\n margin-top: clamp(2rem, 4vw, 3.5rem);\n}\n\n.entry-content .section-invite .wp-block-yellowtree-accordion-item {\n background: transparent !important; \/* das Theme setzt hier Dunkel (data-bs-theme=\"dark\") *\/\n}\n\n.entry-content .section-invite .accordion-header {\n display: flex;\n justify-content: center;\n}\n\n.entry-content .section-invite .accordion-button {\n width: auto;\n gap: 0.75rem;\n padding: 0.85em 1.6em;\n color: #FFFFFF !important;\n background: var(--wc-blue) !important;\n border-radius: 100vw !important;\n box-shadow: none;\n transition: background-color 0.3s var(--wc-ease);\n}\n\n.entry-content .section-invite .accordion-button:hover {\n background: var(--wc-blue-deep) !important;\n}\n\n.entry-content .section-invite .accordion-button h3 {\n font-size: 1rem !important;\n font-weight: 600;\n color: inherit !important;\n}\n\n.entry-content .section-invite .accordion-icons {\n margin-left: 0 !important;\n color: inherit;\n}\n\n\/* Zwischentitel (Posts, Stories, Slides) *\/\n.entry-content .section-invite .accordion-body {\n padding-inline: 0;\n}\n\n.entry-content .section-invite .accordion-body h3 {\n margin: clamp(2rem, 4vw, 3rem) 0 1rem !important;\n font-size: clamp(1.4rem, 2.4vw, 1.9rem) !important;\n text-align: center !important;\n}\n\n\/* Plakate im Akkordeon: echtes Seitenverh\u00e4ltnis (Posts 3:4, Slides 16:9)\n und Umbruch nach den Spaltenbreiten des Themes. *\/\n.entry-content .section-invite .accordion .row:has(> [class*=\"col\"] > .mw-100 + div) {\n flex-wrap: wrap;\n}\n\n.entry-content .section-invite .accordion [class*=\"col\"]:has(> .mw-100 + div) img {\n aspect-ratio: auto;\n}\n\n.entry-content .section-invite .accordion [class*=\"col\"]:has(> .mw-100 + div) {\n flex: 0 0 auto;\n width: 50%; \/* Handy: zwei Plakate pro Reihe *\/\n}\n\n.entry-content .section-invite .accordion .col-md-4:has(> .mw-100 + div) {\n width: 100%; \/* Handy: Slides einzeln *\/\n}\n\n@media (min-width: 768px) {\n .entry-content .section-invite .accordion .col-md-4:has(> .mw-100 + div) {\n width: 33.3333%;\n }\n}\n\n@media (min-width: 992px) {\n .entry-content .section-invite .accordion .col-lg-3:has(> .mw-100 + div) {\n width: 25%;\n }\n}\n\n\n\/* ##########################################################################\n C GLOBAL \u2013 betrifft Kopfzeile, Sprachumschalter und Footer des Themes\n Diese Regeln greifen \u00fcber die Seite hinaus in Teile des ICF-Themes.\n Abgesegnet f\u00fcr die WCON27-Kampagne. Nur hier \u00e4ndern, wenn es n\u00f6tig ist.\n ########################################################################## *\/\n\n\/* ==========================================================================\n Kopfzeile \u00abheader\u00bb \u2013 schwebende Glas-Kapsel\n Inhalt im Editor: die oberste Zeile \u00abheader\u00bb mit Logo, Schriftzug und\n Ticket-Button (Klasse header-element, geh\u00f6rt zum Seitenger\u00fcst).\n Die Kapsel ist fixiert und bleibt beim Scrollen oben.\n Masse, von denen der Sprachumschalter abh\u00e4ngt (zusammen \u00e4ndern):\n oben 0.75rem \u00b7 H\u00f6he 3.25rem \u00b7 max. 1080px \u00b7 Logo 1.3rem hoch\n ========================================================================== *\/\n\n\/* Die Kopfzeile des Themes bleibt unsichtbar (sie wird nicht ganz\n ausgeschaltet, weil der Sprachumschalter von WPML darin steckt). *\/\nheader.wp-block-template-part {\n display: block !important;\n position: fixed !important;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n overflow: visible;\n visibility: hidden;\n z-index: 31;\n}\n\n.entry-content .header-element {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n z-index: 30;\n padding: 0.75rem var(--wc-edge) !important;\n margin: 0 !important;\n background: transparent !important;\n border: 0 !important;\n -webkit-backdrop-filter: none;\n backdrop-filter: none;\n pointer-events: none; \/* nur die Kapsel selbst ist klickbar *\/\n}\n\n.entry-content .header-element .pt-2.pb-2 {\n padding-block: 0 !important;\n}\n\n\/* Die H\u00fcllen des Themes zwischen Zeile und Kapsel auf volle Breite,\n sonst springt die Breite der Kapsel je nach Bildschirm. *\/\n.entry-content .header-element div:has(> .row),\n.entry-content .header-element .row:has(.row) {\n max-width: none !important;\n width: 100% !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.entry-content .header-element .row:has(.row) > [class*=\"col\"] {\n padding: 0 !important;\n margin: 0 !important;\n}\n\n\/* Die Kapsel = die innere Zeile mit drei Spalten *\/\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) {\n pointer-events: auto;\n flex-wrap: nowrap;\n align-items: center;\n --bs-gutter-x: 0;\n --bs-gutter-y: 0;\n margin: 0 auto !important;\n width: 100%;\n max-width: 1080px;\n height: 3.25rem;\n padding: 0 0.4rem;\n border-radius: 100vw;\n background: var(--wc-glass-bg);\n border: 1px solid var(--wc-glass-border);\n box-shadow: var(--wc-glass-shadow);\n -webkit-backdrop-filter: var(--wc-blur);\n backdrop-filter: var(--wc-blur);\n}\n\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"] {\n flex: 1 1 0;\n min-width: 0;\n width: auto;\n max-width: none;\n padding-inline: 0 !important;\n display: flex;\n align-items: center;\n}\n\n\/* links Logo, Mitte Schriftzug, rechts Button *\/\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(1) { justify-content: flex-start; }\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(2) { flex: 0 0 auto; justify-content: center; }\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(3) { justify-content: flex-end; }\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(3) > * { display: flex; justify-content: flex-end; width: 100%; }\n\n.entry-content .header-element :is(.mw-100, figure, .img-wrap) {\n margin: 0 !important;\n padding: 0 !important;\n width: auto !important;\n height: auto !important;\n max-width: none !important;\n display: block;\n}\n\n.entry-content .header-element img {\n width: auto !important;\n height: 1.3rem !important;\n max-width: none !important;\n object-fit: contain !important;\n border-radius: 0 !important;\n display: block;\n}\n\n\/* Logo und Button gleich weit vom Rand der Kapsel *\/\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(1) img {\n height: 1.5rem !important;\n margin-left: calc((2.45rem - 1.5rem) \/ 2) !important;\n}\n\n.entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(2) img {\n height: 1.75rem !important;\n}\n\n\/* Ticket-Button in Orange *\/\n.entry-content .header-element .btn {\n --bs-btn-color: #FFFFFF;\n --bs-btn-bg: var(--wc-orange);\n --bs-btn-border-color: var(--wc-orange);\n --bs-btn-hover-color: #FFFFFF;\n --bs-btn-hover-bg: var(--wc-orange-deep);\n --bs-btn-hover-border-color: var(--wc-orange-deep);\n background-color: var(--wc-orange) !important;\n border-color: var(--wc-orange) !important;\n color: #FFFFFF !important;\n font-size: 0.95rem !important;\n font-weight: 600;\n padding: 0 1.15rem !important;\n min-height: 2.45rem !important;\n height: 2.45rem;\n white-space: nowrap;\n box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 6px 16px -8px rgba(160, 80, 20, 0.7) !important;\n}\n\n.entry-content .header-element .btn:is(:hover, :focus-visible) {\n background-color: var(--wc-orange-deep) !important;\n border-color: var(--wc-orange-deep) !important;\n}\n\n@media (max-width: 575.98px) {\n .entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(1) img {\n height: 1.3rem !important;\n margin-left: calc((2.45rem - 1.3rem) \/ 2) !important;\n }\n .entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(2) img {\n height: 1.45rem !important;\n }\n .entry-content .header-element .btn {\n font-size: 0.85rem !important;\n padding: 0 0.9rem !important;\n }\n}\n\n\/* Kleinste Handys (320 px): Schriftzug und Button eine Stufe kleiner. *\/\n@media (max-width: 359.98px) {\n .entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(2) img {\n height: 1.1rem !important;\n }\n .entry-content .header-element .btn {\n font-size: 0.8rem !important;\n padding: 0 0.6rem !important;\n }\n}\n\n\/* Sprungmarken: Das Theme h\u00e4lt 321 px Abstand f\u00fcr seine eigene Kopfzeile,\n die hier unsichtbar ist. Ohne diese Regel landen Spr\u00fcnge zu tief. *\/\nhtml:has(.entry-content .header-element) {\n scroll-padding-top: 0 !important;\n}\n\n\n\/* ==========================================================================\n Sprachumschalter \u00abDeutsch \u00b7 English\u00bb \u2013 unten im Footer\n Der Umschalter geh\u00f6rt WPML und steckt in der Kopfzeile des Themes.\n Er wird sichtbar gemacht und per CSS-Verankerung (anchor positioning)\n unter die \u00a9-Zeile des Footers gesetzt. Browser ohne Verankerung zeigen\n ihn stattdessen in der Kapsel links vom Ticket-Button.\n ========================================================================== *\/\n\nheader.wp-block-template-part :is(#icf-global-header, #icf-global-header .main-nav-switcher, #icf-global-header .main-nav-switcher > .dropdown-menu) {\n display: block !important;\n}\n\n#icf-global-header .language-switcher-links li {\n display: block;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n#icf-global-header .language-switcher-links a {\n text-decoration: none !important;\n transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n#icf-global-header .language-switcher-links a:focus-visible {\n outline: 2px solid #0081B0;\n outline-offset: 2px;\n}\n\n@supports (anchor-name: --wc-a) {\n \/* Als eigene Zeile unter \u00ab\u00a9 \u2026 | Cookie-Einstellungen\u00bb: links auf dem\n Desktop, zentriert auf Tablet und Handy. *\/\n #global-footer small {\n anchor-name: --wc-copy;\n }\n\n body:has(#icf-global-header .language-switcher-links) #global-footer {\n padding-bottom: calc(1.5rem + 1.3125rem + 0.5rem) !important;\n }\n\n #icf-global-header .language-switcher-links {\n visibility: visible;\n position: fixed;\n position-anchor: --wc-copy;\n top: calc(anchor(bottom) + 0.5rem);\n left: anchor(left);\n right: auto;\n bottom: auto;\n z-index: 5;\n display: flex !important;\n align-items: center;\n gap: 0;\n height: 1.3125rem;\n margin: 0;\n padding: 0;\n list-style: none;\n background: none;\n font-size: 0.875rem;\n line-height: 1.5;\n color: #FFFFFF;\n }\n\n #icf-global-header .language-switcher-links a {\n display: inline;\n font-size: 0.875rem !important;\n line-height: 1.5;\n color: rgba(255, 255, 255, 0.6) !important;\n background: none;\n padding: 0;\n }\n\n #icf-global-header .language-switcher-links li + li::before {\n content: \"\u00b7\";\n padding: 0 0.45em;\n color: rgba(255, 255, 255, 0.4);\n }\n\n #icf-global-header .language-switcher-links a:hover {\n color: #FFFFFF !important;\n text-decoration: underline !important;\n text-underline-offset: 0.2em;\n }\n\n #icf-global-header .language-switcher-links a.active {\n color: #FFFFFF !important;\n pointer-events: none;\n }\n\n @media (max-width: 991.98px) {\n body:has(#icf-global-header .language-switcher-links) #global-footer {\n padding-bottom: calc(1.5rem + 1.3125rem + 0.75rem) !important;\n }\n\n #icf-global-header .language-switcher-links {\n top: calc(anchor(bottom) + 0.75rem);\n left: anchor(center);\n translate: -50% 0;\n }\n }\n}\n\n\/* Ersatz f\u00fcr Browser ohne Verankerung: Umschalter in der Kapsel *\/\n@supports not (anchor-name: --wc-a) {\n :root {\n --wc-cta-w: 8.6rem; \/* passt f\u00fcr \u00abJetzt anmelden\u00bb *\/\n --wc-lang-seg: 2.2rem; \/* ein Feld DE \/ EN *\/\n --wc-lang-gap: 0.4rem; \/* Abstand zum Button *\/\n }\n\n .entry-content .header-element .btn {\n width: var(--wc-cta-w);\n justify-content: center;\n }\n\n #icf-global-header .language-switcher-links {\n visibility: visible;\n position: fixed;\n top: calc(0.75rem + (3.25rem - 2.1rem) \/ 2);\n right: calc((100% - min(100% - 2 * var(--wc-edge), 1080px)) \/ 2 + 1px + 0.4rem + var(--wc-cta-w) + var(--wc-lang-gap));\n left: auto;\n z-index: 32;\n display: flex !important;\n gap: 2px;\n width: calc(2 * var(--wc-lang-seg) + 8px);\n height: 2.1rem;\n margin: 0;\n padding: 3px;\n list-style: none;\n border-radius: 100vw;\n background: rgba(0, 0, 0, 0.06);\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);\n }\n\n #icf-global-header .language-switcher-links li {\n display: block;\n flex: 0 0 var(--wc-lang-seg);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #icf-global-header .language-switcher-links a {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 0;\n border-radius: 100vw;\n font-size: 0 !important;\n line-height: 1;\n color: #515154 !important;\n background: transparent;\n text-decoration: none !important;\n transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n }\n\n \/* K\u00fcrzel DE \/ EN (der ausgeschriebene Name bleibt f\u00fcr Screenreader) *\/\n #icf-global-header .language-switcher-links a::before {\n font-family: FlamaSemicondensed, sans-serif;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.06em;\n }\n\n #icf-global-header .language-switcher-links a[href*=\"\/de\/\"]::before { content: \"DE\"; }\n #icf-global-header .language-switcher-links a[href*=\"\/en\/\"]::before { content: \"EN\"; }\n\n #icf-global-header .language-switcher-links a:hover {\n color: #0A0A0A !important;\n background: rgba(255, 255, 255, 0.5);\n }\n\n #icf-global-header .language-switcher-links a.active {\n color: #0A0A0A !important;\n background: #FFFFFF;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 0 0 0.5px rgba(0, 0, 0, 0.04);\n pointer-events: none;\n }\n\n #icf-global-header .language-switcher-links a:focus-visible {\n outline: 2px solid #0081B0;\n outline-offset: 1px;\n }\n\n \/* Handy: Umschalter links anstelle des ICF-Logos *\/\n @media (max-width: 575.98px) {\n :root {\n --wc-cta-w: 7.6rem;\n --wc-lang-seg: 1.95rem;\n }\n #icf-global-header .language-switcher-links {\n right: auto;\n left: calc((100% - min(100% - 2 * var(--wc-edge), 1080px)) \/ 2 + 1px + 0.4rem);\n }\n #icf-global-header .language-switcher-links a::before {\n font-size: 0.72rem;\n }\n .entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(1) > * {\n visibility: hidden;\n }\n }\n\n @media (max-width: 359.98px) {\n :root {\n --wc-cta-w: 6.8rem;\n }\n .entry-content .header-element .btn {\n font-size: 0.8rem !important;\n padding: 0 0.7rem !important;\n }\n .entry-content .header-element .row:has(> [class*=\"col-lg-4\"]) > [class*=\"col\"]:nth-child(2) img {\n height: 1.15rem !important;\n }\n }\n}\n\n\n\/* ==========================================================================\n Footer \u2013 nur die Rechtsleiste\n Der Footer des Themes enth\u00e4lt den ganzen Z\u00fcrich-Footer (Newsticker,\n Men\u00fcs, Socials). Die Konferenz-Website zeigt nur die Leiste mit \u00a9,\n Cookie-Einstellungen und Rechtlichem.\n ========================================================================== *\/\n\nfooter.wp-block-template-part > :is(.wp-block-yellowtree-footer-section, .wp-block-yellowtree-newsticker) {\n display: none !important;\n}\n","yt_custom_styles_rounded_corners":false,"yt_custom_styles_color_scheme":"","footnotes":""},"class_list":["post-1166","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/pages\/1166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/users\/254"}],"replies":[{"embeddable":true,"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/comments?post=1166"}],"version-history":[{"count":11,"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/pages\/1166\/revisions"}],"predecessor-version":[{"id":1375,"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/pages\/1166\/revisions\/1375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/media\/1172"}],"wp:attachment":[{"href":"https:\/\/icf.church\/womensconference\/de\/wp-json\/wp\/v2\/media?parent=1166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}