@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  src: url('./fonts/NotoSans-Regular_subset.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; 
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  src: url('./fonts/NotoSans-Italic_subset.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  src: url('./fonts/NotoSans-ExtraBold_subset.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: extra-condensed;
  src: url('./fonts/NotoSans_ExtraCondensed-Regular_subset.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: extra-condensed;
  src: url('./fonts/NotoSans_ExtraCondensed-ExtraBold_subset.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: extra-condensed;
  src: url('./fonts/NotoSans_ExtraCondensed-ExtraBoldItalic_subset.woff2') format('woff2');
}

a{color:#0077aa}
a:visited{color:#0077aa}

#logotype-container{
  width:100%;
  margin-top:0.5%;
  margin-bottom:0;
}

#avatar-container{
  width:9.7428%;
  display:flex;
  align-items:center;
}

#slogan-container{
  font-family: 'Noto Sans', sans-serif;
  font-style:normal;
  font-stretch:normal;
  font-weight: 800;
  color:#1a1a1a; 
  text-align:right; 
  display:flex; 
  align-items:center;
  @media (max-width:500px){
    font-size:0.8rem;
  }
  @media (max-width:390px){
    display:none;
  }
}

.icon-container{
  display:inline-block;
  width:1.25em;
  margin-right:0.5em;
}

body{
  max-width:120ch;
  margin:1em auto;
  padding:1rem;
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:400;
  font-stretch:normal;
  font-size:1.1rem;
  line-height:1.6;
  /*color:#454545;*/
  color:#1a1a1a;
}
	
h1{
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:800;
  font-stretch:normal;
  line-height:1.01;
}

h2{
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:800;
  font-stretch:extra-condensed;
  line-height:1.01;
  letter-spacing:-1px;
  font-size:3rem;
  margin-top:4em;
}

h3,h4{
  font-family:'Noto Sans', sans-serif;
  font-style:italic;
  font-weight:800;
  font-stretch:extra-condensed;
  line-height:1.01;
  font-size:2rem;
  margin-top:2.5em;
}

@media print{
  body{
    max-width:none
  }
}

.intro{
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:400;
  font-stretch:normal;
  font-size:1.5rem;
  line-height:1.4;
  margin-bottom:5em;
}

.intro h1{
  max-width:60ch;
  font-family:'Noto Sans', sans-serif;
  font-style:normal;
  font-weight:800;
  font-stretch:extra-condensed;
  line-height:0.95;
  letter-spacing:-1.5px;
  font-size:5rem;
  text-align:left;
  padding:0;
  margin-top:1.5em;
  color:#1a1a1a; /*9e9e9e*/
  @media (max-width:800px){
    font-size:3rem;
  }
  @media (max-width:350px){
    font-size:2rem;
  }
}

.intro p{
max-width:50ch;
margin-top:3.8em;
color:#1a1a1a
}

.section{
max-width:60ch;
margin-bottom:6rem;
}

.centering{
display:flex;
justify-content:center;
}

.capabox{
margin-top:2.5em;
margin-bottom:1em;
padding:1em;
border:solid 2px;
max-width:30ch;
}

.capabox #title{
font-weight:800;
text-align:center;
font-stretch:normal;
letter-spacing:0.6px;
font-size:1rem;
margin-bottom:2em;
}

.capabox #content{
line-height:1.3;
text-wrap:wrap;
}


/*#### LEGAL NOTICE, PUBLICATIONS ####*/

.legal, .publications{
  max-width:70ch;
  font-stretch:normal;
}

.legal h1, .publications h1{
  font-weight:800;
  font-size:4rem;
  font-stretch:extra-condensed;
  letter-spacing:-1px;
}

.legal h2, .publications h2{
  font-weight:800;
  font-size:2rem;
  font-stretch:extra-condensed;
}

.publications ul{
  list-style-type:square;
  margin-top:5em;
}

.publications li{
  line-height:1.4;
  margin-top:1.5em;
}

/*#### NAVBAR ####*/

.navbar{
  display:flex;
  border-bottom:0.05em solid;
  margin-bottom:2em;
}

.navbar a{
  color:#1a1a1a;
  text-align:center;
  text-decoration:none
}

.navbar .right{
  margin-left: auto;
}



/*#### LEGALBAR ####*/

.legalbar{
  display:flex;
  font-size:0.8rem;
  border-top:1px solid;
  margin-top:4em;
  padding-top:0.5em;
}

.legalbar a{
  color:#1a1a1a;
  text-align:center;
}

.legalbar .right{
  margin-left: auto;
}