.container,
#nav_wrapper .navbar {
	padding-right: 2rem;
	padding-left: 2rem;
}


#MODUL_Referenzen .referenz-bild {
-ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

#MODUL_Neuigkeiten_Details #umsNeuigkeit {
    column-gap: 30px;
}

#umsNeuigkeit {
    padding: 2rem;
}
#Bereiche {
    grid-template-columns: repeat(2,1fr);
}

@media(max-width:640px) {
	h1 {
    	padding: 1px 8px;
	}
	#content {
    	margin: 0 0 3rem 0;
	}
	.btn, #MODUL_Neuigkeiten .a-TABELLENLINK {
    	padding: 0.9rem 1.5rem;
	}

	#nav_wrapper .navbar-brand {
		max-width: 80%;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	/*Abstand*/
	
	#nav_wrapper .navbar,
	.container {
    	padding-left: 2rem;
    	padding-right: 2rem;
	}
	#nav_wrapper .navbar .dropdown-menu .nav-item {
	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%; 
	}
	#MODUL_Referenzen,
	#MODUL_Neuigkeiten {
		grid-template-columns: repeat(1, 1fr);
	}

	#MODUL_Neuigkeiten_Details #umsNeuigkeit {
    	grid-template-columns: 1fr;
    	row-gap: 20px;
	}
	#MODUL_Neuigkeiten_Details #umsNeuigkeitHaupttext,
	#MODUL_Neuigkeiten_Details #umsNeuigkeitZurueck {
		grid-column: auto;
	}
	.btn,
	#umsNeuigkeitDetaillink a,
	#umsNeuigkeitZurueck a {
		margin-top: 1rem;
	}
	#map_canvas {
    	height: 250px;
	}
	
	#Bildergalerie,
	.galerie {
    grid-template-columns: 100%;
	}
	.galerie .team {
    	grid-column: unset;
	}
	.footer .nav-link {
    	padding: .5rem 0;
	}
	
	.footer-nav span {
    	display: block;
    	border-right: 0px
	}
	.footer ul {
		margin-top: 2rem;
	}
	.footer h4 { 
		margin-top: 3rem !important;
	}
	.footer .kontakt .text-left {
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
	}
	.footer .kontakt .text-md-right {
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
	}

	.footer .kontakt a:after {
    	right: auto;
    	left: 0;
	}
	
	#kopfgrafik h1 {
		margin-right: 0;
	}
	#Bereiche {
		grid-template-columns: 100%;
	}
	#Bereiche a {
 		text-align: left;
 		padding: 0rem;
	}
	#Bereiche a:hover {
    	background: transparent;
	}
	#Bereiche img {
		max-height: 100%;
	}
	#Bereiche .icon {
		height: 40px;
		width: 40px;
		margin: 0 20px 0 0;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	#Bereiche .text {
		-webkit-flex: 6;
		-ms-flex: 6;
		flex: 6;
    }
}