.elementor-38 .elementor-element.elementor-element-9421e5c{--display:flex;}.elementor-38 .elementor-element.elementor-element-b3cd0b8{--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;--flex-wrap:nowrap;}.elementor-38 .elementor-element.elementor-element-b3cd0b8:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-b3cd0b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-38 .elementor-element.elementor-element-a7b5b5c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:12px 0px;--row-gap:12px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-4816a08 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-4816a08 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-38 .elementor-element.elementor-element-2b314d1{--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-38 .elementor-element.elementor-element-2b314d1:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-2b314d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://taxialex.at/wp-content/uploads/2026/08/Taxi-Alex-Leistungen-in-Gols-e1788441008783.png");background-repeat:no-repeat;}.elementor-38 .elementor-element.elementor-element-502ade9{--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-38 .elementor-element.elementor-element-a7d59c4{--display:flex;--min-height:250px;--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-38 .elementor-element.elementor-element-c8e89b7{--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-38 .elementor-element.elementor-element-8170214{--display:flex;}.elementor-38 .elementor-element.elementor-element-4670b6d{--display:flex;}.elementor-38 .elementor-element.elementor-element-474062e .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-0396ee4{--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-38 .elementor-element.elementor-element-47af8f9{--display:flex;}.elementor-38 .elementor-element.elementor-element-b534083{--display:flex;}.elementor-38 .elementor-element.elementor-element-77080ee .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-7ede515{--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-38 .elementor-element.elementor-element-268a65d{--display:flex;}.elementor-38 .elementor-element.elementor-element-34b0d7e{--display:flex;}.elementor-38 .elementor-element.elementor-element-33326da .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-b0f17f4{--display:flex;--min-height:250px;--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-38 .elementor-element.elementor-element-2a530b5{--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-38 .elementor-element.elementor-element-9bbdc77{--display:flex;}.elementor-38 .elementor-element.elementor-element-fd79e54{--display:flex;}.elementor-38 .elementor-element.elementor-element-9a67271 .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-1fb595c{--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-38 .elementor-element.elementor-element-ffd3066{--display:flex;}.elementor-38 .elementor-element.elementor-element-cca824d{--display:flex;--gap:020px 020px;--row-gap:020px;--column-gap:020px;}.elementor-38 .elementor-element.elementor-element-a48e569 .elementor-button{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-438691d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-95fd50e{--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;--flex-wrap:nowrap;}.elementor-38 .elementor-element.elementor-element-032fb72 > .elementor-widget-container{--e-transform-rotateZ:0deg;padding:0px 0px 0px 0px;}.elementor-38 .elementor-element.elementor-element-032fb72{text-align:center;}.elementor-38 .elementor-element.elementor-element-032fb72 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-38 .elementor-element.elementor-element-0516c34{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-5a4cf79 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:0px;}.elementor-38 .elementor-element.elementor-element-27ab85d{--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-38 .elementor-element.elementor-element-12c949a .elementor-button{background-color:#02010100;fill:#020101;color:#020101;}.elementor-38 .elementor-element.elementor-element-3e8e77f{--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-38 .elementor-element.elementor-element-380ee6d{--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-38 .elementor-element.elementor-element-b75df1d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-92b5544 .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-5419d33{--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-38 .elementor-element.elementor-element-4e30cd5 .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-d7f16a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-fe15bf0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-38 .elementor-element.elementor-element-276b194{--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-38 .elementor-element.elementor-element-4c1d339{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-fb0b33a .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-e098be6{--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-38 .elementor-element.elementor-element-cff4014 .elementor-heading-title{font-family:"Poppins", Sans-serif;}.elementor-38 .elementor-element.elementor-element-2b8e72d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-38 .elementor-element.elementor-element-5d8fda2 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-38 .elementor-element.elementor-element-a7b5b5c{--width:48%;}.elementor-38 .elementor-element.elementor-element-2b314d1{--width:52%;}.elementor-38 .elementor-element.elementor-element-95fd50e{--width:0%;}}/* Start custom CSS for container, class: .elementor-element-9421e5c *//* =========================================================
   TAXI ALEX — UNSERE LEISTUNGEN
   FINALER CSS

   Desktop + Laptop + Tablet + Mobile

   Abstände:
   Hero -> Reihe 1         14px
   Reihe 1 -> Reihe 2      14px
   Reihe 2 -> Gutschein    16px
   Gutschein -> CTA        14px
   ========================================================= */


/* =========================================================
   0. BASIS
   ========================================================= */

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

    --taxi-shadow: 0 5px 12px rgba(0, 0, 0, 0.13);

    --karten-gap: 14px;
    --reihen-gap: 14px;

    width: calc(100% - 32px) !important;
    max-width: 1280px !important;
    min-width: 0 !important;

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

    display: flex;
    flex-direction: column;

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

    gap: 0 !important;

    overflow-x: hidden;

    box-sizing: border-box;
}

.leistungen-seite *,
.leistungen-seite *::before,
.leistungen-seite *::after {
    box-sizing: border-box;
}


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

.leistungen-seite .leistungen-hero {
    display: flex;
    flex-direction: row;
    align-items: stretch;

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

    min-height: 230px;

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

    background: var(--taxi-schwarz);

    overflow: hidden;
}


/* HERO TEXT */

.leistungen-seite .hero-inhalt {
    display: flex;
    flex-direction: column;

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

    flex: 0 0 48%;
    width: 48%;
    min-width: 0;

    margin: 0;

    padding:
        16px
        20px
        18px
        clamp(28px, 3vw, 46px);

    background: var(--taxi-schwarz);
}


/* HERO H1 */

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

    margin: 0 0 12px 0;
    padding: 0;

    font-size: clamp(42px, 3.3vw, 58px);
    font-weight: 700;
    line-height: 50px;

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

.leistungen-seite
.leistungen-hero
.hero-inhalt
.elementor-heading-title span {
    display: inline-block;
    margin-top: 10px;
}


/* HERO ABSATZ */

.leistungen-seite
.leistungen-hero
.hero-inhalt p {
    width: 100%;
    max-width: 650px;

    margin: 0;
    padding: 0;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;

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


/* HERO FOTO */

.leistungen-seite .hero-bild {
    flex: 0 0 52%;

    width: 52%;
    min-width: 0;

    min-height: 230px;

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

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


/* =========================================================
   2. LEISTUNGEN
   ========================================================= */

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

    align-items: stretch !important;
    justify-content: flex-start !important;

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

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    gap: var(--reihen-gap) !important;

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

    background: var(--taxi-weiss);

    overflow: visible !important;
}


/* =========================================================
   3. REIHEN
   ========================================================= */

.leistungen-seite .leistungen-reihe-1,
.leistungen-seite .leistungen-reihe-2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;
    align-content: flex-start !important;

    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    gap: var(--karten-gap) !important;

    padding: 0 !important;

    overflow: visible !important;
}


/* REIHE 1 */

.leistungen-seite .leistungen-reihe-1 {
    width: 100% !important;
    max-width: 100% !important;

    justify-content: flex-start !important;

    margin: 0 !important;
}


/* REIHE 2 */

.leistungen-seite .leistungen-reihe-2 {
    width: calc(
        (((100% - (2 * var(--karten-gap))) / 3) * 2)
        + var(--karten-gap)
    ) !important;

    max-width: none !important;

    justify-content: flex-start !important;

    margin: 0 auto !important;
}


/* ELEMENTOR FLEX SCHUTZ */

.leistungen-seite
.leistungen > .elementor-element,

.leistungen-seite
.leistungen-reihe-1 > .elementor-element,

.leistungen-seite
.leistungen-reihe-2 > .elementor-element {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    min-height: 0 !important;
    height: auto !important;
}


/* =========================================================
   4. KARTEN
   ========================================================= */

.leistungen-seite .leistung-karte {
    display: flex !important;
    flex-direction: row !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    min-width: 0 !important;

    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;

    flex-grow: 0 !important;
    flex-shrink: 0 !important;

    align-self: flex-start !important;

    column-gap: 20px;

    margin: 0 !important;

    padding:
        12px
        16px
        14px !important;

    background: var(--taxi-weiss);

    border-radius: 12px;

    box-shadow: var(--taxi-shadow);
}


/* REIHE 1 — 3 KARTEN */

.leistungen-seite
.leistungen-reihe-1
.leistung-karte {
    flex-basis:
        calc(
            (100% - (2 * var(--karten-gap))) / 3
        ) !important;

    width:
        calc(
            (100% - (2 * var(--karten-gap))) / 3
        ) !important;

    max-width:
        calc(
            (100% - (2 * var(--karten-gap))) / 3
        ) !important;
}


/* REIHE 2 — 2 KARTEN */

.leistungen-seite
.leistungen-reihe-2
.leistung-karte {
    flex:
        0 0
        calc(
            (100% - var(--karten-gap)) / 2
        ) !important;

    width:
        calc(
            (100% - var(--karten-gap)) / 2
        ) !important;

    max-width:
        calc(
            (100% - var(--karten-gap)) / 2
        ) !important;
}


/* =========================================================
   5. ICONS
   ========================================================= */

.leistungen-seite .leistung-icon {
    display: flex;

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

    align-self: flex-start;

    flex: 0 0 44px;

    width: 44px;
    min-width: 44px;

    margin: 1px 0 0 0;
    padding: 0;
}

.leistungen-seite
.leistung-icon
.elementor-widget-container {
    display: flex;

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

    margin: 0;
    padding: 0;
}

.leistungen-seite .leistung-icon img {
    display: block;

    width: auto;

    max-width: 60px;
    max-height: 60px;

    object-fit: contain;
}

.leistungen-seite
.leistung-icon
.elementor-icon {
    display: flex;

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

    font-size: 38px;

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

.leistungen-seite
.leistung-icon
.elementor-icon svg {
    width: 40px;
    height: 40px;
}


/* =========================================================
   6. KARTENINHALT
   ========================================================= */

.leistungen-seite .leistung-inhalt {
    display: flex !important;
    flex-direction: column !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    flex: 1 1 0 !important;

    width: auto !important;
    min-width: 0 !important;

    min-height: 0 !important;
    height: auto !important;

    gap: 18px;

    margin: 0;
    padding: 0;
}

.leistungen-seite
.leistung-inhalt
> .elementor-element {
    width: 100%;
    max-width: 100%;
    min-width: 0;

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


/* H2 */

.leistungen-seite .leistung-inhalt h2 {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 0;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.18;

    color: var(--taxi-schwarz);

    white-space: nowrap;

    word-break: normal;
    overflow-wrap: normal;

    hyphens: none;
}


/* KRANKEN- & PATIENTENBEFÖRDERUNG */

.leistungen-seite
.leistungen-reihe-1
.leistung-karte:nth-child(3)
.leistung-inhalt h2 {
    font-size: 16px;
}


/* GRÜNE LINIE */

.leistungen-seite
.leistung-inhalt h2::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: -7px;

    width: 42px;
    height: 2px;

    background: var(--taxi-gruen);
}


/* ABSATZ */

.leistungen-seite
.leistung-inhalt p {
    width: 100%;

    margin: 0;
    padding: 0;

    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.4;

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


/* =========================================================
   7. MEHR ERFAHREN — KARTEN
   ========================================================= */

.leistungen-seite
.leistung-karte
.leistung-inhalt
.elementor-widget-button {
    display: block;

    width: auto;

    margin: 0;
    padding: 0;

    align-self: flex-start;
}

.leistungen-seite
.leistung-karte
.leistung-inhalt
.elementor-button {
    display: inline-flex;

    align-items: center;

    width: auto;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: var(--taxi-gruen);

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

    text-decoration: none;

    white-space: nowrap;

    transition: color 0.2s ease;
}

.leistungen-seite
.leistung-karte
.leistung-inhalt
.elementor-button-text {
    color: inherit;
}

.leistungen-seite
.leistung-karte
.leistung-inhalt
.elementor-button:hover,
.leistungen-seite
.leistung-karte
.leistung-inhalt
.elementor-button:focus {
    background: transparent;

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


/* =========================================================
   8. GUTSCHEIN — DESKTOP
   ========================================================= */

.leistungen-seite .gutschein {
    display: grid;

    grid-template-columns:
        18%
        56%
        26%;

    align-items: center;

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

    min-height: 112px;
    height: auto !important;

    column-gap: 0;

    margin: 16px 0 0 !important;

    padding: 6px 10px;

    background: var(--taxi-beige);

    overflow: visible !important;
}


/* GUTSCHEIN FOTO */

.leistungen-seite .gutschein-bild {
    display: flex;

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

    width: 100%;
    min-width: 0;

    height: 100px;

    margin: 0;
    padding: 0;

    overflow: visible !important;
}

.leistungen-seite
.gutschein-bild
.elementor-widget-image,

.leistungen-seite
.gutschein-bild
.elementor-widget-container {
    display: flex;

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

    width: 100%;
    height: 100px;

    margin: 0;
    padding: 0;

    overflow: visible !important;
}

.leistungen-seite
.gutschein-bild img {
    display: block;

    width: 185px;
    max-width: none;

    height: auto;

    object-fit: contain;

    transform:
        translateY(0)
        rotate(-3deg);

    transform-origin: center right;

    box-shadow: none !important;
    filter: none !important;
}


/* =========================================================
   GUTSCHEIN CONTENT

   DESKTOP:
   текст сдвинут вправо для большего воздуха
   между Gutscheine-Bild и Text.
   ========================================================= */

.leistungen-seite .gutschein-inhalt {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

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

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

    height: 100%;

    column-gap: 28px;
    row-gap: 12px;

    margin: 0 !important;

    padding:
        0
        8px
        0
        36px !important;

    overflow: visible !important;
}


/* TITEL */

.leistungen-seite
.gutschein
.gutschein-inhalt
.gutschein-titel {
    flex: 0 0 100%;

    width: 100%;

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

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

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

.leistungen-seite
.gutschein
.gutschein-inhalt
.gutschein-titel
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    color: inherit !important;

    white-space: nowrap;
}


/* ALTEN TEXT AUSBLENDEN */

.leistungen-seite
.gutschein
.gutschein-inhalt
.gutschein-text {
    display: none !important;
}


/* GUTSCHEIN PUNKTE */

.leistungen-seite .gutschein-punkt {
    flex: 0 0 auto;

    width: auto;
    min-width: 0;

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

    color: var(--taxi-schwarz);

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

.leistungen-seite
.gutschein-punkt
.elementor-heading-title,

.leistungen-seite
.gutschein-punkt div {
    margin: 0 !important;
    padding: 0 !important;

    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;

    color: inherit;

    white-space: nowrap;
}


/* =========================================================
   8.1 GUTSCHEIN — MEHR ERFAHREN
   ========================================================= */

.leistungen-seite .mehr-erfahren {
    display: flex !important;

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

    align-self: stretch !important;

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

    height: 100% !important;

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

.leistungen-seite .gutschein-mehr {
    display: flex !important;

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

    width: 100% !important;

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

.leistungen-seite
.gutschein
.gutschein-mehr
.elementor-widget-container {
    display: flex !important;

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

    width: 100% !important;
    height: 100% !important;

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

.leistungen-seite
.gutschein
.gutschein-mehr
.elementor-button {
    display: inline-flex;

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

    width: auto;

    margin: 0;
    padding: 0;

    background: transparent;

    border: 0;
    border-radius: 0;

    box-shadow: none;

    color: var(--taxi-gruen);

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

    text-decoration: none;

    white-space: nowrap;

    transition: color 0.2s ease;
}

.leistungen-seite
.gutschein
.gutschein-mehr
.elementor-button:hover,
.leistungen-seite
.gutschein
.gutschein-mehr
.elementor-button:focus {
    color: var(--taxi-orange);
}


/* =========================================================
   9. CTA
   ========================================================= */

.leistungen-seite .leistungen-cta {
    display: flex;

    align-items: center;

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

    min-height: 64px;

    margin: 14px 0 0 !important;

    padding: 5px 0;
}

.leistungen-seite .cta-box {
    display: flex;

    align-items: center;

    width: 50%;
    min-width: 0;

    padding: 0 1.5%;
}


/* CTA ICON */

.leistungen-seite .cta-icon {
    display: flex;

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

    flex: 0 0 9%;

    width: 9%;
}

.leistungen-seite
.cta-icon
.elementor-icon {
    font-size: 32px;

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

.leistungen-seite
.cta-icon
.elementor-icon svg {
    width: 32px;
    height: 32px;

    fill: var(--taxi-gruen);
}


/* CTA TEXT */

.leistungen-seite .cta-text {
    display: flex;
    flex-direction: column;

    justify-content: center;

    flex: 0 0 50%;

    width: 50%;
    min-width: 0;

    gap: 2px;

    padding: 0 2%;
}

.leistungen-seite
.cta-text
.elementor-heading-title,

.leistungen-seite
.cta-text h1,

.leistungen-seite
.cta-text h2,

.leistungen-seite
.cta-text h3,

.leistungen-seite
.cta-text h4,

.leistungen-seite
.cta-text h5,

.leistungen-seite
.cta-text h6 {
    margin: 0;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;

    color: var(--taxi-schwarz);

    white-space: nowrap;
}

.leistungen-seite
.cta-text p {
    margin: 0;

    font-size: 10.5px;
    line-height: 1.25;

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


/* CTA BUTTON */

.leistungen-seite .cta-button {
    display: flex;

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

    flex: 0 0 41%;

    width: 41%;
    min-width: 0;
}

.leistungen-seite .cta-knopf {
    width: 100%;
}

.leistungen-seite
.cta-knopf
.elementor-button {
    width: 100%;

    padding: 8px 8%;

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

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

    border-radius: 7px;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;

    white-space: nowrap;
}

.leistungen-seite
.cta-knopf
.elementor-button,

.leistungen-seite
.cta-knopf
.elementor-button-text,

.leistungen-seite
.cta-knopf
.elementor-button-icon {
    color: var(--taxi-weiss) !important;
}

.leistungen-seite
.cta-knopf
.elementor-button:hover {
    background: var(--taxi-gruen) !important;

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

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

.leistungen-seite
.cta-knopf
.elementor-button:hover
.elementor-button-text,

.leistungen-seite
.cta-knopf
.elementor-button:hover
.elementor-button-icon {
    color: var(--taxi-orange) !important;
}


/* =========================================================
   10. GLOBAL HOVER
   ========================================================= */

.leistungen-seite a {
    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}

.leistungen-seite
a:not(.elementor-button):hover,

.leistungen-seite
a:not(.elementor-button):focus {
    color: var(--taxi-orange);
}


/* =========================================================
   11. LAPTOP — 1025–1280
   ========================================================= */

@media (min-width: 1025px) and (max-width: 1280px) {

    .leistungen-seite .leistungen-hero,
    .leistungen-seite .hero-bild {
        min-height: 225px;
    }

    .leistungen-seite .hero-inhalt {
        padding:
            14px
            18px
            16px
            28px;
    }

    .leistungen-seite .leistung-karte {
        column-gap: 18px;

        padding:
            12px
            12px
            14px !important;
    }

    .leistungen-seite .leistung-inhalt {
        gap: 18px;
    }

    .leistungen-seite
    .leistung-inhalt p {
        font-size: 11px;
    }

    .leistungen-seite .leistungen {
        gap: 14px !important;
        padding-top: 14px !important;
    }


    /* =====================================================
       GUTSCHEIN LAPTOP
       ===================================================== */

    .leistungen-seite .gutschein {
        grid-template-columns:
            18%
            56%
            26%;

        margin-top: 16px !important;
    }

    .leistungen-seite
    .gutschein-bild img {
        width: 175px;

        transform:
            translateY(4px)
            rotate(-3deg);
    }

    .leistungen-seite
    .gutschein-inhalt {
        column-gap: 20px;
        row-gap: 10px;

        padding:
            0
            8px
            0
            32px !important;
    }

    .leistungen-seite
    .gutschein
    .gutschein-inhalt
    .gutschein-titel {
        font-size: 17px !important;
    }

    .leistungen-seite
    .gutschein-punkt {
        font-size: 10.5px !important;
    }

    .leistungen-seite
    .mehr-erfahren {
        justify-content: flex-start !important;
        padding: 0 !important;
    }

    .leistungen-seite
    .gutschein-mehr,

    .leistungen-seite
    .gutschein
    .gutschein-mehr
    .elementor-widget-container {
        justify-content: flex-start !important;
    }


    /* CTA */

    .leistungen-seite .cta-text {
        flex: 0 0 46%;

        width: 46%;

        padding: 0 1.5%;
    }

    .leistungen-seite .cta-button {
        flex: 0 0 45%;

        width: 45%;
    }

    .leistungen-seite .cta-text p {
        font-size: 9.5px;

        line-height: 1.2;
    }

    .leistungen-seite
    .cta-knopf
    .elementor-button {
        padding: 8px 4%;

        font-size: 11px;
    }
}


/* =========================================================
   12. TABLET — 768–1024

   1. Karten gleiche Höhe
   2. Mehr erfahren auf gleicher Linie
   3. Gutschein-Inhalt kompakter
   ========================================================= */

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

    /* HERO */

    .leistungen-seite .leistungen-hero {
        min-height: 225px;
    }

    .leistungen-seite .hero-inhalt {
        flex: 0 0 56%;

        width: 56%;

        padding:
            14px
            12px
            16px
            20px;
    }

    .leistungen-seite
    .leistungen-hero
    .hero-inhalt
    .elementor-heading-title {
        font-size: 35px !important;
        line-height: 35px !important;

        margin-bottom: 14px !important;
    }

    .leistungen-seite
    .leistungen-hero
    .hero-inhalt p {
        font-size: 12.5px !important;

        line-height: 1.55;
    }

    .leistungen-seite .hero-bild {
        flex: 0 0 44%;

        width: 44%;

        min-height: 225px;

        background-position: 58% center;
    }


    /* LEISTUNGEN */

    .leistungen-seite .leistungen {
        gap: 14px !important;

        padding-top: 14px !important;
    }


    /* REIHEN */

    .leistungen-seite
    .leistungen-reihe-1,

    .leistungen-seite
    .leistungen-reihe-2 {
        align-items: stretch !important;
    }


    /* REIHE 1 */

    .leistungen-seite
    .leistungen-reihe-1 {
        gap: 9px !important;
    }

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-karte {
        flex-basis:
            calc((100% - 18px) / 3) !important;

        width:
            calc((100% - 18px) / 3) !important;

        max-width:
            calc((100% - 18px) / 3) !important;

        align-self: stretch !important;

        padding:
            12px
            10px
            14px !important;
    }


    /* REIHE 2 */

    .leistungen-seite
    .leistungen-reihe-2 {
        width: 85% !important;

        gap: 9px !important;

        margin: 0 auto !important;
    }

    .leistungen-seite
    .leistungen-reihe-2
    .leistung-karte {
        flex:
            0 0
            calc((100% - 9px) / 2) !important;

        width:
            calc((100% - 9px) / 2) !important;

        max-width:
            calc((100% - 9px) / 2) !important;

        align-self: stretch !important;

        padding:
            12px
            10px
            14px !important;
    }


    /* KARTENINHALT */

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-inhalt,

    .leistungen-seite
    .leistungen-reihe-2
    .leistung-inhalt {
        display: flex !important;
        flex-direction: column !important;

        height: 100% !important;
        min-height: 100% !important;

        align-self: stretch !important;
    }


    /* MEHR ERFAHREN NACH UNTEN */

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-inhalt
    .elementor-widget-button,

    .leistungen-seite
    .leistungen-reihe-2
    .leistung-inhalt
    .elementor-widget-button {
        margin-top: auto !important;
    }


    /* ICONS */

    .leistungen-seite .leistung-icon {
        flex: 0 0 30px;

        width: 30px;
        min-width: 30px;
    }

    .leistungen-seite
    .leistung-icon
    .elementor-icon {
        font-size: 27px;
    }

    .leistungen-seite
    .leistung-icon img {
        max-width: 34px;
        max-height: 34px;
    }


    /* TEXTE */

    .leistungen-seite
    .leistung-inhalt {
        gap: 16px;
    }

    .leistungen-seite
    .leistung-inhalt h2 {
        font-size: 13px;

        line-height: 1.15;

        white-space: normal;
    }

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-karte:nth-child(3)
    .leistung-inhalt h2 {
        font-size: 12px;
    }

    .leistungen-seite
    .leistung-inhalt p {
        font-size: 11.5px;

        line-height: 1.32;
    }


    /* =====================================================
       GUTSCHEIN TABLET
       ===================================================== */

    .leistungen-seite .gutschein {
        grid-template-columns:
            20%
            54%
            26%;

        min-height: 120px;

        margin-top: 16px !important;

        padding: 8px 6px;
    }

    .leistungen-seite
    .gutschein-bild img {
        width: 125px;

        transform:
            rotate(-3deg);
    }

    .leistungen-seite
    .gutschein-inhalt {
        column-gap: 12px;
        row-gap: 8px;

        padding:
            0
            4px
            0
            20px !important;
    }

    .leistungen-seite
    .gutschein
    .gutschein-inhalt
    .gutschein-titel {
        font-size: 14px !important;
    }

    .leistungen-seite
    .gutschein-punkt {
        font-size: 9px !important;
    }

    .leistungen-seite
    .mehr-erfahren {
        justify-content: flex-start !important;

        padding: 0 !important;
    }

    .leistungen-seite
    .gutschein-mehr,

    .leistungen-seite
    .gutschein
    .gutschein-mehr
    .elementor-widget-container {
        justify-content: flex-start !important;
    }


    /* =====================================================
       CTA TABLET
       ===================================================== */

    .leistungen-seite .leistungen-cta {
        display: grid !important;

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

        align-items: stretch !important;

        column-gap: 24px !important;
        row-gap: 0 !important;

        width: 100% !important;

        min-height: 0 !important;

        margin: 14px 0 0 !important;

        padding:
            8px
            18px
            10px !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-box {
        display: grid !important;

        grid-template-columns:
            42px
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto
            auto !important;

        align-items: center !important;

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

        column-gap: 10px !important;
        row-gap: 10px !important;

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

    .leistungen-seite
    .leistungen-cta
    .cta-icon {
        grid-column: 1 !important;
        grid-row: 1 !important;

        display: flex !important;

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

        width: 42px !important;
        min-width: 42px !important;

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

        flex: none !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-icon
    .elementor-icon {
        font-size: 30px !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-text {
        grid-column: 2 !important;
        grid-row: 1 !important;

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

        justify-content: flex-start !important;

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

        flex: none !important;

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

    .leistungen-seite
    .leistungen-cta
    .cta-text
    .elementor-heading-title,

    .leistungen-seite
    .leistungen-cta
    .cta-text h1,

    .leistungen-seite
    .leistungen-cta
    .cta-text h2,

    .leistungen-seite
    .leistungen-cta
    .cta-text h3,

    .leistungen-seite
    .leistungen-cta
    .cta-text h4,

    .leistungen-seite
    .leistungen-cta
    .cta-text h5,

    .leistungen-seite
    .leistungen-cta
    .cta-text h6 {
        margin: 0 0 2px !important;
        padding: 0 !important;

        font-size: 14px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-text p {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 9.5px !important;
        line-height: 1.25 !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-button {
        grid-column: 1 / 3 !important;
        grid-row: 2 !important;

        display: flex !important;

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

        width: 100% !important;

        flex: none !important;

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

    .leistungen-seite
    .leistungen-cta
    .cta-knopf {
        width: 100% !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-knopf
    .elementor-button {
        display: flex !important;

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

        width: 100% !important;
        min-height: 38px !important;

        padding:
            9px
            12px !important;

        font-size: 10.5px !important;

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

        white-space: nowrap !important;
    }
}


/* =========================================================
   13. MOBILE — BIS 767
   ========================================================= */

@media (max-width: 767px) {

    /* HERO */

    .leistungen-seite
    .leistungen-hero {
        display: block !important;

        width: 100% !important;

        min-height: 0 !important;
    }

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

        padding:
            26px
            18px
            28px !important;
    }

    .leistungen-seite
    .leistungen-hero
    .hero-inhalt
    .elementor-heading-title {
        width: 100% !important;

        margin: 0 0 18px 0 !important;

        font-size: 32px !important;
        line-height: 1.08 !important;

        white-space: normal !important;
    }

    .leistungen-seite
    .leistungen-hero
    .hero-inhalt p {
        font-size: 13px !important;

        line-height: 1.55 !important;
    }

    .leistungen-seite
    .leistungen-hero
    .hero-bild {
        display: block !important;

        width: 100% !important;

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

        background-size: cover !important;

        background-position: 62% center !important;
    }


    /* =====================================================
       KARTEN MOBILE
       ===================================================== */

    .leistungen-seite .leistungen {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        gap: 14px !important;

        padding: 14px 0 0 !important;
    }

    .leistungen-seite
    .leistungen-reihe-1,

    .leistungen-seite
    .leistungen-reihe-2 {
        display: flex !important;

        flex-direction: column !important;

        justify-content: flex-start !important;

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

        height: auto !important;
        min-height: 0 !important;

        gap: 14px !important;

        margin: 0 !important;

        align-items: stretch !important;
    }

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-karte,

    .leistungen-seite
    .leistungen-reihe-2
    .leistung-karte {
        flex: none !important;

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

        height: auto !important;
        min-height: 0 !important;

        align-self: stretch !important;

        column-gap: 14px !important;

        padding:
            16px
            14px !important;
    }

    .leistungen-seite .leistung-icon {
        flex: 0 0 50px !important;

        width: 50px !important;
        min-width: 50px !important;
    }

    .leistungen-seite
    .leistung-inhalt {
        gap: 14px !important;
    }

    .leistungen-seite
    .leistung-inhalt h2,

    .leistungen-seite
    .leistungen-reihe-1
    .leistung-karte:nth-child(3)
    .leistung-inhalt h2 {
        font-size: 16px;

        line-height: 1.2;

        white-space: normal;
    }

    .leistungen-seite
    .leistung-inhalt p {
        font-size: 13px;

        line-height: 1.45;
    }


    /* =====================================================
       GUTSCHEIN MOBILE
       ===================================================== */

    .leistungen-seite .gutschein {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;

        gap: 14px !important;

        margin: 16px 0 0 !important;

        padding:
            18px
            16px
            18px !important;

        overflow: hidden !important;
    }

    .leistungen-seite
    .gutschein-bild {
        display: flex !important;

        width: 100% !important;

        height: auto !important;

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

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

    .leistungen-seite
    .gutschein-bild
    .elementor-widget-image,

    .leistungen-seite
    .gutschein-bild
    .elementor-widget-container {
        display: flex !important;

        width: 100% !important;
        height: auto !important;

        align-items: center !important;
        justify-content: center !important;
    }

    .leistungen-seite
    .gutschein-bild img {
        width: 170px !important;
        max-width: 70% !important;

        height: auto !important;

        margin: 0 auto !important;

        transform:
            rotate(-3deg) !important;
    }

    .leistungen-seite
    .gutschein-inhalt {
        display: flex !important;

        flex-direction: column !important;
        flex-wrap: nowrap !important;

        align-items: flex-start !important;

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

        height: auto !important;

        gap: 10px !important;

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

        overflow: visible !important;
    }

    .leistungen-seite
    .gutschein
    .gutschein-inhalt
    .gutschein-titel {
        width: 100% !important;

        margin: 0 !important;

        font-size: 18px !important;
        line-height: 1.18 !important;
    }

    .leistungen-seite
    .gutschein
    .gutschein-inhalt
    .gutschein-titel
    .elementor-heading-title {
        white-space: normal !important;
    }

    .leistungen-seite
    .gutschein-punkt {
        display: block !important;

        width: 100% !important;

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

    .leistungen-seite
    .gutschein-punkt
    .elementor-heading-title,

    .leistungen-seite
    .gutschein-punkt div {
        white-space: normal !important;
    }


    /* MOBILE MEHR ERFAHREN */

    .leistungen-seite
    .mehr-erfahren {
        display: flex !important;

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

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 4px 0 0 !important;

        padding: 0 !important;
    }

    .leistungen-seite
    .gutschein-mehr,

    .leistungen-seite
    .gutschein
    .gutschein-mehr
    .elementor-widget-container {
        justify-content: flex-start !important;

        width: 100% !important;
        height: auto !important;
    }


    /* =====================================================
       CTA MOBILE
       ===================================================== */

    .leistungen-seite
    .leistungen-cta {
        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        width: 100% !important;

        min-height: 0 !important;

        gap: 14px !important;

        margin-top: 14px !important;

        padding: 0 !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-box {
        display: grid !important;

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

        grid-template-rows:
            auto
            auto;

        align-items: center !important;

        width: 100% !important;

        column-gap: 10px !important;
        row-gap: 10px !important;

        margin: 0 !important;

        padding:
            12px
            14px !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-icon {
        grid-column: 1;
        grid-row: 1;

        width: 42px !important;

        flex: none !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-icon
    .elementor-icon {
        font-size: 30px !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-text {
        grid-column: 2;
        grid-row: 1;

        width: 100% !important;

        flex: none !important;

        padding: 0 !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-text
    .elementor-heading-title,

    .leistungen-seite
    .leistungen-cta
    .cta-text h1,

    .leistungen-seite
    .leistungen-cta
    .cta-text h2,

    .leistungen-seite
    .leistungen-cta
    .cta-text h3,

    .leistungen-seite
    .leistungen-cta
    .cta-text h4,

    .leistungen-seite
    .leistungen-cta
    .cta-text h5,

    .leistungen-seite
    .leistungen-cta
    .cta-text h6 {
        font-size: 15px !important;

        white-space: normal !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-text p {
        font-size: 10.5px !important;
        line-height: 1.3 !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-button {
        grid-column: 1 / 3;
        grid-row: 2;

        width: 100% !important;

        flex: none !important;

        margin: 0 !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-knopf {
        width: 100% !important;
    }

    .leistungen-seite
    .leistungen-cta
    .cta-knopf
    .elementor-button {
        width: 100% !important;

        padding:
            11px
            10px !important;

        font-size: 12px !important;

        border-radius: 7px !important;
    }

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