*
{
margin: 0;
padding: 0;
border: none;
outline: none;
} 


html {
	scroll-behavior: smooth;
}


@font-face {
  font-family: 'Open-Sans';
    font-style: normal;
  font-weight: 400;
   src: local (''),  
  url('OpenSans-Regular.ttf') format('truetype'),
   url('OpenSans-Regular.ttf') format('embedded-opentype'); 
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
    font-style: normal;
  font-weight: 400;
   src: local (''),  
  url('Montserrat-VariableFont_wght.ttf') format('truetype'),
   url('Montserrat-VariableFont_wght.ttf') format('embedded-opentype'); 
  font-display: swap;
}


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local (''),  
  url('material-icons.woff2') format('woff2');
  font-display: swap;
}


body {background:#fff;
font-family: "Open-Sans", 'sans-serif';
  font-size: 18px;
  line-height: 1.2;
  }
  
  
  
 #logo {height:110px;}
header {position:fixed; margin:0 auto; width:100vw;  height:120px;  z-index:10; background:#f6f6f6;}
.inheader {max-width:1300px; margin:0 auto; display:flex; justify-content:center;}











main { position:relative; display:flex; width:90vw; max-width:1300px; color:#0e1b3e; background:#aaa; position:relative;   margin:0 auto; background:#f3f7fa; border-radius:20px;  box-shadow: 3px 5px 10px hsla(0,0%,0%,0.2);}


a.button{
	display:inline-block;
	border-radius:8px;
	text-decoration:none;
	background-color: #a80000;
	color:#fff;
	border: 0;
	padding: 10px; margin:10px;
	font-weight: 500;
	border: 1px solid #000;
	transition: all 0.5s;
	}
a.button:hover{	color: #a80000;
	background-color:#fff;
	border: 1px solid #a80000; transition: all 1.5s;}



section {background:#f3f7fa; border-radius:20px; width:75%; padding-top:20px; display:flex; justify-content:flex-start; flex-wrap:wrap;}
section.zwei {width:100%;}


figure.table {position:relative;  width:47%; background:#fff; border-radius:20px; display:inline-block; margin:40px 1% 1% 1%;  box-shadow: 3px 5px 10px hsla(0,0%,0%,0.2);}

aside { width:32%;  }
aside article {position:relative;  width:94%; background:#fff; border-radius:20px; display:inline-block; padding:2%; margin:40px 1% 1% 1%;  box-shadow: 3px 5px 10px hsla(0,0%,0%,0.2);}
aside article img {width:100%; height:auto; border-radius:20px;}


main.haupt article {position:relative;  width:94%; background:#fff; border-radius:20px; display:inline-block; padding:2%;  margin:1%; box-shadow: 3px 5px 10px hsla(0,0%,0%,0.2);}

section.zwei article{width:44%;}
@media screen and (max-width: 800px) { section.zwei article{width:97%;}}


figure.table table {display:table; border-spacing: 10px 1px; width:90%; padding:10px 0 10px 0; margin:0 auto;}
figure.table table td:nth-child(1) {
  text-align: right;
}
figure.table figcaption {  font-family: 'Montserrat'; font-size:22px; color:#a80000; position:absolute; top:-32px; text-align:center;}






footer {margin:0 auto; width:100vw; height:85px; text-align:center; background:#f6f6f6; color:#000; display:flex; justify-content:space-between; align-items:center;}
footer a {color:#fff; text-decoration:none; }





@media screen and (max-width: 800px) {
	section { justify-content:center; }
	#video {height:55vw;}
	main {flex-direction:column; }
	section, aside {width:100%;}
	figure.table, article {width:90%; display:block;}
	figure.table  {margin-top:40px;}
  body {font-size: 16.5px;}
	header {height:90px;}
	#logo {height:80px;}
}




.textblock {display:block; margin:16px; color:#0f344e;}




h1 {
  font-family: 'Montserrat';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: normal;
hyphens: auto;
  direction: ltr;
  color: #a80000;

  display:block;
  }

h2 {
  font-family: 'Montserrat';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: normal;
	hyphens: auto;
  direction: ltr;
  color: #a80000;
  display:block;
  }

h3 {
  font-family: 'Montserrat';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1.2;
  text-transform: none;
  letter-spacing: normal;
hyphens: auto;
  direction: ltr;
  color: #a80000;

  display:block;
  }

p {
	
margin-bottom:16px;
}



/* ~~~~~~~~ Datenschutz und Impressum ~~~~~~~~ */

#datenschutztext,#impressumtext,#agbtext,#kontakttext{
	position:fixed;
	overflow:auto;
	background: rgba(0,0,0,0.95);
	color:#ebba8a;
	border-radius:10px;
	border: 1px solid #000055;
	position:fixed;
	top:-20px;
	padding:0px;
	left:50%;
	right:50%;
	width:0%;
	height:0%;
	z-index:100000006;
	transition: all 2.5s;
}

 


#datenschutztext p,#impressumtext p,#agbtext p,#kontakttext p{color:#fefefe;}
#datenschutztext h1,#impressumtext h1, #agbtext h1,#kontakttext h1{color:#fefefe;}
#datenschutztext h2,#impressumtext h2,#agbtext h2,#kontakttext h2{color:#fefefe;}
#datenschutztext a, #impressumtext a,#agbtext a,#kontakttext a{text-decoration:none; color:#fefefe;}
#datenschutztext:hover,#impressumtext:hover,#agbtext:hover,#kontakttext:hover{background: rgba(0,0,0,0.95);}
#datenschutztext:target,#impressumtext:target,#agbtext:target,#kontakttext:target{top:100px; width:50%; height:75%; 	padding:10px; margin-left:-25%;}

@media screen and (max-width: 800px) {
	#datenschutztext:target,#impressumtext:target,#agbtext:target,#kontakttext:target{top:90px; width:90%; height:75%; 	padding:10px; margin-left:-49%;}
}


/* Material Icons */
.materialfest {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;
  color: #e3e3e3;
  text-decoraion:none;
  position:sticky;
  top:32px;
  margin-right:10px;
  float:right;
  transition: 2s all; 
}

.materialfest:hover {transition: 2s all; color:rgba(200,200,200,0.5); transform: rotate(360deg);}


.material {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 60px;
  color: #e3e3e3;
}