@charset "utf-8";
/* CSS Document x */
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital@1&display=swap');

html{
font-family:sans-serif;
line-height:1.15;
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0);}

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

body{
	overflow-y: scroll;
	margin:0;
	font-family:"Roboto Condensed",Arial,Helvetica,sans-serif;
	font-size:1.25rem;font-weight:400;
	line-height:1.4;
	color:#535353;
	text-align:left;
	background-color:#fff;}

.visible-print {
	display: none!important;}

* {box-sizing: border-box;}

.page-header {
 border:0;
 margin-top:0;
 padding-bottom:0
}
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible;}

h1,h2,h3,h4,h5,h6{
	margin-top:1rem;
	margin-bottom:0.5rem;}

p{
	margin:0 0 1rem 0;
	margin-bottom:1rem;}

.text-uppercase{text-transform:uppercase !important;}
.font-weight-lighter{font-weight:lighter !important;}
.font-weight-normal{font-weight:400 !important;}
.font-weight-bold{font-weight:700 !important;}
.font-weight-bolder{font-weight:bolder !important;}
.font-italic{font-style:italic !important;}
.text-white{color:#fff !important;}
.text-primary/*, article h1*/ {color:#ce004d !important;}


abbr[title],abbr[data-original-title]{
	text-decoration:underline;
	text-decoration:underline dotted;
	cursor:help;
	border-bottom:0;
	text-decoration-skip-ink:none;}

address{
	margin-bottom:1rem;
	font-style:normal;
	line-height:inherit;}

ol,ul,dl{
	margin-top:0;
	margin-bottom:1rem;}

ol ol,ul ul,ol ul,ul ol{
	margin-bottom:0;}

dt{font-weight:700;}

dd{
	margin-bottom:0.5rem;
	margin-left:0;}

blockquote{
	margin:0 0 1rem;}

b,strong{
	font-weight:bolder;}

small{font-size:80%;}

sub,sup{
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;}

sub{bottom:-0.25em;}

sup{top:-0.5em;}

a{
	color:#535353;
	text-decoration:underline;
	background-color:transparent;}

a:hover{
	color:#2d2d2d;
	text-decoration:outline;}

a:not([href]){
	color:inherit;
	text-decoration:none;}

a:not([href]):hover{
	color:inherit;
	text-decoration:none;}

pre,code,kbd,samp{
	font-family:"Courier New",Courier,monospace;
	font-size:1em;}

pre{margin-top:0;
	margin-bottom:1rem;
	overflow:auto;
	-ms-overflow-style:scrollbar;}

figure{margin:0 0 1rem;}

img{vertical-align:middle;border-style:none;}

svg{
	overflow:hidden;
	vertical-align:middle;}

table{
	border-collapse:collapse;}

caption{
	padding-top:0.8rem 0.7rem;
	padding-bottom:0.8rem 0.7rem;
	color:#666;
	text-align:left;
	caption-side:bottom;}

th{text-align:inherit;}



h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	margin-bottom:0.5rem;
	font-weight:700;
	line-height:1.2;}

h1, .h1 {
	font-size: 3.25rem;
	margin-top: 2rem;
	color: #ce004f;
	/*text-transform: uppercase;*/
}

@media (max-width:1200px){
	h1,.h1{font-size:calc(1.45rem + 2.4vw);}}

h2, .h2 {
	font-size: 2.25rem;
	margin-top: 1rem;
}

@media (max-width:1200px){
	h2,.h2{font-size:calc(1.35rem + 1.2vw);}}

h3, .h3 {
	font-size: 1.5rem;
	margin-top: 1rem;
}

@media (max-width:1200px){
	h3,.h3{font-size:calc(1.275rem + 0.3vw);}}

h4,.h4{font-size:1.5625rem;}

@media (max-width:1200px){
	h4,.h4{font-size:calc(1.28125rem + 0.375vw);}}

h5,.h5{font-size:1.40625rem;}

@media (max-width:1200px){
	h5,.h5{font-size:calc(1.265625rem + 0.1875vw);}}

h6,.h6{font-size:1.25rem;}

input,button,select,optgroup,textarea{
	margin:0;font-family:inherit;
	font-size:inherit;line-height:inherit;}

button,input{overflow:visible;}

button,select{text-transform:none;}

[role=button]{cursor:pointer;}

select{word-wrap:normal;}

button,[type=button],[type=reset],[type=submit]{
	-webkit-appearance:button;}

button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer;}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
	padding:0;border-style:none;}

input[type=radio],input[type=checkbox]{
	box-sizing:border-box;
	padding:0;}
input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{appearance:none;}


.container{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;}

.row{
	display:flex;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px;}

#wrapper-head{
margin: 80px 0 0 0;
position:-webkit-sticky; 
position:sticky; 
top:0;
z-index: 1001;
background: #ce004d;}

.logo{
float:left;}
	
.logo img {
height:70px;
width:auto;
margin-right: 3.25rem !important;
border-left:15px solid #fff;
border-right:15px solid #fff;}

/* top navigation*/
nav{
height:70px;}

.nav-btn{
	height:0;}

.nav-links{
	display: inline;
	text-transform:uppercase;
	font-weight:700;
	font-size: 1.5rem;}

.nav-links a {
	display: inline-block;
	color: #fff;
	padding:1.1rem 1.75rem;
	text-decoration:none;}
	
#nav-check {display: none;}

#language-selection{
	position: absolute;
	top: 1.1rem;
	left:70%;
	margin: 0;
	width:auto;
}

.language-check label{
	display:inline-block;
	margin-bottom:1rem;
	cursor:pointer;
	position:relative;
}
.language-check label span:hover{opacity:0.7;}

hide the inputs
.language-check>input{display:none}

show the second levele menu of the selected voice
.language-check>input:checked ~ ul.language-menu{
	max-height:200px;
  transition:max-height 0.5s ease-in;
}

/*style for the second level menu*/
ul.language-menu{
	margin-top:0;
  max-height:0;
  padding:0;
  overflow:hidden;
 background:none;
  box-shadow:0 0 1px rgba(0,0,0,.3);
  transition:max-height 0.1s ease-out;
  position:relative;
  right:37%;
  width:auto;}

.language-menu:after{
	content:"";
	position:absolute;
	top:0;
	right:48%;
	border-right:11px solid transparent;
	border-bottom:11px solid white;
	border-left:11px solid transparent;}

li.lang-link{
	margin-top:11px;
	list-style-type:none;
  background:white;
	padding:20px;
	border-bottom:1px solid #e4e4e4;}

li.lang-link:last-child{
	margin-top:0;}
	
.lang-link a{
	font-weight:300;font-size:1.5rem;padding:1.41rem 0.5rem;
	text-decoration:none;
	background-position:0px 0px;
	position:relative;
	height:24px;
	line-height:24px;}

ul.language-menu li a:hover{
  color:rgba(0,0,0,.3);}
  
img {vertical-align: middle;}

.responsive-image{
 width: 100%;
  height: auto;}

.breadcrumb {
	display:flex;
	flex-wrap:wrap;
	padding:0.75rem 0;
	margin-bottom:1rem;
	font-size:1rem;
	list-style:none;
	background-color:#fff;
	border-radius:0;}

.breadcrumb li {
	display:flex;
}
.breadcrumb a {
	color: #777;
	text-decoration: none;
}
.breadcrumb>li+li:before {
	display:inline-block;
	padding-left:0.5rem;
	padding-right:0.5rem;
	color:#828384;
	content:"»";}

.breadcrumb>.active {
color:#828384;
font-weight: 700;
}
section{
margin-bottom: 30px;
}

#wrapper-content{
background-size:100% auto;
background-position:center center;
margin-top: 2rem;
}
.column-halb{
width: 50%;
padding:15px;
float:left;}

.column-viertel {
    float:left;
    width: 25%;
    padding:15px;
}
.column-drittel{
float:left;
width: 33,3%;
padding:15px;}

.accordion {
  display: block;
  font-size: inherit;
  margin:0.4em 0 0 0;
  position: relative;
}

.accordion input {
  display: none;
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  z-index: 1;
}

.accordion__header {
font-size:1.375rem;
font-weight:normal;
margin-bottom:0;
line-height:1.2em;
text-transform:none;
  background-color: #e8e9ea;
  color: #535353;
  cursor: pointer;
 padding:0.75rem 1.25rem;
  position: relative;
  z-index: 2;
}
.accordion__header:hover {
background-color: #bebebe;
text-decoration:none;
}
.accordion__header:hover:before, .accordion__header:hover:after {
  background-color: #535353;
}
.accordion__header:before, .accordion__header:after {
  background-color: #535353;
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
}
.accordion__header:before {
  height: 0.2rem;
    top: 49%;
  right:1.21rem;
  width: 1.25rem;
}
.accordion__header:after {
 height: 1.25rem;
  top: 32%;
  right: 1.75rem;
  width: 0.2rem;
	
}
.accordion input:checked ~ .accordion__header {
  background: #bebebe;
  color: #535353;
}
.accordion input:checked ~ .accordion__header:hover {
  background-color: #bebebe;
  color: #535353;
}
.accordion input:checked ~ .accordion__header:before {
	transform:rotate(45deg);}
.accordion input:checked ~ .accordion__header:after {
	transform:rotate(45deg);
}
.accordion__content {
  background-color: white;
  display: none;
  padding-left:0.625rem;
padding-right:0.625rem;
	width:100%;
}
.accordion input:checked ~ .accordion__content {
display:block;
margin:0.625rem;}

.accordion:last-child .accordion__content {
  margin-bottom:0;
}

.tabs {
	display: flex;
	flex-wrap: wrap;/* // make sure it wraps*/
}
.tabs label {
	order: 1;/* // Put the labels first*/
	display: block;
	padding: 0.6rem 0.9rem;
	margin-right: 0.5rem;
	cursor: pointer;
	color:#535353;
  background: #e8e9ea;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; /*// Put the tabs last*/
  flex-grow: 1;
	width: 100%;
	display: none;
  padding: 1rem;
	border-top:  3px solid #bebebe;}

.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	background: #bebebe;
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}


table {
    border-collapse: collapse;
}
.table{width:100%;margin-bottom:1rem;color:#535353;}
	.table th,.table td{
		padding:0.8rem 0.7rem;
		vertical-align:top;
		border-top:1px solid #bebebe;}
	.table thead th{
		vertical-align:bottom;
		border-bottom:2px solid #bebebe;}
.table-hover tbody tr:hover{
	color:#535353;
	background-color:#e8e9ea;}
.table-responsive{
	display:block;
	width:100%;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;}
.table-responsive .table-bordered{
	border:0;}

#wrapper-footer {
    background-color:#535353;
	color:#fff;
    margin-top: 3.25rem !important;
    margin-bottom: 0;
    padding-top: 3.25rem;
	padding-bottom: 0;}

footer .h1,.h2,.h3,.h5{color:#fff;}

footer a{
	color:#fff;
	text-decoration:none;}

footer a:hover{
	color:#d9d9d9;}

footer ul, #footer ul li {
    margin: 0;
    padding: 0;
    list-style: none;}

.column-sub-footer {
    margin: 0 0 20px 0;
}
#footer-bottom {
    background: #ce004d;
    color: #fff;
    overflow: hidden;
    padding: 1.25rem 0 2.25rem 0;
	margin-bottom: 1.25rem;}

#disclaimer{
    width: 65%;
padding-left:15px;}

.sociallinks{
	width: 35%;}

	.sociallinks-list{
	list-style:none;}

.sociallinks-link ul{
	position:relative;
	display:block;
	height: 1.5rem;
	width: 1.5rem;
	text-decoration:none;}

.sociallinks-link-icon{
	width:2.5rem;
	height:2.5rem;
	vertical-align:middle;
	}
.sociallinks-item{
		display:inline-block;
	margin:0 1rem 0 0;}

#sidebar{left:0;bottom:0;position:fixed;z-index:1001;width:auto;}
#sidebar:hover{right:0;}

@media (min-width:992px){
	#sidebar{
		left:auto;
		right:-120px;
		top:500px;
		position:fixed;
		z-index:1001;
		width:180px;
		height:180px;
		transition:right 1s ease 0s;}
}
#sidebar .element{width:auto;float:left;margin-right:0.5rem;}

	#sidebar .element a{
		display:block;
		text-decoration:none;
		background:#ce004d url("../../keb-drive-motors-gears/images/sidebar-career.svg") 15px center no-repeat;
		background-size:auto 30px;
		color:#fff;
		margin-bottom:3px;
		text-transform:uppercase;
		height:60px;
		line-height:60px;
		position:relative;
		font-size:1.5rem;
		font-weight:700;
		padding:0 25px 0 60px;}
	#sidebar .element a:hover,#sidebar .element a:focus{background-color:#535353;}
	#sidebar .element.element-contact a{background-image:url("../../keb-drive-motors-gears/images/sidebar-contact.svg");}
	#sidebar .element.element-login a{background-image:url("../../keb-drive-motors-gears/images/sidebar-career.svg");}

.to-top-link{
		cursor: pointer;
		background:#eee;
		display:block;
		height:40px;
		transition:all 0.5s ease-out 0s;
		width:40px;
		text-decoration:none;
		position:fixed;
		bottom:0;
		right:20px;
		z-index:1000;}
	.to-top-arrow{fill:#444;}
	.to-top-link:hover{background:#ce004d;}
	.to-top-link:hover .to-top-arrow{fill:#fff;}

@media print {
	*,:after,:before {
		color:#000!important;
		text-shadow:none!important;
		background:0 0!important;
		-webkit-box-shadow:none!important;
		box-shadow:none!important
	}
	a,a:visited {
		text-decoration:underline
	}
	a[href]:after {
		content:" (" attr(href) ")"
	}
	abbr[title]:after {
		content:" (" attr(title) ")"
	}
	a[href^="javascript:"]:after,a[href^="#"]:after {
		content:""
	}
	blockquote,pre {
		border:1px solid #999;
		page-break-inside:avoid
	}
	thead {
		display:table-header-group
	}
	img,tr {
		page-break-inside:avoid
	}
	img {
		max-width:100%!important
	}
	h2,h3,p {
		orphans:3;
		widows:3
	}
	h2,h3 {
		page-break-after:avoid}
	
	#sidebar{display:none;}}
	

@media (min-width:576px){
	.container{max-width:100%;}}

@media (min-width:768px){
	.container{max-width:720px;}
	}

@media (min-width:992px){
.container{max-width:960px;}
.column-viertel {  width: 50%;}
	.column-halb{width: 50%}
	
	
	#sidebar .element{
	width:inherit;
	float:inherit;
	margin-right:inherit;}
}
#language-selection{
	left:80%;}

@media (min-width:1200px){
.container{max-width:1520px;}}


@media screen and (max-width:768px){
.column-drittel{width: 100%}
.column-viertel{width:100%;}

#wrapper-head{margin-top: 0;}

.nav > .nav-btn {
    position: absolute;
	height:0;
    right: 1rem;
    top: 0.7rem;}
	
  .nav > .nav-btn > label {
    cursor: pointer;
    display: inline-block;
    width: 60px;
    height:46px;
    padding: 10px 15px;
    border:1px solid white;}
 
  .nav > .nav-btn > label > span {
    display: block;
    width: 30px;
    height: 10px;
    border-top: 2px solid #eee;}
  
  .nav > .nav-links {
    position: absolute;
    display: block;
    width: 100%;
   	text-transform:inherit ;
	font-weight:400;
    font-size: 1.5rem;
   background-color:white;
    height: 0px;
    transition: all 0.3s ease-in;
    overflow-y: hidden;
    top: 70px;
    left: 0px;}
	
  .nav > .nav-links > a {
    display: block;
    width: 100%;
    color:#535353;
    border-bottom: 1px solid #d9d9d9;}
	
	.nav > .nav-links a:hover{
	color:#d9d9d9}

  .nav > #nav-check:not(:checked) ~ .nav-links {
    height: 0px;
  }
  .nav > #nav-check:checked ~ .nav-links {
    height: calc(70vh - 50px);
    overflow-y: auto;}	
	#language-selection{
		left:70%;}
	
.language-check label{
	margin-bottom:1.5rem;}
	
.language-menu:after{
	display:none;}
li.lang-link{
	margin-top:0;
	padding:10px;}
	
.lang-link a{
	font-weight:300;font-size:1rem;padding:1.41rem 0.5rem;
	line-height:20px;}
	
.breadcrumb{display:none;}
	
	.tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
	
fieldset {
	padding:.35em .625em .75em;
	margin:0 2px;
	border:1px solid silver
}
legend {
	padding:0;
	border:0
}
textarea {
	overflow:auto
}

textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-spacing:0;
	border-collapse:collapse
}
td,th {	padding:0}
	
#disclaimer{
    width: 60%;
	padding:0 0 1.5rem 1rem ;}
	
.sociallinks{
	padding-left: 15px;
	width: 100%;}
	
.sociallinks-link-icon{
	width:1.5rem;
	height:1.5rem;
	vertical-align:middle;
	}
}