html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
@font-face {
 font-family:'dinregular';
 src:url("fonts/din-regular-webfont.woff2") format("woff2"),
 url("fonts/din-regular-webfont.woff") format("woff");
 font-weight:normal;
 font-style:normal
}
#lang {
 text-align:center;
 margin-bottom:1em;
 margin-top:1em
}
li {
 height:5vh;
 width:5vw;
 background-color:#484848;
 display:inline-flex
}
.active {
 background-color:#333
}
li:hover {
 background-color:#333
}
.cards-geo {
 display:grid;
 grid-template-columns:repeat(auto-fill, minmax(310px, 1fr));
 grid-gap:30px;
 max-width:960px;
 margin:0 auto 30px;
 color:white
}
@media screen and (max-width: 450px) {
 .cards-geo {
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr))
 }
}
.columns-geo {
 background-color:#484848;
 padding:2em;
 line-height:20px;
 font-size:12px
}
.h1-geo {
 text-align:center;
 font-size:35px;
 font-weight:bold;
 margin-bottom:1em
}
.article-img-geo {
 width:100%;
 object-fit:fill;
 height:400px
}
@media screen and (max-width: 945px) {
 .article-img-geo {
  width:400px;
  object-fit:fill;
  height:400px
 }
}
@media screen and (max-width: 485px) {
 .article-img-geo {
  width:100%;
  object-fit:fill;
  height:100%
 }
}
.article-img-bio {
 width:50%;
 float:right;
 margin-top:2em
}
.italic {
 font-style:italic
}
.cards {
 display:grid;
 grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
 max-width:960px;
 margin:0 auto 30px;
 color:white
   
}
.leading {
 height:240px;
 margin-bottom:30px;
 padding:30px;
 color:white;
 background-color:#484848;
 background-size:cover;
 color:white;
 text-shadow:0px 0px 5px #000
}
.leading-bigtext {
 margin-right:60px;
 font-weight:bold;
 font-size:24vw
}
@media (min-width: 700px) {
 .leading-bigtext {
  font-size:140px
 }
}
.leading-text {
 max-width:900px;
 font-size:1.2em;
 line-height:1.4em
}
article {
 position:relative
}
.article-img {
 height:250px;
 width:250px;
 object-fit:cover
}
.article-title {
 position:absolute;
 bottom:0;
 width:100%;
 padding:5px;
 color:white;
 font-size:30px
}
.article-geo {
 height:250px;
 width:250px;
 object-fit:cover;
 background-color:#484848;
 text-align:center;
 display:inline-flex
}
.geo-title {
 font-size:30px;
 color:white;
 width:50%;
 margin:auto;
 vertical-align:middle
}
.geo-title:hover {
 color:black
}
.a-gallerie {
 padding:2em
}
body {
 font-family:'dinregular'
}
a {
 text-decoration:none;
 color:inherit
}
.a-lang {
 margin:auto;
 color:#fff
}
p {
 margin-top:1em
}
.weight {
 font-weight:bold
}
iframe {
 width:100%
}
form {
 float:right
}