#leistungen .logo {
	max-width: 250px;
	margin: auto;
	margin-bottom: 48px;
	display: block;
}
#leistungen .cafe {
	padding-bottom: 0;
}
#leistungen .btn-blau {
	margin-top: 24px;
}
#leistungen .btn-blau a {
	background-color: var(--color-accent);
	color: #fff;
	padding: 8px 12px;
	border-radius: 12px;
	margin-top: 24px;
}
#leistungen a:hover {
	color: #ecab6f;
}
#leistungen-navi {
	position: relative;
	display: block;
	padding-bottom: 0;
	color: #fff;
	background-color: var(--color-accent);
}
#leistungen-navi .dividerLine {
	position: absolute;
	left: 0; 
	bottom: 0;
	width: 100%;
}
#leistungen-navi ul {
	padding: 0;
	list-style-type: none;
	padding: 48px 0;
	margin: auto;
}
#leistungen-navi ul li {
    text-align: center;
	min-width: 0;
}
#leistungen-navi ul li a {
	display: block;
	padding: calc(var(--font-size) * 2);
	border-radius: 12px;
	background-color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: color .3s ease-in-out;
}
#leistungen-navi ul li a.active, #leistungen-navi ul li a:hover {
	color: #ecab6f;
}
#leistungen .leistung:not(.active) {
	display: none;
}
#leistungen .blume img {
	display: none;
}
#leistungen h1 {
	padding: 24px 0;
}
#leistungen h2, h3 {
	margin-bottom: 0;
}
#leistungen p {
	margin: 0;
}
#leistungen input {
	margin-top: 32px;
}
#leistungen-fortbildung h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}
#leistungen-fortbildung h3 {
	margin-top: 0;
}
#leistungen-fortbildung .specialtext {
	padding: 24px 0;
}
#leistungen-fortbildung h4 {
	margin-bottom: 0;
}
#leistungen-tafel h4 {
	margin-bottom: 0;
}
#leistungen-tafel ul li {
	margin-left: 24px;
}

@media (min-width: 900px) {

	#leistungen-navi .dividerLine {
		bottom: -6px;
	}
	#leistungen .blume {
		position: relative;
	}
	#leistungen .blume img {
		display: grid;
		position: absolute;
		right: 0;
		top: 100px;
		width: 400px;
	}

}