body {
	font-family: "RATIONALSans", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .035em;
	line-height: 140%;
	color: #3C3C3C;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow: unset;
	-ms-overflow-style: scrollbar !important;
	min-width: 320px;
}

*:focus {
    outline: none !important;
  	outline-offset: 0px !important;
  	outline-style: auto !important;
  	outline-width: 0px !important;
}

.scrollBody {
  //* background: #FFFFFF url(../images/theme/rational-background.png); *//
  //* background-attachment:fixed; *//
  //* background-size: 100% auto; *//
}

a { 
	color: #3C3C3C;font-weight: 700;
}

section p > a {
	color: #003B6A;
}

a:hover,
a:focus {
	color: #E10019;
	text-decoration:none;
}

a,
a:hover,
a:focus,
a:active {
	outline: 0;
}

b, strong {
	font-weight: 700 !important;
}

i {
	font-style:normal;
}


.nofloat {
    clear: both;
    float: none;
}

/*
@media (max-width: 767px) {
	.container {
		padding-right: 10%;
		padding-left: 10%;
	}
}
*/

.margtop20 {
	margin-top: 20px;
}

.margtop30 {
	margin-top: 30px !important;
}

.margbottom20 {
	margin-bottom: 20px;
}

.padding20 {
	padding: 20px;
}

.padding40 {
	padding: 40px;
}


.padding1020 {
	clear: both;
	padding: 20px 10px;
}

.font-xs {
	font-size: 12px;
}

.font-s {
	font-size: 14px;
}

.font-m {
	font-size: 16px;
}

.font-l {
	font-size: 18px;font-weight: 300;
}

.red {
	color: #E10019;
}

.blue {
	color: #3C3C3C;
}

.bluebg {
	background: #EBEBEB;
}

.lighterbluebg {
	background: #EBEBEB;
}

div#back-to-top {
    background: #DCDCDC;
    display: none;
    height: 40px;
    position: relative;
    right: 40px;
    text-align: center;
    top: 480px;
    width: 40px;
    margin-top: 40px;
}

div#back-to-top:hover {
  background: #EBEBEB;
  color: #E10019;
  transition: background-color 0.8s ease;
}

@media (max-width: 768px) {
	div#back-to-top {
		top: 360px;
	}
}

div#back-to-top span.icon-raticons {
	color: #3C3C3C;
	height:40px;
	line-height:40px;
	width: 40px;
}

div#back-to-top:hover span.icon-raticons {
  color: #E10019;
  transition: color 0.8s ease;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.headerContent {
	min-height:20px;
}

section {
	margin-bottom: 60px;
} 

section.short-space {
    margin-bottom: 40px;
}

section.tiny-space {
    margin-bottom: 24px;
}

section.nomargin {
	margin-bottom: 0;
}
section.nomargin img {
	margin-bottom: 24px;
}
section.nomargin .content-video-pic-container {
	margin-bottom: 24px;
}
section.nomargin .content-video-pic-container img {
	margin-bottom: 0;
}

section.nomargin .two-columns-text {
	margin-bottom: 24px;
}
@media (min-width: 768px) {
	section.delete-margin {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media (max-width: 767px) {
	section.delete-margin .container {
		margin-left: -10%;
    	margin-right: -10%;
	}
}

section ul {
    list-style: none;
    padding:0;
    margin:0;
}

section li {
	padding-left: 30px; 
	position: relative;
	padding-bottom: 12px;
}

section li:before {
	content: "\e969";
	font-family: "raticons";
	color: #7D7D7D;
	position: absolute;
	left: 0;
	font-size: 26px;
	line-height: 26px;
}

section li ul {
	padding-top:12px;
}

section li ul li:before {
	font-size: 12px;
}

@media (max-width: 991px) {
	section li:before {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	section li:before {
		font-size: 14px;
		top: 0;
	}
}

 .img-responsive {
	width: 100%;
}

h1, h2, h3, h4, h5 {
	font-weight: 400;
	margin:0;
	margin-bottom: 12px;
	padding:0;
    word-wrap: break-word;
}

h1 {
	color: #E10019;
	font-size: 38px;
	line-height: 110%;
}

h2 {
	color: #E10019;
	font-size: 32px;
	line-height: 110%;
}

h3 {
	color: #3C3C3C;
	font-size: 28px;
	line-height: 110%;
}

h4 {
	color: #3C3C3C;
	font-size: 22px;
	line-height: 125%;
}

h5 {
	color: #3C3C3C;
	font-size: 18px;
	line-height: 125%;
}

.subheadline {
	color: #3C3C3C;
	display: block;
    font-weight: 400;
	font-size: 0.68em;
	margin-top: 12px;
}

input[type="text"], input[type="tel"], input[type="email"] {
	font-size: 16px;
}


.col-md-12 h1, 
.col-md-12 h2, 
.col-md-12 h3, 
.col-md-12 h4, 
.col-md-12 h5,
section.short-space h1,
section.tiny-space h1 {
	max-width: 75%;
}

.text-center h3 {
	max-width: 100%;
}

@media (max-width: 1200px) {
	.col-md-12 h1, 
	.col-md-12 h2, 
	.col-md-12 h3, 
	.col-md-12 h4, 
	.col-md-12 h5,
	section.short-space h1,
	section.tiny-space h1,
	.col-md-12 .subheadline {
		max-width: 100%;
	}
}

p {
	margin: 0 0 12px;
	padding-right: 20px;
}

p.copysmall {
	font-size: 14px;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	body {
	font-size: 15px;
	}
	h1 {
	font-size: 32px;
		line-height: 110%;
	}
	h2 {
	font-size: 28px;
		line-height: 110%;
	}
	h3 {
	font-size: 24px;
    	line-height: 125%;
	}
	h4 {
	font-size: 20px;
	}
	h5 {
	font-size: 16px;
	}
	input[type="text"], input[type="tel"], input[type="email"] {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	body {
	font-size: 14px;
	}
	h1 {
	font-size: 28px;
		line-height: 110%;
	}
	h2 {
	font-size: 25px;
		line-height: 110%;
	}
	h3 {
	font-size: 20px;
    	line-height: 125%;
	}
	h4 {
	font-size: 18px;
	}
	h5 {
	font-size: 15px;
	}
	input[type="text"], input[type="tel"], input[type="email"] {
	font-size: 14px;
	}
}

sup {
    top: -0.3em;
}

.nopadding {
	padding: 0;
}

.modal-backdrop {
	background-color: rgb(200,200,200);
	opacity:0.8 !important
}

.modal-dialog {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: 0;
	z-index: 9999;
}

.modal-header {
	border-bottom: 0;
}

.modal-header .close {
    opacity: 1;
}

.modal-header .close:hover {
    color: #E10019;
}

.modal-content {
	background-color: #FFF;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.modal-content button {
	margin-top: 15px;
	}

.modal-content .bootstrap-select button {
	margin-top: 0;
	}

.modal-content textarea {
	width: 100%;
	}

.modal-footer {
	border-top: 0;
}

.modal-open #sb-site {
	position: static;
}

.modal-open #slidePanel-holder {
	z-index: 1040;
} 

.viframe {
	border: 1px solid #DCDCDC;
	height: 350px;
}

@media (min-width: 992px) {
	.modal-dialog {
		min-width: 640px;
	}
	.viframe {
		height: 628px;
	}
}

@media (min-width: 1140px) {
	.modal-dialog {
		min-width: 640px;
	}
	.viframe {
		height: 692px;
	}
}

.overlay {
	opacity:0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 9999;
	background-color: rgba(200,200,200,0.8);
	transition: opacity 0.6s ease;
	-moz-transition: opacity 0.6s ease;
	-webkit-transition: opacity 0.6s ease;
	-ms-transition: opacity 0.6s ease;
	-o-transition: opacity 0.6s ease;
}

.overlay.active {
	height: 100%;
	opacity:1;
}

#overlay.overlayActive {
	display: block;
    height: auto;
    bottom: 0;
    opacity: 1;
    top: 115px;
    z-index: 1500;
    position: absolute;
}

@media (max-width: 991px) {
	#overlay.overlayActive {
		display: none;
	}
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-group .caret {
	float:right;
	margin-top:-18px;
}

.btn-group.open .caret {
	width: 0; 
	height: 0; 
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid;
	border-top: 0;
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}

.btn-rtnl-grey,
.btn-rtnl-icon {
	background: #fff;
	border: 2px solid #3c3c3c;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: none;
	color: #3C3C3C;
	font-size: 14px;
	padding: 8px 15px 8px 35px;
	text-align: left;
	text-shadow: none;
	text-indent: -25px;
	transition: background-color 0.8s ease;
	white-space:normal;
}

.btn-rtnl-icon {
	margin-top: 30px;
}

.btn-rtnl-grey:hover {
	background: #3c3c3c;
	color: #FFF;
	transition: background-color 0.8s ease;
}

.btn-page-entry {
	background: #DCDCDC;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #3C3C3C;
	float: none !important;font-weight: 700;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: center;
	text-shadow: none;
	transition: background-color 0.8s ease;
	width:100%;
}

.btn-page-entry:hover {
  background: #F0EFEF;
  color: #E10019;
}

.btn-rtnl-white {
	background: #FFF;
	border: 0;
	border-radius: 0;
	box-shaodow: none;
	color: #3C3C3C;
	font-size: 16px;font-weight: 700;
	padding: 8px 15px 8px 35px;
	text-align: left;
	text-shadow: none;
	text-indent: -25px;
	transition: background-color 0.8s ease;
	white-space:normal;
}

.btn-rtnl-white:hover {
	background: #E10019;
	color: #FFF;
	transition: background-color 0.8s ease;
}

.btn-rtnl-blue {
	background: #003366;
	border: 0;
	border-radius: 0;
	box-shaodow: none;
	color: #FFF;
	font-size: 16px;font-weight: 700;
	margin-top: 20px;	
	padding: 8px 15px 8px 35px;
	text-align: left;
	text-shadow: none;
	text-indent: -25px;
	transition: background-color 0.8s ease;
	white-space:normal;
}

.btn-rtnl-blue:hover {
	background: #7D7D7D;
	transition: background-color 0.8s ease;
}

.btn-rtnl-blue:before,
.btn-rtnl-grey:before,
.btn-rtnl-white:before {
	content: "\e93c";
	font-family: 'raticons';
	margin-right: 8px;
}

@media (max-width: 991px) {
	.btn-rtnl-grey,
	.btn-rtnl-white {
	font-size: 15px;
		padding: 9px 15px 9px 35px
	}
}

@media (max-width: 767px) {
	.btn-rtnl-grey,
	.btn-rtnl-white {
	font-size: 14px;
  		padding: 10px 15px 10px 35px;
	}
}

.btn-back {
	margin: 0 0 40px 0;
}

.btn-back::before {
	content: "\e93b";
	font-family: "raticons";
}

.navbar {
	margin-bottom: 10px;
}

.navbar-top {
	background: transparent;
	border: 0;
	border-radius:0px;
	height:45px;
	min-height:45px;
	margin-bottom: 10px; //* Ausgangsbasis 40px *//
}

.navbar-top .container {
  height:45px;
}

.navbar-top .navbar-collapse {
	border:0;
}

.navbar-top li a {
	background: #FFF;
	color:#3C3C3C !important;
	font-size:12px;font-weight: 400;
	line-height: 28px;  
	padding: 0px 15px;
	text-shadow: none;
 //* text-transform: uppercase; *//
}
.navbar-top li a.mini {
	display: inline-block;
	font-size:0.6em;
	padding: 3px 10px 3px 12px;
}
.navbar-top .nav>li>a {
	line-height: 45px;
	padding: 0px 15px;
}
.navbar-top ul.dropdown-menu {
	background: #FFF;
}
.navbar-top li.continent {
	font-weight: 700;
	padding-left: 15px;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background-color: #FFF !important;
}

#custom-search-form {
	margin:0;
	margin-top: 6px;
	padding: 0;
}

#custom-search-form .search-query {
	background: transparent;	
	border:0;
	//* border-bottom: 1px solid #3C3C3C; *//
	color: #3C3C3C;
	font-size: 12px;
	padding-right: 20px;
	padding-left: 3px;
	margin-bottom: 0;
	margin-left: 45px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-align:right;	
}

#custom-search-form button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	position: relative;
	left: -20px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#custom-search-form button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#custom-search-form button i {
	float: right;
	font-size: 18px;
	margin-top: 2px;
}

#custom-search-form2 {
	margin-bottom: 24px;
}

#custom-search-form2 .form-control {
	height: 40px;
}

#custom-search-form2 .col-sm-5 {
	padding-right: 0px;
}

.gsc-control-cse {
	background-color: #FFF !important;
	padding: 0 !important;
}

.gsc-webResult.gsc-result {
	margin-bottom: 0 !important;
}

.search-query:focus + button {
  z-index: 3;
}

/* ========== */
/* breadcrumb */
/* ========== */

.breadcrumb {
	margin-bottom: 10px;
}

ol.breadcrumb.custom-beadcrumb{
	background-color: transparent;
	padding:0;
}

ol.breadcrumb.custom-beadcrumb li a {
	color: #3C3C3C;font-weight: 400;
	font-size: 12px;
}

ol.breadcrumb.custom-beadcrumb li:last-child a {
	color: #E10019;
	margin-left: 5px;
}

.breadcrumb > li + li:before {
	color: #3C3C3C;
	font-size: 12px;
	padding: 0 0 0 5px;
}

/* ========= */
/* Main Menu */
/* ========= */

.mega-dropdown-menu {
	right: -1px !important;
	width: 1140px;
}

@media (max-width: 1200px) {
	mega-dropdown-menu {
		width: 940px;
	}
}

.dropdown-menu {
    z-index: 1600;
}

a.closeMenuBTN {
	cursor:pointer;
	text-indent: 0 !important;
}

button.js-toggle-tile span,
a.closeMenuBTN span {
	background: #FFF;
	line-height:40px;
	height:40px;
	margin-top: 15px;
	width:40px;
}

button.js-toggle-tile:hover span,
a.closeMenuBTN:hover span {
	background: #E10019;
	color: #FFF;
}

a.closeMenuBTN span.pull-right {
	font-size: 24px;
	float:none;
	text-align: center;
}

a.closeMenuBTN:before {
	content: none !important;
}

a.navbar-brand{
	background-color: transparent;
	background-image: url(../images/theme/rational-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	width: 170px;
}

.navbar-collapse {
	border-bottom: 1px solid #7D7D7D;
}

.mega-dropdown {
	position: static !important;
}
.mega-dropdown-menu {
	background: #FFF;
	border:0;
	border-radius:0;
	margin-top: -1px !important; 	
	/* min-height: 360px; */
	padding: 0px;
	width: 1140px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

@media (max-width: 1200px) {
	.mega-dropdown-menu {
		width: 940px;
	}
}

.mega-dropdown-menu .col-md-8 {
	background: #EBEBEB;
	padding-right: 0;
}

.mega-dropdown-menu > li > .row,
.mega-dropdown-menu > li > .row > .col-md-4 {
	margin-right:0;
	padding-right: 0;
}

.navbar-rtnl .navbar-nav>li>a {
	color: #3C3C3C;
}

.navbar-rtnl .nav .open>a,
.navbar-rtnl .nav .open>a:focus,
.navbar-rtnl .nav .open>a:hover,
.navbar-rtnl .navbar-nav>li>a:hover,
.navbar-rtnl .navbar-nav>li>a:focus {
	background:none;
	color: #E10019;
}

.navbar-rtnl span.menuHeadline {
	display: block;
	font-size: 16px;
}

.navbar-rtnl span.menuHeadinfo {
	color: #3C3C3C;
	display: block;
	font-size: 14px;font-weight: 400;
	line-height: 125%;
}

.navbar-rtnl .tab-content {
	color: #3C3C3C;
	display: block;
	font-size: 16px;
}

ul.navTabs > li > a {
	background-color: #FFF;
	min-height: 20px;
	padding: 20px;
	width: 100%;
}
ul.navTabs > li > a:hover, 
ul.navTabs > li > a:focus,
ul.navTabs > li.active a {
    background-color: #EBEBEB;
	color: #E10019 !important;
	transition: background-color 0.4s ease;
}
ul.navTabs > li > a:hover span.menuHeadline, 
ul.navTabs > li > a:focus span.menuHeadline {
    color: #E10019;
}

ul.navTabs > li.act > a span.menuHeadline {
    color: #E10019;
}

.tab-pane ul {
	padding: 0;
	list-style: none;
}

.tab-pane a {
	color: #3C3C3C;
	line-height: 30px;
	text-decoration: none;
	display: block;
	text-indent: -22px;
	padding-left: 22px;
}

.tab-pane a:before {
	content: "\e93c";
	font-family: "raticons";
	margin-right: 5px;
}

.tab-pane a:hover {
	color: #E10019;
	line-height: 30px;
	text-decoration: none;
}

li.dropdown.mega-dropdown .col-md-6.menu-bg-picture {
	/*background-image: url("/media/layout/images/test/menue/scc.jpg");*/
	background-position: center center;
	background-size: cover;
	min-height: 360px;
}

.navbar-nav > li.dropdown.mega-dropdown > a {
    padding-bottom: 24px;
}


ul.dropdown-menu.mega-dropdown-menu .tab-pane ul li:first-child {
    padding-top: 16px;
}

ul.dropdown-menu.mega-dropdown-menu .tab-pane ul li {
	font-weight: 700;
	padding-bottom: 16px;
}

ul.dropdown-menu.mega-dropdown-menu .tab-pane ul li.act a,
.navbar-nav > li.dropdown.mega-dropdown.act2 > a {
color: #E10019;
}

.nav.nav-stacked.navTabs > li {
	border-bottom: 1px solid #EBEBEB;
	cursor: pointer;
}

.nav.nav-stacked.navTabs > li + li {
	margin-top: 0;
}

.nav.nav-stacked.navTabs > li:last-child {
	border-bottom: 0;
}

#mainNavBar li.directAction a,
#aboveNavBar li.directAction a {
	color: #E10019;
}

#mainNavBar li.directAction a:before,
#aboveNavBar li.directAction a:before {
	color: #3C3C3C;
	content: "|";
    font-weight: bold;
	margin-right: 30px;
}

/* ======================= */
/* OffCanvas MobileMenu    */
/* ======================= */

.navbar-header {
	float:left;
}

@media (min-width: 992px) {
	.navbar-header {
		min-height: 60px;
	}
}

.mobile {
	display: block;	
}

#mainNavBar,
#aboveNavBar, 
.navbar-top {
	display:none !important;
}

@media (min-width: 992px) {
	.navbar-right {
		display: none;	
	}
	#mainNavBar,
	#aboveNavBar,
	.navbar-top {
		display:block !important;
	}
}

@media (max-width: 991px) {
	.navbar-rtnl {
		background: transparent;
		border-radius: 0;
		border-bottom: 1px solid #7D7D7D;
		position: absolute;
		left:0;
		margin: 20px 0;
		top:0;
		padding: 0;
		width: 100%;
	}
	.navbar-header {
		margin: 10px 30px 20px 30px;
	}
	.content {
		padding-top: 120px;
	}
	.navbar-collapse {
		border-bottom: 0px;
	}
	.navbar-right {
		margin: 10px 20px;
	}
}

button.mobile {
	background:none;
	border:0;
	font-size: 32px;
	height: 39px;
	margin-left: 10px;
	width: 40px;
}

button.mobile img {
	height: 22px !important;
}

button.sb-toggle-right span {
	color: #3C3C3C;
    font-family: 'raticons' !important;
}

button.mobilesearch span {
	color: #3C3C3C;
    content: "\e907";
    font-family: 'raticons' !important;	
}

.mobileNavwrapper {
	background-color: #DCDCDC;
	height: 100%;
	padding-top:62px;
	
	width: 100%;
	border-left: 1px solid #7d7d7d;
}

.mobileNavwrapper ul {
    list-style-type: none;
	margin:0;
	padding:0;
}

.mobileNav {
	border-top: 1px solid #EBEBEB;
	margin-bottom: 40px !important;
}

.act > .dropdown-menu {
    display: block;
}

.mobileNav span.icon-raticons {
	background: #C8C8C8;
	color: #3C3C3C;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.mobileNav li {
	display: table;
	position: relative;
	width: 100%;
}

.mobileNav > li.dropdown {
	border-bottom: 1px solid #EBEBEB;
	display: table;
	position: relative;
	width: 100%;
}

.mobileNav > li.directAction {
	background: #EBEBEB;
	display: table;
	position: relative;
	width: 100%;
}

.mobileNav > li.directAction a {
	color: #E10019;
}

.mobileNav > li.dropdown.act > ul.dropdown-menu {
	display: block;
	position: static;
}

.mobileNav  > li.dropdown.act > a {
	color: #E10019;
}

.mobileNav .dropdown-submenu.act span.menuHeadline {
	color: #E10019;
}

.mobileNav li .dropdown-menu {
	background-color: #EBEBEB !important;
	border: 0;
	box-shadow: none;
	width: 100%;
}

.mobileNav > li.open > .dropdown-menu {
	display:block;
	position: static;
}

.mobileNav > li.dropdown.open > .dropdown-menu,
.mobileNav > li.dropdown.act2 > .dropdown-menu {
	display: block;
	position: static;
}

.mobileNav li.act span.icon-raticons,
.mobileNav li.open span.icon-raticons {
	background: url(../images/theme/mobile-menu/e10019-40.png);
	color: #FFF !important;
}

.mobileNav li.act span.icon-raticons:before,
.mobileNav li.open span.icon-raticons:before {
	content: "\e900";
}

.mobileNav > li.dropdown-submenu.open > a.subtoggle > span.icon-ratico::before,
.mobileNav li.dropdown-submenu.open a.subtoggle span.icon-raticons {
	background: url(../images/theme/mobile-menu/e10019-40.png);
	color: #FFF;
}

.mobileNav > li.dropdown.open > a.dropdown-toggle > span.icon-ratico::before,
.mobileNav li.dropdown-submenu.open a.subtoggle span.icon-ratico::before {
	color: #FFF;
    content: "\e915";
}

.mobileNav .dropdown-submenu {
	border-top: 1px solid #FFF;
	background: url(../images/theme/mobile-menu/dcdcdc-40.png);
    background-repeat: repeat-y;
    background-position: top right;
}

.mobileNav .dropdown-submenu .row {
	margin-right: 40px;
}

.mobileNav a {
	display:inline-block;
	line-height: 22px;
	padding: 9px 0 9px 15px !important;
	width: 100%;
}

.mobileNav li.act2 a {
	background: none;
	color: #E10019;
}

.mobileNav > li > a:hover {
	background: none;
}

.mobileNav .open > a, 
.mobileNav .open > a:hover, 
.mobileNav .open > a:focus {
	background: #EBEBEB;
}

.mobileNav > li > a {
	line-height: 22px !important;
}

.mobileNav > li > a:hover {
	color: #3C3C3C;
}

.mobileNav a.dropdown-toggle,
.mobileNav a.subtoggle {
	background: url(../images/theme/mobile-menu/dcdcdc-40.png);
	height: 100%;
	margin:0;
	padding: 0 !important;
	position: absolute;
	right:0;
	top:0;
	width: 40px;
}

.mobileNav .dropdown-menu > li > a {
	padding:0 !important;
}

.mobileNav span.menuHeadline {
    color: #3C3C3C;
    display: block;
    /* font-size: 15px; */
	padding-top: 9px;
	word-wrap: break-word;
}

.mobileNav span.menuHeadinfo {
    color: #3C3C3C;
    display: block;
    font-size: 14px;font-weight: 400;
    line-height: 125%;
	padding-bottom: 9px;
}

.mobileNav img {
	padding-top: 9px;
}

.mobileNav .dropdown-submenu .dropdown-menu {
	position: relative;
}

.mobileNav .dropdown-submenu.open .dropdown-menu,
.mobileNav .dropdown-submenu.act .dropdown-menu {
	background: url(../images/theme/mobile-menu/e10019-40.png);
    background-position: right center;
    background-repeat: repeat-y;
	margin-top: 0;
	padding-bottom: 15px;
}

.mobileNav .dropdown-menu li.open,
.mobileNav .dropdown-menu li.act,
.mobileNav > .dropdown > .dropdown-menu > .dropdown-submenu.open > .subtoggle > span.icon-raticons, 
.mobileNav > .dropdown > .dropdown-menu > .dropdown-submenu.act > .subtoggle > span.icon-raticons {
	background: url(../images/theme/mobile-menu/e10019-40.png);
	background-position: right center;
	background-repeat: repeat-y;
	border-bottom: 0;
	color: #FFF !important;
	height: 100%;
}

.mobileNav .dropdown-submenu .dropdown-menu li a {
	color: #3C3C3C;
	height: auto;
	line-height: 18px;
	margin-bottom: 10px;
	margin-left: 35px;
	max-width: 180px;
	padding-left: -15px !important;
	text-indent: -20px;
	white-space: normal;
}

.mobileNav .dropdown-submenu .dropdown-menu li.act a,
.mobileNav .dropdown-submenu .dropdown-menu li a:hover {
	background: none;
	color: #E10019;
}

.mobileNav .dropdown-submenu .dropdown-menu li a::before {
    content: "\e93c";
    font-family: 'raticons';
	margin-right: 5px;
}

ul.mobileNav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > a.subtoggle > span.icon-raticons {
	background: url(../images/theme/mobile-menu/dcdcdc-40.png);
	color: #3C3C3C !important;
	height: 100%;
}

ul.mobileNav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > a.subtoggle > span.icon-raticons::before {
	content: "\e901";
}

ul.mobileNav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu.act > a.subtoggle > span.icon-raticons::before,
ul.mobileNav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu.open > a.subtoggle > span.icon-raticons::before {
	content: "\e900";
}

@-moz-document url-prefix() { 
	ul.mobileNav > li.dropdown > ul.dropdown-menu > li.dropdown-submenu > a.subtoggle > span.icon-raticons {
		border-top: 1px solid #FFF;
	}
}

.mobileNav .dropdown-submenu .col-xs-3 {
	padding-left: 0;
}

@media (max-width: 480px) {
	.dropdown-menu,
	.mobileNav,
	.mobileNav span.menuHeadinfo {
	font-size: 12px;
	}
}

.canvas-wrapper.mobilepushed .content {
  margin: 0 280px 0 -280px;
}

.canvas-wrapper.mobilepushed .navbar-rtnl {
  left: -280px;
}

.sb-active body {
  overflow:hidden;
}

.sb-active #sb-site {
	/*pointer-events:none;*/
}

.sb-toggle-right {
	margin-left: 30px !important;
	position: relative;
	pointer-events: auto;
}

.sb-toggle-right span.icon-burger_close {
	position: relative;
	z-index:9999;
}

@media (max-width: 520px) {
	.navbar-rtnl {
		margin: 10px 0;
	}
	.navbar-header {
    	margin: 10px 0 10px 20px;
	}
	a.navbar-brand {
	    height: 40px;
    	width: 130px;
	}
	button.mobile {
	font-size: 24px;
		margin-left: 5px;
		width:30px;
	}
	.sb-toggle-right {
    	margin-left: 10px !important;
	}
}

/* ======================= */
/* OffCanvas CountrySelect */
/* ======================= */

.canvas-wrapper {
  position: relative;
}
.countrySelect {
  background-color: #EBEBEB;
  height: 150px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform:translateY(-100%);
  -webkit-transform:translateY(-100%);
  -o-transform:translateY(-100%);	
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
  z-index: 10000;
}

.countrySelect .bootstrap-select .btn-default, 
.countrySelect .bootstrap-select.open .dropdown-toggle, 
.countrySelect .bootstrap-select.open .dropdown-toggle:hover, 
.countrySelect .bootstrap-select .dropdown-toggle:focus,
.countrySelect .bootstrap-select.btn-group .dropdown-menu.inner {
	background-color: #FFF !important; 
}

.countrySelect .bootstrap-select {
	margin-bottom:20px;
} 

.countrySelect .bootstrap-select .dropdown-menu li a:hover, 
.countrySelect .bootstrap-select .dropdown-menu li a:focus {
	background-color: #DCDCDC;
}

.countrySelect .container {
	margin-top: 70px;
}

.mobileSearchLayer {
  background-color: #EBEBEB;
  height: 150px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -moz-transform:translateY(-100%);
  -webkit-transform:translateY(-100%);
  -o-transform:translateY(-100%);	
  -ms-transform:translateY(-100%);
  transform:translateY(-100%);
  z-index: 10000;
}

.mobileSearchLayer h4 {
	margin-top:20px;
}

.content {
  transition: margin 0.3s ease;
}

.canvas-wrapper.pushed .content {
  margin-top: 150px;
}

.canvas-wrapper.pushedSearch .content {
  margin-top: 150px;
}

#slidePanel-holder.csOpen {
	top: 250px !important;
}

@media (max-width: 767px) {
	.countrySelect {
  		height: 300px;
	}
	.canvas-wrapper.pushed .content {
  		margin-top: 300px;
	}
	#slidePanel-holder.csOpen {
		top: 400px !important;
	}
}

/* ================= */
/* kommt später raus */
/* ================= */

#lang-choose-items-combo {
	display: none;
  list-style: none;
  padding: 0;
}

#lang-choose-items-combo li {
  height: 40px;
}

#lang-choose-items-combo li.col-md-12 {
  height: 80px;
  padding-top: 20px;
}

#lang-choose-items-combo li a {
	color: #3C3C3C;font-weight: 400;
	font-size: 14px;	
	text-decoration: none;	
}

#lang-choose-items-combo img {
  width:30px;
}

.subCountry {
  display: block;
  font-size: 12px !important;
  line-height: 10px;	
  padding-left: 40px;
}

.subCountry a {
	font-size: 12px !important;
}

/* ================ */
/* bis hierhin raus */
/* ================ */

#BTNcountrySelect {
	min-width: 300px;
	text-align:right;
}

#BTNcountrySelect img {
	margin-left:10px;
	width:18px;
	margin-bottom:3px;
}

#BTNcountrySelect span {
	margin-left: 5px;
	float: right;
	font-size: 18px;
}

#BTNcountryClose,
#BTNmobileSearchClose {
  color: #3C3C3C;
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  top: 20px;
  right: 40px;	
  z-index:99;
}

#BTNcountryClose:hover,
#BTNmobileSearchClose:hover {
  color: #E10019;
}

/* ======================= */
/* OffCanvas MobileSearch  */
/* ======================= */

.canvas-wrapper.pushedSearch .content {
  margin-top: 150px;
}

#mobile-search-form input[type="text"] {
  background: #FFF;
  margin-right:15px;
  padding-right: 0;	
}

/* ============== */
/* Absatzvorlagen */
/* ============== */

.referenceFull {
	background-size:cover;
	padding:0 !important;  	
}

.referenceFull .slate {
	background-position: bottom left; 
}

.referenceFull.refRight .slate {
	background-position: top right; 
}

.referenceFull .teaserBackgroundContainer {
	padding-right:0; 
}

.referenceFull.refRight .teaserBackgroundContainer {
	padding-left:0; 
	padding-right:15px; 
}

.referenceFull a {
	display: block;
	text-decoration: none;
}

.referenceFull .container {
	padding: 65px 15px;
}

.referenceFull div.quote {
	font-weight: 300;
	font-size: 24px;
	padding: 20px 0 30px 10px;
	margin-bottom: 0;
	margin-top: 0;
}

.referenceFull.refRight div.quote {
    padding: 20px 10px 25px 15px;
}

.referenceFull .refCard {
	padding-left: 10px;
}

.referenceFull.refRight .refCard {
	padding-left: 15px;
}

.referenceFull div.quote p {
	color: #E10019;
	line-height: 125%;
    width: 120%;
    z-index: 10;
    position: relative;
}

.referenceFull.refRight div.quote p {
    width: 100%;
}

.referenceFull .referenceImg img {
	float:left;
	margin-bottom: 25px;
	padding: 0;
	max-width: 80px;
}

.refRight .referenceImg img {
	margin-left: 0;
}

.referenceFull p {
	color: #3C3C3C;
	margin:0;
	padding:0;
}

.referenceFull p.name {
	font-weight: 700;
	font-size: 14px;
	line-height: 125%;
	padding-left: 0;
}

.referenceFull p.position {
	font-weight: 400;
	font-size: 14px;
	line-height: 125%;
	padding-left: 0;
}

.referenceFull p.company {
	font-weight: 400;
	padding-bottom: 20px;
	font-size: 14px;
	line-height: 125%;
	padding-left: 0;
}

.referenceFull .hasImage p.name,
.referenceFull .hasImage p.position, 
.referenceFull .hasImage p.company {
	padding-left: 95px;
}

@media (max-width: 767px) {
	.referenceFull .teaserBackgroundContainer {
		padding: 0;
	}
	.slate {
    	display: none !important;
	}
	.referenceFull .container {
		padding-left: 0;
		padding-right: 0;
	}
	.referenceFull.refRight div.quote,
	.referenceFull.refRight .refCard,
	.referenceFull div.quote,
	.referenceFull .refCard  {
		padding-left: 20px;
		padding-right: 25px;
	}
	.referenceFull div.quote {
	font-size: 20px;
	}
	.referenceFull div.quote p {
		width: inherit;
    }
	.referenceFull p.name,
	.referenceFull p.position, 
	.referenceFull p.company {
	font-size: 12px;
	}	
}

@media (max-width: 420px) {
	.referenceFull div.quote,
	.refCard, 
	.refRight div.quote,
	.teaserRight h3,
	.teaserRight p,
	.teaserRight .btn {
		min-width: auto !important;
		margin-left:0;
        width: auto;
	}
	.referenceFull div.quote {
	font-size: 16px;
	}
	.referenceFull p.name,
	.referenceFull p.company,
	.referenceFull .hasImage p.name,
	.referenceFull .hasImage p.company {
	font-size: 11px;
		padding-left: 0;
	}	
	.referenceFull p.position {
		display: none;
	}
	.referenceFull .referenceImg img {
		display: none;
	}
}

/* =========================================== */
/* Teaser Background                           */
/* =========================================== */

.teaserGeneral {
}

.teaserGeneral .gradient-container {
	padding-top: 20px;
}

.teaserGeneral .gradient-container img {
	margin-top: 0 !important;
}

.teaserGeneral h3 {
	margin: 0 20px 20px 5px;
}

.teaserGeneral p {
	padding-left: 5px;
}

.teaserGeneral .btn {
	margin-bottom: 20px;
	margin-left: 5px;
}

.teaserGeneral .pull-right h3,
.teaserGeneral .pull-right p,
.teaserGeneral .pull-right .btn {
	margin-left: 0 !important;
}

.teaserGeneral img {
	padding-left: 5px;
	padding-right: 5px;
}

/* =========================================== */
/* Teaser Background                           */
/* =========================================== */


.clickable-bg-teaser {
	cursor:pointer;
}

.teaserBackground {
	background-size:cover;
	padding:0 !important;  	
}

.teaserBackground .container {
	padding: 65px 15px;
}

.teaserBackground .slate {
	background-position: left bottom;
	background-repeat: no-repeat;
}

.teaserBackground.teaserRight .slate {
	background-position: right top;
}

.teaserBackground .teaserBackgroundContainer {
	padding-right: 0;
}

.teaserBackground.teaserRight .teaserBackgroundContainer {
	padding-right: 15px;
}

.teaserBackground h3 {
	padding: 20px 0 30px 5px; 
	margin: 0;
}

.teaserBackground p {
	padding: 0 0 25px 5px;
	margin: 0;
}

.teaserBackground .btn {
	margin: 0 0 20px 5px;
	width: auto;
}

.teaserBackgroundContainer {
	background: #FFF;
}

.teaserRight h3,
.teaserRight p {
	padding-left:0;
	padding-right: 10px;
}

.teaserRight .btn {
	margin-left: 0;
}

@media (max-width: 768px) {
	.teaserBackground.teaserRight .teaserBackgroundContainer {
		padding-left: 0;
	}
	.teaserBackground.teaserRight h3,
	.teaserBackground.teaserRight p,
	.teaserBackground.teaserRight .btn {
		padding-left: 20px;
	}

	.teaserBackground .container {
		padding: 50px 0;
	}
	.teaserBackgroundContainer {
		left: 10%;
		width:80%;
	}
}

/* =========================================== */
/* Teaser QuarterBlock                         */
/* =========================================== */

.QuarterBlock {
	margin-bottom: 30px;
}

.QuarterBlock img {
	margin-bottom: 12px;
}

.QuarterBlock .accTeaser {
	background: #DCDCDC;
	display:block;
	padding: 15px;
	text-indent:0;
}

.QuarterBlock .accTeaser p {
	margin: 0;
}

.QuarterBlock .accTeaser::before {
	content: none;
}

.accessory-item-container .acc-cloned-item {
    margin-bottom: 30px;
}

#acc-combo-headline {
	margin-top: 30px;
}

#acc-search-interface {
	margin-bottom: 20px;
}

.QuarterBlock > .container > .row-4-blocks > div {
	display:block;
	margin-bottom: 28px;
}

@media (max-width: 991px) {
	.QuarterBlock > .container > .row-4-blocks > div:nth-child(odd) {
		clear:both;
	}
}

@media (min-width: 992px) {
	.QuarterBlock > .container > .row-4-blocks > div:nth-child(5) {
		clear:both;
	}
}

@media (max-width: 768px) {
	.QuarterBlock > .container > .row-4-blocks > div {
		margin-bottom: 40px;
	}
}

/* =========================================== */
/* Slider Mainstage                            */
/* =========================================== */

.sliderMainstage .slideContainer {
	background: #FFF;
	height: 480px;
}

.sliderMainstage .SMwrapper {
	height: 480px !important;
	position:relative;
	overflow:hidden;
}

.sliderMainstage .slideContainer p,
.sliderMainstage .slideContainer .sliderHeadline {
	padding-left: 15px;
	padding-right: 0px;
	position:relative;
	width:350px;
	z-index:10;
}

.sliderMainstage .slideContainer .sliderHeadline {
	font-weight: 700;
    margin:0;
	margin-bottom: 18px;
	color: #E10019;
	font-size: 36px;
	line-height: 110%;
	padding-top:30px;
	width:420px;
}

.sliderMainstage .slideContainer . sliderHeadline .subheadline {
	color: #3C3C3C;
	display: block;
	font-weight: 300;
	font-size: 0.98em;
	width:350px;
}

.sliderMainstage .slideContainer .btn {
	margin-left:15px;
	position: relative;
    z-index: 11;
}

.sliderMainstage .slate {
	background-image:url(../images/theme/bg-slant-right.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 480px;
}

.ps-container {
    color: #555;
    height: 100%;
    /* overflow: hidden; */
    position: absolute;
    width: 100%;
}

.ps-container > div {
    position: absolute;
    width: 100%;
}

.ps-container > div > div, .ps-slidewrapper > nav, .ps-slides > div {
    position: absolute;
}

.ps-slides > div {
	background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.ps-slides .gradient {
	height: 480px;
}

.ps-header {
    height: 150px;
    left: 0;
    top: 0;
    z-index: 1001;
}

.ps-contentwrapper {
    bottom: 0;
    overflow: hidden;
    top: 150px;
    z-index: 999; /*1000;*/
}

.ps-content {
    height: 100%;
    padding: 50px;
    width: 100%;
}
  
.ps-slidewrapper {
    height: 100%;
    overflow: hidden;
    right: 0;
    top: 0;
}

.ps-slides {
    bottom: 0;
    top: 0;
    width: 100%;
}

.ps-slides > div.vertical-slide-img {  
	background-repeat: no-repeat;
	background-size: cover;
    height: 100%;
    width: 100%;
}


.ps-slidewrapper nav {
    top: 0;
    height: 100%;
    right: 0;
	position: relative;
    width: 100%;
    z-index: 999; /*1000;*/
	display:none;
}

.ps-slidewrapper nav > a.ps-prev {
    height: 50%;
    outline: medium none;
    position: absolute;
    width: 100%;
    top:0;
}

.ps-slidewrapper nav > a.ps-next {
    height: 50%;
    outline: medium none;
    position: absolute;
    width: 100%;
    bottom:0;
}

.slider-navcontrol {
	height: 80px;
	position: absolute;
	right: 0;
	top: 200px;
	width: 40px;
	z-index: 2;
}

.slider-navcontrol .carousel-control {
	display:block;
	position:relative !important;
}

.thumb-slides {
	display: block;
	height: 100%;
	padding-right: 15px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.thumb-slides li::before {
	content: "";
	margin:0;
}		

.thumb-slides .thumbslideHead {
	font-weight: 700;
    margin: 0;
    margin-bottom: 18px;
    padding: 0;
	bottom: 0;
	color: #FFF;
	font-size: 20px;
	line-height: 1.25em;
	margin-left: 20px;
	position: absolute;
}	

.thumb-slides span.subheadline {
	color: #FFF;
}
		
.thumb-slides-second {
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 67;
}
				
.vertical-thumb-img {
	height: 240px !important;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-left:0px;
	position: relative;
	text-indent:0px;
}
		
.thumb-slides > div,
.thumb-slides-second > div {
	height: 100%;
	position: relative;
}

.gradientOverlay {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.65) 100%);
	display: block;
	height: 240px;
	width:100%;
}

@media (max-width: 991px) {
	.col-slider-big-picture {
  		float: none;
	}
	.sliderMainstage .slideContainer .sliderHeadline {
	font-size: 32px;
	}	
}

@media (max-width: 767px) {
	.ps-slidewrapper {
		position: initial !important;
	}
	.ps-slides > div.vertical-slide-img {  
		background-size: contain;
		background-position: top center !important;
	}
	.sliderMainstage .slideContainer {
		bottom: 0;
		height: auto;
		margin-left: 10%;
		padding-bottom: 20px;
		position: absolute;
		width: 80%;
	}
	.sliderMainstage .SMwrapper {
		height: 450px !important;
		overflow: visible;
	}
	.ps-container {
		overflow: visible;
	}
	.sliderMainstage .vertical-slide-img > .row {
		margin: 0;
	}
	.sliderMainstage .slideContainer p {
		display: none;
	} 
	.sliderMainstage .slideContainer .sliderHeadline {
	font-size: 28px;
		padding: 20px 50px 0 5px;
    	position: static !important;
    	width: 100% !important;
	}
	.sliderMainstage .btn-rtnl-grey {
		margin-left: 5px !important;
	}
	.slider-navcontrol {
		bottom: 0;
		height: 40px;
		margin-bottom: -40px;
		right: 10%;
		top: auto;
		width: 80px;
	}
	.slider-navcontrol .carousel-control {
    	display: inline-block;
    	position: absolute !important;
	}
}

@media (max-width: 480px) {
	.sliderMainstage .SMwrapper {
		height: 390px !important;
	}
	.sliderMainstage .slideContainer .sliderHeadline {
	font-size: 22px;
	}
}

/* =========================================== */
/* Slider Different Views                      */
/* =========================================== */


#differentGallery{
    position: relative;
}

#diffPicHolder{
	background: #EBEBEB;
	position: relative;
	top:0;
	z-index:3;
	width:100%;
}

/* img */
#diffPicHolder div {
    display:none;
    width: 100%;
    height: auto;
    z-index:0;
}
	
#diffPicHolder .pic1 {
    display:block; /*inline;  */
}

#diffPicHolder .abs{
    position: absolute;
    top:0;
    left:0;
}
	
.knob-holder {
    bottom: 20px;
    left: 50%;
    right: 50%;
    position: absolute;
    z-index: 15;
}

.different-gallery-slider-container {
	height:auto;
	margin-bottom: 24px;
}

.knob-holder {
    bottom: 30px;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    z-index: 15;
}

.slider-tick {
    position: absolute;
    width: 20px;
    height: 20px;
	background: #DCDCDC;
    background-image: none;
    background-repeat: no-repeat;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    filter: none;
    opacity:1;
	border: 1px solid #7D7D7D;
}

.slider.slider-horizontal .slider-tick {
	margin-top: -10px;
}

.slider-tick.in-selection {
    background-image: none;
    background-repeat: no-repeat;
	border: 1px solid #7D7D7D;
    filter: none;
}

.slider.slider-horizontal {
	width: 400px;
}

@media (max-width: 767px) {
	.slider.slider-horizontal {
		width:200px;
	}
}

.slider.slider-horizontal .slider-track {
	height: 1px;
	margin: 0;
}

.slider-handle {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: #FFF;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid transparent;
	margin-left: -20px !important;
	margin-top: -20px !important;
}

.slider-handle::before {
    content: "\e8e1";
    font-family: "raticons";
	font-size: 24px;
	line-height: 40px;
	text-align: center;
}

.slider-handle:active,
.slider-handle:focus {
	background: #3C3C3C;
	color: #FFF;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-image: none;
	background: #7D7D7D;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.slider-selection.tick-slider-selection {
  background-image: none;
}

/* =========================================== */
/* Slider Multitext / Statictext               */
/* =========================================== */

.sliderMultitext h2,
.sliderStatictext h2 {
	margin-top: 30px;
}

/* =========================================== */
/* Slider Club Recipes                         */
/* =========================================== */

.scaled-img-holder {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 100%;
}

.five-stars-small {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
	height: 100%;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
	transform-style: preserve-3d;
	transform-style: flat;
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
}

.five-stars-small h2 {
    color: #fff;
    font-size: 18px;
}

.icon {
    display: inline-block;
    /*font-family: "icons";*/
    font-style: normal;
    font-weight: 400;
    font-size: 1.8em;
}

.icon-star,
.icon-star_full {
    color: #FFFFFF;
	font-size:28px;
	letter-spacing: -2px;
}

.sliderClubRecipes .col-md-4 {
	margin-bottom: 40px;
}

/* =========================================== */
/* Slider - Product                            */
/* =========================================== */

@media only screen and (min-width : 992px) {
	#product-mobile-navigator {
    	display:none;
	}
}

@media only screen and (max-width : 991px) {
	.product-nav-holder {
	    top: 0;
		bottom: 0;
	    position: absolute;	   
    	z-index: 33;
    	width:50% !important;
		padding:0;
	}
	
	#product-mobile-navigator {
	    bottom: 50%;
	    left: -40px;
		margin-bottom:-60px;
    	position: absolute;
    	display:block;
		z-index:66;
	}
}

@media only screen and (max-width : 520px) {
	.product-nav-holder {
    	width:calc(100% - 40px) !important;
	}
}

#product-mobile-navigator > a {
    background-color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

#product-mobile-navigator span.icon-raticons {
	font-size: 22px;
}

.product-nav-holder {
	background: transparent;
	left: inherit;
	right: 0;
	position: absolute;
}

@media only screen and (max-width : 991px) {
	.product-nav-holder {
		background: #DCDCDC;
		}
}

.product-nav-ul {
    padding: 30px 20px 30px 20px;
}

@media (min-width: 992px) {
	.product-nav-ul {
    	padding: 30px 0 30px 0;
	}
}

.product-nav-item {
	padding-left: 40px;
	text-indent: 0;
}

.product-nav-item::before {
	content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    border: 0;
    border-radius: 0;
    background-color: #DCDCDC;
}

.product-nav-item.active::before {
    border: 5px solid #DCDCDC;
    border-radius: 0;
    background-color: #e10019;
}

.product-nav-item.active h5 {
	color: #E10019;
}

#info {
	padding: 30px 20px;
}

#info h4 {
	font-size:28px;
	color: #E10019;
}

@media (max-width: 991px) {
	#info h4 {
	font-size:24px;
	}
}
@media (max-width: 767px) {
	#info h4 {
	font-size:20px;
	}
}


.myFly {
    background: #EBEBEB url(../images/product-slider/bg.jpg);
	background-size: cover;
	min-height: 360px;
    position: relative;
    overflow: hidden;
}


.myFly li {
    margin-top: 0;
    padding-top: 0;
}


.myFly li > h5 {
	cursor:pointer;
	font-size: 16px;
}


 	div#sequence_1,
 	div#sequence_2,
	div#sequence_3,
	div#sequence_4,
	div#sequence_5 
 	{
      position: absolute;
      top: 30px;
      left: 21px;
	  right: 16px;	
   }
   
@media (max-width: 767px) {
	
	#info{
		height: 360px;
	}
	/*
	div#sequence_1,
 	div#sequence_2,
	div#sequence_3,
	div#sequence_4,
	div#sequence_5 
 	{
      position: relative;
      top: 0;
      left: 0;
   }*/
}


/* Timeline Elements */

/* 1 Bubble */

.timeline-section {
	margin-bottom: 80px;
}

.bubble-amount_1 > img {
	 width: 32% !important;
}

.bubble-amount_1 #bubble_1_1,
.bubble-amount_1 #bubble_2_1,
.bubble-amount_1 #bubble_3_1,
.bubble-amount_1 #bubble_4_1 {
  left: 0;
  top:19%;
  position: absolute;
}


/*  2 Bubble  */

.bubble-amount_2 > img {
	 width: 30% !important;
}

.bubble-amount_2 #bubble_1_1,
.bubble-amount_2 #bubble_2_1,
.bubble-amount_2 #bubble_3_1,
.bubble-amount_2 #bubble_4_1 {
  left: 16%;
  top:15%;
  position: absolute;
}

.bubble-amount_2 #bubble_1_2,
.bubble-amount_2 #bubble_2_2,
.bubble-amount_2 #bubble_3_2,
.bubble-amount_2 #bubble_4_2 {
  left: 27%;
  top:46%;
  position: absolute;
}

/* 3 Bubble */

.bubble-amount_3 > img {
	 width: 22% !important;
}

.bubble-amount_3 #bubble_1_1,
.bubble-amount_3 #bubble_2_1,
.bubble-amount_3 #bubble_3_1,
.bubble-amount_3 #bubble_4_1 {
  left: 36%;
  top:18%;
  position: absolute;
}

.bubble-amount_3 #bubble_1_2,
.bubble-amount_3 #bubble_2_2,
.bubble-amount_3 #bubble_3_2,
.bubble-amount_3 #bubble_4_2 {
  left: 16%;
  top:34%;
  position: absolute;
}

.bubble-amount_3 #bubble_1_3,
.bubble-amount_3 #bubble_2_3,
.bubble-amount_3 #bubble_3_3,
.bubble-amount_3 #bubble_4_3 {
  left: 36%;
  top:50%;
  position: absolute;
}



/* 4 Bubble */

.bubble-amount_4 > img {
	 width: 19%;
}

.bubble-amount_4 #bubble_1_1,
.bubble-amount_4 #bubble_2_1,
.bubble-amount_4 #bubble_3_1,
.bubble-amount_4 #bubble_4_1 {
  left: 18%;
  top:16%;
  position: absolute;
}

.bubble-amount_4 #bubble_1_2,
.bubble-amount_4 #bubble_2_2,
.bubble-amount_4 #bubble_3_2,
.bubble-amount_4 #bubble_4_2 {
  left: 38%;
  top:26%;
  position: absolute;
}

.bubble-amount_4 #bubble_1_3,
.bubble-amount_4 #bubble_2_3,
.bubble-amount_4 #bubble_3_3,
.bubble-amount_4 #bubble_4_3 {
  left: 18%;
  top:40%;
  position: absolute;
}

.bubble-amount_4 #bubble_1_4,
.bubble-amount_4 #bubble_2_4,
.bubble-amount_4 #bubble_3_4,
.bubble-amount_4 #bubble_4_4 {
  left: 38%;
  top:50%;
  position: absolute;
}

#picture_1, #picture_2, #picture_3, #picture_4 {
    width: 30%;
}

#payload_1, #payload_2, #payload_3, #payload_4 {
    left: 32.65%;
    position: absolute;
    top: 12%;
    width: 24.5%
}

@media (max-width: 991px) {
	.myFly li > h5 {
	font-size: 15px;
	}
	.myFly {
		min-height: 300px;
	}
	.product-nav-item::before {
		background-color: #FFF;
	}
	.product-nav-item.active::before {
		border: 5px solid #FFF;
	}
}

@media (max-width: 767px) {
	.myFly li > h5 {
	font-size: 14px;
	}
	.myFly {
		min-height: auto;
	}
}

/* =========================================== */
/* Absatzvorlagen  Text                        */
/* =========================================== */

section.text p {
	max-width: 75%;
}

.two-columns-text {
	margin-bottom: 0;
}

.two-columns-text .list-style-type-1 {	
    list-style: none outside none;
}

section.text .two-columns-text p {
	max-width: 100%;
}


@media (max-width: 991px) {
	
	.two-columns-text {
		width: 100%;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

	/* 970 */
	
	.two-columns-text {
		column-count: 2;	
		width: 940px;
		
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
		column-gap: 30px;
		
		column-width: 450px;
		-moz-column-width: 450px;
		-webkit-column-width: 450px;
	
		-moz-column-fill: balance;
		-webkit-column-fill: balance;
		column-fill: balance;

		-webkit-perspective:1;
	}
}

@media (min-width: 1200px) {

	.two-columns-text {
		column-count: 2;	
		width: 1140px;
		
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
		column-gap: 30px;
		
		column-width: 550px;
		-moz-column-width: 550px;
		-webkit-column-width: 550px;
	
		-moz-column-fill: balance;
		-webkit-column-fill: balance;
		column-fill: balance;

		-webkit-perspective:1;
	}
}

@media (max-width: 1200px) {
	section.text p {
		max-width: 100%;
	}
}

@media (max-width: 992px) {
	.text-bulletpoints .col-md-6:first-child {
		margin-bottom: 40px;
	}
}

.custom-bullet-text {
	padding: 20px;
}

.custom-bullet-text p {
	font-size: 16px;
    font-weight: 400;
	padding-left: 0;
}

.custom-bullet-text > ul {
	padding: 0;
}

.custom-bullet-text li {

}

.custom-bullet-text li:before {
	color: #3C3C3C !important;
    content: "\e91b";
    font-family: "raticons";
    font-size: 24px;
	left:-5px;
}

@media (max-width: 991px) {
	.custom-bullet-text li:before {
	font-size: 22px;
	}
}

@media (max-width: 767px) {
	.custom-bullet-text li:before {
	font-size: 20px;
	}
}

.custom-bullet-text {
	background-color:#EBEBEB;
}

.text-linklist {
	margin-bottom: 0;
}

.text-linklist > ul {
    padding-left: 0;
}

.text-linklist > li {
    padding-left: 0;
}

.QuarterBlock h5 {
	margin-bottom: 6px;
}

.text-linklist li::before,
.content-bottom-text-link a::before,
.QuarterBlock a::before,
.QuarterBlockLinks span::before {
    color: #3C3C3C;
    content: "\e93c";
    font-family: 'raticons' !important;    
	margin-right: 5px;
}


.text-linklist li::before {
	margin-right: 0px;
}

.text-linklist a,
.content-bottom-text-link a,
.QuarterBlock a {
    color: #3C3C3C;
	display: block;
    font-size: 16px;
}

@media only screen and (max-width: 767px) {
	.text-linklist a,
	.content-bottom-text-link a,
	.QuarterBlock a {
    	top: -7px;
	}
}

.content-bottom-text-link a,
.QuarterBlock a {
	padding-left: 25px;
 	text-indent: -25px;
}

.QuarterBlock a.imgLink {
	padding-left: 0;
 	text-indent: 0;
}

.QuarterBlock a.imgLink::before {
	content: none;
}

@media (max-width: 991px) {
	.text-linklist a,
	.content-bottom-text-link a,
	.QuarterBlock a {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.text-linklist a,
	.content-bottom-text-link a,
	.QuarterBlock a {
	font-size: 14px;
	}
}

.text-linklist li:hover,
.text-linklist a:hover,
.content-bottom-text-link a:hover,
.QuarterBlock a:hover {
	color: #e10019;
}

.text-linklist li {
    list-style: outside none none;
    margin-left: 0;    
	padding-bottom: 6px;
}

/* ================== */
/* Text picture/video */
/* ================== */

.TextwImaVid h2 {
	margin-top: 30px;
}

.content-video-pic-container {
    overflow: hidden;   
    position: relative;
}

@media (max-width: 992px) {
	.TextwImaVid h2 {
		margin-top: 0;
	}
	.content-video-pic-container {
		margin-bottom: 40px;
	}
	.TextwImaVid .content-video-pic-container {
		margin-bottom: 0;
	}
	.TextwImaVid .col-md-6 {
		margin-bottom: 12px;
	}
}

.scaled-picture-holder {
    background-position: center center;
    background-size: cover;
    height: 0;
    padding-top: 56.25%;
    position: relative;
}

.content-video-pic-container .videobtn {
	background:rgba(0,0,0,0.4);
    height: 100%;
    position: absolute;
    width: 100%;
}

.content-video-pic-container .videobtn::before {
	color: #FFF;
    content: "\e916";
    font-family: 'raticons';   
	font-size: 60px; 
	font-weight: normal;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	position: relative;
	top: 50%;
}


/* Video full width black mask */

.content-video-pic-container .scaled-picture-holder .videobtn::before
{
	top: -50%;
	
}


@media (min-width: 768px) {

	.content-video-pic-container .scaled-picture-holder .videobtn::before
	{
	font-size: 120px;
	    margin-left: -60px;
    	margin-top: -60px;
	}
}



.content-video-pic-container .videobtn {

	  z-index: 2;

}

.black-cover-holder {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}



.empty-video-container {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
	display:none;
}

.layover-triangle-bottomright {
    border-bottom: 33px solid #e10019;
    border-left: 24px solid transparent;
    float: left;
    height: 0;
    width: 0;
}

.layover-text-holder {
    background-color: #e10019;
    float: left;
    padding: 6px 12px 3px 4px;
}

.layover-text-holder > p {
    margin-bottom: 0;
}

p.caption {
	background-color: #e10019;
	bottom: 0;
	color: #ffffff;font-weight: 700;
	font-size: 18px;
	margin-bottom:0;
	padding: 8px 20px 8px 5px;
	position: absolute;
	right: 0;
	z-index: 1;
}

p.caption:before {
    border-bottom: 40px solid #e10019;
    border-left: 29px solid transparent;
    content: "\A";
    left: -28px;
    position: absolute;
    height: 0;
	top: 0;
    width: 0;
}

@media (max-width: 768px) {
	p.caption {
	font-size: 14px;
    	padding: 8px 20px;
		position: relative;
		width: 100%;
	}
}

.content-video-pic-text-layover-container {
    bottom: 0;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 0;
	z-index:33;
}


@media (max-width: 991px) {
	.pull-right.content-element-pull{
		float:none !important;
	}
}

/* ================================== */
/* Absatzvorlagen Slider Image / Text */
/* ================================== */

.controlsBlock {
   	position: relative;
   	bottom: 0;
   	left: 0;
   	top: 0;
   	display: block;
   	width: 30px;
   	margin: 0 auto;
   	z-index: 1;
   	height: 40px;
   	text-align: center;
	padding-bottom: 40px;
	width:80px;
}

.controls {
   	position: relative;
   	display: block;
}

.carousel-control {
  	position: absolute;
  	bottom: 0;
  	left: 0;
	background-image: none !important;
  	background: #FFF;
  	color: #3C3C3C !important;
  	text-align: center;
	text-shadow: none;
	height:40px;
	line-height: 40px;
	opacity: 1;
	width: 40px;
    transition: background-color 0.8s ease;
}

.carousel-control:hover {
  background: #E10019;
  color: #FFF !important;
  transition: background-color 0.8s ease;
}

.carousel-control i {
	font-size: 20px;
}

.carousel-control.left {
  	left: 0;
}

.carousel-control.right {
  	right: 0;
}

.carousel-control:hover,
.carousel-control:focus {
  	color: #000;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  	position: absolute;
  	z-index: 5;
  	display: inline-block;
}

.carousel-control .glyphicon-chevron-left {
  	left: 0;
}

.carousel-control .glyphicon-chevron-right {
  	right: 0;
}

/* ============== */
/* Teaser General */
/* ============== */

.gradient-container {
    background: #EBEBEB;
}

.gradient-picture {
    margin-bottom: 20px;
}

.gradient-picture img {
    /*padding-right: 20px;*/
    width: 100% !important;
    height: auto;
}

.gradient-container .content-bottom-text-link a {
    background: #fff url("../images/icons/bullet-linklist.png") no-repeat scroll 10px 10px / 12px 19px;
    color: #3C3C3C;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 12px 12px 30px;
}


.gradient-container .content-bottom-text-link a:hover {
    background: #fff url("../images/icons/bullet-linklist-hover.png") no-repeat scroll 10px 10px / 12px 19px;
    color: #e10019;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 12px 12px 30px;
}

.content-bottom-text-link > div {
    margin-bottom: 6px;
}

.content-bottom-text-link.gradient-link > div {
    margin-bottom: 36px;
}

/* ============== */
/* Teaser CTA */
/* ============== */

.teaserCalltoaction {
	margin:0;
	padding-bottom: 0px !important;
}

.teaserCalltoaction p {
    margin-bottom: 20px;
}

.teaserCalltoaction p.headline2 {
    color: #E10019;
    font-size: 32px;
    line-height: 110%;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
	margin-top: 50px;
    padding: 0;
}

.teaserCalltoaction p.headline3 {
	color: #3C3C3C;
	font-size: 28px;
	line-height: 110%;
    font-weight: 700;
    margin: 0;
    margin-bottom: 20px;
	margin-top: 120px;
    padding: 0;
}

.teaserCalltoaction a.phone {
	color: #3C3C3C;
	font-size: 30px;
	line-height: 110%;
    font-weight: 700;
    margin: 0;
}

@media (max-width: 991px) {
	.teaserCalltoaction p.headline2 {
		font-size: 28px;
	}
	.teaserCalltoaction p.headline3 {
		font-size: 24px;
	}
	.teaserCalltoaction a.phone {
		font-size: 26px;
	}
	.animation-element {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.teaserCalltoaction p.headline2 {
		font-size: 25px;
	}
	.teaserCalltoaction p.headline3 {
		font-size: 20px;
		margin-top: 0;
	}
	.teaserCalltoaction a.phone {
		font-size: 23px;
	}
	.animation-element {
		margin-top: 40px;
	}
}

.parallaxAction {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    width: 80%;
    display: block;
}

.animation-element {
	min-height: 400px;
	overflow: hidden;
}

*[class^="prlx"] {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 450px;
    position: absolute;
    width: 100%;
    bottom:0;
	height:300px;
    left:0;
	-webkit-transition: height 0.5s ease-in;
	-moz-transition: height 0.5s ease-in;	
	-ms-transition: height 0.5s ease-in;
	-o-transition: height 0.5s ease-in;
	transition: height 0.5s ease-in;
}

.in-view .prlx {
	height:400px;
}

@media (max-width: 500px) {
	.animation-element {
		min-height: 250px;
	}

	*[class^="prlx"] {
    	background-position: bottom center;
	    background-size: contain;
		height:250px;
	}
	.in-view .prlx {
		height:250px;
	}
}

/* ============== */
/* Teaser News    */
/* ============== */

section.TeaserNews {
	margin-bottom: 30px;
}

.TeaserNews .row > [class*="col-"]{
	padding-top: 0;
}

.newsTeaser, .regTeaser {
	background: #DCDCDC;
}

.newsTeaser p {
	font-weight: 700;
	font-size: 12px;
	margin-bottom: 0;
	padding: 20px 20px 0;
}

.regTeaser p {
	padding-left: 20px;
	padding-right: 20px;
}

.newsTeaser p span {
	font-weight: 400;
}

.newsTeaser h4,
.newsTeaser h5 {
	padding-left: 20px;
	padding-right: 20px;
}

.newsTeaser.refTeaser {
	background: none;
}

.newsTeaser.refTeaser h5 {
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
}


.refTeaser.news-overview-big {
}

.regTeaser h3 {
	padding: 30px 20px 0;
}

.regTeaser .btn,
.newsTeaser .btn {
    margin: 20px;
}

@media (max-width: 767px) {
	.newsTeaser, .regTeaser {
		height: auto !important;
	}
}

@media (min-width: 768px) {
	.newsTeaser img {
		/*height: 160px;*/
	}
}

.slow-fade-item{
	display:none;
}

.ir-news .newsTeaser {
	margin-bottom: 30px;
}

.ir-news .eqHeight {
	min-height: 150px;
}

@media (max-width: 768px) {
	.ir-news .eqHeight {
		min-height: 70px;
	}
}

/* ================ */
/* Page entry tabs  */
/* ================ */

.page-entry-header-image{
	height:480px;
}

.pageEntryTabs {
	background-repeat:no-repeat;
	background-size: cover;
	height: 360px;
	margin-bottom: 80px;
	padding-bottom: 0 !important;
}

.withImage {
	margin-bottom: 60px;
}

.withSearchBar {
	margin-bottom: 75px;
}

.withTextImage {
	margin-bottom: 60px;
}

.pageEntryTabs .pageEntry-mobile {
	display: none;
}

.pageEntryTabs .row {
	margin-left:0;
	margin-right:0;
}

.pageEntryTabs .btn-group {
	display:block;
	margin: -20px auto 30px; 
}

#mobileTabsButton {
	text-align: left;
	letter-spacing: .035em;
	padding: 0 20px;
}

.pageEntryTabs .dropdown-menu {
	background: #DCDCDC;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin:0;
	padding:0;
	width: 100%;
}

.pageEntryTabs .dropdown-menu li {
	padding-bottom: 0;
    padding-left: 0;
	text-indent: 0;
}

.pageEntryTabs .dropdown-menu li:before {
    content: "" !important;
	margin:0 !important;
}

.pageEntryTabs .dropdown-menu li a {
    line-height: 40px;
	padding: 0 20px;
}

.pageEntryTabs .container {
	padding:0;
	position: relative;
}

.pageEntryTabsContainer {
	background: #FFF;
	height: 360px;
	padding-right:0;
}

.pageEntryTabs p {
	margin-bottom: 40px;
}

.pageEntryTabs img {
	margin: 30px 0 0 0;
	max-width: 80px;
}

.pageEntryTabs p,
.pageEntryTabs h1 {
	padding-left: 0;
	padding-right: 0px;
	position:relative;
	width:350px;
}

.pageEntryTabs h1 {
	margin-top: 20px;
	width:400px;
}

.pageEntryTabs h1 span.subheadline {
	width:380px;
}

@media (max-width: 590px) {
	.pageEntryTabs h1 {
		width:100%;
	}
	.pageEntryTabs p {
		width:100%;
	}
}

.pageEntryTabs .slate {
	background-image:url(../images/theme/bg-slant-right.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 360px;
}

ul.page-entry-tabs {
    margin-top: -20px;
    position: absolute;
	left: 50%;
	margin-left: -50%;
    text-align: center;
	width: 100%;
    z-index: 2;
}

ul.page-entry-tabs li {
	margin: 0 -3px;
	padding: 0; 
	list-style: none;
	display: inline-block;
	text-indent: 0;
}

ul.page-entry-tabs li::before { 
	content: none; 
}

ul.page-entry-tabs li a {
	display:block;
	background: #DCDCDC;
	line-height: 40px;
	padding: 0 20px;
	text-decoration: none;
	color: #333333;	
	transition: background-color 0.4s ease;
}

ul.page-entry-tabs li a:hover, 
ul.page-entry-tabs li.current a {
	background: #EBEBEB;	
	color:#e10019;	
}

@media (max-width: 992px) {
	.btn-page-entry {
		left:10%;
		margin-bottom: -1px;
		margin-top: -20px;
		width: 80%;
	}

	.pageEntryTabs .dropdown-menu {
		left:10%;
		width:80%;
	}
	
	.btn-group.open .dropdown-toggle {
		background: #EBEBEB;	
		color:#e10019;	
		text-align: left;
	}

	.btn-page-entry .caret {
		border-bottom: 0;
		border-top: 0;
    	border-right: 0;
    	border-left: 0;
		margin-right: 15px; 
		margin-top: 0;
		top: 0;
		position: absolute;
		right: 20px !important;
		}

	.btn-group.open .btn-page-entry .caret {
		right: 20px !important;
		}

	.btn-page-entry .caret:before {
		content: "\e901";
		font-family: "raticons";
		}

	.page-entry-tabs .caret {
		border-bottom: 0;
		border-top: 0;
    	border-right: 0;
    	border-left: 0; 
		top: 10% !important;
		right: 30px !important;
		}

	.page-entry-tabs .caret:before {
		content: "\e901";
		font-family: "raticons";
		}

	.pageEntryTabs,
	.pageEntryTabsContainer,
	.pageEntryTabs .slate {
		height: 300px;
	}

	.pageEntryTabs img {
		margin: 20px 0 0 0;
		max-width: 90px;
		}
	#mobileTabsButton {
	font-size: 15px;
	}
	.pageEntryTabs .dropdown-menu li a {
	font-size: 15px;
	}
	.pageEntryTabs .dropdown-menu li a:hover,  
	.pageEntryTabs .dropdown-menu li a:focus {  
		color: #E10019;
	    background-color: #ebebeb;
	}
}

@media (max-width: 768px) {
	.pageEntryTabs {
		background-image: none !important;
		height: auto;
	}

	.pageEntryTabs h1 span.subheadline {
		display:inline;
	}

	.pageEntryTabs.acc-header-picture {
		margin-bottom: 10px;
	}

	.pageEntryTabs .pageEntry-mobile {
		background-size:cover;
		display:block;
		padding-bottom: 44%;
		min-height: 160px;
	}

	.pageEntryTabs h1,	
	.pageEntryTabs p {
		width: 100%;
	}

	.pageEntryTabs h1 {
		margin-top: 5px !important;
	}

	.pageEntryTabsContainer {
		height: auto;
		left:10%;
	    margin: -40px 0 0 0;
		padding: 10px 20px;
		width:80%;
	}
	.pageEntryTabs img {
		margin: 20px 0 0 0;
		max-width: 40px;
		}

	.pageEntryTabs,
	.pageEntryTabsContainer,
	.pageEntryTabs .slate {
		height: auto;
	}
	.btn-page-entry {
		margin-top: 0;
	}
	#mobileTabsButton {
	font-size: 14px;
	}
	.pageEntryTabs .dropdown-menu li a {
	font-size: 14px;
	}
	section.withTextImage {
		margin-bottom: 30px;
	}
}

@media (max-width: 480px) {
	.pageEntryTabs h1 {
		font-size: 24px;
	}
}

/* ============== */
/* Table regular  */
/* ============== */

.regularTable h3 { 
	margin-bottom: 6px;
}

.regularTable table { 
	border-collapse: separate; 
	border-spacing: 0; 
	font-size: 14px;
	margin: 0;
}

@media (max-width: 991px) {
	.regularTable table {
	font-size: 12px;
	}
}

@media (max-width: 767px) {
	.regularTable table {
	font-size: 11px;
	}
}

.regularTable td,
.regularTable th {
	background: transparent;
	padding: 15px 15px 15px 0;
	vertical-align: top;
}

.regularTable th {
	font-weight: 700;	
}

.regularTable td {
	border-bottom: 1px solid #3c3c3c;
}

.regularTable td.t-border {
	padding: 0;
	border-bottom: 1px solid #3c3c3c;
}

.regularTable tr.lastRow td.t-border {
	padding: 0;
	border-bottom: 0;
}

.regularTable th {
	border-bottom: 2px solid #3c3c3c;
}

div.small {
	font-size: 10px;
	margin-top: 4px;
}

table.colwidthfix {
	table-layout:fixed;
}

/* ============== */
/* Download table */
/* ============== */


.downloadTable {
	display: contents !important;
}

.downloadTable .icon-raticons {
	font-size: 28px;
}

table.table-download {
	margin-top: -12px;
}

table.table-download thead tr th {
    border-bottom: 0 none;
    color: #3C3C3C;
    font-size: 14px;
	font-weight: 400;
    padding: 15px 15px 15px 0;
    text-align: left;
    vertical-align: top;
}

table.table-download tr:first-child {
    border-bottom: 1px solid #7D7D7D;
	border-top: 0 none;
}

table.table-download tr td {
    border-bottom: 1px solid #7D7D7D;
	line-height: 1;
    padding: 10px 15px 10px 0;
    text-align: left;
}

table.table-download tr td a {
    color: #3C3C3C;
	font-weight: 700;	
}
table.table-download tr td a.table-icon {
	display: block;
	width: fit-content;
}

.downloadTable > .container .row {
	margin-bottom: 60px;
}

.downloadTable > .container .row:last-child {
	margin-bottom: 0;
}

/* ========== */
/* slidePanel */
/* ========== */

#slidePanel-holder {
	z-index:1400;
	top: 162px !important;
}

@media (max-width: 991px) {
	#slidePanel-holder {
		z-index:1400;
		top: 92px !important;
	}
}

.slidePanel ul, .slidePanel li {
  background: #dcdcdc;
  list-style: outside none none !important;
  margin: 0;
  padding: 0;
}

.slidePanel-click-tabs {
  clear: both;
  overflow: hidden;
}
.slidePanel * {
  box-sizing: border-box;
}

.slidePanel-click-item {
  background: #ccc;
  border-bottom: 1px solid #EBEBEB;
  cursor: pointer;	
  height: 120px;
  transition: background-color 0.8s ease;
}

.slidePanel-click-item:last-child {
  border-bottom: 0;
}

.slidePanel-click-item .icon-raticons {
	font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
	text-align:center;
}

.slidePanel-click-item a {
  text-decoration: none;
  outline: none;
}

.slidePanel-click-item:hover {
  background: #EBEBEB;
  transition: background-color 0.8s ease;
}

.slidePanel-click-item.active{
  background: #EBEBEB;
}

.slidePanel-click-item img {
  margin: 5px;
  width: 30px;
}

.slidePanel-click-item.active img {
  fill: #fff;
}

.slidePanel-click-item div {
  color: #3C3C3C;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 0;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: right;
  width: 80px;
  transition: color 0.8s ease;
}

.slidePanel-click-item.active div,
.slidePanel-click-item.active span {
  color: #E10019;
}

.slidePanel-click-item:hover div {
  color: #E10019;
  transition: color 0.8s ease;
}

.slidePanel-tab-content{
  background: #EBEBEB !important;
  min-height: 480px;
  width: 240px;
  position: absolute;
  display:none;
  top:0;

  /*-webkit-box-shadow: 0px 20px 120px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 20px 120px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 20px 120px 0px rgba(0,0,0,0.2);*/
}

.slidePanel-tab-content h4 {
    color: #e10019;
    margin: 0 15px;
}

.slidePanel-tab-content h5 {
    margin: 0 20px;
}

.slidePanel-tab-content div.tellabel {
  display: block;
  font-size: 14px;
  margin-left: 20px;
}

.slidePanel-tab-content a.link {
  color: #3C3C3C;
  display: block;
  font-size: 14px;
  margin-left: 40px;
  text-indent: -19px;
}

.slidePanel-tab-content a.link:before {
	content: "\e93c";
	font-family: 'raticons' !important;
	padding-right:6px;
	font-size:12px;
}

.slidePanel-tab-content a.link:hover {
  color: #E10019;
}

.slidePanel-tab-content a.tel {
	display: block;
	font-size: 16px;font-weight: 700;
	margin-bottom: 20px;
	margin-left: 20px;
}

.slidePanel-tab-content p {
	font-size: 12px;
  line-height: 125%;
  margin: 0 20px 20px 20px;
}

.slidePanel-tab-content p.intro {
	font-size: 12px;
  line-height: 125%;
  margin: 0 20px;
  padding-top: 30px;
}

.slidePanel-tab-content p.introfull {
	font-size: 12px;
  line-height: 125%;
  margin: 0 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.slidePanel-tab-content h3 {
	font-size: 18px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.slidePanel-tab-content .portrait img {
  margin: 0 20px 30px 20px;
  height:100px;
  width: auto;
}

.slidePanel-tab-content input {
  display: block;
  margin: 20px 20px 0 20px;
  width: 200px;
}

.slidePanel-tab-content input[type="text"] {
  background: #FFF;
  border: 0;
  border-radius: 0;
  box-shaodow: none;
  color: #3C3C3C;
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  padding: 0 15px;
  text-shadow: none;
  width: 200px !important;
}

@media (max-width: 991px) {
	.slidePanel-tab-content input[type="text"] {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.slidePanel-tab-content input[type="text"] {
	font-size: 14px;
	}
}

.slidePanel-tab-content a.btn.btn-rtnl-white {
    margin-left:20px;
}

/* Icons mobile view */
@media screen and (max-width: 768px) {

	.slidePanel-click-item {
    	height: 40px;
	}

	.slidePanel-click-item div {
    	display: none;
	}
}

/* ========= */
/* scrollBox */
/* ========= */

#scrollbox {
  background: #EBEBEB;
  bottom: -100px;
  cursor: pointer;
  left: 50%;
  margin-left: -250px;
  padding:15px 50px 20px 25px;
  position: fixed;
  width:500px;
  z-index:999;
  /*
	-webkit-animation: slidein 0.5s forwards;
  -moz-animation: slidein 0.5s forwards;
  animation: slidein 0.5s forwards;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  -moz-animation-delay: 3s;
  -webkit-animation-delay: 3s;
  animation-delay: 2s;
	*/
}

@media screen and (max-width: 500px) {
	#scrollbox {
		left:0;
		margin-left:0;
		width:100%;
	}
}

#scrollbox h4 {
  margin: 7px 0 0 0;
  padding-left: 65px;
}

#scrollbox img {
  float: left;
  margin-right: 30px;
  margin-top: 10px;
}

#scrollbox .close-btn {
  color: #3C3C3C;
  font-size: 24px;
  position: absolute;
  top:10px;
  right: 10px;
}

#scrollbox .close-btn:hover {
  cursor: hand;
}

@-webkit-keyframes slidein {
  100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes slidein {
  100% { -moz-transform: translateY(0); }
}

@keyframes slidein {
  100% { transform: translateY(0); }
}

.scrolling {
  -webkit-animation: slideout 0.5s forwards;
  -moz-animation: slideout 0.5s forwards;
  animation: slideout 0.5s forwards;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  -moz-animation-delay: 1s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

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

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

@keyframes slideout {
  100% { transform: translateY(100%); }
}

.marker {
  display:block;
  font-size: 24px;
  margin-top: 15px;
}

#scrollbox p.red {
  margin:0 0 0 -30px;
}

#scrollbox a.headline {
  color: #CC0000;
  font-size: 20px;
  line-height: 20px;
  margin:0;
  text-decoration: none;
//* text-transform: uppercase; *//
}


#scrollbox a.headline span {
  color: #003366;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin:0 5px 0 -20px;
}

#scrollbox a.headline:hover {
  text-decoration: none;
}

.scroll-here {

}

/* ====== */
/* footer */
/* ====== */

.footer {
  /* new bg grey #EBF0F2
  background: #f6f6f6;
  */
  padding: 30px 0;
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer ul li {
  line-height: 1.25em;
  padding: 6px 0;
}

.footer ul li:first-child {
	color: #3C3C3C;
	font-weight: 700;
}

.footer ul li a {
	color: #3C3C3C;
	font-weight: 400;
}

.footer ul li a:hover {

}

/* ========= */
/* Formulare */
/* ========= */

.form-group.error .btn.dropdown-toggle.btn-default,
.form-group.error textarea {
    background-color: #f9ccd1;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
  outline-offset: 0;
}

.newsletterForm h5,
.newsletterForm .subheadline {
  margin-bottom: 0;	
}

.newsletterForm > div {
  padding: 30px 0;
}

.newsletterForm input {
  background: #FFF;
  border: 0;
  border-radius: 0;
  box-shaodow: none;
  color: #3C3C3C;
  font-size: 16px;
  line-height: 45px;
  margin-right:15px;	
  height: 45px;
  text-shadow:none;
  width: 340px !important;
}

input[type="text"],
input[type="tel"],
input[type="email"] {
    background: #EBEBEB;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3C3C3C;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    text-shadow: none;
}

label {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 0;
}

.form-control,
textarea {
    background: #EBEBEB;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3C3C3C;
    font-size: 16px;
    line-height: 40px;
    padding: 0 15px;
    text-shadow: none;
}

textarea {
    line-height: normal !important;
    padding: 15px !important;
}

@media (max-width: 991px) {
	.form-control, textarea {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.form-control, textarea {
	font-size: 14px;
	}
	.newsletterForm {
		margin-top: 15px;
	}
}

textarea.form-control {
	resize:vertical; 
	max-height:450px; 
	min-height:200px;
}

.form-control:focus {
	border: 0px solid transparent;
	box-shadow: none; 
}

select.selectpicker {
	display:none;
}

.bootstrap-select {
    box-shadow: none;
	display: block;
	width:100% !important;
}

.bootstrap-select .caret,
.btn-group.open .caret {
	border-bottom: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
	top: 0 !important;
	right: 30px !important;
}

.bootstrap-select .caret:before {
	content: "\e901";
	font-family: "raticons";
}

.btn-group.open .caret:before {
	content: "\e900";
	font-family: "raticons";
} 

.bootstrap-select .btn-default,
.bootstrap-select.open .dropdown-toggle,
.bootstrap-select.open .dropdown-toggle:hover,
.bootstrap-select .dropdown-toggle:focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default {
	background-color: #EBEBEB;
	border: 0;
	border-radius: 0;
    box-shadow: none;
	line-height:40px;
	outline: none !important;
	padding:0 0 0 15px;
	width: 100%;
}

.bootstrap-select .btn-default span {
	font-size: 16px;
}

@media (max-width: 991px) {
	.bootstrap-select .btn-default span {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.bootstrap-select .btn-default span {
	font-size: 14px;
	}
}

.bootstrap-select .dropdown-menu {
    background: #DCDCDC;
	border: 0;
	border-radius: 0;
    box-shadow: none;
	font-size: 16px;
	margin-top: 0;
	padding:0;
    text-shadow: none;
	width: 100%;
}

@media (max-width: 991px) {
	.bootstrap-select .dropdown-menu {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.bootstrap-select .dropdown-menu {
	font-size: 14px;
	}
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	max-height: 300px !important;
}

.bootstrap-select .dropdown-menu li {
    padding-left:0;
	text-indent:0;
	padding-bottom:0;
}

.bootstrap-select .dropdown-menu li:before {
	content:none;
	margin:0;
}

.bootstrap-select .dropdown-menu li a,
.bootstrap-select .dropdown-menu li a.ng-binding {
	font-weight: 400;
	line-height: 40px;
	padding: 0 20px !important;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li a:focus {
    background: #EBEBEB;
}

.required {
	color: #E10019;
	margin-left: 5px;
}

p.required-info {
	margin-top:15px;
}

.error,
.error > label,
.error .help-block {
	color: #E10019;
	font-size: 12px;
}

.error input[type="text"],
.error input[type="tel"],
.error input[type="email"],
.error .bootstrap-select .dropdown-toggle, 
.has-error .bootstrap-select .dropdown-toggle {
    background: #F9CCD1;
}

.checkbox,
.radio {
  display: inline-block;
  padding-left: 20px;
}
.panel-title .checkbox,
.panel-title .checkbox label {
  width: 100%;
}
.panel-title .checkbox {
  margin-bottom: 12px;	
  margin-top: 12px;	
}
.checkbox label,
.radio label {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.checkbox label {
	font-size: 16px;	
}
.checkbox label::before,
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  background: #EBEBEB !important;
  border: 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  content: "\e91b";
  font-family: 'raticons' !important;
  font-size: 16px;
  left: 0px;
  top: 0px;
  margin-left: -18px;
  border-radius: 0;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  left: 5px;
  top: 5px;
  margin-left: -20px;
  border-radius: 0;
  background-color: #3C3C3C;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
	font-family: 'FontAwesome';
  content: "\f00c";
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}

.input-group-addon {
	background-color: #C8C8C8;
	border: none;
	border-radius: 0;
	color: #3C3C3C;
	padding: 6px 16px;
}

#form_error_accept a {
	color: #3C3C3C;
	text-decoration: none;
}

/* ========= */
/* socialBar */
/* ========= */

.socialNav {
	font-weight: 400;
	overflow: hidden;
}

.socialNav li {
   float: left;	
   margin-bottom: 0;
}

.socialNav li a,
.socialNav li p,
.copyright {
	font-weight: 700;
	font-size: 14px;
	margin-top: 6px;
}

.socialNav li a {
	margin-right:18px;
}

.copyright {
	margin-top: 6px;
	padding-bottom: 12px;
}

.socialBar {
	/* new bg grey #EBF0F2
	background: #f6f6f6;
	*/
	padding-left: 0;
	padding-right: 0;
}

.socialBar li {
	margin-right: 12px;  	
}

.socialBar ul {
	list-style: none;
	margin: 0;
	padding:0;
}

ul.iconBar li {
   display: inline-block;
   margin-left: 0;  	
	margin-right:0;
}

.socialBar .iconBar a {
	display: block;
	font-size: 28px;
	text-align: center;
}

@media (max-width: 991px) {
	.pull-right.iconBar {
		clear:both;
		float: none !important;
	}
	ul.iconBar li {
   	margin-left: 0;
   	margin-right: 12px;
		margin-bottom: 12px;
	}
	ul.iconBar {
		margin-bottom: 12px;
	}
}

@media (max-width: 767px) {
	.socialBar p {
		line-height: 20px;
	}	
	 .socialBar .pull-right {
		clear: both;
		float: none !important;
	}
	.socialBar li {
		margin-left: 0px;  	
	}
	ul.iconBar li {
   	margin-right: 5px;
	}
}

/* =========================================== */
/*   Icon slider & OWL 2.0 Carousel  Nav       */
/* =========================================== */ 
 
.icon-slider-outer {
    width: 40px;
    height: 20px;   
    background-color: #dcdcdc;   
    cursor:pointer; 
}

.slider-knob {
    background-color: #3c3c3c;
    width: 12px;
    height: 12px;
    margin-top:4px;
    margin-left:4px;
}

.icon-slider-switch {
    margin: 0 auto !important;
}

.icon-slider-switch .icon-slider-outer {
    display: inline-block;
    margin-right: 20px;
}

.icon-slider-switch a {
    display: inline-block;
    margin-right: 20px;
	position: relative;
	top:-5px;
}

.icon-slider-switch a {
	color:#a2a1a1;
}

.icon-slider-switch .toggle-first.active,
.icon-slider-switch .toggle-last.active
{
    color:#3C3C3C;
}

.icon-slider-symbol-container img {
    margin-bottom: 40px;
    width: 80px !important;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    position: relative;
} 

.icon-slider-list-container {
	padding-top: 60px;
}

.icon-slider-list-container img {
    float: left;
	height: auto;
	margin-right: 10px;
    width: 20px;
}

.icon-slider-list-container .icon-text {
    display: block;
	padding-left: 30px;
}

.icon-slider-list-container .item {
	display: block;
	margin-bottom: 10px;
}

.icon-slider-list-block {
	margin-bottom: 20px;
}

.icon-slider-list-block > div::after {
    clear: both;
    content: "";
    display: block;
    float: none;
}

.icon-slider-list-block h5 {
    border-bottom: 1px solid #7D7D7D;
	display:block;
	min-height:30px;
	max-width: 100%;
}

.owl-theme .owl-nav {
    margin-top: 0;
    text-align: center;
}

.iconSlider .owl-theme .owl-nav { 
	border-top: 1px solid #7D7D7D;
}

.iconSlider .owl-carousel .owl-stage {
	margin-bottom: 20px;
}

.iconSlider .owl-carousel .owl-stage-outer {
    background: url(../images/theme/iconslider-shadow-left.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 70px 300px;
	padding-top: 60px;
}

.iconSlider .icon-caroussel {
    background: url(../images/theme/iconslider-shadow-right.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 70px 300px;
}

.owl-theme .owl-nav [class*="owl-"] {
    background: #DCDCDC none repeat scroll 0 0;
    border-radius: 0;
    bottom: 0;
    color: #3C3C3C;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
	margin: 0.2em 0.1em;
    padding: 0;
    width: 40px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #e10019 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
}

.owl-theme .owl-nav [class*="owl-"] span {
	vertical-align: middle;
	text-align: center;
}

.owl-carousel, .owl-item {
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-custom-slider {
	margin-bottom: 0;
}

/* ========= */
/* Sitemap   */
/* ========= */

.panel-group {
	border-top: 1px solid #7D7D7D;
	margin-bottom: 0;
}

.panel-group .panel {
	border-radius: 0;
	margin-top: 0 !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group {
	border-top: 1px solid #7D7D7D;
}

.panel-rational {
	background: none;
	border-bottom: 1px solid #7D7D7D;
	box-shadow: none;
}

.panel-heading {
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	padding: 0 15px 0 0;
}

.panel-heading h5 {
	max-width: 100%;
}

.panel-title {
	font-size: 16px;
}

@media (max-width: 992px) {
	.panel-title {
	font-size: 15px;
	}
}

@media (max-width: 768px) {
	.panel-title {
	font-size: 14px;
	}
}

.panel-title > a {
	display: block;
	padding: 18px 0;
}

.panel-title > a > span::before {
	padding-left: 15px;
}

.panel-heading.active > a > span::before,
.panel-heading.active > .panel-title > a > span.icon-arrow_down {
	transform: rotate(180deg);
}

.panel-heading.active > .panel-title > a > span::before {
	padding-left: 0;
	padding-right: 0;
}

.panel-heading.active .panel-title > a {
   	color: #E10019;
}

.panel-body {
	padding: 0;
}

.faq .panel-body {
	padding: 24px 0;
}

@media (min-width: 1200px) {
	.faq h3,
	.faq p,
	.faq li {
		max-width: 75%;
	}
	.faq .col-md-6 h3,
	.faq .col-md-6 p,
	.faq .col-md-9 h3,
	.faq .col-md-9 p {
		max-width: 100%;
	}
}

.panel-body ul {
	padding:0;
}

@media (max-width: 991px) {
	section.sitemap .panel-body ul {
		padding-left:40px;	
	}
}

section.sitemap .panel-body li {
	border-bottom: 1px solid #7D7D7D;
	padding-bottom: 0;
	padding-left:0;
	text-indent:0;
}

section.sitemap .panel-body li:last-child {
	border-bottom: 0px transparent;
}

section.sitemap .panel-body li:before {
	content:"";
	margin:0;
}

section.sitemap .panel-body li a {
	display: block;
	padding: 10px 0;
}

section.sitemap .panel-body ul li ul {
	float:none;
}

.icon.icon-accordion-closed,
.icon.icon-accordion-open {
	color: #3C3C3C;		
    font-size: 1em;
}

.icon.icon-accordion-closed:hover{
	color: #e10019;	
}


.panel-heading.active .icon.icon-accordion-open{
	color: #e10019;				
}

/* ==================== */
/* Google Map world     */
/* ==================== */

.map-wrapper {
    min-height: 360px;
    position: relative;
    margin-bottom: 75px;
}

@media (max-width : 992px) {
	.map-wrapper {
		min-height: 300px;
	}
}

.map-wrapper .map-canvas {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.places-search-box {
    background-color: #DCDCDC;
    bottom: 40px;
    left: 20%;
    padding: 15px 15px 15px 0;
    position: absolute;
    right: 20%;
    text-align: center;
    width: 60%;
    z-index: 1;
}

.places-search-box .col-sm-6,
.places-search-box .col-md-3,
.places-search-box .col-md-9 {
    padding-right: 0 !important;
}

.places-search-box button {
	background-color: #FFF !important;
}

.places-search-box button.btn-rtnl-white:hover {
	background-color: #E10019 !important;
}

.continent-headline h5,
.continent-block h5 {
	margin-bottom:0;
}

.continent-headline hr,
.continent-block hr {
    border-color: #7D7D7D;
    margin-top: 6px !important;
}

.desk-switch-search-box {

}

.acc-search-box {
    background-color: #DCDCDC;
    bottom: -325px;
	height:70px;
    left: 20%;
    padding: 15px 0;
    position: relative;
    right: 20%;
    text-align: center;
    width: 60%;
    z-index: 100;
}

.acc-search-box .col-md-9 {
	padding-right: 0;
}

.acc-search-box input#accessoryKey {
    background: #FFF;
}


/* =========================== */
/*  Accessory - Header Search  */
/* =========================== */

@media only screen and (max-width : 992px) {
	.acc-search-box {
		bottom: -260px;
		left: 10%;
    	right: 10%;
    	width: 80%;
    
 	}
 	.acc-search-box .col-md-9 {
    	float: left;
    	width: 70%;
	}
	.acc-search-box .col-md-3 {
    	float: left;
    	width: 30%;	
	}
 }
 
 
 @media only screen and (max-width : 768px) {
	.acc-search-box {
 		bottom: 40px;
 	}
 	.acc-header-picture{
 		height:auto;
 	}
  }	
    
 @media only screen and (max-width : 635px) {
 
 	.acc-header-picture{
 		height:auto;
 	}
 	.acc-search-box {
		bottom: 40px;
   		height: auto;
    	left: 5%;
    	right: 5%;
    	width: 90%;
	}
	
 	.acc-search-box .col-md-9 {
    	float: none;
		left: 5%;
    	width: 90%;
    	padding-left: 0px;
    	padding-right: 0px;
	}
	
	.acc-search-box .col-md-3 {
    	float: none;
		left: 5%;
    	padding-left: 0px;
    	padding-right: 0px;
    	padding-top: 15px;
    	width: 90%;
	}
 }

/* Accessory teaser */

.accessoryTeaserContent {
	padding: 15px;
}

@media only screen and (max-width : 992px) {
	.accessoryTeaserContent {
    	min-height: 80px;
	}
}

/* Mobile */

@media (max-width: 767px) {
	.container .map-wrapper {
		margin-bottom: 0px;
	}
	.container .places-search-box.search-rational-box {
		position: relative;
    	width: 100%;
   	    left: 0;
   	    right: 0;
   	    bottom:0;		
		top: -25px;
		margin-bottom:0;
	}
	.container .map-wrapper.empty + .places-search-box {		
		top: 0px;
	}
	.places-search-box div.col-sm-6:first-child {
 	   margin-bottom: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.places-search-box {
    	width: 90%;
   	    left: 5%;
		bottom:-40px;
	}

}


/* Google Marker Popup */

.marker-popup-box .location-gw-picture {
	float: left;
	padding-right: 15px;
	width: 240px;
}
.marker-popup-box .location-gw-text {
	float: left;
	width: 265px;
}


.marker-popup-box .location-gw-text h5{
	margin-bottom: 12px;
}

.marker-popup-box .location-gw-text p{
	line-height: 120%;
	margin-bottom: 12px;
}

#locationContainer dl {
	margin: 12px 0;
	width: 100%;
}

#locationContainer dd {
    float: left;
    width: 25%;
}

#locationContainer dt a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#locationContainer dt a::before {
    content: "";
}

#locationContainer dt.clearfix::after {
    clear: both;
    content: "";
    display: block;
    float: none;
    height: 1px;
    visibility: hidden;
}
#locationContainer dt {
	font-weight: 400;
    overflow: hidden;
    width: 75%;
}

.countries-of-continent p,
#locationContainer p {
	margin-bottom: 0;
    margin-top: 20px;
}

.countries-of-continent h5,
#locationContainer h5 {
	margin-top: 20px;
	margin-bottom: 0;
}

/* =========================================================== */
/* News - Overview / Detail                                    */
/* =========================================================== */

.newsContainerSection {
	margin-bottom: 10px;
}

.news-year-nav li::before {
    content: "";
}

.news-year-nav {
    margin-bottom: 50px;
    min-height: 40px;
	padding:0;
}

.news-year-nav li:nth-child(6n+1) {
    margin-left: 0;
}

.news-year-nav li {
    border-bottom: 0 none;
    float: left;
    list-style: outside none none;
    margin: 0;
	padding:0;
    text-align: center;
    width: 15.3226%;
    text-indent: 0;
}

.news-year-nav a {
    color: #003366;
    text-decoration: none;
}

.news-year-nav li:before {
	margin:0;
}

.news-year-nav li a {
    background: #DCDCDC;
	color: #3C3C3C;
    display: block;
    font-size: 1em;
    padding: 0.55556em;
}

.news-year-nav li.current a {
    background-color: #EBEBEB;
    color: #E10019 !important;
}


.item-view-modus .active {
	color: #e10019;
}

.news time {
    color: #aaa;
}

.news article{
	margin-bottom:40px;
}

.news .teaser-images {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.news .teaser-bg-gray {
    background-color: #f4f4f4;
}

.news .news-overview-big {
    height: auto;
    min-height: 200px;
}

.news .news-overview {
    height: auto;
    min-height: 178px;
    padding-bottom: 35%;
}


#more-button-container {
    margin-top: 40px;
}

#ref-more-button-container .btn-rtnl-grey:before,
#more-button-container .btn-rtnl-grey:before {
    content: "\e93a";
    font-family: "raticons";
}

#news-container > div {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
	.news .news-overview {
    	height: auto;
	    min-height: 200px;
	    padding-bottom: 50%;
	}
	.news-overview-content > p:first-child {
    	margin-top: 20px;
	}
	#news-container > div {
    	margin-bottom: 40px;
	}
}

.item-view-modus span {
	font-size: 30px;
}

.item-view-modus a.active {
    color: #e10019;
}
.hidden-news {
	display:none;
}

/* =========================================================== */
/* Accessory Teaser                                            */
/* =========================================================== */

.accessoryTeaser {}

.accessoryTeaserBox {
	background: #DCDCDC;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 20px;
}

.accessoryTeaserContent {
	height:100%;
}

.Tile4x .accessoryTeaserContent {
	min-height: 160px;
}

.accessoryTeaserContent a {
	display: block;
	margin:15px 0;
}

.accessoryTeaserImg {
	padding-left:0;
	padding-right:0;
}

.accessoryTeaserImg .content-video-pic-container {
	margin-bottom: 0;
}

.form-box {
	margin-bottom: 20px;
}

.form-box .col-md-12 {
	padding: 15px 30px;
}

.form-box input[type="text"] {
	background: #FFF;
	margin-bottom: 15px;
}

.Tile-content h4 {
	margin-top: 20px;
} 

.Tile-flyout .js-toggle-tile {
    right: 25px !important;
    border: 0;
    background: transparent;
}

/* =========================================================== */
/* Timeline                                                       */
/* =========================================================== */

.timeline {
    list-style: outside none none;
    padding: 20px 0;
    position: relative;
}
.timeline::before {
    /*background-color: #fff;*/
    bottom: 0;
    content: " ";
    left: 50%;
    margin-left: -1.5px;
    position: absolute;
    top: 4px;
    width: 3px;
}
.timeline > li {
    clear: left;
    float: left;
    margin-bottom: 50px;
    position: relative;
    width: 50%;
}
.timeline > li::before, .timeline > li::after {
    content: " ";
    display: table;
}
.timeline > li::after {
    clear: both;
}
.timeline > li::before, .timeline > li::after {
    content: " ";
    display: table;
}
.timeline > li::after {
    clear: both;
}

.timeline > li > .timeline-panel {
    /*border: 1px solid #d4d4d4;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.176);
    */
    float: left;
    position: relative;
    width: 90%;
}

.timeline > li > .timeline-panel::before {
    border-color: #7B7B7B;
    border-style: dotted;
    border-width: 1px;
    content: " ";
    display: inline-block;
    left: 100%;
    position: absolute;
    right: -10%;
    top: 0;
}

.timeline > li > .timeline-badge {
    background: #7B7B7B none repeat scroll 0 0;
    border-radius: 50%;
    border:6px solid #fff;
    color: #000;
    height: 32px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -16px;
    width: 32px;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel::before {
	border: 1px dotted #7B7B7B;
	display: inline-block;
	left: -50px;
	right: auto;
	width: 50px;
}
.timeline > li.timeline-inverted > .timeline-panel::after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #c5c7c5 !important;
}
.timeline-badge a:hover {
    color: #000 !important;
}

.timeline-title {
    color: inherit;
    margin-top: 0;
}

.timeline-text-holder > ul {
    margin-bottom: 0;
    padding: 20px;
}

.timeline-text-holder.text-center h3 {
	max-width: 100%;
}

.timeline-text-holder > p + p {
    margin-top: 5px;
}

.timeline-text-holder {
    background-color: #EBEBEB;
	margin-bottom: 8px;
    padding: 20px;
	z-index: 2;
}

.timeline-text-holder h3 {
    color: #e10019;
    margin-bottom: 0;
	font-size: 24px;
	margin-bottom: 12px;
}

.timeline-text-holder p {
    margin-bottom: 12px;
	padding-right:0 !important;
}

.timeline-text-holder a.imgLink::before {
    color: #3C3C3C;
    content: "\e93c";
    font-family: 'raticons' !important;
}

.timeline > li.timeline-inverted {
    clear: right;
    float: right;
    margin-bottom: 30px;
    margin-top: 50px;
}

.timeline > li.timeline-full.active > .timeline-badge,
.timeline > li.timeline-full > .timeline-badge
{
  	left: -22px;
}

.timeline > li.timeline-inverted > .timeline-badge {
  	left: -16px;
}

.timeline-text-holder::after {
    background-color: #7B7B7B;
    border-radius: 50%;
    content: " ";
    height: 10px;
    position: absolute;
    right: -4px;
    top: -4px;
    width: 10px;
}

.timeline-inverted .timeline-text-holder::after,
.timeline-full .timeline-text-holder::after{
	left:-4px;
}

.timeline > li.active > .timeline-badge {
    background: rgba(0, 0, 0, 0) url("../images/icons/ico-timeline-rational.png") repeat scroll -3px -3px / 46px 46px;
    border: 4px solid #000 !important;
    border-radius: 50%;
    color: #000;
    height: 46px;
    position: absolute;
    right: -23px;
    text-align: center;
    top: -23px;
    width: 46px;
    z-index: 33;
}

.timeline > li.timeline-inverted > .timeline-badge {
    left: -17px;
}

.timeline > li.active.timeline-inverted > .timeline-badge {
    left: -22px;
}

.timeline li.timeline-full {
	clear:both;
    width: 100% !important;
	z-index:88;
}

.timeline li.timeline-full .timeline-panel {
    margin-bottom: 30px;
    width: 100% !important;
}

.timeline li.timeline-full .timeline-badge {
    margin: 0 auto !important;
    top: -22px !important; /*-42*/
}

.timeline li.timeline-full .timeline-text-holder {
    position: absolute;
    right: 0;
    width: 40%;
}

.timeline-img-holder {
    min-height: 60px;
}

.timeline-img-holder .content-video-pic-container {
	margin-top: 0;
}

@media (max-width: 767px) {
	.timeline_fade_in,	
	.timeline_fade_in_line_holder {
    	left: 48px;
	    right:auto;
	}
	.timeline li.timeline-full {
		z-index:6;
	}
	.timeline-full .timeline-panel {
 	   margin-top: -6px !important;
	}
	li.timeline_fade_in {
	    margin-top: 6px;
	}
	.timeline li.timeline-full .timeline-badge {
	    top: -22px !important;	 /* 4 */
	}
	.timeline-text-holder::after {
		left:-4px;
	}
    ul.timeline:before {
        left: 20px;
    }
    ul.timeline > li {
      margin-bottom: 20px;
      position: relative;
      width:100%;
      float: left;
      clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 60px);
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
    }

    ul.timeline > li > .timeline-badge {
        left: 4px;
        margin-left: 0;
        top: -16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 0;
		    left: -35px;
            right: auto;
            width: 50px;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
    
	.timeline > li.timeline-inverted{
	  float: left; 
	  clear: left;
	  margin-top: 30px;
	  margin-bottom: 30px;
	}

	.timeline > li.timeline-inverted > .timeline-badge{
	  left: 4px;
	}
	
	
	.timeline > li.active.timeline-inverted > .timeline-badge {
 	   left: 0px;
	}
	
	.timeline li.timeline-full .timeline-badge {
	    left: 0 !important;
    	margin-left: 4px !important;
	    /* top: 4px !important; */ /* -18 */
	}

	.timeline li.timeline-full .timeline-panel {
 	   	margin-bottom: 30px;
    	width: calc(100% - 60px)!important;
	}
	
	.timeline li.timeline-full .timeline-text-holder {
	    position: relative;
	    right: 0;
    	width: 100%;
	}
	
	.timeline > li.timeline-inverted.timeline-full > .timeline-panel::after, 
	.timeline > li.timeline-full > .timeline-panel::after {
	  border: medium none;
	}
	
	.timeline > li.timeline-full.timeline-inverted > .timeline-panel::before, .timeline > li.timeline-full > .timeline-panel::before {
	    border-color: #000;
	    border-style: dotted;
	    border-width: 1px;
	    content: " ";
	    display: inline-block;
	    left: -35px;
	    position: absolute;
	    right: auto;
	    top: 0;
    	width: 115px;
	}
	
	.timeline-more {
		text-align:left;
	}
	
	
	.timeline-item.active .timeline-badge {
    	left: -2px !important;
	}

	.timeline li.timeline-full.active .timeline-badge {
	    left: -6px !important;
    	top: 0px !important;
	}

	.timeline-text-holder h3 {
	font-size: 18px;
	}

	
}		


.timeline-more .btn {
    margin-left: -25px;
}



section .timeline li {
	
	text-indent:0;
	padding-left:0;

}




@media (min-width: 768px) {


	.timeline li.timeline-full.active .timeline-badge {
	    margin: 0 auto !important;
    	top: -50px !important;
	}

	.timeline li.timeline-full {
		z-index:6;
	}

	
	

	.timeline > li.timeline-full.timeline-inverted > .timeline-panel::before,
	.timeline > li.timeline-full > .timeline-panel::before {
    	border-color: #7D7D7D;
	    border-style: dotted;
	    border-width: 1px;
	    content: " ";
	    display: inline-block;
	    left: 50%;
	    position: absolute;
	    right: auto;
	    top: -25px; /* -45 */
	    width: 115px;
	}


	.timeline > li.timeline-inverted.timeline-full > .timeline-panel::after,
	.timeline > li.timeline-full > .timeline-panel::after {
    	border: 1px dotted #7D7D7D;
	    content: " ";
	    display: inline-block;
	    height: 25px; /* 45 */
	    left: 60%;
	    position: absolute;
	    right: auto;
	    top: -25px; /* -45 */
	}

}

@media (min-width : 992px)  and (max-width : 1199px) {
	
	.timeline > li.timeline-full.timeline-inverted > .timeline-panel::before, 
	.timeline > li.timeline-full > .timeline-panel::before {

		width: 95px;
	}
	
}

@media (min-width : 769px)  and (max-width : 991px) {
	
	.timeline > li.timeline-full.timeline-inverted > .timeline-panel::before, 
	.timeline > li.timeline-full > .timeline-panel::before {

		width: 75px;
	}

	.timeline-text-holder h3 {
	font-size: 21px;
	}
	
}

.timeline-full .timeline-panel {
    margin-top: 20px;
}



/* Timeline */

.timeline_fade_in_line_holder {
    background: #7D7D7D none repeat scroll 0 0;
    height: 99%;
    margin-left: -30px;
    margin-top: 10px; /*-30px;*/
    margin-top: 5px !important;
    position: absolute !important;
    right: 50%;
    top: 0;
    width: 3px !important;
}

li.timeline_fade_in {
    height: 99%;
    margin-left: -30px;
    margin-top: -10px;
	pointer-events: none;
    position: absolute !important;
    right: 50%;
    top: 0;
    width: 3px;
    z-index:2;
}

#timeline_spinner {

    margin-left: -30px;
    position: fixed;    
    height: 50px;
    margin-left: -25px !important;
   	width: 50px;
 
    
}

#timeline_spinner.active {
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 2s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate; 
    -moz-animation-duration: 2s; 
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    animation-name: rotate; 
    animation-duration: 2s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}



  .timeline-spinner-hidden {
         opacity:0; 
        
        
  }
  
  
  
 .square-end-item {
    left: 50%;
    margin-bottom: 0 !important;
    margin-left: -17px;
    margin-top: -15px;
    position: relative;
}
 
 .square-end-item:before{
  	width:30px;
 	height:30px;
 	background-color:#7D7D7D;
} 

@media (max-width: 767px) {

	.square-end-item {

    	left: 0;
	    margin-bottom: 0 !important;
	    margin-left: 3px;

	}
}	


.timeline.timeline-item-holder .clearfix {
    margin-bottom: 0;
}  


@media only screen and (min-width : 768px) and (max-width : 991px) {

	.timeline > li.timeline-inverted > .timeline-panel::before {
    	left: -40px;
  		width: 40px;
	}


}
    
 @media only screen and (max-width : 767px) {   
    
    
    ul.timeline > li > .timeline-panel::before{
     	width: 35px;
    }
    
}



/* =========================================================== */
/* Event map                                                   */
/* =========================================================== */


.event_click_row{
	cursor:pointer;
}


.eventBox > div {
    clear: both;
}
.eventBox ul li {
    border-bottom: 1px solid #7D7D7D;
    line-height: 1.5em;
    list-style-type: none;
    padding: 5px 0;
}
.eventBox li:first-child {
    border-top: 1px solid #7D7D7D;
}
#map_canvas .eventBox {
    overflow-x: hidden;
    width: 380px;
}

h3.eventHeadline {
    color: #b51f1f;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 0 !important;
}

.LinkMoreEvents {
    float: right;
    margin-bottom: 5px;
}

.LinkMoreEvents span {
    margin-left: 10px;
}

.gm-style-iw h5.eventHeadline {
	color: #E10019;
    float: left;
   	margin-bottom: 0;
    margin-top: 0;
    max-width:100%;
}
.gm-style-iw .icon_box {
    width: 120px;
    float:left;
}


h3.infoPhone {
    color: #4a4a4a;
    font-weight: 700;
    padding: 0 !important;
}


.iconTimetList {
    float: left;
    padding-top: 6px;
    width: 30px;
}

.gm-style-iw .EventDate,
.gm-style-iw .EventTime {
    width: 140px;
}
.gm-style-iw .EventLocation {
    float: left;
    width: 245px;
}

.gm-style-iw .EventAdress {
    float: left;
    width: 270px;
}

.gm-style-iw .EventBooking {
    display: block;
    float: right;
    padding: 0;
    width: 123px;
}


#printEventsHolderTop{
  		margin-top: 20px;
}

#printEventsHolderTop .icon-raticons.icon-print {
	font-size: 28px;
    float:right;
    cursor:pointer;
    padding: 0px 5px;
    text-indent: 0;
}

#printEventsHolderTop .btn-rtnl-grey::before {
    content: "\e930";
    margin-right:0;
}

div.evt-period-select {
	margin-bottom:30px;
	padding-left: 0;
}

div.col-md-12 div.evt-period-select:last-child {
	padding-right: 0;
}

@media only screen and (max-width : 767px) {
	div.evt-period-select {
		padding-right: 0;
	}
}

/* =========================================================== */
/* Event Booking Form                                          */
/* =========================================================== */

#terms-opener a {
	cursor:pointer;
}


#bookingTermsModal{
    top: calc(50% - 340px) !important;
}


#bookingTermsModal .modal-body {
    max-height: 400px;
    overflow-y: auto;
}

.required-info {
	font-size: 12px;
}


.row.form-person-row {
    margin: 20px 0 5px;
}

#accordion_evt_book {
    margin-top: 15px;
}

#evtBookingInfo h5 {
    margin: 0;
}


#bookingForm p.required-info {
  margin-top: 0px;
  margin-bottom: 20px;
}

/* =========================================================== */
/* Comparison Table                                            */
/* =========================================================== */

.btn-comp {
	margin-bottom: 30px;
}

.btn-comp h5 {
	margin: 0;
	padding: 20px;
}

.btn-comp input[type=checkbox] {
	display: none;
}

.btn-comp label {
	background-color: #EBEBEB; 
	cursor: pointer;
	display: block;
	height: 300px;
}

.btn-comp .img-container {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 200px;
	margin-bottom: 10px;
}

.productCompare {
	background: #DCDCDC;font-weight: 700;
	font-size: 16px;
	line-height: 38px;
	padding: 0 0 0 15px;
	text-align: left;
	width: 100%;
}

@media (max-width: 991px) {
	.productCompare {
	font-size: 15px;
	}
}

@media (max-width: 767px) {
	.productCompare {
	font-size: 14px;
	}
}

.productCompare:before {
    content: "\e93c";
    font-family: 'raticons';
	margin-right: 5px;
}

.productCompare span {
	background: #C8C8C8;
	color: #FFF;
	font-size: 20px;	
	height: 40px;
	text-align: center;
	width: 40px;
}

.productCompare span:before {
	color: #3C3C3C;
    content: "\e91f";
    font-family: 'raticons';
}

.btn-comp input[type=checkbox]:checked + label > .productCompare > span {
	background: #3C3C3C;
}

.btn-comp input[type=checkbox]:checked + label > .productCompare > span:before {
	color: #FFF;
    content: "\e91b";
    font-family: 'raticons';
}

.btn_product_comparision_start {
	margin-bottom: 30px;
}

.productComparisonTable .panel-body {
	border-top: 0px !important;
}

.comparisonTableHeader,
.comparisonTable {
	width: 100%;
}

.comparisonTableHeader {
	border-bottom: 1px solid #7D7D7D;
	padding-bottom: 20px;
}

.comparisonTableHeader a.kill_td_btn {
	float: right;
}

.comparisonTable tr {
    display: table-row;
    border-top: 0
}

.comparisonTable tbody tr:hover th,
.comparisonTable tbody tr:hover td,
.comparisonTable tbody tr:hover td .compareDetails,
.comparisonTable tbody tr:hover td .compareImage {
    cursor: default;
    background-color: #C8C8C8;
}

.comparisonTable tbody tr:hover th,
.comparisonTable tbody tr:hover+tr th {
    border-top-color: #7D7D7D;
    border-bottom-color: #7D7D7D
}

.comparisonTable:hover tbody td {
}

.comparisonTableHeader th,
.comparisonTableHeader td,
.comparisonTable th,
.comparisonTable td {
    display: table-cell;
}

.comparisonTable th {
	font-weight: 700;
    width: 25.85%;
    border-top: 1px solid #7D7D7D;
    padding-left: 10px;
}

.comparisonTableHeader td,
.comparisonTable td {
    display: table-cell;
    width: 24.95%;
}

.comparisonTableHeader th {
	font-weight: 400;
	vertical-align: top;
    width: 25.85%;
}

.comparisonTable .compare0,
.comparisonTable .compare1,
.comparisonTable .compare2 {
    border-top: 1px solid #7D7D7D
}

.comparisonTable .productDetails {
    display: none
}

.comparisonTable .compareDetails,
.comparisonTableHeader .compareImage {
    display: block;
    width: auto;
    margin: 0 10px;
    border-left: none;
	padding: 10px 15px;
}

.comparisonTableHeader .compareImage {
	background: #EBEBEB;
	text-align: center;
}

.comparisonTableHeader .compareImage .img-container {
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 160px;
	margin-top: 20px;
}

.comparisonTable td:last-child .compareDetails,
.comparisonTableHeader td:last-child .compareImage {
	margin-right: 0;
}

.comparisonTableHeader .compareName {
	font-weight: 700;
	padding: 10px;
}


@media screen and (max-width: 767px) {
	.comparisonTableHeader {
		width: 100%;
	}
	.comparisonTableHeader .compareImage {
		float:right;
		margin-right: 0;
		width: 50%;
	}
	.comparisonTableHeader .compareImage .img-container {
		background-position: left;
		height: 100px;
	}
	.comparisonTableHeader th,
	.comparisonTableHeader td,
	.comparisonTable th,
	.comparisonTable td {
		border-top: 1px solid #7D7D7D;
    	display: block;
		padding: 10px 0;
    	vertical-align: middle;
		width: 100%;
	}
	.comparisonTableHeader tr,
	.comparisonTable tr {
    	display: block;
	}
	.comparisonTableHeader td,
	.comparisonTable td {
    	display: table;
    	width: 100%
	}
	.comparisonTable .compare1,
	.comparisonTable .compare2 {
    	border-top: 1px solid #7D7D7D
	}
	.comparisonTable .productDetails,
	.comparisonTable .compareDetails,
	.comparisonTable .compareName {
    	padding: .7em 16px
	}
	.comparisonTable .productDetails {
	    display: table-cell;
    	padding-left: 0;
	    text-align: left;
	}
	.comparisonTable .compareDetails {
    	display: table-cell;
	    width: 50%;
    	padding-right: 0;
    	vertical-align: middle;
	}
}

#ajax-back-container .btn-rtnl-icon {
	font-size: 24px;
	line-height: 40px; 
	padding: 0px;
	text-align: center;
	text-indent: 0;
	width: 40px;
}

#ajax-back-container .btn-rtnl-icon:hover {
	background: #E10019;
	color: #FFF;
}


/* =========================================================== */
/* Content Creator                                             */
/* =========================================================== */


.edit-cc-tab {
    position: absolute;
    right: 0;
    top: 0;
	cursor:pointer;
}

/* =========================================================== */
/* Efficiency Calculator                                       */
/* =========================================================== */

	.scenario-items li:before {
		color: #3C3C3C;
		content: "\e93c";
		font-size: 16px;
	}

	.scenario-items li p {
	font-weight: 400;
		padding-left:0;
	}

	.calc-eff-table,
	.calc-eff-table td,
	.calc-eff-table th  {
		background: #EBEBEB;
		padding:20px 10px 30px 0;
		vertical-align: top;
	}
	
	.calc-eff-table tr.topborder {
		border-top: 1px solid #7D7D7D;
	}

	.calc-eff-table tr th {
	font-weight: 400;
		vertical-align: top;
		width: 25%;
	}

	.calc-eff-table tr:last-child th  {
		padding-bottom: 0;
	}

	.calc-eff-table tr:first-child th {
		padding: 10px 0 0 0;
	}
	 
	.calc-eff-table tr:first-child td {
		padding: 0;
	}

	.calc-eff-table tr:nth-child(2) td  {
		padding: 10px 10px 20px 0;
	}
	
	.calc-eff-table input,
	.calc-eff-table .radio label::before {
		background: #FFF !important;
		text-align: right;
	}

	.calc-eff-table input {
		width: 50%;	
	}

	.calc-eff-table input.calc-eff-btn {
		cursor: pointer;
		width: 100%;	
	}
	
	.calc-eff-table .radio label {
	font-size: 16px;
		padding-left: 10px;
	}
    .calc-eff-table .btn-rtnl-grey {
		height: 20px;
		line-height: 20px;
		margin-left: 10px;
		padding: 0 8px;
		text-indent: 0;
	}	
	.calc-eff-table .btn-rtnl-grey:before {
		content: "";
		margin:0;
	}	
	.popover {
		background-color: #DCDCDC;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		max-width: 250px;
		width: 250px;
	}
	.popover.top > .arrow {
		border-top-color: rgba(0, 0, 0, 0);
	}
	.popover.left > .arrow {
		border-left-color: rgba(0, 0, 0, 0);
	}
	.popover.top > .arrow:after {
		border-top-color: #DCDCDC !important;
	}
    .popover.left > .arrow:after {
		border-left-color: #DCDCDC !important;
	}
	.popover-header {
		border-radius: 0;
	    padding:2px 8px 4px;
		background-color: #DCDCDC;
	}
	.popover-content img {
		margin-bottom:15px;
		min-width: 150px;
		width: 100%;
	}
	.popover-title {
	    margin:0;
	    padding:0;
	    background-color:transparent;
	    border:none;
	}
	.popover-title .close-popover {
		cursor: pointer;
		padding: 10px;
	}
	.popover-icon {
		padding: 6px 10px;
	}
	.popover-icon span {
		font-size: 20px;
	}
	.scenario-items li {
		cursor:pointer;
	}
	.calculatedval { 
		float: right;
		font-weight: 700;
	}
	.currency {
	font-size: 14px;
		margin-left: 8px;
	}
	.calc-eff-res img {
		margin-bottom: 20px;
	}
	.calc-eff-res .btn-rtnl-grey {
		margin-top: 20px;
	}
	.calc-eff-res-content {
		border-top: 1px solid #7D7D7D;
		padding: 20px 0;
	}
	@media (max-width: 992px) {
		.calc-eff-res .row {
			margin: 20px 0 0 0;
		}
		.calc-eff-table .radio label {
	font-size: 15px;
		}
	}
	@media (max-width: 768px) {
		.calc-eff-table td {
			display: inline-block;
		}
		.calc-eff-table td:nth-child(2) {
			min-width: 190px;
			width: 50%;
		}
		.calc-eff-table td:nth-child(3) {
			min-width: 100px;
			width: 20%;
		}
		.calc-eff-table td:nth-child(4) {
			min-width: 100px;
			width: 20%;
		}
		.calc-eff-table tr th  {
			display: block;
			padding: 20px 10px 10px 0;
			width: 100%;
		}
		.calc-eff-table tr:first-child td  {
			width: 100%;
		}
		.calc-eff-res {
			margin-top: 40px;
		}
		.calc-eff-table .radio label {
	font-size: 14px;
		}
		.calculatedval { 
			float: none;
		}
	}
	
	@media (max-width: 600px) {
		.calc-eff-table {
			width: 100%;		
		}
		.calc-eff-table td {
			display: block;
			width: 100%;
		}
		.calc-eff-table tr:nth-child(2) td {
    		padding: 0px 10px 15px 0;
		}
		.calc-eff-table td:nth-child(2),
		.calc-eff-table td:nth-child(3) {
			padding-bottom: 0;
			width: 100%;
		}
		.calc-eff-table td:nth-child(4) {
		    width: 100%;
		}
	}

/* =========================================================== */
/* Accessory Search Result                                                       */
/* =========================================================== */


div#results {
	max-width: 75%;
}

.gsc-above-wrapper-area {
	border-bottom: 1px solid #C8C8C8 !important;
}

.gsc-result-info {
	color: #7d7d7d !important;
	font-size: 12px !important;
	padding-left: 0px !important;
}

.gsc-webResult .gsc-result {
	padding: 30px 20px 30px 0 !important;
	border-bottom: 1px solid #C8C8C8 !important;
}

.gs-web-image-box, 
.gs-promotion-image-box {
	margin-right: 15px !important;
	width: 80px !important;
}

.gs-web-image-box img.gs-image, 
.gs-promotion-image-box img.gs-promotion-image {
	max-width: 80px !important;
}

.gs-result img.gs-image, 
.gs-result img.gs-promotion-image {
	border: 1px solid #C8C8C8 !important;
}

.gsc-control-cse .gs-spelling, 
.gsc-control-cse .gs-result .gs-title, 
.gsc-control-cse .gs-result .gs-title * {
	font-size: 18px !important;
}

.gs-result .gs-title,
.gs-result .gs-title * {
	color: #E10019 !important; 
	text-decoration: none !important;
	height: auto !important;
	margin-bottom: 6px;
}

.gs-result .gs-title:hover,
.gs-result .gs-title:hover * {
	color: #3C3C3C !important;
}

.gs-result a.gs-visibleUrl, 
.gs-result .gs-visibleUrl {
	font-size: 12px;
	color: #7D7D7D !important;
	text-decoration: none;
	margin-top: 6px;
	display: none;
}

.gsc-control-cse, 
.gsc-control-cse .gsc-table-result {
	font-weight: 400; 
	font-size: 16px !important;
	line-height: 150% !important;
}

.gsc-results .gsc-cursor-box {
	margin-bottom: 50px !important; 
	margin-top: 20px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #7D7D7D !important; 
	text-decoration: none !important; 
	font-size: 12px !important; 
	padding: 5px !important; 
	margin-right: 10px !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #E10019 !important;
	font-weight: 400 !important;
}

@media screen and (max-width: 992px) {
	div#results {
   max-width: 100%;
	}
	.gsc-control-cse .gs-spelling, 
	.gsc-control-cse .gs-result .gs-title, 
	.gsc-control-cse .gs-result .gs-title * {
	font-size: 16px !important;
	}
	.gsc-control-cse, 
	.gsc-control-cse .gsc-table-result {
	font-size: 15px !important;
	}
}

@media screen and (max-width: 767px) {
	.gsc-control-cse .gs-spelling, 
	.gsc-control-cse .gs-result .gs-title, 
	.gsc-control-cse .gs-result .gs-title * {
	font-size: 15px !important;
	}
	.gsc-control-cse, 
	.gsc-control-cse .gsc-table-result {
	font-size: 14px !important;
	}
}

/* =========================================================== */
/* Events                                                      */
/* =========================================================== */

.pac-container:after{ 
	content:none !important;
}
#evtZipKey {
	background: #FFF;
}

.evt-video-holder{
	overflow:hidden;	
}

.evt-video-holder video {
	height:360px;
	/*overflow:hidden;	*/
}

.evt-video-holder.tgl-video{
	height: 360px;
}	

.evt-intro-search-box {
    background-color: #dcdcdc;
    bottom: -35px;
    height: 70px;
    left: 20%;
    padding: 15px 0;
    position: absolute;
    right: 20%;
    text-align: center;
    width: 60%;
    z-index: 1;
}

.evt-intro-search-box .col-md-9 {
    padding-right: 0;
}

.evt-intro-search-box input[type="text"] {
    background-color: #fff;
}

@media only screen and (max-width : 992px) {
	.evt-video-holder.tgl-video{
		height: auto;
	}	
 	.evt-video-holder video {
 		height:300px;
 	}
	.evt-intro-search-box {
		left: 5%;
    	right: 5%;
    	width: 90%;
 	}
	.places-search-box .col-md-9, 
 	.evt-intro-search-box .col-md-9 {
    	float: left;
    	width: 70%;
	}
	.places-search-box .col-md-3, 
	.evt-intro-search-box .col-md-3 {
    	float: left;
    	width: 30%;	
	}
}
 
 
@media only screen and (max-width : 768px) {
	.places-search-box .col-md-9 {
    	float: none;
    	width: 100%;
	}
	.places-search-box .col-md-3 {
    	float: none;
    	padding-top: 20px;
    	width: 100%;
	}
}	
    
@media only screen and (max-width : 635px) {
	.evt-video-holder.tgl-video img {
		height: 160px;
		width: 420px;
	}
	.evt-video-holder.tgl-video {
		object-fit: cover;
	}
 	.evt-video-holder video {
 		height:240px;
 	}
 	.evt-intro-search-box {
  		bottom: 0;
    	height: auto;
	    left: 5%;
	    right: 0;
	    width: 90%;
		margin-top: -40px;
	    position:relative;
	}
 	.evt-intro-search-box .col-md-9 {
    	float: none;
    	width: 100%;
    	padding-right: 15px;
	}
	.evt-intro-search-box .col-md-3 {
    	float: none;
    	padding-top: 15px;
    	width: 100%;
	}
}

video {
    height: 360px;
    object-fit: cover;
    width: 100%;
}

div#eventContainer li {
	border-bottom: 1px solid #7D7D7D;
	list-style-type: none;
	padding: 10px 0 12px;
}

#eventContainer li:first-child, 
.eventBox li:first-child {
    border-top: 1px solid #7D7D7D;
}

.eventBox ul li::before {
	content: "";
	margin:0;
	padding:0;
}

.eventBox h4 {
	margin-top: 30px;
	margin-bottom: 6px;
}

.eventBox:first-child h4 {
	margin-top: 10px;
}

.EventTime {
	line-height: 30px;
	margin-bottom: 12px;
}

.EventTime:before {
	content: "\e928";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.EventDate {
	font-weight: 700;
	line-height: 30px;
    margin-top: 3px;
    text-indent: -40px;
    padding-left: 40px;
}

.EventDate:before {
	content: "\e927";
	font-family: "raticons";
	font-size: 30px;
	font-weight: normal;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.EventAdressBox .EventAdress {
	margin-top: 3px;
}

.EventAdressBox.rational .EventAdress {
	position: relative;
	top: -6px;
}

.evt-price {
	text-align: right;
	width: 100%;
	font-size: 12px;
	padding-top: 5px;
}

@media (max-width: 767px)  {
	.EventBooking .pull-right {
		float:none !important;
		margin-top: 20px;
	}
}

.EventInfo {
    color: #e10019;
	line-height: 30px;
	padding: 0;
}

.EventInfo::before {
	content: "\e918";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 0px;
	position: relative;
	top: 6px;
}

.btnBooking {
	/*font-weight: 700;
	margin-top: 10px;*/
}

#evtBookingInfo {
    background-color: #ebebeb;
	padding: 20px 15px;
}

#participantBox td:nth-child(2){
	text-align:right;
}

#participantBox td {
    vertical-align: top;
}

.evt-routing-link,
.evt-calendar-link,
.evt-fb-link,
.evt-tw-link {
	margin-top: 10px;
    text-indent: -40px;
    padding-left: 40px;
}

.evt-routing-link::before {
	content: "\e915";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.evt-calendar-link::before {
	content: "\e927";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.evt-fb-link::before {
	content: "\e931";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.evt-tw-link::before {
	content: "\e932";
	font-family: "raticons";
	font-size: 30px;
	margin-right: 10px;
	position: relative;
	top: 6px;
}

.lessHeight {
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 10px;
}

#participantBox {
	padding-left: 40px;
}

#participantBox::before {
	content: "\e921";
	font-family: "raticons";
	font-size: 30px;
	left: -40px;
	position: relative;
	top: 35px;
}

.instagramSection {
	background: #EBEBEB;
	padding: 40px 0;
}

.instagram-container {
	background: #FFF;
	height: 100%;
	padding: 20px 15px;
}

.icon-instagrambox {
	position: absolute;
    bottom: 10px;
    font-size: 40px;
	margin-left: -5px;
}
  
.overview-scaled-img-holder {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-top: 100%;

}

.instagram-holder .icon-share_instagram{
	font-size:5em;
}

@media (max-width: 992px) {
	.instagramSection {
    	padding: 45px 0;
	}
	.instagram-box {
		padding-bottom: 15px;
		padding-top: 15px;
	}
	.icon-instagrambox {
	    bottom: 25px;
	}
}

@media (max-width: 580px) {
	.instagram-box {
		padding-bottom: 15px;
		padding-top: 15px;
		width: 100%;
	}
	.icon-instagrambox {
	    bottom: 25px;
	}
}

.time_row {
	font-weight: 400;
}

li.eventlist_row::after {
	font-family: 'raticons' !important;
    content: "\e902";
	font-size: 24px;
	position:absolute;
	right:0;
	bottom:20px;
}

/* =========================================================== */
/* DealerMap                                                   */
/* =========================================================== */

.angular-google-map-container {
	height: 480px; 
}
   
#dealerTypeSelect ul li {
	float:left;
	padding-left: 0;
}
	
#dealerTypeSelect ul li::before {
	content: "";
}

@media (max-width: 500px) {
	#dealerTypeSelect ul li {
		float:none;
		height: 60px;
	}
}

#dealerTypeSelect ul.dropdown-menu li {
	float: none;
}

#dealerTypeSelect .button-group.open span.icon-arrow_down:before {
    content: "\e900";
}
	
ul.dealer-icon-list,
ul.dealer-miniicon-list {
	clear:both;	
}

ul.dealer-icon-list {
	padding-top: 0;
	padding-bottom: 12px;
}
	
ul.dealer-icon-list li,
ul.dealer-icon-list li:last-child,
ul.dealer-miniicon-list li,
ul.dealer-miniicon-list li:last-child {
	border: 0 !important;
	float:left;
	padding: 0 0 5px 20px !important;
}

ul.dealer-miniicon-list li,
ul.dealer-miniicon-list li:last-child {
	padding: 10px 5px 0 5px !important; 
}
   
ul.dealer-icon-list li::before,
ul.dealer-miniicon-list li::before {
	content: "";
}

@media (max-width: 767px) {
	ul.dealer-icon-list img {
    	max-width: 27px;
	}
    ul.dealer-icon-list.pull-right {
		float: none !important;    
    }
	ul.dealer-icon-list li,
	ul.dealer-icon-list li:last-child {
		padding: 10px 10px 10px 0 !important
	}
}

@media (max-width: 480px) {
	ul.locationList .col-xs-6 {
		float: none;
		margin-bottom: 15px;
		width: 100%;
	}
}

.gm-style img {
	max-width: 270px;
}
   
.item-img,
.item-type-text {
	float: left;
}
   
.item-img {
	margin-right:10px;
}
     
.item-type-text {
	margin-bottom:10px;
}

.item-type-text span {
	display: block;font-weight: 700;
 	margin: 0;
}

.item-type-text .checkbox {
	margin: 0;
}
     
img.inactive {
	opacity: 0.3;
}

ul.locationList li::before {
	content: none;
}

ul.locationList li.rep {
	background: #DCDCDC;
	border-top: none;
	padding: 15px;
}

ul.locationList li.rep + li {
	border-top: none;
}

ul.locationList li.repText span {
	font-weight:bold;
	width:200px;
}

ul.locationList li {
	border-top: 1px solid #7D7D7D;
	padding: 15px 0 15px 0;
}

ul.locationList li:last-child {
	border-bottom: 1px solid #7D7D7D;
}

ul.locationList li span {
	display: block;
}

.locationName {
	font-weight: 700;
	margin-bottom: 5px;
}

.locationRoute {
	font-weight: 700;
	margin-top: 5px;
}

.locationRoute a::before {
	content: "\e93c";
    font-family: 'raticons';
    margin-right: 8px;
}

.iWrow {
	clear: both;
	margin-left: -15px;
}

.iWrow.inactive {
    display: none;
}


/* =========================================================== */
/* Dealer Page Icons                                           */
/* =========================================================== */


#dealerName {
	float: left;
	font-weight: bold; 
	margin-left:20px;
}

.dealer-icon-item {
    margin-bottom: 30px;
}


.dealer-icon-text {
    margin-bottom: 40px;
}



.contactbar-name {
    margin-bottom: 20px;
    margin-left: 20px;
}




/* =========================================================== */
/* TradeFairTable                                              */
/* =========================================================== */

.TradeFairTable .bootstrap-select {
	margin-bottom: 40px;
}

.TradeFairTable h5{
	font-size: 14px;
	margin-bottom: 0;
}

.TradeFairTable .row.hidden-xs,
.TradeFairTable .row.ng-scope {
	border-bottom: 1px solid #7D7D7D;
	margin: 0 !important;
	padding: 12px 0;
}

.TradeFairTable .row.hidden-xs .col-sm-3,
.TradeFairTable .ng-binding {
	padding-left: 0 !important;
}

.tradefairname {
	padding-left: 0;
}

.tradefairname span {
	display:block;
	line-height: 1.6;
}

/* =========================================================== */
/* DealerWebsite                                               */
/* =========================================================== */

.container.dealerHeader {
}

.container.dealerHeader .pageEntryTabsContainer {
	height:inherit;
	width:initial;
	max-width:90%;
	padding-right:10%;

	background-color: transparent;
	background-image:url(../images/theme/bg-slant-right.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.container.dealerHeader .pageEntryTabsContainer h1 {
	width: calc(100% - 120px);
	min-width: 250px;
	display:inline-block;
	word-wrap:normal !important;
}

.container.dealerHeader .pageEntryTabsContainer img {
	margin: 20px 20px 20px 0;
	display:inline-block;
	vertical-align: top;
}

.container.dealerHeader div.slate {
	display:none;	
}

/*
div.joerg.imageFrame {
	text-align: center;
	background-color: #ebebeb;
}

div.joerg.imageFrame img {
	padding: 5% 10%;
	width:75%;
}
*/

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 767px) {
	.container.dealerHeader .pageEntryTabsContainer h1 {
		min-width: 0;
	}
	.container.dealerHeader .pageEntryTabsContainer img {
		display:block;
		margin:10px 0 0 0;
	}
	.container.dealerHeader .pageEntryTabsContainer {
		background-color:#fff; 
		background-image:none;
		max-width:80%;
		padding-right:0;
	}
}


/* =========================================================== */
/* Product Configurator							               */
/* =========================================================== */

#selectCriteria .radio, 
#selectCriteria .checkbox {
    margin-top: 0;
}
.productConfigurator #accordion > .panel-heading > a.collapsed, 
.productConfigurator #accordion2 > .panel-heading > a.collapsed,
.productConfigurator #accordion3 > .panel-heading > a.collapsed {
	background-color: #DCDCDC;
	display: block;
	height: 140px;
}
.productConfigurator #accordion > .panel-heading > a,
.productConfigurator #accordion2 > .panel-heading > a,
.productConfigurator #accordion3 > .panel-heading > a {
	background-color: #EBEBEB;
	display: block;
	height: 140px;
}
.productConfigurator #accordion > .panel-heading > a.collapsed span.icon-arrow_btn_down:before,
.productConfigurator #accordion2 > .panel-heading > a.collapsed span.icon-arrow_btn_down:before,
.productConfigurator #accordion3 > .panel-heading > a.collapsed span.icon-arrow_btn_down:before {
	content: "\e93a";
	left: 15px;
	position: absolute;
}
.productConfigurator #accordion > .panel-heading > a span.icon-arrow_btn_down:before,
.productConfigurator #accordion2 > .panel-heading > a span.icon-arrow_btn_down:before,
.productConfigurator #accordion3 > .panel-heading > a span.icon-arrow_btn_down:before {
    content: "\e929";
	left: 15px;
	position: absolute;
}

.productConfigurator #accordion > .panel-heading > a > div,
.productConfigurator #accordion2 > .panel-heading > a > div,
.productConfigurator #accordion3 > .panel-heading > a > div {
    padding-left: 40px;
}

.selectCriteriaImg {
	background-size: cover;
	height: 140px;
}

#selectCriteria #accordion div.panel-heading,
#options #accordion2 div.panel-heading,
#accessory #accordion3 div.panel-heading,
#productlinselection #accordion div.panel-heading {
	background-color: #DCDCDC;
	border:0;
	margin: 0 0 20px 0;
	padding:0;
}

#selectCriteria #accordion div.panel-heading a div:first-child,
#options #accordion2 div.panel-heading a div:first-child,
#accessory #accordion3 div.panel-heading a div:first-child,
#productlinselection #accordion div.panel-heading a div:first-child {
	padding-top: 15px;
}

#selectCriteria #accordion div.panel-body,
#options #accordion2 div.panel-body,
#accessory #accordion3 div.panel-body,
#productlinselection #accordion div.panel-body {
	background-color: #EBEBEB;
	margin: 0 0 20px 0;
	padding: 15px 15px 15px 0;
}

#selectCriteria #accordion div.panel-body .col-md-6,
#options #accordion2 div.panel-body .col-md-6,
#accessory #accordion3 div.panel-body .col-md-6,
#productlinselection #accordion div.panel-body .col-md-6 {
	padding-right: 0;
}


#selectCriteria #accordion div.panel-body .col-md-offset-6,
#options #accordion2 div.panel-body .col-md-offset-6,
#accessory #accordion3 div.panel-body .col-md-offset-6,
#productlinselection #accordion div.panel-body .col-md-offset-6 {
	margin-top: 30px;
}

#selectCriteria #accordion div.panel-body .checkbox,
#selectCriteria #accordion div.panel-body .radio, 
#options #accordion2 div.panel-body .checkbox,
#options #accordion2 div.panel-body .radio,
#accessory #accordion3 div.panel-body .checkbox,
#accessory #accordion3 div.panel-body .radio,
#productlinselection #accordion div.panel-body .checkbox,
#productlinselection #accordion div.panel-body .radio {
    background: white;
    width: 100%;
    padding: 10px 10px 10px 30px;
}

#selectCriteria #accordion div.panel-body .checkbox label,
#selectCriteria #accordion div.panel-body .radio label, 
#options #accordion2 div.panel-body .checkbox label,
#options #accordion2 div.panel-body .radio label,
#accessory #accordion3 div.panel-body .checkbox label,
#accessory #accordion3 div.panel-body .radio label,
#productlinselection #accordion div.panel-body .checkbox label,
#productlinselection #accordion div.panel-body .radio label {
	font-size: 16px;
	padding-left: 15px;
	padding-right: 35px;
}

#selectCriteria #accordion div.panel-body .checkbox .btn-rtnl-grey,
#selectCriteria #accordion div.panel-body .radio .btn-rtnl-grey, 
#options #accordion2 div.panel-body .checkbox .btn-rtnl-grey,
#options #accordion2 div.panel-body .radio .btn-rtnl-grey,
#accessory #accordion3 div.panel-body .checkbox .btn-rtnl-grey,
#accessory #accordion3 div.panel-body .radio .btn-rtnl-grey,
#productlinselection #accordion div.panel-body .checkbox .btn-rtnl-grey,
#productlinselection #accordion div.panel-body .radio .btn-rtnl-grey {
	line-height: 39px;
	font-size: 22px;
	margin-bottom: -10px;
	margin-top: -10px;
	padding:0;
	position: absolute;
	right: 0;
	top: 10px;
	text-align: center;
	text-indent: 0;
	width: 40px;
	height: 100%;
}

#selectCriteria #accordion div.panel-body .checkbox .btn-rtnl-grey:before,
#selectCriteria #accordion div.panel-body .radio .btn-rtnl-grey:before, 
#options #accordion2 div.panel-body .checkbox .btn-rtnl-grey:before,
#options #accordion2 div.panel-body .radio .btn-rtnl-grey:before,
#accessory #accordion3 div.panel-body .checkbox .btn-rtnl-grey:before,
#accessory #accordion3 div.panel-body .radio .btn-rtnl-grey:before,
#productlinselection #accordion div.panel-body .checkbox .btn-rtnl-grey:before,
#productlinselection #accordion div.panel-body .checkbox .btn-rtnl-grey:before {
	content: none;
}

#banquetContainer div:nth-child(even),
#extractorhoodContainer div:nth-child(even),
#undercarriageContainer div:nth-child(even),
#additionalContainer div:nth-child(even),
.panel-body > div:nth-child(even) {
	clear:both;
}

@media screen and (max-width: 500px) {
	#accordion div.panel-heading a .col-xs-8 {
		padding-right: 40px;
	}
	.productConfigurator #accordion > .panel-heading > a, 
	.productConfigurator #accordion2 > .panel-heading > a, 
	.productConfigurator #accordion3 > .panel-heading > a,
	.productConfigurator #accordion > .panel-heading > a.collapsed, 
	.productConfigurator #accordion2 > .panel-heading > a.collapsed, 
	.productConfigurator #accordion3 > .panel-heading > a.collapsed {
		height: 100px;
	}
	.selectCriteriaImg {
		height: 100px;
	}
}

.subline {
	margin-top: 6px;
}

.nextStep {
	clear:both;
	margin-top: 40px;
}

.cssarrow {
	position: relative;
	background: #ebebeb;
}
.cssarrow:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #ebebeb;
	border-width: 12px;
	margin-left: -12px;
}

#selectCriteria #accordion div.panel-heading .state-ok,
#options #accordion2 div.panel-heading .state-ok, 
#accessory #accordion3 div.panel-heading .state-ok,
#productlinselection #accordion div.panel-heading .state-ok {
	background: #3C3C3C;
	color: #FFF;
	font-size: 22px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
}

#selectCriteria #accordion div.panel-heading .state-err,
#options #accordion2 div.panel-heading .state-err,
#accessory #accordion2 diy4v.panel-heading .state-err,
#productlinselection #accordion div.panel-heading .state-err {
	background: #C8C8C8;
	color: #3C3C3C;
	font-size: 22px;
	line-height: 40px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 40px;
}

#productrecommendation button,
#modelselection button,
#productlinselection .btn-comp button,
#productsizeselection button {
	background: #EBEBEB;
	border: 0;
	/* height: 300px; */
	padding: 0;
	width: 100%;
} 

#productrecommendation p,
#modelselection p,
#productlinselection .btn-comp p,
#productsizeselection p {
	font-size: 14px;
	margin: 15px 0 0 20px;
	text-align: left;
} 

#productrecommendation .btn-rtnl-grey,
#modelselection .btn-rtnl-grey,
#productlinselection .btn-rtnl-grey
#productsizeselection .btn-rtnl-grey {
	background: #C8C8C8;
	height: 60px;
	text-align: center;
}

#productrecommendation .btn-rtnl-grey:hover,
#modelselection .btn-rtnl-grey:hover,
#productlinselection .btn-rtnl-grey:hover,
#productsizeselection .btn-rtnl-grey:hover {
	background: #E10019 !important;
}

#productrecommendation .btn-rtnl-grey:before,
#modelselection .btn-rtnl-grey:before,
#productlinselection .btn-rtnl-grey:before,
#productsizeselection .btn-rtnl-grey:before {
	content: none;
}

#productrecommendation .icon-star, 
#productrecommendation .icon-star_full, 
#modelselection .icon-star, 
#modelselection .icon-star_full, 
#productlinselection .icon-star, 
#productlinselection .icon-star_full,
#productsizeselection .icon-star, 
#productsizeselection .icon-star_full {
	color: #3C3C3C;
	font-size: 24px;
}

#productrecommendation .img-container,
#modelselection .img-container,
#productlinselection .img-container,
#productsizeselection .img-container {
	clear: both;
	height: 220px;
}

#productrecommendation .btn-comp:nth-child(odd),
#modelselection .btn-comp:nth-child(even),
#productlinselection .btn-comp:nth-child(even),
#productsizeselection .btn-comp:nth-child(even) {
	padding-left: 0;
}

#productrecommendation .btn-comp:nth-child(even),
#modelselection .btn-comp:nth-child(odd),
#productlinselection .btn-comp:nth-child(odd),
#productsizeselection .btn-comp:nth-child(odd) {
	padding-right: 0;
}

@media screen and (max-width: 991px) {
	#productrecommendation .btn-comp,
	#modelselection .btn-comp,
	#productlinselection .btn-comp,
	#productsizeselection .btn-comp {
		padding-left: 0;
		padding-right: 0;
	}
}

#productrecommendation .productCompare,
#modelselection .productCompare,
#productlinselection .productCompare,
#productsizeselection .productCompare {
	min-height:60px;
}

#productrecommendation .productCompare:before,
#modelselection .productCompare:before,
#productlinselection .productCompare:before,
#productsizeselection .productCompare:before {
	content: none;
	margin:0;
}

#productrecommendation .btn-comp label,
#modelselection .btn-comp label,
#productlinselection .btn-comp label,
#productsizeselection .btn-comp label {
	background: none; 
	height: auto;
}

#productrecommendation .radio,
#modelselection .radio,
#productsizeselection .radio {
	max-width: 80%;
}

#productrecommendation .radio label,
#modelselection .radio label,
#productlinselection .radio label,
#productsizeselection .radio label {
	font-size: 16px;
	padding-left: 15px;
}

#productrecommendation .radio label::before,
#modelselection .radio label::before,
#productlinselection .btn-comp .radio label::before,
#productsizeselection .radio label::before {
	background: #FFF !important;
}

#productrecommendation .nextStep,
#modelselection .nextStep,
#productlinselection .nextStep,
#productsizeselection .nextStep {
	margin-top: 20px;
}

#summary h5 {
	font-size: 16px;
	margin-bottom: 0;
}

#summary p {
	padding-left: 15px;
}

#summary .owl-nav {
	margin-bottom: 40px;
}

.nextStep div:last-child {
	padding-right: 0px;
}

.nextStep .btn-prev-grey {
	background: #C8C8C8;
	display: block;
	font-size: 24px;
	height: 60px;
	padding-top: 20px;
	text-align: center;
	width: 60px;
}

.nextStep .btn-next-grey {
	background: #DCDCDC;
	border: none;
	display: block;
	font-weight: 700;
	height: 60px;
	margin-bottom:20px;
	padding: 10px 0 0 20px;
	text-align:left;
	width: 100%;
}

.smallStep {
	margin-top: 0;
}

.smallStep .btn-prev-grey {
	float: left;
	font-size: 16px;
	height: 40px;
	margin-right: 20px;
	padding-top: 10px;
	width: 40px;
}

.smallStep .btn-next-grey {
	height: 40px;
	margin-left: 60px;
	text-align:left;
	width: calc(100% - 60px);
}

#smallButtonsMenu div:last-child .btn-prev-grey {
	float: none;
	margin-bottom: 20px;
}

button.btn-next-grey[disabled] {
	background: #EBEBEB;
	color:#c8c8c8;
}

button.btn-next-grey[disabled] span.icon-raticons {
	background:#DCDCDC;
}

.btn-next-grey span {
	font-weight: 400;
}

.nextStep .btn-next-grey span.icon-raticons {
	background: #C8C8C8;
	display: block;
	font-size: 24px;
	line-height: 60px;
	margin-top: -10px;
	text-align: center;
	width: 60px;
}

.smallStep .btn-next-grey span.icon-raticons {
	font-size: 16px;
	line-height: 40px;
	margin-top: -10px;
	width: 40px;
}

.configuratorNavi {
	margin-bottom: 15px;
	padding-left: 2px;
}

.configuratorNavi li, 
.configuratorContact li {
	font-weight: bold;
	line-height:24px;
	padding-left:0;
}

.configuratorNavi li {
	color:#C8C8C8;
}

.configuratorNavi li span {
	margin-right: 15px;
}

.configuratorNavi li.active {
	color:#E10019;
}

.configuratorNavi li.finish {
	color:#3C3C3C;
}

.configuratorNavi li:before, .configuratorContact li:before{
	content: none;
}

.configuratorContact a {
	display: block;
	padding-left: 40px;
	padding-right: 20px;
}

.configuratorContact li span {
	font-size: 24px;
	position: absolute;
	left: 0;
	top: -1px;
}

.configuratorContact {
	border-top: 1px solid #3c3c3c;
	padding-top: 20px;
}

.productConfigurator .affix {
    position: fixed;
	top:20px;
	width: 360px;
}

.productConfigurator .affix-bottom {
    position: relative;
}

.productConfigurator .modal {
	top: 0;
}

.mobileonly {
	display: none;
}

.configuratorNavi.stepHeadline li {
	color: #3C3C3C;
    font-size: 28px;
    line-height: 110%;
}
  
.configuratorNavi.stepHeadline li span {
	display: none;
}

@media screen and (max-width: 1199px) {
	.productConfigurator .affix {
		width: 293px;
	}
}

@media screen and (max-width: 991px) {
	.productConfigurator .affix {
		width: 220px;
	}
	.smallStep .btn-next-grey {
		background: none;
		font-size: 0;
	}
	#productrecommendation .btn-comp {
		padding:0;
	}
}

@media screen and (max-width: 767px) {
	.productConfigurator .pull-right {
		float: none !important;
	}
	.productConfigurator .affix,
	.productConfigurator .affix-bottom {
		position: inherit;
		top:auto !important;
	}
	.configuratorNavi,
	#smallButtonsMenu,
	.stepIndicator {
		display: none;
	}

	.productConfigurator .btn-prev-grey.pull-right,
	.productConfigurator .btn-next-grey .pull-right {
		float: right !important;
	}
	#productrecommendation button {
		height: auto;
	}
	#productrecommendation .btn-comp button span.pull-right {
		float: right !important;
	}
	.mobileonly {
		display: block !important;
	}
	.productConfigurator .col-sm-4 {
		clear: both;
	}
	.productConfigurator .affix {
    	width: 100%;
	}
	.configuratorNavi.mobileonly {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 480px) { 
	.nextStep .btn-next-grey {
		background: none;
		font-size: 0;
	}
	.productConfigurator .btn-prev-grey.pull-right {
		float: none !important;
	}
	.productConfigurator .nextStep .col-xs-3 {
		padding-left: 0;
	}
}

ol.stepIndicator {
	height: 10px;
	list-style: none;
	margin-bottom: 25px;
	padding:0;
}

ol.stepIndicator li {
	background: #C8C8C8;
	border-right: 1px solid #FFF; 
	float: left;
	font-weight: bold;
	height: 10px;
	padding:0;
	width: 16.6%;
}

.productConfiguratorPRO ol.stepIndicator li {
	width: 14.285%;
}

ol.stepIndicator li:before {
	content: none;
}

ol.stepIndicator li.active {
	background: #E10019;
}

ol.stepIndicator li.finish {
	background: #3C3C3C;
}

#linkToConfigurator {
	margin-bottom: 40px;
}

#linkToConfigurator a {
	display: block;
	margin-top: 12px;
}

/* =========================================================== */
/* Externe Formulare // Newsletter Subscription                */
/* =========================================================== */

.pi-widget {
	color: #3C3C3C !important;
	font-family: "RATIONALSans", Helvetica, Arial, sans-serif !important;
	font-weight: 400;
	padding: 0 !important;
}

.pi-heading {
	font-weight: 700 !important;
	font-size: 22px !important;
}

.pi-widget input[type="text"], 
.pi-widget input[type="password"], 
.pi-widget input[type="search"], 
.pi-widget input[type="email"], 
.pi-widget select, 
.pi-widget textarea {
    height: 40px !important;
    font-size: 1em !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    width: 100% !important;
    border: 0 !important;
    background-color: #EBEBEB !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pi-widget .pi-radio-control > label:before, 
.pi-widget .pi-checkbox-control > label:before, 
.pi-widget .pi-radio-control-vertical > label:before, 
.pi-widget .pi-checkbox-control-vertical > label:before {
	background-color: #EBEBEB !important;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: none !important;
    border-radius: 0 !important;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    box-shadow: none !important;
    -webkit-transition: background-color 0.2s ease 0s;
    transition: background-color 0.2s ease 0s;
}

.pi-widget .pi-radio-control > input:checked + label:before, 
.pi-widget .pi-checkbox-control > input:checked + label:before, 
.pi-widget .pi-radio-control-vertical > input:checked + label:before, 
.pi-widget .pi-checkbox-control-vertical > input:checked + label:before {
    border-color: #3C3C3C !important;
    background-color: #3C3C3C !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.pi-widget .pi-radio-control > input:checked + label:before, 
.pi-widget .pi-radio-control-vertical > input:checked + label:before {
    background-image: none !important;
	border: 3px solid #EBEBEB !important;
}

.pi-widget .pi-radio-control > input:checked + label:before, 
.pi-widget .pi-checkbox-control > input:checked + label:before, 
.pi-widget .pi-radio-control-vertical > input:checked + label:before, 
.pi-widget .pi-checkbox-control-vertical > input:checked + label:before {
    border-color: #EBEBEB !important;
    background-color: #3C3C3C !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.pi-form-control {
	margin-bottom: 10px !important;
}

.pi-form-actions button {
    height: auto !important;
    font-size: 16px;
    padding: 8px 15px 8px 35px !important;
    border: 0;
    background-color: #DCDCDC !important;
    color: #3C3C3C !important;
    cursor: pointer;
    border-radius: 0 !important;
	text-indent: -25px;
    transition: background-color 0.8s ease;
}

.pi-form-actions button:hover {
	background-color: #E10019 !important;
	color: #FFF !important;
}

.pi-form-actions button:before {
    content: "\e93c";
    font-family: 'raticons';
    margin-right: 8px;
}

.pi-message-text {
    border: none;
    border-left: none;
    padding: 0;
    border-radius: 0;
}

.pi-message-text ul li {
    list-style-type: none !important;
}

.pi-message-text ul li:before {
    margin-left: -25px !important;
}

/* =========================================================== */
/* Multiselect // Alternative Edition                          */
/* =========================================================== */

#dealerTypeSelect {
	margin-bottom: 24px;
}

#dealerTypeSelect .btn-default {
	background-color: #DCDCDC; 
	border:0;
	border-radius: 0;
	color: #3C3C3C;	
	font-size:inherit;
	line-height: 40px;
	padding: 0 15px;
	text-align: left;
	width: 100%;
}

#dealerTypeSelect .dropdown-menu {
	background: none;
	border:0;
	box-shadow: none;
	margin:0;
	padding: 0 15px;
	width: 100%;
}

#dealerTypeSelect .dropdown-menu li {
	background-color: #EBEBEB;
	display: block;
	padding: 0 15px;
	width: auto;
}

#dealerTypeSelect .dropdown-menu li:hover {
	background-color: #DCDCDC;
}

#dealerTypeSelect .dropdown-menu li img {
	height: 30px;
	margin: 0 10px;
	width:30px;
}

#dealerTypeSelect .checkbox,
#dealerTypeSelect .checkbox label {
	width: 100%;
}

#dealerTypeSelect .checkbox label::before {
	background: #FFF !important;
	top: 4px;
}

#dealerTypeSelect .checkbox label::after {
	top: 4px;
}

.multiselect .caret, 
.multiselect .btn-group.open .caret {
    border-bottom: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
	margin-top: 0;
    top: 0 !important;
    right: 0;
	width: auto;
}
.multiselect .caret:before {
    content: "\e901";
    font-family: "raticons";
}
.multiselect .btn-group.open .caret:before {
    content: "\e900";
    font-family: "raticons";
}

span.multiselect-native-select .btn-group{
	position:relative;
	width: 100%;
	}
span.multiselect-native-select select {
	border:0!important;
	clip:rect(0 0 0 0)!important;
	height:1px!important;
	margin:-1px -1px -1px -3px!important;
	overflow:hidden!important;
	padding:0!important;
	position:absolute!important;
	width:1px!important;
	left:50%;
	top:30px
	}
.multiselect-container {
	position:absolute;
	list-style-type:none;
	margin:0;padding:0
	}
.multiselect-container.dropdown-menu {
	background-color: #EBEBEB;
	border-radius:0;
	border:0;
	box-shadow: none;
	font-size: inherit;
}

.multiselect-container .input-group { 
	margin:5px
	}
.multiselect-container>li { 
	display: block;
	float:inherit !important;
	margin:0;
	padding:0;
	width: 100%;
	}
.multiselect-container > li.icon_dealer_product a { 
	background:url(../images/dealer-rsp/icon-dealer-product.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_event a { 
	background:url(../images/dealer-rsp/icon-dealer-event.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_marketing a { 
	background:url(../images/dealer-rsp/icon-dealer-marketing.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_service a { 
	background:url(../images/dealer-rsp/icon-dealer-service.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_consulting a { 
	background:url(../images/dealer-rsp/icon-dealer-consulting.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_gold a { 
	background:url(../images/dealer-rsp/gold.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_silver a { 
	background:url(../images/dealer-rsp/silver.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container > li.icon_dealer_bronze a { 
	background:url(../images/dealer-rsp/bronze.png) no-repeat 50px 5px;
	background-size: 30px 30px;
	}
.multiselect-container>li>a.multiselect-all label {
	font-weight:700
	}
.multiselect-container>li.multiselect-group label {
	margin:0;
	padding:3px 20px 3px 20px;
	height:100%;
	font-weight:700
	}
.multiselect-container > li.multiselect-group-clickable label {
	cursor:pointer
	}
.multiselect-container > li > a { 
	padding:0
}
.multiselect-container > .active > a {
	color: #3C3C3C;
}
.multiselect-container > .active > a, 
.multiselect-container > .active > a:hover, 
.multiselect-container > .active > a:focus {
	background-color: #EBEBEB;
	color: #3C3C3C;
}
.multiselect-container > li > a > label { 
	margin:0;
	height:100%;
	cursor:pointer;
	font-weight:400;
	line-height: 40px;
	padding:0 20px 0 50px;
	width:100%;
	}
.multiselect-container > li > a > label.radio,
.multiselect-container > li > a > label.checkbox { 
	margin:0
	}
.multiselect-container > li > a > label > input[type=checkbox] { 
	margin-bottom:5px;
	margin-right: 40px;
	position: relative;
 	}

.multiselect-container .checkbox + .checkbox {
	margin-top: 0px;
}

.multiselect-container .checkbox label::before {
	background: #FFF !important;
	margin-left: 15px;
	margin-top: 10px;
}

.multiselect-container .checkbox label::after {
  display: inline-block;
  position: absolute;
  content: "\e91b";
  font-family: 'raticons' !important;
  font-size: 16px;
  left: 0px;
  top: 0px;
  margin-left: 17px;
  border-radius: 0;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.multiselect-container .checkbox.active label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}



.btn-group > .btn-group:nth-child(2) > .multiselect.btn { 
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio { 
	padding:3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] { 
	margin-left:-20px;
	margin-right:0
}

/* =========================================================== */
/* Well Done!                                                  */
/* =========================================================== */

.masonryItem {
	margin-bottom: 30px;
	-webkit-transition: all 0.5s linear; 
	-moz-transition: all 0.5s linear; 
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.masonryItem:hover {
	opacity: 0.8 !important;
}

.masonryItem a p {
	font-weight: normal;
}

.masonryItem a p.small {
	margin-bottom:0;
	padding-bottom:0;
}

.wd_cookbook a {
	border: 1px solid #E10019;
	display: block;
	padding: 0;
}

.wd_cookbook p,
.wd_cookbook h4 {
	color: #E10019;
}

.wd_cookbook .explore-box-content {
	padding: 15px;
}

.wd_cookbook .bottom-cookbook-holder {
	min-height:173px;
}

.wd_cookbook .bottom-cookbook-holder img {
	width:100%;
}

.wd_reference .holder {
	min-height: 198px;
}

.wd_reference a {
	border: 1px solid #3C3C3C;
	display: block;
	padding: 0;
}

.wd_reference a:hover p {
	color: #3C3C3C;
}

.wd_reference p.small {
	margin: 0;
	padding: 15px 15px 0 15px;
}

.wd_reference .explore-box-content {
	padding: 15px;
}

.wd_reference h4,
.wd_reference h5 {
	font-weight: 300;
}

.wd_instagram .holder {
	min-height: 260px;
}

.wd_instagram a {
	border: 1px solid #C8C8C8;
	display: block;
	padding: 0;	
}

.wd_instagram img {
	width: 100%;
}

.wd_custom > div {
	background: #DCDCDC;
	border: 0;
	padding: 15px;
}

.wd_custom input[type="text"] {
	background: #FFF;
	margin-bottom: 10px;
}

.wd_stories a {
	border: 0;
	display: block;
	font-weight: normal;
	padding: 15px;	
	text-align: center;
}

.wd_stories a p,
.wd_stories a:hover p,
.wd_stories a:hover div {
	color: #3C3C3C;
	font-weight: normal;
	padding:0;
}

.wd_stories h4,
.wd_stories h5 {
	color: #E10019;
	font-weight: 300;
}

.wd_stories .roundImage {
	background-size: cover !important;
	border: 1px solid #E10019;
	border-radius: 50%;
	height: 160px;
	margin: 20px auto 0;
	width: 160px;
	overflow: hidden;
}
#moreMasonry {
    margin: 40px auto;
    display: block;
}

#moreMasonry:before {
    content: "\e93a" !important;
}

/* ??? Wofür das gut ist?
@media screen and (max-width: 991px) { 
	section.short-space {
		margin-top: 150px;
	}
}
*/

@media (max-width: 1199px) {
	.wd_instagram .holder {
    	min-height: 210px;
	}
	.wd_reference .holder {
    	min-height: 155px;
	}
	.wd_cookbook .bottom-cookbook-holder {
    	min-height: 140px;
	}
	.wd_stories .roundImage {
	    height: 140px;
	    width: 140px;
	}
}



@media (max-width: 991px) {
	.wd_instagram .holder {
    	min-height: 218px;
	}
	.wd_reference .holder {
    	min-height: 123px;
	}
	.wd_cookbook .bottom-cookbook-holder {
    	min-height: 149px;
	}
	.wd_stories .roundImage {
	    height: 140px;
	    width: 140px;
	}
}

@media (max-width: 600px) {
	#masonrySizer,
	.masonryItem {
		width: 100% !important;
	}
}

/* =========================================================== */
/* Specials                                                       */
/* =========================================================== */

@media screen and (max-width: 400px) { 
	.popover {
		max-width: 199px !important;
	}
}

/* =========================================================== */
/* Countryselect Page                                                       */
/* =========================================================== */

#countryselectpage .navbar-rtnl { 
	border-bottom: 1px solid #7D7D7D;
	border-radius: 0;
	height: 60px;
	margin-top: 55px; 
}

#countryselectpage h1 {
	margin-top: 20px;
}

#countryselectpage .socialBar {
	padding-top: 20px;
}

.countryselectpage {
	list-style: none;
	margin-bottom: 40px;
	padding: 0;
}

.countryselectpage li {
	height: 50px;
}

.countryselectpage img {
	border: 1px solid #DCDCDC;
	height: 20px;
	margin-right: 10px;
}

.countryselectpage .mini a {
	font-size: 13px;
	font-weight: 400;
}

.countryselectpage span.mini {
	margin-left:40px;
    margin-top: -7px;
    position: absolute;
}


#page_video_homepage {
	background: #000;
}

#page_video_homepage .evt-video-holder.tgl-video {
		height: 300px !important;
}

@media (max-width: 635px) {
	#page_video_homepage .evt-video-holder.tgl-video {
		height: 240px !important;
	}
}

@media (min-width: 768px) {
	#page_video_homepage .evt-video-holder.tgl-video {
		height: 300px !important;
	}
	#page_video_homepage .container {
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	margin-top: -150px;
    	margin-left: -360px;
	}
}

@media (min-width: 992px) {
	#page_video_homepage .evt-video-holder.tgl-video {
		height: 360px !important;
	}
	#page_video_homepage .container {
    	margin-top: -180px;
    	margin-left: -475px;
	}
}

@media (min-width: 1200px) {
	#page_video_homepage .evt-video-holder.tgl-video {
		height: 360px !important;
	}
	#page_video_homepage .container {
    	margin-top: -180px;
    	margin-left: -585px;
	}
}

@media screen and (max-width: 991px) { 
	#countryselectpage .short-space {
		margin-top: 150px;
	}   
}

/* =========================================================== */
/* XML & Investor Relations                                    */
/* =========================================================== */

#newstext {
	margin:0 !important;
}

#newsdetail table {
	width: 100%;
}

#newsdetail td {
	padding: 8px;
}

#newsdetail pre {
    display: block;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    word-break: break-all;
    word-wrap: break-word;
    background-color: inherit;
    border: none;
    border-radius: none;
    font-family: inherit !important;
}

/* =========================================================== */
/* Icons                                                       */
/* =========================================================== */

.icon-raticons {
	font-family: 'raticons' !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.icon-configurator_ivp:before {
  content: "\e973";
}
.icon-arrow_leri:before {
    content: "\e8e1";
}
.icon-arrow_down:before {
    content: "\e901";
}
.icon-arrow_right:before {
    content: "\e902";
}
.icon-arrow_left:before {
    content: "\e903";
}
.icon-arrow_backward:before {
    content: "\e904";
}
.icon-arrow_forward:before {
    content: "\e905";
}
.icon-share_club:before {
    content: "\e906";
}
.icon-arrow_todo:before {
    content: "\e907";
}
.icon-arrow2_up:before {
    content: "\e908";
}
.icon-arrow2_down:before {
    content: "\e909";
}
.icon-arrow2_left:before {
    content: "\e90a";
}
.icon-arrow2_right:before {
    content: "\e90b";
}
.icon-arrow2_down1:before {
    content: "\e90c";
}
.icon-arrow2_up1:before {
    content: "\e90d";
}
.icon-close:before {
    content: "\e90e";
}
.icon-sn_burger:before {
    content: "\e90f";
}
.icon-sn_search:before {
    content: "\e910";
}
.icon-sn_international:before {
    content: "\e911";
}
.icon-kl_chefline:before {
    content: "\e912";
}
.icon-kl_service:before {
    content: "\e913";
}
.icon-kl_contact:before {
    content: "\e914";
}
.icon-kl_dealer:before {
    content: "\e915";
}
.icon-video:before {
    content: "\e916";
}
.icon-sn_international_s:before {
    content: "\e917";
}
.icon-star:before {
    content: "\e918";
}
.icon-star_full:before {
    content: "\e919";
}
.icon-check:before {
    content: "\e91a";
}
.icon-check_full:before {
    content: "\e91b";
}
.icon-list:before {
    content: "\e91c";
}
.icon-list_full:before {
    content: "\e91d";
}
.icon-plus:before {
    content: "\e91e";
}
.icon-plus_full:before {
    content: "\e91f";
}
.icon-configurator:before {
    content: "\e920";
}
.icon-calc:before {
    content: "\e921";
}
.icon-view:before {
    content: "\e922";
}
.icon-download:before {
    content: "\e923";
}
.icon-upload:before {
    content: "\e924";
}
.icon-grid_grid:before {
    content: "\e925";
}
.icon-grid_list:before {
    content: "\e926";
}
.icon-date:before {
    content: "\e927";
}
.icon-time:before {
    content: "\e928";
}
.icon-arrow_btn_up:before {
    content: "\e929";
}
.icon-event_out:before {
    content: "\e92a";
}
.icon-mail:before {
    content: "\e92b";
}
.icon-phone:before {
    content: "\e92c";
}
.icon-search_s:before {
    content: "\e92d";
}
.icon-bubble:before {
    content: "\e92e";
}
.icon-share:before {
    content: "\e92f";
}
.icon-print:before {
    content: "\e930";
}
.icon-share_facebook:before {
    content: "\e931";
}
.icon-share_twitter:before {
    content: "\e932";
}
.icon-share_google:before {
    content: "\e933";
}
.icon-share_instagram:before {
    content: "\e934";
}
.icon-share_youtube:before {
    content: "\e935";
}
.icon-share_linkedin:before {
    content: "\e936";
}
.icon-share_pinterest:before {
    content: "\e937";
}
.icon-burger_close:before {
    content: "\e938";
}
.icon-warning:before {
    content: "\e939";
}
.icon-arrow_btn_down:before {
    content: "\e93a";
}
.icon-arrow_btn_left:before {
    content: "\e93b";
}
.icon-arrow_btn_right:before {
    content: "\e93c";
}
.icon-arrow_btn_backward:before {
    content: "\e93d";
}
.icon-arrow_btn_forward:before {
    content: "\e93e";
}
.icon-share_youku:before {
    content: "\e93f";
}
.icon-duration:before {
    content: "\e940";
}
.icon-info:before {
    content: "\e941";
}
.icon-question:before {
    content: "\e942";
}
.icon-share_kununu:before {
    content: "\e943";
}
.icon-cc_international:before {
    content: "\e944";
}
.icon-empty:before {
    content: "\e945";
}
.icon-cc_settings:before {
    content: "\e946";
}
.icon-cc_tree:before {
    content: "\e947";
}
.icon-casual_dining:before {
    content: "\e948";
}
.icon-cc_vcc_reset:before {
    content: "\e949";
}
.icon-cc_api:before {
    content: "\e94a";
}
.icon-cc_grid_list:before {
    content: "\e94b";
}
.icon-cc_casual_dining:before {
    content: "\e94c";
}
.icon-cc_vcc_scc:before {
    content: "\e94d";
}
.icon-cc_vcc:before {
    content: "\e94e";
}
.icon-cc_scc:before {
    content: "\e94f";
}
.icon-cc_cloud:before {
    content: "\e950";
}
.icon-cc_config_multi:before {
    content: "\e951";
}
.icon-cc_contact:before {
    content: "\e952";
}
.icon-cc_lock:before {
    content: "\e953";
}
.icon-butcher:before {
    content: "\e954";
}
.icon-jail:before {
    content: "\e955";
}
.icon-canteen2:before {
    content: "\e956";
}
.icon-school:before {
    content: "\e957";
}
.icon-pot:before {
    content: "\e958";
}
.icon-cc_chart:before {
    content: "\e959";
}
.icon-hospital:before {
    content: "\e95a";
}
.icon-cc_app:before {
    content: "\e95b";
}
.icon-marina:before {
    content: "\e95c";
}
.icon-restaurant:before {
    content: "\e95d";
}
.icon-quick_service:before {
    content: "\e95e";
}
.icon-gas_stop:before {
    content: "\e95f";
}
.icon-canteen:before {
    content: "\e960";
}
.icon-cc_key:before {
    content: "\e961";
}
.icon-bakery:before {
    content: "\e962";
}
.icon-cc_play:before {
    content: "\e963";
}
.icon-supermarket:before {
    content: "\e964";
}
.icon-bubble2:before {
    content: "\e965";
}
.icon-hand:before {
    content: "\e966";
}
.icon-view2:before {
    content: "\e967";
}
.icon-sn_international_s2:before {
    content: "\e968";
}
.icon-cc_check:before {
    content: "\e969";
}
.icon-book:before {
    content: "\e96a";
}
.icon-cc_scc_reset:before {
    content: "\e96c";
}
.icon-search_s1:before {
    content: "\e96d";
}
.icon-burger_close1:before {
    content: "\e96e";
}
.icon-arrow_circled_right:before {
    content: "\e96f";
}
.icon-arrow_up:before {
    content: "\e900";
}
.icon-cc_restaurant:before {
    content: "\e96b";
}
.icon-quotation:before {
  content: "\e970";
}
.icon-news:before {
    content: "\e971";
}
.icon-career:before {
    content: "\e972";
}
.icon-share_club {
    background: url(../images/icons/icon-cc-3c3c3c.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}
.icon-share_club:before {
    content: none;
}
.icon-share_club:hover {
    background: url(../images/icons/icon-cc-e10019.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.QuarterBlockWrapper * {
	font-weight: normal;
	padding-left: 0px;
    text-indent: 0px;
	color: #3C3C3C;
}

.QuarterBlockLinks a,
.QuarterBlockLinks span {
	font-weight: 700;
/*
	padding-left: 25px;
    text-indent: -25px;
*/
}

.QuarterBlockLinks a:hover, 
.QuarterBlockLinks a:focus,
.QuarterBlockLinks span:hover, 
.QuarterBlockLinks span:focus {
	color: #e10019;
	text-decoration:none;
	outline: 0;
}

.QuarterBlockRow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media (min-width: 992px) {
	.QuarterBlockRow {
    	grid-template-columns: repeat(4, 1fr);
	}
}