.elementor-kit-4{--e-global-color-primary:#222222;--e-global-color-secondary:#1C244B;--e-global-color-text:#333333;--e-global-color-accent:#33CC66;--e-global-color-57b6351:#FFFFFF;--e-global-color-5e584c5:#007A3D;--e-global-color-a1e6b2b:#E5E7EB;--e-global-color-ee9bfed:#F3F4F6;--e-global-color-3a6ced6:#E9EEF2;--e-global-color-c370fb9:#006B33;--e-global-color-581ec28:#1D1D1B;--e-global-color-c58d785:#6B7280;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:500;--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:400;--e-global-typography-accent-font-style:italic;color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:clamp(1rem, 0.96rem + 0.2vw, 1.125rem);font-weight:400;line-height:1.5;letter-spacing:1.6;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-5e584c5 );text-decoration:none;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-57b6351 );border-style:none;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-c370fb9 );color:var( --e-global-color-57b6351 );}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-secondary );font-family:"Arial", Sans-serif;text-decoration:none;}.elementor-kit-4 a:hover{color:var( --e-global-color-secondary );text-decoration:underline;}.elementor-kit-4 h1{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:clamp(1.9rem, 1.2rem + 2vw, 2.5rem);font-weight:700;line-height:1.2;}.elementor-kit-4 h2{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:clamp(1.55rem, 1.1rem + 1.3vw, 2.0rem);font-weight:700;line-height:1.3;}.elementor-kit-4 h3{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:clamp(1.25rem, 1.0rem + 0.8vw, 1.6rem);font-weight:500;line-height:1.4;}.elementor-kit-4 h4{color:var( --e-global-color-text );font-family:"Arial", Sans-serif;}.elementor-kit-4 h5{color:var( --e-global-color-text );font-family:"Arial", Sans-serif;}.elementor-kit-4 h6{color:var( --e-global-color-text );font-family:"Arial", Sans-serif;}.elementor-kit-4 label{color:var( --e-global-color-text );line-height:1.5;}.elementor-kit-4 input:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea,.elementor-kit-4 .elementor-field-textual{color:var( --e-global-color-text );accent-color:var( --e-global-color-a1e6b2b );background-color:var( --e-global-color-57b6351 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-a1e6b2b );border-radius:6px 6px 6px 6px;padding:10px 14px 12px 12px;}.elementor-kit-4 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4 textarea:focus,.elementor-kit-4 .elementor-field-textual:focus{color:var( --e-global-color-text );accent-color:var( --e-global-color-accent );background-color:var( --e-global-color-57b6351 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.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{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 *//* --- CleverReach Basis-Styles (unverändert / minimal bereinigt) --- */
* { box-sizing: border-box; }
.cr-mail-responsive,
.cr-mail-responsive * { box-sizing: unset; }

.cr_site {
    margin: 0;
    padding: 75px 0 0 0;
    text-align: center;
    background-color: #eeeeee;
}

.cr_font {
    font-size: 14px;
    font-family: Arial;
}

.cr_page {
    width: 100% !important;
    max-width: 100%!important;
}

.cr_body {
    box-shadow: 0px 0px 14px 0px rgba(51,51,51,0.4);
    border-radius: 8px;
    line-height: 150%;
    font-family: Helvetica;
    font-size: 12px;
    color: #333333;
}

.cr_body h2,
.cr_header h2 {
    font-size: 22px;
    line-height: 28px;
    margin: 0 0 10px 0;
}

.cr_body h1,
.cr_header h2 {
    font-size: 28px;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 0;
}

.wrapper,
.cr_page {
    margin: 0 auto 10px auto;
    text-align: left;
}

.cr_header {
    text-align: center;
    background: transparent !important;
}

.cr_header img { max-width: 100%; }

.cr_body label,
.cr_body .label {
    float: none;
    clear: both;
    display: inline-block;
    width: auto;
    margin-top: 8px;
    text-align: left;
    font-weight: bold;
    position: relative;
}

.cr_body .no-label { font-weight: normal; }

.cr_body #editable_content { padding: 20px; }

.editable-content { padding: 20px; }

.cr_button {
    display: inline-block;
    font-family: 'Helvetica', Arial, sans-serif;
    width: auto;
    white-space: nowrap;
    height: 32px;
    margin: 5px 0;
    padding: 0 22px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 15px;
    line-height: 32px;
    cursor: pointer;
    border: 0;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    vertical-align: top;
}

.cr_button {
    background-color: #333;
    color: #ffffff;
}

.cr_button:hover,
.cr_button-small:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.powered {
    padding: 20px 0;
    width: 560px;
    margin: 0 auto;
}

.cr_ipe_item label {
    line-height: 150%;
    font-size: 14px;
}

.cr_ipe_item textarea {
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item input {
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 12px;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item select {
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #ccc;
    padding: 12px !important;
    display: block;
    margin: 0;
    width: 100%;
    font-family: Helvetica;
    font-size: 16px;
}

.cr_ipe_item input.cr_ipe_radio,
input.cr_ipe_checkbox {
    -moz-binding: none;
    -moz-box-sizing: border-box;
    background-color: -moz-field !important;
    border: 2px inset ThreeDFace !important;
    color: -moz-fieldtext !important;
    cursor: default;
    height: 13px;
    padding: 0 !important;
    width: 13px;
}

.cr_ipe_item input.cr_ipe_radio {
    -moz-appearance: radio;
    border-radius: 100% 100% 100% 100% !important;
    margin: 3px 3px 0 5px;
}

.cr_ipe_item {
    margin: 0px 10px;
    padding: 0px 10px;
}

.submit_container { text-align: center; }

.cr_ipe_item.inactive { display: none; }

.imprint { font-size: 0.8em; }

.cr_captcha { padding-left: 130px; }

.cr_error { font-size: 1.1em; padding: 10px; }

.clever_form_error {
    background-color: #f99;
    color: #000;
    border: 1px solid #f22 !important;
}

.clever_form_note {
    margin: 26px 0 0 3px;
    position: absolute;
    display: inline;
    padding: 2px 4px;
    font-weight: bold;
    background-color: #f2ecb5;
    color: #000;
    font-size: 12px !important;
}

.cr_form-flex { display: flex; }

.cr_form-flex > .cr_form-inputgroup {
    flex-grow: 1;
    margin-right: 5px;
}

.cr_form-flex > .cr_form-inputgroup:last-child { margin-right: 0px; }

.cr_form-flex input { width: 100%; }

.cr_hr { background-color: #ccc; }

.cr_site a { color: #0084ff; }

.imprint { color: #000; }


.cr_font { font-size: 14px; }

/* --- Eigene Anpassungen buntes-cuxland Newsletter --- */

/* Weißer Kasten nicht zentrieren, sondern linksbündig im Column */
.cr_page {
    margin: 0 0 10px 0;
}

/* Formular und Inhalt linksbündig im WordPress-Layout */
.layout_form,
.cr_form,
.cr_body,
.editable_content {
    text-align: left !important;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

/* Button linksbündig */
.submit_container {
    text-align: left !important;
}

/* Abstände zwischen den Feldern verbessern (Grundlage) */
.cr_ipe_item {
    margin: 0;
    padding: 0;
}

/* Vorname + Nachname: 2 Spalten, gleiche Breite */
.cr_form-flex {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Items in der ersten Zeile teilen sich den Platz */
.cr_form-flex .cr_ipe_item {
    flex: 1 1 0;
    margin: 0;
    padding: 0;
}

/* Auf kleineren Screens: untereinander */
@media (max-width: 767px) {
    .cr_form-flex {
        flex-direction: column;
    }
}

/* Labels für Screenreader behalten, optisch ausblenden */
.cr_body label.cr-visuallyhidden {
    position: absolute;
    left: -9999px;
}

/* Formular-Inhalt als Spalten-Layout mit vertikalem gap */
.editable_content {
    display: flex;
    flex-direction: column;
    gap: 12px;          /* Abstand zwischen den Zeilen */
    padding: 5px;
    text-align: left !important;
}

/* Eingabegruppen volle Breite */
.cr_form-inputgroup {
    width: 100%;
}

/* --- buntes-cuxland.de – Formularstyle an CI angepasst --- */

/* Grundschrift im Formular */
.layout_form,
.layout_form input,
.layout_form button,
.layout_form textarea {
    font-family: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 15px;
    color: #333333; /* Systemfarbe Text */
}

/* Karten-Container des Formulars */
.layout_form .cr_body {
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
    border: 1px solid #E5E7EB;      /* Hellgrau */
    background-color: #FFFFFF;      /* sauber Weiß */
}

/* Eingabefelder (Normalzustand) */
.layout_form .cr_ipe_item input,
.layout_form .cr_ipe_item textarea,
.layout_form .cr_ipe_item select {
    border-radius: 6px;
    border: 1px solid #E5E7EB;      /* Hellgrau */
    padding: 10px 12px;
    font-size: 15px;
    transition:
        border-color 0.15s ease,
        box-shadow 0.15s ease,
        background-color 0.15s ease;
}

/* Fokuszustand der Eingabefelder */
.layout_form .cr_ipe_item input:focus,
.layout_form .cr_ipe_item textarea:focus,
.layout_form .cr_ipe_item select:focus {
    border-color: #007A3D;          /* Accent */
    box-shadow: 0 0 0 1px rgba(51, 204, 102, 0.35);
    outline: none;
}

/* Placeholder-Farbe */
.layout_form .cr_ipe_item ::placeholder {
    color: #9CA3AF;
}

/* Button im CleverReach-Formular */
.layout_form .cr_button {
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
    border-radius: 6px;
    background-color: #007A3D;      /* Accent */
    color: #FFFFFF;
    font-weight: 600;
    font-size: 15px;
    border: none;
    text-transform: none;
    transition:
        background-color 0.15s ease,
        box-shadow 0.15s ease,
        transform 0.1s ease;
}

/* Button Hover */
.layout_form .cr_button:hover {
    background-color: #00994D;      /* Dunkelgrün */
    box-shadow: 0 6px 15px rgba(0, 153, 77, 0.35);
    transform: translateY(-1px);
}

/* Fehlermeldungen / Validierungsfehler */
.layout_form .cr_error,
.layout_form .clever_form_error {
    background-color: #FEE2E2;
    border-color: #DC2626 !important;
    color: #7F1D1D;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 13px;
}
/* 1) Link darf die Breite annehmen */
.elementor-widget-image a{
  width: 100%;
}

/* 2) Bild/SVG darf skalieren */
.elementor-widget-image a svg,
.elementor-widget-image a img{
  width: 100%;
  height: auto;
  display: block;
}
@media (min-width: 1200px) {
  .page-header .entry-title, body:not([class*="elementor-page-"]) .site-main {
    max-width: 1320px;
  }
}
.elementor-widget-text-editor p,
.entry-content p{
  word-break: normal !important;
  overflow-wrap: anywhere; /* nur falls nötig */
}
.elementor-widget-image a {
  display: block!important;
}
:root{
  --anchor-offset: 110px;
}

html{
  scroll-padding-top: var(--anchor-offset);
  scroll-behavior: smooth; /* optional */
}
/* Skip link: sichtbar bei Fokus (Tastatur) */
.skip-link.screen-reader-text {
  position: absolute;
  top: 0;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.skip-link.screen-reader-text:focus,
.skip-link.screen-reader-text:focus-visible {
  left: 16px;
  top: 16px;
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;
  padding: 12px 14px;
  border-radius: 10px;
  z-index: 999999;
  text-decoration: none;
  outline: 3px solid currentColor;
}
/* Marker steht im Content: alle Überschriften NACH dem Marker kleiner formatieren */
.elementor-widget-theme-post-content .legal-page ~ div :is(h1,h2,h3,h4,h5){
  line-height: 1.25;
  margin: 1.15em 0 0.45em;
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: anywhere;
  word-break: normal;
}

/* Größen "rechtlich" / dezenter */
.elementor-widget-theme-post-content .legal-page ~ div h1{
  font-size: clamp(1.45rem, 1.35rem + 0.4vw, 1.8rem); /* ~23px → 29px */
  line-height: 1.18;
  margin-top: 0;
}
.elementor-widget-theme-post-content .legal-page ~ div h2{
  font-size: clamp(1.2rem, 1.12rem + 0.3vw, 1.45rem); /* ~19px → 23px */
  line-height: 1.22;
}
.elementor-widget-theme-post-content .legal-page ~ div h3{
  font-size: clamp(1.05rem, 1.02rem + 0.2vw, 1.2rem); /* ~16.8px → 19.2px */
  line-height: 1.28;
}
.elementor-widget-theme-post-content .legal-page ~ div h4{
  font-size: 1.02rem;
  line-height: 1.35;
}
.elementor-widget-theme-post-content .legal-page ~ div h5{
  font-size: 0.98rem;
  line-height: 1.4;
  font-weight: 600;
}/* End custom CSS */