@charset "UTF-8";
/* CSS Document */
@import "max-600.css"screen and (max-width: 600px);
@import "min-600.css"screen and (min-width: 600px);
@import "min-768.css"screen and (min-width: 768px);
@import "min-992.css"screen and (min-width: 992px);
@import "min-1200.css"screen and (min-width: 1200px);
@import "min-1500.css"screen and (min-width: 1500px);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  text-align: left;
}
/*	
	|| L I N K S
*/
a:link {
  color: black;
}
a:visited {
  color: black;
}
a:hover {
  color: darkred;
}
a:active {
  color: darkred;
}
/*	
	|| H E A D E R 
	|| Logo und Navigationsleiste
*/
header {
  box-sizing: border-box;
  position: relative;
  background: darkred;
  margin: auto;
}
header img {
  display: block;
  float: left;
  margin-left: 1vw;
}
header nav {
  display: inline;
  float: right;
  position: relative;
  width: 50%;
  margin-right: 1vw;
}
header nav img {
  display: block;
  float: right;
}
/*	
	|| H E R O
	|| font-size immer in "vw" angeben, damit Text responsiv ist)	
*/
.hero {
  width: 100%;
  height: auto;
}
.hero img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
/*	
	|| I N T R O
	|| font-size immer in "vw" angeben, damit Text responsiv ist)	
*/
.intro {
  width: 100%;
  color: darkred;
  font-weight: 600;
  text-align: center;
  position: relative;
}
/* 
	|| A R T I K E L	

*/
article {
  color: black;
  width: 100%;
  height: auto;
  position: relative;
  background-color: rgba(0, 0, 0, 0.10);
  padding: 0.5vw 1.5vw 1vw 1.5vw;
  /*  Text  */
  text-align: left;
}
h1 {
  font-weight: 400;
  color: darkred;
  font-size: 2em;
}
h2 {
  font-weight: 600;
  color: black;
  font-size: 1em;
}
h3 {
  font-weight: 400;
  color: black;
  font-size: 1em;
  text-decoration-line: underline;
  padding-left: 2em;
}
/* 
	|| C O N T E N T 

*/
.statement {
	font-size: 1.2em;
}
.statement li {
  list-style-type: square;
}
/* 
	|| AUFZÄHLUNGSEBENE

*/
.zu-h3 {
  padding-left: 2em;
}
.zu-h3 li {
  list-style-type: square;
}
.important {
  font-weight: 600;
  color: black;
  font-size: 1em;
  list-style-type: square;
}
footer.fixed {
  position: relative;
  width: 100%;
  bottom: 0px;
  overflow: auto;
  /*  Animation */
  animation-name: opacity;
  animation-delay: 0s;
  animation-duration: 0s;
  animation-fill-mode: forwards;
}
/* 
	|| F O O T E R	

*/
footer {
  height: auto;
  width: 100%;
  background-color: darkgrey;
  color: white;
}
footer div {
  width: 25%;
  margin: 1vw;
  padding: 1vw;
  background-color: transparent;
}
footer nav li {
  display: block
}
footer nav li a {
  color: white;
  text-decoration: none;
}
/* 
	|| L E G A L Zeile	

*/
.formular {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.legal {
  display: block;
  align-items: center;
  width: 100%;
  margin: 0.1em 0em 0em 0.51em;
}
.legal img {
  display: block;
  float: left;
  margin-right: 0.51em;
}
/*
	||	F O R M U L A R
*/
input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  font-size: 1em;
  line-height: 1em;
}
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
input[type=button] {
  background-color: darkred;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
input[type=button]:hover {
  background-color: green;
}
.formular a {
  background-color: darkred;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  text-decoration: none;
  display: none;
}
.formular a:hover {
  background-color: green;
}