.elementor-4247 .elementor-element.elementor-element-0a7ec69{--display:flex;--min-height:90vh;--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;--justify-content:space-between;--overlay-opacity:0;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-4247 .elementor-element.elementor-element-0a7ec69:not(.elementor-motion-effects-element-type-background), .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hohental.de/wp-content/uploads/Hohental-AdobeStock-Neubau.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4247 .elementor-element.elementor-element-0a7ec69::before, .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .elementor-background-video-container::before, .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .e-con-inner > .elementor-background-video-container::before, .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .elementor-background-slideshow::before, .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-4247 .elementor-element.elementor-element-34caf39{--display:flex;--overlay-opacity:0.9;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4247 .elementor-element.elementor-element-34caf39::before, .elementor-4247 .elementor-element.elementor-element-34caf39 > .elementor-background-video-container::before, .elementor-4247 .elementor-element.elementor-element-34caf39 > .e-con-inner > .elementor-background-video-container::before, .elementor-4247 .elementor-element.elementor-element-34caf39 > .elementor-background-slideshow::before, .elementor-4247 .elementor-element.elementor-element-34caf39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4247 .elementor-element.elementor-element-34caf39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-4247 .elementor-element.elementor-element-34caf39.e-con{--align-self:flex-end;}.elementor-4247 .elementor-element.elementor-element-2104e5a .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4247 .elementor-element.elementor-element-2ff4bc7{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:justify;font-size:1.2em;line-height:30px;color:var( --e-global-color-primary );}.elementor-4247 .elementor-element.elementor-element-2ff4bc7 a{color:var( --e-global-color-primary );}.elementor-4247 .elementor-element.elementor-element-8ac9850.elementor-element{--align-self:flex-start;}.elementor-4247 .elementor-element.elementor-element-8ac9850 .elementor-button{border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4247 .elementor-element.elementor-element-1b46539{--display:flex;}@media(min-width:768px){.elementor-4247 .elementor-element.elementor-element-34caf39{--width:48%;}.elementor-4247 .elementor-element.elementor-element-1b46539{--width:30%;}}@media(max-width:1600px) and (min-width:768px){.elementor-4247 .elementor-element.elementor-element-34caf39{--width:54%;}}@media(max-width:1140px) and (min-width:768px){.elementor-4247 .elementor-element.elementor-element-34caf39{--width:75%;}.elementor-4247 .elementor-element.elementor-element-1b46539{--width:20%;}}@media(max-width:1600px){.elementor-4247 .elementor-element.elementor-element-0a7ec69{--min-height:88vh;}.elementor-4247 .elementor-element.elementor-element-0a7ec69:not(.elementor-motion-effects-element-type-background), .elementor-4247 .elementor-element.elementor-element-0a7ec69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-4247 .elementor-element.elementor-element-0a7ec69{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4247 .elementor-element.elementor-element-34caf39{--overlay-opacity:1;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-4247 .elementor-element.elementor-element-1b46539:not(.elementor-motion-effects-element-type-background), .elementor-4247 .elementor-element.elementor-element-1b46539 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hohental.de/wp-content/uploads/Hohental-AdobeStock-Neubau.webp");background-position:center center;background-size:cover;}.elementor-4247 .elementor-element.elementor-element-1b46539{--min-height:450px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* globale Schatten-Token */
:root{
  --cb-shadow:       0 10px 22px rgba(0,0,0,.16);
  --cb-shadow-hover: 0 14px 30px rgba(0,0,0,.20);
}

/* Beige-Variante: normal Beige, Hover -> Grün */
.crazy-btn-beige{
  /* Farben */
  --cb-bg:       #ADA29C; /* Fläche normal (Beige) */
  --cb-bg-hover: #3D5860; /* Fläche Hover (Grün)  */
  --cb-border:   #ffffff; /* Rahmen */
  --cb-text:     #ffffff; /* Text (bei Bedarf z.B. #23333A für mehr Kontrast) */

  /* Geometrie */
  --cut: 18px;   /* Größe der abgeschnittenen Ecke */
  --bw:  2.5px;  /* Rahmenbreite (weiß) */

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 12px 24px 12px 24px;
  font: 700 1.05rem/1.1 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: .02em;

  color: var(--cb-text);
  text-decoration: none;
  cursor: pointer;

  background: none; /* Flächen/Rahmen via Pseudo-Elemente */
  border: 0;

  /* Klickfläche (inkl. Kerbe) */
  -webkit-clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
          clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));

  box-shadow: var(--cb-shadow);
  transition: transform .18s ease, box-shadow .22s ease;
}

/* Weißer Rahmen – folgt der Kerbe */
.crazy-btn-beige::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--cb-border);
  -webkit-clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
          clip-path: polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut));
  z-index: 0;
}

/* Füllfläche – innenliegend, um Rahmenbreite verkleinert */
.crazy-btn-beige::after{
  content:"";
  position:absolute;
  inset: var(--bw);
  background: var(--cb-bg);
  -webkit-clip-path: polygon(calc(var(--cut) - var(--bw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) - var(--bw)));
          clip-path: polygon(calc(var(--cut) - var(--bw)) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) - var(--bw)));
  z-index: 0;

  /* smoother Hover */
  transition: background-color .38s cubic-bezier(.22,.61,.36,1);
}

/* Inhalt über die Flächen legen */
.crazy-btn-beige > *{ position: relative; z-index: 1; }

/* Hover – nur die Fläche färbt um, Rahmen bleibt weiß */
.crazy-btn-beige:hover{
  box-shadow: var(--cb-shadow-hover);
}
.crazy-btn-beige:hover::after{
  background-color: var(--cb-bg-hover);
}

/* Active */
.crazy-btn-beige:active{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.14) inset;
}

/* Tastaturfokus sichtbar */
.crazy-btn-beige:focus-visible{
  outline: none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.65),
    0 0 0 6px rgba(61,88,96,.45),
    var(--cb-shadow-hover);
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce){
  .crazy-btn-beige{ transition: none; }
  .crazy-btn-beige::after{ transition: none; }
}/* End custom CSS */