@media only screen and (max-width: 576px) /*Bootstrap sm Small breakpoint*/ {
	:root {
	:root {
		font-size: 16px;
		--titel1: 26px;
		--titel2: 24px;
		--titel3: 22px;
		--titel4: 20px;
		--fliesstext: 16px;
	}
	.um-header-startseite, .um-header-unterseite {
		height: auto;
		margin-bottom: 4rem;
	}
	.um-header-startseite .um-header-section-one,
	.um-header-startseite .um-header-section-two,
	.um-header-section-one,
	.um-header-section-two {
		width: 100%;
	}
	.um-header-section-two {
		padding-left: 0;
	}
	.um-header-startseite .um-header-section-one, 
	.um-header-unterseite .um-header-section-one {
		padding-bottom: 2rem;
		padding-top: 2rem;
	}
	.um-header-startseite:after, .um-header-unterseite:after {
		left: 35%;
		top: -15vh;
		width: 100vw;
	}
	.um-headerportrait, .um-header-unterbild {
		transform: translate(0px, 0px);
	}
	
	
	.um-leistungen > div.row > div.col a {
		font-size: 16px;
	}
	#um-inhaltsbereich #zeitleiste {
		margin-left: 0;
	}
	#um-inhaltsbereich #zeitleiste time {
		margin-left: 0;
		width: auto;
		text-align: left;
	}
	#um-inhaltsbereich #zeitleiste li {
		margin-bottom: 2em;
	}
	#um-inhaltsbereich #zeitleiste li h4 {
		margin: 0;
	}
	.um-anspruch .ratio-1x1 {
		--bs-aspect-ratio: 50%;
	}
	.um-anspruch .ratio-1x1 h2, 
	.um-anspruch .ratio-1x1 h3 {
		margin: 0rem;
	}
	#logo-footer {
		margin-bottom: 2rem;
		margin-top: 1rem;
	}
}