 /**
 * This Software is property of ACTIVETRAFFIC and TMEDIA is protected by
 * copyright law - it is NOT Freeware.
 * Any unauthorized use of this software without a valid license agreement
 * will be prosecuted by civil and criminal law.
 *
 * @link        http://www.activetraffic.de, http://www.tmedia.de 
 * @projectlink	http://www.flexia.de
 * @authors     Mario Krell <mario.krell@activetraffic.de>, Johannes Teitge <teitge@tmedia.de>  
 * @copyright   (C) ACTIVETRAFFIC and TMEDIA 2018-2019
 * @module      Flexia's Markdown
 * @version     15.04.2019 1.0.0
 */
 
/* seo friendly tables articles */
.tab-content {
	width:100%;	
}

thead {
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	border-radius: 5px 5px 0 0;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
	border-bottom: 1px solid #bababa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	border: 1px solid #D5D5D5;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-background-clip: padding-box;
}

.alert-outer {
	margin-top: 10px;
	margin-bottom: 10px;	
}

/* Spoiler CSS */
.panel {
  box-shadow: none !important;
}

.spoiler-trigger P {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.spoiler-trigger H2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

H2#productSubTitle1, H3#productSubTitle2 {
	font-size: 17px;	
	margin-top: 4px;
	margin-bottom: 4px;	
}



=======
/**
  *   *********************************************************************************************
  *      Please retain this copyright header in all versions of the software.
  *      Bitte belassen Sie diesen Copyright-Header in allen Versionen der Software.
  *
  *      Copyright (C) 2016  Johannes Teitge | TMEDIA cross communications
  *      All rights reserved - Alle Rechte vorbehalten
  *
  *      This commercial product must be properly licensed before being used!
  *      Please contact info@tmedia.de for more information.
  *
  *      Dieses kommerzielle Produkt muss vor der Verwendung ordnungsgemäß lizenziert werden!
  *      Bitte kontaktieren Sie info@tmedia.de für weitere Informationen.
  *   *********************************************************************************************
  **/
/* seo friendly tables articles */
.tab-content {
	width:100%;	
}

thead {
	background: #E9E9E9;
	background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
	background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
	border-radius: 5px 5px 0 0;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
	border-bottom: 1px solid #bababa;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
	border: 1px solid #D5D5D5;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-background-clip: padding-box;
}

.alert-outer {
	margin-top: 10px;
	margin-bottom: 10px;	
}

/* Spoiler CSS */
.panel {
  box-shadow: none !important;
}

.spoiler-trigger P {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.spoiler-trigger H2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

H2#productSubTitle1, H3#productSubTitle2 {
	font-size: 17px;	
	margin-top: 4px;
	margin-bottom: 4px;	
}

.article-box-wrapper {
	margin-top: 20px;
}

.link-list .inner-teaser {
	float: left;
	position: relative;
	width: 100%;
}

.article-box-wrapper .article-box {
    background-color: #f2f2f2;
    padding: 5px;
}

.article-box-wrapper.row-boxes .article-box {
	height: 100% !important;
}

.article-box-wrapper .article-box a img {
	width: 100%;
}

.article-box-wrapper .article-box a {
	color: #000;
}

.article-box-wrapper .article-box a .title,
.article-box-wrapper .article-box a .subtitle {
    display: inline-block;
    text-align: left;
	font-size: 16px;
	word-break: break-word;
}

.article-box-wrapper .article-box a:hover .title,
.article-box-wrapper .article-box a:hover .subtitle {
	text-decoration: underline;
}

.article-box-wrapper .article-box a .title {
    font-weight: 600;
}

.article-box-wrapper .article-box a .subtitle {
    padding-right: 5px;
}

.article-box-wrapper.link-list i {
	padding-left: 0;
}

.link-list {
	width: 100%;
	background-color: #f2f2f2;
	margin: 20px auto;
    padding: 20px 0;
}

.link-list .inner-teaser:after {
	content: '';
	width: 3px;
	background-color: #C5C9CE;
	height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	position: absolute;
	opacity: 0.5;
}

.link-list .link-box-single {
	padding-bottom: 5px;
	padding-top: 5px;
}

.link-list .link-box-single a {
	color: #000;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 16px;
	padding-left: 25px;
    padding-right: 15px;
    display: block;
}

.link-list .link-box-single a span {
	border-bottom: 2px solid #000;
}

.article-box-wrapper.default,
.article-box-wrapper.one-three-boxes {
	margin-top: 30px;
	margin-bottom: 30px;
}

.article-box-wrapper.small-boxes {
	margin-top: 0px;
}

.article-box-wrapper.one-three-boxes,
.article-box-wrapper.small-boxes {
	padding: 0 15px 0 0;
} 

.article-box-wrapper.default .col-lg-6,
.article-box-wrapper.small-boxes .col-lg-6 {
	flex: 1;
}

.small-boxes.article-box-wrapper .article-box {
	height: 100%!important;
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}

.small-boxes.article-box-wrapper .article-box a .subtitle {
	padding: 0 !important;
}

.small-boxes.article-box-wrapper .article-box a span {
	font-size: 14px;
}

.small-boxes.article-box-wrapper .article-box a img {
	width: 50%;
	display: inline-block;
	font-size: 14px;
}

.small-boxes.article-box-wrapper .article-box a img {
	float: left;
}

.article-box .teaser-text-block,
.small-boxes .teaser-text-block {
	display: inline-block;
	padding: 25px 15px 0;	
}

.small-boxes .teaser-text-block {
	width: 50%;
}

.article-box-wrapper i {
	padding-left: 5px;
}

.article-box-wrapper.default .inner-teaser {
	display: flex;
}

.one-three-boxes .inner-teaser {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 533px;
    justify-content: space-between;
}

.one-three-boxes .inner-teaser > div {
	padding-right: 0;
}

.article-box-wrapper.default .article-box,
.article-box-wrapper.one-three-boxes .one-box .article-box {
	height: 100%;
}

.one-three-boxes .one-box .article-box,
.one-three-boxes .one-box {
	height: 100%;
} 

.three-boxes .article-box a img {
	width: 40%;
}

.three-boxes .teaser-text-block {
	width: 60%;
	float: left;
}

.sc-imgbox-overlay {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
    width: calc(100% - 10px);
    height: calc(100% - 5px);
}

.bottom-box.flex-box img {
	align-self: center;
	flex-shrink: 0;
}

.mk-slider-product-list {
	overflow: visible;
	clip-path: inset( -100vw -100vw -100vw 0 );
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.mk-slider-product-list {
		overflow: hidden;
		-ms-scroll-limit: 0 0 0 0;
	    -ms-overflow-style: none;
	}
}

.mk-slider-products {
	display: flex;
	position: relative;
}

.mk-slider-products.popular-products {
	flex-wrap: nowrap;
}

.mk-slider-products.row {
	margin-left: -15px;
	margin-right: -15px;
}

.mk-slider-products > .productBox,
.mk-slider-products.list-container .productBox {
	flex: 1 0 20%;
	padding: 0 30px;
	width: 0;
}

.mk-slider-products > .productBox > form {
	width: 100%;
}

.mk-slider-products > .productBox .picture > a {
	display: block;
}

.mk-slider-products > .productBox .picture > a > img {
	margin: 0 auto;
}

.mk-slider-products-top-header {
    display: flex;
}

.boxwrapper .mk-slider-products-top-header .page-header h2,
.boxwrapper .mk-slider-products-top-header .page-header h3,
.boxwrapper .mk-slider-products-top-header .page-header .h3 {
	font-weight: bold;
}

.mk-slider-products-top-header .mk-slider-products-pagination {
    display: flex;
    justify-content: flex-end;
	align-items: center;
	flex-grow: 1;
}

.mk-slider-products-top-header .mk-slider-products-pagination > span {
    cursor: pointer;
    padding: 2px;
}

.mk-slider-products-top-header .mk-slider-products-pagination > span.active {
    font-weight: bold;
}

.mk-slider-products-top-header .mk-slider-products-pagination > span[data-page].prev,
.mk-slider-products-top-header .mk-slider-products-pagination > span[data-page].next {
    margin-bottom: 2px;
    padding: 0 5px;
}

.mk-slider-products-top-header .mk-slider-products-pagination > span > i.fa {
    font-size: 30px;
}

.mk-slider-products > .productBox .oldPrice {
	display: block;
}

@media (max-width: 991px) {
	.mk-slider-products > .productBox,
	.mk-slider-products.list-container .productBox {
		flex: 1 0 25%;
	}
}

@media (max-width: 767px) {
	.mk-slider-products > .productBox,
	.mk-slider-products.list-container .productBox {
		flex: 1 0 50%;
	}
}