#svg {
	position: relative;
	background-color: var(--color-accent);
	color: #fff;
	z-index: 1;
	padding-top: 0;
}
#svg .dividerLine {
	position: absolute;
	left: 0; 
	bottom: 0;
	width: 100%;
}
#svg p {
	font-size: 1.8rem;
	line-height: 2.4rem;
}
#svg h2 {
	margin-top: 48px;
	color: #fff;
}
#svg h2 span {
	display: block;
	margin-top: 8px;
	font-size: x-small;
	line-height: 1;
}
#svg h2 .material-symbols-rounded {
	color: #ECAB6F;
}

/* SVG Animation */
#svg #Blume {
	margin-top: 24px;
}
#svg #Blume tspan {
	font-family: "finalsix";
}
#svg #Menschen * {
	pointer-events: none;
}
#svg #Blume #Blueten text {
	pointer-events: none;
}
#svg #Blume #Blueten path {
	transition: fill .3s ease-in-out, stroke-width .3s ease-in-out;
}
#svg #Blume #Blueten path:hover {
	fill: #e69448;
	stroke: #ECAB6F;
	stroke-width: 4px;
}
#svg #Blume #BluetenHintergrund {
	animation: dance 2s infinite alternate;
}
@keyframes dance {
	100% {
	  transform: rotate(3.5deg);
	}
}
#bilder {
	position: relative;
	background-image: url("/img/content/haus.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	aspect-ratio: 48/25;
	padding-top: 48px;
}
#bilder #alter-herr {
	position: absolute;
	top: 12%;
	left: calc(50vw - 3%);
	transform: translateX(-100%);
	aspect-ratio: 1;
	width: 30vw;
	border-radius: 50%;
	background-image: url("/img/content/einkauf.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
#bilder #haende {
	position: absolute;
	top: calc(12% + (30vw / 2));
	left: 50vw;
	transform: translateX(-50%);
	aspect-ratio: 1;
	width: 25vw;
	border-radius: 50%;
	background-image: url("/img/content/haende.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#bilder #kind {
	position: absolute;
	top: calc(12% + 30vw - 10%);
	left: calc(50vw - 5%);
	transform: translateX(-100%);
	aspect-ratio: 1;
	width: 20vw;
	border-radius: 50%;
	border: 0.5vw solid #fff;
	background-image: url("/img/content/maedchen.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}
#motto {
	background-color: #fff;
}
@media (min-width: 900px) {

	#svg .dividerLine {
		bottom: -6px;
	}

}