header #video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}

.claim {
	color: white;
	margin-top: 10rem!important;
}

.claim p {
	font-size: 2.5rem;
	font-weight: 500;
	font-family: 'Clicker Script', cursive;
}

.claim address {
	font-size: 1.2rem;
}

#main .inside {
	margin-top: 2rem;
}

h1 {
	font-size: 1.8rem;
}

h2 {
	font-size: 1.4rem;
}

h3 {
	font-size: 1.2rem;
}

h4 {
	font-size: 1rem;
}

.albumart {
	max-width: 300px;
}

/* Galerie: Vorschaubilder nebeneinander, bei Platzmangel umbrechen */
.content-gallery > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-gallery > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.content-gallery > ul > li > figure {
    margin: 0;
}

.content-gallery img {
    display: block;
    max-width: 100%;
    height: auto;
}

.content-download {
    margin-bottom: 1rem;
}

/* Bei kurzen Seiten den gesamten Bildschirm ausfüllen */
#wrapper {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

/* Der Inhaltsbereich nimmt den freien Platz ein */
#wrapper > #container {
  flex: 1 0 auto;
}

/* Kopf- und Fußbereich behalten ihre natürliche Höhe */
#wrapper > #header,
#wrapper > #footer {
  flex-shrink: 0;
}

.login .form-control {
  max-width: 400px;
}
@media screen and (max-width: 768px) {
	.claim {
		margin-top: 2rem!important;
	}
	
	.claim p {
		font-size: 1.5rem;
		font-weight: 500;
		font-family: 'Clicker Script', cursive;
	}
	
	.claim address {
		font-size: 1rem;
	}
}