@charset "UTF-8";

@media print {

    /* Change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
    body {
        font-size: 10pt;
        padding: 0 5px;
        height: auto;
        /* force printing of background-colors and images. Not supported for IE or Edge :*/
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }

    /* Hide unneeded container of the screenlayout in print layout */
    .ym-noprint,
    #customer-chat-iframe,
    footer {
        display: none !important;
    }

    body.layout-1col_3 .ym-col1 /* Layout: 1col_3 (only one column) */,
    body.layout-1col_3 .ym-col2,
    body.layout-2col_13 .ym-col1, /* left  */
    body.layout-2col_13 .ym-col2,
    body.layout-2col_32 .ym-col1, /* Layout: 2col_32 (normal/default view) */
    body.layout-2col_32 .ym-col2 .module-box:not(.modulebox) /* except mbox-"color" */,
    body.layout-2col_31 .ym-col2,
    body.layout-2col_31 .ym-col3,
    body.layout-2col_23 .ym-col1, /* Layout: 2col_23 (special/advanced view) */
    body.layout-2col_23 .ym-col3,
    body.layout-3col_132 .ym-col1, /* Layout: 3col_132 (normal/default view - YAML core column order) */
    body.layout-3col_132 .ym-col2,
    body.layout-3col_123 .ym-col1, /* Layout: 3col_123 (special/advanced view) */
    body.layout-3col_123 .ym-col3,
    body.layout-3col_213 .ym-col2,
    body.layout-3col_213 .ym-col3,
    body.layout-3col_231 .ym-col1, /* Layout: 3col_231 (special/advanced view) */
    body.layout-3col_231 .ym-col2,
    body.layout-3col_312 .ym-col2,
    body.layout-3col_312 .ym-col3,
    body.layout-3col_321 .ym-col1 /* Layout: 3col_321 (special/advanced view) */,
    body.layout-3col_321 .ym-col3,
    #topnav,
    nav[role="navigation"],
    div[role="search"],
    #breadcrumbs,
    .buttonheading,
    .contentbuttons,
    #logo a::after,
    .mod-languages,
    .nn_tabs .nav-tabs {
        display: none;
    }

    body.layout-1col_3 .ym-col3,
    body.layout-2col_13 .ym-col3,
    body.layout-2col_32 .ym-col3,
    body.layout-2col_31 .ym-col1, /* Layout: 2col_31 (special/advanced view) */
    body.layout-2col_23 .ym-col2,
    body.layout-3col_132 .ym-col3,
    body.layout-3col_123 .ym-col2,
    body.layout-3col_213 .ym-col1,
    body.layout-3col_231 .ym-col3,
    body.layout-3col_312 .ym-col1,
    body.layout-3col_321 .ym-col2 { /* main  */
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
    }

    /* Layout: 3col_213 (special/advanced view) */
    /* Layout: 3col_312 (special/advanced view) */
    /* removing floating in print-view */
    body .main,
    .ym-col2,
    .cols-3 .ym-g33 {
        width: 100%;
        float: none !important;
        min-height: inherit !important;
    }

    .tbox-red,
    .tbox-green,
    .cols-3 .modulebox,
    .ym-col2 .modulebox,
    .accordion-group:not(:first-of-type),
    .accordion .accordion-group .accordion-heading,
    .ym-contain-oh,
    .ym-contain-oh > div,
    img {
        page-break-inside: avoid;
    }

    .accordion-body {
        page-break-before: avoid;
    }

    /* Avoid page breaks right after headings */
    h1, h2, h3, h4, h5, h6,
    .accordion .accordion-group .accordion-heading {
        page-break-after: avoid;
    }

    .site-logo {
        margin-left: 10px;
        margin-bottom: 10px;
    }

    /* just the thm-logo need to be printed smaller. The departement logos don't get too big, so it's unnecessary for them*/
    .site-logo[src$="thm.svg"] {
        max-width: 40%;
    }

    a[href]::after {
        content: "\A https://www.thm.de" attr(href) " ";
        color: #77858c;
        font-size: 80%;
        font-family: 'Open Sans', 'Arial', 'Helvetica', 'sans-serif';
        white-space: pre-wrap;
        word-break: break-word;
    }

    a[href^="mailto"]::after,
    a[href^="http"]::after,
    a[href^="www."]::after {
        content: "\A " attr(href) " " !important;
    }

    /* force non URL output of hyperlinks */
    header h1 a[href]:after,
    a.skiplink-anchor::after,
    a[href*=".vcf"]::after,
    a.anchor::after,
    a.accordion-toggle::after,
    a.nav-link::after,
    a[href^="#"]::after,
    a.pagenav::after,
    a[href*="-von-a-bis-z"]::after,
    a[href$=".jpg"]::after,
    .eb-taskbar a::after,
    .category .tag-body > p > a::after {
        content: "" !important;
    }

    .cols-3 .modulebox,
    .ym-col2 .modulebox {
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .cols-3 .module-box .pagenav,
    .ym-col2 .modulebox .pagenav {
        position: relative;
        bottom: 0;
        right: 0;
    }

    .ym-g33 {
        margin-left: 0;
    }

    /* colors for mbox not displayed */
    .mbox-green {
        background-color: #dfeec8;
        width: 40%;
    }

    .mbox-blue {
        background-color: #405e9a;
    }

    .mbox-yellow {
        background-color: #f9d47f;
    }

    .mbox-red {
        background-color: #b54e62;
    }

    .mbox-blue,
    .mbox-blue a,
    .mbox-blue a::after,
    .mbox-red,
    .mbox-red a,
    .mbox-red a::after {
        color: white;
    }

    .mbox-yellow input {
        color: #394a59;
    }

    .accordion .accordion-group .accordion-heading {
        background: #F2F4F5;
        border: 2px solid #F2F4F5;
        max-height: 30px;
    }

    .accordion-heading .accordion-toggle {
        padding: 4px 4px 2px 4px !important;
    }

    .collapse {
        height: auto !important;
        background-color: white;
    }

    .ym-contain-oh:not(.ym-g25) {
        margin-bottom: 2px !important;
        float: none;
        width: 100%;
    }

    .thmcontact .ym-g40 {
        float: none;
        margin: 0 0 0 145px !important;
        width: 100%;
    }

    .accordion-inner .thmcontact p {
        margin-bottom: 0.6em !important;
    }

    .tbox-red,
    .tbox-green {
        margin-bottom: 5px;
    }

    .item-page {
        font-size: 100%;
    }

    .ym-col3 {
        min-height: calc(100% - 150px) !important;
    }

    .accordion-inner .thmcontact,
    .accordion-group,
    .module-box p,
    .ym-col3 .ym-equalize > [class*=ym-g] > [class*=ym-gbox] {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .btn {
        background: transparent;
    }

    .anchor.rl_sliders-scroll,
    .nn_tabs .tab-content > .tab-pane {
        display: block;
    }

    .nn_tabs .tab-content > .tab-pane::before {
        background-color: #4a5d66;
        border: 2px solid #4a5d66;
        color: white;
        content: " " attr(aria-label) " \A";
        font-family: "THM-Medium";
        font-size: medium;
        margin-bottom: 10px;
        padding: 14px 10px 10px 10px;
        width: 95%;
    }

    /* Firefox trying to avoid empty pages especially in sliders */
    @-moz-document url-prefix() {
        .ym-column {
            display: block;
            table-layout: unset;
        }
    }
}