html,body { height: 100%; }
body { margin: 0px; padding: 0px; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; line-height: normal; image-rendering: -webkit-optimize-contrast; }
body, td, p, .n, blockquote { font-size: 18px; font-family: 'Barlow Semi Condensed',tahoma,arial; color: #292929; font-weight: 300; }

a, a:hover { text-decoration: none; }

.nullpadding { padding: 0px 0px 0px 0px; }
.abstand { margin-bottom: 30px; }





body, td, p, .n, blockquote 	{ font-size: 17px; line-height: 24px; background-color: #1076C1; background-image: url(../design/striche01.gif); background-repeat: repeat-y; background-position: center; }

H1 { font-size: 28px; font-weight: 500; text-transform: uppercase; color:#FFFFFF; margin: 0px; line-height: 1.2; }
H2 { font-size: 22px; font-weight: 300; text-transform: uppercase; color:#FFFFFF; margin: 0px; line-height: 1.2; }
.arrow { vertical-align: 0.9vw; }

.logobalken { height: 40%; padding: 0px; display: -webkit-flex; display: flex; justify-content: center; align-items: center; }
.firmenbalken { height: 60%; padding: 0px; }

.ma3design, 
.ma3wohnen, 
.ma3immo { width: 100%; height: 33.33333333%; display: -webkit-flex; display: flex; justify-content: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; }

.ma3design:hover 	{ background-color:#6CB4E5; }
.ma3wohnen:hover 	{ background-color:#E36858; }
.ma3immo:hover 		{ background-color:#85BD23; }

img.logoma { position: absolute; }
img.logo3 { position: relative;  }

.hellblau { filter: invert(.5) sepia(1) saturate(2) hue-rotate(166deg) brightness(110%); }
.hellrot { filter: invert(.5) sepia(1) saturate(3) hue-rotate(-31deg) brightness(90%); }
.hellgruen { filter: invert(.5) sepia(1) saturate(4) hue-rotate(41deg) brightness(107%); }

img.logoma, 
img.logo3 { width: auto; height: 65%; }

/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
body, td, p, .n, blockquote 	{ font-size: 17px; line-height: 24px; background-image: url(../design/striche01.gif); }

H1 { font-size: 42px; }
H2 { font-size: 33px; }
.arrow { vertical-align: 0.6vw; }

.logobalken { height: 45%; }
.firmenbalken { height: 55%; }

img.logoma, 
img.logo3 { width: auto; height: 75%; }
} 

/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
body, td, p, .n, blockquote 	{ font-size: 17px; line-height: 24px; background-image: url(../design/striche02.gif); }

H1 { font-size: 3.833vw; }
H2 { font-size: 2.917vw; }
.arrow { vertical-align: 0.4vw; }

.logobalken { height: 100%; }
.firmenbalken { height: 100%; }

img.logoma, 
img.logo3 { width: 50%; height: auto; }
}

/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
body, td, p, .n, blockquote 	{ font-size: 18px; line-height: 26px; background-image: url(../design/striche03.gif); }

H1 { font-size: 2.917vw; }
H2 { font-size: 2.292vw; }
.arrow { vertical-align: 0.4vw; }

img.logoma, 
img.logo3 { max-width: 450px; }
}

@media (min-width: 1921px) { 

H1 { font-size: 56px; }
H2 { font-size: 44px; }
.arrow { vertical-align: 0.2vw; }
}