iframe {
	display:block;
    margin: 0 auto;
}

hr { 
width: 96vw; 
height: 4px;
margin: 0 auto;
color: blue;
background: #006600;
}


table#t01, th#t01, td#t01
	{	 
	 margin: 0px auto;
	 width: 20vw;
	 border-bottom: 1px solid black;
	}
	table#t01 
	{
	 border-collapse: collapse;
	}
	th#t01, td#t01
	{
	 height: 30px;
	 padding-left: 20px;
	}
	tr#t01:nth-child(even) 
	{
	 background-color: #cccccc;
	}
	th#t01
	{
	 text-align: left;
	}
	
table#t02, th#t02, td#t02
{	 
 margin: 0px auto;
 width: 20vw;
 border-bottom: 1px solid black;
}
table#t02 
{
 border-collapse: collapse;
}
th#t02, td#t02
{
 height: 30px;
 padding-left: 20px;
}
tr#t02:nth-child(even) 
{
 background-color: #ffffff;
}
th#t02
{
 text-align: left;
}

table#t03, th#t03, td#t03
{	 
 margin: 0px auto;
 width: 20vw;
}
table#t03
{
 border-collapse: collapse;
}
th#t03, td#t03
{
 height: 30px;
 padding-left: 20px;
}
tr#t03:nth-child(even) 
{
 background-color: #ffffff;
}
th#t03
{
 text-align: left;
}


div#d01 {
  text-align: left;
  height: 100%;
  width: 96vw;
  margin: auto;
  //background-color: powderblue;
  //border: 3px solid green;
}

#karte{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  //margin: 0px auto;
}
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #006600;
}

input:focus + .slider {
  box-shadow: 0 0 1px #006600;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.body {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
}
.content {
  display: flex;
  justify-content: center;
  align-items: center;
  width:100%;
  height:100%;
}
.loader-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.85;
  top: 0;
  left: 0;
  background-color: #efefef;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader {
  display: inline-block;
  //width: 7vh;
  //height: 7vh;
  width: 50px;
  height: 50px;
  position: relative;
  border: 5px solid green;
  animation: loader 2s infinite ease;
}
.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% { transform: rotate(0deg);}
  25% { transform: rotate(180deg);}
  50% { transform: rotate(180deg);}
  75% { transform: rotate(360deg);}
  100% { transform: rotate(360deg);}
}
@keyframes loader-inner {
  0% { height: 0%;}
  25% { height: 0%;}
  50% { height: 100%;}
  75% { height: 100%;}
  100% { height: 0%;}
}

.klappname{
	display:inline-block;
}
.trenner {
	margin:0;	
}
.toklapp {
	display:none;
}
[id^="kl_"] p {padding:.1em;}
[id^="klapp"] {text-decoration:none;}
[id^="klapp"] span:nth-of-type(2)

