.elementor-kit-6{--e-global-color-primary:#344A86;--e-global-color-secondary:#6C757D;--e-global-color-text:#4A4945;--e-global-color-accent:#24C7B4;--e-global-color-border:#EEE;--e-global-color-dark:#333;--e-global-color-light:#FAFAFA;--e-global-color-gray:#8F8F8F;--e-global-color-muted:#ABABAB;--e-global-color-placeholder:#B6B6B6;--e-global-typography-primary-font-family:"Switzer Variable";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Switzer Variable";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Switzer Variable";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Switzer Variable";--e-global-typography-accent-font-weight:500;background-color:#F5F5F5;font-family:"Switzer", Sans-serif;font-size:28px;font-weight:500;letter-spacing:-0.3px;}.elementor-kit-6 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-6 a{font-family:"Switzer Variable", Sans-serif;}.elementor-kit-6 h1{font-family:"Switzer Variable", Sans-serif;font-size:96px;font-weight:700;letter-spacing:-0.3px;}.elementor-kit-6 h2{font-family:"Switzer Variable", Sans-serif;font-size:64px;font-weight:600;}.elementor-kit-6 h3{font-family:"Switzer Variable", Sans-serif;font-size:48px;font-weight:600;letter-spacing:-0.3px;}.elementor-kit-6 h4{font-family:"Switzer Variable", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:20px;}.elementor-kit-6 h2{font-size:32px;}.elementor-kit-6 h3{font-size:24px;}.elementor-kit-6 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.cursor-ziehen,
.cursor-ziehen * {
  cursor: url('http://klickspacedev.de/wp-content/uploads/2025/12/klickspace-ziehen-cursor.png') 10 10, grab !important;
}

.circle-progress {
  position: relative;
  display: inline-block;
}

.circle-progress::after {
  content: "";
  position: absolute;
  top: -17px;
  left: -17px;
  width: calc(100% + 34px);
  height: calc(100% + 34px);
  border-radius: 50%;
  border: 8px solid transparent;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  transform: rotate(230deg);
  transform-origin: center;
  opacity: 0;
}

.circle-progress.animate::after {
  animation: drawCircleProgress 2.6s ease forwards;
  opacity: 1;
}

@keyframes drawCircleProgress {
  0% {
    transform: rotate(230deg);
  }
  100% {
    transform: rotate(590deg);
  }
}


/* ROOT – TIMING (GLOBAL) */
:root{
  --sunzinet-ease: cubic-bezier(0.4,0,0.2,1);
  --sunzinet-duration: 0.55s;
  --sunzinet-stagger: 0.06s;
}

/* GRID */
.sunzinet-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
  align-items:stretch;
  overflow:hidden;

  grid-auto-flow:row dense;
  grid-auto-columns:1fr;
}

.sunzinet-card{
  position:relative;
  display:flex;
  flex-direction:column;
  background:#fff;

  grid-column:span 1;
  min-width:0;

  min-height:420px;

  transition:
    grid-column 0.6s var(--sunzinet-ease),
    box-shadow 0.3s ease;

  isolation:isolate;
  contain:layout paint style;
  overflow:hidden;
}

.sunzinet-card > *{ transform:none!important; }

@media (hover:hover){
  .sunzinet-grid > .sunzinet-card:hover{
    grid-column:span 2;
    z-index:5;
  }
}

.sunzinet-card.is-active{
  grid-column:span 2;
  z-index:6;
}

.sunzinet-expand{
  position:relative;
  margin-top:12px;

  max-height:0;
  overflow:hidden;
  opacity:0;

  transform:translateY(-6px);
  pointer-events:none;

  transition:
    max-height 0.6s var(--sunzinet-ease),
    opacity 0.4s ease,
    transform 0.6s var(--sunzinet-ease);
}

@media (hover:hover){
  .sunzinet-card:hover .sunzinet-expand{
    max-height:480px;
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
  }
}

.sunzinet-card.is-active .sunzinet-expand{
  max-height:480px;
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.sunzinet-card h1,
.sunzinet-card h2,
.sunzinet-card h3,
.sunzinet-card h4,
.sunzinet-card h5,
.sunzinet-card h6{
  transform:translateX(0);
  transition:transform var(--sunzinet-duration) var(--sunzinet-ease);
}

@media (hover:hover){
  .sunzinet-card:hover h1,
  .sunzinet-card:hover h2,
  .sunzinet-card:hover h3,
  .sunzinet-card:hover h4,
  .sunzinet-card:hover h5,
  .sunzinet-card:hover h6{
    transform:translateX(8px);
  }
}

.sunzinet-card.is-active h1,
.sunzinet-card.is-active h2,
.sunzinet-card.is-active h3,
.sunzinet-card.is-active h4,
.sunzinet-card.is-active h5,
.sunzinet-card.is-active h6{
  transform:translateX(8px);
}

.sunzinet-divider .elementor-divider-separator{
  position:relative;
  width:32px;
  height:2px;
  background:rgba(245,196,0,.25);
  overflow:hidden;
}

.sunzinet-divider .elementor-divider-separator::after{
  content:"";
  position:absolute;
  inset:0;
  background:#f5c400;

  transform:translateX(-100%);
  transition:
    transform var(--sunzinet-duration) var(--sunzinet-ease);
  transition-delay:.08s;
}

@media (hover:hover){
  .sunzinet-card:hover
  .sunzinet-divider .elementor-divider-separator::after{
    transform:translateX(0);
  }
}

.sunzinet-card.is-active
.sunzinet-divider .elementor-divider-separator::after{
  transform:translateX(0);
}

.sunzinet-expand > *{
  opacity:0;
  transform:translateY(10px);
  transition:
    opacity var(--sunzinet-duration) var(--sunzinet-ease),
    transform var(--sunzinet-duration) var(--sunzinet-ease);
}

@media (hover:hover){
  .sunzinet-card:hover .sunzinet-expand > *{
    opacity:1;
    transform:translateY(0);
  }
}

.sunzinet-card.is-active .sunzinet-expand > *{
  opacity:1;
  transform:translateY(0);
}

/* stagger */
.sunzinet-expand > *:nth-child(1){transition-delay:.14s}
.sunzinet-expand > *:nth-child(2){transition-delay:.20s}
.sunzinet-expand > *:nth-child(3){transition-delay:.26s}
.sunzinet-expand > *:nth-child(4){transition-delay:.32s}
.sunzinet-expand > *:nth-child(5){transition-delay:.38s}
.sunzinet-expand > *:nth-child(6){transition-delay:.44s}


/* CURSOR */
.testimonials-container-wrapper .cursor-ziehen,
.testimonials-container-wrapper .cursor-ziehen * {
  cursor: grab;
}
.testimonials-container-wrapper .cursor-ziehen:active,
.testimonials-container-wrapper .cursor-ziehen *:active {
  cursor: grabbing;
}

.testimonials-container-wrapper .sunzinet-testimonial-slider .swiper-pagination,
.testimonials-container-wrapper .sunzinet-testimonial-slider .swiper-scrollbar {
  display: none !important;
}

.testimonial-progress-wrapper {
  width: 100%;
  margin-top: 10px;
}

.testimonial-progress-wrapper .scroll-bar {
  position: relative;
  width: 100%;
  max-width: 900px;
  height: 2px;
  margin-left: 0;
  margin-right: auto;
  background: rgba(0,0,0,0.2);
}

.testimonial-progress-wrapper .scroll-bar-pointer {
  position: absolute;
  top: -6px;
  left: 0;
  height: 14px;
  width: 10%;
  background-color: #344a86;
  border-radius: 7px;
  transition:
    left 0.35s cubic-bezier(0.4,0,0.2,1),
    width 0.35s cubic-bezier(0.4,0,0.2,1);
}

.testimonials-container-wrapper .slick-track .slick-slide .elementor-widget-text-editor > * {
    min-height: 100px;
}

@media (min-width: 1200px) {
  .testimonial-progress-wrapper .scroll-bar {
    width: 900px;
    margin-right: 0;
  }
}

/* ACTIVE LOCK – FREEZE OTHERS */
@media (hover:hover){
  .sunzinet-grid:hover
  .sunzinet-card:not(:hover):not(.is-active)
  .sunzinet-expand > *{
    opacity:0!important;
    transform:translateY(10px)!important;
    transition:none!important;
  }
}

/* default */
.sunzinet-grid > .sunzinet-card:last-child{
  grid-column:span 1;
}

/* hover */
@media (hover:hover){
  .sunzinet-grid > .sunzinet-card:last-child:hover{
    grid-column:span 2;
    z-index:5;
  }
}

/* active */
.sunzinet-grid > .sunzinet-card:last-child.is-active{
  grid-column:span 2;
  z-index:6;
}

.sunzinet-grid:has(.sunzinet-card.is-active)
> .sunzinet-card:last-child:not(.is-active){
  grid-column:span 1;
  z-index:1;
}

.sunzinet-grid:has(.sunzinet-card.is-active)
> .sunzinet-card:last-child:not(.is-active) .sunzinet-expand{
  max-height:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(-6px);
}

.sunzinet-grid:has(.sunzinet-card.is-active)
> .sunzinet-card:last-child:not(.is-active)
.sunzinet-divider .elementor-divider-separator::after{
  transform:translateX(-100%);
}

@media (max-width: 767px) {
  .elementor .e-con > .e-con-inner,
  .elementor .elementor-section > .elementor-container {
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}

/* Tablet + Mobile */
@media (max-width: 1024px) {

  .hero-heading-wrap {
    max-width: 100%;
    min-width: 0;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;

    font-size: clamp(30px, 6vw, 56px);
    line-height: 1.08;
  }
}

@media (max-width: 767px) {

  .hero-heading-wrap {
    font-size: clamp(30px, 7vw, 44px);
    line-height: 1.1;
  }
}

@media (max-width: 767px){
  .hero-heading-wrap{
    letter-spacing: -0.01em;
  }
}

@media (max-width: 767px){

  .sunzinet-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    overflow: visible !important;
  }

  .sunzinet-card,
  .sunzinet-card.is-active{
    grid-column: 1 / -1 !important;
    min-height: auto !important;
  }

  .sunzinet-card,
  .sunzinet-card.is-active{
    transition: none !important;
    box-shadow: none;
  }

  .sunzinet-expand{
    max-height: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  .sunzinet-expand > *{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  .sunzinet-card h1,
  .sunzinet-card h2,
  .sunzinet-card h3,
  .sunzinet-card h4,
  .sunzinet-card h5,
  .sunzinet-card h6{
    transform: none !important;
    transition: none !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Switzer Variable';
	font-display: auto;
	src: url('http://klickspacedev.de/wp-content/uploads/2025/11/Switzer-Variable-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Switzer';
	font-display: auto;
	src: url('http://klickspacedev.de/wp-content/uploads/2025/11/Switzer-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */