html {
	height:100%;
	overflow:hidden;
}
html.loaded {
	overflow:auto;
}
html.revealed, body.is-reveal-open {
	height:auto;
	overflow:hidden;
}

.title-bar .cs-placeholder {
   	overflow:visible;
}

.title-bar .cs-placeholder:before {
    padding: 0 10px 0 11px;
    margin-bottom: -11px;
}

.title-bar .cs-select .cs-options {
    width: 70px;
    margin-top: 8px;
}

#detailImageModal {
    overflow: hidden;
    width: 100vw !important;
    padding:0;
    height:100vh !important;
    position:fixed !important;
}

.teaser-slider:not(.teaser--reveal) .teaser {
  display: none;
}
.teaser-slider:not(.teaser--reveal) .teaser:first-child {
  display: block;
}
.teaser-slider:not(.teaser--reveal).slick-initialized .teaser {
  display: block;
}


/* Default custom select styles */
div.cs-select {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-align: left;
	background: #fff;
	z-index: 100;
	width: 100%;
	/*max-width: 600px;*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.cs-select:focus {
	outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
	display: none;
}

.cs-select span {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding: 1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
	padding-right: 3em;
}

.cs-select > span::after,
.cs-select .cs-selected span::after {
	speak: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after {
	content: '\25BE';
	right: 1em;
}

// .cs-select .cs-selected span::after {
// 	content: '\2713';
// 	margin-left: 1em;
// }

.cs-select.cs-active > span::after {
	-webkit-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
	z-index: 200;
}

/* Options */
.cs-select .cs-options {
	position: absolute;
	overflow: hidden;
	width: 100%;
	background: #fff;
	visibility: hidden;
	cursor:pointer;
}

.cs-select.cs-active .cs-options {
	visibility: visible;
}

.cs-select ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
    border: 1px solid #d8dadc;
    border-top: 0;
}
.cs-select ul li {
    list-style: none;
}
.top-bar__mainnav .cs-select ul,.title-bar .cs-select ul {
	border-top: 1px solid #d8dadc;
}

.cs-select ul span {
	padding: 0.41538rem;
}
.cs-select ul li:hover {
	background-color: #e2ecf8;
}

.top-bar__mainnav .cs-select li,.title-bar .cs-select li {
	height: 40px;
}
.top-bar__mainnav .cs-options li span,.title-bar .cs-options li span {
	// display:none;
	padding-left:0;
}
.top-bar__mainnav select.cs-select,.title-bar select.cs-select {
	display:none;
}
.top-bar__mainnav .cs-placeholder div,.title-bar .cs-placeholder div {
	display:none;
}
.top-bar__mainnav .cs-placeholder:after,.title-bar .cs-placeholder:after {
	content:'';
}

.top-bar__mainnav .cs-select .cs-options,.title-bar .cs-select .cs-options {
	// width:auto;
	width: 70px;
}
.title-bar .cs-select, .title-bar .langCont {
    position: relative;
    width: auto;
    display: inline-block;
}
.cs-select ul li:before {
	float: left;
    margin-top: 10px;
    padding: 0 5px 0 10px;
}
.top-bar__mainnav .cs-placeholder {
	padding:0;
	margin-top:1px;
}
.title-bar .cs-placeholder {
	padding:0;
	margin-top:2px;
}
.top-bar__mainnav .cs-placeholder:before, .title-bar .cs-placeholder:before {
    // margin-top: 10px;
    padding: 0 10px 0 11px;
}

.top-bar__mainnav .cs-select ul li:before, .title-bar .cs-select ul li:before {
    padding: 0 10px 0 10px;
}
.cs-placeholder:before {
    float: left;
    padding: 0 13px 0 3px;
    margin-top: 2px;
}

.brand_small {
	float: right;
    margin-bottom: 0;
    margin-top: 1px;
    margin-left: 5px;
}

.cs-select ul li.DE:before,.cs-select ul li.gb:before,.cs-placeholder#de:before, .cs-placeholder#DE:before {
	content: url('../../../../user_upload/language_flags/globe_de.png');
}
.cs-select ul li.EN:before,.cs-select ul li.en-us-gb:before,.cs-placeholder#en:before, .cs-placeholder#EN:before {
	content: url('../../../../user_upload/language_flags/globe_en.png');
}
.cs-select ul li.CN:before,.cs-select ul li.cn:before,.cs-placeholder#cn:before, .cs-placeholder#CN:before {
	content: url('../../../../user_upload/language_flags/globe_ch.png');
}
.cs-select ul li.PT:before,.cs-select ul li.pt:before,.cs-placeholder#pt:before, .cs-placeholder#PT:before {
	content: url('../../../../user_upload/language_flags/globe_br.png');
}
.cs-select ul li.br:before,.cs-select ul li.br:before,.cs-placeholder#br:before, .cs-placeholder#br:before {
	content: url('../../../../user_upload/language_flags/globe_br.png');
}
.cs-select ul li.TR:before,.cs-select ul li.tr:before,.cs-placeholder#tr:before, .cs-placeholder#TR:before {
	content: url('../../../../user_upload/language_flags/globe_tr.png');
}
.cs-select ul li.RU:before,.cs-select ul li.ru:before,.cs-placeholder#ru:before, .cs-placeholder#RU:before {
	content: url('../../../../user_upload/language_flags/globe_ru.png');
}
.cs-select ul li.SP:before,.cs-select ul li.sp:before,.cs-placeholder#sp:before, .cs-placeholder#SP:before {
	content: url('../../../../user_upload/language_flags/globe_sp.png');
}
.cs-select ul li.ES:before,.cs-select ul li.es:before,.cs-placeholder#es:before, .cs-placeholder#ES:before {
	content: url('../../../../user_upload/language_flags/globe_sp.png');
}
.cs-select ul li.VN:before,.cs-select ul li.vn:before,.cs-placeholder#vn:before, .cs-placeholder#VN:before {
	content: url('../../../../user_upload/language_flags/globe_vn.png');
}

.cs-select ul li.cs-focus span {
	background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
	padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
	cursor: default;
}


/* ==== Support Buttons  Muss noch in die Normale Datei==== */
.support-button-container {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;

  justify-content: space-evenly;
  flex-wrap: wrap;
}

.support-button {
  display: inline-block;

  position: relative;
  /*width: 150px;*/

  width: 189px;
  /*height: 150px;*/
  height: 62px;
  margin-right: 10px;
  margin-bottom: 60px;
  /*margin-bottom:30px;*/
  margin-left: 10px;

  transition: color .25s ease, background-color .25s ease;
  text-align: center;

  font-weight: 700;

  color: #004687;
  border-radius: 10px;
  background-color: #edeef0;
  margin-left: auto;
  margin-right: auto;
}


.support-button.support-button--image .support-button-text {
  position: absolute;
  top: 50%;
  left: auto;

  transform: translateY(-50%);
}
.support-button .support-button-desc {
  position: absolute;
  top: 79px;

  width: 189px;

  text-align: center;

  font-weight: 300;
  font-size:14px;

  color: #3e4450;
}
.support-button.support-button--image img {
  width: 100%;
  margin-bottom:0px;
}

.support-button:active,
.support-button:focus,
.support-button:hover {
  color: #fff;
  background-color: #004687;
}

.support-button-text {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
}