.brx-boxed {box-shadow: 0 0 20px 0 rgba(0,0,0,0.08)} html {background-color: var(--surface)} body {background: none} html {font-size: 100%} h1, h2, h3, h4, h5, h6 {font-family: "WorkSans"}h1, h2, h3, h4, h5, h6,p, ul, ol, blockquote, figure { margin: 0;}body { font-size: var(--text-m); font-weight: var(--text-font-weight); line-height: var(--text-line-height); letter-spacing: var(--text-letter-spacing); color: var(--text-color); text-wrap: pretty;}h1, h2, h3, h4, h5, h6 { font-weight: var(--heading-font-weight); line-height: var(--heading-line-height); letter-spacing: var(--heading-letter-spacing); color: var(--heading-color); text-wrap: balance;}p,li { max-width: 65ch;}a { font-weight: 600; color: var(--link-color); letter-spacing: 0.05em; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color var(--transition);}a:hover,a:focus-visible { color: var(--link-color-hover); text-shadow: 0.3px 0 0 currentColor; text-decoration-thickness: 2px; text-underline-offset: 4px;}header a { font-weight: 600; color: white; text-decoration: none;}header a:hover,header a:focus-visible { color: var(--primary-semi-light); text-shadow: none;}a[href]:not([href*="cup.daa-bayern.de"]):not([href^="/"]):not([href^="#"]):not([href^="mailto"]):not([href^="tel"])::after { content: ''; display: inline-block; width: 0.75em; height: 0.75em; margin-left: 0.25em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") no-repeat center; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") no-repeat center; opacity: 0.6; vertical-align: middle; position: relative; top: -1px;}.brxe-section { padding-inline: var(--gutter); padding-block: 0; margin-block: var(--section-space-m); overflow: clip; gap: var(--container-gap);}.brxe-section:first-child { margin-block-start: 0;}.brxe-section:last-child { margin-block-end: 0;}.brxe-container { width: 100%; max-width: var(--content-width); margin-inline: auto; gap: var(--content-gap);}[class*="btn-"] { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; width: fit-content; padding: var(--btn-padding-block, 0.75em) var(--btn-padding-inline, 1.5em); font-size: var(--btn-font-size, inherit); font-weight: var(--btn-font-weight, 600); line-height: 1.2; text-decoration: none; border: var(--btn-border-width, 2px) solid transparent; border-radius: var(--btn-border-radius, var(--radius, 8px)); cursor: pointer; transition: all var(--btn-transition, 0.2s ease);}[class*="btn-"]::after { content: none;}[class*="btn-"]:hover,[class*="btn-"]:focus-visible { text-shadow: none; text-decoration: none;}.btn-primary { background-color: var(--primary); color: var(--white, #fff); border-color: var(--primary);}.btn-primary:hover,.btn-primary:focus-visible { background-color: var(--primary-semi-dark); border-color: var(--primary-semi-dark); color: var(--white, #fff);}.btn-secondary { background-color: var(--secondary); color: var(--white, #fff); border-color: var(--secondary);}.btn-secondary:hover,.btn-secondary:focus-visible { background-color: var(--secondary-semi-dark); border-color: var(--secondary-semi-dark); color: var(--white, #fff);}.btn-primary-outline { background-color: transparent; color: var(--primary); border-color: var(--primary);}.btn-primary-outline:hover,.btn-primary-outline:focus-visible { background-color: var(--primary); color: var(--white, #fff); border-color: var(--primary);}.btn-secondary-outline { background-color: transparent; color: var(--secondary); border-color: var(--secondary);}.btn-secondary-outline:hover,.btn-secondary-outline:focus-visible { background-color: var(--secondary); color: var(--white, #fff); border-color: var(--secondary);}.btn-ghost { background-color: transparent; color: var(--neutral-semi-dark); border-color: var(--neutral-light);}.btn-ghost:hover,.btn-ghost:focus-visible { background-color: var(--neutral-ultra-light); border-color: var(--neutral-semi-light); color: var(--neutral);}.btn-white { background-color: var(--white, #fff); color: var(--primary); border-color: var(--white, #fff);}.btn-white:hover,.btn-white:focus-visible { background-color: transparent; color: var(--white, #fff); border-color: var(--white, #fff);}.btn-white-outline { background-color: transparent; color: var(--white, #fff); border-color: var(--white, #fff);}.btn-white-outline:hover,.btn-white-outline:focus-visible { background-color: var(--white, #fff); color: var(--primary); border-color: var(--white, #fff);}.btn-sm { padding: 0.5em 1em; font-size: var(--text-s);}.btn-lg { padding: 1em 2em; font-size: var(--text-l);}.brxe-post-content > * + * { margin-block-start: var(--content-gap);}.brxe-post-content > * + :is(h2, h3, h4) { margin-block-start: var(--space-xl);}.brxe-post-content ul { list-style: none; padding-left: 0;}.brxe-post-content ul li { position: relative; padding-left: 1.25rem;}.brxe-post-content ul li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; border-radius: 50%; background: var(--primary); opacity: 0.45;}