@charset "UTF-8";
/* CSS Document */

* {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
header { background: url(../images/startseite.jpg); background-size: cover; background-position: 50% 30%; text-align: center; }
header a img { border:none; }
header a:hover img {transform: scale(1.05); opacity: .7; }

body { font-family: sans-serif!important; background: #404f5f; color:#404f5f; letter-spacing: .03em; font-size: 17px; line-height: 1.45em; }
h1, h2, h3, h4 { font-weight: normal; text-align: center; letter-spacing: -0.03em; line-height: 130%; }
h1 { font-size:2.4em; margin: 0 0 20px 0; }
h2 { font-size:1.3em; margin: 0 0 10px 0; color:#7a828a; }
h3 { font-size:1.1em; margin: 20px 0 10px 0; color:#7a828a; }
p { margin:0 0 8px 0; }
.spacerline { height:2px; width:75%; background: #e6e9ec; margin:30px auto; }

article { max-width:800px; margin:0 auto; text-align: center; }

nav { background:#1b253e; color:#ffffff; }
nav ul { display: flex; justify-content: center; }
nav ul li { padding:1em .7em; }
nav a:link, nav a:visited { font-size:23px; color:rgba(255,255,255,.86); padding:.5em .6em; text-decoration: none; }
nav a:hover, nav a:focus { color:#9eb7e3; }

main { background: #ffffff; padding: 50px 0 20px 0; }
.container { margin:0 auto; }
.logo { margin:50px; }

ul.solutions { margin:0 0 30px 0; }
ul.solutions li { display: inline-block; width:auto; padding: 5px 10px; margin: 5px; background:#e1e5e9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.businessType { font-weight: bold; }

.gallery { height:430px; overflow: hidden; margin: 30px 0; position: relative; }
.gallery .slideshow { width: 100%; height: 100%; background-image: url('../images/b1.jpg'); background-position:center; background-repeat: no-repeat; background-size: cover; }

.gallery img.dreieck { width:inherit; position: absolute; height: 150px; opacity: .8; }
.gallery img.dreieck.bottomright { width:inherit; position: absolute; right:0; bottom:0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.gallery img { width:100%; height: auto; }

footer { background:#333; text-align: center; }
footer section.row:nth-child(1) { background-color: #1b253e; padding: 4vh 0; color: rgba(255, 255, 255, .5); background: url(../images/saegeblatt-trans3.png), linear-gradient(to bottom, #1b253e, #1b253e); background-repeat: no-repeat; background-size: 19%, 100%; background-position: bottom right; }
footer section.row:nth-child(2) { background-color: #404f5f; padding: 40px; }
footer section.row:nth-child(2) p { margin: 0; color: rgba(255, 255, 255, .4); font-size:85%; }
footer .footerLogo { width:40px; height: auto; }
footer p, footer p a { color:#58677a; }

footer .offer { color:rgba(255,255,255,.5); }

footer .callNow { display: inline-flex; }
footer .callNow .spacer { width:100px; background:#ffffff; height: 1px; margin-top:12px;  }
footer .callNow .txt { margin: 0 15px; }
footer .callNow .txt a { color: rgba(255, 255, 255, .5); text-decoration: none; }

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}