/*!
Theme Name: Net Cube Bootstrap
Theme URI: https://them.es/starter
Author: Net Cube Falk Rußow
Author URI: https://net-cube.de
Description: 
Version: 3.5.4
Requires at least: 5.0
Tested up to: 6.7
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: net-cube-bootstrap
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */


@font-face {
  font-family: 'enviro';
  src: url('/wp-content/themes/net-cube-bootstrap/fonts/enviro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/net-cube-bootstrap/fonts/montserrat-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body {
	overflow-x: hidden;
    width: 100%;
}

h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  font-family: 'enviro', sans-serif !important;
}

h2,h3,h4,h5,h6, h2 a,h3 a,h4 a,h5 a,h6 a, h1.woocommerce-products-header__title {
	color:#cf2e2e !important;
}
.hinweis-box {
    font-size: smaller;
}

#cmplz-document {
	width: 1620px !important;
    max-width: 100% !important;
    margin: auto !important;
}
iframe {
	width:100%;
}
#menu-footer-1 {
	list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    justify-content: center;
	flex-wrap: wrap;
}

#footer .menu-item a[aria-current=page]{
	color:#fff !important;
	font-weight:bold;
}

.kt-blocks-carousel {
	width:100%;
}
#cmplz-manage-consent .cmplz-manage-consent {
	font-size:0.7rem !important;
	height:30px !important;
	padding: 10px !important;
}
#main {
    margin-top: 0rem !important;
}

#footer {
    background-color: #cf2e2e !important;
    color: #fff;
}

#footer a {
	color:#fff;
}

#main.container {
	    padding-left: calc(var(--bs-gutter-x)* .0) !important;
    padding-right: calc(var(--bs-gutter-x)* .0) !important;
}


.alignnone {
	margin: 5px 10px 20px 10px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

section.related.products {
    clear: both;
    padding-top: 2rem;
    text-align: center;
}
section.related.products h2 {
	padding-bottom:1.5rem;
}
.woocommerce ul.products li.product a img {
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
    max-height: 300px;
    width: auto;
}
.woocommerce ul.products li.product a {
	text-align:center;
}

.woocommerce .woocommerce-breadcrumb {
    margin: 2rem 0 1em 0 !important;
    padding: 0;
}

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.bypostauthor {
	font-weight: bold;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* Woocommerce */

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    max-height: 370px;
    width: auto;
}

.woocommerce-ordering, .shipping-costs-info {display:none;}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	padding: 10px 0;
    border-radius: 100px;
    background: #ffffff;
}

.wc-block-product-template__responsive {
	grid-gap:3rem !important;
}

.wc-block-product-template__responsive.columns-3 {
    grid-template-columns: repeat(auto-fill, minmax(max(150px, calc(33.33333% - 2.83333em)), 1fr)) !important;
}

.wc-block-product-categories-list--has-images {
    list-style: none outside;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
    padding: 0 !important;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	flex-wrap:wrap;
}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
	margin: 0 !important;
	max-width: 170px !important;
	border:0px !important;
	min-width:70px;
	min-height:190px;
}
#sidebar .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image {
	min-height:1px;
}
#sidebar li.wc-block-product-categories-list-item {
	padding: 0 0 10px 0;
    margin: 0 0 10px 0 !important;
}

.woocommerce nav.woocommerce-pagination ul {
	border: 0 !important;
	margin: 1px 1px 30px 1px !important;
}
.woocommerce nav.woocommerce-pagination ul li {
	border-right: 0;align-content
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #ffffff !important;
}



.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
    clear: both;
    list-style: none outside;
    margin:0px !important;
}

.wc-block-product-categories-list--has-images .wc-block-product-categories-list-item .wc-block-product-categories-list-item-count {
	display:none;
}

.wc-block-product-categories-list-item__name {
	display:block;
	text-align: left;
    padding: 10px 0;
}

.produktliste li.product {
	list-style:none;
	text-align:center;
}

.produktliste li.product h2 {
	
}

.woocommerce div.product {
	padding:0 1rem;
}

.wc-block-product-categories.is-dropdown {
	display:block !important;
}

.wc-block-product-categories select {
	    background: #cf2e2e;
    color: #fff;
    padding: 10px 20px 10px 10px;
    border-radius: 20px;
    border: 0;
}

.widget-area .wc-block-product-categories-list--has-images {
	display: block;
}

.widget-area .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item a {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.widget-area .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item__image img {
	display: block;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: 50px;
    margin-right: 12px;
}

section.related.products {
	clear:both;
}

.btn-anfrage {
	border-radius: 100px !important;
    background: #34a73d !important;
    border: none !important;
    color: #fff !important;
    width: 350px !important;
	max-width: 100% !important;
}

.btn-extra {
	border-radius: 100px !important;
    background: #cf2e2e !important;
    border: none !important;
    color: #fff !important;
	padding-left:20px !important;
	padding-right:20px !important;
}

.wpcf7-submit {
	display:block;
		border-radius: 100px !important;
    background: #34a73d !important;
    border: none !important;
    color: #fff !important;
    width: 100% !important;
	padding:12px 12px;
}

/* Header */

#header.fixed-top {
	background:#ffffff !important;
}

.navbar-brand {
	padding-right:24px;
}

.navbar-nav {
	text-align:center;
}

li#menu-item-412 a {
    background: #cf2e2e;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 100px;
}

.navbar-expand-md .navbar-nav .nav-link {
  position: relative;
  display: inline-block;
  color: #cf2e2e;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.navbar-expand-md .navbar-nav .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #cf2e2e;
  z-index: -1;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  transition: width 0.4s ease;
	border-radius:6px;
}

    .navbar-expand-md .navbar-nav .nav-link:hover::before {
  width: 100%;
}

    .navbar-expand-md .navbar-nav .nav-link:hover {
  color: #fff;
}
.navbar-nav .dropdown-menu {
	background: #cf2e2e !important;
    background-color: #cf2e2e !important;
}

.dropdown-item {
  position: relative;
  display: inline-block;
  color: #fff !important;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: color 0.4s ease;
  -o-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.dropdown-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #ffffff20;
  z-index: -1;
  -webkit-transition: width 0.4s ease;
  -o-transition: width 0.4s ease;
  transition: width 0.4s ease;
}


.dropdown-item:hover::before {
  	width: 100%;
}

.dropdown-item:hover, .dropdown-item.active:hover{
  	color: #fff !important;
	background-color:transparent !important;
	background-image: none !important;
}

.dropdown-item.active, 
.dropdown-item:active {
	color:#fff !important;
	background-color:transparent !important;
	background-image: none !important;
}


/* Animation */

@-webkit-keyframes floatZoom {
  0% {
    -webkit-transform: translate3d(0px, -1px, 0px) scale(1);
            transform: translate3d(0px, -1px, 0px) scale(1);
  }
  25% {
    -webkit-transform: translate3d(12px, -2px, 0px) scale(1.025);
            transform: translate3d(12px, -2px, 0px) scale(1.025);
  }
  50% {
    -webkit-transform: translate3d(-10px, -3px, 0px) scale(1.03);
            transform: translate3d(-10px, -3px, 0px) scale(1.03);
  }
  75% {
    -webkit-transform: translate3d(8px, -1.5px, 0px) scale(1.02);
            transform: translate3d(8px, -1.5px, 0px) scale(1.02);
  }
  100% {
    -webkit-transform: translate3d(0px, -1px, 0px) scale(1);
            transform: translate3d(0px, -1px, 0px) scale(1);
  }
}
@keyframes floatZoom {
  0% {
    -webkit-transform: translate3d(0px, -1px, 0px) scale(1);
            transform: translate3d(0px, -1px, 0px) scale(1);
  }
  25% {
    -webkit-transform: translate3d(12px, -2px, 0px) scale(1.025);
            transform: translate3d(12px, -2px, 0px) scale(1.025);
  }
  50% {
    -webkit-transform: translate3d(-10px, -3px, 0px) scale(1.03);
            transform: translate3d(-10px, -3px, 0px) scale(1.03);
  }
  75% {
    -webkit-transform: translate3d(8px, -1.5px, 0px) scale(1.02);
            transform: translate3d(8px, -1.5px, 0px) scale(1.02);
  }
  100% {
    -webkit-transform: translate3d(0px, -1px, 0px) scale(1);
            transform: translate3d(0px, -1px, 0px) scale(1);
  }
}

.jarallax-container > div {
	animation: floatZoom 12s ease-in-out infinite;
}

.click-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #cf2e2e;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  pointer-events: none;
  -webkit-animation: expandCircle 0.4s ease-out forwards;
          animation: expandCircle 0.4s ease-out forwards;
  z-index: 9999;
}

@keyframes expandCircle {
  to {
    -webkit-transform: translate(-50%, -50%) scale(10); -ms-transform: translate(-50%, -50%) scale(10); transform: translate(-50%, -50%) scale(10); /* 10 * 10px = 100px */
    opacity: 0;
  }
}

#header {
	-webkit-box-shadow: var(--bs-box-shadow) !important;
    box-shadow: var(--bs-box-shadow) !important;
}


@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav {
        gap: 24px;    }
	    .navbar-expand-md .navbar-nav .nav-link {
       text-transform: uppercase;
        font-weight: 500;
        color: #cf2e2e;
			font-size:0.9245rem;
    }
	
	#header {
	-webkit-box-shadow: none !important;
    box-shadow: none !important;
}
	
}

/* Headerbild Kategorien */
/* Nur Styling gezielt auf dieses eine Section anwenden */
.kat-header h1 {
	padding-left: var(--global-kb-spacing-xxs, 0.5rem);
    margin-bottom: var(--global-kb-spacing-sm, 1.5rem);
    font-size: clamp(2rem, 6vw, 7.5rem);
    line-height: 1.1em;
    font-weight: 400;
    font-family: Rochester;
    letter-spacing: 0px;
    color: var(--global-palette9, #ffffff);
    text-shadow: 1px 6px 12px #535353;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
	text-align: center;
}

.kat-header {
background-size: cover;
    background-position: 49% 63%;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.kb-button {
	width:inherit !important;
}

/* Formulare */

.kontaktform label {
    display: inherit !important;
}
.kontaktform label textarea {
	width:100%;
}
.kontaktform .wpcf7-submit {
	max-width:300px;
}
.kontaktform input {
	max-width:100%;
}
.kontaktform .wpcf7-spinner {
	position:absolute;
	z-index:5;
	margin: -36px 24px 0 24px;
	background-color: #cf2e2e;
}