/* Due to a safari issue, relative paths to background images won't work as variables, so we list them here */
@media print {

    body {
       --pb-splash-image-size: 360px auto;
        --pb-splash-background-color: var(--pb-color-inverse);
        --pb-logo-image-width: 369px;
        --pb-logo-image-height: 113px;
        --pb-base-font-family: 'Roboto', 'Noto', sans-serif;
        --pb-base-font-size: 16px;
        --pb-base-line-height: 1.42857143;
        --pb-base-font-weight: 300;
        --pb-base-font: var(--pb-base-font-weight) var(--pb-base-font-size)/var(--pb-base-line-height) var(--pb-base-font-family);
        --pb-serif-font-family: "Stempel Garamond LT Pro", Georgia, "Times New Roman", serif;
        --pb-content-font-family: var(--pb-serif-font-family);
        --pb-content-font-size: 20px;
        --pb-heading-font-family: "Oswald", Verdana, "Helvetica", sans-serif;
        --pb-heading-font-weight: 400 !important;
        --pb-heading-line-height: 1.2;
        --pb-breadcrumbs-font-size: 18px;
        --pb-color-primary: #303030;
        --pb-color-inverse: #F0F0F0;
        --pb-color-lighter: #35424b;
        --pb-color-focus: #f6a623;
        --pb-drawer-background-color: var(--pb-color-inverse);
        --pb-menubar-background-color: rgba(4, 130, 99, 1);
        --pb-paper-card-header-_-background-color: var(--pb-gradient1);
        --pb-menubar-color: var(--pb-color-lighter);
        --pb-toolbar-background-color: #d1dae0;
        --pb-toolbar-color: var(--pb-color-primary);
        --paper-tooltip-delay-in: 200;
        --pb-footnote-font-size: 13px;
        --pb-footnote-font-family: var(--pb-content-font-family);
        --pb-footnote-font-weight: bold;
        --pb-footnote-color: rgb(0, 151, 114);
        --pb-footnote-padding: 0 0 0 .25em;
        --pb-popover-theme: "light-border";
        --pb-popover-max-width: 480px;
        --pb-popover-font-size: 16px;
        --pb-popover-line-height: 1.2;
        --pb-popover-placement: "bottom";
        --pb-popover-fallback-placement: "top right left";
        --pb-lang-input-color: var(--pb-color-lighter);
        --pb-lang-label-color: var(--pb-color-lighter);
        --pb-link-color: black;
        --pb-link-font-family: var(--pb-serif-font-family);
        --pb-highlight-color: #F9E976;
        --paper-input-container-focus-color: var(--pb-color-focus);
        --pb-view-max-width: 920px;
        font: var(--pb-base-font);
    	line-height: 1.3;
     	text-align: justify;
     	border: none;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; 
        text-color: black !important;
        list-style-type: none !important;
    }
    pb-view {
        font-family: var(--pb-content-font-family);
        font-size: var(--pb-content-font-size);
        margin: 0 2em;
        position: relative;
    }
    
    pb-page {
        margin: 4vw;
    }
      app-header {
        display:none;
    }
    aside {
        display:none !important;
    }

    .headercss {
        position: fixed;
        top: 0;
        font-family: Arial, sans-serif;
        font-size: 16 pt;
        color: black;
    }

    .btn {
        display:none !important;
    }
    
    .breadcrumbs {
        text-align: left !important;
        margin: 4vw;
    }
    
    div .info {
        display: block !important;
    }
    main {
        border: none !important;
    }
    
    a, a:visited {
        text-decoration:none !important;;
        color:black !important;
        padding: 0;
    }
    
    h3 sup {
        display:none;
    }
    
    hr {
        display:none !important;
        content: "Anmerkungen:";
        font-style: bold;
    }
    
    button {
        display: none !important;
    }
    
    .tei-seg2 {
        text-decoration: none !important;
        color: black;
        border: none;
    }
    
    a .note.tei-note {
        color: black;
        padding: none;
        border:0;
    }
    
    h3 {
        text-color: #FFFFFF !important;
    }
    
    ul .tei-list2 {
        list-style-type: none !important;
    }
    
    a[rel="footnote"]{
        padding:0;
        color: black;
        text-color: black;
    }
    
    span.tei-item1 li {
        color: black;
    }
}

