.elementor-kit-4{--e-global-color-primary:#2B6B5E;--e-global-color-secondary:#3D8B7A;--e-global-color-text:#333333;--e-global-color-accent:#2B6B5E;--e-global-color-primary-50:#95B5AD;--e-global-color-primary-30:#B8D0CA;--e-global-color-primary-10:#E8F0EE;--e-global-color-background:#f0f5f3;--e-global-color-background-alt:#dce8e3;--e-global-color-text-body:#666666;--e-global-color-text-light:#999999;--e-global-color-white:#FFFFFF;--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-h1-style-font-family:"League Spartan";--e-global-typography-h1-style-font-size:var(--h1);--e-global-typography-h1-style-font-weight:200;--e-global-typography-h2-style-font-family:"League Spartan";--e-global-typography-h2-style-font-size:var(--h2);--e-global-typography-h2-style-font-weight:200;--e-global-typography-h3-style-font-family:"League Spartan";--e-global-typography-h3-style-font-size:var(--h3);--e-global-typography-h3-style-font-weight:200;--e-global-typography-h4-style-font-family:"League Spartan";--e-global-typography-h4-style-font-size:var(--h4);--e-global-typography-h4-style-font-weight:300;--e-global-typography-h5-style-font-family:"League Spartan";--e-global-typography-h5-style-font-size:var(--h5);--e-global-typography-h5-style-font-weight:300;--e-global-typography-h6-style-font-family:"League Spartan";--e-global-typography-h6-style-font-size:var(--h6);--e-global-typography-h6-style-font-weight:300;--e-global-typography-overline-font-family:"League Spartan";--e-global-typography-overline-font-size:var(--overline);--e-global-typography-overline-font-weight:400;--e-global-typography-overline-text-transform:uppercase;--e-global-typography-overline-letter-spacing:0.12em;--e-global-typography-body-small-font-family:"League Spartan";--e-global-typography-body-small-font-size:var(--body-small);--e-global-typography-body-small-font-weight:200;font-family:"League Spartan", Sans-serif;font-size:var(--bodytext);font-weight:300;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:#2B6B5E;color:#FFFFFF;border-radius:8px 8px 8px 8px;}.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:#3D8B7A;color:#FFFFFF;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h1{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h1);font-weight:200;}.elementor-kit-4 h2{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h2);font-weight:200;}.elementor-kit-4 h3{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h3);font-weight:200;}.elementor-kit-4 h4{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h4);font-weight:300;}.elementor-kit-4 h5{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h5);font-weight:300;}.elementor-kit-4 h6{color:#2B6B5E;font-family:"League Spartan", Sans-serif;font-size:var(--h6);font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:var(--padding);--container-default-padding-right:var(--padding);--container-default-padding-bottom:var(--padding);--container-default-padding-left:var(--padding);}.elementor-widget:not(:last-child){--kit-widget-spacing:var(--padding);}.elementor-element{--widgets-spacing:var(--padding) var(--padding);--widgets-spacing-row:var(--padding);--widgets-spacing-column:var(--padding);}{}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 */:root { --h1: 2.5rem; --h2: 2rem; --h3: 1.5rem; --h4: 1.25rem; --h5: 1.1rem; --h6: 1rem; --bodytext: 18px; --overline: 0.72rem; --body-small: 0.88rem; --padding: 18px; --radius: 8px; } p, h1, h2, h3, h4, h5, h6 {hyphens: auto; } .section { padding-top: calc(var(--padding) * 3); padding-bottom: calc(var(--padding) * 3); } .section-top { padding-top: calc(var(--padding) * 3); } .section-bottom { padding-bottom: calc(var(--padding) * 3); } .card { background: #fff; border-radius: var(--radius); box-shadow: 0 2px 12px rgba(0,0,0,0.06); transition: all 0.3s ease; } .card:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.1); } /** Elementor Variablen (können eingesetzt werden) Beispiel: --label-color: var(--e-global-color-primary); var(--e-global-color-primary); var(--e-global-color-secondary); var(--e-global-color-text); var(--e-global-color-accent); var(--e-global-color-xxx) (bei Custom Farben); **/ /** Die Worte "biite wählen" auf eigenen Platzhalter Begriff anpassen **/ body { --label-fs: 12px; --label-padding-left:4px; --label-padding-right:4px; --label-padding-top:4px; --label-padding-bottom:4px; --label-bg: transparent; --label-color: var(--e-global-color-text); --label-bg-focus: var(--e-global-color-text); --label-color-focus: #fff; --label-bg-valid: var(--e-global-color-secondary); --label-color-valid: #fff; --label-bg-invalid: red; --label-color-invalid: #fff; --label-br-tl: 4px; --label-br-tr: 4px; --label-br-br: 4px; --label-br-bl: 4px; --border-focus: var(--e-global-color-text); --border-valid: var(--e-global-color-secondary); --border-invalid: red; } /** FORMS **/ /*Generelle Helperfunktion**/ .elementor-field-group.elementor-field-type-upload label.elementor-field-label, .elementor-field-group.elementor-field-type-checkbox label.elementor-field-label { position: relative; transform: translateY(0) !important; color: inherit !important; } select, select option { font-size: inherit !important; } @media (min-width: 1024px) { .elementor-field-group select, .elementor-field-group select option { font-size: inherit !important; } } .elementor-field-group textarea::placeholder, .elementor-field-group input::placeholder { opacity: 0 !important; } /** Genereller Label Style **/ .elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label, .elementor-field-group.elementor-field-type-select label.elementor-field-label, .elementor-field-group label.elementor-field-label { position: absolute !important; top: 50%; left: 20px; font-size: var(--label-fs); padding: var(--label-padding-top) var(--label-padding-right) var(--label-padding-bottom) var(--label-padding-left) !important; display: inline-block; transform: translateY(-50%); transition: top ease .3s; pointer-events: none !important; border-top-left-radius: var(--label-br-tl); border-top-right-radius: var(--label-br-tr); border-bottom-right-radius: var(--label-br-br); border-bottom-left-radius: var(--label-br-bl); } .elementor-field-group.elementor-field-type-posttype_select label.elementor-field-label, .elementor-field-group.elementor-field-type-select label.elementor-field-label { top: 0; z-index: 10; border-top-left-radius: var(--label-br-tl); border-top-right-radius: var(--label-br-tr); border-bottom-right-radius: var(--label-br-br); border-bottom-left-radius: var(--label-br-bl); background-color: var(--label-bg-focus); color: var(--label-color-focus) !important; } /** bei Fokus **/ .elementor-field-group.elementor-field-type-select:has(option[value="Keine"]:checked) label.elementor-field-label, .elementor-field-group:has(textarea:focus) textarea, .elementor-field-group:has(input:focus) input, .elementor-field-group:has(select:focus) select { border-color: var(--border-focus) !important; } .elementor-field-group select:not(:has(option[value="Keine"]:checked)) { font-size: inherit !important} .elementor-field-group:has(select:focus) .elementor-field-label, .elementor-field-group:has(textarea:focus) label.elementor-field-label, .elementor-field-group:has(input:focus) label.elementor-field-label { top: 0; border-top-left-radius: var(--label-br-tl); border-top-right-radius: var(--label-br-tr); border-bottom-right-radius: var(--label-br-br); border-bottom-left-radius: var(--label-br-bl); background-color: var(--label-bg-focus); color: var(--label-color-focus) !important; } /** ungültig **/ .elementor-field-group:has(textarea:not(:placeholder-shown):invalid) .elementor-field-label, .elementor-field-group:has(input:not(:placeholder-shown):invalid) .elementor-field-label { top: 0; background-color: var(--label-bg-invalid); color: var(--label-color-invalid) !important; } .elementor-field-group:has(textarea:not(:placeholder-shown):invalid) textarea, .elementor-field-group:has(input:not(:placeholder-shown):invalid) input { border-color: var(--border-invalid) !important; } /** gültig **/ .elementor-field-group.elementor-field-type-select:not(:has(option[value="Keine"]:checked)) label.elementor-field-label, .elementor-field-group:has(textarea:not(:placeholder-shown)) .elementor-field-label, .elementor-field-group:has(textarea:not(:placeholder-shown):valid) .elementor-field-label, .elementor-field-group:has(input:not(:placeholder-shown)) .elementor-field-label, .elementor-field-group:has(input:not(:placeholder-shown):valid) .elementor-field-label { top: 0; background-color: var(--label-bg-valid); color: var(--label-color-valid) !important; } /** Listen **/ .elementor-field-group select:has(option[value="Keine"]:checked) { font-size: inherit !important} .elementor-field-group select:has(option[value="Keine"]:checked) option { font-size: initial !important} .elementor-field-group select:not(:has(option[value="Keine"]:checked)), .elementor-field-group:has(textarea:not(:placeholder-shown)) teaxtarea, .elementor-field-group:has(textarea:not(:placeholder-shown):valid) textarea, .elementor-field-group:has(input:not(:placeholder-shown)) input, .elementor-field-group:has(input:not(:placeholder-shown):valid) input { border-color: var(--border-valid) !important; } /** Upload Field **/ .elementor-upload-field { padding: 15px; } /** Nach Absenden Formular ausblenden **/ form.elementor-form:has(.elementor-message-success) .elementor-form-fields-wrapper { display: none } /** Flatpicker **/ input.numInput.cur-year, .flatpickr-current-month .flatpickr-monthDropdown-months { font-size: 14px !important; } .angebote:has(.e-loop-nothing-found-message) { display: none} body.elementor-editor-active .angebote { display: flex !important}/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'League Spartan'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://mind-gap.de/wp-content/uploads/2026/06/league-spartan-v15-latin-300.woff2') format('woff2'), url('https://mind-gap.de/wp-content/uploads/2026/06/league-spartan-v15-latin-300.ttf') format('truetype'); } @font-face { font-family: 'League Spartan'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://mind-gap.de/wp-content/uploads/2026/06/league-spartan-v15-latin-300.woff2') format('woff2'), url('https://mind-gap.de/wp-content/uploads/2026/06/league-spartan-v15-latin-300.ttf') format('truetype'); } /* End Custom Fonts CSS */