.elementor-kit-64253{--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-64253 e-page-transition{background-color:#FFBC7D;}.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 *//* ============================================================
   GIGER MD – Globales CSS
   Einfügen unter: Elementor → Site Settings → Custom CSS
   Voraussetzung: Roboto-Webfonts (WOFF2) liegen unter
   /wp-content/uploads/fonts/  (Dateinamen siehe unten)
   ============================================================ */

/* --- Roboto lokal (DSGVO-konform, kein Google-CDN) --- */
@font-face {
  font-family: 'Roboto';
  src: url('/wp-content/uploads/fonts/roboto-v51-latin_latin-ext-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('/wp-content/uploads/fonts/roboto-v51-latin_latin-ext-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Design-Token (Farben aus der Vorlage) --- */
:root {
  --gm-tk:   #70C4D2;  /* Akzent Türkis */
  --gm-tkd:  #57ADAB;  /* Akzent dunkel / Hover */
  --gm-hb:   #A7DBF3;  /* Hellblau */
  --gm-mint: #C8E6E4;  /* Mint */
  --gm-g1:   #EEEFEE;  /* Grau hell (Flächen) */
  --gm-g2:   #DDDDDC;  /* Grau (Linien/Rahmen) */
  --gm-ink:  #1A1A1A;  /* Text */
}

/* --- Basis für alle GIGER-MD-Blöcke --- */
.gm-block {
  font-family: 'Roboto', system-ui, sans-serif;
  color: var(--gm-ink);
  font-size: 18px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.gm-block * { box-sizing: border-box; }
.gm-block a { color: var(--gm-tk); }
.gm-block a:hover { color: var(--gm-tkd); }
.gm-link { color: var(--gm-tk); text-decoration: underline; font-weight: 700; }
.gm-link:hover { color: var(--gm-tkd); }

/* --- Wiederkehrende Elemente --- */
.gm-wrap    { max-width: 1200px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.gm-eyebrow { font-size: 14px; font-weight: 700; letter-spacing: 1.5px; color: var(--gm-tk); margin-bottom: 12px; text-transform: uppercase; }
.gm-h1 { font-weight: 700; font-size: 48px; line-height: 1.08; letter-spacing: -.5px; margin: 0 0 20px; text-transform: uppercase; }
.gm-h2 { font-weight: 700; font-size: 36px; line-height: 1.12; margin: 0 0 16px; text-transform: uppercase; }
.gm-btn {
  display: inline-block; background: var(--gm-tk); color: #fff !important;
  font-weight: 700; font-size: 17px; padding: 15px 28px; border-radius: 10px;
  text-decoration: none; transition: background .2s ease;
}
.gm-btn:hover { background: var(--gm-tkd); }
.gm-btn--white { background: #fff; color: #70C4D2 !important; }
.gm-btn--white:hover { background: var(--gm-g1); }
.gm-btn--outline { background: #fff; color: var(--gm-ink) !important; border: 1px solid var(--gm-g2); }
.gm-btn--outline:hover { background: var(--gm-g1); }

/* --- Scroll-Einblendung (Elemente mit data-gm-reveal) --- */
.gm-reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
.gm-reveal.gm-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .gm-reveal { opacity: 1; transform: none; transition: none; }
}

/* --- Responsive Grundgrössen --- */
@media (max-width: 900px) {
  .gm-h1 { font-size: 36px; }
  .gm-h2 { font-size: 28px; }
  .gm-wrap { padding-left: 20px; padding-right: 20px; }
}

/* ============================================================
   GIGER MD – Formular-Styling (Contact Form 7)
   ANS ENDE des globalen CSS anhängen
   (Elementor → Site Settings → Custom CSS)
   ============================================================ */

.wpcf7 { font-family: 'Roboto', system-ui, sans-serif; color: var(--gm-ink); }
.wpcf7 .gmcf-intro { font-size: 16px; color: #444; margin: 0 0 24px; }
.wpcf7 .gmcf-req { font-size: 14px; color: #777; }

/* Zweispaltiges Raster für die Standardfelder */
.wpcf7 .gmcf-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin-bottom: 8px;
}
.wpcf7 .gmcf-grid .gmcf-full { grid-column: 1 / -1; }
.wpcf7 .gmcf-grid p { margin: 0; }

.wpcf7 label { font-weight: 700; font-size: 14px; display: block; }

/* Eingabefelder */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%; margin-top: 6px; padding: 12px 14px;
  border: 1px solid var(--gm-g2); border-radius: 10px;
  font-family: inherit; font-size: 16px; color: var(--gm-ink);
  background: #fff; box-sizing: border-box; transition: border-color .2s ease;
}
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  outline: none; border-color: var(--gm-tk); box-shadow: 0 0 0 3px rgba(112,196,210,.2);
}
.wpcf7 textarea { resize: vertical; min-height: 120px; }

/* Indikation-Überschrift */
.wpcf7 .gmcf-label { font-weight: 700; font-size: 15px; margin: 28px 0 12px; }

/* Checkbox-Raster für die Indikationen */
.wpcf7 .wpcf7-checkbox { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px 20px; }
.wpcf7 .wpcf7-checkbox .wpcf7-list-item { margin: 0; }
.wpcf7 .wpcf7-checkbox .wpcf7-list-item label { font-weight: 400; font-size: 15px; display: flex; align-items: center; gap: 8px; cursor: pointer; }
.wpcf7 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] { width: 18px; height: 18px; accent-color: var(--gm-tk); flex: none; margin: 0; }
.wpcf7 .wpcf7-checkbox .wpcf7-list-item-label { line-height: 1.3; }

.wpcf7 .gmcf-mitteilung { margin-top: 24px; }

/* Absenden-Button */
.wpcf7 .gmcf-submit { margin-top: 24px; }
.wpcf7 input[type="submit"] {
  background: var(--gm-tk); color: #fff; font-weight: 700; font-size: 17px;
  border: none; padding: 15px 34px; border-radius: 10px; cursor: pointer;
  transition: background .2s ease; font-family: inherit;
}
.wpcf7 input[type="submit"]:hover { background: var(--gm-tkd); }

/* CF7-Statusmeldungen */
/* Statusmeldung nach dem Absenden – gross & deutlich lesbar */
.wpcf7 .wpcf7-response-output {
  border-radius: 14px; border-width: 3px; margin: 28px 0 0; padding: 28px 32px;
  font-size: 26px; line-height: 1.5; font-weight: 700; text-align: center;
}
/* Erfolgsmeldung: kräftiges Grün */
.wpcf7 form.sent .wpcf7-response-output {
  background: #E4F6EC; border-color: #2E9E5B; color: #1E6E3E;
}
/* Fehlermeldung: kräftiges Rot */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background: #FBE9E9; border-color: #C0392B; color: #922; 
}
/* Feld-Fehlerhinweise unter einzelnen Feldern etwas grösser */
.wpcf7 .wpcf7-not-valid-tip { font-size: 15px; font-weight: 700; color: #C0392B; margin-top: 4px; display: block; }

@media (max-width: 700px) {
  .wpcf7 .gmcf-grid { grid-template-columns: 1fr; }
  .wpcf7 .wpcf7-checkbox { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px) {
  .wpcf7 .wpcf7-checkbox { grid-template-columns: 1fr; }
}

/* --- Really Simple CAPTCHA --- */
.wpcf7 .gmcf-captcha { margin-top: 24px; }
.wpcf7 .gmcf-captcha label { font-weight: 700; font-size: 14px; }
.wpcf7 .wpcf7-captchac { display: block; margin: 8px 0 10px; border-radius: 6px; }
.wpcf7 .wpcf7-captchar { max-width: 220px; }

/* ============================================================
   GIGER MD – Automatischen Seitentitel ausblenden
   (die Hero-Blöcke bringen ihre eigenen Titel mit)
   ============================================================ */
.page-title,
.entry-title,
.elementor-page-title,
.page .entry-title,
h1.entry-title {
  display: none !important;
}
/* ============================================================
   GIGER MD – Mobile-Fix: horizontalen Überlauf verhindern
   ============================================================ */
.gm-h1, .gm-h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
.gm-block .gm-eyebrow { white-space: normal; }
@media (max-width: 900px) {
  .gm-block { overflow-x: hidden; }
  .gm-block img { max-width: 100%; height: auto; }
  .gm-block [style*="grid-template-columns"] { min-width: 0; }
  .gm-block > * { min-width: 0; }
}
@media (max-width: 480px) {
  .gm-h1 { font-size: 30px; }
  .gm-h2 { font-size: 26px; }
}
html, body { overflow-x: hidden; }/* End custom CSS */