.elementor-kit-1928{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-a0800bd:#000000;--e-global-color-83d27f7:#F81212;--e-global-color-0937244:#F812126E;--e-global-color-272a725:#FFFFFF;--e-global-color-1980423:#F81212;--e-global-color-1f5a2d1:#90ADEE;--e-global-color-33837c0:#E0EEF9;--e-global-color-21faf70:#FFF97C;--e-global-color-746360a:#F882C1;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-969f6f8-font-family:"Montserrat";--e-global-typography-969f6f8-font-size:70px;--e-global-typography-969f6f8-font-weight:800;--e-global-typography-969f6f8-letter-spacing:3px;--e-global-typography-e698643-font-family:"Rubik Bubbles";--e-global-typography-e698643-font-size:113px;--e-global-typography-e698643-font-weight:300;--e-global-typography-e698643-line-height:100px;--e-global-typography-e698643-letter-spacing:0.7px;--e-global-typography-d5d3557-font-family:"Montserrat";--e-global-typography-d5d3557-font-weight:600;--e-global-typography-13c445b-font-family:"Rubik Bubbles";--e-global-typography-13c445b-font-weight:300;--e-global-typography-b4acaa4-font-family:"Rubik Bubbles";--e-global-typography-b4acaa4-font-size:86px;--e-global-typography-b4acaa4-font-weight:300;--e-global-typography-b4acaa4-line-height:80px;--e-global-typography-b4acaa4-letter-spacing:0.7px;--e-global-typography-6d04ab2-font-family:"Montserrat";--e-global-typography-6d04ab2-font-size:13px;--e-global-typography-6d04ab2-font-weight:400;--e-global-typography-6d04ab2-line-height:28px;--e-global-typography-19a1c3d-font-family:"Rubik Bubbles";--e-global-typography-19a1c3d-font-size:96px;--e-global-typography-19a1c3d-font-weight:300;--e-global-typography-19a1c3d-line-height:86px;--e-global-typography-19a1c3d-letter-spacing:0.7px;--e-global-typography-09f0398-font-family:"Rubik Bubbles";--e-global-typography-09f0398-font-size:96px;--e-global-typography-09f0398-font-weight:300;--e-global-typography-09f0398-line-height:100px;--e-global-typography-09f0398-letter-spacing:0.7px;--e-global-typography-0e086d1-font-family:"Rubik Bubbles";--e-global-typography-0e086d1-font-size:113px;--e-global-typography-0e086d1-font-weight:300;--e-global-typography-0e086d1-line-height:100px;--e-global-typography-0e086d1-letter-spacing:0.7px;}.elementor-kit-1928 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-1928{--e-global-typography-19a1c3d-font-size:74px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1928{--e-global-typography-13c445b-font-size:75px;--e-global-typography-13c445b-line-height:1.1em;--e-global-typography-19a1c3d-font-size:72px;--e-global-typography-09f0398-font-size:70px;--e-global-typography-09f0398-line-height:1.1em;--e-global-typography-0e086d1-font-size:137px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Button Wrapper */
.dc-circle-link{
  display:inline-block;
  text-decoration:none;
}

/* Rotation */
.dc-circle{
  animation:spinCircle 10s linear infinite;
  transform-origin:center;
}

@keyframes spinCircle{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* Kreistext */
.dc-circle svg text{
  fill:#90ADEE;
  font-size:14px;
  letter-spacing:6px;
  text-transform:uppercase;
  font-weight:600;
}

/* Innerer Kreis */
.dc-arrow circle{
  fill:#90ADEE;
}

/* Pfeil */
.dc-arrow path{
  stroke:#fff;
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dc-chaos-gallery {
  width: 100%;
  padding: 120px 20px;
  overflow: visible;
}

.dc-chaos-stage {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  min-height: 1100px;
}

/* Grundstil */
.dc-card {
  position: absolute;
  overflow: hidden;
  border-radius: 28px;
  background: #f2f2f2;
  box-shadow: 0 28px 80px rgba(0,0,0,0.16);
  transition: transform 0.18s ease-out, box-shadow 0.25s ease;
  will-change: transform;
}

.dc-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Desktop Layout – größer und überlappend */

.card-1 {
  width: 48%;
  aspect-ratio: 4 / 5;
  top: 2%;
  left: 2%;
  transform: rotate(-7deg);
  z-index: 5;
}

.card-2 {
  width: 40%;
  aspect-ratio: 4 / 5;
  top: 10%;
  right: 6%;
  transform: rotate(5deg);
  z-index: 7;
}

.card-3 {
  width: 44%;
  aspect-ratio: 4 / 5;
  bottom: 4%;
  left: 20%;
  transform: rotate(-4deg);
  z-index: 6;
}

.dc-card:hover {
  box-shadow: 0 38px 100px rgba(0,0,0,0.24);
}

/* Tablet */

@media (max-width: 1024px) {

  .dc-chaos-gallery {
    padding: 90px 16px;
  }

  .dc-chaos-stage {
    min-height: 820px;
  }

  .card-1 {
    width: 42%;
    top: 1%;
    left: 1%;
    transform: rotate(-5deg);
  }

  .card-2 {
    width: 36%;
    top: 9%;
    right: 2%;
    transform: rotate(4deg);
  }

  .card-3 {
    width: 40%;
    bottom: 2%;
    left: 12%;
    transform: rotate(-3deg);
  }

}

/* Mobile */

@media (max-width: 767px) {

  .dc-chaos-gallery {
    padding: 30px 14px;
  }

  .dc-chaos-stage {
    display: flex;
    flex-direction: column;
    gap: 22px;
    min-height: auto;
    max-width: 100%;
  }

  .dc-card {
    position: relative;
    width: 100% !important;
    height: 78vh;
    min-height: 560px;
    max-height: 820px;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: rotate(0deg) !important;
    box-shadow: 0 18px 50px rgba(0,0,0,0.14);
  }

  .dc-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

}/* End custom CSS */