/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oswald-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oswald Light'), local('Oswald-Light'),
       url('../fonts/oswald-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-300.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oswald Bold'), local('Oswald-Bold'),
       url('../fonts/oswald-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v16-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family         : 'Oswald', sans-serif;
    font-weight         : 400;
    text-transform      : uppercase;
    color         : #374355;
    font-size         : 24px;
    font-size           : 1.5rem;
    padding-top: 20px;
}
body div,
body span,
body p,
body strong,
body a,
body button,
body li,
body label,
body input,
body textarea  {
    font-family         : 'Roboto', sans-serif;
    font-weight         : 300;
    font-size         : 15.2px;
    font-size         : 0.95rem;
    line-height         : 23.56px;
    line-height         : 1.4725rem;
    color         : rgb(102, 102, 102);
}
p strong {
    padding-top:10px;
    font-weight: 400;
}
*:focus {
    outline: none;
}
/*@import '__vars.css';*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, 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;
}
* {
    box-sizing: border-box;
}
a {
	display 			: inline-block;
	text-decoration 	: none;
	color 				: #374355;
}
html, body {
	padding 	: 0;
	margin 		: 0;
	background 	: #fff;
	height 		: 100%;
	width 		: 100%;
}
p {
	margin 	: 20px 0;

}
p:first-child,
	p.notopmargin {
    margin-top 	: 0;
}
p:last-child,
	p.nobottommargin {
    margin-bottom 	: 0;
}
li {
	list-style: none;
}
textarea {
	height 		: 120px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:  #3D4D65;
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #3D4D65;
}
:-ms-input-placeholder { /* IE 10+ */
  color:  #3D4D65;
}
:-moz-placeholder { /* Firefox 18- */
  color:  #3D4D65;
}
iframe#contact {
	pointer-events: none;
	width:100%; height: 300px; border:0
}
main {
	min-height 		: 100%;
}
main section {
    padding 			: 40px 20px;
    text-align 			: center;
    border-bottom         : 1px solid #EBEFF3;
}
main section.teaser,
		main section.service,
		main section.imprint,
		main section.service-liste-text,
		main section.service-liste {
    max-width         : 1024px;
    margin-left         : auto;
    margin-right         : auto;
}
main section.teaser:before,
		main section.service:before,
		main section.imprint:before,
		main section.service-liste-text:before,
		main section.service-liste:before{
    content         : '';
    display         : table;
}
main section.teaser:after,
		main section.service:after,
		main section.imprint:after,
		main section.service-liste-text:after,
		main section.service-liste:after{
    content         : '';
    display         : table;
    clear         : both;
}
main section.imprint {
    text-align 	: left;
}
main .service-liste ul {
    padding 		: 20px 0 0 0;
}
main .service-liste ul:before{
    content         : '';
    display         : table;
}
main .service-liste ul:after{
    content         : '';
    display         : table;
    clear         : both;
}
main .service-liste ul li {
    width 		: 100%;
    padding 	: 10px 10px 10px 50px;
    text-align 	: left;
}
main .service-liste ul li:before{
    content         : '';
    display         : table;
}
main .service-liste ul li:after{
    content         : '';
    display         : table;
    clear         : both;
}
@media     		(min-width: 48em) {
    main .service-liste ul li{
        width         : 50%;
        float         : left;
    }
}
main .service-liste ul li span {
    display 		: inline-block;
    float 			: left;
}
main .service-liste ul li span:first-child img {
    width 	: 18px;
}
main .service-liste ul li span:last-child {
    padding-left : 15px;
}
@media     		(min-width: 48em) {
    main .service-liste{
        max-width         : 1024px !important;
        margin-left         : auto !important;
        margin-right         : auto !important;
    }
    main .service-liste:before{
        content         : '' !important;
        display         : table !important;
    }
    main .service-liste:after{
        content         : '' !important;
        display         : table !important;
        clear         : both !important;
    }
}
header {
	position 		: fixed;
	padding 		: 10px 20px !important;
	left 			: 0;
	right 			: 0;
	height 			: 60px;
}
header nav.mobile div:first-child a, header nav.mobile div:last-child a {
    text-indent 		: -9999999px;
    display 			: inline-block;
    width 				: 32px;
    height 				: 32px;
    background-size 	: contain;
    opacity 			: 0.5;
    transition 			: all 200ms;
}
header nav.mobile div:first-child a:hover, header nav.mobile div:last-child a:hover {
    opacity 		: 1;
}
header nav.mobile div:first-child {
    width         : calc(99.9% * 2/12 - (30px - 30px * 2/12));
    text-align 		: left;
}
header nav.mobile div:first-child:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.mobile div:first-child:last-child{
    margin-right         : 0;
}
header nav.mobile div:first-child:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.mobile div:first-child:nth-child(12n + 1){
    clear         : both;
}
header nav.mobile div:first-child a {
    background-image	: url(../images/icons/menu-white.svg);
}
header nav.mobile div:nth-child(2) {
    width         : calc(99.9% * 8/12 - (30px - 30px * 8/12));
    text-align 	: center;
}
header nav.mobile div:nth-child(2):nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.mobile div:nth-child(2):last-child{
    margin-right         : 0;
}
header nav.mobile div:nth-child(2):nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.mobile div:nth-child(2):nth-child(12n + 1){
    clear         : both;
}
header nav.mobile div:nth-child(2) a {
    opacity 	: 0;
    transition 	: all 200ms;
}
header nav.mobile div:nth-child(2) a img {
    height 	: 32px;
}
header nav.mobile div:last-child {
    width         : calc(99.9% * 2/12 - (30px - 30px * 2/12));
    text-align 		: right;
}
header nav.mobile div:last-child:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.mobile div:last-child:last-child{
    margin-right         : 0;
}
header nav.mobile div:last-child:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.mobile div:last-child:nth-child(12n + 1){
    clear         : both;
}
header nav.mobile div:last-child a {
    text-indent 	: 9999999px;
    background-image	: url(../images/icons/contact-white.svg);
}
@media     		(min-width: 48em) {
    header nav.mobile{
        display         : none;
    }
}
header nav.tablet {
    display 	: none;
}
header nav.tablet div:first-child {
    width         : calc(99.9% * 1/12 - (30px - 30px * 1/12));
    text-align 		: left;
}
header nav.tablet div:first-child:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.tablet div:first-child:last-child{
    margin-right         : 0;
}
header nav.tablet div:first-child:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.tablet div:first-child:nth-child(12n + 1){
    clear         : both;
}
header nav.tablet div:first-child a {
    text-indent 		: -9999999px;
    display 			: inline-block;
    width 				: 32px;
    height 				: 32px;
    background-size 	: contain;
    opacity 			: 0.5;
    transition 			: all 200ms;
    background-image	: url(../images/icons/home-white.svg);
}
header nav.tablet div:nth-child(2) {
    width         : calc(99.9% * 10/12 - (30px - 30px * 10/12));
    text-align 		: center;
}
header nav.tablet div:nth-child(2):nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.tablet div:nth-child(2):last-child{
    margin-right         : 0;
}
header nav.tablet div:nth-child(2):nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.tablet div:nth-child(2):nth-child(12n + 1){
    clear         : both;
}
header nav.tablet div:nth-child(2) ul li {
    display 	: inline-block;
}
header nav.tablet div:nth-child(2) ul li a {
    display 	: inline-block;
    color 		: #fff;
    padding 	: 6px 12px;
}
header nav.tablet div:last-child {
    width         : calc(99.9% * 1/12 - (30px - 30px * 1/12));
    text-align 		: right;
}
header nav.tablet div:last-child:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
header nav.tablet div:last-child:last-child{
    margin-right         : 0;
}
header nav.tablet div:last-child:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
header nav.tablet div:last-child:nth-child(12n + 1){
    clear         : both;
}
header nav.tablet div:last-child a {
    text-indent 		: 9999999px;
    display 			: inline-block;
    width 				: 32px;
    height 				: 32px;
    background-size 	: contain;
    opacity 			: 0.5;
    transition 			: all 200ms;
    background-image	: url(../images/icons/contact-white.svg);
}
@media     		(min-width: 48em) {
    header nav.tablet{
        display         : block;
    }
}
@media    		(min-width: 62em) {
    header nav{
        max-width         : 1024px;
        margin-left         : auto;
        margin-right         : auto;
    }
    header nav:before{
        content         : '';
        display         : table;
    }
    header nav:after{
        content         : '';
        display         : table;
        clear         : both;
    }
}
header.invert {
	background 		: #fff;
	border-bottom         : 1px solid #EBEFF3;
}
header.invert nav.mobile {
    width 	: 100%;
}
header.invert nav.mobile div:first-child a {
    background-image	: url(../images/icons/menu-black.svg);
}
header.invert nav.mobile div:nth-child(2) a {
    opacity 	: 1;
}
header.invert nav.mobile div:last-child a {
    background-image	: url(../images/icons/contact-black.svg);
}
header.invert nav.tablet {
    width 	: 100%;
}
header.invert nav.tablet div:first-child a {
    background-image	: url(../images/icons/home-black.svg);
}
header.invert nav.tablet div:nth-child(2) a {
    opacity 	: 1;
    color 		: #000;
}
header.invert nav.tablet div:last-child a {
    background-image	: url(../images/icons/contact-black.svg);
}
.mobile-navigation {
	position 		: fixed;
	margin-left 	: -100%;
	width 			: 100%;
	min-height 		: 100%;
	background 		: #fff;
	opacity 		: 0;
	transition 		: all 200ms;
}
.mobile-navigation div {
    width         : calc(99.9% * 12/12 - (30px - 30px * 12/12));
    padding 		: 10px 20px;
}
.mobile-navigation div:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
.mobile-navigation div:last-child{
    margin-right         : 0;
}
.mobile-navigation div:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
.mobile-navigation div:nth-child(12n + 1){
    clear         : both;
}
.mobile-navigation div:last-child {
    text-align 	: left;
    padding 	: 50px;
}
.mobile-navigation div:last-child ul li {
    padding 		: 15px;
    border-bottom         : 1px dotted #374355;
}
.mobile-navigation div:last-child ul li a {
    font-family         : 'Oswald', sans-serif;
    font-weight 		: 400;
    font-size         : 19.2px;
    font-size 			: 1.2rem;
    color         : #374355;
    text-transform 		: uppercase;
}
.mobile-navigation div:last-child ul li:last-child {
    border-bottom : none;
}
.mobile-navigation.show {
    margin-left : 0;
    opacity 	: 1;
}
.mobile-navigation .close-navigation {
    text-indent 		: -10000px;
    display 			: inline-block;
    width 				: 32px;
    height 				: 32px;
    background-size 	: contain;
    opacity 			: 0.5;
    transition 			: all 200ms;
    background-image	: url(../images/icons/close-black.svg);
}
.hero {
	height 				: 400px;
	background 			: #fff url(../images/hero-desktop.jpg) no-repeat top right;
	background-size 	: cover;
	padding 			: 0;
}
@media 		(min-width: 75em) {
    .hero{
        height         : 600px;
    }
}
.hero div {
    width 		: 100%;
    height 		: 400px;
    padding 	: 300px 25% 0 25%;
    background 	: transparent url(../images/logo-background.png) repeat-x center bottom;
}
@media     		(min-width: 48em) {
    .hero div{
        padding         : 300px 37% 0 37%;
    }
}
@media    		(min-width: 62em) {
    .hero div{
        padding         : 300px 40% 0 40%;
    }
}
@media 		(min-width: 75em) {
    .hero div{
        height         : 600px;
        padding         : 400px 42% 0 42%;
    }
}
.hero div img {
    width 	: 100%;
}
/* ------------------------------------------------------------------------------------ */
.address-contact-section section {
    padding 		: 10px 20px;
    border-top 		: 1px solid #efefef;
}
.address-contact-section section:first-child {
    padding 	: 0;
    height 		: 300px;
    background 	: #444;
}
.contact-form form {
    max-width         : 1024px;
    margin-left         : auto;
    margin-right         : auto;
    margin : auto auto;
    /*@media (--viewport-tablet) {
			width 		: 80%;
			margin-left 	: 10%;
		}*/
}
.contact-form form:before{
    /*@media (--viewport-tablet) {
			width 		: 80%;
			margin-left 	: 10%;
		}*/
    content         : '';
    display         : table;
}
.contact-form form:after{
    /*@media (--viewport-tablet) {
			width 		: 80%;
			margin-left 	: 10%;
		}*/
    content         : '';
    display         : table;
    clear         : both;
}
.contact-form .loading-overlay {
    position 	: fixed;
    left 		: 0;
    right 		: 0;
    top 		: 0;
    bottom 		: 0;
    background 	: #DAEDF9;
    opacity 	: 0;
    padding-top : 40%;
    transition 	: all 200ms;
    z-index 	: -1;
}
.contact-form .loading-overlay img {
    position         : relative;
}
.contact-form .loading-overlay img > *{
    position         : absolute;
    top         : 50%;
    right         : auto;
    bottom         : auto;
    left         : 50%;
    transform         : translate(-50%, -50%);
}
.contact-form .loading-overlay span {
    color 		: #0081D5;
}
.contact-form .response-container {
    max-width         : 1024px;
    margin-left         : auto;
    margin-right         : auto;
    display 		: none;
    padding 		: 10px 20px;
    border-radius 	: 2px;
    font-family         : 'Roboto', sans-serif;
    font-weight         : 100;
    color         : rgb(81, 98, 123);
    font-size         : 15.68px;
    font-size           : 0.98rem;
    line-height         : 24px;
    line-height 		: 1.5rem;
}
.contact-form .response-container:before{
    content         : '';
    display         : table;
}
.contact-form .response-container:after{
    content         : '';
    display         : table;
    clear         : both;
}
.contact-form .response-container.error {
    color 		: #D1335B;
    border 		: 1px solid #D1335B;
    background 	: #F8E1E7;
}
.contact-form .response-container.success {
    color 		: #06BC5B;
    border 		: 1px solid #06BC5B;
    background 	: #DBF5E7;
}
.contact-form input, .contact-form textarea, .contact-form button {
    width 			: 100%;
    border 			: 1px solid #C9D3DF;
    background 		: #EBEFF3;
    border-radius 	: 2px;
    padding 		: 12px 15px;
    margin-top 		: 15px;
    color 			: #3D4D65;
}
.contact-form input[type="submit"] {
    padding 		: 15px 30px;
    text-transform 	: uppercase;
    font-weight 	: 400;
    font-size         : 12.8px;
    font-size 		: 0.8rem;
    background 		: #9DBF15;
    color 		: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    letter-spacing: 3px;
    cursor: pointer;
}
.contact-form input.error, .contact-form textarea.error {
    color 		: #D1335B;
    border 		: 1px solid #D1335B;
    background 	: #F8E1E7;
}
.contact-form label.error {
    display 		: inline-block;
    width 			: 100%;
    text-align 		: left;
    color 			: #D1335B;
    padding-left 	: 5px;
}
/* ------------------------------------------------------------------------------------ */
footer:before{
    content         : '';
    display         : table;
}
footer:after{
    content         : '';
    display         : table;
    clear         : both;
}
footer section {
    padding 		: 10px 20px;
}
/* Logo + Navigation + Social */
footer section:first-child {
    padding 		: 20px 20px;
    border-bottom         : 1px solid #EBEFF3;
}
footer section:first-child div {
    text-align 		: center;
}
/* Social */
footer section:first-child div:last-child ul li {
    display 	: inline-block;
}
footer section:first-child div:last-child ul li a {
    margin 			: 0 5px;
    width 			: 36px;
    height 			: 36px;
    border-radius 	: 50%;
    text-align 		: center;
}
@media     		(min-width: 30em) {
    footer section:first-child div:last-child ul li a{
        margin         : 0 8px;
    }
}
@media     		(min-width: 48em) {
    footer section:first-child div:last-child ul li a{
        margin         : 0 10px;
    }
}
footer section:first-child div:last-child ul li a img {
    margin-top 	: 25%;
    height 		: 50%;
}
/* Copyright + Scrool to top */
footer section:last-child {
    text-align 		: center;
}
footer section:last-child a {
    font-size         : 12.8px;
    font-size         : 0.8rem;
}
.image-full {
	max-width         : 960px !important;
	margin-left         : auto !important;
	margin-right         : auto !important;
}
.image-full:before{
    content         : '' !important;
    display         : table !important;
}
.image-full:after{
    content         : '' !important;
    display         : table !important;
    clear         : both !important;
}
.image-full img {
    width : 100%;
}
#imagegallerie {
	max-width         : 960px;
	margin-left         : auto;
	margin-right         : auto;
}
#imagegallerie:before{
    content         : '';
    display         : table;
}
#imagegallerie:after{
    content         : '';
    display         : table;
    clear         : both;
}
#imagegallerie ul li {
    width         : calc(99.9% * 6/12 - (30px - 30px * 6/12));
}
#imagegallerie ul li:nth-child(1n){
    float         : left;
    margin-right         : 30px;
    clear         : none;
}
#imagegallerie ul li:last-child{
    margin-right         : 0;
}
#imagegallerie ul li:nth-child(12n){
    margin-right         : 0;
    float         : right;
}
#imagegallerie ul li:nth-child(12n + 1){
    clear         : both;
}
#imagegallerie ul li img {
    width : 100%;
}
.showstopper {
	height 		: 300px;
	padding 	: 0 0;
}
@media    		(min-width: 62em) {
    .showstopper{
        height         : 400px;
    }
}
@media 		(min-width: 75em) {
    .showstopper{
        height         : 500px;
    }
}
.showstopper div {
    width 			: 100%;
    height 			: 100%;
    background-size 	: cover;
}
.showstopper .mak1 {
    background-image: url(../images/dreckige-pflastersteine.jpg);
}
.showstopper .mak2 {
    background-image: url(../images/grundreinigung-grundstueck.jpg);
}
.showstopper h3 {
    left 		: 0;
    right 		: 0;
    padding-top 		: 100px;
    font-size         : 16px;
    font-size 	: 1rem;
    color 		: #fff;
    letter-spacing: 1px;
    line-height         : 25.6px;
    line-height 	: 1.6rem;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}

#mak-map {
  height: 400px;
  background-image: url(../images/mak-map.jpg);
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
}