#content {
	width: 100%;
	padding-top: 80px;
}

#rahmen {
	width: 100%;
}

#head {
	right: 0;
	margin: 0 auto;
}


/* Banner */
.motek-banner {
	width: 100%;
	background: #25292C;
}

.motek-banner img {
	width: 960px;
	margin: 0 auto 56px auto;
	display: block;
}


/* Video */
.motek-video {
	width: 980px;
	margin: 0 auto 60px;
}

.motek-video video {
	display: block;
	margin: 0 auto;
}


/* Text */
.motek-text {
	width: 700px;
	margin: 0 auto;
}

.motek-text h2 {
	font-size: 44px;
	line-height: 50px;
	display: block;
	margin: 0 0 32px 0;
	text-transform: uppercase;
	color: #000;
	font-family: 'Univers LT W01_67 Bold Cn Obl';
	text-align: center;
	font-weight: normal;
}

.motek-text p {
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	font-family: 'UniversLTW01-57Condense 723821',Arial narrow, Arial,Verdana,sans-serif;
	margin: 0 0 35px 0;
	padding-bottom: 0;
}

.motek-text .border-bottom {
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: solid 3px #000;
}

.motek-text strong {
	display: block;
	font-family: 'Univers LT W02_67 Bold Cond',Arial narrow, Arial,Verdana,sans-serif;
	font-weight: normal;
}

.motek-text ul {
	margin: 0 0 35px 0;
	padding: 0;
	list-style: none;
 -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.motek-text ul li {
	padding-left: 25px;
	position: relative;
	display: block;
	font-weight: 400;
	font-family: 'UniversLTW01-57Condense 723821',Arial narrow, Arial,Verdana,sans-serif;
	font-size:  18px;
	line-height: 25px;
	color: #000;
}

.motek-text ul li:nth-of-type(3) {
	padding-bottom: 0;
}

.motek-text ul li:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url('/fileadmin/landingpages/motek2017/Bulletpoint_dunkel.png') no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top:  5px;
	left: 0;
}

/* Störer */
.motek-stoerer {
	background: #282E31;
	padding: 5px 0;
	margin-bottom: 33px;
}

.motek-stoerer .motek-stoerer__inner {
	max-width: 980px;
	margin: 0 auto;
}

.motek-stoerer p {
	margin: 0;
	color: #fff;
	font-size: 60px;
	line-height: 67px;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 0;
	font-family: 'Univers LT W01_67 Bold Cn Obl';
	font-weight: normal;
}


/* Tabs */
.motek-tabs {
	width: 700px;
	display: block;
	margin: 0 auto 105px auto;
	display: flex;
	flex-wrap: wrap;
}

.motek-tabs input[type="radio"] {
	display: none;
}

.motek-tabs label {
  background: #fcdd00;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: #000;
  order: 1;
  width: calc((100% - 35px) / 4);
  padding: 10px 25px;
  box-sizing: border-box;
  margin-left: 5px;
  margin-right: 5px;
  transform: skewX(-10deg);
  cursor: pointer;
  font-family: 'Univers LT W01_67 Bold Cn Obl';
  font-weight: normal;
	text-transform: uppercase;
}

.motek-tabs label:last-of-type {
	margin-right: 0;
}

.motek-tabs label > span {
	display: table;
	height: 100%;
	width: 100%;
}

.motek-tabs label span span {
	display: table-cell;
	vertical-align: middle;
}

.motek-tabs .tab {
	order: 99;
	flex-grow:  1;
	width: 100%;
	display: none;
}

.motek-tabs .tab .motek-text {
	margin-top: 27px;
	padding-bottom: 17px;
	border-bottom: 3px solid #000;
}

.motek-tabs .tab .motek-text p {
	margin-bottom: 0;
}

.motek-tabs input[type="radio"]:checked + label {
	background: #282E31;
	color: #fff;
}

.motek-tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

/* twocol */
.motek-twocol {
	width: 700px;
	margin: 0 auto 35px auto;
 -webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.motek-twocol > div {
	height: 200px;
}

.motek-twocol > div:nth-of-type(2) {
	margin-bottom: 0;
}

.motek-twocol > div span {
	font-size: 18px;
	line-height: 20px;
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
	font-weight: normal;
	font-family: 'Univers LT W02_67 Bold Cond',Arial narrow, Arial,Verdana,sans-serif;
}

.motek-twocol > div span:before {
	content: "";
	width: 15px;
	height: 15px;
	background: url('/fileadmin/landingpages/motek2017/Bulletpoint_dunkel.png') no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	top:  3px;
	left: 0;
}

.motek-twocol p {
	font-size: 18px;
	line-height: 25px;
	font-family: 'UniversLTW01-57Condense 723821',Arial narrow, Arial,Verdana,sans-serif;
	margin: 0 0 0 0;
	padding-bottom: 0;
}


/* Threecol */
.motek-threecol {
	background: #ffee00;
	margin-bottom: 34px;
}

.motek-threecol__inner {
	width: 980px;
	margin: 0 auto;
	background-image: url('/fileadmin/landingpages/motek2017/fl_benefits_dt.jpg');
	background-repeat: no-repeat;
	display:  flex;
	flex-wrap:  nowrap;
	flex-direction: row;
	background-size: contain;
    padding-top: 26px;
    padding-bottom: 26px;
    height: 266px;
    box-sizing: border-box;
}

.motek-threecol__inner strong {
	font-size: 107px;
	line-height: 90px;
	display: block;
	margin-bottom: 8px;
	color: #000;
	text-align: center;
	font-family: 'Univers LT W01_67 Bold Cn Obl';
	font-weight: normal;
}

.motek-threecol__inner span {
	display: block;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 3px;
	color: #000;
	text-align: center;
	font-family: 'UniversLTW01-47LightCn',Arial narrow, Arial,Verdana,sans-serif;
}

.motek-threecol__inner p {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: center;
	margin: 0;
	font-family: 'Univers LT W02_67 Bold Cond',Arial narrow, Arial,Verdana,sans-serif;
	font-weight: normal;
}

.motek-threecol__inner > div:nth-of-type(1) {
	flex-basis: 327px;
}

.motek-threecol__inner > div:nth-of-type(2) {
	flex-basis: 326px;
}

.motek-threecol__inner > div:nth-of-type(3) {
	flex-basis: 327px;
}


/* Kontakt */
.csc-default #mailform {
	width: 700px;
	margin: 0 auto;
	background: #fff;
	margin-top: 0;
	padding: 0;
}

.csc-default .csc-mailform {
	position: relative;
}

.csc-default .csc-mailform .csc-mailform-field {
	width: 342px;
	border-top:  none;
	border-bottom: none;
}

.csc-mailform .csc-mailform-field:nth-of-type(1) label {
	display: none !important;
}

.csc-mailform .csc-mailform-field:nth-of-type(1) #mailformAnrede {
	padding-top: 0;
	padding-bottom: 30px;
}

.csc-mailform .csc-mailform-field:nth-of-type(1) #mailformAnrede label {
	text-transform: none;
	padding-right: 25px;
}

.csc-mailform .csc-mailform-field:nth-of-type(5) {
	position: absolute;
	top: 59px;
	right: 0;
}

.csc-mailform .csc-mailform-field:nth-of-type(6) {
	width: auto;
}

#mailform .csc-mailform-field #mailformformtype_mail {
	margin: 0;
	float: right;
}

.csc-default #mailform .csc-mailform .csc-mailform-field label {
	margin-top: 0;
}

.csc-default #mailform .csc-mailform .csc-mailform-field input[type="text"],
.csc-default #mailform .csc-mailform .csc-mailform-field input[type="email"],
.csc-default #mailform .csc-mailform .csc-mailform-field textarea {
	width: 100%;
	height: 27px;
	font-size:  16px;
	margin-bottom: 27px;
	background: #eee;
}

.csc-default #mailform .csc-mailform .csc-mailform-field textarea {
	height: 182px;
}



.tcs {
	background-image: url("weiss-tc-kampagne-generationen-gewinnspiel-rundtisch-sonderlackierung.png");
	width: 700px;
	height: 500px;
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
	margin: auto;
}

.tc1 {
	width: 345px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 182px;
	margin-left: 70px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
	font-family: arial;
	color: white;
}

.tc1 > ul{
	font-family: arial;
	color: white;
}

.plus-tc1:hover + .tc1 {
	visibility: visible;
  	opacity: 1;

}

.plus-tc1{
	position: absolute;
	margin-top: 278px;
	margin-left: 125px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-tc1:hover {
	transform: scale(1.1); 
}



.tc2 {
	width: 345px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 152px;
	margin-left: 90px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
	font-family: arial;
	color: white;
}

.tc2 > ul{
	font-family: arial;
	color: white;
}

.plus-tc2:hover + .tc2 {
	visibility: visible;
  	opacity: 1;

}

.plus-tc2{
	position: absolute;
	margin-top: 278px;
	margin-left: 285px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-tc2:hover {
	transform: scale(1.1); 
}


.tc3 {
	width: 345px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 152px;
	margin-left: 120px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
	font-family: arial;
	color: white;
}

.tc3 > ul{
	font-family: arial;
	color: white;
}

.plus-tc3:hover + .tc3 {
	visibility: visible;
  	opacity: 1;

}

.plus-tc3{
	position: absolute;
	margin-top: 278px;
	margin-left: 445px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-tc3:hover {
	transform: scale(1.1); 
}


.tc4 {
	width: 345px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 152px;
	margin-left: 280px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
	font-family: arial;
	color: white;
}

.tc4 > ul{
	font-family: arial;
	color: white;
}

.plus-tc4:hover + .tc4 {
	visibility: visible;
  	opacity: 1;

}

.plus-tc4{
	position: absolute;
	margin-top: 278px;
	margin-left: 605px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-tc4:hover {
	transform: scale(1.1); 
}


.lshybrid {
	background-image: url("LSH_Explosionszeichnung_Beauty_02_klein.jpg");
	width: 700px;
	height: 500px;
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
	margin: auto;
}

.lshybrid strong{
	text-transform: uppercase;
	font-family: Arial;
	color: white;
	font-size: 13px;
	font-weight: 600;
}

.lshybrid li {
	font-family: Arial;
	color: white;
	font-size: 13px;
	font-weight: 400;
}

.lshybrid li{
	margin-left: -20px;
	font-family: Arial;
	font-size: 13px;
	font-weight: 400;
}

.lshybrid ul{
	list-style-type: none;
}

hr{
	border-color: yellow;
	border: 2px;
	margin: 5px;
}



.gehaeuse {
	width: 345px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 152px;
	margin-left: 90px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-gehaeuse:hover + .gehaeuse {
	visibility: visible;
  	opacity: 1;

}

.plus-img-gehaeuse {
	position: absolute;
	margin-top: 127px;
	margin-left: 285px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-gehaeuse:hover {
	transform: scale(1.1); 
}



.band {
	width: 320px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 155px;
	margin-left: 90px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-band:hover + .band {
	visibility: visible;
  	opacity: 1;

}

.plus-img-band {
	position: absolute;
	margin-top: 132px;
	margin-left: 202px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-band:hover {
	transform: scale(1.1); 
}



.antrieb {
	width: 360px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 70px;
	margin-left: 78px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-antrieb:hover + .antrieb {
	visibility: visible;
  	opacity: 1;

}

.plus-img-antrieb {
	position: absolute;
	margin-top: 187px;
	margin-left: 52px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-antrieb:hover {
	transform: scale(1.1); 
}



.umlenkung {
	width: 380px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 148px;
	margin-left: 55px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-umlenkung:hover + .umlenkung {
	visibility: visible;
  	opacity: 1;

}

.plus-img-umlenkung {
	position: absolute;
	margin-top: 279px;
	margin-left: 134px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-umlenklung:hover {
	transform: scale(1.1); 
}



.grundgestell {
	width: 360px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 215px;
	margin-left: 50px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-grundgestell:hover + .grundgestell {
	visibility: visible;
  	opacity: 1;

}

.plus-img-grundgestell {
	position: absolute;
	margin-top: 295px;
	margin-left: 319px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-grundgestell:hover {
	transform: scale(1.1); 
}



.ecam {
	width: 420px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 213px;
	margin-left: 90px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-ecam:hover + .ecam {
	visibility: visible;
  	opacity: 1;

}

.plus-img-ecam {
	position: absolute;
	margin-top: 380px;
	margin-left: 480px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
}

.plus-img-ecam:hover {
	transform: scale(1.1); 
}

#ecam{
	float: left;
}

#patent{
	font-weight: 200;
	float: left;
	text-transform: uppercase;
	font-family: Arial;
	color: white;
	font-size: 13px;
	font-weight: 200;
	margin-left: 5px;
}

.fuehrung {
	width: 360px;
	background-color: #282e31;
	padding: 14px;
	border-radius: 12px;
	position: absolute;
	margin-top: 215px;
	margin-left: 260px;
	border-color: yellow;
	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s ease-out, opacity 0.2s ease-out;
}

.plus-img-fuehrung:hover + .fuehrung {
	visibility: visible;
  	opacity: 1;

}

.plus-img-fuehrung {
	position: absolute;
	margin-top: 190px;
	margin-left: 470px;
	width: 17px;
	height: 17px;
	background-image: url("add-plus.png");
	background-position: center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover;
	z-index: 100;
}

.plus-img-fuehrung:hover {
	transform: scale(1.1); 
}