@font-face { font-family: "Roboto-Regular"; src: url("/fonts/Roboto-Regular.ttf"); font-display: swap; }
	@font-face { font-family: "Roboto-Light"; src: url("/fonts/Roboto-Light.ttf"); font-display: swap; }
	.font-regular { font-family:Roboto-Regular, Helvetica, Arial, "Lucida Grande", sans-serif; }
	html { height:100%; margin:0; padding:0; background-color:#0a2431; }
	body {  background-color:#FFF; font-family:Roboto-Light, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:17px; margin:0; padding:0; }
	a { color:white; text-decoration:none; }
	div.container { padding-right:1.5rem; padding-left:1.5rem; margin-right:auto; margin-left:auto; max-width:1140px; }
	img.img-fluid { width:100%; height:auto; }
	img.img-logo { width:15%; margin-right:auto; margin-left:auto; padding-top:0.1rem; margin-bottom:1.2rem; }
	div.header { text-align:center; }
	div.footer { background-color:#0a2431; margin-top:50px; }
	div.footer > div > a { width:12%; padding:1.4rem; }
	div.footer-links { text-align:right; }
	div.footer div.footer-links > a { color:#fff; padding:0 1rem 1rem 0; font-size:90%; }
	div.flex { display:flex; flex-wrap:wrap; justify-content:space-evenly; }
	#link-conenmounts, #link-conenprodukte, #link-niesky { opacity:0; fill:rgb(255,255,255); stroke-width:1; stroke:rgb(255,255,255); transition:opacity 0.2s ease-in; }
	#link-conenmounts:hover, #link-conenprodukte:hover, #link-niesky:hover { opacity:0.3; }
	.break-column { display:none; }
	#big { display:none; }
	#small { display:block; }
	@media only screen and (max-width:800px)
	{
		.break-column { flex-basis:100%; width:0; display:block; }
		div.footer > div > a { width:25%; padding:1rem; }
		#big { display:block; }
		#small { display:none; }
	}
	.modal-body a { color:#0056b3; }
	.text-black { color:black; }