/*
Farben
text heller: #fefefe
text hell: #f5f5f5

orange: #f8b485
orange hell: #ffd0a2

violett: #742574
violett hell: #9b319b

text dunkel: #393939
text dunkler: #232323
*/

html{
	scroll-behavior: smooth;
}

*{
	font-family: verdana;
}

body{
  height: 100%;
  width:100%;
  margin: 0;
  background-image: url(Bilder/Zeichnung5.png);
}

td{
	//padding: 10px;
}

td.vplatzhalter{
  width: 1%;
}
td.hplatzhalter{
  height: 1%;
}

h2{
	color: #742574;
}

img{
	border-radius: 8px;
	box-shadow: 2px 2px 8px #232323;
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #742574;
}

div.Kopf{
	width: 100%;
	position: sticky;
	min-height: 80px;
	color: #742574;
	text-align: center;
	background-color: #ffffff;
	box-shadow: 2px 4px 8px #742574;
	display: flex;
}

#Kreis{
	border: 5px dashed #742574;
	width: 200px;
    height: 200px;
    animation-name: rotate;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 50%;
}

@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}


div.Fuss{
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #f5f5f5;
	background-color:#742574;
}

div.Hauptteil{
	min-height: 78vh;
	padding-left: 20vw;
	padding-right: 20vw;
	padding-top: 2vh;
	padding-bottom: 2vh;
	gap: 10px;
	display: grid;
}
@media screen and (max-width: 1000px) {
	div.Hauptteil{
		padding-left: 5vw;
		padding-right: 5vw;
	}
	#tdContainerLogo{
		display: none;
	}

	img{
		display: none;
	}

	#logo{
		width: 100px;
		height: 80px;
		display: none;
	}
	div.TextContainer{
		width: 100%;
	}

	body {
		background-color: blue;
	}
}
div.TextContainer{
	background-color: #742574;
	color: #f5f5f5;
	padding: 2%;
	border-radius: 8px;
	box-shadow: 2px 2px 2px #232323;
	margin: auto;
}

div.Kopf a{
	color: #742574;
}

a{
	color: white;
	text-decoration: none;
}