@import url('https://fonts.googleapis.com/css?family=Permanent+Marker');
@import url('https://fonts.googleapis.com/css?family=Heebo');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Special+Elite');


@font-face {
    font-family: 'Impact-Label';
    src:url('/out/ecfdesign/src/fonts/Impact-Label.ttf.woff') format('woff'),
        url('/out/ecfdesign/src/fonts/Impact-Label.ttf.svg#Impact-Label') format('svg'),
        url('/out/ecfdesign/src/fonts/Impact-Label.ttf.eot'),
        url('/out/ecfdesign/src/fonts/Impact-Label.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;

}

a, a:hover, a:focus{color:#fbc229;font-weight:bold;}
#content .entrance a[target]:after {
	    content: "";
    display: inline-block;
    width: 8px;
    height: 1em;
    background: url(/out/ecfdesign/vegeta/icons/Pfeil_gruen.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-left: 3px;
}
#content .entrance.green a[target]:after {
	    content: "";
    display: inline-block;
    width: 8px;
    height: 1em;
    background: url(/out/ecfdesign/vegeta/icons/Pfeil_weiss.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-left: 3px;
}
#content .entrance.green .downloadcontent a[target]:after {display:none;}
#content .entrance.green .height-100 a:after{
	width:15px;height:25px;
}

body>.container>.main-row{box-shadow:none;}
img{max-width:100%;}
hr{border-color:#6ab025;}
#footer{
	border-top: 0;
    border-bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    color: #333;
    padding: 30px 0;
	    border: 1px solid #ddd;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
}
.footer-box-content{display:none;}
.active .footer-box-content{display:block;}
	
.container.totop{
	position:fixed;bottom:0;
}
#jumptotop{position:absolute;right:0;width: 40px;}
#jumptotop img{}
#jumptotop span{font-size:12px;font-family:'fbs';display:block;text-align:center;letter-spacing:1px;}
#jumptotop.show{opacity:0.9;}
i#jumptotop.fa:before{display:none;}
.headerpic img{width:100%;}
/*.container-fluid.headerpic{margin-left:-15px;margin-right:-15px;position:relative;    margin-top: 100px;}*/
.headerpic .container{}
.headerpic .text{}
#header {
background-color: #fff !important;position:relative;}
.subpage #header{    padding-bottom: 42px;}
.text{color:#fff;}

.text .btn:after{content:"";display:inline-block;color:#6ab023;font-size:38px;margin-left: 25px;
width:20px;height:28px;
background:url(/out/ecfdesign/vegeta/icons/Pfeil_gruen.svg);background-repeat:no-repeat;background-size:contain;
top: 1px;
}
h3 {
    margin-bottom: 22px;
}
/*.row.equalheight{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	}*/
/*.row.equalheight > div[class^="col-"]{flex:1}*/
/*.row .row {display:inherit;}
.row .row > div[class^="col-"]{flex:inherit}*/
/*BEISPIEL mit Überragenen Bild in Content*/
.main-row.pull-up{margin-top:-280px;}

/*Logo*/
/*header{    position: absolute;
    height: 100px;
    z-index: 1000;
    background-color: transparent !important;
    margin-top: -100px;
    width: 100%;}*/
.claim{float:left;display:inline-block;bottom: 0;color:#6ab023;font-family: 'fbs';font-size:38px;text-shadow: 2px 2px #fff;letter-spacing: 0.05rem;top: 20px;}
/*.fadeIn .claim{font-size:44px;line-height:90px;}*/
/*Flyout*/

/*.socials, .searchflyout{position:fixed;top:0;right:0;}*/
.searchflyout{transition: right 1s;position:relative;}
.socials > div.searchflyout{padding:0;}
.searchflyout .input-group{width:auto;}
.searchflyout .fa{font-size:26px;}
/*.searchflyout .form-control{height:41px;}*/
/*.socials{top:200px;z-index:500;}*/
.socials > div {
	width: 45px;
    margin-bottom: 10px;
	background:#6ab025;
	    padding: 5px;
		height:45px;
}
.socials .modal-brands-link{width:45px;height:45px;}
.socials .modal-brands-link img{width:45px;top:0;position:relative;}
.socials .socialflyout {
	display:none;
    width: inherit;
    height: 45px;
	    transition: right 1s;
    position: relative;
}
.socialflyout > div {
    float: left;
    width: 45px;
}
.socials .facebook{display:none;}
.btn-primary, .btn-primary:hover,
.btn-info, .btn-info:hover {
    color: #fff;
    border-color: #000;
	border-radius:0;
}
/*Produkte Startseite*/
.zwischenloesung{margin-bottom:30px;}
.details-dd{padding-left:10px; text-align:right; padding-right:10px;cursor: pointer;background: #fbc229;/*transform: translateY(-100%);transition:transform 1s;*/width: 99%;
    transform: translateX(0.5%);z-index: 1;position: relative;}
.active .details-dd{/*transform: translateY(0%);*/}
.details-dd:after{content:"✔";display:inline-block;text-align:right;transform:rotate(-45deg); transform:rotate(90deg); transition:rotate 1s;}
.details{padding:0px;transition:all 0.5s, padding 0.5s, height 0.5s;overflow:hidden;background: #fff;position: relative;z-index: -1;transform: translateY(-100%);}
.active .details{display:block;padding:10px;background:#fff;transform: translateY(0%);height:auto;width: 99%;margin-left: 0.5%;}
/*TEST*/
.details{transform:inherit;min-height:251px;margin-top:-251px;padding:10px;}
.active .details{transform:inherit;margin-top:0;}
/*TEST END*/
.details > div{margin-bottom:10px;}
.details .articlename{font-weight:700;font-size:22px;}
.details .articlenumber{text-transform:uppercase;letter-spacing:2px;}
.details .articledetails{}
.details .articledesc{}
.active .details-dd:after {transform: rotate(-90deg);}
.active .details-dd:after {transform: rotate(-90deg);}
.list-topproducts .image {box-shadow: 0px 2px 9px #4e4e4e;position: relative;z-index: 3;}
.list-topproducts {padding:0;margin:0;}
.row .list-topproducts img {width:100%;}
.imagehover{display:none;}
.image:hover .imagehover{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(80, 80, 80, 0.5);}
.image:hover .productlink{display:table;height:100%;width:100%;}
.image:hover .productlink a{display:table-cell;vertical-align:middle;text-align:center;color:#fff;text-decoration:none;}
.category{
    position: absolute;
    top: 16px;
    background: rgba(255, 255, 255, 0.75);
    color: #000;
    font-family: 'fbs';
    left: -1x;
    padding: 5px;
    width: 150px;
    height: 30px;
    transition: all 1s;
    z-index: 150;
    text-align: left;
    letter-spacing: 0.25rem;
    font-size: 16px;
    border: 0.025rem solid;
    padding-left: 25px;
}
.category span{position:relative;z-index:150;}

/*.searchflyout:hover, .searchflyout:focus {
    right: 285px;
    z-index: 1500;
}*/

.heading {
	font-family: 'fbs';
       font-size: 90px;
    text-shadow: 2px 2px #000;
    color: #fff;
    line-height: 1.1;
    margin: 0;
}

.main-row {
	box-shadow:none;
	position:relative;
	z-index:100;
	    margin-left: -15px;
    margin-right: -15px;
}
.container-fluid ul{list-style-type:none;}
.container-fluid .green ul li:before{color:#fff;}
.container-fluid .boxwrapper ul li:before, ul.list-unstyled li:before{display:none;}


h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a{font-weight:300;}
#breadcrumb {
	display:none;
}

h2, .h2 {
    font-size: 24px;
}
h3, .h3 {
    font-size: 20px;
}

#wrapper {
	background:transparent;
}

.default .btn {
    background: #fff;
    width: 100%;
    min-height: 76px;
    color: #6ab025;
    font-family: 'fbs';
    font-size: 22px;
}
.news-img-wrap img{height:auto !important;max-height:inherit;}

input {
    background: #eee;
    border: 1px solid black;
    -webkit-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
    box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
}
.round img{-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}


.entrance.green img{/*width:75%*/;display:block;margin:0 auto;transform:rotate(-5deg);}
.entrance.green a{
	font-size: 25px;
    line-height: 25px;
    color: #fff;
    font-family: 'fbs';
    letter-spacing: 0.25rem;
    display: block;
}
.entrance:after{display:table;content:"";clear:both;}



/*.equalheight-child .entrance {min-height: 525px;height:525px;}*/
.equalheight-child .entrance .entrance,
.equalheight-child .destroy .entrance,
.equalheight-child .entrance .entrance div,
.equalheight-child .destroy .entrance > div {min-height: auto;height:auto;}
.lower.equalheight-child .destroy .entrance{height:250px;}
.equalheight-child .destroy .entrance > .row{height:250px;}
.equalheight-child .destroy .entrance.green{height:inherit;}
/*.col-2{
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-width: 1px;
    -moz-column-rule-width: 1px;
    column-rule-width: 1px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
	-webkit-column-rule-color: #000;
    -moz-column-rule-color: #000;
    column-rule-color: #000;
}
.col-2 p:last-child{margin-bottom:0;}*/
.height-100{height:100%  !important;}
.height-100 div {height:auto !important;}
.height-100 > div{position:relative;top:inherit;transform: inherit;}
.height-100 div.destroy{top:inherit;transform: inherit;}
.height-50{height:50%  !important;padding:15px 0;}
.height-33{height:33% !important;padding:15px 0;}

.height-50 div {height:auto !important;}
.entrance.green .height-50{margin-left:-15px;margin-right:-20px;}
.entrance.green .height-50 > div{padding:0 15px;}
.entrance.green .height-50:first-child{border-bottom:1px solid #fff}
.entrance.green .height-33{border-bottom:1px solid #fff;}
.entrance.green .height-33:last-child{border:none;}
.entrance.green .inner .col-lg-6{    height: 485px;}

.push-down{position:relative;top:30px;}
/*Navigation*/
.navbar-toggle{display:block;}
nav#mainnav, nav#mainnav-subpage{background-color: transparent;border:0;margin: 0 auto;z-index:15;}
nav#mainnav-subpage{position:fixed;}
nav#mainnav-subpage > .container{background:#fff;}
nav#mainnav-subpage .navbar-header{float:right;}

.navbar-header span.menutext{bottom: -2px; position: absolute; top: inherit;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#333;}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus{background:#fbc229;}
 .dropdown-menu>li>a{ font-size: 2rem;
 font-weight: normal;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#fbc229;}
.shopping-bag-mini{color:#fbc229;}
.navbar-header span{display:block;color:#67b32d;text-align:center;position: relative;font-weight: 700;top: -5px;letter-spacing: 2px;}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus,
.navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{background:#fbc229;color:#fff;font-weight:normal;}


/*#mainnav .navbar-header{float:right;position:relative;top:-15px;}*/
.navbar-default .navbar-toggle .icon-bar{display:none;}
.logo-col {float:left;}
/*Nur Startseite und Vegeta-Menü zeigen*/
.navbar-nav{background:#fff;}
.collapse ul#navigation li{visibility:hidden;width:0;}
.collapse ul#navigation li.startlink, ul#navigation li.active.dropdown{display:block;visibility:visible;width:inherit;}
.collapse.in ul#navigation {display:block;}
.collapse.in ul#navigation li{visibility:visible;width:auto;float:none;}
/*Footer*/
.contact{transform:rotate(-10deg);padding-left:35px;}

.contact a:before{display:inline-block;content:"";width:25px;height:25px;margin-right:10px;position:relative;top:5px;}
.contact a.tel:before{background:url(/out/ecfdesign/vegeta/icons/tel.svg);background-size:contain;}
.contact a.fax:before{background:url(/out/ecfdesign/vegeta/icons/fax.svg);background-size:contain;}
.contact a.mail:before{background:url(/out/ecfdesign/vegeta/icons/mail.svg);background-size:contain;}
@media screen and (min-width:992px){
.contact a{font-size:50px;line-height:50px;color: #000;font-family: 'fbs';letter-spacing: 0.25rem;font-weight:500;}
.contact a:before{width:45px;height:45px;}
}
#jumptotop{color:#fbc229;}
    footer{padding: 0;}

	
/*Animationen Keyframes*/
@keyframes shake {
  0% {
	transform: rotate(-5deg);
  }
  30% {
	  transform: rotate(0deg);
  }
  60% {
transform: rotate(-5deg);
  }
}
@keyframes move {
  0% {
	right:-695px;
  }
  30% {
	  right:-670px;
  }
  60% {
right:-695px;
  }
}
@keyframes moveload {
  0% {
	right:-635px;
  }
 100% {
	  right:-635px;
  }
}
/*
@keyframes movehover {
  0% {
	right:-635px;
  }
  100% {
right:0px;
  }  
} */

.brands img{max-height: 130px !important;padding-left: 15px;padding-right: 15px;}


.legal-box .col-md-4 img {
margin-bottom: 10px;
}
@media screen and (max-width:767px){
	.navbar-collapse{border:0;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background:#fbc229;}
}
@media screen and (min-width:992px) and (max-width:1199px){
	
	nav#mainnav-subpage .navbar-header{top:0;}
	
}
@media only screen and (max-width:571px){
	.equalheight-child .destroy .entrance div.col-lg-6 {width:100%;}
	.entrance.green img{width:50%;} 
	.claim {top: -4px; }
	.karotte, .paprika{ display:none;}
}
@media only screen and (min-width:992px){
.row.equalheight {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
}
	
@media only screen and (min-width:571px) and (max-width:1200px){ 
 /*textblock*/.equalheight-child .destroy .entrance div.col-lg-6 {width:60%; Float:left;} 
 /*Graphick*/.equalheight-child .destroy .entrance div.col-lg-6 {width:40%; Float:right;}
.push-down {
position: relative;
top: 0;
}
}

@media screen and (max-width:1199px){
	.bodystart{z-index:-1;display:none;visibility:hidden;overflow:hidden;}
	.bodyend{z-index:-1;display:none;visibility:hidden;overflow:hidden;}
	.push-down {
		top:0 !important;
	}
	
	.push-down img {
	width: 65%;
    float: right;
	}
	
 .equalheight-child .entrance div.imagewrapper {
  height: 400px; }
  .push-down {  
	top: -265px;
    float: right;}
	.entrance.green .height-100{border-right:0;}
	.entrance.green .inner .col-lg-6{height:auto;}
	#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{}
	#mainnav.fadeIn .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:0px;}
#header .container {
	/*height:215px;*/padding-bottom:15px;
}
.navbar.navbar-default.fadeIn .claim{
	/*top: 30px;  left: 20px;*/ 
}

.claim{
  /*  top: 45px;
    right: -10px;
    position: relative;*/
}
.navbar-header {
	position: absolute;
    right: 15px;
}
.logo-col img{height:110px !important;}


 /* 
.heading {
	position: absolute;
    top: 272px;
    right: 45px;
}
.teasertext {
	position: absolute;
    top: 339px;
    right: 42px;
    margin-top: 16px;
} */

.teasertext {
    margin-top: 5px;
}

}

@media screen and (max-width:767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
		background: #fbc229;
		color:#fff;
}

.navbar-header{top:-8px;right:-25px;}
	.navbar-nav{top:60px;}
.headerpic .text{padding-right:15px;padding-left:15px;padding-bottom:15px;background: rgba(100, 100, 100, 0.5);}
.headerpic .text:after{content:"";display:table;clear:both;}
.headerpic .text .btn{margin-top:0;}
.searchflyout.focus #searchParam{width:75vw;}
.contact {
margin-top: 0;    font-size: 25px;
}
}
@media only screen and (max-width:480px){
.text .btn:after{    top: 5px;
    position: relative;}
}
@media only screen and (max-width:375px){
.logo-col img {
max-height: 140px !important;
}
.heading {
    margin-bottom: 5px;
}
}

@media only screen and (max-width:991px){
	.startpage .boxwrapper{display:none;}
	.container.totop{width:100%;}
	.navbar-nav{top:170px;}
.row.list-topproducts.equalheight-child .col-md-4 {
margin-bottom:30px;
}
#footer img {
	width:50%;
}
.legal{padding-top:0;}
.legal .container{margin-left:-15px;margin-right:-15px;}
.contact {
    transform: none;
	padding-left:0;
}
.destroy img {
	margin-bottom:20px;
}
.location{padding-top:15px;}
}
@media only screen and (min-width:768px) and (max-width:1199px){
	#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:0 !important;}
}
#wrapper.cleanpage {
    background-color: rgba(255, 255, 255, 0.75);
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
	    /*padding-top: 50px;*/
}
#content{}
.subcatList{padding-top:100px;}
.page-header{border:0;}
/*Navigation*/

.fadeIn .navbar-collapse.collapse.in{top:90px;}
.collapse ul#navigation li.active.dropdown.open{display:none;}
.collapse.in ul#navigation li.active.dropdown.open{display:block;}
.navbar-collapse.collapse.in .active.dropdown .dropdown-menu{position: relative;display:block;top:0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav .open >.active>a, .navbar-default .navbar-nav .open >.active>a:hover, .navbar-default .navbar-nav .open >.active>a:focus{background: #fbc229;color:#fff;}
.navbar-default .navbar-nav .open >.active>a, .navbar-default .navbar-nav .open >.active>a:hover, .navbar-default .navbar-nav .open >.active>a:focus{
	color:#fff;
}
@media screen and (max-width: 767px) {
	.infowrapper{border-color:#67b32d;}



#mainnav .navbar-header{top:0;}
.#mainnav .container .logo-col{ 
top: 20px;
}

.navbar-toggle .icon-bar {
	display:block !important;
	background-color: #000 !important;
	width: 40px;
    height: 4px;
    margin-bottom: 7px;
}
.navbar-header small {
	display:none;
}
.navbar-header {

}
/*.header-box {
	height: 344px;
}*/
.claim {
	font-size: 22px;
    text-align: center;
}
.newsletter{
/*    top: 95px !important;
    left: 237px !important;*/
}
}

.productData {
	background: #000;
}



.product-box-image .picture {
	margin-right: -15px;
    margin-left: -15px;
}

.input-group {
	margin-bottom:5px;
}


#amountToBasket_productList_1, #amountToBasket_productList_2, #amountToBasket_productList_3 {
	width: 116px;
}
nav#mainnav-subpage .searchflyout button.btn.btn-primary, nav#mainnav .searchflyout button.btn.btn-primary,
.btn.btn-primary,
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	/*margin-bottom: 5px;*/
    color: #fff;
	background:inherit;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    width: inherit;
    min-height: inherit;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
box-shadow:none;
}
#header .form.search{margin:0;}
nav#mainnav-subpage .searchflyout button.btn.btn-primary, nav#mainnav .searchflyout button.btn.btn-primary{height:45px;width:45px;}
/*.equalheight-child .destroy .entrance {
	height:inherit;
}*/

@media screen and (max-width: 767px) {
.socials > div.searchflyout {
top: -17px;
}
.socials > div.searchflyout.focus{position: absolute;top: 50px;left:0;}

#mainnav {
	z-index:15000 !important;
}
input#searchParam{transition:width 0.5s;}
input#searchParam:focus{width:100%;}
.flyout{transition:left 0.5s;display:none; }
.flyout.moveright{left:500px;}

.searchflyout input.form-control{padding:0;}
.searchflyout.focus input.form-control{padding: 6px 12px;}
.searchflyout input.searchsubmit{display:none;opacity:0;transition:opacity 0.7s;}
.searchflyout.focus	input.searchsubmit{display:block;opacity:1;position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1600;
    line-height: 41px;
    /*background: #fff;*/
    border: 0;
    box-shadow: none;}
	
	
.socials .btn.btn-primary {
	border-radius:0px;
}
}
.navbar-nav{position:absolute;top:70px;right:0;}
@media screen and (max-width: 767px) {
		nav#mainnav button, nav#mainnav-subpage button{background-color: transparent;
    background-image: none;}
	#mainnav .navbar-header{top:105px;}
	.claim{top:5px;z-index:50;}
	.infowrapper{
		nav#mainnav-subpage{width:100%;}
}
@media screen and (max-width: 570px) {
	nav#mainnav-subpage > .container{height:inherit;}
}
@media screen and (min-width:571px) and (max-width:705px){
	.claim{}
}

.navbar-default.fadeIn .navbar-nav{top:0;}
.fixed-header-actions,
body.fixed-header #header #mainnav .fixed-header-actions{display:none;}
#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li, .dropdown-menu{border:0;}
.powermail_fieldwrap_type_submit.form-group, .powermail_fieldwrap_type_reset.form-group{float: left;margin-left: 16.66666667%;}
.powermail_fieldwrap_type_submit .col-sm-offset-2, .powermail_fieldwrap_type_reset .col-sm-offset-2{padding:0;margin-left:0;width:100%;}
.tx-powermail input[type="submit"], .tx-powermail input[type="reset"]{background:#67b32d;color:#fff;
    width: 100%;
    float: left;
	border:none;
    border-radius: 0;
    box-shadow: none;
    height: inherit;
    min-height: inherit;
	outline:none;
}
.tx-powermail input[type="submit"]:active, .tx-powermail input[type="reset"]:active,
.btn-info:active, .btn-info.active:active, .btn-info:focus, .btn-info.focus, .btn-info:active:focus{
	background:#67b32d;color:#fff;
	box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.5);
    border: 0;
    outline: none;	
}
.boxwrapper .list-container .lineView{margin-top:0;}
.productData{background:none;}
.boxwrapper .list-container .lineView .productBox form{padding:0;border:0;}
.functions .input-group, .functions .pricePerUnit{display:none;}
.row.product-box{position:relative;}
.product-box-info{position:absolute;top:0;z-index:0;font-size: 14px;}
.product-box-info > div {margin-top:15px;}
.cleanpage .product-box-info{
position:relative;
width: 100%;
    top: inherit;
    min-height: 250px;
    box-sizing: border-box;
    float: left;
}
.startpage .row.product-box:hover .product-box-info,
.startpage .newItems.active .product-box-info{height: 250px;float: left;}
.startpage .row.product-box:hover .product-box-info .col-xs-4.col-sm-12,
.startpage .newItems.active .product-box-info .col-xs-4.col-sm-12{position: absolute;bottom: 10px;}

#productList .lineView:nth-child(3n+0):after{
	content:"";display:table;margin-bottom:15px;
	clear:both;	
}
#productList .lineView:nth-child(3n+1):before{
	content:"";display:table;
	clear:both;	
}

.row.product-box:hover .product-box-info,.newItems.active .product-box-info{position:relative;}
select{
	    background: #fff;
    width: 100%;
    min-height: 76px;
    color: #6ab025;
    font-family: 'fbs';
    font-size: 22px;
	    border: 1px solid white;
    border-radius: 0;
    color: #fff;
    background: transparent;
    margin-bottom: 13px;
	
	}
option{background: #fbc229;font-family:Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;}
	.btn{-ms-touch-action: inherit;
    touch-action: inherit;
}
/*.lower.equalheight-child, .higher.equalheight-child{margin-left:15px;margin-right:15px;}*/

.navbar-collapse{position: relative;z-index:0;}	
.navbar-header{z-index:150;}
.col-md-12.article  {
    border-bottom: 1px solid #6ab025;
    padding-bottom: 15px;
}
.cl-details #wrapper{background-color:#fff;}
.news-list-date{display:none;}

.startpage .product-box-image:after{content:"✔";display:block;height:8px;background-color:#6ab023;    margin-left: -15px;
    margin-right: -15px;text-align:center;color:#6ab023;    font-size: 2rem;}
	
.equalheight-child .destroy .entrance {height: 215px;}
@media screen and (min-width:992px) and (max-widht:1199px){
	.equalheight-child .destroy .entrance{height:inherit;}
}
.hidden-xs.equalheight-child .entrance.green {float:left;margin-top:-69px;width:100%;}
.destroy .entrance .push-down figure{text-align:right;}
.destroy .entrance .push-down img{height:300px;width:auto;}

.col-md-1{border-right: 1px solid #000;
    margin-right: 10px;}
.article .footer{text-align: right;
    font-size: 14px;
}
.news-img-wrap{margin-bottom:20px;}
.article .footer p{margin:0;}
body.subpage. nav#mainnav{position:fixed;background:#fff;}
body.subpage #header #mainnav.fadeIn .logo-col img{max-height:90px;}
body.subpage.fixed-header #header #mainnav{position:fixed;background:#fff;}
body.subpage.fixed-header #header #mainnav.fadeIn{}
body.subpage #header .header-box{padding:0;}
@media screen and (min-width: 1200px){
	.height-100 > div{position:relative;top:50%;transform: translateY(-50%);}
	.col-sm-12.col-md-6.col-lg-6.equalheight-child .entrance.green{height:506px;}
	.equalheight-child.lower .inner{min-height:512px;}
}
body.subpage #header #mainnav .navbar-header{top:0px;}
}
.news-img-wrap img{height:auto;}
.news-list-category, .news-list-tags{background: #6ab025;padding: 2px;color: #fff;}

.panel-default>.panel-heading{
	    background-color: #000;
    border-color: #000;
	color:#fff;
	border-radius:0;
}
.panel{border-radius:0;}
.panel-default>.panel-heading a, .panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:focus{
	color:#fff;
}
/*.subpage .row.equalheight{display:block;}*/
.searchflyout .searchsubmit{color: #fff;background: #000;width: 45px;right: 0;}
.searchflyout input{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.azg ul li{color:#67b32d;margin-bottom:5px;}
.azw ul li{color:#fff;margin-bottom:5px;}
.location iframe{}
@media screen and (max-width: 1199px){
	.subpage.vegeta #wrapper{position:relative;top:55px;margin-bottom:55px;}
}

@media screen and (max-width: 767px){
	#header .header-box .logo-col{width:50%;}
	/*.subpage.vegeta .claim{width:50%;}*/
	.subpage.vegeta #wrapper{position:relative;top:125px;    margin-bottom: 125px;}
	#mainnav .navbar-header{top:-6px;right:-10px;}
	.navbar-nav{top:45px;}
}
@media screen and (min-width:1200px){
	#mainnav-subpage img{max-height:90px;}
}

@media screen and (min-width: 570px) and (max-width:767px){
.vegeta .claim {}
}
@media screen and (min-width: 768px) and (max-width:991px){
.vegeta .claim {position:relative;top:0;}
.navbar.navbar-default.fadeIn .claim{    top: 20px;}
}
@media screen and (max-width: 570px){
.vegeta .claim {width: initial;font-size: 18px;left: 25px;top: 25px;}
}
@media screen and (max-width: 480px){
.logo-col img{height:inherit !important;max-width:100% !important;}
}
	
@media screen and (max-width: 375px){
	#header .header-box{padding-top:10px;}
.vegeta .claim {width:55%;top: 10px;padding-right:30px;font-size:0.8em;}
	#header .header-box .logo-col{width:45%;padding-left: 0;}
	.logo-col img{height: inherit !important;
    max-height: inherit !important;
    max-width: inherit !important;
    width: 100% !important;}
}

.attrrow{font-size:16px;line-height:inherit;}
p.attrfilter label span {}
p.attrfilter label{line-height:inherit;}

/*Sartseite Galerie Messetermin*/
.container-fluid .flexslider ul li:before{display:none;}

/*Startseite Header text*/
@media screen and(max-width: 480px){
    
  .text .heading{
  font-size: 50px !important;
  }
}

/*Startseite Suchen Link*/
@media screen and (max-width: 992px){
#content .entrance.green a:after{

  }
  .entrance.green .modal-search-button a{
  margin-bottom: 17px;
    margin-top: 17px;
  }
}

/*Produktseite Panation*/

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
background-color: #000;
    border-color: #000;
	}
	
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
	color: #000;
	}
	
.container-fluid ul.dropdown-menu li:before{display:none;}
.listRefine.clear.bottomRound{
margin-top:20px;
}

/*Startseite footer Kontakte*/
@media screen and(max-width: 570px){
.contact a {
    font-size: 35px;
    line-height: 39px;
}
}
@media screen and(max-width: 480px){
.contact a {
    font-size: 30px;
    line-height: 35px;
}
.heading{font-size:45px !important;}
}
.pull-right.options .btn-group:first-child{display:none;}
/*.pull-right.options .btn-group:nth-child(2){display:none;}*/
.headerpic .flexslider{margin:0;}

.frame.default select{
	width:auto;
    min-height: inherit;
     color: inherit; 
    font-family:inherit;  
	font-size: inherit;
     border: inherit;
     border-radius: 0; 
     color: inherit; 
     background: #fff; 
     margin-bottom: inherit; 
}
.frame.default option{
background: inherit;
    font-family: inherit;
    font-size: inherit;
}

.left.btn.btn-primary{width:auto;float:left;}
.right.btn.btn-primary{width:auto;float:right;}
.heading{line-height:1;}
.text .btn{
	background: #000;
    color: #000;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px;
    font-family: 'fbs';
    font-size: 38px;
    color: #fff;
    font-size: 38px;
    color: #000;
    border: solid 1px #000;
    line-height: 0.8;
    float: right;
    margin-top: 0;
}
.text .btn a{
color: #fff;
}
.text .btn:after{
	background: url(/out/ecfdesign/vegeta/icons/Pfeil_weiss.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.attrbody {position:relative;}
.attrhead label:before{
	content:"";
	position:absolute;
	right:8px;
	top:4px;
	height:20px;width:10px;
	    background: url(/out/ecfdesign/vegeta/icons/Pfeil_weiss.svg);
    background-repeat: no-repeat;
    background-size: contain;
	transform:rotate(0deg);transition:transform 0.5s;
}
.attrhead.active label:before{
	content:"";
	position:absolute;
	right:8px;
	top:4px;
	height:20px;width:10px;
	    background: url(/out/ecfdesign/vegeta/icons/Pfeil_weiss.svg);
    background-repeat: no-repeat;
    background-size: contain;
	transform:rotate(90deg);
}
/*.attrhead {
    line-height: 18px;
    background: #6ab025;
    width: 85%;
    height: 24px;
    padding: 0 5px;
    color: #fff;
}*/
.attrhead label{color:#fff !important;}
/*p.attrfilter{display:none;}*/

.html-nl{display:none;}

.telflyout{;position:relative;right:0;transition:right 0.5s;}
.telflyout.moveright{position:relative;right:300px;}
.telflyout .tel{height:35px;    cursor: pointer;}
.telflyout .tel img{width:45px;height:35px;}
.telflyout .tel a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}

.mailtoflyout{;position:relative;right:0;transition:right 0.5s;}
.mailtoflyout.moveright{position:relative;right:300px;}
.mailtoflyout .mailto{height:35px;    cursor: pointer;}
.mailtoflyout .mailto img{width:45px;height:35px;}
.mailtoflyout .mailto a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}
@media screen and (max-width:767px){
	.telflyout, .mailtoflyout{display:none !important;}
}
@media screen and (min-width:768px){
	.tel.button, .mailto.button{display:none !important;}
}
.back-button{    position: relative;
    top: 10px !important;margin-bottom: -10px;
    left: 0;
    width: 50% !important;
    z-index: 5000;}
.back-button span, .back-button .span{content:"";display:inline-block;background: url(/out/ecfdesign/vegeta/icons/Pfeil_gruen.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);    width: 8px;
    height: 15px;cursor:pointer;
}
.back-button a{
	position: relative;
    top: -2px;
    left: 5px;cursor:pointer;
}

.back-button:hover a{display:inline-block !important;}
#c1100 img{width:100%;}

@media screen and (max-width: 767px){
.container-fluid.headerpic{margin-bottom: -10px;}
.container-fluid.headerpic .container {
    /* padding-left: 77px; */
    position: absolute;
    top: 50px;
    margin: 0;
    /* transform: translateX(-50%); */
    background: none;
    right: 15px;
}
.headerpic .text{background:none;}
.container-fluid.headerpic .container .heading {font-size: 50px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
#content{padding:0;}
}
@media screen and (max-width: 570px){
.container-fluid.headerpic .container {}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 480px){
	.col-6{width:50%;}
.container-fluid.headerpic .container {top:10px;right:15px;}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 375px){
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}

.row.nomargin .frame.default,
.row.nomargin figure{margin-bottom:0}
.container-fluid.headerpic{margin-right:0;margin-left:0;padding-left:0;padding-right:0;}
.tx-powermail h3{display:none;}

.news-single .social{display:none;}

@media screen and (max-width: 767px){
	.karlkemper .claim{top: 5px;}
	
	.entrance.accordeon{min-height:inherit;}
	.accordeon .col-2{height:100px;overflow:hidden;}
	.accordeon p.h2{display:none;}
	.accordeon .col-2.active{height:auto;}
	.accordeon p.h2.active{display:block;}
	.accordeon {position:relative;}
	.small-dropdown{position:relative;cursor:pointer;}
	.small-dropdown:after{content: "";
    display: inline-block;
    width: 8px;
    height: 15px;
    background: url(/out/ecfdesign/vegeta/icons/Pfeil_gruen.svg);
    background-size: contain;
    background-repeat: no-repeat;
	background-position:0 50%;
    position: relative;
    top: 0;transform:rotate(90deg);
	position:absolute;left: 50%;}
	.small-dropdown.active:after{transform:rotate(-90deg);}
	
}

a.fax{cursor:default !important;text-decoration:none !important;}
/*.subpage .navbar-nav{top:85px;}*/


@media screen and (max-width:375px){
#modal-window iframe{
height: 780px;
}
}
@media screen and (min-width:376px){
#modal-window{height:100%;overflow: initial !important;}
}

a.watch:after, a.download:after{background:none !important;content:none !important;display:none;}
a.watch, a.download{
	content:"";
	display:inline-block;
	width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    text-decoration: none;
	    margin-left: 5px;
    margin-right: 5px;float:right;}
a.watch{background:url(/out/ecfdesign/img/auge_w.svg);    background-repeat: no-repeat;}
a.download{background:url(/out/ecfdesign/img/PDF_w.svg);    background-repeat: no-repeat;}

.equalheight .equalheight-child .entrance.green .height-50:nth-child(1){height:34% !important;}
.equalheight .equalheight-child .entrance.green .height-50:nth-child(2){height:43% !important;border-bottom:1px solid}
.equalheight .equalheight-child .entrance.green .height-50:nth-child(3){height: initial !important;}
.equalheight .equalheight-child .entrance.green .height-50 h3{margin-top:0;}
.equalheight .equalheight-child .entrance.green .height-100{position: relative;top: 10px;}
  
body.cl-start .boxwrapper .list-container{margin-top:0;}
body.cl-start #boxwrapper_productList.boxwrapper{display:none;}

nav#mainnav-subpage .navbar-header{position:relative;}
#mainnav .navbar-toggle{right:65px; top:10px; margin:0}
#mainnav-subpage .navbar-toggle{right:65px;}
.navbar-header span.menutext{bottom:5px;}
.language{
	position: absolute;
    top: 14px;
}
.language img{width:35px;}
.language-menu li {
    text-align: right;
}
ul.language-menu{list-style-type:none;padding: 0;margin: 0;width:100px}
.fadeIn .language-menu li, .subpage .language-menu li {
    display: inline-block;
}

.language-menu li.active:before{
  content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border: 12px solid transparent;
    border-color: transparent transparent transparent #004688;
    transform: scaleY(0.6) translate(80% ,0%);
    transform-origin: 50% 50%;
    position: relative;
    left: -10px;
    top: 8px;

}

/*html:lang(de) #mainnav-subpage .navbar-toggle{right:0;}
@media screen and (max-width: 767px){
html:lang(de) #mainnav .navbar-toggle{right:0;top:15px;margin:0}
html:lang(de) #mainnav-subpage .navbar-toggle{right:0;top: 10px;}

html:lang(de) nav#mainnav button, nav#mainnav-subpage button{height:initial;}
}
*/

@media print {
	img{display:none !important;}
	a[href]:after {content: "";}
	.product-box-info{position:relative;}
	.equalheight-child .destroy .entrance{height:auto;}
	.hidden-xs.equalheight-child .entrance.green{margin-top:initial;}
	.contact{transform:initial;}
	.startpage .product-box-image:after{content:"";}
	.equalheight .equalheight-child .entrance.green .height-100{top:initial !important;}
	.location+iframe{display:none;}
	.col-sm-12.col-md-6.col-lg-6.equalheight-child .entrance.green{height:initial;}
	.entrance.green .inner .col-lg-6{height:initial;}
	.height-100{height:initial !important;}
	.infowrapper, .back-button, nav#mainnav-subpage, .youtubeVideo, .container.totop{display:none;}
	.cleanpage .row.product-box, .cleanpage .product-box-info{min-height:initial;}
	.cleanpage .row.product-box .col-xs-4.col-sm-12{position:relative;}
	 #productList.row.equalheight{display: flex;flex-wrap: wrap;}
}


body{
  background-attachment: fixed;overflow-x: hidden;font-size:16px;background:#fff;
  background: #fff url(/out/ecfdesign/src/bg/fotolia_66885617.jpg) repeat center top;
  background: #fff url(/out/ecfdesign/img/backgrounds/Hintergrund.jpg) repeat center top;
  background-size: cover; background-attachment: fixed;
  font-family: Arial, sans-serif;color:#000;
}

/*body.bg1{background: #fff url(/fileadmin/Inhalte/NewLeaf/Layout/fotolia_66885617.jpg) repeat center top;}*/
body.bgchange1{background: #fff url(http://ecf-group.com/fileadmin/Inhalte/NewLeaf/Layout/fotolia_88765252.jpg) repeat center top;    background-size: cover;}

.bodystart{position:relative;}
.bodystart .karotte{
  position: absolute;
  top: -114px;
  left:0;
  background: url(/out/ecfdesign/karlkemper/chilli.png) no-repeat;
  background-size:contain;
  width: 600px;
  height: 400px;
  z-index: 100;
  transform: rotate(-15deg);
}
.bodystart .paprika{
  position:absolute;
  top: -200px;
  right:0px;
  background:url(/out/ecfdesign/karlkemper/pfeffer.png) no-repeat;
  background-size:contain;
  width: 400px;
  height: 700px;
  z-index: 100;
  transform: rotate(-14deg);
}
.bodystart .brokkoli{
  position:absolute;
  top: 300px;
  left:0;
  background:url(/out/ecfdesign/img/backgrounds/brokkoli-freigestellt.png) no-repeat;
  background-size:contain;
  width: 300px;
  height: 400px;
  z-index: 100;
  transform: rotate(180deg);
  transform: scaleX(-1);
  display:none;
}
.bodyend {
  position: relative;
  top: -160px;
  z-index: -1;
}
.bodyend .karotte{
  position: absolute;
  top: inherit;
  left:0;
  background: url(/out/ecfdesign/karlkemper/chilli.png) no-repeat;
  background-size:contain;
  width: 500px;
  height: 450px;
  z-index: 100;
  /*transform:rotate(180deg);*/
  /*    transform: rotateX(180deg);*/
}
.bodyend .paprika{
  position:absolute;
  top: inherit;
  right:0;
  background:url(/out/ecfdesign/karlkemper/pfeffer.png) no-repeat;
  background-size:contain;
  width: 300px;
  height: 400px;
  z-index: 100;
  transform:rotate(180deg);
}
a, a:hover, a:focus{color:#c01a2b;font-weight:bold;}

#content .entrance.green .height-100 a:after{
  width:15px;height:25px;
}
body>.container>.main-row{box-shadow:none;}
img{max-width:100%;}
hr{border-color:#000;}
#footer{
  border-top: 0;
  border-bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  color: #333;
  padding: 30px 0;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
}
.footer-box-content{display:none;}
.active .footer-box-content{display:block;}
.legal{background-color: transparent;border-top: 1px solid #000;
  margin-top: 30px;
  /*border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 8px -2px rgba(0,0,0,0.33);*/}

.container.totop{
  position:fixed;bottom:0;
      margin-left: 50%;
    transform: translateX(-50%);
}
#jumptotop{position:absolute;right:0;width: 40px;}
#jumptotop img{}
#jumptotop span{font-size:12px;font-family:"Share","Helvetica Neue",Helvetica,Arial,sans-serif;display:block;text-align:center;letter-spacing:1px;}
#jumptotop.show{opacity:0.9;}
i#jumptotop.fa:before{display:none;}
.headerpic img{width:100%;}
/*.container-fluid.headerpic{margin-left:-15px;margin-right:-15px;position:relative;    margin-top: 100px;}*/
.headerpic .container{}
.headerpic .text{}
#header {background-color: transparent !important;position:relative;}
.subpage #header{    padding-bottom: 42px;}
.text{color:#fff;}
.text .btn{background:#fff;color:#000;letter-spacing:2px;text-transform: uppercase;padding: 5px;font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 38px;color: #000;    font-size: 38px;
  color: #000;
  border: solid 1px #000;
  line-height: 0.8;
  float: right;
  margin-top: 35px;}
.text .btn:after{content:"";display:inline-block;color:#6ab023;font-size:38px;margin-left: 25px;
  width:20px;height:28px;
  background:url(/out/ecfdesign/newleaf/icons/Pfeil.svg);background-repeat:no-repeat;background-size:contain;
  top: 1px;
}
h3 {
  margin-bottom: 22px;
}
/*.row.equalheight{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}*/
/*.row.equalheight > div[class^="col-"]{flex:1}*/
/*.row .row {display:inherit;}
.row .row > div[class^="col-"]{flex:inherit}*/
/*BEISPIEL mit Überragenen Bild in Content*/
.main-row.pull-up{margin-top:-280px;}

/*Logo*/
/*header{    position: absolute;
height: 100px;
z-index: 1000;
background-color: transparent !important;
margin-top: -100px;
width: 100%;}*/
.claim{float:left;display:inline-block;bottom: 0;color:#c01a2b;font-family: 'Permanent Marker', Arial,sans-serif;font-size:38px;text-shadow: 2px 2px #fff;letter-spacing: 0.05rem;top: 20px;}
/*.fadeIn .claim{font-size:44px;line-height:90px;}*/
/*Flyout*/

/*.socials, .searchflyout{position:fixed;top:0;right:0;}*/
.searchflyout{transition: right 1s;position:relative;}
.socials > div.searchflyout{padding:0;}
.searchflyout .input-group{width:auto;}
.searchflyout .fa{font-size:26px;}
/*.searchflyout .form-control{height:41px;}*/
/*.socials{top:200px;z-index:500;}*/
.socials > div {
  width: 45px;
  margin-bottom: 10px;
  background:#004688;
  padding: 5px;
}
.socials .socialflyout {
  display:none;
  width: inherit;
  height: 45px;
  transition: right 1s;
  position: relative;
}
.socialflyout > div {
  float: left;
  width: 45px;
}
.socials .facebook{display:none;}
.btn-primary, .btn-primary:hover,
.btn-info, .btn-info:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
  border-radius:0;
}
/*Produkte Startseite*/
.zwischenloesung{margin-bottom:30px;}
.details-dd{padding-left:10px; text-align:right; padding-right:10px;cursor: pointer;background: #fbc229;/*transform: translateY(-100%);transition:transform 1s;*/width: 99%;
  transform: translateX(0.5%);z-index: 1;position: relative;}
.active .details-dd{/*transform: translateY(0%);*/}
.details-dd:after{content:"✔";display:inline-block;text-align:right;transform:rotate(-45deg); transform:rotate(90deg); transition:rotate 1s;}
.details{padding:0px;transition:all 0.5s, padding 0.5s, height 0.5s;overflow:hidden;background: #fff;position: relative;z-index: -1;transform: translateY(-100%);}
.active .details{display:block;padding:10px;background:#fff;transform: translateY(0%);height:auto;width: 99%;margin-left: 0.5%;}
/*TEST*/
.details{transform:inherit;min-height:251px;margin-top:-251px;padding:10px;}
.active .details{transform:inherit;margin-top:0;}
/*TEST END*/
.details > div{margin-bottom:10px;}
.details .articlename{font-weight:700;font-size:22px;}
.details .articlenumber{text-transform:uppercase;letter-spacing:2px;}
.details .articledetails{}
.details .articledesc{}
.active .details-dd:after {transform: rotate(-90deg);}
.active .details-dd:after {transform: rotate(-90deg);}
.list-topproducts .image {box-shadow: 0px 2px 9px #4e4e4e;position: relative;z-index: 3;}
.list-topproducts {padding:0;margin:0;}
.row .list-topproducts img {width:100%;}
.imagehover{display:none;}
.image:hover .imagehover{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(80, 80, 80, 0.5);}
.image:hover .productlink{display:table;height:100%;width:100%;}
.image:hover .productlink a{display:table-cell;vertical-align:middle;text-align:center;color:#fff;text-decoration:none;}
.category{
  position: absolute;
  top: 16px;
  background: rgba(255, 255, 255, 0.75);
  color: #000;
  font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;
  left: -1x;
  padding: 5px;
  width: 150px;
  height: 30px;
  transition: all 1s;
  z-index: 150;
  text-align: left;
  letter-spacing: 0.25rem;
  font-size: 16px;
  border: 0.025rem solid;
  padding-left: 25px;
}
.category span{position:relative;z-index:150;}

/*.searchflyout:hover, .searchflyout:focus {
right: 285px;
z-index: 1500;
}*/

.heading {
  font-family: 'Permanent Marker', "Share","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 90px;
  text-shadow: 2px 2px #000;
  color: #fff;
  line-height: 1.1;
  margin: 0;
}

.main-row {
  box-shadow:none;
  position:relative;
  z-index:100;
  margin-left: -15px;
  margin-right: -15px;
}
.container-fluid ul{list-style-type:none;}
.container-fluid .green ul li:before{color:#fff;}
.container-fluid .boxwrapper ul li:before, ul.list-unstyled li:before{display:none;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
	font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
}
h4{
	font-family: 'Impact-Label';
    color: #004688;
    font-weight: 500;
	letter-spacing: -0.03em;
    font-size: 30px;
	text-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
	line-height: 1.5;
}
h1, .h1{font-size:2em;}
h3, .h3{color:#000;}
p{font-size:0.85em;font-family: Arial, sans-serif;color:#000;}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a{font-weight:300;}
#breadcrumb {
  display:none;
}

#wrapper {
  background:transparent;
}

.default .btn {
  background: #fff;
  width: 100%;
  min-height: 76px;
  color: #6ab025;
  /*font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;*/
  font-size: 22px;
}
.news-img-wrap img{height:auto !important;max-height:inherit;}

input {
  background: #eee;
  border: 1px solid black;
  -webkit-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
  -moz-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
  box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
}

.round img{-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
  
  .entrance {
    -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
    min-height: 178px;
    padding-left: 20px;padding-right:20px;
    background: url(/out/ecfdesign/src/bg/Papier.jpg);
}

.entrance.green img{/*width:75%*/;display:block;margin:0 auto;transform:rotate(-5deg);}
.entrance.green a{
  font-size: 25px;
  line-height: 25px;
  color: #fff;
  letter-spacing: 0.25rem;
  display: block;
}
.entrance:after{display:table;content:"";clear:both;}



/*.equalheight-child .entrance {min-height: 525px;height:525px;}*/
.equalheight-child .entrance .entrance,
.equalheight-child .destroy .entrance,
.equalheight-child .entrance .entrance div,
.equalheight-child .destroy .entrance > div {min-height: auto;height:auto;}
.lower.equalheight-child .destroy .entrance{height:250px;}
.equalheight-child .destroy .entrance > .row{height:250px;}
.equalheight-child .destroy .entrance.green{height:inherit;}
/*.col-2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-rule-style: solid;
-moz-column-rule-style: solid;
column-rule-style: solid;
-webkit-column-rule-width: 1px;
-moz-column-rule-width: 1px;
column-rule-width: 1px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
-webkit-column-rule-color: #000;
-moz-column-rule-color: #000;
column-rule-color: #000;
}
.col-2 p:last-child{margin-bottom:0;}*/
.height-100{height:100%  !important;}
.height-100 div {height:auto !important;}
.height-100 > div{position:relative;top:inherit;transform: inherit;}
.height-100 div.destroy{top:inherit;transform: inherit;}
.height-50{height:50%  !important;padding:15px 0;}
.height-33{height:33% !important;padding:15px 0;}

.height-50 div {height:auto !important;}
.entrance.green .height-100{border-right:solid 1px #fff;margin-left:-15px;margin-right:-15px;}
.entrance.green .height-50{margin-left:-15px;margin-right:-20px;}
.entrance.green .height-50 > div{padding:0 15px;}
.entrance.green .height-50:first-child{border-bottom:1px solid #fff}
.entrance.green .height-33{border-bottom:1px solid #fff;}
.entrance.green .height-33:last-child{border:none;}
.entrance.green .inner .col-lg-6{height: 538px;}

.push-down{position:relative;top:30px;}
/*Navigation*/
.navbar-toggle{display:block;}
nav#mainnav, nav#mainnav-subpage{background-color: transparent;border:0;margin: 0 auto;z-index:15;
  /*width: 100%;*/
}
nav#mainnav-subpage{position:fixed;}
nav#mainnav-subpage > .container{background:#fff;}
nav#mainnav-subpage .navbar-header{float:right;}
nav#mainnav button, nav#mainnav-subpage button{width:63px;height:50px;background:url(/out/ecfdesign/karlkemper/Menu.svg) no-repeat;background-size:contain;border: 0;z-index: 1500;}
nav#mainnav-subpage .navbar-header{position:relative;right: 230px;}

.navbar-header span.menutext{bottom: -2px; position: absolute; top: inherit;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#fbc229;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#fbc229;}
.shopping-bag-mini{color:#fbc229;}
.navbar-header span{display:block;color:#000;text-align:center;position: relative;font-weight: 700;top: -5px;letter-spacing: 2px;}
/*#mainnav .navbar-header{float:right;position:relative;top:-15px;}*/
.navbar-default .navbar-toggle .icon-bar{display:none;}
.logo-col {float:left;}
/*Nur Startseite und karlkemper-Menü zeigen*/
/*.navbar-nav{height:40px;}*/
ul#navigation li{width:0;}
ul#navigation li.startlink, ul#navigation li.active.dropdown{display:block;visibility:visible;width:inherit;}
ul#navigation li.active.dropdown li{display:block;}
ul#navigation .active.dropdown .dropdown-menu li{visibility:visible;width:auto;}
/*Footer*/
.contact{/*transform:rotate(-10deg);*/padding-left:35px;}

.contact a:before{display:inline-block;content:"";width:16px;height:16px;margin-right:10px;}
.contact a.tel:before{background:url(/out/ecfdesign/karlkemper/icons/tel.svg);background-size:contain;}
.contact a.fax:before{background:url(/out/ecfdesign/karlkemper/icons/fax.svg);background-size:contain;}
.contact a.mail:before{background:url(/out/ecfdesign/karlkemper/icons/mail.svg);background-size:contain;}
@media screen and (min-width:992px){
.contact a{font-size:50px;line-height:50px;color: #000;font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing: 0.25rem;font-weight:500;}
.contact a:before{width:45px;height:45px;}
}
#jumptotop{color:#fbc229;}
footer{padding: 0;}


/*Animationen Keyframes*/
/*@keyframes shake {
0% {
transform: rotate(-5deg);
}
30% {
transform: rotate(0deg);
}
60% {
transform: rotate(-5deg);
}
}
@keyframes move {
0% {
right:-695px;
}
30% {
right:-670px;
}
60% {
right:-695px;
}
}
@keyframes moveload {
0% {
right:-635px;
}
100% {
right:-635px;
}
}*/
/*
@keyframes movehover {
0% {
right:-635px;
}
100% {
right:0px;
}  
} */


.brands img{max-height: 130px;padding-left: 15px;padding-right: 15px;}



.legal-box .col-md-4 img {
  margin-bottom: 10px;
}
@media screen and (max-width:767px){
.navbar-collapse{border:0;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background:#000;}
}
@media screen and (min-width:992px) and (max-width:1199px){
.subpage .claim{letter-spacing:-0.03em;}
}
@media only screen and (max-width:571px){
.equalheight-child .destroy .entrance div.col-lg-6 {width:100%;}
.entrance.green img{width:50%;} 
.claim {top: -4px; }
.karotte, .paprika{ display:none;}
}
@media only screen and (min-width:992px){
.row.equalheight {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom:30px;
}
}

@media only screen and (min-width:571px) and (max-widht:1200px){ 
/*textblock*/.equalheight-child .destroy .entrance div.col-lg-6 {width:60%; Float:left;} 
/*Graphick*/.equalheight-child .destroy .entrance div.col-lg-6 {width:40%; Float:right;}
.push-down {
  position: relative;
  top: 0;
}
}

@media screen and (max-width:1199px){
.bodystart{z-index:-1;display:none;visibility:hidden;overflow:hidden;}
.bodyend{z-index:-1;display:none;visibility:hidden;overflow:hidden;}
.push-down {
  top:0 !important;
}

.push-down img {
  width: 65%;
  float: right;
}

.equalheight-child .entrance div.imagewrapper {
  height: 400px; }
.push-down {  
  top: -265px;
  float: right;}
.entrance.green .height-100{border-right:0;}
.entrance.green .inner .col-lg-6{height:auto;}
#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:15px;right:30px;}
#mainnav.fadeIn .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:0px;}
#header .container {
  height:75px;
  padding-bottom:0;
}
.navbar.navbar-default.fadeIn .claim{
  /*top: 30px;  left: 20px;*/ 
}

.claim{
  /*  top: 45px;
  right: -10px;
  position: relative;*/
}
.navbar-header {
  position: absolute;
  right: 15px;
}
.logo-col img{height:110px !important;}


/* 
.heading {
position: absolute;
top: 272px;
right: 45px;
}
.teasertext {
position: absolute;
top: 339px;
right: 42px;
margin-top: 16px;
} */

.teasertext {
  margin-top: 5px;
}

}

@media screen and (max-width:767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
  background: #000;
  color:#fff;
}

.navbar-header{top:-8px;right:-25px;}
.navbar-nav{top:60px;}
.headerpic .text{padding-right:15px;padding-left:15px;padding-bottom:15px;background: rgba(100, 100, 100, 0.5);}
.headerpic .text:after{content:"";display:table;clear:both;}
.headerpic .text .btn{margin-top:0;}
.searchflyout.focus #searchParam{width:75vw;}
.contact {
  margin-top: 0;    font-size: 25px;
}
}
@media only screen and (max-width:480px){
.text .btn:after{    top: 5px;
  position: relative;}
}
@media only screen and (max-width:375px){
.logo-col img {
  max-height: 140px !important;
}
.heading {
  margin-bottom: 5px;
}
}

@media only screen and (max-width:991px){
.startpage .boxwrapper{display:none;}
.container.totop{width:100%;}
.navbar-nav{top:170px;}
.row.list-topproducts.equalheight-child .col-md-4 {
  margin-bottom:30px;
}
#footer img {
  width:50%;
}
.legal{padding-top:0;}
.legal .container{margin-left:-15px;margin-right:-15px;}
.contact {
  transform: none;
  padding-left:0;
}
.destroy img {
  margin-bottom:20px;
}
.location{padding-top:15px;}
}
@media only screen and (min-width:768px) and (max-widht:1199px){
#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:0 !important;}
}
#wrapper.cleanpage {
  background-color: rgba(255, 255, 255, 0.75);
  /*border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 8px -2px rgba(0,0,0,0.33);*/
  /*padding-top: 50px;*/
  border-left: 0;
  border-right: 0;
}
#content{}
.subcatList{padding-top:100px;}
.page-header{border:0;}
/*Navigation*/

.fadeIn .navbar-collapse.collapse.in{top:90px;}
.collapse ul#navigation li.active.dropdown.open{display:none;}
.collapse.in ul#navigation li.active.dropdown.open{display:block;}
.navbar-collapse.collapse.in .active.dropdown .dropdown-menu{position: relative;display:block;top:0;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
  background: #000;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{
  color:#fff;
}
@media screen and (max-width: 767px) {
.infowrapper{border:none;}


nav#mainnav .container {
  padding:0;
  position:relative;
  margin: auto;
}
#mainnav .navbar-header{top:0;}
.#mainnav .container .logo-col{ 
  top: 20px;
}

.navbar-toggle .icon-bar {
  display:block !important;
  /*background-color: #000 !important;*/
  width: 40px;
  height: 4px;
  margin-bottom: 7px;
}
.navbar-header small {
  display:none;
}
.navbar-header {
  
}
/*.header-box {
height: 344px;
}*/
.claim {
  font-size: 22px;
  text-align: center;
}
.newsletter{
  /*    top: 95px !important;
  left: 237px !important;*/
}
}

.productData {
  background: #000;
}


.product-box-image .picture {
  margin-right: -15px;
  margin-left: -15px;
}

.product-box-image .picture img {
	width:100%;	
    padding: 0 20px;
}

.input-group {
  margin-bottom:5px;
}


#amountToBasket_productList_1, #amountToBasket_productList_2, #amountToBasket_productList_3 {
  width: 116px;
}
nav#mainnav-subpage .searchflyout button.btn.btn-primary, nav#mainnav .searchflyout button.btn.btn-primary,
.btn.btn-primary,
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
  /*margin-bottom: 5px;*/
  color: #fff;
  background:inherit;
  background-color: #004688;
  border-color: #004688;
  border-radius: 0;
  /*width: inherit;*/
  min-height: inherit;
  /*font-family: 'Kameron', serif;*/
  font-size: 14px;
  box-shadow:none;
}
#header .form.search{margin:0;}
nav#mainnav-subpage .searchflyout button.btn.btn-primary, nav#mainnav .searchflyout button.btn.btn-primary{height:45px;width:45px;}
.searchflyout #searchParam{border:0;}
/*.equalheight-child .destroy .entrance {
height:inherit;
}*/

@media screen and (max-width: 767px) {
.socials > div.searchflyout {
  top: -17px;
}
.socials > div.searchflyout.focus{position: absolute;top: 50px;left:0;}
nav#mainnav-subpage .searchflyout button.btn.btn-primary{border: 1px solid #fff;}
#mainnav {
  z-index:15000 !important;
}
input#searchParam{transition:width 0.5s;}
input#searchParam:focus{width:100%;}
.flyout{transition:left 0.5s;display:none; }
.flyout.moveright{left:500px;}

.searchflyout input.form-control{padding:0;}
.searchflyout.focus input.form-control{padding: 6px 12px;}
.searchflyout input.searchsubmit{display:none;opacity:0;transition:opacity 0.7s;}
.searchflyout.focus  input.searchsubmit{display:block;opacity:1;position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1600;
  line-height: 41px;
  /*background: #fff;*/
  border: 0;
  box-shadow: none;}


.socials .btn.btn-primary {
  border-radius:0px;
}
}
.navbar-nav{position:absolute;top:70px;right:0;}
@media screen and (max-width: 767px) {
nav#mainnav button, nav#mainnav-subpage button{background-color: transparent;
  background-image: none;}
#mainnav .navbar-header{top:105px;}
.claim{top:5px;z-index:50;}
.infowrapper{
  width: 100%;
  padding: 0px 10px;}
nav#mainnav-subpage{width:100%;}
.infowrapper{clear: both;position: absolute;}
}
@media screen and (max-width: 570px) {
nav#mainnav-subpage > .container{height:inherit;}
/*#mainnav .container{background:#fff;}*/
}
@media screen and (min-width:571px) and (max-width:705px){
.claim{}
}

.navbar-default.fadeIn .navbar-nav{top:0;}
.fixed-header-actions,
body.fixed-header #header #mainnav .fixed-header-actions{display:none;}
#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li, .dropdown-menu{border:0;}
.powermail_fieldwrap_type_submit.form-group, .powermail_fieldwrap_type_reset.form-group{float: left;margin-left: 16.66666667%;}
.powermail_fieldwrap_type_submit .col-sm-offset-2, .powermail_fieldwrap_type_reset .col-sm-offset-2{padding:0;margin-left:0;width:100%;}
.tx-powermail input[type="submit"], .tx-powermail input[type="reset"]{background:#000;color:#fff;
  width: 100%;
  float: left;
  border:none;
  border-radius: 0;
  box-shadow: none;
  height: inherit;
  min-height: inherit;
  outline:none;
}
.tx-powermail input[type="submit"]:active, .tx-powermail input[type="reset"]:active,
.btn-info:active, .btn-info.active:active, .btn-info:focus, .btn-info.focus, .btn-info:active:focus{
  background:#000;color:#fff;
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  border: 0;
  outline: none;  
}
.boxwrapper .list-container .lineView{margin-top:0;}
.productData{background:none;}
.boxwrapper .list-container .lineView .productBox form{padding:0;border:0;}
.functions .input-group, .functions .pricePerUnit{display:none;}
.product-box-image{
	position:relative;z-index:1;
 }
.product-box-info{position:absolute;top:0;z-index:0;font-size: 14px;}
.product-box-info > div {margin-top:15px;}
.cleanpage .product-box-info{
  position:relative;
  width: 100%;
  top: inherit;
  min-height: 200px;
  box-sizing: border-box;
  float: left;
}
.startpage .row.product-box:hover .product-box-info,
.startpage .newItems.active .product-box-info{height: 250px;float: left;}
.startpage .row.product-box:hover .product-box-info .col-xs-4.col-sm-12,
.startpage .newItems.active .product-box-info .col-xs-4.col-sm-12{position: absolute;bottom: 10px;}

#productList .lineView:nth-child(3n+0):after{
  content:"";display:table;margin-bottom:15px;
  clear:both;  
}
#productList .lineView:nth-child(3n+1):before{
  content:"";display:table;
  clear:both;  
}

.row.product-box:hover .product-box-info,.newItems.active .product-box-info{position:relative;}
select{
  background: #fff;
  width: 100%;
  min-height: 76px;
  color: #6ab025;
  font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 22px;
  border: 1px solid white;
  border-radius: 0;
  color: #fff;
  background: transparent;
  margin-bottom: 13px;
  
}
option{background: #fbc229;font-family:Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;}
.btn{-ms-touch-action: inherit;
  touch-action: inherit;
}
/*.lower.equalheight-child, .higher.equalheight-child{margin-left:15px;margin-right:15px;}*/

.navbar-collapse{position: relative;z-index:0;}  
.navbar-header{z-index:150;}
.col-md-12.article  {
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}
.cl-details #wrapper{background-color:#fff;}
.news-list-date{display:none;}

.startpage .product-box-image:after{content:"✔";display:block;height:8px;background-color:#6ab023;    margin-left: -15px;
  margin-right: -15px;text-align:center;color:#6ab023;    font-size: 2rem;}

.equalheight-child .destroy .entrance {}
@media screen and (min-width:992px) and (max-widht:1199px){
.equalheight-child .destroy .entrance{height:inherit;}
}
.hidden-xs.equalheight-child .entrance.green {float:left;margin-top:-69px;width:100%;}
.destroy .entrance .push-down figure{text-align:right;}
.destroy .entrance .push-down img{height:220px;width:auto;}
.destroy .entrance img{width:auto;}

.col-md-1{border-right: 1px solid #000;
  margin-right: 10px;}
.article .footer{text-align: right;
  font-size: 14px;
}
.news-img-wrap{margin-bottom:20px;}
.article .footer p{margin:0;}
body.subpage. nav#mainnav{position:fixed;background:#fff;}
body.subpage #header #mainnav.fadeIn .logo-col img{max-height:90px;}
body.subpage.fixed-header #header #mainnav{position:fixed;background:#fff;}
body.subpage.fixed-header #header #mainnav.fadeIn{}
body.subpage #header .header-box{padding:0;}
@media screen and (min-width: 1200px){
.height-100 > div{position:relative;top:50%;transform: translateY(-50%);}
.col-sm-12.col-md-6.col-lg-6.equalheight-child .entrance.green{height:540px;}
.equalheight-child.lower .inner{min-height:512px;}
}
body.subpage #header #mainnav .navbar-header{top:0px;}
}
.news-img-wrap img{height:auto;}
.news-list-category, .news-list-tags{background: #000;padding: 2px;color: #fff;}

.panel-default>.panel-heading{
  background-color: #000;
  border-color: #000;
  color:#fff;
  border-radius:0;
}
.panel{border-radius:0;}
.panel-default>.panel-heading a, .panel-default>.panel-heading a:hover, .panel-default>.panel-heading a:focus{
  color:#fff;
}
/*.subpage .row.equalheight{display:block;}*/
.searchflyout .searchsubmit{color: #fff;background: #000;width: 45px;right: 0;}
.searchflyout input{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.azg ul li{color:#000;margin-bottom:5px;}
.azw ul li{color:#fff;margin-bottom:5px;}
.location iframe{}
@media screen and (max-width: 1199px){
.subpage.karlkemper #wrapper{position:relative;top:55px;margin-bottom:55px;}
}

@media screen and (max-width: 767px){
#header .header-box .logo-col{width:40%;}
/*.subpage.karlkemper .claim{width:50%;}*/
.subpage.karlkemper #wrapper{position:relative;top:155px;    margin-bottom: 155px;}
#mainnav .navbar-header{top:5px;right:-10px;}
.navbar-nav{top:45px;}
}
@media screen and (min-width:1200px){
#mainnav-subpage .logo-col img{
  max-height:90px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 15px;}
#mainnav-subpage .flyout img, #mainnav-subpage .infowrapper img{margin:inherit;}
}

@media screen and (min-width: 570px) and (max-width:767px){
.karlkemper .claim {}
}
@media screen and (min-width: 768px) and (max-width:991px){
.karlkemper .claim {position:relative;top:0;width:60%;}
.navbar.navbar-default.fadeIn .claim{    top: 20px;}
}
@media screen and (max-width: 570px){
.karlkemper .claim {width: initial;font-size: 18px;left: 25px;top: 25px;}
}
@media screen and (max-width: 480px){
.logo-col img{max-width:100% !important;}
}

@media screen and (max-width: 375px){
#header .header-box{padding-top:10px;}
.karlkemper .claim {width:55%;padding-right:30px;font-size:0.8em;}
#header .header-box .logo-col{width:45%;padding-left: 0;}
.logo-col img{
  max-height: inherit !important;
  max-width: inherit !important;}
}
#modal-close{background:#000;}
/* remove standard-styles */
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
  width: 0;
  height: 0;
}
input[type='checkbox'] + label, input[type='radio'] + label{padding-left:30px;text-indent:-17px;}
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
  content:' ';
  display:inline-block;
  width: 17px;
  height:17px;
  position: relative;
  top:4px;
  border: 1px solid #bbb;
  background: white;
  box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
  left:-10px;    text-indent: 0px;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  background:#fff;
  box-shadow: inset 0 0 0 2px white;
  content:"✔";
  color:#ddd;
  font-size: 13px;
  text-align: center;
  line-height:20px;
  width: 17px;
  height:17px;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background:#fff;
  box-shadow: inset 0 0 0 2px white;
  content:"✔";
  color:#000;
  font-size: 13px;
  text-align: center;
  line-height:20px;
  width: 17px;
  height:17px;
}
input#radio-m{margin-left:15px;}
.sectionHead {display: none;}
.attrcol{width:20%;}
.attrcol.price_slider{display:none;}
.attrcol.category{position:relative;
  top: inherit;
  background: inherit;
  color:inherit;
  font-family:inherit;
  left: inherit;
  padding: inherit;
  width: inherit;
  height: inherit;
  transition:inherit;
  z-index: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  font-size: inherit;
  border: inherit;
  padding-left: inherit;
}
.attrrow{font-size:16px;line-height:inherit;}
p.attrfilter label span {}
p.attrfilter label{line-height:inherit;}

/*Sartseite Galerie Messetermin*/
.container-fluid .flexslider ul li:before{display:none;}

/*Startseite Header text*/
@media screen and(max-width: 480px){

.text .heading{
  font-size: 50px !important;
}
}

/*Startseite Suchen Link*/
@media screen and (max-width: 992px){

.entrance.green .modal-search-button a{
  margin-bottom: 17px;
  margin-top: 17px;
}
}

/*Produktseite Panation*/

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
  background-color: #004688;
  border-color: #004688;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
  color: #fbc229;
}

.container-fluid ul.dropdown-menu li:before{display:none;}
.listRefine.clear.bottomRound{
  margin-top:20px;
}

/*Startseite footer Kontakte*/
@media screen and(max-width: 570px){
.contact a {
  font-size: 35px;
  line-height: 39px;
}
}
@media screen and(max-width: 480px){
.contact a {
  font-size: 30px;
  line-height: 35px;
}
.heading{font-size:45px !important;}
}
.pull-right.options .btn-group:first-child{display:none;}
/*.pull-right.options .btn-group:nth-child(2){display:none;}*/
.headerpic .flexslider{margin:0;}

.frame.default select{
  width:auto;
  min-height: inherit;
  color: inherit; 
  font-family:inherit;  
  font-size: inherit;
  border: inherit;
  border-radius: 0; 
  color: inherit; 
  background: #fff; 
  margin-bottom: inherit; 
}
.frame.default option{
  background: inherit;
  font-family: inherit;
  font-size: inherit;
}

.left.btn.btn-primary{width:auto;float:left;}
.right.btn.btn-primary{width:auto;float:right;}
.heading{line-height:1;}
.text .btn{
  background: #000;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 5px;
  font-family: "Share","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 38px;
  color: #fff;
  font-size: 38px;
  color: #000;
  border: solid 1px #000;
  line-height: 0.8;
  float: right;
  margin-top: 0;
}
.text .btn a{
  /*color: #fff;*/
}
.text .btn:after{
  background: url( /out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
#flexsliderheader.flexslider .flex-control-paging{display:block;bottom:15px;}
#flexsliderheader .flex-control-paging li a{background: rgb(255, 181, 2);background: rgba(255, 181, 2, 0.5);}
#flexsliderheader .flex-control-paging li a.flex-active{background: rgb(255, 181, 2);background: rgba(255, 181, 2, 0.9);}

.attrbody {position:relative;}
.attrhead label:before{
  content:"";
  position:absolute;
  right:8px;
  top:4px;
  height:20px;width:10px;
  background: url( /out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform:rotate(0deg);transition:transform 0.5s;
}
.attrhead.active label:before{
  content:"";
  position:absolute;
  right:8px;
  top:4px;
  height:20px;width:10px;
  background: url( /out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform:rotate(90deg);
}
/*.attrhead {
line-height: 18px;
background: #6ab025;
width: 85%;
height: 24px;
padding: 0 5px;
color: #fff;
}*/
.attrhead label{color:#fff !important;}
/*p.attrfilter{display:none;}*/

.html-nl{display:none;}

.telflyout{;position:relative;right:0;transition:right 0.5s;}
.telflyout.moveright{position:relative;right:300px;}
.telflyout .tel{height:35px;    cursor: pointer;}
.telflyout .tel img{width:45px;height:35px;}
.telflyout .tel a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}

.mailtoflyout{;position:relative;right:0;transition:right 0.5s;}
.mailtoflyout.moveright{position:relative;right:300px;}
.mailtoflyout .mailto{height:35px;    cursor: pointer;}
.mailtoflyout .mailto img{width:45px;height:35px;}
.mailtoflyout .mailto a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}
@media screen and (max-width:767px){
.telflyout, .mailtoflyout{display:none !important;}
}
@media screen and (min-width:768px){
.tel.button, .mailto.button{display:none !important;}
}
.back-button{    position: relative;
  top: 10px !important;margin-bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 5000;}
.back-button span, .back-button .span{content:"";display:inline-block;background: url(/out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);    width: 8px;
  height: 15px;cursor:pointer;
}
.back-button a{
  position: relative;
  top: -2px;
  left: 5px;cursor:pointer;
}

#c1100 img{width:100%;}

@media screen and (max-width: 767px){
.container-fluid.headerpic{margin-bottom: -10px;}
.container-fluid.headerpic .container {
  /* padding-left: 77px; */
  position: absolute;
  top: 50px;
  margin: 0;
  /* transform: translateX(-50%); */
  background: none;
  right: 15px;
}
.headerpic .text{background:none;}
.container-fluid.headerpic .container .heading {font-size: 50px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
#content{padding:0;}
}
@media screen and (max-width: 570px){
.container-fluid.headerpic .container {}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 480px){
.container-fluid.headerpic .container {top:10px;right:15px;}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 375px){
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}

.row.nomargin .frame.default,
.row.nomargin figure{margin-bottom:0}
.container-fluid.headerpic{margin-right:0;margin-left:0;padding-left:0;padding-right:0;}
.tx-powermail h3{display:none;}

.news-single .social{display:none;}



.cl-details #wrapper{    background-color: rgba(173, 173, 173, 0.7);}
.bodystart{position:relative;}

.bodystart, .bodyend{display:none;}
a:hover, a:focus{}
body>.container>.main-row{box-shadow:none;}
img{max-width:100%;}
#footer{
  border-top: 0;
  border-bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  color: #333;
  padding: 30px 0;
  border: 0;
  border-top: 1px solid;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  
  color: #000;
}
.footer-box-content{display:none;}
.active .footer-box-content{display:block;}
.legal{background-color: transparent;border-top: 1px solid #111111;
  margin-top: 30px;
  /*border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 8px -2px rgba(0,0,0,0.33);*/}

.container.totop{
  position:fixed;bottom:0;
}
#jumptotop{position:absolute;right:-45px;width: 40px;}
#jumptotop img{}
#jumptotop span{font-size:12px;/*font-family:'Kameron', serif;*/display:block;text-align:center;letter-spacing:1px;}
#jumptotop.show{opacity:0.9;}
i#jumptotop.fa:before{display:none;}
.headerpic img{width:100%;}
/*.container-fluid.headerpic{margin-left:-15px;margin-right:-15px;position:relative;    margin-top: 100px;}*/
/*.headerpic .container{    position: absolute;
top: 50px;
margin: 0 50%;
transform: translateX(-50%);}*/
/*.headerpic .text{position:absolute;right:30px;}*/

.text{color:#fff;}
.text .btn{background:#fff;color:#000;letter-spacing:2px;text-transform: uppercase;padding: 5px;/*font-family: 'Kameron', serif;*/font-size: 38px;color: #111111;    font-size: 38px;
  color: #111111;
  border: solid 1px #111111;
  line-height: 0.8;
  float: right;}
.text .btn:after{content:"";display:inline-block;color:#111111;font-size:38px;margin-left: 25px;
  width:20px;height:28px;
  background:url(/out/ecfdesign/newleaf/icons/Pfeil.svg);background-repeat:no-repeat;background-size:contain;
  top: 1px;
  position: relative;
}
.claim{text-shadow:none;text-transform:uppercase;top:0;margin-left:15px;}
.subpage .claim{top:25px;}

h3 {
  margin-bottom: 22px;
}
/*#wrapper ul{list-style-type:none;}
#wrapper ul li{text-indent: -6px;}
#wrapper ul li:before{content:"✔";color:#000;display:inline-block;position: relative;right: 10px;}
#wrapper .green ul li:before{color:#fff;}
#wrapper .boxwrapper ul li:before{display:none;}*/
/*.row.equalheight > div[class^="col-"]{flex:1}*/
/*.row .row {display:inherit;}
.row .row > div[class^="col-"]{flex:inherit}*/
/*BEISPIEL mit Ã¼berragenen Bild in Content*/
.main-row.pull-up{margin-top:-280px;}

/*Logo*/

/*Flyout*/
.flyout {top:534px;z-index:5000;}
/*.socials, .searchflyout{position:fixed;top:0;right:0;}*/
.searchflyout{transition: right 1s;position:relative;}
.socials > div.searchflyout{padding:0;}
/*.searchflyout .input-group{width:330px;}*/
.searchflyout .fa{font-size:26px;}
/*.searchflyout .form-control{height:41px;}*/
/*.socials{top:200px;z-index:500;}*/
.socials > div {
  width: 45px;
  margin-bottom: 10px;
  background:#004688;
  padding: 5px;
  height:45px;
}
.socials .socialflyout {
  display:none;
  width: inherit;
  height: 45px;
  transition: right 1s;
  position: relative;
}
.socialflyout > div {
  float: left;
  width: 45px;
}
.socials .modal-brands-link{width:45px;height:45px;}
.socials .modal-brands-link img, .socials .tel.button img, .socials .mailto.button img{width:45px;top:0;position:relative;}
.socials .socialflyout {
  display:none;
  width: inherit;
  height: 45px;
  transition: right 1s;
  position: relative;
}
.btn-primary, .btn-primary:hover {
  color: #fff;
  background-color: #111111;
  border-color: #111111;
}
/*Produkte Startseite*/
.zwischenloesung{margin-bottom:30px;}
.details-dd{padding-left:10px; text-align:right; padding-right:10px;cursor: pointer;background: #111111;/*transform: translateY(-100%);transition:transform 1s;*/width: 99%;
  transform: translateX(0.5%);z-index: 1;position: relative; top:10px;}
.active .details-dd{/*transform: translateY(0%);*/}
.details-dd:after{content:"✔";display:inline-block;text-align:right;transform:rotate(-45deg); transform:rotate(90deg); transition:rotate 1s;}
.details{padding:0px;transition:all 0.5s, padding 0.5s, height 0.5s;overflow:hidden;background: #fff;position: relative;z-index: -1;transform: translateY(-100%);
  background: rgba(0, 0, 0, 0.7);color: #fff;}
.active .details{display:block;padding:10px;background:#fff;transform: translateY(0%);height:auto;width: 99%;margin-left: 0.5%;
  background: rgba(0, 0, 0, 0.7);color: #fff;}
/*TEST*/
.details{transform:inherit;min-height:251px;margin-top:-251px;padding:10px;}
.active .details{transform:inherit;margin-top:0;}
/*TEST END*/
.details > div{margin-bottom:10px;}
.details .articlename{font-weight:700;font-size:22px;}
.details .articlenumber{text-transform:uppercase;letter-spacing:2px;}
.details .articledetails{}
.details .articledesc{}
.active .details-dd:after {transform: rotate(-90deg);}
.active .details-dd:after {transform: rotate(-90deg);}
.list-topproducts .image {box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);position: relative;z-index: 3;}
.list-topproducts {padding:0;margin:0;}
.row .list-topproducts img {width:100%;}
.imagehover{display:none;}
.image:hover .imagehover{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(80, 80, 80, 0.5);}
.image:hover .productlink{display:table;height:100%;width:100%;}
.image:hover .productlink a{display:table-cell;vertical-align:middle;text-align:center;color:#fff;text-decoration:none;}
.category{
  position: absolute;
  top: 16px;
  background: rgba(255, 255, 255, 0.75);
  color: #111111;
  font-family: 'Share', serif;
  left: -1x;
  padding: 5px;
  width: 150px;
  height: 30px;
  transition: all 1s;
  z-index: 150;
  text-align: left;
  letter-spacing: 0.25rem;
  font-size: 16px;
  border: 0.025rem solid;
  padding-left: 25px;
}
.category span{position:relative;z-index:150;}

/*.searchflyout:hover, .searchflyout:focus {
right: 285px;
z-index: 1500;
}*/

.heading {
  font-family: 'Share', serif;
  font-size: 90px;
  text-shadow: 2px 2px #111111;
  color: #fff;
  line-height: 0.8;
  margin: 0;
}

.main-row {
  box-shadow:none;
  position:relative;
  z-index:100;
}



#breadcrumb {
  display:none;
}

#wrapper {
  background:transparent;
}

.default .btn {
  background: #fff;
  width: 100%;
  color: #111111;
  /* font-family: 'Kameron', serif;*/
}


input {
  background: #eee;
  border: 1px solid black;
  -webkit-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
  -moz-box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
  box-shadow: inset 2px 2px 8px -2px rgba(0,0,0,0.33);
}
.form-control:focus{
  border-color: #fbc229;
  outline: 0;
  box-shadow: inset 0 3px 8px 0px rgba(0, 0, 0, 0.5)), 0 3px 8px 0px rgba(0, 0, 0, 0.5);  
}
.round img{-webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}


.entrance.green{background:#fbc229;color: #000; padding-bottom:20px;}
.entrance.green img{/*width:60%*/;display:block;margin:0 auto;transform:rotate(-5deg);}
.entrance.green a{
  font-size: 25px;
  line-height: 25px;
  color: #fff;
  /* font-family: 'Kameron', serif;*/
  letter-spacing: 0.25rem;
  display: block;
  font-size: 1em;
    font-family: Arial, sans-serif;
    color: #000;
    letter-spacing: inherit;
    font-weight: 300;
    line-height: inherit;
    margin-bottom: 0;
}
.entrance:after{display:table;content:"";clear:both;}
.entrance-image {
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
  min-height: 178px;
  background:white;
}

.entrance-image img {
  width:100%;
  border: 15px solid #fff;
}


.col-2{
  -webkit-column-rule-color: #111111;
  -moz-column-rule-color: #111111;
  column-rule-color: #111111;
}

.push-down{position:relative;top:30px;}
/*Navigation*/
.navbar-toggle{display:block;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:transparent;}
.navbar-toggle .icon-bar{width:100%;height:4px;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#111111;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background:#c01a2b;}
.shopping-bag-mini{color:#111111;}
.navbar-header span{display:block;color:#000;text-align:center;position: relative;font-weight: 700;top: -5px;letter-spacing: 2px;}
/*#mainnav .navbar-header{float:right;position:relative;top:-15px;}*/
/*.navbar-default .navbar-toggle .icon-bar{display:none;}*/
/*.navbar-collapse.collapse{position:absolute;top:90px;right:0;visibility:hidden;background:rgba(255,255,255,0.95);}*/
.navbar-collapse.collapsing{display:none !important;height:0 !important;visibility:hidden;}
/*.navbar-collapse.collapse.in{position:absolute;top:90px;right:0;visibility:visible;}*/
body.fixed-header #header #mainnav.fadeIn .logo-col img{max-height:100px !important;}
.logo-col {float:left;}
.logo-col img {position:relative;z-index:100;}
/*Nur Startseite und karlkemper-Menü zeigen*/
/*.navbar-nav{height:40px;}*/
/*.navbar-collapse.collapse{position:absolute; z-index:-500;opacity:0;}*/
/*.navbar-collapse.collapse.in{position:absolute; z-index:5500;opacity:1;}*/
ul#navigation li{width:0;visibility:hidden;}
ul#navigation li.startlink, ul#navigation li.active.dropdown{display:block;visibility:visible;width:inherit;}
ul#navigation li.active.dropdown li{display:block;}
.active.dropdown .dropdown-menu{}
ul#navigation .active.dropdown .dropdown-menu li{visibility:visible;width:auto;}
/*Footer*/
.contact{margin-bottom: 50px;}
.contact a{font-size:35px;line-height:35px;color: #004587;font-family:Arial,sans-serif;letter-spacing: 0.25rem;}
.contact a:before{display:inline-block;content:"";width:35px;height:35px;margin-right:10px;top: 15px;position: relative;}
.contact a.tel:before{background:url(/out/ecfdesign/newleaf/icons/tel.svg);background-size:contain;}
.contact a.fax:before{background:url(/out/ecfdesign/newleaf/icons/fax.svg);background-size:contain;}
.contact a.mail:before{background:url(/out/ecfdesign/newleaf/icons/mail.svg);background-size:contain;}
#jumptotop{color:#111111;}
footer{padding: 0;}


/*Animationen Keyframes*/
@keyframes shake {
  0% {
    transform: rotate(-5deg);
}
30% {
  transform: rotate(0deg);
}
60% {
  transform: rotate(-5deg);
}
}

.flyout{}
.flyout.load{animation: none;right:-780px;}
.flyout:hover{animation: movehover 1s linear;}


@media screen and (max-width:480px){
header{height:inherit;}
.navbar-collapse.collapse.in{position:relative;}
body.fixed-header #header #mainnav.fadeIn{height:inherit;}
}

@media screen and (max-width:570px){

}

@media screen and (max-width:767px){
.language-menu li.active {display: none;}
	
	
.socials {
  display: inline-block;
  float: right;
  z-index: 666;
  height:0;
  top: 2px;
  right: 7px;
}

nav#mainnav-subpage .navbar-header {
    right: 185px;
}
button.navbar-toggle {
    top: 10px;
	left: -50px;
}
.ovale{display:none !important;}
.socials > div.searchflyout{
  top:-17px;
  height:0;
}
.input-group {
  width: inherit;
}
.input-group .form-control {
  width:0;
}
.flyout {
  position: absolute;
  width: 77px;
  top:-502px;
  left: 217px;
}
.flag {
  display: inline-block;
  top:initial !important;
  height: 45px !important;
  width: 50px !important;
  margin-left: 10px !important;
}
.flag span {
  display:none !important;
}
.contact-bubble{
	display: none;	
}
.brands {
  top: -10px !important;
  left: 10px !important;
}

.#mainnav .container .logo-col{ 
  top: 20px;
}
nav#mainnav button {
  background: none; }

.navbar-toggle .icon-bar {
  display:block !important;
  /*background-color: #000000 !important;*/
  width: 40px;
  height: 4px;
  margin-bottom: 7px;
}
.navbar-header small {
  display:none;
}

.claim {
  font-size: 25px;
  text-align: center;
}
}

@media screen and (max-width:991px){
.row.list-topproducts.equalheight-child .col-md-4 {
  margin-bottom:20px;
}
.contact {
  transform: none;
}
.col-md-6 {
    border-left: none !important;
}
.entrance.green h3 {margin-top: 20px;}
}

@media screen and (max-width:1024px){

}
@media screen and (max-width:1119px){
.equalheight-child .entrance div.imagewrapper {
  margin-bottom: 30px;
}
/*.infowrapper{position: fixed;
top: 0;
width: 100%;
background: #fff;    z-index: 1500;
height: 50px;}*/
}
#mainnav .navbar-header {
	z-index: 5000;
    z-index: 5000;
    right: 300px;
}
@media screen and (min-width:1200px){

}

.page-header{border:0;}
/*Navigation*/
/*.navbar-collapse.collapse.in{padding:0;top:70px;}*/
.fadeIn .navbar-collapse.collapse.in{top:45px;}
.navbar-collapse.collapse.in .active.dropdown .dropdown-menu{position: relative;}

#wrapper.cleanpage{background-color: rgba(255, 255, 255, 0.75);}

div#bgchange {
  display: none !important;
}

input#searchParam{transition:width 0.5s;}
input#searchParam:focus{/*width:100%;*/}
.searchflyout input.form-control{padding:0;}
.searchflyout.focus input.form-control{padding: 6px 12px;}
.searchflyout input.searchsubmit{display:none;opacity:0;transition:opacity 0.7s;}
.searchflyout.focus  input.searchsubmit{display:block;opacity:1;position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1600;
  line-height: 41px;
  background: #004688;
  border: 0;
  box-shadow: none;}


.socials .btn.btn-primary {
  border-radius:0px;
}

.attrbody {position:relative;}
.attrhead label:before{
  content:"";
  position:absolute;
  right:8px;
  top:4px;
  height:20px;width:10px;
  background: url( /out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform:rotate(0deg);transition:transform 0.5s;
}
.attrhead.active label:before{
  content:"";
  position:absolute;
  right:8px;
  top:4px;
  height:20px;width:10px;
  background: url( /out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transform:rotate(90deg);
}
/*.attrhead {
line-height: 18px;
background: #6ab025;
width: 85%;
height: 24px;
padding: 0 5px;
color: #fff;
}*/
.attrhead label{color:#fff !important;background:#000;}
.multifilter_reset_icon span{background:#fbc229 !important;}
/*p.attrfilter{display:none;}*/

.html-nl{display:none;}

.telflyout{;position:relative;right:0;transition:right 0.5s;}
.telflyout.moveright{position:relative;right:300px;}
.telflyout .tel{height:35px;    cursor: pointer;}
.telflyout .tel img{width:45px;height:35px;}
.telflyout .tel a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}

.mailtoflyout{;position:relative;right:0;transition:right 0.5s;}
.mailtoflyout.moveright{position:relative;right:300px;}
.mailtoflyout .mailto{height:35px;    cursor: pointer;}
.mailtoflyout .mailto img{width:45px;height:35px;}
.mailtoflyout .mailto a{display:inline-block;line-height:45px;background: #fff;top:-40px;left:40px;position:relative;padding-left: 10px;width: 300px;}
.cleanpage .product-box-info{color:#000;}
@media screen and (max-width:767px){
.telflyout, .mailtoflyout{display:none !important;}
}
@media screen and (min-width:768px){
.tel.button, .mailto.button{display:none !important;}
#header .container{}  
}
.back-button{    position: relative;
  top: 10px !important;margin-bottom: -10px;
  left: 0;
  width: 100%;
  z-index: 5000;}
.back-button span, .back-button .span{content:"";display:inline-block;background: url(/out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);    width: 8px;
  height: 15px;cursor:pointer;
}
.back-button a{
  position: relative;
  top: -2px;
  left: 5px;cursor:pointer;
}

#c1100 img{width:100%;}

@media screen and (max-width: 767px){
.container-fluid.headerpic{margin-bottom: -10px;}
.container-fluid.headerpic .container {
  /* padding-left: 77px; */
  position: absolute;
  top: 50px;
  margin: 0;
  /* transform: translateX(-50%); */
  background: none;
  right: 15px;
}
.headerpic .text{background:none;}
.container-fluid.headerpic .container .heading {font-size: 50px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
#content{padding:0;}
.contact a{font-size:25px;line-height:25px;}
.contact a:before{width:25px;height:25px;top: 5px;}
.tel.button, .mailto.button, .modal-brands-link,  nav#mainnav .searchflyout button.btn.btn-primary{border: 1px solid #fff;}
}
@media screen and (max-width: 570px){
.container-fluid.headerpic .container {}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 480px){
.container-fluid.headerpic .container {top:10px;right:15px;}
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}
@media screen and (max-width: 375px){
.container-fluid.headerpic .container .heading {font-size: 22px !important;}
.headerpic .text .btn{font-size:14px;}
.text .btn:after{height:18px;}
}

.row.nomargin .frame.default,
.row.nomargin figure{margin-bottom:0}
.container-fluid.headerpic{margin-right:0;margin-left:0;padding-left:0;padding-right:0;}
.tx-powermail h3{display:none;}

.news-single .social{display:none;}

.navbar-default .navbar-toggle .icon-bar{display:block;background-color:#000;}
.flyout .brands{width:745px;}
.flex-direction-nav a:before{
  background: url(/out/ecfdesign/newleaf/icons/Pfeil.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.calendarize .event{border-bottom:1px solid #000;}
.calendarize-item .dl-horizontal span{color:#fff;}
@media screen and (min-width: 768px){
.flyout {right: -745px;}

}
@media screen and (min-width: 1200px){
.col-lg-4.equalheight-child .inner {
  min-height: 512px;
}
.subpage header {height: 105px;}
}

.row.nomargin.equalheight{display:block;}

.text .btn{background:#bfac87;border:solid 1px rgba(191, 172, 135, 0.5);}
.infowrapper a{color:#000;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;box-shadow:none;}
.col-lg-4 .hidden-xs.hidden-sm .image-center.image-above img{height:859px;}
.dropdown.moreLinks a.dropdown-togge{display:none;}

.row.nomargin img{width:100%;}
.subpage .navbar-nav{    top: 35px;    right: 293px;}
.back-button{width:50% !important;}
.title a{color:#000;}
@media screen and (max-width: 991px) {
#header .header-box{padding-top:10px;padding-bottom:10px;}
}
@media screen and (max-width: 767px){
ul#navigation {
    right: 210px;
    width: 160px;
    top: 45px;
}
.subpage .navbar-nav {
  top: 45px;
  right: 240px;
  position:absolute !important;
}

.karlkemper .logo-col{margin-bottom:5px;}
.karlkemper .logo-col img{height:80px !important;}
.karlkemper .claim{margin-left:0;left:0;top:15px;}  
nav#mainnav-subpage .navbar-header {
    top: -5px;
    position: relative;
}
}
@media screen and (max-width: 375px) {
.karlkemper .claim{margin-left:0;left:0;padding-right:0;}  
}
.categoryDescription > p{display:none;}
#modal-window{-webkit-overflow-scrolling:touch}
@media screen and (max-width: 375px){
#header .header-box .logo-col {
  padding-left: 0;
  display: inline-block;
  width: initial;
}
.karlkemper .claim{font-size:15px;left:15px;}
}

@media screen and (max-width: 767px){
.karlkemper .claim{top: 5px;}

.entrance.accordeon{min-height:inherit;}
.accordeon .col-2{height:64px;overflow:hidden;}
.accordeon p.h2{display:none;}
.accordeon .col-2.active{height:auto;}
.accordeon p.h2.active{display:block;}
.accordeon {position:relative;}
.small-dropdown{position:relative;cursor:pointer;}
.small-dropdown:after{content: "";
  display: inline-block;
  width: 8px;
  height: 15px;
  background: url(/out/ecfdesign/newleaf/icons/Pfeil.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position:0 50%;
  position: relative;
  top: 0;transform:rotate(90deg);
  position:absolute;left: 50%;}
.small-dropdown.active:after{transform:rotate(-90deg);}

}
@media screen and (min-width:768px){
.karlkemper .claim{top: 0px;}
nav#mainnav-subpage > .container{padding-top:5px;padding-bottom:5px;}
}
@media screen and (min-width:992px){
.subpage.karlkemper .claim{top: 25px;}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
.claim {letter-spacing: -0.03em;}
}

@media screen and (max-width:570px){


.headerpic .text .btn a{letter-spacing: 1px;}
.headerpic .text .btn:after{margin-left:15px;}
}

@media only screen and (max-width: 570px){
#footer img{width:85%;}
}
.information{float:left;}
.language-menu{float:right;}
.headerpic{position:relative;top:15px;}

.option-group {
  margin-bottom: 15px;
}
.form-control{height:30px;border-radius:0;}
header#header{height:inherit;padding:0;background:url(/out/ecfdesign/src/bg/Papier.jpg);background-size: 100%;}
.subpage header#header{
	height:50px;
	padding:0;
	background:url(/out/ecfdesign/src/bg/Papier.jpg);
	background-size: 100%;
	box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
	position: fixed;
	width:100%;
    left: 0;
}



body.fixed-header #header #mainnav.fadeIn{
    height: 50px;
    width: 100%;
	background:url(/out/ecfdesign/src/bg/Papier.jpg);
	background-size: 100%;
	left: 0;
	box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
}
nav#mainnav-subpage > .container{background:transparent;}
nav#mainnav-subpage{position:relative;}
.headerpic{top:0;}
.entrance.green{
	background:rgba(240, 230, 220, .85);
	background-size: 100%;
}
.legal{margin-top: 0; border-top: 0;}
.entrance{min-height:246px;}
#c1606{height: 498px;}

/*Einrückungen*/
.product{background:rgba(255, 255, 255, 0.6);padding:10px;}
.product a{display:block;background:#c01a2b;color:#fff;padding:10px;}
.product .col-md-6:first-child{width:25%;}
.product .col-md-6:last-child{width:75%;}
.equalheight-child .entrance, .equalheight-child .flexslider, .equalheight-child .flexslider figure{margin-bottom:0;}
.cleanpage .row.product-box:hover .product-box-info{position:relative;}
.attrcol .attrhead label{background:#ffb902 !important;}
#mfmask{display:none;}
#multifilter_filters{margin-left:-15px;margin-right:-15px;}
.listRefine{padding-left:0 !important;padding-right:0 !important;}
/*.attrrow{margin-left: -15px;margin-right: -15px;}*/
.attrcol{width:100% !important;float:left;padding-left:15px !important; padding-right:15px !important;}
.attrhead label{color:#333 !important;
    line-height: 18px;
    background: #6ab025;
    width: 93%;
    height: 28px;
    padding: 5px 5px;
  cursor:pointer;
  margin-right:0 !important;
  position:relative;
}
.attrbody input[type='checkbox'] + label, .attrbody input[type='radio'] + label{
      text-indent: -22px;
}

.attrcol a.multifilter_reset_icon{/*margin-top:3px !important;*/float: right !important;    width: 4%;}
.multifilter_reset_icon span{
      width: 16px;
    /*height: 16px;*/
    background: #65b32d;
    display: inline-block;
    color: #fff;
    text-align: center;
     /*width: 5%;*/
}
.attrcol a.multifilter_reset_icon{line-height: 28px;}
@media screen and (min-width:992px){
  .attrcol{width:33.33333% !important;}
}
/*.attrcol .attrhead label{float:none !important;}
.attrhead {height: 22px;cursor:pointer;}
.attrcol{position:relative;}
.attrcol > .attrbody{display:none;position:absolute;}
.attrcol.active > .attrbody{display:block;
position: absolute;
    top: 25px;
    background: #fff;
    z-index: 15000;
    padding: 5px;
  left:-5px;
}

.attrcol > .attrhead:after{content:"";display:inline-block;position:absolute;width:8px;height:20px;
  background: url(/out/ecfdesign/vegeta/icons/Pfeil_gruen.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;transform:rotate(-90deg);transition:transform 0.5s;}
.attrcol.active > .attrhead:after{transform:rotate(90deg);}
*/

/*Produktideen*/
.listFilter.js-fnSubmit.clear {border-top: 1px solid #999;;}
.listFilter.js-fnSubmit.clear .row {margin: 20px -15px;}
.entrance.green h2 {padding-top: 20px;}
.entrance.green h3 {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
	margin-bottom: 0;
}
.downloadhead {
    cursor: pointer !important;
	padding: 0 !important;
    padding-top: 5px !important;
    background: inherit !important;
}
.downloadhead:after {
    content: "";
    background: url(/out/ecfdesign/newleaf/icons/Pfeil_schwarz.svg);
    position: absolute;
    right: 3px;
    top: 8px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(90deg);
    width: 10px;
}
.downloadcontent li {
    width: 20%;
    display: inline-block;
    border-right: 1px solid #999;
    margin-right: -4px;
}
.downloadpart {
    margin-bottom: 0 !important;
}
.attribute.col-sm-6 {border-left: 1px solid #999;}
.checkbox:last-child {margin-bottom: 0;}
button.btn.btn-primary.productfiltersearch, .btn-primary:active:hover, a.btn.btn-primary.modal-link {
    background: #c01a2b;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: none;	
    width: 100%;
}

.row.product-box {
	position:relative;
	background: url(/out/ecfdesign/src/bg/Papier.jpg);
	box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
	min-height: 450px !important;
}

.col-md-4.lineView.newItems.equalheight-child {margin-bottom: 10px;}

#flexslider2567 { display: none;}



figure.image:before {
    display: block;
    position: absolute;
    width: 100px;
    height: 50px;
    background: url(/out/ecfdesign/src/bg/Klebeband.svg);
    content: "";
    top: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
}
.owl-wrapper {
    padding-top: 10px;
}
.owl-item:before {
    display: block;
    position: absolute;
    width: 100px;
    height: 50px;
    background: url(/out/ecfdesign/src/bg/Klebeband.svg);
    content: "";
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(-5deg);
}

img.lazyOwl {
    border: 15px solid #fff;
	box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.5);
}
.owl-item .item {
    margin: 15px;
}
.owl-buttons {
    display: none;
}
nav .navbar-header{}
.navbar-header span.menutext{display:none !important;}
.claim {display:none;    font-family: 'Impact-Label';    color: #004688;}


.ovale {
    background: url(/out/ecfdesign/newleaf/ovale.png);
    background-size: 700px;
    background-repeat: no-repeat;
    overflow: visible;
    background-position: -136px -340px;
    display: block;
    width: 520px;
    height: 190px;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-bubble {
    background-color: #004688;
    color: #000;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
	padding: 0px 40px;
	/*height: 100%;*/
}
.fadeIn .contact-bubble a, .subpage .contact-bubble a {
	line-height: 50px;
}
.subpage .contact-bubble{height:50px;}
.navbar-header {
    top: 0;
    height: 100%;
    padding-bottom: 0 !important;
}
@media screen and (min-width: 1200px){
#mainnav .navbar-header {
    top: 0;
}
}
.language {
    position: absolute;
    top: 0;
	line-height: 50px;
}
.contact-bubble a {
    color: #fff;
    font-weight: 300;
	line-height:100px
}

.text-muted {
    color: #000;
}

#c2798 {
    position: relative;
    top: -15px;
}


#mainnav .navbar-toggle {
    right: 75px;
    top: 0;
    margin: 0px;
    padding: 20px 10px;
}
#header .header-box {
height: 100px;
padding:0;
}
.header-box .row {
    height: 100%;
}
header#header {
    z-index: 999;
}
#c3348 {
    margin-top: 30px;
}

.cleanpage .container-fluid {
    margin-top: 90px;
}
#header .container {
    width: 100%;
	height: 100px;
}
.menuwlanguage {
    position: absolute;
    width: 100%;
	height: 100%;
    top: 0;
	left:0;
}
nav#mainnav.fadeIn .container {
    position: relative;
    height: 100%;
}


@media screen and (max-width: 480px){
#header .header-box .logo-col{width:40%;}
.karlkemper .claim{left:15px;}
.contact-bubble {display:none;}
}
@media screen and (min-width:992px){
  .attrcol{width:33.33333% !important;}
}

@media screen and (max-width:767px){
	.language {
    position: absolute;
    top: 11px;
    right: -45px;
}
.socials > div.searchflyout.focus {
    position: fixed;
    top: 115px;
    left: 25px;
}
.searchflyout .input-group{margin-top:0;}
ul#navigation{    right:initial;
    width: initial;
    top: 110px;}
	#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li{top:initial;right:initial;}
	.subpage .language{top: 14px;
    right: -23px;}
	.subpage ul#navigation {right: 30px;
    width: 100%;
top: 110px;}
}
@media screen and (min-width:768px){
	.navbar-nav{right:320px;top:100px;}
	nav#mainnav-subpage .navbar-header{    right: 280px;}
	.subpage .navbar-nav{    top: 50px;
    right: 310px;}
}
@media screen and (max-width: 767px){
	nav#mainnav-subpage .navbar-header{right:200px;}
	.subpage .language{top:3px;}
}
@media screen and (max-width: 480px){
	#header .container{height:100px;}
	.subpage .menuwlanguage{position:relative;    clear: both;}
	nav .navbar-header, nav#mainnav-subpage .navbar-header{right:0;}
	.subpage header#header, header#header{height:170px;}
	.infowrapper{position:relative;    clear: both;}
	.language{top:3px;right:13px;}
	#mainnav .navbar-header{right:0;}
	.cleanpage .container-fluid {    margin-top: 205px;}
	.socials > div.searchflyout.focus{top:175px;}
.socials{float:left;}
}
@media screen and (min-width: 768px){
.container .logo-col{width: 750px;float:none;margin:0 auto;    z-index: 1;}	
.container .logo-col a {float:left;}
}
@media screen and (max-width: 991px){
.claim {display:none;}
}
@media screen and (min-width: 992px){
.container .logo-col{width: 970px;float:none;margin:0 auto;    z-index: 1;}	
.container .logo-col a {float:left;}
.claim div {
    display: inline-block;
    font-size: 20px;
    margin-right: 9px;
    top: 8px;
    position: relative;
    left: 7px;
}
.fadeIn .claim div{    display: inline-block;
    font-size: 20px;
    margin-right: 9px;
    top: -27px;
    position: relative;}
	.subpage .claim {top: 15px;}
	.subpage .claim div{    display: inline-block;
    font-size: 20px;
    margin-right: 9px;
    top: -27px;
    position: relative;}

}
@media screen and (min-width: 1200px){
.container .logo-col{width: 1170px;float:none;margin:0 auto;    z-index: 1;}	
.container .logo-col a {float:left;}
.claim{margin-left:0;}
.claim div {
    display: inline-block;
    font-size: 24px;
    margin-right: 9px;
    top: 8px;
    position: relative;
    left: 33px;
}
.fadeIn .claim div{    display: inline-block;
    font-size: 28px;
    margin-right: 9px;
    top: -27px;
    position: relative;}
	.subpage .claim {top: 15px;}
	.subpage .claim div{    display: inline-block;
    font-size: 28px;
    margin-right: 9px;
    top: 8px;
    position: relative;}
}

