*{
	margin:0;
	padding:0;
	font-size:1rem;
	font-family:arial;
}
:root {
  --HausfarbeBlau: rgb(44,36,131);
  --HausfarbeHellBlau: rgb(49,112,180);
  --HausfarbeGelb: rgb(227,202,58);
  
}
html{
	font-size:20px;
	
}
@font-face{
	font-family: 'Suez One';
	src:url('../font/SuezOne-Regular.ttf');
}
body{
	background-color:Ivory;
}

header{
	width: calc(100% - 2px);
	padding:1vw;
	text-align:center;
	background-color:var(--HausfarbeGelb);
	background-color:Ivory;
	border-left:1px solid rgb(44,36,131);
	border-right:1px solid rgb(44,36,131);
	border-bottom:15px solid rgb(227,202,58);
	
	
}
main{
	width:100%;
	padding:1vw;
	background-color:var(--HausfarbeBlau);
}

footer{
	width:100%;
	padding:1vw;
	background-color:var(--HausfarbeBlau);
}


h1, h2{
	font-family: 'Suez One', serif;
	color:var(--HausfarbeBlau);
}
h1{
	font-size:1.8rem;
}
h2{
	font-size:1.4rem;
}
h3{
	font-size:1.2rem;
	margin-bottom:.8rem;
	color:var(--HausfarbeBlau);
}
p{
	font-size:1rem;
	line-height: 1.4rem;
}
.hausfarbeFett{
	color:var(--HausfarbeBlau);
	font-weight:bold;
}
section{
	padding:4vw;
	margin-bottom:1rem;
	margin-top:.5rem;
}
#allgemein{
	width:85%;
	margin:0 auto;
	background-color:Ivory;
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#feedback{
	visibility:hidden;
	width:85%;
	margin:0 auto;
	background-color:Ivory;
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display:absolute;
	top:10vh;
	left:;
}
#impressum{
	width:85%;
	margin:0 auto;
	background-color:Ivory;
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#dsgvo{
	width:85%;
	margin:0 auto;
	background-color:Ivory;
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#fakten{
	width:85%;
	height:8.4rem;
	margin:0 auto;
	margin-top:1rem;
	background-color:var(--HausfarbeGelb);
	text-align:right;
	position:relative;
	top:0;
	left:0;
}
#veranstalter{
	width:85%;
	margin:0 auto;
	margin-top:1rem;
	background-color:var(--HausfarbeHellBlau);
}

#veranstalter img{
	width:70%
}
#veranstalter div:first-child img{
	width:30%
}

li{
	list-style-type:none;
	margin-bottom:.5rem;
}
#fakten img{
	position:absolute;
	top: -15px;
	left:10px;
	width:7.5rem;
}
form{
	width:90%;
	margin:0 auto;
	text-align:left;
	margin-top:2rem;;
}
form label{
	color:Ivory;
}
form>h3{
	color:Ivory;
}
fieldset{
	border: 0;
}
input, select{
	width:90%;
}
button{
	margin-top:2rem;
}
[name=anmelden]{
	cursor:pointer;
}
footer a{
	color:Ivory;
	text-decoration:none;
	margin-top:1rem;
}
footer a:hover{
	color:var(--HausfarbeBlau);;
}

/* Liste DSVGO */

.listeUeberschrift{
	color:var(--HausfarbeBlau);
	font-weight:bold;
}

.listeUeberschrift~li ul{
	margin-left:5vw;
}



/* input drop down */
		label[herkunft]{
			display:block;
			
		}
		.dropdown {
			position: relative;
			width: 90%;
		}

		.dropdown select {
			width: 100%;
			padding: 3px;
		}
		 
		.dropdown > * {
			box-sizing: border-box;
			height: 1.5em;
		}
		 
		.dropdown input {
			position: absolute;
			width: calc(100% - 20px);
		}
		/* input drop down end */


@media only screen and (min-width: 1010px) {
  header, main, footer {
	width:1000px;
	margin:0 auto;
  }
  input, select{
	  width:50%;
  }
  .dropdown {
			position: relative;
			width: 50%;
		}
  #fakten img{
	top: -15px;
	left:50px;
	width:10rem;
	}
	#veranstalter img{
	width:40%
	}
	
	#veranstalter  {
	  display: grid;
	  column-gap: 5vw; 
	}
	.item1 {
	  grid-column-start: 1;
	  grid-column-end: 2;
	}
	.item2 {
	  grid-column-start: 2;
	  grid-column-end: 3;
	}
}