@charset "UTF-8";
/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
#brx-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
}
@media (max-width: 850px) {
  #brx-header #brxe-xuvhhz, #brx-header #brxe-esntfm {
    display: none;
    visibility: hidden;
  }
}
#brx-header.is-touching-footer {
  mix-blend-mode: normal;
}
#brx-header.is-touching-footer svg {
  fill: #fff;
}
#brx-header.is-touching-footer svg path {
  fill: #fff;
}
#brx-header.is-touching-footer .brxe-block, #brx-header.is-touching-footer .brxe-text-link {
  background: white;
  color: black;
}
#brx-header.is-touching-footer .brxe-block a, #brx-header.is-touching-footer .brxe-text-link a {
  color: black;
}

#brx-footer {
  position: relative;
  margin-top: calc(var(--footer-height-half, 0px) * -1);
  overflow: clip;
  z-index: 2;
}
#brx-footer > * {
  transform: translateY(var(--footer-offset, var(--footer-height-half, 0px)));
  will-change: transform;
}

.footer-bold-stage-host {
  position: relative;
  padding-bottom: clamp(11rem, 30vw, 30rem);
}
.footer-bold-stage-host > .brxe-container {
  position: relative;
  z-index: 2;
}

.footer-bold-stage {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  user-select: none;
  overflow: visible;
}

.footer-bold-stage__letter {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  pointer-events: none;
  transform-origin: 50% 50%;
  filter: drop-shadow(0 10px 18px rgba(20, 0, 0, 0.16));
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  isolation: isolate;
}

.footer-bold-stage__asset {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  user-select: none;
  pointer-events: none;
}

.footer-bold-stage__o-media {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 85%;
  height: 100%;
  background-color: rgba(251, 239, 239, 0.88);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%);
}

.footer-bold-stage__letter--o .footer-bold-stage__asset {
  z-index: 2;
}

.footer-bold-stage__o-media.is-fallback {
  background-image: radial-gradient(circle at 35% 35%, #fff6cc 0%, #f4c95d 42%, #d56b2d 100%);
}

@media (max-width: 767px) {
  .footer-bold-stage-host {
    padding-bottom: clamp(14rem, 74vw, 28rem);
  }
}
/**
 * Formulare
 */
.wpforms-form {
  position: relative;
}

.bold-zeeg-dialog {
  width: min(960px, 100vw - 2rem);
  max-width: none;
  max-height: calc(100dvh - 2rem);
  padding: 3rem 1rem 1rem;
  border: 0;
  border-radius: 16px;
  background: white;
  color: black;
  overflow: auto;
}
.bold-zeeg-dialog::backdrop {
  background: rgba(0, 0, 0, 0.7);
}
.bold-zeeg-dialog__close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  border: 0;
  background: transparent;
  color: black;
  font-size: 2.5rem;
  line-height: 1;
  cursor: var(--cursor-klick);
  z-index: 1;
}
.bold-zeeg-dialog .zeeg-inline-widget {
  min-width: 0;
  height: 780px;
}

html.page-dark-mode .bold-zeeg-dialog,
html.page-dark-mode .bold-zeeg-dialog__close,
html.page-brand-mode .bold-zeeg-dialog,
html.page-brand-mode .bold-zeeg-dialog__close {
  color: black;
}

.wpforms-field-container .wpforms-layout-column {
  display: flex;
}
.wpforms-field-container .wpforms-field {
  width: 100%;
}
.wpforms-field-container select, .wpforms-field-container input:not([type=submit], [type=checkbox], [type=radio]), .wpforms-field-container textarea {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid black;
  border-radius: 0;
  background: transparent;
  color: black !important;
  font-size: 1.2rem;
  outline: none !important;
}
.wpforms-field-container select::placeholder, .wpforms-field-container input:not([type=submit], [type=checkbox], [type=radio])::placeholder, .wpforms-field-container textarea::placeholder {
  color: black;
  font-size: 1.2rem;
}
.wpforms-field-container .wpforms-field-label, .wpforms-field-container .wpforms-field-sublabel {
  font-weight: 400 !important;
  color: black !important;
  font-size: 1.2rem !important;
}
.wpforms-field-container .wpforms-field-file-upload {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
}
.wpforms-field-container .wpforms-uploader {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid #000 !important;
}
.wpforms-field-container .wpforms-uploader .dz-message {
  font-size: 1.2rem !important;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul {
  padding: 0;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul li {
  list-style: none;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul li input {
  position: absolute;
  -webkit-appearance: none;
  border: none;
  opacity: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul li label {
  font-size: 1.2rem;
  color: black;
  background: transparent;
  border-radius: 50px;
  width: fit-content;
  cursor: var(--cursor-klick);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul li label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  border: 1px solid black;
  flex-shrink: 0;
}
.wpforms-field-container .wpforms-field-gdpr-checkbox ul li.wpforms-selected label:before {
  background: black;
}
.wpforms-field-container .checkbox-btn ul {
  padding: 0;
  margin: 0;
}
.wpforms-field-container .checkbox-btn ul li {
  position: relative;
  list-style: none;
  width: fit-content;
}
.wpforms-field-container .checkbox-btn ul li input {
  position: absolute;
  -webkit-appearance: none;
  border: none;
  opacity: 0;
  visibility: hidden;
  width: 1px;
  height: 1px;
  margin: 0;
}
.wpforms-field-container .checkbox-btn ul li label {
  font-size: 1.2rem;
  color: black;
  background: transparent;
  border-radius: 50px;
  width: fit-content;
  padding: 1.2rem 2.4rem;
  border: 1px solid black;
  cursor: var(--cursor-klick);
  display: flex;
  align-items: center;
  gap: 1rem;
}
.wpforms-field-container .checkbox-btn ul li label:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  border: 1px solid black;
  flex-shrink: 0;
}
.wpforms-field-container .checkbox-btn ul li.wpforms-selected label:before {
  background: black;
}
.wpforms-field-container .wpforms-uploader .dz-message svg {
  display: none;
}

.wpforms-submit-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.wpforms-submit-container .wpforms-submit, .wpforms-submit-container .btn-zeeg {
  font-size: 14px;
  line-height: inherit;
  padding: 1.9rem 3.9rem;
  border-radius: 100px;
  border: 1px solid black;
}
.wpforms-submit-container .wpforms-submit {
  font-weight: 500;
  color: white;
  background: black;
}
.wpforms-submit-container .btn-zeeg {
  color: black;
  background: transparent;
}

.ui-timepicker-wrapper .ui-timepicker-list li:hover {
  background: black;
}
.ui-timepicker-wrapper .ui-timepicker-selected {
  background: black;
}

.flatpickr-day.selected {
  background: black !important;
  border-color: black !important;
}

.form-white .wpforms-form {
  color-scheme: dark;
}
.form-white .wpforms-field-container select, .form-white .wpforms-field-container input:not([type=submit], [type=checkbox], [type=radio]), .form-white .wpforms-field-container textarea {
  border-bottom-color: white;
  color: white !important;
}
.form-white .wpforms-field-container select::placeholder, .form-white .wpforms-field-container input:not([type=submit], [type=checkbox], [type=radio])::placeholder, .form-white .wpforms-field-container textarea::placeholder {
  color: #bfbfbf;
}
.form-white .wpforms-field-container .wpforms-field-label, .form-white .wpforms-field-container .wpforms-field-sublabel {
  color: white !important;
}
.form-white .wpforms-field-container .wpforms-uploader {
  border-bottom-color: white !important;
}
.form-white .wpforms-field-container .wpforms-field-gdpr-checkbox ul li label,
.form-white .wpforms-field-container .checkbox-btn ul li label {
  color: white;
  border-color: white;
}
.form-white .wpforms-field-container .wpforms-field-gdpr-checkbox ul li label:before,
.form-white .wpforms-field-container .checkbox-btn ul li label:before {
  border-color: white;
}
.form-white .wpforms-field-container .wpforms-field-gdpr-checkbox ul li.wpforms-selected label:before,
.form-white .wpforms-field-container .checkbox-btn ul li.wpforms-selected label:before {
  background: white;
}
.form-white .wpforms-submit-container .wpforms-submit {
  color: black;
  background: white;
  border-color: white;
}
.form-white .wpforms-submit-container .btn-zeeg {
  color: white;
  border-color: white;
}

html.page-dark-mode .ui-timepicker-wrapper,
html.page-brand-mode .ui-timepicker-wrapper,
html:has(.form-white) .ui-timepicker-wrapper {
  background: #111;
  border-color: #777;
}
html.page-dark-mode .ui-timepicker-wrapper .ui-timepicker-list li,
html.page-brand-mode .ui-timepicker-wrapper .ui-timepicker-list li,
html:has(.form-white) .ui-timepicker-wrapper .ui-timepicker-list li {
  color: white;
}
html.page-dark-mode .ui-timepicker-wrapper .ui-timepicker-list li:hover,
html.page-dark-mode .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected,
html.page-brand-mode .ui-timepicker-wrapper .ui-timepicker-list li:hover,
html.page-brand-mode .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected,
html:has(.form-white) .ui-timepicker-wrapper .ui-timepicker-list li:hover,
html:has(.form-white) .ui-timepicker-wrapper .ui-timepicker-list li.ui-timepicker-selected {
  color: black;
  background: white;
}
html.page-dark-mode .flatpickr-calendar,
html.page-brand-mode .flatpickr-calendar,
html:has(.form-white) .flatpickr-calendar {
  background: #111;
  border: 1px solid #777;
  color: white;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-months .flatpickr-month,
html.page-dark-mode .flatpickr-calendar .flatpickr-weekdays,
html.page-brand-mode .flatpickr-calendar .flatpickr-months .flatpickr-month,
html.page-brand-mode .flatpickr-calendar .flatpickr-weekdays,
html:has(.form-white) .flatpickr-calendar .flatpickr-months .flatpickr-month,
html:has(.form-white) .flatpickr-calendar .flatpickr-weekdays {
  color: white;
  background: #111;
  fill: white;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-months svg,
html.page-brand-mode .flatpickr-calendar .flatpickr-months svg,
html:has(.form-white) .flatpickr-calendar .flatpickr-months svg {
  fill: white;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-weekday,
html.page-brand-mode .flatpickr-calendar .flatpickr-weekday,
html:has(.form-white) .flatpickr-calendar .flatpickr-weekday {
  color: #bfbfbf;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-day,
html.page-brand-mode .flatpickr-calendar .flatpickr-day,
html:has(.form-white) .flatpickr-calendar .flatpickr-day {
  color: white;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-day.flatpickr-disabled, html.page-dark-mode .flatpickr-calendar .flatpickr-day.prevMonthDay, html.page-dark-mode .flatpickr-calendar .flatpickr-day.nextMonthDay,
html.page-brand-mode .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
html.page-brand-mode .flatpickr-calendar .flatpickr-day.prevMonthDay,
html.page-brand-mode .flatpickr-calendar .flatpickr-day.nextMonthDay,
html:has(.form-white) .flatpickr-calendar .flatpickr-day.flatpickr-disabled,
html:has(.form-white) .flatpickr-calendar .flatpickr-day.prevMonthDay,
html:has(.form-white) .flatpickr-calendar .flatpickr-day.nextMonthDay {
  color: #777;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-day:hover, html.page-dark-mode .flatpickr-calendar .flatpickr-day:focus,
html.page-brand-mode .flatpickr-calendar .flatpickr-day:hover,
html.page-brand-mode .flatpickr-calendar .flatpickr-day:focus,
html:has(.form-white) .flatpickr-calendar .flatpickr-day:hover,
html:has(.form-white) .flatpickr-calendar .flatpickr-day:focus {
  color: black;
  background: white;
  border-color: white;
}
html.page-dark-mode .flatpickr-calendar .flatpickr-day.selected,
html.page-brand-mode .flatpickr-calendar .flatpickr-day.selected,
html:has(.form-white) .flatpickr-calendar .flatpickr-day.selected {
  color: black;
  background: white !important;
  border-color: white !important;
}

#brx-footer .mailpoet_form input[type=email] {
  -webkit-appearance: none;
  border-bottom: 1px solid white;
  padding: 0 !important;
  opacity: 1;
  background: none;
}
#brx-footer .mailpoet_form .mailpoet_submit {
  background: none;
  padding: 0 !important;
  color: white;
}

/**
 * Hover Black
 * Sections mit der Klasse .hover-black werden beim Hinscrollen schwarz, alle Texte weiß.
 * Die Klasse .is-black wird von js/hover-black.js gesetzt.
 */
.hover-black {
  --hover-black-duration: 0.6s;
  transition: background-color var(--hover-black-duration) ease, color var(--hover-black-duration) ease;
}
.hover-black.is-black {
  background-color: #000;
  color: #fff;
}
.hover-black.is-black * {
  color: #fff;
}
.hover-black.is-black .bricks-button {
  border-color: #fff;
}
@media (prefers-reduced-motion: reduce) {
  .hover-black {
    --hover-black-duration: 0s;
  }
}

:where(.hover-black *) {
  transition: color var(--hover-black-duration) ease, border-color var(--hover-black-duration) ease;
}

.brxe-section:has(.brxe-block.legal-layout) {
  overflow: clip;
}

.legal-contact p:first-child,
.legal-fact__label,
.legal-toc__label {
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-grey, #808284);
}

.brxe-block.legal-intro {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 96px);
  width: 100%;
  margin-top: clamp(32px, 4vw, 64px);
}
@media (max-width: 991px) {
  .brxe-block.legal-intro {
    grid-template-columns: 1fr;
  }
}

.legal-lead p {
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.45;
  max-width: 38em;
  margin: 0 0 16px;
}
.legal-lead p:last-child {
  margin-bottom: 0;
}

.legal-contact {
  align-self: start;
  background: #f4f4f4;
  padding: 28px 32px;
}
.legal-contact p {
  margin: 0 0 12px;
  line-height: 1.5;
}
.legal-contact p:last-child {
  margin-bottom: 0;
}
.legal-contact a {
  color: inherit;
}
@media (max-width: 478px) {
  .legal-contact {
    padding: 24px;
  }
}

.brxe-block.legal-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 0;
  width: 100%;
  margin-top: clamp(32px, 4vw, 64px);
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
}
@media (max-width: 991px) {
  .brxe-block.legal-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 478px) {
  .brxe-block.legal-facts {
    grid-template-columns: 1fr;
  }
}

.legal-fact__label {
  margin: 0 0 12px;
}

.brxe-block.legal-fact {
  display: block;
  padding: 28px 32px;
  border-right: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
}
.brxe-block.legal-fact p {
  margin: 0 0 8px;
  line-height: 1.5;
}
.brxe-block.legal-fact p:last-child {
  margin-bottom: 0;
}
.brxe-block.legal-fact a {
  color: inherit;
}
@media (max-width: 478px) {
  .brxe-block.legal-fact {
    padding: 24px;
  }
}

.brxe-block.legal-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: clamp(40px, 6vw, 120px);
  align-items: start;
  width: 100%;
  margin-top: clamp(48px, 6vw, 96px);
}
@media (max-width: 991px) {
  .brxe-block.legal-layout {
    grid-template-columns: 1fr;
  }
}
.brxe-block.legal-layout:not(:has(.brxe-block.legal-toc)) {
  grid-template-columns: minmax(0, 1fr);
}
.brxe-block.legal-layout:not(:has(.brxe-block.legal-toc)) .brxe-block.legal-content {
  grid-column: 1;
}

.brxe-block.legal-content {
  display: block;
  grid-column: 2;
  min-width: 0;
  counter-reset: legal;
}
@media (max-width: 991px) {
  .brxe-block.legal-content {
    grid-column: auto;
  }
}

.legal-toc__label {
  margin: 0 0 16px;
}

.brxe-block.legal-toc {
  display: block;
  grid-column: 1;
  position: sticky;
  top: 120px;
}
@media (max-width: 991px) {
  .brxe-block.legal-toc {
    grid-column: auto;
    position: static;
  }
}
.brxe-block.legal-toc ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: legal-toc;
}
.brxe-block.legal-toc li {
  counter-increment: legal-toc;
  border-top: 1px solid #e3e3e3;
  margin: 0;
}
.brxe-block.legal-toc li:last-child {
  border-bottom: 1px solid #e3e3e3;
}
.brxe-block.legal-toc a {
  display: flex;
  gap: 12px;
  padding: 10px 0;
  font-size: 15px;
  line-height: 1.35;
  color: var(--color-black, #000);
  text-decoration: none;
  transition: padding-left 0.2s;
}
.brxe-block.legal-toc a::before {
  content: counter(legal-toc, decimal-leading-zero);
  color: var(--color-grey, #808284);
  font-variant-numeric: tabular-nums;
}
.brxe-block.legal-toc a:hover {
  padding-left: 6px;
}

.brxe-block.legal-section {
  display: block;
  counter-increment: legal;
  scroll-margin-top: 120px;
  padding-top: 32px;
  border-top: 1px solid var(--color-black, #000);
}
.brxe-block.legal-section + .brxe-block.legal-section {
  margin-top: clamp(64px, 7vw, 112px);
}

.legal-section__title {
  margin: 0 0 clamp(24px, 3vw, 40px);
}
.legal-section__title::before {
  content: counter(legal, decimal-leading-zero);
  display: block;
  margin-bottom: 12px;
  font-family: "Helvetica Now", sans-serif;
  font-size: 13px;
  letter-spacing: 0.06em;
  color: var(--color-grey, #808284);
}
.legal-content--plain .legal-section__title::before {
  display: none;
}

.legal-text {
  max-width: 760px;
}
.legal-text > :first-child {
  margin-top: 0;
}
.legal-text > :last-child {
  margin-bottom: 0;
}
.legal-text h3 {
  font-size: clamp(24px, 2.2vw, 32px);
  line-height: 1.2;
  margin: clamp(40px, 4vw, 56px) 0 16px;
}
.legal-text h3 + h4 {
  margin-top: 20px;
}
.legal-text h4 {
  font-family: "Helvetica Now", sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.35;
  margin: 32px 0 8px;
}
.legal-text p {
  line-height: 1.65;
  margin: 0 0 16px;
}
.legal-text ul,
.legal-text ol {
  margin: 0 0 20px;
  padding-left: 1.2em;
}
.legal-text li {
  line-height: 1.6;
  margin-bottom: 8px;
}
.legal-text li::marker {
  color: var(--color-grey, #808284);
}
.legal-text a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  word-break: break-word;
}
.legal-text a:hover {
  text-decoration-color: var(--color-grey, #808284);
}
.legal-text strong {
  font-weight: 500;
}

.bld-copyright {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  pointer-events: none;
}
.bld-copyright__text {
  position: absolute;
  top: 0;
  right: 10px;
  max-height: calc(var(--bld-copyright-max, 100vh) - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  writing-mode: vertical-rl;
  transform: translateY(-50%) rotate(180deg);
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.02em;
  color: #fff !important;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

:root {
  --cursor-normal: url("/wp-content/themes/bricks-child/images/cursor-normal.svg") 2 1, auto;
  --cursor-klick: url("/wp-content/themes/bricks-child/images/cursor-klick.svg") 10 1, pointer;
  --cursor-award: url("/wp-content/themes/bricks-child/images/cursor-award.svg") 29 9, pointer;
  --cursor-projekte: url("/wp-content/themes/bricks-child/images/cursor-projekte.svg") 74 17, pointer;
  --cursor-slider: url("/wp-content/themes/bricks-child/images/cursor-slider.svg") 31 30, grab;
  --cursor-coming-soon: var(--cursor-normal);
}

html.has-cursor-augen {
  --cursor-projekte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E#augen") 0 0, none;
  --cursor-coming-soon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'/%3E#coming-soon") 0 0, none;
}

.is-coming-soon {
  --cursor-projekte: var(--cursor-coming-soon);
}

@media (hover: hover) and (pointer: fine) {
  .projekt-badge--coming-soon {
    display: none;
  }
}
.bld-cursor-augen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  pointer-events: none;
  visibility: hidden;
  will-change: transform;
}
.bld-cursor-augen.is-visible {
  visibility: visible;
}
.bld-cursor-augen svg {
  display: block;
}
.bld-cursor-augen .bld-cursor-augen__x {
  display: none;
  fill: none;
  stroke: #030303;
  stroke-width: 2.6;
  stroke-linecap: round;
}
.bld-cursor-augen .bld-cursor-augen__coming-soon {
  display: none;
  font-family: "Helvetica Now", sans-serif;
  font-size: 13px;
  fill: #000;
}
.bld-cursor-augen.is-coming-soon .bld-cursor-augen__pupille,
.bld-cursor-augen.is-coming-soon .bld-cursor-augen__label {
  display: none;
}
.bld-cursor-augen.is-coming-soon .bld-cursor-augen__x,
.bld-cursor-augen.is-coming-soon .bld-cursor-augen__coming-soon {
  display: inline;
}

html.page-dark-mode {
  background: #000;
  color: #fff;
}
html.page-dark-mode body {
  background: #000;
  color: #fff;
}
html.page-dark-mode body * {
  color: #fff;
}
html.page-dark-mode body .brxe-text *,
html.page-dark-mode body .brxe-text-basic * {
  color: inherit;
}
html.page-dark-mode body .bricks-button {
  border-color: #fff;
}
html.page-dark-mode body .brxe-button.bricks-button > .bld-ripple-button__circle {
  background-color: #fff;
}
@media (hover: hover) {
  html.page-dark-mode body .brxe-button.bricks-button:hover,
  html.page-dark-mode body .brxe-button.bricks-button:hover * {
    color: #000;
  }
}
html.page-dark-mode body .brxe-button.bricks-button:focus-visible,
html.page-dark-mode body .brxe-button.bricks-button:focus-visible * {
  color: #000;
}
html.page-dark-mode body .border-section {
  border-color: #fff;
}
html.page-dark-mode .last-section {
  color: #000;
}
html.page-dark-mode .last-section * {
  color: #000;
}
html.page-dark-mode .last-section .bricks-button {
  border-color: #000;
}
html.page-dark-mode .last-section .brxe-button.bricks-button > .bld-ripple-button__circle {
  background-color: #000;
}
@media (hover: hover) {
  html.page-dark-mode .last-section .brxe-button.bricks-button:hover,
  html.page-dark-mode .last-section .brxe-button.bricks-button:hover * {
    color: #fff;
  }
}
html.page-dark-mode .last-section .brxe-button.bricks-button:focus-visible,
html.page-dark-mode .last-section .brxe-button.bricks-button:focus-visible * {
  color: #fff;
}
html.page-brand-mode, html.page-brand-mode body {
  background: var(--color-brand);
}

body {
  position: relative;
  margin: 0 auto;
  cursor: var(--cursor-normal);
}

.brxe-section {
  overflow: hidden;
}

a, button,
input[type=submit],
input[type=button] {
  cursor: var(--cursor-klick);
}

.swiper-initialized:not(.swiper-lock) {
  cursor: var(--cursor-slider);
}

.cursor-smiley {
  cursor: url("/wp-content/themes/bricks-child/images/cursor-smiley.svg") 15 15, auto;
}

.cursor-smiley-trail {
  position: relative;
  cursor: none; /* nur hier Cursor verstecken */
}

.cursor-trail {
  position: absolute;
  pointer-events: none;
  width: 32px;
  height: 32px;
  background: url("/wp-content/themes/bricks-child/images/cursor-smiley.svg") no-repeat center/contain;
  transform: translate(-50%, -50%);
}

.h1 {
  font-size: var(--h1);
}

.h2 {
  font-size: var(--h2);
}

.h3 {
  font-size: var(--h3);
}

.h4 {
  font-size: var(--h4);
}

.h5 {
  font-size: var(--h5);
}

.h6 {
  font-size: var(--h6);
}

.noise-image {
  position: relative;
}
.noise-image:before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  /* Density = opacity */
  opacity: 0.2;
  /* Noise Size = background-size */
  background-size: 240px 240px;
  background-repeat: repeat;
  /* Color */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'><filter id='n'>  <feTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='3' stitchTiles='stitch'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='1'/></svg>");
  /* wie das Noise mit dem Bild verrechnet wird */
  mix-blend-mode: soft-light;
}
.noise-image img {
  display: block;
  width: 100%;
  height: auto;
}

.last-section {
  --footer-extra-spacing: var(--space-m);
  padding-bottom: calc(var(--footer-height-half) + var(--footer-extra-spacing)) !important;
  position: relative;
  z-index: 1;
}

#image-zoom-wrapper {
  position: relative;
  z-index: 0;
  height: var(--app-height);
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
#image-zoom-wrapper .image-zoom-stage {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  animation: image-zoom-shrink 2s ease 0.5s forwards;
  transition: transform 0.25s ease-out;
  will-change: transform;
}
#image-zoom-wrapper .image-zoom-stage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#image-zoom-wrapper .image-zoom-title {
  inset: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 2.5s 1s ease;
  pointer-events: none;
}
#image-zoom-wrapper .image-zoom-title.is-visible {
  opacity: 1;
}
@keyframes image-zoom-shrink {
  from {
    width: 100vw;
    height: 100vh;
  }
  to {
    width: clamp(180px, 15vw, 320px);
    height: calc(clamp(180px, 15vw, 320px) * 1.2);
  }
}

/*# sourceMappingURL=style.css.map */