/* BASICS */

#wrapper{position: relative;}

#main{
    position: relative;
    z-index: 1;
}

#main > .inside{
	overflow: hidden;
}

.mod_article{
	width: 100%;
	position: relative;
    padding: 100px 0 120px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.outer_margin{
    padding: 0 64px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mod_article > .ce_text{
    width: 100%;
    max-width: 1248px;
    margin: 0 auto;
	padding-bottom: 80px;
}

.swiper-container{
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.swiper-wrapper{display: table;}

.active_slider{		
	cursor: w-resize;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.active_slider .grabbing{
	cursor: w-resize !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: grabbing !important;	
}

.active_slider .swiper-slide{
    position: relative;
    float: left;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

.active_slider .swiper-scrollbar{
	position: absolute;
	left: 34%;
 	bottom: 4px;
 	z-index: 1;
  	height: 8px;
  	width: 32%;
  	background: rgba(0,0,0,0.16);
}

.active_slider .swiper-scrollbar-drag{
	height: 100%;
	width: 100%;
  	position: relative;
  	left: 0;
  	top: 0;
  	background: #e3000f;
}

.active_slider .swiper-scrollbar-cursor-drag{cursor: move;}

.image_container img{
    max-width: 100%;
    height: auto;
    display: block;
}

/* HEADER */

header{
	height: 104px;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    position: fixed;
    z-index: 99;
    background: #FCFCFA;
    border-bottom: 1px solid #A0A0A0;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-box-shadow: 0 0 1px 0 rgba(1,2,3,0.18), 0 0 3px 0 rgba(1,2,3,0.18), 0 0 6px 0 rgba(1,2,3,0.18);
    -webkit-box-shadow: 0 0 1px 0 rgba(1,2,3,0.18), 0 0 3px 0 rgba(1,2,3,0.18), 0 0 6px 0 rgba(1,2,3,0.18);
    box-shadow: 0 0 1px 0 rgba(1,2,3,0.18), 0 0 3px 0 rgba(1,2,3,0.18), 0 0 6px 0 rgba(1,2,3,0.18);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}

#header .inside{position: relative;}

#header a{
    color: rgba(0,0,0,0.6);
    font-size: 18px;
    font-style: normal;
    border: none;
    text-decoration: none;
}

#header a:hover, 
#header li.active a{color: rgb(224,8,26);}

#header li.active a{font-weight: 600;}

#header .mod_randomImage{
	height: 104px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#header .outer_margin{padding: 0 32px;}

#header .mod_randomImage a{
    width: 130px;
    height: 40px;
    display: block;
    padding: 32px 0;
}

#header .mod_randomImage a img{
    width: auto;
    height: 100%;
    display: block;
}

#header .mod_articleList{
    position: absolute;
    top: 0;
    right: 0;
    line-height: 104px;
}

#header .mod_articleList ul li{
    display: block;
    float: left;
    padding: 0 0 0 32px;
    line-height: inherit;
}

#header .mod_articleList ul li:first-child{padding: 0;}

/* FOOTER */

.footer_bottom .outer_margin{padding: 0 32px;}

#footer_social{
    background: #F2F2F2;
    border-top: 1px solid #A0A0A0;
    text-align: center;
    position: relative;
}

#footer_social .inside:before{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.05);
}

#footer_social ul{
    height: 46px;
    padding: 64px 0;
}

#footer_social li{
    width: 46px;
    height: 46px;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    overflow: hidden;
}

#footer_social li a{
    width: 46px;
    height: 46px;
    display: block;
    border: none;
    overflow: hidden;
}

#footer_social .inside:after{
    content: "";
    width: 100%;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/slashed_border.png") repeat;
}

#footer_social li.share_via_fb a{background: url("../images/social_icons_sprite.svg") left top no-repeat;}
#footer_social li.share_via_tw a{background: url("../images/social_icons_sprite.svg") center top no-repeat;}
#footer_social li.share_via_em a{background: url("../images/social_icons_sprite.svg") right top no-repeat;}

.footer_bottom{
    font-size: 16px;
    height: 104px;
    line-height: 104px;
    position: relative;
    background: #2F2D2E;
    border-top: 1px solid #1C1A1B;
    overflow: hidden;
}

.footer_bottom .inside{
    height: 100%;
    position: relative;
}

.footer_bottom .inside:before{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.1);
}

.footer_bottom .left{
    position: absolute;
    left: 0;
}

.footer_bottom .right{
    position: absolute;
    right: 0;
}

.footer_bottom .inside:after{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1C1A1B;
}

.footer_bottom:after{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    background: rgba(255,255,255,.05);
}

/* SPECIFICS */

.mod_article:nth-child(2),
.mod_article:nth-child(3) .ce_text:first-child,
.mod_article:nth-child(4){text-align: center;}

.mod_article:nth-child(2) .swiper-slide{text-align: left;}

.mod_article:nth-child(4),
.mod_article:nth-child(6){background:#F4F4F4;}

#main > .inside > .mod_article.first{
    padding-top: 224px; 
    padding-bottom: 0;	
	background: #F4F4F4;
}

#main > .inside > .mod_article.first .ce_text{
    width: 50%;
    margin: 0 0 0 50%;
    text-align: left;
}

#main > .inside > .mod_article.first .ce_text:first-child{padding: 0 64px 64px 16px;}

#main > .inside > .mod_article.first .ce_text:first-child > *{margin-left: 0;}

#main > .inside > .mod_article.first .ce_image{
    top: 0;
    position: absolute;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 137px 70px 32px 64px;
}

#main > .inside > .mod_article.first .ce_image figure{
    float: right;
    position: relative;
    width: initial;
    display: inline-block;
}

#main > .inside > .mod_article.first .ce_text:last-child{padding: 0 64px 120px 16px;}


.mod_article:nth-child(2){
	padding-bottom: 0;
	overflow: visible;
}

.mod_article:nth-child(2) #antrieb_packshot{
    position: relative;
	z-index: 3;
    border-bottom: 32px solid #FFFFFF;
}

.mod_article:nth-child(2) .ce_accordion{
	padding: 48px 0;
	background: #F4F4F4;
}

.mod_article:nth-child(2) .swiper-container{
	overflow: inherit;
	-webkit-overflow-scrolling: auto;
}

.mod_article:nth-child(2) .swiper-wrapper{
	width: 1440px;
	position: relative;
    z-index: 2;
	margin: 0 auto;
	padding: 0 0 48px;
}

.mod_article:nth-child(2) .swiper-wrapper .swiper-slide{
    width: 20%;
    display: block;
    position: relative;
    float: left;
}

.mod_article:nth-child(2) .swiper-wrapper .ce_text{
    top: 50%;
    width: 20%;
    display: block;
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 16px;
	text-align: left;
}

.mod_article:nth-child(2) .swiper-wrapper > div:nth-of-type(1){
	left: 15%;
    margin: -46px 0 0 0;
	z-index: 2;
}

.mod_article:nth-child(2) .swiper-wrapper > div:nth-of-type(2){
    left: 42%;
    margin: -92px 0 0 0;
	z-index: 1;
}

.mod_article:nth-child(2) .swiper-wrapper > div:nth-of-type(3){
    left: 34%;
    margin: 113px 0 0 0;
	z-index: 5;
}

.mod_article:nth-child(2) .swiper-wrapper > div:nth-of-type(4){
    left: 53%;
    margin: 92px 0 0 0;
	z-index: 4;
}

.mod_article:nth-child(2) .swiper-wrapper > div:nth-of-type(5){
    left: 75%;
    margin: 0;
	z-index: 3;
}

.mod_article:nth-child(2) .swiper-wrapper .visible_popup{z-index: 10 !important;}

.mod_article:nth-child(2) .swiper-wrapper .ce_text div:first-child{
    width: 46px;
    height: 46px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 5;
    -webkit-border-radius: 46px;
    -moz-border-radius: 46px;
    -ms-border-radius: 46px;
    -o-border-radius: 46px;
    border-radius: 46px;
    overflow: visible;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    cursor: pointer;
}

.mod_article:nth-child(2) .swiper-wrapper .inactive_button div:first-child{
	z-index: 3;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:	none;
}

.mod_article:nth-child(2) .swiper-wrapper .inactive_button div:first-child a{opacity: 0.64;}

.mod_article:nth-child(2) .swiper-wrapper .ce_text div:first-child a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 8;
    border-bottom: none;
    background: url("../images/red_trigger_dot.svg") center center no-repeat;
    -webkit-transition: opacity 240ms cubic-bezier(0.645,0.045,0.355,1), -webkit-transform 336ms cubic-bezier(.36,1.01,.32,1.27);
    -moz-transition: opacity 240ms cubic-bezier(0.645,0.045,0.355,1), -moz-transform 336ms cubic-bezier(.36,1.01,.32,1.27);
    -ms-transition: opacity 240ms cubic-bezier(0.645,0.045,0.355,1), -ms-transform 336ms cubic-bezier(.36,1.01,.32,1.27);
    -o-transition: opacity 240ms cubic-bezier(0.645,0.045,0.355,1), -o-transform 336ms cubic-bezier(.36,1.01,.32,1.27);
    transition: opacity 240ms cubic-bezier(0.645,0.045,0.355,1), transform 336ms cubic-bezier(.36,1.01,.32,1.27);
}

.mod_article:nth-child(2) .swiper-wrapper .visible_popup div:first-child a{
    -webkit-transform: translate3d(0,0,0) rotate(-45deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,0,0) rotate(-45deg) scale3d(1,1,1);
    -ms-transform: translate3d(0,0,0) rotate(-45deg) scale3d(1,1,1);
    -o-transform: translate3d(0,0,0) rotate(-45deg) scale3d(1,1,1);
    transform: translate3d(0,0,0) rotate(-45deg) scale3d(1,1,1);
}

.mod_article:nth-child(2) .swiper-wrapper .ce_text div:last-child{
	width: 100%;
    position: absolute;
	left: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid rgba(47,45,46,.44);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translate3d(0,-8px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,-8px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(0,-8px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0,-8px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0,-8px,0) rotate(0deg) scale3d(1,1,1);
    opacity: 0;
    -webkit-transition: all 420ms cubic-bezier(0.215,0.61,0.355,1);
    -moz-transition: all 420ms cubic-bezier(0.215,0.61,0.355,1);
    -ms-transition: all 420ms cubic-bezier(0.215,0.61,0.355,1);
    -o-transition: all 420ms cubic-bezier(0.215,0.61,0.355,1);
    transition: all 420ms cubic-bezier(0.215,0.61,0.355,1);
}

.mod_article:nth-child(2) .swiper-wrapper .visible_popup div:last-child{
    z-index: 6;
    -webkit-transform: translate3d(0,8px,0) rotate(0deg) scale3d(1,1,1);
    -moz-transform: translate3d(0,8px,0) rotate(0deg) scale3d(1,1,1);
    -ms-transform: translate3d(0,8px,0) rotate(0deg) scale3d(1,1,1);
    -o-transform: translate3d(0,8px,0) rotate(0deg) scale3d(1,1,1);
    transform: translate3d(0,8px,0) rotate(0deg) scale3d(1,1,1);
    opacity: 1;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
}

.mod_article:nth-child(2) .montagevarianten{
    background: #F4F4F4;
    padding: 0 22px 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mod_article:nth-child(2) .montagevarianten .accordion{
    display: table;
    margin: 0 auto;
}

.mod_article:nth-child(2) .montagevarianten .ce_image{
    width: 33.33%;
    position: relative;
    float: left;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mod_article:nth-child(2) #antrieb_details{
	padding-top: 0;
}

#detail-swiper{
    width: 50%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    position: relative;
    float: left;
    background: #F4F4F4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 16px solid #FFFFFF;
    padding-bottom: 54px;
}

#detail-swiper .swiper-container{
    width: 100%;
    max-width: 544px;
    float: right;
    cursor: w-resize;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

#detail-swiper .swiper-wrapper{
	padding-top: 48px;
}

#detail-swiper .swiper-slide{
    max-width: 544px;
    display: inline-block;
    float: left;
    position: relative;
    padding: 0 64px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
    background: #F4F4F4;
}

#detail-swiper .swiper-control{
	height: 54px;
	display: block;
    right: 0;
    bottom: 0;
	left: 0;
    position: absolute;
    z-index: 1;
    background: #FFFFFF;
}

#detail-swiper .swiper-control > .inside{
	width: 100px;
	height: 46px;
	display: block;
	padding: 8px 0 0;
	float: right;
}

#detail-swiper .prev-slide{
    background: url("../images/prev_slide.svg") center center no-repeat #e3000f;
    margin: 0 8px 0 0;
}

#detail-swiper .next-slide{
    background: url("../images/next_slide.svg") center center no-repeat #e3000f;
}

#detail-swiper .swiper-control > div > div{
    width: 46px;
    height: 46px;
    display: block;
    float: left;
    -webkit-transition: opacity 267ms ease-in-out;
    -moz-transition: opacity 267ms ease-in-out;
    -ms-transition: opacity 267ms ease-in-out;
    -o-transition: opacity 267ms ease-in-out;
    transition: opacity 267ms ease-in-out;
    cursor: pointer;
}

#detail-swiper .swiper-control .swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
}

.mod_article:nth-child(2) .video{
    width: 50%;
    float: left;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 16px solid #FFFFFF;
    background: #F4F4F4;
    overflow: hidden;
}

.mod_article:nth-child(2) .video > div{
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}

.mod_article:nth-child(2) .video > div > div{
    display: table-cell;
    vertical-align: middle;
	float: left;
}

.mod_article:nth-child(2) .video .video_overlay{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.mod_article:nth-child(2) .video .video_overlay img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    right: 50%;
    bottom: 50%;
    -webkit-transform: translate3d(50%,50%,0);
    -moz-transform: translate3d(50%,50%,0);
    -ms-transform: translate3d(50%,50%,0);
    -o-transform: translate3d(50%,50%,0);
    transform: translate3d(50%,50%,0);
}

/*
.mod_article:nth-child(2) .video .video_overlay:after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: url("../images/video_button.png") center center no-repeat;
    cursor: pointer;
}
*/



.mod_article:nth-child(3){padding-bottom: 0;}

.mod_article:nth-child(3) .ce_gallery img{width: 100%;}
.mod_article:nth-child(3) .ce_accordion{
    width: 100%;
    max-width: 1248px;
    padding-top: 64px;
    margin: 0 auto;	
}

.mod_article:nth-child(3) .ce_accordion .ce_text:after{
	content: "";
	clear: both;
	display: block;
}

.mod_article:nth-child(3) .ce_accordion ul{
    width: 50%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    margin: 0 auto;
}

.mod_article:nth-child(3) .ce_accordion ul:first-child{padding: 0 16px 0 0;}

.mod_article:nth-child(3) .ce_accordion .ce_text{padding: 16px 0 0 0;}
.mod_article:nth-child(3) .somlink_icons{padding: 8px 0 0 0;}
.mod_article:nth-child(3) .somlink_icons img{padding: 0 16px 0 0;}

.mod_article:nth-child(3) .ce_text.last{
	height: 103px;
    line-height: 103px;
    max-width: 100%;
    padding-bottom: 0;
    display: block;
    margin: 120px 0 0 0;
    position: relative;
    background: #2F2D2E;
    border-top: 1px solid #1C1A1B;
    border-bottom: 1px solid #1C1A1B;
    text-align: center;
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-container{overflow: auto;}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-wrapper{
	width: 100%;
	padding: 0 0 32px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide{
    width: 33.33%;
	max-width: 428px;
    float: none;
	display: flex;
    flex-direction: column;
    vertical-align: middle;
    position: relative;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 64px;
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide .inner_box{
    background: #FFFFFF;
    margin: 0 16px;
    padding: 0 0 15px;
    border: 1px solid rgba(47,45,46,.23);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 0px 2px 6px rgba(0,0,0,0.05), 0px 3px 12px rgba(0,0,0,0.025);
	display: flex;
    flex-direction: column;
    vertical-align: middle;
}


.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide .inner_box a.shoplink {
	text-decoration: none !important;
    font-style: italic;
    color: #444444;
    margin: 25px 0px 50px 0px;
    display: inline-block;
    border: 1px solid #444;
    padding: 15px;
    text-align: center;
    width: calc(100% - 30px);
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide .inner_box a.shoplink em:before {
	content:"";
	display: inline-block;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNy43MTksMjAuMjk2bDMuNjA3LTEwLjcxOGMwLjE4MS0wLjUxOSwwLjA0NC0wLjc5Mi0wLjEwMy0wLjk5OGMtMC4zNzQtMC41MjctMS4xNDItMC41MTItMS4yOTItMC41MTIgIEw5LjU0Niw4LjA3NEw5LjAwMiw1LjM0MUM4Ljg1NSw0LjczMiw4LjQyMSw0LDcuNTQ2LDRIMS44MTdDMS4yMjQsNCwxLDQuNTksMSw1LjE0NnYxLjQ5QzEsNy4xNzIsMS4yMjIsNywxLjgzOCw3aDQuODM3ICBsMy43MDIsMTUuODczYy0wLjU4OCwwLjYyMy0wLjkwOCwxLjYwOS0wLjkwOCwyLjQ1N2MwLDEuODY0LDEuNDg0LDMuNDY1LDMuMzc5LDMuNDY1YzEuNzkxLDAsMy4xMzItMS43OTUsMy4zNS0yLjc5NWg3LjIxICBjMC4yMTgsMSwxLjMwNSwyLjg3MywzLjM0OSwyLjg3M2MxLjg2MiwwLDMuMzc4LTEuNTM1LDMuMzc4LTMuMzk2YzAtMS44NTItMS4xMjUtMy42MDktMy4zNTktMy42MDkgIGMtMC45MjgsMC0yLjAzMSwwLjEzMy0yLjU0MywxLjEzM2gtOC44NTljLTAuNjQzLTEtMS41MjEtMS4zMTEtMi40MDktMS4zNDVMMTIuODQzLDIxaDEzLjQ3OSAgQzI3LjMzOCwyMSwyNy41MzgsMjAuNzg2LDI3LjcxOSwyMC4yOTZ6IE0xMS41MzcsMjUuNTE0YzAtMC43MDksMC41NzctMS4yODYsMS4yODYtMS4yODZjMC43MDcsMCwxLjI4MywwLjU3NywxLjI4MywxLjI4NiAgcy0wLjU3NiwxLjI4NS0xLjI4MywxLjI4NUMxMi4xMTMsMjYuNzk5LDExLjUzNywyNi4yMjMsMTEuNTM3LDI1LjUxNHogTTI2Ljc4MywyNi43ODNjLTAuNywwLTEuMjctMC41Ny0xLjI3LTEuMjcgIGMwLTAuNywwLjU2OS0xLjI3LDEuMjctMS4yN2MwLjcwMSwwLDEuMjcsMC41NjksMS4yNywxLjI3QzI4LjA1MywyNi4yMTMsMjcuNDg0LDI2Ljc4MywyNi43ODMsMjYuNzgzeiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: left bottom;
    background-position-y: -2px;
	background-size: cover;
	width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide .inner_box a.shoplink:hover {
	color: #e3000f;
	border-color: #e3000f;
}

.mod_article:nth-child(4) #zubehoer-swiper .swiper-slide .inner_box a.shoplink:hover em:before {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxnPiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+IDwvZz4gPGc+ICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+ICA8cGF0aCBpZD0ic3ZnXzEiIGZpbGw9IiNlMDA4MWEiIGQ9Im0yNy43MTksMjAuMjk2bDMuNjA3LC0xMC43MThjMC4xODEsLTAuNTE5IDAuMDQ0LC0wLjc5MiAtMC4xMDMsLTAuOTk4Yy0wLjM3NCwtMC41MjcgLTEuMTQyLC0wLjUxMiAtMS4yOTIsLTAuNTEybC0yMC4zODUsMC4wMDZsLTAuNTQ0LC0yLjczM2MtMC4xNDcsLTAuNjA5IC0wLjU4MSwtMS4zNDEgLTEuNDU2LC0xLjM0MWwtNS43MjksMGMtMC41OTMsMCAtMC44MTcsMC41OSAtMC44MTcsMS4xNDZsMCwxLjQ5YzAsMC41MzYgMC4yMjIsMC4zNjQgMC44MzgsMC4zNjRsNC44MzcsMGwzLjcwMiwxNS44NzNjLTAuNTg4LDAuNjIzIC0wLjkwOCwxLjYwOSAtMC45MDgsMi40NTdjMCwxLjg2NCAxLjQ4NCwzLjQ2NSAzLjM3OSwzLjQ2NWMxLjc5MSwwIDMuMTMyLC0xLjc5NSAzLjM1LC0yLjc5NWw3LjIxLDBjMC4yMTgsMSAxLjMwNSwyLjg3MyAzLjM0OSwyLjg3M2MxLjg2MiwwIDMuMzc4LC0xLjUzNSAzLjM3OCwtMy4zOTZjMCwtMS44NTIgLTEuMTI1LC0zLjYwOSAtMy4zNTksLTMuNjA5Yy0wLjkyOCwwIC0yLjAzMSwwLjEzMyAtMi41NDMsMS4xMzNsLTguODU5LDBjLTAuNjQzLC0xIC0xLjUyMSwtMS4zMTEgLTIuNDA5LC0xLjM0NWwtMC4xMjIsLTAuNjU2bDEzLjQ3OSwwYzEuMDE2LDAgMS4yMTYsLTAuMjE0IDEuMzk3LC0wLjcwNHptLTE2LjE4Miw1LjIxOGMwLC0wLjcwOSAwLjU3NywtMS4yODYgMS4yODYsLTEuMjg2YzAuNzA3LDAgMS4yODMsMC41NzcgMS4yODMsMS4yODZzLTAuNTc2LDEuMjg1IC0xLjI4MywxLjI4NWMtMC43MSwwIC0xLjI4NiwtMC41NzYgLTEuMjg2LC0xLjI4NXptMTUuMjQ2LDEuMjY5Yy0wLjcsMCAtMS4yNywtMC41NyAtMS4yNywtMS4yN2MwLC0wLjcgMC41NjksLTEuMjcgMS4yNywtMS4yN2MwLjcwMSwwIDEuMjcsMC41NjkgMS4yNywxLjI3YzAsMC43IC0wLjU2OSwxLjI3IC0xLjI3LDEuMjd6Ii8+IDwvZz48L3N2Zz4=);
}


.mod_article:nth-child(4) .accordion .ce_text figure{
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.mod_article:nth-child(4) .accordion .ce_text img{
	width: 100%;
	height: auto;
	display: block;
    position: relative;
}

.mod_article:nth-child(4) .accordion .ce_text h4,
.mod_article:nth-child(4) .accordion .ce_text p{
	padding-left: 22px;
	padding-right: 22px;
}

.mod_article:nth-child(4) .accordion .ce_text p.shoplinkcontainer {
    margin-top: auto;
    width: calc(100% - 50px);
}

.mod_article:nth-child(4):before{
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,.05);
}

.mod_article:nth-child(4):after{
    content: "";
    width: 100%;
    height: 8px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../images/slashed_border.png") repeat;
}

.mod_article:nth-child(5) .ce_accordion .ce_image{
    width: 100%;
    max-width: 1248px;
    height: 100%;
    position: absolute;
    top: 0;
}

.mod_article:nth-child(5) .ce_image > div{
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    margin: 0;
}

.mod_article:nth-child(5) .ce_image > div > div {
    display: table-cell;
    vertical-align: middle;
}

.mod_article:nth-child(5) .ce_accordion .ce_image figure{margin: 0 0 0 64px;}

.mod_article:nth-child(5) .ce_accordion .ce_image img{
    width: 50%;
    height: auto;
    position: relative;
    float: right;
}

.mod_article:nth-child(5) .ce_accordion .ce_text{
    position: relative;
    max-width: 1248px;
    margin: 0 auto;
}

.mod_article:nth-child(6) .ce_text.first{
    padding-bottom: 65px;
    max-width: 1248px;
    margin: 0 auto 64px;
    background: url("../images/dotted_line.svg") center bottom no-repeat;
    text-align: center;
}

.mod_article:nth-child(6) .ce_accordion{
    width: 100%;
    max-width: 864px;
    overflow: auto;
    position: relative;
    margin: 0 auto;
    text-align: center;
}