/*
Theme Name: farbenspiel
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.page-header {
    display: none;
}
#top-bar {
    display: none;
}
h2 {
	margin: 30px 0px 10px 0px;	
}
#scroll-top.scroll-top-left {
    left: 20px;
    right: auto;
}
#scroll-top {
    display: inline;
}
#scroll-top:hover {
    background-color: rgba(0,0,0,0.8);
}
#scroll-top {
    bottom: 40px;
}
#scroll-top {
    position: fixed;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
    z-index: 100;
    box-sizing: content-box;
}
#box {
  min-height: 350px !important;
  padding-bottom: 30px !important;
}
button[type="submit"],
.button {
	background-color: #848E45;
}
button[type="submit"]:hover,
.button:hover {
	background-color: #AAB84A;
}


#testimonial .elementor-widget-container {
  min-height: 220px;
}
.swiper-slide-inner {
  background: rgba(0,0,0,0.35);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
}

/* Woocommerce CATEGORY TITLE RESET */
#main {
  background-color: #F7F6F5; /* #FCFBFA; */
}
.elementor-2565 .elementor-element.elementor-element-2fd563c > .elementor-element-populated {
  border-color: #eaeaea !important;	
}

.elementor-2565 .elementor-element.elementor-element-8c75571 > .elementor-element-populated {
  border-style: solid;
  border-width: 0px 1px 10px 1px;
  border-color: #eaeaea !important;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin: 0px 0px 0px 0px;
  --e-column-margin-right: 0px;
  --e-column-margin-left: 0px;
  padding: 10px;
}
span.onsale  {
	color:#ffffff !important;
	font-weight:bold;
}
.elementor-element.elementor-element-4004010.elementor-widget.elementor-widget-wp-widget-woocommerce_product_categories {
  background-color: #f8f6f2 !important;
  border: 1px solid darkgray;
}
#kategorien .product-category.product.first.col.span_1_of_4,
#kategorien .product-category.product.col.span_1_of_4 {
  background-color:#C7C5B2;
  padding:10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 0px !important;
}
#kategorien .product-inner.clr {
  border: 0px solid #dadada;
}
.product-inner.clr {
  border: 1px solid #dadada;
}
.woocommerce-loop-category__title {	
	font-size: 18px;
}
.woocommerce-loop-category__title mark.count{
	color:white;
}

.eael-post-carousel-style-three .eael-entry-content {
  padding: 0 15px 20px 15px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #42807C;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #42807C;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  border-color: #848e45 !important;
}
.woocommerce ul.products li.product .price .amount {
  font-size: 24px;
}
.woocommerce ul.products li.product .woo-entry-inner li.image-wrap .woo-entry-image, .woocommerce ul.products li.product .woo-entry-inner li.image-wrap .product-entry-slider-wrap {
  background: #fff;
}
.button {background-color: #848e45 !important;}
.button:hover {background-color: #aab84a !important;}

.woocommerce-info {
  border-color: #d1d1d1 !important;
}
.woocommerce-message::before {
  color: #2B5B58 !important;
}
.woocommerce-info::before {
  color: #2B5B58 !important;
}
.woocommerce-message {
  border: 3px solid #A5BF7F;
  background-color: #EBF2E1;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  border-color: #848e45;
}
#btnCntShoping {
  background-color: #666d35;
}
#btnCntShoping:hover {
  background-color: #aab84a;
}
.quantity {
  color: #999042;
}
.elementor-button.elementor-button--checkout.elementor-size-md {
  height: 61px;
}
.elementor-button-content-wrapper {
  color: #fff;
  padding: 10px 20px;
  border-radius: 10px 0px 10px 0px;
}
.elementor-button-content-wrapper:hover {
  color: #fff;
}

.woo-product-gallery {
  border: 1px solid #dadada;
}
.woocommerce ul.products li.product:not(.product-category) .woo-product-info {
  min-height: 230px;
}

.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
  position: relative;
}
.wcppec-checkout-buttons {
  z-index: 1 !important;
}
.woocommerce-message a {
  float: right;
	color: #fff;
  min-height: 9%;
  padding: 12px 30px;
 background-color: #848e45 !important;
}
.woocommerce-message a:hover {
  background-color: #aab84a !important;
}
/* BEREICH: WARENKORB */

a:hover {
  color: #aab84a;
}
.woocommerce-page .cart-collaterals .cross-sells {
  width: 48%;
  float: left;
  padding: 0px 20px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
}
.woocommerce table.shop_table thead {
  background-color: #f8f6f2;
}
.woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods {
  padding-bottom: 20px;
  text-align: right;
}
.price, .amount {
  color: #1a1a1a !important;
  font-weight: bold;
}
.woocommerce-price-suffix {
  font-weight: normal;
  font-size: .7em;
}
.product-price,
.product-subtotal {
  text-align: right;
}
.woocommerce .cart-collaterals h2 {
  background-color: #d3d4d5 !important;
}

#owp-checkout-timeline .active .timeline-wrapper {
  background-color: #848e45;
}
#owp-checkout-timeline.arrow .active .timeline-wrapper::before {
  border-top-color: #848e45;
  border-bottom-color: #848e45;
}
#owp-checkout-timeline.arrow .active .timeline-wrapper::after {
    border-left-color: #848e45;
    border-right-color: #848e45;
}
.image-wrap {
  padding-top: 20px;
  background: #fff;
}
.elementor-products-nothing-found {
  color: #253E55 !important;
  font-family: "Calibri", Sans-serif;
  font-weight: 400;
  font-size: 24px;
  text-align: center;
  border: 1px solid #dadada;
  padding: 10px;
	background-color:#FBE7E2;
}

/*******************************************************************************************************************************
 Einstellungen für Produktkategorie-Karusell
********************************************************************************************************************************/

.flipster__item__content img {
  height: 300px !important;
  border: 1px solid #dadada !important;
  -webkit-box-shadow: 5px 5px 50px #D6D5D5 !important;
  -moz-box-shadow: 5px 5px 50px #D6D5D5 !important;
  box-shadow: 5px 5px 50px #D6D5D5 !important;
}
.flip-carousel-text {
  text-align: center;
}
.elementor-element.elementor-element-28989de0 .eael-flip-carousel {
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #A1A1A1;
  border-radius: 0px;
  height: 400px;
  padding-top: 40px;
}
.elementor-skin-carousel .elementor-main-swiper, .elementor-skin-coverflow .elementor-main-swiper {
  height: 350px !important;
}
/*******************************************************************************************************************************
 Angepasste Einstellungen für mobile Endgeräte
********************************************************************************************************************************/

@media screen and (max-width: 1080px) { 
#box {
  min-height: 320px !important;
  padding-bottom: 5px !important;
}
@media screen and (max-width: 810px) { 
#box {
  min-height: 320px !important;
  padding-bottom: 30px !important;
}
}
@media screen and (max-width: 428px) {
	
#box {
  min-height: 320px !important;
  padding-bottom: 20px !important;
  margin-bottom:15px;
}

#boxbutton {padding:20px;}
	
.elementor-12773 .elementor-element.elementor-element-1c06b981 {
  padding: 68% 0% 18% 0% !important;
}
}