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

/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * Programming // Der Hersteller // www.der-hersteller.de                        *
 * Layout // XXX                                                                 *
 *                                                                               *
 * ----------------------------------------------------------------------------- */

/**
 * Theme Name:     XXX
 * Theme URI:      http://xxx.de/
 * Description:    Theme der ersten Generation für XXX
 * Author:         Der Hersteller
 * Author URI:     http://www.der-hersteller.de
 * Version:        1.0
 */




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * GLOBALS                                                                       *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
html {
	height: 101%;
}
body {
	font: 62.5%/1.5em 'open_sansregular', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgb(0,0,0);
}
body.index {
	width: 100%;
    height: 100%;
	display: table;
	text-align: center;
}

a {
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
a, a:active, a:link, a:visited {
    color: inherit;
    text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

.mobile-only {display: none !important}
.nowrap {white-space: nowrap;}
.uppercase {text-transform: uppercase;}

.box-sizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.flex {
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	align-items: center;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * TYPOSATZ                                                                      *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: 'open_sanssemibold';
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.2em;
	text-transform: uppercase;
	margin-bottom: 1.2em;
}
h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 1.2em;
	margin-top: 3em;
}
h3 {
	font-size: 1.82em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
}
h4 {	
}
h5 {	
}
p, #main ul {
	font-size: 1.8em;
	line-height: 1.6em;
	margin: 0 0 1.5em 0;
}
#main ul {
	list-style: none;
	padding: 0 0 0 0;
}
#main ul li {
	padding-left: 1em;
    position: relative;
}
#main ul li:before {
	content: "·";
	position: absolute;
	left: 0;
	font-size: 1.8em;
}
i, em {
	font-style: normal;
}
b, strong {
	font-weight: normal;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CONTAINER                                                                     *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
.index #wrapper {
	display: table-cell;
	vertical-align: middle;
}
#container {
	margin: 0 auto;
	padding: 3em;
}
#content {
	margin: 0 auto;
	padding: 3em;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * MAIN                                                                          *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#main {
	position: relative;
}
#main section {
	margin: 3em 0 8em 0;
}
#main img {
	max-width: 100%;
	height: auto;
	margin: 0;
}
#main .mail {
	position: absolute;
	bottom: 13.5%;
	left: 0;
	right: 0;
	height: 4em;
}
#main .impressum {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4em;
}