/* ----- Basis-Layout / kleiner Bildschirm ----- */

body { color: #58585a; background: #FFF; font-family: Open Sans, serif; margin: 0; padding: 3em 2em; }

p { margin: 0 1px 5px 1px; color: #58585a; text-align: center; line-height: 1.3; font-size: 17px}
h1, h2 { font-family: Open Sans, sans-serif; font-weight: 700; text-align: center; color: #58585a }
h1 { font-size: 26px; }
h2 { font-size: 22px; }

.logo{
	 display: flex;
justify-content: center; 
    align-items: center;
	margin-bottom: 0.5em;
}
.logo a{
	display:block;
	height:100%;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-latin-v34-normal-400.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-latin-v34-normal-300.woff2') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}