@import url("reset.css");
@charset "UTF-8";
/* CSS Document */


/* barlow-300 - latin-ext_latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/barlow-v5-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/barlow-v5-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/barlow-v5-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/barlow-v5-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/barlow-v5-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/barlow-v5-latin-ext_latin-300.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-500 - latin-ext_latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/barlow-v5-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/barlow-v5-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/barlow-v5-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/barlow-v5-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/barlow-v5-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/barlow-v5-latin-ext_latin-500.svg#Barlow') format('svg'); /* Legacy iOS */
}


body {
	font-family: "Barlow", sans-serif;
	color: #222;
	padding: 10%;
	line-height: 1.8em;
	font-size: 19px;
	letter-spacing: 0.01em;
	font-weight: 300;
    letter-spacing: .01em;
    font-variant-numeric: oldstyle-nums;
    -moz-font-feature-settings: "onum";
    -webkit-font-feature-settings: "onum";
    font-feature-settings: "onum";
}


.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media (min-width: 768px) {
    .flex {
        flex-wrap: nowrap;
    }
}

.logo {
    width: 250px;
    min-width: 250px;
    margin-right: 40px;
}

p {margin: 0;}
h2 {margin-top: 35px; font-weight: 500; color: #222;}
@media (min-width: 768px) {
    h2 {margin-top: 83px;}
}
.versalien {text-transform: uppercase; letter-spacing: .04em;}

.nowrap, a.phone {white-space: nowrap;}

span.weiter {letter-spacing: 0.15em;}
p.weiter {margin: 55px 0;}
a {color: #555f64; text-decoration: none;}
a:hover {text-decoration: underline;}
img {width: 100%; height: auto;}