@charset "utf-8";
/* CSS Document */

* {
  	margin: 0;
  	padding: 0;
}

html, body {
  	width: 100%; 
  	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

body {
  	font-size: 0.625rem;
  	font-family: sans-serif;
  	display: flex;  
  	align-items: center;  
	background-color: darkgoldenrod;
	overflow-x: hidden;
}

.zentriert {
  	text-align: center;
  	color: #fff;
  	width: 100%;
}

#impressum {
	display: none;
	font-size: 0.76rem;
	background-color: #fff;
	color: darkgoldenrod;
	-webkit-box-shadow: inset 0px 11px 7px -7px rgba(46,0,9,0.76); 
	box-shadow: inset 0px 11px 7px -7px rgba(46,0,9,0.76);
	font-family: arial, helvetica, sans-serif;
	font-weight: 300;
	font-style: normal;
	overflow: hidden;
	line-height: 1rem;
	padding: 10px; 
	text-align: justify;
}

#impressum a {
	font-size: 0.76rem !important;
	color: darkgoldenrod!important;
	transition: all 1s ease !important;
}

#logo a {
	font-size: 0.76rem;
	color: #fff;
	text-decoration: none;
	transition: all 1s ease-out;
	font-family: arial, helvetica, sans-serif;
	font-weight: 500;
	font-style: normal;
	
}

h3 {
	margin-bottom: 7px;
	margin-top: 11px;
	font-family: arial, helvetica, sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 1.02rem;
}

.groesser {
	font-size: 120%;
	margin-left: 2px;
	position: relative;
	top: 2px;
}

.toggle {
	margin-bottom: 10px;
	padding: 7px 10px 5px 10px;
}

.toggle:hover {
	color: #666;
	margin-bottom: 10px;
}

/* Animation Logo */
.slide-in-blurred-top {
	animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-12-13 15:45:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-top
 * ----------------------------------------
 */
@keyframes slide-in-blurred-top {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    transform-origin: 50% 0%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}

#logo img {
	width: 76%;
	height: auto;
}

@media screen and (min-width: 590px) {
	#logo img {
		width: 600px;
		height: auto;
	}
}