﻿#kat6 #logo, #kat7 #logo {
	background: #fff; 
	padding: 0px 10px;
	padding: 0 0.625rem;
}

#kat7 .bl-cnt,
#kat6 .bl-cnt {
	background: rgba(255,255,255,0.6);
}

#kat7 #section0 h1,
#kat6 #section0 h1 {
	color: #585858;
}

#kat7 .bl-cnt p,
#kat6 .bl-cnt p{
	color: #585858;
}

#kat7  #section0,
#kat6  #section0 {
    color: #585858;
}

#kat7 .section, 
#kat7 #icon-bg-wrap-right, 
#kat7 #icon-bg-wrap-left,
#kat6 .section, 
#kat6 #icon-bg-wrap-right, 
#kat6 #icon-bg-wrap-left {background-color: #fff;}

#kat7 .slide-start .ce-gallery figcaption,
#kat6 .slide-start .ce-gallery figcaption {
	color: #000;
}

#kat7 .slider-con-right p, #kat7 .slider-con-left p,
#kat6 .slider-con-right p, #kat6 .slider-con-left p {color:#585858;}

#kat7 .slider-con-right h1, #kat7 .slider-con-left h1,
#kat7 .slider-con-right h1 span, #kat7 .slider-con-left h1 span,
#kat6 .slider-con-right h1, #kat6 .slider-con-left h1,
#kat6 .slider-con-right h1 span, #kat6 .slider-con-left h1 span {color:#585858;}

#kat7 .slider-con-right .panel-wrapper h1, #kat7 .slider-con-left .panel-wrapper h1,
#kat7 .slider-con-right .panel-wrapper h1 span, #kat7 .slider-con-left .panel-wrapper h1 span,
#kat6 .slider-con-right .panel-wrapper h1, #kat6 .slider-con-left .panel-wrapper h1,
#kat6 .slider-con-right .panel-wrapper h1 span, #kat6 .slider-con-left .panel-wrapper h1 span {color:#fff;}

#kat7 .slider-con-right h3, #kat7 .slider-con-left h3,
#kat6 .slider-con-right h3, #kat6 .slider-con-left h3 {color:#585858;}

#kat7 .panel-wrapper .detail, #kat6 .panel-wrapper .detail {color:#fff;}
#kat7 .panel-wrapper .detail, #kat6 .panel-wrapper .detail {color:#fff;}

#kat7 .slider-con-right li, 
#kat7 .slider-con-left li,
#kat6 .slider-con-right li, 
#kat6 .slider-con-left li,
#kat7 .slider-con-right .panel-wrapper li, 
#kat7 .slider-con-left .panel-wrapper li,
#kat6 .slider-con-right .panel-wrapper li, 
#kat6 .slider-con-left .panel-wrapper li { 
	color:#585858;
	background: url(../images/check-icon3-grau.svg) no-repeat center left;
	padding: 2px 0 2px 26px;
	padding: 0.125rem 0 0.125rem 1.625rem;
	list-style-type: none;
	background-size: 17px 17px;
	background-size: 1.0625rem 1.0625rem;
	font-weight: bold;
}

#kat7 .fp-slidesNav,
#kat6 .fp-slidesNav {background: linear-gradient(to left, rgba(25,25,25,0) 0%,rgba(25,25,25,0.1) 50%,rgba(25,25,25,0) 100%);}
#kat7 .fp-controlArrow.fp-prev,
#kat7 .fp-controlArrow.fp-next,
#kat6 .fp-controlArrow.fp-prev,
#kat6 .fp-controlArrow.fp-next{
border:none;
background-color: #969696;
}

#kat7 .fp-controlArrow.fp-prev,
#kat6 .fp-controlArrow.fp-prev {
    background-image: url(../images/pfeil-rechts-grau2.svg);
}

#kat7 .fp-controlArrow.fp-next,
#kat6 .fp-controlArrow.fp-next {
    background-image: url(../images/pfeil-links-grau2.svg);
}

#kat7 .liquid-slider, #kat6 .liquid-slider {background:#585858;}
#kat7 .liquid-slider p, #kat6 .liquid-slider p {color:#fff;}
#kat7 .ls-nav .current a, #kat6 .ls-nav .current a {color: #fff; background: #585858;}
#kat7 .ls-nav ul li, #kat6 .ls-nav ul li {background:none;}
#kat7 .ls-nav a, #kat6 .ls-nav a {color: #585858;}

#kat7 #produkt-kat {
	width: 30%;
}

#kat6 #content-slider-btn,
#kat7 #content-slider-btn {
    color: #585858;
    background: none !important;
    border: 2px solid #585858 !important;
	border: 0.125rem solid #585858 !important;
}

#kat6 #content-slider-btn:hover,
#kat7 #content-slider-btn:hover {
    color: #fff;
}

#kat6 #content-slider-btn::before,
#kat7 #content-slider-btn::before {
	background: #585858;
}
#kat6 .slider-con-right a, 
#kat6 .slider-con-left a,
#kat7 .slider-con-right a, 
#kat7 .slider-con-left a {
	color:#585858;
}

#kat6 .panel-wrapper a,
#kat7 .panel-wrapper a {
	color: #fff;
}

#kat6 .panel-wrapper a:hover,
#kat7 .panel-wrapper a:hover {
	color: #fd0;
}

#kat6 .slider-con-right a::after, #kat6 .slider-con-left a::after,
#kat7 .slider-con-right a::after, #kat7 .slider-con-left a::after {
	background-image: url(../images/arrow-right-grau.svg);
}

@media screen and (max-width: 430px) and (orientation: portrait){
#kat7 .slider-con-right li, 
#kat7 .slider-con-left li,
#kat6 .slider-con-right li, 
#kat6 .slider-con-left li,
#kat7 .slider-con-right .panel-wrapper li, 
#kat7 .slider-con-left .panel-wrapper li,
#kat6 .slider-con-right .panel-wrapper li, 
#kat6 .slider-con-left .panel-wrapper li { 
	color:#fd0;
	background: url(../images/check-icon3.svg) no-repeat center left;
	background-size: 15px 15px;
	padding: 2px 0px 2px 20px;
}
	
}