html{scroll-behavior:smooth}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;	
}

h1 {text-align: center; 
	font-family: Arial, Helvetica, sans-serif;
}

h2 {text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: blue;
}

#star {
	margin-bottom: -12px;
	
}

#big {max-width:100%;
	height:auto;
	border-radius:15px; 
	margin:12px;
}

#halfbig {
	width:20%;
	height:auto;
	border-radius:15px; 
	margin:12px;		
}

#floatleft {
	float: left; 
	width: 98%; 
	margin-left: 10px;
}

.clearing { clear: both; }

.zentriertblau {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	color: blue;
}

.zentriert {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
}

.zentriertnormal {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.innerDiv {
display: table;
background: transparent;
height:10vh;
width:10vw; 
margin:0 auto;
}

.outerDiv {
width:100%;
background: transparent;
}

#a, #b{
	width: 50%;
	max-width: 500px;
	margin: 10px;
	padding-left: -40px;  

}
#a{
  background: transparent;
  float: left;
}
#b{
  background: transparent;
  float: right;
}