.elementor-kit-21{--e-global-color-primary:#EA4416;--e-global-color-secondary:#FAB500;--e-global-color-text:#000000;--e-global-color-accent:#F9F9F7;--e-global-color-c8f28ba:#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;background-color:var( --e-global-color-accent );font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-primary );text-transform:uppercase;color:var( --e-global-color-c8f28ba );padding:var(--padding) var(--padding) var(--padding) var(--padding);}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-text );}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 h1{font-weight:400;}.elementor-kit-21 h2{font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:920px;}.e-con{--container-max-width:920px;--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: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;}@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-kit-21{font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --content:650px; --padding:15px; --largecontent:1400px; --orange:#ea4517; --white:#ffffff; --yellow:#fab500; --fond:#f9f9f7; --midcontent:900px; --font-1:Roboto; --H1:clamp(2.5rem, 1.9886rem + 2.2727vw, 3.75rem); --H2:clamp(1.875rem, 1.5682rem + 1.3636vw, 2.625rem);; --Mainfont:Montserrat; }
/* Start custom CSS */.toggletext { max-height: 100px; overflow: hidden;   -webkit-mask-image: linear-gradient(black, transparent);
  mask-image: linear-gradient(black, transparent);
  transition: max-height ease .3s;
    
}
  .togglebox.active .toggletext { max-height: 1000px; height: auto; -webkit-mask-image: none; mask-image: none  }
    
    .togglebox.active .togglebutton,
      .togglebox .toggle-followbutton { display: none !important}
  
    .togglebox.active .toggle-followbutton { display: flex !important}
    
    
/** FORMS **/
 /** 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-primary);

        --label-color-focus: var(--e-global-color-accent);

        --label-bg-valid: var(--e-global-color-secondary);

        --label-color-valid: var(--e-global-color-text);

        --label-bg-invalid: var(--e-global-color-text);

        --label-color-invalid: var(--e-global-color-accent);

        --label-br-tl: 0px;

        --label-br-tr: 0px;

        --label-br-br: 0px;

        --label-br-bl: 0px;

        --border-focus: var(--e-global-color-primary);

        --border-valid: var(--e-global-color-secondary);

        --border-invalid: var(--e-global-color-text);

    }

    /** 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;

    }
    .wpml-ls-legacy-list-horizontal,
    .wpml-ls-legacy-list-horizontal a {padding:0 }/* End custom CSS */