.logo-dunkel{color:#666666;}
.bg-logo-dunkel{background-color:#333333; color: white;}
.logo-hell{color:#E94793;}
.bg-logo-hell{background-color:#E94793;}
.logo-gruen{color:#76B828;}
.bg-logo-gruen{background-color:#76B828;}

.h1, h1 {
    font-size: 1.8rem;
}

.h2, h2 {
    font-size: 1.3rem;
}

.h3, h3 {
    font-size: 1.1rem;
}

.container.main {
    padding-top: 40px;
}

body {
	background-color: #333;
}

footer {
    padding-bottom: 20px;
	background-color: #333;
	padding-top: 20px;
	color: white;
	font-size: .9em;
}

.main {
	padding-bottom: 20px;
}

footer a, footer a:visited, footer a:hover {
	color: #ccc;
}

footer img {
	margin-left: 10px;
	margin-right: 10px;
}

#logo {
    z-index: 2000;
    background-color: rgba(255, 255, 255, 0.9);
}

@media only screen and (min-width: 768px) {

	#logo {
		position: absolute;
	}
}

#logo img {
    width: 250px;
    margin: 20px 30px;
}

.nav-item {
    padding-left: 6px;
    padding-right: 6px;
}

.nav-item:first-child {
    padding-left: 0;
}

.nav-item:last-child {
    padding-right: 0;
}

img.gallery-thumbnail {
    width: 13.6rem;
    border-radius: 20px;
    box-sizing: border-box;
    border: 0;
    margin-bottom: 4px;
    padding: 20px;
}

#register-button {
	position: absolute;
	top: 12vh;
	right: 80px;
	z-index: 9999;
}

#register-button img {
	width: 15vw;
}