@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
    url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
    url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.firmenfarbe {

    color: #114131;
}

#absenden {}

html {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h4 {
    margin: -18px 0px 49px 0px;
}

.bilder-text {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
    -webkit-transition-property: width;
    -webkit-transition-duration: 5s;
    -webkit-transition-delay: 1s;
    transition-property: width;
    transition-duration: 5s;
    transition-delay: 1s;
}

.subti{
    margin-top: -18px;
}

h1 {
    color: #114131;
}


.header-logo {
    margin-top: 15px;
}

label {
    font-size: 1.2em;
}

.logo {
    margin-bottom: 3%;
}

.unter {
    margin-left: 82%;
}

@media only screen and (max-width: 1189px) {

    .logo {
        margin-left: 0;
    }

    div.hiddendiv.common {
        max-width: 100%;
    }
}

@media print {
    img {
        display: none !important;
    }
}

h4 {
    font-size: 1.0rem !important;
}

h3 {
    font-size: 1.5rem !important;
}

h2 {
    font-size: 2.0rem !important;
}

h1 {
    font-size: 3.0rem !important;
}


@media only screen and (min-width: 1200px) {
    html {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) {
    html {
        font-size: 19.5px;
    }
}

@media only screen and (min-width: 0) {
    html {
        font-size: 19px;
    }
}
header{
    width: 70%;
    margin: 0 auto;
}
.container{
    margin-bottom: 44px!important;
}
.row .col.s2{
    width: 55% !important;
    line-height: 10px;
}
#luft{
    font-size: 68%;
    line-height: 28px;
}
.row {
    margin-bottom: 0 !important;
}

.input-field label {
	pointer-events: none;
	padding-bottom: 6px;
	font-size: 1.25rem;
}

@media (max-width: 1024px) {

.row .col.s2{
    width: 98% !important;
	margin: 0 auto 0 auto;
    line-height: 10px;
}

.row .col.s8 {
    width: 98%;
	margin: 0 auto;
}

.valign-wrapper {
	display: block !important;
}

.row .col {
    float: none;
}

.row .col.s6 {
    width: 98%;
    margin: 0 auto;
}

.row .col.s12 {
    width: 98%;
    margin: 0 auto;
}

.headerbild .row .col.s12 {
	width: 100%;
}

}