@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{margin:0;padding:0;box-sizing: border-box; font-family: "Barlow",sans-serif;font-size:1.2em;background: rgba(250,208,14,0.25) url("Hintergrund_Nierhaus.png") center center no-repeat fixed;background-size: cover}

#kontakt{background: rgba(250,208,14,0.25) url("chris-anderson-b5R9DkAkGTM-unsplash.png") center center no-repeat fixed;background-size: cover}
header{background: rgba(250,208,14,0.35);text-align: center}
nav{background: rgba(250,208,14,1);text-align:center;;font-size:1.35em;padding: 0.4em auto;box-sizing: border-box}
nav a{display: inline-block;margin: 0.3em;padding: 0.2em;font-weight: bolder;color: #000}
main{}
.text{line-height: 1.55em;width: 60%;padding-bottom: 4em}
footer{background: rgba(45,45,45,1);position: fixed;bottom:0;width:100%;padding: 0.25em 0;text-align:right;border-top:2px solid #162E5F;font-size: 0.96em;box-sizing: border-box}
.mw{max-width: 1280px;width: 100%;padding: 0.24em;margin: 0 auto;;box-sizing: border-box}
footer a{color: #fff;display: inline-block;margin: auto 0.74em ;padding: 0.2em 0.54em}
footer a:hover{background: rgba(0,0,0,0.2);border-radius: 10px}
#Logo{width: 80%;height: auto;margin:0.75em auto 0.5em auto;max-width:800px}
h1, h2{color: rgba(45,45,45,1); }
h1{line-height: 1.55em;font-size: 2.3em}
h3{border-bottom: 1px dotted;display: inline-block;margin-top: 1.75em;margin-bottom:0.74em;background: rgba(250,208,14,0.5);padding: 0.2em }
.bold{}

@media screen and (max-width : 780px)   {
	.text{line-height: 1.55em;width: 98%;margin: auto}	
	footer{text-align: center}
	h1{font-size:1.65em;line-height: 1.7em}
	h2{font-size: 1.15em}
}