@media print {
    /* hide elements */
    .hero {
        height: 50vh !important;
        &:before,
        &:after {
            background: none !important;
        }
    }

    .content-block + .content-block {
        margin-top: 3rem;
    }

    .ratio:before {
        background: unset;
    }

    /* page breaks */
    h1,
    h2,
    h3,
    h4{
        page-break-after: avoid;
    }

    tr,
    img,
    .teaser,
    footer {
        page-break-inside: avoid;
    }

    /* reset bootstrap default stuff */
    a[href]:after,
    abbr[title]:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }


    /* reset mobile grid */
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }

    .content-visibility--auto {
        content-visibility: visible !important;
    }

    .control-center__toast-container,
    #control-center-nav,
    #ccm-special-settings-summoner{
        display: none!important;
    }
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 15px;
        margin-left: 15px;
        max-width: 100%;
    }
    .teaser-slider-area{
        page-break-before: always;
        page-break-inside: avoid;
    }
    .weather-area{
        page-break-inside: avoid;
    }
    #map{
        page-break-before: always;
        page-break-inside: avoid;
    }
}