.elementor-2608 .elementor-element.elementor-element-1980503{--display:flex;--min-height:780px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:180px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2608 .elementor-element.elementor-element-1980503:not(.elementor-motion-effects-element-type-background), .elementor-2608 .elementor-element.elementor-element-1980503 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #313131 100%);}.elementor-2608 .elementor-element.elementor-element-918efa0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;}.elementor-2608 .elementor-element.elementor-element-575a8092 .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-2608 .elementor-element.elementor-element-65da13b1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-2608 .elementor-element.elementor-element-4723577c .elementor-heading-title{font-family:"Avenir", Sans-serif;font-size:44px;font-weight:600;line-height:1.15em;word-spacing:0em;color:#FFFFFF;}.elementor-2608 .elementor-element.elementor-element-0d7495f .elementor-heading-title{font-size:23px;font-weight:400;line-height:1.3em;word-spacing:0em;color:#F0F0F0;}.elementor-2608 .elementor-element.elementor-element-6835d058{font-family:"Avenir", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#F0F0F0;}.elementor-2608 .elementor-element.elementor-element-75b30dd2{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-2608 .elementor-element.elementor-element-4760feb5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-2608 .elementor-element.elementor-global-2003{--grid-columns:7;width:100%;max-width:100%;--grid-column-gap:0px;}@media(max-width:1366px){.elementor-2608 .elementor-element.elementor-element-918efa0{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}@media(min-width:768px){.elementor-2608 .elementor-element.elementor-element-918efa0{--width:100%;}.elementor-2608 .elementor-element.elementor-element-65da13b1{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2608 .elementor-element.elementor-element-918efa0{--width:700px;}.elementor-2608 .elementor-element.elementor-element-65da13b1{--width:100%;}.elementor-2608 .elementor-element.elementor-element-4760feb5{--width:100%;}}@media(max-width:1024px){.elementor-2608 .elementor-element.elementor-element-918efa0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2608 .elementor-element.elementor-element-575a8092.elementor-element{--order:0;}.elementor-2608 .elementor-element.elementor-element-65da13b1.e-con{--order:2;}.elementor-2608 .elementor-element.elementor-element-75b30dd2{--e-image-carousel-slides-to-show:1;width:100%;max-width:100%;}.elementor-2608 .elementor-element.elementor-element-75b30dd2.elementor-element{--order:1;}.elementor-2608 .elementor-element.elementor-global-2003{--grid-columns:2;}}@media(max-width:767px){.elementor-2608 .elementor-element.elementor-element-1980503{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:100px;--padding-bottom:100px;--padding-left:020px;--padding-right:20px;}.elementor-2608 .elementor-element.elementor-element-918efa0{--width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2608 .elementor-element.elementor-element-575a8092 .elementor-heading-title{font-size:32px;line-height:1.15em;}.elementor-2608 .elementor-element.elementor-element-4760feb5{--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2608 .elementor-element.elementor-global-2003{--grid-columns:2;}}/* Start custom CSS for global, class: .elementor-global-2003 */.loop a {
    padding:10px;
}

.full-height-container {
    height:100%;
    opacity:0;
    transition: opacity 0.4s;
}

.full-height-container:hover {
    opacity:1;
    
}

.standort-auswahl {
    height:50px;
}
.standort-auswahl .active {
    display: flex;
    justify-content: center;
    align-items: center;
height:100%;    
text-align: center;
    background: none;
}

.standort-auswahl .inactive {
    display: flex;
    justify-content: center;
    align-items: center;
height:100%;    text-align: center;
    background: none;
    color:white;
    transition: all 0.2s;
}

.full-height-container .active {
    border-color:white;
    color:white!important;
}

.elementor-widget.elementor-widget-heading > div > span > .active {
    color:#212121;
}


.full-height-container {
  display: none;
}

.referenz-box:hover .referenz-logo {
  display: none;
}

.referenz-box:hover .full-height-container {
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1980503 *//* ==========================================
   KAPPAZWEI – REFERENZ HERO
   Desktop / Tablet / Smartphone
   ========================================== */


/* 1. HAUPTCONTAINER */

.elementor-2608 .elementor-element.elementor-element-1980503 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  width: 100%;
  min-height: 780px;

  overflow: hidden;
  background-color: #000;
}


/* 2. HINTERGRUND-SLIDER */

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider {
  position: absolute !important;
  inset: 0;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 0;
  overflow: hidden;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-widget-container,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-image-carousel-wrapper,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-container,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-wrapper,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide-inner,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide a {
  height: 100%;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-widget-container,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-image-carousel-wrapper,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-container {
  width: 100%;
  max-width: none;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide {
  position: relative;
  overflow: hidden;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide a {
  display: block;
  width: 100%;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}


/* 3. SCHWARZER VERLAUF – DESKTOP */

.elementor-2608 .elementor-element.elementor-element-1980503::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(
    90deg,
    #000 0%,
    #000 15%,
    rgba(0,0,0,0.95) 30%,
    rgba(0,0,0,0.75) 45%,
    rgba(0,0,0,0.35) 65%,
    rgba(0,0,0,0.08) 85%,
    rgba(0,0,0,0) 100%
  );
}


/* 4. TEXTCONTAINER */

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-content {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 680px;

  flex: 0 0 auto;
  align-self: flex-start;

  margin: 0;
  padding: 100px 40px 60px 80px;
  box-sizing: border-box;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-content .e-con {
  max-width: 100%;
}


/* 5. SLIDER-NAVIGATION */

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-swiper-button {
  z-index: 5;
  color: #fff;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-pagination {
  z-index: 5;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.35;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-pagination-bullet-active {
  opacity: 1;
}


/* 6. BILDFOKUS AUS ACF */

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="Mitte"] img,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="center"] img {
  object-position: center center;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="Rechts"] img,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="right"] img {
  object-position: right center;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="Links"] img,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="left"] img {
  object-position: left center;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="Oben"] img,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="top"] img {
  object-position: center top;
}

.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="Unten"] img,
.elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider[data-bildfokus="bottom"] img {
  object-position: center bottom;
}


/* ==========================================
   7. TABLET
   ========================================== */

@media (max-width: 1024px) {

  .elementor-2608 .elementor-element.elementor-element-1980503 {
    min-height: 680px;
  }

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content {
    max-width: 600px;
    padding: 100px 40px 50px 48px;
  }

  .elementor-2608 .elementor-element.elementor-element-1980503::before {
    background: linear-gradient(
      90deg,
      #000 0%,
      rgba(0,0,0,0.95) 25%,
      rgba(0,0,0,0.7) 55%,
      rgba(0,0,0,0.1) 100%
    );
  }
}


/* ==========================================
   8. SMARTPHONE
   ========================================== */

@media (max-width: 767px) {

  /* Hero wächst mit der Textmenge */

  .elementor-2608 .elementor-element.elementor-element-1980503 {
    min-height: 100svh;
    height: auto;
    justify-content: flex-start;
    align-items: stretch;
  }

  /* Bildbereich bleibt im oberen Abschnitt */

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider {
    height: 520px !important;
    bottom: auto;
  }

  /* Oben Foto, unten weicher Übergang ins Schwarz */

  .elementor-2608 .elementor-element.elementor-element-1980503::before {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0.12) 0px,
      rgba(0,0,0,0.20) 150px,
      rgba(0,0,0,0.55) 300px,
      rgba(0,0,0,0.88) 430px,
      #000 520px
    );
  }

  /* Text unterhalb des Bildschwerpunkts */

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 285px 24px 72px;

    flex: 0 0 auto;
    align-self: stretch;
    box-sizing: border-box;
  }

  /* Kein Überlaufen bei langen Texten */

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content,
  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content .e-con,
  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content .elementor-widget {
    min-width: 0;
    max-width: 100%;
  }

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-content img {
    max-width: 100%;
  }

  /* Slider-Navigation auf Smartphones ausblenden */

  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .elementor-swiper-button,
  .elementor-2608 .elementor-element.elementor-element-1980503 .ref-slider .swiper-pagination {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS */.custom-expand-icon .elementor-gallery-item__overlay:after {
    background-image: url('/wp-content/uploads/2022/06/expand-arrows.svg');
    background-color: white;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position:center center;
    width: 50px; 
    height: 50px;
    content:"";
    position:absolute;
    bottom:0;
    right:0;
}

@media(max-width:460px) {
    
    .custom-expand-icon .elementor-gallery-item__overlay:after {
        width:35px;
        height:35px;
        background-size:26px;
    }
}

.custom-bg {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: 75% auto!important;

}


.custom-slider figure img {
    height: 700px;
    width: 100%;
    object-fit: cover;
}

@media (max-width:1366px) {
    .custom-slider figure img {
        height:500px;
    }
}

@media (max-width:1024px) {
    .custom-slider figure img {
        height:500px;
    }
    .custom-slider {
        width:max-content;
    }
}
@media (max-width:767px) {
    .custom-slider figure img {
        height:400px;
    }
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom:20px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Black-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Heavy-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Book.ttf') format('truetype');
}
@font-face {
	font-family: 'Avenir';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://kappazwei.de/wp-content/uploads/2022/03/Avenir-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */