.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8f8a923:#000000;--e-global-color-abac0c6:#FFFFFF;--e-global-color-f4e024a:#FBAB18;--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-f717901-font-family:"Inter";--e-global-typography-f717901-font-size:1.6rem;--e-global-typography-f717901-text-transform:uppercase;--e-global-typography-a972707-font-family:"ReenieBeanie";--e-global-typography-a972707-font-size:1.7rem;--e-global-typography-257c28b-font-family:"Inter";--e-global-typography-f4179c5-font-family:"Inter";}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-f4e024a );color:var( --e-global-color-8f8a923 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:3rem 3rem 3rem 3rem;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-abac0c6 );color:var( --e-global-color-8f8a923 );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-8f8a923 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body { hyphens: auto;}

.elementor a {
  text-decoration: underline;
}

.elementor a:hover {
  text-decoration: none;
}

header a,
footer a {
  text-decoration: none !important;
}

.textblock {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top:5rem;
  padding-bottom:5rem;
  color:#000;
}
.textblock.has-header {
  padding-top: 1rem
}

.center-image img {
    margin-bottom: 5rem;
    margin-top:-10rem;
    border-radius:1rem;
}

ul li::marker {
  color: #fbab18;
  font-weight: bold;
}

ul {
    font-size: 125% !important;
}

.circle-image img {
  aspect-ratio: 1 / 1;
    width: 90%;
    border-radius: 50% !important;
    object-fit: cover;
    border: 1px solid #ccc;
}
.projekt-button {
    margin-top:auto;
    
}

/* Kombinierter Header  */
.pre-header {
    font-family: "ReenieBeanie", Sans-serif;
     display: inline-block;
  transform: translateY(0.5em);
}

.main-header {
  font-size: 0.60em;
}
/* END Kombinierter Header  */


/* clamp-Anpassungen */

/* ======================================== */
/* ELEMENTOR OPTIMIERT - FLUID TYPOGRAPHY  */
/* H1–H5 sauber unterschieden, 20% kleiner */
/* Medium Fluid, Headline stärker           */
/* ======================================== */

/* Base font size */
html {
  font-size: 100%; /* 16px */
}

/* ---------------------------------------- */
/* HEADLINES - Elementor Widget-Headings */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h1 {
  font-size: clamp(1.8rem, 1.6rem + 2.2vw, 5rem); /* 28.8px - 80px */
  line-height: 1.1;
}

.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h2 {
  font-size: clamp(1.2rem, 1.12rem + 2vw, 4.4rem); /* 22.4px - 70.4px */
  line-height: 1.15;
}

.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h3 {
  font-size: clamp(1rem, 0.96rem + 1.44vw, 3.6rem); /* 16px - 57.6px */
  line-height: 1.4;
}

.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h4 {
  font-size: clamp(1rem, 0.88rem + 1.2vw, 3rem); /* 16px - 48px */
  line-height: 1.25;
}

.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h5 {
  font-size: clamp(0.88rem, 0.8rem + 0.8vw, 2.4rem); /* 14px - 38.4px */
  line-height: 1.3;
}

/* ---------------------------------------- */
/* BODY TEXT (Elementor Text Editor) */
.elementor-widget-text-editor p {
  font-size: clamp(0.85rem, 0.8rem + 0.4vw, 1.9rem); /* 13.6px - 30.4px */
  line-height: 1.5;
}

/* Small / Static Text */
.elementor-widget-text-editor .small,
.elementor-widget-text-editor p.small,
.elementor-widget-text-editor p.small * {
    font-size: 0.65rem !important;
    line-height: 1.4 !important;
    color:green !important;
}

/* ============================================ */
/* ENDE ELEMENTOR OPTIMIERT - FLUID TYPOGRAPHY  */


/* ============================================== */
/* ********* True-False ACF HeroSection ***********/
/* ============================================== */

.hero-wrapper {
  display: none;
}

.has-hero .hero-wrapper {
  display: block;
}

/* ********* ENDE True -False ACF HeroSection ***********/

/* ================================== */
/* ********* Hero Sectionn ***********/
/* ================================== */
.hero-section {
   position: relative;
  overflow: hidden;
  height: 29vw; /* Seitenverhältnis deines Bildes: 350/1200 = 0.29 */
  max-height: 600px;
  min-height: 300px;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.hero-curve {
 position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FBAB18;
  -webkit-mask-image: url('/wp-content/uploads/2026/03/bequa-header2.svg');
  -webkit-mask-size: auto 100% !important;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0 !important;
  mask-image: url('/wp-content/uploads/2026/03/bequa-header2.svg');
  mask-size: auto 100% !important;
  mask-repeat: no-repeat;
  mask-position: 0 0 !important;
}



.hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.hero-content {
   position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  max-width: clamp(20ch, 25vw, 60ch);
  width: min(90%, 500px);
  padding: clamp(4px, 5vw, 20px);
  pointer-events: auto; /* damit Button klickbar bleibt */
}

.hero-content-mobile {
  display: none;
}

/* ======================================== */
/* ********* MOBILE Hero Sectionn ***********/
/* ======================================== */

@media (max-width: 1200px) {

.hero-content {
    position: static;
    padding: 20px;
    background-color: #FBAB18;
  }
  
  .hero-section {
    min-height: unset !important;
    height: auto !important;
  }
  
   .hero-image {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
  }

  .hero-overlay {
    position: static;
  }
  
  .hero-curve {
    display: none;
  }

  .hero-section .elementor-container {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

}

@media (max-width: 767px) {

.hero-content {
    max-width: 60ch;
  }
}
  
/* ********* ENDE MOBILE Hero Sectionn ***********/

/* ======================================== */
/* Formatieurng für die Pinsel-Ueberschrift */
/* ======================================== */

.pinsel {
  position: relative;
  display: inline-block;
  padding:8px;

}

.pinsel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FBAB18; /* Standardfarbe hier */
  -webkit-mask: url('/wp-content/uploads/2026/03/bequa-pinselstrich.svg') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('/wp-content/uploads/2026/03/bequa-pinselstrich.svg') no-repeat center;
  mask-size: contain;
  z-index: -1;
}

.pinsel.pinsel-white::before {
  background-color: #fff;
}

.pinsel.pinsel-gelb::before {
  background-color: #FBAB18;
}

.bg-gelb_white-pinsel {
      z-index: -2;
}

@media (max-width: 767px) {
  .pinsel {
    padding: 10px 20px;
    background-size: 110% auto;
  }
  .bg-gelb_white-pinsel {
      background-color: red !important;
}
}
/* ENDE Formatieurng für die Pinsel-Ueberschrift */

/* ======================================== */
/* Icons und Blurb */
/* ======================================== */
.icon-wrapper {
  background-color: #FBAB18; /* deine Farbe */

  -webkit-mask-image: url('/wp-content/uploads/2026/03/bequa-kreis.svg');
  mask-image: url('/wp-content/uploads/2026/03/bequa-kreis.svg');

  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: center;
  mask-position: center;
}
.blurb-white {
  background-color: #fff;
}

/* ======================================== */
/* Trennlinien Mobil entfernen */
/* ======================================== */
@media (max-width: 767px) {
.section_trennlinien .elementor-shape-top,
.section_trennlinien .elementor-shape-bottom {
    display:none;
}
}

/* ======================================== */
/* Foerder-Logos */
/* ======================================== */

.foerder-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: center; /* ← zentriert die Logos */
}

.foerder-logos img {
  height: 40px; /* ← hier die Größe anpassen */
  width: auto;
  object-fit: contain;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.bequa.de/wp-content/uploads/2026/03/Inter-VariableFont_opszwght.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.bequa.de/wp-content/uploads/2026/03/Inter-Italic-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'ReenieBeanie';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://staging.bequa.de/wp-content/uploads/2026/03/ReenieBeanie-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */