/* m-plus-rounded-1c-regular - latin */
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/m-plus-rounded-1c-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/m-plus-rounded-1c-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/m-plus-rounded-1c-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/m-plus-rounded-1c-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/m-plus-rounded-1c-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/m-plus-rounded-1c-v15-latin-regular.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}
/* m-plus-rounded-1c-700 - latin */
@font-face {
  font-family: 'M PLUS Rounded 1c';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/m-plus-rounded-1c-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/m-plus-rounded-1c-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/m-plus-rounded-1c-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/m-plus-rounded-1c-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/m-plus-rounded-1c-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/m-plus-rounded-1c-v15-latin-700.svg#MPLUSRounded1c') format('svg'); /* Legacy iOS */
}

* {
margin: 0px;
padding: 0px;
}

body {
font-family: 'M PLUS Rounded 1c';
font-weight: 400;
font-size: 15px;
line-height: 22px;
color: #575756;
letter-spacing: 0.02em;
}

a, a:visited {
color: #575756;
text-decoration: none;
font-weight: 700;
}

a:hover {
color: #8E8E8E;
}

strong {
font-weight: 700;
}

p {
margin-bottom: 12px;
}

h1 {
margin-bottom: 20px;
color: #777;
}

div#wrapper {
margin: 0px auto;
}

.header {
background-color: #f3f3f3;
height: 270px;
}

.logo {
padding-top: 45px;
text-align: center;
}

.logo img {
height: auto;
width: 550px;
}

.images {
max-height: 300px;
overflow: hidden;
}

.images img {
width: 100%;
}

.text {
padding: 50px 20px 50px 20px;
text-align: center;
}

.unterseite .text {
max-width: 1000px;
margin: 0 auto;
text-align: left;
}

.text .ueber {
max-width: 700px;
margin: 0px auto;
padding-top: 10px;
}

.text .ueber strong {
font-size: 25px;
}

.firma {
background-color: #f3f3f3;
overflow: hidden;
padding: 10px;
max-width: 1000px;
margin: 30px auto;
text-align: left;
}

.firma .logo-list {
float: left;
margin-right: 25px;
background: #FFF;
}

.firma .logo-list img {
height: 200px;
}

.firma p.title {
margin-top: 25px;
}

.firma p.title strong {
font-size: 1.2rem;
}


.kontakt {
height: auto;
background-color: #777;
padding: 25px 20px 35px 20px;
text-align: center;
color: #FFF;
}

.kontakt a {
color: #FFF;
}

.color-alert {
color: red;
}

@media screen and (min-width: 701px) {
.mobile {
display: none;
}
}