.elementor-16075 .elementor-element.elementor-element-6bd7d25{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-type-html{padding-bottom:0px;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-button[type="submit"]{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16075 .elementor-element.elementor-element-e1ff00e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}/* Start custom CSS for form, class: .elementor-element-e1ff00e *//* ================================================================= */
/* Formular-CSS v10 (02.09.2026): Panel-Design Petrol/Gold           */
/* Selektor #grafik-formular = _element_id des Formular-Widgets      */
/* ================================================================= */

/* 1. PANEL */
#grafik-formular {
    max-width: 760px;
    margin: 0 auto 36px !important;
    background: #00354D;
    padding: 28px 28px 28px;
    border-radius: 14px;
    box-shadow: 0 18px 45px rgba(0, 53, 77, 0.22);
}
.elementor-widget:has(#anfrage) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
.elementor-widget:has(#anfrage) > .elementor-widget-container {
    margin-bottom: 0 !important;
}
.elementor-element:has(#anfrage) + .elementor-element { margin-top: 0 !important; }
.e-con > .elementor-element:has(#anfrage) + .elementor-element,
.e-con-inner > .elementor-element:has(#anfrage) + .elementor-element { margin-top: -20px !important; }
.elementor-element:has(#anfrage) + .elementor-element #grafik-formular {
    border-radius: 0 0 14px 14px;
    padding-top: 8px;
}
#grafik-formular .elementor-form {
    background: #ffffff;
    border-radius: 10px;
    padding: 26px 26px 22px;
    justify-content: flex-start;
}

/* 2. FRAGE-ÜBERSCHRIFT */
#grafik-formular .form-frage {
    color: #00354D;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    line-height: 1.35 !important;
    margin: 0 0 6px;
}
#grafik-formular .elementor-field-type-html {
    margin-bottom: 4px;
}

/* 3. FORTSCHRITT */
#grafik-formular .e-form__indicators {
    margin-bottom: 18px;
}
#grafik-formular .e-form__indicators__indicator__progress {
    background: #e6ebee;
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}
#grafik-formular .e-form__indicators__indicator__progress__meter {
    background: linear-gradient(90deg, #C0A062, #d9bd82);
    border-radius: 999px;
    height: 8px;
    line-height: 8px;
}
#grafik-formular .e-form__indicators__indicator__progress__meter__text {
    display: none;
}

/* 4. ANTWORT-KACHELN */
#grafik-formular .elementor-field-type-radio .elementor-field-subgroup {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}
@media (min-width: 640px) {
    #grafik-formular .elementor-field-type-radio .elementor-field-subgroup {
        grid-template-columns: repeat(2, 1fr);
    }
}
#grafik-formular .elementor-field-type-radio .elementor-field-option {
    margin: 0;
    display: flex;
}
#grafik-formular .elementor-field-type-radio .elementor-field-option label {
    height: 100%;
    flex: 1 1 auto;
}
#grafik-formular .elementor-field-type-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
#grafik-formular .elementor-field-type-radio .elementor-field-option label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 72px;
    padding: 14px 18px;
    border: 1.5px solid #d8dee2;
    border-radius: 10px;
    background: #fbfcfc;
    color: #20303a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
#grafik-formular .elementor-field-option label:hover,
#grafik-formular .elementor-field-option input:focus-visible + label {
    border-color: #C0A062;
    background: #fbf7ee;
    box-shadow: 0 6px 18px rgba(0, 53, 77, 0.10);
    transform: translateY(-2px);
}
#grafik-formular .elementor-field-type-radio input[type="radio"]:checked + label {
    background: #00354D;
    border-color: #00354D;
    color: #ffffff;
    box-shadow: inset 0 0 0 2px #C0A062;
    transform: none;
}
#grafik-formular .elementor-field-option i {
    display: none;
}

/* 5. TEXTFELDER, UPLOAD, CHECKBOX */
#grafik-formular .elementor-field-textual,
#grafik-formular .elementor-field-type-upload input[type="file"] {
    border: 1.5px solid #d8dee2;
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 15px;
    color: #20303a;
    background: #fbfcfc;
    box-shadow: none;
}
#grafik-formular .elementor-field-textual:focus {
    border-color: #C0A062;
    background: #ffffff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(192, 160, 98, 0.18);
}
#grafik-formular .elementor-field-label {
    color: #5f6f78;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 4px;
}
#grafik-formular .elementor-field-type-upload input[type="file"] {
    padding: 10px 14px;
    width: 100%;
}
#grafik-formular .elementor-field-type-acceptance .elementor-field-subgroup label {
    font-size: 13px;
    color: #5f6f78;
    line-height: 1.5;
}
#grafik-formular .elementor-field-type-acceptance a {
    color: #00354D;
    text-decoration: underline;
}

/* 6. BUTTONS: Zurück links (Outline), Weiter/Absenden rechts (Gold) */
#grafik-formular .e-form__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #edf0f2;
}
#grafik-formular .e-form__buttons__wrapper {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding: 0;
}
#grafik-formular .e-form__buttons__wrapper:only-child {
    margin-left: auto;
}
#grafik-formular .elementor-button {
    border-radius: 8px !important;
    padding: 13px 26px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    min-width: 140px;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}
#grafik-formular .e-form__buttons__wrapper__button-next,
#grafik-formular .e-form__buttons__wrapper__button-submit,
#grafik-formular .elementor-button[type="submit"] {
    background-color: #C0A062 !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 6px 16px rgba(192, 160, 98, 0.35);
}
#grafik-formular .e-form__buttons__wrapper__button-next:hover,
#grafik-formular .e-form__buttons__wrapper__button-submit:hover,
#grafik-formular .elementor-button[type="submit"]:hover {
    background-color: #b38f51 !important;
}
#grafik-formular .e-form__buttons__wrapper__button-previous {
    background: transparent !important;
    color: #00354D !important;
    border: 1.5px solid #c9d2d8 !important;
    box-shadow: none;
}
#grafik-formular .e-form__buttons__wrapper__button-previous:hover {
    border-color: #00354D !important;
    background: #f4f7f9 !important;
}
@media (max-width: 480px) {
    #grafik-formular { padding-left: 14px; padding-right: 14px; }
    #grafik-formular .elementor-form { padding: 18px 16px; }
    #grafik-formular .e-form__buttons { flex-direction: column-reverse; }
    #grafik-formular .e-form__buttons__wrapper,
    #grafik-formular .elementor-button { width: 100%; }
}

/* radio-full */
#grafik-formular .elementor-field-type-radio .elementor-field-subgroup{width:100%;flex-basis:100%;max-width:100%}

/* mobile-v11 */
#grafik-formular .e-form__indicators__indicator__progress__meter{font-size:0!important;color:transparent!important;text-indent:-9999px;overflow:hidden}
@media (max-width: 480px) {
    #grafik-formular { padding: 12px 8px 12px !important; }
    .elementor-element:has(#anfrage) + .elementor-element #grafik-formular { padding-top: 6px !important; }
    #grafik-formular .elementor-form { padding: 16px 12px 14px !important; }
    #grafik-formular .form-frage { font-size: 1.1em; }
    #grafik-formular .elementor-field-type-radio .elementor-field-subgroup { gap: 8px; }
    #grafik-formular .elementor-field-type-radio .elementor-field-option label { padding: 12px 10px; font-size: 14px; }
    #anfrage { padding-left: 18px !important; padding-right: 18px !important; }
}/* End custom CSS */