@import "fonts.css";

*, ::after, ::before { box-sizing: border-box; }
html, body { height: 100%; }
html { font-family: "zalando", sans-serif; font-size: 100%; font-weight: 400; line-height: 1.5; }
body { font-size: 1.1875rem; color: #353535; background-image: url(../bilder/bg10_1.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50%; }
img { width: 100%; min-width: 100%; height: auto; display: block; }
h1, h2, h3 { #font-family: "barlow-c", sans-serif; color: #0569a4; margin: 0; margin-bottom: .4em; text-transform: uppercase; font-weight: normal; }
h1 { font-size: 1.263em; }
h2 { font-size: 1.158em; }
h3 { font-size: 1.053em; }
h1 a,h2 a,h3 a { text-decoration: none; }
p,
ul { margin: .5em 0; }
ul { padding-left: 1.5em; }
a { color: inherit; }
a, a img, img { outline : none; }
.blau { color: #0569a4; }


.media--right figure { margin-left: .5em; }
.media--left figure { margin-right: .5em; }
.grid-item { min-width: 0; }


#wrapper { height: 100%; }
#container,
#header>.inside,
#footer>.inside { position: relative; width: 96%; max-width: 1440px; margin: 0 auto; }

#logo { font-size: 2em; font-weight: 200; font-stretch: 150%; }
#container { padding-top: 4em; }
#header,
#footer { position: fixed; width: 100%; top: 0; background: #f9f9f9; }
#footer { top: unset; bottom: 0; }
#footer nav ul { display: flex; justify-content: flex-start; list-style: none; }
#footer nav li { margin-right: 1em; }
#footer nav a { color: inherit; text-decoration: none; }
#footer nav .active { font-weight: 600; }