.elementor-kit-6{--e-global-color-primary:#B46632;--e-global-color-secondary:#C3D1D9;--e-global-color-text:#104A5D;--e-global-color-accent:#F7C896;--e-global-color-2ae562a:#FFFFFF;--e-global-color-5395a83:#E1E8EC;--e-global-color-e7b8275:#7EA0A9;--e-global-typography-primary-font-family:"Asap";--e-global-typography-primary-font-size:var(--h1);--e-global-typography-secondary-font-family:"Asap";--e-global-typography-secondary-font-size:var(--h2);--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Asap";--e-global-typography-text-font-size:var(--h3);--e-global-typography-accent-font-family:"Asap";--e-global-typography-accent-font-size:var(--h4);--e-global-typography-6d755da-font-family:"Asap";--e-global-typography-6d755da-font-size:var(--h5);--e-global-typography-c82de2f-font-family:"Asap";--e-global-typography-c82de2f-font-size:var(--h6);color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:var(--bodytext);font-weight:500;line-height:26px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:var(--bodytext);font-weight:500;color:var( --e-global-color-2ae562a );border-radius:0px 0px 0px 0px;padding:calc(var(--padding) / 2) calc(var(--padding) / 2) calc(var(--padding) / 2) calc(var(--padding) / 2);}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-2ae562a );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:"Asap", Sans-serif;font-size:var(--h1);}.elementor-kit-6 h2{color:var( --e-global-color-primary );font-family:"Asap", Sans-serif;font-size:var(--h2);}.elementor-kit-6 h3{color:var( --e-global-color-text );font-family:"Asap", Sans-serif;font-size:var(--h3);}.elementor-kit-6 h4{font-family:"Asap", Sans-serif;font-size:var(--h4);}.elementor-kit-6 h5{font-size:var(--h5);}.elementor-kit-6 h6{font-family:"Asap", Sans-serif;font-size:var(--h6);}.elementor-kit-6 label{color:var( --e-global-color-text );}.elementor-kit-6 input:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea,.elementor-kit-6 .elementor-field-textual{background-color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;padding:calc(var(--padding) / 2) calc(var(--padding) / 2) calc(var(--padding) / 2) calc(var(--padding) / 2);}.elementor-kit-6 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-6 textarea:focus,.elementor-kit-6 .elementor-field-textual:focus{border-style:solid;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:calc(var(--padding) / 2);--container-default-padding-right:calc(var(--padding) / 2);--container-default-padding-bottom:calc(var(--padding) / 2);--container-default-padding-left:calc(var(--padding) / 2);}.elementor-widget:not(:last-child){--kit-widget-spacing:calc(var(--padding) / 2);}.elementor-element{--widgets-spacing:calc(var(--padding) / 2) var(--padding);--widgets-spacing-row:calc(var(--padding) / 2);--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 */body { --br: 15px; --br30: 30px; --bodytext: 16px; --h1: 2.15em; --h2: 1.95em; --h3: 1.8em; --h4: 1.5em; --h5: 1.2em; --h6: 1.15em; --padding: 35px; --padding30: 30px; --innerpadding: 1.75em; --smalltext: calc(var(--bodytext) * .75); } @media(min-width:768px){ body { --h1: 3em; --h2: 2.2em; --h3: 2em; --bodytext: 18px; } } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important;} .nolink, .nolink a { text-decoration: none !important;} .nopointer { pointer-events: none} .shadow { box-shadow: 0 0 20px rgba(0,0,0,0.075) !important; } .section { padding-top: calc(var(--padding) * 1.5); padding-bottom: calc(var(--padding) * 1.5) } .section-top { padding-top: calc(var(--padding) * 1.5); } .section-bottom { padding-bottom: calc(var(--padding) * 1.5); } /** 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: var(--bodytext); --label-fs-focus: calc(var(--bodytext) * 0.75); --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-e7b8275); --label-bg-focus: var(--e-global-color-e7b8275); --label-color-focus: #fff; --label-bg-valid: var(--e-global-color-text); --label-color-valid: #fff; --label-bg-invalid: var(--e-global-color-primary); --label-color-invalid: #fff; --label-br-tl: 0px; --label-br-tr: 0px; --label-br-br: 0px; --label-br-bl: 0px; --border-focus: var(--e-global-color-e7b8275); --border-valid: var(--e-global-color-text); --border-invalid: var(--e-global-color-primary ); } /** 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; font-size: var(--label-fs) !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); color: var(--label-color) !important; font-size: var(--label-fs) !important; } .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; font-size: var(--label-fs-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; font-size: var(--label-fs-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; font-size: var(--label-fs-focus) !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; font-size: var(--label-fs-focus) !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; } .elementor-form:has(.elementor-message-success) .elementor-field-group { height: 0; visibility: hidden; margin: 0 !important; padding: 0 !important; } .elementor-message-success { padding: calc(var(--padding) / 2); background-color: var(--e-global-color-secondary); border-radius: var(--br); border-bottom-right-radius: 0 !important; font-weight: Bold; color: var(--e-global-color-text); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Asap'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/asap-v34-latin-500.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/asap-v34-latin-500.ttf') format('truetype'); } @font-face { font-family: 'Asap'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/asap-v34-latin-500italic.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/asap-v34-latin-500italic.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Barlow'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-500.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-500.ttf') format('truetype'); } @font-face { font-family: 'Barlow'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-500italic.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-500italic.ttf') format('truetype'); } @font-face { font-family: 'Barlow'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-regular.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-regular.ttf') format('truetype'); } @font-face { font-family: 'Barlow'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-italic-1.woff2') format('woff2'), url('https://baik.ag/wp-content/uploads/2026/02/barlow-v13-latin-italic-1.ttf') format('truetype'); } /* End Custom Fonts CSS */