/*
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);
}

.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 .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 .2s ease; }
  .stacking-cards__item.is-stuck{ transform: translateY(-2px) scale(.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 {
  padding: 20px;
}

@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%;
  }
}