:root {
	--schriftart: 'Titillium Web', sans-serif;
	--schriftfarbe: #ffd700;
}

body {
	background-color: #333333;
}

#work-jb {
	font-family: var(--schriftart);
	font-size: 16px;
	color: var(--schriftfarbe);
	font-style: italic;
	top: 45%;
	left: 45%; 
	position: absolute;
	margin-left: -280px;
	text-align: right;
	width: 280px;
}

#work-mb {
	font-family: var(--schriftart);
	font-size: 16px;
	color: var(--schriftfarbe);
	font-style: italic;
	top: 45%;
	right: 45%; 
	position: absolute;
	margin-right: -280px;
	text-align: left;
	width: 280px;
}

#home {
	font-family: var(--schriftart);
	font-size: 16px;
	color: var(--schriftfarbe);
	font-style: italic;
	top: 25%;
	left: 50%; 
	position: absolute;
	margin-left: -100px;
	text-align: center;
	width: 200px;
}

#logo-unten-links {
	position: absolute;
	bottom : 10px;
	left: 10px;
	width: 100px;
	height: 100px;
	background: url("./bilder/unten-links.svg");
	background-size: 100px 100px;
	opacity: 0.2;
}

#logo-oben-links {
	position: absolute;
	top : 10px;
	left: 10px;
	width: 100px;
	height: 100px;
	background: url("./bilder/oben-links.svg");
	background-size: 100px 100px;
	opacity: 0.2;
}


#logo-oben-rechts {
	position: absolute;
	top : 10px;
	right: 10px;
	width: 100px;
	height: 100px;
	background: url("./bilder/oben-rechts.svg");
	background-size: 100px 100px;
	opacity: 0.2;
}

#logo-unten-rechts {
	position: absolute;
	bottom : 10px;
	right: 10px;
	width: 100px;
	height: 100px;
	background: url("./bilder/unten-rechts.svg");
	background-size: 100px 100px;
	opacity: 0.2;
}

a {
  color: #f8c92b;
}

span.d0 {
	display: none;
}