/* Roland Eichmann  */ 

/* by Thomas Schmid, below the line, Webmarketing, Friedberg*/


html {

}
body {
	font-size:100%;
	margin:0em;
	padding:0em;
	font-family: "Open Sans", arial, san-serif;
background:url('../images/background.jpg')no-repeat fixed center top / 100%;

top:6em;
}


h1 {
	font-size:3em;
	font-weight:600;
	color:#ffffff;
	margin:-2em auto 0;
	text-transform:uppercase;
    text-align:center;
    transform:rotate(-2deg)
}

h2 {
	font-size:2em;
	font-weight:500;
	padding:0em;
    color:#ffffff;
    margin:2em 0 2em 2%;
}





h3 {
    font-size:1.5em;
	margin:0;
	padding:0;
    text-align:center;
}
h4 {
	font-size:1.5em;
	color:#ffffff;
	margin:0em;
	padding:0em;

}
h5 {
	font-size:1.6em;
	color:#054f95;
	margin:0em;
	padding:0em;
}

header{background:url('../images/header.png');background-size:100% auto; height:14em; position:fixed;width:100%;top:-2em;background-repeat:no-repeat;}

#wrapper{max-width:100%;margin:auto;/*height: 100vH; */margin-top:6em;}

.grid-2 {display: grid;grid-template-columns: 50% 50%;}
.part-left{text-align:center;margin-top:8em;}

.part-right img{width:100%;height:auto;}
.impressum .part-left{background:#ffffff;}
.impressum .part-left h2{color:#000000;}
.part-right{z-index:88888;}

.footer {width:100%;height:3em;text-align:center;position:fixed; bottom:0;background:#db3f5d;}
.footer a{color:#ffffff;margin-top:1em;line-height:3em;}

@media screen and (max-width:1500px){
    body{background:url('../images/background2.jpg');}
    h2 {margin:1em 0 0 2%;}
    h1{margin:0 auto;}
}
@media screen and (max-width:1300px){
    body{background:url('../images/background3.jpg') no-repeat fixed right top ;}
    header{top:0;}
    h2{margin:0 0 0 2%;}
    .grid-2 {display: grid;grid-template-columns: 40% 60%;}
    .grid-2 img{max-width:100%;}
}
@media screen and (max-width:900px){
    h2{font-size:1em;}
    
}
@media screen and (max-width:750px){
    body{background:url('../images/background4.jpg') no-repeat fixed right top ;}
    h1{font-size:2em;}
    .part-left{margin-bottom:6em;}
}
@media screen and (max-width:580px){
    body{background:url('../images/background5.jpg') no-repeat fixed right top ;}
    #wrapper{margin-top:40em;}
    .part-left{margin-top:0;}
    .part-left h2{display:none;}
    .grid-2 {display: grid;grid-template-columns: 100%;}
    .support{width:45%; display:inline-block;}
    header{height:3em;}
    header h2{display:none;}
    .grid-2-item img{vertical-align:top;}
    
}