@media print {
    :root,
    ::before,
    ::after {
        --color-primary-h: 0;
        --color-primary-s: 0;
        --color-primary-l: 0;

        --color-secondary-h: 0;
        --color-secondary-s: 0;
        --color-secondary-l: 0;

        --color-font-h: 0;
        --color-font-s: 0;
        --color-font-l: 0;

        --color-bg-h: 360;
        --color-bg-s: 100;
        --color-bg-l: 100;

        --color-success-h: 0;
        --color-success-s: 0;
        --color-success-l: 0;

        --color-warning-h: 0;
        --color-warning-s: 0;
        --color-warning-l: 0;

        --color-error-h: 0;
        --color-error-s: 0;
        --color-error-l: 0;

        --color-info-h: 0;
        --color-info-s: 0;
        --color-info-l: 0;

        --color-gold-h: 0;
        --color-gold-s: 0;
        --color-gold-l: 0;

        --animation-duration-slow: 0s;
        --animation-duration-normal: 0s;
        --animation-duration-fast: 0s;
        --animation-duration-very-fast: 0s;
    }
}
@media print {
    /* Add custom message to the end of the print */
    body::after {
        content: "Diese Website wurde mit toujou gebaut | www.toujou.de";
        display: block;
        width: 100%;
        text-align: center;
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-normal);
        font-family: var(--font-family-headline);
        font-size: var(--font-size-normal);
    }

    /* Styles to apply to all elements */
    * {
        box-shadow: none;
        background-color: transparent;
    }
}
@media print {
    .address .icon {
        background-color: black;
    }

    a.address__link::after {
        display: none;
    }
}
@media print {
    blockquote,
    .blockquote {
        page-break-inside: avoid;
    }
}
@media print {
    .breadcrumb {
        display: none !important;
    }
}
@media print {
    .button,
    .button[button-type],
    .button[button-variant],
    .button[button-size] {
        --button-color-bg: transparent;
        --button-color-text: black;
        --button-border-color: black;
    }

    a.button::after {
        display: none;
    }
}
@media print {
    .chip[chip-bg-color] {
        --toujou-chip-color-bg: transparent;
        --toujou-chip-text-color: black;

        border: 1px solid black;
    }

    .chip .icon {
        background-color: black !important;
    }
}
@media print {
    .code-block {
        border: 1px solid black;
    }

    .code-block__code {
        background: transparent;
        color: black !important;
    }

    .code-block__code * {
        color: black !important;
        opacity: 1;
    }
}
@media print {
    .collection-item {
        --collection-item-category-background-color: white;
        --collection-item-category-color: black;
        --collection-item-info-icon-color: black;
        --collection-item-city-color: white;
        --collection-item-country-color: white;
        --collection-item-abstract-color: black;
    }

    .collection-item[element-design="inverted"] {
        --collection-item-bg-color: transparent;
    }

    .collection-item[item-type="product"] {
        color: white !important;
    }

    .collection-item__category .icon {
        background-color: black;
    }

    .fake-fav-item {
        display: none;
    }

    .collection-item a {
        color: black;
    }

    .collection-item__button {
        display: none;
    }

    .collection-item[item-type="product"][item-orientation="vertical"] .collection-item__bottom {
        background-color: black !important;
    }

    .collection-item[item-type="product"][item-orientation="vertical"] .collection-item__title {
        color: white !important;
    }

    .collection-item[item-type="product"][item-orientation="horizontal"] .collection-item__bottom {
        color: black !important;
    }

    .collection-item[item-type="product"][item-orientation="horizontal"] .collection-item__title {
        color: black !important;
    }


}
@media print {
    .contact-box {
        --contact-box-card-background-color: white;
    }

    .contact-box__item .icon {
        background-color: black;
    }
}
@media print {
    .content-card {
        max-width: 540px;
    }

    .content-card__button .icon {
        background-color: black;
    }
}
@media print {
    .cover-slider__title {
        color: white;
    }
}
@media print {
    .consent-widget {
        display: none !important;
    }
}
@media print {
    .details {
        --details-chevron-display: none;
    }
}
@media print {
    hr,
    .divider {
        background-color: black;
    }
}
@media print {
    .estimated-reading-time .icon {
        background-color: black;
    }
}
@media print {
    .footer {
        display: none;
    }
}
@media print {
    .gallery {
        --gallery-grid-column-count: 3;
    }
}
@media print {
    .header-content {
        --header-content-background-color: white;
    }
}
@media print {
    .hero-media {
        --hero-media-title-color: white;
    }
}
@media print {
    .icon[icon-color] {
        background-color: black !important;
    }
}
@media print {
    .image-card__title {
        background-color: transparent;
        color: black;
    }
}
@media print {
    .image-card-grid .image-card {
        --image-card-max-width: calc(calc(100% - var(--image-card-grid-gap)) / 2);
    }
}
@media print {
    img,
    figure {
        page-break-inside: avoid;
        page-break-after: auto;
        page-break-before: auto;
    }
}
@media print {
    .inpage-nav {
        display: none !important;
    }
}
@media print {
    main:first-child,
    .topbar + main {
        --main-padding-top: 0;
    }
}
@media print {
    .media-grid[media-grid-column-number="2"] {
        --media-grid-number-of-columns: 2;
    }

    .media-grid[media-grid-column-number="3"] {
        --media-grid-number-of-columns: 3;
    }

    .media-grid[media-grid-column-number="4"] {
        --media-grid-number-of-columns: 4;
    }
}
@media print {
    .media-info {
        display: none !important;
    }
}
@media print {
    .media-placeholder {
        background: transparent;
        border: 1px solid black;
    }
}
@media print {
    .overlay {
        --overlay-infos-bg-color: white;
    }
}
@media print {
    .pn-nav {
        display: none;
    }
}
@media print {
    .portfolio-gallery__button {
        display: none;
    }

    .portfolio-gallery .slider-count {
        display: none;
    }
}
@media print {
    .post-author {
        --post-author-background-color: transparent;
        --post-author-padding: 0;
    }
}
@media print {
    .post-meta {
        --post-meta-background-color: transparent;
        --post-meta-padding: 0;
    }
}
@media print {
    pre {
        page-break-inside: avoid;
    }
}
@media print {
    .rating-stars {
        color: transparent;
    }

    .rating-stars::after {
        content: "★ " attr(rating-value);
        position: absolute;
        top: 0;
        left: -1px;
        width: calc(100% + 2px);
        height: 100%;
        background-color: transparent;
        font-family: var(--font-family-text);
        font-size: var(--font-size-ms);
        letter-spacing: normal;
        display: flex;
        align-items: center;
        color: black;
    }
}
@media print {
    .review {
        --review-content-grid-template-columns: 1fr 2fr;
        --review-footer-padding: 0;
    }

    .review__info-link::after {
        display: none;
    }

    .review toujou-clamped-content {
        --toujou-clamped-content-number-of-lines: 999;
    }

    .review toujou-clamped-content .button {
        display: none;
    }
}
@media print {
    skippy-links {
        display: none;
    }
}
@media print {
    .snackbar {
        display: none !important;
    }
}
@media print {
    .social-media-bar {
        /* using the --color-primary doesn't work for some reason */
        --social-media-bar-link-color: black;

        border: 1px solid black;
    }
}
@media print {
    .spinner {
        display: none !important;
    }
}
@media print {
    .table {
        --table-row-border: var(--border-width-normal) solid black;

        page-break-inside: avoid;
    }
}
@media print {
    .teaser:not([element-design="default"]) .teaser__content {
        --teaser-content-padding: ;
    }
}
@media print {
    .third-party-content {
        border: 1px solid black;
    }
}
@media print {
    .topbar {
        display: none;
    }
}
@media print {
    .topbutton {
        display: none !important;
    }
}
@media print {
    a:link,
    a:visited,
    a {
        page-break-inside: avoid;
    }

    p > a::after {
        content: "["attr(href)"]";
        word-break: break-all;
    }

    ul,
    ol,
    dl {
        page-break-before: avoid;
    }
}