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

/* ----------------------------------------------------------------------------- *
 *                     Style ABN by A-KRUEGER Webdesign                          *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * #1a1a1a - anthrazite
 * #29293d - Darkblue Corporate Identity
 * #006eb6 - Hellblau Corporate Identity
 * silver  - hellgrau
-------------------------------------------------------------------------------- */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
  	padding: 0;
}

/* -------------------------------------Fonts-------------------------------------*/
@font-face {
 font-family: OpenSansLightCond;
 src: url("../fonts/Open_Sans/OpenSans-CondLight.eot") /* EOT file for IE */
}
 @font-face {
 font-family: OpenSansLightCond;
 src: url("../fonts/Open_Sans/OpenSans-CondLight.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: OpenSansLight;
 src: url("../fonts/Open_Sans/OpenSans-Light.eot") /* EOT file for IE */
}
 @font-face {
 font-family: OpenSansLight;
 src: url("../fonts/Open_Sans/OpenSans-Light.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: OpenSans-Regular;
 src: url("../fonts/Open_Sans/OpenSans.eot") /* EOT file for IE */
}
 @font-face {
 font-family: OpenSans-Regular;
 src: url("../fonts/Open_Sans/OpenSans.ttf") /* TTF file for CSS3 browsers */
}


/* ----------------------------------------------------------------------------- *
 *                                    Textes                                     *
 * ----------------------------------------------------------------------------- */

h1 {
	font-family: OpenSansLightCond, system-ui, sans-serif;
	font-size: 3.0em;
	font-weight:lighter;
	color: #1a1a1a;
	line-height: 1.0em;
	}

h2 {
	font-family: OpenSansLight, system-ui, sans-serif;
	font-size: 2.0em;
	color: black;
	line-height: 1.5em;
	overflow: hidden;
	padding: 10px 0 10px 0;
	}	

h2[id]   {margin:0;}

h2 a {display:none;}
h2 a[name] {display:block; height:80px;color: transparent;}

h3 {
	font-family: OpenSansLightCond, system-ui, sans-serif;
	color: black;
	line-height: 1.5em;	
	font-size: 2.5em;
	text-transform: uppercase;
	margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	padding: 10px 0 10px 0;
	}

h4 {
	font-size: 1.0em;
	text-transform: uppercase;
	color: black;
	font-family: OpenSansLight;
	text-align: left;
	padding: 10px 0 10px 0;
	}

h5 {
	font-size: 2.0em;
	color: black;
	font-family: OpenSansLight;
	overflow: hidden;
	padding: 20px 0 10px 0;
	}

p {
	font-family: OpenSansLight, system-ui, sans-serif;
	font-size: 1.2em;
	color: #1a1a1a;
	line-height: 1.5em;
	}

section ul > li {
	color: #1a1a1a;
	font-family: OpenSansLight, system-ui, sans-serif;
	font-size: 1.2em;
	padding-left: 20px;
	padding-right: 10px;
	list-style: none;
	line-height: 1.5em;
	text-align: left;
	}

a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
	color: silver;
}


/* ----------------------------------------------------------------------------- *
 *                               subtitle box                                   *
 * ----------------------------------------------------------------------------- */

.subtitle-box {
	height: 100%;
}

.subtitle-box h2 {
	margin-top: 15%;
	margin-bottom: 15%;
	color: white;
	font-size: 6em;
	font-weight:lighter;
	text-align: center;
	}


/* ----------------------------------------------------------------------------- *
 *                              Hover-shadow-box                                 *
 * ----------------------------------------------------------------------------- */

.hover-shadow-box {
	align-content: space-between;
	margin: 5px;
	min-height: 200px;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	}

.hover-shadow-box:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 10px 0 rgba(0, 0, 0, 0.5);
	}

/* ----------------------------------------------------------------------------- *
 *                                   About                                       *
 * ----------------------------------------------------------------------------- */

.about-container-row {
	margin: 0 auto;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}

.about-logo {
	flex: 1;
	margin: 0 auto;
	max-width: 400px;
	max-height: 400px;
}

.about-logo img{
	margin: 0 auto;
	width: 100%;
}

.about-text {
	flex: 1;
}

/* ----------------------------------------------------------------------------- *
 *                                  Leistungen                                   *
 * ----------------------------------------------------------------------------- */

.leistungen-text {
	border-left: 5px solid silver;
	min-height: 90px;
	margin-left: 20px;
}

.leistungen-text h3 {
	font-family: OpenSansLight, system-ui, sans-serif;
	color: black;
	line-height: 1.0em;	
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 30px 10px 10px 30px;
	
	}

/* ----------------------------------------------------------------------------- *
 *                               Firmengründung                                  *
 * ----------------------------------------------------------------------------- */

.firmengruendung h5 {
	font-family: OpenSansLight, system-ui, sans-serif;
	color: white;
	line-height: 2.0em;	
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 10px 10px 10px 10px;
	text-align: center;
	background-color: #29293d;
	}

/* ----------------------------------------------------------------------------- *
 *                                  Footer                                       *
 * ----------------------------------------------------------------------------- */

footer {
	width: 100%;
	color: silver;
	background: black;
	}

.footer-content {
	padding: 70px 0 70px 0;
	}

.footer-container-row {
	margin: 0 auto;
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	}

.footer-content-bottom {
	padding: 20px 0 20px 0;
	background: silver;
	}
	
.footer-content-bottom p {
	font-family: OpenSansLight, sans-serif;
	font-size: 0.8em;
	color: black;
	}
.footer-content-bottom a {
	font-size: 1.0em;
	color: black;
	text-decoration: none;
	}

.footer-content-bottom a:hover {
	text-decoration: underline;
	opacity: 0.4;
	}