:root {
    --bbfpub-brown: brown;
    /* Font/text values */
    --jhb-font-family-inter: Inter;
    --jhb-font-style-normal: normal;
    --jhb-font-weight-bold: bold;
    --jhb-font-weight-normal: normal;

    --jhb-font-size-12: 0.75em;
    --jhb-font-size-small: 0.75em;

    --jhb-font-size-14:0.875rem;

    --jhb-font-size-16: 1rem;
    --jhb-font-size-normal:1rem;

    --jhb-font-size-medium:1.125rem;
    --jhb-font-size-20: 1.25rem;
    --jhb-font-size-larger: 1.25em;

    --jhb-font-size-22: 1.375rem;
    --jhb-font-size-large: 1.375em;

    --jhb-font-size-largest:1.75rem;
    --jhb-character-spacing-0: 0;
    --jhb-line-spacing-18: 1.125rem;
    --jhb-line-spacing-22: 1.375rem;
    --jhb-line-spacing-30: 1.875rem;

    --jhb-section-spacing:3rem;

    --jhb-spacing-small:0.25rem;
    --jhb-spacing-smaller:0.5rem;
    --jhb-spacing:1rem;
    --jhb-spacing-bigger:1.5rem;
    --jhb-spacing-big:2rem;
}

.content{
    font-family: var(--jhb-font-family-inter);
}
a, a:link, a:visited{
    font-size:var(--jhb-font-size-normal);
    word-wrap:break-word;
}
.author-name .tei-name{
    font: var(--jhb-font-size-16);
    font-style:italic;
}

.div-abstract i {
    font-size: var(--jhb-font-size-16);
    font-style: normal;
    font-family: 'Inter';
    text-transform: uppercase;
    font-weight: bold;
    margin-top: var(--jhb-section-spacing);
    display: inline-block;
}
.doclink{
    text-decoration:none;
    margin-bottom:1rem;
    color: black;
}

.doi{
    font-size:0.75rem;
}
.doi::before{
    content:'DOI: ';
}
.figure-heading .number{
    font-weight: var(--jhb-font-weight-bold);
    font-size:var(--jhb-font-size-small);
}
.figure-heading .content{
    font-size:var(--jhb-font-size-small);
}

h1 {
    font-size: 1.75rem;
}
h2 {
    font-size: 1.375rem;
}
h3 {
    font-size: 1.25rem;
}
h4 {
    font-size: 1.125rem;
}
hr{
    margin:2rem 0;
}
img{
    max-height:37.5rem;
    width:auto;
    height:auto;
}
.cc-logo{
    /* margin-left:3rem; */
    vertical-align:text-top;
    width:4rem;
}
.orcid{
    width:1rem;
    height:1rem;
    background:var(--jhb-green);
    display:inline-block;
    font-size:0.6875rem;
    vertical-align:super;
    border-radius:50%;
    text-align:center;
    color:white;
    margin:0.2rem;
}
p{
    margin-top:0.5em;
    font-size:var(--jhb-font-size-normal);
    font-weight:var(--jhb-font-weight-normal);
}
.page-break-margin{
    font-size:0.75rem;
    color:var(--jhb-red-main-color);
    position:absolute;
    left:-4rem;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
span{
    display:inline;
}
span.tei-p2.page-number{
    font-size:0.75rem;
    color:var(--jhb-color-62b6cb);
}
.page-link, .page-link:visited {
    color: #b10e0e;
    font-size: smaller;
    text-decoration: none;
}
.tei-back{
    margin-top:var(--jhb-section-spacing);
}
.tei-bibl{
    font-size:var(--jhb-font-size-normal);
}
.tei-bibl .tei-title{
    text-indent:0;
}
.tei-biblScope,
.tei-date4,
.tei-editor2,
.tei-emph,
.tei-q
{
    text-indent:0;
}
.tei-item{
    font-size:var(--jhb-font-size-normal);
    margin-bottom:1rem;
}

dl {
    font-size:var(--jhb-font-size-normal);
    font-weight:var(--jhb-font-weight-normal);
}
.tei-quote{
    font-size:var(--jhb-font-size-16);
}
#view{
    margin:0;
}

/*Footnotes*/
@media screen {

.footnotes h1 {
    font-size: x-large;
    font-weight: bold;
    font-family: var(--jhb-font-family-inter);
}

.footnote .fn-content, .footnote .fn-number {
    font-size:var(--jhb-font-size-normal) !important;
}

a[rel="footnote"], a[rel="footnote"]:link, a[rel="footnote"]:visited{
    font-size:var(--jhb-font-size-small);
}
.fn-number {
    font-weight: bold;
}
.fn-number a {
    text-decoration: none;
    font-weight: normal;
}
}
/* Video */

video {
   border: 1px solid #aaa;
   object-fit: initial;
}

.video-iframe {
    height: auto;
    width: 100%;
    aspect-ratio: 16 / 9;
}

::cue {
   font-size: 12px;
}

tbody tr:nth-child(even) {
  background-color: #e4d7d7;
  color: #000;
}

.tei-cell {
  vertical-align: top;

}

@media print {

    section {
        columns: 2;
    }

    /* margin boxes explained: https://pagedjs.org/documentation/7-generated-content-in-margin-boxes/ */
    @page:left {
        margin-left: 1cm;
        margin-right: 1cm;

        @top-left {
            content: string(runningHead, first);
            font-family: var(--pb-heading-font-family);
        }

        @top-right {
            content: element(mainTitle);
        }

        @bottom-left-corner {
            content: counter(page);
            font-family: var(--pb-heading-font-family);
            color: red;
        }

        @bottom-right {
            content: "PublikationenBildungsgeschichte";
            color: var(--bbfpub-brown);
        }
    }

    @page:right {
        margin-left: 1cm;
        margin-right: 1cm;

        @top-right {
            content: string(runningHead, first);
            font-family: var(--pb-heading-font-family);
        }

        @bottom-right-corner {
            content: counter(page);
            font-family: var(--pb-heading-font-family);
        }

        @bottom-left {
            font-size: 0.5rem;
            content: "DOI: " string(doiText);
        }
    }

    h1 {
        string-set: runningHead content(text);
        /* break-before: page; */
        font-size: var(--jhb-font-size-largest);
    }

    h2 {
        font-size: var(--jhb-font-size-larger);
    }

    h3 {
        font-size: var(--jhb-font-size-large);
    }

    .tei-title3 {
        position: running(mainTitle);
    }

    .doi {
        string-set: doiText content(text);
    }

    /* remove original page numbering */
    .tei-pb3 {
        display: none;
    }
}