/* copied & adapted from:
 * https://gwfh.mranftl.com/fonts/ubuntu?subsets=latin */
@font-face {
  font-display: swap;
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;

  src:

    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+: */
    url('fonts/ubuntu-latin-regular.woff2') format('woff2'),

    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+: */
    url('fonts/ubuntu-latin-regular.woff') format('woff'),

    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+,
    * Android Browser 2.2+: */
    url('fonts/ubuntu-latin-regular.ttf') format('truetype'),

    /* Legacy iOS: */
    url('fonts/ubuntu-latin-regular.svg#Ubuntu') format('svg');
}


html {
  height: 100%;
}

body {
  font-family: Ubuntu, Arial, sans-serif;
  font-display: fallback;
  line-height: 1.8rem;
  letter-spacing: .02em;

  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

a[
  href*="://"
]:not(
  [href*="hpi.de"]
):not(
  [href*="hpi.uni-potsdam.de"]
) {
  background-image: url(/static/external-link-icon.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-right: 1em;
}

body header nav a {
  text-transform: none;
}

/* apply the font size m.css applies to ``article h1`` to all ``h1``
 * (e.g., for lists of posts ``/posts`` or post headings themselves): */
h1, article > header h1 {
  font-size: 1.75rem;
}
/* except when nested (e.g., on landing page) */
article article > header h1 {
  font-size: inherit;
}

.m-block.m-default h3 {
  color: var(--article-heading-color);
}

:root {
  --nav-brand-case: none;
  --nav-heading-case: none;
  --paragraph-indent: 0;
  --light-color: #ddd;
  --nav-menu-case: lowercase;
  --cover-image-background-color: #fff;
}

#m-navbar-brand
 {
  display: flex;
  align-items: center;
  line-height: normal;
}

#m-navbar-brand img {
  height: 5rem;
  margin: 1rem;
}


#m-navbar-collapse {
  width: 100%;
}

#m-navbar-collapse ol:last-of-type {
  float: right !important;
}

table {
  border-collapse: collapse;
}

td {
  border: 1px solid var(--light-color);
}

td {
  padding: .5em;
}

input {
  height: 2rem;
  color: var(--color);
  background-color: var(--background-color);
  border: 1px solid var(--line-color);
  font: var(--font);
}

img.m-image,
svg.m-image,
div.m-image
div.m-image svg,
img {
  border-radius: 0;
}

figure.m-figure figcaption,
.m-code-figure figcaption,
.m-console-figure figcaption {
  font-size: inherit;
}

li > p {
  margin-block-end: 0;
}

.no-borders,
.no-borders th,
.no-borders td,
.no-borders tr {
  border: none;
}

.full-width {
  width: 100%;
}

body > footer > nav {
  padding: 0;
  font-size: .8em;
}

.no-margin {
  margin: 0;
}

video {
  width: 100%;
}
video source {
  width: 100%;
  height: auto;
}

.vimeo {
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: 1rem;
}
.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

dd { margin: 0px;}

main nav ul li { font-weight: bold }
main nav ul > li li { display: inline; font-weight: normal; }
main nav ul > li li:not(:first-child):before { content: "| " }

.nowrap-col1 tr td:nth-child(1) { white-space: nowrap; }
.nowrap-col2 tr td:nth-child(2) { white-space: nowrap; }
.nowrap-col3 tr td:nth-child(3) { white-space: nowrap; }
.nowrap-col4 tr td:nth-child(4) { white-space: nowrap; }

img {
  max-width: 100%;
  height: auto;
}

.bib-comment {
  color: var(--dim-color);
  font-size: small;
  line-height: 1.5rem;
}
.bib-links {
  white-space: nowrap;
}
.bib-links a.bibtex-link {
  background-image: url(/static/cite-bibtex-icon.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-right: .75em;
  text-decoration: none;
}
.bib-links a.bibtex-link:after {
  content: " ";
  white-space: pre;
}
.bib-links a.doi-link {
  white-space: pre;
  text-decoration: none;
}
.bib-links a.doi-link::before {
  content: " ";
  background-image: url(/static/doi-logo.svg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-right: 0.75em;
}
.bib-doi a:link {
  color: var(--color);
  text-decoration: none;
}
.bib-fold {
  display: none;
}
.bib-fold:target {
  display: block;
}
.bib-close {
  display: block;
  position: absolute;
  right: .2em;
  padding: .2em;
  margin-top: -.2em;
  margin-right: .5em;
  color: inherit;
  text-decoration: none;
  font-size: 3em;
  font-weight: bold;
  background-color: var(--background-color);
}

.bibliography[class$="osm.bib"] ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 1em;
}
.bibliography[class$="osm.bib"] li:not(:last-child) {
  margin-bottom: .8em;
}
.bibliography[class$="osm.bib"] .bib-title,
.bibliography[class$="osm.bib"] .bib-book .bib-btitle,
.bibliography[class$="osm.bib"] .bib-phdthesis .bib-btitle {
  display: block;
  font-weight: bold;
  text-decoration: none;
}
.bibliography[class$="osm.bib"] .bib-links {
  display: block;
}
.bibliography[class$="osm.bib"] .bib-url {
  white-space: pre;
}

.right {
  float: right;
  margin-left: 1em;
}
.left {
  float: left;
  margin-right: 1em;
}

@page {
  margin-top: 8%;
  margin-left: 4%;
  margin-right: 2%;
  margin-bottom: 6%;
  width: 90%;
  height: 80%;
}

@media print {

  body {
    zoom: .9;
  }

  #m-navbar-show,
  #m-navbar-hide,
  #m-navbar-collapse {
    display: none;
  }

  #m-navbar-brand {
    zoom: 1.5;
  }

  #m-navbar-brand img {
    zoom: 2;
    margin-top: .2rem;
    margin-bottom: .2rem;
  }

  footer a,
  footer nav .m-clearfix-t,
  footer nav .m-clearfix-s,
  footer nav .m-clearfix-m,
  footer nav .m-clearfix-l {
    display: none;
  }

  /* definitions to make the theme grid system work on paper
   * (very similar to definitions of layout s+m+l together)
   */

  .m-container {
    width: 100%;
  }

  .m-container-inflatable .m-col-s-10
    .m-container-inflate:not([class*='m-left-']):not([class*='m-right-']),
  .m-container-inflatable .m-col-m-10
    .m-container-inflate:not([class*='m-left-']):not([class*='m-right-']),
  .m-container-inflatable .m-col-l-10
    .m-container-inflate:not([class*='m-left-']):not([class*='m-right-']) {
    margin-left: -10%;
    margin-right: -10%;
  }

  .m-container-inflatable .m-col-s-10 .m-container-inflate.m-left-s,
  .m-container-inflatable .m-col-m-10 .m-container-inflate.m-left-m,
  .m-container-inflatable .m-col-l-10 .m-container-inflate.m-left-l {
    margin-left: -10%;
  }

  .m-container-inflatable .m-col-s-10 .m-container-inflate.m-right-s,
  .m-container-inflatable .m-col-m-10 .m-container-inflate.m-right-m,
  .m-container-inflatable .m-col-l-10 .m-container-inflate.m-right-l {
    margin-right: -10%;
  }

  [class*='m-col-s-'],
  [class*='m-col-m-'],
  [class*='m-col-l-'] {
    float: left;
  }

  .m-left-s, .m-left-m, .m-left-l {
    padding-right: 1rem;
    float: left;
  }

  .m-right-s, [class*='m-col-s-'].m-right-s,
  .m-right-m, [class*='m-col-m-'].m-right-m,
  .m-right-l, [class*='m-col-l-'].m-right-l {
    padding-left: 1rem;
    float: right;
  }

  .m-center-s, [class*='m-col-s-'].m-center-s,
  .m-center-m, [class*='m-col-m-'].m-center-m,
  .m-center-l, [class*='m-col-l-'].m-center-l {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }

  .m-col-s-1,  .m-col-m-1,  .m-col-l-1  { width: calc(1  * 100% / 12); }
  .m-col-s-2,  .m-col-m-2,  .m-col-l-2  { width: calc(2  * 100% / 12); }
  .m-col-s-3,  .m-col-m-3,  .m-col-l-3  { width: calc(3  * 100% / 12); }
  .m-col-s-4,  .m-col-m-4,  .m-col-l-4  { width: calc(4  * 100% / 12); }
  .m-col-s-5,  .m-col-m-5,  .m-col-l-5  { width: calc(5  * 100% / 12); }
  .m-col-s-6,  .m-col-m-6,  .m-col-l-6  { width: calc(6  * 100% / 12); }
  .m-col-s-7,  .m-col-m-7,  .m-col-l-7  { width: calc(7  * 100% / 12); }
  .m-col-s-8,  .m-col-m-8,  .m-col-l-8  { width: calc(8  * 100% / 12); }
  .m-col-s-9,  .m-col-m-9,  .m-col-l-9  { width: calc(9  * 100% / 12); }
  .m-col-s-10, .m-col-m-10, .m-col-l-10 { width: calc(10 * 100% / 12); }
  .m-col-s-11, .m-col-m-11, .m-col-l-11 { width: calc(11 * 100% / 12); }
  .m-col-s-12, .m-col-m-12, .m-col-l-12 { width: calc(12 * 100% / 12); }

  .m-push-s-1,  .m-push-m-1,  .m-push-l-1  { left: calc(1  * 100% / 12); }
  .m-push-s-2,  .m-push-m-2,  .m-push-l-2  { left: calc(2  * 100% / 12); }
  .m-push-s-3,  .m-push-m-3,  .m-push-l-3  { left: calc(3  * 100% / 12); }
  .m-push-s-4,  .m-push-m-4,  .m-push-l-4  { left: calc(4  * 100% / 12); }
  .m-push-s-5,  .m-push-m-5,  .m-push-l-5  { left: calc(5  * 100% / 12); }
  .m-push-s-6,  .m-push-m-6,  .m-push-l-6  { left: calc(6  * 100% / 12); }
  .m-push-s-7,  .m-push-m-7,  .m-push-l-7  { left: calc(7  * 100% / 12); }
  .m-push-s-8,  .m-push-m-8,  .m-push-l-8  { left: calc(8  * 100% / 12); }
  .m-push-s-9,  .m-push-m-9,  .m-push-l-9  { left: calc(9  * 100% / 12); }
  .m-push-s-10, .m-push-m-10, .m-push-l-10 { left: calc(10 * 100% / 12); }
  .m-push-s-11, .m-push-m-11, .m-push-l-11 { left: calc(11 * 100% / 12); }
  .m-push-s-12, .m-push-m-12, .m-push-l-12 { left: calc(12 * 100% / 12); }

  .m-pull-s-1,  .m-pull-m-1,  .m-pull-l-1  { right: calc(1  * 100% / 12); }
  .m-pull-s-2,  .m-pull-m-2,  .m-pull-l-2  { right: calc(2  * 100% / 12); }
  .m-pull-s-3,  .m-pull-m-3,  .m-pull-l-3  { right: calc(3  * 100% / 12); }
  .m-pull-s-4,  .m-pull-m-4,  .m-pull-l-4  { right: calc(4  * 100% / 12); }
  .m-pull-s-5,  .m-pull-m-5,  .m-pull-l-5  { right: calc(5  * 100% / 12); }
  .m-pull-s-6,  .m-pull-m-6,  .m-pull-l-6  { right: calc(6  * 100% / 12); }
  .m-pull-s-7,  .m-pull-m-7,  .m-pull-l-7  { right: calc(7  * 100% / 12); }
  .m-pull-s-8,  .m-pull-m-8,  .m-pull-l-8  { right: calc(8  * 100% / 12); }
  .m-pull-s-9,  .m-pull-m-9,  .m-pull-l-9  { right: calc(9  * 100% / 12); }
  .m-pull-s-10, .m-pull-m-10, .m-pull-l-10 { right: calc(10 * 100% / 12); }
  .m-pull-s-11, .m-pull-m-11, .m-pull-l-11 { right: calc(11 * 100% / 12); }
  .m-pull-s-12, .m-pull-m-12, .m-pull-l-12 { right: calc(12 * 100% / 12); }

  .m-clearfix-s::after,
  .m-clearfix-m::after,
  .m-clearfix-l::after {
    display: none;
  }

  .m-hide-s, .m-hide-m, .m-hide-l { display: none; }
  .m-show-s, .m-show-m, .m-show-l { display: block; }

  .m-col-s-none, .m-col-m-none, .m-col-l-none {
    width: auto;
    float: none;
  }
}