@font-face{
	font-family:DINPro;
	src:url(/css/fonts/DINWebPro.woff) format("woff");
	font-weight:400
}

@font-face{
	font-family:DINPro;
	src:url(/css/fonts/DINWebPro-Medium.woff) format("woff");
	font-weight:500
}

@font-face{
	font-family:DINPro;
	src:url(/css/fonts/DINWebPro-Bold.woff) format("woff");
	font-weight:700
}


html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background-color: #ffffff;
	margin: auto;
	width: 100%;
	
	color: black;
	font-family: DINPro;
	text-align: left;
	
}

.w-5 { width: 5%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-1x8 { width: 12.5%; }

.bold { font-weight: bold; }

h2 { font-size: 1.3rem; }

.btn-warning {
	background-color: #ffb000;
}

.btn-multipor {
	background-color: #76b82a;
}

.bg-ytong {
	background-color: #ffb000;
}

a.cta_button:link,
a.cta_button:visited {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 20px 10px 20px;
	background-color: #004899;
	border-radius: 0px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

a.cta_button:active,
a.cta_button:hover {	
	color: rgba(240,240,240,0.6);
	transition: color .2s ease-in;

}


.btn-xella {
	background-color: #004899;
	color: #ffffff;
}

.btn-outline-xella {
	border-color: #004899;
}

.bg-xella {
	background-color: #004899;	
}

.border-xella {
	border-color: #004899;
}

.text-xella {
	color: #004899;
}