@charset "UTF-8";



:root  {
  --cassiopeia-color-primary: #212736;
  --cassiopeia-color-hover: #01c1d3;
  --cassiopeia-color-link: #009aa9;
}



/* Font Apparat: (font-family: apparat, sans-serif;) Regular 300, Medium 400, Extrabold 700, Heavy 900 
und apparat-light 200 Thin, 400 Light*/  

body {

   font-family: apparat, sans-serif;
   font-weight: 300;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-weight: 700;
}


#mod-custom109 {
		width: 100vw;
		height: 100vh;
		text-align: center;
		display: flex;
			flex-direction: column;
			justify-content : center;
			align-items:center;
		
}

#logoelement  {
	width: 400px;
}

#logoelement svg {
	overflow: visible;
}

.menu {
	text-align: center;
	display: inline;
}

.menu svg {
	width: 38px;
	margin-top: 10px;

}

:-internal-direct-focus {
outline-color: none;
outline-style: none;
outline-width: 0px;

}

button:focus, button:visited{
	border:  none !important;
}

/* @group SrollTo Buttons */

a.btn-about {
	color: black !important;
	font-size: 1.25em !important;
	font-weight: 400;
	text-decoration: none;
	position: absolute;
	bottom: 40px;
	right: 40px;
}

.back-to-top-link {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 10000;
  padding: .5em;
  color: var(--cassiopeia-color-primary,#112855);
  pointer-events: all;
  background-color: var(--white,#fff);
  border: 1px solid var(--cassiopeia-color-primary,#112855);
  border-radius: .25rem;
  opacity: 0;
  transition: opacity .2s ease-in;
}


/* @group  container-below-top */

.container-below-top {
	background: url(../images/green_dust_scratch.png) left top repeat;
	min-height: 100vh;
	display: flex; 
	align-items: center;
	justify-content: center;
	font-weight: 900;
}

.container-below-top button.menuopen {
	border: none;
	background: none;
	margin-top: 15px;
}




/* @end */


/* @group Footermenü */

.footer ul {
flex-direction:row;
}

.footer .nav li {
padding: 0 15px 0 0;

}

/* @end */




/* @group Overlay Menu */
.overlay {
/*background: #232526;  /* fallback for old browsers *!/
background: -webkit-linear-gradient(to top, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 *!/
background: linear-gradient(to top, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ *!/*/

/*background-image: radial-gradient(circle at -4% -12.9%, rgb(74, 98, 110) 0.3%, rgb(30, 33, 48) 90.2%);*/
	background: url(../images/green_dust_scratch_D.png) left top repeat;
/*background-color: black;*/



  height: 100%;
  width: 100%;
  display: flex;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  text-align: center;
  align-items: center;
  clip-path: circle(0%);
}


.overlay-content {
position: absolute;
  width: 100%;
  text-align: center;

}

.overlay-content li {
 opacity: 0;
 margin-bottom: 15px;
}

.overlay-content li:first-child {
 margin-top: 150px;
}

.overlay-content li a {
font-family: apparat, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 4em;
padding: 0 0;
text-transform: uppercase;
text-decoration: none;
color: white;
margin-bottom: 20px;
}

.overlay-content li a img {
max-width: 400px;
overflow: visible;

}

.overlay-content svg {
overflow: visible;

}



img.yt-logo:hover, img.cg-logo:hover, img.ig-logo:hover, li.item-123 a:hover {
	-webkit-filter: drop-shadow(2px 2px 10px #a3d2c5);
	filter: drop-shadow(2px 2px 10px #a3d2c5);
	overflow: visible;

	}

img.yt-logo {
	width: 350px;
}

img.cg-logo {
	width: 275px;
}

.overlay-content li a:hover {
text-decoration: none;
background-color: rgba(192, 192, 192, 0.16);
}

.overlay-content li.active a {
text-decoration: none;
}




.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
  background: transparent!important;
}

.closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 1000;

}




/* @end */

@media (min-width: 320px) and (max-width: 576px) {

	#logoelement  {
	width: 370px;
}

.overlay-content li a {
font-size: 3em;
margin-bottom: 20px;
}

.overlay-content li a img {
max-width: 300px;

}

img.yt-logo:hover, img.cg-logo:hover, img.ig-logo:hover, li.item-123 a:hover {
	}

img.yt-logo {
	width: 250px;
}

img.cg-logo {
	width: 150px;
}



@media (min-width: 576px) {
	

}
	

}


@media (min-width: 768px) {

}