/*genrated on 2025-19-05 10:57:20************************************************************************************/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-300.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-300.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-regular.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-regular.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-500.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-500.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-600.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-600.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-700.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-700.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-800.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-800d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-800.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-300italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-300italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-300italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-500italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-500italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-500italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-500italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-600italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-600italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-600italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-700italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-700italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../../_libs/fonts/google/open-sans-v34-latin-800italic.eot');
  src: local(''), url('../../_libs/fonts/google/open-sans-v34-latin-800italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/open-sans-v34-latin-800italic.svg#OpenSans') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-200.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-200d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-200.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-200italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-200italic.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-200italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-200italic.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-300.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-300.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-300italic.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-300italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-300italic.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-regular.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-regular.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-italic.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-italic.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-600.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-600.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-600italic.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-600italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-600italic.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-700.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-700.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-700italic.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-700italic.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../../_libs/fonts/google/titillium-web-v15-latin-900.eot');
  src: local(''), url('../../_libs/fonts/google/titillium-web-v15-latin-900d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../_libs/fonts/google/titillium-web-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../_libs/fonts/google/titillium-web-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../_libs/fonts/google/titillium-web-v15-latin-900.svg#TitilliumWeb') format('svg');
  
  /* IE9 Compat Modes */
  /* Legacy iOS */
}
/*Wichtig: Nur hier die Schriftart/Gr??e f?r Editor setzen*/
td,
body {
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
}
table {
  width: 100%;
}
td {
  padding: 0px;
  vertical-align: top;
}
a img {
  border: none;
}
h1,
h2,
h3 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: normal;
}
h1 {
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 6px;
  line-height: 31px;
}
h2 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 21px;
  line-height: 26px;
}
h3 {
  margin-top: 0px;
  margin-bottom: 6px;
  font-size: 17px;
}
ul {
  margin: 0px;
  padding: 0px;
  padding-left: 5px;
  margin: 7px 0px 7px 7px;
}
li {
  list-style: none;
  background: url("images/ico_li.jpg");
  background-position: 0px 8px;
  background-repeat: no-repeat;
  padding: 1px 0px 1px 22px;
}
p {
  margin-top: 3px;
  margin-bottom: 3px;
}
body,
html {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  font-size: 13px;
  color: #504d4d;
  overflow: hidden;
}
/*useful config (don't delete)*/
html {
  overflow-y: scroll;
}
span a {
  cursor: pointer;
}
form {
  margin: 0px;
}
a {
  outline: none;
  text-decoration: none;
  color: #292929;
}
.BodyHolder {
  width: 100%;
  background-color: #32567a;
}
#BodyHolderInner {
  background: url("images/bgd_full.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 120% auto;
  background-color: #000000;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}
/*.BodyHolderInner*/
.site_id_22 {
  /*.BodyHolderInner*/
}
.site_id_22 #BodyHolderInner {
  background: url("images/bgd_full_50.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 120% auto;
  background-color: #000000;
  width: 100%;
  min-height: 100%;
  z-index: 2;
}
.headerTopSpacer {
  width: 100%;
  height: 37px;
  display: inline-block;
}
.headerTop {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: #003f74;
  background-color: rgba(0, 63, 116, 0.7);
  display: inline-block;
  z-index: 999;
  /*.headerTop*/
}
.headerTop .headerTopInner {
  width: 750px;
  margin: 0px auto 0px auto;
  height: 40px;
  padding-left: 90px;
  text-align: left;
}
.headerTop a {
  color: #f0f0f0;
  letter-spacing: 0.5px;
  text-decoration: none;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  margin-right: 35px;
}
.headerTop a strong {
  font-weight: 700;
}
.headerTop a:hover {
  color: #ffffff;
}
.headerTop a.phone {
  background: url("images/ico_phone.png");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 0px 11px;
  padding-left: 23px;
}
/*.headerTop */
/* background-attachments */
div.fbsection {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  display: block;
  padding-bottom: 300px;
  max-height: 100%;
}
.wrapper {
  width: 90%;
  background-color: #ffffff;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
  min-height: 5px;
  text-align: center;
  padding: 0px 0px 40px 0px;
  position: relative;
}
.wrapper .inlayFB {
  width: 994px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px auto 0px auto;
  text-align: left;
}
#inlay1 {
  min-height: 200px;
}
#wrapper1 {
  padding-top: 0px;
  padding-bottom: 1px;
}
#wrapper1.wrapperStart {
  height: 402px;
}
.wrapper::before {
  background: #ffffff none repeat scroll 0 0;
  content: "";
  display: inline-block;
  float: right;
  height: 100%;
  position: absolute;
  left: -490px;
  top: 0;
  width: 500px;
  z-index: 0;
}
.wrapper {
  background: #fff none repeat scroll 0 0;
  border-bottom: 5px solid #195282;
  left: 0%;
  position: relative;
  -ms-transform: skew(-15deg, 0deg);
  -webkit-transform: skew(-15deg, 0deg);
  transform: skew(-15deg, 0deg);
  width: 95%;
  z-index: 20;
}
.wrapper .inlayFB {
  width: 994px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0px auto 0px auto;
  text-align: left;
  -ms-transform: skew(15deg, 0deg);
  -webkit-transform: skew(15deg, 0deg);
  transform: skew(15deg, 0deg);
  z-index: 30;
}
#wrapper2.wrapperStart {
  position: relative;
  padding-bottom: 0px;
  height: 5px;
  width: 100%;
  background-color: #f2f0f0;
}
#wrapper2.wrapperStart .complextypes-ContentTeaser-skin {
  position: absolute;
  top: -645px;
  left: -55px;
}
/*#wrapper2.wrapperStart*/
#wrapper3.wrapperStart {
  width: 100%;
  left: 0px;
  transform: skew(0deg, 0deg);
}
#wrapper3.wrapperStart .inlayFB {
  transform: skew(0deg, 0deg);
}
#wrapper3.wrapperStart::after {
  display: none;
}
/*#wrapper4 */
#inlay3 {
  min-height: 100px;
  padding-top: 40px;
  width: 90%;
}
#inlay4 {
  min-height: 300px;
}
#inlay5 {
  min-height: 300px;
}
#inlay6 {
  min-height: 300px;
}
.fbsection {
  min-height: 1px;
  display: block;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.spacerFb {
  width: 100%;
  height: 8px;
  display: block;
  margin-top: 1px;
  background-color: #353534;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 50 );
  display: none;
}
#fbsection1 {
  xbackground-image: url("images/1.html");
  background-position: center bottom;
  padding-bottom: 200px;
}
#fbsection1.fbStart {
  padding-bottom: 750px;
}
#fbsection2 {
  xbackground-image: url("images/2.html");
  background-position: center bottom;
}
#fbsection2.fbStart {
  padding-bottom: 0px;
  background-image: none;
  xbackground-color: rgba(0, 0, 0, 0.7);
  background-color: #FFFFFF;
  height: 4px !important;
}
#fbsection3 {
  padding-bottom: 50px;
}
#fbsection3 .partnerContainer {
  position: relative;
}
#fbsection3 .partnerContainer h2 {
  position: absolute;
  top: -100px;
  font-size: 31px;
  font-weight: 600;
  color: #ffffff;
  width: 100%;
  text-align: center;
  font-style: italic;
  letter-spacing: 1px;
  display: none;
}
#fbsection3 .partnerContainer h2 span {
  color: #ffed00;
  font-size: 31px;
}
/*#fbsection3*/
#fbsection3.fbStart {
  padding-bottom: 0px;
}
#containerBGD {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  padding: 0px 0px 0px 0px;
  /*#containerBGD*/
}
#containerBGD #containerBGDInner {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  padding: 0px 0px 0px 0px;
}
/*#containerBGD*/
.containerTop {
  text-align: left;
  width: 994px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
}
.containerTop .inlay {
  position: fixed;
  width: 994px;
  height: 5px;
  z-index: 999;
}
.containerTop .logo {
  background: url("images/logo.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 300px auto;
  position: absolute;
  width: 300px;
  height: 53px;
  top: 5px;
  right: 55px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  z-index: 9999;
}
.containerTop .logo_bgd {
  position: absolute;
  width: 1020px;
  height: 171px;
  top: -42px;
  right: -470px;
  pointer-events: none;
  background: url("images/bgd_logo_3.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: 9998;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
/*.containerTop*/
.containerTop.hideContainerTop .logo {
  background: url("images/logo.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 250px auto;
  position: absolute;
  width: 250px;
  height: 53px;
  top: -10px;
  right: 55px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 9999;
}
.containerTop.hideContainerTop .logo_bgd {
  height: 120px;
  top: -64px;
  right: -470px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  pointer-events: none;
  background: url("images/bgd_logo_3.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  z-index: 9998;
}
div#middle {
  width: 100%;
  float: left;
  min-height: 288px;
}
div#containerMiddle {
  text-align: left;
  min-height: 287px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 1024px;
  /*#middle*/
}
div#containerMiddle #middle {
  text-align: left;
  width: 1024px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
/*div#containerMiddle*/
div#containerMiddle.containerMiddleStart {
  width: 100%;
  min-height: 452px;
}
#mainMiddle {
  text-align: left;
  width: 994px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  border: none;
  min-height: 100px;
}
#inlayMiddle {
  width: 994px;
  float: left;
  padding-bottom: 30px;
  min-height: 100px;
}
#spacerMiddle {
  width: 100%;
  height: 45px;
  background: url("images/bgd_middle.png");
  background-position: 0px 0px;
  background-repeat: repeat-x;
  margin: 0px auto 0px auto;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 20 );
}
#mainMiddle.cobotPage {
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  border: none;
  min-height: 100px;
  font-size: 12px;
  /*#inlayMiddle */
  /*#inlayMiddle */
  /*#inlayMiddlePackage*/
  /*#inlayMiddleDownload*/
}
#mainMiddle.cobotPage #inlayMiddle {
  width: 994px;
  float: none;
  background-color: #FFF;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
  min-height: 400px;
  padding-left: 25px;
  padding-right: 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
}
#mainMiddle.cobotPage #inlayMiddle .contentPage {
  width: 100%;
}
#mainMiddle.cobotPage #inlayMiddle .Text_4 {
  background-color: #012d52;
  color: #FFF;
  padding: 10px 15px 10px 15px;
  margin-top: 20px;
  font-size: 14px;
}
#mainMiddle.cobotPage #inlayMiddle .Text_4 strong {
  color: #ffed00;
}
#mainMiddle.cobotPage #inlayMiddleVideo {
  max-width: 994px;
  width: 100%;
  float: none;
  min-height: 400px;
  padding: 20px 0px 10px 0px;
  margin: 55px auto 55px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  text-align: center;
}
#mainMiddle.cobotPage #inlayMiddleVideo iframe {
  width: 100% !important;
  max-width: 800px;
  height: 100% !important;
  min-height: 350px;
  max-height: 450px;
}
#mainMiddle.cobotPage #inlayMiddleLorch {
  width: 994px;
  float: none;
  min-height: 400px;
  padding: 20px 0px 10px 0px;
  margin: 55px auto 55px auto;
  background-color: #FFF;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  text-align: center;
  /*.contenPage*/
  /*.contentPageText*/
  /*.contentPageImage */
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPage {
  width: 100%;
  text-align: center;
  position: relative;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageText {
  width: calc(100% - 645px);
  float: left;
  font-size: 32px;
  text-align: left;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p {
  background-color: #195282;
  color: #FFF;
  display: inline;
  font-size: 45px;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 72px;
  padding: 5px 10px 5px 10px;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p.sec {
  color: #22272a;
  line-height: 60px;
  padding-left: 33px;
  background-color: #FFF;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageText .partner {
  width: 250px;
  height: auto;
  position: absolute;
  right: 0px;
  top: 0px;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage {
  width: 600px;
  float: left;
}
#mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage img {
  max-width: 580px;
  height: auto;
  margin-left: -25px;
  margin-top: 20px;
}
#mainMiddle.cobotPage #inlayMiddleProduct {
  width: 994px;
  float: none;
  min-height: 400px;
  padding: 0px;
  margin: 55px auto 55px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  text-align: center;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPage {
  width: 100%;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageImage {
  position: relative;
  max-width: 315px;
  height: auto;
  float: right;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageImage img {
  max-width: 315px;
  height: auto;
  z-index: 2;
  position: relative;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageImage::after {
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  -webkit-transform: skew(-24deg);
  -moz-transform: skew(-24deg);
  -o-transform: skew(-24deg);
  transform: skew(-24deg);
  height: 100%;
  right: -35px;
  position: absolute;
  width: 100%;
  z-index: 1;
  max-width: 315px;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageText {
  position: relative;
  max-width: calc(100% - 410px);
  height: auto;
  float: left;
  height: 570px;
  text-align: left;
  background-color: #ffffff;
  padding: 20px 25px 30px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageText .Text {
  z-index: 2;
  width: 100%;
  position: relative;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageText .Text_1 {
  width: 660px;
}
#mainMiddle.cobotPage #inlayMiddleProduct .contentPageText::after {
  background-color: #ffffff;
  content: "";
  -webkit-transform: skew(-24deg);
  -moz-transform: skew(-24deg);
  -o-transform: skew(-24deg);
  transform: skew(-24deg);
  height: 570px;
  right: -125px;
  top: 0px;
  position: absolute;
  width: 100%;
  z-index: 1;
  max-width: calc(100% - 95px);
}
#mainMiddle.cobotPage #inlayMiddlePackage {
  width: 994px;
  float: none;
  min-height: 400px;
  padding: 0px;
  margin: 20px auto 20px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  text-align: left;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage {
  width: 100%;
  background-color: #fff;
  padding: 20px 0px 5px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  /*table */
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table {
  /*tr*/
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr {
  /*td*/
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr td {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  width: 240px;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr td img {
  height: 20px;
  width: auto;
  margin-top: 7px;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr td.one {
  width: 260px;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr.row:nth-child(even) {
  background-color: #eee;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr th.lorchImg img {
  width: 720px;
  height: auto;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr th {
  font-weight: 300;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr th h2 {
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 24px;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr th.first {
  padding-left: 20px;
  line-height: 20px;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr th.first span {
  font-size: 16px;
  display: block;
  width: 100%;
  font-weight: 500;
  margin-bottom: 5px;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr.headerLine {
  background-color: #012d52;
  color: #FFF;
  font-size: 21px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  font-weight: 300;
}
#mainMiddle.cobotPage #inlayMiddlePackage .contentPage table tr.headerLine th {
  font-weight: 300 !important;
}
#mainMiddle.cobotPage #inlayMiddleDownload {
  width: 994px;
  float: none;
  min-height: 400px;
  padding: 0px;
  margin: 20px auto 20px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
}
#mainMiddle.cobotPage #inlayMiddleDownload .contentPage {
  width: 100%;
  padding: 20px 25px 30px 25px;
  padding: 20px 0px 30px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#mainMiddle.cobotPage #inlayMiddleCobotronic {
  width: 994px;
  float: none;
  min-height: 400px;
  padding: 0px;
  margin: 20px auto 20px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  text-align: left;
}
#mainMiddle.cobotPage #inlayMiddleCobotronic .contentPage {
  width: 100%;
  background-color: #FFF;
  padding: 20px 25px 30px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage {
  position: relative;
  max-width: 400px;
  height: auto;
  float: right;
}
#mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage img {
  max-width: 400px;
  height: auto;
  z-index: 2;
  margin-top: 10px;
  position: relative;
}
#mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageText {
  position: relative;
  max-width: calc(100% - 420px);
  height: auto;
  float: left;
  min-height: 70px;
  text-align: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px;
}
/*#mainMiddle.cobotPage*/
.scrollOverlay {
  display: none;
}
#containerMiddle.cobotPage {
  padding-top: 90px;
  width: 994px;
  /*#title*/
}
#containerMiddle.cobotPage #title {
  color: #FFF;
  font-size: 40px;
  line-height: 65px;
  font-weight: 600;
  /*#titleBig*/
}
#containerMiddle.cobotPage #title #titleBig {
  color: #FFF;
  font-size: 35px;
  line-height: 75px;
  font-weight: 600;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
  margin-top: 30px;
  /*span.top */
  /*span.top */
}
#containerMiddle.cobotPage #title #titleBig span {
  font-size: 75px;
  width: 100%;
  display: block;
}
#containerMiddle.cobotPage #title #titleBig span.invertech {
  color: #ffed00;
  font-size: 65px;
}
#containerMiddle.cobotPage #title #titleBig span.top {
  font-size: 100px;
  letter-spacing: 1px;
  font-weight: 600;
  line-height: 75px;
  margin-left: 0px;
}
#containerMiddle.cobotPage #title #titleBig span.bot {
  font-size: 35px;
  line-height: 47px;
}
/*#containerMiddle.cobotPage*/
#titleSub {
  width: 100%;
  font-size: 47px;
  line-height: 64px;
  background-color: rgba(1, 45, 82, 0.8);
  text-align: center;
  font-weight: 200;
  padding: 10px 0px 5px 0px;
  color: #FFF;
  max-width: 994px;
  margin: 20px auto 1px auto;
}
/*#titleSub*/
div#top {
  width: 100%;
  height: 1px;
  background-color: #F0F0F0;
}
div#main {
  min-height: 300px;
}
.textStart {
  width: 640px;
  float: left;
  min-height: 10px;
  padding-right: 50px;
}
.textStart .TextItem {
  margin-top: 30px;
  width: 440px;
}
.News {
  width: 490px;
  height: 278px;
  display: block;
  float: left;
  margin-top: 40px;
}
.News:hover {
  cursor: pointer;
}
.Angebot {
  width: 502px;
  height: 284px;
  display: block;
  float: left;
  margin-top: 40px;
  margin-bottom: 10px;
}
.Angebot:hover {
  cursor: pointer;
}
.topAngebote {
  width: 100%;
  height: 300px;
}
/*.topAngebote*/
div#footer {
  width: 100%;
  height: 214px;
  background: url("images/bgd_footer.png");
  background-position: 0px 0px;
  background-repeat: repeat-x repeat-y;
  clear: both;
  /*.inlay*/
}
div#footer .inlay {
  width: 994px;
  height: 187px;
  margin: 0px auto 0px auto;
  padding-top: 20px;
  text-align: left;
  font-size: 16px;
  font-size: 14px;
  font-weight: 300;
  /*.area*/
  /*.area_right*/
}
div#footer .inlay .area {
  width: 380px;
  float: left;
  height: 164px;
  font-family: 'Fira Sans', Arial, sans-serif;
  /*.areaTitle*/
}
div#footer .inlay .area .areaTitle {
  font-weight: 400;
  font-size: 18px;
  width: 160px;
  height: 45px;
  padding-left: 20px;
  line-height: 40px;
  margin: 0px 0px 20px 0px;
  color: #FFF;
}
div#footer .inlay .area_2 {
  width: 255px;
  position: relative;
  margin-left: 160px;
}
div#footer .inlay .area_2 a {
  color: #FFF;
}
div#footer .inlay .area_3 {
  width: 180px;
}
div#footer .inlay .area_4 {
  width: 175px;
  background-color: #FFF;
  background: url("images/googleMaps.jpg");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: none;
}
div#footer .inlay .area_bottom {
  width: 440px;
  float: left;
  height: 30px;
  color: #FFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 11px;
  line-height: 35px;
}
div#footer .inlay .area_bottom a {
  color: #FFF;
}
div#footer .inlay .area_right {
  float: right;
  text-align: right;
}
/*div#footer */
.fb_logo {
  background: url("images/fb_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 29px;
  margin-right: 10px;
  opacity: 1;
  width: 114px;
  position: absolute;
  left: 275px;
  top: 5px;
}
#mainSiteTitle {
  max-width: 290px;
  height: 52px;
  display: block;
  background-color: rgba(0, 63, 116, 0.7);
  position: absolute;
  left: 50%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -530px;
  bottom: 0px;
  z-index: 998;
  line-height: 52px;
}
#mainSiteTitle h1 {
  font-family: 'Fira Sans', sans-serif;
  color: #FFF;
  font-weight: 300;
  font-size: 30px;
  text-align: center;
  margin: 0px;
  line-height: 52px;
}
/*#mainSiteTitle */
#main-contentteaser {
  width: 1060px;
  min-height: 505px;
  float: left;
}
#main-contentteaser::before {
  top: 0;
  transform: skew(-30deg, 0deg);
}
#main-contentteaser::before,
#main-contentteaser::after {
  background-color: rgba(255, 255, 255, 0.2);
  content: "";
  height: 50%;
  left: -130px;
  position: absolute;
  width: 160%;
  z-index: -1;
}
#main-contentteaser::after {
  bottom: 0;
  transform: skew(30deg, 0deg);
}
#main-contentteaser .layer::before {
  top: 0;
  transform: skew(-30deg, 0deg);
}
#main-contentteaser .layer::before,
#main-contentteaser .layer::after {
  background-color: rgba(25, 82, 130, 0.7);
  content: "";
  height: 50%;
  left: -1135px;
  position: absolute;
  width: 1000px;
  z-index: -1;
}
#main-contentteaser .layer::after {
  bottom: 0;
  transform: skew(30deg, 0deg);
}
.ContentTeaser {
  width: 295px;
  height: 290px;
  float: left;
  margin: 90px 50px 0px 0px;
  margin-top: 15px;
  padding: 10px 10px 0px 10px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  background-color: rgba(0, 63, 116, 0.05);
  border-bottom: 5px solid transparent;
}
.ContentTeaser .img {
  width: 295px;
  height: 160px;
  display: block;
}
.ContentTeaser .title {
  font-family: 'Fira Sans', sans-serif;
  color: #ffffff;
  font-size: 17px;
  margin-left: 5px;
  font-weight: 600;
  height: 35px;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
  line-height: 35px;
}
.ContentTeaser .text {
  color: #d1d1d1;
  font-size: 14px;
  display: block;
  margin-left: 5px;
  line-height: 20px;
}
.ContentTeaser:hover {
  xbackground-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(0, 11, 23, 0.75);
  border-bottom: 5px solid #003F74;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.ContentTeaser*/
.ContentTeaser_mod3 {
  margin-right: 0px;
  margin-left: 1px;
}
/*.ContentTeaser_mod3*/
div#navigation {
  /* Navigation - Global*/
  position: absolute;
  width: 732px;
  height: 55px;
  top: 0px;
  left: -30px;
  background-color: #FFF;
  z-index: 999;
  opacity: 0.95;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 95 );
  padding-left: 20px;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  /*.navbutton */
  /*.navbutton.active */
  /*.subnavDropdown*/
}
div#navigation .navbutton {
  display: block;
  height: 45px;
  line-height: 60px;
  margin-bottom: 1px;
  text-align: center;
  font-size: 17px;
  text-decoration: none;
  color: #666666;
  float: left;
  width: 65px;
  font-weight: 300;
  font-family: 'Fira Sans', sans-serif;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  margin-right: 5px;
}
div#navigation .navbutton:hover {
  background-color: #E6E6E6;
  height: 55px;
  cursor: pointer;
}
div#navigation .navbutton.active {
  color: #504D4D;
  background-color: #E6E6E6;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
div#navigation .navbutton.active:hover {
  background-color: #E6E6E6;
  cursor: pointer;
  color: #504d4d;
}
div#navigation #navbutton_3,
div#navigation #navbuttonContainer_3 {
  width: 120px;
}
div#navigation #navbutton_4,
div#navigation #navbuttonContainer_4 {
  width: 80px;
}
div#navigation #navbutton_5,
div#navigation #navbuttonContainer_5 {
  width: 80px;
}
div#navigation #navbutton_6,
div#navigation #navbuttonContainer_6 {
  width: 80px;
}
div#navigation .navbutton_active {
  color: #ffffff;
  height: 55px;
  border-left: 1px solid #7e7e7f;
  border-right: 1px solid #7e7e7f;
  background-color: #999999;
}
div#navigation .navbutton_active:hover {
  color: #ffffff;
  background-color: #999999;
  height: 55px;
}
div#navigation .navbutton.active {
  background-color: #E6E6E6;
  color: #504D4D;
  height: 56px;
}
div#navigation .navbutton.active:hover {
  background-color: #E6E6E6;
  height: 56px;
}
div#navigation .mNavbutton {
  display: none;
}
div#navigation div.subnavigation {
  display: none;
}
div#navigation .subnavDropdown {
  position: absolute;
  left: 0px;
  top: 99px;
  width: 1566px;
  z-index: 1;
  height: 45px;
  margin-top: -5px;
  background-color: #E6E6E6;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  /*.navbutton*/
}
div#navigation .subnavDropdown .navbutton {
  height: 40px;
  width: 110px;
  color: #504d4d;
  line-height: 50px;
  border-bottom: 5px solid transparent;
}
div#navigation .subnavDropdown .navbutton:hover {
  color: #000;
  border-bottom: 5px solid #999999;
  transition: all 0.1s linear all;
  -webkit-transition: all 0.1s linear all;
  -moz-transition: all 0.1s linear all;
  -o-transition: all 0.1s linear all;
  -ms-transition: all 0.1s linear all;
}
div#navigation .subnavDropdown .navbutton_active {
  color: #000;
  background-color: #E6E6E6;
  border-bottom: 5px solid #999999;
}
div#navigation .subnavDropdown .navbutton_active:hover {
  color: #000;
  border-bottom: 5px solid #999999;
}
div#navigation .subnavDropdown.show {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
  top: 99px;
  left: 0px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  z-index: 999;
}
/* @end */
.productSubNav {
  position: absolute;
  left: 0px;
  top: 99px;
  width: 1700px;
  min-height: 100px;
  background-color: #E6E6E6;
  float: left;
  display: block;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  /*.subNavb_product*/
}
.productSubNav .productSubNavInlay {
  width: 994px;
  min-height: 20px;
  float: left;
  padding: 25px 0px 5px 0px;
}
.productSubNav .subNavb_product {
  height: 30px;
  width: 150px;
  padding: 0px 15px 0px 15px;
  line-height: 35px;
  font-size: 16px;
  text-decoration: none;
  color: #504d4d;
  float: left;
  margin-right: 4px;
  text-align: center;
  font-family: 'Fira Sans', sans-serif;
  border-bottom: 5px solid transparent;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productSubNav .subNavb_product:hover {
  color: #000;
  border-bottom: 5px solid #999999;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productSubNav .subNavb_product_active {
  color: #000;
  border-bottom: 5px solid #999999;
  transition: all 0.1s linear all;
  -webkit-transition: all 0.1s linear all;
  -moz-transition: all 0.1s linear all;
  -o-transition: all 0.1s linear all;
  -ms-transition: all 0.1s linear all;
}
.productSubNav .subNavb_productMain {
  background-color: #999999;
  color: #FFF;
}
/*.productSubNav*/
.productSubNav.show {
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
  top: 99px;
  left: 0px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  z-index: 999;
}
#footernavigation {
  margin: 0px 0px 0px 20px;
  /*.footernavbutton*/
  /*.footernavbutton_active*/
}
#footernavigation .footernavbutton {
  width: 120px;
  float: left;
  font-family: 'Fira Sans', sans-serif;
  height: 25px;
  line-height: 25px;
  color: #f0f0f0;
  font-size: 14px;
  display: block;
  text-align: left;
}
#footernavigation .footernavbutton:hover {
  color: #FFF;
}
#footernavigation .footernavbutton_active {
  color: #ffffff;
}
/*#footernavigation*/
.kontaktdaten_bot {
  margin: 0px 0px 0px 20px;
  width: 220px;
  line-height: 25px;
  color: #f0f0f0;
}
.StaticTeaser {
  width: 994px;
  height: 287px;
  display: block;
  float: right;
  display: none;
}
.subnavPage {
  width: 205px;
  float: left;
  min-height: 20px;
  background-color: #FFF;
  margin: 0px 45px 0px 0px;
  /*.navbutton */
  /*.navbutton_active*/
}
.subnavPage .navbutton {
  font-family: 'Fira Sans', sans-serif;
  font-size: 17px;
  color: #454749;
  height: 35px;
  line-height: 35px;
  display: block;
  width: 190px;
  padding-left: 15px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  /*&:hover*/
}
.subnavPage .navbutton:hover {
  background-color: #cccccc;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.subnavPage .navbutton_active {
  background-color: #999999;
  color: #FFF;
}
.subnavPage .navbutton_active:hover {
  background-color: #999999;
}
/*.subnavPage */
.contentPage {
  width: 744px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 0px 0px;
}
.contentPageNews {
  width: 944px;
}
.contentPagePartner {
  width: 744px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 0px 0px;
}
.contentPageContact {
  width: 350px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 0px 0px;
}
.contentPageContact .TextItem {
  width: 400px;
}
.ansprechpartner {
  width: 740px;
  float: left;
  min-height: 20px;
  margin: 20px 0px 0px 250px;
}
.ansprechpartner .TextItem {
  width: 740px;
}
.googleMaps {
  width: 390px;
  float: left;
  height: 200px;
  margin: 0px 0px 0px 0px;
}
.ContentBlocks {
  width: 740px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 0px 0px;
}
.ContentBlock {
  width: 744px;
  float: left;
  min-height: 20px;
  margin: 0px 0px 30px 0px;
  /*.images*/
  /*.images_list*/
}
.ContentBlock .text_wide {
  width: 690px;
}
.ContentBlock .text_small {
  width: 345px;
  float: left;
  margin: 0px 22px 0px 0px;
}
.ContentBlock .images {
  width: 377px;
  min-height: 165px;
  float: left;
  margin: 0px 0px 0px 0px;
  /*.image*/
}
.ContentBlock .images .image {
  background-color: #A1A2A6;
  width: 368px;
  height: 152px;
  display: block;
  margin-top: 30px;
  padding: 7px 0px 0px 7px;
}
.ContentBlock .images_list {
  width: 744px;
  min-height: 165px;
  float: left;
  margin: 10px 0px 0px 0px;
  /*.image*/
}
.ContentBlock .images_list .image {
  background-color: #A1A2A6;
  width: 160px;
  height: 150px;
  display: block;
  float: left;
  margin: 5px 27px 0px 0px;
  padding: 5px 0px 0px 5px;
}
.ContentBlock .images_list .image_mod4 {
  margin-right: 0px;
}
/*.ContentBlock*/
.Mitarbeiter {
  width: 360px;
  float: left;
  height: 205px;
  margin: 20px 0px 30px 0px;
  /*.Details*/
}
.Mitarbeiter .Foto {
  width: 160px;
  float: left;
  height: 205px;
  margin: 0px 15px 0px 0px;
}
.Mitarbeiter .Details {
  width: 185px;
  float: left;
  height: 205px;
  position: relative;
}
.Mitarbeiter .Details .Inlay {
  position: absolute;
  bottom: 0px;
  min-height: 20px;
}
.Mitarbeiter .Details .Name {
  font-size: 15px;
}
.Mitarbeiter .Details .Email a {
  color: #3B3B3B;
}
.Mitarbeiter .Details .Aufgaben {
  color: #696A6A;
  font-size: 11px;
  font-style: italic;
}
/*.Mitarbeiter*/
.QaAs {
  float: left;
  min-height: 100px;
  margin-top: 10px;
  width: 740px;
  /*~ .QaA */
}
.QaAs .QaA {
  float: left;
  min-height: 20px;
  margin: 0px 0px 20px 0px;
  width: 740px;
  line-height: 20px;
  border-bottom: 1px solid #8e8e8e;
  padding: 0px 25px 20px 15px;
  /*span*/
}
.QaAs .QaA .text {
  padding: 0px 0px 0px 15px;
}
.QaAs .QaA span {
  margin: 0px 0px 3px 8px;
  font-weight: 400;
  font-size: 21px;
  color: #504d4d;
  line-height: 22px;
}
/*~ .QaAs */
.TextItem {
  width: 700px;
  float: left;
  min-height: 20px;
  margin-bottom: 20px;
}
.TextInfo {
  width: calc(33% - 33px);
  float: left;
  min-height: 20px;
  margin-right: 50px;
}
.TextInfo .title {
  font-size: 21px;
  font-weight: 300;
  width: 100%;
  min-height: 20px;
  float: left;
  margin: 30px 0px 10px 0px;
  line-height: 29px;
}
.TextInfo .txt {
  text-align: justify;
  width: 100%;
  min-height: 20px;
  float: left;
}
.TextInfo_mod3 {
  margin-right: 0px;
}
.Downloads,
.Links {
  float: left;
  min-height: 5px;
  margin: 15px 0px 15px 0px;
  /*~ .Download*/
}
.Downloads .Download,
.Links .Download,
.Downloads .Link,
.Links .Link {
  height: 55px;
  width: 500px;
  float: left;
  color: #454749;
  line-height: 36px;
  margin: 0px 0px 15px 0px;
  /*~ &:hover*/
}
.Downloads .Download span,
.Links .Download span,
.Downloads .Link span,
.Links .Link span {
  float: left;
}
.Downloads .Download span.details,
.Links .Download span.details,
.Downloads .Link span.details,
.Links .Link span.details {
  float: left;
  width: 350px;
  margin-left: 20px;
}
.Downloads .Download span.titel,
.Links .Download span.titel,
.Downloads .Link span.titel,
.Links .Link span.titel {
  font-size: 14px;
  height: 20px;
  width: 370px;
  line-height: 19px;
  color: #504D4D;
  font-weight: 600;
}
.Downloads .Download span.titel span.infoDownload,
.Links .Download span.titel span.infoDownload,
.Downloads .Link span.titel span.infoDownload,
.Links .Link span.titel span.infoDownload {
  font-size: 11px;
  float: left;
}
.Downloads .Download span.beschreibung,
.Links .Download span.beschreibung,
.Downloads .Link span.beschreibung,
.Links .Link span.beschreibung {
  font-size: 13px;
  height: 40px;
  width: 370px;
  line-height: 19px;
  margin-top: 0px;
}
.Downloads .Download:hover .button_download,
.Links .Download:hover .button_download,
.Downloads .Link:hover .button_download,
.Links .Link:hover .button_download {
  color: #504D4D;
}
/*~ .Downloads*/
.button_download {
  height: 31px;
  line-height: 31px;
  background: url("images/ico_download.png");
  background-position: 5px center;
  background-repeat: no-repeat;
  width: 130px;
  float: left;
  display: block;
  background-color: #999999;
  font-size: 16px;
  color: #FFF;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-decoration: none;
  position: relative;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.button_download span {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.button_download span.bgd {
  background-color: #195282;
  width: 0px;
  overflow: hidden;
}
.button_download span.caption {
  color: #FFF;
  padding-left: 30px;
  height: 31px;
  line-height: 31px;
}
.button_download:hover {
  text-decoration: none;
  color: #FFF;
}
.button_download:hover span.bgd {
  color: #FFF;
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.button_download*/
/* @group Partner*/
.Partner {
  height: 140px;
  float: left;
  border: 1px solid #dbdbdb;
  padding: 5px;
  width: 230px;
  margin: 0px 8px 0px 0px;
  display: inline;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF;
}
.Partner a.Firma {
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 230px;
  display: block;
  text-align: center;
  vertical-align: center;
}
.Partner a.Firma span {
  display: block;
  margin: 50px auto 0px auto;
  width: 150px;
  height: 40px;
}
/*.Partner*/
.Partner_mod3 {
  margin: 0px 0px 10px 0px;
}
/* @end Partner*/
#mainMiddle.cobotPage #inlayMiddleDownload {
  width: 230px;
  float: none;
  min-height: 200px;
  padding: 0px;
  margin: 20px auto 20px auto;
  /*.button_download*/
}
#mainMiddle.cobotPage #inlayMiddleDownload .Downloads,
#mainMiddle.cobotPage #inlayMiddleDownload .Links {
  float: left;
  min-height: 5px;
  margin: 15px 0px 15px 0px;
  width: 100%;
  height: 100px;
}
#mainMiddle.cobotPage #inlayMiddleDownload .Downloads h3,
#mainMiddle.cobotPage #inlayMiddleDownload .Links h3 {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 25px;
}
#mainMiddle.cobotPage #inlayMiddleDownload .Downloads h3 span,
#mainMiddle.cobotPage #inlayMiddleDownload .Links h3 span {
  color: #ffed00;
}
#mainMiddle.cobotPage #inlayMiddleDownload .Download {
  height: 55px;
  width: 100%;
  color: #fff;
}
#mainMiddle.cobotPage #inlayMiddleDownload .Download span.details {
  float: left;
  width: 100%;
  text-align: center;
  margin-left: 0px;
  color: #FFF;
  height: 30px;
  line-height: 30px;
}
#mainMiddle.cobotPage #inlayMiddleDownload .Download span.details .titel {
  color: #FFF;
  height: 30px;
  line-height: 30px;
  width: 100%;
  font-weight: 300;
}
#mainMiddle.cobotPage #inlayMiddleDownload .button_download {
  height: 31px;
  line-height: 31px;
  background: url("images/ico_download.png");
  background-position: center 30px;
  background-repeat: no-repeat;
  width: 230px;
  float: left;
  display: block;
  background-color: #195282;
  font-size: 16px;
  color: #FFF;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-decoration: none;
  position: relative;
  height: 65px;
  text-align: center;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
#mainMiddle.cobotPage #inlayMiddleDownload .button_download span {
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
#mainMiddle.cobotPage #inlayMiddleDownload .button_download span.bgd {
  display: none;
}
#mainMiddle.cobotPage #inlayMiddleDownload .button_download span.caption {
  color: #FFF;
  padding-left: 0px;
  height: 50px;
  line-height: 50px;
}
#mainMiddle.cobotPage #inlayMiddleDownload .button_download:hover {
  text-decoration: none;
  color: #FFF;
  background-position: center 40px;
}
.containerOWL {
  width: 994px;
}
#partnerBanner {
  /*Startseite*/
  width: 994px;
  float: left;
  min-height: 50px;
  margin-top: 20px;
  /*.owl-item .item */
  /*.Partner*/
}
#partnerBanner h2 {
  width: 990px;
  height: 26px;
  line-height: 26px;
  margin-bottom: 20px;
  border-bottom: 1px solid #8e8e8e;
}
#partnerBanner .owl-item,
#partnerBanner .owl-item .item {
  height: 155px;
  float: left;
  width: 240px;
}
#partnerBanner .Partner {
  height: 140px;
  float: left;
  border: 1px solid #8e8e8e;
  padding: 5px;
  width: 230px;
  margin: 0px 8px 0px 0px;
  display: inline;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF;
}
#partnerBanner .Partner a.Firma {
  height: 140px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 230px;
  display: block;
  text-align: center;
  vertical-align: center;
}
#partnerBanner .Partner a.Firma span {
  display: block;
  margin: 50px auto 0px auto;
  width: 150px;
  height: 40px;
}
.pages-Standard-products .complextypes-TextItem-skin .TextItem {
  margin-top: 10px;
}
div.ccm_form {
  /* Form - Global*/
  /*~ .inputfield*/
  /*~ .longField*/
  /*~ .selectLong*/
  /*~ .Message*/
  /*~ .Message .inputfield, .Message .inputfield span*/
  /*~ textarea*/
}
div.ccm_form .field {
  height: 40px;
  width: 300px;
  position: relative;
}
div.ccm_form div label {
  width: 90px;
  display: block;
  float: left;
  color: #4c4d4d;
  font-style: italic;
}
div.ccm_form div input,
div.ccm_form textarea {
  width: 165px;
  height: 20px;
  display: block;
  float: left;
  background-image: url("images/bgd_input.png");
  background-repeat: repeat-x repeat-y;
  background-position: 0px 0px;
  border: 1px solid #bab8b2;
  padding: 0px 5px 0px 5px;
  background-color: transparent;
  font-family: 'Fira Sans', sans-serif;
  font-size: 12px;
}
div.ccm_form div input:focus,
div.ccm_form textarea:focus {
  border: 1px solid #878682;
}
div.ccm_form div.contact_Address .plz input {
  width: 50px;
}
div.ccm_form div.contact_Address .plz {
  width: 60px;
  margin-right: 5px;
}
div.ccm_form div.contact_Address .ort input {
  width: 100px;
}
div.ccm_form div.contact_Address .ort {
  width: 110px;
}
div.ccm_form .inputfield {
  width: 175px;
  height: 24px;
  display: block;
  float: left;
}
div.ccm_form .inputfield span {
  display: block;
  height: 22px;
  border-bottom: 1px solid #FFF;
}
div.ccm_form .selectField span {
  border-bottom: none;
}
div.ccm_form .selectField .inputfield span {
  border-bottom: 1px solid #FFF;
}
div.ccm_form .longField {
  width: 300px;
  height: 50px;
  /*~ .inputfield*/
}
div.ccm_form .longField label {
  width: 255px;
}
div.ccm_form .longField input {
  width: 253px;
}
div.ccm_form .longField .inputfield {
  width: 265px;
}
div.ccm_form .selectLong select {
  width: 265px;
}
div.ccm_form .selectLong span {
  border-bottom: none;
}
div.ccm_form .selectLong .inputfield span {
  border-bottom: 1px solid #FFF;
}
div.ccm_form .Message {
  height: 120px;
  width: 340px;
}
div.ccm_form .Message .inputfield,
div.ccm_form .Message .inputfield span {
  height: 103px;
  width: 242px;
}
div.ccm_form textarea {
  height: 90px;
  width: 230px;
  padding: 5px;
  font-family: Arial;
  font-size: 12px;
}
div.ccm_form .ErrorReportGen {
  width: 172px;
  display: block;
  position: absolute;
  color: #FFF;
  clear: left;
  left: 90px;
  top: 20px;
  padding-left: 5px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
  background-color: #575656;
  font-style: italic;
}
div.ccm_form div span.errorMessage {
  clear: left;
  color: #E51937;
  margin-left: 136px;
}
div.ccm_form div span.error input,
div.ccm_form div.ccm_form div span.error textarea {
  border: 1px solid #E51937;
}
/* @end  */
.panel {
  float: left;
  min-height: 20px;
  width: 745px;
  border-top: 1px solid #c6c5c1;
  margin-left: 250px;
  /*.button a*/
}
.panel .inlay {
  display: block;
  min-height: 50px;
  width: 665px;
  float: left;
  padding: 40px 40px 20px 40px;
}
.panel .left,
.panel .leftPart {
  width: 330px;
  float: left;
  min-height: 20px;
}
.panel .right,
.panel .rightPart {
  width: 330px;
  float: left;
  min-height: 20px;
}
.panel .required {
  font-size: 35px;
  color: #a3a2a2;
  width: 25px;
  float: left;
  text-align: right;
  line-height: 38px;
  height: 22px;
  display: block;
  font-style: normal;
}
.panel .requiredField {
  color: #575656;
}
.panel .requiredInfoMobile {
  display: none;
}
.panel .part {
  float: left;
  min-height: 50px;
  width: 745px;
  margin-bottom: 15px;
}
.panel .comment {
  font-style: italic;
  height: 25px;
  font-size: 11px;
}
.panel .button a {
  font-family: 'Fira Sans', sans-serif;
  display: inline;
  font-size: 16px;
  height: 20px;
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  color: #FFF;
  background-color: #999999;
  margin-left: 0px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  /*&:hover*/
}
.panel .button a:hover {
  color: #504D4D;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
/*~ .panel */
.overlay {
  background-color: rgba(0, 63, 116, 0.7);
  z-index: 99;
}
.loading {
  background-repeat: no-repeat;
  background-position: center center;
}
.overlayLoading div {
  background-image: url("images/loading.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 160px;
  height: 24px;
  display: block;
  text-indent: -10000px;
}
.close {
  color: #FFF;
}
.effectBox {
  float: left;
}
.eb_border {
  position: relative;
}
.effectBox .top {
  padding: 0px 0px 0px 0px;
  background-color: #0d1723;
  float: left;
  height: 17px;
  width: 100%;
}
.effectBox .eb_corner {
  background-image: url("images/effectbox/c_bgd.png");
  background-repeat: no-repeat;
  height: 17px;
  width: 30px;
  position: absolute;
  z-index: 1;
}
.effectBox .c1 {
  /*Top Left*/
  background-position: 0px 0px;
  top: -1px;
  left: -1px;
}
.effectBox .c2 {
  /*Top Right*/
  background-position: -30px 0px;
  right: -1px;
  top: -1px;
}
.effectBox .c3 {
  /*Bottom Right*/
  background-position: -30px -17px;
  right: -1px;
  bottom: -1px;
}
.effectBox .c4 {
  /*Bottom Left*/
  background-position: 0px -17px;
  bottom: -1px;
  left: -1px;
}
.effectBox .eb_margin {
  position: absolute;
  z-index: 999;
}
.effectBox .m1 {
  /*Left*/
  border-left: 2px solid #FFFFFF;
  width: 10px;
  left: -1px;
  height: 100%;
}
.effectBox .m2 {
  /*Top*/
  border-top: 2px solid #FFFFFF;
  height: 10px;
  top: -1px;
  width: 100%;
}
.effectBox .m3 {
  /*Right*/
  border-right: 2px solid #FFFFFF;
  width: 10px;
  right: -1px;
  height: 100%;
}
.effectBox .m4 {
  /*Bottom*/
  border-bottom: 2px solid #FFFFFF;
  height: 10px;
  bottom: -1px;
  width: 100%;
}
.effectBox .eb_shadow {
  background-repeat: no-repeat;
  background-position: center center;
  height: 44px;
  width: 44px;
  position: absolute;
}
.effectBox .s1 {
  /*Top Left*/
  background-image: url("images/effectbox/s1_left.png");
  top: -44px;
  left: -44px;
}
.effectBox .s2 {
  /*Top Right*/
  background-image: url("images/effectbox/s2_right.png");
  right: -44px;
  top: -44px;
}
.effectBox .s3 {
  /*Bottom Right*/
  background-image: url("images/effectbox/s3_right.png");
  bottom: -44px;
  right: -44px;
}
.effectBox .s4 {
  /*Bottom Left*/
  background-image: url("images/effectbox/s4_left.png");
  left: -44px;
  bottom: -44px;
}
.effectBox .eb_shadow2 {
  background-position: center center;
  position: absolute;
}
.effectBox .s_top {
  /*shadow Top*/
  background-image: url("images/effectbox/s_top.png");
  top: -44px;
  background-repeat: repeat-x;
  height: 44px;
  width: 100%;
}
.effectBox .s_bottom {
  /*shadow Bottom*/
  background-image: url("images/effectbox/s_bottom.png");
  bottom: -44px;
  background-repeat: repeat-x;
  height: 44px;
  width: 100%;
}
.effectBox .s_left {
  /*Left*/
  background-image: url("images/effectbox/s_left.png");
  left: -44px;
  background-repeat: repeat-y;
  height: 100%;
  width: 44px;
}
.effectBox .s_right {
  /*Right*/
  background-image: url("images/effectbox/s_right.png");
  right: -44px;
  background-repeat: repeat-y;
  height: 100%;
  width: 44px;
}
.effectBox .eb_content {
  background-color: #FFF;
  text-align: left;
}
.effectBox .inlay {
  background-image: url("images/loading.png");
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  margin: 0px 0px 0px 0px;
  z-index: 999;
  position: relative;
}
.effectBox .textcontent .inlay {
  background-image: none;
}
.effectBox .bottom {
  padding: 0px 0px 0px 0px;
  float: left;
  display: block;
  height: 20px;
  width: 100%;
}
.effectBox .navleft {
  top: 5px;
  position: absolute;
  width: 50%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 9999;
}
.effectBox .navright {
  top: 5px;
  position: absolute;
  width: 50%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 9999;
  right: 0px;
}
.effectBox .navleft .left {
  background-image: url("images/prevlabel.png");
  background-position: 0px center;
  background-repeat: no-repeat;
  top: 10px;
  position: absolute;
  left: -50px;
  width: 60px;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 999;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
}
.effectBox .navright .right {
  background-image: url("images/nextlabel.png");
  background-position: -10px center;
  background-repeat: no-repeat;
  right: -50px;
  top: 10px;
  position: absolute;
  opacity: 0.2;
  filter: alpha(opacity=20);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  width: 60px;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 999;
}
.effectBox .navleft:hover .left {
  left: -50px;
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.effectBox .navright:hover .right {
  right: -50px;
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.effectBox a.close {
  background-image: url("images/effectbox/ico_close.png");
  right: -1px;
  background-repeat: no-repeat;
  top: -25px;
  display: block;
  width: 102px;
  height: 25px;
  position: absolute;
  cursor: pointer;
  z-index: 9999;
  background-position: 0px 0px;
}
.effectBox:hover .nav .left {
  left: -55px;
}
.effectBox:hover .nav .right {
  right: -55px;
}
.effectBox:hover .info {
  bottom: -40px;
}
.effectBox .inlay .Bild {
  z-index: 9999;
  float: left;
}
.effectBox .inlay .Details {
  width: 400px;
  margin: 10px 0px 10px 20px;
  float: left;
}
.eb_content .textZeile div#column {
  border-left: 25px solid #003e90;
  background-color: #003e90;
  opacity: 0.8;
  padding-bottom: 2px;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.eb_content .textZeile p.subs {
  background-color: #003e90;
  color: #FFFFFF;
  display: inline;
  font-size: 13px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  height: 20px;
  padding-bottom: 2px;
  text-align: left;
  white-space: pre-line;
}
.eb_content .textZeile p.subs span {
  left: -10px;
  position: relative;
  text-align: left;
}
.eb_content .textZeile {
  bottom: 0;
  text-align: left;
  left: 0;
  position: absolute;
}
.eb_content {
  position: relative;
}
.counter {
  bottom: -23px;
  right: 2px;
  font-size: 14px;
  color: #FFF;
  position: absolute;
}
/*PRODUCST*/
.navigation_produkteMobile {
  display: none;
}
.closeMobile,
.h1NavMobile {
  display: none;
}
.navigation_produkte {
  float: left;
  width: 285px;
  min-height: 250px;
}
.mainProductOverview {
  float: left;
  width: 994px;
  min-height: 250px;
}
.mainProductOverview .TextItem {
  padding-left: 30px;
  background-color: #FFF;
}
.mainProduct {
  float: left;
  width: 705px;
  min-height: 250px;
}
.navb_product {
  width: 240px;
  height: 20px;
  display: block;
  line-height: 20px;
  font-size: 14px;
  font-family: 'Fira Sans', Arial, sans-serif;
  padding: 0px 0px 0px 15px;
  letter-spacing: 0.2px;
  margin-bottom: 5px;
  color: #a8a8a8;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  /*&:hover*/
}
.navb_product:hover {
  background-color: rgba(0, 63, 116, 0.7);
  color: #FFF;
}
/*.navb_product*/
.navb_product_active {
  background-color: rgba(0, 63, 116, 0.7);
  color: #FFF;
  height: 35px;
  display: block;
  line-height: 35px;
  font-size: 17px;
}
.navb_product_active:hover {
  background-color: #999999;
  color: #FFF;
}
/*.navb_product_active*/
span.subNav {
  /*.navb_product*/
  /*.navb_product_active*/
}
span.subNav .navb_product {
  display: block;
  font-size: 14px;
  height: 25px;
  letter-spacing: 0.2px;
  line-height: 25px;
  padding: 0 0 0 25px;
  width: 230px;
  margin-bottom: 0px;
  color: #504d4d;
}
span.subNav .navb_product:hover {
  color: #504d4d;
  background-color: #cccccc;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
span.subNav .navb_product_active {
  background-color: #cccccc;
  color: #FFF;
}
span.subNav .navb_product_active:hover {
  background-color: #cccccc;
  color: #FFF;
}
/*span.subNav*/
.subNav.subNav_active.subNav_visible {
  margin-top: 20px;
  display: block;
  margin-bottom: 50px;
}
.subNav.subNav_active {
  margin-top: 0px;
  display: block;
  margin-bottom: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 255px;
  background-color: #f3f4f4;
}
.subNav.subNav_active .subNav.subNav_active {
  margin-bottom: 0px;
  padding: 0px;
}
.productGroup {
  width: 335px;
  height: 245px;
  float: left;
  display: block;
  margin: 0px 30px 50px 0px;
  background-color: #FFF;
  border: 1px solid #FFF;
  position: relative;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  overflow: hidden;
  /*a.inlay*/
  /*&:hover*/
}
.productGroup span.inlay {
  display: block;
  /*.titel*/
  /*.img*/
  /*.button*/
}
.productGroup span.inlay .titel {
  height: 43px;
  font-size: 21px;
  width: 273px;
  display: block;
  line-height: 43px;
  letter-spacing: -0.5px;
  color: #504d4d;
  margin: 1px 0px 0px 1px;
  padding-left: 15px;
  font-style: italic;
  font-weight: 700;
  position: relative;
  font-family: 'Fira Sans', Arial, sans-serif;
  /*.titelInlay*/
}
.productGroup span.inlay .titel .titelInlay {
  height: 43px;
  font-size: 21px;
  width: 273px;
  display: block;
  line-height: 43px;
  letter-spacing: -0.5px;
  color: #504d4d;
  margin: 1px 0px 0px 1px;
  padding-left: 15px;
  font-style: italic;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Fira Sans', Arial, sans-serif;
}
.productGroup span.inlay .images {
  width: 352px;
  height: 163px;
  display: block;
}
.productGroup span.inlay .images .ProductImg {
  width: 160px;
  height: 130px;
  display: block;
  float: left;
  margin: 0px 20px 0px 10px;
}
.productGroup span.inlay .images .ProductImg_mod2 {
  margin-left: 0px;
  margin-right: 0px;
}
.productGroup span.inlay .button {
  width: 195px;
  height: 37px;
  line-height: 37px;
  color: #FFF;
  background-color: #999999;
  float: right;
  font-size: 16px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  font-weight: 300;
  position: absolute;
  bottom: 0px;
  right: 10px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  border: 1px solid #FFF;
}
.productGroup span.inlay .button:hover {
  background-color: #808080;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productGroup:hover {
  border: 1px solid #919599;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
/*.productGroup*/
.productGroup::before {
  background: rgba(0, 79, 148, 0.8) repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  position: absolute;
  top: 0px;
  transform: translate3d(0px, 50%, 0px);
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productGroup_mod2 {
  margin-right: 0px;
}
.productGroup:hover::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transform: translate3d(0px, 0px, 0px);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 997;
}
.productGroup:hover span.inlay .button {
  bottom: 10px;
  right: 10px;
  margin-top: 30px;
  border: 1px solid #FFF;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  z-index: 999;
  background: rgba(204, 204, 204, 0.1) repeat scroll 0 0;
  background-color: #ffed00;
  color: #444444;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productGroup:hover span.inlay .titel .titelInlay {
  color: #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 999;
}
.productGroup:hover span.inlay img {
  -webkit-filter: blur(2px);
  /* Safari */
  filter: blur(2px);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productGroupsTop,
.productGroups {
  font-family: 'Fira Sans', Arial, sans-serif;
  min-height: 20px;
  float: left;
}
/*.productGroupsTop, .productGroups*/
.productGroupsTop {
  margin: 0px 0px 20px 0px;
}
.productGroupsTop h1 {
  font-size: 41px;
  color: #003f74;
  margin-bottom: 50px;
  letter-spacing: 2px;
  padding-left: 30px;
  font-weight: 700;
}
/*.productGroupsTop */
.productGroups {
  margin: 0px 0px 20px 0px;
}
/*.productGroups*/
.productGroupSmall {
  border: 1px solid transparent;
  padding: 9px;
  width: 290px;
  height: 285px;
  float: left;
  margin: 0px 30px 50px 0px;
  background-color: #FFF;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  position: relative;
  overflow: hidden;
  display: block;
  /*a.inlay*/
  /*&:hover*/
}
.productGroupSmall .inlay {
  display: block;
  /*.titel*/
  /*.img*/
  /*.button*/
}
.productGroupSmall .inlay .titel {
  height: 43px;
  font-size: 21px;
  width: 273px;
  display: block;
  line-height: 43px;
  letter-spacing: -0.5px;
  color: #504d4d;
  margin: 1px 0px 0px 1px;
  padding-left: 15px;
  font-style: italic;
  font-weight: 700;
  position: relative;
  font-family: 'Fira Sans', Arial, sans-serif;
  /*.titelInlay*/
}
.productGroupSmall .inlay .titel .titelInlay {
  height: 43px;
  font-size: 21px;
  width: 273px;
  display: block;
  line-height: 43px;
  letter-spacing: -0.5px;
  color: #504d4d;
  margin: 1px 0px 0px 1px;
  padding-left: 15px;
  font-style: italic;
  font-weight: 700;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  font-family: 'Fira Sans', Arial, sans-serif;
}
.productGroupSmall .inlay .images {
  width: 290px;
  height: 163px;
  margin: 20px 0px 20px 0px;
  display: block;
}
.productGroupSmall .inlay .images .ProductImg {
  width: 130px;
  height: 130px;
  display: block;
  float: left;
  margin: 20px 20px 0px 5px;
}
.productGroupSmall .inlay .images .ProductImg img {
  max-width: 130px;
}
.productGroupSmall .inlay .images .ProductImg_mod2 {
  margin-left: 0px;
  margin-right: 0px;
}
.productGroupSmall .inlay .button {
  width: 90%;
  left: 5%;
  font-size: 16px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background: rgba(204, 204, 204, 0.8) repeat scroll 0 0;
  float: right;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-transform: uppercase;
  position: absolute;
  bottom: 0px;
  border: 1px solid #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productGroupSmall .inlay .button:hover {
  background-color: #ffed00;
  color: #444444;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productGroupSmall:hover {
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
/*.productGroupSmall*/
.productGroupSmall::before {
  background: rgba(0, 79, 148, 0.8) repeat scroll 0 0;
  xbackground: rgba(61, 119, 192, 0) linear-gradient(to bottom, rgba(61, 119, 192, 0) 0%, rgba(60, 93, 165, 0.85) 75%) repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 0 );
  position: absolute;
  top: 0px;
  transform: translate3d(0px, 50%, 0px);
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productGroupSmall:hover::before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  transform: translate3d(0px, 0px, 0px);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 997;
}
.productGroupSmall:hover {
  /*a.inlay .button */
}
.productGroupSmall:hover .inlay .button {
  bottom: 15%;
  width: 90%;
  left: 5%;
  margin-top: 30px;
  border: 1px solid #FFF;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  z-index: 999;
  background: rgba(204, 204, 204, 0.1) repeat scroll 0 0;
  background-color: #ffed00;
  color: #444444;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productGroupSmall:hover .inlay .titel .titelInlay {
  color: #FFF;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  z-index: 999;
}
.productGroupSmall:hover .inlay img {
  -webkit-filter: blur(2px);
  /* Safari */
  filter: blur(2px);
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
/*.productGroupSmall*/
.productGroupSmall_mod3 {
  margin-right: 0px;
}
/*END PRODUCTS*/
.productTop {
  width: 500px;
  height: 240px;
  position: relative;
  background-color: #FFF;
  /*.left*/
  /*.right*/
  /*.more*/
}
.productTop .left {
  width: 230px;
  min-height: 195px;
  float: left;
  padding: 20px 5px 0px 15px;
}
.productTop .left .titel {
  margin-bottom: 15px;
  display: block;
}
.productTop .left .text {
  width: 100%;
  min-height: 110px;
  float: left;
  line-height: 21px;
}
.productTop .right {
  width: 250px;
  min-height: 105px;
  float: right;
}
.productTop .more {
  width: 120px;
  height: 25px;
  line-height: 25px;
  color: #FFF;
  display: inline-block;
  background-color: #cccccc;
  font-size: 15px;
  padding: 5px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-decoration: none;
  position: relative;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productTop .more span {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productTop .more span.bgd {
  background-color: #195282;
  width: 0px;
  overflow: hidden;
}
.productTop .more:hover {
  text-decoration: none;
}
.productTop .more:hover span.bgd {
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productTop .offerMonthCaption {
  background-image: url("images/icoTop.png");
  background-repeat: no-repeat;
  background-size: 144px 144px;
  width: 144px;
  height: 144px;
  position: absolute;
  bottom: 1px;
  right: 1px;
  display: block;
}
.productTop .icoOffer {
  color: #FFF;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  top: -33px;
  right: -1px;
  width: 97%;
  padding-right: 3%;
  text-align: right;
  display: block;
  background-color: rgba(0, 63, 116, 0.9);
  text-transform: uppercase;
}
.productTop .icoOffer strong {
  font-weight: 600;
}
/*.productTop*/
.topAngebote {
  float: left;
  width: 994px;
  height: 325px;
  margin: 30px 0px 30px 0px;
  position: relative;
}
.topAngebote .topAngeboteLayer {
  width: 1000px;
  right: -1053px;
  top: 0px;
  height: 326px;
  position: absolute;
}
.topAngebote .topAngeboteLayer::before {
  top: 0;
  transform: skew(-30deg, 0deg);
}
.topAngebote .topAngeboteLayer::before,
.topAngebote .topAngeboteLayer::after {
  background-color: rgba(25, 82, 130, 0.7);
  content: "";
  height: 50%;
  left: 0px;
  position: absolute;
  width: 1000px;
  z-index: -1;
}
.topAngebote .topAngeboteLayer::after {
  bottom: 0px;
  transform: skew(30deg, 0deg);
}
/*.topAngebote*/
.topAngebote::before {
  top: 0;
  transform: skew(-30deg, 0deg);
}
.topAngebote::before,
.topAngebote::after {
  background-color: #ffffff;
  content: "";
  height: 50%;
  left: 50px;
  position: absolute;
  width: 990px;
  z-index: -1;
}
.topAngebote::after {
  bottom: 0;
  transform: skew(30deg, 0deg);
}
.productTopItem {
  float: left;
  width: 330px;
  height: 305px;
  padding-top: 20px;
  position: relative;
  background-color: #FFF;
  margin-right: 0px;
  border-right: 1px solid #c1c6cb;
  /*.inlay*/
  /*.img*/
  /*.more*/
}
.productTopItem .titel h2 {
  margin-bottom: 15px;
  display: block;
  font-size: 17px;
  font-weight: 600;
  margin-top: 10px;
  padding-left: 5px;
  height: 40px;
  line-height: 21px;
}
.productTopItem .inlay {
  padding-left: 11px;
  padding-right: 11px;
  display: block;
  min-height: 170px;
  float: left;
}
.productTopItem .img {
  width: 300px;
  height: 195px;
  float: right;
  text-align: center;
}
.productTopItem .more {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  color: #FFF;
  background-color: #cccccc;
  font-size: 15px;
  width: 100%;
  padding: 5px 0px 5px 0px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-decoration: none;
  position: relative;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productTopItem .more span {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productTopItem .more span.bgd {
  background-color: #195282;
  width: 0px;
  overflow: hidden;
}
.productTopItem .more:hover {
  text-decoration: none;
}
.productTopItem .more:hover span.bgd {
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.productTopItem img {
  height: 170px;
  width: auto;
}
/*.productTopItem*/
.productTopItem_mod3 {
  border: none;
}
/*.productTopItem_mod3*/
.icoOfferLong {
  color: #FFF;
  height: 41px;
  line-height: 41px;
  font-size: 25px;
  font-weight: 400;
  width: 300px;
  position: absolute;
  left: -175px;
  top: 135px;
  text-align: left;
  display: block;
  xbackground-color: rgba(0, 63, 116, 0.9);
  background-color: rgba(20, 20, 20, 0.65);
  text-transform: uppercase;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.icoOfferLong strong {
  font-weight: 700;
  color: #ffed00;
}
.newsbeitrag {
  width: 450px;
  height: 240px;
  float: left;
  position: relative;
  /*.left*/
}
.newsbeitrag a {
  width: 450px;
  height: 240px;
  display: block;
}
.newsbeitrag .left {
  width: 395px;
  min-height: 195px;
  float: left;
  padding: 20px 0px 0px 15px;
  /*.more*/
}
.newsbeitrag .left .titel {
  margin-bottom: 15px;
  display: block;
}
.newsbeitrag .left .more {
  width: 120px;
  height: 25px;
  line-height: 25px;
  display: inline-block;
  color: #FFF;
  background-color: #cccccc;
  font-size: 15px;
  padding: 5px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-decoration: none;
  position: relative;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.newsbeitrag .left .more span {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 35px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.newsbeitrag .left .more span.bgd {
  background-color: #195282;
  width: 0px;
  overflow: hidden;
}
.newsbeitrag .left .more:hover {
  text-decoration: none;
}
.newsbeitrag .left .more:hover span.bgd {
  width: 100%;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.newsbeitrag .left .text {
  width: 100%;
  min-height: 110px;
  float: left;
  line-height: 21px;
}
.newsbeitrag .icoOffer {
  color: #FFF;
  height: 31px;
  line-height: 31px;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: -33px;
  right: -1px;
  width: 97%;
  padding-right: 3%;
  text-align: right;
  text-transform: uppercase;
  display: block;
  background-color: rgba(0, 63, 116, 0.9);
}
/*.newsbeitrag*/
.newsbeitrag.noPic {
  background-image: none !important;
}
.newsbeitragList {
  width: 100%;
  min-height: 240px;
  float: left;
  margin-bottom: 60px;
  /*.newsbeitragText*/
}
.newsbeitragList .newsbeitrag.empty {
  text-align: center;
  padding-top: 115px;
  height: 125px;
}
.newsbeitragList .newsbeitragText {
  width: 450px;
  float: left;
  margin-left: 20px;
  min-height: 240px;
  /*.newsImage*/
}
.newsbeitragList .newsbeitragText .Kurztext {
  font-size: 12px;
  float: left;
  min-height: 10px;
  margin-bottom: 20px;
  color: #8a8a8a;
}
.newsbeitragList .newsbeitragText .Titel {
  float: left;
  min-height: 10px;
  margin-bottom: 10px;
}
.newsbeitragList .newsbeitragText .Langtext {
  float: left;
  min-height: 10px;
}
.newsbeitragList .newsbeitragText .newsImage {
  width: 49%;
  float: left;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px 1% 1px 0px;
}
.newsbeitragList .newsbeitragText .newsImage img {
  width: 100%;
  height: auto;
}
.newsbeitragList .icoOffer {
  background-image: none;
  display: none;
}
/*.newsbeitragList*/
.productOV {
  width: 740px;
  min-height: 195px;
  float: left;
  display: block;
  margin: 0px 0px 50px 0px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  /*a.inlay*/
  /*&:hover*/
}
.productOV .left {
  width: 286px;
  min-height: 195px;
  float: left;
}
.productOV .right {
  width: 453px;
  min-height: 195px;
  float: left;
}
.productOV a.inlay {
  display: block;
  /*.titel*/
  /*.text*/
  /*.img*/
  /*.button*/
}
.productOV a.inlay .titel {
  min-height: 30px;
  width: 420px;
  display: block;
  line-height: 26px;
  color: #504d4d;
  font-family: "Fira Sans", Arial, sans-serif;
  font-size: 21px;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 1px 0 0 1px;
  transition: all 0.2s linear 0s;
}
.productOV a.inlay .text {
  min-height: 90px;
  padding: 20px 2px 0px 2px;
  width: 448px;
  margin-bottom: 5px;
  display: block;
}
.productOV a.inlay .images {
  width: 286px;
  min-height: 105px;
  display: block;
  text-align: center;
  background-color: #FFF;
}
.productOV a.inlay .images .noPic {
  font-size: 16px;
  color: #bfbfbf;
  height: 195px;
  font-family: 'Fira Sans', Arial, sans-serif;
  text-align: center;
  line-height: 190px;
  display: block;
}
.productOV a.inlay .button {
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #FFF;
  background-color: #999999;
  float: right;
  font-size: 18px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productOV a.inlay .button:hover {
  background-color: #808080;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productOV:hover {
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
/*productOV*/
.productVO {
  width: 740px;
  min-height: 320px;
  float: left;
  display: block;
  margin: 0px 30px 30px 0px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  /*.leftTop*/
  /*.left*/
  /*.inlay*/
  /*.bottom*/
}
.productVO .leftTop {
  width: 100%;
  min-height: 20px;
  float: left;
}
.productVO .leftTop .Artikelnummer {
  width: 263px;
  height: 20px;
  line-height: 20px;
  float: right;
  text-align: right;
  margin: 0px 0px 15px 4px;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #a1a9b1;
}
.productVO .left {
  width: 100%;
  min-height: 95px;
  float: left;
}
.productVO .left .Artikelnummer {
  width: 263px;
  height: 20px;
  line-height: 20px;
  float: right;
  text-align: right;
  margin: 0px 0px 15px 4px;
  padding: 5px 5px 5px 10px;
  border-bottom: 1px solid #a1a9b1;
}
.productVO .right {
  width: 100%;
  min-height: 195px;
  float: left;
}
.productVO .inlay {
  display: block;
  border-left: 1px solid #c1c6cb;
  border-right: none;
  border-bottom: none;
  width: 720px;
  padding-left: 20px;
  min-height: 320px;
  float: left;
  position: relative;
  /*.titel*/
  /*.text*/
  /*.images*/
  /*.button*/
  /*.downloads*/
}
.productVO .inlay .imgBig {
  position: relative;
  width: 100%;
  height: 290px;
}
.productVO .inlay .imgBig img {
  height: 290px;
  width: auto;
  margin-top: -10px;
  float: right;
}
.productVO .inlay .titel {
  min-height: 75px;
  width: 100%;
  display: block;
  margin: 0px;
  position: absolute;
  left: 0px;
  bottom: 50px;
  background: rgba(255, 255, 255, 0.6);
  font-family: 'Fira Sans', Arial, sans-serif;
}
.productVO .inlay .titel h1 {
  font-size: 32px;
  padding-left: 10px;
  display: block;
  line-height: 40px;
  font-weight: 600;
  margin: 0px;
  width: 80%;
  color: #005197;
}
.productVO .inlay .text {
  min-height: 190px;
  padding: 5px 2% 30px 2%;
  width: 96%;
  display: block;
  float: left;
}
.productVO .inlay .text table {
  border: none;
  border-bottom: 1px solid #c1c6cb;
  max-width: 420px;
  margin: 0px auto 0px auto;
}
.productVO .inlay .text table td,
.productVO .inlay .text table tr {
  border: none;
}
.productVO .inlay .text table td {
  border: 1px solid #c1c6cb;
  border-bottom: none;
  padding-left: 10px;
  padding-right: 10px;
}
.productVO .inlay .images {
  position: absolute;
  left: 29px;
  top: 0px;
  width: 286px;
  min-height: 85px;
  display: block;
  text-align: center;
  padding-top: 20px;
  font-family: 'Fira Sans', Arial, sans-serif;
  background-color: #FFF;
  /*.new*/
  /*.alternateImages*/
}
.productVO .inlay .images .image_small {
  background-color: #FFF;
}
.productVO .inlay .images .img .img_2,
.productVO .inlay .images .img .img_3,
.productVO .inlay .images .img .img_4 {
  width: 286px;
  display: block;
  height: 194px;
  position: absolute;
  opacity: 0;
  top: 20px;
  left: 0px;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
}
.productVO .inlay .images .img .img_2.show,
.productVO .inlay .images .img .img_3.show,
.productVO .inlay .images .img .img_4.show {
  opacity: 1;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
}
.productVO .inlay .images .img .img_2.afterHide,
.productVO .inlay .images .img .img_3.afterHide,
.productVO .inlay .images .img .img_4.afterHide {
  opacity: 0;
  transition: all 0.6s linear;
  -webkit-transition: all 0.6s linear;
  -moz-transition: all 0.6s linear;
  -o-transition: all 0.6s linear;
  -ms-transition: all 0.6s linear;
}
.productVO .inlay .images .noPic {
  font-size: 16px;
  color: #bfbfbf;
  text-align: center;
  line-height: 190px;
  display: block;
}
.productVO .inlay .images .new {
  position: absolute;
  left: 1px;
  top: 1px;
  font-size: 18px;
  text-transform: uppercase;
  width: 60px;
  height: 30px;
  color: #FFF;
  background-color: #003e90;
  line-height: 30px;
}
.productVO .inlay .images .alternateImages {
  height: 110px;
  width: 100%;
  float: left;
  display: block;
  /*img*/
  /*img.default */
}
.productVO .inlay .images .alternateImages .img {
  height: 62px;
  width: 89px;
  padding: 4px 0px 4px 0px;
  text-align: center;
  float: left;
  margin-top: 10px;
  display: block;
  border: 1px solid #b1b0b1;
  margin-right: 3px;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productVO .inlay .images .alternateImages .img:hover {
  border: 1px solid #919599;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productVO .inlay .images .alternateImages .img.default {
  border: 1px solid #d9d9d9;
  background: url("images/logo_small.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.productVO .inlay .images .alternateImages .img_1 {
  margin-left: 4px;
}
.productVO .inlay .images .alternateImages .img_2 {
  margin-left: 4px;
}
.productVO .inlay .images .alternateImages .img_4 {
  margin-right: 0px;
}
.productVO .inlay .button {
  width: 185px;
  height: 37px;
  line-height: 37px;
  color: #FFF;
  background-color: #999999;
  float: right;
  font-size: 17px;
  margin: 0px 1px 0px 0px;
  text-align: center;
  font-family: 'Fira Sans', Arial, sans-serif;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productVO .inlay .button:hover {
  background-color: #808080;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.productVO .inlay .btn_left {
  margin: 0px 0px 1px 1px;
  float: left;
}
.productVO .inlay .btn_right {
  margin: 0px 1px 1px 0px;
  float: right;
}
.productVO .inlay .downloads {
  padding-top: 30px;
  float: left;
  min-height: 10px;
  display: block;
  /*.download*/
}
.productVO .inlay .downloads .download {
  height: 20px;
  width: 250px;
  padding: 0px 0px 0px 0px;
  background: url("images/ico_download_product.png");
  background-position: 0px 4px;
  background-repeat: no-repeat;
  float: left;
  padding-left: 25px;
  margin-bottom: 10px;
  margin-left: 10px;
  display: block;
  color: #333333;
  font-size: 13px;
  text-align: left;
  font-family: 'Fira Sans', Arial, sans-serif;
}
.productVO .inlay .downloads .download:hover {
  background-position: 0px -43px;
}
.productVO .bottom {
  height: 69px;
  display: block;
  padding-top: 40px;
}
.productVO .bottom .button_left,
.productVO .bottom .button_right {
  font-family: 'Fira Sans', Arial, sans-serif;
  font-size: 14px;
  width: 255px;
  margin: 0px 0px 0px 0px;
  height: 20px;
  display: block;
  background: url("images/btn_product_nextPrev.png");
  background-position: 0px 4px;
  background-repeat: no-repeat;
}
.productVO .bottom .button_left {
  padding-left: 20px;
  margin: 0px 0px 0px 20px;
  float: left;
}
.productVO .bottom .button_left:hover {
  background-position: 0px -40px;
}
.productVO .bottom .button_right {
  background-position: right -85px;
  padding-right: 20px;
  margin: 0px 20px 0px 0px;
  float: right;
  text-align: right;
}
.productVO .bottom .button_right:hover {
  background-position: right -126px;
}
/*productVO*/
.imageBox {
  /*.close*/
}
.imageBox .image_small {
  display: none;
  border: 5px solid #cccccc;
  position: relative;
}
.imageBox .close {
  width: 150px;
  height: 30px;
  line-height: 30px;
  background-color: #cccccc;
  position: absolute;
  right: 0px;
  bottom: -30px;
  font-family: 'Fira Sans', Arial, sans-serif;
  font-size: 21px;
  display: block;
}
/*.imageBox*/
.imageBox .image_small.show {
  display: block;
}
#main-stage {
  width: 100%;
  height: 450px;
  text-align: left;
}
.myStage {
  width: 100%;
  height: 450px;
  margin-left: 0px;
  margin-right: auto;
  text-align: left;
  /*stage_navigation*/
  /*.text*/
  /*animation part*/
  /*.stage.beforeShowPrevious*/
  /*.stage.beforeShowNext*/
}
.myStage .stage {
  width: 100%;
  height: 445px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.myStage .item {
  width: 100%;
}
.myStage .stage_navigation {
  width: 305px;
  height: 28px;
  display: block;
  background: url("images/bgd_stage_navigation.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 380px;
  padding: 6px 0px 0px 6px;
  margin-left: -150px;
  z-index: 998;
  /*.btn*/
  /*.btn_mod1, .btn_mod2, .btn_mod3*/
  /*.btn_mod1*/
  /*.btn_mod2*/
  /*.btn_mod2*/
}
.myStage .stage_navigation .btn {
  width: 94px;
  height: 15px;
  float: left;
  margin-right: 5px;
  /*a*/
  /*.btn a*/
}
.myStage .stage_navigation .btn a {
  background: url("images/btn_stage.png");
  background-position: 0px 0px;
  background-repeat: repeat-x repeat-y;
  display: block;
  height: 15px;
  width: 94px;
}
.myStage .stage_navigation .btn a span {
  position: absolute;
  left: 0px;
  width: 300px;
  top: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: url("images/stage_bgd_title.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  font-family: 'Fira Sans', sans-serif;
  display: inline;
  font-size: 16px;
  width: 296px;
  padding: 3px 3px 3px 6px;
  color: #FFF;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-align: center;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.myStage .stage_navigation .btn a.active {
  background: url("images/btn_stage_active.png");
}
.myStage .stage_navigation .btn_mod1,
.myStage .stage_navigation .btn_mod2,
.myStage .stage_navigation .btn_mod3 {
  /*&:hover*/
}
.myStage .stage_navigation .btn_mod1:hover,
.myStage .stage_navigation .btn_mod2:hover,
.myStage .stage_navigation .btn_mod3:hover {
  /*a span*/
}
.myStage .stage_navigation .btn_mod1:hover a span,
.myStage .stage_navigation .btn_mod2:hover a span,
.myStage .stage_navigation .btn_mod3:hover a span {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.myStage .stage_navigation .btn_mod1 {
  /*&:hover*/
}
.myStage .stage_navigation .btn_mod1:hover {
  /*a span*/
}
.myStage .stage_navigation .btn_mod1:hover a span {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myStage .stage_navigation .btn_mod2 {
  /*&:hover*/
}
.myStage .stage_navigation .btn_mod2:hover {
  /*a span*/
}
.myStage .stage_navigation .btn_mod2:hover a span {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myStage .stage_navigation .btn_mod3:hover a span {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myStage .text {
  width: 994px;
  padding-top: 200px;
  z-index: 9999;
  margin-top: 50px;
  text-align: right;
  margin: 0px auto 0px auto;
}
.myStage .text .title {
  background: url("images/stage_bgd_title.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  display: inline;
  font-size: 27px;
  height: 60px;
  margin-bottom: 20px;
  padding: 10px 20px 10px 20px;
  color: #FFF;
  font-family: "Fira Sans";
  font-style: italic;
}
.myStage .text .spacer {
  display: block;
  height: 27px;
  width: 400px;
}
.myStage .text .subtitle {
  background: url("images/stage_bgd_subtitle.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  font-family: "Fira Sans";
  font-style: italic;
  display: inline;
  font-size: 18px;
  padding: 3px 20px 3px 20px;
}
.myStage .text .button {
  background: url("images/stage_bgd_title.png");
  background-position: 0px 0px;
  background-repeat: repeat;
  font-family: "Fira Sans";
  font-style: italic;
  display: inline;
  font-size: 21px;
  height: 20px;
  text-decoration: none;
  padding: 5px 20px 5px 20px;
  color: #FFF;
  margin-left: 0px;
}
.myStage .stage.beforeShowPrevious {
  margin-left: 400px;
}
.myStage .stage.beforeShowPrevious span.title,
.myStage .stage.beforeShowPrevious span.subtitle,
.myStage .stage.beforeShowPrevious .button,
.myStage .stage.beforeShowPrevious p {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-right: 300px;
}
.myStage .stage.beforeShowPrevious span.subtitle {
  margin-right: 500px;
}
.myStage .stage.beforeShowNext {
  margin-left: -400px;
}
.myStage .stage.beforeShowNext span.title,
.myStage .stage.beforeShowNext span.subtitle,
.myStage .stage.beforeShowNext .button,
.myStage .stage.beforeShowNext p {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-right: -300px;
}
.myStage .stage.beforeShowNext span.subtitle {
  margin-right: -500px;
}
.myStage .stage.show {
  margin-top: 0px;
  margin-left: 0px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
  -ms-transition: opacity 0.8s ease;
}
.myStage .stage.show span.title,
.myStage .stage.show span.subtitle,
.myStage .stage.show p {
  -webkit-transition: all 1s ease 0.6s;
  -moz-transition: all 1s ease 0.6s;
  -o-transition: all 1s ease 0.6s;
  -ms-transition: all 1s ease 0.6s;
  transition: all 1s ease 0.6s;
}
.myStage .stage.show span.title {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-right: 0px;
}
.myStage .stage.show span.subtitle {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-right: 0px;
}
.myStage .stage.show p {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myStage .stage.show .button {
  -webkit-transition: all 1s ease 1.2s;
  -moz-transition: all 1s ease 1.2s;
  -o-transition: all 1s ease 1.2s;
  -ms-transition: all 1s ease 1.2s;
  transition: all 1s ease 1.2s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  margin-right: 0px;
}
.myStage .stage.show h1 {
  -webkit-transition: all 0.5s ease 0.5s;
  -moz-transition: all 0.5s ease 0.5s;
  -o-transition: all 0.5s ease 0.5s;
  -ms-transition: all 0.5s ease 0.5s;
  transition: all 0.5s ease 0.5s;
  font-size: 15px;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.myStage .stage.afterHideNext {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -2000px;
}
.myStage .stage.afterHidePrevious {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -2000px;
}
.myStage .stage.afterHide {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-left: -2000px;
}
.myStage .stage.afterHide span.title,
.myStage .stage.afterHide span.subtitle,
.myStage .stage.afterHide .button,
.myStage .stage.afterHide p {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  margin-right: 300px;
}
.myStage .stage.afterHide span.subtitle {
  margin-right: 500px;
}
.myStage .stage.show {
  display: block;
}
a.active {
  color: red;
  cursor: none;
}
a.active:hover {
  cursor: default;
}
a:hover {
  cursor: pointer;
}
/*restricted style*/
/* +EXAMPLE+ body div#main.complextype-Mitarbeiter-skin{} +EXAMPLE+ */
.clearB {
  clear: both;
}
.browser_msie_7 div#navigation {
  width: 545px;
  z-index: 99999;
}
.browser_msie_7 .containerTop {
  height: 100px;
}
/*.browser_msie_7*/
#containerSearchForm {
  right: 0px;
  top: -95px;
  position: absolute;
}
#containerSearchForm .close {
  display: none;
}
/*#containerSearchForm*/
.buttonSearchContainer {
  display: none;
}
#searchForm {
  right: 0px;
  width: 310px;
  height: 30px;
  padding: 10px;
  background-color: rgba(0, 63, 116, 0.7);
  z-index: 999;
  position: absolute;
  /*#allSearchResultsLink */
}
#searchForm input {
  background-image: url("images/ico_search.png");
  background-position: 7px 7px;
  background-repeat: no-repeat;
  background-color: #FFF;
  width: 180px;
  height: 20px;
  line-height: 20px;
  display: block;
  color: #b2afaf;
  font-size: 14px;
  float: left;
  border: none;
  padding: 5px 0px 5px 30px;
  font-family: 'Fira Sans', Arial, sans-serif;
}
#searchForm .externField {
  float: left;
}
#searchForm #autosuggestionSubmit {
  background-image: none;
  width: 80px;
  height: 30px;
  line-height: 20px;
  display: block;
  font-style: italic;
  font-weight: 500;
  color: #FFF;
  font-size: 16px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  background-color: #999999;
  margin: 0px 0px 0px 1px;
  font-family: 'Fira Sans', Arial, sans-serif;
  border: none;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#searchForm #autosuggestionSubmit:hover {
  cursor: pointer;
  background-color: #666666;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
#searchForm #allSearchResultsLink,
#searchForm .allSearchResults {
  width: 270px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  display: block;
  color: #FFF;
  margin: 10px 0px 0px 0px;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
#searchForm #allSearchResultsLink:hover,
#searchForm .allSearchResults:hover {
  background-color: #999999;
  text-decoration: none;
  color: #FFF;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
#searchForm .autosuggestion {
  min-height: 35px;
  z-index: 99999;
  /*~asBox div.Content*/
}
#searchForm .autosuggestion .asBox div.Content {
  color: #FFF;
  background-color: rgba(0, 63, 116, 0.7);
  padding: 10px 10px 10px 10px;
  border: 1px solid #4c514e;
  border-top: none;
  width: 271px;
  min-height: 10px;
  float: left;
  margin-left: -1px;
  margin-top: 1px;
  /*~searchResult*/
}
#searchForm .autosuggestion .asBox div.Content .searchResult {
  border-bottom: 1px solid #002245;
  display: block;
  width: 250px;
  padding: 10px 10px 10px 10px;
  min-height: 20px;
  float: left;
  color: #FFF;
}
#searchForm .autosuggestion .asBox div.Content .searchResult:hover {
  background-color: #002245;
  border-bottom: 1px solid #002245;
  text-decoration: none;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
#searchForm .autosuggestion .asBox div.Content .searchResult a {
  display: block;
  width: 348px;
  height: 60px;
  text-decoration: none;
}
#searchForm .autosuggestion .asBox div.Content .searchResult .text {
  float: left;
  display: block;
  width: 262px;
  line-height: 19px;
  min-height: 20px;
}
.pagination,
.pagination_search {
  padding: 5px 0px 5px 5px;
  margin: 0px 0px 0px 0px;
  text-align: right;
  float: right;
  font-size: 16px;
}
.pagination a,
.pagination_search a {
  padding: 2px 7px;
  margin: 0px 0px;
  margin-right: 5px;
  color: #FFFFFF;
  background-color: #999999;
  text-decoration: none;
}
.pagination .dots,
.pagination_search .dots {
  padding: 2px 7px;
  margin: 0px 0px;
  margin-right: 5px;
  color: #FFFFFF;
  background-color: #999999;
  text-decoration: none;
}
.pagination .active,
.pagination_search .active {
  color: #FFFFFF;
  background-image: none;
  background-color: #46474b;
}
.pagination a:hover,
.pagination_search a:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #46474b;
}
.pagination .active:hover,
.pagination_search .active:hover {
  color: #FFFFFF;
  background-image: none;
  background-color: #46474b;
  cursor: default;
  text-decoration: none;
}
.pagination div,
.pagination_search div {
  display: inline;
}
.pagination div.active,
.pagination_search div.active,
.pagination span.disabled,
.pagination_search span.disabled {
  padding: 2px 7px;
  margin: 0px 0px;
  margin-right: 5px;
}
.pagination .caption,
.pagination_search .caption {
  margin-right: 10px;
}
.pagination span.disabled,
.pagination_search span.disabled {
  color: #999;
}
.paginationProducts {
  margin-top: -60px;
  height: 30px;
  display: block;
}
.ico_print {
  background-image: url("images/ico_print.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 30px;
  float: left;
}
.ico_print:hover {
  color: #000;
}
.cd_lateral_nav {
  background-color: #242e30;
  height: 100%;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 90 );
  visibility: visible;
  position: fixed;
  top: 31px;
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px);
  -webkit-transition: -webkit-transform 0.4s ease 0s, visibility 0s ease 0.4s;
  transition: transform 0.4s ease 0s, visibility 0s ease 0.4s;
  width: 260px;
  z-index: 999;
  background-color: #32567a;
  bottom: 0px;
  display: none;
  /*.subNavb_product*/
  /*.subNav*/
}
.cd_lateral_nav a {
  color: #FFF;
}
.cd_lateral_nav .subNavb_product {
  display: block;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  letter-spacing: 0.2px;
  padding: 0 0 0 15px;
  width: 245px;
  text-align: left;
  font-weight: 400;
  z-index: 99999;
  position: relative;
  background-color: #32567a;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
.cd_lateral_nav .subNavb_product:hover {
  border: none;
}
.cd_lateral_nav .subNav {
  overflow: hidden;
  color: #FFF;
  padding: 0 0 0 15px;
  width: 245px;
}
.cd_lateral_nav .subNav a {
  width: 245px;
  height: 30px;
  display: block;
}
/*.cd_lateral_nav*/
.cd_lateral_nav:hover {
  background-color: #335980;
}
#main-main-productNavigation div.navButton_product {
  xdisplay: none;
}
#main-main-productNavigation div.navButton_product.product_active {
  display: block;
}
#main-main-productNavigation div.navButton_product.product_active div.navButton_product {
  display: block;
}
/*main-main-productNavigation*/
.gotToOverview {
  background: rgba(0, 0, 0, 0) url("images/btn_product_nextPrev.png") no-repeat scroll 0 4px;
  display: block;
  font-family: "Fira Sans", Arial, sans-serif;
  font-size: 16px;
  height: 20px;
  margin: 0;
  width: 140px;
  padding-left: 25px;
  margin-bottom: 30px;
}
.gotToOverview:hover {
  background-position: 0px -40px;
}
div#navButton_product.show div.subNav {
  /*div#navButton_product.show div.subNav*/
  height: 100%;
  width: 260px;
  overflow: visible;
  left: 260px;
  transition: left 0.7s ease 0.5s;
  -webkit-transition: left 0.7s ease 0.5s;
  -moz-transition: left 0.7s ease 0.5s;
  -o-transition: left 0.7s ease 0.5s;
  -ms-transition: left 0.7s ease 0.5s;
}
div#navButton_product div.subNav:hover {
  /*div#navButton_product.show div.subNav*/
  height: 100%;
  width: 260px;
  overflow: visible;
  left: 260px;
  transition: left 0.7s ease 0.5s;
  -webkit-transition: left 0.7s ease 0.5s;
  -moz-transition: left 0.7s ease 0.5s;
  -o-transition: left 0.7s ease 0.5s;
  -ms-transition: left 0.7s ease 0.5s;
}
#navButton_product a.subNavb_product:hover {
  /*#navButton_product.show a.subNavb_product */
  background-color: #4387c7;
  border: none;
  transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
}
#navButton_product.afterHide a.subNavb_product {
  background-color: none;
}
#productSubNav {
  position: relative;
  z-index: 9999;
  height: 100%;
  width: 245px;
}
#buttonSideMenu {
  position: fixed;
  display: none;
}
#buttonSideMenu:hover {
  cursor: pointer;
  background-color: #32567a;
}
#buttonSideMenu .menu_text {
  color: #fff;
  left: -20px;
  position: absolute;
  right: auto;
  top: 50%;
  font-weight: 600;
  height: 30px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
#buttonSideMenu .menu_icon {
  background-color: #fff;
  bottom: auto;
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  bottom: 20px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu.active {
  display: block;
  width: 107px;
  height: 60px;
  position: fixed;
  right: 0px;
  bottom: -90px;
  z-index: 9999;
  color: #FFF;
  background-color: #444444;
  transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -o-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
}
#buttonSideMenu .menu_icon::before,
#buttonSideMenu .menu_icon::after {
  background-color: inherit;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu .menu_icon::before {
  bottom: 5px;
}
#buttonSideMenu .menu_icon::after {
  top: 5px;
}
#buttonSideMenu.active .menu_icon {
  background-color: rgba(255, 255, 255, 0);
}
#buttonSideMenu.active .menu_icon::before,
#buttonSideMenu.active .menu_icon::after {
  background-color: white;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonSideMenu.active .menu_icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#buttonSideMenu.active .menu_icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#buttonMobileMenu .menu_icon {
  background-color: #ffffff;
  bottom: auto;
  display: inline-block;
  height: 3px;
  left: 38%;
  position: absolute;
  right: auto;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 25px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
}
#buttonMobileMenu .menu_icon::before,
#buttonMobileMenu .menu_icon::after {
  background-color: #ffffff;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
#buttonMobileMenu .menu_icon::before {
  bottom: 7px;
}
#buttonMobileMenu .menu_icon::after {
  top: 7px;
}
#buttonMobileMenu.active .menu_icon {
  background-color: rgba(58, 56, 104, 0);
  height: 4px;
  background-color: -moz-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* FF3.6+ */
  background-color: -webkit-gradient(linear, left top, right top, color-stop(0%, #fbfafa), color-stop(100%, #b1b0b1));
  /* Chrome,Safari4+ */
  background-color: -webkit-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* Chrome10+,Safari5.1+ */
  background-color: -o-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* Opera 11.10+ */
  background-color: -ms-linear-gradient(left, #fbfafa 0%, #b1b0b1 100%);
  /* IE10+ */
  background-color: linear-gradient(to right, #fbfafa 0%, #b1b0b1 100%);
  /* W3C */
}
#buttonMobileMenu.active .menu_icon::before,
#buttonMobileMenu.active .menu_icon::after {
  background-color: #ffffff;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
#buttonMobileMenu.active .menu_icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#buttonMobileMenu.active .menu_icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.buttonMobileMenuContainer {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  top: 20px;
  display: none;
  z-index: 999;
}
#buttonMobileMenu {
  display: block;
  width: 100%;
  height: 100%;
}
#buttonMobileMenu:hover {
  cursor: pointer;
}
.buttonMobileMenuContainer .menu_caption {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  height: 20px;
  left: -1px;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  top: -5px;
  transition: all 0.2s linear 0s;
  visibility: visible;
  width: 40px;
  text-align: center;
  font-style: italic;
}
.GalleryBox {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(69, 69, 69, 0.9);
  display: block;
  /*beschreibung*/
}
.GalleryBox img {
  height: 100vh;
  width: auto;
}
.GalleryBox .navleft {
  top: 5px;
  position: absolute;
  width: 50%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 9999;
}
.GalleryBox .navright {
  top: 5px;
  position: absolute;
  width: 50%;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 9999;
  right: 0px;
}
.GalleryBox .navleft .left {
  background-image: url("images/prevlabel.png");
  background-position: 0px center;
  background-repeat: no-repeat;
  top: 10px;
  position: absolute;
  left: 50px;
  width: 60px;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 999;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
}
.GalleryBox .navright .right {
  background-image: url("images/nextlabel.png");
  background-position: -10px center;
  background-repeat: no-repeat;
  right: 50px;
  top: 10px;
  position: absolute;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
  filter: alpha(opacity = 100 );
  width: 60px;
  height: 100%;
  display: block;
  cursor: pointer;
  z-index: 999;
}
.GalleryBox .navleft:hover .left {
  left: 60px;
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.GalleryBox .navright:hover .right {
  right: 60px;
  -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.GalleryBox .beschreibung {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 63, 116, 0.7);
  display: inline-block;
  z-index: 999;
  /*.leftText*/
  /*.rightText*/
}
.GalleryBox .beschreibung .leftText {
  width: 50%;
  margin: 0px;
  height: 45px;
  line-height: 45px;
  font-size: 19px;
  padding-left: 30px;
  text-align: left;
  color: #FFF;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.GalleryBox .beschreibung .rightText {
  width: 50%;
  margin: 0px;
  height: 45px;
  line-height: 45px;
  font-size: 16px;
  padding-right: 30px;
  text-align: right;
  color: #FFF;
  float: right;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.GalleryBox .close {
  position: fixed;
  top: 85px;
  right: 40px;
  width: 55px;
  height: 9px;
  z-index: 99999;
  text-decoration: none;
  display: block;
  transition: all 0.35s ease 1s;
  -webkit-transition: all 0.35s ease 1s;
  -moz-transition: all 0.35s ease 1s;
  -o-transition: all 0.35s ease 1s;
  -ms-transition: all 0.35s ease 1s;
}
.GalleryBox .close::before,
.GalleryBox .close::after {
  background-color: #f5f5f5;
  content: "";
  height: 100%;
  left: 0px;
  position: absolute;
  width: 100%;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
}
.GalleryBox .close::before {
  bottom: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.GalleryBox .close::after {
  top: 0px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Location {
  width: 100%;
  float: left;
  min-height: 135px;
  margin-top: 50px;
  margin-bottom: 50px;
  /*.StockLocation*/
}
.Location .StockLocation {
  width: 100%;
  float: left;
  min-height: 135px;
  /*.bild*/
  /*.bild*/
  /*.title */
  /*.address*/
  /*a*/
}
.Location .StockLocation .bild {
  width: 320px;
  float: left;
  min-height: 100px;
  margin-right: 20px;
}
.Location .StockLocation .bild img {
  width: 320px;
  float: left;
  height: auto;
}
.Location .StockLocation .details {
  xwidth: calc(100% - 840px);
  width: 470px;
  float: left;
  min-height: 100px;
}
.Location .StockLocation .title {
  min-height: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  /*span*/
}
.Location .StockLocation .title span {
  height: 25px;
  line-height: 25px;
  font-size: 21px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
.Location .StockLocation .title span span {
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
}
.Location .StockLocation .address {
  height: 25px;
  margin-bottom: 20px;
  width: 100%;
}
.Location .StockLocation .openingHoursCaption {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
  margin-top: 30px;
}
.Location .StockLocation a {
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  width: 100%;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-left: 3px;
  color: #35414d;
}
.Location .StockLocation a span {
  font-size: 14px;
  text-transform: uppercase;
  color: #35414d;
  display: inline-block;
  font-weight: 900;
}
.Location .infos {
  width: 870px;
  min-height: 200px;
  float: left;
}
.Location .maps {
  xwidth: calc(100% - 870px);
  width: 740px;
  float: left;
  height: 210px;
  margin-top: 20px;
}
/*.Location*/
#main-google,
#main-google2,
#main-google3 {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 1024px) {
  /*iPad 1 & 2*/
  body,
  html {
    width: 1024px;
    margin: 0px 0px 0px 0px;
  }
}
/* Small Desktop*/
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  div#container {
    width: 994px;
  }
}
/* Small Desktop*/
/* iPad in portrait & landscape*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body,
  html {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  .BodyHolder {
    width: 100%;
  }
}
/* END iPad in portrait & landscape*/
/* iPad in landscape*/
/* END iPad in landscape*/
/* iPad in portrait */
/* END iPad in portrait */
/*iPhone 5 & 5S in portrait & landscape */
@media only screen and (min-width: 320px) and (max-width: 667px) {
  body,
  html {
    width: 100%;
  }
  #BodyHolderInner {
    background: url("images/bgd_full.jpg");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: auto 750px;
    background-color: #000000;
    width: 100%;
    min-height: 100%;
    z-index: 2;
  }
  /*.BodyHolderInner*/
  .buttonMobileMenuContainer {
    display: block;
  }
  #buttonSideMenu {
    display: block;
    width: 40%;
    height: 60px;
    position: fixed;
    right: 30%;
    bottom: -90px !important;
    z-index: 9999;
    background-color: rgba(0, 63, 116, 0.8);
    color: #FFF;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 90 );
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
  }
  #buttonSideMenu .menu_text {
    left: 0px;
    position: absolute;
    right: auto;
    top: 5px;
    width: 100%;
    text-align: center;
    font-weight: 600;
    height: 40px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  #buttonSideMenu.showButton {
    display: block;
    width: 40%;
    height: 60px;
    position: fixed;
    right: 30%;
    bottom: 0px !important;
    z-index: 9999;
    background-color: rgba(0, 63, 116, 0.8);
    color: #FFF;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 90 );
    transition: all 0.4s linear 0s;
    -webkit-transition: all 0.4s linear 0s;
    -moz-transition: all 0.4s linear 0s;
    -o-transition: all 0.4s linear 0s;
    -ms-transition: all 0.4s linear 0s;
  }
  #buttonSideMenu.showButton.active {
    width: 107px;
    right: 0%;
    background-color: #444444;
    bottom: 0px !important;
  }
  .headerTop {
    height: 30px;
    position: absolute;
    top: 82px;
    left: 0px;
    z-index: 999;
    /*.headerTop*/
  }
  .headerTop .headerTopInner {
    width: 100%;
    margin: 0px auto 0px auto;
    padding-left: 0px;
    text-align: left;
  }
  .headerTop a {
    letter-spacing: 0px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 0px;
    width: 50%;
  }
  .headerTop a.phone {
    background-position: 0px 6px;
    padding-left: 5%;
    width: 40%;
    margin-left: 5%;
  }
  /*.headerTop */
  .containerTop {
    width: 100%;
    height: 1px;
  }
  .containerTop .inlay {
    position: fixed;
    width: 100%;
    height: 5px;
    z-index: 999;
    top: 0px;
  }
  .containerTop .logo {
    background: url("images/logo.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 240px auto;
    position: absolute;
    height: 50px;
    right: 100%;
    margin-right: -260px;
    top: 21px;
    width: 250px;
  }
  .containerTop .logo_bgd {
    position: absolute;
    width: 1020px;
    height: 80px;
    top: 0px;
    right: 0px;
    pointer-events: none;
    background: url("images/bgd_logo.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 9998;
  }
  /*.containerTop*/
  .containerTop.hideContainerTop .logo {
    background: url("images/logo.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: 240px auto;
    position: absolute;
    height: 50px;
    right: 100%;
    margin-right: -260px;
    top: 21px;
    width: 250px;
  }
  .containerTop.hideContainerTop .logo_bgd {
    position: absolute;
    width: 1020px;
    height: 80px;
    top: 0px;
    right: 0px;
    pointer-events: none;
    background: url("images/bgd_logo.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    z-index: 9998;
  }
  div.fbsection {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    display: block;
    padding-bottom: 300px;
    max-height: 100%;
  }
  #fbsection1 {
    padding-bottom: 0px;
  }
  #fbsection1.fbStart {
    padding-bottom: 1075px;
  }
  .wrapper {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
    min-height: 5px;
    text-align: center;
    padding: 0px 0px 40px 0px;
    position: relative;
  }
  .wrapper::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    display: inline-block;
    float: right;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    width: 500px;
    z-index: 0;
  }
  .wrapper {
    left: 0%;
    position: relative;
    -ms-transform: none;
    -webkit-transition: none;
    transform: none;
    width: 100%;
    z-index: 20;
  }
  .wrapper .inlayFB {
    width: 96%;
    padding-left: 2px;
    padding-right: 2px;
    margin: 0px auto 0px auto;
    -ms-transform: none;
    -webkit-transition: none;
    transform: none;
  }
  #wrapper1.wrapperStart {
    height: auto;
  }
  #wrapper2.wrapperStart {
    position: relative;
    padding-bottom: 0px;
    height: 5px;
    width: 100%;
    background-color: #f2f0f0;
  }
  #wrapper2.wrapperStart .complextypes-ContentTeaser-skin {
    top: -1060px;
    left: 0px;
  }
  /*#wrapper2.wrapperStart*/
  .textStart {
    width: 100%;
    float: left;
    min-height: 10px;
    padding-right: 0px;
  }
  .textStart .TextItem {
    margin-top: 30px;
    width: 100%;
  }
  .fb_logo {
    background: url("images/fb_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 0px;
    left: 200px;
  }
  .News {
    width: 100%;
    height: 230px;
    display: block;
    float: left;
    margin-top: 40px;
  }
  .News:hover {
    cursor: pointer;
  }
  .Angebot {
    width: 100%;
    height: 255px;
    display: block;
    float: left;
    margin-top: 40px;
    margin-bottom: 10px;
  }
  .Angebot:hover {
    cursor: pointer;
  }
  /*.Angebot*/
  #mainSiteTitle {
    max-width: 290px;
    height: 40px;
    position: absolute;
    left: 0%;
    margin-left: 0px;
    line-height: 52px;
    z-index: 1;
  }
  #mainSiteTitle h1 {
    font-size: 24px;
    margin: 0px;
    line-height: 40px;
  }
  /*#mainSiteTitle */
  .StaticTeaser {
    width: 100%;
    height: 287px;
    display: block;
    float: right;
    display: none;
  }
  .myStage {
    height: 497px;
    /*.text*/
    /*.stage_navigation*/
  }
  .myStage .text {
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 250px;
    width: 92%;
    /*.title*/
    /*.subtitle*/
    /*.button*/
    /*.spacer*/
  }
  .myStage .text .title {
    font-size: 19px;
    padding: 10px 10px 10px 10px;
  }
  .myStage .text .subtitle {
    font-size: 13px;
    padding: 3px 10px 3px 10px;
  }
  .myStage .text .button {
    font-size: 16px;
  }
  .myStage .text .spacer {
    height: 16px;
    width: 100%;
  }
  .myStage .stage_navigation {
    top: 435px;
  }
  .myStage .spacerButton {
    height: 30px !important;
  }
  /*.myStage*/
  .buttonSearchContainer {
    width: 60px;
    height: 40px;
    display: block;
    background-color: rgba(0, 63, 116, 0.9);
    color: #FFF;
    position: absolute;
    right: -5px;
    top: -40px;
    text-align: center;
    text-indent: -10000px;
    background-image: url("images/ico_search_w.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .buttonSearchContainer a {
    display: block;
    width: 60px;
    height: 40px;
  }
  /*.buttonSearchContainer */
  .buttonSearchContainer.active {
    right: -100px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  #containerSearchForm {
    top: -400px;
    width: 110%;
    right: -5%;
    z-index: 9999;
    height: 0px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    overflow: hidden;
  }
  #containerSearchForm .close {
    position: absolute;
    right: 3px;
    top: 95px;
    z-index: 9999;
    background-color: #fff;
    display: inline-block;
    height: 4px;
    text-indent: -10000px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  #containerSearchForm .close::before,
  #containerSearchForm .close::after {
    background-color: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: white;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  #containerSearchForm .close {
    background-color: rgba(255, 255, 255, 0);
  }
  #containerSearchForm .close::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #containerSearchForm .close::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*#containerSearchForm*/
  #containerSearchForm.show {
    height: 220px;
    top: -221px;
    overflow: visible;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  #searchForm {
    right: 0px;
    width: 100%;
    height: 220px;
    padding: 0px 0px 0px 0px;
    background-color: rgba(0, 63, 116, 0.8);
    z-index: 999;
    position: absolute !important;
    /*#allSearchResultsLink */
  }
  #searchForm .form {
    margin-top: 80px;
  }
  #searchForm input {
    background-image: url("images/ico_search.png");
    background-position: 7px 7px;
    background-repeat: no-repeat;
    background-color: #FFF;
    width: 210px;
    color: #b2afaf;
    border: none;
    -webkit-appearance: none;
    border-radius: 0;
    padding: 5px 0px 5px 30px;
    margin-left: 20px;
    font-family: 'Titillium Web', Arial, sans-serif;
  }
  #searchForm .autosuggestion {
    float: none;
    margin: 0px auto 0px auto;
  }
  #searchForm .autosuggestion .asBox div.Content {
    color: #FFF;
    padding: 2%;
    padding-top: 0px;
    padding-bottom: 0px;
    border: none;
    width: 96%;
    margin-left: 0px;
    margin-top: 11px;
    background-color: rgba(0, 63, 116, 0.95);
    /*~searchResult*/
  }
  #searchForm .autosuggestion .asBox div.Content .searchResult {
    width: 96%;
    padding: 2%;
  }
  #searchForm .autosuggestion .asBox div.Content .searchResult a {
    display: block;
    width: 100%;
    height: 60px;
    text-decoration: none;
  }
  #searchForm .autosuggestion .asBox div.Content .searchResult .text {
    float: none;
    display: block;
    padding: 2% 4% 2% 4%;
    width: 92%;
    line-height: 19px;
    min-height: 20px;
  }
  #searchForm #autosuggestionSubmit {
    margin-left: 0px;
  }
  #searchForm #allSearchResultsLink,
  #searchForm .allSearchResults {
    width: 100%;
    margin-top: 0px;
    background-color: #003f46;
  }
  /*#searchForm */
  .gotToOverview {
    display: none;
  }
  .navigation_produkteMobile {
    display: block;
  }
  .navigation_produkte,
  .navigation_produkteMobile {
    float: left;
    padding-top: 18px;
    position: fixed;
    width: 96vw;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 500%;
    height: 100%;
    top: 200%;
    left: 0%;
    z-index: 999;
    text-align: left;
    background-color: rgba(0, 63, 116, 0.9);
    overflow: hidden;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .navigation_produkteMobile.show {
    top: 81px;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
  }
  .dummyMobile {
    float: left;
    width: 100%;
    height: 200px;
    display: block;
  }
  .navb_product {
    padding: 0 0 0 5%;
    width: 95%;
    color: #a8a8a8;
  }
  /*.navb_product*/
  .navb_product_active {
    background-color: #003f46;
    margin-bottom: 1px;
  }
  .navb_product_active:hover {
    background-color: #003f46;
    color: #FFF;
  }
  /*.navb_product_active*/
  .navButton_product.product_active {
    margin-top: 20px;
  }
  #productSubNav {
    position: relative;
    z-index: 9999;
    height: 200%;
    width: 100%;
  }
  .closeMobile {
    position: fixed;
    right: 10px;
    top: 115px;
    z-index: 99999;
    background-color: #fff;
    display: inline-block;
    height: 4px;
    text-indent: -10000px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 30px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    display: none;
  }
  .closeMobile::before,
  .closeMobile::after {
    background-color: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    background-color: white;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
  }
  .closeMobile {
    background-color: rgba(255, 255, 255, 0);
  }
  .closeMobile::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .closeMobile::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .h1NavMobile {
    display: block;
  }
  .h1NavMobile h1 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    width: 100%;
    color: #FFF;
  }
  /*.h1NavMobile*/
  span.subNav {
    height: 0px;
    overflow: hidden;
    /*.navb_product*/
  }
  span.subNav .navb_product {
    padding: 0 0 0 5%;
    width: 95%;
    color: #a8a8a8;
  }
  span.subNav .navButton_product.product_active {
    margin-top: 0px;
  }
  /*span.subNav*/
  .navButton_product {
    height: 25px;
    overflow: hidden;
  }
  .navButton_product.product_active {
    height: auto;
    overflow: visible;
  }
  .subNav.subNav_active {
    margin-top: 0px;
    display: block;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: auto;
    overflow: visible;
    background-color: #f3f4f4;
  }
  .subNav.subNav_active .subNav.subNav_active {
    margin-bottom: 0px;
    padding: 0px;
  }
  /*.subNav.subNav_active*/
  .mainProductOverview {
    float: left;
    width: 100%;
    min-height: 250px;
  }
  .mainProductOverview .TextItem {
    padding-left: 0%;
    width: 100%;
  }
  .mainProduct {
    width: 100%;
    position: relative;
  }
  .newsbeitrag {
    width: 100%;
    height: 240px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /*.left*/
  }
  .newsbeitrag a {
    width: 100%;
  }
  .newsbeitrag .left {
    width: 98%;
    padding: 20px 0px 0px 2%;
    /*.more*/
  }
  .newsbeitrag .left .titel {
    margin-bottom: 15px;
  }
  .newsbeitrag .left .more {
    width: 120px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    padding: 5px;
    margin: 0px 1px 0px 0px;
  }
  .newsbeitrag .left .more span {
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  .newsbeitrag .left .more span.bgd {
    background-color: #195282;
    width: 0px;
    overflow: hidden;
  }
  .newsbeitrag .left .more:hover {
    text-decoration: none;
  }
  .newsbeitrag .left .more:hover span.bgd {
    width: 100%;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  .newsbeitrag .icoOffer {
    color: #FFF;
    height: 31px;
    line-height: 31px;
    font-size: 16px;
    font-weight: 600;
    position: absolute;
    top: -33px;
    right: -1px;
    width: 97%;
    padding-right: 3%;
    text-align: right;
    text-transform: uppercase;
    display: block;
    background-color: rgba(0, 63, 116, 0.9);
  }
  /*.newsbeitrag*/
  #spacerMiddle {
    display: none;
  }
  #mainMiddle {
    width: 100%;
    position: relative;
  }
  #inlayMiddle {
    width: 100%;
  }
  div#navigation {
    /* Navigation - Global*/
    padding-top: 150px;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0px;
    left: -150%;
    background-color: rgba(0, 63, 116, 0.8);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    padding-left: 0px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0);
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    /*.navbutton */
    /*.navbutton.active */
  }
  div#navigation .navbutton {
    height: 45px;
    line-height: 45px;
    margin-bottom: 5px;
    font-size: 19px;
    color: #ffffff;
    width: 100%;
    margin-right: 0px;
  }
  div#navigation .navbutton:hover {
    background-color: rgba(0, 63, 116, 0.7);
    height: 45px;
    line-height: 45px;
    cursor: pointer;
  }
  div#navigation .mNavbutton {
    display: block;
  }
  div#navigation #navbutton_3,
  div#navigation #navbuttonContainer_3,
  div#navigation #navbutton_4,
  div#navigation #navbuttonContainer_4,
  div#navigation #navbutton_5,
  div#navigation #navbuttonContainer_5,
  div#navigation #navbutton_6,
  div#navigation #navbuttonContainer_6 {
    width: 100%;
  }
  div#navigation .navbutton_active {
    color: #ffffff;
    height: 45px;
    border-left: none;
    border-right: none;
    background-color: #999999;
  }
  div#navigation .navbutton_active:hover {
    color: #ffffff;
    background-color: #999999;
    height: 45px;
  }
  div#navigation .navbutton.active {
    height: 45px;
  }
  div#navigation .navbutton.active:hover {
    background-color: #E6E6E6;
    height: 45px;
  }
  /* @end */
  div.mNavigation.show {
    width: 100%;
    visibility: visible;
    overflow: visible;
  }
  div.mNavigation.show div#navigation {
    width: 100%;
    visibility: visible;
    overflow: visible;
    left: 0%;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  div.mNavigation.show div#navigation .navbutton.mNav {
    display: block;
  }
  /*div.mNavigation.show div#navigation */
  .subnavPage {
    width: 100%;
    min-height: 20px;
    background-color: #FFF;
    margin: 20px 0px 20px 0px;
    /*.navbutton */
    /*.navbutton_active*/
  }
  .subnavPage .navbutton {
    font-size: 16px;
    color: #454749;
    height: 35px;
    line-height: 35px;
    display: block;
    width: 45%;
    padding-left: 2%;
    padding-right: 2%;
    margin-bottom: 1%;
    float: left;
    text-align: center;
    background-color: #f0f0f0;
    /*&:hover*/
  }
  .subnavPage .navbutton:hover {
    background-color: #cccccc;
  }
  .subnavPage .navbutton1,
  .subnavPage .navbutton3 {
    margin-right: 1%;
  }
  .subnavPage .navbutton2,
  .subnavPage .navbutton4 {
    width: 46%;
  }
  .subnavPage .navbutton_active {
    background-color: #003f74;
    color: #FFF;
  }
  .subnavPage .navbutton_active:hover {
    background-color: #999999;
  }
  /*.subnavPage */
  .contentPage {
    width: 100%;
  }
  .contentPageNews {
    width: 100%;
  }
  .contentPagePartner {
    width: 100%;
  }
  .contentPageContact {
    width: 100%;
  }
  .contentPageContact .TextItem {
    width: 100%;
  }
  /*.contentPageContact */
  .ContentBlocks {
    width: 100%;
  }
  .ContentBlock {
    width: 100%;
    margin: 0px 0px 30px 0px;
    /*.images*/
    /*.images_list*/
  }
  .ContentBlock .text_wide {
    width: 100%;
  }
  .ContentBlock .text_small {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
  .ContentBlock .images {
    width: 100%;
    min-height: 165px;
    /*.image*/
  }
  .ContentBlock .images .image {
    background-color: #ffffff;
    width: 100%;
    height: 152px;
    margin-top: 10px;
    padding: 7px 0px 0px 0px;
    text-align: center;
  }
  .ContentBlock .images_list {
    width: 100%;
    min-height: 165px;
    float: left;
    margin: 10px 0px 0px 0px;
    /*.image*/
  }
  .ContentBlock .images_list .image {
    background-color: #ffffff;
    width: 42%;
    height: 155px;
    display: block;
    float: left;
    margin: 5px 0px 2% 0px;
    padding: 2%;
    text-align: center;
    overflow: hidden;
  }
  .ContentBlock .images_list .image img {
    width: 100%;
    height: auto;
  }
  .ContentBlock .images_list .image_mod1,
  .ContentBlock .images_list .image_mod3 {
    margin-right: 2%;
    margin-left: 2%;
  }
  .ContentBlock .images_list .image_mod2,
  .ContentBlock .images_list .image_mod4 {
    margin-right: 2%;
    margin-left: 2%;
  }
  /*.ContentBlock*/
  .mBreak {
    display: block;
    width: 15px;
    float: left;
  }
  .productTop {
    width: 100%;
    height: 240px;
    position: relative;
    background-color: #FFF;
    /*.left*/
    /*.right*/
  }
  .productTop .left {
    width: 58%;
    min-height: 195px;
    float: left;
    padding: 20px 0px 0px 2%;
  }
  .productTop .left .titel {
    margin-bottom: 15px;
    display: block;
  }
  .productTop .left .text {
    width: 100%;
    min-height: 110px;
    float: left;
    line-height: 21px;
  }
  .productTop .right {
    width: 40%;
    min-height: 105px;
    float: right;
  }
  .productTop .offerMonthCaption {
    background-image: url("images/icoTop.png");
    background-repeat: no-repeat;
    background-size: 72px 72px;
    width: 72px;
    height: 72px;
  }
  /*.productTop*/
  .topAngebote {
    float: left;
    width: 100%;
    height: auto;
    margin: 5px 0px 30px 0px;
    position: relative;
  }
  .topAngebote .topAngeboteLayer {
    width: 1000px;
    right: -1053px;
    top: 0px;
    height: 326px;
    position: absolute;
  }
  .topAngebote .topAngeboteLayer::before {
    top: 0;
    transform: skew(-30deg, 0deg);
  }
  .topAngebote .topAngeboteLayer::before,
  .topAngebote .topAngeboteLayer::after {
    background-color: rgba(25, 82, 130, 0.7);
    content: "";
    height: 50%;
    left: 0px;
    position: absolute;
    width: 1000px;
    z-index: -1;
  }
  .topAngebote .topAngeboteLayer::after {
    bottom: 0px;
    transform: skew(30deg, 0deg);
  }
  /*.topAngebote*/
  .topAngebote::before {
    top: 0;
    transform: skew(-30deg, 0deg);
  }
  .topAngebote::before,
  .topAngebote::after {
    background-color: #ffffff;
    content: "";
    height: 50%;
    left: 50px;
    position: absolute;
    width: 990px;
    z-index: -1;
  }
  .icoOfferLong {
    color: #FFF;
    height: 41px;
    line-height: 41px;
    font-size: 25px;
    font-weight: 400;
    width: 300px;
    position: absolute;
    left: 0px;
    top: 135px;
    text-align: left;
    display: block;
    xbackground-color: rgba(0, 63, 116, 0.9);
    background-color: rgba(20, 20, 20, 0.65);
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .icoOfferLong strong {
    font-weight: 700;
    color: #ffed00;
  }
  .productTopItem {
    float: none;
    width: 100%;
    border-right: none;
    margin: 0px auto 0px auto;
    /*.inlay*/
    /*.img*/
  }
  .productTopItem .inlay {
    padding: 0px;
    width: 100%;
  }
  .productTopItem .img {
    width: 100%;
    height: 195px;
    float: none;
    display: inline-block;
    text-align: center;
  }
  /*.productTopItem*/
  #main-contentteaser {
    width: 100%;
    min-height: 505px;
    float: left;
  }
  .productGroupsTop {
    margin: 0px 2% 0px 2%;
    width: 96%;
  }
  .productGroupsTop h1 {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0px;
    width: 100%;
    position: relative;
  }
  /*.productGroupsTop */
  .productGroups {
    width: 100%;
  }
  /*.productGroups*/
  .complextypes-Product-list h1 {
    font-size: 24px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding-left: 0px !important;
    width: 100%;
  }
  /*.complextypes-Product-list*/
  .productGroup {
    padding: 0%;
    width: 50%;
    float: left;
    display: block;
    margin: 0px auto 20px auto;
    border: none;
    height: 240px;
    overflow: hidden;
    /*a.inlay*/
  }
  .productGroup span.inlay {
    /*.titel*/
    /*.img*/
    /*.button*/
  }
  .productGroup span.inlay .titel {
    height: 43px;
    font-size: 18px;
    width: 100%;
    display: block;
    line-height: 23px;
    margin: 1px 0px 0px 0px;
    padding-left: 0px;
    /*.titelInlay*/
  }
  .productGroup span.inlay .titel .titelInlay {
    height: 43px;
    font-size: 18px;
    width: 98%;
    line-height: 23px;
    margin: 1px 0px 0px 0px;
    padding-left: 2%;
  }
  .productGroup span.inlay .images {
    width: 100%;
  }
  .productGroup span.inlay .images .ProductImg {
    width: 100%;
    margin: 0px 0px 0px 0px;
    text-align: center;
  }
  .productGroup span.inlay .images .ProductImg_mod2 {
    display: none;
  }
  .productGroup span.inlay .button {
    width: 90%;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    font-size: 15px;
    margin: 0px 1px 0px 0px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    border: 1px solid #FFF;
  }
  .productGroup:hover {
    border: none;
  }
  .productGroup:hover span.inlay .button {
    bottom: 5px;
    right: 5px;
  }
  /*.productGroup*/
  .productGroupSmall {
    border: 1px solid transparent;
    padding: 2%;
    width: 94%;
    float: none;
    display: block;
    height: 230px;
    margin: 0px auto 50px auto;
    /*a.inlay*/
  }
  .productGroupSmall .inlay {
    /*.img*/
  }
  .productGroupSmall .inlay .images {
    width: 100%;
    text-align: center;
    margin: 0px;
  }
  .productGroupSmall .inlay .images .ProductImg {
    width: 130px;
    height: 130px;
    display: block;
    float: left;
    margin: 20px 20px 0px 20px;
  }
  .productGroupSmall .inlay .images .ProductImg img {
    max-width: 130px;
  }
  .productGroupSmall .inlay .images .ProductImg_mod2 {
    margin-left: 0px;
    margin-right: 0px;
    float: right;
  }
  /*.productGroupSmall*/
  .productOV {
    width: 100%;
    /*a.inlay*/
    /*&:hover*/
  }
  .productOV .left {
    width: 100%;
  }
  .productOV .right {
    width: 100%;
  }
  .productOV a.inlay {
    float: left;
    min-height: 100px;
    width: 100%;
    /*.titel*/
    /*.text*/
    /*.img*/
    /*.button*/
  }
  .productOV a.inlay .titel {
    width: 100%;
    font-size: 19px;
    line-height: 23px;
  }
  .productOV a.inlay .text {
    padding: 10px 0px 0px 0px;
    width: 100%;
  }
  .productOV a.inlay .images {
    width: 100%;
    min-height: 105px;
    text-align: center;
  }
  .productOV a.inlay .images .noPic {
    font-size: 16px;
    color: #bfbfbf;
    height: 195px;
    font-family: 'Titillium Web', Arial, sans-serif;
    text-align: center;
    line-height: 190px;
    display: block;
  }
  .productOV a.inlay .button {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #FFF;
    float: none;
    font-size: 15px;
    margin: 0px auto 0px auto;
    display: block;
  }
  .productOV a.inlay .button:hover {
    background-color: #808080;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  .productOV:hover {
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
  }
  /*productOV*/
  .productVO {
    padding-top: 20px;
    width: 100%;
    margin: 0px 0px 30px 0px;
    /*.leftTop*/
    /*.inlay*/
    /*.bottom*/
  }
  .productVO .leftTop {
    width: 100%;
  }
  .productVO .leftTop .Artikelnummer {
    width: 96%;
    height: 20px;
    line-height: 20px;
    float: right;
    text-align: right;
    margin: 0px 0px 15px 0px;
    padding: 5px 2% 5px 2%;
    border-bottom: 1px solid #a1a9b1;
  }
  .productVO .inlay {
    width: 100%;
    padding-left: 0px;
    border: none;
    /*.titel*/
    /*.text*/
    /*.images*/
    /*.button*/
    /*.downloads*/
  }
  .productVO .inlay .imgBig {
    position: relative;
    width: 100%;
    height: 290px;
  }
  .productVO .inlay .imgBig img {
    height: 290px;
    width: auto;
    margin-top: 0px;
    float: right;
  }
  .productVO .inlay .titel {
    width: 93%;
    padding-left: 5%;
    padding-right: 2%;
    margin: 0px;
    text-align: right;
    left: 0px;
    bottom: 0px;
    background: rgba(255, 255, 255, 0.8);
  }
  .productVO .inlay .titel h1 {
    font-size: 20px !important;
    padding-left: 0px;
    display: block;
    padding-top: 4px;
    line-height: 25px;
    font-weight: 600;
    margin: 0px;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    width: 100%;
    color: #005197;
  }
  .productVO .inlay .text {
    min-height: 190px;
    padding: 5px 0% 10px 0%;
    width: 100%;
  }
  .productVO .inlay .text table {
    border: none;
    border-bottom: 1px solid #c1c6cb;
    max-width: 100% !important;
    margin: 0px auto 0px auto;
  }
  .productVO .inlay .images {
    position: absolute;
    left: -2px;
    top: -20px;
    width: 92px;
    min-height: 85px;
    padding-top: 5px;
    /*.alternateImages*/
  }
  .productVO .inlay .images .alternateImages {
    height: 110px;
    width: 100%;
    float: left;
    display: block;
    /*img*/
  }
  .productVO .inlay .images .alternateImages .img {
    height: 62px;
    width: 89px;
    padding: 4px 0px 4px 0px;
    text-align: center;
    margin-top: 2px;
    margin-right: 0px;
    background-color: #FFFFFF;
  }
  .productVO .inlay .images .alternateImages .img_1 {
    margin-left: 0px;
  }
  .productVO .inlay .images .alternateImages .img_2 {
    margin-left: 0px;
  }
  .productVO .inlay .images .alternateImages .img_4 {
    margin-right: 0px;
  }
  .productVO .inlay .images .alternateImages .img.default {
    display: none;
  }
  .productVO .inlay .button {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: none;
    font-size: 15px;
    margin: 0px 0px 0px 0px;
  }
  .productVO .inlay .btn_left {
    margin: 0px;
    display: inline-block;
  }
  .productVO .inlay .btn_right {
    margin: 0px;
    margin-top: 10px;
    display: inline-block;
  }
  .productVO .inlay .downloads {
    padding-top: 10px;
  }
  .productVO .bottom {
    height: 69px;
    display: block;
    padding-top: 40px;
  }
  .productVO .bottom .button_left,
  .productVO .bottom .button_right {
    font-family: 'Titillium Web', Arial, sans-serif;
    font-size: 14px;
    width: 305px;
    margin: 0px 0px 0px 0px;
    height: 40px;
    display: block;
    background: url("images/btn_product_nextPrev.png");
    background-position: 0px 4px;
    background-repeat: no-repeat;
  }
  .productVO .bottom .button_left {
    padding-left: 20px;
    margin: 0px;
    float: left;
  }
  .productVO .bottom .button_left:hover {
    background-position: 0px -40px;
  }
  .productVO .bottom .button_right {
    background-position: right -85px;
    padding-right: 20px;
    margin: 10px 0px 0px 0px;
    float: right;
    text-align: right;
  }
  .productVO .bottom .button_right:hover {
    background-position: right -126px;
  }
  /*productVO*/
  .EffectLightbox {
    width: 100vw !important;
    left: 0px !important;
  }
  .imageBox {
    width: 100vw;
    /*.close*/
  }
  .imageBox .image_small {
    display: none;
    border: none;
    width: 100%;
    min-height: 20px;
    float: left;
  }
  .imageBox .image_small img {
    width: 100%;
    height: auto;
  }
  .imageBox .close {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #cccccc;
    position: absolute;
    right: 0%;
    bottom: -30px;
    font-size: 21px;
    display: block;
  }
  /*.imageBox*/
  .ContentTeaser {
    width: 100%;
    height: 160px;
    float: none;
    margin: 10px auto 0px auto;
    padding: 0px;
    position: relative;
    display: inline-block;
  }
  .ContentTeaser .img {
    width: 100%;
    height: 160px;
    display: block;
    text-align: center;
  }
  .ContentTeaser .title {
    background-color: rgba(0, 63, 116, 0.7);
    margin-left: 0px;
    display: block;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    width: 295px;
    font-size: 15px;
    text-align: center;
    left: 50%;
    margin-left: -147px;
    display: inline-block;
  }
  .ContentTeaser .text {
    display: none;
  }
  .ContentTeaser:hover {
    background-color: rgba(0, 11, 23, 0);
    border-bottom: none;
  }
  /*.ContentTeaser*/
  .ContentTeaser_mod3 {
    margin: 10px auto 0px auto;
  }
  /*.ContentTeaser_mod3*/
  .owl-item {
    text-align: center;
    margin: 0px auto 0px auto;
  }
  .owl-item .item {
    text-align: center;
    margin: 0px auto 0px auto;
  }
  /*.owl-item*/
  .Partner {
    height: 140px;
    float: none;
    padding: 5px;
    width: 230px;
    margin: 0px auto 0px auto;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF;
  }
  .Partner a.Firma {
    height: 140px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 230px;
    display: block;
    text-align: center;
    vertical-align: center;
  }
  .Partner a.Firma span {
    display: block;
    margin: 50px auto 0px auto;
    width: 150px;
    height: 40px;
  }
  /*.Partner*/
  .Partner_mod3 {
    margin: 0px 0px 10px 0px;
  }
  /*Partner_mod3*/
  .mPartner {
    height: 140px;
    float: left;
    border: none;
    padding: 0px;
    width: 47%;
    border: 1px solid #dbdbdb;
    margin: 0px 1% 2% 1%;
    display: inline;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF;
  }
  .mPartner a.Firma {
    height: 140px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65% auto;
    width: 100%;
    display: block;
    text-align: center;
    vertical-align: center;
  }
  /*.mPartner*/
  .mPartner_mod2 {
    margin-right: 0px;
  }
  /*.mPartner_mod2*/
  /* @end Partner*/
  .Mitarbeiter {
    width: 100%;
    float: left;
    height: 205px;
    margin: 20px auto 30px auto;
    /*.Details*/
  }
  .Mitarbeiter .Foto {
    margin: 0px 10px 0px 0px;
    width: 140px;
  }
  .Mitarbeiter .Foto img {
    width: 140px;
    height: auto;
  }
  .Mitarbeiter .Details {
    width: 180px;
    height: 140px;
  }
  .Mitarbeiter .Details .Inlay {
    position: absolute;
    bottom: 0px;
    min-height: 20px;
  }
  .Mitarbeiter .Details .Name {
    font-size: 15px;
  }
  .Mitarbeiter .Details .Email a {
    color: #3B3B3B;
  }
  .Mitarbeiter .Details .Aufgaben {
    color: #696A6A;
    font-size: 11px;
    font-style: italic;
  }
  /*.Mitarbeiter*/
  .googleMaps {
    width: 100%;
    float: left;
    height: 200px;
    margin: 0px 0px 0px 0px;
  }
  .googleMaps #main-googleMaps {
    width: 100%;
    height: 100%;
    display: block;
  }
  .ansprechpartner {
    width: 100%;
    margin: 20px 0px 0px 0px;
  }
  .ansprechpartner .TextItem {
    width: 100%;
  }
  .ansprechpartner .TextItem img {
    width: 100%;
    height: auto;
  }
  /*.ansprechpartner */
  .TextItem {
    width: 100%;
  }
  .contentPageSpecial {
    /*.TextItem*/
  }
  .contentPageSpecial .TextItem {
    /*table*/
  }
  .contentPageSpecial .TextItem img {
    width: 100%;
    height: auto;
  }
  .contentPageSpecial .TextItem table tr {
    width: 100% !important;
  }
  .contentPageSpecial .TextItem table td {
    width: 100% !important;
    display: block;
  }
  /*.contentPageSpecial */
  .h1mobile {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .panel {
    width: 98%;
    margin-left: 2%;
    /*.button a*/
  }
  .panel .inlay {
    display: block;
    min-height: 50px;
    width: 100%;
    float: left;
    padding: 40px 0px 20px 0px;
  }
  .panel .left,
  .panel .leftPart {
    width: 100%;
  }
  .panel .right,
  .panel .rightPart {
    width: 100%;
  }
  .panel .required {
    font-size: 35px;
    color: #a3a2a2;
    width: 25px;
    float: left;
    text-align: right;
    line-height: 38px;
    height: 22px;
    display: block;
    font-style: normal;
  }
  .panel .requiredInfo {
    display: none;
  }
  .panel .requiredInfoMobile {
    display: block;
    margin-top: 20px;
    float: left;
    font-style: italic;
    color: #939393;
  }
  .panel .part {
    width: 100%;
  }
  .panel .button a {
    font-family: 'Titillium Web', sans-serif;
    display: inline;
    font-size: 16px;
    height: 20px;
    text-decoration: none;
    padding: 5px 20px 5px 20px;
    color: #FFF;
    background-color: #999999;
    margin-left: 0px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    /*&:hover*/
  }
  .panel .button a:hover {
    color: #504D4D;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
  }
  .panel input,
  .panel textarea {
    -webkit-appearance: none;
    border-radius: 0;
  }
  /*~ .panel */
  div.ccm_form {
    /*div input*/
  }
  div.ccm_form div label {
    height: 30px;
    line-height: 30px;
  }
  div.ccm_form div input {
    height: 30px;
    line-height: 30px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
  }
  /*div.ccm_form */
  .QaAs {
    width: 100%;
    /*~ .QaA */
  }
  .QaAs .QaA {
    width: 98%;
    padding: 0px 0px 20px 2%;
    /*.text*/
    /*span*/
  }
  .QaAs .QaA .titel {
    line-height: 25px;
    font-size: 18px;
    background-color: #003f74;
    color: #FFF;
    text-align: center;
    font-weight: 700;
    padding-left: 2%;
    width: 98%;
    margin-bottom: 20px;
    vertical-align: middle;
  }
  .QaAs .QaA .text {
    padding: 0px 0px 0px 2%;
  }
  .QaAs .QaA .text h1,
  .QaAs .QaA .text h2 {
    font-size: 17px;
  }
  .QaAs .QaA span {
    margin: 0px 0px 0px 0px;
    font-size: 16px;
    color: #504d4d;
    text-align: left;
    background-color: #ffffff;
    line-height: 25px;
    display: inline-block;
    width: 93%;
    padding-left: 2%;
    font-weight: 400;
    margin-left: 2%;
  }
  /*~ .QaAs */
  .Downloads,
  .Links {
    width: 100%;
    /*~ .Download*/
  }
  .Downloads .Download,
  .Links .Download,
  .Downloads .Link,
  .Links .Link {
    height: 55px;
    width: 100%;
    float: left;
    margin: 0px 0px 15px 0px;
  }
  .Downloads .Download span.details,
  .Links .Download span.details,
  .Downloads .Link span.details,
  .Links .Link span.details {
    width: 230px;
    margin-left: 10px;
  }
  .Downloads .Download span.titel,
  .Links .Download span.titel,
  .Downloads .Link span.titel,
  .Links .Link span.titel {
    height: 20px;
    width: 100%;
    font-size: 12px;
  }
  .Downloads .Download span.beschreibung,
  .Links .Download span.beschreibung,
  .Downloads .Link span.beschreibung,
  .Links .Link span.beschreibung {
    height: 40px;
    width: 100%;
    font-size: 12px;
  }
  /*~ .Downloads*/
  .button_download {
    background: url("images/ico_download.png");
    background-position: 3px center;
    background-repeat: no-repeat;
    width: 95px;
    background-color: #999999;
    font-size: 13px;
    color: #FFF;
    overflow: hidden;
  }
  .button_download span.bgd {
    background-color: #195282;
    width: 0px;
    overflow: hidden;
  }
  .button_download span.caption {
    color: #FFF;
    padding-left: 20px;
    height: 31px;
    line-height: 31px;
  }
  .button_download:hover {
    text-decoration: none;
    color: #FFF;
  }
  .button_download:hover span.bgd {
    color: #FFF;
    width: 100%;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
  }
  /*.button_download*/
  .kontaktdaten_bot {
    margin: 0px 0px 0px 0px;
    width: 220px;
  }
  #kontaktdaten_area2 {
    width: 60%;
    padding-left: 1%;
  }
  div#footer {
    height: 215px;
    background: url("images/bgd_full_footer.jpg");
    background-position: center bottom;
    background-size: auto 215px;
    background-attachment: fixed;
    /*.inlay*/
  }
  div#footer .inlay {
    width: 100%;
    height: 205px;
    padding-top: 20px;
    font-size: 13px;
    /*.area*/
    /*.area_right*/
  }
  div#footer .inlay .area {
    width: 100%;
    float: left;
    height: 80px;
    /*.areaTitle*/
  }
  div#footer .inlay .area .areaTitle {
    display: none;
  }
  div#footer .inlay .area_1 {
    display: none;
  }
  div#footer .inlay .area_2 {
    width: 100%;
    margin-left: 0px;
  }
  div#footer .inlay .area_3 {
    display: none;
  }
  div#footer .inlay .area_4 {
    display: none;
  }
  div#footer .inlay .area_bottom {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    float: left;
    height: 30px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    line-height: 23px;
  }
  div#footer .inlay .area_bottom a {
    color: #FFF;
  }
  div#footer .inlay .area_right {
    line-height: 11px;
  }
  /*div#footer */
  .newsbeitragList {
    width: 100%;
    margin-bottom: 60px;
  }
  .newsbeitragList .newsbeitragText {
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  .GalleryBox {
    /*beschreibung*/
  }
  .GalleryBox img {
    height: auto;
    width: 100vw;
    margin-top: 30%;
  }
  .GalleryBox .navleft {
    top: 5px;
    position: absolute;
    width: 50%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 9999;
  }
  .GalleryBox .navright {
    top: 5px;
    position: absolute;
    width: 50%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 9999;
    right: 0px;
  }
  .GalleryBox .navleft .left {
    background-image: url("images/prevlabel.png");
    background-position: 0px center;
    background-repeat: no-repeat;
    top: 100px;
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 999;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    -moz-transition-timing-function: cubic-bezier(0, 1, 1, 1);
    -moz-transition-property: all;
    -moz-transition-duration: 0.5s;
  }
  .GalleryBox .navright .right {
    background-image: url("images/nextlabel.png");
    background-position: -10px right;
    background-repeat: no-repeat;
    right: -50%;
    top: 100px;
    position: absolute;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@op)";
    filter: alpha(opacity = 100 );
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 999;
  }
  .GalleryBox .navleft:hover .left {
    left: 0px;
  }
  .GalleryBox .navright:hover .right {
    right: 0px;
  }
  .GalleryBox .beschreibung {
    height: 55px;
    /*.leftText*/
    /*.rightText*/
  }
  .GalleryBox .beschreibung .leftText {
    width: 80%;
    height: 55px;
    padding-top: 5px;
    line-height: 21px;
    font-size: 12px;
  }
  .GalleryBox .beschreibung .rightText {
    width: 20%;
    font-size: 10px;
  }
  .GalleryBox .close {
    top: 80px;
    right: 5px;
  }
  .Location {
    width: 100%;
    float: left;
    min-height: 135px;
    margin-top: 50px;
    margin-bottom: 50px;
    /*.StockLocation*/
  }
  .Location .StockLocation {
    width: 100%;
    float: left;
    min-height: 135px;
    /*.bild*/
    /*.bild*/
    /*.title */
    /*.address*/
    /*a*/
  }
  .Location .StockLocation .bild {
    width: 100%;
    min-height: 100px;
    margin-right: 0px;
  }
  .Location .StockLocation .bild img {
    width: 100%;
  }
  .Location .StockLocation .details {
    width: 100%;
    min-height: 100px;
  }
  .Location .StockLocation .title {
    min-height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    /*span*/
  }
  .Location .StockLocation .title span {
    height: 25px;
    line-height: 25px;
    font-size: 21px;
    text-transform: uppercase;
    color: #35414d;
    display: inline-block;
    font-weight: 900;
  }
  .Location .StockLocation .title span span {
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
  }
  .Location .StockLocation .address {
    height: 25px;
    margin-bottom: 20px;
    width: 100%;
  }
  .Location .StockLocation .openingHoursCaption {
    font-size: 14px;
    text-transform: uppercase;
    color: #35414d;
    display: inline-block;
    font-weight: 900;
    margin-top: 30px;
  }
  .Location .StockLocation a {
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    display: block;
    height: 25px;
    line-height: 25px;
    margin-left: 3px;
    color: #35414d;
  }
  .Location .StockLocation a span {
    font-size: 14px;
    text-transform: uppercase;
    color: #35414d;
    display: inline-block;
    font-weight: 900;
  }
  .Location .infos {
    width: 100%;
    min-height: 200px;
    float: left;
  }
  .Location .maps {
    xwidth: calc(100% - 870px);
    width: 100%;
    float: left;
    height: 210px;
    margin-top: 20px;
  }
  /*.Location*/
  #main-google,
  #main-google2,
  #main-google3 {
    display: block;
    width: 100%;
    height: 100%;
  }
}
/*iPhone 5 & 5S in portrait & landscape */
/*iPhone 5 & 5S landscape */
/*iPhone 5 & 5S landscape */
/*iPhone 5 & 5S portrait */
/*iPhone 5 & 5S portrait */
/* iPhone 6 in portrait & landscape */
@media only screen and (min-width: 375px) and (max-width: 768px) {
  body,
  html {
    width: 100%;
  }
  .BodyHolder {
    width: 100%;
  }
}
/* END iPhone 6 in portrait & landscape */
/* iPhone 6 in landscape*/
/* END iPhone 6 in landscape*/
/* iPhone 6 in portrait */
/* END iPhone 6 in portrait */
/* Small Desktop*/
@media only screen and (max-width: 1024px) {
  body,
  html {
    width: 100vw;
  }
  #mainMiddle.cobotPage {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    border: none;
    min-height: 100px;
    font-size: 12px;
    width: 100%;
    width: calc(100vw - 0px);
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*#inlayMiddle */
    /*#inlayMiddle */
    /*#inlayMiddlePackage*/
    /*#inlayMiddleDownload*/
  }
  #mainMiddle.cobotPage #inlayMiddle {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    min-height: 400px;
    padding-left: 25px;
    padding-right: 25px;
    display: table;
  }
  #mainMiddle.cobotPage #inlayMiddle .contentPage {
    width: 100%;
  }
  #mainMiddle.cobotPage #inlayMiddle .Text_4 {
    background-color: #012d52;
    color: #FFF;
    padding: 10px 15px 10px 15px;
    margin-top: 20px;
    font-size: 14px;
  }
  #mainMiddle.cobotPage #inlayMiddle .Text_4 strong {
    color: #ffed00;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch {
    width: 100%;
    max-width: 994px;
    float: left;
    min-height: 400px;
    padding: 20px 0px 10px 0px;
    margin: 55px auto 55px auto;
    display: block;
    text-align: center;
    /*.contenPage*/
    /*.contentPageText*/
    /*.contentPageImage */
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPage {
    width: 100%;
    text-align: center;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText {
    width: 250px;
    float: left;
    font-size: 32px;
    text-align: left;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p {
    font-size: 36px;
    line-height: 55px;
    padding: 5px 10px 5px 10px;
    box-decoration-break: clone;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p.sec {
    color: #22272a;
    line-height: 38px;
    padding-left: 15px;
    background-color: #FFF;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText .partner {
    width: 250px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage {
    max-width: 600px;
    float: right;
    width: 60%;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage img {
    max-width: 580px;
    height: auto;
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct {
    max-width: 994px;
    float: none;
    padding: 0px;
    margin: 55px auto 55px auto;
    display: block;
    text-align: center;
    width: 100%;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPage {
    width: 100%;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageImage {
    display: none;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageImage::after {
    display: none;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageText {
    max-width: calc(100% - 0px);
    min-height: 570px;
    width: 100%;
    height: auto;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageText .Text {
    z-index: 2;
    width: 100%;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageText .Text_1 {
    width: auto;
  }
  #mainMiddle.cobotPage #inlayMiddleProduct .contentPageText::after {
    display: none;
  }
  #mainMiddle.cobotPage #inlayMiddlePackage {
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    overflow-x: scroll;
    float: left;
    min-height: 400px;
    padding: 0px;
    margin: 20px auto 20px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: left;
    position: relative;
    padding-top: 40px;
  }
  #mainMiddle.cobotPage #inlayMiddlePackage .scrollOverlay {
    background-image: url('images/ico_touch.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 55px 55px;
    width: 55px;
    height: 55px;
    position: absolute;
    left: calc(50% - 26px);
    top: -5px;
    background-color: rgba(0, 75, 139, 0.9);
    padding: 5px;
    pointer-events: none;
    z-index: 999;
    display: block;
  }
  #mainMiddle.cobotPage #inlayMiddlePackage .contentPage {
    width: 994px;
    background-color: #fff;
    padding: 20px 0px 5px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /*table */
  }
  #mainMiddle.cobotPage #inlayMiddlePackage .contentPage table {
    width: 994px;
  }
  #mainMiddle.cobotPage #inlayMiddleDownload {
    max-width: 230px;
    width: 100%;
    float: none;
    min-height: 400px;
    padding: 0px;
    margin: 20px auto 20px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
  }
  #mainMiddle.cobotPage #inlayMiddleDownload .contentPage {
    width: 100%;
    padding: 20px 25px 30px 25px;
    padding: 20px 0px 30px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic {
    max-width: 994px;
    width: 100%;
    float: none;
    min-height: 400px;
    padding: 0px;
    margin: 20px auto 20px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    text-align: left;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPage {
    width: 100%;
    background-color: #FFF;
    padding: 20px 25px 30px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage {
    position: relative;
    max-width: 400px;
    height: auto;
    float: right;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage img {
    max-width: 400px;
    height: auto;
    z-index: 2;
    margin-top: 10px;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageText {
    position: relative;
    max-width: calc(100% - 420px);
    height: auto;
    float: left;
    min-height: 70px;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 40px;
  }
  /*#mainMiddle.cobotPage*/
  #containerMiddle.cobotPage {
    width: 100%;
    padding-top: 90px;
    max-width: 994px;
    /*#title*/
  }
  #containerMiddle.cobotPage #title {
    color: #FFF;
    font-size: 40px;
    line-height: 65px;
    font-weight: 600;
    /*#titleBig*/
  }
  #containerMiddle.cobotPage #title #titleBig {
    color: #FFF;
    font-size: 35px;
    line-height: 75px;
    font-weight: 600;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    margin-top: 30px;
    /*span.top */
    /*span.top */
  }
  #containerMiddle.cobotPage #title #titleBig span {
    font-size: 75px;
    width: 100%;
    display: block;
  }
  #containerMiddle.cobotPage #title #titleBig span.invertech {
    color: #ffed00;
    font-size: 65px;
  }
  #containerMiddle.cobotPage #title #titleBig span.top {
    font-size: 100px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 75px;
    margin-left: 0px;
  }
  #containerMiddle.cobotPage #title #titleBig span.bot {
    font-size: 35px;
    line-height: 47px;
  }
  /*#containerMiddle.cobotPage*/
  #titleSub {
    width: 100%;
    font-size: 47px;
    line-height: 64px;
    background-color: rgba(1, 45, 82, 0.8);
    text-align: center;
    font-weight: 200;
    padding: 10px 0px 5px 0px;
    color: #FFF;
    max-width: 994px;
    margin: 20px auto 1px auto;
  }
  /*#titleSub*/
}
/* Small Desktop*/
/* Small Desktop*/
@media only screen and (max-width: 730px) {
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage {
    position: relative;
    max-width: 100%;
    height: auto;
    text-align: center;
    float: none;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageImage img {
    max-width: 400px;
    height: auto;
    z-index: 2;
    width: 100%;
    margin-top: 10px;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleCobotronic .contentPageText {
    max-width: calc(100% - 0px);
    margin-bottom: 20px;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch {
    /*.contenPage*/
    /*.contentPageText*/
    /*.contentPageImage */
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPage {
    width: 100%;
    text-align: center;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText {
    width: 250px;
    float: left;
    font-size: 32px;
    text-align: left;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p {
    font-size: 36px;
    line-height: 55px;
    padding: 5px 10px 5px 10px;
    box-decoration-break: clone;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p.sec {
    color: #22272a;
    line-height: 47px;
    padding-left: 15px;
    background-color: #FFF;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText .partner {
    width: 250px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage {
    max-width: calc(100% - 250px);
    float: right;
    width: 60%;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage img {
    max-width: 580px;
    height: auto;
    width: 100%;
    margin-left: 0px;
    margin-top: 105px;
  }
  .TextInfo {
    width: calc(100%);
    float: left;
    min-height: 20px;
    margin-right: 0px;
  }
}
/* Small Desktop*/
@media only screen and (max-width: 530px) {
  #mainMiddle.cobotPage #inlayMiddleLorch {
    /*.contenPage*/
    /*.contentPageText*/
    /*.contentPageImage */
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPage {
    width: 100%;
    text-align: center;
    position: relative;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText {
    width: 200px;
    float: left;
    font-size: 32px;
    text-align: left;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p {
    font-size: 24px;
    line-height: 42px;
    padding: 5px 10px 5px 10px;
    box-decoration-break: clone;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText p.sec {
    color: #22272a;
    line-height: 35px;
    padding-left: 15px;
    background-color: #FFF;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageText .partner {
    max-width: 250px;
    width: 33%;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0px;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage {
    max-width: calc(100% - 175px);
    float: right;
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
  }
  #mainMiddle.cobotPage #inlayMiddleLorch .contentPageImage img {
    max-width: 580px;
    height: auto;
    width: 100%;
    margin-left: 0px;
    margin-top: 105px;
  }
}