/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

.unslider {
  overflow: auto;
  margin: 0;
  padding: 0;
}

.unslider-wrap {
  position: relative;
}

.unslider-wrap.unslider-carousel > li {
  float: left;
}

.unslider-vertical > ul {
  height: 100%;
}

.unslider-vertical li {
  float: none;
  width: 100%;
}

.unslider-fade {
  position: relative;
}

.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8;
}

.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10;
}

.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

.unslider-arrow {
  position: absolute;
  left: 20px;
  z-index: 2;
  cursor: pointer;
}

.unslider-arrow.next {
  left: auto;
  right: 20px;
}

/** grid settings **/
/** padding & margin **/
/** size settings **/
/** font settings **/
/** color settings **/
/** text settings **/
/** breakpoints **/
/** retina image backgrounds **/
/** clearfix **/
/** opacity **/
/** fonts **/
/** Box Shadow **/
/** Border Radius **/
@font-face {
  font-family: "ClanProBook";
  src: url('../assets/fonts/clanpro-book-webfont.eot');
  src: url('../assets/fonts/clanpro-book-webfont.eot?#iefix') format('eot'), url('../assets/fonts/clanpro-book-webfont.svg') format('svg'), url('../assets/fonts/clanpro-book-webfont.woff') format('woff'), url('../assets/fonts/clanpro-book-webfont.ttf') format('truetype');
}

@font-face {
  font-family: "ClanProBold";
  src: url('../assets/fonts/clanpro-bold-webfont.eot');
  src: url('../assets/fonts/clanpro-bold-webfont.eot?#iefix') format('eot'), url('../assets/fonts/clanpro-bold-webfont.svg') format('svg'), url('../assets/fonts/clanpro-bold-webfont.woff') format('woff'), url('../assets/fonts/clanpro-bold-webfont.ttf') format('truetype');
}

@font-face {
  font-family: "ClanProMedium";
  src: url('../assets/fonts/clanpro-medium-webfont.eot');
  src: url('../assets/fonts/clanpro-medium-webfont.eot?#iefix') format('eot'), url('../assets/fonts/clanpro-medium-webfont.svg') format('svg'), url('../assets/fonts/clanpro-medium-webfont.woff') format('woff'), url('../assets/fonts/clanpro-medium-webfont.ttf') format('truetype');
}

@font-face {
  font-family: "ClanProNews";
  src: url('../assets/fonts/clanpro-news-webfont.eot');
  src: url('../assets/fonts/clanpro-news-webfont.eot?#iefix') format('eot'), url('../assets/fonts/clanpro-news-webfont.svg') format('svg'), url('../assets/fonts/clanpro-news-webfont.woff') format('woff'), url('../assets/fonts/clanpro-news-webfont.ttf') format('truetype');
}

@font-face {
  font-family: 'sellbytel_icons';
  src: url("../assets/fonts/sellbytel_icons.eot");
  src: url("../assets/fonts/sellbytel_icons.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/sellbytel_icons.svg#sellbytel_icons") format("svg"), url("../assets/fonts/sellbytel_icons.ttf") format("truetype"), url("../assets/fonts/sellbytel_icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'sellbytel_icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 21px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icons-sprite, #toTop, #toTop:hover, a.download, a.download:hover, .arrow-prev, .arrow-prev:hover, .arrow-prev .inactive, .arrow-fwd, .arrow-fwd:hover, .arrow-fwd .inactive, .arrow-large, .arrow-large:hover, .arrow-large:visited, .print, .print:hover, .bookmark, .bookmark:hover, .radio-button span, .radio-button.selected span, .check-box span, .check-box.selected span, #header .meta-arrow, #breadcrumb .arrow, #breadcrumb .arrow:hover, a.arrow-link, a.arrow-link:hover, .image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom .pointer, .side-navigation .single-image-teaser.call-to-action, .std-accordion h3, .std-accordion h3.ui-accordion-header-active, .std-accordion h3:hover, .std-accordion h3.accordeon_open_hover, .std-accordion h3.accordeon_open-hover, .std-accordion h3.ui-accordion-header-active:hover, .std-accordion h3.ui-accordion-header-active.accordeon_close_hover, .std-accordion h3.ui-accordion-header-active.accordeon_close-hover, #soz-share #soz-share-trigger, #soz-share #soz-share-trigger:hover, #soz-share #soz-share-trigger.act, .newsletter #country-dropdown .dropdown-icon, .newsletter #country-dropdown:hover .dropdown-icon, .grid-6.newsletter .contact-hor div, #qrm-trigger .icon, #qrm-trigger.act .icon, #qrm-trigger.act:hover .icon, #qrm-trigger:hover .icon, .dropdown-container:hover .dropdown-icon, .dropdown-container .dropdown-icon, .input-container .search-symbol, .dropdown-container.job-search .dropdown-icon, .dropdown-container.job-search:hover .dropdown-icon, .dropdown-container.case-select .dropdown-icon, .dropdown-container.case-select:hover .dropdown-icon {
  background: url('../assets/img/icons-sd7a5bef84e.png') no-repeat;
}

html {
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
}

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

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1px;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

#toTop {
  position: fixed;
  top: 300px;
  right: 30px;
  background-color: #fff600;
  float: right;
  margin-top: -90px;
  z-index: 500;
  cursor: pointer;
  width: 60px;
  height: 60px;
  background-position: 0 -2699px;
  background-position: 0 -2699px;
  display: none;
}
#toTop:hover {
  background-position: 0 -2589px;
  background-position: 0 -2589px;
}

a {
  text-decoration: underline;
  color: #333333;
  cursor: pointer;
}

a:hover {
  color: #fff600;
}

a:focus, a span:focus {
  outline: 0;
}

b {
  font-weight: bold;
}

input:focus {
  outline: none;
}

body, p, li, a {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: black;
  font-weight: normal;
}

.std-padding {
  padding: 145px 0 0;
}

.mrg-padding-top {
  padding-top: 95px;
}

h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h1.intro {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 38px;
  line-height: 34px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h2 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h2.cite {
  font-family: "ClanProBold", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h2.news {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h3 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h3.news {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h4 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

h4.news {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}

.imageContainer {
  border: 1px solid #444;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin: 15px;
  text-align: center;
}

.imageContainer > span {
  display: block;
  width: 1000px;
  margin-left: -450px;
  /* -(width-container width)/2 */
}

.imageContainer > span > img {
  display: inline-block;
}

p.intro {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}

p {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
}

.background-grey {
  background-color: #e6e6e6;
}

.button-yellow {
  display: inline-block;
  padding: 9px 19px 7px 40px;
  min-width: 85px;
  max-width: 345px;
  background: url('../assets/img/misc/btn_cta.png?1506600569') no-repeat;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none !important;
}
.button-yellow:hover {
  color: #fff600 !important;
  background: url('../assets/img/misc/btn_cta_hover.png?1506600569') no-repeat;
}
.button-yellow.active {
  color: #fff600 !important;
  background: url('../assets/img/misc/btn_cta_hover.png?1506600569') no-repeat;
}

.button-grey {
  display: inline-block;
  background: #333333;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #fff600;
  font-weight: normal;
  text-decoration: none !important;
  min-width: 110px;
  padding: 9px 15px;
  text-align: center;
}
.button-grey:hover {
  background: black;
  color: #fff600 !important;
}

.button-light-grey {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 9px 15px 5px 15px;
  background: #6a6a6a;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
  font-weight: normal;
  text-decoration: none !important;
}
.button-light-grey:hover {
  background: black;
}

.arrow {
  display: inline-block;
  padding-left: 10px;
  background: url('../assets/img/icons/arrowlink.png?1506600569') no-repeat 0px 2px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow:hover {
  color: black !important;
  background: url('../assets/img/icons/arrowlink_hover.png?1506600569') no-repeat 0px 2px;
}

.arrow-home {
  display: inline-block;
  padding-left: 10px;
  background: url(../assets/img/icons/breadcrumb.png) no-repeat 0px 2px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-home:hover {
  color: #fff600 !important;
  background: url(../assets/img/icons/arrowlink_language_hover.png) no-repeat 0px 2px;
}

p.arrow-link {
  display: inline-block;
  padding-left: 10px;
  background: url('../assets/img/icons/arrowlink.png?1506600569') no-repeat 0px 2px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
p.arrow-link:hover {
  color: black !important;
  background: url('../assets/img/icons/arrowlink_hover.png?1506600569') no-repeat 0px 2px;
}

a.download {
  display: inline-block;
  padding-left: 40px;
  height: 25px;
  background-position: 0 -7331px;
  background-position: 0 -7329px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 37px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
a.download:hover, a.download.press_gallery_dl_hover, a.download.press_gallery_dl-hover {
  background-position: 0 -7765px;
}
a.download:hover {
  color: black !important;
  background-position: 0 -7765px;
  background-position: 0 -7763px;
}

.arrow-prev {
  padding-left: 10px;
  background-position: 0 -4881px;
  background-position: 0 -4877px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-prev:hover, .arrow-prev.textlink_big_arrow_previous_hover, .arrow-prev.textlink_big_arrow_previous-hover {
  background-position: 0 -5120px;
}
.arrow-prev:hover {
  color: black !important;
  background-position: 0 -5120px;
  background-position: 0 -5116px;
}
.arrow-prev .inactive {
  color: #999999 !important;
  background-position: 0 -4818px;
  background-position: 0 -4816px;
}

.arrow-fwd {
  padding-right: 10px;
  background-position: -296px -8664px;
  background-position: 100% -8660px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-fwd:hover, .arrow-fwd.textlink_big_arrow_next_hover, .arrow-fwd.textlink_big_arrow_next-hover {
  background-position: -296px -9590px;
}
.arrow-fwd:hover {
  color: black !important;
  background-position: -296px -9590px;
  background-position: 100% -9586px;
}
.arrow-fwd .inactive {
  color: #999999 !important;
  background-position: -296px -8538px;
  background-position: 100% -8534px;
}

.arrow-large {
  display: inline-block;
  padding-left: 30px;
  height: 37px;
  background-position: 0 -6756px;
  background-position: 0 -6756px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 37px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-large:hover, .arrow-large.teaserlink_big_arrow_hover, .arrow-large.teaserlink_big_arrow-hover {
  background-position: 0 -8004px;
}
.arrow-large:hover {
  color: black !important;
  background-position: 0 -8004px;
  background-position: 0 -8004px;
}
.arrow-large:visited {
  color: #999999 !important;
  background-position: 0 -6930px;
  background-position: 0 -6930px;
}

.interest-container .arrow-large {
  color: black !important;
}
.interest-container .arrow-large:visited {
  color: black !important;
}

.arrow-large-nav {
  display: inline-block;
  padding-left: 30px;
  height: 37px;
  background: url(../assets/img/icons/teaserlink_big_arrow_nav.png) no-repeat 0px 0px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 37px;
  color: #fff600;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-large-nav:hover {
  color: white !important;
  background: url(../assets/img/icons/teaserlink_big_arrow_nav_hover.png) no-repeat 0px 0px;
}

.print {
  display: inline-block;
  padding-left: 18px;
  background-position: 0 -9893px;
  background-position: 0 -9891px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.print:hover, .print.print_hover, .print.print-hover {
  background-position: 0 -10013px;
}
.print:hover {
  color: black !important;
  background-position: 0 -10013px;
  background-position: 0 -10011px;
}

.bookmark {
  display: inline-block;
  padding-left: 18px;
  background-position: 0 -10134px;
  background-position: 4px -10132px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.bookmark:hover, .bookmark.bookmark_hover, .bookmark.bookmark-hover {
  background-position: 0 -10073px;
}
.bookmark:hover {
  color: black !important;
  background-position: 0 -10073px;
  background-position: 4px -10071px;
}

.arrow-language {
  display: inline-block;
  background: url('../assets/img/icons/arrowlink.png?1506600569') no-repeat 10px 11px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
.arrow-language:hover {
  color: #fff600 !important;
  background: url('../assets/img/icons/arrowlink_language_hover.png?1506600569') no-repeat 10px 11px;
  background-color: #333333;
}

a.button-arrow-dark {
  background-color: #333333;
  padding: 10px 30px;
  color: white;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  text-decoration: none;
  font-weight: bold;
}

.radio-button {
  display: inline-block;
  margin-right: 10px;
}
.radio-button input {
  display: none;
}
.radio-button span {
  display: inline-block;
  float: left;
  margin-right: 5px;
  background-position: 0 -3149px;
  background-position: 0 -3149px;
  width: 21px;
  height: 21px;
}
.radio-button p.option-text {
  float: left;
  clear: none;
  margin-bottom: 0px;
  margin-top: 2px;
  width: auto !important;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.radio-button:hover {
  cursor: pointer;
}
.radio-button.selected span {
  background-position: 0 -2292px;
  background-position: 0 -2292px;
}
.radio-button.selected p.option-text {
  color: black;
}
.radio-button.error p.option-text {
  color: red;
}

.error p.option-text {
  color: red;
}

.check-box {
  display: inline-block;
  margin-right: 10px;
}
.check-box input {
  display: none;
}
.check-box span {
  display: inline-block;
  float: left;
  margin-right: 5px;
  background-position: 0 -5183px;
  background-position: 0 -5183px;
  width: 20px;
  height: 20px;
}
.check-box p.option-text {
  float: left;
  margin-bottom: 0px;
  margin-top: 0px;
  width: 410px !important;
  padding-left: 10px;
  clear: none;
}
.check-box:hover {
  cursor: pointer;
}
.check-box.selected span {
  background-position: 0 -4748px;
  background-position: 0 -4748px;
}
.check-box.selected p.option-text {
  color: black;
}
.check-box.error p.option-text {
  color: red;
}

#filter .check-box p.option-text {
  margin-top: 4px;
}

.blur {
  color: rgba(0, 0, 0, 0.15) !important;
  text-shadow: 0 0 5px #ccc;
}
.blur .qrm {
  color: black !important;
  text-shadow: none;
  filter: none;
}

.ie8 .blur p, .ie8 .blur ul, .ie8 .blur li, .ie9 .blur p, .ie9 .blur ul, .ie9 .blur li {
  color: #cccccc !important;
  /* filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); */
}

.qrm {
  text-shadow: 0 !important;
  filter: none;
}

a, p {
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
}

body.HomePage a,
body.HomePage p,
a.ui-slider-handle,
.arrow-fwd,
.arrow-prev,
.print,
.bookmark,
.tab-navigation a,
.arrow-link,
.arrow-large,
.download,
.button-arrow-dark a,
.button-arrow-dark a.back {
  -o-transition: 0s !important;
  -ms-transition: 0s !important;
  -moz-transition: 0s !important;
  -webkit-transition: 0s !important;
  transition: 0s !important;
}

.side-navigation .single-image-teaser a.contactLayerTrigger {
  margin-top: 10px;
}

.side-navigation .single-image-teaser a.contactLayerTrigger, .contactLayerTrigger {
  width: 190px;
  text-decoration: none !important;
}

.side-navigation .whatsappimg {
  float: left;
  width: 16px;
  height: 16px;
  background: url('../assets/img/icons/Whatsapp.png?1506600569') no-repeat 0px 0px;
}

#sellbytel-wrapper {
  min-width: 768px;
}

#main {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 60px;
  margin-bottom: 60px;
}
#main:before, #main:after {
  content: "";
  display: table;
}
#main:after {
  clear: both;
}

#content {
  margin-top: -20px;
}

.header-width-large {
  position: relative;
  margin: 0 auto;
  max-width: 1120px;
  height: 100%;
}

.main-width-max {
  width: 100%;
}

.main-width-large {
  max-width: 1100px;
}

.main-width-grid {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.main-width-grid:before, .main-width-grid:after {
  content: "";
  display: table;
}
.main-width-grid:after {
  clear: both;
}
.main-width-grid .omega {
  margin-right: 0 !important;
}
.main-width-grid.galCont {
  width: 940px;
}

#sellbytel-wrapper #content .main-width-grid {
  max-width: 1024px;
}

#sellbytel-wrapper #content.text-standard .main-width-grid.extended {
  max-width: 1024px !important;
}
#sellbytel-wrapper #content.text-standard .main-width-grid.extended .grid-6, #sellbytel-wrapper #content.text-standard .main-width-grid.extended .grid-7 {
  margin-left: 42px;
}
#sellbytel-wrapper #content.text-standard .main-width-grid.extended .std-content.bg-col {
  max-width: 964px;
}

#sellbytel-wrapper #content.text-standard .main-width-grid {
  max-width: 940px;
}

.main-width-max img {
  width: 100%;
  min-width: 768px;
}

.tablet-exclude {
  display: block;
}

.tablet-include {
  display: none;
}

/** static grid **/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
  float: left;
  min-height: 1px;
  margin: 0 20px 0 0;
}
.grid-1 img, .grid-2 img, .grid-3 img, .grid-4 img, .grid-5 img, .grid-6 img, .grid-7 img, .grid-8 img, .grid-9 img, .grid-10 img, .grid-11 img, .grid-12 img {
  width: 100%;
  height: auto;
}

.grid-1 {
  width: 60px;
}

.grid-2 {
  width: 140px;
}

.grid-3 {
  width: 220px;
}

.grid-4 {
  width: 300px;
}

.grid-5 {
  width: 380px;
}

.grid-6 {
  width: 460px;
}

.grid-7 {
  width: 540px;
}

.grid-9 {
  width: 700px;
  margin: 0;
}

.grid-10 {
  width: 720px;
  margin: 0;
}

.text-std-grid {
  width: 400px;
  padding-right: 60px;
}

/** dynamical grid

.main-width-grid {
  max-width: 1220px;
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
  float: left;
  margin: 0 3% 0 0;
  background-color: deepskyblue;
  min-height: 100px;
  margin-bottom: 10px;
}

#main {
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    min-height: 100px;
  }
}

.main-width-grid.no-background {

  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
    min-height: none;
    background-color: white;
  }
}

.grid-1{
  width:5.5%
}

.grid-2{
  width:14%
}

.grid-3{
  width:22.5%
}

.grid-4{
  width:31%;
  
  .grid-1 {
	width: 17.5%; margin-right: 10%;
  }
}

.grid-5{
  width:39.5%
}

.grid-6{
  width:48%
}

.grid-7{
  width:56.5%
}

.grid-8{
  width:65%
}

.grid-9{
  width:73.5%
}

.grid-10{
  width:82%
}

.grid-11{
  width:90.5%
}

.grid-12{
  width:99%; margin:0
}

.grid-1 img,
.grid-2 img,
.grid-3 img,
.grid-4 img,
.grid-5 img,
.grid-6 img,
.grid-7 img,
.grid-8 img,
.grid-9 img,
.grid-10 img,
.grid-11 img,
.grid-12 img{
  width:100%; height:auto; display:block;
}

.omega {
  margin-right: 0;
}
**/
/*
@media screen and (min-width: 1280px)
{
  .main-width-grid {
    max-width: 1160px;
  }
  #footer .footer-sitemap {
    float: left!important;
  }
  .teaser-cases-imgLink-container {
    margin: 20px auto!important;
    width:940px;
  }
  #footer .footer-bottom .logos {
    float: right!important;
  }
  #footer .footer-bottom .meta {
    width: 680px!important;
  }
  .image-max-text-content {
    width: 1140px!important;
  }
  .cases{
     margin: 0 8.8%;
     width: 940px;
   }
  #case-selection{
    margin: 0 0 20px 22%!important;
  }

  #sellbytel-wrapper #content {
    .main-width-grid{max-width: 940px!important;}
  }
}
*/
.meta-module-max {
  position: relative;
  margin: 0 auto;
  max-width: 1140px;
  height: 60px;
}

#header {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
  min-width: 768px;
  height: 60px;
  background-color: #000;
}
#header #header-meta {
  position: relative;
}
#header #header-meta li {
  text-align: center;
}
#header #header-meta li a {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 10px;
  color: black;
}
#header #header-meta li a:hover {
  color: white;
}
#header #header-meta li a:before {
  font-family: 'sellbytel_icons';
  color: #a8a8a8;
  font-size: 20px;
}
#header #header-meta li a:hover:before {
  color: white;
}
#header #header-meta li a.arrow-language {
  font-size: 14px;
  text-align: left;
}
#header #header-meta li .button-grey {
  font-size: 14px;
}
#header .highlighted {
  color: white !important;
}
#header .meta-arrow {
  display: none;
  position: absolute;
  z-index: 500;
  bottom: -19px;
  width: 22px;
  height: 6px;
  background-position: 0 -5064px;
  background-position: 1px -5064px;
}
#header #meta-login .meta-arrow {
  bottom: 14px;
  right: 78px;
}
#header #meta-language .meta-arrow {
  bottom: 14px;
  right: 20px;
}
#header .header-meta-layer {
  position: absolute;
  right: -20px;
  top: 60px;
  border: 1px solid #ccc;
  background: white;
  text-align: left;
}
#header #header-meta-left {
  position: absolute;
}
#header #header-meta-left li {
  float: left;
  margin-top: 19px;
  margin-left: 30px;
}
#header #header-meta-left li:first-child {
  margin-left: 0px;
}
#header #header-meta-left li a {
  display: inline-block;
  text-decoration: none;
  color: white;
}
#header #header-meta-left li a.icon-topnav_menu:before {
  content: "\e607";
  font-size: 19px;
}
#header #header-meta-left li a.icon-topnav_menu:hover:before {
  color: #fff600 !important;
}
#header #header-meta-left li a.icon-topnav_menu.act:before {
  color: #fff600 !important;
}
#header #header-meta-left li a.icon-topnav_search:before {
  content: "\e605";
}
#header #header-meta-left li#meta-search .header-meta-layer {
  display: none;
  left: -20px;
  padding: 30px 20px;
  width: 300px;
}
#header #header-meta-left li#meta-search .header-meta-layer input {
  padding: 7px 5px 5px 5px;
  margin-bottom: 10px;
  width: 288px;
  background-color: #f8f8f8;
  border: 1px solid #999999;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
}
#header #header-meta-left li#meta-search .header-meta-layer .button-grey {
  float: right;
  color: #fff600;
}
#header #header-logo {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  margin-top: 12px;
  height: 40px;
  width: 229px;
  background: url('../assets/img/dummy/sbt_logo.png?1540889430') no-repeat;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #header #header-logo {
    /* on retina, use image that's scaled by 2 */
    background-image: url('../assets/img/dummy/sbt_logo2x.png?1540889430');
    background-size: 200px 34px;
  }
}
#header .header-meta-right {
  position: absolute;
  right: -40px;
}
#header #header-meta-menu {
  z-index: 100;
}
#header #header-meta-menu a {
  text-decoration: none;
}
#header #header-meta-menu li {
  margin: 19px 0;
  width: 60px;
  float: right;
}
#header #header-meta-menu li:first-child {
  margin-right: 0px;
}
#header #header-meta-menu #meta-login .icon-topnav_login:before {
  content: "\e608";
  font-size: 20px;
  display: inline-block;
  margin-bottom: 4px;
}
#header #header-meta-menu #meta-login .icon-topnav_login.error {
  color: red;
}
#header #header-meta-menu #meta-login .header-meta-layer {
  display: none;
  padding: 28px 24px 28px 20px;
  width: 214px;
}
#header #header-meta-menu #meta-login .header-meta-layer .tabs {
  position: relative;
  width: 100%;
}
#header #header-meta-menu #meta-login .header-meta-layer input {
  padding: 7px 5px 5px 5px;
  margin-bottom: 8px;
  width: 202px;
  background-color: #f8f8f8;
  border: 1px solid #999999;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #999999;
  font-weight: normal;
}
#header #header-meta-menu #meta-login .header-meta-layer .button-grey {
  float: right;
  margin-top: 20px;
  min-width: 110px;
  text-align: center;
  color: #fff600;
  padding: 9px 15px;
}
#header #header-meta-menu #meta-login .header-meta-layer .password-reset {
  display: inline-block;
  margin-top: 10px;
  color: #666666;
  text-decoration: underline;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
}
#header #header-meta-menu #meta-login .header-meta-layer #tab-intranet, #header #header-meta-menu #meta-login .header-meta-layer #tab-hr {
  vertical-align: bottom;
  display: inline-block;
  padding: 5px 9px;
  margin-bottom: 10px;
  margin-top: 5px;
  background: #e6e6e6;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
}
#header #header-meta-menu #meta-login .header-meta-layer #tab-intranet.active, #header #header-meta-menu #meta-login .header-meta-layer #tab-hr.active {
  padding: 10px 9px;
  background: #333333;
  color: white;
  font-size: 18px;
  line-height: 20px;
}
#header #header-meta-menu #meta-login .header-meta-layer #tab-hr {
  margin-right: 10px;
}
#header #header-meta-menu #meta-login .header-meta-layer #intranet-login {
  display: none;
}
#header #header-meta-menu #meta-login .header-meta-layer span {
  display: none;
  color: red;
}
#header #header-meta-menu .icon-topnav_blog:before {
  content: "\e601";
  display: inline-block;
  margin-bottom: 4px;
}
#header #header-meta-menu .icon-topnav_press:before {
  content: "\e606";
  font-size: 20px;
  display: inline-block;
  margin-bottom: 4px;
}
#header #header-meta-menu .icon-topnav_hub:before {
  content: "\e904";
  font-size: 20px;
  display: inline-block;
  margin-bottom: 4px;
}
#header #header-meta-menu #meta-language {
  margin-top: 23px;
}
#header #header-meta-menu #meta-language .icon-topnav {
  padding: 7px 6px 5px 6px;
  background: #333333;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
  text-transform: uppercase;
}
#header #header-meta-menu #meta-language .icon-topnav:hover {
  color: white;
}
#header #header-meta-menu #meta-language .header-meta-layer {
  display: none;
  padding: 28px 20px;
  width: 218px;
}
#header #header-meta-menu #meta-language .header-meta-layer ul {
  width: 100%;
}
#header #header-meta-menu #meta-language .header-meta-layer li {
  margin: 0;
  padding: 0;
  width: 100%;
  border-top: 1px solid #666666;
}
#header #header-meta-menu #meta-language .header-meta-layer li:first-child {
  border: none;
}
#header #header-meta-menu #meta-language .header-meta-layer a {
  display: block;
  padding: 9px 20px;
  color: #333333;
}
#header #header-meta-menu .icon-topnav_contact:before {
  content: "\e60b";
  font-size: 19px;
  display: inline-block;
  margin-bottom: 4px;
}
#header #header-meta-social {
  display: none;
}
#header #header-meta-social li {
  float: right;
}
#header #header-meta-social li#meta-twitter {
  background-color: #444;
}
#header #header-meta-social li#meta-linkedin {
  background-color: #444;
}
#header #header-meta-social li#meta-xing {
  background-color: #444;
}
#header #header-meta-social li#meta-facebook {
  background-color: #444;
}
#header #header-meta-social li#meta-gplus {
  background-color: #444;
}
#header #header-meta-social li#meta-tumblr {
  background-color: #444;
}
#header #header-meta-social a {
  display: inline-block;
  padding-top: 18px;
  height: 42px;
  width: 60px;
  text-align: center;
  text-decoration: none;
}
#header #header-meta-social .icon-topnav_sm_weibo:before {
  content: "\e600";
}
#header #header-meta-social .icon-topnav_sm_weibo:hover {
  background: #f23239;
}
#header #header-meta-social .icon-topnav_sm_vk:before {
  content: "\e602";
}
#header #header-meta-social .icon-topnav_sm_vk:hover {
  background: #57799e;
}
#header #header-meta-social .icon-topnav_sm_twitter:before {
  content: "\e603";
}
#header #header-meta-social .icon-topnav_sm_twitter:hover {
  background: #33ccff;
}
#header #header-meta-social .icon-topnav_sm_tumblr:before {
  content: "\e902";
}
#header #header-meta-social .icon-topnav_sm_tumblr:hover {
  background: #33ccff;
}
#header #header-meta-social .icon-topnav_sm_facebook:before {
  content: "\e604";
}
#header #header-meta-social .icon-topnav_sm_facebook:hover {
  background: #195e98;
}
#header #header-meta-social .icon-topnav_sm_linkedin:before {
  content: "\e60d";
}
#header #header-meta-social .icon-topnav_sm_linkedin:hover {
  background: #008ac1;
}
#header #header-meta-social .icon-topnav_sm_gplus:before {
  content: "\e900";
}
#header #header-meta-social .icon-topnav_sm_gplus:hover {
  background: #dd4b39;
}
#header #header-meta-social .icon-topnav_sm_xing:before {
  content: "\e60c";
}
#header #header-meta-social .icon-topnav_sm_xing:hover {
  background: #006567;
}
#header #header-meta-social #meta-info .meta-arrow {
  left: 257px;
  bottom: -2px;
}
#header #header-meta-social #meta-info .icon-topnav_info {
  width: auto;
  height: auto;
  padding-top: 0;
  margin-top: 18px;
  margin-left: 17px;
}
#header #header-meta-social #meta-info .icon-topnav_info:before {
  content: "\e60a";
}
#header #header-meta-social #meta-info .icon-topnav_info:hover {
  color: #fff600;
}
#header #header-meta-social #meta-info .header-meta-layer {
  display: none;
  padding: 28px 24px 28px 20px;
  width: 214px;
}
#header #header-meta-social #meta-info .header-meta-layer h4 {
  margin-bottom: 10px;
}
#header #header-meta-social #meta-info .header-meta-layer .button-grey {
  float: right;
  margin-top: 20px;
  padding: 9px 15px 5px 15px;
  height: auto;
  min-width: 110px;
  text-align: center;
  color: #fff600;
}
#header #meta-contact a, #header #meta-press a, #header #meta-blog a, #header #meta-login a, #header #meta-hub a {
  display: inline-block;
  margin-top: 0px;
}
#header #meta-contact a br, #header #meta-press a br, #header #meta-blog a br, #header #meta-login a br, #header #meta-hub a br {
  margin-bottom: 4px;
}

#navigation {
  position: fixed;
  top: -30px;
  z-index: 50;
  height: 60px;
  width: 100%;
  min-width: 768px;
  border-bottom: 1px solid #2b2b2b;
  background: #333;
  color: #e8e8e8;
}
#navigation #nav-items {
  text-align: center;
}
#navigation #nav-items .single-image-teaser {
  margin-bottom: 20px;
}
#navigation #nav-items li {
  float: left;
  margin-right: 0px;
  padding: 20px 0;
}
#navigation #nav-items li a {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #a8a8a8;
  font-weight: normal;
  text-decoration: none;
}
#navigation #nav-items li a:hover {
  color: #fff600;
}
#navigation #nav-items li.active a {
  color: #fff600;
}
#navigation #nav-items li:hover a {
  color: white;
}
#navigation #nav-items li > a {
  margin: 0 10px;
  display: block;
}
#navigation #nav-items #sub-nav-competences .teaser-cases-imgLink-container, #navigation #nav-items #sub-nav-career .teaser-cases-imgLink-container {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}
#navigation #nav-items #sub-nav-competences img, #navigation #nav-items #sub-nav-career img {
  margin-bottom: 5px;
  width: 140px;
}
#navigation #nav-items #sub-nav-competences .img-container, #navigation #nav-items #sub-nav-career .img-container {
  width: 140px;
  overflow: hidden;
  height: 70px;
}
#navigation #nav-items #sub-nav-competences .img-highlite, #navigation #nav-items #sub-nav-career .img-highlite {
  margin-top: -24px;
  margin-bottom: 14px;
}
#navigation #nav-items #sub-nav-competences a, #navigation #nav-items #sub-nav-career a {
  text-align: left;
}
#navigation #nav-items #sub-nav-competences a:hover span, #navigation #nav-items #sub-nav-career a:hover span {
  color: white;
}
#navigation #nav-items #sub-nav-competences a.act, #navigation #nav-items #sub-nav-career a.act {
  color: white !important;
}
#navigation #nav-items #sub-nav-competences a.act span, #navigation #nav-items #sub-nav-career a.act span {
  color: white;
}
#navigation #nav-items #sub-nav-competences a.act .img-highlite, #navigation #nav-items #sub-nav-career a.act .img-highlite {
  display: block !important;
}
#navigation #nav-items #sub-nav-competences span, #navigation #nav-items #sub-nav-career span {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-competences .text-container, #navigation #nav-items #sub-nav-competences .img-container, #navigation #nav-items #sub-nav-competences .img-highlite {
  position: absolute;
  top: 0px;
  width: 118px;
  height: 70px;
}
#navigation #nav-items #sub-nav-competences .text-container {
  line-height: 70px;
  vertical-align: middle;
  text-align: center;
  z-index: 2;
}
#navigation #nav-items #sub-nav-competences .single-image-teaser {
  margin-bottom: 0px;
  margin-right: 7px;
  line-height: 0px;
  min-height: 70px;
  width: 121px;
}
#navigation #nav-items #sub-nav-competences .teaser-cases-imgLink-container {
  width: 1024px;
  max-width: 1024px;
  margin-top: 33px;
  margin-bottom: 40px;
}
#navigation #nav-items #sub-nav-competences .img-container {
  margin-bottom: 0px;
}
#navigation #nav-items #sub-nav-competences .img-highlite {
  margin: 0;
}
#navigation #nav-items #sub-nav-competences a {
  position: relative;
}
#navigation #nav-items #sub-nav-competences span {
  display: inline-block;
  vertical-align: middle;
  padding: 0px 10px;
  text-transform: uppercase;
  color: #c0c0c0;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .single-image-teaser {
  width: 220px;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .single-image-teaser a.act {
  color: white !important;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .single-image-teaser a.act span, #navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .single-image-teaser a.act h3 {
  color: white;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .single-image-teaser a.act .img-highlite {
  display: block !important;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container img {
  width: 220px;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .img-container {
  width: 220px;
  overflow: hidden;
  height: 100px;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container h3 {
  margin-top: 5px;
  text-align: left;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: white;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .quote h4 {
  text-align: left;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .field-description h4 {
  text-align: left;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .field-description.hover h4 {
  color: white;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: white;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .all-cases {
  margin-left: 20px;
  padding-top: 15px;
  float: left;
  width: 220px;
  border-top: 2px solid #666666;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .all-cases span {
  float: left;
  margin-bottom: 10px;
  text-align: left;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: white;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .all-cases a {
  float: left;
  line-height: 37px;
  color: #fff600;
}
#navigation #nav-items #sub-nav-cases .teaser-cases-imgLink-container .arrow-large-nav {
  clear: both;
}
#navigation #nav-items #sub-nav-company .main-width-grid {
  margin-top: 30px;
  margin-bottom: 30px;
}
#navigation #nav-items #sub-nav-company .img-teaser {
  float: left;
  margin-right: 20px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
}
#navigation #nav-items #sub-nav-company .img-teaser img {
  width: 220px;
  -ms-transition: -ms-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
#navigation #nav-items #sub-nav-company .img-teaser:hover img {
  transform: scale(1.03);
  -ms-transform: scale(1.03);
  /* IE 9 */
  -webkit-transform: scale(1.03);
  /* Safari and Chrome */
  -moz-transform: scale(1.03);
  /* mozilla */
  -o-transform: scale(1.03);
  /* opera */
  -ms-transition: -ms-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
#navigation #nav-items #sub-nav-company .img-teaser:hover h3 {
  color: white;
}
#navigation #nav-items #sub-nav-company .img-teaser.last-item {
  margin-right: 0px;
}
#navigation #nav-items #sub-nav-company .img-teaser.act {
  color: white !important;
}
#navigation #nav-items #sub-nav-company .img-teaser.act span, #navigation #nav-items #sub-nav-company .img-teaser.act h3 {
  color: white;
}
#navigation #nav-items #sub-nav-company .img-teaser.act .img-highlite {
  display: block !important;
}
#navigation #nav-items #sub-nav-company img {
  width: 220px;
}
#navigation #nav-items #sub-nav-company .img-container {
  width: 220px;
  overflow: hidden;
  height: 100px;
  margin-bottom: 15px;
}
#navigation #nav-items #sub-nav-company h3 {
  margin-top: 5px;
  text-align: left;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #a8a8a8;
  font-weight: normal;
  margin-bottom: 5px;
}
#navigation #nav-items #sub-nav-company .company-small-links {
  float: left;
  margin-left: 100px;
  text-align: left;
  max-width: 140px;
}
#navigation #nav-items #sub-nav-company .company-small-links a {
  float: left;
  display: inline-block;
  clear: both;
}
#navigation #nav-items #sub-nav-company .company-small-links a:hover h3 {
  color: white;
}
#navigation #nav-items #sub-nav-company .company-small-links a.act h3 {
  color: white;
}
#navigation .nav-shadow {
  position: absolute;
  top: 60px;
  height: 28px;
  width: 100%;
  background: url('../assets/img/nav_shadow.png?1506600569') repeat-x;
}
#navigation .sub-nav {
  position: absolute;
  overflow: hidden;
  top: 60px;
  z-index: 25;
  left: 0;
  width: 100%;
  background: #333;
  visibility: hidden;
}
#navigation .sub-nav .nav-shadow {
  top: 0px;
}

#sellbytel-scrolling-wrapper #navigation {
  position: fixed;
}

#breadcrumb {
  position: relative;
  z-index: 49;
  height: 20px;
  top: 79px;
}
#breadcrumb a, #breadcrumb strong {
  padding-right: 0px;
  text-transform: uppercase;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}
#breadcrumb a:hover {
  color: #333333;
}
#breadcrumb .arrow {
  background-position: 0 -8727px;
  background-position: 0 -8725px;
  margin: 0 3px 0 2px;
  padding-left: 7px;
  position: relative;
  top: 0px;
  display: inline;
}
#breadcrumb .arrow:hover, #breadcrumb .arrow.arrowlink_hover, #breadcrumb .arrow.arrowlink-hover {
  background-position: 0 -9207px;
}
#breadcrumb .arrow:hover {
  color: black !important;
  background-position: 0 -9207px;
  background-position: 0 -9205px;
}
#breadcrumb span {
  padding-right: 0px;
}
#breadcrumb strong {
  cursor: default;
}
#breadcrumb strong:last-child {
  color: #333333;
}

#print-logo {
  display: none;
  float: right;
  margin-right: 70px;
}

#meta-login a, #meta-blog a, #meta-press a, #meta-contact a {
  text-transform: uppercase;
}
#meta-login .header-meta-layer a, #meta-blog .header-meta-layer a, #meta-press .header-meta-layer a, #meta-contact .header-meta-layer a {
  text-transform: none;
}

/* hide the share button by hand, as removing showSozialShareButton from the content container causes the top sharer to vanish, too */
body.NewsPage #soz-share {
  display: none !important;
}

#footer {
  padding: 30px 0;
  background-color: black;
}
#footer:before, #footer:after {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
}
#footer p, #footer a, #footer strong {
  color: #888;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
}
#footer a:hover {
  color: #fff600;
}
#footer a:hover div.icon:before {
  color: #fff600;
}
#footer a:hover p {
  color: #fff600;
}
#footer li {
  margin-bottom: 8px;
}
#footer .footer-sitemap {
  float: right;
  width: 640px;
}
#footer .footer-sitemap:before, #footer .footer-sitemap:after {
  content: "";
  display: table;
}
#footer .footer-sitemap:after {
  clear: both;
}
#footer .footer-sitemap strong {
  text-transform: uppercase;
  cursor: default;
}
#footer .footer-some {
  float: right;
  width: 300px;
}
#footer .footer-some .grid-1 {
  margin-bottom: 20px;
}
#footer .footer-some .icon {
  padding-bottom: 10px;
}
#footer .footer-some .icon-blog:before {
  content: "\e601";
  color: white;
}
#footer .footer-some .icon-linkedin:before {
  content: "\e60d";
  color: white;
}
#footer .footer-some .icon-xing:before {
  content: "\e60c";
  color: white;
}
#footer .footer-some .icon-facebook:before {
  content: "\e604";
  color: white;
}
#footer .footer-some .icon-twitter:before {
  content: "\e603";
  color: white;
}
#footer .footer-some .icon-weibo:before {
  content: "\e600";
  color: white;
}
#footer .footer-some .icon-vk:before {
  content: "\e602";
  color: white;
}
#footer .footer-some .icon-gplus:before {
  content: "\e900";
  color: white;
}
#footer .footer-some .icon-instagram:before {
  content: "\e901";
  color: white;
}
#footer .footer-some .icon-tumblr:before {
  content: "\e902";
  color: white;
}
#footer .footer-bottom {
  float: none;
  clear: both;
  position: relative;
  top: 20px;
  border-top: 2px solid #1f1f1f;
  padding: 20px 0px 20px 0px;
}
#footer .footer-bottom:before, #footer .footer-bottom:after {
  content: "";
  display: table;
}
#footer .footer-bottom:after {
  clear: both;
}
#footer .footer-bottom li {
  float: left;
  margin-right: 20px;
}
#footer .footer-bottom a {
  text-transform: uppercase;
}
#footer .footer-bottom img {
  min-width: 1px;
  width: auto;
}
#footer .footer-bottom .meta {
  float: left;
  width: 620px;
}
#footer .footer-bottom .meta ul {
  float: left;
}
#footer .footer-bottom .copyright {
  position: relative;
  left: 60px;
  float: right;
}
#footer .footer-bottom .logos {
  float: left;
  width: 300px;
  text-align: right;
}
#footer .footer-bottom .logos a {
  display: inline-block;
  margin-left: 20px;
}

.viewport {
  position: relative;
  overflow: hidden;
  width: 1024px;
  height: 708px;
  margin-left: auto;
  margin-right: auto;
}
.viewport .introBox {
  position: absolute;
  top: 78px;
  left: 42px;
}
.viewport .introBox h1.intro {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 38px;
  line-height: 46px;
  color: black;
  font-weight: normal;
}
.viewport .introBox h1.copy {
  width: 435px;
}
.viewport .header {
  position: absolute;
}
.viewport .header.left {
  left: 0px;
}
.viewport .header.right {
  right: 0px;
}
.viewport .buttonContainer {
  position: absolute;
  top: 502px;
}
.viewport .buttonContainer .button {
  position: absolute;
  padding: 0 0 10px 30px;
  background-image: url(../assets/img/home/teaser-triangle.png);
  background-position: bottom left;
}
.viewport .buttonContainer .button h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: black;
  font-weight: normal;
  color: #fff600;
  margin: 15px 10px 8px !important;
  width: 340px;
}
.viewport .buttonContainer .button p {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: black;
  font-weight: normal;
  color: #999999;
  margin: 0px 20px 30px 10px;
  width: 340px;
}
.viewport .buttonContainer .button a {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  color: #999999;
  margin: 0px 20px 10px 10px;
  width: 316px;
  position: absolute;
  top: auto !important;
  bottom: 10px;
}
.viewport .buttonContainer .button a:hover {
  color: #fff600 !important;
}
.viewport .buttonContainer .right {
  left: 480px;
}
.viewport .clickable {
  display: block;
}
.viewport .text-right {
  text-align: right;
  margin-bottom: 15px;
}
.viewport .line {
  background-image: url(../assets/img/home/networkWidgetTeaserLine.png);
  height: 3px;
  margin-bottom: 15px;
  width: 100%;
}
.viewport .hidden {
  display: none;
}

#livestatsViewport {
  background: url(../assets/img/home/stats_background_image.jpg);
}
#livestatsViewport .introBox {
  position: absolute;
  top: 134px;
  left: 762px;
}
#livestatsViewport .introBox h1 {
  color: #ffffff;
  width: 180px;
}
#livestatsViewport .units {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  text-anchor: start;
}
#livestatsViewport .unitsAlignRight {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  text-anchor: end;
}
#livestatsViewport .onDutyValue {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 28px;
  line-height: 30px;
  color: black;
  font-weight: normal;
  text-anchor: end;
}
#livestatsViewport .value {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 28px;
  line-height: 30px;
  color: black;
  font-weight: normal;
  text-anchor: middle;
}
#livestatsViewport .small {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: black;
  font-weight: normal;
  text-anchor: middle;
}
#livestatsViewport .footer {
  position: absolute;
  left: 42px;
  bottom: 83px;
}
#livestatsViewport .footer h3 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  width: 300px;
  margin-bottom: 10px;
}
#livestatsViewport .slideshow-navigation {
  position: absolute;
  bottom: 39px;
  right: 524px;
  text-align: center;
}
#livestatsViewport .slideshow-navigation li {
  float: left;
  width: 10px;
  height: 10px;
  margin-right: 7px;
  background-color: #333;
  cursor: pointer;
}
#livestatsViewport .slideshow-navigation li:hover,
#livestatsViewport .slideshow-navigation li.active {
  background-color: #faea09;
}

#livestatHeader {
  position: absolute;
  left: 42px;
  top: 78px;
  visibility: hidden;
}
#livestatHeader h1 {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
  position: absolute;
  width: 640px;
}
#livestatHeader h2 {
  position: absolute;
  top: 34px;
  width: 640px;
  left: -1280px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
}

#livestatNavigation {
  position: absolute;
  right: 122px;
  top: 345px;
}
#livestatNavigation .plainright {
  width: 162px;
  left: 0px;
  bottom: 0;
  position: absolute;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: black;
  font-weight: normal;
  color: #fff;
  text-align: right;
}
#livestatNavigation .plainleft {
  position: absolute;
  left: 192px;
  bottom: -6px;
}
#livestatNavigation .label-jawbone {
  position: relative;
}
#livestatNavigation .button-jawbone {
  width: 100px;
  height: 72px;
  top: 144px;
  left: 189px;
  background: url(../assets/img/home/up24_logo.png);
}
#livestatNavigation #jawboneBorder {
  position: absolute;
  width: 1px;
  height: 112px;
  left: 322px;
  top: 114px;
  background: url(../assets/img/home/up24-border.png);
}
#livestatNavigation .button-jawbone-info {
  top: 165px;
  left: 342px;
  width: 22px;
  height: 22px;
  background: url(../assets/img/home/jawbone_info.png);
}
#livestatNavigation .button-jawbone-info:hover {
  background: url(../assets/img/home/jawbone_info_active.png);
}
#livestatNavigation .clickable {
  width: 323px;
  height: 64px;
}
#livestatNavigation .clickable p {
  position: absolute;
  cursor: pointer;
}
#livestatNavigation .clickable .alignleft {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  width: 130px;
  right: 0px;
  color: #fff;
  text-align: left;
  padding-left: 10px;
  background: url('../assets/img/icons/arrowlink_home.png?1506600569') no-repeat 0px 2px;
  text-decoration: none !important;
}
#livestatNavigation .clickable .alignleft:hover {
  color: #fff600;
  background: url('../assets/img/icons/arrowlink_language_hover.png?1506600569') no-repeat 0px 2px;
}
#livestatNavigation .clickable .alignleft.active {
  color: #fff600;
  background: url('../assets/img/icons/arrowlink_language_hover.png?1506600569') no-repeat 0px 2px;
}
#livestatNavigation .clickable .alignright {
  width: 162px;
  left: 0px;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 28px;
  line-height: 30px;
  color: black;
  font-weight: normal;
  color: #fff;
  text-align: right;
}
#livestatNavigation .clickable .alignright:hover {
  color: #fff600;
}
#livestatNavigation .clickable .active {
  color: #FFF600;
}

#jawbone {
  position: absolute;
  right: 106px;
  bottom: 146px;
}
#jawbone .deco {
  width: 20px;
  height: 9px;
  position: absolute;
  bottom: -7px;
  left: 221px;
  background: url('../assets/img/home/jawbone_arrow.png?1506600569');
}

#jawboneInfo {
  position: absolute;
  background-color: #ffffff;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  width: 222px;
  bottom: 61px;
  right: -10px;
  padding: 28px 20px 35px 18px;
}
#jawboneInfo h4 {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: black;
  font-weight: normal;
}
#jawboneInfo p {
  margin-top: 5px;
  margin-bottom: 11px;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
}
#jawboneInfo .button-grey {
  margin-top: 16px;
  margin-left: 78px;
}

.hidden {
  visibility: hidden;
}

#graph {
  visibility: hidden;
}

#locationsLegend {
  position: absolute;
  left: 290px;
  top: 310px;
}
#locationsLegend h3 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
}
#locationsLegend .onDuty {
  position: absolute;
  width: 55px;
  left: 11px;
  top: 25px;
  padding-top: 6px;
  padding-left: 2px;
  background-color: #fff600;
}

#energyLegend {
  position: absolute;
  left: 193px;
  top: 289px;
}
#energyLegend h2 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 40px;
  line-height: 36px;
  color: black;
  font-weight: normal;
}
#energyLegend h3 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
#energyLegend h4 {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: black;
  font-weight: normal;
}

#graphFooter {
  visibility: hidden;
}

#competenceViewport .bg-container {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 708px;
  width: 1024px;
  background-repeat: no-repeat;
}
#competenceViewport .bg-container.left {
  background-image: url(../assets/img/home/competences_left.png);
}
#competenceViewport .bg-container.black {
  background-color: black;
  opacity: 0;
}
#competenceViewport .bg-container.svg svg line.dash {
  stroke-width: 10px;
  stroke: #FFF000;
}
#competenceViewport h1.copy {
  max-width: 262px;
}
#competenceViewport #networkTeaserContainer {
  position: absolute;
  width: 300px;
  right: 128px;
  top: 158px;
}
#competenceViewport .teaser {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  opacity: 0;
}
#competenceViewport .teaser p {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  color: white;
  margin-top: 20px;
  width: 100%;
}
#competenceViewport .teaser .button-yellow {
  position: absolute;
  right: 0px;
  margin-top: 20px;
}
#competenceViewport .teaser h4.news {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
  color: white;
}
#competenceViewport #networkWidget {
  margin-top: 40px;
}
#competenceViewport #networkWidget p.label {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: black;
  font-weight: normal;
  position: absolute;
  max-width: 121px;
  margin: 0;
  text-align: center;
  border-color: #ff0000;
  background-color: #ff;
  pointer-events: all;
  cursor: pointer;
}
#competenceViewport #networkWidget .graphContainer {
  position: absolute;
  left: -100px;
  top: -100px;
}
#competenceViewport #networkWidget #competencesLabels .competencesLabel {
  color: #000000;
  cursor: pointer;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
  margin: 0;
  margin-bottom: 20px;
  display: block;
}

#casesViewport #casesSlider {
  overflow: hidden;
  visibility: visible;
  position: absolute;
}
#casesViewport #casesSlider a.prevButton, #casesViewport #casesSlider a.nextButton {
  top: 248px;
}
#casesViewport #casesSlider li {
  list-style: none;
  width: 1024px;
  height: 709px;
  overflow: hidden;
}
#casesViewport #casesSlider li .slideContent {
  position: relative;
  padding-left: 42px;
  padding-top: 175px;
  height: 100%;
}
#casesViewport #casesSlider li .slideContent .button h1 {
  width: 340px;
}
#casesViewport #casesSlider li .slideContent h1 {
  position: relative;
  width: 455px;
  margin-bottom: 15px;
}
#casesViewport #casesSlider li .slideContent h2 {
  position: relative;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
  margin-bottom: 1px;
}
#casesViewport #casesSlider li .slideContent h3 {
  position: relative;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
}
#casesViewport #casesSlider li .slideImg {
  overflow: hidden;
  width: 1024px;
  position: absolute;
  top: 0px;
  z-index: -99;
}
#casesViewport nav.unslider-nav {
  position: absolute;
  top: 660px;
  width: 100%;
  text-align: center;
}
#casesViewport nav.unslider-nav li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  cursor: pointer;
  background: #3d3d3d;
  color: #3d3d3d;
  overflow: hidden;
}
#casesViewport nav.unslider-nav li.unslider-active {
  background: #f9ed0e;
  color: #f9ed0e;
}

.jobTeaser {
  margin-bottom: 24px;
  width: 380px;
}
.jobTeaser a {
  text-decoration: none;
}
.jobTeaser h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  margin-bottom: 10px;
}
.jobTeaser h2 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
  margin-top: 5px;
  margin-bottom: 0px;
}
.jobTeaser h3 {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: black;
  font-weight: normal;
  color: #666;
  margin-bottom: 10px;
}
.jobTeaser p {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  color: #000;
  margin-bottom: 10px;
}
.jobTeaser .clickable {
  margin-bottom: 15px;
}

#careerViewportSimple {
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#careerViewportSimple .teasers {
  position: absolute;
  top: 218px;
  right: 202px;
}
#careerViewportSimple .teasers h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  margin-bottom: 15px;
}
#careerViewportSimple .teasers .arrow {
  margin-top: 20px;
  margin-left: 3px;
}

#careerViewportAbroad .introImages {
  position: absolute;
  overflow: hidden;
  left: 0px;
  right: 0px;
  height: 302px;
}
#careerViewportAbroad .introBox {
  z-index: 1;
}
#careerViewportAbroad .header.or {
  left: 430px;
  top: 69px;
}
#careerViewportAbroad .teasers {
  position: absolute;
  top: 370px;
  left: 42px;
  right: 42px;
}
#careerViewportAbroad .teasers .arrow {
  margin-top: 17px;
  margin-left: 1px;
}
#careerViewportAbroad .teasers .jobTeaser p {
  margin-bottom: 0px;
}
#careerViewportAbroad .teasers .left {
  position: absolute;
}
#careerViewportAbroad .teasers .right {
  position: absolute;
}

#counter-wrapper {
  position: absolute;
  top: 240px;
  left: 42px;
}
#counter-wrapper h2 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}

#counter {
  margin-top: 15px;
}

#careerViewportCounter .introImages {
  position: absolute;
  overflow: hidden;
  left: 0px;
  right: 0px;
  height: 100%;
  z-index: -100;
}
#careerViewportCounter .header {
  position: absolute;
}
#careerViewportCounter .header.left {
  left: 0px;
}
#careerViewportCounter .header.right {
  right: 0px;
  top: 0px;
}
#careerViewportCounter .header.or {
  left: 469px;
  top: 156px;
}
#careerViewportCounter .teasers {
  position: absolute;
  left: 42px;
  width: 460px;
  top: 404px;
}
#careerViewportCounter .jobTeaser {
  width: 220px;
}
#careerViewportCounter .jobTeaser.theOneAndOnly {
  width: 407px;
}
#careerViewportCounter .left {
  position: absolute;
}
#careerViewportCounter .right {
  position: absolute;
  right: 0px;
}
#careerViewportCounter .arrow {
  position: absolute;
  top: 240px;
  margin-left: 1px;
}

#companyViewport {
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#companyViewport #companySlider {
  visibility: visible;
}
#companyViewport #companySlider a.prevButton, #companyViewport #companySlider a.nextButton {
  top: 248px;
}
#companyViewport #companySlider li {
  list-style: none;
  width: 1024px;
  height: 709px;
  overflow: hidden;
}
#companyViewport #companySlider li .slideContent {
  position: relative;
  padding-left: 42px;
  padding-top: 175px;
  height: 100%;
  box-sizing: border-box;
}
#companyViewport #companySlider li .slideContent .buttonContainer {
  bottom: 68px;
  top: auto;
}
#companyViewport #companySlider li .slideContent .buttonContainer .button {
  bottom: 0;
}
#companyViewport #companySlider li .slideContent .buttonContainer .button h1 {
  width: 340px;
}
#companyViewport #companySlider li .slideContent h1 {
  position: relative;
  width: 455px;
  margin-bottom: 15px;
}
#companyViewport #companySlider li .slideContent h2 {
  position: relative;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
  margin-bottom: 1px;
}
#companyViewport #companySlider li .slideContent h3 {
  position: relative;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
}
#companyViewport #companySlider li .slideImg {
  overflow: hidden;
  width: 1024px;
  position: absolute;
  top: 0px;
  z-index: -99;
}
#companyViewport nav.unslider-nav {
  position: absolute;
  top: 660px;
  width: 100%;
  text-align: center;
}
#companyViewport nav.unslider-nav li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  cursor: pointer;
  background: #3d3d3d;
  color: #3d3d3d;
  overflow: hidden;
}
#companyViewport nav.unslider-nav li.unslider-active {
  background: #f9ed0e;
  color: #f9ed0e;
}

#companyViewportOld {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-top: 80px;
}
#companyViewportOld .container {
  position: absolute;
  left: 42px;
  right: 102px;
}
#companyViewportOld .container h1.intro {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 38px;
  line-height: 40px;
  color: black;
  font-weight: normal;
}
#companyViewportOld .container h1.copy {
  width: 435px;
  margin-bottom: 15px;
}
#companyViewportOld .container h2 {
  width: 240px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
}
#companyViewportOld .container h3 {
  width: 240px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: black;
  font-weight: normal;
  color: #666;
}
#companyViewportOld .container .buttonContainer {
  top: 458px;
}

#aboutUsViewport {
  height: 455px;
  overflow: hidden;
}
#aboutUsViewport .background-image {
  position: absolute;
}
#aboutUsViewport h1.intro, #aboutUsViewport h1.copy {
  color: #fff;
}
#aboutUsViewport h1.copy {
  width: 334px;
}
#aboutUsViewport .introBox {
  top: 80px;
  left: 45px;
}
#aboutUsViewport .slider {
  overflow: auto;
  position: relative;
}
#aboutUsViewport .slider .prevButton {
  background: url(../assets/img/icons/gallery_previous.png) no-repeat 0px 0px;
  display: block;
  height: 150px;
  width: 30px;
  left: 0px;
  top: 116px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}
#aboutUsViewport .slider .nextButton {
  background: url(../assets/img/icons/gallery_next.png) no-repeat 0px 0px;
  height: 150px;
  width: 30px;
  display: block;
  right: 0px;
  top: 116px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}
#aboutUsViewport .slider ul li {
  height: 455px;
  position: relative;
}
#aboutUsViewport .slider ul li .content {
  position: absolute;
  top: 113px;
  right: 84px;
  width: 400px;
}
#aboutUsViewport .slider ul li .content p {
  font-size: 21px;
  line-height: 27px;
  margin-bottom: 20px;
}
#aboutUsViewport .slider.uninitialized ul li {
  visibility: hidden;
}
#aboutUsViewport nav.unslider-nav {
  position: absolute;
  bottom: 35px;
  margin-left: 85px;
  width: 100%;
  text-align: center;
}
#aboutUsViewport nav.unslider-nav li {
  background: #413D3E;
  color: #413D3E;
  cursor: pointer;
  height: 10px;
  margin: 0 4px;
  overflow: hidden;
  width: 10px;
  display: inline-block;
}
#aboutUsViewport nav.unslider-nav li.unslider-active {
  background: #FFF000;
  color: #FFF000;
}

#socialViewport {
  padding: 215px 0 80px;
  height: 210px;
}
#socialViewport .blog-entry {
  border-top: 2px solid #000;
  margin-left: 42px;
  width: 620px;
  padding-top: 20px;
}
#socialViewport .blog-entry .post-date {
  margin: 0 0 0 0;
  color: #666666;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  padding: 5px 0 0;
}
#socialViewport .blog-entry .post-author {
  margin: 0 0 5px 0;
  color: #666666;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 10px;
  padding: 0 0 5px;
}
#socialViewport .blog-entry .post-title {
  margin: 5px 0;
}
#socialViewport .blog-entry .post-title h3 {
  color: #333333;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  margin-bottom: 5px;
}
#socialViewport .blog-entry .post-snippet {
  color: #666666;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
#socialViewport .blog-entry .post-link {
  margin: 5px 0;
}
#socialViewport .social-links {
  left: 762px;
  position: absolute;
  top: 158px;
}
#socialViewport .social-links h2 {
  margin-bottom: 25px;
}
#socialViewport .social-links .social-media-link {
  border: 1px solid #DADADA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: block;
  font-size: 9px;
  height: 21px;
  margin-top: 10px;
  padding: 9px 9px 0 45px;
  position: relative;
  text-decoration: none;
  width: 98px;
  background: #fdfdfd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fdfdfd 0%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec',GradientType=0 );
  /* IE6-9 */
}
#socialViewport .social-links .social-media-link img {
  left: -1px;
  position: absolute;
  top: -1px;
}

/* home hotjobs */
#careerViewportCounter .introBox {
  left: 42px;
  position: relative;
  top: 78px;
}

#careerViewportCounter #counter-wrapper {
  left: 42px;
  position: relative;
  top: 100px;
}

#careerViewportCounter .teasers {
  left: 42px;
  position: relative;
  top: 84px;
  width: 460px;
}

#careerViewportCounter .introImages {
  left: 0;
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -100;
}

/* home hotjobs end */
/* Contact Form */
.contactContainer {
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  margin: 50px auto;
  padding: 30px 0;
}

.main-width-grid.contactContainer .grid-6 h2 {
  position: absolute;
  height: 30px;
  z-index: 0;
  width: 460px;
}

.text-standard-wide .contactContainer a.button-yellow {
  margin-right: 0px;
  margin-top: 50px;
  padding-left: 30px;
}

.main-width-grid.contactContainer .grid-6.newsletter {
  max-height: 0px;
  overflow: hidden;
  width: 463px;
  -webkit-transition: max-height 500ms ease-out;
  -moz-transition: max-height 500ms ease-out;
  -o-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
}

.main-width-grid.contactContainer .grid-6.newsletter.open {
  max-height: 1000px;
}

.main-width-grid.contactContainer .grid-6.answer,
.main-width-grid.contactContainer .grid-6.answerError {
  display: none;
}

.main-width-grid.contactContainer .grid-6 h2,
.main-width-grid.contactContainer .grid-3 a {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}

.main-width-grid.contactContainer .grid-6 h2.toggle,
.main-width-grid.contactContainer .grid-3 a.toggle {
  opacity: 0;
  -webkit-transition: opacity 500ms ease-out;
  -moz-transition: opacity 500ms ease-out;
  -o-transition: opacity 500ms ease-out;
  transition: opacity 500ms ease-out;
}

.main-width-grid.contactContainer .grid-3 a.close {
  background-image: url(../assets/img/icons/close.png);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 34px;
  line-height: 35px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 34px;
  z-index: 1;
  left: 30px;
  top: -30px;
  text-indent: -10000px;
}

.contactContainer .grid-3.omega {
  position: relative;
}

.main-width-grid.contactContainer .grid-6 h1 {
  color: #000000;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 22px;
  opacity: 1 !important;
  margin-left: 0px !important;
}

#layer .contactContainer {
  border-bottom: none;
  border-top: none;
  padding: 30px 0;
  margin: 0 auto;
  width: 450px;
}

/* Contact Form end */
/* Modal Layer */
#layerWrapper {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 11001;
}

#modalBg {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11000;
}

.opacity75 {
  opacity: 0.75;
}

#layer {
  background-color: #fff;
  left: 0;
  margin: 30px auto;
  min-height: 50px;
  position: relative;
  top: 0;
  width: 746px;
  z-index: 11002;
}

#layer a.close {
  background-image: url(../assets/img/icons/close.png);
  background-position: 0px 0px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 34px;
  z-index: 10000;
}

#layer .layerContent {
  padding: 30px 40px 30px 30px;
  width: 668px;
}

/* Modal Layer end */
#webhelp_note {
  position: fixed;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  display: none;
  padding: 20px 25px;
  box-sizing: border-box;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 100;
  width: 80%;
}

#webhelp_note span {
  display: block;
  margin-bottom: 10px;
}

#webhelp_note a {
  color: #fff;
}

#webhelp_note a.button {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 4px 8px;
  background-color: #333;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
}

#webhelp_note.visible {
  display: block;
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.24
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}

@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}

@keyframes empty {
  0% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }

  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}

@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.24
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

a.arrow-link {
  display: inline-block;
  padding-left: 10px;
  background-position: 0 -8727px;
  background-position: 0 -8725px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
  text-decoration: none !important;
}
a.arrow-link:hover, a.arrow-link.arrowlink_hover, a.arrow-link.arrowlink-hover {
  background-position: 0 -9207px;
}
a.arrow-link:hover {
  color: black !important;
  background-position: 0 -9207px;
  background-position: 0 -9205px;
}

.spacerWrapper {
  height: 2px;
}

.spacer {
  border-top: 2px solid #000;
  height: 45px;
  margin-top: 50px;
}

/* BUSINESS BLOG */
#blog-widget {
  min-height: 300px;
}

#blog-widget h2 {
  margin: 15px 0;
}

#blog-widget .posts {
  margin: 15px 0;
}

#blog-widget .posts .post {
  border-top: 2px solid #000;
  margin-top: 10px;
  padding-top: 15px;
}

#blog-widget .post-date, #fb-posts .post-date, #twitter-widget .posts {
  margin-top: -4px;
  color: #666666;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}

#blog-widget .post-author {
  padding: 0 0 5px 0;
  color: #666666;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 5px;
}

#blog-widget .post-snippet, #fb-posts .post-snippet {
  color: #666666;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  padding-bottom: 10px;
}

.timePosted
#blog-widget .post-link {
  margin: 10px 0 15px 0;
}

/* FACEBOOK */
#fb-widget {
  min-height: 300px;
}

#fb-widget h2 {
  margin: 15px 0;
}

#fb-widget .posts {
  margin: 15px 0;
}

#fb-widget .posts .post {
  border-top: 2px solid #000;
  min-height: 70px;
  margin-top: 10px;
  padding-top: 15px;
}

#fb-widget .fb-date {
  margin-top: -4px;
  color: #666666;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}

/* TWITTER */
#twitter-widget {
  min-height: 300px;
}
#twitter-widget .timePosted {
  margin-bottom: 10px !important;
}
#twitter-widget p.tweet {
  margin-bottom: 10px;
}

#twitter-widget h2 {
  margin: 15px 0;
}

#twitter-widget .posts {
  margin: 15px 0;
}

#twitter-widget .posts .post {
  border-top: 2px solid #000;
  margin-top: 10px;
  padding-top: 15px;
}

/* FLICKR */
#flickr-widget {
  min-height: 300px;
}

#flickr-widget h2 {
  margin: 8px 0;
}

#flickr-widget #flickr-pics {
  margin: 20px 0;
}

#flickrPicsWrapper {
  margin-top: 20px;
}

.flickrGallery {
  visibility: hidden;
  margin-top: 110px;
  margin-bottom: 50px;
  position: relative;
}

.flickrGallery .swg {
  height: auto;
  overflow: hidden;
  position: relative;
}

.flickrGallery .appGallery {
  padding-bottom: 5px;
  left: 0 !important;
  top: 0 !important;
  background: none repeat scroll 0 0 transparent !important;
  cursor: move;
  overflow: hidden;
  position: relative;
}

.flickrGallery .appGallery ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.flickrGallery .appGallery li {
  display: block;
  float: left;
  height: auto !important;
  overflow: visible;
  position: relative;
  padding: 0;
  background: none;
}

.flickrGallery .prevButton.inactive, .nextButton.inactive {
  opacity: 0.2;
}

.flickrGallery .nextButton {
  background: url("../assets/img/icons/gallery_next.png") no-repeat scroll 0 0 transparent !important;
  height: 150px;
  width: 30px;
  display: block;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}

.flickrGallery .prevButton {
  background: url("../assets/img/icons/gallery_previous.png") no-repeat scroll 0 0 transparent !important;
  display: block;
  height: 150px;
  width: 30px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}

.flickrGallery .swipeNav a {
  background-image: url("/assets/img/icons/gallery_next.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0 none !important;
  display: block;
  float: left;
  height: 13px;
  margin-right: 10px;
  outline: medium none !important;
  overflow: hidden;
  width: 13px;
}

.flickrGallery .swipeNav a.act, .swipeNav a:hover {
  background-image: url("../img/bmw_slideshow_kreis_aktiv.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.flickrGallery .swipeNav {
  left: 442px;
  position: absolute;
  top: 220px;
  z-index: 1;
}

/* FLICKR END*/
#blog-widget .grid-3 {
  padding: 0px !important;
}

.social-media-link {
  border: 1px solid #DADADA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  display: block;
  font-size: 9px;
  height: 21px;
  margin-top: 10px;
  padding: 9px 9px 0 45px;
  position: relative;
  text-decoration: none !important;
  width: 98px;
  background: #fdfdfd;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #ececec));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfdfd 0%, #ececec 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fdfdfd 0%, #ececec 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#ececec',GradientType=0 );
  /* IE6-9 */
}

.social-media-link img {
  left: -1px;
  position: absolute;
  top: -1px;
  height: 32px !important;
  width: 38px !important;
}

#instagram-widget .social-media-link {
  margin-top: -14px;
}

.fans {
  color: #000000;
  margin-bottom: 10px !important;
}

.fanCount {
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 20px;
  line-height: 22px;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 30px;
  overflow: hidden;
}

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
}

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 30px;
}

.mCustomScrollBox > .mCSB_scrollTools {
  width: 16px;
  height: 100%;
  top: 0;
  right: 0;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: relative;
  height: 20px;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  top: 100%;
  margin-top: -40px;
}

/* horizontal scrollbar */
.mCSB_horizontal > .mCSB_container {
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-bottom: 0;
}

.mCS_disabled > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
  width: 100%;
  height: 16px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.mCSB_horizontal > .mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger {
  width: 30px;
  height: 100%;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  display: block;
  position: relative;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  float: left;
}

.mCSB_horizontal > .mCSB_scrollTools .mCSB_buttonRight {
  margin-left: -40px;
  float: right;
}

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
  */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
  /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/*light-2*/
.mCS-light-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/*dark-2*/
.mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-2.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/*light-thick*/
.mCS-light-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/*dark-thick*/
.mCS-dark-thick > .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-dark-thick.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/*light-thin*/
.mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
  /* rgba fallback */
  background: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/*dark-thin*/
.mCS-dark-thin > .mCSB_scrollTools .mCSB_draggerRail {
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background: #000;
  /* rgba fallback */
  background: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  width: 100%;
}

.mCS-dark-thin.mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin > .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin > .mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.main-module-viewport {
  width: 100%;
  max-width: 1280px;
  height: 900px;
}

.main-module-image-max {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-height: 460px;
  top: 0px;
  z-index: 9;
}
.main-module-image-max img {
  width: auto !important;
  height: auto;
  display: block;
}

.error404 {
  margin-bottom: 60px !important;
}
.error404 .image-max-text-content .left-aligned-header {
  width: 540px;
}
.error404 h2 {
  margin-bottom: 20px !important;
}
.error404 a.arrow {
  display: block;
  margin-bottom: 5px;
}

.job-error-container, .error-container {
  background-color: #333333;
  width: 100%;
  padding: 90px 0 40px;
}
.job-error-container .job-error h2, .job-error-container .error h2, .error-container .job-error h2, .error-container .error h2 {
  margin-bottom: 5px;
}
.job-error-container .job-error h2, .job-error-container .job-error p, .job-error-container .error h2, .job-error-container .error p, .error-container .job-error h2, .error-container .job-error p, .error-container .error h2, .error-container .error p {
  color: white;
}

.image-max-text-content {
  margin: 0 auto;
  position: relative;
  top: 120px;
  width: 940px;
  z-index: 10;
  height: 460px;
  margin-bottom: -460px;
  overflow: hidden;
  margin-top: -15px;
  padding-top: 15px;
}
.image-max-text-content .descriptive {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 38px;
  line-height: 40px;
  color: black;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}
.image-max-text-content h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
  margin-bottom: 12px;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}
.image-max-text-content h2 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  margin-bottom: 11px;
  padding-top: 10px;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
}
.image-max-text-content h3 {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  font-weight: normal;
  letter-spacing: 0;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../assets/img/hIEfix.png,sizingMethod=crop);
  zoom: 1;
  margin-bottom: 20px;
  padding-top: 10px;
}
.image-max-text-content h3.cases-header {
  padding-top: 0px !important;
  color: #666666 !important;
}
.image-max-text-content h3.news.cases-header {
  margin-bottom: 0px !important;
}
.image-max-text-content .grey {
  color: #666666;
}
.image-max-text-content p {
  margin-top: 15px;
}
.image-max-text-content a.button-yellow {
  margin-left: 20px;
}
.image-max-text-content a.button-yellow.omega {
  margin-left: 0px;
}
.image-max-text-content .descriptive {
  margin: -15px 0 0;
  -moz-opacity: 0;
  opacity: 0;
}
.image-max-text-content h1 {
  margin: 30px 0 0;
  -moz-opacity: 0;
  opacity: 0;
}
.image-max-text-content h2 {
  margin: 30px 0 0;
  -moz-opacity: 0;
  opacity: 0;
}
.image-max-text-content h3 {
  margin: 30px 0 0;
  -moz-opacity: 0;
  opacity: 0;
}
.image-max-text-content .left-aligned-header {
  width: 460px;
  float: left;
  margin-top: 0px;
}
.image-max-text-content .left-aligned-header h1, .image-max-text-content .left-aligned-header h2, .image-max-text-content .left-aligned-header h3, .image-max-text-content .left-aligned-header .descriptive {
  width: auto !important;
}
.image-max-text-content .right-aligned-centered-header {
  width: auto;
  margin: 0px auto 0;
  float: right;
  position: static;
  top: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials {
  margin: 0 auto;
  padding-right: 15.5%;
  position: relative;
  top: -178px;
  width: 460px;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential {
  width: 160px;
  cursor: pointer;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential .txt {
  text-transform: uppercase;
  font-family: "ClanProMedium",Arial,sans-serif;
  height: 37px;
  padding: 10px;
  width: 103px;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom .txt {
  padding: 10px;
  background: #ffffff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom.val1 .txt {
  background: #666;
  color: #fff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom.val1 .pointer {
  background: url(../assets/img/icons/arrow_bottom_666.png) no-repeat 0px 0px;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom.val2 .txt {
  background: #333;
  color: #fff600;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom.val2 .pointer {
  background: url(../assets/img/icons/arrow_bottom_333.png) no-repeat 0px 0px;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom .pointer {
  text-align: center;
  width: 20px;
  margin: 0 48px;
  padding: 9px 0 0 0px;
  background-position: 0 -4130px;
  background-position: 0 -4130px;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerBottom .pointer img {
  width: 7px;
  height: 7px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight:before, .image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight:after {
  content: "";
  display: table;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight:after {
  clear: both;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight .txt {
  background: #ffffff;
  float: left;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight.val1 .txt {
  background: #666;
  color: #fff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight.val1 .pointer {
  background: url(../assets/img/icons/arrow_right_666.png) no-repeat 0px center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight.val2 .txt {
  background: #333;
  color: #fff600;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight.val2 .pointer {
  background: url(../assets/img/icons/arrow_right_333.png) no-repeat 0px center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight .pointer {
  float: left;
  text-align: center;
  width: 20px;
  margin: 0 auto;
  padding: 12px 0 0 7px;
  height: 29px;
  background: url(../assets/img/icons/arrow_right_FFF.png) no-repeat 0px center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerRight .pointer img {
  width: 7px;
  height: 7px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft:before, .image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft:after {
  content: "";
  display: table;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft:after {
  clear: both;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft .txt {
  background: #ffffff;
  float: left;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft.val1 .txt {
  background: #666;
  color: #fff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft.val1 .pointer {
  background: url(../assets/img/icons/arrow_left_666.png) no-repeat right center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft.val2 .txt {
  background: #333;
  color: #fff600;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft.val2 .pointer {
  background: url(../assets/img/icons/arrow_left_333.png) no-repeat right center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft .pointer {
  float: left;
  text-align: center;
  width: 30px;
  margin: 0 auto;
  padding: 11px 0 0;
  height: 29px;
  background: url(../assets/img/icons/arrow_left_FFF.png) no-repeat right center;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerLeft .pointer img {
  width: 7px;
  height: 7px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft .txt {
  background: #ffffff;
  float: left;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft.val1 .txt {
  background: #666;
  color: #fff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft.val1 .pointer {
  background: url(../assets/img/icons/arrow_top_666.png) no-repeat 6px bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft.val2 .txt {
  background: #333;
  color: #fff600;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft.val2 .pointer {
  background: url(../assets/img/icons/arrow_top_333.png) no-repeat 6px bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft .pointer {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 13px;
  height: 25px;
  background: url(../assets/img/icons/arrow_top_FFF.png) no-repeat 6px bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopLeft .pointer img {
  width: 7px;
  height: 7px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight .txt {
  background: #ffffff;
  float: left;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight.val1 .txt {
  background: #666;
  color: #fff;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight.val1 .pointer {
  background: url(../assets/img/icons/arrow_top_666.png) no-repeat right bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight.val2 .txt {
  background: #333;
  color: #fff600;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight.val2 .pointer {
  background: url(../assets/img/icons/arrow_top_333.png) no-repeat right bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight .pointer {
  height: 26px;
  margin: 0 auto;
  padding: 5px 6px 0;
  text-align: right;
  width: 39%;
  background: url(../assets/img/icons/arrow_top_FFF.png) no-repeat right bottom;
}
.image-max-text-content .right-aligned-centered-header .potentials .potential.pointerTopRight .pointer img {
  width: 7px;
  height: 7px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials #p1 {
  position: absolute;
  top: -20px;
  left: 173px !important;
  z-index: 113;
}
.image-max-text-content .right-aligned-centered-header .potentials #p2 {
  position: absolute;
  top: 118px;
  left: 336px;
  z-index: 113;
}
.image-max-text-content .right-aligned-centered-header .potentials #p3 {
  position: absolute;
  top: 264px;
  left: 310px;
  z-index: 113;
}
.image-max-text-content .right-aligned-centered-header .potentials #p4 {
  position: absolute;
  top: 259px;
  right: 352px;
  z-index: 113;
}
.image-max-text-content .right-aligned-centered-header .potentials #p5 {
  position: absolute;
  top: 113px;
  right: 408px;
  z-index: 113;
}
.image-max-text-content .right-aligned-centered-header .potentials #hint {
  position: absolute;
  top: -2px;
  right: 59px;
  z-index: 112;
  background: url(../assets/img/misc/benefit_sphere/arrow.png) no-repeat 0 73px;
  width: 199px;
  height: 195px;
}
.image-max-text-content .right-aligned-centered-header .potentials #hint h2 {
  float: right;
  width: auto !important;
}
.image-max-text-content .right-aligned-centered-header .potentials #dragMask {
  width: 312px;
  height: 340px;
  background: url(../assets/img/misc/benefit_sphere/mask.png) no-repeat 0 0;
  position: absolute;
  top: 26px;
  left: 76px;
  z-index: 111;
}
.image-max-text-content .right-aligned-centered-header .potentials #dragBorder {
  height: 238px;
  left: 112px;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  top: 66px;
  width: 238px;
  background: url(../assets/img/misc/benefit_sphere/sphere.png) no-repeat 0 0;
}
.image-max-text-content .right-aligned-centered-header .potentials #dragger {
  position: absolute;
  width: 290px;
  height: 290px;
  overflow: hidden;
  top: -26px;
  left: -26px;
  float: left;
  cursor: move;
  z-index: 110;
}
.image-max-text-content .right-aligned-centered-header .potentials #dragger img {
  width: 290px;
  height: 290px;
  min-width: 0;
}
.image-max-text-content .right-aligned-centered-header .potentials #pseudoDragger {
  position: absolute;
  width: 290px;
  height: 290px;
  overflow: hidden;
  top: -26px;
  left: -26px;
  float: left;
  cursor: move;
  z-index: 112;
}
.image-max-text-content h1, .image-max-text-content h2, .image-max-text-content h3, .image-max-text-content p, .image-max-text-content .grid-6 {
  width: 460px !important;
}
.image-max-text-content a.button-yellow {
  margin-right: 0px !important;
  margin-top: 10px;
}

#content .image-max-text-content .descriptive {
  margin-top: -15px;
}

.competence .left-aligned-header {
  width: 390px !important;
}
.competence .descriptive {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: black;
  font-weight: normal;
}

.image-max-text-content.casesHeader {
  margin-top: -50px;
  padding-top: 50px;
}

.right-aligned-centered-header {
  float: left;
  height: 0px;
  left: 0;
  margin: 0 auto;
  position: relative;
  top: 90px;
  width: 100%;
  z-index: 11;
}
.right-aligned-centered-header .animationarea {
  float: right;
  width: 790px;
  height: 250px;
  margin: 0 auto;
  padding-right: 0%;
  position: relative;
  overflow: hidden;
}
.right-aligned-centered-header .animationarea #step_0 {
  position: absolute;
  top: 0px;
  left: 200px;
  display: none;
}
.right-aligned-centered-header .animationarea #step_1 {
  position: absolute;
  top: 0px;
  left: 800px;
  display: none;
}
.right-aligned-centered-header .animationarea #step_2 {
  position: absolute;
  top: 0px;
  left: 800px;
  display: none;
}
.right-aligned-centered-header .animationarea img {
  width: auto;
  min-width: 0;
  background: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  /* IE6 & 7 */
  zoom: 1;
}

.tab-navigation {
  position: relative;
  top: -103px;
  z-index: 10;
}
.tab-navigation:before, .tab-navigation:after {
  content: "";
  display: table;
}
.tab-navigation:after {
  clear: both;
}
.tab-navigation a {
  color: #666666;
  font-size: 16px;
  text-decoration: none !important;
  background-color: #E6E6E6;
  margin-right: 10px;
  padding: 10px 10px 5px;
  display: inline-block;
}
.tab-navigation a.act, .tab-navigation a:hover {
  background-color: #333333;
  color: white !important;
  position: relative;
  top: -1px;
  padding: 14px 10px 7px;
  font-size: 20px;
}

#tab-galleries,
#tab-videos {
  display: none;
  position: relative;
  height: auto;
  margin-top: 50px;
  margin-bottom: 70px;
}
#tab-galleries .tab-navigation,
#tab-videos .tab-navigation {
  position: relative;
  top: 0px;
  z-index: 1;
  margin: 40px 0 -4px;
}
#tab-galleries .tab-navigation a,
#tab-videos .tab-navigation a {
  text-decoration: none;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
}
#tab-galleries .tab-navigation a.act, #tab-galleries .tab-navigation a:hover,
#tab-videos .tab-navigation a.act,
#tab-videos .tab-navigation a:hover {
  padding: 12px 10px 8px 10px;
  position: relative;
  top: -4px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: white;
  font-weight: normal;
}
#tab-galleries .downloadGalleryHolder,
#tab-galleries .downloadVideoGalleryHolder,
#tab-videos .downloadGalleryHolder,
#tab-videos .downloadVideoGalleryHolder {
  background-color: #E6E6E6;
  margin-left: -42px;
  padding: 36px 42px 40px;
  width: 940px;
  display: none;
}
#tab-galleries #gal_1,
#tab-galleries #vgal_1,
#tab-videos #gal_1,
#tab-videos #vgal_1 {
  display: block;
}
#tab-galleries .galleryContainerSmall,
#tab-videos .galleryContainerSmall {
  margin-bottom: 0px;
}
#tab-galleries .galleryContainerSmall img,
#tab-videos .galleryContainerSmall img {
  margin-bottom: 14px;
}
#tab-galleries .galleryContainerSmall p,
#tab-videos .galleryContainerSmall p {
  margin-bottom: 0;
  font-size: 14px;
}
#tab-galleries .swgul:before, #tab-galleries .swgul:after,
#tab-videos .swgul:before,
#tab-videos .swgul:after {
  content: "";
  display: table;
}
#tab-galleries .swgul:after,
#tab-videos .swgul:after {
  clear: both;
}
#tab-galleries a.download,
#tab-videos a.download {
  margin-top: 50px;
}

.tab-navigation-correction {
  top: -20px;
  position: relative;
}

.slider-container {
  position: relative;
  top: -120px;
  z-index: 10;
  font-size: 14px;
  color: white;
  text-transform: uppercase;
  font-family: "ClanProMedium",Arial,sans-serif;
  left: 20px;
  display: none;
}
.slider-container #slider {
  width: 410px;
  height: 11px;
  position: absolute;
  z-index: 10;
}
.slider-container .ui-slider {
  position: relative;
  text-align: left;
  background: url(../assets/img/misc/competence_slider/progressbar_default.png) no-repeat 0 0;
}
.slider-container .ui-slider-horizontal .ui-slider-handle {
  margin-left: -18px;
  top: -12px;
  cursor: default;
  height: 35px;
  position: absolute;
  width: 35px;
  z-index: 2;
  cursor: ew-resize;
}
.slider-container .ui-slider-horizontal .ui-slider-range {
  background-color: #ff00ff;
  background-position: 0 0;
  border: 0 none;
  display: block;
  font-size: 0.7em;
  position: absolute;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
}
.slider-container #step_0_label_layer {
  position: absolute;
  left: -19px;
  z-index: 9;
}
.slider-container #step_1_label_layer {
  position: absolute;
  left: 122px;
  z-index: 9;
}
.slider-container #step_1_label_layer .label {
  text-align: center;
}
.slider-container #step_2_label_layer {
  position: absolute;
  right: 270px;
  z-index: 9;
}
.slider-container #step_2_label_layer .label {
  text-align: right;
}
.slider-container .tooltips {
  top: -50px;
}
.slider-container .tooltips .tooltip {
  -moz-opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  white-space: nowrap;
}
.slider-container #step_0_label_layer.tooltips .tooltip {
  -moz-opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.slider-container .tooltip {
  padding: 8px;
  height: 30px;
  font-size: 12px;
  margin-bottom: 35px;
}
.slider-container.health .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_health.png) no-repeat 0 0;
}
.slider-container.health .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_health.png) no-repeat 0 0;
}
.slider-container.health #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_health_l.png) no-repeat 0 0;
}
.slider-container.health #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_health_m.png) no-repeat center 0;
}
.slider-container.health #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_health_r.png) no-repeat right 0;
}
.slider-container.hr .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_hr.png) no-repeat 0 0;
}
.slider-container.hr .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_hr.png) no-repeat 0 0;
}
.slider-container.hr #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_hr_l.png) no-repeat 0 0;
}
.slider-container.hr #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_hr_m.png) no-repeat center 0;
}
.slider-container.hr #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_hr_r.png) no-repeat right 0;
}
.slider-container.sales .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_sales.png) no-repeat 0 0;
}
.slider-container.sales .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_sales.png) no-repeat 0 0;
}
.slider-container.sales #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sales_l.png) no-repeat 0 0;
}
.slider-container.sales #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sales_m.png) no-repeat center 0;
}
.slider-container.sales #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sales_r.png) no-repeat right 0;
}
.slider-container.service .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_service.png) no-repeat 0 0;
}
.slider-container.service .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_service.png) no-repeat 0 0;
}
.slider-container.service #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_service_l.png) no-repeat 0 0;
}
.slider-container.service #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_service_m.png) no-repeat center 0;
}
.slider-container.service #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_service_r.png) no-repeat right 0;
}
.slider-container.backoffice .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_sspo.png) no-repeat 0 0;
}
.slider-container.backoffice .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_sspo.png) no-repeat 0 0;
}
.slider-container.backoffice #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sspo_l.png) no-repeat 0 0;
}
.slider-container.backoffice #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sspo_m.png) no-repeat center 0;
}
.slider-container.backoffice #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_sspo_r.png) no-repeat right 0;
}
.slider-container.support .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_support.png) no-repeat 0 0;
}
.slider-container.support .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_support.png) no-repeat 0 0;
}
.slider-container.support #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_support_l.png) no-repeat 0 0;
}
.slider-container.support #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_support_m.png) no-repeat center 0;
}
.slider-container.support #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_support_r.png) no-repeat right 0;
}
.slider-container.training .ui-slider-horizontal .ui-slider-range {
  background: url(../assets/img/misc/competence_slider/progressbar_training.png) no-repeat 0 0;
}
.slider-container.training .ui-slider-horizontal .ui-slider-handle {
  background: url(../assets/img/misc/competence_slider/dot_training.png) no-repeat 0 0;
}
.slider-container.training #step_0_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_training_l.png) no-repeat 0 0;
}
.slider-container.training #step_1_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_training_m.png) no-repeat center 0;
}
.slider-container.training #step_2_label_layer .tooltip {
  background: url(../assets/img/misc/competence_slider/tooltip_training_r.png) no-repeat right 0;
}

.teaser-cases-imgLink-container {
  margin: 60px 0 20px;
  max-width: 960px;
}
.teaser-cases-imgLink-container:before, .teaser-cases-imgLink-container:after {
  content: "";
  display: table;
}
.teaser-cases-imgLink-container:after {
  clear: both;
}
.teaser-cases-imgLink-container h2 {
  margin-bottom: 10px !important;
}

.galleryContainerSmall .teaser-cases-imgLink-container {
  margin: 0px;
}

#extended-footer .teaser-cases-imgLink-container {
  margin: 30px 0 30px;
}
#extended-footer .teaser-cases-imgLink-container .single-image-teaser.grid-4 {
  margin-bottom: 20px;
}

.single-image-teaser {
  margin-bottom: 20px;
}
.single-image-teaser .hover {
  display: none;
}
.single-image-teaser.grid-4 {
  margin-bottom: 70px;
}
.single-image-teaser.grid-4.managers {
  margin-bottom: 10px;
  height: 580px;
}
.single-image-teaser a {
  display: inline-block;
  text-decoration: none !important;
  width: 100%;
}
.single-image-teaser p {
  color: #666666;
  width: auto !important;
  margin-bottom: 0;
}
.single-image-teaser p a {
  display: inline;
  text-decoration: underline;
  width: auto;
}
.single-image-teaser p.arrow-link {
  color: #333333;
}
.single-image-teaser h2 {
  width: 100% !important;
}
.single-image-teaser h2.news {
  margin: 0 0 1px !important;
}
.single-image-teaser a > h3 {
  margin-bottom: 7px;
}
.single-image-teaser h4.news {
  margin: 0 0 1px;
}
.single-image-teaser .img-container {
  width: 300px;
  height: 150px;
  overflow: hidden;
  margin-bottom: 14px;
}
.single-image-teaser img {
  min-width: 1px;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 14px;
  -ms-transition: -ms-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.single-image-teaser .img-highlite {
  height: 10px;
  margin-top: -24px;
  margin-bottom: 14px;
  position: relative;
  z-index: 2;
  background-color: #666666;
  display: none;
}
.single-image-teaser .field-description {
  color: #666666;
}

.no-touch .single-image-teaser a:hover img {
  transform: scale(1.03);
  -ms-transform: scale(1.03);
  /* IE 9 */
  -webkit-transform: scale(1.03);
  /* Safari and Chrome */
  -moz-transform: scale(1.03);
  /* mozilla */
  -o-transform: scale(1.03);
  /* opera */
  -ms-transition: -ms-transform 0.3s linear;
  -webkit-transition: -webkit-transform 0.3s linear;
  -moz-transition: -moz-transform 0.3s linear;
  -o-transition: -o-transform 0.3s linear;
  transition: transform 0.3s linear;
}
.no-touch .single-image-teaser a:hover .news,
.no-touch .single-image-teaser a:hover .field-description,
.no-touch .single-image-teaser a:hover .quote {
  display: none;
}
.no-touch .single-image-teaser a:hover .img-highlite,
.no-touch .single-image-teaser a:hover .news.hover,
.no-touch .single-image-teaser a:hover .field-description.hover,
.no-touch .single-image-teaser a:hover .field-description.hover .news {
  display: block;
}
.no-touch .single-image-teaser a:hover .quote {
  color: black;
}

.single-image-teaser.no-image .img-highlite {
  margin-top: 0px;
  background-color: #a2305c;
  display: block;
}

.single-image-teaser.no-hover a:hover .news {
  display: block;
}
.single-image-teaser.no-hover h3 {
  margin-bottom: 7px;
}

.success:before, .success:after {
  content: "";
  display: table;
}
.success:after {
  clear: both;
}
.success.tabletExtend {
  width: 960px;
  padding-left: 42px;
}
.success .grid-9 h1 {
  margin-bottom: 32px;
}

.cases {
  clear: both;
  float: none;
}
.cases:before, .cases:after {
  content: "";
  display: table;
}
.cases:after {
  clear: both;
}
.cases.tabletExtend {
  width: 960px;
  padding: 0 0 70px 42px;
}
.cases .single-image-teaser.grid-9 {
  position: relative;
  margin: 0 20px 20px 0;
  height: 350px;
  overflow: hidden;
}
.cases .single-image-teaser.grid-9 img {
  width: 700px;
  height: 350px;
  margin-bottom: 0;
  display: block;
}
.cases .single-image-teaser.grid-9 .background-grey {
  padding: 10px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  width: 680px;
  background: transparent url(../assets/img/misc/img_teaser_overlay.png) repeat 0 0;
}
.cases .single-image-teaser.grid-3 {
  position: relative;
  margin: 0 20px 20px 0;
  height: 350px;
  overflow: hidden;
}
.cases .single-image-teaser.grid-3 img {
  width: 220px;
  height: 350px;
  margin-bottom: 0;
  display: block;
}
.cases .single-image-teaser.grid-3 .background-grey {
  padding: 10px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 1;
  width: 200px;
  background: transparent url(../assets/img/misc/img_teaser_overlay.png) repeat 0 0;
}

.interest-container {
  padding-top: 15px;
  border-top: 2px solid black;
  margin: 20px 0 30px;
}
.interest-container h3 {
  color: #666666 !important;
  margin-bottom: 10px !important;
  width: 100% !important;
}
.interest-container .arrow-large {
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 20px;
  font-weight: normal;
  height: 37px;
  line-height: 37px;
}

.text-standard {
  margin-bottom: 30px;
}
.text-standard .intro {
  margin-bottom: 30px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
.text-standard .date {
  margin-bottom: 10px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #666666;
  font-weight: normal;
}
.text-standard h1 {
  margin-bottom: 15px;
}
.text-standard h2.cite {
  margin: 15px 0;
}
.text-standard img {
  margin-bottom: 20px;
}
.text-standard a {
  text-decoration: underline;
}
.text-standard a:hover {
  color: #666666;
}
.text-standard a.button-yellow {
  margin-right: 80px;
  float: right;
  margin-bottom: 15px;
}
.text-standard .left-aligned-header a.button-yellow {
  margin-left: -4px;
  margin-right: 20px;
  float: left;
  margin-bottom: 15px;
}
.text-standard h2 {
  width: 380px;
  clear: both;
  margin-bottom: 7px;
}
.text-standard h3 {
  width: 380px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 5px;
}
.text-standard h3.news {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #666666;
  font-weight: normal;
}
.text-standard h4 {
  width: 380px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: black;
  font-weight: normal;
}
.text-standard h4.news {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #666666;
  font-weight: normal;
}
.text-standard p {
  width: 380px;
  margin-bottom: 22px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #666666;
  font-weight: normal;
  float: none;
  clear: both;
}
.text-standard p.small {
  font-size: 11px;
  line-height: 14px;
}
.text-standard ul {
  width: 380px;
  margin-bottom: 32px;
}
.text-standard ul.inline {
  margin: -25px 0 12px;
}
.text-standard li {
  padding-left: 8px;
  background: url('../assets/img/misc/list-style.png?1506600569') no-repeat 0 5px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #666666;
  font-weight: normal;
  padding-bottom: 5px;
}
.text-standard .quote {
  margin: 40px 0 20px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
.text-standard strong {
  font-family: "ClanProBold", Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: black;
  font-weight: normal;
}
.text-standard .teaser-cases-imgLink-container .quote {
  margin: 0;
}
.text-standard .teaser-cases-imgLink-container .single-image-teaser {
  margin-bottom: 0px;
}
.text-standard .grid-7 h2 {
  width: 460px;
}
.text-standard .grid-7 h3 {
  width: 460px;
}
.text-standard .grid-7 p {
  width: 460px;
}
.text-standard .grid-7 ul {
  width: 460px;
}

.text-standard .single-news .date, .text-standard .single-news .location, .text-standard .single-news h3 {
  width: auto;
}

.text-standard-wide h2, .text-standard-wide h3, .text-standard-wide h4, .text-standard-wide p, .text-standard-wide ul {
  width: 100%;
}
.text-standard-wide li {
  width: 98%;
}
.text-standard-wide a.button-yellow {
  margin-right: 0px;
}

.job-fulltext {
  margin-top: 117px;
}
.job-fulltext strong {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
  margin-bottom: -10px;
  display: block;
  max-width: 380px;
}
.job-fulltext ul {
  margin-bottom: 10px;
}

.arrow-navigation {
  margin-top: 45px;
  padding-top: 20px;
  border-top: 1px solid #333333;
}
.arrow-navigation a.arrow {
  margin-bottom: 15px;
}
.arrow-navigation a.arrow-prev {
  float: left;
}
.arrow-navigation a.arrow-fwd {
  float: right;
}

.side-navigation {
  margin-top: 0px;
}
.side-navigation ul {
  width: 100%;
}
.side-navigation li {
  width: 100%;
  padding-left: 0px;
  margin-bottom: 5px;
  background: none;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #333333;
  font-weight: normal;
}
.side-navigation:hover {
  color: black;
}
.side-navigation h4.news {
  margin: 5px 0px;
  line-height: 16px;
  width: 100%;
}
.side-navigation p {
  width: 100%;
  margin-bottom: 0px;
}
.side-navigation h3 {
  width: 100%;
}
.side-navigation h2 {
  width: 100%;
  margin-bottom: 7px;
}
.side-navigation img {
  margin-bottom: 10px;
}
.side-navigation .single-image-teaser, .side-navigation .contact-teaser {
  margin-right: 0;
  margin-bottom: 45px;
}
.side-navigation .single-image-teaser.call-to-action {
  background-position: 0 -1822px;
  background-position: 0 -1822px;
  background: url(../assets/img/icons/slash.png) 0 0 no-repeat;
  padding-top: 50px;
  text-align: right;
}
.side-navigation .single-image-teaser.call-to-action a.button-yellow {
  margin-right: 0;
  width: auto;
  margin-bottom: 5px;
  float: none;
  text-decoration: none !important;
}
.side-navigation .single-image-teaser.call-to-action .or {
  color: #000000;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 3px;
}
.side-navigation .single-image-teaser a {
  text-decoration: underline !important;
}
.side-navigation .contact-teaser {
  margin-bottom: 40px;
}
.side-navigation .contact-teaser p {
  margin-bottom: 10px;
}
.side-navigation .socialmedia-teaser:before, .side-navigation .socialmedia-teaser:after {
  content: "";
  display: table;
}
.side-navigation .socialmedia-teaser:after {
  clear: both;
}
.side-navigation .socialmedia-teaser a {
  display: block;
  margin-bottom: 14px;
  margin-left: 40px;
}
.side-navigation .socialmedia-teaser a span {
  width: 30px;
  text-align: center;
  color: #999999;
  width: 50px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.side-navigation .socialmedia-teaser [class^="icon-"], .side-navigation .socialmedia-teaser [class*=" icon-"] {
  font-size: 19px;
  float: left;
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_weibo:before {
  content: "\e600";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_vk:before {
  content: "\e602";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_twitter:before {
  content: "\e603";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_twitter:hover {
  color: #33ccff;
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_facebook:before {
  content: "\e604";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_facebook:hover {
  color: #195e98;
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_linkedin:before {
  content: "\e60d";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_linkedin:hover {
  color: #008ac1;
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_xing:before {
  content: "\e60c";
}
.side-navigation .socialmedia-teaser .icon-topnav_sm_xing:hover {
  color: #006567;
}

#search .highlight {
  display: inline-block;
  background-color: #fff600;
  padding: 3px;
  margin: -3px;
}
#search h1 {
  margin-bottom: 5px;
}
#search h2 {
  margin-bottom: 25px;
}
#search form {
  margin: 0 0 40px 0;
}
#search form:before, #search form:after {
  content: "";
  display: table;
}
#search form:after {
  clear: both;
}
#search input[type=text] {
  width: 448px;
  height: 48px;
  border: 2px solid #e6e6e6;
  font-size: 20px;
  line-height: 48px;
  padding-left: 10px;
  color: #666666;
  margin-bottom: 20px;
}
#search input[type=submit] {
  padding: 9px 15px;
  min-width: 110px;
  color: #fff600;
  background-color: #333333;
  font-size: 14px;
  font-family: "ClanProMedium",Arial,sans-serif;
  line-height: 16px;
  border: 0;
  float: right;
  cursor: pointer;
}
#search input[type=button]:hover {
  color: #999999;
  background-color: #333333;
}
#search .single-search-result {
  cursor: pointer;
  margin: 5px 0 40px;
  padding: 5px;
}
#search .single-search-result .path {
  margin-bottom: 10px;
}
#search .single-search-result .path a {
  text-transform: uppercase;
  font-family: "ClanProMedium",Arial,sans-serif;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #666666;
}
#search .single-search-result .path a:hover {
  color: #333333;
}
#search .single-search-result .path .arrow {
  margin: 0 0 0 2px;
  padding-left: 2px;
  top: 1px;
  position: relative;
}
#search .single-search-result .date {
  font-family: "ClanProNews",Arial,sans-serif;
  margin-bottom: 0;
}
#search .single-search-result h3 {
  margin-bottom: 10px;
  width: 100%;
}
#search .single-search-result p {
  color: #666666;
  width: 100%;
}
#search .single-search-result span.button-yellow {
  float: right;
  margin-right: 50px;
  margin-top: 10px;
}
#search #no-results {
  text-align: right;
  background: url(../assets/img/icons/slash.png) no-repeat 0 0;
  min-height: 70px;
}
#search #no-results h2 {
  padding: 43px 0 0 0px;
  float: right;
  width: 100%;
}
#search #no-results .button-yellow {
  margin-bottom: 5px;
  float: none;
  margin-right: 0;
}
#search #no-results .or {
  color: #000000;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 3px;
}

.single-search-result:hover {
  background-color: #e6e6e6;
}
.single-search-result span.button-yellow {
  float: right;
  margin: 10px -50px 10px 0px;
}
.single-search-result a {
  display: inline-block;
}

#search .pagination {
  margin: 20px 0 45px;
}

.pagination {
  margin: 20px 0;
}
.pagination:before, .pagination:after {
  content: "";
  display: table;
}
.pagination:after {
  clear: both;
}
.pagination .select-count {
  float: left;
}
.pagination .select-count div {
  float: left;
  width: 20px;
  height: 30px;
  background-color: #e6e6e6;
  margin-right: 5px;
  padding: 0 6px 0 4px;
}
.pagination .select-count div a {
  color: #333333;
  line-height: 30px;
  font-size: 16px;
  text-decoration: none;
}
.pagination .select-count div.act {
  background-color: #333333;
}
.pagination .select-count div.act a {
  color: white;
}
.pagination .select-count div:hover {
  background-color: #333333;
}
.pagination .select-count div:hover a {
  color: white;
}
.pagination .select-numbers {
  float: right;
  margin-top: 5px;
}
.pagination .select-numbers div {
  float: left;
  margin-right: 25px;
  font-size: 16px;
}
.pagination .select-numbers div a {
  color: #666666;
  font-size: 16px;
  text-decoration: none;
}
.pagination .select-numbers div a:hover {
  color: #333333;
}
.pagination .select-numbers div.act a {
  color: #333333;
}
.pagination .select-numbers div.cnt {
  margin-top: 2px;
  font-size: 16px;
}

#news-press {
  padding: 0;
}
#news-press.main-width-grid {
  margin-bottom: 50px;
}
#news-press h1 {
  margin-bottom: 5px;
}
#news-press h2 {
  margin-bottom: 15px;
}
#news-press .pagination {
  margin: 20px 0;
}
#news-press .pagination:before, #news-press .pagination:after {
  content: "";
  display: table;
}
#news-press .pagination:after {
  clear: both;
}
#news-press .pagination .select-count {
  float: left;
}
#news-press .pagination .select-count div {
  float: left;
  width: 20px;
  height: 30px;
  background-color: #e6e6e6;
  margin-right: 5px;
  padding: 0 6px 0 4px;
}
#news-press .pagination .select-count div a {
  color: #333333;
  line-height: 30px;
  font-size: 16px;
  text-decoration: none;
}
#news-press .pagination .select-count div.act {
  background-color: #333333;
}
#news-press .pagination .select-count div.act a {
  color: white;
}
#news-press .pagination .select-count div:hover {
  background-color: #333333;
}
#news-press .pagination .select-count div:hover a {
  color: white;
}
#news-press .pagination .select-numbers {
  float: right;
  margin-top: 5px;
}
#news-press .pagination .select-numbers div {
  float: left;
  margin-right: 25px;
}
#news-press .pagination .select-numbers div a {
  color: #666666;
  font-size: 16px;
  text-decoration: none;
}
#news-press .pagination .select-numbers div a:hover {
  color: #333333;
}
#news-press .pagination .select-numbers div.act a {
  color: #333333;
}
#news-press .pagination .select-numbers div.cnt {
  margin-top: 2px;
}
#news-press .single-news {
  border-top: 2px solid #000000;
  cursor: pointer;
  margin: 0;
  padding: 15px 0;
}
#news-press .single-news:before, #news-press .single-news:after {
  content: "";
  display: table;
}
#news-press .single-news:after {
  clear: both;
}
#news-press .single-news .date {
  font-size: 14px;
  color: #999999;
  margin-bottom: 0px;
  line-height: 16px;
}
#news-press .single-news .location {
  font-size: 12px;
  color: #999999;
  font-weight: normal;
}
#news-press .single-news h3 {
  margin: 10px 0;
  font-size: 18px;
  line-height: 20px;
}
#news-press .single-news p {
  color: #666666;
}
#news-press .single-news img {
  display: block;
  float: left;
  height: 100px;
  margin-right: 20px;
  width: 200px;
}
#news-press .single-news .button-yellow {
  float: right;
  margin-top: 10px;
}

#marginal .single-image-teaser {
  margin-bottom: 50px;
}

.tab-container {
  margin-top: 10px;
}
.tab-container:before, .tab-container:after {
  content: "";
  display: table;
}
.tab-container:after {
  clear: both;
}
.tab-container div {
  background-color: #e6e6e6;
  margin-right: 10px;
  padding: 10px 10px 5px;
  float: left;
}
.tab-container div.act {
  background-color: #666666;
  position: relative;
  top: -7px;
  padding: 14px 10px 7px;
}
.tab-container div a {
  color: #333333;
  font-size: 16px;
  text-decoration: none;
}
.tab-container div.act {
  background-color: #333333;
}
.tab-container div.act a {
  color: white;
  font-size: 20px;
}
.tab-container div:hover {
  background-color: #333333;
  position: relative;
  top: -7px;
  padding: 14px 10px 7px;
}
.tab-container div:hover a {
  color: white;
  font-size: 20px;
}

.tab-container {
  margin-bottom: 50px;
}
.tab-container.faq {
  overflow: hidden;
  height: 174px;
  margin-bottom: 20px;
}
.tab-container.faq a {
  font-family: "ClanProNews", Arial, sans-serif;
  color: #333333;
  font-size: 16px;
  text-decoration: none;
}
.tab-container.faq .clear {
  float: none !important;
  margin: 0px !important;
  padding: 0px !important;
}
.tab-container.faq .faq-button {
  float: left;
  margin-bottom: 10px;
  padding: 8px 10px 5px;
}
.tab-container.faq div.act {
  padding: 14px 10px 7px;
  top: 0px;
}
.tab-container.faq div.act a {
  font-size: 20px;
  line-height: 16px;
}
.tab-container.faq div:hover {
  padding: 14px 10px 7px;
  top: 0px;
}
.tab-container.faq div:hover a {
  font-size: 20px;
  line-height: 16px;
}

#location-stream {
  height: auto;
  overflow: hidden;
  margin-top: 60px;
}
#location-stream #location-items {
  height: 100%;
}
#location-stream .owl-carousel .owl-wrapper-outer {
  height: 100%;
}
#location-stream .owl-theme .owl-controls {
  position: absolute;
  margin-top: 0px;
  top: 0;
  width: 100%;
  height: 100%;
}
#location-stream .owl-theme .owl-controls .owl-buttons {
  height: 100%;
}
#location-stream .owl-theme .owl-controls .owl-prev, #location-stream .owl-theme .owl-controls .owl-next {
  position: absolute;
  padding: 0px;
  margin: 0;
  height: 100%;
  width: 30px;
}
#location-stream .owl-theme .owl-controls .owl-prev {
  left: 0;
}
#location-stream .owl-theme .owl-controls .owl-next {
  right: 0;
}

.std-accordion {
  display: none;
  width: 420px;
}
.std-accordion h3 {
  cursor: pointer;
  padding: 15px 0;
  border-bottom: 2px solid black;
  margin-bottom: 0;
  background-position: -270px -8345px;
  background-position: -270px -8330px;
}
.std-accordion h3:hover, .std-accordion h3.accordeon_open_hover, .std-accordion h3.accordeon_open-hover {
  background-position: 0 -8215px;
}
.std-accordion h3.ui-accordion-header-active {
  background-position: -270px -9397px;
  background-position: -270px -9382px;
  border-bottom: 2px solid white;
}
.std-accordion h3.ui-accordion-header-active:hover, .std-accordion h3.ui-accordion-header-active.accordeon_close_hover, .std-accordion h3.ui-accordion-header-active.accordeon_close-hover {
  background-position: 0 -9267px;
}
.std-accordion h3 .inner {
  display: block;
  min-height: 32px;
  padding-left: 40px;
}
.std-accordion p {
  position: relative;
  padding: 10px 0 0;
  margin-bottom: 0px;
  background-color: white;
}

.std-accordion h3:hover, .std-accordion h3.accordeon_open_hover, .std-accordion h3.accordeon_open-hover {
  background-position: 0 -8215px;
  background-position: 0 -8200px;
}

.std-accordion h3.ui-accordion-header-active:hover, .std-accordion h3.ui-accordion-header-active.accordeon_close_hover, .std-accordion h3.ui-accordion-header-active.accordeon_close-hover {
  background-position: 0 -9267px;
  background-position: 0 -9252px;
}

.text-standard .std-accordion h3 {
  width: 420px;
}

.ui-helper-reset {
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  text-decoration: none;
}

.ui-accordion .ui-accordion-content {
  border-top: 0 none;
  overflow: auto;
  border-bottom: 2px solid black;
  background-color: white;
}
.ui-accordion .ui-accordion-content p {
  padding: 0px 0 15px;
}

.main-stage {
  margin-bottom: 65px;
  max-height: 460px;
  overflow: hidden;
  position: relative;
}
.main-stage.has-dropdown .image-max-text-content {
  overflow: visible;
  top: 105px;
}
.main-stage.has-dropdown .descriptive {
  margin-bottom: 15px;
  margin-top: 20px;
}
.main-stage.has-dropdown .main-module-image-max {
  overflow: hidden;
  top: -246px;
}
.main-stage.large-teaser {
  max-height: 560px;
}
.main-stage.large-teaser .main-module-image-max {
  height: 560px;
  max-height: 560px;
}
.main-stage.large-teaser .main-module-image-max img {
  position: absolute;
  height: 560px;
  width: 1280px;
}
.main-stage.large-teaser .main-module-image-max #search-blurred-bg {
  display: none;
}
.main-stage.large-teaser .image-max-text-content {
  height: 540px;
  margin: 0 auto -560px;
}
.main-stage .overlay {
  position: absolute;
  z-index: 12;
  top: 0px;
  left: -1280px;
}
.main-stage .overlay .overlay-content {
  margin-left: 50px;
}
.main-stage.no-margin {
  margin-bottom: 0px;
}
.main-stage .casesHeader.image-max-text-content .right-aligned-centered-header {
  width: 490px;
}

#case-selection {
  margin-bottom: 20px;
  margin-left: 40px;
}
#case-selection h2 {
  margin-bottom: 10px;
}
#case-selection select {
  border: 2px solid #E6E6E6;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 20px;
  width: 460px;
}

.std-content {
  padding-top: 70px;
}
.std-content:before, .std-content:after {
  content: "";
  display: table;
}
.std-content:after {
  clear: both;
}
.std-content.bg-img {
  padding-top: 78px;
  width: 100%;
}
.std-content.bg-img:before, .std-content.bg-img:after {
  content: "";
  display: table;
}
.std-content.bg-img:after {
  clear: both;
}
.std-content.bg-col {
  padding: 30px !important;
  width: 100%;
  max-width: 880px;
}
.std-content.bg-col:before, .std-content.bg-col:after {
  content: "";
  display: table;
}
.std-content.bg-col:after {
  clear: both;
}
.std-content.bg-col .grid-3, .std-content.bg-col grid-6 {
  margin-left: -30px;
}
.std-content .cases-teaser-container {
  margin: 30px 0;
}

.no-stage-padding {
  padding-top: 130px;
}
.no-stage-padding h1 {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 38px;
  line-height: 40px;
  color: black;
  font-weight: normal;
}
.no-stage-padding p {
  color: #666666;
  width: 460px;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
}
.no-stage-padding .single-image-teaser h1 {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 20px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
.no-stage-padding .single-image-teaser h2.news {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: #666666;
  font-weight: normal;
  margin-top: 5px;
}
.no-stage-padding .single-image-teaser p {
  width: auto;
  margin-top: 10px;
}

.case .std-content {
  padding-top: 77px;
  /*margin-left: -50px;
  padding-left: 50px;
  padding-right: 50px;*/
}
.case .std-content p.intro {
  margin-top: 20px;
}

.gallery .single-image-teaser {
  width: 100%;
}
.gallery .single-image-teaser img {
  width: auto;
}

.swgul:before, .swgul:after {
  content: "";
  display: table;
}
.swgul:after {
  clear: both;
}

.appGallery {
  left: 0 !important;
  top: 0 !important;
}

.appGallery {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
  cursor: move;
  overflow: hidden;
  position: relative;
}

.appGallery ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.appGallery li {
  display: block;
  float: left;
  height: auto !important;
  overflow: visible;
  position: relative;
}

.galleryContainerSmall {
  visibility: hidden;
  margin-bottom: 20px;
  position: relative;
}

.galleryContainerSmall .swg {
  height: auto;
  overflow: hidden;
  position: relative;
}

.galleryContainerSmall .appGallery {
  padding-bottom: 5px;
  left: 0 !important;
  top: 0 !important;
  background: none repeat scroll 0 0 transparent !important;
  cursor: move;
  overflow: hidden;
  position: relative;
}

.galleryContainerSmall .appGallery ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

.galleryContainerSmall .appGallery li {
  display: block;
  float: left;
  height: auto !important;
  overflow: visible;
  position: relative;
  padding: 0;
  background: none;
}

.galleryContainerSmall .prevButton.inactive, .nextButton.inactive {
  opacity: 0.2;
}

.galleryContainerSmall .nextButton {
  background: url(../assets/img/icons/gallery_next.png) no-repeat 0px 0px;
  height: 150px;
  width: 30px;
  display: block;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}

.galleryContainerSmall .nextButton:hover {
  background: url(../assets/img/icons/gallery_next_hover.png) no-repeat 0px 0px;
}

.galleryContainerSmall .nextButton.inactive:hover {
  background: url(../assets/img/icons/gallery_next.png) no-repeat 0px 0px;
}

.galleryContainerSmall .prevButton {
  background: url(../assets/img/icons/gallery_previous.png) no-repeat 0px 0px;
  display: block;
  height: 150px;
  width: 30px;
  left: 0px;
  top: 0px;
  position: absolute;
  z-index: 49;
  cursor: pointer;
}

.galleryContainerSmall .prevButton:hover {
  background: url(../assets/img/icons/gallery_previous_hover.png) no-repeat 0px 0px;
}

.galleryContainerSmall .prevButton.inactive:hover {
  background: url(../assets/img/icons/gallery_previous.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .nextButton {
  background: url(../assets/img/icons/gallerysmall_next.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .nextButton:hover {
  background: url(../assets/img/icons/gallerysmall_next_hover.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .nextButton.inactive:hover {
  background: url(../assets/img/icons/gallerysmall_next.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .prevButton {
  background: url(../assets/img/icons/gallerysmall_previous.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .prevButton:hover {
  background: url(../assets/img/icons/gallerysmall_previous_hover.png) no-repeat 0px 0px;
}

.galleryContainerSmall .tablet .prevButton.inactive:hover {
  background: url(../assets/img/icons/gallerysmall_previous.png) no-repeat 0px 0px;
}

/*
.galleryContainerSmall .swipeNav a {
  background-image: url("../img/slideshow_kreis.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0 none !important;
  display: block;
  float: left;
  height: 13px;
  margin-right: 10px;
  outline: medium none !important;
  overflow: hidden;
  width: 13px;
}
.galleryContainerSmall .swipeNav a.act,.swipeNav a:hover {
  background-image: url("../img/bmw_slideshow_kreis_aktiv.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.galleryContainerSmall .swipeNav {
  left: 442px;
  position: absolute;
  top: 220px;
  z-index: 1;
}
*/
.job-teaser {
  margin-bottom: 60px;
}
.job-teaser .job-teaser-headline {
  width: 100%;
}
.job-teaser h2 {
  margin-bottom: 10px;
}
.job-teaser h3 {
  color: #666666;
  margin-bottom: 0;
}
.job-teaser p {
  margin-bottom: 10px;
}
.job-teaser a.button-yellow {
  display: block;
  margin-right: 0px;
}
.job-teaser a.arrow {
  margin-bottom: 15px;
}
.job-teaser .job-entry {
  width: 100%;
  border-top: 2px solid black;
  padding-top: 15px;
}

.goforit {
  float: right;
  margin: 30px 20px;
  width: auto !important;
  height: auto !important;
}

.searchholder {
  border: 1px solid #E6E6E6;
  background-color: white;
  width: 460px;
  margin: 10px auto 0;
}
.searchholder:before, .searchholder:after {
  content: "";
  display: table;
}
.searchholder:after {
  clear: both;
}
.searchholder input[type=text] {
  float: left;
  height: 30px;
  line-height: 30px;
  border: 0;
  color: #666666;
  font-size: 20px;
  height: 48px;
  line-height: 48px;
  padding-left: 10px;
  width: 430px;
}
.searchholder input[type=image] {
  float: right;
  margin: 9px 5px 0 -43px;
  border: 0;
}

.color-bar {
  width: 100%;
  height: 10px;
  padding-top: 0px !important;
}

.data-module {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  width: 100%;
  overflow: hidden;
  background: #333333 url('../assets/img/nav_shadow.png?1506600569') repeat-x;
  color: white;
}
.data-module span {
  text-transform: uppercase;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #e8e8e8;
  font-weight: normal;
}
.data-module h2 {
  color: white;
  width: auto;
}
.data-module img {
  float: left;
  width: auto;
}
.data-module .data-item {
  position: relative;
  float: left;
  margin-top: 30px;
  width: 230px;
}
.data-module .data-facts {
  float: left;
  margin-left: 5px;
}
.data-module .data-facts h4 {
  width: auto;
  margin-top: 0px;
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  color: white;
  font-weight: normal;
}
.data-module .data-facts span {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 26px;
  line-height: 30px;
  color: white;
  font-weight: normal;
  text-transform: none;
}
.data-module h4 {
  margin-top: 25px;
  color: white;
}
.data-module ul {
  margin-bottom: 0 !important;
}
.data-module li {
  margin-left: 13px;
  list-style-type: disc;
  color: white;
  background: none;
  padding-left: 0;
}
.data-module li span {
  text-transform: none;
}

#location-facts {
  margin-bottom: 40px;
  width: 100%;
  background: #333333 url('../assets/img/nav_shadow.png?1506600569') repeat-x;
  color: white;
}

.button-arrow-dark {
  bottom: 0px;
  position: relative;
  right: 0px;
  z-index: 15;
  background-color: #333333;
  padding-right: 10px;
}

.button-arrow-dark a:hover {
  color: #fff600;
}

.button-arrow-dark a {
  background: url(../assets/img/icons/exkurs.png) no-repeat 95% center;
  background-color: #333333;
  padding: 10px 30px;
  color: white;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 100;
  text-decoration: none;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 10px 35px 10px 30px;
}

.button-arrow-dark a.back {
  background: url(../assets/img/icons/exkurs_back.png) no-repeat 93% center;
  background-color: #333333;
}

#soz-share {
  display: none;
  position: absolute;
  right: 0;
  top: 140px;
  width: 330px;
  z-index: 15;
}
#soz-share #soz-share-trigger {
  cursor: pointer;
  float: right;
  width: 60px;
  height: 60px;
  background-position: 0 -5473px;
  background-position: 0 -5473px;
}
#soz-share #soz-share-trigger:hover, #soz-share #soz-share-trigger.share_hover, #soz-share #soz-share-trigger.share-hover {
  background-position: 0 -5363px;
}
#soz-share #soz-share-trigger:active, #soz-share #soz-share-trigger.share_active, #soz-share #soz-share-trigger.share-active {
  background-position: 0 -5253px;
}
#soz-share #soz-share-trigger:hover {
  background-position: 0 -5363px;
  background-position: 0 -5363px;
}
#soz-share #soz-share-trigger.act {
  background-position: 0 -5363px;
  background-position: 0 -5363px;
}
#soz-share #soz-share-layer {
  display: none;
  background: url("../assets/img/icons/arrow_right_333.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);
  padding-right: 9px;
  position: absolute;
  right: 60px;
}
#soz-share #soz-share-layer .soz-content {
  background-color: #333;
  padding: 30px 30px 20px 10px;
}
#soz-share #soz-share-layer .soz-content:before, #soz-share #soz-share-layer .soz-content:after {
  content: "";
  display: table;
}
#soz-share #soz-share-layer .soz-content:after {
  clear: both;
}
#soz-share #soz-share-layer .soz-content a {
  color: #fff;
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
}
#soz-share #soz-share-layer .soz-content a:hover {
  color: #fff600;
}
#soz-share #soz-share-layer .soz-content a:hover span {
  color: #fff600;
}
#soz-share #soz-share-layer .soz-content a span {
  width: 30px;
  text-align: center;
  color: #999999;
  width: 50px;
  display: inline-block;
  position: relative;
  top: 3px;
}
#soz-share #soz-share-layer .soz-content [class^="icon-"], #soz-share #soz-share-layer .soz-content [class*=" icon-"] {
  font-size: 19px;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_weibo:before {
  content: "\e600";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_vk:before {
  content: "\e602";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_twitter:before {
  content: "\e603";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_twitter:hover {
  color: #33ccff;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_facebook:before {
  content: "\e604";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_facebook:hover {
  color: #195e98;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_linkedin:before {
  content: "\e60d";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_linkedin:hover {
  color: #008ac1;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_xing:before {
  content: "\e60c";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_xing:hover {
  color: #006567;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_gplus:before {
  content: "\e900";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_gplus:hover {
  color: #006567;
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_tumblr:before {
  content: "\e902";
}
#soz-share #soz-share-layer .soz-content .icon-topnav_sm_tumblr:hover {
  color: #006567;
}

.brands {
  padding-bottom: 70px;
}
.brands .intro {
  margin-bottom: 30px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
.brands .descriptive {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 32px;
  line-height: 34px;
  color: #666666;
  font-weight: normal;
}
.brands .copy {
  margin-top: 5px;
}
.brands .link-headline {
  display: block;
  margin-top: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid black;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: black;
  font-weight: normal;
}
.brands .brand-entry > div {
  margin-top: 24px;
  text-align: right;
}
.brands .brand-entry:first-child {
  margin-top: 0px;
}
.brands .brand-entry {
  margin-top: 70px;
}
.brands .brand-entry h1 {
  margin-bottom: 5px !important;
}
.brands a.button-yellow {
  margin-right: 0px;
  float: none;
  margin-bottom: 0px;
}

.history {
  padding-bottom: 10px;
}
.history .intro {
  margin-bottom: 30px;
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: black;
  font-weight: normal;
}
.history p {
  margin-top: 5px;
}
.history .history-entry {
  margin-bottom: 30px;
}

#counter-wrapper {
  margin-bottom: 30px;
}
#counter-wrapper:before, #counter-wrapper:after {
  content: "";
  display: table;
}
#counter-wrapper:after {
  clear: both;
}
#counter-wrapper h2 {
  margin-bottom: 10px;
}
#counter-wrapper #counter {
  width: 460px;
}
#counter-wrapper #counter .cntSeparator {
  margin-right: 10px;
  text-indent: -10000px;
}
#counter-wrapper #counter span {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 60px;
  line-height: 90px;
  color: white;
  font-weight: normal;
  background-color: black;
  width: 90px;
  height: 90px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  padding-top: 10px;
}
#counter-wrapper .counter-desc {
  margin: 11px 0;
}
#counter-wrapper .counter-desc div {
  font-family: "ClanProMedium", Arial, sans-serif;
  font-size: 13px;
  line-height: 15px;
  color: black;
  font-weight: normal;
  float: left;
  width: 94px;
  margin-right: 10px;
  text-align: center;
}
#counter-wrapper .cntDigit {
  background-color: #000000 !important;
}

.jobs-content #counter-wrapper {
  left: 0;
  position: relative;
  top: 0;
}

.grid-3.tablet-exclude > img {
  margin-left: -35px;
  width: 260px;
}

.jobs-content {
  padding-top: 65px;
  background: url(../assets/img/misc/career_bg_not_quite.png) no-repeat -10px 0;
}
.jobs-content.no-result {
  padding-top: 33px;
  background: url(../assets/img/misc/career_bg_no_results.png) no-repeat -20px -8px;
}
.jobs-content.no-result .job-teaser {
  background: url(../assets/img/icons/slash.png) no-repeat 0 0;
  padding: 30px 0 0 50px;
  height: 70px;
}
.jobs-content.no-result .job-teaser h2 {
  margin-bottom: 7px;
}
.jobs-content.no-result .job-teaser h3 {
  margin-bottom: 20px;
}
.jobs-content .single-search-result {
  margin-bottom: 39px;
}
.jobs-content .single-search-result a {
  text-decoration: none;
  color: #e8e8e8;
  padding: 5px;
}
.jobs-content .single-search-result a:visited h2 {
  color: #666;
}
.jobs-content .filter-panel {
  border-bottom: 2px solid black;
  padding-bottom: 20px;
}
.jobs-content .filter-panel h3 {
  margin-bottom: 20px;
}
.jobs-content .filter-panel label {
  left: 5px;
  margin: 0 30px 0 0;
  position: relative;
  top: -3px;
}
.jobs-content .filter-panel #filter:before, .jobs-content .filter-panel #filter:after {
  content: "";
  display: table;
}
.jobs-content .filter-panel #filter:after {
  clear: both;
}
.jobs-content .filter-panel #filter .check-box {
  float: left;
  width: 100px;
  margin-right: 20px;
}
.jobs-content .filter-panel #filter .check-box p.option-text {
  width: auto !important;
}

.newsletter #gender-input {
  margin-bottom: 10px;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #666666;
  font-weight: normal;
}
.newsletter .input-container {
  margin-bottom: 13px;
  background: #f8f8f8;
}
.newsletter input {
  background: #f8f8f8;
}
.newsletter textarea {
  resize: none;
  display: block;
  padding-left: 5px;
  margin-top: 2px;
  width: 95%;
  height: 200px;
  border: none;
  outline: none;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.newsletter .textarea-container {
  position: relative;
  padding-top: 5px;
  margin: 0 auto 13px;
  width: 460px;
  height: auto;
  border: 1px solid #999999;
  background: #fff;
}
.newsletter .zip-container {
  overflow: hidden;
  margin-bottom: 13px;
}
.newsletter #zip-input {
  width: 146px;
  float: left;
  margin: 0;
}
.newsletter #city-input {
  width: 300px;
  float: right;
  margin: 0;
}
.newsletter #country-dropdown {
  padding: 5px 0 6px 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 45px;
  width: 100%;
  background: #f8f8f8;
}
.newsletter #country-dropdown .label {
  visibility: hidden;
  margin: 10px 5px;
  color: black;
  font-size: 10px;
}
.newsletter #country-dropdown .selection {
  display: block;
  margin-left: 10px;
  margin-top: 3px;
  height: auto;
  background: #f8f8f8;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.newsletter #country-dropdown .selection.selection-done {
  color: black;
}
.newsletter #country-dropdown .dropdown-icon {
  background-color: #666666;
  background-position: 0 -7597px;
  background-position: 0 -7593px;
}
.newsletter #country-dropdown .dropdown-icon:hover, .newsletter #country-dropdown .dropdown-icon.dropdown_hover, .newsletter #country-dropdown .dropdown-icon.dropdown-hover {
  background-position: 0 -7836px;
}
.newsletter #country-dropdown:hover .dropdown-icon {
  background-color: #333333;
  background-position: 0 -7836px;
  background-position: 0 -7832px;
}
.newsletter #country-dropdown .stage-dropdown {
  margin-top: 6px;
}
.newsletter #country-dropdown .stage-dropdown li {
  width: 455px;
  padding-left: 5px;
  margin-left: 0px;
}
.newsletter #country-dropdown .stage-dropdown li:hover {
  background-color: #e8e8e8;
}
.newsletter #country-dropdown input {
  display: none;
}
.newsletter .button-grey {
  float: right;
  padding: 9px 15px;
  margin-top: 10px;
  font-family: "ClanProMedium",Arial,sans-serif;
  min-width: 110px;
  text-align: center;
}
.newsletter .button-grey:hover {
  color: #fff600;
}

.newsletter-unsubscribe, .hrportal-login {
  width: 100%;
  margin-bottom: 150px;
}
.newsletter-unsubscribe .input-container, .hrportal-login .input-container {
  margin: 15px 0 20px 0;
  padding-top: 3px;
  width: 100%;
  height: 25px;
}
.newsletter-unsubscribe .input-container input, .hrportal-login .input-container input {
  font-size: 12px;
}
.newsletter-unsubscribe .button-light-grey, .hrportal-login .button-light-grey {
  float: right;
  width: 120px;
}

.hrportal-login .initial {
  overflow: hidden;
}
.hrportal-login .initial .button-light-grey {
  margin-top: 10px;
}
.hrportal-login form {
  display: none;
}
.hrportal-login .input-container {
  margin: 10px 0 0 0 !important;
}
.hrportal-login .input-container:first-child {
  margin-top: 15px !important;
}
.hrportal-login .button-light-grey {
  float: left;
  margin-top: 20px;
  width: 192px;
}

.newsletter-info {
  margin-bottom: 150px;
}

.input-container.error {
  border-color: red;
}
.input-container.error input,
.input-container.error textarea,
.input-container.error .label {
  color: red;
}

.form-field-radio.error .option-text,
.form-field-checkbox.error .option-text {
  color: red;
}

.dropdown-container.error {
  border-color: red;
}
.dropdown-container.error .selection {
  color: red !important;
}

#location-dropdown {
  display: none;
}

.company-address {
  margin-bottom: 42px;
}
.company-address p {
  margin-bottom: 13px;
}

.grid-6.newsletter #phone-container .single-address {
  display: none;
}
.grid-6.newsletter #message-container {
  display: none;
}
.grid-6.newsletter .contact-dropdown, .grid-6.newsletter .country-headline {
  display: none;
}
.grid-6.newsletter .contact-hor:before, .grid-6.newsletter .contact-hor:after {
  content: "";
  display: table;
}
.grid-6.newsletter .contact-hor:after {
  clear: both;
}
.grid-6.newsletter .contact-hor a.phone {
  float: left;
  margin: 10px 0 0 0;
  width: 100px;
}
.grid-6.newsletter .contact-hor a.message {
  float: right;
  margin: 10px 0 0 0;
  width: 100px;
}
.grid-6.newsletter .contact-hor div {
  background-position: 0 -1822px;
  background-position: 50px -1822px;
  float: left;
  width: 135px;
  height: 100px;
  margin: -25px 0 0 0px;
  padding: 45px 0 0 4px;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}

.hypeContent {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.hypeContent .hype-top-left {
  z-index: 1;
  position: absolute;
}
.hypeContent .hype {
  bottom: 0;
  right: 0;
  position: absolute !important;
  z-index: 0;
}
.hypeContent .button-arrow-dark {
  background-color: #333333;
  bottom: 12px;
  padding-right: 0px;
  position: absolute;
  right: 12px;
  z-index: 15;
  white-space: nowrap;
}
.hypeContent .overlay {
  position: absolute;
  z-index: 12;
  top: 0px;
  left: auto;
  right: 1024px;
  width: 994px;
  height: 430px;
  padding: 30px 0 0 30px;
  background-position: top right;
}
.hypeContent .overlay .overlay-content {
  margin-left: 0px;
}

#qrm-trigger {
  height: 30px;
  cursor: pointer;
}
#qrm-trigger .txt {
  float: right;
  text-align: right;
  margin-right: 10px;
  color: #333333;
  font-family: "ClanProNews",Arial,sans-serif;
  font-size: 14px;
  line-height: 15px;
  padding-right: 15px;
}
#qrm-trigger .icon {
  float: right;
  height: 30px;
  width: 30px;
  background-position: 0 -9653px;
  background-position: 0 -9653px;
}
#qrm-trigger .icon:hover, #qrm-trigger .icon.defaultreading_hover, #qrm-trigger .icon.defaultreading-hover {
  background-position: 0 -9813px;
}
#qrm-trigger .icon:active, #qrm-trigger .icon.defaultreading_active, #qrm-trigger .icon.defaultreading-active {
  background-position: 0 -9733px;
}
#qrm-trigger.act .icon {
  background-position: 0 -8967px;
  background-position: 0 -8967px;
}
#qrm-trigger.act .icon:hover, #qrm-trigger.act .icon.speedreading_hover, #qrm-trigger.act .icon.speedreading-hover {
  background-position: 0 -9127px;
}
#qrm-trigger.act .icon:active, #qrm-trigger.act .icon.speedreading_active, #qrm-trigger.act .icon.speedreading-active {
  background-position: 0 -9047px;
}
#qrm-trigger.act:hover .icon {
  background-position: 0 -9047px;
  background-position: 0 -9047px;
}
#qrm-trigger:hover .icon {
  background-position: 0 -9813px;
  background-position: 0 -9813px;
}

#content.text-standard.qrm .main-width-grid p, #content.text-standard.qrm .main-width-grid h1, #content.text-standard.qrm .main-width-grid h2, #content.text-standard.qrm .main-width-grid h3, #content.text-standard.qrm .main-width-grid a, #content.text-standard.qrm .main-width-grid ul, #content.text-standard.qrm .main-width-grid li {
  color: #999999;
}
#content.text-standard.qrm .main-width-grid .qrm {
  color: black !important;
}
#content.text-standard.qrm .main-width-grid.qrm-hide {
  display: none;
}

.grid-6.newsletter {
  margin-bottom: 30px;
}

.localtime {
  text-transform: uppercase;
}

.gm-style div {
  border-radius: 0 !important;
}
.gm-style .n1416 {
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  font-weight: normal;
  font-size: 14px !important;
  margin-bottom: 5px;
}
.gm-style .b1216 {
  font-family: "ClanProBook", Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
  font-weight: normal;
  font-size: 12px !important;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.gm-style h2 {
  width: auto !important;
}
.gm-style .side-navigation .single-image-teaser, .gm-style .side-navigation .contact-teaser {
  margin-bottom: 10px;
}

#location-selector {
  position: relative;
}
#location-selector .map-container {
  height: 510px;
}
#location-selector .map-overlay {
  position: absolute;
  left: 42px;
  top: 105px;
  width: 320px;
  height: 270px;
  z-index: 10;
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.95);
}
#location-selector .map-overlay .descriptive {
  padding: 20px 0 0 20px;
  font-size: 30px;
  line-height: 32px;
  color: white;
}
#location-selector .map-overlay h3 {
  font-size: 20px;
  line-height: 22px;
  padding-left: 20px;
  color: white;
  width: 280px;
}

.dropdown-container {
  position: relative;
  margin-left: 18px;
  margin-top: 60px;
  width: 283px;
  border: 1px solid #999999;
  background: white;
}
.dropdown-container:hover {
  cursor: pointer;
}
.dropdown-container:hover .dropdown-icon {
  background-position: 0 -7836px;
  background-position: 0 -7836px;
}
.dropdown-container:hover .icon-globe:before {
  color: #333333;
}
.dropdown-container:hover .selection {
  color: black;
}
.dropdown-container .selection {
  margin-left: 45px;
  height: 41px;
  /*width:208px;*/
  width: 400px;
  background: white;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 41px;
  color: #333333;
  font-weight: normal;
}
.dropdown-container .selection:hover {
  color: black;
}
.dropdown-container .icon-globe:before {
  content: "\e609";
  position: absolute;
  z-index: 100;
  top: 9px;
  left: 11px;
  color: #666666;
}
.dropdown-container .dropdown-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 41px;
  height: 100%;
  border-left: 1px solid #999999;
  background-position: 0 -7597px;
  background-position: 0 -7597px;
}
.dropdown-container .dropdown-icon:hover, .dropdown-container .dropdown-icon.dropdown_hover, .dropdown-container .dropdown-icon.dropdown-hover {
  background-position: 0 -7836px;
}
.dropdown-container .stage-dropdown {
  display: none;
  position: absolute;
  z-index: 100;
  margin-left: -1px;
  overflow: hidden;
  height: auto;
  max-height: 230px;
  width: 100%;
  background: white;
  border: 1px solid #999999;
}
.dropdown-container .stage-dropdown li {
  padding-left: 45px;
  width: 100%;
  background: white;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 16px;
  line-height: 46px;
  color: #333333;
  font-weight: normal;
}
.dropdown-container .stage-dropdown li:hover, .dropdown-container .stage-dropdown li.selected {
  background-color: #e6e6e6;
  color: black;
}
.dropdown-container .stage-dropdown li.continent {
  padding-top: 30px;
}
.dropdown-container .stage-dropdown li.continent:hover {
  background-color: #fff;
}
.dropdown-container .stage-dropdown .marginbottom {
  margin-bottom: 40px !important;
}
.dropdown-container .stage-dropdown ul {
  background: white;
}
.dropdown-container .stage-dropdown .mCSB_container {
  margin-right: 0px;
}
.dropdown-container .stage-dropdown .mCustomScrollBox > .mCSB_scrollTools {
  width: 7px;
}
.dropdown-container#country-dropdown li {
  padding-left: 20px !important;
  height: 26px;
  padding-bottom: 10px !important;
  font-size: 14px;
}
.dropdown-container#country-dropdown li.continent {
  padding-left: 10px !important;
  font-family: "ClanProMedium", Arial, sans-serif !important;
  padding-top: 10px;
  cursor: default;
  font-size: 16px;
  text-transform: uppercase;
  color: #666666;
}
.dropdown-container#country-dropdown li.continent.empty {
  cursor: pointer;
  color: #333333;
}
.dropdown-container#country-dropdown li.continent.empty:hover {
  color: black;
}
.dropdown-container#location-dropdown li {
  line-height: 30px;
  padding-left: 0;
  padding-bottom: 0;
}
.dropdown-container#location-dropdown li .selected span {
  color: #000;
}
.dropdown-container#location-dropdown li span {
  margin-left: 45px;
  line-height: 30px;
  display: block;
}
.dropdown-container#location-dropdown li.continent {
  padding-top: 0;
  text-transform: uppercase;
}
.dropdown-container#location-dropdown li.continent .hidden {
  display: none;
}
.dropdown-container#location-dropdown li.continent span {
  margin-left: 45px;
  line-height: 30px;
  display: block;
  background: url(../assets/img/icons/nav_arrow_expand.png) no-repeat 190px 10px;
}
.dropdown-container#location-dropdown li.continent.active span {
  background: url(../assets/img/icons/nav_arrow_collapse.png) no-repeat 190px 10px;
}
.dropdown-container#location-dropdown li.continent li {
  padding-left: 20px;
}
.dropdown-container#location-dropdown li.headline > span {
  font-family: "ClanProMedium",Arial,sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #000;
}
.dropdown-container#location-dropdown li.first span {
  line-height: 45px;
  text-transform: none;
}
.dropdown-container#location-dropdown li li span {
  font-size: 14px;
  color: #333;
}
.dropdown-container#location-dropdown li li li span {
  margin-left: 55px;
  text-transform: none;
  background-image: none !important;
}
.dropdown-container#location-dropdown li:hover, .dropdown-container#location-dropdown li.selected {
  background-color: #e6e6e6;
  color: black;
}
.dropdown-container#location-dropdown ul {
  margin-bottom: 0;
}
.dropdown-container #country-dropdown .label {
  color: #000000;
  font-size: 10px;
  margin: 10px 5px;
  visibility: hidden;
}

.input-container {
  position: relative;
  padding-top: 5px;
  margin: 0 auto;
  width: 460px;
  height: 45px;
  border: 1px solid #999999;
  background: #fff;
  overflow: hidden;
}
.input-container input {
  display: block;
  padding-left: 5px;
  width: 95%;
  border: none;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.input-container .label {
  visibility: hidden;
  margin: 10px 5px;
  color: black;
  font-size: 10px;
}
.input-container .search-symbol {
  position: absolute;
  right: 15px;
  top: 5px;
  height: 100%;
  width: 33px;
  background-position: 0 -2435px;
  background-position: 0 -2431px;
}
.input-container.selection-done input,
.input-container.selection-done textarea {
  color: black;
}

.dropdown-container.job-search {
  display: none;
  margin: 10px auto;
  padding: 5px 0 6px 0;
  width: 460px;
}
.dropdown-container.job-search .label {
  visibility: hidden;
  margin: 10px 5px;
  color: black;
  font-size: 10px;
}
.dropdown-container.job-search .selection {
  display: block;
  margin-left: 10px;
  margin-top: 3px;
  height: auto;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.dropdown-container.job-search .selection.selection-done {
  color: black;
}
.dropdown-container.job-search .dropdown-icon {
  background-color: #666666;
  background-position: 0 -7597px;
  background-position: 0 -7593px;
}
.dropdown-container.job-search .dropdown-icon:hover, .dropdown-container.job-search .dropdown-icon.dropdown_hover, .dropdown-container.job-search .dropdown-icon.dropdown-hover {
  background-position: 0 -7836px;
}
.dropdown-container.job-search:hover .dropdown-icon {
  background-color: #333333;
  background-position: 0 -7836px;
  background-position: 0 -7832px;
}
.dropdown-container.job-search .stage-dropdown {
  margin-top: 6px;
}
.dropdown-container.job-search .stage-dropdown li {
  width: 455px;
  padding-left: 10px;
  margin-left: 0px;
}

.job-search-container {
  position: relative;
  margin: 0 auto;
  width: 460px;
}
.job-search-container .button-grey {
  position: relative;
  float: right;
  margin-left: 20px;
  margin-top: 10px;
  min-width: 110px;
  padding: 9px 15px;
  text-align: center;
  font-family: "ClanProMedium",Arial,sans-serif;
}
.job-search-container h1 {
  display: none;
  color: white;
}

.dropdown-container.case-select {
  margin: 10px auto;
  padding: 9px 0 9px 0;
  width: 460px;
}
.dropdown-container.case-select .label {
  visibility: hidden;
  margin: 10px 5px;
  color: black;
  font-size: 10px;
}
.dropdown-container.case-select .selection {
  display: block;
  margin-left: 10px;
  margin-top: 3px;
  height: auto;
  font-family: "ClanProNews", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  color: #999999;
  font-weight: normal;
}
.dropdown-container.case-select .selection.selection-done {
  color: black;
}
.dropdown-container.case-select .dropdown-icon {
  background-color: #666666;
  background-position: 0 -7597px;
  background-position: 0 -7597px;
}
.dropdown-container.case-select .dropdown-icon:hover, .dropdown-container.case-select .dropdown-icon.dropdown_hover, .dropdown-container.case-select .dropdown-icon.dropdown-hover {
  background-position: 0 -7836px;
}
.dropdown-container.case-select:hover .dropdown-icon {
  background-color: #333333;
  background-position: 0 -7836px;
  background-position: 0 -7836px;
}
.dropdown-container.case-select .stage-dropdown {
  margin-top: 9px;
}
.dropdown-container.case-select .stage-dropdown li {
  width: 455px;
  padding-left: 5px;
  margin-left: 0px;
}

@media print {
  #header,
  #navigation,
  #extended-footer,
  #breadcrumb,
  .main-stage,
  .grid-3.tablet-exclude,
  .side-navigation ul,
  .call-to-action,
  .cases-teaser-container,
  .hypeContent,
  .button-yellow,
  .teaser-cases-imgLink-container,
  .interest-container,
  .arrow-navigation,
  #qrm-trigger,
  #location-stream,
  #counter-wrapper,
  .contact-hor,
  #tab-galleries {
    display: none !important;
  }

  #content {
    margin-top: 0px;
  }

  .std-padding {
    padding: 0;
  }

  .ui-accordion-header,
  .ui-accordion-content {
    display: none !important;
  }

  .ui-accordion-header.ui-state-active,
  .ui-accordion-content.ui-accordion-content-active {
    display: block !important;
  }

  .std-accordion h3 .inner {
    padding-left: 0px;
  }

  .std-content.bg-img {
    height: auto !important;
  }

  #sellbytel-wrapper #content.text-standard .main-width-grid.extended .grid-6,
  #sellbytel-wrapper #content.text-standard .main-width-grid.extended .grid-7 {
    margin-left: 0px;
  }

  .text-standard li {
    padding-left: 0;
  }

  .success .teaser-cases-imgLink-container {
    display: block !important;
  }

  .cases.tabletExtend .teaser-cases-imgLink-container {
    display: block !important;
  }

  #print-logo {
    display: block;
  }
}