.elementor-6313 .elementor-element.elementor-element-5107338a{--display:flex;}.elementor-6313 .elementor-element.elementor-element-427d456b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6313 .elementor-element.elementor-element-28e0e82{text-align:center;}.elementor-6313 .elementor-element.elementor-element-2ee0e48{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6313 .elementor-element.elementor-element-59313e7 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-5107338a *//* =========================================================
   TAXI ALEX – FAHRT ANFRAGEN
   DESKTOP
   HEADER + FORMULAR
   ========================================================= */


/* =========================================================
   1. GESAMTE SEITE
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2. KOMPAKTER HEADER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header {
    position: relative !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: calc(100% - 48px) !important;
    max-width: 1080px !important;

    min-height: 82px !important;

    margin: 0 auto !important;
    padding: 10px 0 !important;

    gap: 30px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. HEADER – UNTERE TRENNLINIE
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 1px !important;

    transform: translateX(-50%) !important;

    background: #e6e6e6 !important;

    pointer-events: none !important;
}


/* =========================================================
   4. LOGO
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image {
    width: 180px !important;
    max-width: 180px !important;

    flex: 0 0 180px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image img,
.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header img {
    display: block !important;

    width: 180px !important;
    max-width: 180px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   5. TELEFON – WIDGET
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-heading {
    width: auto !important;
    max-width: none !important;

    flex: 0 0 auto !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(15px) !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-heading
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   6. TELEFON
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title,
.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title a {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    color: #5C8528 !important;

    text-decoration: none !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title a:hover,
.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title a:active {
    color: #FCA311 !important;
}


/* =========================================================
   6A. LOGO – ORANGE BEI HOVER / TAP
   REALE ELEMENTOR-STRUKTUR:
   .e-image-link-base > img
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .e-image-link-base img {
    transition: filter 0.2s ease !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .e-image-link-base:hover img,
.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .e-image-link-base:focus img,
.elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .e-image-link-base:active img {
    filter:
        brightness(0)
        saturate(100%)
        invert(68%)
        sepia(96%)
        saturate(1694%)
        hue-rotate(351deg)
        brightness(104%)
        contrast(98%) !important;
}


/* =========================================================
   6B. ZURÜCK ZUR WEBSITE
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck {
    width: auto !important;
    max-width: max-content !important;

    flex: 0 0 auto !important;
    flex-basis: auto !important;
    align-self: flex-start !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck .elementor-widget-container {
    width: auto !important;
    max-width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck .elementor-heading-title {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;

    color: #5C8528 !important;
    text-decoration: none !important;

    transition: color 0.2s ease !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck .elementor-heading-title::before {
    content: "←" !important;
    display: inline-block !important;
    margin-right: 7px !important;
    transition: transform 0.2s ease !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck:hover .elementor-heading-title,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck:active .elementor-heading-title {
    color: #FCA311 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck:hover .elementor-heading-title::before,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck:active .elementor-heading-title::before {
    transform: translateX(-3px) !important;
}


/* =========================================================
   7. FORMULAR-CONTAINER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup {
    width: calc(100% - 48px) !important;
    max-width: 1080px !important;

    margin: 24px auto 42px !important;
    padding: 30px 34px 36px !important;

    background: #f7f3ee !important;

    border: 0 !important;
    border-radius: 14px !important;

    box-shadow: inset 0 0 0 1px #e6e6e6 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   8. ELEMENTOR – ALLE CHILDREN AUF 100%
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup > .elementor-element,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup > .e-con-inner,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup > .e-con-inner > .elementor-element,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    flex: 0 0 100% !important;
    flex-basis: 100% !important;

    align-self: stretch !important;

    box-sizing: border-box !important;
}


/* =========================================================
   9. ÜBERSCHRIFT
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup > .elementor-widget-heading:not(.fahrt-zurueck)
.elementor-heading-title {
    margin: 0 0 6px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 34px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    letter-spacing: -0.4px !important;

    color: #111111 !important;
}


/* =========================================================
   10. SUBHEADLINE
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-text-editor,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-text-editor p {
    margin: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;

    color: #555555 !important;
}


/* =========================================================
   11. FLUENT FORMS – ÄUSSERE WRAPPER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-fluent-form,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-fluent-form-widget,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform-widget-wrapper,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform-widget-wrapper > *,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform_wrapper,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform_wrapper > *,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform > *,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup form.frm-fluent-form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    flex: 0 0 100% !important;
    flex-basis: 100% !important;

    float: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   12. FLUENT FORMS – INNERE WRAPPER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-form-wrapper,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-group,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-input--content,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-input--label,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-t-container,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-t-cell,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-form-check,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .ff-el-form-check-label {
    max-width: 100% !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   13. FLUENT FORMS – BASIS
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform {
    margin-top: 24px !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-el-group {
    width: 100% !important;

    margin-bottom: 18px !important;
}


/* =========================================================
   14. LABELS
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform label,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-el-input--label label {
    font-family: "Poppins", sans-serif !important;

    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;

    color: #191919 !important;
}


/* =========================================================
   15. SERVICE-AUSWAHL
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-input--label {
    margin-bottom: 10px !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-input--content {
    display: grid !important;

    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================================
   16. SERVICE-KARTEN
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check {
    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check input[type="radio"] {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    opacity: 0 !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check label {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 98px !important;

    padding: 10px 8px !important;
    margin: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;

    color: #232323 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 10px !important;

    box-shadow: inset 0 0 0 1px #dddddd !important;

    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}


/* =========================================================
   17. SERVICE – HOVER / AUSGEWÄHLT
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check label:hover {
    box-shadow:
        inset 0 0 0 1px #87BA64,
        0 5px 16px rgba(0, 0, 0, 0.07) !important;

    transform: translateY(-1px) !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:has(input[type="radio"]:checked) label {
    color: #171717 !important;

    background: rgba(92, 133, 40, 0.10) !important;

    border: 0 !important;

    box-shadow: inset 0 0 0 2px #5C8528 !important;
}


/* =========================================================
   18. ICON-BASIS
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check label::before {
    content: "" !important;

    display: block !important;

    width: 32px !important;
    height: 32px !important;

    flex: 0 0 32px !important;

    background-color: #5C8528 !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;
}


/* =========================================================
   19. ICON – TAXIFAHRT
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(1) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 11l1.5-4.5A2.2 2.2 0 0 1 8.6 5h6.8a2.2 2.2 0 0 1 2.1 1.5L19 11h1a1 1 0 0 1 1 1v6h-2v1a1 1 0 0 1-2 0v-1H7v1a1 1 0 0 1-2 0v-1H3v-6a1 1 0 0 1 1-1h1Zm2.3 0h9.4l-1.1-3.4a.7.7 0 0 0-.7-.5H9.1a.7.7 0 0 0-.7.5L7.3 11ZM6.5 15.5A1.5 1.5 0 1 0 6.5 12.5a1.5 1.5 0 0 0 0 3Zm11 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 11l1.5-4.5A2.2 2.2 0 0 1 8.6 5h6.8a2.2 2.2 0 0 1 2.1 1.5L19 11h1a1 1 0 0 1 1 1v6h-2v1a1 1 0 0 1-2 0v-1H7v1a1 1 0 0 1-2 0v-1H3v-6a1 1 0 0 1 1-1h1Zm2.3 0h9.4l-1.1-3.4a.7.7 0 0 0-.7-.5H9.1a.7.7 0 0 0-.7.5L7.3 11ZM6.5 15.5A1.5 1.5 0 1 0 6.5 12.5a1.5 1.5 0 0 0 0 3Zm11 0a1.5 1.5 0 1 0 0-3a1.5 1.5 0 0 0 0 3Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   20. ICON – FLUGHAFENTRANSFER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(2) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V18l-2 1.5V21l3.5-1l3.5 1v-1.5L13 18v-4.5L21 16Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V18l-2 1.5V21l3.5-1l3.5 1v-1.5L13 18v-4.5L21 16Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   21. ICON – KRANKENBEFÖRDERUNG
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(3) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6V3Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6V3Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   22. ICON – BOTENTRANSPORT
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(4) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6.5 12 2l8 4.5V17l-8 5-8-5V6.5Zm8-2.2L7.1 7 12 9.7 16.9 7 12 4.3Zm-6 4.4v7.2l5 3.1v-7.2L6 8.7Zm7 10.3 5-3.1V8.7l-5 3.1V19Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 6.5 12 2l8 4.5V17l-8 5-8-5V6.5Zm8-2.2L7.1 7 12 9.7 16.9 7 12 4.3Zm-6 4.4v7.2l5 3.1v-7.2L6 8.7Zm7 10.3 5-3.1V8.7l-5 3.1V19Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   23. ICON – AUSFLUGSFAHRT
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(5) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2a4 4 0 0 0-4 4c0 3 4 7 4 7s4-4 4-7a4 4 0 0 0-4-4Zm0 5.5A1.5 1.5 0 1 1 7 4.5a1.5 1.5 0 0 1 0 3ZM17 11a4 4 0 0 0-4 4c0 3 4 7 4 7s4-4 4-7a4 4 0 0 0-4-4Zm0 5.5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3ZM9 14h3v2H9a4 4 0 0 1-4-4h2a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 2a4 4 0 0 0-4 4c0 3 4 7 4 7s4-4 4-7a4 4 0 0 0-4-4Zm0 5.5A1.5 1.5 0 1 1 7 4.5a1.5 1.5 0 0 1 0 3ZM17 11a4 4 0 0 0-4 4c0 3 4 7 4 7s4-4 4-7a4 4 0 0 0-4-4Zm0 5.5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3ZM9 14h3v2H9a4 4 0 0 1-4-4h2a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   24. ICON – ANDERE
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:has(input[type="radio"][value="Taxifahrt"])
.ff-el-form-check:nth-child(6) label::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") !important;

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 10a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4a2 2 0 0 0 0-4Z'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   25. NORMALE RADIO-GRUPPEN
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group:not(:has(input[type="radio"][value="Taxifahrt"]))
input[type="radio"] {
    accent-color: #87BA64 !important;
}


/* =========================================================
   26. FORMULARFELDER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
input.ff-el-form-control,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
select.ff-el-form-control,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
textarea.ff-el-form-control {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 48px !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;

    color: #191919 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 8px !important;

    outline: 0 !important;

    box-shadow: inset 0 0 0 1px #d8d8d8 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   27. INPUT-WRAPPER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-input--content {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   28. TEXTAREA
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
textarea.ff-el-form-control {
    min-height: 112px !important;

    resize: none !important;
}


/* =========================================================
   29. FOCUS
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
input.ff-el-form-control:focus,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
select.ff-el-form-control:focus,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
textarea.ff-el-form-control:focus {
    outline: 0 !important;

    border: 0 !important;

    box-shadow:
        inset 0 0 0 1px #5C8528,
        0 0 0 3px rgba(135, 186, 100, 0.14) !important;
}


/* =========================================================
   30. PLACEHOLDER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
input.ff-el-form-control::placeholder,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
textarea.ff-el-form-control::placeholder {
    color: #929292 !important;

    opacity: 1 !important;
}


/* =========================================================
   31. PFLICHTSTERN
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-el-required {
    color: #d84c4c !important;
}


/* =========================================================
   32. BUTTON
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-btn-submit,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform button[type="submit"] {
    min-height: 48px !important;

    padding: 12px 26px !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;

    color: #ffffff !important;

    background: #87ba64 !important;

    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    cursor: pointer !important;
}

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-btn-submit:hover,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform button[type="submit"]:hover {
    color: #ffffff !important;

    background: #87BA64 !important;

    border: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   33. FEHLERMELDUNGEN
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .error,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .text-danger,
.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-is-error .text-danger {
    font-family: "Poppins", sans-serif !important;

    font-size: 12px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   34. HTML-HINWEISTEXTE
   GILT FÜR ALLE BEDINGTEN BEREICHE
   Z. B. KRANKENBEFÖRDERUNG UND FLUGHAFENTRANSFER
   ========================================================= */

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-form-control p,

.elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
.ff-el-group p {
    margin-top: 0 !important;

    font-family: "Poppins", sans-serif !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    color: #666666 !important;
}


/* =========================================================
   TABLET – 768px BIS 1199px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199px) {

    /* =====================================================
       ZURÜCK ZUR WEBSITE
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck {
        margin-bottom: 8px !important;
    }

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fahrt-zurueck .elementor-heading-title {
        font-size: 12px !important;
    }


    /* =====================================================
       FORMULAR-CONTAINER
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup {
        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin: 20px auto 36px !important;
        padding: 28px 26px 32px !important;
    }


    /* =====================================================
       SERVICE-AUSWAHL – 3 x 2
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-input--content {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }


    /* =====================================================
       SERVICE-KARTEN
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-form-check label {
        min-height: 96px !important;

        padding: 10px 10px !important;

        font-size: 12px !important;
        line-height: 1.3 !important;
    }


    /* =====================================================
       ICONS
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-form-check label::before {
        width: 30px !important;
        height: 30px !important;

        flex: 0 0 30px !important;
    }
}


/* =========================================================
   MOBILE – BIS 767px
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HEADER
       LOGO + TELEFON IN EINER ZEILE
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: calc(100% - 32px) !important;
        max-width: none !important;

        min-height: 64px !important;

        margin: 0 auto !important;
        padding: 8px 0 !important;

        gap: 12px !important;
    }


    /* =====================================================
       LOGO
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image {
        width: 108px !important;
        max-width: 108px !important;

        flex: 0 0 108px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image
    .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-image img,
    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header img {
        display: block !important;

        width: 108px !important;
        max-width: 108px !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       TELEFON – WIDGET
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-heading {
        width: auto !important;
        max-width: none !important;

        flex: 0 0 auto !important;
        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translateY(8px) !important;
    }

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-widget-heading
    .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       TELEFON
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title,
    .elementor-6313 .elementor-element.elementor-element-5107338a .fahrt-header .elementor-heading-title a {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 700 !important;

        white-space: nowrap !important;

        color: #5C8528 !important;

        text-decoration: none !important;
    }


    /* =====================================================
       FORMULAR-CONTAINER
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup {
        width: calc(100% - 32px) !important;
        max-width: none !important;

        margin: 16px auto 32px !important;
        padding: 24px 16px 28px !important;
    }


    /* =====================================================
       ÜBERSCHRIFT
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup > .elementor-widget-heading:not(.fahrt-zurueck)
    .elementor-heading-title {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }


    /* =====================================================
       SUBHEADLINE
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-text-editor,
    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .elementor-widget-text-editor p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }


    /* =====================================================
       SERVICE-AUSWAHL – 2 x 3
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-input--content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;
    }


    /* =====================================================
       SERVICE-KARTEN
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-form-check label {
        min-height: 92px !important;

        padding: 9px 6px !important;

        font-size: 11px !important;
        line-height: 1.25 !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;
        hyphens: auto !important;
    }


    /* =====================================================
       SERVICE-ICONS
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group:has(input[type="radio"][value="Taxifahrt"])
    .ff-el-form-check label::before {
        width: 28px !important;
        height: 28px !important;

        flex: 0 0 28px !important;
    }


    /* =====================================================
       FLUENT FORMS – BASIS
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform {
        margin-top: 22px !important;
    }

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-el-group {
        margin-bottom: 16px !important;
    }


    /* =====================================================
       LABELS
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform label,
    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-input--label label {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }


    /* =====================================================
       FORMULARFELDER
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    input.ff-el-form-control,

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    select.ff-el-form-control,

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    textarea.ff-el-form-control {
        min-height: 46px !important;

        padding: 10px 12px !important;

        font-size: 13px !important;
    }


    /* =====================================================
       TEXTAREA
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    textarea.ff-el-form-control {
        min-height: 108px !important;
    }


    /* =====================================================
       HTML-HINWEISTEXTE
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-form-control p,

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform
    .ff-el-group p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }


    /* =====================================================
       BUTTON
       ===================================================== */

    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform .ff-btn-submit,
    .elementor-6313 .elementor-element.elementor-element-5107338a .taxi-fahrt-popup .fluentform button[type="submit"] {
        min-height: 46px !important;

        padding: 12px 22px !important;

        font-size: 13px !important;
    }
}/* End custom CSS */