@media only screen and (max-width: 768px) /*Bootstrap medium breakpoint*/ {
	:root {
		font-size: 16px;
		--titel1: 28px;
		--titel2: 24px;
		--titel3: 22px;
		--titel4: 20px;
		--fliesstext: 16px;
	}
	.nav-item,
	.nav-item:last-of-type {
		margin-right: 0 !important;
	}
	.nav-link {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#logo-footer {
		object-position: center;
	}
	
	.um-header-startseite {
		height: 40vh;
		min-height: 350px;
		background-color: var(--lightfarbe);
		z-index: -10;
		overflow-x: clip;
		overflow-y: visible;
		margin-bottom: 100px;
	
	}
	.um-headerbild {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		height: 125px;
		object-fit: cover;
		object-position: 100% 100%;
		z-index: -6;
	}
	/*
	.um-header-section-one{
		width: 90%;
		margin: auto;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		padding: 10px;
		background-color: var(--lightfarbe);
		transform: translateY(-28px);
		z-index: 2;
	}*/
	.um-header-section-two{
		width: 100%;
	}
	.um-header-section-one h2, .um-header-section-one h3 {
		margin: 0px 0px 5px 0px !important;
	}
	
	.um-headerportrait {
		position: absolute;
		bottom: 0px;
		right: 0;
		width: 200px;
		object-fit: contain;
	}
	
	
	.um-willk-bild {
		height: 250px;
		object-position: 50% 62%;
	}
	
	
	.um-leistungen {
		margin: 50px auto;
	}
	
	
	
	.um-lvt-bild {
		width: 50%;
		object-fit: cover;
	}
	
	
	/* #### Bootstrap Farbenklassen #### */
	/* #### Bootstrap Farbenklassen #### */
	/* #### Bootstrap Farbenklassen #### */
	.bg-md-primary {
		background-color: var(--hauptfarbe)!important;
	}
	.bg-md-secondary {
		background-color: var(--zweitfarbe)!important;
	}
	.bg-md-tertiary {
		background-color: var(--drittfarbe)!important;
	}
	.bg-md-quaternary {
		background-color: var(--lightfarbe)!important;
	}
	.um-header-startseite:after, .um-header-unterseite:after {
		left: 40%;
		top: -5vh;
		width: 100vw;
	}
	.um-header-startseite .um-header-section-one,
	.um-header-unterseite .um-header-section-one {
		padding-bottom: 4rem;
		padding-top: 8rem;
	}
	.um-headerportrait, .um-header-unterbild {
		object-fit: cover;
		width: 100%;
		height: 200px;
		object-position: center center;
		transform: translate(-40px, 40px);

		object-fit: cover;
		height: auto;
		width:100%;
		aspect-ratio: 16 / 9;
	}
	
	.um-header-startseite ,
	.um-header-unterseite {
		height: 20vh;
		min-height: auto;
		background-color: var(--lightfarbe);
		z-index: -10;
		overflow-x: clip;
		overflow-y: visible;
		margin-bottom: 100px;
	}
	
	.um-header-section-one {
		width: 55%;
	}
	.um-header-section-two,
	.um-header-startseite .um-header-section-two{
		width: 65%;
	}
	.produkte__abc {
		justify-content: flex-start;
	}
}