/* /Pages/DasNeueWir.razor.rz.scp.css */
/* =========
   Base
   ========= */

#main[b-pbtd7dqf0w] {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-inline: auto; /* modern */
}

/* Colors */
.farbeGraueKachel[b-pbtd7dqf0w] {
    background-color: #403d3c;
}

.farbeGruen[b-pbtd7dqf0w] {
    color: #868e45;
}

.farbeGelb[b-pbtd7dqf0w] {
    color: #f7a70b;
}

.farbeRot[b-pbtd7dqf0w] {
    color: #cf241a;
}

.farbeWeiss[b-pbtd7dqf0w] {
    color: #ffffff;
}

/* Typography */

.filialText[b-pbtd7dqf0w] {
    width: 100%;
    margin-right:auto;
    margin-left:auto;

    margin-top: 4em;
    margin-bottom: 2em;

    font-size: 1.5rem;
    font-family: MontserratLight, Arial, sans-serif; /* fallback */
}

.abteilungText[b-pbtd7dqf0w] {
    color: #ffffff;
    font-size: 1.5rem;
    font-family: MontserratBold, Arial, sans-serif; /* fallback */
}

.zahlText[b-pbtd7dqf0w] {
    font-family: MontserratLight, Arial, sans-serif;
    font-size: 1rem;
}

/* =========
   Layout
   ========= */

/* Grid container: 1 col on mobile, 2 cols on desktop */
.grid2Cols[b-pbtd7dqf0w] {
    /* Fallback (no grid): stack */
    display: block;
}

/* Grid-enabled browsers */
@supports (display: grid) {
    .grid2Cols[b-pbtd7dqf0w] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2em;
        grid-gap: 2em; /* legacy */
    }
}

.abteilungContainer[b-pbtd7dqf0w] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #403d3c;
}

/* If this container needs grid later, keep it neutral */
.gridAbteilungUndDaten[b-pbtd7dqf0w] {
}

/* 3-column layout: provide flex fallback */
.gridZahlRingUndName[b-pbtd7dqf0w] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #ffffff;
    gap: 1em;
}

/* Prefer grid when supported */
@supports (display: grid) {
    .gridZahlRingUndName[b-pbtd7dqf0w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1em;
        grid-gap: 1em;
    }
}

.ringImgUndZahl[b-pbtd7dqf0w] {
    position: relative;
}

.zahlUndRingContainer[b-pbtd7dqf0w] {
    margin-top: 1em;
}

.zahlContainer[b-pbtd7dqf0w] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.prozentZahlText[b-pbtd7dqf0w] {
    position: absolute;
    top: 50%;
    left: 50%;
    /* transform needs no prefixes in modern browsers, but keeping -webkit- helps older Safari */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: MontserratBold, Arial, sans-serif;
    font-size: 0.6rem;
}

/* SVG donut */
.progress[b-pbtd7dqf0w] {
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-inline: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.track[b-pbtd7dqf0w],
.fill[b-pbtd7dqf0w] {
    fill: none;
    stroke-width: 14;
}

.track[b-pbtd7dqf0w] {
    stroke: red;
}

.fill[b-pbtd7dqf0w] {
    stroke: green;
    stroke-linecap: round;
    stroke-dasharray: 289; /* 2πr where r=46 => ~289 */
    stroke-dashoffset: calc(289 * (1 - 0.75)); /* 75% */
}

/* Container */
.punkteBerechnungGesamtContainer[b-pbtd7dqf0w] {
    background-color: #23272F;
}


/* Donut + overlay text */
.donutChartContainer[b-pbtd7dqf0w] {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pfeilTrend[b-pbtd7dqf0w] {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 10px;
    width: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.donutCenterTextContainer[b-pbtd7dqf0w] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
}

.donutCenterHeader[b-pbtd7dqf0w] {
    font-size: 1.6rem;
}

/* =========
   Desktop
   ========= */

@media (min-width: 1000px) {
    #main[b-pbtd7dqf0w] {
        width: 80%;
    }

    @supports (display: grid) {
        .grid2Cols[b-pbtd7dqf0w] {
            grid-template-columns: 1fr 1fr;
        }
    }

    .abteilungContainer[b-pbtd7dqf0w] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 2em;
    }

    .prozentZahlText[b-pbtd7dqf0w] {
        font-size: 1.2rem;
    }

    .gridZahlRingUndName[b-pbtd7dqf0w] {
        gap: 2em;
    }

    @supports (display: grid) {
        .gridZahlRingUndName[b-pbtd7dqf0w] {
            gap: 2em;
            grid-gap: 2em;
        }
    }
}
/* /Pages/DoenerSeite.razor.rz.scp.css */
body[b-8hctmcz1k4] {
}
/* /Pages/EventDetailseite.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@font-face {
    font-family: RobotoThinMarten;
    src: url('fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: RobotoBlackMarten;
    src: url('fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: RobotoMediumMarten;
    src: url('fonts/Roboto-Medium.ttf');
}

.RobotoThin[b-46egcprcf9] {
    font-family: RobotoThinMarten;
}

.RobotoBlack[b-46egcprcf9] {
    font-family: RobotoBlackMarten;
}

.RobotoMedium[b-46egcprcf9] {
    font-family: RobotoMediumMarten;
}

/*#region EventInfo */
.gridEventDetails[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    margin-top: 1em;
    -ms-grid-rows: 1fr 1em 1fr 1em 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    row-gap: 1em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
/*#endregion EventInfo */

.eventDetailIconContainer[b-46egcprcf9] {
    height: 100%;
    width: 100%;
}

.eventDetailIcon[b-46egcprcf9] {
    height: 2.5vh;
}

.goldPrivileg[b-46egcprcf9] {
    background-color: #FAFAFA;
}
/*#region EventdetailBilder */
.eventBilderContainer[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: 50vh;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    gap: 1em;
}
/*#endregion EventdetailBilder */

/*#region EventText */
.eventLangText[b-46egcprcf9] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/*#endregion EventText */

/*#region TeilnahmeAnfragen*/
.jetztTeilnahmeAnfragenContainer[b-46egcprcf9] {
    height: 20vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1em;
}
/*#endregion TeilnahmeAnfragen */

/*#region Kontaktformular*/

#kontaktFormularWhiteContainer[b-46egcprcf9] {
    margin-bottom: 16em;
}


#statiPrivilegienContainer[b-46egcprcf9] {
    background-color: white;
}

#statiPrivilegienTable[b-46egcprcf9] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 5em;
    margin-bottom: 5em;
}


.imgstatiPrivilegienHaken[b-46egcprcf9] {
    margin-left: auto;
    margin-right: auto;
    width: 1.5em;
    height: 1.5em;
    -o-object-fit: contain;
    object-fit: contain;
}

.imgstatiPrivilegienKreuz[b-46egcprcf9] {
    margin-left: auto;
    margin-right: auto;
    width: 1.3em;
    height: 1.3em;
    -o-object-fit: contain;
    object-fit: contain;
}


.thStatiPrivilegienHeader[b-46egcprcf9] {
    padding-top: 2em;
    padding-bottom: 2em;
    color: #B3B3B3;
}

.thStatiPrivilegienHeaderStatus[b-46egcprcf9] {
    padding-top: 2em;
    padding-bottom: 2em;
    color: #999999;
}

.borderLeft[b-46egcprcf9] {
    border-left-width: 3px;
    border-left-color: #F5F5F5;
    border-left-style: solid;
    border-collapse: collapse;
}

.borderBottom[b-46egcprcf9] {
    border-bottom-width: 3px;
    border-bottom-color: #F5F5F5;
    border-bottom-style: solid;
    border-collapse: collapse;
}

.thStatiPrivilegienContent[b-46egcprcf9] {
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    color: #B3B3B3;
    height: 100%;
    width: 100%;
}

.thStatiPrivilegienHeaderStatus[b-46egcprcf9] {
}

.kontaktFormularContainer[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    margin-bottom: 2em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    row-gap: 1em;
}

.lupeIcon[b-46egcprcf9] {
    position: absolute;
    right: 10%;
    height: 2.5em;
}

.inputBorder[b-46egcprcf9] {
    border: 1px solid #CCCCCA;
    border-radius: 6px;
}

.nameUndPersonen[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    row-gap: 2em;
    padding-top: 2em;
    padding-bottom: 2em;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}

.hrPrivilegMinus[b-46egcprcf9] {
    width: 1.5em;
    margin-right: auto;
    margin-left: auto;
    border: none;
    height: 2px;
    border-color: #D8D8D8;
    color: #D8D8D8;
    background-color: #D8D8D8;
}


.frageMitteilungContainer[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    /* Hier mit Min-Size aber darf auch größer */
    -ms-grid-rows: 1fr 8fr;
    grid-template-rows: 1fr 8fr;
}

.kontaktWidth[b-46egcprcf9] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.btnAnfragen[b-46egcprcf9] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    border: none;
    color: white;
}

.subHeaderContainerFlexStart[b-46egcprcf9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: var(--respEmstart2);
    margin-top: var(--minusRespEmstart2);
    background-color: #FFFFFF;
    z-index: 2;
}

    .subHeaderContainerFlexStart:nth-child(1n+2)[b-46egcprcf9] {
        padding-top: var(--respEmstart2);
    }

.eventLogo[b-46egcprcf9] {
    width: 70%;
}

#abPlatinContainer[b-46egcprcf9] {
    width: 100%;
    background-color: #C6C1B8;
    padding-top: 2em;
    padding-bottom: 2em;
}

.C9C5BF[b-46egcprcf9] {
    color: #C9C5BF;
}


.scaledCheckbox[b-46egcprcf9] {
    margin-left: 0.8em;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.emailNeuigkeitenLabel[b-46egcprcf9] {
    width: 50%;
    margin-left: 1em;
}

.flexKontaktmoeglichkeiten[b-46egcprcf9] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1em;
    padding-top: 1em;
    gap: 2em;
}

/*#endregion Kontaktformular */

/*#region Ansprechpartner */
.gridAnsprechpartner[b-46egcprcf9] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 2em 4fr;
    grid-template-columns: 1fr 4fr;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 4em;
    margin-right: 4em;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
}
/*#endregion Ansprechpartner */

/*#region Undefined */
.w30[b-46egcprcf9] {
    width: 30%;
}


.Bgbeesch[b-46egcprcf9] {
    background-color: #E3CAA2;
}

.wH100Perc[b-46egcprcf9] {
    width: 100%;
    height: 100%;
}

.color666666[b-46egcprcf9] {
    color: #666666;
}

.color4D4D4D[b-46egcprcf9] {
    color: #4D4D4D;
}

.color999999[b-46egcprcf9] {
    color: #999999;
}

.inputName[b-46egcprcf9] {
    padding-top: 1em;
    padding-bottom: 1em;
}

.selectPersonen[b-46egcprcf9] {
    /* text-align-last: center;
    direction:rtl; */

    padding-top: 1em;
    padding-bottom: 1.43em;
}

.firstImage[b-46egcprcf9] {
    max-height: 100%;
}

.posRelative[b-46egcprcf9] {
    position: relative;
}


.textInImage[b-46egcprcf9] {
    position: absolute;
    left: 2em;
    bottom: 2em;
    width: 80%;
}

/*#endregion Undefined */

/*#region MediaQueries*/
@media(min-width: 640px) {
    .eventBilderContainer[b-46egcprcf9] {
        width: 90%;
    }
}

@media(min-width: 768px) {
}

@media(min-width: 1024px) {
    .eventLogo[b-46egcprcf9] {
        width: 30%;
        height: 15vh;
    }

    .eventBilderContainer[b-46egcprcf9] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 25vh;
        width: 80%;
    }

    .nameUndPersonen[b-46egcprcf9] {
        -ms-grid-columns: 3fr 1fr;
        grid-template-columns: 3fr 1fr;
    }

    .btnAnfragen[b-46egcprcf9] {
        margin-left: 10%;
        width: 35%;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 1em;
        padding-left: 1em;
    }

    .gridEventDetails[b-46egcprcf9] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    }

        .gridEventDetails > *:nth-child(1)[b-46egcprcf9] {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .gridEventDetails > *:nth-child(2)[b-46egcprcf9] {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
        }

        .gridEventDetails > *:nth-child(3)[b-46egcprcf9] {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }
}

@media(min-width: 1280px) {
}
/*#endregion MediaQueries*/
/* /Pages/Events.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/




.mInline10Percent[b-wd5dffs00u] {
    margin-left: 10%;
    margin-right: 10%;
}

.eventsHeaderContent[b-wd5dffs00u] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 1%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.meineInteressenContainer[b-wd5dffs00u] {
    padding-top: 1em;
    padding-bottom: 1em;
}

.slideshowEvent[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40vh;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.hrFullWidth[b-wd5dffs00u] {
    border: none;
    height: 2px;
    border-color: #F0F0F0;
    color: #F0F0F0;
    background-color: #F0F0F0;
}

.eventHashtag[b-wd5dffs00u] {
    position: absolute;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
    letter-spacing: 1px;
    border-radius: 3px;
    background-color: #F7F7F7;
    top: 1.8em;
    left: 1.8em;
}

/* TODO CSSKRAM schauen, dass hierdurch woanders nichts kaputt geht */
.pfeilImage[b-wd5dffs00u] {
    top: 1.2em !important;
}

.mTB5Percent[b-wd5dffs00u] {
    margin-top: 5%;
    margin-bottom: 5%;
}
/*#endregion GlobalVariables*/

/*#region Header*/

.headerParagraphContainer[b-wd5dffs00u] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    background-color: white;
}

.headerParagraph[b-wd5dffs00u] {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.3;
}
/*#endregion Header*/

.mainContainer[b-wd5dffs00u] {
    display: -ms-grid;
    display: grid;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    row-gap: 2em;
}

/*#region InteressenAuswahlContainer*/
.interessenAuswahlContainer[b-wd5dffs00u] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-min-content auto;
    -ms-grid-rows: min-content auto;
    grid-template-rows: -webkit-min-content auto;
    grid-template-rows: min-content auto;
    padding-bottom: 1em;
}

/* TODO CSSKRAM Darf Text zentriert bleiben? */
.interessenAuswahlText[b-wd5dffs00u] {
    /* margin-inline: 10%; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

.interessenItems[b-wd5dffs00u] {
    display: -ms-grid;
    display: grid;
    background-color: white;
    -ms-grid-columns: 1fr 6em 1fr;
    grid-template-columns: 1fr 1fr;
    /* column-gap: 8em; */
    -webkit-column-gap: 6em;
    -moz-column-gap: 6em;
    column-gap: 6em;
    row-gap: 2em;
}

.checkBoxContainer[b-wd5dffs00u] {
    border: 1px solid lightgray;
}

.checkBoxContainer[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .checkBoxContainer > :last-child[b-wd5dffs00u] {
        margin-left: auto;
    }



/*#endregion InteressenAuswahlContainer*/

/*#region EventComponent*/
.eventsContainer[b-wd5dffs00u] {
    display: -ms-grid;
    display: grid;
    /* TODO CSSKRAM GrowMQ */
    row-gap: 4em;
    margin-bottom: 4em;
}


.datumTeilnehmerIconContainer[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
    width: 50%;
}

.datumTeilnehmerIcon[b-wd5dffs00u] {
    height: 1.4em;
    width: 1.4em;
    /* height: 70%;*/
    margin-top: auto;
    margin-bottom: auto;
}

.eventDisplay[b-wd5dffs00u] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    /* display: grid;
    grid-template-columns: 1fr 1fr; */

    background-color: white;
}

    .eventDisplay :hover[b-wd5dffs00u] {
        cursor: pointer;
    }


.eventDisplayImageContainer[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.eventBeschreibungText[b-wd5dffs00u] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.eventHeaderText[b-wd5dffs00u] {
    text-align: center;
}

.gridLoadMore[b-wd5dffs00u] {
    padding-top: 4em;
    padding-bottom: 4em;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.colorB3B3B3[b-wd5dffs00u] {
    color: #B3B3B3;
}

.textLoadMore[b-wd5dffs00u] {
    font-weight: bold;
    letter-spacing: 2.5px;
}

.flexEventInfos[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    gap: 2em;
}

.flexEventImages[b-wd5dffs00u] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3em 1fr;
    grid-template-columns: 1fr 1fr;
    /* TODO CSSKRAM GrowMQ */
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
}

.eventHalfImageContainer[b-wd5dffs00u] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    /* TODO CSSKRAM entfernen oder doch als BG-Image */
    /* background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; */
}

.testMotorsportContainer[b-wd5dffs00u] {
    width: 100%;
    height: 100%;
    background-image: url('images/Bild 30.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.pfeilButtonTopRight[b-wd5dffs00u] {
    position: absolute;
    width: 20%;
    /* margin-top: 10%; */

    top: 0.2em;
    right: 0.5em;
}

.flexDatumTeilnehmer[b-wd5dffs00u] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 1em;
    padding-bottom: 1em;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/*#endregion EventComponent*/

/*#region MediaQueries*/
@media(min-width: 640px) {
    .headerParagraphContainer[b-wd5dffs00u] {
        width: 80%;
    }

    .headerParagraph[b-wd5dffs00u] {
        padding-top: 1.5em;
        padding-bottom: 1.5em;
        padding-left: 0;
        padding-right: 0;
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media(min-width: 768px) {
}

@media(min-width: 1024px) {

    .checkBoxContainer[b-wd5dffs00u] {
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .headerParagraphContainer[b-wd5dffs00u] {
        width: 60%;
    }

    /* TODO CSSKRAM wie am besten 4:3 setzen? */
    .mySlides[b-wd5dffs00u] {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 4 / 3;
    }

    .slideshowEvent[b-wd5dffs00u] {
        width: 80%;
        height: 15vh;
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .eventDisplayImageContainer[b-wd5dffs00u] {
        width: 100%;
        height: 100%;
    }

    .flexEventInfos[b-wd5dffs00u] {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .gridSlider2Hrs[b-wd5dffs00u] {
        display: none;
    }

    .hrSlider[b-wd5dffs00u] {
        display: none;
    }

    .interessenItems[b-wd5dffs00u] {
        -ms-grid-columns: 1fr 8em 1fr 8em 1fr 8em 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -webkit-column-gap: 8em;
        -moz-column-gap: 8em;
        column-gap: 8em;
    }

    .eventDisplay[b-wd5dffs00u] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}


@media(min-width: 1700px) {
    .flexDatumTeilnehmer[b-wd5dffs00u] {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width: 1280px) {
}

@media(max-width: 1700px) {
    .headerParagraphContainer[b-wd5dffs00u] {
        display: none;
    }
}
/*#endregion MediaQueries*/






/* /Pages/Gewinnspielseite.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.IframeTest[b-jjlzmwil5q] {
    width: 100%;
    height: 40vh;
}

.slideshowGewinnspiel[b-jjlzmwil5q] {
    display: -ms-grid;
    display: grid;
    height: 60vh;
    position: relative;
}

.jetztTeilnehmenContainer[b-jjlzmwil5q] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.color666666[b-jjlzmwil5q] {
    color: #666666;
}

.bgWhiteContainer[b-jjlzmwil5q] {
    width: 100%;
    background-color: white;
}

.marginBot[b-jjlzmwil5q] {
    margin-bottom: 16em;
}

.colspanFull[b-jjlzmwil5q] {
    grid-column: 1 / -1;
}

.gridTeilnahmeErfragen[b-jjlzmwil5q] {
    display: -ms-grid;
    display: grid;
    row-gap: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

    .gridTeilnahmeErfragen > *[b-jjlzmwil5q] {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

.gridLabelInput[b-jjlzmwil5q] {
    display: -ms-grid;
    display: grid;
    row-gap: 0.5em;
}

    .gridLabelInput > *[b-jjlzmwil5q] {
        width: 100%;
    }

.flexButtons[b-jjlzmwil5q] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    gap: 1em;
}

.buttonTeilnahmeAnfragen[b-jjlzmwil5q] {
    color: white;
    background-color: #E3CAA2;
    text-align: center;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
}

.gridLabelInput > input[b-jjlzmwil5q] {
    padding-top: 1em;
    padding-bottom: 1em;
}

.inputBorder[b-jjlzmwil5q] {
    border: 1px solid #CCCCCA;
    border-radius: 6px;
}

@media(min-width: 1024px) {
    /* TODO CSSKRAM wie am besten 4:3 setzen? */
    .mySlides[b-jjlzmwil5q] {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 4 / 3;
    }

    .gridLabelInput > input[b-jjlzmwil5q] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .slideshowGewinnspiel[b-jjlzmwil5q] {
        width: 60%;
        height: 30vh;
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .gridSlider2Hrs[b-jjlzmwil5q] {
        display: none;
    }

    .hrSlider[b-jjlzmwil5q] {
        display: none;
    }

    .flexButtons[b-jjlzmwil5q] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0.5em;
    }

    .buttonTeilnahmeAnfragen[b-jjlzmwil5q] {
        width: 30%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-right: 2em;
        padding-left: 2em;
    }

    .gridTeilnahmeErfragen[b-jjlzmwil5q] {
        -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .col1To3[b-jjlzmwil5q] {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
    }

    .col2To4[b-jjlzmwil5q] {
        grid-column: 3 / -1;
    }

    .col1To4[b-jjlzmwil5q] {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1 / 4;
    }

    .col4ToEnd[b-jjlzmwil5q] {
        grid-column: 4 / -1;
    }
}


@media(min-width: 1600px) {
    .gridTeilnahmeErfragen[b-jjlzmwil5q] {
        width: 50%;
    }
}
/* /Pages/Kontakt.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.filialDisplay[b-l3arbozgz2] {
    display: -ms-grid;
    display: grid;
    background-color: white;
    row-gap: 1em;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}

.filialImage[b-l3arbozgz2] {
    height: 40vh;
    width: 100%;
}

.filialStandortText[b-l3arbozgz2] {
    padding-top: 1em;
    padding-bottom: 1em;
}

.gridStandorte[b-l3arbozgz2] {
    width: 100%;
    display: -ms-grid;
    display: grid;
    gap: 2em;
}

.flexFilialTexte[b-l3arbozgz2] {
    margin-left: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2em;
    padding-bottom: 4em;
}



.flexFilialInfoIconAndText[b-l3arbozgz2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2em;
}


.iconFilialInfoContainer[b-l3arbozgz2] {
    height: 2.5vh;
    width: 2.5vh;
}

.flexSuche[b-l3arbozgz2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: white;
}

.whiteBgContainer[b-l3arbozgz2] {
    background-color: white;
    width: 100%;
}

#selectStandort[b-l3arbozgz2] {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 7vh;
    background-color: white;
    border-radius: 6px;
    border: 1px solid #CCCCCA;
}

.iconFilialInfo[b-l3arbozgz2] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.buttonZurFiliale[b-l3arbozgz2] {
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    margin-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: var(--fs-80);
}

#flexDatenschutzContainer[b-l3arbozgz2]{
    display: flex;
    gap: 1em;
}

#gridAnredeContainer[b-l3arbozgz2] {
    display: grid;
    width: 100%;
    gap: 2em;
}


#anfrageStandortContainer[b-l3arbozgz2]{
     width: 100%;
}

#gridEmailTelefonContainer[b-l3arbozgz2] {
    display: grid;
    gap: 2em;
    width: 100%;
}

.frageMitteilungContainer[b-l3arbozgz2] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* Hier mit Min-Size aber darf auch größer */
    -ms-grid-rows: 1fr 8fr;
    grid-template-rows: 1fr 8fr;
}

#kontaktFormularContainer[b-l3arbozgz2] {
    display: grid;
    gap: 1.5em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;

    border: 1px solid red;
}

#kontaktFormularContainer > input[b-l3arbozgz2]{
    padding-top: 1em;
    padding-bottom: 1em;
}

.selectPersonen[b-l3arbozgz2] {
    padding-top: 1em;
    padding-bottom: 1.36em;
}

.inputName[b-l3arbozgz2] {
    padding-top: 1em;
    padding-bottom: 1em;
}

.colorB3B3B3[b-l3arbozgz2] {
    color: #B3B3B3;
}

.color999999[b-l3arbozgz2] {
    color: #999999;
}

.color666666[b-l3arbozgz2] {
    color: #666666;
}

.unsereStandorteContainer[b-l3arbozgz2] {
    display: -ms-grid;
    display: grid;
    gap: 2em;
}

.inputBorder[b-l3arbozgz2] {
    border: 1px solid #CCCCCA;
    border-radius: 6px;
}

.btnAnfragen[b-l3arbozgz2] {
    border: 1px solid red;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
  /*  border: none;*/
    color: white;
}


.flexKontaktmoeglichkeiten[b-l3arbozgz2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1em;
    padding-top: 1em;
    gap: 2em;
}

#kontaktAnfrageAbsendenButtonContainer[b-l3arbozgz2]{
    width: 100%;
}


@media(min-width: 1024px) {
    #gridEmailTelefonContainer[b-l3arbozgz2] {      
        grid-template-columns: 1fr 1fr;
    }


    #gridAnredeContainer[b-l3arbozgz2] {     
         grid-template-columns: 0.25fr 0.5fr 0.5fr;
    }


    .filialImage[b-l3arbozgz2] {
        height: 30vh;
    }

    #underLapFilialen[b-l3arbozgz2] {
        letter-spacing: 5px;
    }

    .buttonZurFiliale[b-l3arbozgz2] {
        margin-left: 0;
        margin-right: auto;
        /* TODO CSSKRAM Font-Aenderung greift bei Button nicht */
        font-size: var(--fs-50);
    }

    .flexSuche[b-l3arbozgz2] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 1em;
        padding-top: 1em;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 8em;
        padding-left: 8em;
        gap: 3em;
    }

    .btnAnfragen[b-l3arbozgz2] {
        width: 35%;
        margin-right: auto;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 1em;
        padding-left: 1em;
    }

    .loadMoreContainer[b-l3arbozgz2]{
        display: flex;
        gap: 1em;
        justify-content: center;

        margin-bottom: 4em;
    }

    .loadMoreImage[b-l3arbozgz2]{
        height: 1.7em;
        width: 1.7em;
    }

    .gridStandorte[b-l3arbozgz2] {
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
        row-gap: 4em;
    }
}

@media(min-width: 1700px) {
    .gridStandorte[b-l3arbozgz2] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
/* /Pages/KundenSwitcher.razor.rz.scp.css */
#tableKundenUebersicht[b-5hv725kc4l] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 5em;
    margin-bottom: 5em;
}
/* /Pages/MeinBundKOhneLogin.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.color4D4D4D[b-6khbwvdr73] {
    color: #4D4D4D;
}

.color666666[b-6khbwvdr73] {
    color: #666666;
}

.color999999[b-6khbwvdr73] {
    color: #999999;
}

.gridMitgliedWerden[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    gap: 4em;
}

.gridPunkteVorteileTexte[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    row-gap: 4em;
}


.bgImageServiceEventsShopping[b-6khbwvdr73] {
    position: relative;
    height: 80vh;
}

.flexColGap[b-6khbwvdr73] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5em;
}

.bgWhiteContainer[b-6khbwvdr73] {
    width: 100%;
    background-color: white;
}

.gridEventsServiceShopping[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    row-gap: 2em;
    padding-bottom: 6em;
}

.gridImgTexte[b-6khbwvdr73] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2em;
}

.imgTextContainer[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    height: 100%;
    -ms-grid-rows: 3fr 1fr;
    grid-template-rows: 3fr 1fr;
    padding-bottom: 5em;
    margin-left: 10%;
    margin-right: 10%;
}

.gridVorteileAufEinenBlick[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    background-color: white;
    gap: 2em;
}

.gridStati[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    gap: 0.3em;
}

.griditemStati[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #FFFFFF;
}

    .griditemStati > *[b-6khbwvdr73] {
        background-color: #FFFFFF;
    }

.gridVorteileAufEinenBlick > p[b-6khbwvdr73] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.statusTextAufklappbar[b-6khbwvdr73] {
    text-align: center;
    color: #808080;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em;
}


.staticStatiIcon[b-6khbwvdr73] {
    padding-bottom: 2em;
    padding-top: 2em;
}

.gridContainer[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
}

#statiTextSilber[b-6khbwvdr73] {
    display: none;
}

#statiTextGold[b-6khbwvdr73] {
    display: none;
}

#statiTextPlatin[b-6khbwvdr73] {
    display: none;
}

.gridStatiAufklapp[b-6khbwvdr73] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.punkteFuerStatusText[b-6khbwvdr73] {
    font-size: (--fs-80);
    text-align: center;
    color: #666666;
    padding-top: 2em;
}

.colorSilber[b-6khbwvdr73] {
    color: #D8D8D8
}

.colorGold[b-6khbwvdr73] {
    color: #AD9057;
}


.colorPlatin[b-6khbwvdr73] {
    color: #C6C1B8;
}

.buttonTerminAnfragen[b-6khbwvdr73] {
    color: white;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
    background-color: #E3CAA2;
    text-align: center;
    width: 70%;
    margin-left: auto;
    ;
    padding-top: 2em;
    padding-bottom: 2em;
}

@media(min-width: 1024px) {
    .bgFCFCFCOnDesktop[b-6khbwvdr73] {
        background-color: #FCFCFC;
    }

    .buttonTerminAnfragen[b-6khbwvdr73] {
        width: 30%;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .statusTextAufklappbar[b-6khbwvdr73] {
        padding-top: 0.5em;
        padding-bottom: 2em;
    }

    #statiTextSilber[b-6khbwvdr73] {
        display: block;
    }

    #statiTextGold[b-6khbwvdr73] {
        display: block;
    }

    #statiTextPlatin[b-6khbwvdr73] {
        display: block;
    }

    .punkteFuerStatusText[b-6khbwvdr73] {
        padding-bottom: 2em;
    }

    .griditemStati[b-6khbwvdr73] {
        row-gap: 0.2em;
        background-color: transparent;
    }

    .imgTextContainer[b-6khbwvdr73] {
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        padding-bottom: 0;
    }

    .gridStati[b-6khbwvdr73] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        /* TODO CSSKRAM colGap */
    }

        .gridStati > *:nth-child(1)[b-6khbwvdr73] {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .gridStati > *:nth-child(2)[b-6khbwvdr73] {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
        }

        .gridStati > *:nth-child(3)[b-6khbwvdr73] {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

    .gridEventsServiceShopping[b-6khbwvdr73] {
        -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 1.5em;
        -moz-column-gap: 1.5em;
        column-gap: 1.5em;
    }

    .bgImageServiceEventsShopping[b-6khbwvdr73] {
        height: 50vh;
    }
}


@media(min-width: 1600px) {
    .gridPunkteVorteileTexte[b-6khbwvdr73] {
        margin-left: auto;
        ;
        -ms-grid-columns: 1fr 4em 1fr 4em 1fr;
        ;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        column-gap: 4em;
    }
}
/* /Pages/MeinProfil.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@font-face {
    font-family: RobotoThinMarten;
    src: url('fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: RobotoBlackMarten;
    src: url('fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: RobotoMediumMarten;
    src: url('fonts/Roboto-Medium.ttf');
}

.RobotoThin[b-m7epa7xxpc] {
    font-family: RobotoThinMarten;
}

.RobotoBlack[b-m7epa7xxpc] {
    font-family: RobotoBlackMarten;
}

.RobotoMedium[b-m7epa7xxpc] {
    font-family: RobotoMediumMarten;
}

.tblaltFont[b-m7epa7xxpc] {
    color: #BFBFBF;
}

.bglightGray[b-m7epa7xxpc] {
    background: #CBCBC9 0% 0% no-repeat padding-box;
    /* background-color: #CBCBC9; */
    opacity: 0.05;
}

.letterSpace1Px[b-m7epa7xxpc] {
    letter-spacing: 1px;
}

.bg426C94[b-m7epa7xxpc] {
    background-color: #426C94;
}

.bg727272[b-m7epa7xxpc] {
    background-color: #727272;
}

.bgB3B3B3[b-m7epa7xxpc] {
    background-color: #B3B3B3;
}

.bg2C3037[b-m7epa7xxpc] {
    background-color: #2C3037;
}

.gesamtPunkteContainer[b-m7epa7xxpc] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#gridFahrzeugeContainer[b-m7epa7xxpc] {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    row-gap: 2em;
}

.gridPunkteLegendeTexte[b-m7epa7xxpc] {
    margin-top: 8em;
    padding-bottom: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

    .gridPunkteLegendeTexte > p[b-m7epa7xxpc] {
        text-align: left;
    }

.fahrzeugContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    border: 4px solid #707070;
}

.fahrzeugLogoContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fahrzeugBmwLogo[b-m7epa7xxpc] {
    width: 12%;
    -o-object-fit: contain;
    object-fit: contain;
}

.fahrzeugMiniLogo[b-m7epa7xxpc] {
    width: 22%;
    -o-object-fit: contain;
    object-fit: contain;
}

.fremdFabrikatLogo[b-m7epa7xxpc] {
    width: 17%;
    -o-object-fit: contain;
    object-fit: contain;
}

.gridServicePunkteUmsatzContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.gridServicePunktePunkteContainer[b-m7epa7xxpc] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

#servicePunkteDetailContainer[b-m7epa7xxpc] {
    display: none;
}

#sonderPunkteDetailContainer[b-m7epa7xxpc] {
    display: none;
}

.absPlusMinusButton[b-m7epa7xxpc] {
    position: absolute;
    right: 10%;
    font-size: var(--fs-150);
    font-weight: bold;
}

.absPlusMinusButton:hover[b-m7epa7xxpc] {
    cursor: pointer;
}

.lupeIcon[b-m7epa7xxpc]{
    position: absolute;
    right: 10%;
    height: 2.5em;
}

.fahrzeugTypundFahrgestellNrContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.fahrzeugZulassungsdatumContainer[b-m7epa7xxpc] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.hrLoadingBar[b-m7epa7xxpc] {
    position: absolute;
    top: 0;
    /* width: 50%;
    margin-left: 50%; */

    border: none;
    height: 2px;
    border-color: #1875F0;
    color: #1875F0;
    background-color: #1875F0;
}

.fahrzeugPunkteContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.fahrzeugPunktZahlBalken[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 2em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: var(--fs-90);
    background-color: #426C94;
}

.servicePunktZahlBalken[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: var(--fs-90);
    background-color: #727272;
}

.sonderPunktZahlBalken[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: var(--fs-90);
    background-color: #B3B3B3;
}

.gridServicePunkte[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr 1fr auto;
    grid-template-rows: 1fr 1fr 1fr auto;
    border: 4px solid #707070;
}

.gridServiceUndSonderpunkteContainer[b-m7epa7xxpc] {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    row-gap: 8em;
    margin-top: 8em;
}

.gridServiceUndSonderpunktePunktzahlContainer[b-m7epa7xxpc] {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4em 1fr 4em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    row-gap: 8em;
    margin-top: 1em;
}

.gridServicePunkteContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.textFahrzeugPunkteBalken[b-m7epa7xxpc] {
    margin-right: 1em;
    margin-left: auto;
}

.punktZahlenContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 3em;
    gap: 1em;
}

.flexPunkte[b-m7epa7xxpc] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1em;
}

.coloredPoint[b-m7epa7xxpc] {
    width: 0.7em;
    height: 0.7em;
    border: none;
    border-radius: 50%;
}

.shortHrBlack[b-m7epa7xxpc] {
    margin-right: 45%;
    margin-left: 45%;
    border: none;
    height: 2px;
    border-color: #707071;
    color: #707071;
    background-color: #707071;
}

.punkteDisplayDonutContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-top: 2em;
    padding-bottom: 3em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*.willkommenContainer {
    position: absolute;
    display: flex;
    gap: 2em;
    justify-content: center;
    flex-direction: column;
    width: fit-content;
    max-width: 500px;
    height: fit-content;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;

    margin-top: -20em;

    background: #23272F 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    opacity: 0.85;
}*/

.willkommenContainer[b-m7epa7xxpc] {
    position: fixed;
    display: flex;
    gap: 2em;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    max-width: 500px;
    min-width: 300px;
    height: fit-content;
    z-index: 3;
    /* top: 0;
    left: 0;
    right: 0;
    bottom: 0;*/

    top: 50%;
    left: 75%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    background: #23272F 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    opacity: 0.85;
}

/*#willkommenContainer2 {
    position: fixed;
    display: flex;
    gap: 2em;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: fit-content;
    max-width: 500px;
    min-width: 300px;
    height: fit-content;
    z-index: 3;*/
    /* top: 0;
    left: 0;
    right: 0;
    bottom: 0;*/

    /*top: 50%;
    left: 75%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    background: #23272F 0% 0% no-repeat padding-box;
    border: 2px solid #FFFFFF;
    opacity: 0.85;
}*/

.weiterButtonTutorial[b-m7epa7xxpc] {
    width: fit-content;
    border: 1px solid #FFFFFF;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4em;
    padding-right: 4em;
    padding-top: 1em;
    padding-bottom: 1em;
    background-color: #23272F;
    color: #FFFFFF;
}

.infoTextTutorial[b-m7epa7xxpc]{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    line-height: 2.3;
}

.willkommenContainer > *[b-m7epa7xxpc] {
    opacity: 1 !important;
}

.color727272[b-m7epa7xxpc] {
    color: #727272;
}

.donutCenterTextContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
}

.gridPunkteAusContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.tableBgColor[b-m7epa7xxpc] {
    background-color: #393938;
}

.tableBorderTopBotRight[b-m7epa7xxpc] {
    border-top: 1px solid #393938;
    border-bottom: 1px solid #393938;
    border-right: 1px solid #393938;
}

.tableBorderTopBot[b-m7epa7xxpc] {
    border-top: 1px solid #393938;
    border-bottom: 1px solid #393938;
}

.punkteBerechnungGesamtContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    margin-bottom: 16em;
    padding-bottom: 3em;
    background-color: #23272F;
}

.donutCenterHeader[b-m7epa7xxpc] {
    font-size: 1.6rem;
}

.coloredPunkteDisplay[b-m7epa7xxpc] {
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    padding-right: 1em;
    padding-left: 1em;
}

.color9E9FA0[b-m7epa7xxpc] {
    color: #9E9FA0;
}

.colorBFBFBF[b-m7epa7xxpc] {
    color: #BFBFBF;
}

.colorF2F2F2[b-m7epa7xxpc] {
    color: #F2F2F2;
}

.colorA6A6A6[b-m7epa7xxpc] {
    color: #A6A6A6;
}


.gridSubHeaderContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    gap: 2em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: var(--respEmstart2);
    padding-bottom: var(--respEmstart2);
    margin-top: var(--minusRespEmstart2);
    background-color: #FFFFFF;
    z-index: 2;
}


.gridPunkteAusService[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 60% 20%;
    grid-template-columns: 20% 60% 20%;
}

.logoInTable[b-m7epa7xxpc] {
    height: 4vh;
    -o-object-fit: cover;
    object-fit: cover;
    margin-top: auto;
    margin-bottom: auto;
}

.containerFahrzeugGesamtPunkte[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #426C94;
}

.serviceIconContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #2C3037;
}

.serviceGesamtPunkteContainer[b-m7epa7xxpc] {
    background-color: #707070;
}


.punkteTableContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
}

.fahrzeugRow:nth-child(odd)[b-m7epa7xxpc] {
    background-color: #2C3037 !important;
}

.tableAlternateColor:nth-child(odd)[b-m7epa7xxpc] {
    color: #BFBFBF;
}

.tableAlternateColor:nth-child(even)[b-m7epa7xxpc] {
    color: #F2F2F2;
}

p[b-m7epa7xxpc] {
    text-align: center;
}

.bg2C3037[b-m7epa7xxpc] {
    background-color: #2C3037 !important;
}

/* fahrzeugRow */
.fahrzeugRow[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    /* Grow, Shrink, flex-basis */
    /* flex: 1 1 0px */
    -ms-grid-columns: 0.75fr (1fr)[3];
    grid-template-columns: 0.75fr repeat(3, 1fr);
}

.donutChartContainer[b-m7epa7xxpc] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.donutChart[b-m7epa7xxpc] {
}

.punkteHeaderText[b-m7epa7xxpc] {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
    padding-bottom: 3em;
}

.flexPunkteText[b-m7epa7xxpc] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
}

.mainContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    row-gap: 3vh;
    /* Repsonsive Werte */
    width: 100%;
}

.col1Span2[b-m7epa7xxpc] {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
}

.mLeft5Perc[b-m7epa7xxpc] {
    margin-left: 5%;
}

.textPunkteAus[b-m7epa7xxpc] {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

.textPunkteLegende[b-m7epa7xxpc] {
    padding-top: 1em;
    padding-bottom: 1em;
    color: #BFBFBF;
    opacity: 0.5;
}

.textPunkteLegendeNeu[b-m7epa7xxpc] {
    width: 100%;
    margin-right: auto;
}

.punkteTable[b-m7epa7xxpc] {
    table-layout: auto;
    width: 100%;
}

.tblBorderTop[b-m7epa7xxpc] {
    border-top: 1px solid #707070;
}

.tblBorderBottom[b-m7epa7xxpc] {
    border-bottom: 1px solid #707070;
}

.tblBorderRight[b-m7epa7xxpc] {
    border-right: 1px solid #707070;
}

.gridBenutzerInfos[b-m7epa7xxpc] {
    /* weniger Width auf Desktop */
    width: 80%;
   /* display: grid;*/
    margin-left: auto;
    margin-right: auto;
}

.gridBenutzerInfos > *[b-m7epa7xxpc]{
    margin-bottom: 2em;
}


.gridLabelInput[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    row-gap: 0.5em;
}

    .gridLabelInput > *[b-m7epa7xxpc] {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

#modalPopup[b-m7epa7xxpc] {
    position: fixed;
    display: none;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    max-width: 600px;
    min-width: 400px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}

.modalWillkommenContainer[b-m7epa7xxpc] {
    position: fixed;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    max-width: 600px;
    min-width: 400px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}

#gridPunktesammeln[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 2em 1fr;
    grid-template-rows: 1fr 1fr;
    row-gap: 2em;
    background-color: white;
    margin-bottom: 16em;
}

#flexPunktesammelnTexte[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#gridPunkteInfoAnsicht[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 4em 3fr;
    grid-template-columns: 1fr 3fr;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8em;
}

.col1SpanFull[b-m7epa7xxpc] {
    grid-column: 1 / -1;
}

.hrpunkteInfo[b-m7epa7xxpc] {
    border: none;
    height: 2px;
    border-color: #F5F5F5;
    color: #F5F5F5;
    background-color: #F5F5F5;
}

#gridPunkteInfoAnsicht > p[b-m7epa7xxpc] {
    padding-bottom: 1em;
    padding-top: 1em;
}

.color999999[b-m7epa7xxpc] {
    color: #999999;
}

.colorB3B3B3[b-m7epa7xxpc] {
    color: #B3B3B3;
}

.color666666[b-m7epa7xxpc] {
    color: #666666;
}

.punkteInfoLeftText[b-m7epa7xxpc] {
    margin-left: 20%;
    margin-right: auto;
}

.punkteInfoRightText[b-m7epa7xxpc] {
    text-align: left;
}



#gridKontoLoeschenPopup[b-m7epa7xxpc] {
    padding-top: 3em;
    padding-bottom: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    row-gap: 2em;
}

.textBenutzerInfo[b-m7epa7xxpc] {
    text-transform: uppercase;
    text-align: left;
}

#textDatenNichtAktuell[b-m7epa7xxpc] {
    margin-top: 3em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#closeLoeschenModal[b-m7epa7xxpc] {
    position: absolute;
    top: 5%;
    right: 5%;
    color: #E3CAA2;
}

    #closeLoeschenModal:hover[b-m7epa7xxpc] {
        cursor: pointer;
    }

#buttonKontoLoeschen[b-m7epa7xxpc] {
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    color: white;
    background-color: #E3CAA2;
}

.textAlignLeft[b-m7epa7xxpc] {
    text-align: left !important;
}


.iconProfilHrContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    row-gap: 2em;
    padding-bottom: 2em;
}

.mainContainer[b-m7epa7xxpc] {
    row-gap: 0 !important;
}

.profilIconContainer[b-m7epa7xxpc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 5vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.profilIcon[b-m7epa7xxpc] {
    height: 100%;
}

.colorB3B3B3[b-m7epa7xxpc] {
    color: #B3B3B3;
}

#servicePunktePopup[b-m7epa7xxpc] {
    position: fixed;
    display: none;
    z-index: 99999999;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    max-width: 600px;
    min-width: 400px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}



#buttonAenderungenSpeichern[b-m7epa7xxpc] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    background-color: #E3CAA2;
    color: white;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 2em;
    padding-bottom: 2em;
    border-radius: 3px;
}

#textKontoLoeschen[b-m7epa7xxpc] {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.gridStati[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    gap: 0.3em;
}

.griditemStati[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #FFFFFF;
}

    .griditemStati > *[b-m7epa7xxpc] {
        background-color: #FFFFFF;
    }

.gridVorteileAufEinenBlick > p[b-m7epa7xxpc] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.statusTextAufklappbar[b-m7epa7xxpc] {
    text-align: center;
    color: #808080;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em;
}


.staticStatiIcon[b-m7epa7xxpc] {
   /* width: 2em;*/
    height: 1.5em;

    margin-top: 3em;
    margin-bottom: 3em;
}

.gridContainer[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
}

#statiTextSilber[b-m7epa7xxpc] {
    display: none;
}

#statiTextGold[b-m7epa7xxpc] {
    display: none;
}

#statiTextPlatin[b-m7epa7xxpc] {
    display: none;
}

.gridStatiAufklapp[b-m7epa7xxpc] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.punkteFuerStatusText[b-m7epa7xxpc] {
    font-size: (--fs-80);
    text-align: center;
    color: #666666;
    padding-top: 2em;
}

.colorSilber[b-m7epa7xxpc] {
    color: #D8D8D8
}

.colorGold[b-m7epa7xxpc] {
    color: #AD9057;
}


.colorPlatin[b-m7epa7xxpc] {
    color: #C6C1B8;
}


@media(min-width: 700px) {
    .donutCenterHeader[b-m7epa7xxpc] {
        font-size: 3rem;
    }

    .flexPunkte[b-m7epa7xxpc] {
        width: 70%;
    }
}

@media(max-width: 1000px) {
    .textFahrgestellNr[b-m7epa7xxpc] {
        display: none;
        position: absolute;
    }
}

@media(min-width: 1024px) {
    .statusTextAufklappbar[b-m7epa7xxpc] {
        padding-top: 0.5em;
        padding-bottom: 2em;
    }

    .textBenutzerInfo[b-m7epa7xxpc] {
        text-transform: uppercase;
        text-align: center;
    }

    #statiTextSilber[b-m7epa7xxpc] {
        display: block;
    }

    #statiTextGold[b-m7epa7xxpc] {
        display: block;
    }

    #statiTextPlatin[b-m7epa7xxpc] {
        display: block;
    }

    .punkteFuerStatusText[b-m7epa7xxpc] {
        padding-bottom: 2em;
    }

    .griditemStati[b-m7epa7xxpc] {
        row-gap: 0.2em;
        background-color: transparent;
    }

    .imgTextContainer[b-m7epa7xxpc] {
        -ms-grid-rows: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        padding-bottom: 0;
    }

    .gridStati[b-m7epa7xxpc] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        /* TODO colGap */
    }

        .gridStati > *:nth-child(1)[b-m7epa7xxpc] {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .gridStati > *:nth-child(2)[b-m7epa7xxpc] {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
        }

        .gridStati > *:nth-child(3)[b-m7epa7xxpc] {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

    #gridPunkteInfoAnsicht[b-m7epa7xxpc] {
        width: 60%;
        -webkit-column-gap: 8em;
        -moz-column-gap: 8em;
        column-gap: 8em;
    }

    .gridServiceUndSonderpunkteContainer[b-m7epa7xxpc] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    #gridFahrzeugeContainer[b-m7epa7xxpc] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .donutChartContainer[b-m7epa7xxpc] {
        margin-top: 4em;
        margin-bottom: 2em;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .textPunkteAus[b-m7epa7xxpc] {
        padding-top: 1em;
        padding-bottom: 1em;
        width: 100%;
        margin-right: auto;
        text-align: left;
    }

    .flexPunkte[b-m7epa7xxpc] {
        width: 40%;
    }

    .shortHrBlack[b-m7epa7xxpc] {
        margin-left: 48%;
        margin-right: 48%;
    }

    .gridBenutzerInfos[b-m7epa7xxpc] {
        display: grid;
        -ms-grid-columns: 1fr 3em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 3em;
        -moz-column-gap: 3em;
        column-gap: 3em;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

    .gridLabelInput[b-m7epa7xxpc] {
        -ms-grid-columns: 1fr 2em 3fr;
        grid-template-columns: 1fr 3fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #buttonAenderungenSpeichern[b-m7epa7xxpc] {
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

@media(min-width: 1700px) {
    .fahrzeugRow[b-m7epa7xxpc] {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 0.75fr (1fr)[4];
        grid-template-columns: 0.75fr repeat(4, 1fr);
    }
}
/* /Pages/Privilegien.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.color666666[b-no8r220zr1] {
    color: #666666;
}

.color4D4D4D[b-no8r220zr1] {
    color: #4D4D4D;
}

.color808080[b-no8r220zr1] {
    color: #808080;
}

.gridStati[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    gap: 0.3em;
}


.punkteFuerStatusText[b-no8r220zr1] {
    font-size: var(--fs-80);
    text-align: center;
    color: #666666;
    padding-top: 2em;
}

.griditemStati[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
    background-color: #FFFFFF;
}

    .griditemStati > *[b-no8r220zr1] {
        background-color: #FFFFFF;
    }

.slideshowVipServices[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    position: relative;
}

.gridContainer[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
}

.gridStatiAufklapp[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    -ms-grid-columns: 1fr 2fr 1fr;
    grid-template-columns: 1fr 2fr 1fr;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.statusTextAufklappbar[b-no8r220zr1] {
    font-size: var(--fs-80);
    text-align: center;
    font-family: BMWTypeNextRegular;
    color: #808080;
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 1em;
}

.opacity07[b-no8r220zr1] {
    opacity: 0.7;
}

.staticStatiIcon[b-no8r220zr1] {
    padding-bottom: 2em;
    padding-top: 2em;
}

.flexStatus[b-no8r220zr1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    padding-top: 10%;
    padding-bottom: 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.colorSilber[b-no8r220zr1] {
    color: #D8D8D8
}

.colorGold[b-no8r220zr1] {
    color: #AD9057;
}

.colorPlatin[b-no8r220zr1] {
    color: #C6C1B8;
}

.vipServiceContainer[b-no8r220zr1] {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    background-color: #FFFFFF;
}

.tableVorteilsAufschluesselung[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}

.vipServiceTexte[b-no8r220zr1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6em;
    padding-bottom: 2em;
    gap: 1em;
}

.gridVipServiceContent[b-no8r220zr1] {
    margin-top: 15%;
    display: -ms-grid;
    display: grid;
    row-gap: 1em;
}

.vipServiceImages[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
    margin-top: var(--topBotMarginServiceBilder);
    margin-bottom: var(--topBotMarginServiceBilder);
    -ms-grid-columns: 1fr 1em 3fr 1em 3fr 1em 1fr;
    grid-template-columns: 1fr 3fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.linkTextButtons[b-no8r220zr1] {
    position: absolute;
    border: none;
    text-align: center;
    top: 1.5em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    letter-spacing: 1px;
}

/* TODO CSSKRAM auf Mobile Eventuell mit DropDown? */
.gridVorteilAufschluesselung[b-no8r220zr1] {
    display: -ms-grid;
    display: grid;
}

#statiTextSilber[b-no8r220zr1] {
    display: none;
}

#statiTextGold[b-no8r220zr1] {
    display: none;
}

#statiTextPlatin[b-no8r220zr1] {
    display: none;
}

@media(min-width: 640px) {
    :root[b-no8r220zr1] {
        --respEmstart2: 4em;
        --minusRespEmstart2: -5em;
        --topBotMarginServiceBilder: 3em;
    }

    .vipServiceImages[b-no8r220zr1] {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .vipServiceTexte[b-no8r220zr1] {
        gap: 2em;
    }
}

@media(min-width: 768px) {

    .linkTextButtons[b-no8r220zr1] {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        padding-left: 3em;
        padding-right: 3em;
    }

    .headerBgImageContent[b-no8r220zr1] {
        background-image: url('images/placeholder-3.png');
    }
}

@media(min-width: 1025px) {
    :root[b-no8r220zr1] {
        --privilegienImageButtonSize: 4em;
        --respEmstart2: 5em;
        --minusRespEmstart2: -7em;
        --topBotMarginServiceBilder: 4em;
    }

    .bgFCFCFCOnDesktop[b-no8r220zr1] {
        background-color: #FCFCFC;
    }

    .gridStati[b-no8r220zr1] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        /* TODO CSSKRAM colGap */
    }

        .gridStati > *:nth-child(1)[b-no8r220zr1] {
            -ms-grid-row: 1;
            -ms-grid-column: 1;
        }

        .gridStati > *:nth-child(2)[b-no8r220zr1] {
            -ms-grid-row: 1;
            -ms-grid-column: 2;
        }

        .gridStati > *:nth-child(3)[b-no8r220zr1] {
            -ms-grid-row: 1;
            -ms-grid-column: 3;
        }

    .gridSlider2Hrs[b-no8r220zr1] {
        display: none !important;
    }

    .punkteFuerStatusText[b-no8r220zr1] {
        padding-bottom: 2em;
    }

    .mySlides[b-no8r220zr1] {
        display: block !important;
        position: relative !important;
        width: auto !important;
        max-width: 100% !important;
        aspect-ratio: 4 / 3;
        /* padding-top: 75%; */
    }

    .statusTextAufklappbar[b-no8r220zr1] {
        padding-top: 0.5em;
        padding-bottom: 2em;
    }

    .slideshowVipServices[b-no8r220zr1] {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: 1fr 4em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 4em;
        -moz-column-gap: 4em;
        column-gap: 4em;
        margin-bottom: 4em;
    }

    #statiTextSilber[b-no8r220zr1] {
        display: block;
    }

    #statiTextGold[b-no8r220zr1] {
        display: block;
    }

    #statiTextPlatin[b-no8r220zr1] {
        display: block;
    }

    .griditemStati[b-no8r220zr1] {
        row-gap: 0.2em;
        background-color: transparent;
    }

    .vipServiceImages[b-no8r220zr1] {
        margin-top: 4em;
        margin-bottom: 4em;
    }

    .flexStatus[b-no8r220zr1] {
        gap: 2em;
    }

    .vipServiceTexte[b-no8r220zr1] {
        gap: 4em;
    }

    /* .linkTextButtons{
          top: 2.5em;
        }  */
}

@media(min-width: 1280px) {
    :root[b-no8r220zr1] {
        --respEmstart2: 6em;
        --minusRespEmstart2: -11em;
        --topBotMarginServiceBilder: 5em;
    }

    .vipServiceImages[b-no8r220zr1] {
        margin-top: 5em;
        margin-bottom: 5em;
    }
}

@media(min-width: 1700px) {
    .linkTextButtons[b-no8r220zr1] {
        top: 5em;
    }

    .mySlides[b-no8r220zr1] {
        aspect-ratio: 4 / 3;
    }
}
/* /Pages/Startseite.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


/* .testImage{
    margin-inline: auto;
    width: 100%;
    height: 100%;

    object-fit: contain;
} */

.halfImageContainer[b-wl5zea8a7o] {
    width: 100%;
    height: 100%;
    margin-bottom: 6em;
}

.gridVorteilsWeltBisLastCallEvent[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    row-gap: 3em;
}

.vorteilsWeltContainer[b-wl5zea8a7o] {
    position: relative;
    display: -ms-grid;
    display: grid;
}

#imageVorteilsWeltContainerTexteDesktop[b-wl5zea8a7o] {
    height: 60vh;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}

#imageContainerVorteilsweltPerson[b-wl5zea8a7o] {
    height: 60vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
}

#vorteilsweltContainerNeu[b-wl5zea8a7o] {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /* align-items: center; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 6em;
    background-color: #FFFFFF;
    /*  border: 1px solid #d6d6d6;
    box-shadow: 0 2px 3px 0px rgba(0,0,0,0.25);
    border-radius: 3px;*/
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.slideshowGewinnspiel[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    height: 60vh;
    position: relative;
}

.textFashionTrends[b-wl5zea8a7o] {
    color: #F2F2F2;
    opacity: 0.5;
}

.colorF2F2F2[b-wl5zea8a7o] {
    color: #F2F2F2;
}

.lastCallContainer[b-wl5zea8a7o] {
    position: relative;
    height: 60vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.lastCallTextContainer[b-wl5zea8a7o] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1em;
}

.vorteilsWeltTexteMobileContainer[b-wl5zea8a7o] {
    background-color: #848784;
}

.vorteilsWeltTexteMobile[b-wl5zea8a7o] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #848784;
}

.gridImages[b-wl5zea8a7o] {
    height: 50em;
    display: -ms-grid;
    display: grid;
    row-gap: 3em;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.startseiteTag[b-wl5zea8a7o] {
    position: absolute;
    top: 2em;
    left: 3em;
    letter-spacing: 1px;
    color: white;
    text-align: center;
    border: none;
    border-radius: 3px;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 2em;
    padding-right: 2em;
}

.slideshowGewinnspielEcht[b-wl5zea8a7o] {
    height: 45vh;
    width: 100%;
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2em;
    margin-bottom: 12em;
}

.startseiteNeuTag[b-wl5zea8a7o] {
    position: absolute;
    z-index: 99999;
    top: 3em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    /* left: 50%;
    right: 50%; */
    /* margin-inline: auto; */
    letter-spacing: 1px;
    background-color: #78858D;
    text-align: center;
    border: none;
    border-radius: 3px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
}

.grid3Events[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    gap: 3em;
}

.containerSingleEventImage[b-wl5zea8a7o] {
    width: 100%;
    height: 100%;
    position: relative;
}

.singleEventImage[b-wl5zea8a7o] {
    position: absolute;
}

.gridSingleEvent[b-wl5zea8a7o] {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 15em 20em;
    grid-template-rows: 15em 20em;
    background-color: white;
}

.flexSingleEventTexte[b-wl5zea8a7o] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 3em;
    gap: 1em;
}


/* .tagContainer{
    position: absolute;

  

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

    height: 1.5em;
    width: 9em;

} */

.letterSpace1Px[b-wl5zea8a7o] {
    letter-spacing: 1px;
}

.bg9E8D71[b-wl5zea8a7o] {
    background-color: #9E8D71;
}

.bg8E8E8C[b-wl5zea8a7o] {
    background-color: #8E8E8C;
}

.bg141410[b-wl5zea8a7o] {
    background-color: #141410;
}

.buttonVorteile[b-wl5zea8a7o] {
    background-color: black;
    color: white;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
}

    .buttonVorteile :hover[b-wl5zea8a7o] {
        cursor: pointer;
    }

.aktuellContainer[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    gap: 2em;
    margin-top: 4em;
    margin-bottom: 2em;
}

.color666666[b-wl5zea8a7o] {
    color: #666666;
}

.buttonMehr[b-wl5zea8a7o] {
    border: 2px solid #F5F5F5;
    border-radius: 4px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-right: auto;
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    padding-left: 3em;
    padding-right: 3em;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: var(--fs-70);
}

.gridGap[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    gap: 2em;
}



.flexVipServiceKunden[b-wl5zea8a7o] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3em;
    padding-top: 6em;
    padding-bottom: 6em;
    background-color: white;
}

.textVipService[b-wl5zea8a7o] {
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.color252620[b-wl5zea8a7o] {
    color: #252620;
}

.colorF5F5F5[b-wl5zea8a7o] {
    color: #FAFAFA;
}

.relContainer[b-wl5zea8a7o] {
    position: relative;
}

.startseiteTextHrContainer[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    row-gap: 2em;
    padding-top: 3em;
    padding-bottom: 3em;
}

.hrStartseite[b-wl5zea8a7o] {
    margin-left: 2%;
    margin-right: 2%;
    border: none;
    height: 2px;
    border-color: #F0F0F0;
    color: #F0F0F0;
    background-color: #F0F0F0;
}


.halfImageTextContainer[b-wl5zea8a7o] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6em;
    margin-bottom: 2em;
    gap: 1em;
}

.gridHalfImage[b-wl5zea8a7o] {
    display: -ms-grid;
    display: grid;
    position: relative;
   /* -ms-grid-rows: 55% 1em 45%;
    grid-template-rows: 55% 45%;*/
    padding-bottom: 3em;
    row-gap: 1em;
    /* grid-template-rows: 1fr 1fr; */
    /* grid-template-rows: 20vh 20vh; */
}

    .gridHalfImage :hover[b-wl5zea8a7o] {
        cursor: pointer;
    }

.slideshowGewinnspiel :hover[b-wl5zea8a7o] {
    cursor: pointer;
}


/*#region MediaQueries */
@media(max-width: 768px) {
}

@media(min-width: 640px) {
}

@media(min-width: 768px) {
}

@media(min-width: 1024px) {
    .textVipService[b-wl5zea8a7o] {
        width: 50%;
    }

    .hrStartseite[b-wl5zea8a7o] {
        margin-left: -5%;
        margin-right: -5%;
    }

    .grid3Events[b-wl5zea8a7o] {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* TODO wie am besten 4:3 setzen? */
    .mySlides[b-wl5zea8a7o] {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 4 / 3;
    }

    .gridSlider2Hrs[b-wl5zea8a7o] {
        display: none;
    }

    .hrSlider[b-wl5zea8a7o] {
        display: none;
    }


    .slideshowGewinnspiel[b-wl5zea8a7o] {
        width: 60%;
        height: 30vh;
        margin-right: auto;
        margin-left: auto;
        -ms-grid-columns: 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
        padding-bottom: 20em;
    }

    .gridGap[b-wl5zea8a7o] {
        margin-top: 1em;
        margin-bottom: 2em;
    }

    .aktuellContainer[b-wl5zea8a7o] {
        gap: 4em;
    }

    .startseiteTag[b-wl5zea8a7o] {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .gridVorteilsWeltBisLastCallEvent[b-wl5zea8a7o] {
        row-gap: 3em;
    }

    .gridImages[b-wl5zea8a7o] {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .vorteilsWeltContainer[b-wl5zea8a7o] {
        -ms-grid-columns: 35% 65%;
        grid-template-columns: 35% 65%;
    }

    .vorteilsWeltTexteMobileContainer[b-wl5zea8a7o] {
        display: none;
    }

    #imageVorteilsWeltContainerTexteDesktop[b-wl5zea8a7o] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        row-gap: 1em;
    }

    .buttonVorteile[b-wl5zea8a7o] {
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 4em;
        padding-right: 4em;
    }
}

@media(min-width: 1280px) {
}
/*#endregion MediaQueries */
/* /Pages/VipService.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.fahrzeugAufbereitungContainer[b-ewlok25akr] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.color666666[b-ewlok25akr] {
    color: #666666;
}

.opacity07[b-ewlok25akr] {
    opacity: 0.7;
}

.gridImages[b-ewlok25akr] {
    height: 30em;
    display: -ms-grid;
    display: grid;
    row-gap: 3em;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}

.startseiteNeuTag[b-ewlok25akr] {
    position: absolute;
    z-index: 99999;
    top: 3em;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    /* left: 50%;
    right: 50%; */
    /* margin-inline: auto; */
    letter-spacing: 1px;
    background-color: #78858D;
    text-align: center;
    border: none;
    border-radius: 3px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 2em;
    padding-right: 2em;
}

.gridHalfImage[b-ewlok25akr] {
    display: -ms-grid;
    display: grid;
    position: relative;
    padding-bottom: 3em;
    row-gap: 1em;
    /* grid-template-rows: 1fr 1fr; */
    /* grid-template-rows: 20vh 20vh; */
}

.gridHalfImage :hover[b-ewlok25akr] {
    cursor: pointer;
}

.textTopLeftAbs[b-ewlok25akr] {
    position: absolute;
    top: 1em;
    left: 1em;
}

.halfImageContainer[b-ewlok25akr] {
    width: 100%;
    height: 100%;
    position: relative;
/*    margin-bottom: 6em;*/
    padding-bottom: 6em;
    border: 1px solid blue;
}

.sonderaktionAnzeige[b-ewlok25akr] {
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 3em;
    right: 3em;
    height: 8em;
    width: 8em;
    border-radius: 50%;   
    z-index: 9999;

    -webkit-transform: rotate(7deg);
    -ff-transform: rotate(7deg);
    transform: rotate(7deg);
  /*  margin: 0 auto;*/
}

#sonderPunkteDetailContainer[b-ewlok25akr] {
    margin-bottom: 12em;
}

#textSonderAnzeigeKlein[b-ewlok25akr] {
    margin-left: 14%;
    font-weight: 300;
    opacity: 0.6;
}

.halfImageTextContainer[b-ewlok25akr] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em;
}

.halfDisplayVipServiceContainer[b-ewlok25akr]{
    display: grid;
    gap: 4em;
}
  
.halfDisplayVipServiceItem[b-ewlok25akr]{
    position: relative;
    display: grid;
  /*  grid-template-rows: 0.55fr 0.45fr*/
    grid-template-rows: 1fr 1.8fr;
    padding-top: 4em;
    gap: 5em;
    padding-bottom: 5em;
}

.halfDisplayVipServiceItem > *[b-ewlok25akr]{
    border: 1px solid red;
}

.halfImage[b-ewlok25akr] {
    height: 15em;
}

/*Auf Mobile text max 80 breit auf Desktop*/
.fullDisplayVipServiceItem[b-ewlok25akr]{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
    gap: 60px;
}


#gridAktuelleServicesContainer[b-ewlok25akr] {
    display: grid;
    gap: 4em;
}

.flexReverseButtonStart[b-ewlok25akr] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.hoverCursor :hover[b-ewlok25akr] {
    cursor: pointer;
}

/*#region MediaQueries */
@media(min-width: 640px) {
}

@media(min-width: 768px) {  

    .textTopLeftAbs[b-ewlok25akr] {
        top: 2em;
        left: 2em;
    }
}


@media(min-width: 1024px){
    .sonderaktionAnzeige[b-ewlok25akr]{
        display: flex;
    }


    .halfDisplayVipServiceContainer[b-ewlok25akr] {
        grid-template-columns: 1fr 1fr;
        gap: 2em;
    }

    #textSonderAnzeigeKlein[b-ewlok25akr] {
        margin-left: 20%;
    }

    .fullDisplayVipServiceItem[b-ewlok25akr] {
        padding-top: 150px;
        padding-bottom: 150px;
        gap: 100px;
    }
}

@media(min-width: 1280px) {
    .textTopLeftAbs[b-ewlok25akr] {
        top: 4em;
        left: 4em;
    }
}
/*#endregion MediaQueries */
/* /Pages/VipServiceDetailseite.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


@font-face {
    font-family: RobotoThinMarten;
    src: url('fonts/Roboto-Thin.ttf');
}

@font-face {
    font-family: RobotoBlackMarten;
    src: url('fonts/Roboto-Black.ttf');
}

@font-face {
    font-family: RobotoMediumMarten;
    src: url('fonts/Roboto-Medium.ttf');
}

.RobotoThin[b-9r8yoidg9t] {
    font-family: RobotoThinMarten;
}

.RobotoBlack[b-9r8yoidg9t] {
    font-family: RobotoBlackMarten;
}

.RobotoMedium[b-9r8yoidg9t] {
    font-family: RobotoMediumMarten;
}


.color666666[b-9r8yoidg9t] {
    color: #666666;
}

.flexTerminAnfragen[b-9r8yoidg9t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1em;
}

.marginBot[b-9r8yoidg9t] {
    margin-bottom: 16em;
}

.bgWhiteContainer[b-9r8yoidg9t] {
    width: 100%;
    background-color: white !important;
}

.buttonTerminAnfragen[b-9r8yoidg9t] {
    color: white;
    background-color: #E3CAA2;
    text-align: center;
    width: 100%;
    padding-top: 2em;
    padding-bottom: 2em;
}

.inputBorder[b-9r8yoidg9t] {
    border: 1px solid #CCCCCA;
    border-radius: 6px;
}

.w80Perc[b-9r8yoidg9t] {
    width: 80%;
}

.frageMitteilungContainer[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    -ms-grid-rows: 1fr 5fr;
    grid-template-rows: 1fr 5fr;
}

.textWunschtermin[b-9r8yoidg9t] {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.gridKontaktaufnahme[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    gap: 2em;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

    .gridKontaktaufnahme > *[b-9r8yoidg9t] {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

.gridLabelInput[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    gap: 0.5em;
    width: 100%;
}

    .gridLabelInput > *[b-9r8yoidg9t] {
        width: 100%;
    }

.color707070[b-9r8yoidg9t] {
    color: #707070;
}

.span2ColsonMobile[b-9r8yoidg9t] {
    -webkit-column-span: 1 / -1;
    -moz-column-span: 1 / -1;
    column-span: 1 / -1;
}

.datePickerContainer[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    row-gap: 2em;
}

.slideshowVipservicedetail[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    height: 60vh;
    position: relative;
}


.gridLabelInput > input[b-9r8yoidg9t] {
    padding-top: 1em;
    padding-bottom: 1em;
}


#statiPrivilegienTable[b-9r8yoidg9t] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 5em;
    margin-bottom: 5em;
}

.borderLeft[b-9r8yoidg9t] {
    border-left-width: 3px;
    border-left-color: #F5F5F5;
    border-left-style: solid;
    border-collapse: collapse;
}

.borderBottom[b-9r8yoidg9t] {
    border-bottom-width: 3px;
    border-bottom-color: #F5F5F5;
    border-bottom-style: solid;
    border-collapse: collapse;
}

.thStatiPrivilegienHeader[b-9r8yoidg9t] {
    padding-top: 2em;
    padding-bottom: 2em;
    color: #B3B3B3;
}

.thStatiPrivilegienHeaderStatus[b-9r8yoidg9t] {
    padding-top: 2em;
    padding-bottom: 2em;
    color: #999999;
}

.imgstatiPrivilegienHaken[b-9r8yoidg9t] {
    margin-left: auto;
    margin-right: auto;
    width: 1.5em;
    height: 1.5em;
    -o-object-fit: contain;
    object-fit: contain;
}

.imgstatiPrivilegienKreuz[b-9r8yoidg9t] {
    margin-left: auto;
    margin-right: auto;
    width: 1.3em;
    height: 1.3em;
    -o-object-fit: contain;
    object-fit: contain;
}

.hrPrivilegMinus[b-9r8yoidg9t] {
    width: 1.5em;
    margin-right: auto;
    margin-left: auto;
    border: none;
    height: 2px;
    border-color: #D8D8D8;
    color: #D8D8D8;
    background-color: #D8D8D8;
}

.thStatiPrivilegienContent[b-9r8yoidg9t] {
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    color: #B3B3B3;
    height: 100%;
    width: 100%;
}

.goldPrivileg[b-9r8yoidg9t] {
    background-color: #FAFAFA;
}





















#kontaktFormularContainer[b-9r8yoidg9t] {
    display: grid;
    gap: 1.5em;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid red;
}

    #kontaktFormularContainer > input[b-9r8yoidg9t] {
        padding-top: 1em;
        padding-bottom: 1em;
    }


#anfrageStandortContainer[b-9r8yoidg9t] {
    width: 100%;
}


.inputName[b-9r8yoidg9t] {
    padding-top: 1em;
    padding-bottom: 1em;
}


.inputBorder[b-9r8yoidg9t] {
    border: 1px solid #CCCCCA;
    border-radius: 6px;
}

#gridAnredeContainer[b-9r8yoidg9t] {
    display: grid;
    width: 100%;
    gap: 2em;
}

.selectPersonen[b-9r8yoidg9t] {
    padding-top: 1em;
    padding-bottom: 1.36em;
}

#gridEmailTelefonContainer[b-9r8yoidg9t] {
    display: grid;
    gap: 2em;
    width: 100%;
}

.frageMitteilungContainer[b-9r8yoidg9t] {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* Hier mit Min-Size aber darf auch größer */
    -ms-grid-rows: 1fr 8fr;
    grid-template-rows: 1fr 8fr;
}

.flexKontaktmoeglichkeiten[b-9r8yoidg9t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 1em;
    padding-top: 1em;
    gap: 2em;
}

#flexDatenschutzContainer[b-9r8yoidg9t] {
    display: flex;
    gap: 1em;
}


#kontaktAnfrageAbsendenButtonContainer[b-9r8yoidg9t] {
    width: 100%;
}

.btnAnfragen[b-9r8yoidg9t] {
    border: 1px solid red;
    width: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    /*  border: none;*/
    color: white;
}






















@media(min-width: 1024px) {

    #gridAnredeContainer[b-9r8yoidg9t] {
        grid-template-columns: 0.25fr 0.5fr 0.5fr;
    }

    #gridEmailTelefonContainer[b-9r8yoidg9t] {
        grid-template-columns: 1fr 1fr;
    }

    .btnAnfragen[b-9r8yoidg9t] {
        width: 35%;
        margin-right: auto;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-right: 1em;
        padding-left: 1em;
    }


    .frageMitteilungContainer[b-9r8yoidg9t] {
        -ms-grid-rows: 1fr 8fr;
        grid-template-rows: 1fr 8fr;
    }

    .slideshowVipservicedetail[b-9r8yoidg9t] {
        width: 60%;
        height: 30vh;
        margin-left: auto;
        margin-right: auto;
        -ms-grid-columns: 1fr 2em 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }

    .gridSlider2Hrs[b-9r8yoidg9t] {
        display: none;
    }

    .hrSlider[b-9r8yoidg9t] {
        display: none;
    }

    .mySlides[b-9r8yoidg9t] {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 4 / 3;
    }

    .buttonTerminAnfragen[b-9r8yoidg9t] {
        width: 40%;
        margin-left: 0;
        margin-right: 0;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .textWunschtermi[b-9r8yoidg9t] {
        width: 100%;
    }

    .span2ColsonMobile[b-9r8yoidg9t] {
        -webkit-column-span: auto;
        -moz-column-span: auto;
        column-span: auto;
    }

    .datePickerContainer[b-9r8yoidg9t] {
        -ms-grid-columns: 1fr 0.5em 1fr 0.5em 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 0.5em;
        -moz-column-gap: 0.5em;
        column-gap: 0.5em;
    }
}






@media(min-width: 1600px) {
    .gridKontaktaufnahme[b-9r8yoidg9t] {
        width: 50%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

*[b-cd7qeqqgt2] {
    margin: 0;
    padding: 0;
}

body[b-cd7qeqqgt2], html[b-cd7qeqqgt2] {
    width: 100%;
    height: 100%;
}


body[b-cd7qeqqgt2] {
    background-color: #f4f4f4;
    overflow-x: hidden;
}

img[b-cd7qeqqgt2], svg[b-cd7qeqqgt2] {
    display: block;
    max-width: 100%;
}


/*#region Fonts*/
@font-face {
    font-family: BMWTypeNextLight;
    src: url('fonts/BMWTypeNext-Light.otf');
}

@font-face {
    font-family: BMWTypeNextThin;
    src: url('fonts/BMWTypeNext-Thin.otf');
}

@font-face {
    font-family: BMWTypeNextBold;
    src: url('fonts/BMWTypeNext-Bold.otf');
}

@font-face {
    font-family: BMWTypeNextRegular;
    src: url('fonts/BMWTypeNext-Regular.otf');
}

.bmwTypeNextLight[b-cd7qeqqgt2] {
    font-family: BMWTypeNextLight;
}

.bmwTypeNextThin[b-cd7qeqqgt2] {
    font-family: BMWTypeNextThin;
}

.bmwTypeNextBold[b-cd7qeqqgt2] {
    font-family: BMWTypeNextBold;
}

.bmwTypeNextRegular[b-cd7qeqqgt2] {
    font-family: BMWTypeNextRegular;
}

.page[b-cd7qeqqgt2] {
    margin: 0;
    padding: 0;
    gap: 0;
}

#main[b-cd7qeqqgt2] {
    margin: 0;
    padding: 0;
    gap: 0;
}
/* Top-NavBar */
.fixedTopNavBar[b-cd7qeqqgt2] {
    z-index: 100;
    position: fixed;   
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2em;
    overflow: hidden;
    background-color: black;
    top: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 5em;
    -ms-grid-columns: 2fr 2fr 2fr;
    grid-template-columns: 2fr 2fr 2fr;
}

@media(min-width: 800px) {
    .customNavBar[b-cd7qeqqgt2] {
        -ms-grid-columns: 20em 1fr 1fr;
        grid-template-columns: 20em 1fr 1fr
    }

   /* .navBurger {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }*/
}


#topNavLogoBmw[b-cd7qeqqgt2] {
    height: 2.8em;
    margin-top: auto;
    margin-bottom: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

#topNavLogoMini[b-cd7qeqqgt2] {
    height: 1.8em;
    margin-top: auto;
    margin-bottom: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.meinBundKText[b-cd7qeqqgt2] {
    color: #727272;
    font-size: 1.3rem;
    letter-spacing: 2.92px;
}

#textMeinProfil[b-cd7qeqqgt2] {
    margin-left: 1em;
}

.imgUser[b-cd7qeqqgt2] {
    -o-object-fit: contain;
    object-fit: contain;
    height: 1.5em;
}

.navBurger[b-cd7qeqqgt2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    /*border-right: 2px solid #FCFCFC;*/
    max-width: 15em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.color999999[b-cd7qeqqgt2] {
    color: #999999;
}

.imgHeightTopNavHeight[b-cd7qeqqgt2] {
    height: 5em;
}


.navBundK[b-cd7qeqqgt2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 1em;
    gap: 1em;
}

/*.navUser {
    border: 1px solid green;
    display: flex;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    justify-content: end;
    justify-content: flex-end;
}*/

.textUeberNavBurger[b-cd7qeqqgt2] {
    color: #ffffff;
    font-size: 0.7rem;
    font-family: MontserratLight, Arial, sans-serif; /* fallback */
}

.navUser[b-cd7qeqqgt2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-content: flex-end;
}

.navbar a:hover[b-cd7qeqqgt2] {
    background-color: #ddd;
    color: #000;
}

#side-nav[b-cd7qeqqgt2] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2em;
    padding-bottom: 2em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: #403d3c;
    /*TODO CSSKRAM Opacity wird nicht gebraucht?*/
    /*  opacity: 0.9;*/
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#side-nav .flexSideMenuItem:hover[b-cd7qeqqgt2] {
    cursor: pointer;
}

.flexSideMenuItem:hover[b-cd7qeqqgt2] {
    background-color: #FAFAFA;
}

.navUser:hover[b-cd7qeqqgt2] {
    cursor: pointer;
}

.navBurger:hover[b-cd7qeqqgt2] {
    cursor: pointer;
}

.flexSideMenuItem:hover p[b-cd7qeqqgt2] {
    color: #000;
}

.color727272[b-cd7qeqqgt2] {
    color: #727272;
}

.color666666[b-cd7qeqqgt2] {
    color: #666666;
}

#selectFilialAuswahl[b-cd7qeqqgt2] {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

#buttonFilialeBestaetigen[b-cd7qeqqgt2] {
    color: white;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 5px #0000000D;
    box-shadow: 0px 2px 5px #0000000D;
    background-color: #E3CAA2;
    text-align: center;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 2em;
    padding-bottom: 2em;
}

.flexSideMenuItem[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
    display: none;
}

.flexSideMenuItemPerformance[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.flexSideMenuItemPremium[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.flexSideMenuItemPremiumRegion1[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.flexSideMenuItemPremiumRegion2[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.flexSideMenuItemPerformanceBald[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 3fr 1fr;
    grid-template-columns: 1fr 1fr 3fr 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

#main[b-cd7qeqqgt2] {
    margin-top: 3.5em !important;
}

.hrSideNav[b-cd7qeqqgt2] {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    border: none;
    height: 2px;
    border-color: #F5F5F5;
    color: #F5F5F5;
    background-color: #F5F5F5;
}

.topNavItem[b-cd7qeqqgt2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

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

.whSideFlexItem[b-cd7qeqqgt2] {
    width: 0.7em;
    height: 0.7em;
}

.autoM[b-cd7qeqqgt2] {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-left: auto;
}

.navLinkText[b-cd7qeqqgt2] {
    color: #ffffff;
    margin-left: 1em;
    font-size: 0.9rem;
    font-family: MontserratLight, Arial, sans-serif; /* fallback */
}

.flexCentered[b-cd7qeqqgt2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


#side-nav .btn-close[b-cd7qeqqgt2] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 22px;
    font-size: 36px;
    margin-left: 50px;
}


.btn-close[b-cd7qeqqgt2] {
    background-color: #403d3c !important;
}


.flexfooter[b-cd7qeqqgt2] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    justify-items: center;
    gap: 1em;
    /* -webkit-box-flex: 1;
    -ms-flex-positive: 1;*/
    /*  flex-grow: 1;*/
    /*max-width: 400px;*/
    background-color: white;
    padding-top: 2em;
    padding-bottom: 2em;
}

.footerText[b-cd7qeqqgt2] {
    margin-left: 10%;
}

.footerRightIcon[b-cd7qeqqgt2] {
    margin-right: 10%;
}

.footerLeftIcon[b-cd7qeqqgt2] {
    margin-left: auto;
}

.footerIcon[b-cd7qeqqgt2] {
    height: 2em;
}

#filialAuswahlContainer[b-cd7qeqqgt2] {
    display: -ms-grid;
    display: flex;
    width: 80%;
    flex-direction: column;
    margin-left: 10%;
    margin-right: 10%;
    background-color: white;
    z-index: 9999;
    display: block;
    border: 1px solid red;
    padding-bottom: 2em;
}


    #filialAuswahlContainer > *[b-cd7qeqqgt2] {
        margin-bottom: 2em;
    }

#textWillkommen[b-cd7qeqqgt2] {
    padding-top: 2em;
}

.mainContainer[b-cd7qeqqgt2] {
    border: 1px solid green;
}


@media(max-width:1200px) {
    #topNavLogoMini[b-cd7qeqqgt2] {
        display: none;
    }

    #topNavLogoBmw[b-cd7qeqqgt2] {
        display: none;
    }

  

@media(min-width: 1024px) {
    #filialAuswahlContainer[b-cd7qeqqgt2] {
        /* margin-left: 30em;
        margin-right: 30em;*/
    }

    .flexfooter[b-cd7qeqqgt2] {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }

    .textUeberNavBurger[b-cd7qeqqgt2] {
        font-size: 1rem;
    }
}


@media(min-width: 1200px) {
    .navBundK[b-cd7qeqqgt2] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

    /* .navUser {
        justify-content: end;
    }*/
}