@font-face {
  font-family: 'AsapCondensed-Bold';
  font-style: normal;
  font-weight: 300;
src: url('/fonts/AsapCondensed-Bold.woff');/* IE9 Compat Modes */
 src: local('/fonts/AsapCondensed-Bold.woff'),
       url('/fonts/AsapCondensed-Bold.woff') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/AsapCondensed-Bold.woff') format('woff'), /* Modern Browsers */
       url('/fonts/AsapCondensed-Bold.woff') format('truetype'); /* Safari, Android, iOS */


*/

}
.asap-condensed-extralight {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.asap-condensed-light {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.asap-condensed-regular {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.asap-condensed-medium {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.asap-condensed-semibold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.asap-condensed-bold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.asap-condensed-extrabold {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.asap-condensed-black {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.asap-condensed-extralight-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.asap-condensed-light-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.asap-condensed-regular-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.asap-condensed-medium-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.asap-condensed-semibold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.asap-condensed-bold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.asap-condensed-extrabold-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.asap-condensed-black-italic {
  font-family: "Asap Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}

:root{
  --fur: #ffffff;                /* Grundfarbe */
  --spot: rgba(0,0,0,0.10);      /* Punktfarbe (transparent halten!) */
}


body {
	/*background: #CBDCBC;
	background: -webkit-linear-gradient(bottom right, #CBDCBC, #E8F0E3);
	background: -moz-linear-gradient(bottom right, #CBDCBC, #E8F0E3);
	background: linear-gradient(to top left, #CBDCBC, #E8F0E3);*/
	font-family: 'Asap Condensed', sans-serif;
	font-size: 1.2rem;
	color: #000000;
	margin:0;
	padding:0;
	overflow:hidden;

  margin: 0;
  min-height: 100vh;
  background-color: #ffffff; /* Grundfarbe Fell */

  background-image:


    radial-gradient(60px 45px at 12% 18%, rgba(0,0,0,0.12) 0 60%, transparent 61%),
    radial-gradient(50px 40px at 35% 72%, rgba(0,0,0,0.10) 0 62%, transparent 63%),
    radial-gradient(70px 55px at 70% 28%, rgba(0,0,0,0.14) 0 58%, transparent 59%),
    radial-gradient(45px 38px at 84% 64%, rgba(0,0,0,0.12) 0 60%, transparent 61%),
    radial-gradient(55px 42px at 22% 52%, rgba(0,0,0,0.11) 0 60%, transparent 61%),
    radial-gradient(26px 22px at 14% 40%, rgba(0,0,0,0.12) 0 65%, transparent 66%),
    radial-gradient(22px 18px at 58% 58%, rgba(0,0,0,0.12) 0 65%, transparent 66%),
    radial-gradient(20px 16px at 76% 78%, rgba(0,0,0,0.13) 0 65%, transparent 66%),
    radial-gradient(18px 15px at 42% 22%, rgba(0,0,0,0.12) 0 65%, transparent 66%),
    radial-gradient(32px 26px at 18% 85%, rgba(0,0,0,0.12) 0 64%, transparent 65%),
    radial-gradient(48px 38px at 62% 12%, rgba(0,0,0,0.13) 0 60%, transparent 61%),
    radial-gradient(28px 22px at 88% 35%, rgba(0,0,0,0.11) 0 65%, transparent 66%),
    radial-gradient(42px 34px at 10% 65%, rgba(0,0,0,0.12) 0 62%, transparent 63%),
    radial-gradient(36px 28px at 55% 88%, rgba(0,0,0,0.13) 0 63%, transparent 64%),
    radial-gradient(40px 30px at 80% 50%, rgba(0,0,0,0.12) 0 61%, transparent 62%);
 


  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


}


h1 {
	font-family: 'Roboto Slab', serif;
	font-size: 2.4rem;
	margin-bottom: 0.5rem;
}

a {
	color: #556B2F;
	text-decoration: none;
}

a:hover, .entry-meta a:hover, .entry-meta a:active, .entry-meta a:focus {
	color:#3B4C1A;
	text-decoration: underline;
}

canvas {
	position: absolute;
	display: block;
	width: 100vw;
	height: 100vh;
	z-index:-999;
	margin:0;
	padding:0; 
}

.wrapper {
	margin:0;
	padding:0;
	position: relative;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: transparent;
	z-index: 1;

}

.center {
	text-align: center;
	/*-webkit-filter: drop-shadow(5px 5px 5px #888);
	filter: drop-shadow(5px 5px 5px #888);*/
}

.socialbar a{
	padding: 1rem;
}

.socialbar a:hover{

 filter: brightness(3.25);
        -webkit-filter: brightness(3.25);

}

.signatur {
	width:150px;
	margin-bottom: 3rem;
}

.signet {
	width:250px;
}