body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
.lazyload,.lazyloading,.lazyloaded{opacity:0;will-change:opacity;transition:all 0.3s ease-in-out}.lazyloaded{opacity:1}.lazyload.thumb,.lazyloading.thumb,.lazyloaded.thumb{opacity:1}.intrinsic-ratio-wrapper{display:inline-block;max-width:100%;width:100%}.intrinsic-ratio{position:relative;height:0;max-width:100%}.intrinsic-ratio > img,.intrinsic-ratio > picture{position:absolute;top:0;left:0;width:100%}.intrinsic-ratio > .thumb{height:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.sharebuttons {
	overflow:hidden;
}

.sharebuttons > ul.theme {
	list-style-type:none;
	margin:-4px;
	padding:0;
}

.sharebuttons > ul.theme:after {
	content:"";
	display:block;
	clear:both;
}

.sharebuttons > ul.theme > li {
	float:left;
}

.sharebuttons > ul.theme > li > a {
	margin:4px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:101%;
	background-repeat:no-repeat;
	background-position:center;
}

.sharebuttons > ul.text > li > a {
	text-indent:0;
}

.sharebuttons > ul.fontawesome > li > a {
	text-indent:0;
	text-decoration:none;
	font-size:24px;
	width:32px;
	height:32px;
	line-height:32px;
	text-align:center;
	color:#606060;
	transition:0.4s;
}

.sharebuttons > ul.fontawesome > li > a:hover {
	color:#000;
}

/* Scss Document */
/* import variables */
/* ---------Paths------------- */
/* ---------Fonts------------- */
/* ---------Mobile menu icon animation------------- */
/* import mixins */
/* import style modules */
* {
  outline: 0 !important;
  box-sizing: border-box;
}

html, body {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  margin: 0;
  padding: 0;
  border: 0;
  color: #3d3d3d;
  line-height: 1.6em;
  background: url(/files/KLINGER_Dichtungstechnik/assets/bg_body.jpg) repeat;
}

a {
  color: #0168b5;
  text-decoration: none;
}

a:hover, a:focus {
  color: #0168b5;
  text-decoration: underline;
}

a {
  color: #0168b5;
}
@media all and (max-width: 800px) {
  a {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
a:hover, a:focus {
  color: #0168b5;
}

@media all and (max-width: 800px) {
  p {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

@media all and (max-width: 800px) {
  li {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.btn-standard a, .ce_hyperlink a {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  background: #0168b5;
}
.btn-standard a:hover, .btn-standard a:focus, .ce_hyperlink a:hover, .ce_hyperlink a:focus {
  color: #fff;
  text-decoration: none;
  background: #1276c1;
}

.btn-standard.arrow a, .ce_hyperlink a {
  padding: 10px 20px 10px 40px;
}
.btn-standard.arrow a::before, .ce_hyperlink a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}

.btn-standard.center {
  width: 100%;
  float: left;
}
.btn-standard.center a {
  position: relative;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.btn-warning {
  float: left;
  padding: 10px 20px;
  color: #fff;
  background-color: #a6a6a6 !important;
  border-color: #a6a6a6 !important;
}
.btn-warning p {
  margin-bottom: 0;
}

img, figure, .ce_image {
  max-width: 100%;
  height: auto;
}

nav .invisible {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
  visibility: visible;
}
nav .invisible:focus {
  top: -50px;
  left: -100px;
  color: #3d3d3d;
  opacity: 1;
}

form .invisible {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}

.layout_latest a {
  position: relative;
}
.layout_latest a span.invisible {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}

sup {
  vertical-align: baseline;
  position: relative;
  top: -0.6em;
  font-size: 10px;
}

sub {
  vertical-align: baseline;
  position: relative;
  bottom: -0.4em;
  font-size: 10px;
}

.ce_text {
  width: 100%;
  float: left;
}

.ce_text ul li, .content-left ul li, .ce_standort_hauptinhalt_mit_bild_rechts ul li, .sidebar-right ul li, .content-left-product ul li {
  margin-bottom: 10px;
  padding-left: 30px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png) no-repeat top 4px left 0px;
}

.margin-bottom-s {
  margin-bottom: 20px;
}

#header {
  width: 100%;
  height: 136px;
  position: fixed;
  top: 0;
  left: 0;
  transition: top 0.2s ease-in-out;
  margin-top: 50px;
  z-index: 99999999;
  /*
  @media all and (max-width: 680px){
  	height:146px;
  }
  */
}
@media all and (max-width: 1640px) {
  #header {
    margin-top: 20px;
  }
}
@media all and (max-width: 1150px) {
  #header {
    height: 150px;
  }
}
@media all and (max-width: 980px) {
  #header {
    height: 114px;
    margin-top: 0;
  }
}
@media all and (max-width: 800px) and (orientation: landscape) {
  #header {
    position: absolute;
  }
}
@media all and (max-width: 330px) {
  #header {
    height: 156px;
  }
}
@media all and (max-width: 290px) {
  #header {
    height: 156px;
    border-bottom: 76px solid #fff;
  }
}
#header .inside {
  width: 1640px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -820px;
  background: #fff;
}
@media all and (max-width: 1640px) {
  #header .inside {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
#header a:first-child {
  margin-right: inherit !important;
}

#header.active-anchor {
  position: absolute;
}

#header.smaller {
  height: 60px;
  margin-top: 0;
  border-top: none;
  border-bottom: none !important;
}
@media all and (max-width: 430px) {
  #header.smaller {
    height: 60px;
  }
}
@media all and (max-width: 330px) {
  #header.smaller {
    height: 70px;
  }
}
@media all and (max-width: 300px) {
  #header.smaller {
    height: 50px;
  }
}
#header.smaller .inside {
  background: #fcfafa;
}

.mainnavi {
  width: 1000px;
  position: absolute;
  bottom: 32px;
  right: 120px;
  text-align: right;
}
@media all and (max-width: 1640px) {
  .mainnavi {
    right: 20px;
  }
}
@media all and (max-width: 1150px) {
  .mainnavi {
    bottom: 19px;
  }
}
@media all and (max-width: 980px) {
  .mainnavi {
    display: none;
  }
}
.mainnavi ul.level_1 {
  width: auto;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  list-style: none;
}
.mainnavi ul.level_1 li {
  display: inline-block;
  float: left;
  position: relative;
  margin-left: 35px;
}
.mainnavi ul.level_1 li a, .mainnavi ul.level_1 li a:link, .mainnavi ul.level_1 li a:visited {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.mainnavi ul.level_1 li span, .mainnavi ul.level_1 li strong {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: #3d3d3d;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 22px;
  text-decoration: none;
  text-transform: uppercase;
  border-top: 2px solid #fff;
  z-index: 9999999;
}
.mainnavi ul.level_1 li strong {
  font-weight: 400;
}
.mainnavi ul.level_1 li strong.active {
  color: #0168b5;
  font-weight: 400;
  text-decoration: none;
}
.mainnavi ul.level_1 li a:hover, .mainnavi ul.level_1 li a:focus {
  text-decoration: none;
}
.mainnavi ul.level_1 li a:hover span, .mainnavi ul.level_1 li a:focus span {
  color: #3d3d3d;
  text-decoration: none;
  border-top: 2px solid #0168b5;
}
.mainnavi ul.level_1 li.active:hover span, .mainnavi ul.level_1 li.active:hover strong, .mainnavi ul.level_1 li.trail:hover span, .mainnavi ul.level_1 li.trail:hover strong {
  color: #0168b5;
  text-decoration: none;
}
.mainnavi ul.level_1 li.active span, .mainnavi ul.level_1 li.active strong, .mainnavi ul.level_1 li.trail span, .mainnavi ul.level_1 li.trail strong {
  color: #0168b5;
  text-decoration: none;
}
.mainnavi ul.level_1 li.active .level_2 li span, .mainnavi ul.level_1 li.active .level_2 li strong, .mainnavi ul.level_1 li.trail .level_2 li span, .mainnavi ul.level_1 li.trail .level_2 li strong {
  color: #fff !important;
  text-decoration: none;
}
.mainnavi ul.level_1 li.first {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
@media all and (max-width: 980px) {
  .mainnavi ul.level_1 li.first {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
  }
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_1 li.last .level_2 {
    right: -10px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi ul.level_1 li:focus ul.level_2 {
  display: block !important;
}
.mainnavi ul.level_2 {
  width: 330px;
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 0;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 20px 20px 0px 40px;
  line-height: 1.8em;
  background: #0168b5;
  border-top: 39px solid #fff;
  z-index: 999999;
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_2 {
    /*width:100vw;*/
    right: -20px;
    border-top: 39px solid #fff;
  }
}
@media all and (max-width: 1150px) {
  .mainnavi ul.level_2 {
    border-top: 26px solid #fff;
  }
}
.mainnavi ul.level_2 li {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  left: 0 !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_2 li {
    left: 20%;
  }
}
.mainnavi ul.level_2 li a {
  text-decoration: none;
}
.mainnavi ul.level_2 li a:hover, .mainnavi ul.level_2 li a:focus {
  text-decoration: none;
}
.mainnavi ul.level_2 li a:hover span, .mainnavi ul.level_2 li a:focus span {
  color: #fff;
  text-decoration: underline !important;
  border-top: 0;
}
.mainnavi ul.level_2 li span, .mainnavi ul.level_2 li strong {
  position: relative;
  float: left;
  display: inline-block;
  position: relative;
  padding: 0 !important;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px !important;
  text-align: left;
  line-height: 1.2em;
  border: none;
}
.mainnavi ul.level_2 li.first {
  position: relative;
  top: 0;
  left: 17.5%;
  opacity: 1;
}
.mainnavi ul.level_2 li.last {
  margin-bottom: 40px !important;
}
.mainnavi .nav-460 ul.level_2 {
  width: 460px;
}
@media all and (max-width: 1640px) {
  .mainnavi .nav-460 ul.level_2 {
    right: 0px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi .nav-400 ul.level_2 {
  width: 400px;
}
@media all and (max-width: 1640px) {
  .mainnavi .nav-400 ul.level_2 {
    right: 0px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi ul.level_3 {
  width: 300px;
  position: absolute;
  top: -20px;
  left: 100%;
  margin-left: 20px;
  padding: 20px 20px 0px 40px;
  line-height: 1.8em;
  background: #0168b5;
  z-index: 999999;
}
.mainnavi .nav-200 ul.level_3 {
  width: 200px;
}
.mainnavi .nav-280 ul.level_3 {
  width: 280px;
}
.mainnavi .nav-300 ul.level_3 {
  width: 300px;
}
.mainnavi .nav-left ul.level_3 {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 40px;
}

#header.smaller .mainnavi {
  bottom: 15px;
}
@media all and (max-width: 1080px) {
  #header.smaller .mainnavi ul.level_1 li a {
    font-size: 18px;
  }
}
#header.smaller .mainnavi ul.level_2 {
  border-top: 22px solid #fff;
  top: 20px;
}

.mod_mobile_menu .mobile_menu_trigger {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  margin-top: 0;
  z-index: 999999999999;
}
@media all and (max-width: 980px) {
  .mod_mobile_menu .mobile_menu_trigger {
    display: block !important;
  }
}
.mod_mobile_menu .mobile_menu_trigger:hover {
  cursor: pointer;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger {
  width: 50px;
  height: 25px;
  position: relative;
  display: block;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line {
  display: block;
  background: #0168b5;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 0;
  border-radius: 2px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-1 {
  top: 0;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-2 {
  top: 50%;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-3 {
  top: 100%;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:hover .line-1, .mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:focus .line-1 {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:hover .line-3, .mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:focus .line-3 {
  transform: translateY(2px);
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-1 {
  transform: translateY(12.5px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(12.5px) translateX(0) rotate(45deg);
  -moz-transform: translateY(12.5px) translateX(0) rotate(45deg);
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-2 {
  opacity: 0;
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-3 {
  transform: translateY(-12.5px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-12.5px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-12.5px) translateX(0) rotate(-45deg);
}

.mobile_menu {
  z-index: 999999999;
}
.mobile_menu .inner {
  padding-top: 0px;
  background: #0168b5;
}
.mobile_menu .inner .mod_navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile_menu .inner .mod_navigation ul li {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
.mobile_menu .inner .mod_navigation ul li a, .mobile_menu .inner .mod_navigation ul li strong {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul li a:hover, .mobile_menu .inner .mod_navigation ul li strong:hover {
  color: #fff;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul li a span, .mobile_menu .inner .mod_navigation ul li strong span {
  display: block;
  padding: 1vw 4vw;
  color: #fff;
  font-size: 4.2vw;
  line-height: 1.2em;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul li a span, .mobile_menu .inner .mod_navigation ul li strong span {
    padding: 2vw 6vw;
    font-size: 5.2vw;
  }
}
.mobile_menu .inner .mod_navigation ul li a span:hover, .mobile_menu .inner .mod_navigation ul li strong span:hover {
  color: #fff;
}
.mobile_menu .inner .mod_navigation ul li strong {
  padding: 1vw 4vw;
  color: #ccc;
  font-size: 4.2vw;
  font-weight: 400;
  line-height: 1.2em;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul li strong {
    padding: 2vw 6vw;
    font-size: 5.2vw;
  }
}
.mobile_menu .inner .mod_navigation ul li strong:hover {
  color: #ccc !important;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong:hover, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong:hover, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong:hover {
  color: #fff;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong:hover::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong:hover::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong:hover::after {
  color: #fff;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0px;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 10px;
  color: #fff;
  font-size: 4.2vw;
  font-weight: 700;
}
.mobile_menu .inner .mod_navigation ul.level_2 li.first {
  border-top: 1px solid fff;
}
.mobile_menu .inner .mod_navigation ul.level_2 li.last {
  border-bottom: none;
}
.mobile_menu .inner .mod_navigation ul.level_2 li a span {
  padding-left: 6vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_2 li a span {
    padding-left: 8vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_2 li strong {
  padding-left: 6vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_2 li strong {
    padding-left: 8vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_3 li a span {
  padding-left: 8vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_3 li a span {
    padding-left: 10vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_3 li strong {
  padding-left: 8vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_3 li strong {
    padding-left: 10vw;
  }
}

#header.nav-up .nav-main-mobile-button, #header.nav-up .mobile_menu_trigger {
  top: auto;
  bottom: 15px;
}

#container {
  width: 100%;
  float: left;
  margin-top: 156px;
}
@media all and (max-width: 1150px) {
  #container {
    margin-top: 170px;
  }
}
@media all and (max-width: 980px) {
  #container {
    margin-top: 114px;
  }
}

.site-slider #container {
  margin-top: 150px;
}
@media all and (max-width: 980px) {
  .site-slider #container {
    margin-top: 114px;
  }
}
@media all and (max-width: 330px) {
  .site-slider #container {
    margin-top: 157px;
  }
}
@media all and (max-width: 290px) {
  .site-slider #container {
    margin-top: 157px;
  }
}
.site-slider #container .items-container {
  padding: 35px 120px 0 120px;
}
@media all and (max-width: 1640px) {
  .site-slider #container .items-container {
    padding: 20px 20px 0 20px;
  }
}
@media all and (max-width: 980px) {
  .site-slider #container .items-container {
    padding: 0 20px 0 20px;
  }
}
@media all and (max-width: 300px) {
  .site-slider #container .items-container {
    padding: 0;
  }
}
.site-slider #container .mod_breadcrumb {
  display: none;
}
.site-slider .filter-container {
  margin-bottom: 0;
}

#main {
  width: 100%;
  float: left;
}
#main .inside {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
}

.mm-wrapper {
  overflow-y: hidden;
}

.mod_article, .article-sidebar-container {
  width: 100%;
  float: left;
  position: relative;
  left: 0;
}
.mod_article .article-inner, .mod_article .sidebar-container-inner, .article-sidebar-container .article-inner, .article-sidebar-container .sidebar-container-inner {
  width: 1640px;
  float: left;
  position: relative;
  left: 50%;
  margin-left: -820px;
  padding: 20px 120px;
  background: #fff;
}
@media all and (max-width: 1640px) {
  .mod_article .article-inner, .mod_article .sidebar-container-inner, .article-sidebar-container .article-inner, .article-sidebar-container .sidebar-container-inner {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 20px 20px;
  }
}

.article-sidebar .article-inner * {
  width: 1070px;
  float: left;
  position: relative;
}
.article-sidebar .article-inner * * {
  width: inherit;
}
.article-sidebar .article-inner .mod_boxes4ward {
  width: 330px;
}

.mod_article.article-bc .article-inner {
  padding: 26px 120px 60px 120px;
}
@media all and (max-width: 1640px) {
  .mod_article.article-bc .article-inner {
    padding: 0 20px 50px 20px;
  }
}
@media all and (max-width: 980px) {
  .mod_article.article-bc .article-inner {
    padding: 0 !important;
  }
}

.no-breadcrumb .mod_article.article-bc .article-inner {
  padding-bottom: 0;
}
.no-breadcrumb .mod_article.article-bc .mod_breadcrumb {
  display: none;
}

.mod_article.article-headline .article-inner {
  padding-bottom: 0;
}
.mod_article.article-headline .article-inner .ce_headline {
  margin-bottom: 0 !important;
}

.header-logo {
  width: 350px;
  position: absolute;
  top: 25px;
  left: 120px;
  z-index: 9999999;
}
.header-logo img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 1640px) {
  .header-logo {
    left: 20px;
  }
}
@media all and (max-width: 1240px) {
  .header-logo {
    width: 280px;
  }
}
@media all and (max-width: 1080px) {
  .header-logo {
    width: 250px;
  }
}
@media all and (max-width: 800px) {
  .header-logo {
    width: 230px;
    top: 15px;
    left: 15px;
  }
}
@media all and (max-width: 680px) {
  .header-logo {
    width: 200px;
  }
}
@media all and (max-width: 430px) {
  .header-logo {
    width: 150px;
  }
}
@media all and (max-width: 330px) {
  .header-logo {
    width: 100px;
  }
}
@media all and (max-width: 300px) {
  .header-logo {
    left: 10px;
  }
}

#header.smaller .header-logo {
  width: 150px;
  top: auto;
  bottom: 0;
}
@media all and (max-width: 300px) {
  #header.smaller .header-logo {
    width: 100px;
  }
}
#header.smaller .header-logo img {
  position: absolute;
  bottom: 10px;
}

.nav-meta-header {
  position: absolute;
  top: 20px;
  right: 216px;
}
@media all and (max-width: 1640px) {
  .nav-meta-header {
    right: 115px;
  }
}
.nav-meta-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media all and (max-width: 980px) {
  .nav-meta-header ul {
    display: none;
  }
}
.nav-meta-header ul li {
  display: inline-block;
  position: relative;
  float: left;
  padding: 0 15px 0 6px;
}
.nav-meta-header ul li::after {
  content: "|";
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (max-width: 980px) {
  .nav-meta-header ul li::after {
    display: none;
  }
}
.nav-meta-header ul li a {
  text-decoration: none;
}
.nav-meta-header ul li span, .nav-meta-header ul li strong {
  color: #3d3d3d;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  text-transform: uppercase;
}
.nav-meta-header ul li span:hover, .nav-meta-header ul li span:focus, .nav-meta-header ul li strong:hover, .nav-meta-header ul li strong:focus {
  color: #0168b5;
}
.nav-meta-header ul li strong {
  color: #0168b5;
  font-weight: 400;
}

#header.smaller .nav-meta-header {
  display: none;
}

.nav-meta-header.nav-meta-header-en {
  right: 108px;
}
@media all and (max-width: 1640px) {
  .nav-meta-header.nav-meta-header-en {
    right: 0px;
  }
}
.nav-meta-header.nav-meta-header-en li.last::after {
  display: none;
}

.form-search {
  position: absolute;
  top: 30px;
  right: 363px;
  z-index: 99;
}
@media screen and (max-width: 1640px) {
  .form-search {
    right: 262px;
  }
}
@media screen and (max-width: 980px) {
  .form-search {
    right: 120px;
  }
}
@media screen and (max-width: 800px) {
  .form-search {
    top: auto;
    right: auto;
    bottom: 22px;
    left: 0;
  }
}
@media screen and (max-width: 290px) {
  .form-search {
    left: -5px;
  }
}
.form-search .main-navigation-search {
  position: absolute;
  top: 0;
  right: 10px;
  height: 2.85714em;
  min-width: 3.42857em;
  margin-top: -1.35714em;
  border-radius: 0;
  overflow: hidden;
  font-size: 0.875em;
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search {
    min-width: 78px;
    right: auto;
    left: 10px;
  }
}
.form-search .main-navigation-search input {
  -webkit-appearance: none;
  float: right;
  width: 15em;
  margin: 0.57143em 0.5em 0 -10.35714em;
  padding: 5px 25px 5px 10px;
  border: 0;
  border-bottom: none;
  border-radius: 0;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: inherit;
  background: none;
  box-shadow: none;
  -webkit-transition: margin-left 0.2s ease-out;
  transition: margin-left 0.2s ease-out;
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search input {
    float: left;
    margin: 0.5em -10.35714em 0 0.57143em;
    padding: 5px 0px 5px 25px;
    -webkit-transition: margin-right 0.2s ease-out;
    transition: margin-right 0.2s ease-out;
  }
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search input::-webkit-input-placeholder {
    color: #fff;
  }
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search input::-moz-input-placeholder {
    color: #fff;
  }
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search input:-ms-input-placeholder {
    color: #fff;
  }
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search input:-moz-input-placeholder {
    color: #fff;
  }
}
.form-search .main-navigation-search button, .form-search .main-navigation-search .instead-of-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: #636363;
  text-align: left;
  text-indent: -99em;
  text-shadow: none;
  line-height: 0;
  background: none;
  box-shadow: none;
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search button, .form-search .main-navigation-search .instead-of-button {
    right: auto;
    left: 0;
  }
}
.form-search .main-navigation-search button::after, .form-search .main-navigation-search .instead-of-button::after {
  content: url("/files/KLINGER_Dichtungstechnik/assets/icon-search-black.svg");
  text-indent: 0;
  display: inline-block;
  position: relative;
  top: 3px;
  display: block;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .form-search .main-navigation-search button::after, .form-search .main-navigation-search .instead-of-button::after {
    content: url("/files/KLINGER_Dichtungstechnik/assets/icon-search-black.svg");
    color: #000;
  }
}
.form-search .main-navigation-search .instead-of-button::after {
  top: 12px;
}
.form-search:hover input, .form-search:focus input, .form-search .main-navigation-search.focus input {
  margin-left: 0.85714em;
  border-color: #d2cbcb;
  box-shadow: none;
  background: #ccc;
}
@media screen and (max-width: 800px) {
  .form-search:hover input, .form-search:focus input, .form-search .main-navigation-search.focus input {
    margin-left: 0.57143em;
    margin-right: 0.85714em;
  }
}
@media screen and (max-width: 800px) {
  .form-search:hover input::-webkit-input-placeholder, .form-search:focus input::-webkit-input-placeholder, .form-search .main-navigation-search.focus input::-webkit-input-placeholder {
    color: #3d3d3d;
  }
}
@media screen and (max-width: 800px) {
  .form-search:hover input::-moz-input-placeholder, .form-search:focus input::-moz-input-placeholder, .form-search .main-navigation-search.focus input::-moz-input-placeholder {
    color: #3d3d3d;
  }
}
@media screen and (max-width: 800px) {
  .form-search:hover input:-ms-input-placeholder, .form-search:focus input:-ms-input-placeholder, .form-search .main-navigation-search.focus input:-ms-input-placeholder {
    color: #3d3d3d;
  }
}
@media screen and (max-width: 800px) {
  .form-search:hover input:-moz-input-placeholder, .form-search:focus input:-moz-input-placeholder, .form-search .main-navigation-search.focus input:-moz-input-placeholder {
    color: #3d3d3d;
  }
}
.form-search:hover .main-navigation-search, .form-search:focus .main-navigation-search, .form-search .main-navigation-search.focus .main-navigation-search {
  background: #fff;
}
@media screen and (max-width: 430px) {
  .form-search:hover .main-navigation-search, .form-search:focus .main-navigation-search, .form-search .main-navigation-search.focus .main-navigation-search {
    background: none;
  }
}
.form-search:hover button:after, .form-search:hover .instead-of-button:after, .form-search:focus button:after, .form-search:focus .instead-of-button:after, .form-search .main-navigation-search.focus button:after, .form-search .main-navigation-search.focus .instead-of-button:after {
  content: url("/files/KLINGER_Dichtungstechnik/assets/icon-search-black.svg");
  color: #000;
  cursor: pointer;
}
.form-search .main-navigation-search.focus {
  background: #fff;
}
@media screen and (max-width: 430px) {
  .form-search .main-navigation-search.focus {
    background: none;
  }
}
.form-search .textlink {
  position: absolute;
  top: -10px;
  right: -40px;
}
@media screen and (max-width: 980px) {
  .form-search .textlink {
    display: none;
  }
}
.form-search .textlink::after {
  content: "|";
  position: absolute;
  top: 0px;
  right: -17px;
}
@media screen and (max-width: 980px) {
  .form-search .textlink::after {
    display: none;
  }
}
.form-search .textlink a {
  display: block;
  padding-left: 20px;
  color: #3d3d3d !important;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 16px;
  text-decoration: none !important;
  text-transform: uppercase;
}
.form-search .textlink a:hover, .form-search .textlink a:focus {
  color: #0168b5 !important;
  cursor: pointer;
}

.form-search.logged-in {
  right: 437px;
}

.form-search.form-search-en {
  /*right: 423px;*/
  right: 248px;
}
@media screen and (max-width: 1640px) {
  .form-search.form-search-en {
    right: 140px;
  }
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

#header.smaller .form-search {
  display: none;
}

.mod_changelanguage {
  position: absolute;
  top: 20px;
  right: 120px;
}
@media screen and (max-width: 1640px) {
  .mod_changelanguage {
    right: 20px;
  }
}
@media screen and (max-width: 980px) {
  .mod_changelanguage {
    top: auto;
    /*right: auto;*/
    bottom: 10px;
    /*left: 20px;*/
  }
}
@media screen and (max-width: 290px) {
  .mod_changelanguage {
    right: 10px;
    bottom: -66px;
    left: auto;
  }
}
.mod_changelanguage select.level_1 {
  width: 90px;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  outline: none !important;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-nav-dropdown-arrow-down-black.png) no-repeat top 9px right 0px;
}
.mod_changelanguage select.level_1:hover, .mod_changelanguage select.level_1:focus {
  color: #0168b5;
  cursor: pointer;
}
.mod_changelanguage select.level_1 option {
  color: #3d3d3d;
  font-size: 16px;
  text-transform: uppercase;
}

#header.smaller .mod_changelanguage {
  display: none;
}

.mainnavi {
  width: 1000px;
  position: absolute;
  bottom: 32px;
  right: 120px;
  text-align: right;
}
@media all and (max-width: 1640px) {
  .mainnavi {
    right: 20px;
  }
}
@media all and (max-width: 1150px) {
  .mainnavi {
    bottom: 19px;
  }
}
@media all and (max-width: 980px) {
  .mainnavi {
    display: none;
  }
}
.mainnavi ul.level_1 {
  width: auto;
  float: right;
  margin: 0;
  padding: 0;
  text-align: right;
  list-style: none;
}
.mainnavi ul.level_1 li {
  display: inline-block;
  float: left;
  position: relative;
  margin-left: 35px;
}
.mainnavi ul.level_1 li a, .mainnavi ul.level_1 li a:link, .mainnavi ul.level_1 li a:visited {
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.mainnavi ul.level_1 li span, .mainnavi ul.level_1 li strong {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  color: #3d3d3d;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 22px;
  text-decoration: none;
  text-transform: uppercase;
  border-top: 2px solid #fff;
  z-index: 9999999;
}
.mainnavi ul.level_1 li strong {
  font-weight: 400;
}
.mainnavi ul.level_1 li strong.active {
  color: #0168b5;
  font-weight: 400;
  text-decoration: none;
}
.mainnavi ul.level_1 li a:hover, .mainnavi ul.level_1 li a:focus {
  text-decoration: none;
}
.mainnavi ul.level_1 li a:hover span, .mainnavi ul.level_1 li a:focus span {
  color: #3d3d3d;
  text-decoration: none;
  border-top: 2px solid #0168b5;
}
.mainnavi ul.level_1 li.active:hover span, .mainnavi ul.level_1 li.active:hover strong, .mainnavi ul.level_1 li.trail:hover span, .mainnavi ul.level_1 li.trail:hover strong {
  color: #0168b5;
  text-decoration: none;
}
.mainnavi ul.level_1 li.active span, .mainnavi ul.level_1 li.active strong, .mainnavi ul.level_1 li.trail span, .mainnavi ul.level_1 li.trail strong {
  color: #0168b5;
  text-decoration: none;
}
.mainnavi ul.level_1 li.active .level_2 li span, .mainnavi ul.level_1 li.active .level_2 li strong, .mainnavi ul.level_1 li.trail .level_2 li span, .mainnavi ul.level_1 li.trail .level_2 li strong {
  color: #fff !important;
  text-decoration: none;
}
.mainnavi ul.level_1 li.first {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
@media all and (max-width: 980px) {
  .mainnavi ul.level_1 li.first {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
  }
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_1 li.last .level_2 {
    right: -10px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi ul.level_1 li:focus ul.level_2 {
  display: block !important;
}
.mainnavi ul.level_2 {
  width: 330px;
  display: none;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: 0;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  padding: 20px 20px 0px 40px;
  line-height: 1.8em;
  background: #0168b5;
  border-top: 39px solid #fff;
  z-index: 999999;
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_2 {
    /*width:100vw;*/
    right: -20px;
    border-top: 39px solid #fff;
  }
}
@media all and (max-width: 1150px) {
  .mainnavi ul.level_2 {
    border-top: 26px solid #fff;
  }
}
.mainnavi ul.level_2 li {
  width: 100%;
  height: auto;
  display: block;
  float: left;
  position: relative;
  left: 0 !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}
@media all and (max-width: 1640px) {
  .mainnavi ul.level_2 li {
    left: 20%;
  }
}
.mainnavi ul.level_2 li a {
  text-decoration: none;
}
.mainnavi ul.level_2 li a:hover, .mainnavi ul.level_2 li a:focus {
  text-decoration: none;
}
.mainnavi ul.level_2 li a:hover span, .mainnavi ul.level_2 li a:focus span {
  color: #fff;
  text-decoration: underline !important;
  border-top: 0;
}
.mainnavi ul.level_2 li span, .mainnavi ul.level_2 li strong {
  position: relative;
  float: left;
  display: inline-block;
  position: relative;
  padding: 0 !important;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 18px !important;
  text-align: left;
  line-height: 1.2em;
  border: none;
}
.mainnavi ul.level_2 li.first {
  position: relative;
  top: 0;
  left: 17.5%;
  opacity: 1;
}
.mainnavi ul.level_2 li.last {
  margin-bottom: 40px !important;
}
.mainnavi .nav-460 ul.level_2 {
  width: 460px;
}
@media all and (max-width: 1640px) {
  .mainnavi .nav-460 ul.level_2 {
    right: 0px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi .nav-400 ul.level_2 {
  width: 400px;
}
@media all and (max-width: 1640px) {
  .mainnavi .nav-400 ul.level_2 {
    right: 0px;
    left: inherit;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.mainnavi ul.level_3 {
  width: 300px;
  position: absolute;
  top: -20px;
  left: 100%;
  margin-left: 20px;
  padding: 20px 20px 0px 40px;
  line-height: 1.8em;
  background: #0168b5;
  z-index: 999999;
}
.mainnavi .nav-200 ul.level_3 {
  width: 200px;
}
.mainnavi .nav-280 ul.level_3 {
  width: 280px;
}
.mainnavi .nav-300 ul.level_3 {
  width: 300px;
}
.mainnavi .nav-left ul.level_3 {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 40px;
}

#header.smaller .mainnavi {
  bottom: 15px;
}
@media all and (max-width: 1080px) {
  #header.smaller .mainnavi ul.level_1 li a {
    font-size: 18px;
  }
}
#header.smaller .mainnavi ul.level_2 {
  border-top: 22px solid #fff;
  top: 20px;
}

.mod_mobile_menu .mobile_menu_trigger {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  margin-top: 0;
  z-index: 999999999999;
}
@media all and (max-width: 980px) {
  .mod_mobile_menu .mobile_menu_trigger {
    display: block !important;
  }
}
.mod_mobile_menu .mobile_menu_trigger:hover {
  cursor: pointer;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger {
  width: 50px;
  height: 25px;
  position: relative;
  display: block;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line {
  display: block;
  background: #0168b5;
  width: 50px;
  height: 4px;
  position: absolute;
  left: 0;
  border-radius: 2px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-1 {
  top: 0;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-2 {
  top: 50%;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line.line-3 {
  top: 100%;
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:hover .line-1, .mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:focus .line-1 {
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
}
.mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:hover .line-3, .mod_mobile_menu .mobile_menu_trigger .mobile-nav-trigger .line:focus .line-3 {
  transform: translateY(2px);
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-1 {
  transform: translateY(12.5px) translateX(0) rotate(45deg);
  -webkit-transform: translateY(12.5px) translateX(0) rotate(45deg);
  -moz-transform: translateY(12.5px) translateX(0) rotate(45deg);
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-2 {
  opacity: 0;
}
.mod_mobile_menu .mobile_menu_trigger.active .mobile-nav-trigger .line.line-3 {
  transform: translateY(-12.5px) translateX(0) rotate(-45deg);
  -webkit-transform: translateY(-12.5px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-12.5px) translateX(0) rotate(-45deg);
}

.mobile_menu {
  z-index: 999999999;
}
.mobile_menu .inner {
  padding-top: 0px;
  background: #0168b5;
}
.mobile_menu .inner .mod_navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mobile_menu .inner .mod_navigation ul li {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px solid #fff;
  box-sizing: border-box;
}
.mobile_menu .inner .mod_navigation ul li a, .mobile_menu .inner .mod_navigation ul li strong {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul li a:hover, .mobile_menu .inner .mod_navigation ul li strong:hover {
  color: #fff;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul li a span, .mobile_menu .inner .mod_navigation ul li strong span {
  display: block;
  padding: 1vw 4vw;
  color: #fff;
  font-size: 4.2vw;
  line-height: 1.2em;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul li a span, .mobile_menu .inner .mod_navigation ul li strong span {
    padding: 2vw 6vw;
    font-size: 5.2vw;
  }
}
.mobile_menu .inner .mod_navigation ul li a span:hover, .mobile_menu .inner .mod_navigation ul li strong span:hover {
  color: #fff;
}
.mobile_menu .inner .mod_navigation ul li strong {
  padding: 1vw 4vw;
  color: #ccc;
  font-size: 4.2vw;
  font-weight: 400;
  line-height: 1.2em;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul li strong {
    padding: 2vw 6vw;
    font-size: 5.2vw;
  }
}
.mobile_menu .inner .mod_navigation ul li strong:hover {
  color: #ccc !important;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong:hover, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong:hover, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a:hover, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong:hover {
  color: #fff;
  text-decoration: none;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong:hover::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong:hover::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a:hover::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong:hover::after {
  color: #fff;
}
.mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_1 > li.submenu > strong::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_2 > li.submenu > strong::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > a::after, .mobile_menu .inner .mod_navigation ul.level_3 > li.submenu > strong::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0px;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  padding: 10px;
  color: #fff;
  font-size: 4.2vw;
  font-weight: 700;
}
.mobile_menu .inner .mod_navigation ul.level_2 li.first {
  border-top: 1px solid fff;
}
.mobile_menu .inner .mod_navigation ul.level_2 li.last {
  border-bottom: none;
}
.mobile_menu .inner .mod_navigation ul.level_2 li a span {
  padding-left: 6vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_2 li a span {
    padding-left: 8vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_2 li strong {
  padding-left: 6vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_2 li strong {
    padding-left: 8vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_3 li a span {
  padding-left: 8vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_3 li a span {
    padding-left: 10vw;
  }
}
.mobile_menu .inner .mod_navigation ul.level_3 li strong {
  padding-left: 8vw;
}
@media all and (max-width: 600px) {
  .mobile_menu .inner .mod_navigation ul.level_3 li strong {
    padding-left: 10vw;
  }
}

#header.nav-up .nav-main-mobile-button, #header.nav-up .mobile_menu_trigger {
  top: auto;
  bottom: 15px;
}

#top-link {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 20px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid #3d3d3d;
  border-radius: 100%;
  z-index: 99999999999;
}
@media all and (max-width: 1280px) {
  #top-link {
    bottom: 20px;
  }
}
@media all and (max-width: 700px) {
  #top-link {
    right: 10px;
    bottom: 10px;
  }
}
#top-link img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

#footer {
  width: 100%;
  float: left;
  position: relative;
  left: 0;
}

#footer .inside {
  width: 1640px;
  height: 100%;
  position: relative;
  float: left;
  left: 50%;
  margin-left: -820px;
  padding: 30px 120px;
  color: #fff;
  background: #0168b5;
  border-top: 50px solid #fff;
}
@media all and (max-width: 1640px) {
  #footer .inside {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 30px 20px;
  }
}
#footer .inside::before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  top: -10px;
  left: 0;
  background: linear-gradient(to right, #c6076e, #c6076e), linear-gradient(to right, #ec6608, #ec6608), linear-gradient(to right, #98a6b1, #98a6b1), linear-gradient(to right, #97bb20, #97bb20), linear-gradient(to right, #c7c2b4, #c7c2b4);
  background-repeat: no-repeat;
  background-position: 0 0, 25% 0, 50% 0, 75% 0, 100% 0;
  background-size: 20.1% 100%, 20.1% 100%, 20.1% 100%, 20.1% 100%, 20.1% 100%;
}
#footer .inside a {
  color: #fff;
}
#footer .inside a:hover, #footer .inside a:focus {
  color: #fff;
  text-decoration: underline;
}
#footer .inside h6 {
  margin-top: 0;
  margin-bottom: 40px;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media all and (max-width: 799px) {
  #footer .inside h6 {
    margin-bottom: 5px;
  }
}
#footer .inside .footer-industrie-container {
  width: 25%;
  float: left;
  padding-right: 100px;
}
@media all and (max-width: 980px) {
  #footer .inside .footer-industrie-container {
    width: 50%;
    margin-bottom: 50px;
  }
}
@media all and (max-width: 799px) {
  #footer .inside .footer-industrie-container {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
}
#footer .inside .footer-contact-container {
  width: 25%;
  float: left;
  padding-right: 100px;
}
@media all and (max-width: 980px) {
  #footer .inside .footer-contact-container {
    width: 50%;
    margin-bottom: 50px;
    padding-right: 0;
  }
}
@media all and (max-width: 799px) {
  #footer .inside .footer-contact-container {
    width: 100%;
    margin-bottom: 30px;
  }
}
#footer .inside .footer-standorte-container {
  width: 25%;
  float: left;
  padding-right: 100px;
}
@media all and (max-width: 980px) {
  #footer .inside .footer-standorte-container {
    width: 50%;
    clear: both;
  }
}
@media all and (max-width: 799px) {
  #footer .inside .footer-standorte-container {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
}
#footer .inside .footer-standorte-container strong {
  font-weight: 400;
}
#footer .inside .mod_sharebuttons {
  width: 25%;
  float: left;
}
@media all and (max-width: 980px) {
  #footer .inside .mod_sharebuttons {
    width: 50%;
  }
}
@media all and (max-width: 799px) {
  #footer .inside .mod_sharebuttons {
    width: 100%;
    margin-bottom: 30px;
  }
}
#footer .inside .mod_sharebuttons h6 {
  margin-top: 0;
  margin-bottom: 60px;
}
@media all and (max-width: 799px) {
  #footer .inside .mod_sharebuttons h6 {
    margin-bottom: 15px;
  }
}
#footer .inside .mod_sharebuttons ul li a {
  width: 20px;
  height: 20px;
  position: relative;
  padding: 20px;
  border-radius: 50px;
  background: #a6a6a6;
}
#footer .inside .mod_sharebuttons ul li a:hover, #footer .inside .mod_sharebuttons ul li a:focus {
  background: #cfcdcd;
}
#footer .inside .mod_sharebuttons ul li a::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#footer .inside .footer-bottom-container {
  width: 100%;
  float: left;
  margin-top: 50px;
  padding-top: 10px;
  border-top: 1px solid #fff;
}
@media all and (max-width: 799px) {
  #footer .inside .footer-bottom-container {
    margin-top: 0;
  }
}
#footer .inside .footer-bottom-text {
  max-width: 80%;
  float: left;
}
@media all and (max-width: 799px) {
  #footer .inside .footer-bottom-text {
    width: 100%;
    max-width: none;
  }
}
#footer .inside .footer-bottom-text .tel-link:hover, #footer .inside .footer-bottom-text .tel-link:focus {
  color: #fff;
  text-decoration: none;
  cursor: text;
}
@media all and (max-width: 799px) {
  #footer .inside .footer-bottom-text .tel-link:hover, #footer .inside .footer-bottom-text .tel-link:focus {
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
  }
}
#footer .inside .nav-meta-footer-bottom {
  float: right;
  margin-right: 50px;
}
@media all and (max-width: 799px) {
  #footer .inside .nav-meta-footer-bottom {
    float: left;
  }
}
#footer .inside .nav-meta-footer-bottom li {
  display: inline-block;
  margin-left: 10px;
}
@media all and (max-width: 799px) {
  #footer .inside .nav-meta-footer-bottom li {
    margin-left: 0;
    margin-right: 10px;
  }
}
@media all and (max-width: 400px) {
  #footer .inside .nav-meta-footer-bottom li {
    display: block;
  }
}
#footer .inside .nav-meta-footer-bottom li a {
  color: #fff;
}
#footer .inside .nav-meta-footer-bottom li a:hover, #footer .inside .nav-meta-footer-bottom li a:focus {
  color: #fff;
  text-decoration: underline;
}
#footer .inside .nav-meta-footer-bottom li strong {
  font-weight: 400;
}
#footer .inside ul li a {
  color: #fff;
}
#footer .inside ul li a:hover, #footer .inside ul li a:focus {
  color: #fff;
  text-decoration: underline;
}

.ce_header, .ce_header-mit-icon, .ce_header_mit_text, .ce_header_mit_weisser_box {
  width: 100%;
  float: left;
  position: relative;
}
.ce_header .content, .ce_header-mit-icon .content, .ce_header_mit_text .content, .ce_header_mit_weisser_box .content {
  width: 100%;
  float: left;
}
.ce_header .content .header-img-left, .ce_header-mit-icon .content .header-img-left, .ce_header_mit_text .content .header-img-left, .ce_header_mit_weisser_box .content .header-img-left {
  float: left;
  position: relative;
}
@media all and (max-width: 1640px) {
  .ce_header .content .header-img-left, .ce_header-mit-icon .content .header-img-left, .ce_header_mit_text .content .header-img-left, .ce_header_mit_weisser_box .content .header-img-left {
    width: 76.42857%;
  }
}
.ce_header .content .header-img-left img, .ce_header-mit-icon .content .header-img-left img, .ce_header_mit_text .content .header-img-left img, .ce_header_mit_weisser_box .content .header-img-left img {
  float: left;
}
.ce_header .content .header-img-left .caption, .ce_header-mit-icon .content .header-img-left .caption, .ce_header_mit_text .content .header-img-left .caption, .ce_header_mit_weisser_box .content .header-img-left .caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 10px 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 24px;
  font-weight: 700;
  background: #fff;
}
@media all and (max-width: 980px) {
  .ce_header .content .header-img-left .caption, .ce_header-mit-icon .content .header-img-left .caption, .ce_header_mit_text .content .header-img-left .caption, .ce_header_mit_weisser_box .content .header-img-left .caption {
    padding: 0.8vw 1.8vw;
    font-size: 2.5vw;
  }
}
@media all and (max-width: 500px) {
  .ce_header .content .header-img-left .caption, .ce_header-mit-icon .content .header-img-left .caption, .ce_header_mit_text .content .header-img-left .caption, .ce_header_mit_weisser_box .content .header-img-left .caption {
    font-size: 3.5vw;
  }
}
.ce_header .content .header-icon-right, .ce_header-mit-icon .content .header-icon-right, .ce_header_mit_text .content .header-icon-right, .ce_header_mit_weisser_box .content .header-icon-right {
  float: left;
}
@media all and (max-width: 1640px) {
  .ce_header .content .header-icon-right, .ce_header-mit-icon .content .header-icon-right, .ce_header_mit_text .content .header-icon-right, .ce_header_mit_weisser_box .content .header-icon-right {
    width: 23.57143%;
  }
}
.ce_header .content .header-icon-right img, .ce_header-mit-icon .content .header-icon-right img, .ce_header_mit_text .content .header-icon-right img, .ce_header_mit_weisser_box .content .header-icon-right img {
  float: left;
}
.ce_header .content .header-img-full, .ce_header-mit-icon .content .header-img-full, .ce_header_mit_text .content .header-img-full, .ce_header_mit_weisser_box .content .header-img-full {
  width: 100%;
  float: left;
  position: relative;
}
@media all and (max-width: 500px) {
  .ce_header .content .header-img-full .ce_image .image_container, .ce_header-mit-icon .content .header-img-full .ce_image .image_container, .ce_header_mit_text .content .header-img-full .ce_image .image_container, .ce_header_mit_weisser_box .content .header-img-full .ce_image .image_container {
    overflow: hidden;
  }
}
.ce_header .content .header-img-full .ce_image .image_container img, .ce_header-mit-icon .content .header-img-full .ce_image .image_container img, .ce_header_mit_text .content .header-img-full .ce_image .image_container img, .ce_header_mit_weisser_box .content .header-img-full .ce_image .image_container img {
  float: left;
}
@media all and (max-width: 500px) {
  .ce_header .content .header-img-full .ce_image .image_container img, .ce_header-mit-icon .content .header-img-full .ce_image .image_container img, .ce_header_mit_text .content .header-img-full .ce_image .image_container img, .ce_header_mit_weisser_box .content .header-img-full .ce_image .image_container img {
    width: 200%;
    max-width: none;
    position: relative;
    left: -25%;
  }
}
.ce_header .content .header-img-full .caption, .ce_header-mit-icon .content .header-img-full .caption, .ce_header_mit_text .content .header-img-full .caption, .ce_header_mit_weisser_box .content .header-img-full .caption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  padding: 10px 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 24px;
  font-weight: 700;
  background: #fff;
}
@media all and (max-width: 980px) {
  .ce_header .content .header-img-full .caption, .ce_header-mit-icon .content .header-img-full .caption, .ce_header_mit_text .content .header-img-full .caption, .ce_header_mit_weisser_box .content .header-img-full .caption {
    padding: 0.8vw 1.8vw;
    font-size: 2.5vw;
  }
}
@media all and (max-width: 500px) {
  .ce_header .content .header-img-full .caption, .ce_header-mit-icon .content .header-img-full .caption, .ce_header_mit_text .content .header-img-full .caption, .ce_header_mit_weisser_box .content .header-img-full .caption {
    font-size: 3.5vw;
  }
}
.ce_header .content .header-img-full .caption sup, .ce_header-mit-icon .content .header-img-full .caption sup, .ce_header_mit_text .content .header-img-full .caption sup, .ce_header_mit_weisser_box .content .header-img-full .caption sup {
  top: -0.8em;
  font-size: 14px;
}
.ce_header .content .header-text, .ce_header-mit-icon .content .header-text, .ce_header_mit_text .content .header-text, .ce_header_mit_weisser_box .content .header-text {
  max-width: 500px;
  position: absolute;
  top: 30%;
  right: 10%;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
}
@media all and (max-width: 980px) {
  .ce_header .content .header-text, .ce_header-mit-icon .content .header-text, .ce_header_mit_text .content .header-text, .ce_header_mit_weisser_box .content .header-text {
    font-size: 3.2vw;
  }
}
@media all and (max-width: 500px) {
  .ce_header .content .header-text, .ce_header-mit-icon .content .header-text, .ce_header_mit_text .content .header-text, .ce_header_mit_weisser_box .content .header-text {
    font-size: 4.2vw;
  }
}
.ce_header .header-box-white, .ce_header-mit-icon .header-box-white, .ce_header_mit_text .header-box-white, .ce_header_mit_weisser_box .header-box-white {
  width: 440px;
  position: absolute;
  right: 40px;
  bottom: 40px;
  padding: 40px 20px;
  background: #fff;
}
.ce_header .header-box-white .big-text, .ce_header-mit-icon .header-box-white .big-text, .ce_header_mit_text .header-box-white .big-text, .ce_header_mit_weisser_box .header-box-white .big-text {
  margin-bottom: 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif;
  font-size: 42px;
  line-height: 1em;
  text-transform: uppercase;
}
.ce_header .header-box-white .small-text, .ce_header-mit-icon .header-box-white .small-text, .ce_header_mit_text .header-box-white .small-text, .ce_header_mit_weisser_box .header-box-white .small-text {
  color: #003a67;
  font-size: 22px;
  line-height: 1.2em;
  text-transform: uppercase;
}
.ce_header img, .ce_header-mit-icon img, .ce_header_mit_text img, .ce_header_mit_weisser_box img {
  width: 100%;
  height: auto;
}

.ce_header.ce_header-invisible {
  display: none;
}

.map-big {
  width: 100%;
  float: left;
  position: relative;
  height: 1px;
  opacity: 0;
  transition: all ease 0.25s;
}
.map-big .btn-close-map {
  position: absolute;
  top: 30px;
  right: 30px;
  color: #1068b4;
  background: none !important;
  border: none !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.map-big .btn-close-map:hover, .map-big .btn-close-map:focus {
  color: #1068b4;
  text-decoration: underline;
  cursor: pointer;
}

.map-big.map-big-visible {
  height: auto;
  opacity: 1;
}

.mod_breadcrumb {
  width: 100%;
  float: left;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
}
@media all and (max-width: 980px) {
  .mod_breadcrumb {
    display: none;
  }
}
.mod_breadcrumb ul {
  width: 1640px;
  float: left;
  position: relative;
  left: 50%;
  margin-bottom: 0;
  margin-left: -820px;
  padding: 20px 120px;
}
@media all and (max-width: 1640px) {
  .mod_breadcrumb ul {
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 20px;
  }
}
.mod_breadcrumb ul li {
  display: inline-block;
  float: left;
  padding: 0 10px;
  border-right: 1px solid #3d3d3d;
}
.mod_breadcrumb ul li a {
  color: #3d3d3d;
}
.mod_breadcrumb ul li a:hover, .mod_breadcrumb ul li a:focus {
  color: #0168b5;
}
.mod_breadcrumb ul li.first {
  padding-left: 0;
}
.mod_breadcrumb ul li.active {
  font-style: italic;
}
.mod_breadcrumb ul li.last {
  border-right: none;
}

.ce_einleitung-text, .ce_einleitung-sidebar, .ce_standort_hauptinhalt_mit_bild_rechts, .ce_einleitung_mit_bild, .ce_einleitung_mit_slider, .ce_einleitung_mit_button_und_slider, .ce_einleitung_mit_button_und_bild {
  width: 100%;
  float: left;
}
.ce_einleitung-text h1, .ce_einleitung-sidebar h1, .ce_standort_hauptinhalt_mit_bild_rechts h1, .ce_einleitung_mit_bild h1, .ce_einleitung_mit_slider h1, .ce_einleitung_mit_button_und_slider h1, .ce_einleitung_mit_button_und_bild h1 {
  width: 100%;
  float: left;
  color: #003a67;
  font-size: 32px;
  line-height: 1.2em;
}
.ce_einleitung-text .intro-text, .ce_einleitung-sidebar .intro-text, .ce_standort_hauptinhalt_mit_bild_rechts .intro-text, .ce_einleitung_mit_bild .intro-text, .ce_einleitung_mit_slider .intro-text, .ce_einleitung_mit_button_und_slider .intro-text, .ce_einleitung_mit_button_und_bild .intro-text {
  width: 100%;
  float: left;
}
.ce_einleitung-text .intro-text-big-blue, .ce_einleitung-sidebar .intro-text-big-blue, .ce_standort_hauptinhalt_mit_bild_rechts .intro-text-big-blue, .ce_einleitung_mit_bild .intro-text-big-blue, .ce_einleitung_mit_slider .intro-text-big-blue, .ce_einleitung_mit_button_und_slider .intro-text-big-blue, .ce_einleitung_mit_button_und_bild .intro-text-big-blue {
  width: 100%;
  float: left;
  padding-right: 100px;
  color: #0168b5;
  font-family: Aleo, Helvetica, serif;
  font-size: 20px;
  line-height: 1.4em;
}
@media all and (max-width: 1100px) {
  .ce_einleitung-text .intro-text-big-blue, .ce_einleitung-sidebar .intro-text-big-blue, .ce_standort_hauptinhalt_mit_bild_rechts .intro-text-big-blue, .ce_einleitung_mit_bild .intro-text-big-blue, .ce_einleitung_mit_slider .intro-text-big-blue, .ce_einleitung_mit_button_und_slider .intro-text-big-blue, .ce_einleitung_mit_button_und_bild .intro-text-big-blue {
    padding-right: 0;
  }
}
.ce_einleitung-text .intro-button, .ce_einleitung-sidebar .intro-button, .ce_standort_hauptinhalt_mit_bild_rechts .intro-button, .ce_einleitung_mit_bild .intro-button, .ce_einleitung_mit_slider .intro-button, .ce_einleitung_mit_button_und_slider .intro-button, .ce_einleitung_mit_button_und_bild .intro-button {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.ce_einleitung-text .intro-button .ce_url.attribute .ce_url.attribute a, .ce_einleitung-sidebar .intro-button .ce_url.attribute .ce_url.attribute a, .ce_standort_hauptinhalt_mit_bild_rechts .intro-button .ce_url.attribute .ce_url.attribute a, .ce_einleitung_mit_bild .intro-button .ce_url.attribute .ce_url.attribute a, .ce_einleitung_mit_slider .intro-button .ce_url.attribute .ce_url.attribute a, .ce_einleitung_mit_button_und_slider .intro-button .ce_url.attribute .ce_url.attribute a, .ce_einleitung_mit_button_und_bild .intro-button .ce_url.attribute .ce_url.attribute a {
  display: inline-block;
  position: relative;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.ce_einleitung-text .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung-text .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_einleitung-sidebar .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung-sidebar .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_standort_hauptinhalt_mit_bild_rechts .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_standort_hauptinhalt_mit_bild_rechts .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_einleitung_mit_bild .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung_mit_bild .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_einleitung_mit_slider .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung_mit_slider .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_einleitung_mit_button_und_slider .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung_mit_button_und_slider .intro-button .ce_url.attribute .ce_url.attribute a:focus, .ce_einleitung_mit_button_und_bild .intro-button .ce_url.attribute .ce_url.attribute a:hover, .ce_einleitung_mit_button_und_bild .intro-button .ce_url.attribute .ce_url.attribute a:focus {
  text-decoration: none;
  background: #1276c1;
}
.ce_einleitung-text .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_einleitung-sidebar .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_standort_hauptinhalt_mit_bild_rechts .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_einleitung_mit_bild .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_einleitung_mit_slider .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_einleitung_mit_button_und_slider .intro-button .ce_url.attribute .ce_url.attribute a::before, .ce_einleitung_mit_button_und_bild .intro-button .ce_url.attribute .ce_url.attribute a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}

.ce_einleitung-text.min-height .intro-text-big-blue {
  min-height: 300px;
}

.ce_einleitung-sidebar {
  margin-bottom: 60px;
}
@media all and (max-width: 980px) {
  .ce_einleitung-sidebar {
    margin-bottom: 0;
  }
}

.ce_einleitung.ce_einleitung-invisible {
  display: none;
}

.ce_einleitung-text.sidebar {
  width: 70%;
}
@media all and (max-width: 980px) {
  .ce_einleitung-text.sidebar {
    width: 100%;
  }
}

.ce_einleitung_mit_bild .text-left {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-right: 50px;
}
@media all and (max-width: 1160px) {
  .ce_einleitung_mit_bild .text-left {
    width: 100%;
  }
}
.ce_einleitung_mit_bild .img-right {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
}
@media all and (max-width: 1160px) {
  .ce_einleitung_mit_bild .img-right {
    width: 100%;
    margin-bottom: 20px;
  }
}

.ce_einleitung_mit_slider .content-left-slider, .ce_einleitung_mit_slider .content-left-img, .ce_einleitung_mit_button_und_slider .content-left-slider, .ce_einleitung_mit_button_und_slider .content-left-img, .ce_einleitung_mit_button_und_bild .content-left-slider, .ce_einleitung_mit_button_und_bild .content-left-img {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-right: 50px;
}
@media all and (max-width: 800px) {
  .ce_einleitung_mit_slider .content-left-slider, .ce_einleitung_mit_slider .content-left-img, .ce_einleitung_mit_button_und_slider .content-left-slider, .ce_einleitung_mit_button_und_slider .content-left-img, .ce_einleitung_mit_button_und_bild .content-left-slider, .ce_einleitung_mit_button_und_bild .content-left-img {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.ce_einleitung_mit_slider .slider-right, .ce_einleitung_mit_button_und_slider .slider-right, .ce_einleitung_mit_button_und_bild .slider-right {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
}
@media all and (max-width: 800px) {
  .ce_einleitung_mit_slider .slider-right, .ce_einleitung_mit_button_und_slider .slider-right, .ce_einleitung_mit_button_und_bild .slider-right {
    width: 100%;
  }
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider, .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider, .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider {
  width: 100%;
  left: auto;
  margin-left: auto;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav, .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav, .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav {
  width: 100%;
  height: 51px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav li, .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav li, .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav li {
  width: 45px;
  height: 51px;
  position: absolute;
  top: 0;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav li .flex-prev, .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav li .flex-prev, .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav li .flex-prev {
  left: 0 !important;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-slider-products-arrow-left.png) no-repeat top 0px left 0px !important;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav li .flex-next, .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav li .flex-next, .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav li .flex-next {
  right: 0 !important;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-slider-products-arrow-right.png) no-repeat top 0px left 0px !important;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(1), .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(1), .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(1) {
  left: 0;
}
.ce_einleitung_mit_slider .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(2), .ce_einleitung_mit_button_und_slider .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(2), .ce_einleitung_mit_button_und_bild .slider-right .ce_flexSlider .flex-direction-nav li:nth-child(2) {
  right: 0;
}
.ce_einleitung_mit_slider .img-right, .ce_einleitung_mit_button_und_slider .img-right, .ce_einleitung_mit_button_und_bild .img-right {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
}
@media all and (max-width: 800px) {
  .ce_einleitung_mit_slider .img-right, .ce_einleitung_mit_button_und_slider .img-right, .ce_einleitung_mit_button_und_bild .img-right {
    width: 100%;
    margin-bottom: 20px;
  }
}
.ce_einleitung_mit_slider .img-right .ce_image.attribute .ce_image .image_container a:hover .caption, .ce_einleitung_mit_button_und_slider .img-right .ce_image.attribute .ce_image .image_container a:hover .caption, .ce_einleitung_mit_button_und_bild .img-right .ce_image.attribute .ce_image .image_container a:hover .caption {
  color: #3d3d3d;
  text-decoration: none;
}
.ce_einleitung_mit_slider .img-right .ce_image.attribute .ce_image .image_container .caption, .ce_einleitung_mit_button_und_slider .img-right .ce_image.attribute .ce_image .image_container .caption, .ce_einleitung_mit_button_und_bild .img-right .ce_image.attribute .ce_image .image_container .caption {
  color: #3d3d3d;
}

.ce_produkttext_mit_sidebar_tabelle_2_boxen, .ce_produkttext_mit_sidebar_2_boxen, .ce_produkttext_mit_sidebar_2_boxen_en {
  width: 100%;
  float: left;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .content-left-product, .ce_produkttext_mit_sidebar_2_boxen .content-left-product, .ce_produkttext_mit_sidebar_2_boxen_en .content-left-product {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-right: 50px;
}
@media all and (max-width: 1160px) {
  .ce_produkttext_mit_sidebar_tabelle_2_boxen .content-left-product, .ce_produkttext_mit_sidebar_2_boxen .content-left-product, .ce_produkttext_mit_sidebar_2_boxen_en .content-left-product {
    width: 100%;
  }
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .content-left-product ul, .ce_produkttext_mit_sidebar_2_boxen .content-left-product ul, .ce_produkttext_mit_sidebar_2_boxen_en .content-left-product ul {
  margin-bottom: 60px;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
}
@media all and (max-width: 1160px) {
  .ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product {
    width: 100%;
  }
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .product-detail, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-detail, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-detail {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .product-detail table, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-detail table, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-detail table {
  width: 100%;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .product-detail table tbody tr, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-detail table tbody tr, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-detail table tbody tr {
  border-bottom: 1px solid #003a67;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .product-detail table tbody tr td, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-detail table tbody tr td, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-detail table tbody tr td {
  padding: 20px;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder {
  width: 48.5%;
  float: left;
  margin-right: 3%;
  margin-bottom: 20px;
  padding: 20px 0;
  background: #f2f7fa;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder h6, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder h6, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder h6 {
  min-height: 52px;
  margin-top: 0;
  padding: 0 20px;
  font-size: 22px;
  text-transform: uppercase;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder img:hover, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder img:hover, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder img:hover {
  cursor: pointer;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder p, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder p, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder p {
  margin-bottom: 0;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder button, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder button, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder button {
  min-width: 230px;
  display: inline-block;
  position: relative;
  margin: 20px 20px 0 20px;
  padding: 10px 20px 10px 40px;
  color: #fff;
  text-align: left;
  background: #1068b4;
  border: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder button:hover, .ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder button:focus, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder button:hover, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder button:focus, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder button:hover, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder button:focus {
  text-decoration: none;
  background: #1276c1;
  cursor: pointer;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-folder button::before, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-folder button::before, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-folder button::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner {
  width: 48.5%;
  float: left;
  margin-bottom: 20px;
  padding: 20px 0;
  background: #f2f7fa;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner h6, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner h6, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner h6 {
  min-height: 52px;
  margin-top: 0;
  padding: 0 20px;
  font-size: 22px;
  text-transform: uppercase;
}
@media all and (max-width: 1180px) {
  .ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner h6, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner h6, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner h6 {
    word-break: break-word;
  }
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner p, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner p, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner p {
  margin-bottom: 0;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner a, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner a, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner a {
  min-width: 230px;
  display: inline-block;
  position: relative;
  margin: 20px 20px 0 20px;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner a:hover, .ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner a:focus, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner a:hover, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner a:focus, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner a:hover, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner a:focus {
  text-decoration: none;
  background: #1276c1;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner a::before, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner a::before, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner a.link-partner, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner a.link-partner, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner a.link-partner {
  position: absolute;
  bottom: 20px;
  left: 0px;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner .link-nostyle {
  margin: 0;
  padding: 0;
  background: none;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle:hover, .ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle:focus, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle:hover, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle:focus, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner .link-nostyle:hover, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner .link-nostyle:focus {
  background: none;
}
.ce_produkttext_mit_sidebar_tabelle_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle::before, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .sidebar-right-partner .link-nostyle::before, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .sidebar-right-partner .link-nostyle::before {
  display: none;
}

.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs {
  width: 48.5%;
  float: left;
  position: relative;
  margin-right: 3%;
  margin-bottom: 20px;
  padding: 20px 20px 80px 20px;
  background: #f2f7fa;
}
@media all and (max-width: 680px) {
  .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs {
    width: 100%;
    margin-right: 0;
  }
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs h6, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs h6 {
  min-height: 52px;
  margin-top: 0;
  padding: 0 20px;
  font-size: 22px;
  text-transform: uppercase;
}
@media all and (max-width: 1180px) {
  .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs h6, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs h6 {
    word-break: break-word;
  }
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs ul, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs ul {
  list-style: inherit;
  padding-left: 20px;
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs a, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs a {
  min-width: 230px;
  display: inline-block;
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs a:hover, .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs a:focus, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs a:hover, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs a:focus {
  text-decoration: none;
  background: #1276c1;
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-certs a::before, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-certs a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-contact, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-contact {
  width: 48.5%;
  min-height: 360px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  background: #f2f7fa;
}
@media all and (max-width: 680px) {
  .ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-contact, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-contact {
    width: 100%;
  }
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-contact .mod_boxes4ward, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-contact .mod_boxes4ward {
  width: 100%;
  float: left;
}
.ce_produkttext_mit_sidebar_2_boxen .sidebar-right-product .product-contact .mod_boxes4ward .sidebar-right-partner, .ce_produkttext_mit_sidebar_2_boxen_en .sidebar-right-product .product-contact .mod_boxes4ward .sidebar-right-partner {
  width: 100%;
  margin: 0;
  padding: 20px 0;
  background: none;
}

.btn-map-container {
  width: 30%;
  height: 165px;
  float: left;
  background: url(/files/KLINGER_Dichtungstechnik/assets/map.jpg) no-repeat;
  background-size: cover;
}
@media all and (max-width: 980px) {
  .btn-map-container {
    display: none;
  }
}
.btn-map-container .btn-map {
  display: inline-block;
  float: right;
  position: relative;
  top: 40px;
  padding: 10px 20px 10px 40px;
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
  background: #1068b4;
  cursor: pointer;
  border: none !important;
}
.btn-map-container .btn-map:hover, .btn-map-container .btn-map:focus {
  text-decoration: none;
  background: #1276c1;
}
.btn-map-container .btn-map::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}

.btn-map-container.btn-map-container-invisible {
  display: none;
}

.ce_hauptinhalt_galerie_mit_sidebar {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
@media all and (max-width: 980px) {
  .ce_hauptinhalt_galerie_mit_sidebar {
    margin-bottom: 0;
  }
}
.ce_hauptinhalt_galerie_mit_sidebar .ce_gallery {
  margin: 20px 0 0 0;
}

.ce_hauptinhalt_mit_sidebar_grafik {
  width: 100%;
  float: left;
  margin-bottom: 100px;
}
@media all and (max-width: 980px) {
  .ce_hauptinhalt_mit_sidebar_grafik {
    margin-bottom: 0;
  }
}

.content-left {
  width: 1070px;
  float: left;
  position: relative;
  padding-right: 100px;
}
@media all and (max-width: 1480px) {
  .content-left {
    width: 75%;
  }
}
@media all and (max-width: 1280px) {
  .content-left {
    width: 70%;
  }
}
@media all and (max-width: 980px) {
  .content-left {
    width: 100%;
    margin: 0 !important;
    padding: 0 0 20px 0;
  }
}
.content-left .article-inner {
  width: 100%;
  float: left;
  left: 0;
  margin-left: 0;
  padding: 0;
}
.content-left .content-left-text {
  width: 100%;
  float: left;
}
.content-left .content-left-text h2 {
  margin-top: 0;
}
.content-left .content-left-gallery {
  width: 100%;
  float: left;
}

.sidebar-right {
  width: 330px;
  float: left;
}
@media all and (max-width: 1480px) {
  .sidebar-right {
    width: 25%;
  }
}
@media all and (max-width: 1280px) {
  .sidebar-right {
    width: 30%;
  }
}
@media all and (max-width: 980px) {
  .sidebar-right {
    width: 100%;
    margin: 0 !important;
  }
}
.sidebar-right .article-inner {
  width: 100%;
  float: left;
  left: 0;
  margin-left: 0;
  padding: 0;
}
.sidebar-right .article-inner .sidebar-right-contact {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.sidebar-right .article-inner .sidebar-right-contact h6 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
}
.sidebar-right .article-inner .sidebar-right-contact a {
  display: inline-block;
  position: relative;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.sidebar-right .article-inner .sidebar-right-contact a:hover, .sidebar-right .article-inner .sidebar-right-contact a:focus {
  text-decoration: none;
  background: #1276c1;
}
.sidebar-right .article-inner .sidebar-right-contact a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.sidebar-right .article-inner .sidebar-right-catalog {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.sidebar-right .article-inner .sidebar-right-catalog h6 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
}
.sidebar-right .article-inner .sidebar-right-catalog .link-nostyle {
  padding: 0;
  background: none;
}
.sidebar-right .article-inner .sidebar-right-catalog .link-nostyle:hover, .sidebar-right .article-inner .sidebar-right-catalog .link-nostyle:focus {
  background: none;
}
.sidebar-right .article-inner .sidebar-right-catalog .link-nostyle::before {
  display: none;
}
.sidebar-right .article-inner .sidebar-right-catalog a {
  display: inline-block;
  position: relative;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.sidebar-right .article-inner .sidebar-right-catalog a:hover, .sidebar-right .article-inner .sidebar-right-catalog a:focus {
  text-decoration: none;
  background: #1276c1;
}
.sidebar-right .article-inner .sidebar-right-catalog a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.sidebar-right .sidebar-right-map {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px 0;
  background: #f2f7fa;
}
.sidebar-right .sidebar-right-map h6 {
  margin-top: 0;
  padding: 0 20px;
  font-size: 22px;
  text-transform: uppercase;
}
.sidebar-right .sidebar-right-map p {
  margin-bottom: 0;
}
.sidebar-right .sidebar-right-map a {
  display: inline-block;
  position: relative;
  margin: 20px 20px 0 20px;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.sidebar-right .sidebar-right-map a:hover, .sidebar-right .sidebar-right-map a:focus {
  text-decoration: none;
  background: #1276c1;
}
.sidebar-right .sidebar-right-map a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.sidebar-right .sidebar-right-facts {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f3f3f3;
}
.sidebar-right .sidebar-right-facts h6 {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 22px;
  text-transform: uppercase;
}
.sidebar-right .sidebar-right-facts ul li {
  margin-bottom: 40px;
}
.sidebar-right .sidebar-right-folder {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.sidebar-right .sidebar-right-folder h6 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
}
.sidebar-right .sidebar-right-folder .link-nostyle {
  padding: 0;
  background: none;
}
.sidebar-right .sidebar-right-folder .link-nostyle:hover, .sidebar-right .sidebar-right-folder .link-nostyle:focus {
  background: none;
}
.sidebar-right .sidebar-right-folder .link-nostyle::before {
  display: none;
}
.sidebar-right .sidebar-right-folder a {
  display: inline-block;
  position: relative;
  padding: 10px 20px 10px 40px;
  color: #fff;
  background: #1068b4;
}
.sidebar-right .sidebar-right-folder a:hover, .sidebar-right .sidebar-right-folder a:focus {
  text-decoration: none;
  background: #1276c1;
}
.sidebar-right .sidebar-right-folder a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}
.sidebar-right .sidebar-right-image {
  width: 100%;
  float: left;
}
.sidebar-right .sidebar-right-image .ce_image.attribute {
  width: 100%;
  float: left;
}
.sidebar-right .sidebar-right-image .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.sidebar-right .sidebar-right-image .ce_image.attribute .ce_image .image_container {
  width: 100%;
  float: left;
}
.sidebar-right .sidebar-right-image .ce_image.attribute .ce_image .image_container img {
  width: 100%;
  float: left;
}

.ce_gallery {
  width: 100%;
  float: left;
  margin: 40px 0 80px 0;
}
.ce_gallery ul {
  list-style: none;
  padding-left: 0;
}
.ce_gallery li {
  width: 25%;
  float: left;
  position: relative;
  margin-bottom: 40px !important;
  padding-right: 30px;
  padding-left: 0 !important;
  background: none !important;
}
@media all and (max-width: 600px) {
  .ce_gallery li {
    width: 50%;
  }
}
@media all and (max-width: 430px) {
  .ce_gallery li {
    width: 100%;
    padding: 0;
  }
}
.ce_gallery li .image_container {
  /*height: 177px;*/
  height: 100%;
  position: relative;
  float: left;
  /* neu */
}
.ce_gallery li .image_container a {
  width: 100%;
  height: 100%;
  display: block;
  /*position: absolute;*/
  position: relative;
  float: left;
  /* neu */
  top: 0;
  left: 0;
  z-index: 999;
  background: none;
  transition: all ease 0.25s;
}
@media all and (max-width: 799px) {
  .ce_gallery li .image_container a {
    width: auto;
    height: auto;
  }
}
.ce_gallery li .image_container a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/plus-icon.png);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all ease 0.25s;
  z-index: 999;
}
@media all and (max-width: 799px) {
  .ce_gallery li .image_container a::before {
    display: none;
  }
}
.ce_gallery li .image_container a:hover::before {
  opacity: 1;
}
.ce_gallery li .image_container a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 58, 103, 0.7);
  transition: all ease 0.25s;
  z-index: 99;
}
@media all and (max-width: 799px) {
  .ce_gallery li .image_container a::after {
    display: none;
  }
}
.ce_gallery li .image_container a:hover::after {
  opacity: 1;
}
.ce_gallery li .image_container a img {
  float: left;
  /* neu */
}
.ce_gallery li .caption {
  width: 100%;
  /*position: absolute;*/
  position: relative;
  /*bottom: -30px;*/
  float: left;
  margin-top: 10px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 18px;
  font-weight: 600 !important;
  line-height: 1.2em !important;
}
.ce_gallery li:nth-child(5n+5) {
  clear: both;
}

.ce_gallery.gallery-border li {
  height: auto !important;
}
@media all and (max-width: 600px) {
  .ce_gallery.gallery-border li {
    margin-bottom: 70px !important;
  }
}
.ce_gallery.gallery-border .image_container {
  width: 100%;
  height: 300px;
  position: relative;
  padding: 0;
  border: 1px solid #e6e6e6;
}
@media all and (max-width: 1640px) {
  .ce_gallery.gallery-border .image_container {
    height: 20vw;
  }
}
@media all and (max-width: 600px) {
  .ce_gallery.gallery-border .image_container {
    height: 40vw;
  }
}
@media all and (max-width: 430px) {
  .ce_gallery.gallery-border .image_container {
    height: 50vw;
  }
}
.ce_gallery.gallery-border .image_container a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  position: relative;
  top: 0;
  left: 0;
  z-index: 999;
  background: none;
  transition: all ease 0.25s;
}
.ce_gallery.gallery-border .image_container a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-plus-gallery.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all ease 0.25s;
  z-index: 999;
}
@media all and (max-width: 799px) {
  .ce_gallery.gallery-border .image_container a::before {
    display: none;
  }
}
.ce_gallery.gallery-border .image_container a:hover::before {
  opacity: 1;
}
.ce_gallery.gallery-border .image_container a::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 58, 103, 0.7);
  transition: all ease 0.25s;
  z-index: 99;
}
@media all and (max-width: 799px) {
  .ce_gallery.gallery-border .image_container a::after {
    display: none;
  }
}
.ce_gallery.gallery-border .image_container a:hover::after {
  opacity: 1;
}
.ce_gallery.gallery-border .image_container a img {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  float: left;
}
.ce_gallery.gallery-border .image_container .caption {
  width: 100%;
  position: absolute;
  top: 100%;
  float: left;
  margin-top: 10px;
}

.product-gallery .caption {
  top: -1px;
  margin-top: 0 !important;
  padding: 20px;
  color: #fff;
  background: #f2f7fa;
}

.filter {
  width: 100%;
  float: left;
  position: relative;
}
@media all and (max-width: 300px) {
  .filter {
    border: none;
  }
}
@media all and (max-width: 980px) {
  .filter {
    padding: 10px 80px 60px 80px;
  }
}
@media all and (max-width: 600px) {
  .filter {
    padding: 10px 20px;
  }
}
.filter .select-container-left, .filter .select-container-middle, .filter .select-container-right {
  min-width: 420px;
  min-height: 48px;
  margin-right: 30px;
  float: left;
  position: relative;
}
@media all and (max-width: 980px) {
  .filter .select-container-left, .filter .select-container-middle, .filter .select-container-right {
    left: 50%;
    margin-bottom: 20px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 600px) {
  .filter .select-container-left, .filter .select-container-middle, .filter .select-container-right {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media all and (max-width: 500px) {
  .filter .select-container-left, .filter .select-container-middle, .filter .select-container-right {
    width: 100%;
    min-width: inherit;
  }
}
.filter .select-container-left .widget-select, .filter .select-container-middle .widget-select, .filter .select-container-right .widget-select {
  width: 100% !important;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.filter .select-container-left .widget-select.active, .filter .select-container-middle .widget-select.active, .filter .select-container-right .widget-select.active {
  display: block;
  opacity: 1;
}
.filter .select-container-left select, .filter .select-container-middle select, .filter .select-container-right select {
  width: 420px;
  height: 48px;
  position: relative;
  float: left;
  position: relative;
  margin-right: 20px;
  padding: 0 60px 0 20px;
  color: #3d3d3d;
  font-size: 20px;
  text-transform: uppercase;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-select-arrow-down-white.png) no-repeat top 0px right 0px;
  border: none;
  border: 1px solid #0168b5;
  border-radius: 0;
  outline: hidden;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media all and (max-width: 500px) {
  .filter .select-container-left select, .filter .select-container-middle select, .filter .select-container-right select {
    width: 100%;
    margin-right: 0;
    font-size: 16px;
    background: url(/files/KLINGER_Dichtungstechnik/assets/icon-select-arrow-down-white.png) no-repeat top 0px right 0px;
  }
}
.filter .select-container-left select::after, .filter .select-container-middle select::after, .filter .select-container-right select::after {
  content: "";
  width: 30px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #0168b5;
}
.filter .select-container-left select option, .filter .select-container-middle select option, .filter .select-container-right select option {
  font-size: 18px;
  text-transform: inherit;
}
.filter .select-container-left select optgroup, .filter .select-container-middle select optgroup, .filter .select-container-right select optgroup {
  color: #0168b5;
}
.filter .select-container-left select label, .filter .select-container-middle select label, .filter .select-container-right select label {
  color: #0168b5;
}
.filter .select-container-left select::-ms-expand, .filter .select-container-middle select::-ms-expand, .filter .select-container-right select::-ms-expand {
  display: none;
}
.filter .btn-container {
  float: left;
}
@media all and (max-width: 1300px) {
  .filter .btn-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 600px) {
  .filter .btn-container {
    position: relative;
    bottom: 0;
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
.filter .btn-container .btn-standard {
  position: relative;
  top: 10px;
  left: 60px;
  font-size: 24px;
  text-transform: uppercase;
}
@media all and (max-width: 1300px) {
  .filter .btn-container .btn-standard {
    top: 0;
    left: 0;
  }
}
@media all and (max-width: 500px) {
  .filter .btn-container .btn-standard {
    font-size: 16px;
  }
}
@media all and (max-width: 400px) {
  .filter .btn-container .btn-standard {
    padding: 5px 10px;
  }
}
.filter .container-filter-submit {
  width: 100%;
  min-height: 50px;
  float: left;
  margin-top: 30px;
}
.filter .container-filter-submit .filter-submit {
  display: none;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.filter .container-filter-submit .filter-submit:hover, .filter .container-filter-submit .filter-submit:focus, .filter .container-filter-submit .filter-submit:active {
  color: #fff;
  text-decoration: none;
}
.filter .container-filter-submit .filter-submit.active {
  display: inline-block;
  opacity: 1;
}

.cc-window.cc-banner {
  display: block;
  padding: 8px 100px !important;
  text-align: center;
  z-index: 999999999;
}
@media all and (max-width: 700px) {
  .cc-window.cc-banner {
    padding: 8px 20px !important;
  }
}
.cc-window.cc-banner .cc-message {
  margin-right: 1em;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px;
}
.cc-window.cc-banner .cc-compliance {
  display: inline-block;
}
.cc-window.cc-banner .cc-compliance a {
  min-width: inherit !important;
  border: 0;
}
.cc-window.cc-banner .cc-compliance a:hover {
  text-decoration: none;
}

.mod_article#slider {
  margin-bottom: 0 !important;
}

.slick.slider-home {
  width: 1640px;
  position: relative;
  left: 50%;
  margin-left: -820px;
}
@media all and (max-width: 1640px) {
  .slick.slider-home {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list {
    /*overflow: visible!important;*/
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_image .image_container img {
  width: 100%;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_image .image_container img {
    width: 170%;
    max-width: none;
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text {
  max-width: 50%;
  position: absolute;
  top: 25%;
  left: 120px;
  margin: 0 !important;
  padding: 0 !important;
  float: left !important;
  z-index: 9999;
}
@media all and (max-width: 1280px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text {
    left: 20px;
  }
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text {
    width: 100%;
    max-width: 100%;
    position: relative;
    /*top: 104%;*/
    top: inherit;
    left: 0;
    padding: 10px 20px 0px 20px !important;
    background: #1068b4;
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
  display: inline-block;
  float: left;
  clear: both;
  margin-bottom: 10px;
  padding: 10px 40px;
  font-family: Aleo, Helvetica, serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
  color: #003a67;
  background: #fff;
}
@media all and (max-width: 1640px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
    font-size: 1.5vw;
  }
}
@media all and (max-width: 1280px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
    font-size: 2vw;
  }
}
@media all and (max-width: 680px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
    font-size: 1.75vw;
  }
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
    display: block;
    padding: 0;
    color: #fff;
    font-size: 4vw;
    background: none;
  }
}
@media all and (max-width: 420px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p {
    font-size: 5vw;
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a {
  color: #003a67;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a {
    color: #fff;
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a:hover, .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a:focus {
  color: #003a67;
  text-decoration: none;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a:hover, .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p a:focus {
    color: #fff;
  }
}
.slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
  font-size: 36px;
}
@media all and (max-width: 1640px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
    font-size: 2vw;
  }
}
@media all and (max-width: 1280px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
    font-size: 2.5vw;
  }
}
@media all and (max-width: 680px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
    font-size: 2.25vw;
  }
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
    display: block;
    font-size: 4.5vw;
  }
}
@media all and (max-width: 420px) {
  .slick.slider-home .slick-container .slick-list .slick-track .slick-slide .ce_text p:nth-child(1) {
    font-size: 5.6vw;
  }
}
.slick.slider-home .slick-container .slick-prev.slick-arrow {
  width: 67px;
  height: 93px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: 0 !important;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-indent: -9999px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-slider-home-arrow-left.png) no-repeat top 0px left 0px !important;
  background-size: cover !important;
  border: 0;
  outline: inherit;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 99;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-prev.slick-arrow {
    display: none !important;
  }
}
.slick.slider-home .slick-container .slick-next.slick-arrow {
  width: 67px;
  height: 93px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 0 !important;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-indent: -9999px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-slider-home-arrow-right.png) no-repeat top 0px left 0px !important;
  background-size: cover !important;
  border: 0;
  outline: inherit;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  z-index: 99;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-next.slick-arrow {
    display: none !important;
  }
}
.slick.slider-home .slick-container .slick-dots {
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  text-align: center;
}
@media all and (max-width: 500px) {
  .slick.slider-home .slick-container .slick-dots {
    display: none !important;
  }
}
.slick.slider-home .slick-container .slick-dots li {
  display: inline-block;
  position: relative;
  margin: 0 10px;
}
.slick.slider-home .slick-container .slick-dots li button {
  width: 11px;
  height: 11px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  text-indent: -9999px;
  background: #003a67 !important;
  border: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  outline: inherit;
  cursor: pointer;
}
.slick.slider-home .slick-container .slick-dots li.slick-active button {
  background: #0168b5 !important;
}
.slick.slider-home .slick-container:hover .slick-prev.slick-arrow, .slick.slider-home .slick-container:hover .slick-next.slick-arrow {
  opacity: 1;
}

.ce_flexSlider.slider-karriere .caption_title_line::after {
  content: "";
  width: 40%;
  height: 1px;
  position: absolute;
  bottom: -100px;
  left: 30%;
  background: #003a67 !important;
}

.teaser-two-container .article-inner, .teaser-two-special-container .article-inner {
  padding-top: 40px !important;
}
.teaser-two-container .teaser-two, .teaser-two-special-container .teaser-two {
  width: 49%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 25px;
  background: #f2f7fa;
}
@media all and (max-width: 980px) {
  .teaser-two-container .teaser-two, .teaser-two-special-container .teaser-two {
    width: 100%;
    margin-right: 0;
  }
}
.teaser-two-container .teaser-two:hover, .teaser-two-container .teaser-two:focus, .teaser-two-special-container .teaser-two:hover, .teaser-two-special-container .teaser-two:focus {
  background: #e8f3fa;
}
.teaser-two-container .teaser-two .link-full, .teaser-two-special-container .teaser-two .link-full {
  width: 100%;
  height: 100%;
  display: block;
}
.teaser-two-container .teaser-two .ce_image.attribute, .teaser-two-special-container .teaser-two .ce_image.attribute {
  width: 39%;
  float: left;
}
@media all and (max-width: 680px) {
  .teaser-two-container .teaser-two .ce_image.attribute, .teaser-two-special-container .teaser-two .ce_image.attribute {
    width: auto !important;
  }
}
@media all and (max-width: 420px) {
  .teaser-two-container .teaser-two .ce_image.attribute, .teaser-two-special-container .teaser-two .ce_image.attribute {
    width: 100% !important;
  }
}
.teaser-two-container .teaser-two .ce_image.attribute .ce_image, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container {
  width: 100%;
  height: 230px;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 980px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container {
    height: auto;
  }
}
@media all and (max-width: 680px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container {
    width: 80%;
  }
}
@media all and (max-width: 400px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container {
    width: 100%;
  }
}
.teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img {
  width: auto;
  max-width: none;
  height: 230px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 1200px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img {
    position: relative;
  }
}
@media all and (max-width: 980px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img {
    position: relative;
    float: left;
  }
}
.teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img.img-hover, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img.img-hover {
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
@media all and (max-width: 1640px) {
  .teaser-two-container .teaser-two .ce_image.attribute .ce_image .image_container img.img-hover, .teaser-two-special-container .teaser-two .ce_image.attribute .ce_image .image_container img.img-hover {
    -ms-transform: translate(-50%, 0) !important;
    -webkit-transform: translate(-50%, 0) !important;
    -moz-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
  }
}
.teaser-two-container .teaser-two h2, .teaser-two-special-container .teaser-two h2 {
  width: 100%;
  float: left;
  margin-top: 10px;
  margin-bottom: 2px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 680px) {
  .teaser-two-container .teaser-two h2, .teaser-two-special-container .teaser-two h2 {
    margin-bottom: 0;
  }
}
@media all and (max-width: 300px) {
  .teaser-two-container .teaser-two h2, .teaser-two-special-container .teaser-two h2 {
    font-size: 18px;
  }
}
.teaser-two-container .teaser-two h3, .teaser-two-special-container .teaser-two h3 {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 8px;
  color: #1068b4;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 22px;
}
@media all and (max-width: 680px) {
  .teaser-two-container .teaser-two h3, .teaser-two-special-container .teaser-two h3 {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 300px) {
  .teaser-two-container .teaser-two h3, .teaser-two-special-container .teaser-two h3 {
    font-size: 18px;
  }
}
.teaser-two-container .teaser-two .text-container, .teaser-two-special-container .teaser-two .text-container {
  width: 61%;
  /* min-height: 230px; arrows not on bottom of teaser, should be on bottom of text */
  float: left;
  position: relative;
  padding: 20px 20px 20px 20px;
}
@media all and (max-width: 980px) {
  .teaser-two-container .teaser-two .text-container, .teaser-two-special-container .teaser-two .text-container {
    min-height: inherit;
  }
}
@media all and (max-width: 680px) {
  .teaser-two-container .teaser-two .text-container, .teaser-two-special-container .teaser-two .text-container {
    width: 100%;
  }
}
@media all and (max-width: 300px) {
  .teaser-two-container .teaser-two .text-container, .teaser-two-special-container .teaser-two .text-container {
    padding: 0 10px;
    word-break: break-word;
  }
}
.teaser-two-container .teaser-two .text-container::after, .teaser-two-special-container .teaser-two .text-container::after {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png);
  position: absolute;
  bottom: 5px;
  left: 20px;
}
.teaser-two-container .teaser-two .text-container h2, .teaser-two-special-container .teaser-two .text-container h2 {
  margin-top: 0 !important;
}
.teaser-two-container .teaser-two .text-container p, .teaser-two-special-container .teaser-two .text-container p {
  float: left;
  color: #3d3d3d;
}
.teaser-two-container .teaser-two.odd, .teaser-two-special-container .teaser-two.odd {
  margin-right: 0;
}

.teaser-two.teaser-two-no-link:hover, .teaser-two.teaser-two-no-link:focus {
  background: #f2f7fa;
}
.teaser-two.teaser-two-no-link .text-container::after {
  display: none;
}

.teaser-two-special-container {
  padding-top: 0 !important;
}
.teaser-two-special-container .article-inner {
  padding-top: 20px !important;
  padding-bottom: 30px !important;
}
.teaser-two-special-container .article-inner .teaser-two.map {
  width: 49%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #f2f7fa;
}
@media all and (max-width: 980px) {
  .teaser-two-special-container .article-inner .teaser-two.map {
    width: 100%;
    height: auto !important;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media all and (max-width: 980px) {
  .teaser-two-special-container .article-inner .teaser-two.map a {
    position: initial;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute {
  width: 100%;
  float: left;
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container {
  width: 100%;
  height: 400px;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 980px) {
  .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container {
    height: auto !important;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img {
  width: auto;
  max-width: none;
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img {
    width: 100%;
    max-width: 100%;
    position: relative;
    height: auto;
    float: left;
    top: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img:hover, .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img:focus {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img:hover, .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img:focus {
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img.img-hover {
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container img.img-hover {
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container .caption {
  display: block;
  position: absolute;
  top: -5px;
  margin-top: 5px;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  background: #003a67;
  z-index: 9;
}
@media all and (max-width: 300px) {
  .teaser-two-special-container .article-inner .teaser-two.map .ce_image.attribute .ce_image .image_container .caption {
    padding: 4px 6px;
    font-size: 14px;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .map-text-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 600px) {
  .teaser-two-special-container .article-inner .teaser-two.map .map-text-bg {
    width: 30vw;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .map-number {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 56px;
}
@media all and (max-width: 600px) {
  .teaser-two-special-container .article-inner .teaser-two.map .map-number {
    margin-top: -3vw;
    font-size: 8vw;
  }
}
.teaser-two-special-container .article-inner .teaser-two.map .map-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 25px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 38px;
}
@media all and (max-width: 600px) {
  .teaser-two-special-container .article-inner .teaser-two.map .map-text {
    margin-top: 3vw;
    font-size: 4vw;
  }
}
.teaser-two-special-container .article-inner .teaser-two.high {
  width: 49%;
}
@media all and (max-width: 980px) {
  .teaser-two-special-container .article-inner .teaser-two.high {
    width: 100%;
    height: auto !important;
  }
}
.teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container {
  height: 400px;
}
@media all and (max-width: 680px) {
  .teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container {
    width: 100%;
    height: auto !important;
  }
}
.teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container img {
  height: 400px;
}
@media all and (max-width: 1640px) {
  .teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container img {
    width: auto;
    max-width: none;
  }
}
@media all and (max-width: 680px) {
  .teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container img {
    height: auto !important;
    top: 0;
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media all and (max-width: 680px) {
  .teaser-two-special-container .article-inner .teaser-two.high .ce_image.attribute .ce_image .image_container img.img-hover {
    left: 0;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
  }
}
.teaser-two-special-container .article-inner .teaser-two.high .text-container {
  padding: 20px 20px 30px 20px !important;
}

.teaser-two.ce_teaser_2_einzelne_ueberschrift h2 {
  margin-top: 40px;
}

.teaser-two-blue-container .article-inner {
  padding: 220px 120px 60px 120px;
  background: #c7d4df;
  border-bottom: 40px solid #fff;
}
@media all and (max-width: 1280px) {
  .teaser-two-blue-container .article-inner {
    padding: 20px;
  }
}
.teaser-two-blue-container .article-inner h5 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  margin: 0;
  padding: 0 20px 20px 20px;
  font-size: 24px;
  background: #fff;
}
.teaser-two-blue-container .article-inner .teaser-two {
  background: #fff;
}
@media all and (max-width: 1280px) {
  .teaser-two-blue-container .article-inner .teaser-two {
    margin-top: 30px;
    margin-bottom: 0;
  }
}
.teaser-two-blue-container .article-inner .teaser-two:hover, .teaser-two-blue-container .article-inner .teaser-two:focus {
  background: #e8f3fa;
}
.teaser-two-blue-container .article-inner .teaser-two .image_container img {
  position: relative;
  float: left;
}
.teaser-two-blue-container .article-inner .teaser-two .image_container img:hover, .teaser-two-blue-container .article-inner .teaser-two .image_container img:focus {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.teaser-two-blue-container .article-inner .teaser-two .image_container img.img-hover {
  -ms-transform: translate(-50%, 0) !important;
  -webkit-transform: translate(-50%, 0) !important;
  -moz-transform: translate(-50%, 0) !important;
  transform: translate(-50%, 0) !important;
}
.teaser-two-blue-container .article-inner .teaser-two .text-container {
  padding-bottom: 50px;
}
.teaser-two-blue-container .article-inner .teaser-two .text-container::after {
  bottom: 15px;
}
.teaser-two-blue-container .article-inner .teaser-two .text-container h6 {
  margin: 10px 0 10px 0;
  font-size: 24px;
  text-transform: uppercase;
}
.teaser-two-blue-container .article-inner .teaser-two.first-row {
  margin-top: 90px;
}

.teaser-one-container .article-inner {
  padding-top: 20px;
}
.teaser-one-container .article-inner .teaser-one {
  width: 100%;
  height: 400px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  background: #f2f7fa;
}
@media all and (max-width: 1630px) {
  .teaser-one-container .article-inner .teaser-one {
    height: auto;
  }
}
.teaser-one-container .article-inner .teaser-one:hover, .teaser-one-container .article-inner .teaser-one:focus {
  background: #e8f3fa;
}
.teaser-one-container .article-inner .teaser-one a {
  width: 100%;
  height: 100%;
  display: block;
}
.teaser-one-container .article-inner .teaser-one .ce_image.attribute {
  width: 50%;
  float: left;
}
@media all and (max-width: 1640px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute {
    height: auto;
  }
}
@media all and (max-width: 700px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute {
    width: 100%;
  }
}
.teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
@media all and (max-width: 1640px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image {
    height: auto;
  }
}
@media all and (max-width: 700px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image {
    width: 100%;
  }
}
.teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container {
  width: 100%;
  height: 400px;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 1640px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container {
    height: auto;
  }
}
@media all and (max-width: 700px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container {
    width: 100%;
  }
}
.teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container img {
  width: auto;
  max-width: none;
  height: 400px;
  position: absolute;
  top: 0px;
  left: 0px;
}
@media all and (max-width: 1640px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container img {
    width: 100%;
    max-width: 100%;
    position: relative;
    height: auto;
    float: left;
  }
}
.teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container .caption {
  display: block;
  position: absolute;
  top: -5px;
  margin-top: 5px;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
  background: #003a67;
  z-index: 9;
}
@media all and (max-width: 300px) {
  .teaser-one-container .article-inner .teaser-one .ce_image.attribute .ce_image .image_container .caption {
    padding: 4px 6px;
    font-size: 14px;
  }
}
.teaser-one-container .article-inner .teaser-one .text-container {
  width: 50%;
  float: left;
  position: relative;
  padding: 0 20px 30px 20px;
}
@media all and (max-width: 700px) {
  .teaser-one-container .article-inner .teaser-one .text-container {
    width: 100%;
  }
}
.teaser-one-container .article-inner .teaser-one .text-container::after {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png);
  position: absolute;
  bottom: 10px;
  left: 20px;
}
.teaser-one-container .article-inner .teaser-one .text-container h2 {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
.teaser-one-container .article-inner .teaser-one .text-container h3 {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 30px;
  color: #0168b5;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 22px;
}
.teaser-one-container .article-inner .teaser-one .text-container p {
  width: 100%;
  float: left;
  color: #3d3d3d !important;
}
.teaser-one-container .article-inner .teaser-one .text-container p a {
  width: auto;
  height: auto;
  position: relative;
  display: inline-block;
}

@media all and (max-width: 800px) {
  .teaser-one-special-container .ce_image.attribute {
    width: 100% !important;
  }
}
.teaser-one-special-container .ce_image.attribute .ce_image .image_container img {
  left: auto !important;
  right: 0;
}
@media all and (max-width: 1640px) {
  .teaser-one-special-container .ce_image.attribute .ce_image .image_container img {
    width: 50% !important;
    left: 50% !important;
    right: auto !important;
  }
}
.teaser-one-special-container .ce_image.attribute .ce_image .image_container .caption {
  width: 50%;
  height: 100%;
  float: left;
  padding-top: 15% !important;
  padding-left: 30px !important;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 42px;
  line-height: 1.2em;
}
@media all and (max-width: 1220px) {
  .teaser-one-special-container .ce_image.attribute .ce_image .image_container .caption {
    font-size: 3.2vw;
  }
}
@media all and (max-width: 980px) {
  .teaser-one-special-container .ce_image.attribute .ce_image .image_container .caption {
    font-size: 2.8vw;
  }
}
@media all and (max-width: 800px) {
  .teaser-one-special-container .ce_image.attribute .ce_image .image_container .caption {
    font-size: 4.8vw;
  }
}
.teaser-one-special-container .text-container {
  padding-top: 60px !important;
  padding-right: 10% !important;
  padding-bottom: 60px !important;
  padding-left: 20px !important;
}
@media all and (max-width: 1220px) {
  .teaser-one-special-container .text-container {
    padding-top: 20px !important;
  }
}
@media all and (max-width: 800px) {
  .teaser-one-special-container .text-container {
    width: 100% !important;
  }
}
.teaser-one-special-container h2 {
  margin-bottom: 30px !important;
}
@media all and (max-width: 1220px) {
  .teaser-one-special-container h2 {
    margin-top: 0 !important;
  }
}

.teaser-four-container .article-inner {
  padding-top: 0;
}

.teaser-four {
  width: 23.5%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 25px;
  background: #f2f7fa;
}
@media all and (max-width: 980px) {
  .teaser-four {
    width: 100%;
    margin-right: 0;
  }
}
.teaser-four .link-full {
  width: 100%;
  height: 100%;
  display: block;
}
.teaser-four .headline {
  width: 100%;
  min-height: 107px;
  float: left;
  padding: 20px;
}
@media all and (max-width: 980px) {
  .teaser-four .headline {
    min-height: inherit;
  }
}
.teaser-four .headline h2 {
  width: 100%;
  float: left;
  margin: 0;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 680px) {
  .teaser-four .headline h2 {
    margin-bottom: 0;
  }
}
@media all and (max-width: 300px) {
  .teaser-four .headline h2 {
    font-size: 18px;
  }
}
.teaser-four .ce_image.attribute {
  width: 100%;
  float: left;
}
@media all and (max-width: 680px) {
  .teaser-four .ce_image.attribute {
    width: auto !important;
  }
}
@media all and (max-width: 420px) {
  .teaser-four .ce_image.attribute {
    width: 100% !important;
  }
}
.teaser-four .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.teaser-four .ce_image.attribute .ce_image .image_container {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 980px) {
  .teaser-four .ce_image.attribute .ce_image .image_container {
    height: auto;
  }
}
@media all and (max-width: 680px) {
  .teaser-four .ce_image.attribute .ce_image .image_container {
    width: 80%;
  }
}
@media all and (max-width: 400px) {
  .teaser-four .ce_image.attribute .ce_image .image_container {
    width: 100%;
  }
}
.teaser-four .ce_image.attribute .ce_image .image_container img {
  width: 100%;
  float: left;
}
.teaser-four .text-container {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgba(0, 58, 103, 0.7);
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
}
.teaser-four .text-container:hover {
  opacity: 1;
}
.teaser-four .text-container::after {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -9px;
}
@media all and (max-width: 300px) {
  .teaser-four .text-container {
    padding: 0 10px;
    word-break: break-word;
  }
}
.teaser-four .text-container .text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0 60px 0 20px;
}
.teaser-four .text-container .text p {
  float: left;
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
}

.teaser-four.right {
  margin-right: 0;
}

.mod_newslist.newslist-standorte {
  background: none;
}
.mod_newslist.newslist-standorte .layout_latest.arc_2 .teaser, .mod_newslist.newslist-standorte .layout_latest.arc_5 .teaser {
  width: 100% !important;
}

.layout_latest.arc_2, .layout_latest.arc_5 {
  width: 31%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #f2f7fa;
  /*
  &:nth-child(3n+3) {
  	margin-right: 0;
  }
  */
}
@media all and (max-width: 1200px) {
  .layout_latest.arc_2, .layout_latest.arc_5 {
    width: 100%;
    margin-right: 0;
  }
}
@media all and (max-width: 980px) {
  .layout_latest.arc_2, .layout_latest.arc_5 {
    height: auto !important;
  }
}
.layout_latest.arc_2 .link-full, .layout_latest.arc_5 .link-full {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.layout_latest.arc_2 .link-full a, .layout_latest.arc_5 .link-full a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  z-index: 99;
}
.layout_latest.arc_2 .image_container, .layout_latest.arc_5 .image_container {
  width: 39%;
  height: 260px;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 1200px) {
  .layout_latest.arc_2 .image_container, .layout_latest.arc_5 .image_container {
    width: 30%;
  }
}
@media all and (max-width: 980px) {
  .layout_latest.arc_2 .image_container, .layout_latest.arc_5 .image_container {
    height: auto;
  }
}
@media all and (max-width: 680px) {
  .layout_latest.arc_2 .image_container, .layout_latest.arc_5 .image_container {
    width: 100%;
  }
}
.layout_latest.arc_2 .image_container img, .layout_latest.arc_5 .image_container img {
  float: left;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .layout_latest.arc_2 .image_container img, .layout_latest.arc_5 .image_container img {
    top: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 1200px) {
  .layout_latest.arc_2 .image_container img, .layout_latest.arc_5 .image_container img {
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
@media all and (max-width: 980px) {
  .layout_latest.arc_2 .image_container img, .layout_latest.arc_5 .image_container img {
    position: relative;
  }
}
@media all and (max-width: 460px) {
  .layout_latest.arc_2 .image_container img, .layout_latest.arc_5 .image_container img {
    width: 100%;
  }
}
.layout_latest.arc_2 .teaser, .layout_latest.arc_5 .teaser {
  width: 61%;
  float: left;
  position: relative;
  padding: 20px 20px 40px 20px;
}
@media all and (max-width: 680px) {
  .layout_latest.arc_2 .teaser, .layout_latest.arc_5 .teaser {
    width: 100%;
  }
}
@media all and (max-width: 300px) {
  .layout_latest.arc_2 .teaser, .layout_latest.arc_5 .teaser {
    padding: 0 10px;
    word-break: break-word;
  }
}
.layout_latest.arc_2 .teaser h2, .layout_latest.arc_5 .teaser h2 {
  margin-top: 0;
  color: #3d3d3d;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 22px;
  font-weight: 700;
}
@media all and (max-width: 300px) {
  .layout_latest.arc_2 .teaser h2, .layout_latest.arc_5 .teaser h2 {
    font-size: 16px;
  }
}
.layout_latest.arc_2 .teaser p:nth-child(1), .layout_latest.arc_5 .teaser p:nth-child(1) {
  width: 100%;
  float: left;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 300px) {
  .layout_latest.arc_2 .teaser p:nth-child(1), .layout_latest.arc_5 .teaser p:nth-child(1) {
    font-size: 18px;
  }
}
.layout_latest.arc_2 .teaser a, .layout_latest.arc_5 .teaser a {
  word-break: break-all;
}
.layout_latest.arc_2 .more, .layout_latest.arc_5 .more {
  width: 100%;
  float: left;
}
.layout_latest.arc_2 .more a, .layout_latest.arc_5 .more a {
  width: 100%;
  display: block;
  float: left;
  position: relative;
  text-indent: -9999px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png) top 0px left 20px no-repeat;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /*
  &::before {
  	content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png);
  	width: 18px;
  	height: 18px;
  	position: absolute;
  	top: 0px;
   			left: 40px;
  }
  */
}
.layout_latest.arc_2 .more a:hover, .layout_latest.arc_5 .more a:hover {
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png) top 0px left 40px no-repeat;
}
.layout_latest.arc_2:hover .more a, .layout_latest.arc_5:hover .more a {
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png) top 0px left 40px no-repeat;
}

.layout_latest.arc_2.no-margin {
  margin-right: 0;
}

.factbox {
  width: 100%;
  float: left;
  padding: 0 !important;
}
.factbox .facts-left, .factbox .facts-left-container {
  width: 38%;
  float: left;
}
@media all and (max-width: 1280px) {
  .factbox .facts-left, .factbox .facts-left-container {
    width: 40%;
  }
}
@media all and (max-width: 800px) {
  .factbox .facts-left, .factbox .facts-left-container {
    width: 100%;
  }
}
.factbox .facts-left .facts-left-top, .factbox .facts-left-container .facts-left-top {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 0 30px 30px 30px;
  background: #f2f7fa;
}
.factbox .facts-left .facts-left-top .first-measure, .factbox .facts-left-container .facts-left-top .first-measure {
  padding: 50px 0px 10px 0px;
}
.factbox .facts-left .facts-left-top .first-text, .factbox .facts-left-container .facts-left-top .first-text {
  width: 60%;
  padding: 0;
}
@media all and (max-width: 800px) {
  .factbox .facts-left .facts-left-top .first-text, .factbox .facts-left-container .facts-left-top .first-text {
    padding-right: 20px;
  }
}
.factbox .facts-left .facts-left-top .first-icon, .factbox .facts-left-container .facts-left-top .first-icon {
  width: 40%;
  padding: 0;
}
.factbox .facts-left .facts-left-bottom, .factbox .facts-left-container .facts-left-bottom {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 0 30px 30px 30px;
  background: #f2f7fa;
}
.factbox .facts-left .facts-left-bottom .third-measure, .factbox .facts-left-container .facts-left-bottom .third-measure {
  padding: 50px 0px 10px 0px;
}
.factbox .facts-left .facts-left-bottom .third-text, .factbox .facts-left-container .facts-left-bottom .third-text {
  width: 60%;
  padding: 0;
}
@media all and (max-width: 800px) {
  .factbox .facts-left .facts-left-bottom .third-text, .factbox .facts-left-container .facts-left-bottom .third-text {
    padding-right: 20px;
  }
}
.factbox .facts-left .facts-left-bottom .third-icon, .factbox .facts-left-container .facts-left-bottom .third-icon {
  width: 40%;
  padding: 0;
}
.factbox .facts-left .first-measure, .factbox .facts-left .third-measure, .factbox .facts-left-container .first-measure, .factbox .facts-left-container .third-measure {
  width: 100%;
  float: left;
  padding: 50px 60px 10px 30px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 42px;
  font-weight: 700;
}
.factbox .facts-left .first-text, .factbox .facts-left .third-text, .factbox .facts-left-container .first-text, .factbox .facts-left-container .third-text {
  width: 100%;
  float: left;
  padding: 0 60px 0 30px;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 22px;
  text-transform: uppercase;
}
.factbox .facts-left .first-icon, .factbox .facts-left .third-icon, .factbox .facts-left-container .first-icon, .factbox .facts-left-container .third-icon {
  width: 100%;
  float: left;
  padding: 0 100px 0 30px;
}
.factbox .facts-left .first-icon img, .factbox .facts-left .third-icon img, .factbox .facts-left-container .first-icon img, .factbox .facts-left-container .third-icon img {
  float: right;
}
@media all and (max-width: 800px) {
  .factbox .facts-left .first-icon img, .factbox .facts-left .third-icon img, .factbox .facts-left-container .first-icon img, .factbox .facts-left-container .third-icon img {
    float: left;
  }
}
.factbox .facts-middle {
  width: 24%;
  float: left;
  position: relative;
}
@media all and (max-width: 1280px) {
  .factbox .facts-middle {
    width: 20%;
  }
}
@media all and (max-width: 800px) {
  .factbox .facts-middle {
    display: none;
  }
}
.factbox .facts-middle .main-icon {
  width: 100%;
  float: left;
  text-align: center;
}
.factbox .facts-middle .main-icon .ce_image .image_container img {
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1280px) {
  .factbox .facts-middle .main-icon .ce_image .image_container img {
    max-width: 80%;
    height: auto;
  }
}
.factbox .facts-right, .factbox .facts-right-container {
  width: 38%;
  float: left;
}
@media all and (max-width: 1280px) {
  .factbox .facts-right, .factbox .facts-right-container {
    width: 40%;
  }
}
@media all and (max-width: 800px) {
  .factbox .facts-right, .factbox .facts-right-container {
    width: 100%;
  }
}
.factbox .facts-right .facts-right-top, .factbox .facts-right-container .facts-right-top {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 0 30px 30px 30px;
  background: #f2f7fa;
}
.factbox .facts-right .facts-right-top .second-measure, .factbox .facts-right-container .facts-right-top .second-measure {
  padding: 50px 20px 10px 0;
}
.factbox .facts-right .facts-right-top .second-text, .factbox .facts-right-container .facts-right-top .second-text {
  width: 50%;
  padding: 0 20px 0 0;
}
.factbox .facts-right .facts-right-top .second-icon, .factbox .facts-right-container .facts-right-top .second-icon {
  width: 50%;
}
.factbox .facts-right .facts-right-bottom, .factbox .facts-right-container .facts-right-bottom {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 0 30px 30px 30px;
  background: #f2f7fa;
}
.factbox .facts-right .facts-right-bottom .fourth-measure, .factbox .facts-right-container .facts-right-bottom .fourth-measure {
  padding: 50px 20px 10px 0;
}
.factbox .facts-right .facts-right-bottom .fourth-text, .factbox .facts-right-container .facts-right-bottom .fourth-text {
  width: 50%;
  padding: 0 20px 0 0;
}
.factbox .facts-right .facts-right-bottom .fourth-icon, .factbox .facts-right-container .facts-right-bottom .fourth-icon {
  width: 50%;
  position: relative;
  top: -40px;
}
.factbox .facts-right .second-measure, .factbox .facts-right .fourth-measure, .factbox .facts-right-container .second-measure, .factbox .facts-right-container .fourth-measure {
  width: 40%;
  float: left;
  padding: 120px 20px 10px 30px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 42px;
  font-weight: 700;
}
@media all and (max-width: 1280px) {
  .factbox .facts-right .second-measure, .factbox .facts-right-container .second-measure {
    padding-top: 40px;
  }
}
.factbox .facts-right .second-icon, .factbox .facts-right .fourth-icon, .factbox .facts-right-container .second-icon, .factbox .facts-right-container .fourth-icon {
  width: 60%;
  float: left;
  padding: 0 30px 0 30px;
}
.factbox .facts-right .second-icon img, .factbox .facts-right .fourth-icon img, .factbox .facts-right-container .second-icon img, .factbox .facts-right-container .fourth-icon img {
  float: left;
}
@media all and (max-width: 1280px) {
  .factbox .facts-right .second-icon, .factbox .facts-right-container .second-icon {
    width: 100%;
  }
}
.factbox .facts-right .second-text, .factbox .facts-right .fourth-text, .factbox .facts-right-container .second-text, .factbox .facts-right-container .fourth-text {
  width: 40%;
  float: left;
  clear: both;
  padding: 0 20px 0 30px;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 22px;
  text-transform: uppercase;
}
@media all and (max-width: 1280px) {
  .factbox .facts-right .second-text, .factbox .facts-right-container .second-text {
    width: 100%;
  }
}

.ce_faktenbox_vier .facts-middle img {
  position: absolute;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.text-image-grey, .text-image-white {
  padding: 20px;
  background: #f7f7f9;
}
.text-image-grey h2, .text-image-grey h3, .text-image-grey h4, .text-image-grey p, .text-image-grey ul, .text-image-grey ol, .text-image-white h2, .text-image-white h3, .text-image-white h4, .text-image-white p, .text-image-white ul, .text-image-white ol {
  width: 71%;
  float: left;
  padding-right: 50px;
}
@media all and (max-width: 1330px) {
  .text-image-grey h2, .text-image-grey h3, .text-image-grey h4, .text-image-grey p, .text-image-grey ul, .text-image-grey ol, .text-image-white h2, .text-image-white h3, .text-image-white h4, .text-image-white p, .text-image-white ul, .text-image-white ol {
    width: 50%;
  }
}
@media all and (max-width: 1080px) {
  .text-image-grey h2, .text-image-grey h3, .text-image-grey h4, .text-image-grey p, .text-image-grey ul, .text-image-grey ol, .text-image-white h2, .text-image-white h3, .text-image-white h4, .text-image-white p, .text-image-white ul, .text-image-white ol {
    width: 40%;
  }
}
@media all and (max-width: 980px) {
  .text-image-grey h2, .text-image-grey h3, .text-image-grey h4, .text-image-grey p, .text-image-grey ul, .text-image-grey ol, .text-image-white h2, .text-image-white h3, .text-image-white h4, .text-image-white p, .text-image-white ul, .text-image-white ol {
    width: 100%;
    padding-right: 0;
  }
}
.text-image-grey .image_container.float_right, .text-image-white .image_container.float_right {
  max-width: 29%;
  float: right;
  margin-bottom: 0;
  margin-left: 0;
}
@media all and (max-width: 980px) {
  .text-image-grey .image_container.float_right, .text-image-white .image_container.float_right {
    max-width: 100%;
    float: left;
    margin-bottom: 30px;
  }
}
.text-image-grey .image_container.float_right img, .text-image-white .image_container.float_right img {
  float: right;
}
@media all and (max-width: 980px) {
  .text-image-grey .image_container.float_right img, .text-image-white .image_container.float_right img {
    float: left;
  }
}
.text-image-grey .image_container.float_right .caption, .text-image-white .image_container.float_right .caption {
  font-size: 14px;
}
@media all and (max-width: 980px) {
  .text-image-grey .image_container.float_right .caption, .text-image-white .image_container.float_right .caption {
    width: 100%;
    float: left;
  }
}

.text-image-white {
  background: none;
}

.content-one-half {
  width: 50%;
  float: left;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-right: 50px;
}

.content-one-half-last {
  padding-right: 0;
}

.content-one-half.ce_table {
  width: 50%;
  padding: 0 20px 0 20px;
  background: #f2f7fa;
  border-right: 50px solid #fff;
}

.content-one-third {
  width: 32%;
  float: left;
  margin-right: 2%;
}
@media all and (max-width: 600px) {
  .content-one-third {
    width: 100%;
  }
}

.content-one-third-last {
  margin-right: 0;
}

.ce_table {
  width: 100%;
  display: block;
  overflow-x: scroll;
  float: left;
  padding: 0 20px;
  background: #f2f7fa;
}
.ce_table table {
  width: 100%;
  margin: 0;
}
.ce_table table thead th {
  padding: 10px;
}
.ce_table table tbody tr {
  border-bottom: 1px solid #003a67;
}
.ce_table table tbody tr td {
  padding: 10px;
}
.ce_table table tbody tr td p {
  margin: 0;
}
.ce_table table tbody .row_last {
  border-bottom: none;
}

.ce_tabelle_mit_bild .content-one-half.table {
  width: 50%;
  padding: 0 20px 0 20px;
  background: #f2f7fa;
  border-right: 50px solid #fff;
}
@media all and (max-width: 1160px) {
  .ce_tabelle_mit_bild .content-one-half.table {
    width: 100%;
    height: auto !important;
    margin-bottom: 20px;
    border-right: none;
  }
}
.ce_tabelle_mit_bild .content-one-half.table .ce_table.attribute {
  margin-bottom: 20px;
}
.ce_tabelle_mit_bild .content-one-half.table .ce_table.attribute .ce_tabelle_mit_bild table tbody tr td.col_first {
  font-weight: 700;
}
@media all and (max-width: 1160px) {
  .ce_tabelle_mit_bild .content-one-half.image {
    width: 100%;
    height: auto !important;
    margin-bottom: 0;
    padding-right: 0;
  }
}
.ce_tabelle_mit_bild .content-one-half.image .ce_image.attribute {
  float: left;
}
.ce_tabelle_mit_bild .content-one-half.image .ce_image.attribute .ce_image {
  float: left;
}
.ce_tabelle_mit_bild .content-one-half.image .ce_image.attribute .ce_image .image_container {
  float: left;
}
.ce_tabelle_mit_bild .content-one-half.image .ce_image.attribute .ce_image .image_container img {
  float: left;
}

.ce_table.table-col-border {
  padding: 20px;
}
.ce_table.table-col-border tr {
  border-bottom: 1px solid #b6b5b5;
}
.ce_table.table-col-border td {
  border-right: 1px solid #b6b5b5;
}

.ce_box_person {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #f3f3f3;
}
@media all and (max-width: 980px) {
  .ce_box_person {
    width: 100%;
    height: auto !important;
  }
}
.ce_box_person h3 {
  margin: 20px 0 20px 0;
}
.ce_box_person .ce_image.attribute {
  width: 45%;
  float: left;
  position: relative;
}
@media all and (max-width: 980px) {
  .ce_box_person .ce_image.attribute {
    width: 35%;
  }
}
@media all and (max-width: 600px) {
  .ce_box_person .ce_image.attribute {
    width: 100%;
  }
}
.ce_box_person .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.ce_box_person .ce_image.attribute .ce_image .image_container {
  width: 100%;
  float: left;
}
.ce_box_person .ce_image.attribute .ce_image .image_container img {
  width: 100%;
  float: left;
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}
.ce_box_person .ce_image.attribute .ce_image .image_container .img-hover {
  -webkit-filter: grayscale(0);
  -webkit-filter: grayscale(0%);
  filter: none;
  filter: grayscale(0%);
}
.ce_box_person .text-container {
  width: 55%;
  float: left;
  position: relative;
  padding: 20px;
}
@media all and (max-width: 980px) {
  .ce_box_person .text-container {
    width: 65%;
    min-height: inherit;
  }
}
@media all and (max-width: 600px) {
  .ce_box_person .text-container {
    width: 100%;
  }
}
.ce_box_person .text-container h3 {
  margin-top: 0;
  margin-bottom: 40px;
  color: #0168b5;
  font-size: 22px;
  text-transform: uppercase;
}
.ce_box_person .text-container a {
  display: inline-block;
  position: absolute;
  left: 20px;
  bottom: 0px;
  padding: 10px 20px 10px 20px;
  color: #fff;
  font-size: 18px;
  background: #1068b4;
}
.ce_box_person .text-container a:hover, .ce_box_person .text-container a:focus {
  color: #fff;
  text-decoration: none;
  background: #c7d4df;
}

.ce_box_person:nth-child(even) {
  margin-right: 0;
}

.ce_box_farbig {
  width: 49%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #1068b4;
}
@media all and (max-width: 980px) {
  .ce_box_farbig {
    width: 100%;
    height: 30vw !important;
    margin-right: 0;
  }
}
@media all and (max-width: 600px) {
  .ce_box_farbig {
    height: 50vw !important;
  }
}
.ce_box_farbig p {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-size: 64px;
  font-weight: 400 !important;
  text-transform: uppercase;
  line-height: 1.2em;
}
@media all and (max-width: 980px) {
  .ce_box_farbig p {
    font-size: 7vw;
  }
}
@media all and (max-width: 600px) {
  .ce_box_farbig p {
    font-size: 14vw;
  }
}
@media all and (max-width: 600px) {
  .ce_box_farbig p {
    font-size: 12vw;
  }
}
@media all and (max-width: 400px) {
  .ce_box_farbig p {
    font-size: 10vw;
  }
}

.ce_box_farbig:nth-child(even) {
  margin-right: 0;
}

.ce_icons-industry, .ce_icons_industrie_de {
  width: 100%;
  float: left;
}
.ce_icons-industry h6, .ce_icons_industrie_de h6 {
  font-size: 28px;
}
.ce_icons-industry img, .ce_icons_industrie_de img {
  width: 120px;
  height: auto;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.ce_box_geschichte {
  width: 30%;
  float: left;
  position: relative;
  margin-right: 5%;
  margin-bottom: 50px;
  background: #f2f7fa;
}
@media all and (max-width: 980px) {
  .ce_box_geschichte {
    width: 100%;
    margin-right: 0;
  }
}
.ce_box_geschichte .ce_headline.attribute {
  width: 100%;
  float: left;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-history-bullets.png) top 30px right 40px no-repeat;
}
@media all and (max-width: 1240px) {
  .ce_box_geschichte .ce_headline.attribute {
    background: url(/files/KLINGER_Dichtungstechnik/assets/icon-history-bullets-70.png) top 33px right 20px no-repeat;
  }
}
@media all and (max-width: 1070px) {
  .ce_box_geschichte .ce_headline.attribute {
    background: url(/files/KLINGER_Dichtungstechnik/assets/icon-history-bullets-50.png) top 35px right 20px no-repeat;
  }
}
@media all and (max-width: 980px) {
  .ce_box_geschichte .ce_headline.attribute {
    background: url(/files/KLINGER_Dichtungstechnik/assets/icon-history-bullets.png) top 30px right 40px no-repeat;
  }
}
@media all and (max-width: 500px) {
  .ce_box_geschichte .ce_headline.attribute {
    background: url(/files/KLINGER_Dichtungstechnik/assets/icon-history-bullets-50.png) top 16px right 20px no-repeat;
  }
}
.ce_box_geschichte .ce_headline.attribute h2 {
  width: 50%;
  float: left;
  margin: 0;
  padding: 20px 0 20px 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
  background: none;
}
@media all and (max-width: 1070px) {
  .ce_box_geschichte .ce_headline.attribute h2 {
    width: 60%;
  }
}
@media all and (max-width: 500px) {
  .ce_box_geschichte .ce_headline.attribute h2 {
    padding: 5px 10px;
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .ce_box_geschichte .ce_headline.attribute h2 {
    font-size: 18px;
  }
}
.ce_box_geschichte .ce_image.attribute {
  width: 100%;
  float: left;
}
.ce_box_geschichte .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.ce_box_geschichte .ce_image.attribute .ce_image .image_container {
  width: 100%;
  float: left;
}
.ce_box_geschichte .ce_image.attribute .ce_image .image_container img {
  width: 100%;
  float: left;
}
.ce_box_geschichte .ce_textarea.attribute {
  width: 100%;
  float: left;
  padding: 20px 20px 20px 20px;
}
@media all and (max-width: 300px) {
  .ce_box_geschichte .ce_textarea.attribute {
    padding: 0 10px;
    word-break: break-word;
  }
}
.ce_box_geschichte .ce_textarea.attribute ul li {
  margin-bottom: 20px;
  padding-left: 30px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png) no-repeat top 4px left 0px;
}

.ce_box_geschichte:nth-child(3n+3) {
  margin-right: 0;
}

.mod_newslist {
  width: 100%;
  float: left;
}
.mod_newslist .arc_1, .mod_newslist .arc_3, .mod_newslist .arc_6 {
  width: 49%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 25px;
  background: #f2f7fa;
}
@media all and (max-width: 1200px) {
  .mod_newslist .arc_1, .mod_newslist .arc_3, .mod_newslist .arc_6 {
    width: 100%;
    margin-right: 0;
  }
}
.mod_newslist .arc_1 .link-full, .mod_newslist .arc_3 .link-full, .mod_newslist .arc_6 .link-full {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
}
.mod_newslist .arc_1 .link-full a, .mod_newslist .arc_3 .link-full a, .mod_newslist .arc_6 .link-full a {
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
}
.mod_newslist .arc_1 .image_container, .mod_newslist .arc_3 .image_container, .mod_newslist .arc_6 .image_container {
  width: 35%;
  height: 230px;
  float: left;
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 980px) {
  .mod_newslist .arc_1 .image_container, .mod_newslist .arc_3 .image_container, .mod_newslist .arc_6 .image_container {
    height: auto;
  }
}
@media all and (max-width: 680px) {
  .mod_newslist .arc_1 .image_container, .mod_newslist .arc_3 .image_container, .mod_newslist .arc_6 .image_container {
    width: 80%;
  }
}
@media all and (max-width: 400px) {
  .mod_newslist .arc_1 .image_container, .mod_newslist .arc_3 .image_container, .mod_newslist .arc_6 .image_container {
    width: 100%;
  }
}
.mod_newslist .arc_1 .image_container img, .mod_newslist .arc_3 .image_container img, .mod_newslist .arc_6 .image_container img {
  width: auto;
  max-width: none;
  height: 230px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 1640px) {
  .mod_newslist .arc_1 .image_container img, .mod_newslist .arc_3 .image_container img, .mod_newslist .arc_6 .image_container img {
    width: 100%;
    max-width: 100%;
    height: auto;
    top: 0;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media all and (max-width: 1200px) {
  .mod_newslist .arc_1 .image_container img, .mod_newslist .arc_3 .image_container img, .mod_newslist .arc_6 .image_container img {
    position: relative;
  }
}
@media all and (max-width: 980px) {
  .mod_newslist .arc_1 .image_container img, .mod_newslist .arc_3 .image_container img, .mod_newslist .arc_6 .image_container img {
    position: relative;
    float: left;
  }
}
.mod_newslist .arc_1 .image_container img.img-hover, .mod_newslist .arc_3 .image_container img.img-hover, .mod_newslist .arc_6 .image_container img.img-hover {
  -ms-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
}
@media all and (max-width: 1640px) {
  .mod_newslist .arc_1 .image_container img.img-hover, .mod_newslist .arc_3 .image_container img.img-hover, .mod_newslist .arc_6 .image_container img.img-hover {
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
.mod_newslist .arc_1 h2, .mod_newslist .arc_3 h2, .mod_newslist .arc_6 h2 {
  width: 61%;
  float: left;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (max-width: 680px) {
  .mod_newslist .arc_1 h2, .mod_newslist .arc_3 h2, .mod_newslist .arc_6 h2 {
    width: 100%;
    margin-bottom: 0;
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .mod_newslist .arc_1 h2, .mod_newslist .arc_3 h2, .mod_newslist .arc_6 h2 {
    font-size: 18px;
  }
}
.mod_newslist .arc_1 h2 a:hover, .mod_newslist .arc_1 h2 a:focus, .mod_newslist .arc_3 h2 a:hover, .mod_newslist .arc_3 h2 a:focus, .mod_newslist .arc_6 h2 a:hover, .mod_newslist .arc_6 h2 a:focus {
  text-decoration: none;
}
.mod_newslist .arc_1 .teaser, .mod_newslist .arc_3 .teaser, .mod_newslist .arc_6 .teaser {
  width: 61%;
  float: left;
  position: relative;
  padding: 0 20px 40px 20px;
}
@media all and (max-width: 680px) {
  .mod_newslist .arc_1 .teaser, .mod_newslist .arc_3 .teaser, .mod_newslist .arc_6 .teaser {
    width: 100%;
  }
}
@media all and (max-width: 300px) {
  .mod_newslist .arc_1 .teaser, .mod_newslist .arc_3 .teaser, .mod_newslist .arc_6 .teaser {
    padding: 0 10px;
    word-break: break-word;
  }
}
.mod_newslist .arc_1 .teaser::after, .mod_newslist .arc_3 .teaser::after, .mod_newslist .arc_6 .teaser::after {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png);
  position: absolute;
  bottom: 5px;
  left: 20px;
}
.mod_newslist .arc_1 .teaser p, .mod_newslist .arc_3 .teaser p, .mod_newslist .arc_6 .teaser p {
  float: left;
  color: #3d3d3d;
}
.mod_newslist .arc_1.odd, .mod_newslist .arc_3.odd, .mod_newslist .arc_6.odd {
  margin-right: 0;
}
.mod_newslist .featured {
  width: 100%;
  margin-right: 0;
}
.mod_newslist .featured .image_container {
  width: 50%;
  height: 350px;
}
@media all and (max-width: 980px) {
  .mod_newslist .featured .image_container {
    width: 100%;
    height: auto;
  }
}
.mod_newslist .featured .image_container img {
  height: 350px;
}
@media all and (max-width: 1640px) {
  .mod_newslist .featured .image_container img {
    height: auto;
  }
}
.mod_newslist .featured h2 {
  width: 50%;
  margin: 40px 0;
}
@media all and (max-width: 1640px) {
  .mod_newslist .featured h2 {
    margin: 20px 0;
  }
}
@media all and (max-width: 980px) {
  .mod_newslist .featured h2 {
    width: 100%;
  }
}
@media all and (max-width: 680px) {
  .mod_newslist .featured h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .mod_newslist .featured h2 {
    font-size: 18px;
  }
}
.mod_newslist .featured .teaser {
  width: 50%;
}
@media all and (max-width: 980px) {
  .mod_newslist .featured .teaser {
    width: 100%;
  }
}

.mod_newslist.timeline-master .layout_latest.arc_1, .mod_newslist.timeline-master .layout_latest.arc_3, .mod_newslist.timeline-master .layout_latest.arc_6 {
  margin-right: 0;
}

.mod_newslist.press .layout_latest.arc_3.featured .image_container img, .mod_newslist.press .layout_latest.arc_6.featured .image_container img {
  height: 360px;
}
@media all and (max-width: 1640px) {
  .mod_newslist.press .layout_latest.arc_3.featured .image_container img, .mod_newslist.press .layout_latest.arc_6.featured .image_container img {
    height: auto;
  }
}
.mod_newslist.press .layout_latest.arc_3 .teaser, .mod_newslist.press .layout_latest.arc_6 .teaser {
  padding: 0 20px 20px 20px;
}
.mod_newslist.press .layout_latest.arc_3 .teaser::after, .mod_newslist.press .layout_latest.arc_6 .teaser::after {
  display: none;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download {
  width: 100%;
  float: left;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure {
  width: 100%;
  float: left;
  background: #f2f7fa;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure h6, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #3d3d3d;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a:hover, .mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a:focus, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a:hover, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a:focus {
  color: #0168b5;
  text-decoration: none;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a:hover::before, .mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a:focus::before, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a:hover::before, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a:focus::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-download-round-double.png) no-repeat bottom;
}
.mod_newslist.press .layout_latest.arc_3 .teaser .teaser-download .enclosure a::before, .mod_newslist.press .layout_latest.arc_6 .teaser .teaser-download .enclosure a::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-download-round-double.png) no-repeat top;
}

.pagination {
  width: 100%;
  float: left;
  padding: 20px;
  background: #f0f0f0;
}
.pagination li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.pagination li a, .pagination li span {
  display: inline-block;
  padding: 10px;
  background: #fff;
}

.mod_newsreader {
  width: 100%;
  float: left;
}
@media all and (max-width: 980px) {
  .mod_newsreader .layout_full .text-container {
    float: left;
  }
}
.mod_newsreader h1.main-hl {
  margin: 0 0 20px 0 !important;
  color: #003a67;
  font-size: 36px;
  text-transform: none;
}
@media all and (max-width: 400px) {
  .mod_newsreader h1.main-hl {
    font-size: 26px;
  }
}
@media all and (max-width: 300px) {
  .mod_newsreader h1.main-hl {
    word-break: break-word;
  }
}
.mod_newsreader h2.main-hl {
  margin: 0 0 20px 0 !important;
  color: #0168b5;
  font-size: 28px;
}
@media all and (max-width: 400px) {
  .mod_newsreader h2.main-hl {
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .mod_newsreader h2.main-hl {
    word-break: break-word;
  }
}
.mod_newsreader h2 {
  margin: 30px 0 20px 0 !important;
  font-size: 28px;
}
@media all and (max-width: 400px) {
  .mod_newsreader h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .mod_newsreader h2 {
    word-break: break-word;
  }
}
.mod_newsreader .info {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3;
}
.mod_newsreader .ce_text {
  width: 100%;
  float: left;
}
.mod_newsreader .ce_image {
  width: 100%;
  float: left;
  margin: 40px 0;
}
.mod_newsreader ul {
  /* list-style:inherit; */
  /* padding-left: 20px; */
}
.mod_newsreader ol {
  padding-left: 15px;
}
.mod_newsreader .back {
  opacity: 0;
}

.news-content {
  width: 64%;
  float: left;
  margin: 0 5% 0 0;
}
@media all and (max-width: 980px) {
  .news-content {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
  }
}
.news-content a {
  color: #0168b5 !important;
}
.news-content a:hover, .news-content a:focus {
  color: #0168b5 !important;
}
.news-content .fazit {
  margin: 20px 0;
  padding: 20px;
  background: #f3f3f3;
  border-top: 4px solid #0168b5;
}

.news-sidebar {
  width: 31%;
  float: left;
  padding: 20px;
  border: 1px solid #b6b5b5;
}
@media all and (max-width: 980px) {
  .news-sidebar {
    width: 100%;
  }
}
.news-sidebar .news-social {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding: 20px;
}
.news-sidebar .news-social .mod_sharebuttons {
  width: 100%;
  float: left;
}
.news-sidebar .news-social .mod_sharebuttons h6 {
  margin: 0 0 20px 0;
  font-size: 20px;
  text-transform: uppercase;
}
.news-sidebar .news-social .mod_sharebuttons ul li a.rss-link {
  background: none;
}
.news-sidebar .news-social .mod_sharebuttons ul li a.rss-link img {
  float: left;
}
.news-sidebar .news-current {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.news-sidebar .news-current .mod_newslist {
  width: 100%;
}
@media all and (max-width: 980px) {
  .news-sidebar .news-current .mod_newslist {
    padding: 0;
  }
}
.news-sidebar .news-current .mod_newslist .arc_1, .news-sidebar .news-current .mod_newslist .arc_6 {
  width: 100%;
  background: none;
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #3d3d3d;
}
.news-sidebar .news-current .mod_newslist .arc_1 a, .news-sidebar .news-current .mod_newslist .arc_6 a {
  color: #3d3d3d;
}
.news-sidebar .news-current .mod_newslist .arc_1 a:hover, .news-sidebar .news-current .mod_newslist .arc_1 a:focus, .news-sidebar .news-current .mod_newslist .arc_6 a:hover, .news-sidebar .news-current .mod_newslist .arc_6 a:focus {
  color: #0168b5;
}
.news-sidebar .news-current .mod_newslist .arc_1:hover::after, .news-sidebar .news-current .mod_newslist .arc_6:hover::after {
  display: none;
}
.news-sidebar .news-current .mod_newslist .arc_1.last, .news-sidebar .news-current .mod_newslist .arc_6.last {
  border-bottom: none;
}
.news-sidebar .news-current h6 {
  margin-top: 0;
  font-size: 20px;
  text-transform: uppercase;
}
.news-sidebar .news-tags {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.news-sidebar .news-tags h6 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  text-transform: uppercase;
}
.news-sidebar .news-tags ul.tag-chain {
  padding-left: 0;
  list-style: none;
}
.news-sidebar .news-tags ul.tag-chain li.tag-chain-item {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.news-sidebar .news-tags ul.tag-chain li.tag-chain-item a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 8px 12px;
  color: #3d3d3d;
  background: #fff;
  border: none;
}
.news-sidebar .news-tags ul.tag-chain li.tag-chain-item a:hover, .news-sidebar .news-tags ul.tag-chain li.tag-chain-item a:focus {
  color: #fff !important;
  text-decoration: none;
  background: #0168b5;
  border: none;
}
.news-sidebar .news-download {
  width: 100%;
  float: left;
}
.news-sidebar .news-download .enclosure {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
.news-sidebar .news-download .enclosure h6 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  text-transform: uppercase;
}
.news-sidebar .news-download .enclosure a {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  color: #3d3d3d;
}
.news-sidebar .news-download .enclosure a:hover, .news-sidebar .news-download .enclosure a:focus {
  color: #0168b5;
  text-decoration: none;
}
.news-sidebar .news-download .enclosure a:hover::before, .news-sidebar .news-download .enclosure a:focus::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-download-round-double.png) no-repeat bottom;
}
.news-sidebar .news-download .enclosure a::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-download-round-double.png) no-repeat top;
}

.news_related {
  width: 100%;
  float: left;
}

.back {
  width: 100%;
  float: left;
}

.image_container.float_right {
  float: right;
  margin-bottom: 20px;
  margin-left: 40px;
}
@media all and (max-width: 980px) {
  .image_container.float_right {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
  }
}
@media all and (max-width: 680px) {
  .image_container.float_right {
    width: 100%;
  }
}

.image_container.float_left {
  float: left;
  margin-bottom: 20px;
  margin-right: 40px;
}

.ce_image.img-one-half {
  width: 50%;
  float: left;
  padding-right: 50px;
}
@media all and (max-width: 600px) {
  .ce_image.img-one-half {
    width: 100%;
  }
}
.ce_image.img-one-half a {
  text-decoration: none !important;
}
.ce_image.img-one-half a:hover {
  text-decoration: none !important;
}
.ce_image.img-one-half a .caption {
  color: #bbbaba;
  text-decoration: none !important;
}

.ce_image.img-one-third {
  width: 33%;
  float: left;
  padding-right: 25px;
}
@media all and (max-width: 600px) {
  .ce_image.img-one-third {
    width: 100%;
  }
}
.ce_image.img-one-third a {
  text-decoration: none !important;
}
.ce_image.img-one-third a:hover {
  text-decoration: none !important;
}
.ce_image.img-one-third a .caption {
  color: #bbbaba;
  text-decoration: none !important;
}

.downloads {
  margin: 20px 0;
}
.downloads ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.downloads ul li {
  margin-bottom: 30px;
  padding-left: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #f3f3f3;
}
.downloads ul li a {
  min-height: 42px;
  display: inline-block;
  padding-top: 10px;
  padding-left: 60px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-downloads-arrow-down.png) no-repeat top 0px left 0px;
  font-size: 20px;
}

.ce_textbox_grau {
  width: 100%;
  float: left;
  margin: 30px 0;
  padding: 20px 20px 20px 20px;
  background: #f3f3f3;
  border-top: 4px solid #003a67;
}

.ce_bildgalerie_ohne_beschreibung {
  width: 100%;
  float: left;
  margin: 30px 0;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery {
  margin: 0;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  padding: 0 !important;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li .image_container {
  height: auto;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li .image_container a {
  position: relative;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li .image_container a::before {
  display: none;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li .image_container a::after {
  display: none;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li .image_container .caption {
  display: none;
}
.ce_bildgalerie_ohne_beschreibung .ce_gallery ul li:nth-child(4n+4) {
  margin-right: 0;
}

.container-news-related .teaser-two-blue-container h6 {
  width: 100%;
  float: left;
  font-size: 22px;
}
.container-news-related .teaser-two-blue-container .article-inner {
  width: 100%;
  left: 0;
  margin-left: 0;
  padding: 20px;
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two {
  width: 46%;
  margin-top: 10px;
  margin-bottom: 30px;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two {
    width: 100%;
    height: auto !important;
  }
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two a {
    width: 39%;
    height: auto;
    position: relative;
    float: left;
  }
}
@media all and (max-width: 680px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two a {
    width: auto;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute {
  width: 36%;
  margin: 0;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute {
    width: 100%;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute .ce_image {
  margin: 0;
}
@media all and (max-width: 680px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute .image_container {
    width: 100%;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute .image_container img.img-hover {
  -ms-transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}
@media all and (max-width: 1640px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two a .ce_image.attribute .image_container img.img-hover {
    -ms-transform: translate(-50%, 0) !important;
    -webkit-transform: translate(-50%, 0) !important;
    -moz-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container {
  position: absolute;
  top: 0;
  margin-left: 36%;
  padding-bottom: 0;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container {
    position: relative;
    margin-left: 0;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container::after {
  display: none;
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container h6 a {
  position: relative;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container h6 a {
    width: 100%;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container h6 a:hover, .container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container h6 a:focus {
  text-decoration: none;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container a {
    width: 100%;
  }
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container .link-text-full {
  display: inline-block;
  position: relative;
  padding-bottom: 40px;
  color: #3d3d3d;
  text-decoration: none;
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container .link-text-full:hover, .container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container .link-text-full:focus {
  color: #3d3d3d;
  text-decoration: none;
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two .text-container .link-text-full::after {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-blue-double.png);
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.container-news-related .teaser-two-blue-container .article-inner .teaser-two.first {
  margin-left: 3%;
}
@media all and (max-width: 980px) {
  .container-news-related .teaser-two-blue-container .article-inner .teaser-two.first {
    margin-left: 0;
  }
}

.layout_teaser {
  width: 70%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f2f7fa;
}
@media all and (max-width: 980px) {
  .layout_teaser {
    width: 100%;
  }
}
.layout_teaser .text-left {
  width: 15%;
  float: left;
  padding-right: 30px;
}
@media all and (max-width: 400px) {
  .layout_teaser .text-left {
    width: 100%;
    padding-right: 0;
  }
}
.layout_teaser .text-left .info-date {
  width: 100%;
  float: left;
  margin: 10px 0;
  font-weight: 700;
}
.layout_teaser .text-left .info-date .day {
  float: left;
  margin-right: 3px;
}
.layout_teaser .text-left .info-date .date {
  float: left;
}
.layout_teaser .text-center {
  width: 55%;
  float: left;
  position: relative;
}
@media all and (max-width: 980px) {
  .layout_teaser .text-center {
    width: 100%;
  }
}
.layout_teaser .text-center h2 {
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  text-transform: uppercase;
}
@media all and (max-width: 400px) {
  .layout_teaser .text-center h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .layout_teaser .text-center h2 {
    word-break: break-word;
  }
}
.layout_teaser .text-center .teaser p {
  width: 100%;
  float: left;
  text-align: left;
}
.layout_teaser .text-center .teaser p a {
  color: #3d3d3d;
  text-decoration: underline;
}
.layout_teaser .text-center .teaser p a:hover, .layout_teaser .text-center .teaser p a:focus {
  color: #0168b5;
}
.layout_teaser .text-center .more a {
  display: inline-block;
  position: relative;
  float: left;
  padding: 10px 20px;
  color: #fff !important;
  font-size: 18px;
  background: #0168b5;
}
.layout_teaser .text-center .more a:hover, .layout_teaser .text-center .more a:focus {
  text-decoration: none;
  background: #1276c1;
}
.layout_teaser .text-center .more a .invisible {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.layout_teaser .img-right {
  width: 30%;
  float: left;
}
@media all and (max-width: 980px) {
  .layout_teaser .img-right {
    width: 100%;
  }
}
.layout_teaser .img-right .image_container {
  width: 100%;
  float: left;
}
.layout_teaser .img-right .image_container img {
  position: relative;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media all and (max-width: 980px) {
  .layout_teaser .img-right .image_container img {
    left: 0;
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.layout_teaser .info {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3;
}
.layout_teaser .ce_text {
  width: 100%;
  float: left;
}
.layout_teaser .ce_image {
  width: 100%;
  float: left;
  margin: 40px 0;
}

.events-index-content {
  width: 64%;
  float: left;
  margin: 0 5% 0 0;
  padding: 20px 10px;
}
@media all and (max-width: 980px) {
  .events-index-content {
    width: 100%;
    margin: 0;
    padding: 20px 0;
  }
}
.events-index-content a {
  color: #0168b5 !important;
}
.events-index-content a:hover, .events-index-content a:focus {
  color: #0168b5 !important;
}
.events-index-content .pagination {
  width: 100%;
  float: left;
  background: none;
}
@media all and (max-width: 980px) {
  .events-index-content .pagination {
    padding: 0;
  }
}
.events-index-content .pagination p {
  float: left;
  margin-right: 40px;
}
.events-index-content .pagination ul {
  width: 100%;
  float: left;
}
.events-index-content .pagination ul li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.events-index-content .pagination ul li a {
  display: block;
  padding: 4px 10px;
  color: #fff !important;
  background: #0168b5;
  border: 1px solid #0168b5;
}
.events-index-content .pagination ul li a:hover, .events-index-content .pagination ul li a:focus {
  color: #fff;
  text-decoration: none;
  background: #1276c1;
}
.events-index-content .pagination ul li span {
  display: block;
  padding: 4px 10px;
  border: 1px solid #0168b5;
}

.events-index-sidebar, .events-sidebar {
  width: 31%;
  float: left;
}
@media all and (max-width: 980px) {
  .events-index-sidebar, .events-sidebar {
    width: 100%;
  }
}
.events-index-sidebar .events-feedback, .events-sidebar .events-feedback {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f3f3f3 url(/files/KLINGER_Dichtungstechnik/assets/icon-newsletter-speechbubble-new.svg) top 20px right 20px no-repeat;
}
@media all and (max-width: 300px) {
  .events-index-sidebar .events-feedback, .events-sidebar .events-feedback {
    background: #f3f3f3;
  }
}
.events-index-sidebar .events-feedback h6, .events-sidebar .events-feedback h6 {
  margin-bottom: 30px;
  padding-right: 110px;
  font-size: 24px;
  text-transform: uppercase;
}
.events-index-sidebar .events-feedback a:hover, .events-index-sidebar .events-feedback a:focus, .events-sidebar .events-feedback a:hover, .events-sidebar .events-feedback a:focus {
  color: #0168b5;
}
.events-index-sidebar .events-feedback .btn-standard, .events-sidebar .events-feedback .btn-standard {
  margin-top: 20px;
}
.events-index-sidebar .events-feedback .btn-standard:hover, .events-index-sidebar .events-feedback .btn-standard:focus, .events-sidebar .events-feedback .btn-standard:hover, .events-sidebar .events-feedback .btn-standard:focus {
  color: #fff;
}
.events-index-sidebar .events-archive, .events-sidebar .events-archive {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  background: #f3f3f3 url(/files/KLINGER_Dichtungstechnik/assets/icon-calendar.svg) top 20px right 20px no-repeat;
}
@media all and (max-width: 300px) {
  .events-index-sidebar .events-archive, .events-sidebar .events-archive {
    background: #f3f3f3;
  }
}
.events-index-sidebar .events-archive h6, .events-sidebar .events-archive h6 {
  margin-top: 0;
  margin-bottom: 30px;
  padding-right: 110px;
  font-size: 24px;
  text-transform: uppercase;
}
.events-index-sidebar .events-archive a:hover, .events-index-sidebar .events-archive a:focus, .events-sidebar .events-archive a:hover, .events-sidebar .events-archive a:focus {
  color: #0168b5;
}
.events-index-sidebar .events-archive .btn-standard, .events-sidebar .events-archive .btn-standard {
  margin-top: 20px;
}
.events-index-sidebar .events-archive .btn-standard:hover, .events-index-sidebar .events-archive .btn-standard:focus, .events-sidebar .events-archive .btn-standard:hover, .events-sidebar .events-archive .btn-standard:focus {
  color: #fff;
}

.mod_eventreader {
  padding-top: 30px;
}
@media all and (max-width: 980px) {
  .mod_eventreader {
    padding-top: 0;
  }
}
.mod_eventreader .back {
  opacity: 0;
}

.events-content {
  width: 64%;
  float: left;
  margin: 0 5% 0 0;
  padding: 0 10px 20px 10px;
}
@media all and (max-width: 980px) {
  .events-content {
    width: 100%;
    margin: 0;
    padding: 0 0 20px 0;
  }
}
.events-content .info {
  position: absolute;
  top: 0;
  left: -9999px;
  opacity: 0;
}
.events-content .teaser p {
  display: none;
}
.events-content h1.main-hl {
  margin: 40px 0 0 0 !important;
  color: #0168b5;
  font-size: 36px;
  text-transform: uppercase;
}
@media all and (max-width: 400px) {
  .events-content h1.main-hl {
    font-size: 26px;
  }
}
@media all and (max-width: 300px) {
  .events-content h1.main-hl {
    word-break: break-word;
  }
}
.events-content h2.main-hl {
  margin: 0 0 40px 0 !important;
  font-size: 28px;
  text-transform: uppercase;
}
@media all and (max-width: 980px) {
  .events-content h2.main-hl {
    margin: 0 !important;
  }
}
@media all and (max-width: 400px) {
  .events-content h2.main-hl {
    font-size: 22px;
  }
}
@media all and (max-width: 300px) {
  .events-content h2.main-hl {
    word-break: break-word;
  }
}
.events-content h2 {
  margin: 30px 0 20px 0 !important;
  font-size: 24px;
}
@media all and (max-width: 400px) {
  .events-content h2 {
    font-size: 18px;
  }
}
@media all and (max-width: 300px) {
  .events-content h2 {
    word-break: break-word;
  }
}
.events-content h3 {
  margin: 30px 0 20px 0 !important;
  font-size: 22px;
}
@media all and (max-width: 400px) {
  .events-content h3 {
    font-size: 18px;
  }
}
@media all and (max-width: 300px) {
  .events-content h3 {
    word-break: break-word;
  }
}
.events-content h4 {
  margin: 30px 0 20px 0 !important;
  font-size: 20px;
}
@media all and (max-width: 400px) {
  .events-content h4 {
    font-size: 18px;
  }
}
@media all and (max-width: 300px) {
  .events-content h4 {
    word-break: break-word;
  }
}
.events-content h5 {
  margin: 30px 0 20px 0 !important;
  font-size: 18px;
}
@media all and (max-width: 300px) {
  .events-content h5 {
    word-break: break-word;
  }
}
.events-content h6 {
  margin: 30px 0 20px 0 !important;
  font-size: 16px;
}
@media all and (max-width: 300px) {
  .events-content h6 {
    word-break: break-word;
  }
}
.events-content .info {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  border-bottom: 1px solid #f3f3f3;
}
.events-content .ce_text {
  width: 100%;
  float: left;
}
.events-content .ce_image {
  width: 100%;
  float: left;
  margin: 40px 0;
}
.events-content ul {
  list-style: inherit;
  padding-left: 20px;
}
.events-content ol {
  padding-left: 15px;
}
.events-content a {
  color: #0168b5 !important;
}
.events-content a:hover, .events-content a:focus {
  color: #0168b5 !important;
}
.events-content .factbox {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.events-content .factbox p:nth-child(1) {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
}
.events-content .factbox table {
  width: 100%;
  float: left;
}
.events-content .factbox table tr {
  border-bottom: 1px solid #3d3d3d;
}
.events-content .factbox table tr td {
  padding: 10px 0;
}
.events-content .factbox table tr.ical td a {
  display: inline-block;
  position: relative;
  padding: 5px 10px 5px 40px;
  color: #fff !important;
  font-size: 14px;
  background: #a6a6a6;
}
.events-content .factbox table tr.ical td a:hover, .events-content .factbox table tr.ical td a:focus {
  color: #fff !important;
  text-decoration: none;
  background: #cfcdcd;
}
.events-content .factbox table tr.ical td a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-calendar-white-small.svg);
  position: absolute;
  top: 5px;
  left: 5px;
}
.events-content .btn-standard a {
  color: #fff !important;
}
.events-content .btn-standard a:hover, .events-content .btn-standard a:focus {
  color: #fff !important;
  text-decoration: none;
}
.events-content .ce_related-events {
  width: 100%;
  float: left;
  margin-top: 60px;
  padding-top: 30px;
  border-top: 1px solid #3d3d3d;
}
.events-content .ce_related-events .related-events-hl {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Titillium Web", Arial, sans-serif;
  font-size: 26px;
  text-transform: uppercase;
}

.events-sidebar {
  width: 31%;
  float: left;
}
@media all and (max-width: 980px) {
  .events-sidebar {
    width: 100%;
  }
}
.events-sidebar .blog-autor {
  display: none;
}
.events-sidebar .events-vortragender-container {
  width: 100%;
  float: left;
}
.events-sidebar .events-vortragender-container .events-vortragender {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #2b2b2b;
}
.events-sidebar .events-vortragender-container .events-vortragender h6 {
  margin: 0;
  font-size: 20px;
}
.events-sidebar .events-vortragender-container .events-vortragender .image_container {
  width: 100%;
  height: 160px;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.events-sidebar .events-vortragender-container .events-vortragender .image_container img {
  width: 140px;
  height: 140px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 20px 0 40px 0;
}
.events-sidebar .events-vortragender-container .events-vortragender .image_container::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/autoren-maske-rund.svg);
  position: absolute;
  top: 19px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 99;
}
@media all and (max-width: 300px) {
  .events-sidebar .events-vortragender-container .events-vortragender .text-container {
    word-break: break-word;
  }
}
.events-sidebar .events-vortragender-container .events-vortragender a {
  color: #fff;
}
.events-sidebar .events-vortragender-container .events-vortragender a:hover, .events-sidebar .events-vortragender-container .events-vortragender a:focus {
  color: #0168b5;
}
.events-sidebar .events-vortragender-container .events-vortragender .btn-standard {
  margin-top: 20px;
}
.events-sidebar .events-vortragender-container .events-vortragender .btn-standard:hover, .events-sidebar .events-vortragender-container .events-vortragender .btn-standard:focus {
  color: #fff;
}
.events-sidebar .events-anmeldung-container {
  width: 100%;
  float: left;
}
.events-sidebar .events-anmeldung-container .events-anmeldung {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #2b2b2b;
}
.events-sidebar .events-anmeldung-container .events-anmeldung h6 {
  margin: 0;
  font-size: 20px;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .image_container {
  width: 100%;
  height: 160px;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .image_container img {
  width: 140px;
  height: 140px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 20px 0 40px 0;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .image_container::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/autoren-maske-rund.svg);
  position: absolute;
  top: 19px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 99;
}
@media all and (max-width: 300px) {
  .events-sidebar .events-anmeldung-container .events-anmeldung .text-container {
    word-break: break-word;
  }
}
.events-sidebar .events-anmeldung-container .events-anmeldung a {
  color: #fff;
}
.events-sidebar .events-anmeldung-container .events-anmeldung a:hover, .events-sidebar .events-anmeldung-container .events-anmeldung a:focus {
  color: #0168b5;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .btn-standard {
  margin-top: 20px;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .btn-standard:hover, .events-sidebar .events-anmeldung-container .events-anmeldung .btn-standard:focus {
  color: #fff;
}
.events-sidebar .events-anmeldung-container .events-anmeldung .textReached {
  padding: 10px 20px;
  color: #3d3d3d;
  background: #a6a6a6;
}

.ce_diagramm_fuenf {
  width: 30%;
  height: auto !important;
  float: left;
  margin-right: 3%;
  margin-bottom: 50px;
}
@media all and (max-width: 800px) {
  .ce_diagramm_fuenf {
    width: 60%;
  }
}
@media all and (max-width: 600px) {
  .ce_diagramm_fuenf {
    width: 100%;
  }
}
.ce_diagramm_fuenf #myChart {
  max-width: 100%;
  height: auto;
}

.ce_diagramm_sieben {
  width: 30%;
  height: auto !important;
  float: left;
  margin-right: 3%;
  margin-bottom: 50px;
}
@media all and (max-width: 800px) {
  .ce_diagramm_sieben {
    width: 60%;
  }
}
@media all and (max-width: 600px) {
  .ce_diagramm_sieben {
    width: 100%;
  }
}
.ce_diagramm_sieben #myChart {
  max-width: 100%;
  height: auto;
}

.ce_diagramm_acht {
  width: 30%;
  height: auto !important;
  float: left;
  margin-right: 3%;
  margin-bottom: 50px;
}
@media all and (max-width: 800px) {
  .ce_diagramm_acht {
    width: 60%;
  }
}
@media all and (max-width: 600px) {
  .ce_diagramm_acht {
    width: 100%;
  }
}
.ce_diagramm_acht #myChart {
  max-width: 100%;
  height: auto;
}

.ce_download {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #003a67;
}
.ce_download .mime_icon {
  display: none;
}
.ce_download a {
  display: inline-block;
  position: relative;
  padding-left: 50px;
}
.ce_download a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-download-square-24.png);
  position: absolute;
  top: 0px;
  left: 0px;
}
.ce_download .size {
  display: none;
}

.popup_background {
  background: #000 !important;
  opacity: 0.7 !important;
  z-index: 999999999 !important;
}

.popup_wrapper {
  z-index: 9999999999 !important;
}
.popup_wrapper .popup_content {
  padding: 60px 120px;
  color: #fff;
  background: #0168b5;
}
.popup_wrapper .popup_content .submit {
  color: #0168b5 !important;
  background: #fff !important;
}
.popup_wrapper .popup_content .submit:hover, .popup_wrapper .popup_content .submit:focus {
  background: #eee !important;
}
.popup_wrapper .popup_content a {
  color: #fff !important;
}
.popup_wrapper .popup_content a:hover, .popup_wrapper .popup_content a:focus {
  color: #fff !important;
  text-decoration: underline !important;
}

#popup_login_wrapper {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.popup_visible #popup_login_wrapper {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.table-cookies table {
  width: 100%;
  display: block;
}
@media all and (max-width: 1640px) {
  .table-cookies table {
    overflow-x: scroll;
  }
}
.table-cookies table caption {
  padding: 10px;
  background: none;
}
.table-cookies table th, .table-cookies table td {
  padding: 10px;
  border: 1px solid #3d3d3d;
}

.leistungen-einleitung {
  width: 64%;
  float: left;
  margin-right: 5%;
  padding: 0 10px 20px 0;
}
@media all and (max-width: 980px) {
  .leistungen-einleitung {
    width: 100%;
    margin-right: 0;
  }
}
.leistungen-einleitung h1 {
  margin: 0 0 30px 0 !important;
  color: #0168b5;
  font-size: 36px;
  text-transform: uppercase;
}
.leistungen-einleitung .image_container {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}

.ce_leistungen-sidebar, .leistungen-sidebar-contact-person {
  width: 31%;
  float: left;
}
@media all and (max-width: 980px) {
  .ce_leistungen-sidebar, .leistungen-sidebar-contact-person {
    width: 100%;
  }
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person, .ce_leistungen-sidebar .contact-person, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person, .leistungen-sidebar-contact-person .contact-person {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #2b2b2b;
}
@media all and (max-width: 1640px) {
  .ce_leistungen-sidebar .leistungen-sidebar-contact-person, .ce_leistungen-sidebar .contact-person, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person, .leistungen-sidebar-contact-person .contact-person {
    word-break: break-word;
  }
}
@media all and (max-width: 980px) {
  .ce_leistungen-sidebar .leistungen-sidebar-contact-person, .ce_leistungen-sidebar .contact-person, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person, .leistungen-sidebar-contact-person .contact-person {
    margin-bottom: 0;
  }
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person h6, .ce_leistungen-sidebar .contact-person h6, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person h6, .leistungen-sidebar-contact-person .contact-person h6 {
  margin: 0;
  font-size: 20px;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person .image_container, .ce_leistungen-sidebar .contact-person .image_container, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .image_container, .leistungen-sidebar-contact-person .contact-person .image_container {
  width: 100%;
  height: 172px;
  float: left;
  position: relative;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person .image_container img, .ce_leistungen-sidebar .contact-person .image_container img, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .image_container img, .leistungen-sidebar-contact-person .contact-person .image_container img {
  width: 138px;
  height: 138px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 20px 0 40px 0;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person .image_container::before, .ce_leistungen-sidebar .contact-person .image_container::before, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .image_container::before, .leistungen-sidebar-contact-person .contact-person .image_container::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/autoren-maske-rund.svg);
  position: absolute;
  top: 19px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 99;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person a, .ce_leistungen-sidebar .contact-person a, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person a, .leistungen-sidebar-contact-person .contact-person a {
  color: #fff;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person a:hover, .ce_leistungen-sidebar .leistungen-sidebar-contact-person a:focus, .ce_leistungen-sidebar .contact-person a:hover, .ce_leistungen-sidebar .contact-person a:focus, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person a:hover, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person a:focus, .leistungen-sidebar-contact-person .contact-person a:hover, .leistungen-sidebar-contact-person .contact-person a:focus {
  color: #0168b5;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person .btn-standard, .ce_leistungen-sidebar .contact-person .btn-standard, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .btn-standard, .leistungen-sidebar-contact-person .contact-person .btn-standard {
  margin-top: 20px;
}
.ce_leistungen-sidebar .leistungen-sidebar-contact-person .btn-standard:hover, .ce_leistungen-sidebar .leistungen-sidebar-contact-person .btn-standard:focus, .ce_leistungen-sidebar .contact-person .btn-standard:hover, .ce_leistungen-sidebar .contact-person .btn-standard:focus, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .btn-standard:hover, .leistungen-sidebar-contact-person .leistungen-sidebar-contact-person .btn-standard:focus, .leistungen-sidebar-contact-person .contact-person .btn-standard:hover, .leistungen-sidebar-contact-person .contact-person .btn-standard:focus {
  color: #fff;
}
@media all and (max-width: 1640px) {
  .ce_leistungen-sidebar .contact-person, .leistungen-sidebar-contact-person .contact-person {
    padding: 0;
  }
}
.ce_leistungen-sidebar .leistungen-sidebar-angebot, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot {
  width: 100%;
  float: left;
  padding: 20px;
  background: #dbdbdb;
}
.ce_leistungen-sidebar .leistungen-sidebar-angebot h6, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot h6 {
  margin: 0 0 20px 0;
  font-size: 20px;
}
.ce_leistungen-sidebar .leistungen-sidebar-angebot ul, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot ul {
  list-style: square;
  padding-left: 20px;
}
.ce_leistungen-sidebar .leistungen-sidebar-angebot ul li a, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot ul li a {
  color: #3d3d3d;
}
.ce_leistungen-sidebar .leistungen-sidebar-angebot ul li a:hover, .ce_leistungen-sidebar .leistungen-sidebar-angebot ul li a:focus, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot ul li a:hover, .leistungen-sidebar-contact-person .leistungen-sidebar-angebot ul li a:focus {
  color: #0168b5;
  text-decoration: none;
}

.leistungen-angebot-hl .article-inner {
  padding: 0 120px;
}
@media all and (max-width: 980px) {
  .leistungen-angebot-hl .article-inner {
    padding: 50px 20px 0 20px;
  }
}
.leistungen-angebot-hl .article-inner h3 {
  width: 100%;
  float: left;
  margin: 0;
  font-size: 32px;
  text-transform: uppercase;
}

.leistungen-angebot {
  width: 100%;
  float: left;
}
.leistungen-angebot .article-inner {
  padding-top: 80px;
}
.leistungen-angebot .article-inner::after {
  content: "";
  width: 1400px;
  height: 1px;
  position: absolute;
  left: 120px;
  bottom: 0px;
  background: #3d3d3d;
}
@media all and (max-width: 1440px) {
  .leistungen-angebot .article-inner::after {
    width: 90%;
    left: 5%;
  }
}
.leistungen-angebot .article-inner .img-angebot {
  width: 25%;
  float: left;
  margin-bottom: 40px;
}
@media all and (max-width: 980px) {
  .leistungen-angebot .article-inner .img-angebot {
    width: 50%;
  }
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-angebot {
    width: 100%;
  }
}
.leistungen-angebot .article-inner .img-angebot .image_container {
  float: right;
  position: relative;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-angebot .image_container {
    float: left;
  }
}
.leistungen-angebot .article-inner .img-angebot .image_container a {
  width: 100%;
  height: 100%;
  display: block;
  padding-bottom: 20px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-search-black.svg) bottom 0px right 10px no-repeat;
}
.leistungen-angebot .article-inner .text-angebot {
  width: 75%;
  float: left;
  margin-bottom: 40px;
  padding-left: 30px;
}
@media all and (max-width: 980px) {
  .leistungen-angebot .article-inner .text-angebot {
    width: 100%;
    padding-left: 0;
  }
}
.leistungen-angebot .article-inner .text-angebot h2 {
  margin: 0 0 10px 0 !important;
  color: #0168b5;
  font-size: 28px;
  text-transform: uppercase;
}
.leistungen-angebot .article-inner .text-angebot h3 {
  margin: 0 0 40px 0 !important;
  font-size: 20px;
}
.leistungen-angebot .article-inner .text-angebot ul {
  width: 100%;
  float: left;
  list-style: inherit;
  padding-left: 20px;
}
.leistungen-angebot .article-inner .img-experte {
  width: 25%;
  float: left;
  margin-bottom: 40px;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-experte {
    width: 50%;
  }
}
@media all and (max-width: 400px) {
  .leistungen-angebot .article-inner .img-experte {
    width: 100%;
  }
}
.leistungen-angebot .article-inner .img-experte .image_container {
  width: 100%;
  height: 130px;
  float: right;
  position: relative;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-experte .image_container {
    float: left;
  }
}
.leistungen-angebot .article-inner .img-experte .image_container img {
  width: 140px;
  height: 140px;
  position: absolute;
  right: 0;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-experte .image_container img {
    right: auto;
    left: 0;
  }
}
.leistungen-angebot .article-inner .img-experte .image_container::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/autoren-maske-rund-white.svg);
  position: absolute;
  top: -1px;
  right: 0px;
  z-index: 99;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .img-experte .image_container::before {
    right: auto;
    left: 0;
  }
}
.leistungen-angebot .article-inner .text-experte {
  width: 75%;
  float: left;
  margin-bottom: 40px;
  padding-left: 30px;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .text-experte {
    width: 100%;
    padding: 0;
  }
}
.leistungen-angebot .article-inner .text-experte h4 {
  margin: 10px 0 30px 0;
  font-size: 20px;
}
.leistungen-angebot .article-inner .headline-ausbildung {
  width: 25%;
  float: left;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .headline-ausbildung {
    width: 100%;
  }
}
.leistungen-angebot .article-inner .headline-ausbildung h5 {
  margin: 0;
  font-size: 24px;
  text-align: right;
  text-transform: uppercase;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .headline-ausbildung h5 {
    text-align: left !important;
  }
}
.leistungen-angebot .article-inner .links-ausbildung {
  width: 75%;
  float: left;
  padding-left: 30px;
}
@media all and (max-width: 700px) {
  .leistungen-angebot .article-inner .links-ausbildung {
    width: 100%;
    padding: 0;
  }
}
.leistungen-angebot .article-inner .links-ausbildung ul {
  width: 100%;
  float: left;
  margin: 0;
  list-style: none;
}
.leistungen-angebot .article-inner .links-ausbildung ul li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.leistungen-angebot .article-inner .links-ausbildung ul li a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  background: #0168b5;
}
.leistungen-angebot .article-inner .links-ausbildung ul li a:hover, .leistungen-angebot .article-inner .links-ausbildung ul li a:focus {
  color: #fff;
  text-decoration: none;
  background: #1276c1;
}

.leistungen-angebot.last .article-inner::after {
  display: none;
}

.ce_hauptinhalt_mit_bild_rechts, .ce_standort_hauptinhalt_mit_bild_rechts {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  padding-bottom: 10px;
}
.ce_hauptinhalt_mit_bild_rechts .text-container, .ce_standort_hauptinhalt_mit_bild_rechts .text-container {
  width: 65%;
  float: left;
  padding: 0 40px 20px 0;
}
@media all and (max-width: 980px) {
  .ce_hauptinhalt_mit_bild_rechts .text-container, .ce_standort_hauptinhalt_mit_bild_rechts .text-container {
    width: 100%;
    padding: 0 0 20px 0;
  }
}
.ce_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry, .ce_standort_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry {
  width: 100%;
  float: left;
  margin-top: 40px;
}
.ce_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry p, .ce_standort_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry p {
  font-weight: 700;
}
.ce_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry img, .ce_standort_hauptinhalt_mit_bild_rechts .text-container .container-icons-industry img {
  width: 90px;
}
.ce_hauptinhalt_mit_bild_rechts .image-container, .ce_hauptinhalt_mit_bild_rechts .image-text-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container {
  max-width: 35%;
  float: right;
  position: relative;
}
@media all and (max-width: 980px) {
  .ce_hauptinhalt_mit_bild_rechts .image-container, .ce_hauptinhalt_mit_bild_rechts .image-text-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container {
    max-width: 100%;
    float: left;
  }
}
.ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute {
  width: 100%;
  float: left;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container {
  width: 100%;
  float: left;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container img, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container img, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container img, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container img {
  width: 100%;
  float: right;
}
@media all and (max-width: 980px) {
  .ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container img, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container img, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container img, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container img {
    float: left;
  }
}
.ce_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container .caption, .ce_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container .caption, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .ce_image.attribute .ce_image .image_container .caption, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .ce_image.attribute .ce_image .image_container .caption {
  position: relative;
  bottom: -10px;
  left: 0;
  margin-bottom: 40px;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container {
  width: 100%;
  float: left;
  left: 0;
  margin-left: 0;
  padding: 0px;
  background: #f2f7fa;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-country, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-country, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-country, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-country {
  margin: 20px 0 30px 0;
  padding-left: 20px;
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 24px;
  text-transform: uppercase;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-company, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-company, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-company, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-company {
  margin-bottom: 30px;
  padding-left: 20px;
  font-family: Aleo, Helvetica, serif !important;
  font-size: 20px;
  text-transform: uppercase;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact {
  margin-bottom: 30px;
  padding-left: 20px;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a {
  color: #3d3d3d;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a:hover, .ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a:focus, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a:hover, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a:focus {
  color: #3d3d3d;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a.tel-link:hover, .ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a.tel-link:focus, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a.tel-link:hover, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a.tel-link:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a.tel-link:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-contact a.tel-link:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a.tel-link:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-contact a.tel-link:focus {
  text-decoration: none;
  cursor: text;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button {
  float: left;
  margin-bottom: 20px;
  padding-left: 20px;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url {
  float: left;
  position: relative;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url:hover, .ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url:focus, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url:hover, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url:focus {
  background: #1276c1;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 10px 30px 10px 60px;
  color: #fff;
  background: #1068b4;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a:hover, .ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a:focus, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a:hover, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a:focus, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a:hover, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a:focus {
  text-decoration: none;
  background: #1276c1;
}
.ce_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a::before, .ce_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a::before, .ce_standort_hauptinhalt_mit_bild_rechts .image-container .text-container .places-contact-box-button .ce_url a::before, .ce_standort_hauptinhalt_mit_bild_rechts .image-text-container .text-container .places-contact-box-button .ce_url a::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/icon-arrow-right-double-white.png);
  position: absolute;
  top: 12px;
  left: 15px;
}

.text-links-map-rechts {
  width: 65%;
  float: left;
  padding-right: 100px;
}
@media all and (max-width: 980px) {
  .text-links-map-rechts {
    width: 100%;
  }
}
.text-links-map-rechts a {
  color: #0168b5 !important;
}
.text-links-map-rechts a:hover, .text-links-map-rechts a:focus {
  color: #0168b5 !important;
  text-decoration: underline;
}

.map-rechts {
  width: 35%;
  float: right;
}
@media all and (max-width: 980px) {
  .map-rechts {
    width: 100%;
  }
}
.map-rechts .dlh_googlemap {
  max-width: 100%;
}

.ce_teaser_1_spaltig_bild_klein {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dadada;
}
.ce_teaser_1_spaltig_bild_klein .ce_image.attribute {
  width: 20%;
  float: left;
}
@media all and (max-width: 800px) {
  .ce_teaser_1_spaltig_bild_klein .ce_image.attribute {
    width: 100%;
  }
}
.ce_teaser_1_spaltig_bild_klein .ce_image.attribute .ce_image {
  width: 100%;
  float: left;
}
.ce_teaser_1_spaltig_bild_klein .ce_image.attribute .ce_image .image_container {
  width: 100%;
  float: left;
}
.ce_teaser_1_spaltig_bild_klein .ce_image.attribute .ce_image .image_container img {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  position: relative;
  top: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@media all and (max-width: 800px) {
  .ce_teaser_1_spaltig_bild_klein .ce_image.attribute .ce_image .image_container img {
    left: 0;
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}
.ce_teaser_1_spaltig_bild_klein .text-container {
  width: 80%;
  float: left;
  padding: 0 250px 30px 20px;
}
@media all and (max-width: 1280px) {
  .ce_teaser_1_spaltig_bild_klein .text-container {
    padding: 0 20px 30px 20px;
  }
}
@media all and (max-width: 800px) {
  .ce_teaser_1_spaltig_bild_klein .text-container {
    width: 100%;
    padding: 0;
  }
}
.ce_teaser_1_spaltig_bild_klein .text-container h2, .ce_teaser_1_spaltig_bild_klein .text-container h3 {
  margin-top: 0;
}

.img-grid-five {
  width: 20%;
  float: left;
  margin-bottom: 30px;
  padding: 40px;
}
.img-grid-five .image_container {
  width: 100%;
  float: left;
  position: relative;
}
.img-grid-five .image_container img {
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  position: relative;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}
.img-grid-five .text-container {
  width: 80%;
  float: left;
  padding: 10px 250px 30px 20px;
}

.team {
  width: 49%;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
}
@media all and (max-width: 980px) {
  .team {
    width: 100%;
    height: auto !important;
  }
}
.team h3 {
  margin: 20px 0 20px 0;
}
.team .image_container {
  width: 45%;
  float: left;
  position: relative;
}
@media all and (max-width: 980px) {
  .team .image_container {
    width: 35%;
  }
}
@media all and (max-width: 600px) {
  .team .image_container {
    width: 100%;
  }
}
.team .image_container img {
  float: left;
  -webkit-filter: grayscale(1);
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}
.team .image_container img:hover, .team .image_container img:focus {
  -webkit-filter: none;
  -webkit-filter: none;
  filter: none;
  filter: none;
}
.team .text-container {
  width: 55%;
  min-height: 286px;
  float: left;
  position: relative;
  padding: 20px 20px 60px 20px;
}
@media all and (max-width: 980px) {
  .team .text-container {
    width: 65%;
    min-height: inherit;
  }
}
@media all and (max-width: 600px) {
  .team .text-container {
    width: 100%;
  }
}
.team .text-container h3 {
  margin-top: 0;
  margin-bottom: 40px;
  color: #0168b5;
  font-size: 22px;
  text-transform: uppercase;
}
.team .text-container a {
  display: inline-block;
  position: absolute;
  left: 20px;
  bottom: 0px;
  padding: 10px 40px 10px 20px;
  color: #fff;
  font-size: 18px;
  background: #0168b5;
  border: 1px solid #0168b5;
}
.team .text-container a:hover, .team .text-container a:focus {
  color: #0168b5;
  text-decoration: none;
  background: none;
}

.team:nth-child(even) {
  margin-right: 0;
}

.rote-box {
  width: 49%;
  float: left;
  position: relative;
  margin-right: 2%;
  margin-bottom: 20px;
  background: #0168b5;
}
@media all and (max-width: 980px) {
  .rote-box {
    width: 100%;
    height: 30vw !important;
    margin-right: 0;
  }
}
@media all and (max-width: 600px) {
  .rote-box {
    height: 50vw !important;
  }
}
.rote-box h3 {
  position: absolute;
  top: 50%;
  left: 30px;
  margin-top: 0;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #fff;
  font-size: 64px;
  font-weight: 400 !important;
  text-transform: uppercase;
}
@media all and (max-width: 980px) {
  .rote-box h3 {
    font-size: 7vw;
  }
}
@media all and (max-width: 600px) {
  .rote-box h3 {
    font-size: 14vw;
  }
}

.rote-box:nth-child(even) {
  margin-right: 0;
}

.jobs-text {
  width: 64%;
  float: left;
  margin: 0 5% 0 0;
  padding: 20px 10px;
}
@media all and (max-width: 980px) {
  .jobs-text {
    width: 100%;
  }
}
.jobs-text a {
  color: #0168b5 !important;
}
.jobs-text a:hover, .jobs-text a:focus {
  color: #0168b5 !important;
}
.jobs-text .btn-standard {
  color: #fff !important;
}
.jobs-text .btn-standard:hover, .jobs-text .btn-standard:focus {
  color: #fff !important;
}
.jobs-text ul {
  list-style: inherit;
  margin-left: 20px;
}
.jobs-text ul li {
  margin-bottom: 10px;
}

.jobs-kontakt {
  width: 31%;
  float: left;
  margin-bottom: 20px;
  padding: 20px;
  color: #fff;
  text-align: center;
  background: #2b2b2b;
}
@media all and (max-width: 980px) {
  .jobs-kontakt {
    width: 100%;
  }
}
.jobs-kontakt h6 {
  margin-bottom: 0;
  font-size: 20px;
}
.jobs-kontakt .image_container {
  width: 100%;
  height: 160px;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.jobs-kontakt .image_container img {
  width: 140px;
  height: 140px;
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 20px 0 40px 0;
}
.jobs-kontakt .image_container::before {
  content: url(/files/KLINGER_Dichtungstechnik/assets/autoren-maske-rund.svg);
  position: absolute;
  top: 19px;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  z-index: 99;
}
.jobs-kontakt a {
  color: #fff;
}
.jobs-kontakt a:hover, .jobs-kontakt a:focus {
  color: #0168b5;
}
.jobs-kontakt .btn-standard {
  margin-top: 20px;
}
.jobs-kontakt .btn-standard:hover, .jobs-kontakt .btn-standard:focus {
  color: #fff;
}

.box-bewerbung {
  width: 31%;
  position: relative;
  float: right;
  margin-bottom: 20px;
  padding: 20px;
  background: #f3f3f3;
}
@media all and (max-width: 980px) {
  .box-bewerbung {
    width: 100%;
  }
}
.box-bewerbung h6 {
  margin-bottom: 30px;
  padding-right: 110px;
  font-size: 20px;
  text-transform: uppercase;
}
.box-bewerbung form {
  width: 100%;
  float: left;
  margin-bottom: 0 !important;
}
.box-bewerbung form .col-lg-offset-3.col-lg-9 {
  width: 100% !important;
  margin-left: 0 !important;
}
.box-bewerbung form .col-lg-offset-3.col-lg-9 input.form-control {
  width: 100%;
  height: 46px !important;
  padding: 12px !important;
  border: none !important;
  border-radius: 0 !important;
}
.box-bewerbung form .widget-submit {
  margin-bottom: 0 !important;
}
.box-bewerbung form .widget-submit input.submit {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-size: 18px;
  background: #0168b5;
  outline: none !important;
  border: none !important;
}
.box-bewerbung form .widget-submit input.submit:hover, .box-bewerbung form .widget-submit input.submit:focus {
  text-decoration: none;
  background: #1276c1;
}

.mod_listing ul {
  list-style: none !important;
  margin-left: 0 !important;
}
.mod_listing ul a {
  color: #0168b5;
}
.mod_listing ul a:hover, .mod_listing ul a:focus {
  color: #0168b5;
}

.site-material-finder .ce_einleitung-text h1 {
  margin-top: 30px;
}

.article-material-finder .ce_hyperlink {
  float: left;
  margin-bottom: 50px;
}
.article-material-finder .ce_hyperlink a {
  min-width: 220px;
}
.article-material-finder .ce_hyperlink.first {
  margin-right: 50px;
  margin-bottom: 20px;
}

.mod_Material.selector {
  width: 100%;
  float: left;
}
.mod_Material.selector #app header.main {
  display: none;
}
.mod_Material.selector #app .home header.blue {
  display: none;
}
.mod_Material.selector #app .home section.subheader .container {
  max-width: 100% !important;
}
.mod_Material.selector #app .home section.subheader .container h1 {
  display: none;
}
.mod_Material.selector #app .home section.subheader .container h2 {
  color: #3d3d3d !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-transform: inherit !important;
}
.mod_Material.selector #app .home section.popular {
  display: none;
}
.mod_Material.selector #app header.blue.filter {
  display: none;
}
.mod_Material.selector #app .breadcrumbs .container {
  max-width: 100% !important;
}
.mod_Material.selector #app .toolbar .container {
  max-width: 100% !important;
}
.mod_Material.selector #app .material-list .container {
  max-width: 100% !important;
}
.mod_Material.selector #app .main .container {
  max-width: 100% !important;
}

.mod_tagcloud {
  width: 100%;
  float: left;
}
.mod_tagcloud ul.cloud {
  list-style: none;
  padding: 0 !important;
}
.mod_tagcloud ul.cloud li {
  display: inline-block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.mod_tagcloud ul.cloud li a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding: 10px 20px;
  color: #3d3d3d !important;
  font-weight: 700;
  text-transform: uppercase;
  background: #fcfdfe;
  border: 1px solid #b6b5b5;
}
.mod_tagcloud ul.cloud li a:hover, .mod_tagcloud ul.cloud li a:focus {
  color: #3d3d3d !important;
  background: #f2f7fa;
  border: 1px solid #f2f7fa;
}
.mod_tagcloud ul.cloud li.active a {
  color: #3d3d3d !important;
  background: #f2f7fa;
  border: 1px solid #f2f7fa;
}
.mod_tagcloud ul.cloud li.size3, .mod_tagcloud ul.cloud li.size4 {
  font-size: 16px;
  font-weight: 400;
}

.mod_tagcloud.mod_tagcloud-invisible {
  display: none;
}

.ce_youtube {
  width: 100%;
  max-width: 1000px;
  float: left;
  margin-bottom: 40px;
}
.ce_youtube .modal-header {
  display: none;
}

@font-face {
  font-family: Aleo;
  src: url(/files/KLINGER_Dichtungstechnik/fonts/aleo/aleo-regular-webfont.woff);
}
@font-face {
  font-family: Aleo;
  src: url(/files/KLINGER_Dichtungstechnik/fonts/aleo/aleo-bold-webfont.woff);
  font-weight: 700;
}
.meta-ueberschrift, .teaser-home-angebote-hl-top {
  display: inline-block;
  position: relative;
  left: -50px;
  margin-bottom: 10px;
  padding: 4px 20px 4px 50px;
  font-size: 28px;
  background: #fff;
}
@media all and (max-width: 980px) {
  .meta-ueberschrift, .teaser-home-angebote-hl-top {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media all and (max-width: 550px) {
  .meta-ueberschrift, .teaser-home-angebote-hl-top {
    font-size: 5vw;
  }
}
.meta-ueberschrift p, .teaser-home-angebote-hl-top p {
  margin: 0;
  padding: 0;
}

h1 {
  margin-top: 0;
  font-size: 30px;
  text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
  color: #003a67;
  font-family: Aleo, Helvetica, serif !important;
  font-weight: 600 !important;
  line-height: 1.2em !important;
}
@media all and (max-width: 800px) {
  h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
  top: -1.2em;
  font-size: 14px;
}

.hl-table {
  width: 100%;
  float: left;
  padding: 0 20px;
  font-size: 24px;
  font-weight: 400 !important;
}

h2, h3, h4, h5 {
  font-size: 28px;
}

.ce_button_jetzt_bewerben {
  width: 100%;
  float: left;
  margin: 30px 0;
}

.ce_form, .mod_search {
  width: 100%;
  float: left;
}
.ce_form .formbody, .mod_search .formbody {
  width: 100%;
  float: left;
}

.mod_login, .mod_logout, .mod_registration, .mod_lostPasswordNotificationCenter, .mod_search {
  padding-top: 100px;
  top: -100px;
}

#form-kontakt, #form-bewerbung, .mod_login, .mod_logout, .mod_registration, .mod_lostPasswordNotificationCenter, .mod_search {
  width: 100%;
  float: left;
  position: relative;
}
#form-kontakt .form-group, #form-kontakt .widget-text, #form-kontakt .widget-password, #form-bewerbung .form-group, #form-bewerbung .widget-text, #form-bewerbung .widget-password, .mod_login .form-group, .mod_login .widget-text, .mod_login .widget-password, .mod_logout .form-group, .mod_logout .widget-text, .mod_logout .widget-password, .mod_registration .form-group, .mod_registration .widget-text, .mod_registration .widget-password, .mod_lostPasswordNotificationCenter .form-group, .mod_lostPasswordNotificationCenter .widget-text, .mod_lostPasswordNotificationCenter .widget-password, .mod_search .form-group, .mod_search .widget-text, .mod_search .widget-password {
  width: 40%;
  min-height: 48px;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  margin-left: 0;
}
@media all and (max-width: 980px) {
  #form-kontakt .form-group, #form-kontakt .widget-text, #form-kontakt .widget-password, #form-bewerbung .form-group, #form-bewerbung .widget-text, #form-bewerbung .widget-password, .mod_login .form-group, .mod_login .widget-text, .mod_login .widget-password, .mod_logout .form-group, .mod_logout .widget-text, .mod_logout .widget-password, .mod_registration .form-group, .mod_registration .widget-text, .mod_registration .widget-password, .mod_lostPasswordNotificationCenter .form-group, .mod_lostPasswordNotificationCenter .widget-text, .mod_lostPasswordNotificationCenter .widget-password, .mod_search .form-group, .mod_search .widget-text, .mod_search .widget-password {
    width: 48%;
  }
}
@media all and (max-width: 700px) {
  #form-kontakt .form-group, #form-kontakt .widget-text, #form-kontakt .widget-password, #form-bewerbung .form-group, #form-bewerbung .widget-text, #form-bewerbung .widget-password, .mod_login .form-group, .mod_login .widget-text, .mod_login .widget-password, .mod_logout .form-group, .mod_logout .widget-text, .mod_logout .widget-password, .mod_registration .form-group, .mod_registration .widget-text, .mod_registration .widget-password, .mod_lostPasswordNotificationCenter .form-group, .mod_lostPasswordNotificationCenter .widget-text, .mod_lostPasswordNotificationCenter .widget-password, .mod_search .form-group, .mod_search .widget-text, .mod_search .widget-password {
    width: 100%;
    margin-right: 0;
  }
}
#form-kontakt .form-group .col-lg-9, #form-kontakt .widget-text .col-lg-9, #form-kontakt .widget-password .col-lg-9, #form-bewerbung .form-group .col-lg-9, #form-bewerbung .widget-text .col-lg-9, #form-bewerbung .widget-password .col-lg-9, .mod_login .form-group .col-lg-9, .mod_login .widget-text .col-lg-9, .mod_login .widget-password .col-lg-9, .mod_logout .form-group .col-lg-9, .mod_logout .widget-text .col-lg-9, .mod_logout .widget-password .col-lg-9, .mod_registration .form-group .col-lg-9, .mod_registration .widget-text .col-lg-9, .mod_registration .widget-password .col-lg-9, .mod_lostPasswordNotificationCenter .form-group .col-lg-9, .mod_lostPasswordNotificationCenter .widget-text .col-lg-9, .mod_lostPasswordNotificationCenter .widget-password .col-lg-9, .mod_search .form-group .col-lg-9, .mod_search .widget-text .col-lg-9, .mod_search .widget-password .col-lg-9 {
  width: 100%;
  padding: 0;
}
#form-kontakt .form-group .col-lg-offset-3, #form-kontakt .widget-text .col-lg-offset-3, #form-kontakt .widget-password .col-lg-offset-3, #form-bewerbung .form-group .col-lg-offset-3, #form-bewerbung .widget-text .col-lg-offset-3, #form-bewerbung .widget-password .col-lg-offset-3, .mod_login .form-group .col-lg-offset-3, .mod_login .widget-text .col-lg-offset-3, .mod_login .widget-password .col-lg-offset-3, .mod_logout .form-group .col-lg-offset-3, .mod_logout .widget-text .col-lg-offset-3, .mod_logout .widget-password .col-lg-offset-3, .mod_registration .form-group .col-lg-offset-3, .mod_registration .widget-text .col-lg-offset-3, .mod_registration .widget-password .col-lg-offset-3, .mod_lostPasswordNotificationCenter .form-group .col-lg-offset-3, .mod_lostPasswordNotificationCenter .widget-text .col-lg-offset-3, .mod_lostPasswordNotificationCenter .widget-password .col-lg-offset-3, .mod_search .form-group .col-lg-offset-3, .mod_search .widget-text .col-lg-offset-3, .mod_search .widget-password .col-lg-offset-3 {
  margin-left: 0 !important;
}
#form-kontakt .widget-explanation, #form-bewerbung .widget-explanation, .mod_login .widget-explanation, .mod_logout .widget-explanation, .mod_registration .widget-explanation, .mod_lostPasswordNotificationCenter .widget-explanation, .mod_search .widget-explanation {
  width: 100% !important;
  min-height: inherit !important;
  float: left;
  margin-right: 0 !important;
  margin-bottom: 30px;
}
#form-kontakt .widget-explanation p, #form-bewerbung .widget-explanation p, .mod_login .widget-explanation p, .mod_logout .widget-explanation p, .mod_registration .widget-explanation p, .mod_lostPasswordNotificationCenter .widget-explanation p, .mod_search .widget-explanation p {
  margin-bottom: 0;
}
#form-kontakt .widget-explanation ul, #form-bewerbung .widget-explanation ul, .mod_login .widget-explanation ul, .mod_logout .widget-explanation ul, .mod_registration .widget-explanation ul, .mod_lostPasswordNotificationCenter .widget-explanation ul, .mod_search .widget-explanation ul {
  list-style: inherit;
  padding-left: 20px;
}
#form-kontakt .widget-checkbox, #form-bewerbung .widget-checkbox, .mod_login .widget-checkbox, .mod_logout .widget-checkbox, .mod_registration .widget-checkbox, .mod_lostPasswordNotificationCenter .widget-checkbox, .mod_search .widget-checkbox {
  /*width:100%!important;
  margin-right:0!important;
  margin-bottom: 0!important;
  */
}
@media all and (max-width: 700px) {
  #form-kontakt .widget-checkbox, #form-bewerbung .widget-checkbox, .mod_login .widget-checkbox, .mod_logout .widget-checkbox, .mod_registration .widget-checkbox, .mod_lostPasswordNotificationCenter .widget-checkbox, .mod_search .widget-checkbox {
    width: 100%;
  }
}
#form-kontakt .widget-checkbox input, #form-bewerbung .widget-checkbox input, .mod_login .widget-checkbox input, .mod_logout .widget-checkbox input, .mod_registration .widget-checkbox input, .mod_lostPasswordNotificationCenter .widget-checkbox input, .mod_search .widget-checkbox input {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
#form-kontakt .widget-select, #form-bewerbung .widget-select, .mod_login .widget-select, .mod_logout .widget-select, .mod_registration .widget-select, .mod_lostPasswordNotificationCenter .widget-select, .mod_search .widget-select {
  position: relative;
}
#form-kontakt select[name=country], #form-bewerbung select[name=country], .mod_login select[name=country], .mod_logout select[name=country], .mod_registration select[name=country], .mod_lostPasswordNotificationCenter select[name=country], .mod_search select[name=country] {
  width: 40%;
  min-height: 46px;
  position: relative;
  float: left;
  margin-right: 2%;
  margin-bottom: 20px;
  margin-left: 0;
  padding-left: 60px;
  color: #757575;
  font-size: 12px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-select-arrow.png) no-repeat top 0px left 0px;
}
#form-kontakt select[name=country]:hover, #form-bewerbung select[name=country]:hover, .mod_login select[name=country]:hover, .mod_logout select[name=country]:hover, .mod_registration select[name=country]:hover, .mod_lostPasswordNotificationCenter select[name=country]:hover, .mod_search select[name=country]:hover {
  cursor: pointer;
}
#form-kontakt .widget-calendar, #form-bewerbung .widget-calendar, .mod_login .widget-calendar, .mod_logout .widget-calendar, .mod_registration .widget-calendar, .mod_lostPasswordNotificationCenter .widget-calendar, .mod_search .widget-calendar {
  width: 100% !important;
  margin-right: 0 !important;
  margin-bottom: 11px !important;
}
#form-kontakt .widget-calendar input, #form-bewerbung .widget-calendar input, .mod_login .widget-calendar input, .mod_logout .widget-calendar input, .mod_registration .widget-calendar input, .mod_lostPasswordNotificationCenter .widget-calendar input, .mod_search .widget-calendar input {
  width: 49% !important;
  margin-right: 10px !important;
}
@media all and (max-width: 700px) {
  #form-kontakt .widget-calendar input, #form-bewerbung .widget-calendar input, .mod_login .widget-calendar input, .mod_logout .widget-calendar input, .mod_registration .widget-calendar input, .mod_lostPasswordNotificationCenter .widget-calendar input, .mod_search .widget-calendar input {
    width: 100% !important;
    margin-right: 0 !important;
  }
}
#form-kontakt .widget-calendar img:hover, #form-bewerbung .widget-calendar img:hover, .mod_login .widget-calendar img:hover, .mod_logout .widget-calendar img:hover, .mod_registration .widget-calendar img:hover, .mod_lostPasswordNotificationCenter .widget-calendar img:hover, .mod_search .widget-calendar img:hover {
  cursor: pointer;
}
#form-kontakt .widget-calendar .calendar-info, #form-bewerbung .widget-calendar .calendar-info, .mod_login .widget-calendar .calendar-info, .mod_logout .widget-calendar .calendar-info, .mod_registration .widget-calendar .calendar-info, .mod_lostPasswordNotificationCenter .widget-calendar .calendar-info, .mod_search .widget-calendar .calendar-info {
  margin-top: 4px;
  margin-left: 20px;
  font-size: 14px;
  color: #737373;
}
@media all and (max-width: 700px) {
  #form-kontakt .widget-calendar .calendar-info, #form-bewerbung .widget-calendar .calendar-info, .mod_login .widget-calendar .calendar-info, .mod_logout .widget-calendar .calendar-info, .mod_registration .widget-calendar .calendar-info, .mod_lostPasswordNotificationCenter .widget-calendar .calendar-info, .mod_search .widget-calendar .calendar-info {
    margin-left: 0;
  }
}
#form-kontakt .widget-password, #form-bewerbung .widget-password, .mod_login .widget-password, .mod_logout .widget-password, .mod_registration .widget-password, .mod_lostPasswordNotificationCenter .widget-password, .mod_search .widget-password {
  clear: both;
}
#form-kontakt span.mandatory, #form-bewerbung span.mandatory, .mod_login span.mandatory, .mod_logout span.mandatory, .mod_registration span.mandatory, .mod_lostPasswordNotificationCenter span.mandatory, .mod_search span.mandatory {
  display: none;
}
#form-kontakt .widget-submit, #form-bewerbung .widget-submit, .mod_login .widget-submit, .mod_logout .widget-submit, .mod_registration .widget-submit, .mod_lostPasswordNotificationCenter .widget-submit, .mod_search .widget-submit {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#form-kontakt .submit, #form-bewerbung .submit, .mod_login .submit, .mod_logout .submit, .mod_registration .submit, .mod_lostPasswordNotificationCenter .submit, .mod_search .submit {
  padding: 10px 40px;
  background: #0168b5;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border: none !important;
  cursor: pointer;
}
@media all and (max-width: 600px) {
  #form-kontakt .submit, #form-bewerbung .submit, .mod_login .submit, .mod_logout .submit, .mod_registration .submit, .mod_lostPasswordNotificationCenter .submit, .mod_search .submit {
    white-space: normal;
  }
}
#form-kontakt .submit:hover, #form-kontakt .submit:focus, #form-bewerbung .submit:hover, #form-bewerbung .submit:focus, .mod_login .submit:hover, .mod_login .submit:focus, .mod_logout .submit:hover, .mod_logout .submit:focus, .mod_registration .submit:hover, .mod_registration .submit:focus, .mod_lostPasswordNotificationCenter .submit:hover, .mod_lostPasswordNotificationCenter .submit:focus, .mod_search .submit:hover, .mod_search .submit:focus {
  background: #1276c1;
}
#form-kontakt .form-hidden, #form-bewerbung .form-hidden, .mod_login .form-hidden, .mod_logout .form-hidden, .mod_registration .form-hidden, .mod_lostPasswordNotificationCenter .form-hidden, .mod_search .form-hidden {
  position: absolute;
}
@media all and (max-width: 840px) {
  #form-kontakt fieldset, #form-bewerbung fieldset, .mod_login fieldset, .mod_logout fieldset, .mod_registration fieldset, .mod_lostPasswordNotificationCenter fieldset, .mod_search fieldset {
    margin-bottom: 10px;
  }
}
#form-kontakt fieldset .widget, #form-bewerbung fieldset .widget, .mod_login fieldset .widget, .mod_logout fieldset .widget, .mod_registration fieldset .widget, .mod_lostPasswordNotificationCenter fieldset .widget, .mod_search fieldset .widget {
  width: 31.3333333%;
}
@media all and (max-width: 840px) {
  #form-kontakt fieldset .widget, #form-bewerbung fieldset .widget, .mod_login fieldset .widget, .mod_logout fieldset .widget, .mod_registration fieldset .widget, .mod_lostPasswordNotificationCenter fieldset .widget, .mod_search fieldset .widget {
    width: 100%;
    margin-right: 0;
  }
}
#form-kontakt fieldset .widget span, #form-bewerbung fieldset .widget span, .mod_login fieldset .widget span, .mod_logout fieldset .widget span, .mod_registration fieldset .widget span, .mod_lostPasswordNotificationCenter fieldset .widget span, .mod_search fieldset .widget span {
  display: inline-block;
  margin-right: 30px;
}
#form-kontakt input.form-control, #form-kontakt input.text, #form-kontakt input.custom-file-input, #form-kontakt input.password, #form-kontakt input.captcha, #form-bewerbung input.form-control, #form-bewerbung input.text, #form-bewerbung input.custom-file-input, #form-bewerbung input.password, #form-bewerbung input.captcha, .mod_login input.form-control, .mod_login input.text, .mod_login input.custom-file-input, .mod_login input.password, .mod_login input.captcha, .mod_logout input.form-control, .mod_logout input.text, .mod_logout input.custom-file-input, .mod_logout input.password, .mod_logout input.captcha, .mod_registration input.form-control, .mod_registration input.text, .mod_registration input.custom-file-input, .mod_registration input.password, .mod_registration input.captcha, .mod_lostPasswordNotificationCenter input.form-control, .mod_lostPasswordNotificationCenter input.text, .mod_lostPasswordNotificationCenter input.custom-file-input, .mod_lostPasswordNotificationCenter input.password, .mod_lostPasswordNotificationCenter input.captcha, .mod_search input.form-control, .mod_search input.text, .mod_search input.custom-file-input, .mod_search input.password, .mod_search input.captcha {
  width: 100%;
  height: 46px;
  padding: 1em 0.6em;
  font-size: 0.8em;
  background: #FCFCFC;
  border: 1px solid #ABADB3;
  border-radius: 0 !important;
}
#form-kontakt .contact_upload .input-group .form-control, #form-bewerbung .contact_upload .input-group .form-control, .mod_login .contact_upload .input-group .form-control, .mod_logout .contact_upload .input-group .form-control, .mod_registration .contact_upload .input-group .form-control, .mod_lostPasswordNotificationCenter .contact_upload .input-group .form-control, .mod_search .contact_upload .input-group .form-control {
  width: 100%;
  height: 46px;
  padding: 1em 0.6em;
  font-size: 0.8em;
  background: #FCFCFC;
  border: 1px solid #ABADB3;
  border-radius: 0 !important;
}
#form-kontakt input.text.formicon, #form-bewerbung input.text.formicon, .mod_login input.text.formicon, .mod_logout input.text.formicon, .mod_registration input.text.formicon, .mod_lostPasswordNotificationCenter input.text.formicon, .mod_search input.text.formicon {
  width: 100% !important;
  padding-left: 4.6em !important;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
#form-kontakt input.contact_theme, #form-bewerbung input.contact_theme, .mod_login input.contact_theme, .mod_logout input.contact_theme, .mod_registration input.contact_theme, .mod_lostPasswordNotificationCenter input.contact_theme, .mod_search input.contact_theme {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_theme, #form-bewerbung .contact_theme, .mod_login .contact_theme, .mod_logout .contact_theme, .mod_registration .contact_theme, .mod_lostPasswordNotificationCenter .contact_theme, .mod_search .contact_theme {
  position: relative;
}
#form-kontakt .contact_theme::before, #form-bewerbung .contact_theme::before, .mod_login .contact_theme::before, .mod_logout .contact_theme::before, .mod_registration .contact_theme::before, .mod_lostPasswordNotificationCenter .contact_theme::before, .mod_search .contact_theme::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-theme.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_network, #form-bewerbung input.contact_network, .mod_login input.contact_network, .mod_logout input.contact_network, .mod_registration input.contact_network, .mod_lostPasswordNotificationCenter input.contact_network, .mod_search input.contact_network {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_network, #form-bewerbung .contact_network, .mod_login .contact_network, .mod_logout .contact_network, .mod_registration .contact_network, .mod_lostPasswordNotificationCenter .contact_network, .mod_search .contact_network {
  position: relative;
}
#form-kontakt .contact_network::before, #form-bewerbung .contact_network::before, .mod_login .contact_network::before, .mod_logout .contact_network::before, .mod_registration .contact_network::before, .mod_lostPasswordNotificationCenter .contact_network::before, .mod_search .contact_network::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-network.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_name, #form-bewerbung input.contact_name, .mod_login input.contact_name, .mod_logout input.contact_name, .mod_registration input.contact_name, .mod_lostPasswordNotificationCenter input.contact_name, .mod_search input.contact_name {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_name, #form-bewerbung .contact_name, .mod_login .contact_name, .mod_logout .contact_name, .mod_registration .contact_name, .mod_lostPasswordNotificationCenter .contact_name, .mod_search .contact_name {
  position: relative;
}
#form-kontakt .contact_name::before, #form-bewerbung .contact_name::before, .mod_login .contact_name::before, .mod_logout .contact_name::before, .mod_registration .contact_name::before, .mod_lostPasswordNotificationCenter .contact_name::before, .mod_search .contact_name::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-name.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_map, #form-bewerbung input.contact_map, .mod_login input.contact_map, .mod_logout input.contact_map, .mod_registration input.contact_map, .mod_lostPasswordNotificationCenter input.contact_map, .mod_search input.contact_map {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_map, #form-bewerbung .contact_map, .mod_login .contact_map, .mod_logout .contact_map, .mod_registration .contact_map, .mod_lostPasswordNotificationCenter .contact_map, .mod_search .contact_map {
  position: relative;
}
#form-kontakt .contact_map::before, #form-bewerbung .contact_map::before, .mod_login .contact_map::before, .mod_logout .contact_map::before, .mod_registration .contact_map::before, .mod_lostPasswordNotificationCenter .contact_map::before, .mod_search .contact_map::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-map.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_tel, #form-bewerbung input.contact_tel, .mod_login input.contact_tel, .mod_logout input.contact_tel, .mod_registration input.contact_tel, .mod_lostPasswordNotificationCenter input.contact_tel, .mod_search input.contact_tel {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_tel, #form-bewerbung .contact_tel, .mod_login .contact_tel, .mod_logout .contact_tel, .mod_registration .contact_tel, .mod_lostPasswordNotificationCenter .contact_tel, .mod_search .contact_tel {
  position: relative;
}
#form-kontakt .contact_tel::before, #form-bewerbung .contact_tel::before, .mod_login .contact_tel::before, .mod_logout .contact_tel::before, .mod_registration .contact_tel::before, .mod_lostPasswordNotificationCenter .contact_tel::before, .mod_search .contact_tel::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-tel.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_fax, #form-bewerbung input.contact_fax, .mod_login input.contact_fax, .mod_logout input.contact_fax, .mod_registration input.contact_fax, .mod_lostPasswordNotificationCenter input.contact_fax, .mod_search input.contact_fax {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_fax, #form-bewerbung .contact_fax, .mod_login .contact_fax, .mod_logout .contact_fax, .mod_registration .contact_fax, .mod_lostPasswordNotificationCenter .contact_fax, .mod_search .contact_fax {
  position: relative;
}
#form-kontakt .contact_fax::before, #form-bewerbung .contact_fax::before, .mod_login .contact_fax::before, .mod_logout .contact_fax::before, .mod_registration .contact_fax::before, .mod_lostPasswordNotificationCenter .contact_fax::before, .mod_search .contact_fax::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-fax.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_mail, #form-bewerbung input.contact_mail, .mod_login input.contact_mail, .mod_logout input.contact_mail, .mod_registration input.contact_mail, .mod_lostPasswordNotificationCenter input.contact_mail, .mod_search input.contact_mail {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_mail, #form-bewerbung .contact_mail, .mod_login .contact_mail, .mod_logout .contact_mail, .mod_registration .contact_mail, .mod_lostPasswordNotificationCenter .contact_mail, .mod_search .contact_mail {
  position: relative;
}
#form-kontakt .contact_mail::before, #form-bewerbung .contact_mail::before, .mod_login .contact_mail::before, .mod_logout .contact_mail::before, .mod_registration .contact_mail::before, .mod_lostPasswordNotificationCenter .contact_mail::before, .mod_search .contact_mail::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-mail.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_question, #form-bewerbung input.contact_question, .mod_login input.contact_question, .mod_logout input.contact_question, .mod_registration input.contact_question, .mod_lostPasswordNotificationCenter input.contact_question, .mod_search input.contact_question {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_question, #form-bewerbung .contact_question, .mod_login .contact_question, .mod_logout .contact_question, .mod_registration .contact_question, .mod_lostPasswordNotificationCenter .contact_question, .mod_search .contact_question {
  position: relative;
}
#form-kontakt .contact_question::before, #form-bewerbung .contact_question::before, .mod_login .contact_question::before, .mod_logout .contact_question::before, .mod_registration .contact_question::before, .mod_lostPasswordNotificationCenter .contact_question::before, .mod_search .contact_question::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-question.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt input.contact_job, #form-bewerbung input.contact_job, .mod_login input.contact_job, .mod_logout input.contact_job, .mod_registration input.contact_job, .mod_lostPasswordNotificationCenter input.contact_job, .mod_search input.contact_job {
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_job, #form-bewerbung .contact_job, .mod_login .contact_job, .mod_logout .contact_job, .mod_registration .contact_job, .mod_lostPasswordNotificationCenter .contact_job, .mod_search .contact_job {
  position: relative;
}
#form-kontakt .contact_job::before, #form-bewerbung .contact_job::before, .mod_login .contact_job::before, .mod_logout .contact_job::before, .mod_registration .contact_job::before, .mod_lostPasswordNotificationCenter .contact_job::before, .mod_search .contact_job::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-job.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt .contact_upload .custom-file input.custom-file-input, #form-bewerbung .contact_upload .custom-file input.custom-file-input, .mod_login .contact_upload .custom-file input.custom-file-input, .mod_logout .contact_upload .custom-file input.custom-file-input, .mod_registration .contact_upload .custom-file input.custom-file-input, .mod_lostPasswordNotificationCenter .contact_upload .custom-file input.custom-file-input, .mod_search .contact_upload .custom-file input.custom-file-input {
  margin-bottom: 5px;
  padding-left: 60px !important;
  background: #FCFCFC !important;
}
#form-kontakt .contact_upload .custom-file .btn-primary:hover, #form-bewerbung .contact_upload .custom-file .btn-primary:hover, .mod_login .contact_upload .custom-file .btn-primary:hover, .mod_logout .contact_upload .custom-file .btn-primary:hover, .mod_registration .contact_upload .custom-file .btn-primary:hover, .mod_lostPasswordNotificationCenter .contact_upload .custom-file .btn-primary:hover, .mod_search .contact_upload .custom-file .btn-primary:hover {
  cursor: pointer;
}
#form-kontakt .contact_upload, #form-bewerbung .contact_upload, .mod_login .contact_upload, .mod_logout .contact_upload, .mod_registration .contact_upload, .mod_lostPasswordNotificationCenter .contact_upload, .mod_search .contact_upload {
  clear: both;
  position: relative;
}
#form-kontakt .contact_upload::before, #form-bewerbung .contact_upload::before, .mod_login .contact_upload::before, .mod_logout .contact_upload::before, .mod_registration .contact_upload::before, .mod_lostPasswordNotificationCenter .contact_upload::before, .mod_search .contact_upload::before {
  content: "";
  width: 45px;
  height: 43px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-upload.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt .container-explanation, #form-bewerbung .container-explanation, .mod_login .container-explanation, .mod_logout .container-explanation, .mod_registration .container-explanation, .mod_lostPasswordNotificationCenter .container-explanation, .mod_search .container-explanation {
  width: 100%;
  float: left;
}
#form-kontakt .container-explanation p.blue-box, #form-bewerbung .container-explanation p.blue-box, .mod_login .container-explanation p.blue-box, .mod_logout .container-explanation p.blue-box, .mod_registration .container-explanation p.blue-box, .mod_lostPasswordNotificationCenter .container-explanation p.blue-box, .mod_search .container-explanation p.blue-box {
  width: auto;
  display: inline-block;
  margin-top: 0px;
  padding: 10px 20px;
  color: #fff;
  background: rgba(1, 104, 181, 0.3);
}
#form-kontakt input.form-date-location, #form-bewerbung input.form-date-location, .mod_login input.form-date-location, .mod_logout input.form-date-location, .mod_registration input.form-date-location, .mod_lostPasswordNotificationCenter input.form-date-location, .mod_search input.form-date-location {
  background: aliceblue;
}
#form-kontakt input.form-list-price, #form-bewerbung input.form-list-price, .mod_login input.form-list-price, .mod_logout input.form-list-price, .mod_registration input.form-list-price, .mod_lostPasswordNotificationCenter input.form-list-price, .mod_search input.form-list-price {
  background: aliceblue;
}
#form-kontakt input.form-fee, #form-bewerbung input.form-fee, .mod_login input.form-fee, .mod_logout input.form-fee, .mod_registration input.form-fee, .mod_lostPasswordNotificationCenter input.form-fee, .mod_search input.form-fee {
  background: aliceblue;
}
#form-kontakt .widget-textarea, #form-bewerbung .widget-textarea, .mod_login .widget-textarea, .mod_logout .widget-textarea, .mod_registration .widget-textarea, .mod_lostPasswordNotificationCenter .widget-textarea, .mod_search .widget-textarea {
  float: left;
  clear: both;
}
#form-kontakt .widget-textarea textarea, #form-bewerbung .widget-textarea textarea, .mod_login .widget-textarea textarea, .mod_logout .widget-textarea textarea, .mod_registration .widget-textarea textarea, .mod_lostPasswordNotificationCenter .widget-textarea textarea, .mod_search .widget-textarea textarea {
  width: 100%;
  min-height: 12em;
  padding: 1em 0.6em;
  background: #FCFCFC;
  border: 1px solid #ABADB3;
  border-radius: 0 !important;
}
#form-kontakt .widget-checkbox, #form-bewerbung .widget-checkbox, .mod_login .widget-checkbox, .mod_logout .widget-checkbox, .mod_registration .widget-checkbox, .mod_lostPasswordNotificationCenter .widget-checkbox, .mod_search .widget-checkbox {
  width: 82%;
  min-height: inherit;
  float: left;
  clear: both;
}
@media all and (max-width: 980px) {
  #form-kontakt .widget-checkbox, #form-bewerbung .widget-checkbox, .mod_login .widget-checkbox, .mod_logout .widget-checkbox, .mod_registration .widget-checkbox, .mod_lostPasswordNotificationCenter .widget-checkbox, .mod_search .widget-checkbox {
    width: 98%;
  }
}
#form-kontakt .widget-checkbox .custom-controls-stacked, #form-bewerbung .widget-checkbox .custom-controls-stacked, .mod_login .widget-checkbox .custom-controls-stacked, .mod_logout .widget-checkbox .custom-controls-stacked, .mod_registration .widget-checkbox .custom-controls-stacked, .mod_lostPasswordNotificationCenter .widget-checkbox .custom-controls-stacked, .mod_search .widget-checkbox .custom-controls-stacked {
  width: 100%;
  position: relative;
  padding-left: 30px;
}
#form-kontakt .widget-checkbox .custom-controls-stacked .custom-control input, #form-bewerbung .widget-checkbox .custom-controls-stacked .custom-control input, .mod_login .widget-checkbox .custom-controls-stacked .custom-control input, .mod_logout .widget-checkbox .custom-controls-stacked .custom-control input, .mod_registration .widget-checkbox .custom-controls-stacked .custom-control input, .mod_lostPasswordNotificationCenter .widget-checkbox .custom-controls-stacked .custom-control input, .mod_search .widget-checkbox .custom-controls-stacked .custom-control input {
  position: absolute;
  top: 4px;
  left: 0px;
}
#form-kontakt .widget-checkbox .custom-controls-stacked .custom-control p, #form-bewerbung .widget-checkbox .custom-controls-stacked .custom-control p, .mod_login .widget-checkbox .custom-controls-stacked .custom-control p, .mod_logout .widget-checkbox .custom-controls-stacked .custom-control p, .mod_registration .widget-checkbox .custom-controls-stacked .custom-control p, .mod_lostPasswordNotificationCenter .widget-checkbox .custom-controls-stacked .custom-control p, .mod_search .widget-checkbox .custom-controls-stacked .custom-control p {
  margin-bottom: 0;
}
#form-kontakt .container-submit, #form-bewerbung .container-submit, .mod_login .container-submit, .mod_logout .container-submit, .mod_registration .container-submit, .mod_lostPasswordNotificationCenter .container-submit, .mod_search .container-submit {
  float: left;
  clear: both;
}
#form-kontakt select, #form-bewerbung select, .mod_login select, .mod_logout select, .mod_registration select, .mod_lostPasswordNotificationCenter select, .mod_search select {
  width: 100%;
  height: 46px;
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
  border: 1px solid #ABADB3 !important;
}
#form-kontakt select::-ms-expand, #form-bewerbung select::-ms-expand, .mod_login select::-ms-expand, .mod_logout select::-ms-expand, .mod_registration select::-ms-expand, .mod_lostPasswordNotificationCenter select::-ms-expand, .mod_search select::-ms-expand {
  display: none;
}
#form-kontakt select.select.contact_gender, #form-bewerbung select.select.contact_gender, .mod_login select.select.contact_gender, .mod_logout select.select.contact_gender, .mod_registration select.select.contact_gender, .mod_lostPasswordNotificationCenter select.select.contact_gender, .mod_search select.select.contact_gender {
  padding-left: 60px !important;
}
#form-kontakt .container-contact_gender, #form-bewerbung .container-contact_gender, .mod_login .container-contact_gender, .mod_logout .container-contact_gender, .mod_registration .container-contact_gender, .mod_lostPasswordNotificationCenter .container-contact_gender, .mod_search .container-contact_gender {
  position: relative;
}
#form-kontakt .container-contact_gender::before, #form-bewerbung .container-contact_gender::before, .mod_login .container-contact_gender::before, .mod_logout .container-contact_gender::before, .mod_registration .container-contact_gender::before, .mod_lostPasswordNotificationCenter .container-contact_gender::before, .mod_search .container-contact_gender::before {
  content: "";
  width: 45px;
  height: 44px;
  position: absolute;
  top: 1px;
  left: 1px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/formicon-gender.png) no-repeat top 0px left 0px;
  background-size: cover;
  z-index: 9;
}
#form-kontakt .container-contact_gender::after, #form-bewerbung .container-contact_gender::after, .mod_login .container-contact_gender::after, .mod_logout .container-contact_gender::after, .mod_registration .container-contact_gender::after, .mod_lostPasswordNotificationCenter .container-contact_gender::after, .mod_search .container-contact_gender::after {
  content: "";
  width: 8px;
  height: 15px;
  position: absolute;
  top: 16px;
  right: 10px;
  background: url(/files/KLINGER_Dichtungstechnik/assets/icon-select-arrow.png) no-repeat top 0px right 0px;
  z-index: 9;
}
#form-kontakt input:focus, #form-kontakt select:focus, #form-bewerbung input:focus, #form-bewerbung select:focus, .mod_login input:focus, .mod_login select:focus, .mod_logout input:focus, .mod_logout select:focus, .mod_registration input:focus, .mod_registration select:focus, .mod_lostPasswordNotificationCenter input:focus, .mod_lostPasswordNotificationCenter select:focus, .mod_search input:focus, .mod_search select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#form-kontakt input:focus, #form-kontakt select:focus, #form-kontakt textarea:focus, #form-bewerbung input:focus, #form-bewerbung select:focus, #form-bewerbung textarea:focus, .mod_login input:focus, .mod_login select:focus, .mod_login textarea:focus, .mod_logout input:focus, .mod_logout select:focus, .mod_logout textarea:focus, .mod_registration input:focus, .mod_registration select:focus, .mod_registration textarea:focus, .mod_lostPasswordNotificationCenter input:focus, .mod_lostPasswordNotificationCenter select:focus, .mod_lostPasswordNotificationCenter textarea:focus, .mod_search input:focus, .mod_search select:focus, .mod_search textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.submit {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  border-radius: 0px !important;
}

.mod_search .text {
  width: 100% !important;
  height: 46px;
  margin-bottom: 10px;
  padding: 1em 0.6em;
  border: 1px solid #ABADB3;
  border-radius: 0 !important;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
@media all and (max-width: 700px) {
  .mod_search .text {
    width: 100% !important;
  }
}
.mod_search .submit {
  position: relative;
  top: 3px;
  margin-bottom: 40px;
  padding: 10px 40px 9px 40px;
}

#colorbox {
  z-index: 99999999;
}

#cboxOverlay {
  z-index: 99999999 !important;
}

.docu-content .article-inner .content-left {
  width: 70%;
  float: left;
}
@media all and (max-width: 980px) {
  .docu-content .article-inner .content-left {
    width: 100%;
  }
}
.docu-content .article-inner .content-left .docu-img-50 .image_container {
  width: 100%;
  float: left;
}
.docu-content .article-inner .content-left .docu-img-50 .image_container img {
  width: 50%;
  float: left;
}
.docu-content .article-inner .content-left .best-practise {
  width: 100%;
  float: left;
  padding: 20px;
  background: #f2f7fa;
}
.docu-content .article-inner .mod_navigation {
  width: 30%;
  float: left;
  padding-left: 30px;
}
@media all and (max-width: 980px) {
  .docu-content .article-inner .mod_navigation {
    width: 100%;
  }
}
.docu-content .article-inner .mod_navigation .level_3 {
  margin-left: 30px;
}
.docu-content .article-inner .mod_navigation .level_4 {
  margin-left: 30px;
}

/*# sourceMappingURL=styles.css.map */

/* Style sheet tags_orange */

ul.cloud {
	margin: 0;
	padding: 0.5em 0;
	text-align: justify;
	line-height: 1.3em;
	clear: both!important;
}

ul.cloud li {
	width: auto;
	position: static;
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.cloud li a {
	height: auto;
	position: static;
	float: none;
	display: inline;
	margin: 0;
	padding: 0 4px;
	text-decoration: none;
	color: #f39a37;
	cursor: pointer;
}

ul.cloud li a span {
	height: auto;
	position: static;
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	background: transparent;
	border: none!important;
}

ul.cloud li a em {
	display: none;
}

ul.cloud li.size1 {
	font-size: 100%;
	line-height: 1.3em;
}

ul.cloud li.size2 {
	font-size: 100%;
	line-height: 1.3em;
}

ul.cloud li.size3 {
	font-size: 120%;
	line-height: 1.1em;
}

ul.cloud li.size4 {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.1em;
}

ul.cloud li.size1 a {
	color: #f39a37;
}

ul.cloud li.size2 a {
	color: #CC812F;
}

ul.cloud li.size3 a {
	color: #B27029;
}

ul.cloud li.size4 a {
	color: #996023;
}

ul.cloud li.isCurrentTag a span,ul.cloud li a:hover {
	background-color: #f39a37;
	color: #fff!important;
}

ul.cloud li a:hover span {
	color: #fff!important;
}

.tagcloud span.toggle-button {
	padding-left: 20px;
	background-image: url("../../files/tags/files/tags/del_sprite_arrows.gif");
	background-repeat: no-repeat;
	background-position: 3px -318px;
	background-color: transparent;
	cursor: pointer;
}

.tagcloud span.yes {
	padding-left: 20px;
	background-image: url("../../files/tags/files/tags/del_sprite_arrows.gif");
	background-repeat: no-repeat;
	background-position: 3px -359px;
	background-color: transparent;
	cursor: pointer;
}

.tagcloud span.off {
	padding-left: 20px;
	background: none;
	cursor: default;
}

.tagcloud h3 {
	background-color: #e9e9e9;
	font-weight: bold;
	font-size: 90%;
	color: #666666;
}

ul.related {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.related li {
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.related li span.reltext {
	width: 48%;
	float: left;
	margin: 0;
	padding: 0 0.5%;
	text-align: left;
}

ul.related li span.relcount {
	width: 49%;
	float: left;
	margin: 0;
	padding: 0 0.5%;
	text-align: right;
}

ul.related li a {
	height: auto;
	position: static;
	float: none;
	display: inline;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #f39a37;
	cursor: pointer;
}

ul.related li a:hover,ul.related li a:hover span {
	background-color: #f39a37;
	color: #fff;
}

ul.tag-chain {
	text-align: right;
}

li.tag-chain-item {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.tag-chain-item a {
	padding: 0.25em;
	background-color: #eee;
	text-decoration: none;
	color: #666;
}

li.tag-chain-item a:hover {
	background-color: #666;
	text-decoration: none;
	color: #fff;
}

div#tagscope {
	width: 100%;
}

#tagscope ul,#tagscope li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#tagscope li.tag {
	height: 16px;
	padding-left: 16px;
}

#tagscope .removetag span {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url("../../files/tags/files/tags/tag_remove.png");
	color: transparent!important;
}

#tagscope .removetag span:hover {
	width: 16px;
	height: 16px;
	display: inline-block;
	background-image: url("../../files/tags/files/tags/tag_remove_hover.png");
	color: transparent!important;
}

#tagscope li.tag a {
	text-decoration: none;
	color: #996023;
}

#tagscope li.tag a:hover {
	text-decoration: underline;
}

#tagscope li.reset a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#tagscope li.reset a:hover {
	text-decoration: underline;
}

div.reset {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-container{visibility:hidden}.slick-initialized{visibility:visible}