body { font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1.8; margin: 0; color: #444; }

h1, h2, h3, h4, h5, h6 { font-family: Poppins, sans-serif; color:#1d1d1b; }


.header { background: url(../images/header-bg.png) 0 0 repeat-x; }
.hero { width: 100%; position: relative; overflow: hidden; }
	.hero .hero-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
	.hero .h-100 { background-color: rgba(0,112,186,0.8); position: relative; z-index: 1; }
	.hero .container { position: relative; z-index: 1; }
	.hero .herotext { margin: 120px 0; }
		.hero .herotext h1 { color: #fff; margin-top: 0; font-weight: 900; }
		.hero .herotext p { color: #fff; }
		.hero .herotext a {display:inline-block;padding:8px 16px;border-radius:4px;background-color:#fff;border:solid 2px #fff;color:#0070ba;font-weight:700;transition:ease-in-out all 0.3s;}
		.hero .herotext a:hover {background-color:transparent;color:#fff;}

.contact {text-align:right;margin-top:50px;}
.contact .fa-light {color:#0070ba;margin-left:10px;}
	.contact a { color: #1d1d1b; transition: ease-in-out all 0.3s; border-bottom: solid 1px transparent; }
.contact a:hover {border-bottom:solid 1px #1d1d1b;}

.pagecontent {padding:60px 0;}
.t1 { text-align: center; margin-bottom: 40px; }
.t1 span { color: #0070ba; text-transform:uppercase;letter-spacing:2px; }
.t1 h2 { font-size: 36px; margin: 15px 0; font-weight:900; }

.dienstblok {background-color:rgba(0,112,186,0.1);border:solid 0px #0070ba;padding:20px;margin-bottom:30px;border-radius:22px;}
.dienstblok .fa-light {font-size:48px;color:#0070ba;margin-bottom:20px;}

.blue {background-color:#0070ba;border-radius:22px;padding:30px;}
.blue .t1 span {color:#fff;}
	.blue .t1 h2 { color: #fff; }

.specblok { background-color: rgba(0,0,0,0.1); border: solid 0px #0070ba; padding: 20px; margin-top: 30px; border-radius: 22px; text-align: center; }
	.specblok .fa-light { font-size: 40px; color: #bec6e0; margin-bottom: 20px; text-align:center; }
	.specblok h3 { color: #fff; font-size: 24px; margin-bottom: 10px;font-weight:700; }
	.specblok p {color:silver;}
.specblok.cell { background-color:#b2b87c;}
	.specblok.cell .fa-light, .specblok.cell p { color: #054c45; }
	.specblok .card-footer {border-top:none;background-color:transparent;}
	.specblok.cell .card-footer span {display:inline-block;border:solid 2px #054c45;padding:5px 20px;border-radius:22px;color:#054c45;font-weight:700;transition:ease-in-out all 0.3s;}
	.specblok.cell .card-footer span:hover {background-color:#054c45;color:#fff;}
a {text-decoration:none !important;}

.content a {border-bottom:solid 1px #0070ba; color:#0070ba; transition:ease-in-out all 0.3s;}
.content a:hover {border-bottom:solid 1px #000; color:#000;}

footer {background-color:#0070ba; padding:80px 0;}
footer h3, footer p, footer ul {color:#fff;}
footer h3 {font-weight:900; padding-left:20px;}
	footer a { color: #fff; border-bottom: solid 1px transparent; transition: ease-in-out all 0.3s; }
	footer a:hover { border-bottom: solid 1px #fff; }
	footer p.small {margin-left:20px;font-size:14px;}

.scrollup { padding: 5px 10px; background-color: #0070ba; color: #fff; position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: none; }
.scrollshow { display: inline-block; }
.scrollup:hover { background-color: #000000; color: #fff; }

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
	.header { background-position-y: -34px;border-bottom:solid 2px #fff; }
	.logo {max-width:350px;}
	.hero .herotext {margin:70px 0;}
}

@media (max-width: 767px) {
	footer { text-align: center; }
		footer img { margin-bottom: 30px; }
		footer .fa-light { display: none; }
		footer .fa-ul {margin-left:0;}
}

@media (max-width: 576px) {
	.header {background-image:none;}
	.header .contact {text-align:center;margin:25px 0;}
	.logo {max-width:100%;}
	.hero .herotext { margin: 30px 0; }
}