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

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


html {
	height: 101%;
}
body {
	font: 62.5%/1.5em 'source_sans_proregular', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgb(26,23,27);
	background: rgb(255,255,255);
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * TYPOSATZ                                                                      *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

#main h1 {
	font-size: 2.45em;
	line-height: 1.45em;
	padding: 0;
	margin: 0 0 0.5em 0;
}
#main h2 {
	font-size: 2.45em;
	line-height: 1.45em;
	padding: 0;
	margin: 2.9em 0 0.5em 0;
}
h3 {
}
h4 {	
}
h5 {	
}
#main p,
#main ul {
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 0 0 1.2em 0;
}
#main ul {
	list-style: none;
	padding: 0 0 0 0;
}
#main ul li {
	padding-left: 1em;
    position: relative;
	margin-bottom: 0.8em;
}
#main ul li:before {
	content: "·";
	position: absolute;
	left: 0;
	font-size: 1.6em;
}
#main ul li ul {
	font-size: 1em;
	margin-bottom: 0;
	margin-top: 0;
}
#main ul li ul li {
	margin-bottom: 0;
}

i, em {
	font-style: normal;
	font-family: 'source_sans_proitalic';
}
b, strong {
	font-weight: normal;
	font-family: 'source_sans_prosemibold';
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CLASS                                                                         *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

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

.nowrap {white-space: nowrap;}

.color-rot {
	color: rgb(205,9,32) !important;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * CONTAINER                                                                     *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#wrapper {
	margin: 6em auto;
	/*width: 100em;*/
	padding: 0 2em;
}
#container {
}
#content {
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * HEADER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#header {
	margin: 0 0 6em 0;
}
#header > .logo {
	float: left;
	width: 25%;
}
#header > .inside {
	float: right;
	width: 75%;
}
#header > .logo > h1 {
	font-size: 3em;
	line-height: 0.2em;
	letter-spacing: 0.01em;
	padding: 0;
	margin: 0 0 0.4em 0;
}
#header > .logo > p {
	font-family: 'source_sans_prosemibold';
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: 0.032em;
	margin: 0;
	padding: 0;
}
#header > .logo > h1 a {
	text-decoration: none;
	color: rgb(26,23,27);
}
#header > .logo > h1 a:hover,
#header > .logo > h1 a:active {
	color: rgb(205,9,32);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}



/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * NAVIGATION                                                                    *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#nav {
	float: left;
	width: 100%;
	margin-top: 1.85em;
}
#nav > ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav > ul > li {
	display: inline-block;
	margin-right: 14.000000000000002%;
}
#nav > ul > li:last-child {
	margin-right: 0;
}
#nav > ul > li > a {
	font-size: 1.6em;
	line-height: 1.5em;
	color: rgb(26,23,27);
}
#nav > ul > li:first-child a {
	text-decoration: none;
}
#nav > ul > li > a:hover,
#nav > ul > li > a:active,
#nav > ul > li > a.current,
#nav > ul > li.current-menu-item > a {
	color: rgb(205,9,32);
	text-decoration: underline;
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}

#footer-nav {
	float: right;
}
#footer-nav > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer-nav > ul > li {
	display: inline-block;
	margin-left: 4em;
}
#footer-nav > ul > li > a {
	font-size: 1.6em;
	line-height: 1.5em;
	color: rgb(26,23,27);
}
#footer-nav > ul > li:first-child a {
	text-decoration: none;
}
#footer-nav > ul > li > a:hover,
#footer-nav > ul > li > a:active,
#footer-nav > ul > li > a.current,
#footer-nav > ul > li.current-menu-item > a {
	color: rgb(205,9,32);
	text-decoration: underline;
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}





/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * MAIN                                                                          *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#main {
	float: right;
	width: 75%;
}
#main a {
	color: rgb(26,23,27);
}
#main a:hover,
#main a:active {
	color: rgb(205,9,32);
	-webkit-transition:0.4s linear;  
   	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;    
   	-o-transition:0.4s linear;  
   	transition:0.4s linear;
}
#main img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 5em 0 1.2em 0;
}




/* ----------------------------------------------------------------------------- *
 *                                                                               *
 * FOOTER                                                                        *
 *                                                                               *
 * ----------------------------------------------------------------------------- */
#footer {
	display: none;
	clear: both;
	padding-top: 6em;
}