.elementor-661 .elementor-element.elementor-element-182cb583{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-182cb583.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-661 .elementor-element.elementor-element-261f865b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-6d2c42d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-73d4eda8{--display:flex;}.elementor-661 .elementor-element.elementor-element-73d4eda8:not(.elementor-motion-effects-element-type-background), .elementor-661 .elementor-element.elementor-element-73d4eda8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://taxialex.at/wp-content/uploads/2026/08/Taxi-Alex-–-Fragen-zu-Taxifahrten-e1788012353885.png");background-repeat:no-repeat;background-size:cover;}.elementor-661 .elementor-element.elementor-element-3923573{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-75fcb15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-18e1b7f{--display:flex;}.elementor-661 .elementor-element.elementor-element-1bb89f8{--display:flex;}.elementor-661 .elementor-element.elementor-element-03a5d45{--display:flex;}.elementor-661 .elementor-element.elementor-element-a8a788a{--display:flex;}.elementor-661 .elementor-element.elementor-element-0fc7ba0{--display:flex;}.elementor-661 .elementor-element.elementor-element-06a2a97{--display:flex;}.elementor-661 .elementor-element.elementor-element-aa91d0e{--display:flex;}.elementor-661 .elementor-element.elementor-element-3a61482{--display:flex;}.elementor-661 .elementor-element.elementor-element-70be022{--display:flex;}.elementor-661 .elementor-element.elementor-element-d786381{--display:flex;}.elementor-661 .elementor-element.elementor-element-d0e0810{--display:flex;}.elementor-661 .elementor-element.elementor-element-ac1a09a{--display:flex;}.elementor-661 .elementor-element.elementor-element-6d023e4{--display:flex;}.elementor-661 .elementor-element.elementor-element-fe66067{--display:flex;}.elementor-661 .elementor-element.elementor-element-396c63e{--n-accordion-title-font-size:1rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:where( .elementor-661 .elementor-element.elementor-element-396c63e > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}.elementor-661 .elementor-element.elementor-element-c073b27{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-20a1c8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-cca6dd4 .elementor-icon-wrapper{text-align:center;}.elementor-661 .elementor-element.elementor-element-6b5fdf37 .elementor-button-content-wrapper{flex-direction:row;}.elementor-661 .elementor-element.elementor-element-74998f93 .elementor-button-content-wrapper{flex-direction:row;}.elementor-661 .elementor-element.elementor-element-87af512{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-661 .elementor-element.elementor-element-5443ea7 .elementor-icon-wrapper{text-align:center;}.elementor-661 .elementor-element.elementor-element-116b4cda{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-661 .elementor-element.elementor-element-295d4cfa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-661 .elementor-element.elementor-element-737840cc .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-661 .elementor-element.elementor-element-7469b09d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-661 .elementor-element.elementor-element-70104129 .elementor-button-content-wrapper{flex-direction:row;}.elementor-661 .elementor-element.elementor-element-83cdd4e .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-182cb583 *//* =========================================================
   TAXI ALEX — FRAGEN & ANTWORTEN
   FINALER CSS
   DESKTOP + TABLET + MOBILE
   ========================================================= */


/* =========================================================
   0. ОСНОВА СТРАНИЦЫ
   ========================================================= */

.service-seite {
    --taxi-gruen: #87BA64;
    --taxi-orange: #FCA311;
    --taxi-schwarz: #111111;
    --taxi-weiss: #ffffff;

    --taxi-beige: #f7f2ec;
    --taxi-faq: #fbf6f0;
    --taxi-antwort: #F5F9F1;
    --taxi-border: #d8dde2;

    --taxi-max: 1280px;

    --hero-gesamt: min(calc(100% - 32px), 1280px);

    --faq-gesamt: min(calc(100% - 80px), 1200px);
    --faq-rechts: 330px;
    --faq-luecke: 18px;

    --faq-links: calc(
        var(--faq-gesamt)
        - var(--faq-rechts)
        - var(--faq-luecke)
    );

    --hero-versatz: calc(
        (var(--hero-gesamt) - var(--faq-gesamt)) / 2
    );

    --hero-text-breite: calc(
        var(--hero-versatz)
        + var(--faq-links)
    );

    width: 100%;
    max-width: none;
    min-width: 0;

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

    display: flex;
    flex-direction: column;
    align-items: stretch;

    overflow-x: hidden;

    box-sizing: border-box;
}


/* =========================================================
   1. HERO
   ========================================================= */

.service-seite .service-hero {
    width: var(--hero-gesamt);
    max-width: var(--taxi-max);

    min-height: 225px;

    margin: 0 auto;
    padding: 0;

    display: grid;

    grid-template-columns:
        var(--hero-text-breite)
        minmax(0, 1fr);

    align-items: stretch;

    gap: 0;

    background: var(--taxi-beige);

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   1.1 HERO — ТЕКСТ
   ========================================================= */

.service-seite .service-hero-inhalt {
    width: 100%;
    min-width: 0;

    margin: 0;

    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 34px;

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

    background: var(--taxi-beige);

    box-sizing: border-box;
}


/* =========================================================
   1.2 HERO — H1
   ========================================================= */

.service-seite .service-hero-inhalt h1,
.service-seite .service-hero-inhalt h1.elementor-heading-title {
    width: 100%;

    margin: 0;
    padding: 0;

    font-size: 52px;
    font-weight: 700;
    line-height: 1.12;

    color: var(--taxi-schwarz);

    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
}


/* =========================================================
   1.3 HERO — ABSATЗ
   ========================================================= */

.service-seite .service-hero-inhalt p {
    width: 100%;
    max-width: none;

    margin: 18px 0 0;
    padding: 0;

    font-size: 16.5px;
    font-weight: 400;
    line-height: 1.7;

    color: var(--taxi-schwarz);

    box-sizing: border-box;
}


/* =========================================================
   1.4 HERO — FOTO
   ========================================================= */

.service-seite .service-hero-bild {
    width: 100%;
    min-width: 0;
    min-height: 225px;

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

    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;

    background-color: var(--taxi-beige);

    overflow: hidden;

    box-sizing: border-box;
}


/* =========================================================
   2. FAQ-BEREICH
   ========================================================= */

.service-seite .faq-bereich {
    width: var(--faq-gesamt);
    max-width: 1200px;

    margin: 16px auto 10px;
    padding: 0;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        var(--faq-rechts);

    column-gap: var(--faq-luecke);

    align-items: start;

    box-sizing: border-box;
}


/* =========================================================
   3. FAQ-FRAGEN
   ========================================================= */

.service-seite .faq-fragen {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    box-sizing: border-box;
}

.service-seite .faq-fragen > .elementor-element {
    width: 100%;
    max-width: 100%;

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


/* =========================================================
   4. ACCORDION
   ========================================================= */

.service-seite .faq-fragen .e-n-accordion {
    width: 100%;

    margin: 0;
    padding: 0;

    gap: 0 !important;
}

.service-seite .faq-fragen .e-n-accordion-item {
    width: 100%;

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

    background: var(--taxi-faq);

    border: 1px solid var(--taxi-border);
    border-bottom: 0;

    box-shadow: none;

    box-sizing: border-box;
}

.service-seite .faq-fragen .e-n-accordion-item:last-child {
    border-bottom: 1px solid var(--taxi-border);
}


/* =========================================================
   5. ACCORDION — ВОПРОС
   ========================================================= */

.service-seite .faq-fragen .e-n-accordion-item-title {
    width: 100%;
    min-height: 38px;

    margin: 0;

    padding-top: 6px;
    padding-right: 9px;
    padding-bottom: 6px;
    padding-left: 9px;

    display: flex;
    align-items: center;

    background: var(--taxi-faq) !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: var(--taxi-schwarz) !important;

    font-size: 11px;
    font-weight: 500;
    line-height: 1.35;

    cursor: pointer;

    box-sizing: border-box;
}


/* =========================================================
   5.1 ACCORDION — БЕЗ ОРАНЖЕВОГО
   ========================================================= */

.service-seite .faq-fragen .e-n-accordion-item-title,
.service-seite .faq-fragen .e-n-accordion-item-title:hover,
.service-seite .faq-fragen .e-n-accordion-item-title:focus,
.service-seite .faq-fragen .e-n-accordion-item-title:focus-visible,
.service-seite .faq-fragen .e-n-accordion-item-title:active,
.service-seite .faq-fragen
.e-n-accordion-item[open]
> .e-n-accordion-item-title,
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"],
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"]:hover {
    color: var(--taxi-schwarz) !important;

    background: var(--taxi-faq) !important;

    outline: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   5.2 ACCORDION — ИКОНКА ВСЕГДА ЗЕЛЁНАЯ
   ========================================================= */

.service-seite .faq-fragen .e-n-accordion-item-title-icon,
.service-seite .faq-fragen .e-n-accordion-item-title-icon *,
.service-seite .faq-fragen
.e-n-accordion-item-title:hover
.e-n-accordion-item-title-icon,
.service-seite .faq-fragen
.e-n-accordion-item-title:hover
.e-n-accordion-item-title-icon *,
.service-seite .faq-fragen
.e-n-accordion-item-title:focus
.e-n-accordion-item-title-icon,
.service-seite .faq-fragen
.e-n-accordion-item-title:focus
.e-n-accordion-item-title-icon *,
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"]
.e-n-accordion-item-title-icon,
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"]
.e-n-accordion-item-title-icon * {
    color: var(--taxi-gruen) !important;
}

.service-seite .faq-fragen .e-n-accordion-item-title-icon svg,
.service-seite .faq-fragen .e-n-accordion-item-title-icon svg *,
.service-seite .faq-fragen
.e-n-accordion-item-title:hover
.e-n-accordion-item-title-icon svg,
.service-seite .faq-fragen
.e-n-accordion-item-title:hover
.e-n-accordion-item-title-icon svg *,
.service-seite .faq-fragen
.e-n-accordion-item-title:focus
.e-n-accordion-item-title-icon svg,
.service-seite .faq-fragen
.e-n-accordion-item-title:focus
.e-n-accordion-item-title-icon svg *,
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"]
.e-n-accordion-item-title-icon svg,
.service-seite .faq-fragen
.e-n-accordion-item-title[aria-expanded="true"]
.e-n-accordion-item-title-icon svg * {
    fill: var(--taxi-gruen) !important;
    stroke: var(--taxi-gruen) !important;
}


/* =========================================================
   6. ACCORDION — КОНТЕЙНЕР ОТВЕТА
   ========================================================= */

.service-seite .faq-fragen
.e-n-accordion-item > .e-con {
    width: 100% !important;

    margin: 0 !important;

    --padding-top: 9px !important;
    --padding-right: 12px !important;
    --padding-bottom: 10px !important;
    --padding-left: 35px !important;

    padding-top: 9px !important;
    padding-right: 12px !important;
    padding-bottom: 10px !important;
    padding-left: 35px !important;

    background: #FDFBF8 !important;

    border: 0 !important;
    border-top: 1px solid var(--taxi-border) !important;

    outline: 0 !important;
    box-shadow: none !important;

    box-sizing: border-box;
}


/* =========================================================
   6.1 ACCORDION — ВСЕ ОТВЕТЫ
   DESKTOP = 14 PX

   ВАЖНО:
   правило работает независимо от того,
   Paragraph / Text Editor / info-liste использует Elementor
   ========================================================= */

.service-seite .faq-fragen
.e-n-accordion-item > .e-con p,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .info-liste,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .info-liste p,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .info-liste span,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .info-liste div,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .elementor-widget-text-editor,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .elementor-widget-text-editor p,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .elementor-widget-paragraph,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con .elementor-widget-paragraph p {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    color: var(--taxi-schwarz) !important;

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


/* Убираем индивидуальные Elementor-отступы у абзацев */

.service-seite .faq-fragen
.e-n-accordion-item > .e-con p,

.service-seite .faq-fragen
.e-n-accordion-item > .e-con p.info-liste {
    width: 100% !important;

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


/* =========================================================
   7. ПРАВАЯ КОЛОНКА FAQ
   ========================================================= */

.service-seite .faq-kontakt {
    width: var(--faq-rechts);
    min-width: var(--faq-rechts);

    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;

    gap: 10px;

    box-sizing: border-box;
}


/* =========================================================
   8. ОБЕ ПРАВЫЕ КАРТОЧКИ
   ========================================================= */

.service-seite .faq-kontakt-box,
.service-seite .faq-info-box {
    width: 100%;

    margin: 0;

    padding-top: 18px;
    padding-right: 18px;
    padding-bottom: 19px;
    padding-left: 18px;

    display: flex;
    flex-direction: column;
    align-items: center;

    background: var(--taxi-beige);

    border: 0;
    border-radius: 0;

    box-shadow: none;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   9. ИКОНКИ
   ========================================================= */

.service-seite .faq-kontakt-box .elementor-widget-icon,
.service-seite .faq-info-box .elementor-widget-icon {
    width: auto;

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

.service-seite .faq-kontakt-box .elementor-icon,
.service-seite .faq-info-box .elementor-icon {
    font-size: 38px;

    color: var(--taxi-gruen) !important;
    fill: var(--taxi-gruen) !important;
}

.service-seite .faq-kontakt-box .elementor-icon svg,
.service-seite .faq-info-box .elementor-icon svg {
    width: 38px;
    height: 38px;

    fill: currentColor;
}


/* =========================================================
   10. ВЕРХНИЙ ПРАВЫЙ БЛОК
   ========================================================= */

.service-seite .faq-kontakt-box .elementor-widget-heading,
.service-seite .faq-kontakt-box .elementor-widget-paragraph,
.service-seite .faq-kontakt-box .elementor-widget-text-editor {
    width: 100%;

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

.service-seite .faq-kontakt-box h2,
.service-seite .faq-kontakt-box h3,
.service-seite .faq-kontakt-titel .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

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

    text-align: center;

    color: var(--taxi-schwarz) !important;
}

.service-seite .faq-kontakt-box p {
    margin: 10px 0 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-align: center;

    color: var(--taxi-schwarz) !important;
}


/* =========================================================
   11. КНОПКИ ВЕРХНЕГО ПРАВОГО БЛОКА
   ========================================================= */

.service-seite .faq-kontakt-box .elementor-widget-button {
    width: 100%;

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

.service-seite .faq-kontakt-box .elementor-button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    min-height: 44px;

    padding: 9px 12px;

    border-radius: 7px;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}


/* Первая кнопка */

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button {
    background: var(--taxi-gruen);

    border: 1px solid var(--taxi-gruen);

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);

    color: var(--taxi-weiss);
}


/* Вторая кнопка */

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button {
    background: var(--taxi-beige) !important;

    border: 1px solid rgba(0, 0, 0, 0.16) !important;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);

    color: var(--taxi-schwarz) !important;
}


/* Fahrt anfragen — Hover */

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:hover,

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:focus {
    background: var(--taxi-beige) !important;

    border-color: rgba(0, 0, 0, 0.16) !important;

    color: var(--taxi-orange) !important;
}

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:hover
.elementor-button-text,

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:focus
.elementor-button-text,

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:hover
.elementor-button-icon,

.service-seite .faq-kontakt-box
.elementor-widget-button:last-of-type
.elementor-button:focus
.elementor-button-icon {
    color: var(--taxi-orange) !important;
}


/* Telefon — Hover */

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:hover,

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:focus,

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:hover
.elementor-button-text,

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:focus
.elementor-button-text,

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:hover
.elementor-button-icon,

.service-seite .faq-kontakt-box
.elementor-widget-button:first-of-type
.elementor-button:focus
.elementor-button-icon {
    color: var(--taxi-orange) !important;
}


/* =========================================================
   12. GUT ZU WISSEN
   ========================================================= */

.service-seite .faq-info-box h2 {
    width: 100%;

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

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

    text-align: center;

    color: var(--taxi-schwarz) !important;
}

.service-seite .faq-info-box > div,
.service-seite .faq-info-box .elementor-widget-container > div {
    width: 100%;

    margin-top: 10px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;

    padding: 0;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-align: center;

    color: var(--taxi-schwarz) !important;
}

.service-seite .faq-info-box p {
    width: 100%;

    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;

    padding: 0 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;

    text-align: center;

    color: var(--taxi-schwarz) !important;
}


/* =========================================================
   13. НИЖНИЙ CTA
   ========================================================= */

.service-seite > .cta-box {
    width: calc(100% - 32px);
    max-width: var(--taxi-max);

    min-height: 82px;

    margin-top: 0;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;

    padding-top: 10px;
    padding-right: 22px;
    padding-bottom: 10px;
    padding-left: 22px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: center;

    column-gap: 30px;

    background: var(--taxi-beige);

    border: 0;
    border-radius: 0;

    box-shadow: none;

    box-sizing: border-box;
}


/* =========================================================
   14. CTA — TEXT
   ========================================================= */

.service-seite > .cta-box .cta-text {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: flex-start;

    gap: 5px;

    box-sizing: border-box;
}

.service-seite > .cta-box
.cta-text > .elementor-element {
    width: 100%;

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

.service-seite > .cta-box
.cta-text .elementor-heading-title,

.service-seite > .cta-box
.cta-text h2,

.service-seite > .cta-box
.cta-text h3 {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    color: var(--taxi-schwarz) !important;
}

.service-seite > .cta-box
.cta-text p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    color: var(--taxi-schwarz) !important;
}


/* =========================================================
   15. CTA — BUTTON-CONTAINER
   ========================================================= */

.service-seite > .cta-box .cta-button {
    width: auto !important;
    min-width: 0;

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

    display: flex !important;
    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 24px !important;

    flex-wrap: nowrap !important;

    justify-self: end;

    box-sizing: border-box;
}

.service-seite > .cta-box
.cta-button .elementor-widget-button {
    width: auto !important;

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

    flex: 0 0 auto;
}


/* =========================================================
   16. CTA — КНОПКИ
   ========================================================= */

.service-seite > .cta-box
.cta-button .elementor-button {
    display: flex;

    align-items: center;
    justify-content: center;

    width: auto;

    min-width: 205px;
    min-height: 44px;

    padding: 10px 18px;

    border-radius: 7px;

    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.13);

    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;

    box-sizing: border-box;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}


/* Telefon */

.service-seite > .cta-box
.cta-button
.elementor-widget-button:first-child
.elementor-button {
    background: var(--taxi-gruen) !important;

    border: 1px solid var(--taxi-gruen) !important;

    color: var(--taxi-weiss) !important;
}


/* Nachricht senden */

.service-seite > .cta-box
.cta-button
.elementor-widget-button:last-child
.elementor-button {
    background: var(--taxi-beige) !important;

    border: 1px solid rgba(0, 0, 0, 0.16) !important;

    color: var(--taxi-schwarz) !important;
}

.service-seite > .cta-box
.cta-button .elementor-button-text,

.service-seite > .cta-box
.cta-button .elementor-button-icon {
    color: inherit !important;
}


/* =========================================================
   17. CTA — HOVER
   ========================================================= */

.service-seite > .cta-box
.cta-button
.elementor-widget-button:first-child
.elementor-button:hover,

.service-seite > .cta-box
.cta-button
.elementor-widget-button:first-child
.elementor-button:focus {
    background: var(--taxi-gruen) !important;

    border-color: var(--taxi-gruen) !important;

    color: var(--taxi-orange) !important;
}

.service-seite > .cta-box
.cta-button
.elementor-widget-button:last-child
.elementor-button:hover,

.service-seite > .cta-box
.cta-button
.elementor-widget-button:last-child
.elementor-button:focus {
    background: var(--taxi-beige) !important;

    border-color: rgba(0, 0, 0, 0.16) !important;

    color: var(--taxi-orange) !important;
}


/* =========================================================
   18. TABLET — 768–1024 PX
   ========================================================= */

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

    .service-seite .service-hero {
        width: calc(100% - 28px);
        max-width: none;

        margin-left: auto;
        margin-right: auto;

        min-height: 0;

        box-sizing: border-box;
    }

    .service-seite .service-hero-inhalt {
        min-width: 0;

        padding-top: 18px;
        padding-right: 6px;
        padding-bottom: 18px;
        padding-left: 6px;

        box-sizing: border-box;
    }

    .service-seite
    .service-hero-inhalt
    h1.elementor-heading-title {
        width: 100%;

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

        font-size: 36px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;

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

    .service-seite .service-hero-inhalt p {
        width: 100%;
        max-width: none;

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

        font-size: 12.5px !important;
        font-weight: 400 !important;
        line-height: 1.55 !important;
    }

    .service-seite .service-hero-bild {
        min-width: 0;

        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }


    /* FAQ */

    .service-seite .faq-bereich {
        display: grid;

        grid-template-columns:
            minmax(0, 70fr)
            minmax(0, 30fr);

        align-items: start;

        column-gap: 14px;

        width: calc(100% - 28px);
        max-width: none;

        margin-top: 14px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;

        padding: 0;

        box-sizing: border-box;
    }

    .service-seite .faq-fragen {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;
    }


    /* QUESTION */

    .service-seite
    .faq-fragen
    .e-n-accordion-item-title {
        min-height: 38px;

        margin: 0;

        padding-top: 6px;
        padding-right: 8px;
        padding-bottom: 6px;
        padding-left: 8px;

        font-size: 11.5px !important;
        font-weight: 600;
        line-height: 1.35 !important;

        box-sizing: border-box;
    }


    /* ANSWER CONTAINER */

    .service-seite
    .faq-fragen
    .e-n-accordion-item > .e-con {
        --padding-top: 8px !important;
        --padding-right: 10px !important;
        --padding-bottom: 9px !important;
        --padding-left: 32px !important;

        padding-top: 8px !important;
        padding-right: 10px !important;
        padding-bottom: 9px !important;
        padding-left: 32px !important;
    }


    /* ВСЕ ОТВЕТЫ TABLET = 11 PX */

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con p,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .info-liste,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .info-liste *,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-text-editor,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-text-editor p,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-paragraph,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-paragraph p {
        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* RIGHT COLUMN */

    .service-seite .faq-kontakt {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        gap: 8px;
    }

    .service-seite .faq-kontakt-box,
    .service-seite .faq-info-box {
        width: 100%;
        max-width: 100%;

        margin: 0;

        padding: 14px 10px;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-widget-icon,

    .service-seite
    .faq-info-box
    .elementor-widget-icon {
        margin: 0 0 8px 0 !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-icon,

    .service-seite
    .faq-info-box
    .elementor-icon {
        font-size: 34px;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-icon svg,

    .service-seite
    .faq-info-box
    .elementor-icon svg {
        width: 34px;
        height: 34px;
    }

    .service-seite .faq-kontakt-box h2,
    .service-seite .faq-kontakt-box h3,
    .service-seite
    .faq-kontakt-titel
    .elementor-heading-title,

    .service-seite .faq-info-box h2 {
        font-size: 15px !important;
        line-height: 1.28 !important;
    }

    .service-seite .faq-kontakt-box p,
    .service-seite .faq-info-box > div,
    .service-seite
    .faq-info-box
    .elementor-widget-container > div,
    .service-seite .faq-info-box p {
        margin-top: 7px !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-widget-button {
        width: 100%;

        margin: 9px 0 0 !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-button {
        width: 100%;
        min-height: 40px;

        padding: 8px 6px;

        font-size: 11.5px;
    }


    /* CTA TABLET */

    .service-seite > .cta-box {
        grid-template-columns:
            minmax(0, 1fr)
            auto;

        column-gap: 14px;

        width: calc(100% - 28px);

        padding: 10px 12px;
    }

    .service-seite > .cta-box
    .cta-text
    .elementor-heading-title,

    .service-seite > .cta-box
    .cta-text h2,

    .service-seite > .cta-box
    .cta-text h3 {
        font-size: 14.5px !important;
        line-height: 1.25 !important;
    }

    .service-seite > .cta-box
    .cta-text p {
        font-size: 10.5px !important;
        line-height: 1.35 !important;
    }

    .service-seite > .cta-box .cta-button {
        gap: 10px !important;
    }

    .service-seite > .cta-box
    .cta-button
    .elementor-button {
        min-width: 155px;
        min-height: 40px;

        padding: 8px 11px;

        font-size: 11.5px;
    }
}


/* =========================================================
   19. MOBILE — ДО 767 PX
   ========================================================= */

@media (max-width: 767px) {


    /* HERO */

    .service-seite .service-hero {
        display: flex !important;
        flex-direction: column !important;

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

        min-height: 0 !important;

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

        background: var(--taxi-beige) !important;

        overflow: hidden !important;
    }

    .service-seite .service-hero-inhalt {
        width: 100% !important;

        padding:
            18px
            14px
            16px !important;
    }

    .service-seite
    .service-hero-inhalt
    h1.elementor-heading-title,

    .service-seite
    .service-hero-inhalt
    h1 {
        width: 100% !important;

        margin: 0 0 12px 0 !important;

        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    .service-seite .service-hero-inhalt p {
        width: 100% !important;

        margin: 0 !important;

        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    .service-seite .service-hero-bild {
        width: 100% !important;
        min-width: 100% !important;

        min-height: 190px !important;
        height: 190px !important;

        background-position: center center !important;
        background-size: cover !important;
    }


    /* FAQ */

    .service-seite .faq-bereich {
        display: flex !important;
        flex-direction: column !important;

        width: calc(100% - 24px) !important;

        margin:
            10px
            auto !important;

        padding: 0 !important;

        gap: 12px !important;
    }

    .service-seite .faq-fragen,
    .service-seite .faq-kontakt {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .service-seite .faq-kontakt {
        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;
    }


    /* QUESTION */

    .service-seite
    .faq-fragen
    .e-n-accordion-item-title {
        width: 100% !important;
        min-height: 42px !important;

        padding:
            7px
            8px !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
    }


    /* ANSWER CONTAINER */

    .service-seite
    .faq-fragen
    .e-n-accordion-item > .e-con {
        width: 100% !important;

        --padding-top: 10px !important;
        --padding-right: 12px !important;
        --padding-bottom: 11px !important;
        --padding-left: 16px !important;

        padding:
            10px
            12px
            11px
            16px !important;

        background: #FDFBF8 !important;

        border-top:
            1px solid
            var(--taxi-border) !important;
    }


    /* ВСЕ ОТВЕТЫ MOBILE = 13 PX */

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con p,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .info-liste,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .info-liste *,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-text-editor,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-text-editor p,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-paragraph,

    .service-seite .faq-fragen
    .e-n-accordion-item > .e-con .elementor-widget-paragraph p {
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;

        color: var(--taxi-schwarz) !important;
    }


    /* RIGHT BOXES */

    .service-seite .faq-kontakt-box,
    .service-seite .faq-info-box {
        width: 100% !important;

        padding:
            16px
            14px !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-widget-icon,

    .service-seite
    .faq-info-box
    .elementor-widget-icon {
        margin:
            0
            0
            9px !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-icon,

    .service-seite
    .faq-info-box
    .elementor-icon {
        font-size: 34px !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-icon svg,

    .service-seite
    .faq-info-box
    .elementor-icon svg {
        width: 34px !important;
        height: 34px !important;
    }

    .service-seite .faq-kontakt-box h2,
    .service-seite .faq-kontakt-box h3,
    .service-seite
    .faq-kontakt-titel
    .elementor-heading-title,

    .service-seite .faq-info-box h2 {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    .service-seite .faq-kontakt-box p,
    .service-seite .faq-info-box > div,
    .service-seite
    .faq-info-box
    .elementor-widget-container > div,
    .service-seite .faq-info-box p {
        margin-top: 7px !important;

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

    .service-seite
    .faq-kontakt-box
    .elementor-widget-button {
        width: 100% !important;

        margin:
            10px
            0
            0 !important;
    }

    .service-seite
    .faq-kontakt-box
    .elementor-button {
        width: 100% !important;
        min-height: 42px !important;

        padding:
            9px
            8px !important;

        font-size: 12px !important;
    }


    /* CTA MOBILE */

    .service-seite > .cta-box {
        display: flex !important;
        flex-direction: column !important;

        width: calc(100% - 24px) !important;

        min-height: 0 !important;

        margin:
            0
            auto
            12px !important;

        padding:
            14px
            12px !important;

        gap: 10px !important;

        background: var(--taxi-beige) !important;
    }

    .service-seite > .cta-box .cta-text {
        width: 100% !important;

        gap: 4px !important;
    }

    .service-seite > .cta-box
    .cta-text
    .elementor-heading-title,

    .service-seite > .cta-box
    .cta-text h2,

    .service-seite > .cta-box
    .cta-text h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .service-seite > .cta-box
    .cta-text p {
        font-size: 11.5px !important;
        line-height: 1.4 !important;
    }

    .service-seite > .cta-box .cta-button {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 8px !important;
    }

    .service-seite > .cta-box
    .cta-button
    .elementor-widget-button {
        width: 100% !important;
    }

    .service-seite > .cta-box
    .cta-button
    .elementor-button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 42px !important;

        padding:
            9px
            10px !important;

        font-size: 12px !important;
    }

} /* ENDE MOBILE *//* End custom CSS */