html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:	400;
   font-size:		18px;
   color:			#fff;
   line-height:		145%;
   letter-spacing:	0.02em;
    background: #000;
}


#system-message { margin: 0px; }
/* bootstrap import */

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}


header{width: 100%; border-top: 5px solid red; padding: 20px;box-sizing: border-box; display: flex; justify-content:flex-end;position: absolute; top: 0; z-index: 200;}
#logo {width: 70%;margin-bottom: 40px;}
#logo img {width: 100%;}
#kontakt {width: auto; display: flex; gap:20px; align-items: center;}
#kontakt img {width: 25px; height: 25px;}
main {width: 100%; box-sizing: border-box; padding: 100px 40px; border-bottom: 5px solid red;position: relative;}
main::after {content: ''; background: url(/beleuchtung-1.jpeg) no-repeat center center; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.4;z-index: 1;}
#content {position: relative; z-index: 100;}

.ervotechlogo {width: 200px;}

footer {background: #000; box-sizing: border-box;padding: 20px;}
footer ul {padding: 0; margin: 0;}
footer li {list-style: none;}
footer a {color: #fff;}


h1 { margin: 0px 0px 25px 0px; padding: 0px; font-size: 25px; line-height: 130%; font-weight: 600; }
h2 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 20px; line-height: 130%; font-weight: 600; }

.button {padding: 15px 40px; background: red; color: #fff; transition: 0.2s; font-weight: 600; text-transform: uppercase; letter-spacing: 2px;display: inline-block;}
.button:hover { background: #fff; color: #000;}

a { text-decoration: none; outline: none; color: #fff;  }
a:hover { text-decoration: none; color: red; }
a:focus { text-decoration: none; outline: none; }

p {margin: 0; }



@media(min-width:768px){
    main {padding: 150px 20%;}
}

@media(min-width:1400px){
#logo {width: 50%;margin-bottom: 100px;}
    h1 {font-size: 40px;}
    h2 {font-size: 30px;}
        main {padding: 20vh 25%;}
footer {padding: 40px 25%; display: flex; justify-content: space-between;}

}