.elementor-kit-11{--e-global-color-primary:#C8341E;--e-global-color-accent:#153A22;--e-global-color-secondary:#333333;--e-global-color-text:#16322D;--e-global-color-02418c3:#FFFFFF;--e-global-color-dc41830:#02010100;--e-global-color-701c49c:#090C1326;--e-global-color-03f6267:#F6F6F6;--e-global-color-8fb35df:#EFF1F1;--e-global-color-d13b2cb:#1D1E22;--e-global-color-e4f84ed:#0F1925;--e-global-color-3a53362:#7D7466;--e-global-color-d472870:#F33B1F;--e-global-typography-primary-font-family:"Hanken Grotesk";--e-global-typography-primary-font-size:15;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Hanken Grotesk";--e-global-typography-secondary-font-size:15;--e-global-typography-secondary-font-weight:800;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:2px;--e-global-typography-e2c6d1a-font-family:"Simplified";--e-global-typography-e2c6d1a-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-e2c6d1a-font-weight:400;--e-global-typography-e2c6d1a-text-transform:uppercase;--e-global-typography-e2c6d1a-line-height:1em;--e-global-typography-e2c6d1a-letter-spacing:0.5px;--e-global-typography-d3184de-font-family:"Rethink Sans";--e-global-typography-d3184de-font-weight:700;--e-global-typography-b0d1641-font-family:"Simplified";--e-global-typography-b0d1641-font-size:clamp(2.5rem, 2.0373rem + 1.9481vw, 4.375rem);--e-global-typography-b0d1641-font-weight:700;--e-global-typography-b0d1641-text-transform:uppercase;--e-global-typography-b0d1641-line-height:1.2em;--e-global-typography-b0d1641-letter-spacing:0px;--e-global-typography-e8cf200-font-family:"Simplified";--e-global-typography-e8cf200-font-size:clamp(1.875rem, 1.5203rem + 1.4935vw, 3.3125rem);--e-global-typography-e8cf200-font-weight:700;--e-global-typography-e8cf200-text-transform:none;--e-global-typography-e8cf200-line-height:1.2em;--e-global-typography-e8cf200-letter-spacing:-0.2px;--e-global-typography-ed0918f-font-family:"Simplified";--e-global-typography-ed0918f-font-size:clamp(1.625rem, 1.4245rem + 0.8442vw, 2.4375rem);--e-global-typography-ed0918f-font-weight:400;--e-global-typography-ed0918f-text-transform:none;--e-global-typography-ed0918f-line-height:1.3em;--e-global-typography-ed0918f-letter-spacing:-0.2px;--e-global-typography-8e8c1aa-font-family:"Simplified";--e-global-typography-8e8c1aa-font-size:clamp(1.375rem, 1.4545rem + 0.4545vw, 2rem);--e-global-typography-8e8c1aa-font-weight:700;--e-global-typography-8e8c1aa-text-transform:none;--e-global-typography-8e8c1aa-line-height:1.3em;--e-global-typography-8e8c1aa-letter-spacing:-0.2px;--e-global-typography-c674f8e-font-family:"Simplified";--e-global-typography-c674f8e-font-size:clamp(1.375rem, 1.4545rem + 0.4545vw, 2rem);--e-global-typography-c674f8e-font-weight:400;--e-global-typography-c674f8e-text-transform:none;--e-global-typography-c674f8e-line-height:1.3em;--e-global-typography-c674f8e-letter-spacing:-0.2px;--e-global-typography-e013a3f-font-family:"Simplified";--e-global-typography-e013a3f-font-size:clamp(1.25rem, 1.1729rem + 0.3247vw, 1.5625rem);--e-global-typography-e013a3f-font-weight:700;--e-global-typography-e013a3f-text-transform:none;--e-global-typography-e013a3f-line-height:1.3em;--e-global-typography-e013a3f-letter-spacing:-0.2px;--e-global-typography-6d0920f-font-family:"Simplified";--e-global-typography-6d0920f-font-size:clamp(1.25rem, 1.1729rem + 0.3247vw, 1.5625rem);--e-global-typography-6d0920f-font-weight:400;--e-global-typography-6d0920f-text-transform:none;--e-global-typography-6d0920f-line-height:1.3em;--e-global-typography-6d0920f-letter-spacing:-0.2px;--e-global-typography-c1aedf4-font-family:"Simplified";--e-global-typography-c1aedf4-font-size:clamp(1.125rem, 1.0942rem + 0.1299vw, 1.25rem);--e-global-typography-c1aedf4-font-weight:700;--e-global-typography-c1aedf4-text-transform:none;--e-global-typography-c1aedf4-line-height:1.3em;--e-global-typography-c1aedf4-letter-spacing:-0.1px;--e-global-typography-0e3e729-font-family:"Simplified";--e-global-typography-0e3e729-font-size:clamp(1rem, 0.8612rem + 0.5844vw, 1.5625rem);--e-global-typography-0e3e729-font-weight:400;--e-global-typography-0e3e729-text-transform:none;--e-global-typography-0e3e729-font-style:normal;--e-global-typography-0e3e729-line-height:1em;--e-global-typography-0e3e729-letter-spacing:-0.1px;--e-global-typography-11c499e-font-family:"Simplified";--e-global-typography-11c499e-font-size:clamp(1.125rem, 1.0942rem + 0.1299vw, 1.25rem);--e-global-typography-11c499e-font-weight:400;--e-global-typography-11c499e-text-transform:none;--e-global-typography-11c499e-line-height:1.3em;--e-global-typography-11c499e-letter-spacing:-0.1px;--e-global-typography-0589757-font-family:"Simplified";--e-global-typography-0589757-font-size:clamp(1.125rem, 1.0942rem + 0.1299vw, 1.25rem);--e-global-typography-0589757-font-weight:400;--e-global-typography-0589757-line-height:1em;--e-global-typography-0589757-letter-spacing:-0.1px;--e-global-typography-0984d07-font-family:"Simplified";--e-global-typography-0984d07-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-0984d07-font-weight:400;--e-global-typography-0984d07-text-transform:uppercase;--e-global-typography-0984d07-line-height:1em;--e-global-typography-0984d07-letter-spacing:0.1px;--e-global-typography-86f2e86-font-family:"Simplified";--e-global-typography-86f2e86-font-size:clamp(0.8125rem, 0.7971rem + 0.0649vw, 0.875rem);--e-global-typography-86f2e86-font-weight:400;--e-global-typography-86f2e86-text-transform:none;--e-global-typography-86f2e86-line-height:1.4em;--e-global-typography-86f2e86-letter-spacing:0.2px;--e-global-typography-04d1973-font-family:"Inter Tight";--e-global-typography-04d1973-font-size:clamp(0.875rem, 0.8442rem + 0.1299vw, 1rem);--e-global-typography-04d1973-font-weight:400;--e-global-typography-04d1973-text-transform:none;--e-global-typography-04d1973-line-height:1.8em;--e-global-typography-04d1973-letter-spacing:0.2px;--e-global-typography-c7db8bc-font-family:"Simplified";--e-global-typography-c7db8bc-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-c7db8bc-font-weight:400;--e-global-typography-c7db8bc-text-transform:none;--e-global-typography-c7db8bc-line-height:1.7em;--e-global-typography-c7db8bc-letter-spacing:0.1px;--e-global-typography-bcb282c-font-family:"Simplified";--e-global-typography-bcb282c-font-size:clamp(1.125rem, 1.0942rem + 0.1299vw, 1.25rem);--e-global-typography-bcb282c-font-weight:400;--e-global-typography-bcb282c-text-transform:none;--e-global-typography-bcb282c-line-height:1.7em;--e-global-typography-bcb282c-letter-spacing:0.1px;--e-global-typography-5618c4a-font-family:"Simplified";--e-global-typography-5618c4a-font-size:clamp(1.25rem, 1.1729rem + 0.3247vw, 1.5625rem);--e-global-typography-5618c4a-font-weight:400;--e-global-typography-5618c4a-text-transform:none;--e-global-typography-5618c4a-line-height:1.7em;--e-global-typography-5618c4a-letter-spacing:0.1px;--e-global-typography-1188d3c-font-family:"Simplified";--e-global-typography-1188d3c-font-size:clamp(1.375rem, 1.4545rem + 0.4545vw, 2rem);--e-global-typography-1188d3c-font-weight:400;--e-global-typography-1188d3c-line-height:1.6em;--e-global-typography-1188d3c-letter-spacing:0.1px;--e-global-typography-7d5e806-font-family:"Simplified";--e-global-typography-7d5e806-font-size:clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);--e-global-typography-7d5e806-font-weight:400;--e-global-typography-7d5e806-line-height:1.7em;--e-global-typography-7d5e806-letter-spacing:0.1px;--e-global-typography-0536c33-font-family:"Source Serif Pro";--e-global-typography-0536c33-font-size:clamp(1.25rem, 1.1729rem + 0.3247vw, 1.5625rem);--e-global-typography-0536c33-font-weight:400;--e-global-typography-0536c33-text-transform:none;--e-global-typography-0536c33-font-style:italic;--e-global-typography-0536c33-line-height:1.8em;--e-global-typography-89c8d98-font-family:"Source Serif Pro";--e-global-typography-89c8d98-font-size:clamp(1.875rem, 1.5203rem + 1.4935vw, 3.3125rem);--e-global-typography-89c8d98-font-weight:400;--e-global-typography-89c8d98-text-transform:none;--e-global-typography-89c8d98-font-style:italic;--e-global-typography-89c8d98-line-height:1em;--e-global-typography-89c8d98-letter-spacing:-1px;background-color:var( --e-global-color-02418c3 );}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-kit-11 button:hover,.elementor-kit-11 button:focus,.elementor-kit-11 input[type="button"]:hover,.elementor-kit-11 input[type="button"]:focus,.elementor-kit-11 input[type="submit"]:hover,.elementor-kit-11 input[type="submit"]:focus,.elementor-kit-11 .elementor-button:hover,.elementor-kit-11 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-02418c3 );border-radius:0px 0px 0px 0px;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--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:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}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:1366px){.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1024px){.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*=============================================*/
.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

/*=============================================*/

.square {
  aspect-ratio: 1;
  width: 100%;
}

/*=============================================*/
.bg-zoom-square {
  aspect-ratio: 1;
  width: 100%;
  background-position: center;
  background-size: 100% !important; /* Ausgangsgröße */
  transition: background-size .6s ease;
}

.bg-zoom-square:hover {
  background-size: 106% !important; /* leichter Zoom */
}

/* BG Zoom */
.bg-zoom {
  background-position: center;
  background-size: 100% !important; /* Ausgangsgröße */
  transition: background-size .6s ease;
}

.bg-zoom:hover {
  background-size: 106% !important; /* leichter Zoom */
}

/*=============================================
  Button: Icon-Rotation (Klasse: .btn-rotate-icon)
=============================================*/

/* 1) Icon bereits um 45° gegen den Uhrzeigersinn rotieren */
.btn-rotate-icon .elementor-button-icon {
  transform: rotate(-45deg);
  transition: transform 200ms ease;
}

/* 2) Bei Hover zurück auf 0° drehen */
.btn-rotate-icon:hover .elementor-button-icon {
  transform: rotate(0deg);
}


/*=============================================
  Button: Icon-Rotation + Verschiebung
  (Klasse: .btn-rotate-move-icon)
=============================================*/

/* 1) Icon startet bei -45° Rotation, ohne Verschiebung */
.btn-rotate-move-icon .elementor-button-icon {
  transform: rotate(-45deg) translateX(0);
  transition: transform 200ms ease;
}

/* 2) Bei Hover zurück auf 0° drehen UND 4px nach rechts verschieben */
.btn-rotate-move-icon:hover .elementor-button-icon {
  transform: rotate(0deg) translateX(4px);
}


/* Organische Formen */

.rounded-1 {
  border-radius: 50% 80% 40% 90% / 50% 30% 70% 80% !important;
  overflow: hidden;          
  display: inline-block;     
}

.rounded-2 {
  border-radius: 60% 50% 80% 40% / 70% 60% 50% 80%;
  overflow: hidden;          
  display: inline-block;   
    
}

.rounded-3 {
  border-radius: 60% 40% 75% 55% / 65% 45% 55% 70% !important;
    overflow: hidden;          
  display: inline-block;   
}

.rounded-4 {
  border-radius: 80% 50% 60% 40% / 70% 60% 40% 50% !important;
    overflow: hidden;          
  display: inline-block;   
}

/*=============================================
  Root: Globale Variablen
=============================================*/
:root {
  /* Fluid Side Padding: Links & Rechts */
  --fluid-side-padding-min: 1rem;
  --fluid-side-padding-max: 5rem;

  /* Section-mid-m: Top & Bottom Padding (min 4rem, max 7rem) */
  --section-mid-m-padding-min: 4rem;
  --section-mid-m-padding-max: 7rem;

  /* Section-top-m: wie section-mid-m, aber padding-bottom = 0 */
  --section-top-m-padding-min: var(--section-mid-m-padding-min);
  --section-top-m-padding-max: var(--section-mid-m-padding-max);

  /* Section-bot-m: wie section-mid-m, aber padding-top = 0 */
  --section-bot-m-padding-min: var(--section-mid-m-padding-min);
  --section-bot-m-padding-max: var(--section-mid-m-padding-max);

  /* Section-mid-s: Top & Bottom Padding (min 3rem, max 4rem) */
  --section-mid-s-padding-min: 3rem;
  --section-mid-s-padding-max: 4rem;

  /* Section-top-s: wie section-mid-s, aber padding-bottom = 0 */
  --section-top-s-padding-min: var(--section-mid-s-padding-min);
  --section-top-s-padding-max: var(--section-mid-s-padding-max);

  /* Section-bot-s: wie section-mid-s, aber padding-top = 0 */
  --section-bot-s-padding-min: var(--section-mid-s-padding-min);
  --section-bot-s-padding-max: var(--section-mid-s-padding-max);

  /* ===== Größe L ===== */
  /* Section-mid-l: Top & Bottom Padding (min 4rem, max 10rem) */
  --section-mid-l-padding-min: 4rem;
  --section-mid-l-padding-max: 10rem;

  /* Section-top-l: wie section-mid-l, aber padding-bottom = 0 */
  --section-top-l-padding-min: var(--section-mid-l-padding-min);
  --section-top-l-padding-max: var(--section-mid-l-padding-max);

  /* Section-bot-l: wie section-mid-l, aber padding-top = 0 */
  --section-bot-l-padding-min: var(--section-mid-l-padding-min);
  --section-bot-l-padding-max: var(--section-mid-l-padding-max);
}

/*=============================================
  Root: Globale Variablen
=============================================*/
:root {
  /* Fluid Side Padding: Links & Rechts */
  --fluid-side-padding-min: 1rem;
  --fluid-side-padding-max: 5rem;

  /* Section-mid-m: Top & Bottom Padding (min 4rem, max 7rem) */
  --section-mid-m-padding-min: 4rem;
  --section-mid-m-padding-max: 7rem;

  /* Section-top-m: wie section-mid-m, aber padding-bottom = 0 */
  --section-top-m-padding-min: var(--section-mid-m-padding-min);
  --section-top-m-padding-max: var(--section-mid-m-padding-max);

  /* Section-bot-m: wie section-mid-m, aber padding-top = 0 */
  --section-bot-m-padding-min: var(--section-mid-m-padding-min);
  --section-bot-m-padding-max: var(--section-mid-m-padding-max);

  /* Section-mid-s: Top & Bottom Padding (min 3rem, max 4rem) */
  --section-mid-s-padding-min: 3rem;
  --section-mid-s-padding-max: 4rem;

  /* Section-top-s: wie section-mid-s, aber padding-bottom = 0 */
  --section-top-s-padding-min: var(--section-mid-s-padding-min);
  --section-top-s-padding-max: var(--section-mid-s-padding-max);

  /* Section-bot-s: wie section-mid-s, aber padding-top = 0 */
  --section-bot-s-padding-min: var(--section-mid-s-padding-min);
  --section-bot-s-padding-max: var(--section-mid-s-padding-max);

  /* ===== Größe L ===== */
  /* Section-mid-l: Top & Bottom Padding (min 4rem, max 10rem) */
  --section-mid-l-padding-min: 4rem;
  --section-mid-l-padding-max: 10rem;

  /* Section-top-l: wie section-mid-l, aber padding-bottom = 0 */
  --section-top-l-padding-min: var(--section-mid-l-padding-min);
  --section-top-l-padding-max: var(--section-mid-l-padding-max);

  /* Section-bot-l: wie section-mid-l, aber padding-top = 0 */
  --section-bot-l-padding-min: var(--section-mid-l-padding-min);
  --section-bot-l-padding-max: var(--section-mid-l-padding-max);
}

/*=============================================
  Fluid Side-Padding für alle Section-Klassen
=============================================*/
.section-mid-m,
.section-top-m,
.section-bot-m,
.section-mid-s,
.section-top-s,
.section-bot-s,
.section-mid-l,
.section-top-l,
.section-bot-l,
.section-side {
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw - 0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw - 0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

/*=============================================
  Section-mid-m: fluid Top/Bottom Padding
=============================================*/
.section-mid-m {
  padding-top: clamp(
    var(--section-mid-m-padding-min),
    1.087vw + 5.38rem,
    var(--section-mid-m-padding-max)
  ) !important;
  padding-bottom: clamp(
    var(--section-mid-m-padding-min),
    1.087vw + 5.38rem,
    var(--section-mid-m-padding-max)
  ) !important;
}

/*=============================================
  Section-top-m: wie mid-m, aber ohne bottom
=============================================*/
.section-top-m {
  padding-top: clamp(
    var(--section-top-m-padding-min),
    1.087vw + 5.38rem,
    var(--section-top-m-padding-max)
  ) !important;
  padding-bottom: 0 !important;
}

/*=============================================
  Section-bot-m: wie mid-m, aber ohne top
=============================================*/
.section-bot-m {
  padding-top: 0 !important;
  padding-bottom: clamp(
    var(--section-bot-m-padding-min),
    1.087vw + 5.38rem,
    var(--section-bot-m-padding-max)
  ) !important;
}

/*=============================================
  Section-mid-s: Top/Bottom Padding (min 3rem, max 4rem)
=============================================*/
.section-mid-s {
  padding-top: clamp(
    var(--section-mid-s-padding-min),
    0vw + var(--section-mid-s-padding-min),
    var(--section-mid-s-padding-max)
  ) !important;
  padding-bottom: clamp(
    var(--section-mid-s-padding-min),
    0vw + var(--section-mid-s-padding-min),
    var(--section-mid-s-padding-max)
  ) !important;
}

/*=============================================
  Section-top-s: Top Padding (min 3rem, max 4rem)
=============================================*/
.section-top-s {
  padding-top: clamp(
    var(--section-top-s-padding-min),
    0vw + var(--section-top-s-padding-min),
    var(--section-top-s-padding-max)
  ) !important;
  padding-bottom: 0 !important;
}

/*=============================================
  Section-bot-s: Bottom Padding (min 3rem, max 4rem)
=============================================*/
.section-bot-s {
  padding-top: 0 !important;
  padding-bottom: clamp(
    var(--section-bot-s-padding-min),
    0vw + var(--section-bot-s-padding-min),
    var(--section-bot-s-padding-max)
  ) !important;
}

/*=============================================
  ===== Größe L (sichtbar größer als M) =====
  Steilerer Mittelwert: 2vw + 6rem (statt 1.087vw + 5.38rem)
=============================================*/
.section-mid-l {
  padding-top: clamp(
    var(--section-mid-l-padding-min),
    2vw + 6rem,
    var(--section-mid-l-padding-max)
  ) !important;
  padding-bottom: clamp(
    var(--section-mid-l-padding-min),
    2vw + 6rem,
    var(--section-mid-l-padding-max)
  ) !important;
}

/* Section-top-l: wie mid-l, aber ohne bottom */
.section-top-l {
  padding-top: clamp(
    var(--section-top-l-padding-min),
    2vw + 6rem,
    var(--section-top-l-padding-max)
  ) !important;
  padding-bottom: 0 !important;
}

/* Section-bot-l: wie mid-l, aber ohne top */
.section-bot-l {
  padding-top: 0 !important;
  padding-bottom: clamp(
    var(--section-bot-l-padding-min),
    2vw + 6rem,
    var(--section-bot-l-padding-max)
  ) !important;
}

/*=============================================
  Section-side: nur fluid Side-Padding,
  keine Top/Bottom-Vorgaben
=============================================*/
.section-side {
  /* Top & Bottom bleiben unverändert, steuerbar via Elementor */
}

/*=============================================
  Section-side-r / Section-side-l (gerichtete Seitenabstände)
  -side-r: nur rechts Padding, links kein definierter Abstand
  -side-l: nur links Padding, rechts kein definierter Abstand
  <= 1024px: beide Seiten wie .section-side
=============================================*/

/* Desktop/größer als 1024px */
.section-side-r {
  padding-left: 0 !important;
  padding-right: clamp(
    var(--fluid-side-padding-min),
    6.522vw - 0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}
.section-side-l {
  padding-right: 0 !important;
  padding-left: clamp(
    var(--fluid-side-padding-min),
    6.522vw - 0.217rem,
    var(--fluid-side-padding-max)
  ) !important;
}

/* Mobile & Tablet: <= 1024px -> beide Seiten wie .section-side */
@media (max-width: 1024px) {
  .section-side-r,
  .section-side-l {
    padding-left: clamp(
      var(--fluid-side-padding-min),
      6.522vw - 0.217rem,
      var(--fluid-side-padding-max)
    ) !important;
    padding-right: clamp(
      var(--fluid-side-padding-min),
      6.522vw - 0.217rem,
      var(--fluid-side-padding-max)
    ) !important;
  }
}








/*=============================================
  Button: Icon-Rotation (Klasse: .btn-rotate-icon)
=============================================*/

/* 1) Icon bereits um 45° gegen den Uhrzeigersinn rotieren */
.btn-rotate-icon .elementor-button-icon {
  transform: rotate(-45deg);
  transition: transform 200ms ease;
}

/* 2) Bei Hover zurück auf 0° drehen */
.btn-rotate-icon:hover .elementor-button-icon {
  transform: rotate(0deg);
}

/*=============================================
  Button: Icon-Verschiebung (Klasse: .btn-move-icon)
=============================================*/

/* 1) Icon ohne Rotation, Ausgangsposition */
.btn-move-icon .elementor-button-icon {
  transform: translateX(0);
  transition: transform 200ms ease;
}

/* 2) Bei Hover um 4px nach rechts verschieben */
.btn-move-icon:hover .elementor-button-icon {
  transform: translateX(4px);
}


/*Liquid-glass*/

.liquid-glass {

   backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); /* Safari & iOS */
  
  box-shadow:
    /* 1. heller Inset-Schatten (unten/rechts)  */
    inset  2px  2px  1px -2px #ffffffb3,
    
    /* 2. heller Inset-Schatten (oben/links)   */
    inset -2px -2px  1px -2px #ffffffb3,
    
    /* 3. dunkler Außen-Schatten               
          0px  8px 24px  0px #00000066,*/
    
    /* 4. weicher Inset-Glanz (unten)          */
    inset  0px  8px  8px  0px #ffffff99;
}



.frostedglass {
backdrop-filter:blur(10px);
}




/* Fillbar Hover Animation für Elementor Button */
.btn-fillbar .elementor-button {
  position: relative;
  overflow: hidden;                 /* wichtig: Balken bleibt im Button */
  background: transparent;          /* optional */
  z-index: 0;
}

/* Der „Ladebalken“ */
.btn-fillbar .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;                         /* top/right/bottom/left: 0 */
  background: #D6341C;              /* <-- Füllfarbe */
  transform: scaleX(0);             /* Start: leer */
  transform-origin: left center;    /* von links nach rechts */
  transition: transform 400ms ease; /* <-- Geschwindigkeit/Timing */
  z-index: -1;                      /* hinter Text/Icon */
}

/* Hover: Balken füllt sich */
.btn-fillbar .elementor-button:hover::before,
.btn-fillbar .elementor-button:focus::before {
  transform: scaleX(1);
}

/* Text/Icon über dem Balken halten */
.btn-fillbar .elementor-button,
.btn-fillbar .elementor-button span {
  position: relative;
  z-index: 1;
}

/* Optional: Textfarbe beim Hover */
.btn-fillbar .elementor-button:hover,
.btn-fillbar .elementor-button:focus {
  color: #ffffff;                   /* <-- Hover-Textfarbe */
  transition: color 200ms ease;
}

.btn-disappear-right .elementor-button-link{ 
  position: relative; 
  overflow: hidden; 
}

.btn-disappear-right .elementor-button-content-wrapper{ 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
}

.btn-disappear-right .elementor-button-text{ 
  position: relative; 
  display: inline-block; 
  padding-right: 2.2em; /* Icon-Breite hier anpassen, falls Icon größer/kleiner ist */ 
  transition: transform 320ms ease; /* Dauer & Easing anpassbar */ 
}

.btn-disappear-right .elementor-button-icon{ 
  position: absolute; 
  right: 0.9em; /* Abstand des Icons vom rechten Buttonrand anpassen */ 
  top: 50%; 
  transform: translateY(-50%); 
  display: inline-flex; 
  opacity: 1; 
  transition: opacity 180ms ease, transform 320ms ease; /* Timing anpassbar */ 
  pointer-events: none; 
}

.btn-disappear-right .elementor-button-link:hover .elementor-button-text{ 
  transform: translateX(10px); /* Schub-Stärke anpassen */ 
}

.btn-disappear-right .elementor-button-link:hover .elementor-button-icon{ 
  opacity: 0; 
  transform: translateY(-50%) translateX(10px); /* Muss gleich wie Text-Schub bleiben */ 
}

@media (prefers-reduced-motion: reduce){ 
  .btn-disappear-right .elementor-button-text, 
  .btn-disappear-right .elementor-button-icon{ 
    transition: none !important; 
    transform: none !important; 
    opacity: 1 !important; 
  } 
}

.btn-disappear-center .elementor-button-link{
  position: relative;
  overflow: hidden;
}

.btn-disappear-center .elementor-button-content-wrapper{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em; /* Abstand zwischen Text und Icon */
}

.btn-disappear-center .elementor-button-text{
  transition: transform 320ms ease;
}

.btn-disappear-center .elementor-button-icon{
  display: inline-flex;
  transition: opacity 280ms ease, transform 280ms ease;
  pointer-events: none;
}

/* Hover Animation */
.btn-disappear-center .elementor-button-link:hover .elementor-button-text{
  transform: translateX(10px);
}

.btn-disappear-center .elementor-button-link:hover .elementor-button-icon{
  opacity: 0;
  transform: translateX(10px);
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce){
  .btn-disappear-center .elementor-button-text,
  .btn-disappear-center .elementor-button-icon{
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* Abstand  nach UL/OL-Listen */
ul,
ol {

  margin-bottom: 1.2em;
}

/* Abstand zwischen den einzelnen Listenelementen */
ul li,
ol li {
  margin-bottom: 0.5em;
}

/* Letztes Listenelement ohne extra Abstand */
ul li:last-child,
ol li:last-child {
  margin-bottom: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Simplified';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.zanoni-consulting.de/wp-content/uploads/2026/02/HPSimplified_Rg-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Simplified';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.zanoni-consulting.de/wp-content/uploads/2026/02/HPSimplified_Bd-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Simplified';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.zanoni-consulting.de/wp-content/uploads/2026/02/HPSimplified_Lt-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */