/** BASIC */

@charset 'utf-8';

html {
	height: 101%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #DFDFDF url(../images/homepage01.jpg) repeat-x left top;
}

.hl {
	color: red
}

.hersteller {
	min-height: 55px;
	margin-bottom: 15px
}

.hersteller img {
	float: left;
	margin-right: 15px;
}

.hersteller p {
	margin-left: 130px;
	text-align: left
}

.hersteller .head {
	text-transform: uppercase;
	font-weight: bold
}

.show {
	display: all
}

.hide {
	display: none
}


ul.bullet {
	list-style: url('/images/bulletpoint.png')
}


.subnav {
	margin-bottom: 25px
}

.subnav3 {
	margin: 0px 0 15px 10px;
	padding: 0;
	list-style: none
}

.sonderangebot-headline {
	font-size: 14px;
	background: red;
	padding: 5px;
	width: 200px;
	color: #fff;
	font-weight: bold
}

.preis {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #df212e;
	padding: 5px;
}

.preis-wrap {
	margin-top: 15px;
}

.preis2 {
	font-size: 15px;
	font-weight: bold;
	color: #df212e;

}

.preis-wrap2 {
	margin-top: 15px;
}

.angebot-text {
	font-size: 12px
}

.ablager-wrap {
	margin-top: 15px;
}

.ablager-wrap span {
	padding: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #df212e;
}

.listing-right {
	width: 400px;
	float: left;
	margin-bottom: 40px
}



div#lokal_hinweis {
	width: 50px;
	height: 20px;
	background: yellow;
	border: 1px solid #c0c0c0;
	border-top: none;
	text-align: center;
	font: bold 14px Arial;
	position: fixed;
	top: 0;
	left: 20;
	padding: 10px;
}


.jobsh2 {
	font-size: 18px;
	line-height: 1.5;
	color: #DE0000;
}

.jobsh3 {
	font-size: 16px;
	line-height: 1.5;
	color: #414141;
}

pre {
	font-family: Tahoma;
	line-height: 16px;
}

.end {
	clear: both;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
}

/** TEXTS */

body,
th,
td,
input,
textarea,
select {
	/* font-family: 'inter-web', Tahoma, Verdana, Arial, Helvetica, sans-serif; */
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	color: #7F7D7D;
}

figure {
	padding: 10px;
	margin: 20px 0;
	padding: 0
}

figure img {
	border: 1px solid #b8b8b8
}

figcaption {
	font-style: italic;
}

p,
blockquote {
	margin-top: 0px;
	margin-bottom: 1em;
	/* text-align: justify; */
	line-height: 16px;
}

table.daten p {
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: auto
}


ul,
ol,
dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	line-height: 16px;
}

.text1 {
	font-size: 10px;
	color: #525252;
}

.text2 {
	font-size: 11px;
	font-weight: bold;
	color: #5b5b5b;
}

.text3 {
	font-size: 22px;
	font-weight: bold;
	color: #3D3D3D;
}

.text4 {
	margin-bottom: 15px;
	font-size: 10px;
	font-weight: normal;
	color: #AFAFAF
}

.text5 {
	font-size: 11px;
	font-weight: bold;
	color: #5B5B5B;
}

.text6 {
	font-size: 11px;
	font-weight: bold;
	color: #525252;
}

.headline_home {
	font-size: 16px;
	font-weight: bold;
	color: #3D3D3D;
	margin-bottom: 3px;
}

/** LISTS */

.subnav {
	margin-left: 0px;
	padding-left: 23px;
	line-height: 20px;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list1 li {
	display: block;
	float: left;
	width: 129px;
	padding: 0px 10px 0px 12px;
	background: url(../images/homepage21.gif) repeat-y left top;
}

.list1 .first {
	padding-left: 0px;
	background: none;
}

.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 18px;
}

.list2 li {
	display: list-item;
	float: none;
	width: auto;
	padding: 0px;
	background: none;
}

.list3 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list3 li {
	display: block;
	height: 31px;
	padding: 5px 5px 0px 10px;
	line-height: normal;
}

.list4 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list4 li {
	display: block;
	padding: 5px 1px;
	background: url(../images/homepage24.gif) repeat-x left top;
}

.list4 a {
	text-decoration: none;
	color: #7F7D7D;
}

.list4 a:hover {
	text-decoration: underline;
}

.list4 .first {
	background-image: url(../images/spacer.gif);
}

/** LINKS */

a {
	color: #DE0000;
}

a:hover {
	text-decoration: none;
}

a.highlight {
	color: #5B5B5B;
}

.link1 {
	text-decoration: none;
	font-weight: bold;
	color: #5B5B5B;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	text-decoration: none;
	color: #7F7D7D;
}

.link2:hover {
	text-decoration: underline;
}

.link3 {
	display: block;
	height: 27px;
	padding: 5px 0px 0px 10px;
	background: url(../images/homepage12.jpg) no-repeat left top;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

/** STYLES */

.style1 {
	text-align: center;
	color: #A3A2A2;
}

.style1 a {
	color: #A3A2A2;
}

.style1 a:hover {}

/** BACKGROUNDS */

.bg1 {
	background: url(../images/homepage02.jpg) repeat-y left top;
}

.bg2 {
	background: url(../images/homepage05.jpg) no-repeat left top;
}

.bg3 {
	background: url(../images/homepage08.jpg) no-repeat left top;
}

.bg4 {
	background: url(../images/subpage1_02.gif) no-repeat left top;
}

.bg5 {
	background: url(../images/homepage09.jpg) repeat-x left top;
}

.bg6 {
	background: url(../images/homepage14.jpg) repeat-y left top;
}

.bg7 {
	background: url(../images/homepage15.jpg) repeat-x left top;
}

.bg8 {
	background: url(../images/homepage17.jpg) no-repeat left top;
}

.bg9 {
	background: url(../images/homepage22.gif) repeat-x left top;
}

.bg10 {
	background: url(../images/homepage23.gif) repeat-x left top;
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

img {
	border: none;
}

.img1 {
	float: left;
	margin: 0px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 0px 0px 0px 15px;
}

hr {
	display: none;
}

.hr1 {
	height: 1px;
}

/** TABLE Angebote */

table.angebote {
	width: 100%;
	border-collapse: collapse;
}

table.angebote th {
	text-align: left;
	vertical-align: top;
	background-color: #DE0000;
	color: #FFFFFF;
	padding: 7px;
	border: 1px solid #DE0000;
}

table.angebote td {
	vertical-align: top;
	padding: 7px;
	border: 1px solid #DE0000;
}

/** TABLE Produkte */

table.produkte {
	width: 100%;
	border-collapse: collapse;
}

table.produkte td {
	vertical-align: top;
	padding: 7px 0px;
}

/*
#wrapper {
	margin: 0 auto;
	margin-top: 0px
}
*/

.left {
	float: left;
}




/* ANFRAGEFORMULAR  ------------ */

.error {
	color: red;
	font-weight: bold;
}

.success {
	color: green;
	margin-bottom: 500px
}

.KontaktFormularLinks {
	vertical-align: top;
}

.kontakt-input {
	border: 1px solid #c0c0c0;
	top: 10px;
	padding: 3px;
	margin: 3px;
}

.small {
	font-size: 10px;
}

.absende-button {
	color: #000000;
}



/* ANFRAGEFORMULAR  ------------ */


/* EPROC */

#eproc-wasist h2 {
	padding: 10px 0px;
}

#eproc-wasist img {
	padding-bottom: 20px;
}


/* UEBER UNS --------------*/

table.ueberuns {
	text-align: center;
	margin: auto;
	width: 100%;
}

table.ueberuns td {
	text-align: center;


}

.ueberuns {
	text-align: center;
}

div#wirueberuns-links {
	float: left;
	width: 300px;
}

div#wirueberuns-rechts {
	float: right;
	width: 350px;
	text-align: center;

}

.ueber-bildunter {
	padding-top: 7px;
	padding-left: 28px;
}

table.ueberuns-projekte {
	text-align: center;
	margin: auto;
	width: 100%;
}

table.ueberuns-projekte td {
	padding: 20px;
}

table.ueberuns-projekte img {
	padding-bottom: 7px;
}

.ueberuns-produkte {
	padding: 20px 0px;
	margin: auto;
	text-align: center;
}

.ueber-gruppenbild {}

.garantie-rechts {
	float: right;
	width: 530px;
}


/* EVENTS */

.imageholder {
	position: relative;
	display: table;
	height: 160px;
	width: 160px;
	vertical-align: middle;
	text-align: center;
	float: left;
}

.inner {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

.inner img {
	display: inline;
	vertical-align: middle;
}

.events-img {
	border: 1px solid #c0c0c0;
	margin: 5px;
}

.events-img:hover {
	border: 1px solid red;
}

.red {
	color: red;
}




form[name="feedbackFormular"] label {
	width: 450px;
	display: inline-block;
	vertical-align: top;
}




/* EXPORT */

.exportlist {
	margin-left: -20px;
}

.boldul {
	font-weight: bold;
	text-decoration: underline;
}

.c {
	text-align: center;
}

.trennlinie {
	margin: auto;
	width: 100%;
	height: 1px;
	background-color: #c0c0c0;
}


/* �FFNUNGSZEITEN */

table.oeffnungszeiten {
	line-height: 16px;
	margin-top: 10px;
}

table.oeffnungszeiten th {
	text-align: left;
}


.aktiv {
	color: #DE0000;
	text-decoration: underline;
}



.aktiv2 {
	color: #DE0000;
}


.subnav a {
	color: #DE0000;
	text-decoration: none;
}

.subnav a:hover {
	text-decoration: underline;
}

.subnav .highlight {
	color: #5B5B5B;
	text-decoration: none;
}

.subnav .aktiv {
	text-decoration: underline;
}


table#firmengeschichte {
	font: 12px/16px Arial, Verdana, sans-serif;
	padding-left: 10px
}

table#firmengeschichte td {
	vertical-align: top;
	padding: 8px
}

table#firmengeschichte td.links {
	font-weight: bold;
	width: 30px
}

table#firmengeschichte tr {
	margin: 5px 0px
}








.wzm-hersteller {
	margin: 50px 20px 30px 0px
}


.wzm-hersteller2 {
	margin: 0 0 10px 0
}

.first {
	margin-top: 0px
}


.clearfix {
	clear: both
}

.produktlisting {
	margin-bottom: 35px;
	width: 700px;
}

.produktlisting2 {
	margin-bottom: 75px;
	width: 700px;
}

.produktlisting img {
	margin-right: 50px;
	float: left
}


.produktlisting .produktbez {
	font-weight: bold;
	font-size: 14px;
}

.produktlisting2 .produktbez {
	font-weight: bold;
	font-size: 16px;
	color: #3D3D3D;
	margin-bottom: 5px
}


.daten-wrap {

	margin: 50px 0px
}

table.daten {
	margin: 5px 0px 50px 0px
}

table.daten tr:nth-child(2n) {
	background-color: #ebebeb
}

table.daten th {
	color: #5b5b5b;
	background-color: #c5c5c5;
	font-weight: normal
}

table.daten th,
table.daten td {
	padding: 5px 10px;

}




.language {
	margin-top: -10px;
	color: #fff;
	text-decoration: none;
	margin-left: 10px
}

.language.aktiv {
	text-decoration: underline;
	font-weight: bold
}

.toplink {
	position: absolute;
	line-height: 1;
	top: 10px;
	color: #fff;
	text-decoration: none;
	margin-left: 18px
}


.copyright {
	color: #b8b8b8;
	font-size: 8px
}



.jobs {
	list-style: square outside;
	padding-left: 0;
	margin-left: 18px
}

.jobs li {
	font-size: 14px;
	line-height: 1.5;
	padding: 10px 0;
}

.jobs li a {
	color: #3D3D3D;
	font-weight: bold;
	text-decoration: none
}

.jobs li a:hover {
	color: #DE0000;
}





.dse h2,
.dse h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	/* text-align: justify; */
	line-height: 16px;
	font-size: 11px;
	font-weight: bold
}

.dse h3 {
	margin-bottom: 0
}

.important_message p {
	font-size: 14px;
	line-height: 1.4;
	color: #000
}


.column-1-3 {
	width: 33%;
	float: left
}




ol {
	counter-reset: articles;
	padding-left: 16px;
	list-style: none
}

ol>li.level-1 {
	font-weight: bold
}


ol li {
	counter-increment: articles;
	margin: 8px 0
}


ol li:before {
	content: counters(articles, '.') ' ';
	font-weight: bold;
	font-size: 1em
}

ol.level-1>li span.article {
	font-weight: bold
}

ol.level-1>li:before {
	content: "§ " counters(articles, '') ' ';
}













.contact-container {
	display: flex;
	flex-wrap: wrap
}


.contact {
	width: 33.3%;
	margin-bottom: 50px
}

.contact img {
	max-width: 200px;
	max-height: 200px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.contact p {
	text-align: left !important;
}



.kontakt {
	width: 200px;
	float: left;
	padding: 5px;
	background-color: transparent;
	margin-right: 29px;
	margin-bottom: 10px;
}

.kontakt p {
	text-align: left !important;
}


.kontakt-gruppenbild {
	margin-top: 5px;
	line-height: 1.4;
	float: left;
}

.kontakt img {
	padding-bottom: 5px;
	padding-left: 0px;
}



.button {
	background: #DE0000;
	padding: 10px 12px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 16px
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}