/*
Theme Name:     Mathias Holterhoff - Child Theme
Theme URI:      n/a
Template:       kadence
Author:         Lars Thieme
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.wp-block-kadence-header2232-cpt-id {
  height: 0px !important;
}

.site-footer-row-layout-fullwidth > .site-footer-row-container-inner > .site-container {
  padding: 0;
}

.outline-text .kt-highlight {
  -webkit-text-stroke-width: 2px;
  stroke-width: 2px;
  -webkit-text-stroke-color: var(--global-palette3);
  stroke: var(--global-palette3);
}

.outline-text .kt-highlight em {
  font-style: normal;
}

.fancy-tabs .kt-tabs-title-list {
  background: none !important;
  width: 100%;
}

.stacking-cards {
  position: relative;
}

.stacking-cards__item {
  position: sticky;
  top: 70px;
  margin-bottom: 2rem;
  z-index: 1;
}

.stacking-cards__item.is-stuck {
  transform: scale(0.95);
  opacity: 1;
}

/* Container */
.stacking-cards {
  position: relative;
  isolation: isolate;
  /* stabilere Z-Reihenfolge */
  --nav: 120px;
  /* Höhe deiner fixen Navigation */
  --gap: 20px;
  /* wie viel der vorherigen Karte sichtbar bleibt */
}

/* Kartenbasis */
.stacking-cards__item {
  position: sticky;
  top: calc(var(--nav) + 30px + (var(--i) * var(--gap)));
  z-index: calc(10 + var(--i));
  /* Scale nur über Variable – JS setzt --scale */
  --scale: 1;
  transform: scale(var(--scale));
  transition: transform 0.18s ease;
}

/* Index je Karte vergeben (bei mehr Karten einfach fortführen) */
.stacking-cards__item:nth-child(1) {
  --i: 0;
}

.stacking-cards__item:nth-child(2) {
  --i: 1;
}

.stacking-cards__item:nth-child(3) {
  --i: 2;
}

.stacking-cards__item:nth-child(4) {
  --i: 3;
}

.stacking-cards__item:nth-child(5) {
  --i: 4;
}

/* (Optional) sanfter Effekt, wenn die Karte „klebt“ */
.stacking-cards__item {
  transition: transform 0.2s ease;
}

.stacking-cards__item.is-stuck {
  transform: translateY(-2px) scale(0.99);
}

.wp-block-kadence-header {
  margin: 0px 20px;
}

.wp-block-kadence-header-desktop {
  position: fixed !important;
  left: 20px !important;
  right: 20px !important;
  top: 0px !important;
}

.admin-bar .wp-block-kadence-header-desktop {
  position: fixed !important;
  left: 20px !important;
  right: 20px !important;
  top: 40px !important;
}

.wp-block-kadence-header-tablet {
  position: fixed !important;
  width: initial;
  left: 20px !important;
  right: 20px !important;
  top: 20px !important;
}

.admin-bar .wp-block-kadence-header-tablet {
  position: fixed !important;
  left: 20px !important;
  right: 20px !important;
  top: 46px !important;
}

header .item-is-stuck {
  backdrop-filter: blur(3px);
  box-shadow: 0px 0px 42px 0px rgba(242, 240, 236, 0.1);
}

header .item-is-stuck .main-nav-color-switch .menu-item:not(.current-menu-item) a {
  color: var(--global-palette9);
}

header .item-is-stuck .main-nav-color-switch .menu-item a:hover {
  color: var(--global-palette1);
}

header .item-is-stuck .wp-block-kadence-off-canvas-trigger {
  color: var(--global-palette9);
}

.wp-block-kadence-image {
  margin-top: 0;
}

@media only screen and (min-width: 1024px) {
  .aspect-1 {
    aspect-ratio: 1;
  }
}

.slider-border-radius .kt-blocks-carousel {
  border-radius: 30px;
}

/* Leistungen - Infobox */
.info-box-leistung:hover .kt-inside-inner-col {
  background-color: var(--global-palette2);
  border: 1px solid var(--global-palette2);
}

.info-box-leistung:hover .info-text {
  color: var(--global-palette3);
}

.infobox-start:hover > .kt-inside-inner-col {
  transform: scale(1.02);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 1024px) {
  .wp-block-kadence-off-canvas-trigger2232_78902b-34:hover,
  .wp-block-kadence-off-canvas-trigger2232_78902b-34:focus {
    color: var(--global-palette9, #ffffff) !important;
    background-color: unset !important;
  }
}

@media (max-width: 767px) {
  .footer-nav-legal .kb-nav-link-content,
  .footer-nav-contact .wp-block-kadence-listitem {
    justify-content: center;
    width: 100%;
  }
}

.absolute-img-hero {
  position: absolute;
  bottom: 0;
  right: -280px;
  z-index: -1;
  top: -50px;
}

@media (min-width: 1200px) {
  .absolute-img-hero {
    right: 0;
  }
}

.absolute-img-hero > .kt-inside-inner-col,
.absolute-img-hero figure {
  height: 100%;
}

.absolute-img-hero img {
  height: 100%;
  width: auto;
}

.wp-block-kadence-off-canvas-trigger:focus {
  color: var(--global-palette9);
}


@media (max-width: 1220px) {
  br.moderation {
    display: none;
  }
}

@media (max-width: 1024px) {
  br.teamentwicklung {
    display: none;
  }
}

.rechtliches h2 {
  font-size: clamp(1.5625rem, 0.2717rem + 3.3043vw, 2.75rem);
}

.rechtliches h3 {
  font-size: clamp(1.4375rem, 0.8261rem + 1.5652vw, 2rem);
}

.rechtliches h4 {
  font-size: clamp(1.25rem, 0.8424rem + 1.0435vw, 1.625rem);
}