/*
 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
*/

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

#brx-content {
  padding-top: 160px;
}

@media only screen and (max-width:767px) {
  #brx-content {
  padding-top: 114px !important;
}
}

/* Zeigt alle elemente im OffCanvas an auch wenn sie nicht im Veieport liegen. */
.brx-offcanvas-inner {
    overflow-y: scroll;
    flex-wrap: nowrap;
}

h1 span, h2 span, h3 span {
  color: #d60000;
}

.brxe-button {
  min-width: 200px !important
}

.brxe-text ul {
  list-style-type: disc;
}

ul li::marker {
  color: #d60000;
}

.preisbox {
  position: relativ;
}

.preisbox ul {
  margin-top: 0;
}

.preisbox .brxe-button {
  position: absolute !important;
  bottom: 20px !important;
  padding: 10px 30px;
}

.gfield_label {
  font-family: inherit;
  font-weight: 500 !important;
  color: #444 !important;
}

.gfield_required {
  color: #d60000 !important;
}

.gform_button {
  background: #d60000;
  color: #fff;
  border: none;
  padding: 10px 30px;
  border-radius: 25px;
  font-weight: 300 !important;
}

.ginput_container_consent {
  display: flex;
  gap: 8px;
}

.gfield_consent_label {
  margin-bottom: 0;
  font-weight: 300;
  color: #444;
  font-size: 16px;
}

.splide__track {
  margin: 0 5px;
}

.headermenu .brx-dropdown-content .current-menu-item {
  color: #fc4832;
}

/* 1. Der Eltern-Container (Die Karte) */
.box-card {
  position: relative; /* Sorgt dafür, dass "absolute" Kinder sich an dieser Box orientieren */
  overflow: hidden;   /* DAS löst dein Problem: Schneidet alles ab, was außerhalb der Box liegt */
}

/* 2. Das Overlay */
.box-card .box-overlay {
  position: absolute; /* Legt das Overlay ÜBER das Bild, statt es nach unten zu schieben */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  
  /* Dein bisheriger Code */
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: translateY(100%); 
}

/* 3. Hover-Zustand */
.box-card:hover .box-overlay {
  transform: translateY(0);
}