@charset "utf-8";

body {
    background-color: #f8ea1d;
    font-style: normal;
    font-weight: 900;
    font-size: xx-large;
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: marigny;
}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: block;
  color: #57a5bf;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  color: #ffed00;
	background-color: #6acaf3;
}
.active {
  color: #ffed00;
	background-color: #57a5bf;
}
.center {


  position: absolute;


  left: 50%;


  top: 50%;


  transform: translate(-50%, -50%);


}
.sweety1 {
width: 300px;
	height: 300px;
  position: absolute;
  left: 15%;
  top: 70%;
  transform: translate(-0%, -0%);
}
.sweety2 {
width: 300px;
	height: 300px;
  position: absolute;
  right: 7%;
  top: 8%;
transform: scaleX(-1);
  transform: scaleX(-1) translate(-0%, -0%);
}
.sweety3 {
width: 300px;
	height: 300px;
  position: absolute;
  right: 15%;
  top: 65%;
  transform: scaleX(-1) translate(-0%, -0%);
}
.sweety4 {
width: 300px;
	height: 300px;
  position: absolute;
  left: 15%;
  top: 15%;
  transform: translate(-0%, -0%);
}
.sweety5 {
width: 300px;
	height: 300px;
  position: absolute;
  left: 40%;
  bottom: 5%;
  transform: translate(-0%, -0%);
}
.footer {
	font-weight: 100;
	padding-bottom: 35px;
	padding-top: 35px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #e1d103;
	color: #ffed00;
	text-align: center;
	text-decoration: none;
}
.centertable {
 position: absolute;

  left: 50%;


  top: 50%;


  transform: translate(-50%, -50%);
}
.socialicon 
{
padding-left: 10px;
padding-right: 10px;
width: 35px;
height: 35px;	
}
.impressum 
{
    color: #57A5BF;
    font-style: normal;
    font-variant: small-caps;
    font-weight: 400;
    font-size: medium;
    font-family: marigny;
    text-align: center;
}