@layer swift3 {:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,#0693e3 0%,#9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,#fcb900 0%,#ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eeeeee 0%,#a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #ffffff, 6px 6px #000000; --wp--preset--shadow--crisp: 6px 6px 0px #000000; }:where(body) { margin: 0px; }body { padding: 0px; }html.wpk-a11y--ueberschrift :is(h1, h2, h3, h4, h5, h6) { border-inline-start: 4px solid var(--wpk-a11y-akzent, #2b7d78); padding-inline-start: 0.5em; }html.wpk-a11y--staerke :is(h1, h2, h3, h4, h5, h6), html.wpk-a11y--staerke strong, html.wpk-a11y--staerke b { font-weight: 800 !important; }html.wpk-a11y--ausrichten body, html.wpk-a11y--ausrichten p, html.wpk-a11y--ausrichten li, html.wpk-a11y--ausrichten :is(h1, h2, h3, h4, h5, h6) { text-align: left !important; }html.wpk-a11y--fokus :is(a, button, input, select, textarea, [tabindex]):focus, html.wpk-a11y--fokus :is(a, button, input, select, textarea, [tabindex]):focus-visible { border-radius: 3px; outline: #0b3d91 solid 4px !important; outline-offset: 3px !important; }html.wpk-a11y--markieren :is(p, li, h1, h2, h3, h4, h5, h6, article, figure, blockquote):hover { outline: 2px solid var(--wpk-a11y-akzent, #2b7d78); outline-offset: 3px; background-color: rgba(43, 125, 120, 0.06); }.wpk-a11y-trigger { position: fixed; z-index: 2147483001; display: inline-flex; align-items: center; justify-content: center; width: var(--wpk-a11y-knopf, 56px); height: var(--wpk-a11y-knopf, 56px); padding: 0px; border: 2px solid #ffffff; border-radius: 50%; background: var(--wpk-a11y-akzent, #2b7d78); color: #ffffff; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 6px, rgba(0, 0, 0, 0.16) 0px 10px 28px; cursor: pointer; transition:transform 0.18s ease; }.wpk-a11y-trigger svg { width: var(--wpk-a11y-symbol, 26px); height: var(--wpk-a11y-symbol, 26px); }.wpk-a11y-trigger:hover { transform: translateY(-2px); }.wpk-a11y-trigger--unten-links { bottom: var(--wpk-a11y-y,20px); left: var(--wpk-a11y-x,20px); }:root { --wpk-a11y-akzent: #e6620a; --wpk-a11y-x: 20px; --wpk-a11y-y: 20px; --wpk-a11y-knopf: 56px; --wpk-a11y-symbol: 26px; }@media (max-width: 991px){:root { --wpk-a11y-knopf: 52px; --wpk-a11y-symbol: 24px; }}@media (max-width: 600px){:root { --wpk-a11y-knopf: 48px; --wpk-a11y-symbol: 22px; }}@layer bricks {:root { --bricks-vh: 1vh; --bricks-transition: all 0.2s; --bricks-color-primary: #ffd64f; --bricks-color-secondary: #fc5778; --bricks-text-dark: #212121; --bricks-text-medium: #616161; --bricks-text-light: #9e9e9e; --bricks-text-info: #00b0f4; --bricks-text-success: #11b76b; --bricks-text-warning: #ffa100; --bricks-text-danger: #fa4362; --bricks-bg-info: #e5f3ff; --bricks-bg-success: #e6f6ed; --bricks-bg-warning: #fff2d7; --bricks-bg-danger: #ffe6ec; --bricks-bg-dark: #263238; --bricks-bg-light: #f5f6f7; --bricks-border-color: #dddedf; --bricks-border-radius: 4px; --bricks-tooltip-bg: #23282d; --bricks-tooltip-text: #eaecef; } html { text-size-adjust: auto; line-height: 1.15; } body { margin: 0px; } article, aside, figcaption, figure, footer, header, main, nav, section { display: block; } figure { margin: 1em 40px; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } [type="reset"], [type="submit"], button, html [type="button"] { appearance: button; } .brxe-section { align-items: center; display: flex; flex-direction: column; margin-left: auto; margin-right: auto; width: 100%; } @media (max-width: 767px){.brxe-section { flex-wrap: wrap; }} .brxe-section.bricks-lazy-hidden { background-image: none !important; } .brxe-block { align-items: flex-start; display: flex; flex-direction: column; width: 100%; } @media (max-width: 767px){.brxe-block { flex-wrap: wrap; }} .brxe-block.bricks-lazy-hidden { background-image: none !important; } .brxe-div.bricks-lazy-hidden { background-image: none !important; } [class*="brxe-"] { max-width: 100%; } svg:not([width]) { min-width: 1em; } svg:not([height]) { min-height: 1em; } span[class*="brxe-"]:not(.brxe-section):not(.brxe-container):not(.brxe-block):not(.brxe-div) { width: auto; } #brx-footer { background-position: 50% center; background-size: cover; flex-shrink: 0; margin-top: auto; position: relative; width: 100%; } html { font-size: 62.5%; } *, ::after, ::before, html { box-sizing: border-box; } * { border-color: var(--bricks-border-color); } body { -webkit-font-smoothing: antialiased; background-color: rgb(255, 255, 255); background-position: 50% center; color: rgb(54, 54, 54); font-family: -apple-system, "system-ui", "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 15px; line-height: 1.7; transition: padding-top; } .brx-body { display: flex; flex-direction: column; margin: 0px auto; width: 100%; } :where(a) { border-color: currentcolor; color: currentcolor; cursor: pointer; text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin: 0px; text-rendering: optimizelegibility; } h1 { font-size: 2.4em; } h1, h2 { line-height: 1.4; } h2 { font-size: 2.1em; } h3 { font-size: 1.8em; } h3, h4 { line-height: 1.4; } :where(p) { margin-block: 0px 1.2em; } :where(p:last-of-type) { margin-block-end: 0px; } figcaption { color: var(--bricks-text-light); font-size: 0.9em; margin: 1em 0px; text-align: center; } button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; outline: none; padding: 0px; } label { color: var(--bricks-text-light); display: block; font-weight: 400; margin-bottom: 5px; } button, input, optgroup, select, textarea { font-family: inherit; text-align: inherit; } .skip-link { clip: rect(1px, 1px, 1px, 1px); background: rgb(0, 0, 0); border-bottom-right-radius: 8px; color: rgb(255, 255, 255); font-weight: 700; height: 1px; left: 0px; overflow: hidden; padding: 5px 10px; position: absolute; top: 0px; transition: transform 0.1s; white-space: nowrap; width: 1px; z-index: 9999; } .skip-link:focus { clip: auto; height: auto; overflow: visible; width: auto; } body.bricks-is-frontend :focus-visible { outline: auto; } @supports not selector(:focus-visible) {body.bricks-is-frontend :focus { outline: auto; }} .brx-multilevel-overflow-right, .brx-multilevel-overflow-right ul, .brx-submenu-overflow-right { left: auto !important; right: 0px !important; } .brx-sub-submenu-overflow-right, .brx-sub-submenu-overflow-right ul, .brx-submenu-overflow-right ul { left: auto !important; right: 100% !important; } #brx-content { flex: 1 1 0%; position: relative; width: 100%; } #brx-header { background-position: 50% center; background-size: cover; position: relative; width: 100%; } #brx-header.brx-sticky { left: 0px; position: fixed; right: 0px; top: 0px; transition: background-color 0.2s, transform 0.4s; width: 100%; z-index: 998; } #brx-header.brx-sticky .bricks-nav-menu > li > a, #brx-header.brx-sticky > .brxe-block, #brx-header.brx-sticky > .brxe-container, #brx-header.brx-sticky > .brxe-div, #brx-header.brx-sticky > .brxe-section { transition: inherit; } .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; white-space: nowrap; width: 1px; position: absolute !important; } .brx-load-more-hidden, .brx-query-trail:not(.bricks-isotope-sizer) { display: none !important; } .swiper-slide { flex-shrink: 0; height: 100%; position: relative; transition-property: transform; width: 100%; } @keyframes blink { 100% { opacity: 0; } } .brx-multilevel-back { align-items: center; cursor: pointer; display: flex; gap: 3px; width: 100%; } .brxe-filter-checkbox[data-mode="button"] input[type="checkbox"]:focus-visible + .bricks-button, .brxe-filter-checkbox[data-mode="button"] label:focus-within .bricks-button { outline: 2px solid var(--brx-indicator-focus-color,#3b82f6); outline-offset: 2px; } .brxe-filter-checkbox input[type="checkbox"]:focus-visible + .brx-input-indicator { outline: 1px solid var(--brx-indicator-focus-color,#3b82f6); outline-offset: 2px; } .brxe-filter-radio[data-mode="button"] input[type="radio"]:focus-visible + .bricks-button, .brxe-filter-radio[data-mode="button"] label:focus-within .bricks-button { outline: 2px solid var(--brx-indicator-focus-color,#3b82f6); outline-offset: 2px; } .brxe-filter-radio input[type="radio"]:focus-visible + .brx-input-indicator { outline: 2px solid var(--brx-indicator-focus-color,#3b82f6); outline-offset: 2px; } :where(.brxe-nav-menu) ol, :where(.brxe-nav-menu) ul { list-style-type: none; margin: 0px; padding: 0px; } :where(.brxe-nav-menu) .bricks-nav-menu { display: flex; line-height: inherit; margin: 0px; padding: 0px; } :where(.brxe-nav-menu) .bricks-nav-menu > li { margin: 0px 0px 0px 30px; } :where(.brxe-nav-menu) .bricks-nav-menu li { position: relative; } :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu) > a { display: flex; width: 100%; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle { background-color: transparent; cursor: pointer; display: none; height: 16px; min-width: 12px; position: relative; width: 20px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle::before { inset: 0px; content: ""; position: absolute; z-index: 1; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle:hover span { min-width: 12px; width: 20px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle span { background-color: currentcolor; display: block; height: 2px; position: absolute; right: 0px; transition: var(--bricks-transition); } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-top { min-width: 12px; top: 0px; width: 20px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-center { min-width: 12px; top: 7px; width: 20px; } :where(.brxe-nav-menu) .bricks-mobile-menu-toggle .bar-bottom { min-width: 12px; top: 14px; width: 20px; } .brxe-nav-menu .bricks-mobile-menu-wrapper { bottom: 0px; color: rgb(255, 255, 255); display: flex; flex-direction: column; height: calc(var(--bricks-vh, 1vh)*100); left: 0px; position: fixed; right: auto; scrollbar-width: none; top: var(--wp-admin--admin-bar--height,0); transition-duration: 0.2s; transition-property: background-color, opacity, transform, visibility; visibility: hidden; width: 300px; z-index: 999; } .brxe-nav-menu .bricks-mobile-menu-wrapper::before { background-color: rgb(35, 40, 45); background-size: cover; inset: 0px; content: ""; position: absolute; z-index: -1; } .brxe-nav-menu .bricks-mobile-menu-wrapper.right { left: auto; right: 0px; transform: translateX(100%); } .brxe-nav-menu .bricks-mobile-menu-wrapper a { display: block; width: 100%; } .brxe-nav-menu .bricks-mobile-menu-wrapper li a { line-height: 60px; } .brxe-nav-menu .bricks-mobile-menu-wrapper li a:focus { outline-offset: -1px; } .brxe-nav-menu .bricks-mobile-menu { overflow-y: scroll; position: relative; scrollbar-width: none; } .brxe-nav-menu .bricks-mobile-menu > li > .brx-submenu-toggle > *, .brxe-nav-menu .bricks-mobile-menu > li > a { padding: 0px 30px; } .brxe-nav-menu .bricks-mobile-menu-overlay { background-color: rgba(0, 0, 0, 0.25); inset: 0px; opacity: 0; position: fixed; transition: 0.2s; visibility: hidden; z-index: -1; } @keyframes load8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes scrolling { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } }}body label { color: var(--text-body); }html body, html button, html input, html select, html textarea, html h1, html h2, html h3, html h4, html h5, html h6 { font-family: Archivo, "Archivo Fallback", Arial, Helvetica, sans-serif; }:root { --wpk-paper: var(--bg-body, #F7F7F5); --wpk-paper-2: var(--bg-surface, #EDEDEA); --wpk-ink: var(--tertiary, #111111); --wpk-ink-soft: var(--text-body, #26262A); --wpk-mute: var(--text-mute, #55554F); --wpk-line: var(--border-primary, #DCDCD7); --wpk-orange: var(--secondary, #E8610A); --wpk-orange-deep: var(--primary, #B84806); --wpk-mark: var(--mark, #FFF0B8); }html body { background-color: var(--bg-body, #F7F7F5); color: var(--text-body, #26262A); }:focus-visible { outline: 3px solid var(--wpk-orange-deep); outline-offset: 3px; }:root { --wpk-header-h: 9rem; }html { scroll-padding-top: var(--wpk-header-h); }[id] { scroll-margin-top: var(--wpk-header-h); }:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; }:root { --fg-text-width: 62ch; --min-screen-width: 320px; --max-screen-width: 1400px; --primary: hsl(22,94%,37%); --primary-5: hsla(22,94%,37%,0.05); --primary-10: hsla(22,94%,37%,0.1); --primary-20: hsla(22,94%,37%,0.2); --primary-30: hsla(22,94%,37%,0.3); --primary-40: hsla(22,94%,37%,0.4); --primary-50: hsla(22,94%,37%,0.5); --primary-60: hsla(22,94%,37%,0.6); --primary-70: hsla(22,94%,37%,0.7); --primary-80: hsla(22,94%,37%,0.8); --primary-90: hsla(22,94%,37%,0.9); --primary-d-1: hsl(21,86%,30%); --primary-d-2: hsl(21,78%,24%); --primary-d-3: hsl(21,71%,17%); --primary-d-4: hsl(25,70%,9%); --primary-l-1: hsl(20,58%,52%); --primary-l-2: hsl(20,63%,64%); --primary-l-3: hsl(20,68%,76%); --primary-l-4: hsl(20,74%,88%); --secondary: hsla(24,92%,47%,1); --secondary-5: hsla(24,92%,47%,0.05); --secondary-10: hsla(24,92%,47%,0.1); --secondary-20: hsla(24,92%,47%,0.2); --secondary-30: hsla(24,92%,47%,0.3); --secondary-40: hsla(24,92%,47%,0.4); --secondary-50: hsla(24,92%,47%,0.5); --secondary-60: hsla(24,92%,47%,0.6); --secondary-70: hsla(24,92%,47%,0.7); --secondary-80: hsla(24,92%,47%,0.8); --secondary-90: hsla(24,92%,47%,0.9); --secondary-d-1: hsla(23,87%,42%,1); --secondary-d-2: hsla(23,83%,37%,1); --secondary-d-3: hsla(23,79%,32%,1); --secondary-d-4: hsla(22,76%,27%,1); --secondary-d-5: hsla(22,71%,22%,1); --secondary-d-6: hsla(22,66%,17%,1); --secondary-d-7: hsla(23,63%,12%,1); --secondary-d-8: hsla(27,67%,7%,1); --secondary-l-1: hsla(22,84%,55%,1); --secondary-l-2: hsla(22,87%,62%,1); --secondary-l-3: hsla(22,91%,68%,1); --secondary-l-4: hsla(21,95%,74%,1); --secondary-l-5: hsla(21,100%,79%,1); --secondary-l-6: hsla(21,100%,84%,1); --secondary-l-7: hsla(22,100%,89%,1); --secondary-l-8: hsla(22,100%,95%,1); --tertiary: hsla(0,0%,7%,1); --tertiary-5: hsla(0,0%,7%,0.05); --tertiary-10: hsla(0,0%,7%,0.1); --tertiary-20: hsla(0,0%,7%,0.2); --tertiary-30: hsla(0,0%,7%,0.3); --tertiary-40: hsla(0,0%,7%,0.4); --tertiary-50: hsla(0,0%,7%,0.5); --tertiary-60: hsla(0,0%,7%,0.6); --tertiary-70: hsla(0,0%,7%,0.7); --tertiary-80: hsla(0,0%,7%,0.8); --tertiary-90: hsla(0,0%,7%,0.9); --tertiary-d-1: hsla(0,0%,6%,1); --tertiary-d-2: hsla(0,0%,5%,1); --tertiary-d-3: hsla(0,0%,3%,1); --tertiary-d-4: hsla(0,0%,2%,1); --tertiary-l-1: hsla(0,0%,23%,1); --tertiary-l-2: hsla(0,0%,40%,1); --tertiary-l-3: hsla(0,0%,59%,1); --tertiary-l-4: hsla(0,0%,79%,1); --bg-body: hsla(60,11%,96%,1); --bg-surface: hsla(60,8%,92%,1); --text-body: hsla(240,5%,16%,1); --text-title: hsla(0,0%,7%,1); --border-primary: hsla(60,7%,85%,1); --shadow-primary: hsla(188,65%,11%,0.15); --text-mute: hsla(60,4%,32%,1); --mark: hsla(47,100%,86%,1); --light: hsla(85,0%,100%,1); --light-5: hsla(0,0%,100%,0.05); --light-10: hsla(0,0%,100%,0.1); --light-20: hsla(0,0%,100%,0.2); --light-30: hsla(0,0%,100%,0.3); --light-40: hsla(0,0%,100%,0.4); --light-50: hsla(0,0%,100%,0.5); --light-60: hsla(0,0%,100%,0.6); --light-70: hsla(0,0%,100%,0.7); --light-80: hsla(0,0%,100%,0.8); --light-90: hsla(0,0%,100%,0.9); --dark: hsla(0,0%,0%,1); --dark-5: hsla(0,0%,0%,0.05); --dark-10: hsla(0,0%,0%,0.1); --dark-20: hsla(0,0%,0%,0.2); --dark-30: hsla(0,0%,0%,0.3); --dark-40: hsla(0,0%,0%,0.4); --dark-50: hsla(0,0%,0%,0.5); --dark-60: hsla(0,0%,0%,0.6); --dark-70: hsla(0,0%,0%,0.7); --dark-80: hsla(0,0%,0%,0.8); --dark-90: hsla(0,0%,0%,0.9); --success: hsla(136,95%,56%,1); --success-5: hsla(136,95%,56%,0.05); --success-10: hsla(136,95%,56%,0.1); --success-20: hsla(136,95%,56%,0.2); --success-30: hsla(136,95%,56%,0.3); --success-40: hsla(136,95%,56%,0.4); --success-50: hsla(136,95%,56%,0.5); --success-60: hsla(136,95%,56%,0.6); --success-70: hsla(136,95%,56%,0.7); --success-80: hsla(136,95%,56%,0.8); --success-90: hsla(136,95%,56%,0.9); --error: hsla(351,95%,56%,1); --error-5: hsla(351,95%,56%,0.05); --error-10: hsla(351,95%,56%,0.1); --error-20: hsla(351,95%,56%,0.2); --error-30: hsla(351,95%,56%,0.3); --error-40: hsla(351,95%,56%,0.4); --error-50: hsla(351,95%,56%,0.5); --error-60: hsla(351,95%,56%,0.6); --error-70: hsla(351,95%,56%,0.7); --error-80: hsla(351,95%,56%,0.8); --error-90: hsla(351,95%,56%,0.9); --space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem); --space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem); --space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem); --space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem); --space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem); --space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem); --space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem); --space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem); --space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem); --space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem); --space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem); --text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem); --text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem); --text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem); --text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem); --text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem); --text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem); --text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem); --text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-s); --header-space: var(--space-s); --btn-space: var(--space-xs) var(--space-s); --card-space: var(--space-s); --footer-space: var(--space-s) var(--space-m); --columns-1: repeat(1,minmax(0,1fr)); --columns-2: repeat(2,minmax(0,1fr)); --columns-3: repeat(3,minmax(0,1fr)); --columns-4: repeat(4,minmax(0,1fr)); --columns-5: repeat(5,minmax(0,1fr)); --columns-6: repeat(6,minmax(0,1fr)); --columns-7: repeat(7,minmax(0,1fr)); --columns-8: repeat(8,minmax(0,1fr)); --radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem); --radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem); --radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem); --radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem); --radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),3.2rem); --radius-full: 999rem; --shadow-xs: 0 1px 2px var(--shadow-primary); --shadow-s: 0 1.5px 3px var(--shadow-primary); --shadow-m: 0 2px 6px var(--shadow-primary); --shadow-l: 0 3px 12px var(--shadow-primary); --shadow-xl: 0 6px 48px var(--shadow-primary); }body { color: var(--text-body); font-family: Manrope; font-size: var(--text-m); font-weight: 400; letter-spacing: -0.008em; line-height: 1.7; }h1, h2, h3, h4, h5, h6 { color: var(--text-title); font-family: Manrope; font-weight: 700; letter-spacing: -0.035em; line-height: 1.15; }@media (max-width: 767px){.wpk-header-bar { padding-block: 2rem; min-height: 6.4rem; }}.wk-logo.brxe-text-basic { color: var(--text-title); font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; line-height: 1.1; }.wk-logo { font-family: var(--wpk-font-display,inherit); white-space: nowrap; }.wk-logo span { color: var(--primary); }@media (max-width: 479px){.wk-logo { font-size: 1.7rem; }}.wpk-nav-main .bricks-nav-menu > li.current-menu-item > a { box-shadow: inset 0 -3px 0 var(--secondary); }.wpk-nav-main .bricks-nav-menu > li > a { min-height: 4.4rem; align-items: center; }@media (max-width: 1200px){.wpk-nav-main { order: 3; }}.wpk-hide-mobil { display: flex; align-items: center; flex-direction: row; column-gap: var(--space-s); flex-shrink: 0; }@media (max-width: 1200px){.wpk-hide-mobil { display: none; }}.wk-cta-pill.brxe-div { align-items: center; background-color: var(--secondary); border: 2px solid var(--secondary); border-radius: 999px; column-gap: var(--space-3xs); display: inline-flex; flex-shrink: 0; padding-right: var(--space-m); padding-left: var(--space-m); color: var(--tertiary); font-size: var(--text-s); font-weight: 700; }.wk-cta-pill { min-height: 4.8rem; text-decoration: none; }.wk-cta-pill:hover, .wk-cta-pill:focus-visible { background-color: var(--tertiary); border-color: var(--tertiary); color: var(--bg-body); }@media (max-width: 479px){.wk-cta-pill { min-height: 4.4rem; padding-inline: 1.6rem; font-size: 1.4rem; }}.wk-sec { padding-block: 9.6rem; }@media (max-width: 767px){.wk-sec { padding-block: 6.4rem; }}.wk-hero { padding-top: calc(var(--wpk-header-h) + 2.4rem); padding-bottom: 9.6rem; }@media (max-width: 767px){.wk-hero { padding-bottom: 6.4rem; }}.wpk-wrap { width: 100%; max-width: 140rem; margin-inline: auto; padding-inline: clamp(2rem, 5vw, 8rem); }.wk-meta { font-size: 1.2rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--text-mute,#55554F); margin: 0px 0px 2.4rem; }@media (max-width: 767px){.wk-meta { font-size: 1.1rem; letter-spacing: 0.12em; margin-bottom: 1.6rem; }}.wk-display { font-weight: 800; font-size: clamp(3.2rem, 7.5vw, 11rem); line-height: 0.95; letter-spacing: -0.035em; text-transform: uppercase; margin: 0px; text-wrap: balance; }.wk-hero-sub { font-weight: 700; font-size: clamp(2.2rem, 3.4vw, 4.4rem); line-height: 1.05; letter-spacing: -0.02em; text-transform: uppercase; color: var(--primary); margin: 1.2rem 0px 0px; }.wk-lead { font-size: clamp(1.9rem, 1.6vw, 2.3rem); line-height: 1.55; max-width: 62ch; }.wk-btnrow { display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 4rem; }@media (max-width: 767px){.wk-btnrow { margin-top: 3.2rem; gap: 1.2rem; }}.wpk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 5.6rem; padding: 0px 3.2rem; font-size: 1.7rem; font-weight: 700; line-height: 1.2; text-decoration: none; border: 2px solid var(--tertiary); border-radius: 999px; background: transparent; color: var(--tertiary); cursor: pointer; transition:background, color, border-color 0.2s, 0.2s, 0.2s ease, ease, ease; }@media (max-width: 479px){.wpk-btn { padding: 0px 2.4rem; font-size: 1.6rem; }}.wpk-btn--primary { background: var(--secondary); border-color: var(--secondary); color: var(--tertiary); }.wpk-btn--primary:hover, .wpk-btn--primary:focus-visible { background: var(--tertiary); border-color: var(--tertiary); color: var(--bg-body); }.wpk-btn--ghost { background: transparent; border-color: var(--tertiary); color: var(--tertiary); }.wpk-btn--ghost:hover, .wpk-btn--ghost:focus-visible { background: var(--tertiary); border-color: var(--tertiary); color: var(--bg-body); }.wk-sec--tight { padding-block: 6.4rem; }@media (max-width: 767px){.wk-sec--tight { padding-block: 4.8rem; }}.wpk-label { display: block; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--primary); margin: 0px 0px 1.6rem; }.wpk-label::before { content: none; }.wk-h2 { font-weight: 800; font-size: clamp(2.8rem, 5.2vw, 7.2rem); line-height: 1; letter-spacing: -0.03em; text-transform: uppercase; margin: 0px 0px 2.4rem; text-wrap: balance; }.wk-projgrid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 6.4rem 4rem; margin-top: 4rem; }@media (max-width: 767px){.wk-projgrid { grid-template-columns: 1fr; gap: 4.8rem; }}.wk-proj { display: block; text-decoration: none; color: inherit; }.wk-proj:hover .wpk-media { border-color: var(--tertiary); }.wpk-media { display: grid; place-items: center; width: 100%; background: var(--bg-surface); border: 1px solid var(--border-primary); color: var(--text-mute,#55554F); font-size: 1.4rem; text-align: center; padding: 1.6rem; transition:border-color 0.2s ease; }.wpk-media--16-10 { aspect-ratio: 16 / 10; }.wk-proj__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.6rem 1.6rem; margin-top: 1.6rem; }@media (max-width: 560px){.wk-proj__head { display: flex; flex-direction: column; align-items: flex-start; gap: 0.8rem; }}.wk-proj__name { font-weight: 800; font-size: clamp(2rem, 2.2vw, 3rem); line-height: 1.05; letter-spacing: -0.02em; text-transform: uppercase; margin: 0px; }.wk-proj:hover .wk-proj__name { color: var(--primary); }.wk-proj__tags { margin-left: auto; font-size: 1.2rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-mute,#55554F); line-height: 1.4; }@media (max-width: 560px){.wk-proj__tags { margin-left: 0px; }}.wk-sec--orange { background: var(--secondary); color: var(--tertiary); }.wk-sec--orange .wk-h2 { color: var(--tertiary); }.wk-sec--orange .wk-lead, .wk-sec--orange .wpk-label { color: var(--tertiary); }.wk-srv { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 4rem; align-items: start; border-top: 1px solid var(--border-primary); padding-block: 4rem; }.wk-srv:last-of-type { border-bottom: 1px solid var(--border-primary); }.wk-srv p { max-width: 70ch; margin: 0px; }@media (max-width: 1000px){.wk-srv { grid-template-columns: 1fr; gap: 1.6rem; }}.wk-srv__title { font-weight: 800; font-size: clamp(2.6rem, 4.4vw, 5.8rem); line-height: 1; letter-spacing: -0.03em; text-transform: uppercase; margin: 0px; }.wk-srv__keys { list-style: none; display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 1.6rem 0px 0px; padding: 0px; }.wk-srv__keys li { font-size: 1.3rem; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid var(--border-primary); padding: 0.6rem 1.2rem; border-radius: 999px; }.wk-more { display: inline-flex; align-items: center; min-height: 4.4rem; font-weight: 700; text-decoration: none; color: var(--primary); margin-top: 1.6rem; }.wk-more:hover { text-decoration: underline; }.wk-sec--ink { background: var(--tertiary); color: #f2f2f0; }.wk-sec--ink .wk-h2, .wk-sec--ink .wk-h3 { color: #f2f2f0; }.wk-sec--ink p { color: #d0d0cc; }.wk-sec--ink .wk-lead { color: #bebeba; }.wk-sec--ink .wpk-label { color: var(--secondary); }.wk-sec--ink .wk-arg { border-color: var(--secondary); }.wk-sec--ink .wk-step { border-color: #333331; }.wk-sec--ink .wpk-step-number { color: var(--secondary); }.wk-split { display: grid; grid-template-columns: 1fr 1fr; gap: 6.4rem; }@media (max-width: 1000px){.wk-split { grid-template-columns: 1fr; }}.wk-split--sticky > :first-child { position: sticky; top: calc(var(--wpk-header-h) + 4rem); align-self: start; }@media (max-width: 1000px){.wk-split--sticky > :first-child { position: static; }}.wk-args { display: grid; gap: 2.4rem; }@media (max-width: 767px){.wk-args { gap: 2rem; }}.wk-arg { border-top: 2px solid var(--tertiary); padding-top: 1.6rem; }.wk-h3 { font-weight: 700; font-size: clamp(2.2rem, 2.4vw, 3rem); line-height: 1.15; letter-spacing: -0.015em; margin: 0px 0px 0.8rem; }.wk-figs { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4rem; margin-top: 4rem; }@media (max-width: 1000px){.wk-figs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}@media (max-width: 520px){.wk-figs { grid-template-columns: 1fr; }}.wpk-stat { font-weight: 800; font-size: clamp(4.6rem, 7vw, 10.4rem); line-height: 0.9; letter-spacing: -0.04em; margin: 0px; }.wk-fig__l { font-size: 1.4rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-mute,#55554F); margin: 0.8rem 0px 0px; }.wk-quote { margin: 0px; padding-block: 4rem; border-top: 1px solid var(--border-primary); }.wk-quote p { font-weight: 500; letter-spacing: -0.01em; font-size: clamp(1.7rem, 1.8vw, 2.4rem); line-height: 1.35; margin: 0px; max-width: 34ch; }@media (max-width: 767px){.wk-quote { padding-block: 3.2rem; }}.wk-quote--wide p { max-width: none; font-size: clamp(2.4rem, 3.9vw, 5.4rem); line-height: 1.12; font-weight: 700; }.wk-quote__cap { display: block; text-align: left; margin-top: 1.6rem; font-size: 1.5rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-mute,#55554F); }.wk-quote__cap .wk-stars { color: var(--primary); letter-spacing: 0.2em; }.wk-quotes-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 4rem; margin-top: 2rem; }@media (max-width: 1000px){.wk-quotes-grid { grid-template-columns: 1fr; }}.wk-note { font-size: 1.4rem; font-weight: 300; line-height: 1.65; max-width: 70ch; margin-top: 2.4rem; color: var(--text-mute,#55554F); }.wk-proc { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 6.4rem; }@media (max-width: 1000px){.wk-proc { grid-template-columns: 1fr; }}.wk-proc__sticky { position: sticky; top: calc(var(--wpk-header-h) + 4rem); align-self: start; }@media (max-width: 1000px){.wk-proc__sticky { position: static; }}.wk-step { display: grid; grid-template-columns: auto 1fr; gap: 2.4rem; border-top: 1px solid var(--border-primary); padding-block: 2.4rem; }.wk-step:last-child { border-bottom: 1px solid var(--border-primary); }.wk-step p { margin: 0px; }@media (max-width: 479px){.wk-step { gap: 1.6rem; }}.wpk-step-number { font-weight: 800; font-size: clamp(3rem, 4vw, 5.2rem); line-height: 1; color: var(--primary); }.wpk-btn--dark { background: var(--tertiary); border-color: var(--tertiary); color: var(--bg-body); }.wpk-btn--dark:hover, .wpk-btn--dark:focus-visible { background: transparent; border-color: var(--tertiary); color: var(--tertiary); }.wpk-link-invert a { color: #d0d0cc; text-decoration: none; }.wpk-link-invert a:hover, .wpk-link-invert a:focus-visible { color: var(--secondary); text-decoration: underline; }.wpk-nav-wrap .bricks-nav-menu { flex-wrap: wrap; }.wpk-nav-wrap .bricks-nav-menu > li > a { white-space: normal; }#brxe-scc5wy { align-items: center; flex-direction: row; display: flex; flex-shrink: 0; }@layer bricks {@media (max-width: 1200px){#brxe-hdrnav .bricks-nav-menu-wrapper { display: none; }#brxe-hdrnav .bricks-mobile-menu-toggle { display: block; }}}#brxe-hdrnav { align-items: center; display: flex; flex-shrink: 0; }#brxe-hdrnav .bricks-nav-menu .current-menu-item > a { color: var(--primary); font-size: var(--text-m); font-weight: 500; }#brxe-hdrnav .bricks-nav-menu { gap: var(--space-m); }#brxe-hdrnav .bricks-nav-menu > li { margin: 0px; }#brxe-hdrnav .bricks-nav-menu > li > a { color: var(--text-title); font-size: var(--text-m); font-weight: 500; }#brxe-hdrnav .bricks-mobile-menu-wrapper { justify-content: center; }#brxe-hdrnav .bricks-mobile-menu-wrapper::before { background-color: var(--bg-body); }#brxe-hdrnav .bricks-mobile-menu > li > a { padding-top: var(--space-2xs); padding-right: var(--space-l); padding-bottom: var(--space-2xs); padding-left: var(--space-l); color: var(--text-title); font-size: var(--text-l); font-weight: 500; line-height: 1.4; }#brxe-hdrnav .bricks-mobile-menu-toggle { color: var(--text-title); }#brxe-8bpzd5 { align-items: center; column-gap: var(--space-s); flex-direction: row; display: flex; justify-content: space-between; }#fg-header { background-color: var(--bg-body); border-bottom: 1px solid var(--border-primary); padding-top: 0px; padding-bottom: 0px; }#brxe-hslead { margin-top: 4rem; }#brxe-zfq9w4 { max-width: 14ch; }#brxe-janruo { margin-top: 6.4rem; }#brxe-8exqz3 { margin-top: 2.4rem; }#brxe-kzbvty { margin-top: 2.4rem; }#brxe-bbya49 { max-width: 16ch; }#brxe-8x3qlv { color: #b5b5b0; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2; }#brxe-65mpgg { color: #d0d0cc; font-size: var(--text-s); line-height: 1.7; }#brxe-p3ysx3 { flex-direction: column; display: flex; row-gap: var(--space-2xs); }#brxe-zcqk82 { color: #b5b5b0; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2; }#brxe-dbstbs { color: #d0d0cc; font-size: var(--text-s); line-height: 1.9; }#brxe-hhsjdc { flex-direction: column; display: flex; row-gap: var(--space-2xs); }#brxe-ulpweb { color: #b5b5b0; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2; }#brxe-bvgy2l { color: #d0d0cc; font-size: var(--text-s); line-height: 1.9; }#brxe-ax8zjn { flex-direction: column; display: flex; row-gap: var(--space-2xs); }#brxe-pks582 { color: #b5b5b0; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.2; }#brxe-67e5fh .bricks-nav-menu { flex-direction: column; gap: 0px; }#brxe-67e5fh .bricks-nav-menu > li { margin: 0px; }#brxe-67e5fh .bricks-nav-menu > li > a { padding-top: var(--space-4xs); padding-right: 0px; padding-bottom: var(--space-4xs); padding-left: 0px; color: #d0d0cc; font-size: var(--text-s); line-height: 1.5; }#brxe-f60fpi { flex-direction: column; display: flex; row-gap: var(--space-2xs); }#brxe-qd57nf .bricks-nav-menu { gap: var(--space-s); }#brxe-qd57nf .bricks-nav-menu > li { margin: 0px; }#brxe-qd57nf .bricks-nav-menu > li > a { padding-top: var(--space-3xs); padding-right: 0px; padding-bottom: var(--space-3xs); padding-left: 0px; color: #d0d0cc; font-size: var(--text-s); }@media (max-width: 767px){#brxe-qd57nf { width: 100%; }}#brxe-ftcopy { color: #d0d0cc; font-size: var(--text-s); }#brxe-kkvi5y { align-items: center; border-top: 1px solid var(--border-primary); column-gap: var(--space-m); flex-flow: wrap; display: flex; justify-content: space-between; padding-top: var(--space-l); row-gap: var(--space-s); }@media (max-width: 767px){#brxe-kkvi5y { align-items: flex-start; flex-direction: column; }}#brxe-fn0osy { flex-direction: column; display: flex; row-gap: var(--space-xl); }#brxe-1msi29 { background-color: var(--tertiary); padding-top: var(--space-2xl); padding-bottom: var(--space-l); }#brx-header.brx-sticky { }#brx-header.brx-sticky > .brxe-section, #brx-header.brx-sticky > .brxe-container, #brx-header.brx-sticky > .brxe-block, #brx-header.brx-sticky > .brxe-div { }#brx-header.brx-sticky .bricks-nav-menu > li > a { }html { font-size: 62.5%; }:root, :root.cf-theme-dark .theme-inverted, :root.cf-theme-dark .theme-always-light, :root.cf-theme-light .theme-inverted .theme-always-light { --min-screen-width: 320px; --max-screen-width: 1400px; --primary: hsl(22,94%,37%); --primary-5: hsla(22,94%,37%,0.05); --primary-10: hsla(22,94%,37%,0.1); --primary-20: hsla(22,94%,37%,0.2); --primary-30: hsla(22,94%,37%,0.3); --primary-40: hsla(22,94%,37%,0.4); --primary-50: hsla(22,94%,37%,0.5); --primary-60: hsla(22,94%,37%,0.6); --primary-70: hsla(22,94%,37%,0.7); --primary-80: hsla(22,94%,37%,0.8); --primary-90: hsla(22,94%,37%,0.9); --primary-d-1: hsl(21,86%,30%); --primary-d-2: hsl(21,78%,24%); --primary-d-3: hsl(21,71%,17%); --primary-d-4: hsl(25,70%,9%); --primary-l-1: hsl(20,58%,52%); --primary-l-2: hsl(20,63%,64%); --primary-l-3: hsl(20,68%,76%); --primary-l-4: hsl(20,74%,88%); --secondary: hsla(24,92%,47%,1); --secondary-5: hsla(24,92%,47%,0.05); --secondary-10: hsla(24,92%,47%,0.1); --secondary-20: hsla(24,92%,47%,0.2); --secondary-30: hsla(24,92%,47%,0.3); --secondary-40: hsla(24,92%,47%,0.4); --secondary-50: hsla(24,92%,47%,0.5); --secondary-60: hsla(24,92%,47%,0.6); --secondary-70: hsla(24,92%,47%,0.7); --secondary-80: hsla(24,92%,47%,0.8); --secondary-90: hsla(24,92%,47%,0.9); --secondary-d-1: hsla(23,87%,42%,1); --secondary-d-2: hsla(23,83%,37%,1); --secondary-d-3: hsla(23,79%,32%,1); --secondary-d-4: hsla(22,76%,27%,1); --secondary-d-5: hsla(22,71%,22%,1); --secondary-d-6: hsla(22,66%,17%,1); --secondary-d-7: hsla(23,63%,12%,1); --secondary-d-8: hsla(27,67%,7%,1); --secondary-l-1: hsla(22,84%,55%,1); --secondary-l-2: hsla(22,87%,62%,1); --secondary-l-3: hsla(22,91%,68%,1); --secondary-l-4: hsla(21,95%,74%,1); --secondary-l-5: hsla(21,100%,79%,1); --secondary-l-6: hsla(21,100%,84%,1); --secondary-l-7: hsla(22,100%,89%,1); --secondary-l-8: hsla(22,100%,95%,1); --tertiary: hsla(0,0%,7%,1); --tertiary-5: hsla(0,0%,7%,0.05); --tertiary-10: hsla(0,0%,7%,0.1); --tertiary-20: hsla(0,0%,7%,0.2); --tertiary-30: hsla(0,0%,7%,0.3); --tertiary-40: hsla(0,0%,7%,0.4); --tertiary-50: hsla(0,0%,7%,0.5); --tertiary-60: hsla(0,0%,7%,0.6); --tertiary-70: hsla(0,0%,7%,0.7); --tertiary-80: hsla(0,0%,7%,0.8); --tertiary-90: hsla(0,0%,7%,0.9); --tertiary-d-1: hsla(0,0%,6%,1); --tertiary-d-2: hsla(0,0%,5%,1); --tertiary-d-3: hsla(0,0%,3%,1); --tertiary-d-4: hsla(0,0%,2%,1); --tertiary-l-1: hsla(0,0%,23%,1); --tertiary-l-2: hsla(0,0%,40%,1); --tertiary-l-3: hsla(0,0%,59%,1); --tertiary-l-4: hsla(0,0%,79%,1); --bg-body: hsla(60,11%,96%,1); --bg-surface: hsla(60,8%,92%,1); --text-body: hsla(240,5%,16%,1); --text-title: hsla(0,0%,7%,1); --border-primary: hsla(60,7%,85%,1); --shadow-primary: hsla(188,65%,11%,0.15); --text-mute: hsla(60,4%,32%,1); --mark: hsla(47,100%,86%,1); --light: hsla(85,0%,100%,1); --light-5: hsla(0,0%,100%,0.05); --light-10: hsla(0,0%,100%,0.1); --light-20: hsla(0,0%,100%,0.2); --light-30: hsla(0,0%,100%,0.3); --light-40: hsla(0,0%,100%,0.4); --light-50: hsla(0,0%,100%,0.5); --light-60: hsla(0,0%,100%,0.6); --light-70: hsla(0,0%,100%,0.7); --light-80: hsla(0,0%,100%,0.8); --light-90: hsla(0,0%,100%,0.9); --dark: hsla(0,0%,0%,1); --dark-5: hsla(0,0%,0%,0.05); --dark-10: hsla(0,0%,0%,0.1); --dark-20: hsla(0,0%,0%,0.2); --dark-30: hsla(0,0%,0%,0.3); --dark-40: hsla(0,0%,0%,0.4); --dark-50: hsla(0,0%,0%,0.5); --dark-60: hsla(0,0%,0%,0.6); --dark-70: hsla(0,0%,0%,0.7); --dark-80: hsla(0,0%,0%,0.8); --dark-90: hsla(0,0%,0%,0.9); --success: hsla(136,95%,56%,1); --success-5: hsla(136,95%,56%,0.05); --success-10: hsla(136,95%,56%,0.1); --success-20: hsla(136,95%,56%,0.2); --success-30: hsla(136,95%,56%,0.3); --success-40: hsla(136,95%,56%,0.4); --success-50: hsla(136,95%,56%,0.5); --success-60: hsla(136,95%,56%,0.6); --success-70: hsla(136,95%,56%,0.7); --success-80: hsla(136,95%,56%,0.8); --success-90: hsla(136,95%,56%,0.9); --error: hsla(351,95%,56%,1); --error-5: hsla(351,95%,56%,0.05); --error-10: hsla(351,95%,56%,0.1); --error-20: hsla(351,95%,56%,0.2); --error-30: hsla(351,95%,56%,0.3); --error-40: hsla(351,95%,56%,0.4); --error-50: hsla(351,95%,56%,0.5); --error-60: hsla(351,95%,56%,0.6); --error-70: hsla(351,95%,56%,0.7); --error-80: hsla(351,95%,56%,0.8); --error-90: hsla(351,95%,56%,0.9); --space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem); --space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem); --space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem); --space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem); --space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem); --space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem); --space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem); --space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem); --space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem); --space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem); --space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem); --text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem); --text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem); --text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem); --text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem); --text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem); --text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem); --text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem); --text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem); --hero-title-size: var(--text-4xl); --post-title-size: var(--text-2xl); --nav-link-size: var(--text-s); --header-space: var(--space-s); --btn-space: var(--space-xs) var(--space-s); --card-space: var(--space-s); --footer-space: var(--space-s) var(--space-m); --columns-1: repeat(1,minmax(0,1fr)); --columns-2: repeat(2,minmax(0,1fr)); --columns-3: repeat(3,minmax(0,1fr)); --columns-4: repeat(4,minmax(0,1fr)); --columns-5: repeat(5,minmax(0,1fr)); --columns-6: repeat(6,minmax(0,1fr)); --columns-7: repeat(7,minmax(0,1fr)); --columns-8: repeat(8,minmax(0,1fr)); --radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem); --radius-s: clamp(0.6rem,calc(0.19vw + 0.54rem),0.8rem); --radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem); --radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem); --radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),3.2rem); --radius-full: 999rem; --shadow-xs: 0 1px 2px var(--shadow-primary); --shadow-s: 0 1.5px 3px var(--shadow-primary); --shadow-m: 0 2px 6px var(--shadow-primary); --shadow-l: 0 3px 12px var(--shadow-primary); --shadow-xl: 0 6px 48px var(--shadow-primary); }:root.cf-theme-dark, :root.cf-theme-light .theme-inverted, :root.cf-theme-light .theme-always-dark, :root.cf-theme-dark .theme-inverted .theme-always-dark { --primary: hsl(19,89%,54%); --primary-5: hsla(19,89%,54%,0.05); --primary-10: hsla(19,89%,54%,0.1); --primary-20: hsla(19,89%,54%,0.2); --primary-30: hsla(19,89%,54%,0.3); --primary-40: hsla(19,89%,54%,0.4); --primary-50: hsla(19,89%,54%,0.5); --primary-60: hsla(19,89%,54%,0.6); --primary-70: hsla(19,89%,54%,0.7); --primary-80: hsla(19,89%,54%,0.8); --primary-90: hsla(19,89%,54%,0.9); --bg-body: hsla(188,65%,8%,1); --bg-surface: hsla(188,55%,12%,1); --text-body: hsla(174,17%,70%,1); --text-title: hsla(0,0%,100%,1); --border-primary: hsla(0,0%,100%,0.14); --shadow-primary: hsla(0,0%,0%,0.4); --light: hsla(0,0%,0%,1); --light-5: hsla(0,0%,0%,0.05); --light-10: hsla(0,0%,0%,0.1); --light-20: hsla(0,0%,0%,0.2); --light-30: hsla(0,0%,0%,0.3); --light-40: hsla(0,0%,0%,0.4); --light-50: hsla(0,0%,0%,0.5); --light-60: hsla(0,0%,0%,0.6); --light-70: hsla(0,0%,0%,0.7); --light-80: hsla(0,0%,0%,0.8); --light-90: hsla(0,0%,0%,0.9); --dark: hsla(0,0%,100%,1); --dark-5: hsla(0,0%,100%,0.05); --dark-10: hsla(0,0%,100%,0.1); --dark-20: hsla(0,0%,100%,0.2); --dark-30: hsla(0,0%,100%,0.3); --dark-40: hsla(0,0%,100%,0.4); --dark-50: hsla(0,0%,100%,0.5); --dark-60: hsla(0,0%,100%,0.6); --dark-70: hsla(0,0%,100%,0.7); --dark-80: hsla(0,0%,100%,0.8); --dark-90: hsla(0,0%,100%,0.9); }.padding-horizontal-l { padding-left: var(--space-l); padding-right: var(--space-l); }.padding-vertical-xs { padding-top: var(--space-xs); padding-bottom: var(--space-xs); }.gap-l { gap: var(--space-l); }h1 { font-size: var(--text-4xl); line-height: 1.1; }h2 { font-size: var(--text-3xl); line-height: 1.2; }h3 { font-size: var(--text-2xl); line-height: 1.3; }.columns-4 { display: grid; grid-template-columns: var(--columns-4); }.full-width { width: 100%; }.visible { visibility: visible; }@media (max-width: 768px){.columns-2--on-m { grid-template-columns: repeat(2, 1fr); }}@media (max-width: 480px){.column--on-s { grid-template-columns: 1fr; grid-auto-flow: row; }}:root { --cf-font-family--archivo: 'Archivo'; }@font-face { font-family: Archivo; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://wpkonzept.de/wp-content/uploads/core-framework/fonts/Archivo-400.woff2) format("woff2"); }@font-face { font-family: Archivo; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://wpkonzept.de/wp-content/uploads/core-framework/fonts/Archivo-800.woff2) format("woff2"); }.mhcookie-dialog-wrapper, .mhcookie-functional-blocked { position: fixed; z-index: 2147483647; display: flex; visibility: hidden; opacity: 0; transition: 0.4s; }.mhcookie-dialog-wrapper { top: 0px; left: 0px; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); }.mhcookie-dialog-wrapper.mhcookie-show { pointer-events: none; }.mhcookie-box { pointer-events: auto; }.mhcookie-dialog-wrapper.mhcookie-show, .mhcookie-functional-blocked.mhcookie-show { visibility: visible; opacity: 1; transition: 0.8s; }.mhcookie-functional-blocked { bottom: 0px; left: 0px; display: flex; flex-flow: wrap; justify-content: space-around; align-items: center; gap: 10px; width: 100vw; padding: 20px; background-color: #f7f7f5; color: #111111; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; font-family: Arial; font-size: 14px; }.mhcookie-functional-blocked .mhcookie-buttons { flex-flow: wrap; justify-content: center; margin: 0px; }.mhcookie-functional-blocked .mhcookie-btn { padding: 6px 12px; white-space: nowrap; }.mhcookie-box { position: relative; background-color: #f7f7f5; color: #111111; width: 600px; max-width: 100vw; max-height: 100vh; padding: 20px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; box-sizing: border-box; font-family: Arial; font-size: 14px; animation: 1s ease-in-out 0s 1 normal forwards running mhcookie_show; }.mhcookie-box label { margin: 0px; font-family: inherit; font-weight: 800; font-size: 14px; text-transform: initial; }.mhcookie-header { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 20px; }.mhcookie-title { margin: 0px; font-family: inherit; font-size: 20px; font-weight: 600; text-transform: initial; color: #111111; }.mhcookie-details-wrapper { height: 300px; max-height: 40vh; overflow-y: scroll; padding-bottom: 20px; }.mhcookie-details-after { content: ""; display: block; position: sticky; bottom: 0px; width: 100%; height: 40px; background: linear-gradient(0deg, #f7f7f5 0%, rgba(247, 247, 245, 0) 100%); pointer-events: none; transform: translateY(-100%); }.mhcookie-text { margin: 0px 0px 30px; font-family: inherit; font-weight: 400; font-size: 13px; text-transform: initial; }.mhcookie-details { display: flex; flex-direction: column; gap: 20px; }.mhcookie-group-wrapper { position: relative; display: flex; flex-direction: column; align-items: flex-start; }.mhcookie-group { display: flex; align-items: center; gap: 20px; }.mhcookie-group-inner { display: flex; flex-direction: column; font-family: Arial; font-weight: 400; font-size: 13px; text-transform: initial; }.mhcookie-group-inner label { font-weight: 800; cursor: pointer; }.mhcookie-group-show-details { text-decoration: none; font-size: 0.85em; align-self: center; margin: 5px 0px 10px; color: #b84806; }.mhcookie-group-details { width: 100%; max-height: 0px; overflow: hidden; transition:max-height 0.5s ease; }.mhcookie-group--list { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 10px 0px 30px; padding: 10px; box-sizing: border-box; background: rgba(17, 17, 17, 0.024); }.mhcookie-group--list-item { display: flex; gap: 20px; justify-content: space-between; width: 100%; font-size: 0.9em; padding-bottom: 10px; font-style: italic; }.mhcookie-group--list-item:not(:last-child) { border-bottom: 1px solid rgba(17, 17, 17, 0.2); }.mhcookie-group--list-name { display: flex; width: 100%; justify-content: space-between; }.mhcookie-buttons { display: flex; flex-direction: column; gap: 10px; margin-top: 20px; }.mhcookie-btn { display: block; background: transparent; border: 1px solid #b84806; color: #b84806; padding: 10px 20px; border-radius: 5px; font-family: inherit; font-size: 14px; font-weight: 400; text-decoration: none; text-transform: initial; text-align: center; cursor: pointer; white-space: nowrap; }.mhcookie-btn:hover, .mhcookie-btn:active, .mhcookie-btn:focus { color: #b84806; opacity: 0.75; }.mhcookie-btn-primary { background: #b84806; color: #f7f7f5; }.mhcookie-btn-primary:hover, .mhcookie-btn-primary:active, .mhcookie-btn-primary:focus { color: #f7f7f5; opacity: 0.75; }.mhcookie-pseudo-checkbox { display: block; min-width: 16px; min-height: 16px; aspect-ratio: 1 / 1; border: 2px solid #111111; background: #f7f7f5; position: relative; transition:opacity 0.2s ease; cursor: pointer; box-sizing: border-box; }.mhcookie-pseudo-checkbox::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMjAuMjg1IDYuNzFhMSAxIDAgMCAxIDAgMS40MmwtMTAgMTBhMSAxIDAgMCAxLTEuNDIgMGwtNS01YTEgMSAwIDAgMSAxLjQyLTEuNDJsNC4yOSA0LjI5TDE4Ljg3IDYuNzFhMSAxIDAgMCAxIDEuNDE1IDB6IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo="); mask-size: contain; mask-repeat: no-repeat; width: 100%; height: 100%; background-color: #f7f7f5; transition: opacity 0.6s; }:checked + .mhcookie-pseudo-checkbox, span.mhcookie-pseudo-checkbox { background: #b84806; border-color: #b84806; }:checked + .mhcookie-pseudo-checkbox::before, span.mhcookie-pseudo-checkbox::before { display: inline-block; opacity: 1; }[disabled] + .mhcookie-pseudo-checkbox, span.mhcookie-pseudo-checkbox { filter: grayscale(1); opacity: 0.75; }.mhcookie-dialog-wrapper .mhcookie-consent-history { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0px 10px; }.mhcookie-dialog-wrapper .mhcookie-consent-history-element { font-weight: 800; font-size: 12px; }.mhcookie-consent-date, .mhcookie-deviceID { font-weight: 400; font-size: 12px; }.mhcookie-hidden { display: none !important; }.mhcookie-privacy-policy-wrapper { display: flex; justify-content: center; margin: 20px 0px 0px; font-size: 0.85em; }.mhcookie-privacy-policy-wrapper a { color: #b84806; }body.swift-nojs [data-s3cid="1"]{min-width: 100vw;}body.swift-nojs [data-s3cid="2"]{min-width: 100vw;}body.swift-nojs [data-s3cid="3"]{min-width: 100vw;}body.swift-nojs [data-s3cid="9"]{min-width: 100vw;max-height:9664.234375px;}body.swift-nojs [data-s3cid="10"]{min-width: 100vw;max-height:682.140625px;}body.swift-nojs [data-s3cid="11"]{min-width: 100vw;max-height:504.140625px;}body.swift-nojs [data-s3cid="12"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="13"]{min-width: 100vw;}body.swift-nojs [data-s3cid="14"]{min-width: 100vw;}body.swift-nojs [data-s3cid="15"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="16"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="17"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="18"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="19"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="20"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="21"]{min-width: 100vw;max-height:384.625px;}body.swift-nojs [data-s3cid="22"]{min-width: 100vw;max-height:256.625px;}body.swift-nojs [data-s3cid="23"]{min-width: 100vw;max-height:1550.703125px;}body.swift-nojs [data-s3cid="24"]{min-width: 100vw;max-height:1422.703125px;}body.swift-nojs [data-s3cid="25"]{min-width:360.90625px;max-height:1181.734375px;}body.swift-nojs [data-s3cid="26"]{min-width:360.90625px;max-height:387.546875px;}body.swift-nojs [data-s3cid="27"]{min-width:360.90625px;max-height:238.546875px;}body.swift-nojs [data-s3cid="28"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="29"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="30"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="31"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="32"]{min-width: 100vw;max-height:1105.375px;}body.swift-nojs [data-s3cid="33"]{min-width: 100vw;max-height:977.375px;}body.swift-nojs [data-s3cid="34"]{min-width:360.90625px;max-height:263.84375px;}body.swift-nojs [data-s3cid="35"]{min-width:360.90625px;max-height:649.53125px;}body.swift-nojs [data-s3cid="36"]{min-width:360.90625px;max-height:133.65625px;}body.swift-nojs [data-s3cid="37"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="38"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="39"]{min-width:360.90625px;max-height:133.65625px;}body.swift-nojs [data-s3cid="40"]{min-width: 100vw;max-height:666.84375px;}body.swift-nojs [data-s3cid="41"]{min-width: 100vw;max-height:570.84375px;}body.swift-nojs [data-s3cid="42"]{min-width:360.90625px;max-height:412.75px;}body.swift-nojs [data-s3cid="43"]{min-width:360.90625px;max-height:73.1875px;}body.swift-nojs [data-s3cid="44"]{min-width:360.90625px;max-height:73.1875px;}body.swift-nojs [data-s3cid="45"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="46"]{min-width:360.90625px;max-height:73.1875px;}body.swift-nojs [data-s3cid="47"]{min-width: 100vw;max-height:1426.9375px;}body.swift-nojs [data-s3cid="48"]{min-width: 100vw;max-height:1298.9375px;}body.swift-nojs [data-s3cid="49"]{min-width:360.90625px;max-height:696.8125px;}body.swift-nojs [data-s3cid="50"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="51"]{min-width: 100vw;max-height:889.34375px;}body.swift-nojs [data-s3cid="52"]{min-width: 100vw;max-height:761.34375px;}body.swift-nojs [data-s3cid="53"]{min-width:360.90625px;max-height:147.53125px;}body.swift-nojs [data-s3cid="54"]{min-width:360.90625px;max-height:549.8125px;}body.swift-nojs [data-s3cid="55"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="56"]{min-width:307.65625px;}body.swift-nojs [data-s3cid="57"]{min-width:360.90625px;max-height:137.203125px;}body.swift-nojs [data-s3cid="58"]{min-width:307.65625px;max-height:88.203125px;}body.swift-nojs [data-s3cid="59"]{min-width:360.90625px;max-height:137.203125px;}body.swift-nojs [data-s3cid="60"]{min-width:307.65625px;max-height:88.203125px;}body.swift-nojs [data-s3cid="61"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="62"]{min-width:307.625px;}body.swift-nojs [data-s3cid="63"]{min-width: 100vw;max-height:900.328125px;}body.swift-nojs [data-s3cid="64"]{min-width: 100vw;max-height:772.328125px;}body.swift-nojs [data-s3cid="65"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="66"]{min-width:360.90625px;max-height:534.234375px;}body.swift-nojs [data-s3cid="67"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="68"]{min-width: 100vw;max-height:422.40625px;}body.swift-nojs [data-s3cid="69"]{min-width: 100vw;max-height:294.40625px;}body.swift-nojs [data-s3cid="70"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="71"]{min-width: 100vw;}body.swift-nojs [data-s3cid="72"]{min-width: 100vw;}body.swift-nojs [data-s3cid="73"]{min-width: 100vw;}body.swift-nojs [data-s3cid="74"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="75"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="76"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="77"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="78"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="79"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="80"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="81"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="82"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="83"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="84"]{min-width:360.90625px;}body.swift-nojs [data-s3cid="85"]{max-width:199.046875px;}html{opacity:1}}