*{
	margin:0;
	padding:0;
	font-size:1rem;
	font-family:arial;
}
:root {
  --HausfarbeGrauBlau: rgb(95,125,155);
  --HausfarbeDunkelGrauBlau: rgb(70,95,115);
  --HausfarbeOrange: rgb(200,85,0);
  --SchriftNegativ: Ivory;
  
}
html{
	font-size:20px;
	
}
@font-face{
	font-family: 'Suez One';
	src:url('../font/SuezOne-Regular.ttf');
	
}

body{
	background-color:var(--SchriftNegativ);
}

header{
	width: calc(100% - 2px);
	padding:1vw;
	text-align:center;
	background-color:var(--HausfarbeOrange);
	background-color:var(--SchriftNegativ);
	border-left:1px solid rgb(70,95,115);
	border-right:1px solid rgb(70,95,115);
	border-bottom:15px solid rgb(200,85,0);
	
	
}
main{
	width:100%;
	padding:1vw;
	background-color:var(--HausfarbeDunkelGrauBlau);
}

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


h1, h2{
	font-family: 'Suez One', serif;
	color:var(--HausfarbeGrauBlau);
}
h1{
	font-size:1.8rem;
}
h2{
	font-size:1.4rem;
}
h3{
	font-size:1.2rem;
	margin-bottom:.8rem;
	color:var(--HausfarbeDunkelGrauBlau);
}
p{
	font-size:1rem;
	line-height: 1.4rem;
}
.hausfarbeFett{
	color:var(--HausfarbeDunkelGrauBlau);
	font-weight:bold;
}
section{
	padding:4vw;
	margin-bottom:1rem;
	margin-top:.5rem;
}
#allgemein{
	width:85%;
	margin:0 auto;
	background-color:var(--SchriftNegativ);
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#allgemein>ul{
	
	margin-left:2vw;
	
}
#feedback{
	visibility:hidden;
	width:85%;
	margin:0 auto;
	background-color:var(--SchriftNegativ);
	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:var(--SchriftNegativ);
	background-image: url(../image/netz-ivori.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#dsgvo{
	width:85%;
	margin:0 auto;
	background-color:var(--SchriftNegativ);
	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(--HausfarbeOrange);
	text-align:right;
	position:relative;
	top:0;
	left:0;
}
#fakten img{
	position:absolute;
	top: 3rem;
	left:1px;
	width:7rem;
	height:7rem; 
}
#fakten h3{
	color:var(--SchriftNegativ);
}
#veranstalter{
	width:85%;
	margin:0 auto;
	margin-top:1rem;
	background-color:var(--HausfarbeGrauBlau);
}

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

li{
	list-style-type:none;
	margin-bottom:.5rem;
}

form{
	width:90%;
	margin:0 auto;
	text-align:left;
	margin-top:2rem;;
}
form label{
	color:var(--SchriftNegativ);
}
form>h3,form legend{
	color:var(--SchriftNegativ);
}
.toggleDisplay{
	display:none;
}
fieldset{
	border: 0;
}
input, select{
	width:90%;
}

input[type=checkbox],input[type=radio],input+label{
	margin-top:1vh;
}
#einzelDoppelSpieler2{
	color:var(--SchriftNegativ);
	margin-top:1.5vh;
	width:90%;"
} 
#volljaehrigSpieler2, #klassenEinzel, #klassenDoppel, #volljaehrig{
	display: grid;
	column-gap: 1vw;
	grid-template-columns:10% 90%;
}
#volljaehrigSpieler2{
	display: grid;
	column-gap: 1vw;
	grid-template-columns:10% 90%;
}
#klassenDoppel>legend, #klassenEinzel>legend, #spieler1>label{
	grid-column-start: 1;
	grid-column-end: 3;
}
#klassenDoppel>input, #klassenEinzel>input, #volljaehrig>input, #volljaehrigSpieler2>input{
	grid-column-start: 1;
	grid-column-end: 2;
}
#klassenDoppel>label, #klassenEinzel>label, #volljaehrig>label, #volljaehrigSpieler2>label{
	grid-column-start: 2;
	grid-column-end: 3;
}




button{
	margin-top:2rem;
}
[name=anmelden]{
	cursor:pointer;
}
footer a{
	color:var(--SchriftNegativ);
	text-decoration:none;
	margin-top:1rem;
}
footer a:hover{
	color:var(--HausfarbeDunkelGrauBlau);;
}

/* Liste DSVGO */

.listeUeberschrift{
	color:var(--HausfarbeGrauBlau);
	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%;
  }
  #einzelDoppelSpieler2{
	width:70%;"
  }
  .dropdown {
			position: relative;
			width: 50%;
		}
  #fakten img{
	top: -1rem;
	left:50px;
	width:18rem;
	height:18rem;
	}
	#veranstalter img{
	width:80%
	}
	#veranstalter div:first-child img{
	width:80%
}
	
	#veranstalter  {
	  display: grid;
	  column-gap: 5vw; 
	}
	.item1 {
	  grid-column-start: 1;
	  grid-column-end: 2;
	}
	.item2 {
	  grid-column-start: 2;
	  grid-column-end: 3;
	}
}