.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{font-family:"Inter", Sans-serif;}.elementor-kit-6 h5{color:#AED0C9;font-family:"Inter", Sans-serif;font-size:10px;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}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 *//* =============================================================
   CUVIQ — Custom CSS für Elementor Pro + Hello Elementor
   -----------------------------------------------------------------
   PASTE:  WP-Admin → Darstellung → Customizer → Zusätzliches CSS
   -----------------------------------------------------------------
   HINWEIS: Seit der v2-Template-Generierung werden Farben und Typo
   DIREKT in den Elementor-Widget-Settings gesetzt. Dieses CSS
   enthält daher nur noch:
   - Google-Font-Import
   - Body-Defaults
   - Button-Hover-States & Box-Shadow
   - Hero-Grid-Overlay
   - Yellow-Highlight "endlich"
   - Foot-/Header-spezifische Micro-Styles
   ============================================================= */

/* ---- 1. Google Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* ---- 2. Body / Base ---- */
body {
  background: #F3F2EA;
  color: #09324A;
  font-family: "Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-feature-settings: "ss01","cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body a { color: inherit; }

/* Hero Grid-Overlay (nur aktiv, wenn die Klasse manuell/automatisch
   gesetzt ist — optional) */
.elementor-section.cuviq-grid-overlay::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(174,208,201,0.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(174,208,201,0.07) 1px,transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(900px 600px at 50% 30%,black 40%,transparent 85%);
  -webkit-mask-image: radial-gradient(900px 600px at 50% 30%,black 40%,transparent 85%);
  pointer-events: none;
  z-index: 0;
}
.elementor-section.cuviq-grid-overlay { position: relative; overflow: hidden; }
.elementor-section.cuviq-grid-overlay > .elementor-container { position: relative; z-index: 1; }

/* "endlich"-Highlight (kommt aus <span class="mark">) */
.elementor .mark,
.elementor h1 .mark,
.elementor h2 .mark {
  background-color: #FFFB08;
  padding: 0 0.12em;
  color: #09324A;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* Print-safer Button-Shadow (Elementor setzt box-shadow nicht
   immer sauber um, deshalb hier als zusätzliche Garantie) */
.elementor-button.cuviq-btn-primary {
  box-shadow: 4px 4px 0 0 #09324A !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}
.elementor-button.cuviq-btn-primary:hover {
  transform: translate(-2px,-2px);
  box-shadow: 6px 6px 0 0 #09324A !important;
}/* End custom CSS */