.elementor-434 .elementor-element.elementor-element-02b56d7{--display:flex;--min-height:464px;--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;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-434 .elementor-element.elementor-element-02b56d7:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;background-image:url("https://driemliving.de/wp-content/uploads/2026/03/Fassade-7-2.png");background-position:center center;}.elementor-434 .elementor-element.elementor-element-02b56d7::before, .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-02b56d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-02b56d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-434 .elementor-element.elementor-element-aaac8f6{--spacer-size:50px;}.elementor-434 .elementor-element.elementor-element-902306c{--display:flex;--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;}.elementor-434 .elementor-element.elementor-element-902306c:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-902306c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-434 .elementor-element.elementor-element-7748fbf{--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:center;}.elementor-434 .elementor-element.elementor-element-afc1480{--spacer-size:70px;}.elementor-434 .elementor-element.elementor-element-5bda16e{font-family:"Work Sans", work sens;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.elementor-434 .elementor-element.elementor-element-68812f9{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 10px;}.elementor-434 .elementor-element.elementor-element-68812f9 .elementor-heading-title{font-family:"Work Sans", work sens;font-size:60px;font-weight:600;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-434 .elementor-element.elementor-element-85745ff{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Work Sans", work sens;font-size:20px;font-weight:300;font-style:normal;text-decoration:none;line-height:1.1em;letter-spacing:0px;word-spacing:0em;}.elementor-434 .elementor-element.elementor-element-20d1d467{--display:flex;}.elementor-434 .elementor-element.elementor-element-20d1d467:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-20d1d467 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-434 .elementor-element.elementor-element-1e9ddd8{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:300px;--padding-right:0px;}.elementor-434 .elementor-element.elementor-element-1e9ddd8:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-1e9ddd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-434 .elementor-element.elementor-element-5bd27b2{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-434 .elementor-element.elementor-element-5bd27b2:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-5bd27b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a19a37e );}.elementor-434 .elementor-element.elementor-element-dba4617 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-434 .elementor-element.elementor-element-91d8548{--display:flex;--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;}.elementor-434 .elementor-element.elementor-element-91d8548:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-91d8548 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFAF7;}.elementor-434 .elementor-element.elementor-element-5bf6375{--spacer-size:50px;}.elementor-434 .elementor-element.elementor-element-622e40b{background-color:#FAF8F6;border-style:none;}.elementor-434 .elementor-element.elementor-element-622e40b iframe{height:800px;transition-duration:0s;}.elementor-434 .elementor-element.elementor-element-eeeb3e5{--spacer-size:100px;}body.elementor-page-434:not(.elementor-motion-effects-element-type-background), body.elementor-page-434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F4EB;}@media(min-width:768px){.elementor-434 .elementor-element.elementor-element-902306c{--content-width:1600px;}.elementor-434 .elementor-element.elementor-element-1e9ddd8{--content-width:1600px;}.elementor-434 .elementor-element.elementor-element-91d8548{--content-width:1600px;}}@media(max-width:1024px){.elementor-434 .elementor-element.elementor-element-02b56d7:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-434 .elementor-element.elementor-element-02b56d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-434 .elementor-element.elementor-element-5bda16e{font-size:14px;}.elementor-434 .elementor-element.elementor-element-68812f9 .elementor-heading-title{font-size:32px;}.elementor-434 .elementor-element.elementor-element-85745ff{font-size:32px;}}@media(max-width:767px){.elementor-434 .elementor-element.elementor-element-02b56d7:not(.elementor-motion-effects-element-type-background), .elementor-434 .elementor-element.elementor-element-02b56d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:1300px 0px;}.elementor-434 .elementor-element.elementor-element-02b56d7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-434 .elementor-element.elementor-element-68812f9 .elementor-heading-title{font-size:24px;}.elementor-434 .elementor-element.elementor-element-85745ff{font-size:24px;}.elementor-434 .elementor-element.elementor-element-1e9ddd8{--padding-top:0px;--padding-bottom:0px;--padding-left:100px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-5bd27b2 */.elementor-434 .elementor-element.elementor-element-5bd27b2 {
  position: relative;
  min-height: 360px;
  background: #F7F4EB;
  overflow: visible;
}

/* Text */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-text {
  position: absolute;
  top: 55px;
  left: 50%;
  transform: translateX(-50%) rotate(-6deg);
  z-index: 5;
  pointer-events: none;
  text-align: center;
}

.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-text .elementor-heading-title {
  font-size: 18px;
  font-weight: 700;
  color: #050505;
  letter-spacing: 0.2px;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.20);
  white-space: nowrap;
}

/* Pfeil */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-arrow {
  position: absolute;
  top: 98px;
  left: 50%;
  transform: translateX(34px) rotate(4deg);
  width: 86px;
  z-index: 4;
  pointer-events: none;
  animation: secretArrowWiggle 4.5s ease-in-out infinite;
}

.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-arrow img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

/* Weißer Druckknopf von oben */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button {
  position: absolute;
  top: 168px;
  left: 50%;
  transform: translateX(-17px);
  z-index: 10;
}

.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button {
  position: relative;
  width: 44px;
  height: 44px;
  min-width: 44px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: transparent;
  box-shadow: none;
}

/* äußerer Teller / Knopfrand bleibt fest */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  z-index: 0;
  background:
    radial-gradient(circle at 50% 45%,
      #ffffff 0%,
      #eeeeee 48%,
      #d3d3d3 78%,
      #bcbcbc 100%);
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,0.9),
    inset 0 -3px 6px rgba(0,0,0,0.18),
    0 8px 18px rgba(0,0,0,0.16);
}

/* innerer Druckknopf von oben */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  z-index: 1;
  background:
    radial-gradient(ellipse at 40% 28%,
      rgba(255,255,255,0.95) 0%,
      rgba(255,255,255,0.75) 20%,
      rgba(255,255,255,0) 42%),
    radial-gradient(circle at 50% 50%,
      #ffffff 0%,
      #f8f8f8 32%,
      #eeeeee 58%,
      #dcdcdc 78%,
      #c9c9c9 100%);
  box-shadow:
    inset 0 3px 4px rgba(255,255,255,0.95),
    inset 0 -5px 8px rgba(0,0,0,0.16),
    0 0 0 1px rgba(0,0,0,0.16),
    0 4px 0 #b7b7b7,
    0 9px 16px rgba(0,0,0,0.20);
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    filter 0.12s ease,
    background 0.12s ease;
  pointer-events: none;
}

/* Hover: nur innerer Knopf sinkt leicht ein */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button:hover::before {
  transform: scale(0.975);
  filter: brightness(1.01);
  box-shadow:
    inset 0 4px 7px rgba(0,0,0,0.10),
    inset 0 -2px 5px rgba(0,0,0,0.14),
    0 0 0 1px rgba(0,0,0,0.16),
    0 2px 0 #b7b7b7,
    0 5px 10px rgba(0,0,0,0.15);
}

/* Active: von oben sichtbar eingedrückt */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button:active::before {
  transform: scale(0.93);
  background:
    radial-gradient(ellipse at 40% 28%,
      rgba(255,255,255,0.65) 0%,
      rgba(255,255,255,0.35) 18%,
      rgba(255,255,255,0) 42%),
    radial-gradient(circle at 50% 52%,
      #eeeeee 0%,
      #e4e4e4 36%,
      #d4d4d4 62%,
      #c4c4c4 82%,
      #b8b8b8 100%);
  box-shadow:
    inset 0 7px 10px rgba(0,0,0,0.18),
    inset 0 -1px 3px rgba(255,255,255,0.45),
    0 0 0 1px rgba(0,0,0,0.20),
    0 1px 0 #b7b7b7,
    0 2px 5px rgba(0,0,0,0.10);
}

/* Text/Icon im Button ausblenden */
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button-text,
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button i,
.elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button svg {
  display: none;
}

/* Nur Pfeil bewegt sich leicht */
@keyframes secretArrowWiggle {
  0%, 100% {
    transform: translateX(34px) rotate(4deg);
  }

  50% {
    transform: translateX(34px) rotate(7deg);
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-434 .elementor-element.elementor-element-5bd27b2 {
    min-height: 280px;
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-text {
    top: 45px;
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-text .elementor-heading-title {
    font-size: 15px;
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-arrow {
    top: 86px;
    width: 72px;
    transform: translateX(26px) rotate(4deg);
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button {
    top: 154px;
    transform: translateX(-15px);
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button {
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .elementor-434 .elementor-element.elementor-element-5bd27b2 .secret-button .elementor-button::after {
    inset: -6px;
  }

  @keyframes secretArrowWiggle {
    0%, 100% {
      transform: translateX(26px) rotate(4deg);
    }

    50% {
      transform: translateX(26px) rotate(7deg);
    }
  }
}/* End custom CSS */