:root { --font-family: "Montserrat", sans-serif; --font-family-headline: "Playfair Display", serif; --bricks-color-primary: var(--gold); --black-light: #1c1c1c; --gold-light: #ffda65; --error: var(--red); --black: #14110F !important; --gold-rgb: 212,175,55; --black-rgb: 18, 18, 18;  --page-width: 2048px; --header-height: 112px; --header-height-mobile: 56px; --gap: 1rem; --section-padding: 5rem; --border-width: 1px; --width-medium: 80ch; --width-narrow: 62ch; --slider-arrow-size: 2.5rem; --checkbox-size: 1em; --border-image: linear-gradient(rgba(var(--black-rgb),0.8) 101%, transparent) 0 fill; --border-image-gradient: linear-gradient(to right, rgba(var(--black-rgb),0.99) 20%, rgba(var(--black-rgb),0.2) 75%) 0 fill; --box-shadow: 0 0 0.75rem 0 rgba(var(--gold-rgb),0.5); --transition-duration: 0.5s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --header-height: var(--header-height-mobile); --section-padding: 3rem; } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: var(--header-height); } html, body { font-family: var(--font-family); font-size: 16px; font-weight: 300; line-height: 1.4; color: var(--font-color); } body { background-color: var(--black); color: var(--neutral); overflow-x: clip; } ::selection { background-color: rgba(var(--gold-rgb),0.7); color: var(--black); } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; }  body.bricks-is-frontend :focus-visible { outline: 1px solid var(--gold); }  section[data-wpr-lazyrender="1"] { content-visibility: visible; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.75em; font-family: var(--font-family-headline); font-weight: 500; line-height: normal; text-wrap: balance; letter-spacing: 0.02em; } h1, .h1 { font-size: 4.5rem; font-weight: 700; color: var(--gold); } h2, .h2, h1 span, .h1 span { font-size: 3rem; } h3, .h3 { font-size: 2.25rem; } h4, .h4 { font-size: 2rem; } h5, .h5 { font-size: 1.5rem; } h6, .h6 { font-size: 1.25rem; } h1 span { display: block; color: var(--neutral); } @media (max-width: 991px) { h1, .h1 { font-size: 3rem; } h2, .h2, h1 span, .h1 span { font-size: 2.5rem; } h3, .h3 { font-size: 2rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.1rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 2.5rem; } h2, .h2, h1 span, .h1 span { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } } b, strong { font-weight: 500; } a { transition: var(--transition); } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button), label a { text-decoration: underline; } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button), label a, a.brxe-text-link .icon, a.brxe-text-link:is(:hover, :focus) .text { color: var(--gold); } .brxe-text a:not(.bricks-button), .brxe-text-basic a:not(.bricks-button), a.brxe-text-link .text, a.brxe-text-link .icon { transition: var(--transition); } a.brxe-text-link .icon path { fill: currentColor; } .brxe-text a:not(.bricks-button):is(:hover, :focus), .brxe-text-basic a:not(.bricks-button):is(:hover, :focus) { color: var(--gold-light); } .brxe-text :where(ul, ol) { margin: 1.5em 0; padding-left: 1.5em; font-weight: 500; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } .brxe-text :where(ul, ol) ::marker { color: var(--gold); } .dsgvo-reference { font-size: 0.8rem; }  .brxe-container { align-items: center; } section { padding: var(--section-padding) 1rem; } section section { padding: 0; } header + main { margin-top: var(--header-height); } .text-medium, .text-narrow { width: 100%; } .text--medium { max-width: var(--width-medium); } .text--narrow { max-width: var(--width-narrow); } .text--center { text-align: center; } .text--gold { color: var(--gold); } .text--neutral { color: var(--neutral); }  :where(.brxe-text, .brxe-text-basic) + :where(h2, h3, h4, h5, h6), :where(p, ul, ol) + :where(h2, h3, h4, h5, h6) { margin-top: 1em; } p { margin-bottom: 1.75em; } p:last-of-type { margin-bottom: 0; } :where(.brxe-text, .brxe-text-basic) + .bricks-button { margin-top: 1.75em; } .no-margin-bottom { margin-bottom: 0; }  header { height: var(--header-height); padding: 1.5rem 1rem; border-bottom: var(--border-width) solid var(--black-light); background-color: var(--black); color: var(--white);  content-visibility: visible !important; } @media (max-width: 767px) { header { padding-top: 0.5rem; padding-bottom: 0.5rem; } }  div.brxe-nav-menu .bricks-nav-menu a, div.brxe-nav-menu .bricks-mobile-menu-wrapper a, div.brxe-nav-menu .bricks-nav-menu .sub-menu a { color: inherit; line-height: normal; } div.brxe-nav-menu .bricks-nav-menu a:is(:hover, :focus), div.brxe-nav-menu .bricks-mobile-menu-wrapper a:is(:hover, :focus) { color: var(--gold); } .nav-menu a { position: relative; display: inline-block; width: auto; } .nav-menu a:after { content: ""; position: absolute; top: calc(100% + 0.25em); left: 0; right: 0; height: var(--border-width); background-color: transparent; }  :where(header, footer) .brx-submenu-toggle.icon-right button { width: 1rem; }  .bricks-mobile-menu { width: 100%; padding: 5rem 0 1rem; } .bricks-mobile-menu > li { padding: 0.5rem 20% 0.5rem 1rem; }  .aria-current > a, a[aria-current="page"]:not(.bricks-button), div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) a[aria-current="page"], div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) .current-menu-parent > div > a, div.brxe-nav-menu :where(.bricks-nav-menu, .bricks-mobile-menu) .sub-menu a[aria-current="page"] { color: var(--gold); } .nav-menu .aria-current > a:after, .nav-menu a[aria-current="page"]:not(.bricks-button):after { background-color: var(--gold); }  .bricks-button { position: relative; padding: 0.5em 1em; border: var(--border-width) solid var(--gold); background-color: var(--gold); line-height: normal; font-weight: 500; color: var(--black); overflow: hidden; cursor: pointer; outline-color: transparent; transition: var(--transition-duration); } .bricks-button:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; background-image: linear-gradient(to right, transparent 20%, rgba(255,255,255,0.3), transparent 80%); transform: skew(-55deg); transition: var(--transition); } .bricks-button.bricks-background-secondary { background-color: transparent; color: var(--gold); } .bricks-button:is(:hover, :focus) { background-color: transparent; color: var(--gold); } .bricks-button.bricks-background-secondary:is(:hover, :focus) { background-color: var(--gold); color: var(--black); } .bricks-button:is(:hover, :focus):before { translate: 2em 0; }  .button--load-more { position: relative; width: 100%; color: var(--gold); text-align: center; z-index: 5; } .button--load-more:before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; padding-top: 20%; background-image: linear-gradient(to top, var(--black), transparent); } .button--close { color: var(--gold); } .button--load-more:is(:hover, :focus), .button--close:is(:hover, :focus) { color: var(--gold-light); }   svg.logo { color: var(--gold); } svg.logo :where(tspan, path) { fill: currentColor; transition: var(--transition); } svg.logo:is(:hover, :focus) { color: var(--gold-light); }  .hero, .banner { width: 100%; max-width: var(--page-width); border-image: var(--border-image-gradient); } .hero :where(h1, .h1):not(.no-margin-bottom) { margin-bottom: 0.5em; }  .split { --gap: 2rem; } .split--40-60 .split__img { width: calc(40% - var(--gap) / 2); } .split--40-60 .split__content { width: calc(60% - var(--gap) / 2); } .split--30-70 .split__img { width: calc(30% - var(--gap) / 2); } .split--30-70 .split__content { width: calc(70% - var(--gap) / 2); } .split--50-50 .split__img, .split--50-50 .split__content { width: calc(50% - var(--gap) / 2); } .split__img.split__img--text { max-width: unset!important; max-height: unset!important; } .split .split__img-img { width: 100%; height: 100%; max-height: inherit; object-fit: cover; } @media (max-width: 767px) { .split .split__img, .split .split__content { width: 100%; } .split .split__img { max-width: 40rem; max-height: 25rem; } }  .box-wrapper { --gap: 2rem; } .box, a img { background-color: var(--black-light); transition: var(--transition); } .box.brxe-div:hover, a:is(:hover, :focus) img { border-color: var(--gold-light); box-shadow: var(--box-shadow); } a img { border: var(--border-width) solid transparent; } .section--neutral .box { background-color: var(--black); color: var(--neutral); }  .brxe-slider-nested .splide__arrow { width: 0.5em; min-width: unset; height: 1em; min-height: unset; font-size: var(--slider-arrow-size); color: var(--gold); transition: var(--transition); } .brxe-slider-nested .splide__arrow:is(:hover, :focus) { color: var(--gold-light); } .brxe-slider-nested .splide__track--draggable:hover { cursor: grab; } .brxe-slider-nested .splide__track--draggable:active { cursor: grabbing; }  .brxe-accordion-nested { --brx-icon-transform: rotate(-180deg); width: 100%; max-width: var(--width-medium); } .brxe-accordion-nested > .brxe-block { padding: 0.75em 0; border-bottom: var(--border-width) solid var(--gold); } .brxe-accordion-nested > .brxe-block:not(:first-child) { margin-top: 0.5em; } .brxe-accordion-nested .accordion-title-wrapper { flex-wrap: nowrap; column-gap: var(--gap); } .brxe-accordion-nested .accordion-title-wrapper .brxe-heading { margin-bottom: 0; } .brxe-accordion-nested .accordion-title-wrapper .brxe-icon { color: var(--gold); } .brxe-accordion-nested .accordion-content-wrapper { padding-top: 1em; }  .gallery:has(a:is(:hover, :focus)) a:not(:hover, :focus) { opacity: 0.5; }  .pspw { --pswp-icon-color: var(--gold); } .pswp.brx .pswp__top-bar .pswp__button--close { color: var(--gold)!important; } .pswp.brx .pswp__icn { fill: var(--gold)!important; }  @layer bricks { .brx-popup-content { padding: 0!important; background-color: transparent!important; } }  .brxe-form { --_form-padding: 0.5rem; } .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.5rem 1rem; border: var(--border-width) solid var(--gold); background-color: transparent; line-height: normal; } .brxe-form input:not([type="radio"], [type="checkbox"]):focus, .brxe-form select:focus, .brxe-form textarea:focus { background-color: var(--black-light); } .brxe-form textarea { min-height: 8rem; max-height: 25rem; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family); }  .brxe-form ul.options-wrapper li { display: flex; flex-flow: row nowrap; align-items: flex-start; column-gap: 0.5em; } .brxe-form input[value="datenschutz"] + label { font-size: 0.85em; text-align: left; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]) { width: var(--checkbox-size); min-width: var(--checkbox-size); height: var(--checkbox-size); margin-top: 0.15em; border: var(--border-width) solid var(--gold); font-size: var(--checkbox-size); appearance: none; } .brxe-form ul.options-wrapper input[type="radio"] { border-radius: 50%; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]):checked { box-shadow: 0 0 0 0.25em var(--black) inset; background-color: var(--gold); }  .brxe-form .submit-button-wrapper { display: block; padding: 0 var(--_form-padding); }  footer { padding: 3rem 1rem 1rem; border-top: var(--border-width) solid var(--black-light); background-color: var(--black); color: var(--neutral); } .footer-menu--service .bricks-nav-menu > li:first-child { margin-left: 0; }