@font-face {
    font-family: 'PhotoWall';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    src: url('fonts/PhotoWall/37CE67_0_0.eot');
    src: url('fonts/PhotoWall/37CE67_0_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/PhotoWall/37CE67_0_0.woff2') format('woff2'),
         url('fonts/PhotoWall/37CE67_0_0.woff') format('woff'),
         url('fonts/PhotoWall/37CE67_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'PhotoWall';
    font-weight: 500;
    src: url('fonts/PhotoWall/37CE67_3_0.eot');
    src: url('fonts/PhotoWall/37CE67_3_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/PhotoWall/37CE67_3_0.woff2') format('woff2'),
         url('fonts/PhotoWall/37CE67_3_0.woff') format('woff'),
         url('fonts/PhotoWall/37CE67_3_0.ttf') format('truetype');
}
@font-face {
    font-family: 'PhotoWall';
    font-weight: 400;
    src: url('fonts/PhotoWall/37CE67_5_0.eot');
    src: url('fonts/PhotoWall/37CE67_5_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/PhotoWall/37CE67_5_0.woff2') format('woff2'),
         url('fonts/PhotoWall/37CE67_5_0.woff') format('woff'),
         url('fonts/PhotoWall/37CE67_5_0.ttf') format('truetype');
}
@font-face{
    font-family: 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('fonts/SourceSansPro/SourceSansPro-Regular.eot') format('embedded-opentype'),
         url('fonts/SourceSansPro/SourceSansPro-Regular.ttf.woff2') format('woff2'),
         url('fonts/SourceSansPro/SourceSansPro-Regular.otf.woff') format('woff'),
         url('fonts/SourceSansPro/SourceSansPro-Regular.otf') format('opentype'),
         url('fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype');
}
body{margin:0}
a {
    color: #00765a;
    text-decoration: none;
}
a:hover {color: #ec713a;}
.center {display: block; text-align: center;}
.center img {max-height: 120px; width: 100%;}
#container {z-index: 2;
position: absolute;
top: 15%;
left: calc(50% - 70px);}
.meldung {font-size: 4em; color: #FFFFFF; font-family: 'PhotoWall';}
.lizbackground {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/grips/wartung.jpg);
}
.lizbackground:before {
    right: 0;
    z-index: 1;
    left: 0;
    top: 0;
    content: "";
    bottom: 0;
    pointer-events: none;
    background: -webkit-linear-gradient(55deg,#00765a 0,#71bfa2 80%,transparent 100%);
    background: linear-gradient(35deg,#00765a 0,#71bfa2 80%,transparent 100%);
    opacity: .65;
}
.lizbackground, .lizbackground:before {
    height: 100%;
    position: absolute;
    width: 100%;
}
footer {
    position: absolute;
    bottom: 0;
    background: #ffffff;
    width: 100%;
    text-align: center;
    z-index: 1;
    padding: 10px 20px;
    box-sizing: border-box;
    font-family: 'Source Sans Pro';
}
footer a{color: #990000; text-decoration: none;}
footer span {white-space: nowrap;}
@media (max-width:575px){
    #container {left: 10%; top: 5%}
    .meldung {font-size: 2.5em;}
    .center img {max-height: 100px;}
}