/* Erzeugt von bombig-library/tools/export_patterns.py, nicht von Hand ändern. */
:root :where(*), :root :where(*::before), :root :where(*::after) { box-sizing: border-box; }
:root { font-size: 62.5%; }
:root :where(body) { margin: 0; font-family: var(--wf-font-body, -apple-system, "system-ui", "Segoe UI", roboto, helvetica, arial, sans-serif); line-height: 1.5; font-size: var(--wf-text-m);
	text-wrap: pretty; color: var(--wf-color-neutral-trans-80); background: #fff; }
:root :where(h1), :root :where(h2), :root :where(h3), :root :where(h4), :root :where(h5), :root :where(h6) { font-family: var(--wf-font-heading, inherit); font-weight: 700; line-height: 1.2; text-wrap: balance; color: var(--wf-color-neutral-950); word-break: break-word; hyphens: auto; margin: 0; }
:root :where(h1) { font-size: var(--wf-text-2xl); }
:root :where(h2) { font-size: var(--wf-text-xl); }
:root :where(h3) { font-size: var(--wf-text-l); }
:root :where(h4) { font-size: var(--wf-text-m); }
:root :where(p), :root :where(figure), :root :where(blockquote), :root :where(ul), :root :where(ol) { margin: 0; }
:root :where(ul[class]), :root :where(ol[class]) { padding: 0; list-style: none; }
:root :where(a) { color: inherit; }
:root :where(img) { height: auto; max-width: 100%; vertical-align: middle; border-style: none; }
:root :where(button), :root :where(input), :root :where(optgroup), :root :where(select), :root :where(textarea) { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; text-align: inherit; }
:root :where(button) { border: none; cursor: pointer; outline: none; padding: 0; background: none; color: inherit; }
:root :where(:is([data-wf], [class*="wf-"], [class*="bx-"])) { max-width: 100%; }
:root :where(:is([data-wf="section"], .wf-section)) { display: flex; flex-direction: column; align-items: center; width: 100%;
	padding: var(--wf-section-space-vertical) var(--wf-section-space-horizontal); overflow-x: clip; }
:root :where(:is([data-wf="container"], .wf-container)) { display: flex; flex-direction: column; align-items: flex-start; flex-wrap: nowrap; margin-inline: auto;
	width: var(--wf-max-screen-width); max-width: 100%; }
:root :where(:is([data-wf="block"], .wf-block)) { display: flex; flex-direction: column; align-items: flex-start; width: 100%; }
@media (max-width: 767px) {
	:root :where(:is([data-wf="section"], .wf-section)), :root :where(:is([data-wf="container"], .wf-container)), :root :where(:is([data-wf="block"], .wf-block)) { flex-wrap: wrap; }
}
:root :where(:is([data-wf="richtext"], .wf-richtext) * + :is(p, h1, h2, h3, h4, h5, h6)) { margin-block-start: 1em; }
:root :where(:is([data-wf="image"], .wf-image)) { object-fit: cover; background: var(--wf-color-neutral-100, #eee); }
:root :where(:is([data-wf="figure"], .wf-figure)) { display: inline-block; position: relative; width: auto; height: fit-content; }
:root :where(:is([data-wf="figure"], .wf-figure) > img) { width: 100%; height: 100%; border-radius: inherit;
  aspect-ratio: inherit; object-fit: inherit; object-position: inherit; }
:root :where(:is([data-wf="gallery"], .wf-gallery) > :is([data-wf="figure"], .wf-figure)) { display: block; width: auto; height: auto; }
:root :where(:is([data-wf="button"], .wf-button > .wp-block-button__link)) { display: inline-flex; align-items: center; justify-content: center; gap: var(--wf-icon-gap, 10px); text-decoration: none; user-select: none; cursor: pointer;
	padding: var(--wf-space-s) var(--wf-space-l); border-radius: var(--wf-button-radius, var(--wf-radius-s)); font: inherit; font-size: var(--wf-text-s); font-weight: 600; line-height: 1.2; letter-spacing: .5px;
	border: 0 solid var(--wf-color-neutral-950); background: var(--wf-color-neutral-950); color: #fff; }
:root :where(:is([data-wf="button"][data-variant="outline"], .wf-button.wf-variant-outline > .wp-block-button__link)) { border-width: 1px; background: transparent; color: var(--wf-color-neutral-950); }
:root :where(:is([data-wf="button"][data-tone="light"], .wf-button.wf-tone-light > .wp-block-button__link)) { background: #fff; color: var(--wf-color-neutral-950); border-color: #fff; }
:root :where(:is([data-wf="button"][data-tone="light"][data-variant="outline"], .wf-button.wf-tone-light.wf-variant-outline > .wp-block-button__link)) { background: transparent; color: #fff; }
:root :where(:is([data-wf="button"], .wf-button > .wp-block-button__link) svg), :root :where(:is([data-wf="link"], .wf-link) svg) { width: var(--wf-icon-size, 1em); height: var(--wf-icon-size, 1em); flex: none; }
:root :where(:is([data-wf="link"], .wf-link)) { display: inline-flex; align-items: center; gap: var(--wf-icon-gap, .5em); text-decoration: none; font-weight: 600; }
:root :where(:is([data-wf="icon"], .wf-icon)) { display: inline-block; color: var(--wf-icon-color, var(--wf-color-neutral-950)); font-size: var(--wf-icon-size, 60px); line-height: 1; flex: none; }
:root :where(:is([data-wf="icon"], .wf-icon) svg) { display: inline-block; width: auto; height: 1em; vertical-align: top; }
:root :where(:is([data-wf="rating"], .wf-rating)) { display: flex; gap: var(--wf-el-gap, 0); color: var(--wf-icon-color, var(--wf-color-neutral-950)); }
:root :where(:is([data-wf="rating"], .wf-rating) svg) { height: var(--wf-icon-size, 30px); width: auto; }
:root :where(:is([data-wf="divider"], .wf-divider)) { display: flex; align-items: center; width: 100%; }
:root :where(:is([data-wf="divider"], .wf-divider) .wf-line) { width: var(--wf-el-width, 100%); border-top: var(--wf-el-height, 1px) var(--wf-el-style, solid) var(--wf-el-color, var(--wf-color-neutral-trans-20, #ddd)); }
:root :where(:is([data-wf="media"], .wf-media)) { width: 100%; aspect-ratio: 16 / 9; background: var(--wf-color-neutral-100, #eee); }
:root :where(:is([data-wf="media"], .wf-media) img) { width: 100%; height: 100%; object-fit: cover; }
:root :where(:is([data-wf="media"], .wf-media)[data-kind="map"]) { aspect-ratio: auto; height: var(--wf-el-height, 300px); overflow: hidden; }
:root :where(:is([data-wf="gallery"], .wf-gallery)) { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--wf-space-s); width: 100%; }
:root :where(:is([data-wf="logo"], .wf-logo) img) { height: 3.2rem; width: auto; }
:root :where(:is([data-wf="post-taxonomy"], .wf-post-taxonomy)) { display: flex; gap: var(--wf-space-xs); }
:root :where(:is([data-wf="post-taxonomy"], .wf-post-taxonomy) a), :root :where(:is([data-wf="filter"], .wf-filter) button) { font-size: var(--wf-text-xs); padding: .3em .8em; border: 1px solid currentColor; border-radius: 99px; text-decoration: none; background: none; font: inherit; }
:root :where(:is([data-wf="filter"], .wf-filter)) { display: flex; flex-wrap: wrap; gap: var(--wf-space-xs); }
:root :where(:is([data-wf="post-sharing"], .wf-post-sharing)) { display: flex; gap: var(--wf-space-s); }
:root :where(:is([data-wf="post-sharing"], .wf-post-sharing) svg) { width: 2rem; height: 2rem; }
:root :where(:is([data-wf="post-navigation"], .wf-post-navigation)) { display: flex; justify-content: space-between; width: 100%; }
:root :where(:is([data-wf="todo"], .wf-todo)) { outline: 2px dashed #f59e0b; padding: 1rem; }
:root :where(:is([data-wf="nav"], .wf-nav) ul) { display: flex; flex-wrap: wrap; gap: var(--wf-space-l); list-style: none; padding: 0; margin: 0; }
:root :where(:is([data-wf="nav"], .wf-nav) a) { text-decoration: none; font-size: var(--wf-text-s); }
:root :where(:is([data-wf="toggle"], .wf-toggle)) { display: inline-flex; flex-direction: column; gap: 4px; background: none; border: 0; padding: 8px; cursor: pointer; }
:root :where(:is([data-wf="toggle"], .wf-toggle) span) { width: 22px; height: 2px; background: currentColor; }
:root :where(:is([data-wf="toggle"], .wf-toggle)[data-icon]) { padding: 0; font-size: var(--wf-icon-size, 2.4rem); line-height: 1; color: var(--wf-icon-color, currentColor); }
:root :where(:is([data-wf="toggle"], .wf-toggle)[data-icon] svg) { height: 1em; width: auto; }
:root :where(:is([data-wf="offcanvas"], .wf-offcanvas)) { display: block; position: relative; }
:root :where(:is([data-wf="section"], .wf-section):is([class*="bot-nav"], [class*="popup"])) { position: relative !important; }
:root :where(:is([data-wf="nav-nested"], .wf-nav-nested)) { display: inline-flex; align-items: center; }
:root :where(:is([data-wf="nav-nested"], .wf-nav-nested) .brx-nav-nested-items) { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 30px; list-style: none; margin: 0; padding: 0; }
:root :where(:is([data-wf="form"], .wf-form)) { display: flex; flex-wrap: wrap; width: 100%; }
:root :where(:is([data-wf="form"], .wf-form) .wf-field) { display: flex; flex-direction: column; width: 100%; padding-bottom: 20px; }
:root :where(:is([data-wf="form"], .wf-form) .wf-field:last-child) { padding-bottom: 0; }
:root :where(:is([data-wf="form"], .wf-form) .wf-submit) { width: auto; }
:root :where(:is([data-wf="form"], .wf-form) .wf-submit [type="submit"]) { width: 100%; }
:root :where(:is([data-wf="form"], .wf-form) label), :root :where(:is([data-wf="form"], .wf-form) .label) { font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: inherit; }
:root :where(:is([data-wf="form"], .wf-form) .wf-field > label), :root :where(:is([data-wf="form"], .wf-form) .wf-field > .label) { margin-bottom: 5px; }
:root :where(:is([data-wf="form"], .wf-form) .wf-options) { list-style: none; margin: 0; padding: 0; }
:root :where(:is([data-wf="form"], .wf-form) .wf-options li) { display: flex; align-items: baseline; gap: 8px; }
:root :where(:is([data-wf="form"], .wf-form) .wf-options :is(input, label)) { display: inline-block; height: auto; width: auto; margin: 0 5px 0 0; }
:root :where(:is([data-wf="form"], .wf-form) .wf-options label) { line-height: 1; }
:root :where(:is([data-wf="form"], .wf-form) .wf-options input) { margin: initial; position: relative; top: 1px; }
:root :where(:is([data-wf="form"], .wf-form) input:not([type="checkbox"]):not([type="radio"])), :root :where(:is([data-wf="form"], .wf-form) textarea), :root :where(:is([data-wf="form"], .wf-form) select), :root :where(:is([data-wf="search"], .wf-search) input) {
	font: inherit; font-size: inherit; line-height: 40px; padding: 0 12px; border: 1px solid var(--wf-color-neutral-trans-20, #ccc); width: 100%; background: #fff; color: currentcolor; }
:root :where(:is([data-wf="form"], .wf-form) textarea) { line-height: inherit; resize: vertical; }
:root :where(:is([data-wf="search"], .wf-search)) { display: flex; align-items: stretch; justify-content: space-between; width: 100%; }
:root :where(:is([data-wf="search"], .wf-search) input[type="search"]) { line-height: 40px; padding: 0 20px; width: auto; flex: 1 1 auto; }
:root :where(:is([data-wf="search"], .wf-search) button) { display: flex; align-items: center; justify-content: center; gap: .5em; height: 40px; width: 60px; white-space: nowrap;
	font-size: var(--wf-icon-size, inherit); color: var(--wf-icon-color, inherit); line-height: var(--wf-icon-line-height, 1.15); font-weight: var(--wf-icon-font-weight, inherit); }
:root :where(:is([data-wf="search"], .wf-search) button svg) { height: 1em; width: auto; }
:root :where(:is([data-wf="accordion"], .wf-accordion)) { display: flex; flex-direction: column; width: 100%; }
:root :where(:is([data-wf="accordion"], .wf-accordion) .accordion-title-wrapper) { cursor: pointer; }
:root :where(:is([data-wf="accordion"], .wf-accordion) .accordion-content-wrapper) { display: none; }
:root :where(:is([data-wf="accordion"], .wf-accordion) .wf-open > .accordion-content-wrapper) { display: block; }
:root :where(:is([data-wf="tabs"], .wf-tabs)) { display: flex; flex-direction: column; width: 100%; }
:root :where(:is([data-wf="tabs"], .wf-tabs) .tab-menu) { display: flex; gap: var(--wf-space-s); }
:root :where(:is([data-wf="tabs"], .wf-tabs) .tab-title) { cursor: pointer; width: auto; }
:root :where(:is([data-wf="tabs"], .wf-tabs) .tab-pane) { display: none; }
:root :where(:is([data-wf="tabs"], .wf-tabs) .tab-pane.wf-active) { display: block; }
:root :where(:is([data-wf="slider"], .wf-slider)) { position: relative; width: 100%; --wf-per-page: 1; --wf-slider-gap: var(--wf-space-m); }
:root :where(:is([data-wf="slider-track"], .wf-slider-track)) { display: flex; gap: var(--wf-slider-gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
:root :where(:is([data-wf="slider-track"], .wf-slider-track)::-webkit-scrollbar) { display: none; }
:root :where(:is([data-wf="slide"], .wf-slide)) { flex: 0 0 calc((100% - (var(--wf-per-page) - 1) * var(--wf-slider-gap)) / var(--wf-per-page)); scroll-snap-align: start; display: flex; }
:root :where(:is([data-wf="slide"], .wf-slide) > *) { width: 100%; }
:root :where(.wf-slider-nav) { position: absolute; inset: 50% 0 auto; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none; }
:root :where(.wf-slider-nav button) { pointer-events: auto; }
:root :where(.wf-slider-nav button) { width: 4rem; height: 4rem; border: 1px solid currentColor; border-radius: 50%; background: #fff; font-size: 2rem; cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
	:root :where(*), :root :where(*::before), :root :where(*::after) { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* WordPress-Ergänzungen: Wrapper der Blöcke dürfen das Layout der Wireframes nicht stören */
:root :where(.wf-button) { display: contents; }
:root :where(.wf-buttons.wf-div) { display: flex; flex-wrap: wrap; gap: var(--wf-space-s); }
:root .wf-buttons-solo { display: contents; } /* stärker als WordPress' body .is-layout-flex */
:root :where(.wf-figure) { margin: 0; }

/* Baukasten (bin/wireframe der Workbench): Kicker im Heading und eingesetzte Teile anderer Sections */
:root :where(.wf-eyebrow) { display: block; margin-bottom: var(--wf-space-s); font-size: var(--wf-text-m); font-weight: 600; line-height: 1.4; }
:root :where(.wf-graft) { display: contents; }
:root :where(img[data-motif]) { object-fit: cover; }