/* --------------------------------- Leben - Start --------------------------------- */
body.leben main .content-main-background .hwx-category-container > .hwx-categoryblock {
    margin: 3.25rem 0rem !important;
}

body.leben main .content-main-background .hwx-subcategoryblock .grid_cluster.future {
    grid-template: auto/repeat(auto-fit, minmax(300px, 309px));
}

/* --------------------------------- Leben - Ende --------------------------------- */


/* --------------------------------- Arbeiten - Start --------------------------------- */
body.arbeiten.arbeiten .content-main-background .hwx-category-container > .hwx-categoryblock {
    margin: 3.25rem 0rem !important;
    max-width: unset !important;
    padding: 0;
}

body.arbeiten .content-main-background .hwx-category-container > .hwx-categoryblock .hwx-itemlist-description > .container-md {
    margin-bottom: unset !important;
}

body.arbeiten .content-main-background .hwx-category-container > .hwx-subcategoryblock {
    max-width: 1320px !important;
}

body.arbeiten[data-id="29"] .content-main-background > .container {
    max-width: unset !important;
}

body.site.hwx-view-itemlist.arbeiten.arbeiten[data-id="29"] main#content .hwx-banner .flickity-viewport:after {
    background: #e40033;
}

body.site.hwx-view-itemlist.arbeiten.arbeiten[data-id="29"] main#content .hwx-banner .hwx-carousel-caption {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}


body.site.hwx-view-itemlist.arbeiten.arbeiten[data-id="29"] main#content .hwx-banner .hwx-carousel-caption .hwx-carousel-caption-content-title .title {
    display: block;
    font-size: calc(32px + 26 * (100vw - 320px) / 1280);
    font-weight: 600;
    background: unset;
    position: relative;
    bottom: 4vh;
    padding: 9px 65px;
    border-radius: 12px;
    text-shadow: 2px 2px 2px black;
}


body.arbeiten.arbeiten[data-id="29"] .content-main-background .hwx-category-container > .hwx-categoryblock {
    margin-top: 0 !important;
}

body.arbeiten.arbeiten[data-id="29"] .content-main-background .hwx-category-container > .hwx-categoryblock .hwx-itemlist-description > .container-md {
    display: none;
}

body.arbeiten.arbeiten[data-id="29"] .content-main-background .custom.d-none {
    display: block !important;
}

/* --------------------------------- Arbeiten - Ende --------------------------------- */

/* --------------------------------- Event - Start --------------------------------- */
body.events main .content-main-background .hwx-category-container > .hwx-categoryblock {
    margin: 3.25rem 0rem !important;
}

body.events .content-main-background .hwx-category-container > .hwx-categoryblock .hwx-itemlist-description > .container-md {
    margin-bottom: unset !important;
}

/* --------------------------------- Event - Ende --------------------------------- */

body:is(.arbeiten,.leben,.events) .hwx-infos-startseite {
    background-image: url('../../../images/backgrounds/boomtown-cb_web_start_hintergrund-01-ext-v3.svg') !important;
    background-size: 198% !important;
    border: 1px solid #f3f3f3;
}

body:is(.arbeiten,.leben,.events) .hwx-infos-startseite .hwx-infos-startseite-content .hwx-infos-startseite-title h3 {
    font-size: calc(30px + 2 * (100vw - 320px) / 1280);
}

body:is(.arbeiten,.leben,.events) .hwx-infos-startseite :is(h1,h2,h3,h4,h5,h6,p,span,div) {
    color: #fff;
    color: #fff;
}

body:is(.arbeiten,.leben,.events) .counter-title {
    font-size: calc(30px + 10 * (100vw - 320px) / 1280);
    font-weight: 500;
    text-transform: uppercase;
    max-width: 698px;
    margin: 0 auto calc(15px + 10 * (100vw - 320px) / 1280);
}

body:is(.arbeiten,.leben,.events) .counter-container .counter .number {
    font-size: calc(45px + 20 * (100vw - 320px) / 1280);
    font-weight: 800;
    margin-bottom: 0;
}

body:is(.arbeiten,.leben,.events) .counter-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 5rem;
}

@media (min-width: 1400px) {
    body:is(.arbeiten,.leben,.events) .counter-container {
        flex-direction: row;
    }
}

body:is(.arbeiten,.leben,.events) .counter-container .counter .number span {
    font-size: calc(45px + 20 * (100vw - 320px) / 1280);
    font-weight: 800;
    margin-bottom: 0;
}

body:is(.arbeiten,.leben,.events) .counter-container .counter p {
    font-size: 1rem;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) :is(.grid_cluster,.hwx-subcategoryblock) {
    margin-bottom: 0 !important;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content {
    color: #0c3247 !important;
    font-size: calc(12px + 3 * (100vw - 320px) / 1280) !important;
    padding: 24px 24px 65px !important;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content :is(h1,h2,h3,h4,h5,h6):not(.card-title) {
    display: none;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content :is(h1,h2,h3,h4,h5,h6,a,span,p,div) {
    color: #0c3247 !important;
    text-align: left !important;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .card-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #003f57;
    font-size: 1.125rem !important;
}


body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .readmore {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    position: absolute;
    left: 24px;
    bottom: 15px;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .readmore svg {
    order: 1;
    height: 1em;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .readmore a {
    order: 2;
    position: relative;
    top: 2px;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .readmore svg path {
    fill: #389ec4;
}

body:is(.arbeiten,.leben,.events) :is(#hwx-Zukunftsfelder-category,#hwx-Arbeiten-category) .grid_cluster .content .readmore span {
    font-size: 16px;
    color: #389ec4;
}

/* Alle Menüpunkte */
body:is(.arbeiten,.leben,.events) .hwx-categoryblock {
    margin: 6.25rem 0rem 6.25rem 0rem !important;
}

body:is(.arbeiten,.leben,.events) :is(.hwx-categoryblock,#hwx-default-item) :is(.hwx-itemlist-description,.hwx-item-header) :is(h1,h2) {
    color: #e40033;
    margin-bottom: 42px;
    font-size: calc(34px + 6 * (100vw - 320px) / 1280);
    font-weight: 600;
    text-transform: uppercase;
}

/* Artikel-View */

body:is(.arbeiten,.leben,.events) #hwx-default-category .hwx-category-body .items {
    grid-template: auto/repeat(auto-fit, minmax(300px, 425px));
    justify-content: start !important;
}

body:is(.arbeiten,.leben,.events) #hwx-default-category .hwx-category-body .items .item .image {
    overflow: hidden;
}

body:is(.arbeiten,.leben,.events) #hwx-default-category .hwx-category-body {
    background: #fdfdfd;
    padding: 0;
}

body:is(.arbeiten,.leben,.events) #hwx-default-category .hwx-category-body > .row {
    display: grid;
    grid-template: auto/repeat(auto-fit, minmax(300px, 400px));
    gap: 1rem;
    max-width: 1320px;
    margin: auto !important;
}


@media (max-width: 991.98px) {
    #header #hwx-main-menu-head-nav .navbar-container > ul > li.dropdown > ul {
        display: none !important;
    }
}

.logo-grid-layout {
    display: grid !important;
    grid-template: auto / 1fr !important;
    grid-gap: 1rem !important;
    margin: 150px 0 0;
    background-color: #fbfbfb;
    padding: 15px;
    border-radius: 12px;
}

@media (min-width: 576px) {
    .logo-grid-layout {
        grid-template: auto / repeat(2, 1fr) !important;
    }
}

@media (min-width: 992px) {
    .logo-grid-layout {
        grid-template: auto / repeat(4, 1fr) !important;
    }
}

.logo-grid-layout .item {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    padding: 12px;

    &:not(.full-width) {
        background: #fff;
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    }

    &.full-width {
        margin: 25px auto;
    }
}

.logo-grid-layout .item .stretched-link::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 576px) {
    .logo-grid-layout .item.full-width {
        grid-column: 1/3;
    }
}

@media (min-width: 992px) {
    .logo-grid-layout .item.full-width {
        grid-column: 1/5;
    }
}