.elementor-4276 .elementor-element.elementor-element-786501b{--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;}.elementor-4276 .elementor-element.elementor-element-8cdc625 .elementor-heading-title{font-family:var( --e-global-typography-7d6c9d4-font-family ), Sans-serif;font-size:var( --e-global-typography-7d6c9d4-font-size );font-weight:var( --e-global-typography-7d6c9d4-font-weight );line-height:var( --e-global-typography-7d6c9d4-line-height );letter-spacing:var( --e-global-typography-7d6c9d4-letter-spacing );word-spacing:var( --e-global-typography-7d6c9d4-word-spacing );color:var( --e-global-color-secondary );}.elementor-4276 .elementor-element.elementor-element-ab1ea84{--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-4276 .elementor-element.elementor-element-ab1ea84:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-ab1ea84 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-05dc5a6 );}.elementor-4276 .elementor-element.elementor-element-7b2a0d7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-71369b4{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-500fc8b{--display:flex;--min-height:400px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-500fc8b:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-500fc8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e464cdf );background-image:url("https://timber-immobilien.de/wp-content/uploads/2026/02/6.jpg");background-position:center right;background-size:cover;}.elementor-4276 .elementor-element.elementor-element-11f5184{--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-4276 .elementor-element.elementor-element-c470ac1 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4276 .elementor-element.elementor-element-9d1e009{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );width:100%;max-width:100%;}.elementor-4276 .elementor-element.elementor-element-fc027de{--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-4276 .elementor-element.elementor-element-fc027de:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-fc027de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-05dc5a6 );}.elementor-4276 .elementor-element.elementor-element-7765723{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-8e5062d{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-8d3cf82{--display:flex;--min-height:400px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-8d3cf82:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-8d3cf82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e464cdf );background-image:url("https://timber-immobilien.de/wp-content/uploads/2026/02/47.jpg");background-position:center right;background-size:cover;}.elementor-4276 .elementor-element.elementor-element-20b96eb{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-8f0a7ad{--display:flex;--min-height:400px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4276 .elementor-element.elementor-element-8f0a7ad:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-8f0a7ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e464cdf );background-image:url("https://timber-immobilien.de/wp-content/uploads/2026/02/Design-ohne-Titel-39.jpg");background-size:cover;}.elementor-4276 .elementor-element.elementor-element-8e9d1ca{--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-4276 .elementor-element.elementor-element-87797b9 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4276 .elementor-element.elementor-element-1800ac8{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );width:100%;max-width:100%;}.elementor-4276 .elementor-element.elementor-element-38484b1{--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-4276 .elementor-element.elementor-element-1a0ef71 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4276 .elementor-element.elementor-element-371fb02{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );width:100%;max-width:100%;}.elementor-4276 .elementor-element.elementor-element-2f18367{--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-4276 .elementor-element.elementor-element-2198c9a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-4276 .elementor-element.elementor-element-b2fd8d7{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );width:100%;max-width:100%;}.elementor-4276 .elementor-element.elementor-element-8cf4a2e .elementor-button{box-shadow:0px 0px 40px 12px rgba(185.3, 185.3, 185.3, 0.1);}@media(min-width:768px){.elementor-4276 .elementor-element.elementor-element-786501b{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-ab1ea84{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-11f5184{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-fc027de{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-8e9d1ca{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-38484b1{--content-width:1600px;}.elementor-4276 .elementor-element.elementor-element-2f18367{--content-width:1600px;}}@media(max-width:1024px){.elementor-4276 .elementor-element.elementor-element-8cdc625 .elementor-heading-title{font-size:var( --e-global-typography-7d6c9d4-font-size );line-height:var( --e-global-typography-7d6c9d4-line-height );letter-spacing:var( --e-global-typography-7d6c9d4-letter-spacing );word-spacing:var( --e-global-typography-7d6c9d4-word-spacing );}.elementor-4276 .elementor-element.elementor-element-500fc8b:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-500fc8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://timber-immobilien.de/wp-content/uploads/2026/02/47.jpg");}.elementor-4276 .elementor-element.elementor-element-9d1e009{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-7765723{--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-4276 .elementor-element.elementor-element-1800ac8{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-371fb02{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-b2fd8d7{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-4276 .elementor-element.elementor-element-8cdc625 .elementor-heading-title{font-size:var( --e-global-typography-7d6c9d4-font-size );line-height:var( --e-global-typography-7d6c9d4-line-height );letter-spacing:var( --e-global-typography-7d6c9d4-letter-spacing );word-spacing:var( --e-global-typography-7d6c9d4-word-spacing );}.elementor-4276 .elementor-element.elementor-element-7b2a0d7{--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;}.elementor-4276 .elementor-element.elementor-element-500fc8b{--min-height:200px;}.elementor-4276 .elementor-element.elementor-element-500fc8b:not(.elementor-motion-effects-element-type-background), .elementor-4276 .elementor-element.elementor-element-500fc8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://timber-immobilien.de/wp-content/uploads/2026/02/47.jpg");background-position:-36px 0px;}.elementor-4276 .elementor-element.elementor-element-c470ac1 .elementor-heading-title{font-size:26px;}.elementor-4276 .elementor-element.elementor-element-9d1e009{text-align:start;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-7765723{--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;}.elementor-4276 .elementor-element.elementor-element-8d3cf82{--min-height:200px;}.elementor-4276 .elementor-element.elementor-element-8f0a7ad{--min-height:200px;}.elementor-4276 .elementor-element.elementor-element-87797b9 .elementor-heading-title{font-size:26px;}.elementor-4276 .elementor-element.elementor-element-1800ac8{text-align:start;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-38484b1{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4276 .elementor-element.elementor-element-1a0ef71 .elementor-heading-title{font-size:26px;}.elementor-4276 .elementor-element.elementor-element-371fb02{text-align:start;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4276 .elementor-element.elementor-element-2f18367{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4276 .elementor-element.elementor-element-2198c9a .elementor-heading-title{font-size:26px;}.elementor-4276 .elementor-element.elementor-element-b2fd8d7{text-align:start;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for heading, class: .elementor-element-8cdc625 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-8cdc625{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-8cdc625 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-8cdc625 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-8cdc625 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-786501b *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-786501b.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-500fc8b */.elementor-4276 .elementor-element.elementor-element-500fc8b {
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  background: #fff; /* extrem wichtig bei Bildern */
  border-radius: 6px; /* optional aber sehr hochwertig */
}

.elementor-4276 .elementor-element.elementor-element-500fc8b img {
  transform: scale(1);
  transition: .5s ease;
}

.elementor-4276 .elementor-element.elementor-element-500fc8b:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

.elementor-4276 .elementor-element.elementor-element-500fc8b:hover img {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ab1ea84 *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-ab1ea84.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c470ac1 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-c470ac1{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-c470ac1 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-c470ac1 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-c470ac1 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9d1e009 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-9d1e009{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-9d1e009 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-9d1e009 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-9d1e009 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11f5184 *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-11f5184.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8d3cf82 */.elementor-4276 .elementor-element.elementor-element-8d3cf82 {
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  background: #fff; /* extrem wichtig bei Bildern */
  border-radius: 6px; /* optional aber sehr hochwertig */
}

.elementor-4276 .elementor-element.elementor-element-8d3cf82 img {
  transform: scale(1);
  transition: .5s ease;
}

.elementor-4276 .elementor-element.elementor-element-8d3cf82:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

.elementor-4276 .elementor-element.elementor-element-8d3cf82:hover img {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8f0a7ad */.elementor-4276 .elementor-element.elementor-element-8f0a7ad {
  overflow: hidden;
  transition: transform .35s ease, box-shadow .35s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.12);
  background: #fff; /* extrem wichtig bei Bildern */
  border-radius: 6px; /* optional aber sehr hochwertig */
}

.elementor-4276 .elementor-element.elementor-element-8f0a7ad img {
  transform: scale(1);
  transition: .5s ease;
}

.elementor-4276 .elementor-element.elementor-element-8f0a7ad:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}

.elementor-4276 .elementor-element.elementor-element-8f0a7ad:hover img {
  transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-87797b9 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-87797b9{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-87797b9 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-87797b9 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-87797b9 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1800ac8 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-1800ac8{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-1800ac8 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-1800ac8 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-1800ac8 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e9d1ca *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-8e9d1ca.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1a0ef71 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-1a0ef71{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-1a0ef71 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-1a0ef71 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-1a0ef71 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-371fb02 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-371fb02{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-371fb02 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-371fb02 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-371fb02 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-38484b1 *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-38484b1.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2198c9a */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-2198c9a{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-2198c9a > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-2198c9a .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-2198c9a .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b2fd8d7 */@media (max-width: 767px){

  /* 1) KEIN Full-bleed: Box bleibt innerhalb des Viewports mit Rand */
  .elementor-4276 .elementor-element.elementor-element-b2fd8d7{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* Rand zum Bildschirm – hier 14px (stell auf 12/16 nach Geschmack) */
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  /* 2) Innerer Wrapper soll NICHT nochmal extra einrücken */
  .elementor-4276 .elementor-element.elementor-element-b2fd8d7 > .e-con-inner{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) Widgets ohne eigene Seiteneinrückung */
  .elementor-4276 .elementor-element.elementor-element-b2fd8d7 .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-b2fd8d7 .elementor-widget-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f18367 *//* Überschrift im Hero-Bereich oben/unten wirklich ohne Standardabstand */
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}
@media (max-width: 767px){

  /* 1) keine extra Innenabstände im Container/Inner */
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight,
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight > .e-con-inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Theme/Elementor setzt oft seitliches Padding auf Widgets/Spalten:
        -> wir geben dem Inhalt bewusst 16px, nicht mehr */
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight .elementor-widget,
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight .elementor-element{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Text-„natürliche“ Außenabstände (h*, p) reduzieren */
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight h1,
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight h2,
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight h3,
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight p{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 4) gewünschter echter Seitenrand (Premium-mobile) */
  .elementor-4276 .elementor-element.elementor-element-2f18367.mobile-tight .e-con-inner{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}/* End custom CSS */