:root,
::before,
::after {
    /* icons */
    --celseo-icon-telephone: url('../../Icons/celseo-icon-phone.svg');
    --celseo-icon-email: url('../../Icons/celseo-icon-email.svg');
    --celseo-icon-arrow-right: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBpZD0iYXJyb3ctcmlnaHQiIGQ9Ik00LDExLjA3djIuMDJIMTYuMTIxbC01LjU1Niw1LjU1NkwxMiwyMC4wOGw4LTgtOC04TDEwLjU2Niw1LjUxNGw1LjU1Niw1LjU1NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00IC00LjA4KSIgZmlsbD0iIzRkYWY5MSIvPgo8L3N2Zz4K");
    --celseo-icon-close: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath fill='black' d='M38 12.83L35.17 10 24 21.17 12.83 10 10 12.83 21.17 24 10 35.17 12.83 38 24 26.83 35.17 38 38 35.17 26.83 24z'/%3E%3C/svg%3E");

    /* FONT */
    --celseo-font-size-xs: .875rem;
    --celseo-font-size-s: 1rem;
    --celseo-font-size-normal: 1.125rem;
    --celseo-font-size-m: 1.25rem;
    --celseo-font-size-l: 1.5rem;
    --celseo-font-size-xl: 1.75rem;
    --celseo-font-size-xxl: 2rem;
    --celseo-font-size-xxxl: 2.5rem;
    --celseo-font-size-xxxxl: 3.125rem;

    /* Shadow */
    --celseo-toujou-box-shadow-normal: 0 3px 12px rgb(0 0 0 / 30%);

    /* colors */
    --background-color: #f6f6f6;
    --light-grey: #bdbdbd;
    --primary-gradient: linear-gradient(135deg, var(--primary-color), var(--primary-color--dark));
    --white-gradient: linear-gradient(135deg, white, var(--light-grey));
    --secondary-gradient: linear-gradient(135deg, var(--secondary-color), var(--secondary-color--dark));
    --primary-gradient--backwards: linear-gradient(215deg, var(--primary-color--dark), var(--primary-color));
    --white-gradient--backwards: linear-gradient(215deg, var(--light-grey), white);
    --secondary-gradient--backwards: linear-gradient(215deg, var(--secondary-color--dark), var(--secondary-color));
}

body {
    --paragraph__bold: 700;
}

@media screen and (min-width: 840px) {
    :root,
    ::before,
    ::after {
        /* FONT */
        --celseo-font-size-xs: .875rem;
        --celseo-font-size-s: 1rem;
        --celseo-font-size-normal: 1.125rem;
        --celseo-font-size-m: 1.25rem;
        --celseo-font-size-l: 1.75rem;
        --celseo-font-size-xl: 2rem;
        --celseo-font-size-xxl: 2.5rem;
        --celseo-font-size-xxxl: 3.5rem;
        --celseo-font-size-xxxxl: 4.25rem;
    }
}

/* Elements */

[data-is-visually-hidden],
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

body[data-menuopen] {
    overflow: hidden !important;
}

footer .average-rating {
    background-color: var(--bg-color);
    padding: 1rem;
    width: -moz-fit-content;
    width: fit-content;
}

footer .average-rating__title {
    font-size: 1rem;
    font-family: var(--paragraph__family);
    font-weight: var(--paragraph__bold);
    color: var(--primary-color);
    margin-block: 0;
}

footer .average-rating__rating:last-child {
    margin-bottom: 0;
}

footer .average-rating__rating-text {
    color: var(--font-color);
}

footer .average-rating__count {
    color: var(--font-color);
}

footer .average-rating__link {
    color: var(--primary-color);
}

footer .average-rating__link:is(:hover, :focus-visible) {
    color: var(--primary-color--dark);
}

:is(.blockquotes--primary,
.blockquotes--secondary,
.blockquotes--inverted) .blockquote__content * {
    color: var(--font-color);
}

.blog-card {
    border-color: var(--background-color);
    border-radius: 0;
    padding: 1rem;
    background: var(--bg-color);
}

.blog-card:focus,
.blog-card:hover {
    box-shadow: none;
}

.blog-card__date,
:is(.blog-card--primary,
.blog-card--secondary,
.blog-card--inverted) .blog-card__date {
    background: none;
    color: var(--font-color--light);
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 50%;
    position: absolute;
    bottom: 22px;
}

.blog-card__category svg,
.blog-card__tag svg {
    display: none;
}

.blog-card__category,
:is(.blog-card--primary,
.blog-card--secondary,
.blog-card--inverted) .blog-card__category {
    color: var(--bg-color) !important;
}

.blog-card__category:nth-of-type(2) {
    background: var(--secondary-color);
}

.blog-card__category:nth-of-type(3) {
    background: var(--light-grey);
}

.blog-card__title {
    font-size: var(--celseo-font-size-s);
    line-height: 22px;
    padding-top: 1rem !important;
    margin: 0;
    font-weight: var(--paragraph__bold);
    color: var(--font-color);
}

.blog-card__content {
    padding: 0;
}

.blog-card__text {
    font-size: var(--celseo-font-size-xs);
    line-height: 22px;
    margin-bottom: 1rem;
    margin-top: 8px;
    display: block !important;
}

/* stylelint-disable-next-line max-line-length */

:is(.blog-card--primary, .blog-card--secondary, .blog-card--inverted) :is(.blog-card__category, .blog-card__info span, .blog-card__title, .blog-card__text) {
    color: var(--font-color);
}

.card-grid--blog .blog-card__text {
    margin-bottom: 40px;
}

.blog-card__cta,
.blog-card:focus .blog-card__cta,
.blog-card:hover .blog-card__cta {
    font-size: var(--celseo-font-size-xs);
    line-height: 22px;
    padding: 14px 42px 14px 22px;
    text-transform: none;
    margin: 0;
    border-radius: 40px;
}

.blog-card__cta::after {
    display: block;
    content: "";
    -webkit-mask-image: var(--celseo-icon-arrow-right);
            mask-image: var(--celseo-icon-arrow-right);
    -webkit-mask-size: contain;
            mask-size: contain;
    width: 12px;
    height: 12px;
    color: var(--bg-color);
    background-color: currentColor;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.blog-card:focus .blog-card__cta::after,
.blog-card:hover .blog-card__cta::after {
    transform: scale(1) translateY(-50%);
}

.blog-data {
    text-align: left;
    top: 0;
    margin: 0 auto 2rem;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

span.blog-data__date {
    padding: 8px;
    border: 1px solid;
}

span.blog-data__category a {
    display: block;
    color: #fff;
    padding: 8px;
    background: var(--primary-color);
}

span.blog-data__category:nth-of-type(3) a {
    background: var(--secondary-color);
}

span.blog-data__category:nth-of-type(4) a {
    background: var(--light-grey);
}

@media only screen and (min-width: 840px) {
    .tx-blog-post-list.blog-list {
        --blog-list-column-count: 2;
    }
}

@media only screen and (min-width: 840px) {
    html[page-designation="blog"] .chapter:has(.sidebar--blog),
    html[page-designation="blog"] main:has(> .sidebar--blog) {
        display: grid;
        grid-template-columns: 2fr 1fr;
        max-width: var(--celseo-chapter-fullwidth-width);
        margin: 0 auto;
    }

    html[page-designation="blog"] .chapter:has(.sidebar--blog) .grid--1,
    html[page-designation="blog"] main:has(> .sidebar--blog) .grid--1,
    html[page-designation="blog"] main:has(> .sidebar--blog) .navigation--breadcrumb {
        grid-column: 1 / 3;
    }

    html[page-designation="blog"] .chapter:has(.sidebar--blog) .tx-blog-post-list.blog-list,
    html[page-designation="blog"] main:has(> .sidebar--blog) .tx-blog-post-list.blog-list {
        max-width: none;
    }

    html[page-designation="blog"] .sidebar.sidebar--blog,
    html[page-designation="blog"] main > .sidebar--blog {
        grid-column: 2;
        grid-row: 2 / 4;
        display: block;
        margin-top: 0;
    }

    html[page-designation="blog"] main > .sidebar--blog {
        grid-row: 3 / 5;
    }

    html[page-designation="blog"] .sidebar--blog .tx-blog-widget,
    html[page-designation="blog"] main > .sidebar--blog .tx-blog-widget {
        margin-top: 2rem;
    }

    html[page-designation="blog"] .sidebar.sidebar--blog .sidebar__search,
    html[page-designation="blog"] main > .sidebar--blog .sidebar__search {
        margin: 0;
    }
}

.button {
    border-radius: 40px;
    padding: 14px 32px;
    font-weight: var(--paragraph__normal);
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
}

.button--white {
    color: var(--primary-color);
    background: #fff;
    border: 2px solid #fff;
}

.button--white.button--shadow {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

.button--white.button--shadow::after {
    background-color: #fff !important;
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) :is(.form .button,
.form button,
.form button.button) {
    color: var(--bg-color);
    border: 2px solid var(--bg-color);
    background: none;
}

.chapter--primary .button--primary.button--shadow {
    color: var(--bg-color);
    border-color: var(--bg-color);
}

.chapter--secondary .button.button--primary {
    color: var(--bg-color);
}

/* HOVER */

.button.button--primary:is(:hover, :focus, :focus-visible),
.chapter--primary .button--primary.button--shadow:is(:hover, :focus, :focus-visible) {
    background: var(--bg-color);
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.button--primary:is(:hover, :focus, :focus-visible)::after {
    background-color: currentColor;
}

.button.button--secondary:is(:hover, :focus, :focus-visible) {
    color: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    background: none;
}

.button--secondary:is(:hover, :focus, :focus-visible)::after {
    background-color: var(--secondary-color);
}

.button--font:is(:hover, :focus, :focus-visible) {
    box-shadow: none;
    background: var(--bg-color);
    border: 2px solid var(--font-color);
    color: var(--font-color);
}

.button--font:is(:hover, :focus, :focus-visible)::after {
    background-color: var(--font-color);
}

.button--white:is(:hover, :focus, :focus-visible) {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.button--white:is(:hover, :focus, :focus-visible)::after {
    background-color: #fff;
}

.button.button--primary.button--shadow:is(:hover, :focus, :focus-visible) {
    color: var(--bg-color);
    background: var(--primary-color);
}

.button.button--secondary.button--shadow:is(:hover, :focus, :focus-visible) {
    color: var(--bg-color);
    background: var(--secondary-color);
}

.button.button--font.button--shadow:is(:hover, :focus, :focus-visible) {
    color: var(--bg-color);
    background: var(--font-color);
}

.button--white.button--shadow:is(:hover, :focus, :focus-visible) {
    background-color: #fff;
    color: var(--primary-color);
}

.button--white.button--shadow:is(:hover, :focus, :focus-visible)::after {
    background-color: var(--primary-color) !important;
}

.button:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) :is(.form .button:hover,
.form button:hover,
.form button.button:hover) {
    background: var(--bg-color);
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) a.button:is(:hover, a:focus-visible) {
    color: var(--bg-color);
}

.card-collection {
    display: grid !important;
}

.card-grid {
    width: calc(100% + 48px);
    margin-left: -24px;
}

.card-grid__column {
    padding: 0 24px;
}

@media only screen and (min-width: 62rem) {
    .card-grid--3 .card-grid__column,
    .card-grid--3 .card-grid__column:first-child {
        max-width: 25.25rem;
    }
}

@media only screen and (min-width: 1440px) {
    .card-grid--2 .card-grid__column {
        max-width: 600px;
    }
}

.categories.list {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 8px;
}

.categories.list li a {
    color: var(--background-color);
}

.categories.list li {
    background: var(--primary-color);
    font-size: var(--celseo-font-size-xs);
    padding: 7px 14px;
    border-radius: 40px;
}

.chapter {
    padding: 2.5rem 0;
}

.chapter--default {
    padding: 0 !important;
}

.chapter + span + .chapter--default {
    margin-top: 1.25rem;
}

.chapter--primary {
    background: var(--primary-gradient);
}

.chapter--secondary {
    background: var(--secondary-gradient);
}

.chapter--grey {
    background: var(--background-color);
}

.chapter--inverted {
    background: var(--font-color);
}

.chapter--white {
    background-color: var(--celseo-hissu-color-white);
}

.chapter--white-gradient {
    background: var(--white-gradient);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) .input-group__captcha-wrapper svg g {
    fill: var(--bg-color);
}

.chapter--no-padding {
    padding: 0 !important;
}

@media only screen and (min-width: 840px) {
    .chapter {
        padding: 4.5rem 0;
    }
}

.chapter--background-primary-gradient {
    background: var(--primary-gradient);
}

.chapter--configuration .text-columns--2 .text-columns__column:last-child .text-columns__text {
    background: var(--background-color);
    padding: 2rem 2rem 1px;
}

.chapter--configuration .text-columns--2 .text-columns__column:last-child .text-columns__text ul,
.chapter--configuration .text-columns--2 .text-columns__column:last-child p.notes {
    color: var(--font-color) !important;
}

.chapter--configuration .text-columns--2 p.font--beta {
    border-top: 1px solid #000;
    padding-top: 40px;
}

.chapter--configuration .text-columns--2 p.font--beta strong {
    color: var(--primary-color);
}

.chapter--configuration ul.list li::before {
    background: var(--primary-color);
}

@media only screen and (min-width: 600px) {
    .chapter--configuration .text-columns--2 .text-columns__column:last-child {
        padding-top: 85px;
    }
}

.chapter--content-card-grid {
    --content-card-grid-column-number: 1;

    width: calc(100% - 2rem);
    max-width: 75rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(var(--content-card-grid-column-number), 1fr);
    grid-gap: 1rem;
}

.chapter--content-card-grid > span,
.chapter--content-card-grid > .grid--2,
.chapter--content-card-grid > .grid--2 > .grid__column,
.chapter--content-card-grid > .grid--2 > .grid__column > .card-grid,
.chapter--content-card-grid > .grid--2 > .grid__column > .card-grid > .card-grid__column {
    display: contents !important;
}

.chapter--content-card-grid .content-card {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 640px) {
    .chapter--content-card-grid {
        --content-card-grid-column-number: 2;
    }
}

@media screen and (min-width: 960px) {
    .chapter--content-card-grid {
        --content-card-grid-column-number: 3;
    }
}

.chapter--content-max-width {
    width: calc(100% - 2rem);
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.chapter--content-max-width .grid__column {
    padding: 0;
}

.chapter--fullwidth .grid--1,
.chapter--fullwidth .grid--1 .grid__column > h1,
.chapter--fullwidth .grid--1 .grid__column > h2,
.chapter--fullwidth .grid--1 .grid__column > h3,
.chapter--fullwidth .grid--1 .grid__column > h4,
.chapter--fullwidth .grid--1 .grid__column > h5,
.chapter--fullwidth .grid--1 .grid__column > p,
.chapter--fullwidth .grid--1 .grid__column > ul,
.chapter--fullwidth .grid--1 .grid__column > ol,
.chapter--fullwidth .textpic--single {
    max-width: var(--celseo-chapter-fullwidth-width);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.chapter--inpage-nav-hide,
.chapter--inpage-nav {
    display: contents;
    padding: 0;
}

.chapter--inpage-nav-hide .inpage-nav {
    justify-content: flex-end;
}

.chapter--inpage-nav-hide .inpage-nav .inpage-nav__nav {
    display: none;
}

.chapter--inpage-nav + span + :is(.chapter--fullwidth, .chapter--primary,
.chapter--secondary, .chapter--inverted, .chapter--white, .chapter--white-gradient) {
    padding-top: 4px;
}

.chapter--no-margin {
    margin: 0 !important;
}

.chapter--no-margin-top {
    margin-top: 0 !important;
}

.chapter--no-margin-bottom {
    margin-bottom: 0 !important;
}

.chapter--no-padding {
    padding: 0 !important;
}

.chapter--no-padding-top {
    padding-top: 0 !important;
}

.chapter--no-padding-bottom {
    padding-bottom: 0 !important;
}

.chapter--parallax {
    --chapter-parallax-height: 40vw;

    width: 100%;
    height: var(--chapter-parallax-height);
    background-image: var(--parallax-image-src-path);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.chapter--parallax .grid[hidden] {
    display: none !important;
}

@media only screen and (max-width: 599px) {
    .chapter--parallax {
        --chapter-parallax-height: 100vw;

        background-attachment: scroll;
    }
}

.chapter--steps {
    --chapter-steps-number-square-size: 4rem;
    --chapter-steps-number-font-size: 35px;
    --chapter-steps-distance-between-items: 4rem;
    --chapter-steps-text-distance-to-number: 1rem;
    --chapter-steps-text-font-size: 24px;
}

.chapter--steps.chapter--horizontal {
    --chapter-steps-text-font-size: 16px;
    --chapter-steps-headline-font-size: 24px;
}

.chapter--steps .list {
    margin: 4rem auto 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}

.chapter--steps ol.list li {
    will-change: opacity, transform;
    padding: 0;
    opacity: 0;
    transform: translateY(40px);
    transition: transform 1s ease-out, opacity 1.25s ease-out;
    width: 100%;
}

.chapter--steps ol.list li.animated {
    opacity: 1;
    transform: translateY(0);
}

.chapter--steps li p {
    font-size: var(--chapter-steps-text-font-size);
    margin: 0;
}

.chapter--steps.chapter--horizontal li p {
    font-size: var(--chapter-steps-text-font-size);
    padding: 0 8px;
}

.chapter--steps.chapter--horizontal li p.font--gamma {
    font-size: var(--chapter-steps-headline-font-size);
    margin-bottom: 16px;
}

.chapter--steps li::before {
    position: relative;
    font-size: var(--chapter-steps-number-font-size) !important;
    background-color: rgb(255 255 255 / 70%);
    height: var(--chapter-steps-number-square-size);
    width: var(--chapter-steps-number-square-size);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    border: none !important;
}

.chapter--steps li:not(:last-child)::after {
    content: "";
    width: 0;
    height: var(--chapter-steps-distance-between-items);
    border: 2px dashed white;
    display: block;
    margin: 1.5rem auto .5rem;
}

.chapter--steps.chapter--grey li:not(:last-child)::after,
.chapter--steps.chapter--white-gradient li:not(:last-child)::after,
.chapter--steps.chapter--white li:not(:last-child)::after {
    border-color: var(--primary-color);
}

.chapter--steps.chapter--grey ol.list li::before,
.chapter--steps.chapter--white-gradient ol.list li::before,
.chapter--steps.chapter--white ol.list li::before {
    background-color: var(--primary-color);
    color: #fff;
}

@media screen and (min-width: 640px) {
    .chapter--steps li {
        position: relative;
        margin-bottom: 0;
    }

    .chapter--steps li::before {
        margin-bottom: 0;
    }

    .chapter--steps li::after {
        margin: 0 auto !important;
    }

    .chapter--steps li p {
        position: absolute;
        top: calc(var(--chapter-steps-number-square-size) / 2);
        transform: translateY(-50%);
        width:
            calc(
                50vw - var(--chapter-steps-number-square-size) - calc(var(--chapter-steps-text-distance-to-number) * 2)
            );
    }

    .chapter--steps li:nth-child(odd) p {
        right: calc(var(--chapter-steps-number-square-size) + var(--chapter-steps-text-distance-to-number));
        text-align: right;
    }

    .chapter--steps li:nth-child(even) p {
        left: calc(var(--chapter-steps-number-square-size) + var(--chapter-steps-text-distance-to-number));
    }

    /* HORIZONTAL */

    .chapter--steps.chapter--horizontal .list {
        flex-flow: row wrap;
    }

    .chapter--steps.chapter--horizontal .list li {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .chapter--steps.chapter--horizontal li:not(:last-child)::after {
        transform: rotate(90deg);
        position: absolute;
        right: 0;
        top: 0;
    }

    .chapter--steps.chapter--horizontal li:nth-child(2n)::after {
        display: none;
    }

    .chapter--steps.chapter--horizontal li p {
        left: initial;
        position: relative;
        text-align: center;
        transform: none;
        top: 0;
        width: auto;
        right: initial;
    }

    .chapter--steps.chapter--horizontal ol.list li::before {
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 840px) {
    .chapter--steps {
        --chapter-steps-number-square-size: 4.5rem;
        --chapter-steps-text-distance-to-number: 2rem;
        --chapter-steps-number-font-size: 40px;
        --chapter-steps-text-font-size: 32px;
    }

    .chapter--steps.chapter--horizontal {
        --chapter-steps-text-font-size: 18px;
        --chapter-steps-headline-font-size: 28px;
    }

    .chapter--steps.chapter--horizontal .list li {
        margin-bottom: 80px;
    }

    .chapter--steps.chapter--horizontal ol.list li::before {
        margin-bottom: 40px;
    }

    .chapter--steps.chapter--horizontal li p {
        line-height: 1.75;
    }
}

@media screen and (min-width: 1024px) {
    .chapter--steps.chapter--horizontal .list li {
        width: 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .chapter--steps.chapter--horizontal li:nth-child(2n)::after {
        display: block;
    }

    .chapter--steps.chapter--horizontal li:nth-child(4n)::after {
        display: none;
    }
}

.chapter--text-on-image .text-columns__text {
    position: relative;
    top: -90px;
}

.chapter--text-on-image .text-columns__image {
    position: relative;
}

.chapter--text-on-image .text-columns__image::after {
    display: block;
    content: "";
    width: 100%;
    height: 80%;
    background: linear-gradient(0deg, black, transparent);
    position: absolute;
    z-index: 1;
    bottom: 0;
}

.chapter--text-on-image .text-columns__text > *:first-child,
.chapter--text-on-image .text-columns__text > *:nth-child(2) {
    position: relative;
    z-index: 1;
    color: #fff;
    line-height: 1;
    margin: 0;
    padding: 0 0 0 25px;
}

.chapter--text-on-image .text-columns__text > *:nth-child(3) {
    margin-top: 4rem;
}

.chapter--text-slider {
    position: relative;
}

.chapter--text-slider > span {
    display: none;
}

.chapter--text-slider .glider-track {
    width: 100% !important;
}

.chapter--text-slider .text-wrapper.glider {
    width: 100% !important;
    display: block;
}

.chapter--text-slider .text-wrapper.glider:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.chapter--text-slider .card-grid__column.glider-slide {
    max-width: none;
    width: 100% !important;
    flex: 0 0 100%;
    display: block;
    padding: 0;
}

.chapter--text-slider .content-card {
    margin: 0;
}

.chapter--text-slider .content-card__content {
    padding: 2rem;
    background: var(--background-color);
}

.chapter--text-slider .content-card__title {
    position: relative;
    padding-bottom: 32px;
    margin-bottom: 2rem;
}

.chapter--text-slider .content-card__title::after {
    bottom: 0;
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #000;
}

.chapter--text-slider .slider-wrapper {
    position: relative;
    background: var(--background-color);
}

.chapter--text-slider .slider__control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
}

.chapter--text-slider .slider__control::before {
    display: block;
    content: "";
    background: url("../../Icons/icon-arrow--white.svg");
    width: 20px;
    height: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.chapter--text-slider .slider__control:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.chapter--text-slider .slider__control.slider__control--prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.chapter--text-slider .slider__control.disabled {
    opacity: 1;
    background: #b7c6cd;
}

.chapter--text-slider .slider__control.slider__control--prev {
    left: 32px;
}

.chapter--text-slider .slider__control.slider__control--next {
    right: 32px;
}

.chapter--text-slider .glider-dots {
    bottom: 16px;
}

.chapter--text-slider button.glider-dot:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

@media only screen and (min-width: 840px) {
    .chapter--text-slider {
        display: grid;
        grid-template-columns: 50% 50%;
        max-width: 75rem;
        margin: 0 auto;
    }

    .chapter--text-slider .grid__column:first-of-type {
        padding-left: 0;
    }

    .chapter--text-slider .slider-wrapper {
        margin-left: 16px;
        margin-top: 85px;
    }

    .chapter--text-slider .content-card__title {
        font-size: 30px;
    }

    .chapter--text-slider .content-card__text {
        font-size: 18px;
        line-height: 28px;
    }
}

.contact-box {
    position: fixed;
    top: 3rem;
    right: .5rem;
    left: unset;
    transform: none;
    padding: 2.5rem 2rem 2rem;
    background-color: var(--bg-color);
    border: none;
    box-shadow: var(--celseo-toujou-box-shadow-normal);
    width: 22rem;
    max-width: calc(100% - 1rem);
}

.contact-box__close {
    top: .5rem;
    right: .5rem;
    height: 1.5rem;
    width: 1.5rem;
}

.contact-box__close:is(:hover, :focus-visible) {
    background-color: var(--primary-color--dark);
    transform: none;
    color: var(--bg-color);
    animation: none;
}

.contact-box__title {
    font-size: var(--celseo-font-size-m) !important;
    font-weight: var(--paragraph__bold);
    margin-bottom: 0;
}

.contact-box__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    font-size: var(--celseo-font-size-normal);
}

.contact-box__link:last-child {
    margin-bottom: 0;
}

.contact-box__link::before {
    content: "";
    display: block;
    height: 1.5rem;
    width: 1.5rem;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: currentColor;
}

.contact-box__link--phone::before {
    -webkit-mask-image: var(--celseo-icon-telephone);
            mask-image: var(--celseo-icon-telephone);
}

.contact-box__link--email::before {
    -webkit-mask-image: var(--celseo-icon-email);
            mask-image: var(--celseo-icon-email);
}

.contact-box__link:hover,
.contact-box__link:focus {
    color: var(--primary-color);
}

.contact-box__cta {
    margin: 0;
}

@media screen and (min-width: 840px) {
    .contact-box {
        top: 2.5rem;
        right: 8.5rem;
    }
}

@media screen and (min-width: 1440px) {
    .contact-box {
        right: calc(calc(100vw - 1440px) / 2 + 8rem);
    }
}

.content-card {
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.content-card.content-card--design-primary {
    background: var(--primary-gradient);
}

.content-card.content-card--design-primary a:not(.button--primary.button--shadow) {
    color: #fff;
}

.content-card:focus,
.content-card:hover {
    box-shadow: none;
}

.content-card.content-card--design-primary :is(h1, h2, h3, h4, h5) {
    color: var(--bg-color);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) :is(h3.content-card__title, p.content-card__text) {
    color: var(--font-color) !important;
}

@media only screen and (min-width: 600px) {
    .content-card__content {
        padding: 32px 0 0;
    }

    .content-card__title {
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 26px;
        color: var(--font-color);
    }

    .card-grid--horizontal .content-card__content {
        padding: 16px;
    }
}

@media only screen and (min-width: 47rem) and (max-width: 991px) {
    .card-grid--vertical.card-grid--3 .card-grid__column:first-child .content-card__content {
        padding-left: 24px;
    }
}

@media only screen and (min-width: 840px) {
    .detail-page[has-content] {
        margin-top: 0;
    }
}

.detail-page-grid__icon {
    color: var(--font-color);
    background-color: currentColor;
}

.event__title {
    word-break: normal;
    word-wrap: normal;
    -webkit-hyphens: none !important;
            hyphens: none !important;
}

@media screen and (max-width: 639px) {
    .event__image::after {
        display: none;
    }

    .event__image img {
        position: relative !important;
        vertical-align: middle;
    }
}

footer {
    background: var(--primary-color);
}

footer p {
    font-size: 16px;
    line-height: 24px;
}

footer a {
    color: #fff;
    text-decoration: underline;
}

footer a.socialmediabar__link {
    text-decoration: none;
    padding: 0;
}

footer .socialmediabar {
    border: none;
    box-shadow: none;
}

footer toujou-third-party-content p {
    color: var(--font-color) !important;
}

footer toujou-third-party-content a {
    color: var(--primary-color) !important;
}

footer toujou-third-party-content a:is(:hover, :focus-visible) {
    color: var(--primary-color--dark) !important;
}

.footer__content--custom > .grid > .grid__column {
    padding: 0;
}

.form {
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
}

.form-navigation {
    flex-direction: row;
}

.form-navigation:has(.form-navigation__next:only-child) {
    justify-content: flex-end;
}

.input-label {
    font-weight: var(--paragraph__bold);
}

.input-group, .repeatable-container {
    border: none;
    padding-inline: 0;
}

.input-group:is(.input-group--multi-check, .input-group--radio), .repeatable-container {
    padding-top: 40px;
}

.input-group--captcha .input-label,
.input-group--multi-check .input-label {
    top: 0;
}

.input-group[group-display-type="panel"] .input-label {
    top: 26px;
}

.input-group--has-success .input--date,
.input-group--has-success .input--date-part,
.input-group--has-success .input--text,
.input-group--has-success .input--textarea,
.input-group--has-success .select,
.input-group--has-success .select:hover {
    border-bottom: 1px solid var(--font-color--light);
}

.input-group.input-group--radio[group-display-type="default"],
.input-group.input-group--multi-check[group-display-type="default"] {
    display: flex;
    flex-flow: row wrap;
}

.input-group.input-group--multi-check[group-display-type="default"] .input-label,
.input-group.input-group--radio[group-display-type="default"] .input-label,
.input-group.input-group--multi-check[group-display-type="default"] .input__description,
.input-group.input-group--radio[group-display-type="default"] .input__description {
    width: 100%;
}

.form__static-text-container {
    margin: 64px 0 0;
}

.form__static-text {
    margin-bottom: 16px;
}

.form-step__title {
    color: var(--primary-color);
}

.checkbox[data-element-type="LinkedCheckbox"] ~ .checkbox__description {
    font-size: .875rem;
    line-height: 1.4;
    margin-top: .25rem;
}

.repeatable-container__buttons .button.button--primary {
    background: none;
    padding: 0;
    color: var(--primary-color);
}

.repeatable-container__buttons .button.button--primary:hover {
    background: none;
    color: var(--primary-color--dark);
}

.repeatable-container__buttons .button.button--primary:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.repeatable-container__buttons .button + .button {
    margin-left: 16px;
}

.select__wrapper::after {
    color: var(--font-color);
    background-color: currentColor;
}

/* hide "Anfrage Energie Komplett" form progress. Ticket: #18697 */

.form[id^="anfrageEnergieKomplett"] .form-steps {
    display: none !important;
}

.form[id^="anfrageEnergieKomplett"] .form-steps + :is(h1, h2, h3, h4).form-step__title {
    margin-top: 0;
}

@media only screen and (max-width: 839px) {
    .input-group,
    .form__row {
        padding-top: 10px;
        margin-top: 0;
    }
}

.form-steps {
    /* Colors */
    --form-step-color-default: var(--font-color);
    --form-step-color-done: var(--success-color);
    --form-step-color-active: var(--primary-color);
    --form-step-text-color: var(--form-step-color-default);
    --form-step-number-color: var(--form-step-color-default);

    /* Settings */
    --form-steps-number-size: 1.5rem;
    --form-steps-distance-between-steps: 1rem;
    --form-step-line-width: 2px;
    --form-step-color: var(--form-step-color-default);
    --form-step-opacity: 1;
    --form-step-number-outline: none;
    --form-step-number-outline-offset: 2px;
    --form-step-number-outline-width: 1px;

    display: flex;
    flex-direction: column;
    gap: var(--form-steps-distance-between-steps);
    width: -moz-fit-content;
    width: fit-content;
    max-width: 790px;
    margin: 2rem auto 2rem 0;
}

.grid__column > span:first-child + .form-steps {
    margin-top: 4rem;
}

.form-steps__step {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    z-index: 1;
}

.form-steps__step--done {
    --form-step-color: var(--form-step-color-done);
    --form-step-opacity: 1;
}

.form-steps__step--active {
    --form-step-color: var(--form-step-color-active);
    --form-step-opacity: 1;
    --form-step-number-outline: var(--form-step-number-outline-width) solid var(--form-step-color);
}

.form-steps__step-text {
    margin: 0;
    color: var(--form-step-text-color);
    opacity: var(--form-step-opacity);
    line-height: 1.2;
    font-size: 1rem;
    font-family: var(--paragraph__family);
}

.form-steps__step-number {
    background-color: var(--bg-color);
    color: var(--form-step-number-color);
    font-size: .75rem;
    border: 1px solid var(--form-step-color);
    padding: .25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--form-steps-number-size);
    width: var(--form-steps-number-size);
    opacity: var(--form-step-opacity);
    outline: var(--form-step-number-outline);
    outline-offset: var(--form-step-number-outline-offset);
    flex-shrink: 0;
}

.form-steps__step--done .form-steps__step-number,
.form-steps__step--active .form-steps__step-number {
    background-color: var(--form-step-color);
    color: var(--bg-color);
}

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .form-steps {
    --form-step-color-active: var(--bg-color);
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .form-steps__step:not(.form-steps__step--active, .form-steps__step--done) .form-steps__step-number {
    color: var(--bg-color);
    background-color: transparent;
    border: 1px solid var(--bg-color);
}

.chapter--primary .form-steps__step--active .form-steps__step-number {
    color: var(--primary-color);
}

.chapter--secondary .form-steps__step--active .form-steps__step-number {
    color: var(--secondary-color);
}

.chapter--inverted .form-steps__step--active .form-steps__step-number {
    color: var(--font-color);
}

@media screen and (max-width: 839px) {
    .form-steps {
        display: none;
    }
}

@media screen and (min-width: 840px) {
    .form-steps {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        margin-inline: auto;
    }

    .form-steps__step {
        --form-step-line-before-color: var(--form-step-color-default);
        --form-step-line-after-color: var(--form-step-color-default);

        flex-direction: column;
        justify-content: flex-end;
        gap: .5rem;
        width: 100%;
    }

    .form-steps__step--done {
        --form-step-line-before-color: var(--form-step-color-done);
        --form-step-line-after-color: var(--form-step-color-done);
    }

    .form-steps__step--active {
        --form-step-line-before-color: var(--form-step-color-done);
        --form-step-line-after-color: var(--form-step-color-default);
    }

    .form-steps__step:first-child::before,
    .form-steps__step:last-child::after {
        display: none !important;
    }

    .form-steps__step-text {
        text-align: center;
    }

    .form-steps__step::before,
    .form-steps__step::after {
        content: "";
        height: var(--form-step-line-width);
        width: calc(50% - calc(var(--form-steps-number-size) / 2));
        top: unset;
        bottom: calc(var(--form-steps-number-size) / 2 - calc(var(--form-step-line-width) / 2));
        position: absolute;
        z-index: -1;
    }

    .form-steps__step--active::before,
    .form-steps__step--active::after {
        /* stylelint-disable-next-line max-line-length */
        width: calc(50% - calc(var(--form-steps-number-size) / 2) - var(--form-step-number-outline-width) - var(--form-step-number-outline-offset));
    }

    .form-steps__step::before {
        background-color: var(--form-step-line-before-color);
        left: 0;
        right: unset;
    }

    .form-steps__step::after {
        background-color: var(--form-step-line-after-color);
        left: unset;
        right: 0;
    }

    :is(.chapter--primary, .chapter--secondary, .chapter--inverted) .form-steps__step::before,
    :is(.chapter--primary, .chapter--secondary, .chapter--inverted) .form-steps__step::after {
        background-color: var(--bg-color);
    }

    .form-steps__step:has(+ .form-steps__step--done)::after {
        background-color: var(--success-color) !important;
    }

    .form-steps__step--done::before {
        background-color: var(--success-color) !important;
    }
}

.four-col-footer {
    display: grid;
    grid-template-columns: 1fr;
}

.four-col-footer__intro,
.four-col-footer__content,
.four-col-footer__end {
    margin-block: auto;
}

@media screen and (min-width: 640px) {
    .four-col-footer {
        gap: 1rem;
    }

    .four-col-footer__content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem;
    }
}

@media screen and (min-width: 1024px) {
    .four-col-footer__content {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 3rem;
    }
}

.header.header--65 {
    --header-min-height: calc(65vh - 112px);
}

.header .slider--headercontent img {
    position: absolute !important;
}

.header .slider--headercontent .header__content {
    padding: 1rem 1rem 6rem;
}

@media only screen and (prefers-reduced-motion: reduce) {
    .header--video :is(.header__image, .video)::before {
        pointer-events: none;
    }
}

.icon {
    --icon-size: 30px;

    position: relative;
    display: block;
    width: var(--icon-size);
    height: var(--icon-size);
}

p.icon {
    width: auto;
    height: auto;
    padding-left: calc(var(--icon-size) + 10px);
}

ul.list li.icon {
    padding-left: calc(var(--icon-size) + 10px);
}

ul.list li.icon::before {
    width: var(--icon-size);
    height: var(--icon-size);
}

em.icon {
    font-style: normal;
}

.icon::before {
    display: block;
    content: "";
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-image: url("../../Icons/white/urlaub-03.svg");
            mask-image: url("../../Icons/white/urlaub-03.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: currentColor;
}

.icon.icon--celseo::before {
    -webkit-mask-image: url("../../Icons/white/celseo.svg");
            mask-image: url("../../Icons/white/celseo.svg");
}

.icon.icon--vacation::before {
    -webkit-mask-image: url("../../Icons/white/urlaub-03.svg");
            mask-image: url("../../Icons/white/urlaub-03.svg");
}

.icon.icon--plane::before {
    -webkit-mask-image: url("../../Icons/white/urlaub.svg");
            mask-image: url("../../Icons/white/urlaub.svg");
}

.icon.icon--vacation-lounge::before {
    -webkit-mask-image: url("../../Icons/white/urlaub-02.svg");
            mask-image: url("../../Icons/white/urlaub-02.svg");
}

.icon.icon--vacation-pay::before {
    -webkit-mask-image: url("../../Icons/white/urlaubsgeld.svg");
            mask-image: url("../../Icons/white/urlaubsgeld.svg");
}

.icon.icon--freetime::before {
    -webkit-mask-image: url("../../Icons/white/freizeitausgleich.svg");
            mask-image: url("../../Icons/white/freizeitausgleich.svg");
}

.icon.icon--freetime-book::before {
    -webkit-mask-image: url("../../Icons/white/freizeit-02.svg");
            mask-image: url("../../Icons/white/freizeit-02.svg");
}

.icon.icon--freetime-movie::before {
    -webkit-mask-image: url("../../Icons/white/freizeit-03.svg");
            mask-image: url("../../Icons/white/freizeit-03.svg");
}

.icon.icon--freetime-surf::before {
    -webkit-mask-image: url("../../Icons/white/freizeit.svg");
            mask-image: url("../../Icons/white/freizeit.svg");
}

.icon.icon--flexible-time::before {
    -webkit-mask-image: url("../../Icons/white/flexible-arbeitszeit.svg");
            mask-image: url("../../Icons/white/flexible-arbeitszeit.svg");
}

.icon.icon--payment::before {
    -webkit-mask-image: url("../../Icons/white/geld-01.svg");
            mask-image: url("../../Icons/white/geld-01.svg");
}

.icon.icon--retirement::before {
    -webkit-mask-image: url("../../Icons/rentenzusatzversicherung_2.svg");
            mask-image: url("../../Icons/rentenzusatzversicherung_2.svg");
}

.icon.icon--money::before {
    -webkit-mask-image: url("../../Icons/white/geld-02.svg");
            mask-image: url("../../Icons/white/geld-02.svg");
}

.icon.icon--moneybag::before {
    -webkit-mask-image: url("../../Icons/white/geld-03.svg");
            mask-image: url("../../Icons/white/geld-03.svg");
}

.icon.icon--buyer::before {
    -webkit-mask-image: url("../../Icons/white/geld-04.svg");
            mask-image: url("../../Icons/white/geld-04.svg");
}

.icon.icon--childcare::before {
    -webkit-mask-image: url("../../Icons/white/kinderbetreuung.svg");
            mask-image: url("../../Icons/white/kinderbetreuung.svg");
}

.icon.icon--worktrips::before {
    -webkit-mask-image: url("../../Icons/white/reisebereitschaft.svg");
            mask-image: url("../../Icons/white/reisebereitschaft.svg");
}

.icon.icon--benefits::before {
    -webkit-mask-image: url("../../Icons/white/benefits.svg");
            mask-image: url("../../Icons/white/benefits.svg");
}

.icon.icon--drivers-license::before {
    -webkit-mask-image: url("../../Icons/white/fuehrerscheinzuschuss.svg");
            mask-image: url("../../Icons/white/fuehrerscheinzuschuss.svg");
}

.icon.icon--events::before {
    -webkit-mask-image: url("../../Icons/white/events.svg");
            mask-image: url("../../Icons/white/events.svg");
}

.icon.icon--events-team::before {
    -webkit-mask-image: url("../../Icons/white/events-02.svg");
            mask-image: url("../../Icons/white/events-02.svg");
}

.icon.icon--meeting::before {
    -webkit-mask-image: url("../../Icons/white/meeting.svg");
            mask-image: url("../../Icons/white/meeting.svg");
}

.icon.icon--certificate::before {
    -webkit-mask-image: url("../../Icons/white/zertifikat.svg");
            mask-image: url("../../Icons/white/zertifikat.svg");
}

.icon.icon--tasks::before {
    -webkit-mask-image: url("../../Icons/white/aufgaben-01.svg");
            mask-image: url("../../Icons/white/aufgaben-01.svg");
}

.icon.icon--tasks-pen::before {
    -webkit-mask-image: url("../../Icons/white/aufgaben-02.svg");
            mask-image: url("../../Icons/white/aufgaben-02.svg");
}

.icon.icon--tasks-pen-check::before {
    -webkit-mask-image: url("../../Icons/white/aufgaben-03.svg");
            mask-image: url("../../Icons/white/aufgaben-03.svg");
}

.icon.icon--tasks-search::before {
    -webkit-mask-image: url("../../Icons/white/aufgaben-04.svg");
            mask-image: url("../../Icons/white/aufgaben-04.svg");
}

.icon.icon--education::before {
    -webkit-mask-image: url("../../Icons/white/weiterbildung.svg");
            mask-image: url("../../Icons/white/weiterbildung.svg");
}

.icon.icon--team::before {
    -webkit-mask-image: url("../../Icons/white/kollegen.svg");
            mask-image: url("../../Icons/white/kollegen.svg");
}

.icon.icon--vehicle::before {
    -webkit-mask-image: url("../../Icons/white/firmenfahrzeug.svg");
            mask-image: url("../../Icons/white/firmenfahrzeug.svg");
}

.icon.icon--car::before {
    -webkit-mask-image: url("../../Icons/white/firmenwagen.svg");
            mask-image: url("../../Icons/white/firmenwagen.svg");
}

.icon.icon--emobility::before {
    -webkit-mask-image: url("../../Icons/white/e-mobilitaet.svg");
            mask-image: url("../../Icons/white/e-mobilitaet.svg");
}

.icon.icon--workwear::before {
    -webkit-mask-image: url("../../Icons/white/arbeitskleidung.svg");
            mask-image: url("../../Icons/white/arbeitskleidung.svg");
}

.icon.icon--gym::before {
    -webkit-mask-image: url("../../Icons/white/fitnessstudio.svg");
            mask-image: url("../../Icons/white/fitnessstudio.svg");
}

.icon.icon--gym-bike::before {
    -webkit-mask-image: url("../../Icons/white/fitnessstudio-02.svg");
            mask-image: url("../../Icons/white/fitnessstudio-02.svg");
}

.icon.icon--unlimited::before {
    -webkit-mask-image: url("../../Icons/white/unbefristet.svg");
            mask-image: url("../../Icons/white/unbefristet.svg");
}

.icon.icon--employment::before {
    -webkit-mask-image: url("../../Icons/white/weiterbildung-02.svg");
            mask-image: url("../../Icons/white/weiterbildung-02.svg");
}

.icon.icon--four-day-week::before {
    -webkit-mask-image: url("../../Icons/white/4-tage-woche.svg");
            mask-image: url("../../Icons/white/4-tage-woche.svg");
}

.icon.icon--threesixty::before {
    -webkit-mask-image: url("../../Icons/white/360-grad.svg");
            mask-image: url("../../Icons/white/360-grad.svg");
}

.icon.icon--contactperson::before {
    -webkit-mask-image: url("../../Icons/white/ansprechpartner.svg");
            mask-image: url("../../Icons/white/ansprechpartner.svg");
}

.icon.icon--information::before {
    -webkit-mask-image: url("../../Icons/white/ansprechpartner-2.svg");
            mask-image: url("../../Icons/white/ansprechpartner-2.svg");
}

.icon.icon--settings::before {
    -webkit-mask-image: url("../../Icons/white/settings.svg");
            mask-image: url("../../Icons/white/settings.svg");
}

.icon.icon--smiley::before {
    -webkit-mask-image: url("../../Icons/white/allgemein-01.svg");
            mask-image: url("../../Icons/white/allgemein-01.svg");
}

.icon.icon--checkmark::before {
    -webkit-mask-image: url("../../Icons/white/allgemein-02.svg");
            mask-image: url("../../Icons/white/allgemein-02.svg");
}

.icon.icon--negation::before {
    -webkit-mask-image: url("../../Icons/white/kreuz-nein.svg");
            mask-image: url("../../Icons/white/kreuz-nein.svg");
}

.icon.icon--appreciation::before {
    -webkit-mask-image: url("../../Icons/white/anerkennung.svg");
            mask-image: url("../../Icons/white/anerkennung.svg");
}

.icon.icon--ebike::before {
    -webkit-mask-image: url("../../Icons/white/e-bike.svg");
            mask-image: url("../../Icons/white/e-bike.svg");
    -webkit-mask-size: 32px;
            mask-size: 32px;
}

.icon.icon--available::before {
    -webkit-mask-image: url("../../Icons/white/erreichbar.svg");
            mask-image: url("../../Icons/white/erreichbar.svg");
}

.icon.icon--health-management::before {
    -webkit-mask-image: url("../../Icons/white/gesundheitsmanagement.svg");
            mask-image: url("../../Icons/white/gesundheitsmanagement.svg");
}

.icon.icon--health-insurance::before {
    -webkit-mask-image: url("../../Icons/white/krankenzusatzversicherung.svg");
            mask-image: url("../../Icons/white/krankenzusatzversicherung.svg");
}

.icon.icon--drinks::before {
    -webkit-mask-image: url("../../Icons/white/getraenke.svg");
            mask-image: url("../../Icons/white/getraenke.svg");
}

.icon.icon--fruitbowl::before {
    -webkit-mask-image: url("../../Icons/white/obstkorb.svg");
            mask-image: url("../../Icons/white/obstkorb.svg");
}

.icon.icon--smarthome::before {
    -webkit-mask-image: url("../../Icons/white/smarthome.svg");
            mask-image: url("../../Icons/white/smarthome.svg");
}

.icon.icon--homeoffice::before {
    -webkit-mask-image: url("../../Icons/white/homeoffice.svg");
            mask-image: url("../../Icons/white/homeoffice.svg");
}

.icon.icon--tablet::before {
    -webkit-mask-image: url("../../Icons/white/tablet.svg");
            mask-image: url("../../Icons/white/tablet.svg");
}

.icon.icon--cellphone::before {
    -webkit-mask-image: url("../../Icons/white/handy.svg");
            mask-image: url("../../Icons/white/handy.svg");
}

.icon.icon--message::before {
    -webkit-mask-image: url("../../Icons/white/handy-nachricht.svg");
            mask-image: url("../../Icons/white/handy-nachricht.svg");
}

.icon.icon--chat::before {
    -webkit-mask-image: url("../../Icons/white/chat.svg");
            mask-image: url("../../Icons/white/chat.svg");
}

.icon.icon--whatsapp::before {
    -webkit-mask-image: url("../../Icons/white/whatsapp.svg");
            mask-image: url("../../Icons/white/whatsapp.svg");
}

.icon.icon--email::before {
    -webkit-mask-image: url("../../Icons/white/email.svg");
            mask-image: url("../../Icons/white/email.svg");
}

.icon.icon--career-ladder::before {
    -webkit-mask-image: url("../../Icons/white/karriereleiter.svg");
            mask-image: url("../../Icons/white/karriereleiter.svg");
}

.icon.icon--ecologically::before {
    -webkit-mask-image: url("../../Icons/white/oekologisch.svg");
            mask-image: url("../../Icons/white/oekologisch.svg");
}

.icon.icon--partner::before {
    -webkit-mask-image: url("../../Icons/white/partner.svg");
            mask-image: url("../../Icons/white/partner.svg");
}

.icon.icon--partner-heart::before {
    -webkit-mask-image: url("../../Icons/white/partner-02.svg");
            mask-image: url("../../Icons/white/partner-02.svg");
}

.icon.icon--regional::before {
    -webkit-mask-image: url("../../Icons/white/regional.svg");
            mask-image: url("../../Icons/white/regional.svg");
}

.icon.icon--return::before {
    -webkit-mask-image: url("../../Icons/white/rendite.svg");
            mask-image: url("../../Icons/white/rendite.svg");
}

.icon.icon--solar::before {
    -webkit-mask-image: url("../../Icons/white/solar.svg");
            mask-image: url("../../Icons/white/solar.svg");
}

.icon.icon--piggy-bank::before {
    -webkit-mask-image: url("../../Icons/white/sparschwein.svg");
            mask-image: url("../../Icons/white/sparschwein.svg");
}

.icon.icon--world::before {
    -webkit-mask-image: url("../../Icons/white/welt.svg");
            mask-image: url("../../Icons/white/welt.svg");
}

.icon.icon--world-wide-web::before {
    -webkit-mask-image: url("../../Icons/white/world-wide-web.svg");
            mask-image: url("../../Icons/white/world-wide-web.svg");
}

.icon.icon--tool::before {
    -webkit-mask-image: url("../../Icons/white/werkzeug.svg");
            mask-image: url("../../Icons/white/werkzeug.svg");
}

.icon.icon--dismantling::before {
    -webkit-mask-image: url("../../Icons/white/demontage.svg");
            mask-image: url("../../Icons/white/demontage.svg");
}

/* FORM ICONS */

.icon.icon--walmdach::before {
    -webkit-mask-image: url("../../Icons/white/walmdach.svg");
            mask-image: url("../../Icons/white/walmdach.svg");
}

.icon.icon--satteldach::before {
    -webkit-mask-image: url("../../Icons/white/satteldach.svg");
            mask-image: url("../../Icons/white/satteldach.svg");
}

.icon.icon--pultdach::before {
    -webkit-mask-image: url("../../Icons/white/pultdach.svg");
            mask-image: url("../../Icons/white/pultdach.svg");
}

.icon.icon--flachdach::before {
    -webkit-mask-image: url("../../Icons/white/flachdach.svg");
            mask-image: url("../../Icons/white/flachdach.svg");
}

.icon.icon--doppelhaus::before {
    -webkit-mask-image: url("../../Icons/white/doppelhaus.svg");
            mask-image: url("../../Icons/white/doppelhaus.svg");
}

.icon.icon--einfamilienhaus::before {
    -webkit-mask-image: url("../../Icons/white/einfamilienhaus.svg");
            mask-image: url("../../Icons/white/einfamilienhaus.svg");
}

.icon.icon--mehrfamilienhaus::before {
    -webkit-mask-image: url("../../Icons/white/mehrfamilienhaus.svg");
            mask-image: url("../../Icons/white/mehrfamilienhaus.svg");
}

.icon.icon--gewerbegebaeude::before {
    -webkit-mask-image: url("../../Icons/white/gewerbegebaeude.svg");
            mask-image: url("../../Icons/white/gewerbegebaeude.svg");
}

.icon.icon--reihenhaus::before {
    -webkit-mask-image: url("../../Icons/white/reihenhaus.svg");
            mask-image: url("../../Icons/white/reihenhaus.svg");
}

.icon.icon--bathroom-radiator::before {
    -webkit-mask-image: url("../../Icons/white/badheizkoerper.svg");
            mask-image: url("../../Icons/white/badheizkoerper.svg");
}

.icon.icon--lighting::before {
    -webkit-mask-image: url("../../Icons/white/beleuchtung.svg");
            mask-image: url("../../Icons/white/beleuchtung.svg");
}

.icon.icon--bitumen::before {
    -webkit-mask-image: url("../../Icons/white/bitumen.svg");
            mask-image: url("../../Icons/white/bitumen.svg");
}

.icon.icon--roof-planing::before {
    -webkit-mask-image: url("../../Icons/white/dachbelag-in-planung.svg");
            mask-image: url("../../Icons/white/dachbelag-in-planung.svg");
}

.icon.icon--roof-pitch-flat::before {
    -webkit-mask-image: url("../../Icons/white/dachneigung-flach.svg");
            mask-image: url("../../Icons/white/dachneigung-flach.svg");
}

.icon.icon--roof-pitch-slightly::before {
    -webkit-mask-image: url("../../Icons/white/dachneigung-leicht.svg");
            mask-image: url("../../Icons/white/dachneigung-leicht.svg");
}

.icon.icon--roof-pitch-normal::before {
    -webkit-mask-image: url("../../Icons/white/dachneigung-normal.svg");
            mask-image: url("../../Icons/white/dachneigung-normal.svg");
}

.icon.icon--roof-pitch-strong::before {
    -webkit-mask-image: url("../../Icons/white/dachneigung-stark.svg");
            mask-image: url("../../Icons/white/dachneigung-stark.svg");
}

.icon.icon--shower::before {
    -webkit-mask-image: url("../../Icons/white/duschanlage.svg");
            mask-image: url("../../Icons/white/duschanlage.svg");
}

.icon.icon--spare-radiator::before {
    -webkit-mask-image: url("../../Icons/white/ersatzteil-heizung.svg");
            mask-image: url("../../Icons/white/ersatzteil-heizung.svg");
}

.icon.icon--spare-bathroom::before {
    -webkit-mask-image: url("../../Icons/white/ersatzteile-bad.svg");
            mask-image: url("../../Icons/white/ersatzteile-bad.svg");
}

.icon.icon--tiles::before {
    -webkit-mask-image: url("../../Icons/white/fliesen.svg");
            mask-image: url("../../Icons/white/fliesen.svg");
}

.icon.icon--underfloor-heating::before {
    -webkit-mask-image: url("../../Icons/white/fussbodenheizung.svg");
            mask-image: url("../../Icons/white/fussbodenheizung.svg");
}

.icon.icon--gas-heating::before {
    -webkit-mask-image: url("../../Icons/white/gasheizung.svg");
            mask-image: url("../../Icons/white/gasheizung.svg");
}

.icon.icon--pump::before {
    -webkit-mask-image: url("../../Icons/white/waermepumpe.svg");
            mask-image: url("../../Icons/white/waermepumpe.svg");
}

.icon.icon--no-pump::before {
    -webkit-mask-image: url("../../Icons/white/keine-waermepumpe.svg");
            mask-image: url("../../Icons/white/keine-waermepumpe.svg");
}

.icon.icon--air-conditioner::before {
    -webkit-mask-image: url("../../Icons/white/klimageraet.svg");
            mask-image: url("../../Icons/white/klimageraet.svg");
}

.icon.icon--painter::before {
    -webkit-mask-image: url("../../Icons/white/maler.svg");
            mask-image: url("../../Icons/white/maler.svg");
}

.icon.icon--furniture::before {
    -webkit-mask-image: url("../../Icons/white/moebel.svg");
            mask-image: url("../../Icons/white/moebel.svg");
}

.icon.icon--oil::before {
    -webkit-mask-image: url("../../Icons/white/oel.svg");
            mask-image: url("../../Icons/white/oel.svg");
}

.icon.icon--pellet-heating::before {
    -webkit-mask-image: url("../../Icons/white/pelletheizung.svg");
            mask-image: url("../../Icons/white/pelletheizung.svg");
}

.icon.icon--private-commercial-use::before {
    -webkit-mask-image: url("../../Icons/white/privat-u-gewerbenutzung.svg");
            mask-image: url("../../Icons/white/privat-u-gewerbenutzung.svg");
}

.icon.icon--private-use::before {
    -webkit-mask-image: url("../../Icons/white/reine-private-nutzung.svg");
            mask-image: url("../../Icons/white/reine-private-nutzung.svg");
}

.icon.icon--pv-plus::before {
    -webkit-mask-image: url("../../Icons/white/pv-plus-waermepumpe.svg");
            mask-image: url("../../Icons/white/pv-plus-waermepumpe.svg");
}

.icon.icon--square-meters::before {
    -webkit-mask-image: url("../../Icons/white/quadratmeter.svg");
            mask-image: url("../../Icons/white/quadratmeter.svg");
}

.icon.icon--room::before {
    -webkit-mask-image: url("../../Icons/white/raum.svg");
            mask-image: url("../../Icons/white/raum.svg");
}

.icon.icon--cleaning::before {
    -webkit-mask-image: url("../../Icons/white/reinigung.svg");
            mask-image: url("../../Icons/white/reinigung.svg");
}

.icon.icon--solar-with-storage::before {
    -webkit-mask-image: url("../../Icons/white/solaranlage-mit-stromspeicher.svg");
            mask-image: url("../../Icons/white/solaranlage-mit-stromspeicher.svg");
}

.icon.icon--solar-without-storage::before {
    -webkit-mask-image: url("../../Icons/white/solaranlage-ohne-stromspeicher.svg");
            mask-image: url("../../Icons/white/solaranlage-ohne-stromspeicher.svg");
}

.icon.icon--solar-thermal::before {
    -webkit-mask-image: url("../../Icons/white/solarthermie.svg");
            mask-image: url("../../Icons/white/solarthermie.svg");
}

.icon.icon--trapeze::before {
    -webkit-mask-image: url("../../Icons/white/trapezblech.svg");
            mask-image: url("../../Icons/white/trapezblech.svg");
}

.icon.icon--tub::before {
    -webkit-mask-image: url("../../Icons/white/wannenanlage.svg");
            mask-image: url("../../Icons/white/wannenanlage.svg");
}

.icon.icon--basin::before {
    -webkit-mask-image: url("../../Icons/white/waschtischanlage.svg");
            mask-image: url("../../Icons/white/waschtischanlage.svg");
}

.icon.icon--toilet::before {
    -webkit-mask-image: url("../../Icons/white/wc-anlage.svg");
            mask-image: url("../../Icons/white/wc-anlage.svg");
}

.icon.icon--brick::before {
    -webkit-mask-image: url("../../Icons/white/ziegel.svg");
            mask-image: url("../../Icons/white/ziegel.svg");
}

.icon.icon--one-person::before {
    -webkit-mask-image: url("../../Icons/white/eine-person.svg");
            mask-image: url("../../Icons/white/eine-person.svg");
}

.icon.icon--two-persons::before {
    -webkit-mask-image: url("../../Icons/white/zwei-personen.svg");
            mask-image: url("../../Icons/white/zwei-personen.svg");
}

.icon.icon--three-persons::before {
    -webkit-mask-image: url("../../Icons/white/drei-personen.svg");
            mask-image: url("../../Icons/white/drei-personen.svg");
}

.icon.icon--four-persons::before {
    -webkit-mask-image: url("../../Icons/white/vier-personen.svg");
            mask-image: url("../../Icons/white/vier-personen.svg");
}

.icon.icon--five-persons::before {
    -webkit-mask-image: url("../../Icons/white/fuenf-personen.svg");
            mask-image: url("../../Icons/white/fuenf-personen.svg");
}

.icon.icon--six-persons::before {
    -webkit-mask-image: url("../../Icons/white/bis-6-personen.svg");
            mask-image: url("../../Icons/white/bis-6-personen.svg");
}

.icon.icon--other::before {
    -webkit-mask-image: url("../../Icons/white/sonstige.svg");
            mask-image: url("../../Icons/white/sonstige.svg");
}

p.icon.icon--phone {
    padding-left: 50px;
    position: relative;
    font-size: 1.75rem;
    width: var(--medatsu-content-max-width);
}

p.icon.icon--phone::before {
    width: 26px;
    height: 26px;
    left: 0;
    top: 3px;
    background-color: currentColor;
    -webkit-mask-image: var(--celseo-icon-telephone);
            mask-image: var(--celseo-icon-telephone);
    transform: none;
}

p.icon.icon--primary::before {
    background-color: currentColor;
}

p.icon.icon--primary {
    color: var(--primary-color);
}

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .icon::before {
    background-color: currentColor;
}

:is(.chapter--primary,.chapter--secondary,.chapter--inverted) p.icon.icon--phone::before {
    background-color: currentColor;
}

iframe {
    height: revert-layer;
}

.sidebar-wrap .indexedsearch-form__container {
    max-width: none;
}

.wrap--iframe .indexedsearch-form__container {
    background: transparent;
}

.wrap--iframe .indexedsearch-form__fieldset {
    padding: 0;
    border: none;
    margin: 0;
}

.wrap--iframe .indexedsearch-form__input-group {
    border-radius: 40px;
    padding: 1px 1px 1px 24px;
}

.wrap--iframe .indexedsearch-form__input {
    height: 60px;
    opacity: 1;
    font-size: 18px;
    line-height: 23px;
}

.input-group[group-display-type="list"] {
    --display-type-list-checkbox-icon-size: 1.5rem;
    --display-type-list-radio-icon-size: 1.5rem;
    --display-type-list-icon-check-circle: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNDEyIDczNHEwLTI4LTE4LTQ2bC05MS05MHEtMTktMTktNDUtMTl0LTQ1IDE5bC00MDggNDA3LTIyNi0yMjZxLTE5LTE5LTQ1LTE5dC00NSAxOWwtOTEgOTBxLTE4IDE4LTE4IDQ2IDAgMjcgMTggNDVsMzYyIDM2MnExOSAxOSA0NSAxOSAyNyAwIDQ2LTE5bDU0My01NDNxMTgtMTggMTgtNDV6bTI1MiAxNjJxMCAyMDktMTAzIDM4NS41dC0yNzkuNSAyNzkuNS0zODUuNSAxMDMtMzg1LjUtMTAzLTI3OS41LTI3OS41LTEwMy0zODUuNSAxMDMtMzg1LjUgMjc5LjUtMjc5LjUgMzg1LjUtMTAzIDM4NS41IDEwMyAyNzkuNSAyNzkuNSAxMDMgMzg1LjV6Ii8+PC9zdmc+");
    --display-type-list-icon-radio: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDIwQTgsOCAwIDAsMSA0LDEyQTgsOCAwIDAsMSAxMiw0QTgsOCAwIDAsMSAyMCwxMkE4LDggMCAwLDEgMTIsMjBNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJNMTIsN0E1LDUgMCAwLDAgNywxMkE1LDUgMCAwLDAgMTIsMTdBNSw1IDAgMCwwIDE3LDEyQTUsNSAwIDAsMCAxMiw3WiIgLz48L3N2Zz4=");
}

.input-group[group-display-type="list"] :is(.radio-group, .checkbox-group) {
    grid-template-columns: 1fr;
    background-color: var(--bg-color);
}

.input-group[group-display-type="list"] :is(.radio-group .radio__label, .checkbox-group .checkbox__description) {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1rem;
    align-items: center;
    padding-right: 2.5rem;
}

.input-group[group-display-type="list"] .checkbox-group .checkbox__description {
    padding-left: 0 !important;
}

.input-group[group-display-type="list"] .checkbox-group {
    position: relative;
}

.input-group[group-display-type="list"] .checkbox-group::after,
.input-group[group-display-type="list"] .radio-group::after {
    content: "";
    display: block;
    position: absolute;
    height: calc(var(--display-type-list-radio-icon-size) - 4px);
    width: calc(var(--display-type-list-radio-icon-size) - 4px);
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 16px;
    border: 2px solid var(--primary-color);
    pointer-events: none;
}

.input-group[group-display-type="list"] .checkbox-group:has(.checkbox:checked)::after {
    content: "";
    display: block;
    height: var(--display-type-list-checkbox-icon-size);
    width: var(--display-type-list-checkbox-icon-size);
    background-color: var(--bg-color);
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: var(--display-type-list-icon-check-circle);
            mask-image: var(--display-type-list-icon-check-circle);
}

.input-group[group-display-type="list"] .radio-group {
    position: relative;
}

.input-group[group-display-type="list"] .radio-group:has(.radio:checked)::after {
    content: "";
    display: block;
    height: var(--display-type-list-radio-icon-size);
    width: var(--display-type-list-radio-icon-size);
    color: var(--bg-color);
    background-color: currentColor;
    position: absolute;
    top: 50%;
    right: .75rem;
    transform: translateY(-50%);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: var(--display-type-list-icon-radio);
            mask-image: var(--display-type-list-icon-radio);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) .input-group[group-display-type="list"] .icon::before {
    background-color: var(--font-color);
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="list"] .radio-group .radio__label, .input-group[group-display-type="list"] .checkbox__description) {
    color: var(--font-color) !important;
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="list"] .checkbox-group:has(.checkbox:checked) .checkbox__description, .input-group[group-display-type="list"] .radio-group:has(.radio:checked) .radio__label) {
    color: var(--bg-color) !important;
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="list"] .checkbox-group:has(.checkbox:checked), .input-group[group-display-type="list"] .radio-group:has(.radio:checked)) {
    border-color: var(--bg-color);
}

.input-group[group-display-type="panel"] {
    --display-type-panel-checkbox-icon-size: 1.5rem;
    --display-type-panel-radio-icon-size: 1.5rem;
    --display-type-panel-icon-check-circle: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMTc5MiIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNDEyIDczNHEwLTI4LTE4LTQ2bC05MS05MHEtMTktMTktNDUtMTl0LTQ1IDE5bC00MDggNDA3LTIyNi0yMjZxLTE5LTE5LTQ1LTE5dC00NSAxOWwtOTEgOTBxLTE4IDE4LTE4IDQ2IDAgMjcgMTggNDVsMzYyIDM2MnExOSAxOSA0NSAxOSAyNyAwIDQ2LTE5bDU0My01NDNxMTgtMTggMTgtNDV6bTI1MiAxNjJxMCAyMDktMTAzIDM4NS41dC0yNzkuNSAyNzkuNS0zODUuNSAxMDMtMzg1LjUtMTAzLTI3OS41LTI3OS41LTEwMy0zODUuNSAxMDMtMzg1LjUgMjc5LjUtMjc5LjUgMzg1LjUtMTAzIDM4NS41IDEwMyAyNzkuNSAyNzkuNSAxMDMgMzg1LjV6Ii8+PC9zdmc+");
    --display-type-panel-icon-radio: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLDIwQTgsOCAwIDAsMSA0LDEyQTgsOCAwIDAsMSAxMiw0QTgsOCAwIDAsMSAyMCwxMkE4LDggMCAwLDEgMTIsMjBNMTIsMkExMCwxMCAwIDAsMCAyLDEyQTEwLDEwIDAgMCwwIDEyLDIyQTEwLDEwIDAgMCwwIDIyLDEyQTEwLDEwIDAgMCwwIDEyLDJNMTIsN0E1LDUgMCAwLDAgNywxMkE1LDUgMCAwLDAgMTIsMTdBNSw1IDAgMCwwIDE3LDEyQTUsNSAwIDAsMCAxMiw3WiIgLz48L3N2Zz4=");

    align-items: center;
}

.input-group[group-display-type="panel"] .icon {
    --icon-size: 50px;
}

.input-group.input-group--multi-check[group-display-type="panel"] .icon {
    left: 50%;
    transform: translateX(-50%);
}

.input-group[group-display-type="panel"] :is(.radio-group, .checkbox-group) {
    grid-template-columns: 1fr;
    background-color: var(--bg-color);
}

:is(.input-group[group-display-type="panel"], .input-group[group-display-type="list"]) :is(.radio-group, .checkbox-group):has(.radio:focus, .checkbox:focus) {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.input-group[group-display-type="panel"] :is(.radio-group .radio__label, .checkbox-group .checkbox-group__label) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    grid-gap: .25rem;
    text-align: center;
    height: 100%;
}

.input-group[group-display-type="panel"] .radio-group .radio__label {
    padding-right: 3rem;
}

.input-group[group-display-type="panel"] .radio-group::after {
    pointer-events: none;
}

.input-group[group-display-type="panel"] .checkbox-group .checkbox__description {
    padding-left: 0 !important;
}

.input-group[group-display-type="panel"] .checkbox-group {
    position: relative;
}

.input-group[group-display-type="panel"] .checkbox-group::after,
.input-group[group-display-type="panel"] .radio-group::after {
    content: "";
    display: block;
    position: absolute;
    height: calc(var(--display-type-panel-radio-icon-size) - 4px);
    width: calc(var(--display-type-panel-radio-icon-size) - 4px);
    right: .75rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 16px;
    border: 2px solid var(--primary-color);
    pointer-events: none;
}

.input-group[group-display-type="panel"] .checkbox-group:has(.checkbox:checked)::after {
    height: var(--display-type-panel-checkbox-icon-size);
    width: var(--display-type-panel-checkbox-icon-size);
    color: var(--bg-color);
    background-color: currentColor;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: var(--display-type-panel-icon-check-circle);
            mask-image: var(--display-type-panel-icon-check-circle);
}

.input-group[group-display-type="panel"] .radio-group {
    position: relative;
}

.input-group[group-display-type="panel"] .radio-group:has(.radio:checked)::after {
    height: var(--display-type-panel-radio-icon-size);
    width: var(--display-type-panel-radio-icon-size);
    color: var(--bg-color);
    background-color: currentColor;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-image: var(--display-type-panel-icon-radio);
            mask-image: var(--display-type-panel-icon-radio);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) .input-group[group-display-type="panel"] .icon::before {
    background-color: var(--font-color);
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="panel"] .radio-group .radio__label, .input-group[group-display-type="panel"] .checkbox__description) {
    color: var(--font-color) !important;
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="panel"] .checkbox-group:has(.checkbox:checked) .checkbox__description, .input-group[group-display-type="panel"] .radio-group:has(.radio:checked) .radio__label) {
    color: var(--bg-color) !important;
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) :is(.input-group[group-display-type="panel"] .checkbox-group:has(.checkbox:checked), .input-group[group-display-type="panel"] .radio-group:has(.radio:checked)) {
    border-color: var(--bg-color);
}

@media only screen and (min-width: 960px) {
    .input-group[group-display-type="panel"] {
        grid-template-columns: 1fr 1fr;
    }
}

body,
html {
    background: #fff;
}

.wrap--iframe main {
    padding-top: 0;
    margin-top: 0;
}

toujou-modal {
    --toujou-modal-title-color: transparent;
    --toujou-modal-content-background: transparent;
    --toujou-modal-close-display: none;
    --toujou-modal-content-shadow: none;
    --toujou-modal-backdrop-color: rgb(0 0 0 / 80%);
}

.page--type-70 .navigation--breadcrumb {
    display: none;
}

.portfolio-gallery__link:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
    z-index: 2;
}

@media screen and (min-width: 840px) {
    .portfolio-gallery {
        aspect-ratio: unset !important;
    }
}

.product-grid .image-card {
    border: 1px solid var(--font-color);
    padding: 16px;
    margin-bottom: 16px;
}

.product-grid .image-card__title {
    display: none;
}

.product-grid a.image-card--zoom:is(:hover,:focus-visible) .image-card__image {
    transform: scale(1);
}

.product-grid .image-card__image img,
.product-grid .image-card__image picture {
    -o-object-position: center;
       object-position: center;
    top: 50% !important;
    transform: translateY(-50%);
}

.product-grid .image-card--zoom:focus .image-card__image img,
.product-grid .image-card--zoom:focus .image-card__image picture,
.product-grid .image-card--zoom:hover .image-card__image img,
.product-grid .image-card--zoom:hover .image-card__image picture {
    transform: translateY(-50%) scale(1.05);
}

.rating-radio {
    color: var(--rating-radio-icon-default-color);
    background-color: currentColor !important;
}

.rating-radio:checked,
.rating-radio:has(~ .rating-radio:checked) {
    color: var(--warning-color) !important;
}

@media (hover: hover) {
    .rating-radio:hover,
    .rating-radio:has(~ .rating-radio:hover) {
        color: var(--warning-color);
    }
}

toujou-rating-radios::part(numeric-value) {
    color: var(--warning-color) !important;
}

toujou-rating-radios::part(numeric-value)::after {
    color: var(--font-color);
}

toujou-rating-radios {
    background: #f8f8f8;
    border-bottom: 1px solid var(--font-color--light);
    border-top: 1px solid var(--font-color--light);
    padding: 20px 30px;
    font-size: var(--celseo-font-size-normal);
    width: 100% !important;
}

.rating-stars {
    --rating-stars-letter-spacing: -.1em;
}

ul.list.recentposts a {
    color: var(--font-color);
}

ul.list.recentposts li::before {
    top: 14px;
}

.review__title {
    display: none;
}

.review__item-info :is(svg, a) {
    display: none;
}

.review__rating {
    margin: 0 0 .25rem;
    flex: 0 0 auto;
}

.review__rating svg {
    height: 20px;
    width: 20px;
    fill: var(--warning-color);
}

.grid--3 .sidebar.sidebar--blog {
    grid-template-columns: 1fr;
}

.sidebar__search {
    margin-bottom: 3rem;
}

/* stylelint-disable-next-line selector-type-no-unknown */

skippy-links {
    /* Customise the skippy links component */
    --sl-link-color: var(--bg-color);
    --sl-link-color-focus: var(--bg-color);
    --sl-link-color-hover: var(--bg-color);
    --sl-color-primary: var(--bg-color);
    --sl-link-font-size: 1.125rem;
    --sl-element-height: var(--top-bar-height-small);

    background-color: var(--primary-color);
    border: none;
    font-family: var(--paragraph__family);
    font-weight: var(--paragraph__bold);
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%;
    border-radius: 0;
}

@media (width >= 640px) {
    /* stylelint-disable-next-line selector-type-no-unknown */
    skippy-links {
        --skip-links-min-width: 320px;
    }
}

.slider-with-previews {
    --slider-with-previews-gap: .5rem;

    width: calc(100% - 2rem);
    max-width: var(--celseo-toujou-wide-max-width);
    margin: 0 auto;
    display: grid;
    gap: var(--slider-with-previews-gap);
}

.slider-with-previews .splide {
    height: -moz-fit-content;
    height: fit-content;
}

.slider-with-previews__thumbs .splide__slide {
    opacity: .3;
    border: none !important;
}

.slider-with-previews__thumbs .splide__slide:not(.is-active):hover {
    opacity: .75;
}

.slider-with-previews__thumbs .splide__slide.is-active {
    opacity: 1;
}

.slider-with-previews .splide__arrows {
    display: none;
}

.slider-with-previews .splide__arrow {
    height: 48px;
    width: 48px;
    opacity: 1;
    background-color: var(--bg-color);
}

.slider-with-previews .splide__arrow:disabled {
    opacity: 0;
    pointer-events: none;
}

.slider-with-previews .splide__arrow::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-color: var(--primary-color);
    -webkit-mask-image: var(--celseo-toujou-arrow-image-path);
            mask-image: var(--celseo-toujou-arrow-image-path);
    -webkit-mask-size: 20px;
            mask-size: 20px;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
}

.slider-with-previews .splide__arrow--prev::after {
    transform: rotate(180deg);
}

.slider-with-previews .splide__arrow svg {
    display: none;
}

@media screen and (min-width: 840px) {
    .slider-with-previews .splide__arrows {
        display: block;
    }
}

.slider--logo .slider__frame:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.slider--logo .glider-dot:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.solr {
    margin-top: 2rem !important;
}

@media screen and (min-width: 840px) {
    .solr {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
        grid-template-areas:
            "solr-filter-section solr-filter-section"
            "solr-results solr-results";
        margin-top: 4rem !important;
    }
}

@media screen and (min-width: 960px) {
    .solr {
        grid-template-columns: 1fr 1fr 1fr;
        /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
        grid-template-areas:
            "solr-filter-section solr-filter-section solr-filter-section"
            "solr-results solr-results solr-results";
    }
}

.solr-chips {
    order: 3;
}

.solr-search .solr-chips {
    display: none;
}

@media screen and (min-width: 840px) {
    .solr-filters .solr-facets {
        --celseo-solr-search-facets-column-count: 2;

        display: grid;
        grid-template-columns: repeat(var(--celseo-solr-search-facets-column-count), 1fr);
        grid-gap: 1rem;
    }

    .solr-filters .solr-facets__facet:not(:first-of-type) {
        margin-top: 0;
    }

    .solr-facets__facet:nth-child(1) {
        grid-column: 2;
        grid-row: 1;
    }

    .solr-facets__facet:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .solr-facets__facet:nth-child(3) {
        grid-column: 2;
        grid-row: 2;
    }

    .solr-facets__facet:nth-child(4) {
        grid-column: 1;
        grid-row: 3;
    }

    .solr-facets__facet:nth-child(5) {
        grid-column: 2;
        grid-row: 3;
    }
}

@media screen and (min-width: 960px) {
    .solr-filters .solr-facets {
        --celseo-solr-search-facets-column-count: 3;
    }

    .solr-facets__facet:nth-child(1) {
        grid-column: 2;
        grid-row: 1;
    }

    .solr-facets__facet:nth-child(2) {
        grid-column: 3;
        grid-row: 1;
    }

    .solr-facets__facet:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    .solr-facets__facet:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    .solr-facets__facet:nth-child(5) {
        grid-column: 3;
        grid-row: 2;
    }
}

.solr-search .solr-filter-button {
    display: none;
}

.solr-filters {
    position: relative;
    background-color: transparent;
    z-index: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
}

.solr-filters__mobile-header {
    display: none;
}

@media screen and (min-width: 840px) {
    .solr-filters {
        grid-area: solr-filter-section;
        margin-bottom: 2rem;
    }
}

.solr-header {
    display: none;
}

.solr-pagination {
    --solr-pagination-item-size: 48px;

    align-items: center;
    display: grid;
    grid-template-columns: var(--solr-pagination-item-size) 1fr var(--solr-pagination-item-size);
    grid-gap: 1rem;
    height: var(--solr-pagination-item-size);
}

.solr-pagination--above {
    display: none;
}

.solr-pagination .solr-pagination__select {
    padding: 1rem 26px 14px 16px;
}

.solr-pagination .solr-pagination__item--prev {
    grid-column: 1;
}

.solr-pagination .solr-pagination__pages-container {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.solr-pagination .solr-pagination__item--next {
    grid-column: 3;
}

.solr-pagination__item,
.solr-pagination__link {
    width: var(--solr-pagination-item-size);
    height: var(--solr-pagination-item-size);
}

.solr-pagination__link:is(:hover, :focus-visible) {
    color: var(--bg-color) !important;
}

.solr-pagination__link:is(:hover, :focus-visible) .solr-pagination__icon {
    background-color: var(--bg-color) !important;
}

.solr .panel {
    background-color: transparent;
    padding: 0;
    margin-top: 2rem;
}

.solr .panel-title a {
    color: var(--font-color) !important;
    font-size: var(--celseo-font-size-m);
}

@media screen and (min-width: 840px) {
    .solr-filters .solr-facets .panel {
        margin-top: 0;
    }
}

.solr-search {
    display: block;
    z-index: 1;
}

.solr-search__input-group {
    grid-gap: 0;
}

.solr-search__input-label {
    font-size: var(--celseo-font-size-m);
    color: var(--font-color);
    line-height: 2.25rem;
    margin-bottom: .5rem;
}

.solr-search .input.solr-search__input {
    font-size: var(--celseo-font-size-normal);
    color: var(--font-color);
    padding-top: 1rem;
}

.solr-search__input-cancel-button {
    top: 67px;
    right: 1.25rem;
    transform: none;
}

@media screen and (min-width: 840px) {
    .solr-search {
        grid-area: solr-filter-section;
        grid-column: 1;
        height: -moz-fit-content;
        height: fit-content;
    }

    .solr-search__input-cancel-button {
        top: 56px;
    }
}

.text-columns__image > a:focus-visible {
    outline: none !important;
}

.text-columns__image > a:focus-visible > img {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
    outline-color: currentColor;
}

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .card-collection__item .toujou-card__title,
:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .card-collection__item .toujou-card__title a {
    color: var(--primary-color);
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .card-collection__item .toujou-card__title a:is(:hover, :focus-visible) {
    color: var(--primary-color--dark);
}

/* stylelint-disable-next-line max-line-length */

:is(.chapter--primary, .chapter--secondary, .chapter--inverted) .card-collection__item .toujou-card__content .toujou-card__abstract {
    color: var(--font-color);
}

.toujou-card--content-page .toujou-card__icon {
    display: none;
}

.toujou-card--content-page .toujou-card__header[no-subtitles] {
    grid-template-columns: 1fr;
    grid-template-areas: "title";
}

.toujou-card--person {
    --toujou-card-person-contact-icon-size: 1.5rem;
}

.toujou-card--person .toujou-card__header {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.toujou-card--person .toujou-card__position {
    font-size: 1rem;
    margin-bottom: 0;
}

.toujou-card--person .toujou-card__content {
    padding: 0;
    display: flex;
    flex-direction: column;
}

.toujou-card--person .toujou-card__contact-link {
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: .25rem;
}

.toujou-card--person .toujou-card__contact-link::before {
    content: "";
    display: block;
    height: var(--toujou-card-person-contact-icon-size);
    width: var(--toujou-card-person-contact-icon-size);
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: currentColor;
}

.toujou-card--person .toujou-card__contact-link--telephone::before {
    -webkit-mask-image: var(--celseo-icon-telephone);
            mask-image: var(--celseo-icon-telephone);
}

.toujou-card--person .toujou-card__contact-link--email::before {
    -webkit-mask-image: var(--celseo-icon-email);
            mask-image: var(--celseo-icon-email);
}

.toujou-card--person .toujou-card__bottom {
    padding: 0;
}

toujou-list-item.toujou-list-item--job-posting {
    --celseo-icon-briefcase: url("../../Icons/icon-briefcase.svg");
    --celseo-icon-location-pin: url("../../Icons/icon-location-pin.svg");
    --celseo-icon-calendar-day: url("../../Icons/icon-calendar-day.svg");
    --toujou-list-item-icon-size: 20px;

    grid-gap: 16px 0;
    margin-bottom: 16px;
    position: relative;
}

.toujou-list-item--job-posting .toujou-list-item__icon,
.toujou-list-item--job-posting .toujou-list-item__icon--location-pin {
    display: block;
    height: var(--toujou-list-item-icon-size);
    width: var(--toujou-list-item-icon-size);
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    color: var(--font-color);
    background-color: currentColor;
    position: relative;
    top: -2px;
    opacity: 1;
    margin: 0 5px 0 0;
}

.toujou-list-item--job-posting .toujou-list-item__icon--location-pin {
    -webkit-mask-image: var(--celseo-icon-location-pin);
            mask-image: var(--celseo-icon-location-pin);
    -webkit-mask-size: 14px;
            mask-size: 14px;
    margin: 0 5px 0 0;
}

.toujou-list-item--job-posting .toujou-list-item__icon--calendar-day {
    -webkit-mask-image: var(--celseo-icon-calendar-day);
            mask-image: var(--celseo-icon-calendar-day);
}

.toujou-list-item--job-posting .toujou-list-item__icon--briefcase {
    -webkit-mask-image: var(--celseo-icon-briefcase);
            mask-image: var(--celseo-icon-briefcase);
}

.toujou-list-item--job-posting .toujou-list-item__header {
    grid-template-columns: 1fr;
    grid-template-areas:
        "title"
        "subtitles";
}

.toujou-list-item--job-posting .toujou-list-item__title {
    font-size: var(--celseo-font-size-l);
    margin-bottom: 8px;
    max-width: calc(100% - 150px);
}

.toujou-list-item--job-posting .toujou-list-item__status-list {
    margin: 0 0 10px;
}

.toujou-list-item--job-posting .toujou-list-item__status-list-item,
.toujou-list-item--job-posting .toujou-card__subtitle--locality {
    display: flex;
    align-items: center;
    font-weight: var(--paragraph__normal);
}

.toujou-list-item--job-posting .toujou-card__subtitle--locality {
    opacity: 1;
    padding: 0;
}

.toujou-list-item--job-posting .toujou-card__subtitle--locality .toujou-list-item__subtitle-link {
    text-decoration: none !important;
}

.toujou-list-item--job-posting .toujou-list-item__subtitle::before {
    display: none;
}

/* CONTENT PAGE */

.toujou-list-item--content-page .toujou-list-item__icon {
    background: currentColor;
}

.toujou-list-item__cta-link.button.button--primary {
    margin: 0;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bg-color) !important;
}

.toujou-list-item__cta-link.button.button--primary:is(:hover, :focus, :focus-visible) {
    background-color: var(--primary-color--dark) !important;
    color: var(--bg-color);
}

@media only screen and (max-width: 599px) {
    .toujou-list-item__content {
        display: grid;
    }

    .toujou-list-item__cta-link.button.button--primary {
        position: relative;
        left: 0;
        width: -moz-fit-content;
        width: fit-content;
        margin-top: 10px;
    }

    .toujou-list-item--job-posting .toujou-list-item__title {
        max-width: none;
    }
}

.timeline__container:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

.grid--3 .sidebar--blog .tx-blog-widget:last-child {
    display: none;
}

/* FONTS */

@font-face {
    font-family: OpenSansBold;
    src: url("../../Fonts/Open_Sans_700.woff");
    src: url("../../Fonts/Open_Sans_700.woff") format("woff");
}

ul,
ol,
p {
    font-size: 16px;
    line-height: 19px;
}

ul.list li {
    padding-left: 22px !important;
}

.categories.list li {
    padding: 7px 14px !important;
}

ul.list li::before {
    height: 5px;
    left: 0;
    top: 12px;
    width: 5px;
}

ol.list li {
    padding-left: 28px !important;
}

ol.list li::before {
    line-height: 19px;
    margin-top: 2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--font-color);
    margin-bottom: 1rem;
}

h1,
.font--alpha,
h2,
.font--beta,
h3,
.font--gamma,
h4,
.font--delta,
h5,
.font--epsilon,
h6,
p,
ul,
ol {
    -webkit-hyphens: none;
            hyphens: none;
}

a {
    color: var(--primary-color);
}

p > a:not(.button) {
    text-decoration: underline;
}

p > a:not(.button)[href*="tel"] {
    text-decoration: none;
}

p > .button {
    margin: 16px 0 0;
}

a:hover,
a:focus {
    color: var(--primary-color--dark);
}

a:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}

h1 em.primary-color,
h2 em.primary-color,
h3 em.primary-color,
h4 em.primary-color {
    font-style: initial;
    color: var(--primary-color);
}

table {
    font-size: var(--celseo-font-size-normal);
}

.wrap--content main:first-child .grid--1 .grid__column > h1 {
    margin-top: 0;
}

.chapter--primary a,
.chapter--secondary a {
    color: #fff;
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) :is(h1, h2, h3, h4, h5, h6, p, ul, ol,
.checkbox-group__label span,
.radio__label,
.input-label,
legend,
.input-group.input-group--multi-check .input-label,
.input__description,
.checkbox__description,
.input-group--radio .input-label,
.input-group--check .input-label) {
    color: var(--bg-color);
}

:is(.chapter--primary,
.chapter--secondary,
.chapter--inverted) ul.list li::before {
    color: var(--bg-color);
    background-color: currentColor;
}

.chapter--primary.chapter--configuration ul.list li::before {
    background: var(--primary-color--light);
}

.chapter--primary.chapter--configuration .text-columns--2 p.font--beta strong {
    color: var(--primary-color--light);
}

@media only screen and (min-width: 600px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1.5rem;
    }
}

@media only screen and (min-width: 840px) {
    h1,
    .font--alpha {
        font-size: 56px;
        line-height: 56px;
    }

    h2,
    .font--beta {
        font-size: 40px;
        line-height: 46px;
    }

    h3,
    .font--gamma {
        font-size: 32px;
        line-height: 36px;
    }

    h4,
    .font--delta {
        font-size: 28px;
        line-height: 34px;
    }

    h5,
    .font--epsilon {
        font-size: 20px;
        line-height: 24px;
    }

    ul,
    ol,
    p {
        font-size: 18px;
        line-height: 28px;
    }

    ol.list li {
        padding-left: 38px;
    }

    ol.list li::before {
        line-height: 26px;
    }

    ul.list li::before {
        width: 6px;
        height: 6px;
        top: 16px;
        left: 0;
    }
}

.video-embed-item:focus-visible {
    outline: var(--toujou-focus-outline);
    outline-offset: var(--toujou-focus-outline-offset);
}