/*
Theme Name: Colour of Stone Theme

Author: hoch4Medien Dirk Sieker
Author URI: https://hoch4Medien.de
Design: hoch4Medien Dirk Sieker
Design URI: https://hoch4Medien.de
Description: ...
Version: 2021.281

Colour of Stone WordPress Theme © 2020 - 23  / hoch4Medien
*/

/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

@-moz-document url-prefix() {
  /* Disable scrollbar Firefox */
  html {
    scrollbar-width: none;
  }
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

@font-face {
  font-family: "FuturaBT-Medium";
  src:
    url("/wp-content/themes/cosTheme/fonts/FuturaBT-Medium.woff2")
      format("woff2"),
    url("/wp-content/themes/cosTheme/fonts/FuturaBT-Medium.ttf")
      format("truetype"),
    url("/wp-content/themes/cosTheme/fonts/FuturaBT-Medium.woff")
      format("woff");
  font-weight: normal;
  font-style: medium;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src:
    url("/wp-content/themes/cosTheme/fonts/Raleway-VariableFont_wght.woff2")
      format("woff2"),
    url("/wp-content/themes/cosTheme/fonts/Raleway-VariableFont_wght.ttf")
      format("truetype");
  font-weight: normal;
  font-style: medium;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
select,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
  /* Code for Firefox */
  color: #f2921c;
  background: transparent;
}

::selection {
  color: #f2921c;
  background: transparent;
}

.components-popover {
  position: fixed !important;
}

html {
  max-width: 100vw;
}
body {
  font-family: "Raleway", sans-serif;
  background-color: #fffdf4 !important;
  line-height: 1;
  overflow-y: scroll;
  color: #1d191d;
  overflow-x: hidden;
  max-width: 100vw;
}

code {
  font-family: "Courier New";
  font-size: 2em;
  border: 2px solid #e96346;
  padding: 35px;
  display: inline-block;
  color: #e96346;
  font-weight: 600;
}
.dev {
  display: none;
}
a {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
}

a:hover {
  text-decoration: underline;
}

button {
  outline: 0;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

strong {
  font-weight: 600;
}

q {
  display: inline;
  font-style: italic;
}

q:before {
  content: '"';
  font-style: normal;
}

q:after {
  content: '"';
  font-style: normal;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

thead {
  background-color: #1f1b1f;
  color: white;
}

thead tr th {
  padding: 10px 2px 10px 14px;
}

th img {
  height: auto;
}

figure.is-style-regular table tbody tr:nth-child(even) {
  background-color: #efefef;
}

.is-style-header-top {
  position: absolute;
  top: -2.2vw;
  color: #ffffff !important;
  font-size: 2vw !important;
}

tbody tr td {
}

th,
td {
  padding: 2px;
}

big {
  font-size: 120%;
}

small,
sup,
sub {
  font-size: 80%;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

dd {
  margin-left: 20px;
}

kbd,
tt {
  font-family: courier;
  font-size: 12px;
}

ins {
  text-decoration: underline;
}

del,
strike,
s {
  text-decoration: line-through;
}

dt {
  font-weight: bold;
}

hr {
  margin-bottom: 20px;
}

address,
cite,
var {
  font-style: italic;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

main.site-main {
  margin-top: 12px;
}

.uppercase {
  text-transform: uppercase;
}
.has-text-align-right {
  text-align: right;
}

.has-text-align-left {
  text-align: left;
}

.has-text-align-center {
  text-align: center;
}

.has-white-color {
  color: white;
}

.has-small-font-size {
  font-size: 90%;
}

.has-large-font-size {
  font-size: 220%;
}

.textShadow {
  text-shadow: 0 0 4px #000;
}

.main-color li a {
  font-weight: 100;
  padding-bottom: 8px;
}

.has-text-align-center,
.aligncenter {
  text-align: center;
}

.smallImg img {
  width: auto !important;
  height: auto !important;
}

.mainTop {
  position: relative;
  top: 200px;
  margin-bottom: 60px;
}

.imgSource {
  position: absolute;
  bottom: 12px;
  z-index: 99;
  color: white;
  right: 10vw;
  font-size: 1em;
}

h1 {
  font-size: 1.4em;
  text-transform: uppercase;
  line-height: 1.024em;
  letter-spacing: -0.016em;
  font-family: "FuturaBT-Medium";
  white-space: break-spaces;
}

h1 strong {
  font-size: 1.17em;
  letter-spacing: -0.01em;
}

h2 {
  font-size: 2em;
  font-weight: 100;
  letter-spacing: -0.01em;
  line-height: 0.96em;
  font-family: "FuturaBT-Medium";
}

h3 {
  font-size: 5.13em;

  font-weight: 600;
  letter-spacing: -0.042em;
  line-height: 1.026em;
  font-family: "FuturaBT-Medium";
}

h4 {
  font-size: 1.2em;
  line-height: 1.022em;
  text-align: center;
  text-transform: uppercase;
  font-family: "FuturaBT-Medium";
}

.woocommerce-shipping-fields h3,
.woocommerce-billing-fields h3,
h5 {
  font-size: 1.2em;
  line-height: 1.022em;
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "FuturaBT-Medium";
}

h6 {
  font-size: 0.9em;
  line-height: 1.0273em;
  font-family: "FuturaBT-Medium";
}

h6.h7 {
  font-size: 1.23em;
  line-height: 1.0207em;
  margin-bottom: 0.5em;
  font-family: "FuturaBT-Medium";
}

h6.h8 {
  font-size: 3.6em;
  line-height: 1.0507em;
  font-family: "FuturaBT-Medium";
}

h6.h9 {
  font-size: 2em;
  line-height: 1.0327em;
  font-family: "FuturaBT-Medium";
}

p {
  font-size: 1.24em;

  margin-bottom: 8px;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.03em;
  font-weight: 300;
  white-space: normal;
  line-height: 1.4;
}

p.small {
  font-size: 80%;
}

.is-layout-flow p {
  margin: 0;
}

select {
  font-size: 0.9em;
  background-color: transparent;
  color: white;
  padding: 6px;
  border-radius: 4px;
  background-color: #1e1a1e;
}

th {
  text-transform: uppercase;
}
.menu-main {
  font-size: 8.13em;
}

.menu-top-main,
.menu-top {
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.main-icon-text {
  font-size: 1em;
  opacity: 0;
  display: block;
  animation: fadeIn normal 2s forwards;
  -webkit-animation: fadeIn normal 2s forwards;
  -moz-animation: fadeIn normal 2s forwards;
  -o-animation: fadeIn normal 2s forwards;
  -ms-animation: fadeIn normal 2s forwards;
}

.main-icon-container {
  width: 40px;
  height: 48px;
  text-align: center;
  display: inline-flex;
}

.main-icon {
  width: 40px;
  position: absolute;
  transition: all 0.25s;
}

.main-icon:hover {
  width: 45px;
  transition: all 0.25s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.menu-logo {
  position: sticky;
  top: -83px;
  z-index: 99999;
}

#holidayHinweis {
  position: relative;
  z-index: 99;
  background-color: #a32c3b;
  width: 100%;
  font-weight: 700;
  padding: 4px;
  text-align: center;
  color: white;
}

#holidayHinweis.hidden {
  display: none;
}

#holidayHinweis.visible {
  display: block;
}

a.logo {
  background-image: url(/wp-content/uploads/COSLOGOBottom.png);

  width: 220px;
  height: 110px;
  z-index: 999999;
  position: relative;
  display: inline-block;
  left: calc(50% - 110px);
  margin: 5px auto -40px auto;
  top: 0px;

  background-size: contain;
  background-repeat: no-repeat;
  z-index: 99900;
}

.XMAS {
  background-image: url(/wp-content/uploads/XMas.png);
  width: 16vw;
  height: 10vw;
  pointer-events: none;
  position: absolute;
  display: inline-block;
  left: calc(50% - 8vw);
  top: 33px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 99901;
}

.b2b_logo {
  background-image: url(/wp-content/uploads/Logo-Neu.png);
  width: 52px;
  height: 30px;
  z-index: 999999;
  position: absolute;
  left: calc(50% - 26px);
  top: 10px;
  margin-bottom: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 99900;
}

@media screen and (max-width: 768px) {
  .b2b_logo {
    width: 36px;
  }
}

div.headerImgLogo figure img {
  position: absolute;
  top: 6vh;
  right: 4vw;
}

section.widget.widget_flex-posts-list.topPost {
  max-height: 75vh;
}

.woocommerce-form-coupon-toggle {
  display: none !important;
}
p img {
  width: 30px !important;
  height: 30px !important;
  position: relative;
  left: -5px;
  top: 24px;
  margin-bottom: 26px;
}

.menu-bottom {
  font-size: 2em;
}

.menu-top-footer {
  font-size: 1.2em;
  line-height: 1.15;
}

.footerHeadline {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.wp-block-button,
.fp-readmore {
  font-size: 0.93em;
}

.wp-block-group {
  display: inline-block;
  width: 100%;
}

ul.list {
  list-style: circle;
  padding-left: 90px;
  font-size: 1.2em;
}

ul.list li {
  margin-bottom: 5px;
}

p.item-shipping_class {
  font-size: smaller;
  font-weight: 600;
}

.cart_totals h5 {
  margin-bottom: 10px;
}

.menu-menu-language-container {
  display: none;
  position: fixed;
  right: 18px;
  bottom: 20px;
}

.menu-menu-language-container ul li {
  margin: 22px;
}

@media screen and (max-width: 1010px) {
  h1 {
    font-size: 1.6em;
  }

  h3 {
    font-size: 11.5vw;
    text-align: left;
    line-height: 90%;
    white-space: normal;
  }

  h4 {
    font-size: 0.9em;
  }

  h6.h8 {
    font-size: 2.6em;
  }

  .wpml-ls-display,
  .noMobile {
    display: none !important;
  }

  .noMobileMenu a::after {
    content: "" !important;
  }

  .noMobileMenu ul.sub-menu {
    position: relative;
    display: block;
    background-color: transparent;
    color: black;
    text-align: center !important;
    top: -10px !important;
    padding-right: 0 !important;
  }

  ul.sub-menu li a span.wpml-ls-display {
    display: inline-block !important;
  }

  .wpml-ls-statics-footer a {
    background-color: transparent !important;
  }

  .menu-menu-top-polnisch-container,
  .menu-menu-top-spanisch-container,
  .menu-menu-top-portugiesisch-portugal-container,
  .menu-menu-top-franzoesisch-container,
  .menu-menu-top-italienisch-container,
  .menu-menu-top-englisch-container,
  .menu-menu-top-container {
    left: 3vw !important;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    width: 100%;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    margin-bottom: 80px !important;
  }

  .menu-logo {
    position: relative;
    top: 4px;
  }

  a.logo {
    width: 178px;
    height: 100px;
    left: calc(50% - 90px);
  }

  a.logo-bottom {
    width: 186px;
  }

  .XMAS {
    width: 156px;
    height: 120px;
    left: calc(50% - 77px);
    top: 28px;
  }

  /* Menu */
  .noMobileMenu {
    display: block !important;
  }

  #menu-menu-top-second-englisch li ul.sub-menu li.menu-item-has-children a,
  #menu-menu-top-second li ul.sub-menu li.menu-item-has-children a {
    color: black !important;
    font-size: 1rem !important;
    padding: 0;
  }

  .noMobileMenuHidden {
    display: none !important;
  }

  .noMobileMenuHiddenA > a {
    display: none;
  }
  li.subMenuItem ul.sub-menu {
    margin-top: 0 !important;
    margin: 0 !important;
    margin-bottom: 12px;
  }
  ul#menu-menu-top-second-englisch li ul.sub-menu li,
  ul#menu-menu-top-second li ul.sub-menu li {
    font-weight: 100 !important;
    text-transform: none !important;
    margin-bottom: 0 !important;
    display: inline-block;
  }

  ul#menu-menu-top-second-englisch li,
  ul#menu-menu-top-second li {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-top: 10px;
    background-color: #f0f0f085;
  }

  img.menuImg {
    position: absolute;
    right: -10%;
  }
}

#menuFull_ {
  position: absolute;
  display: none;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  text-align: center;
  color: black;
  background-color: #fffdf4;
  padding-top: calc(54vh - 340px);
}

#active:checked ~ #menuFull_ {
  display: block !important;
}

.menu-btn {
  position: absolute;
  z-index: 2;
  right: 10px;
  top: -4px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 99999999;
  transition: all 0.3s ease-in-out;
}

.menu-btn span,
.menu-btn:before,
.menu-btn:after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 30%;
  width: 40%;
  border-bottom: 2px solid #000;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.menu-btn:before {
  transform: translateY(-8px);
}
.menu-btn:after {
  transform: translateY(8px);
}

.close {
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: background 0.6s;
}

/* closing animation */
#active:checked + .menu-btn span {
  transform: scaleX(0);
}
#active:checked + .menu-btn:before {
  transform: rotate(45deg);
  border-color: #000;
}
#active:checked + .menu-btn:after {
  transform: rotate(-45deg);
  border-color: #000;
}

.content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  text-align: center;
  width: 100%;
  color: #202020;
}
.content .title {
  font-size: 40px;
  font-weight: 700;
}
.content p {
  font-size: 35px;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product,
  ul.products li.product {
  }

  .wp-block-columns {
    display: inline-block !important;
    width: 100%;
  }

  .wp-block-column {
    width: 100% !important;
  }

  .footerLogo {
    margin: auto !important;
  }

  .coss-product-together .newTitle,
  .coss-products .coss-product .coss-title {
    width: 100% !important;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .coss-wrap-responsive .coss-products .coss-product .coss-price {
    margin-top: 10px !important;
  }

  .main-icon-container {
    margin-top: 20px;
  }

  .pictoColumn {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }

  a.logo {
    margin: 5px auto 0px auto;
  }

  .XMAS {
    top: 14px;
  }

  a.logo-bottom {
    left: 16px !important;
  }
  .is-style-header-top {
    top: -6.2vw;
    font-size: 4vw !important;
  }
}

figure.tableOverflow {
  width: 90%;
  overflow: scroll;
}

.cart-collaterals {
  margin-bottom: 120px;
}

.mainColorB,
.mainColorK,
.mainColor {
  display: none;
}

/* Button */
.wp-block-button,
.fp-readmore {
  border: 1px solid white;

  text-align: center;
  display: block;
  padding: 10px;
  border-radius: 50px;
  color: white;
  position: relative;
  transition: all 0.5s;
}

.fp-readmore-black {
  border: 1px solid black;
  color: black;
  margin: auto;
  width: 250px;
}
.wp-block-button a,
.fp-readmore a {
  transition: all 0.5s;
  padding-bottom: 2px;
  display: block;
}

.wp-block-button a::after,
.fp-readmore a::after {
  content: "→";
  position: absolute;
  left: 20%;
  top: 51%;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
  transform: translate(-15%, -50%);
}

.wp-block-button a:hover,
.fp-readmore a:hover {
  transition: all 0.5s;
  margin-left: -25px !important;
}

.wp-block-button-big {
  width: 244px !important;
}

.wp-block-button-big a::after {
  left: 86% !important;
  top: 40% !important;
}

.fp-readmore a::after {
  left: 84% !important;
  top: 52% !important;
}

.wp-block-button a:hover::after,
.fp-readmore a:hover::after {
  opacity: 1;
  transition: all 0.5s;
  color: #ffffff;
}

.fp-readmore-black a:hover::after {
  color: #000;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* Menü */

@media screen and (max-width: 767px) {
  .burgerMenu::after {
    content: "";
    width: 65px;
    height: 65px;
    top: -12px;
    left: -4px;
    z-index: -1;
    position: absolute;
    border-radius: 100%;
    background-color: #ffffffd6;
  }

  .burger__inner__bun {
    background-color: #06235a;
  }
}

.footerLogo {
  width: 250px;
  height: auto;
}
#containerAjax {
  position: relative;
  display: block;
  min-height: 50vh;
}

.externalLink::before {
  content: "→";
  margin-right: 5px;
}

#headerMenu {
  z-index: 9999999;
  width: 100%;
  top: 0;
  position: relative;
}

nav#menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #f48070;
  width: 100%;
  height: 100%;
}

nav.navigation {
  display: none;
}

.menu-top {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  margin-right: 0;
  z-index: 99;
  text-align: right;
  height: 34px;
  width: 100%;
  background-color: #1e1a1e;
}

ul#menu-top {
  position: absolute;
  width: 100%;
  top: 44px;
  z-index: 99;
  height: 93px;
  text-align: center;
}

ul#menu-top li {
  display: inline-block;
}

@media screen and (max-width: 460px) {
  button.single_add_to_cart_button {
    width: 162px;
    margin: 0;
    padding: 8px !important;
  }
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  display: none !important;
}

.close {
  position: fixed;
  top: 92px;
  right: 40px;
  height: 40px;
  padding-top: 1px;
  padding-left: 1px;
  border-radius: 50%;
  width: 40px;
  left: auto !important;
  color: #1f1b1f;
  background-color: #f3f2f096;
  font-size: 2em;
  cursor: grab;
}

.menu-main {
  left: 50%;
  color: white;
  position: relative;
  top: 42%;
  transform: translateY(-50%);
}

.menu-bottom {
  position: absolute;
  bottom: 60px;
  left: 50%;
  color: white;
}

.menu-bottom ul {
  display: flex;
}

.menu-bottom ul li:last-child {
  margin-left: 40px;
}

button[name="update_cart"] {
  display: none !important;
}

small.tax_label {
  display: none !important;
}

.cart_totals.calculated_shipping h5 {
  margin-bottom: 10px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 80px;
}

.summary.entry-summary {
  position: relative;
}

/* Page */
.entry-title {
  margin-bottom: 1em;
}

.headerImg {
  position: relative;
}
.headerImg img {
  width: 100vw;
  z-index: 0;
  object-fit: cover;
  height: calc(300px);
  position: relative;
}

.headerImgBG {
  width: 100vw;
  height: 300px;
  position: absolute;
  bottom: 0;
}

h6.h8.entry-title-single {
  z-index: 2;
  position: absolute;
  bottom: 60px;
}

.block-editor-block-list__layout p,
.entry-content p.form-row:first-child,
.woocommerce form .form-row label {
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

article.menschen .entry-content,
article.post .entry-content {
  margin-top: 80px;
}

article header {
  position: relative;
  height: 300px;
}

@media screen and (max-width: 767px) {
  .entry-title {
    margin-top: 20px;
  }

  h6.h8.entry-title-single {
    bottom: 30px;
  }
}

/* Footer */
footer#footer {
  background-color: #1d191d;
  padding-top: 80px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.contactFooter .wp-block-column {
  margin: inherit;
}

.menu-top-footer {
  color: white;
}

ul#menu-menu-bottom-1 {
  text-align: right;
}

ul#menu-menu-bottom-1 li {
  display: block;
  text-align: left;
}

ul#menu-menu-bottom-1 li:last-child {
  margin-right: 0;
}

ul#menu-menu-bottom-1 li a {
  position: relative;
  display: inline-flex;
  margin-right: 30px;
}

ul#menu-menu-bottom-1 li a:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1366px) {
  .menu-footer-left {
    margin-left: 30px;
    width: 220px;
  }

  .menu-footer-right {
    margin-right: 40px;
    width: 60vw;
  }

  .menu-bottom-footer {
    float: right;
  }
}

a.fp-next-link-footer {
  padding: 30px;
  display: block;
}

/* container Kontakt */
.wp-block-columns.container-kontakt {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  max-width: 100vw;
  overflow: hidden;
}

.wp-block-columns.container-kontakt .wp-block-column {
  margin: 0;
  width: auto;
}

.wp-block-columns.container-kontakt .wp-block-column:nth-child(even) {
  margin-left: 80px;
}

.map {
  border: 4px solid #060c3b;
  width: 27vw;
}

@media screen and (max-width: 1200px) {
  .wp-block-columns.container-kontakt .wp-block-column:nth-child(even) {
    margin-left: 0px;
    margin-top: 80px;
  }

  .map {
    width: calc(100vw - 32vw);
  }
}

@media screen and (max-width: 767px) {
  .wp-block-columns.container-kontakt {
    margin: 0 !important;
    padding: 0;
  }

  .wp-block-columns.container-kontakt .wp-block-column:nth-child(even) {
    margin-left: 20px;
  }

  .map {
    margin-left: 0;
    width: calc(100vw);
  }
}

/* container Aufgabe */
.wp-block-columns {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start !important;
}

div.container-aufgabe div .wp-block-columns {
  min-height: 800px;
}

.wp-block-column {
  width: 50%;
}

div.container-aufgabe div div .wp-block-column:nth-child(odd) {
  padding-top: 40px;
  padding-bottom: 40px;
}

div.container-aufgabe div div .wp-block-column:nth-child(even) {
  margin-top: 0;
}

div.container-aufgabe {
  color: white;
  min-height: 800px;
  position: relative;
  z-index: 9;
}

.wp-block-column figure img {
  height: auto;
  display: block;
}

.container-orientierung {
  position: relative;
  z-index: 9;
}

/* Page transition */

/* Ausrichtung Thumbnail */
.attachment-left-top,
.left-top {
  object-position: left top;
}
.attachment-left-center,
.left-center {
  object-position: left center;
}
.attachment-left-bottom,
.left-bottom {
  object-position: left bottom;
}
.attachment-right-top,
.right-top {
  object-position: right top;
}
.attachment-right-center,
.right-center {
  object-position: right center;
}
.attachment-right-bottom,
.right-bottom {
  object-position: right bottom;
}
.attachment-center-top,
.center-top {
  object-position: center top;
}
.attachment-center-center,
.center-center {
  object-position: center center;
}
.attachment-center-bottom,
.center-bottom {
  object-position: center bottom;
}

/* Spinner */

.dot {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.dot-3 {
  background-color: #f08475;
  animation:
    dot-3-move 2s ease infinite,
    index 6s ease infinite;
}

.dot-2 {
  background-color: #96d7a7;
  animation:
    dot-2-move 2s ease infinite,
    index 6s -4s ease infinite;
}

.dot-1 {
  background-color: #060c3b;
  animation:
    dot-1-move 2s ease infinite,
    index 6s -2s ease infinite;
}

@keyframes dot-3-move {
  20% {
    transform: scale(1);
  }
  45% {
    transform: translateY(-18px) scale(0.45);
  }
  60% {
    transform: translateY(-90px) scale(0.45);
  }
  80% {
    transform: translateY(-90px) scale(0.45);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}

@keyframes dot-2-move {
  20% {
    transform: scale(1);
  }
  45% {
    transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}

@keyframes dot-1-move {
  20% {
    transform: scale(1);
  }
  45% {
    transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}

@keyframes rotate-move {
  55% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes index {
  0%,
  100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}

/* Cookie notice */

#cookie-notice {
  max-width: 300px !important;
  right: 20px !important;
  bottom: calc(50% - 100px) !important;
  min-width: auto !important;
  left: calc(50% - 150px) !important;
}

.cn-text-container {
  margin: 0 0 16px 0 !important;
}

.fp-readmoreC {
  border: 1px solid #060c3b;
  width: 144px;
  text-align: center;
  display: block;
  padding: 10px;
  border-radius: 50px;
  color: #060c3b;
  position: relative;
  transition: all 0.5s;
}

.fp-readmoreC a {
  transition: all 0.5s;
}

.fp-readmoreC a::after {
  content: "→";
  position: absolute;
  left: 80%;
  top: 51%;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.5s;
  transform: translate(-50%, -50%);
}

.fp-readmoreC a:hover {
  transition: all 0.5s;
  margin-left: -25px !important;
}

.fp-readmoreC a:hover::after {
  opacity: 1;
  transition: all 0.5s;
  color: #060c3b;
}

@media screen and (max-width: 767px) {
  div#cookie-law-info-bar {
    max-width: 100%;
    right: 0 !important;
    bottom: 0 !important;
    margin-left: 0;
  }
}

/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
p a,
h3 a,
h4 a,
h5 a {
  display: inline-block;
}

li a {
  display: block;
}

p a:after,
h5 a:after,
ul#menu-menu-bottom li a:after,
ul#menu-menu-bottom-1 li a:after {
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  transition:
    width 0.3s ease 0s,
    left 0.3s ease 0s;
  width: 0;
}

ul#menu-menu-bottom-1 li a:after {
  bottom: 0;
}

p a:hover:after,
h5 a:hover:after,
ul#menu-menu-bottom li a:hover:after,
ul#menu-menu-bottom-1 li a:hover:after {
  width: 100%;
  left: 0;
}

h5 a:after {
  height: 6px;
}

@media screen and (max-width: 1366px) {
  h5 a:after {
    height: 4px;
  }

  ul#menu-menu-main li a:after {
    height: 6px;
  }
}

@media screen and (max-width: 767px) {
  h5 a:after {
    height: 2px;
  }

  ul#menu-menu-main li a:after {
    height: 4px;
  }
}

/* Shop */
header2 h1 {
  position: absolute;
  top: 248px;
  z-index: 9999;
  color: white;
  text-transform: uppercase;
  font-size: 7.2em;
}

.filter {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  height: 50px;
}

.filter div {
  background-image: url("/wp-content/uploads/filter.png");
  width: 40px;
  height: 40px;
  background-size: contain;
  display: inline-block;
  transition: all 0.25s;
}

.filter div:hover {
  width: 45px;
  height: 45px;
  margin-left: -3px;
  transition: all 0.25s;
}

img.categoryHeader {
  position: relative;
  top: 0;
  width: 100vw;
  height: 350px;
  margin-bottom: 40px;
  object-fit: cover;
}

h1.woocommerce-products-header__title.page-title {
  display: none;
}

article.product header {
  display: none;
}
.woocommerce .single-product {
  margin-top: 180px;
}

h2.product-title {
  font-size: 2.13em;
  margin-bottom: 10px;
  padding-bottom: 28px;
  margin-top: 8px;
}

h2.product-title {
  position: sticky;
  top: 68px;
  background: #fffdf4f7;
  z-index: 102;
  padding-top: 18px;
  margin-top: 0px;
}

@media screen and (max-width: 1010px) {
  h2.product-title {
    position: relative;
    top: 0;
  }
}

.woocommerce-pagination {
  margin-bottom: 80px;
}

.wc-block-grid__product,
.wc-block-grid__product a {
  border: 0 !important;
  height: 16.6666vw;
  overflow: hidden;
}

.woocommerce table.shop_attributes td {
  word-break: break-word;
}

input.b2bking_custom_registration_field,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  font-size: 130%;
  letter-spacing: 0.02em;
  font-weight: 600;
  background-color: #ffffff;
  padding: 8px;
  color: #181818;
  border: 2px solid #dfdfda;
}
.woocommerce-product-gallery {
  opacity: 1 !important;
}

.woocommerce div.product div.images img {
  display: block;
  width: auto;
  object-fit: cover;

  box-shadow: none;
}

li.cashback-icon a::before {
  position: relative;
  content: url(/wp-content/themes/cosTheme/icons/cashback.svg);
  padding-top: 34px;
  display: block;
  left: 20px;
}

#productCurrentSidebar {
  padding-top: 23px;
  padding-bottom: 1px;
  text-align: center;
}

#productSidebar {
  padding-bottom: 1px;
  text-align: center;
}

#productSidebar aside {
  margin-bottom: 30px;
}

h3.widget-title,
#productSidebar aside h2 {
  font-size: 100%;
  font-weight: 600;
  text-transform: uppercase;
  color: orange;
}

.wc-block-grid__product-title,
.woocommerce-loop-product__title {
  letter-spacing: 0.05em;
  position: absolute;
  padding: 8px !important;
  padding-right: 46px !important;
  background-color: #1f1b1f;
  color: #fff;
  bottom: 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin: 0;
  font-size: 0.9em;
  white-space: nowrap;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.woocommerce-ordering {
  padding-right: 28px;
}

ul.products li.product .price,
.woocommerce ul.products li.product .price {
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  position: absolute;
  right: 0;
  border-top-left-radius: 10px;
  padding: 11px !important;
  color: white;
  margin-left: 10px !important;
  background-color: #1e1a1e;
  bottom: 23px;
  overflow: hidden;
  text-align: center;
  z-index: 1;
}

ul.products li.product a img,
.woocommerce ul.products li.product a img {
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: none;
  object-fit: cover;
}

form.checkout {
  margin-bottom: 120px;
}

.woocommerce .products ul,
.woocommerce ul.products,
ul.products {
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative;
  margin: 2px !important;

  width: 100%;
  height: 100%;
  border: 1px solid #e6e5de !important;
  background-color: white;
  min-width: 280px;
  min-height: 280px;
  max-width: 400px;
  max-height: 400px;
  overflow: hidden;
}

ul.products li.product {
  position: relative;
  margin: 2px !important;
  margin-left: auto !important;
  margin-right: auto !important;

  height: 100%;
  border: 1px solid #e6e5de !important;
  background-color: white;
  min-width: 280px;
  min-height: 280px;
  max-width: 400px;
  max-height: 400px;
  overflow: hidden;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img,
ul.products li.product a img {
  width: 100%;
  transition: all 0.95s;
  box-shadow: none;
  opacity: 1;
  margin: 0;
}

div.mcs-item > li.product > a:hover img,
.woocommerce ul.products li.product a img:hover,
.woocommerce-page ul.products li.product a img:hover,
ul.products li.product a img:hover {
  transition: all 0.25s;
  opacity: 0.88;
}

.label-product_cat {
  position: absolute;
  background-color: #bbbbbba3;
  color: black;
  padding: 6px;
  bottom: 30px;
  white-space: normal;
  font-size: 80%;
  width: 100%;
  padding-right: 148px;
  z-index: 0;
}
.woocommerce ul.products li.product a {
  width: 100%;
}

.woocommerce ul.products li.product a.add_to_cart_button {
  display: none;
}

.woocommerce .widget_layered_nav_filters ul li,
.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term {
  background-color: #000000;
  color: white;
  font-weight: 600;
  padding: 6px !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  border-radius: 20px;
}
.woocommerce .widget_layered_nav_filters ul li,
.woocommerce-widget-layered-nav-list__item--chosen.chosen {
  background-color: #fff;
  color: black;
  border: 1px solid black;
}

.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term span {
  display: none;
}

#shopMenu {
  position: sticky;
  text-align: right;
  height: 40px;

  top: 0;
  z-index: 9999;
  width: 100%;
  background-color: #fffdf4f7;
}

@media screen and (min-width: 1010px) {
  #menu-menu-top-second li ul.sub-menu,
  #menu-menu-top-second-englisch li ul.sub-menu {
    width: 100vw !important;
    height: 300px;
    left: calc(-84px) !important;
    height: auto;
    position: absolute;
    top: 40px;
    padding: 0;
    padding-top: 36px;
    padding-bottom: 17px;

    margin: 0;
    background-color: ##1e1a1e;
  }

  #menu-menu-top-second-englisch li ul.sub-menu li,
  #menu-menu-top-second li ul.sub-menu li {
    position: relative;
    display: inline-flex !important;
    width: 33vw;
    line-height: 1em;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    margin: 0;
  }

  #menu-menu-top-second-englisch li ul.sub-menu li.menu-item-has-children,
  #menu-menu-top-second li ul.sub-menu li.menu-item-has-children {
    padding-left: 20px;
    padding-left: 30px;
  }

  #menu-menu-top-second-englisch li ul.sub-menu li.menu-item-has-children ul,
  #menu-menu-top-second li ul.sub-menu li.menu-item-has-children ul {
    width: auto !important;
    height: auto !important;
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 0px !important;
    padding-top: 4px !important;
    background-color: transparent;
  }
}

.subMenu-Service {
  display: block !important;
}

.subMenu-Service a::after {
  content: "";
  display: none;
}

ul.sub-menu {
  display: none;
  position: absolute;
  top: 26px;
  background-color: #2e302deb;
  color: white;

  min-width: 200px;
}

.myAccount {
  position: relative;
  right: 40px;
  top: 4px;
  width: 44px;
  display: inline-block;
}

.cartContent {
  position: relative;
  display: inline-block;
  top: 5px;
  right: 45px;
}

div.search {
  position: absolute;
  display: inline-block;
  left: 80px;
  top: 10px;
}

a.loveit {
  position: absolute;
  display: inline-block;
  left: 25px;
  top: 10px;
}

.searchOpen {
  width: 160px !important;
  border-bottom: 1px solid #1f1f1f;
}

.searchOpen button {
  pointer-events: none;
}

.ysm-search-widget label {
  width: 20px;
}

.ysm-search-widget .search-field[type="search"] {
  border: 0;
  margin-top: 6px;
  border-bottom: 1px solid black;
  padding: 4px 7px 4px 9px;
  font-style: normal;
  color: #1e1e1e !important;
  font-size: 16px;
}

.smart-search-suggestions,
.smart-search-results {
  min-width: 300px;
  top: 30px;
  padding-bottom: 200px !important;
  display: none;
}

.smart-search-results > .nano-pane,
.smart-search-view-all-holder {
  display: none !important;
}

.blur {
  filter: blur(2px) grayscale(0.3);
  opacity: 1;
}

.noResult\ {
  font-size: 2em;
  color: black;
}
.warenkorbIcon {
  width: 30px;
  height: 30px;
  padding: 5px;
  margin-left: 0;
  margin-right: 24px;
}

span.cart-contents-count {
  position: absolute;
  top: -1px;
  right: 18px;
  font-weight: 800;
  background-color: #f2921c;
  border-radius: 50%;
  width: 18px;
  padding-top: 2px;
  height: 18px;
  font-size: 0.8em;
  color: white;
  text-align: center;
}

.woocommerce .widget_layered_nav_filters ul,
.woocommerce .woocommerce-widget-layered-nav-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.woocommerce .widget_layered_nav_filters ul li,
.woocommerce
  .woocommerce-widget-layered-nav-list
  .woocommerce-widget-layered-nav-list__item {
  margin: 8px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width: auto;
  float: none;
}

/* Language */

/* Pictogram */
.pictoImg {
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-flex;
}

.pictoImg img {
  width: 80px !important;
  z-index: 0;
  object-fit: contain !important;
  top: 0;
  left: 14px;
  height: 60px !important ;
  min-height: auto !important;
  position: absolute !important;
  transition: all 0.5s;
}

.pictoImg figure figcaption {
  margin-top: 60px;
  color: white;
}

.pictoImg img:hover {
  width: 90px !important;
  height: 70px !important ;
  transition: all 0.5s;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  display: none;
  font-size: 2em;
  position: absolute;
  right: 70px;
  font-weight: 700;
  margin-top: 7px;
}
p.newPrice {
  font-size: 2em;
  display: none;
  pointer-events: none;
  width: 100%;
  font-weight: 700;
  text-align: right;
  z-index: 999999;
  margin-top: 10px;
  color: #77a464;
}

@media only screen and (max-width: 767px) {
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    font-size: 1.2em;
    right: 20px;
    margin-top: 16px;
  }
}

.pictoImg figure {
  text-align: center;
}

.pictoColumn {
  padding-top: 20px;
  padding-bottom: 12px;
  z-index: 9;
  text-align: center;
  position: relative;
  background-color: white;
  color: black;
  justify-content: center;
}

.pictoColumn .wp-block-column {
  width: auto !important;
  margin-left: 30px;
  margin-right: 30px;
}

.woocommerce div.product form.cart div.quantity {
  float: right;
  padding-top: 40px;
  padding-bottom: 40px;
}

.quanityUnit {
  font-size: 80%;
  position: relative;
  top: 2px;
  color: #767676;
}

select#pa_staerke,
select#pa_sockelleisten,
select#pa_oberflaeche,
select#pa_masseinheit {
  display: none;
  pointer-events: none;
  border: 0;
  line-height: initial;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}

.infoField {
  display: none;
  position: fixed;
  z-index: 999;
  background-color: white;
  border: 1px solid black;
  font-size: 12px;
  width: 250px;
  height: auto !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  white-space: normal;
  background-color: #f5f5f5;
  pointer-events: none;
  color: black;
}

.infoField::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10.5px 10px 10.5px;
  border-color: transparent transparent #000 transparent;
  position: relative;
  top: -24px;
  left: 128px;
}

p.infoButton {
  height: 20px;
  width: 20px;
  font-size: 14px;
  font-weight: 800;
  background-color: white;
  border: 1px solid black;
  padding-top: 0px;
  padding-left: 1px;
  color: black;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  position: relative;
  bottom: -5px;
}

.coss-products .coss-product .coss-quantity {
  margin: auto;
  flex: 0;
  text-align: center;
  width: auto;
}
.coss-products .coss-product .variations_form {
  display: none;
}

.coss-products .coss-product .coss-price {
  font-weight: 600;
}

.coss-price-ori {
  display: none !important;
}
.coss-choose input {
  display: none;
}

.buttonSelect {
  background-color: #64bee4;
  color: black;
  height: auto;
}

.noselect,
h4.fp-text .buttonSelect {
  background-color: transparent !important;
}

.buttonSelect.parallaxie,
.buttonSelect.parallaxie .buttonSelect {
  background-color: transparent !important;
}

input[value="30-x-30-cm"] + label span,
div#vButton-30-x-30-cm,
input[value="305-x-305-cm"] + label span,
div#vButton-305-x-305-cm {
  background-image: url(/wp-content/uploads/Format-305x305-2.png) !important;
}

input[value="60-x-30-cm"] + label span,
div#vButton-60-x-30-cm {
  background-image: url(/wp-content/uploads/Format-610x305-1.png) !important;
}

input[value="61-x-305-cm"] + label span,
div#vButton-61-x-305-cm {
  background-image: url(/wp-content/uploads/Format-610x305-1.png) !important;
}

input[value="40-x-40-cm"] + label span,
div#vButton-40-x-40-cm {
  background-image: url(/wp-content/uploads/Format-400x400-1.png) !important;
}

input[value="457-x-457-cm"] + label span,
div#vButton-457-x-457-cm {
  background-image: url(/wp-content/uploads/Format-457x457-1.png) !important;
}

input[value="60-x-40-cm"] + label span,
div#vButton-60-x-40-cm {
  background-image: url(/wp-content/uploads/Format-600x400-1.png) !important;
}

input[value="60-x-60-cm"] + label span,
div#vButton-60-x-60-cm {
  background-image: url(/wp-content/uploads/Format-600x600-1.png) !important;
}

input[value="80-x-80-cm"] + label span,
div#vButton-80-x-80-cm {
  background-image: url(/wp-content/uploads/Format-800x800-1.png) !important;
}

input[value="100-x-100-cm"] + label span,
div#vButton-100-x-100-cm {
  background-image: url(/wp-content/uploads/Format-100x100-1.png) !important;
}

div#vButton-listwa-przypodlogowa-satynowa-8-x-1-cm-krawedzie-satynowe-i-fazowane,
div#vButton-rodape-acetinado-8-x-1-cm-borda-acetinado-e-chanfrada-pt,
div#vButton-plinthe-satine-8-x-1-cm-bord-satine-et-biseaute-fr,
div#vButton-zoccolino-satinato-8-x-1-cm-costa-satinata-e-bisellata-it,
div#vButton-skirting-boards-satin-8-x-1-cm-satin-edge-and-chamfered-en,
div#vButton-rodapie-satinado-8-x-1-cm-borde-satinado-y-biselado-es,
div#vButton-sockelleiste-satiniert-kante-satiniert {
  background-image: url(/wp-content/uploads/satiniert-1.png);
}

div#vButton-listwa-przypodlogowa-wypolerowana-8-x-1-cm-krawedzie-wypolerowana-i-fazowane,
div#vButton-rodape-polido-8-x-1-cm-borda-polida-e-chanfrada-pt,
div#vButton-plinthe-polie-8-x-1-cm-bord-polie-et-biseaute-fr,
div#vButton-zoccolino-lucido-8-x-1-cm-costa-lucida-e-bisellata-it,
div#vButton-skirting-boards-polished-8-x-1-cm-polished-edge-and-chamfered-en,
div#vButton-rodapie-pulido-8-x-1-cm-borde-pulido-y-biselado-es,
div#vButton-sockelleiste-poliert-kante-poliert {
  background-image: url(/wp-content/uploads/sockel-poliert.png);
}

div#vButton-listwa-przypodlogowa-wyszlifowana-8-x-1-cm-krawedzie-wyszlifowane-i-fazowane,
div#vButton-rodape-lixado-8-x-1-cm-borda-lixada-e-chanfrada-pt,
div#vButton-plinthe-poncee-8-x-1-cm-bord-poncee-et-biseaute-fr,
div#vButton-zoccolino-levigato-8-x-1-cm-costa-levigata-e-bisellata,
div#vButton-skirting-boards-honed-8-x-1-cm-honed-edge-and-chamfered-en,
div#vButton-rodapie-lijado-8-x-1-cm-borde-lijado-y-biselado-es,
div#vButton-sockelleiste-geschliffen-kante-geschliffen {
  background-image: url(/wp-content/uploads/sockel-geschliffen.png);
}

div#vButton-listwa-przypodlogowa-wyszczotkowana-8-x-1-cm-krawedzie-wyszlifowane-i-fazowane,
div#vButton-rodape-esvovado-8-x-1-cm-borda-lixada-e-chanfrada-pt,
div#vButton-plinthe-brossee-8-x-1-cm-bord-poncee-et-biseaute-fr,
div#vButton-zoccolino-spazzolato-8-x-1-cm-costa-levigata-e-bisellata-it,
div#vButton-skirting-boards-brushed-8-x-1-cm-honed-edge-and-chamfered-en,
div#vButton-rodapie-cepillado-8-x-1-cm-borde-lijado-y-biselado-es,
div#vButton-sockelleiste-gebuerstet-kante-gebuerstet {
  background-image: url(/wp-content/uploads/sockel-gebuerstet.png);
}

div#vButton-satin,
div#vButton-satinato,
div#vButton-satine,
div#vButton-satinado,
div#vButton-acetinado,
div#vButton-satynowy,
div#vButton-satiniert {
  background-image: url(/wp-content/uploads/satiniert-1.png);
}

div#vButton-polished,
div#vButton-lucido,
div#vButton-polie,
div#vButton-wypolerowana,
div#vButton-polido,
div#vButton-pulido,
div#vButton-poliert {
  background-image: url(/wp-content/uploads/geschliffen.png);
}
div#vButton-honed,
div#vButton-poncee,
div#vButton-levigato,
div#vButton-wyszlifowana,
div#vButton-lixado,
div#vButton-lijado,
div#vButton-geschliffen {
  background-image: url(/wp-content/uploads/poliert.png);
}
div#vButton-brushed,
div#vButton-brossee,
div#vButton-spazzolato,
div#vButton-wyszczotkowana,
div#vButton-escovado,
div#vButton-cepillado,
div#vButton-gebuerstet {
  background-image: url(/wp-content/uploads/gebuerstet.png);
}

div#vButton-patynowany,
div#vButton-patinado-es,
div#vButton-patine,
div#vButton-patinado,
div#vButton-patinato,
div#vButton-patinated,
div#vButton-patiniert {
  background-image: url(/wp-content/uploads/patiniert.png);
}

div#vButton-cleft-both-sides,
div#vButton-spacco-due-superficie,
div#vButton-clive-2-cotes,
div#vButton-escindido-2-superficies,
div#vButton-clivada-2-superficies,
div#vButton-szczelinowa-2-powierzchnie,
div#vButton-spaccata-due-superficie,
div#vButton-cleaved-both-sides,
div#vButton-escindido,
div#vButton-spaccata,
div#vButton-cleaved,
div#vButton-cleft,
div#vButton-clive,
div#vButton-spaltrau,
div#vButton-szczelinowa,
div#vButton-clivada,
div#vButton-spaltrau-es,
div#vButton-spaltrau-pt-pt,
div#vButton-spaltrau-beidseitig {
  background-image: url(/wp-content/uploads/spaltrau.png);
}

span.price {
  display: none;
}
p.pricePerUnitTogether,
p.pricePerUnit {
  white-space: nowrap;
  text-align: right;
  font-size: 80%;
  color: #767676;
  margin-top: 4px;
}

.pricePerEinheit {
  margin-top: 50px !important;
  font-size: 1em !important;
  right: 0 !important;
  color: grey !important;
}
p.pricePerUnit span bdi::after {
  content: "€";
}

.coss-price-new,
.coss-products .coss-product-this .coss-price .coss-price-new {
  display: none !important;
}

.coss-product-together .newTitle,
.coss-products .coss-product .coss-title {
  width: 24%;
  flex-grow: 1;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .coss-product-together .newTitle,
  .coss-products .coss-product .coss-title {
    text-align: center;
  }
}

.coss-product-together .coss-title {
  display: none;
}

.coss-product-together .variation-radios {
  margin-bottom: 40px;
}

form.variations_form.cart {
  margin-top: 3em;
}

.priceContainer
  div
  .quantity.cospq-quantity.cospq-quantity-default.cospq-type-default {
  display: none;
}

.coss-products .coss-product:first-child {
  background-color: #e7f2f7;
  padding-top: 10px;
  padding-bottom: 6px;
  z-index: 100;
}

.coss-product-together {
  padding: 8px;
  z-index: 99;
}

.coss-product-this {
}
.coss-products .coss-product:last-child {
  flex-wrap: wrap;
  padding: 8px;
  width: 100%;
  position: relative;
}

.coss-product-together {
  margin-bottom: 40px;
}

.coss-products .coss-product .variations_form .variations .variation {
  width: 100% !important;
  border: 0;
}
.coss-product-together::before {
  position: absolute;
  content: " + ";
  top: -155px;
  left: calc(50% - 25px);
  font-size: 6em;
  color: #f1f1f1;
  display: none;
}

.product_meta {
  display: none;
}

.product-together-tab {
  display: inline-block;
  margin-top: 38px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 120%;

  font-weight: 600;
  padding: 10px;
}

.product-together-tab a {
  display: inline-block;
}

.coss-hide div {
  opacity: 0.9;
  pointer-events: none;
}

.coss-hide div.coss-price,
.coss-hide div.newTitle {
  opacity: 0.2;
  pointer-events: none;
}

.single_add_to_cart_button {
  top: 60px !important;
  padding-bottom: 16px !important;
}

.single_add_to_cart_button::before {
  content: "";
  background-image: url(/wp-content/uploads/Warenkorb-2.png);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  top: 4px;
  position: relative;
  padding-right: 12px;
  height: 20px;
  display: inline-block;
}

.deliveryTime,
.vButtonDescription,
.variationsHeight {
  display: none;
}

.deliveryTimeCurrent {
  position: absolute;

  z-index: 99999;
  margin-top: -9px;
  margin-left: 22px;

  float: left;

  font-weight: 600;
  text-align: right;
  font-size: 0.8em;
}

.deliveryTimeCurrent::before {
  content: "";
  background-image: url(/wp-content/themes/cosTheme/icons/delivery_black.svg);
  width: 18px;
  left: -21px;
  height: 16px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
}

.coss-total.coss-text,
.variations .reset {
  display: none !important;
}

/* Scroller */
.mcs-items-container {
  display: inline-block;
}
.mcs-item img {
  vertical-align: baseline !important;
  object-fit: contain;
}

.select .variation-radios {
  display: none !important;
}
.variation-radios2,
.variation-radios {
  position: relative;
  padding: 0 !important;
  width: calc(100%) !important;
  left: -16px;
  text-align: center;
  height: 170px;
  margin: 1em auto;
  margin-bottom: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.vButtonContainer {
  height: 116px;
  box-sizing: border-box;
}

.vButtonItem {
  height: 116px;
  width: 120px;
  padding-top: 10px !important;
}
.vButtonItem div {
  height: 52px;
  margin-top: 4px;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center 0px;
  pointer-events: none;
}

.vButtonItem label {
  display: block;
  text-align: center !important;
  font-size: 80%;
  font-weight: 600;
  pointer-events: none;

  margin-top: 2px;
}

section.related.products {
  margin-bottom: 120px;
}

.paddle {
  position: absolute;
  border: 0;
  background-color: #ecece6c2;
  top: 0;
  font-size: 2em;
  bottom: 0;
  width: 1em;
}
.left-paddle {
  left: 0;
}
.right-paddle {
  right: 0;
}
.hidden {
  display: none;
}
.woocommerce table.shop_table td small {
  font-weight: 400;
  display: block;
  color: gray;
}

.woocommerce table.shop_attributes {
  color: white;
}
.woocommerce-tabs {
  margin-bottom: 60px;
  padding-top: 40px;
}

@media only screen and (max-width: 767px) {
  .woocommerce-tabs {
  }
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 20px;
  margin: 0;
  color: white;
  background-color: #1e1a1e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0;
  margin-top: 0;
  padding: 0;
  z-index: 999999;
}

@media screen and (max-width: 1010px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-top: 0px;
    z-index: 0;
  }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  background: #1e1a1e;
  color: white;
  z-index: 2;
  font-size: 120%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 0;
  font-size: 120%;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: transparent;
  display: inline-block;
  position: relative;
  z-index: 0;
  margin: 0 -5px;
  padding: 0 1em;
}

/* Checkout */
ul.woocommerce-order-overview {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.woocommerce-bacs-bank-details {
  display: none;
}

.woocommerce-order-details {
  margin-top: 40px;
}

h5.woocommerce-column__title,
h5.woocommerce-order-details__title {
  margin-bottom: 10px;
}

h5#order_review_heading {
  margin-top: 40px;
  margin-bottom: 10px;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #1f1b1f;
  color: white;
  border-radius: 5px;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #ffffff;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  border-bottom: 1em solid #ffffff;
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
  margin-bottom: 4em;
}

.woocommerce-checkout-payment .apple-pay-button,
.gpay-card-info-container-fill,
.gpay-card-info-container-fill > .gpay-card-info-container {
  float: right;
  margin: 20px !important;
  width: auto !important;
}

.woocommerce-variation-add-to-cart button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce input.button.alt {
  background-color: #f2921c;
  position: absolute !important;
  top: 35px !important ;
}

.woocommerce a.button.alt,
.wc-proceed-to-checkout a.bottom {
  position: relative !important ;
  background-color: #f2921c;
  top: 35px !important;
}

.woocommerce-NoticeGroup {
  margin-bottom: 40px;
}

.woocommerce button.button.alt {
  position: relative;
  background-color: #f2921c;
  top: 0;
}

#wc-stripe-applepay-container {
  display: none !important;
}

.woocommerce-variation-add-to-cart.variations_button {
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background-color: #e96345;
}

hr.linePrice {
  margin-bottom: 16px;
}

.priceContainer {
  background-color: #fffdf4f7;
  position: fixed;
  text-align: left;
  width: 60%;
  right: 0;
  bottom: 0px;
  height: 92px;
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 5.4vw;
  z-index: 102;
}

@media screen and (max-width: 1010px) {
  .priceContainer {
    width: 100%;
  }
}

nav.woocommerce-breadcrumb {
  display: none !important;
}

.hiddenX {
  opacity: 0.02;
  pointer-events: none;
}

button.hiddenX {
  opacity: 0.4;
  filter: grayscale(1);
  pointer-events: none;
}

.coss-wrap-responsive {
  position: relative;
  bottom: 0;
  z-index: 9;
}

@media screen and (max-width: 1010px) {
  .coss-wrap-responsive {
    position: relative;
    bottom: 0;
    z-index: 9;
  }
}

.woocommerce div.product form.cart {
  margin-bottom: 0;
}

.quote01 {
  background-image: url(/wp-content/uploads/mainZitat.jpg);
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.mcs-bullet.active {
  background-color: #201c20 !important;
  border: 0 !important;
}

.mcs-bullet {
  width: 8px !important;
  height: 8px !important;
  background-color: #b5b5b5 !important;
}

/*Filter */

.woocommerce-message,
.woocommerce-info {
  max-width: 400px;
  margin: auto;
  margin-bottom: 40px;
}

#productCurrentSidebar div div div ul li.checked {
  background-color: #1f1b1f;
  color: white;
}

.shopContainer {
  padding-bottom: 40px;
}

@media screen and (max-width: 1400px) {
  .berocket_single_filter_widget.berocket_inline_filters {
    min-width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .berocket_single_filter_widget.berocket_inline_filters {
    min-width: 100% !important;
  }
}

.woocommerce-product-attributes-item--weight,
.woocommerce-product-attributes-item--dimensions {
  display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 55%;
  margin-bottom: 120px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 15%;
  font-size: 1.6em;
  text-transform: uppercase;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

fieldset legend {
  font-size: 1.6em;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: calc(100% - 64px);
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    display: inline-block;
    margin-bottom: 5px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin-bottom: 20px;
  }
}

.referenzenGallery ul {
  column-count: 4;
  column-gap: 0;
  counter-reset: item-counter;
  padding-bottom: 120px;
}

.referenzenGallery ul li {
  margin: 5px;
}

.referenzenGallery ul li figure img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1268px) {
  .referenzenGallery ul {
    column-count: 3;
  }
}

@media screen and (max-width: 768px) {
  .referenzenGallery ul {
    column-count: 2;
  }
}

.toggle-control {
  position: relative;
  padding-left: 60px;
  margin-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.toggle-control input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.toggle-control input:checked ~ .control {
  background-color: #ccc963;
}
.toggle-control input:checked ~ .control:after {
  left: 28px;
}
.toggle-control .control {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 50px;
  border-radius: 25px;
  background-color: darkgray;
  transition: background-color 0.15s ease-in;
}
.toggle-control .control:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  border-radius: 25px;
  background: white;
  transition: left 0.15s ease-in;
}

/* Sale */
.woocommerce span.onsale {
  top: 14px !important;
}
.onsale {
  position: absolute !important;
  background-color: #ccc963 !important;
  width: 120px !important;
  top: 8px !important;
  left: 0 !important;
  text-transform: uppercase !important;
  color: white !important;
  text-align: center !important;
  padding: 8px !important;
  border-radius: 0 !important;
  line-height: 1em !important;
  font-size: 1em !important;
  min-width: auto !important;
  min-height: auto !important;
}

.onsale2 {
  position: relative !important;
  background-color: #ccc963 !important;
  display: inline-block;
  margin-right: 14px;
  padding: 14px;
  text-transform: uppercase !important;
  color: white !important;
  text-align: center !important;
  border-radius: 0 !important;
  line-height: 1em !important;
  font-size: 1em !important;
}

.labelShipping2 {
  position: relative !important;
  background-color: #3e6b7f !important;
  display: inline-block;
  margin-right: 14px;
  margin-bottom: 4px;
  padding: 14px;
  text-transform: uppercase !important;
  color: white !important;
  text-align: center !important;
  border-radius: 0 !important;
  line-height: 1em !important;
  font-size: 1em !important;
}

section.up-sells.upsells.products {
  display: none;
}

.label-product_cat_single {
  position: absolute;
  top: 0;
  z-index: 102;
}

.labelUpsales {
  position: relative !important;
  background-color: #a32c3b !important;
  display: inline-block;
  margin-right: 14px;
  margin-bottom: 20px;
  padding: 14px;
  text-transform: uppercase !important;
  color: white !important;
  text-align: center !important;
  border-radius: 0 !important;
  line-height: 1em !important;
  font-size: 1em !important;
}

.label.bg-terciary {
  display: block;
  text-align: left;
}

.onsaleBadge {
  position: absolute;
  background-color: #e96345;
  width: 40px;
  top: 1px;
  color: white;
  height: 30px !important;
  text-align: center;
  padding-top: 6px;
  font-size: 14px !important;
}

.oncountBadge {
  background-color: #e96345;
  width: 70px;
  color: white;
  text-align: center;
  font-weight: 600;
  padding-top: 4px;
  padding-bottom: 4px;
}

.price ins,
.woocommerce ul.products li.product .price ins {
  text-decoration: none;
  color: #f2921c;
  font-weight: 600;
}

.price del {
  opacity: 0.5;
  text-decoration: line-through;
}

.coss-products .coss-product .coss-price del span,
.coss-products .coss-product .coss-price ins,
li.product a span.price div.productPrice {
  display: none;
}
.entry-summary p .woocommerce-Price-amount,
.price .unit,
.pricePerUnit .unit,
.pricePerUnit .productPrice {
  display: inline !important;
}
.fromValue {
  display: inline-block;
}

.is-style-border-s span.onsale,
.entry-summary .fromValue,
.entry-summary .unit,
.entry-summary .woocommerce-Price-amount,
.entry-summary .productPrice,
.coss-price p .fromValue {
  display: none;
}

@media screen and (max-width: 768px) {
  .labelShipping {
    display: block !important;
    padding: 7px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    background-color: #3e6b7f;
  }
}

input#coupon_code {
  width: 200px;
}

.categoryHeader {
  display: none;
}

/* Search */
.smart-search-post-title {
  text-align: center;
  margin: 0;
}

.smart-search-suggestions > .autocomplete-suggestion.autocomplete-selected {
  opacity: 1 !important;
}

.smart-search-post-title strong {
  display: contents;
}

.smart-search-suggestions > .autocomplete-suggestion {
  border: 0;
  display: inline-block;
}

.smart-search-post {
  padding: 0;
  padding-bottom: 0;
  min-height: 100%;
}

.smart-search-results.has-viewall-button .smart-search-suggestions {
  padding-top: 4px;
  padding-bottom: 30px;
  border: 0;
  width: calc(100vw - 80px) !important;
  height: 100% !important;
  max-height: 100% !important;
  background-color: transparent !important;
}

.smart-search-post-icon {
  margin: 0;
}

.smart-search-results.has-viewall-button {
  min-height: 200px;
  max-height: 100vh !important;
  width: calc(100vw - 80px) !important;
  text-align: center;
}

.smart-search-post-holder {
  position: absolute;
  bottom: 7px;
  background-color: #1f1b1f;
  width: calc(100% - 10px);
  text-align: center;
  padding: 10px;
}

.autocomplete-no-suggestion {
  color: black;
  margin-top: 100px;
  font-size: 1.6em;
  font-weight: 600;
}

button.muster,
a.muster {
  max-width: 300px;
  margin: auto;
  height: auto;
  background-color: #f2921c;
  color: white;
  padding: 20px;
  position: relative;
  top: 50px;
  display: block;
  font-size: 1.8em;
  border: none;
}

button.muster:hover,
a.muster:hover {
  background-color: #e96345;
  text-decoration: none;
}

p.sampleTileButtonTitel {
  font-size: 0.9rem;
  margin-top: 0.4em;
  text-align: left;
}

p.sampleTileButtonPrice {
  margin-top: 0.4em;
  color: black;
  font-size: 1em;
  text-align: right;
}

.musterText {
  position: relative;
  top: 61px;
  color: #767676;
  font-size: 80%;
}

.gridFliesen ul {
  justify-content: center;
}

.gridFliesen ul li a,
.gridFliesen ul li {
  max-width: 160px !important;
  max-height: 160px !important;
  width: 160px !important;
  height: 160px !important;
}

.gridFliesen ul li a:hover div img {
  max-width: 165px !important;
  max-height: 165px !important;
  width: 165px !important;
  height: 165px !important;
}

.wc-block-grid__product-title {
  color: white !important;
  margin: 0 !important;
  text-align: center;
  font-weight: 100 !important;
  font-size: 0.7em !important;
  white-space: normal;
}

span.wpm_gtin_code_wrapper {
  color: gray;
  font-size: 80%;
  padding-bottom: 20px;
  display: block;
}

.product_cat-haus_und_garten div div form .quantity {
  position: relative;
  float: none !important;
  padding: 0 !important;
  margin-top: 50px !important;
  display: block;
}

.product_cat-haus_und_garten div div form .quanityUnit {
  display: block;
  margin-top: 10px;
}

.product_cat-haus_und_garten
  div
  div
  form
  button.single_add_to_cart_button.button.alt {
  margin-top: 0;
  margin-bottom: 30px;
}

.woocommerce-product-gallery__wrapper div div .mcs-item div {
  height: 100%;
}

.term-haus_und_garten div div div div main .woocommerce-products-header {
  display: none;
}

.b2bking_b2b_group_40832 .b2c {
  display: none !important;
}

.logged-in .guest {
  display: none !important;
}

.b2b {
  display: none;
}
.b2bking_b2b_group_40832 .b2b {
  display: block;
}

.b2bMenu a:after {
  content: "";
  background: url(https://colourofstone.com/wp-content/uploads/Logo-Neu.png);

  position: relative;
  display: block;
  height: 37px;
  top: 6px;
  margin: auto;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.b2bMenuWhite a:after {
  content: "";
  background: url(https://colourofstone.com/wp-content/uploads/Logo-Neu-blue.png);

  position: relative;
  display: block;
  margin-top: 10px;
  height: 37px;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}

.b2bMenuWhite a,
.b2bMenu a {
  line-height: 0;
  font-size: 0;
}

.tableCenter {
  width: 250px;
  margin-left: calc(50% - 125px);
}

#b2bking_registration_roles_dropdown {
  background-color: #efefef;
  font-size: 1.24em;
  text-transform: uppercase;
  padding: 4px;
  color: #f19f1c;
  letter-spacing: 0.025em;
  border: 8px solid #dfdfd9;
  margin-bottom: 26px;
  font-weight: 600;
}

.woocommerce form .form-row label {
  line-height: 1 !important;
}

input[type="checkbox"] {
  width: 25px;
  height: 25px;
  margin: 4px !important;
}

#custom_checkbox_field span {
  line-height: 1.1 !important;
  font-size: 1.1em;
  color: #e2f1ff;
}

.woocommerce-terms-and-conditions-checkbox-text,
label.woocommerce-form__label-for-checkbox span {
  margin-left: 3px;
  padding-left: 4px;

  margin-top: -1.75em;

  left: 30px;
  position: relative;
  width: calc(100% - 30px);
  display: block;
  line-height: 1.1 !important;
  font-size: 1em;
  margin-bottom: 4px;
  color: #666666;
}

.woocommerce-terms-and-conditions-checkbox-text {
  color: #e2f1ff !important;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  margin: 0.2em 0;
}

.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
  float: none;
}

.form-row,
form .form-row-wide {
  clear: both;
  font-size: 0.9em;
  padding: 0px !important;
  margin: 0 0 16px !important;
}

.woocommerce-terms-and-conditions-wrapper {
  padding: 10px;
}
.woocommerce-privacy-policy-text {
  margin-bottom: 20px;
}

.col-1 .woocommerce-form {
  background: #373737;
  color: white;
}

.col-1 label.woocommerce-form__label-for-checkbox span {
  color: #f09f1c;
}

.woocommerce-button-dark {
  background-color: #373737 !important;
  color: white !important;
  font-size: 1.4em !important ;
}

header.woocommerce-products-header {
  position: sticky;
  top: 70px;
  padding-top: 8px;
  height: 100%;
  z-index: 900;
  background-color: #fffdf4;
}

@media screen and (max-width: 860px) {
  header.woocommerce-products-header {
    position: relative !important;
  }
}

.woocommerce-terms-and-conditions-checkbox-text {
  display: inline !important;
  font-size: 1.2em !important;
  margin-bottom: 12px !important;
  margin-top: -15px !important;
  left: -6px !important;
}

.woocommerce form .form-row .required {
  display: contents;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: right;
  top: 0;
  font-size: 140%;
}

@media screen and (max-width: 768px) {
  .woocommerce .col2-set .col-1,
  .woocommerce .col2-set .col-2,
  .woocommerce-page .col2-set .col-1,
  .woocommerce-page .col2-set .col-2 {
    margin-bottom: 60px;
  }
}

.create-account label.woocommerce-form__label span {
  font-size: 2em;
  margin-top: -1em !important;
}

.term-description {
  display: none;
}

.api_cosProducts {
  max-height: 300px;
  width: 100vw;
  position: absolute;
  top: 0;
  background-color: transparent !important;
}

div.minderMenge {
  text-align: center;
  color: black;
  background: #f6e71f;
  padding: 11px;
  font-size: 0.9em;
  display: none;
  bottom: 92px;
  pointer-events: none;
  position: sticky;
  z-index: 9;
}

.videoLayer video {
  width: 80%;
  padding: 2%;
  margin-left: 10%;
  border: 3px solid #f2921c;
}
.woocommerce-info {
  border: none !important;

  background: #52bbe7;
  color: white;

  max-width: 370px;
  margin: auto;
  font-size: 0.9em;
  pointer-events: none;
}

.woocommerce-error {
  border: none !important;

  background: #e96245;
  color: white;

  max-width: 370px;
  margin: auto;
  font-size: 0.9em;
  pointer-events: none;
}

.woocommerce-notices-wrapper {
  margin-bottom: 40px;
}

@media screen and (min-width: 1011px) {
  div.productGallerie {
    position: relative;
    display: flow-root;
    height: 100%;
    width: auto;
  }

  .woocommerce div.product div.images.woocommerce-product-gallery {
    position: sticky !important;
    top: 112px;
    width: 36%;
    margin-bottom: 0px;
    max-width: 600px;
  }

  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    width: 60%;
  }
}

.MagicScroll-horizontal .mcs-bullets {
  margin-top: 2px !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
  position: relative;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:after {
  content: attr(data-thumb-alt);
  position: absolute;
  bottom: 2em;
  left: 0;
  padding: 5px 10px;
  background-color: #000;
  color: #fff;
}

.productImageItem span {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffffc4;
  padding: 6px;
  font-size: 80%;
}

.woocommerce div.product div.summary {
  margin-bottom: 15px;
  display: block;
  position: relative;
  height: 100%;
}
.alg-wc-wl-view-table tbody tr:nth-child(odd),
.cart_item:nth-child(odd) {
  background-color: #f5fafd;
}
.alg-wc-wl-view-table tbody tr:nth-child(even),
.cart_item:nth-child(even) {
  background-color: #fbfbfb;
}

.wishListGroup {
  display: block;
  width: auto;
}

td,
table,
th {
  border: 0 !important;
}

table.shop_table thead {
  position: sticky;
  top: 40px;
  z-index: 9;
}

@media screen and (min-width: 769px) {
  button#place_order {
    margin: 20px;
  }
}

.shortText {
  z-index: 999;
}

.startTrusted {
  position: absolute;
  right: 20px;
  top: calc(100vh - 220px);
  z-index: 9;
}

li.subMenuItem ul.sub-menu {
  margin-top: 12px;
}

ul.sub-menu li {
}

.highLightButton a {
  background-color: #f2931d;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 10px !important;
  color: #ffffff;
  text-transform: uppercase;
}

.contentNavigation {
  background-color: transparent !important;
}

.deliveryXmas {
  display: none;
  padding-top: 4px;
  position: relative;
  font-size: 0.8rem;
  color: #3983a2;
  letter-spacing: 0.02rem;
  text-transform: uppercase;
  font-weight: 600;
}

#menuFull_ div ul.menu {
  position: relative;
  display: inline-flex;
  width: 100vw;
  overflow-x: scroll;
  flex-direction: row;
  margin-bottom: 100%;
}

@media screen and (max-width: 400px) {
  #menuFull_ {
    position: relative;
  }
}

@media screen and (max-height: 400px) {
  #menuFull_ {
    position: relative;
  }
}

.menuFullShop,
.menuFullService,
.menuFullHelp {
}

li.menuFullShop > a {
  margin-left: -103px;
  margin-top: 50px;
  top: 44px;
  color: white;
  height: auto;
  z-index: 999;
  font-size: 1.4em;
  letter-spacing: 0.03em;
}

li.menuFullService > a {
  top: -4px;
  margin-left: -97px;
  margin-top: 68px;
  color: white;
  z-index: 2;
  height: auto;
  width: auto;
  font-size: 1.4em;
  letter-spacing: 0.03em;
}

li.menuFullHelp > a {
  margin-left: -147px;
  top: 40px;
  margin-top: 56px;
  color: white;
  z-index: 2;
  height: auto;
  font-size: 1.4em;
  letter-spacing: 0.03em;
}

li.menuFullShop::before {
  position: absolute;
  background-image: url(/wp-content/themes/cosTheme/icons/menuShop.svg);
  margin-left: -138px;
  top: 0px;

  height: 70px;
  width: 70px;
  content: "";
}

li.menuFullService::before {
  position: absolute;
  background-image: url(/wp-content/themes/cosTheme/icons/menuService.svg);
  margin-left: -146px;
  top: -14px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 79px;
  width: 104px;
  content: "";
}

li.menuFullHelp::before {
  position: absolute;
  background-image: url(/wp-content/themes/cosTheme/icons/menuHelp.svg);
  margin-left: -194px;
  background-repeat: no-repeat;
  background-size: contain;
  top: -11px;
  height: 81px;
  width: 100px;
  content: "";
}

li.menuFullShop,
li.menuFullService,
li.menuFullHelp {
  margin: auto;
  position: relative;
  height: 420px;
  width: 420px;
  display: block;
  justify-content: center;
  margin-top: -40px;
}

@media screen and (max-width: 465px) {
  li.menuFullShop,
  li.menuFullService,
  li.menuFullHelp {
    width: 100%;
    height: 400px;
    min-height: 400px;
    min-width: calc(100vw - 60px);
    margin-left: 0px;
  }
}

li.menuFullShop .sub-menu,
li.menuFullService .sub-menu,
li.menuFullHelp .sub-menu {
  display: block;
  width: 100%;
  background-color: transparent;
  color: black;
  font-size: 1.4rem;

  font-weight: 600;
  line-height: 1.8rem;
  text-transform: uppercase;
  text-align: center;
  margin-top: 70px;
  z-index: 99;
  height: 100%;
}

li.menuFullShop .sub-menu::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  top: -110px;
  margin-top: 51px;
  z-index: -1;
  background-position: 50% 0;
  background-size: 300px;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/cosTheme/icons/menuShop01.svg);
}

li.menuFullService .sub-menu::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  top: -105px;
  margin-top: 51px;
  z-index: -1;
  background-size: 310px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/cosTheme/icons/menuService01.svg);
}

li.menuFullHelp .sub-menu::before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  top: -130px;
  margin-top: 51px;
  z-index: -1;
  background-size: 300px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/cosTheme/icons/menuHelp01.svg);
}

li.menuFullService .sub-menu {
  margin-top: 56px;
}

.umbruch {
  margin-top: 8px !important;
}

.umbruch2 {
  height: 25px !important;
}

li.menuFullShop .sub-menu .small,
li.menuFullService .sub-menu .small,
li.menuFullHelp .sub-menu .small {
  display: block !important;
  width: auto;
  font-size: 1.2rem;
  line-height: 150%;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 0.9em;
}

li.menuFullShop .sub-menu .umbruch,
li.menuFullService .sub-menu .umbruch,
li.menuFullHelp .sub-menu .umbruch {
  display: block !important;
  font-size: 0;
  height: 0;
}

.menuHausGarten {
  margin-top: 32px;
}

.footerMenu {
  position: fixed;
  top: calc(100vh - 120px);
  width: 100vw;
  left: 0;

  text-align: left;
  margin-left: 20px;
  padding-right: 20px;
  height: 200px;
}

@media screen and (max-width: 400px) {
  .footerMenu {
    display: block;
    position: relative;
    bottom: -100px;
    top: auto;
  }
}

@media screen and (max-height: 400px) {
  .footerMenu {
    display: block;
    position: relative;
    bottom: -100px;
    top: auto;
  }
}

.mcs-item {
}

.headerSubLine {
  background: #1d1d1d00;
  color: #fff !important;
  position: relative;
  height: auto;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.06em;
  color: #3f6a7f;
  text-align: center;
  width: 100vw;
  z-index: 999999;
}

@media screen and (max-width: 768px) {
  .headerSubLine {
    z-index: 0;
  }
}

button.topButton {
  background-color: #ffffff00;
  margin: auto;
  border: 0px solid #ffffff;
  white-space: initial;
  text-transform: uppercase;

  text-align: center;
  color: white;
  width: 300px;
  font-weight: 100;
  padding: 0px;
  left: calc(50% - 150px);
  margin-top: 26px;
  font-size: 1em;
  letter-spacing: 0.1em;
  z-index: 9999999999;
  position: relative;
  cursor: grabbing;
}

.page-description {
  display: none;
}

ul.topBlock {
  width: 100vw !important;
  min-height: 100vh;
  float: left;
  background-color: transparent;
}

ul.topBlock .mcs-wrapper {
  left: 0 !important;
  right: 0 !important;
}
ul.topBlock button::before {
  border-color: rgb(255 255 255) !important;
}

ul.topBlock a img {
  height: calc(100vh - 200px);
  width: 100vw;
  min-height: 75vh;
  object-fit: cover;
  object-position: bottom;
}

ul.topBlock a div {
  top: calc(22% + 8px);
  position: absolute;
  z-index: 99;
  width: 280px;
  text-align: center;
  right: calc(50% - 140px);
}

@media screen and (max-width: 768px) {
  ul.topBlock a div {
    bottom: calc(50% + 8px);
  }
}

li.topBlock {
  height: inherit;
}

li.topBlock a {
  display: contents;
}

ul.topBlock a div span.price {
  display: block;
  color: white;
  font-size: 1.6em;
  margin-top: 10px;
}

li.topBlock a div h3 {
  color: white;
  font-size: 2.25em;
  font-weight: 100;
  white-space: normal;
  text-align: left;
  text-align: center;
}

li.topBlock a .wp-block-button {
  position: absolute;
  top: calc(30% + 80px);
  left: calc(50% - 120px);
}

.topPost {
}

img.topFuge {
  position: absolute !important;
  z-index: 2;
  left: -35px;
  top: 0;
  width: 70px !important;
}

div.bottomPost {
  position: sticky;
  bottom: 0;
  padding-bottom: 0;
  width: 100%;
  z-index: 99;
  background-color: transparent;
}

.bottomPost-Button {
  margin: auto;

  position: fixed;
  display: block;
  background-color: transparent;
  letter-spacing: 0.03em;
  font-weight: 700;
  height: 100px;
  top: -200px;
  width: 100px;
  left: calc(50% - 80px);
  text-align: center;
  color: white;
  padding-top: 46px;

  font-size: 1.2em;

  z-index: 99999;

  animation-duration: 2s;
  animation: top 5s;
  transition: top 2s ease 0s;
}

.bottomPost-Button2 {
  margin: auto;
  margin-top: 24px;
  position: relative;
  left: -30px;
  display: block;
  background-color: transparent;
  letter-spacing: 0.03em;
  font-weight: 700;
  height: 100px;
  top: 0px;
  width: 100px;
  text-align: center;
  color: white;
  padding-top: 46px;
  font-size: 1.2em;
  z-index: 99999;
}

.bottomPost-Button2:hover,
.bottomPost-Button:hover {
  transform: rotate(2deg);
}

.bottomPost-Button2::before,
.bottomPost-Button::before {
  position: absolute;
  content: "";
  left: calc(50% - 35px);
  width: 100px;
  height: 100px;
  top: -62px;
  margin-top: 51px;
  z-index: -1;
  background-size: 100px;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-image: url(/wp-content/themes/cosTheme/icons/shopLogo.svg);
}

@keyframes slideInFromBottom {
  from {
    top: 100px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

.bottomPost-Headline {
  text-transform: inherit;
  padding: 8px;
  background: #fffdf4;
  z-index: 2;
  position: relative;
}

.f12c {
  margin-bottom: 20px;
}

@media screen and (max-width: 1010px) {
  ul.topBlock {
  }

  .topPost {
  }

  .bottomPost-Button {
  }

  .bottomPost-Headline {
    font-size: 1em;
  }
}

.wp-block-button__link {
  background-color: transparent;
  padding: 0;
}

.widget_flex-posts-list {
  overflow: hidden;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
  margin-bottom: 0 !important;
}

.tabs2 {
  position: relative;
  margin: 1rem 0;
  height: 0;
  text-align: center;
}
.tabs2::before,
.tabs2::after {
  content: "";
  display: table;
}
.tabs2::after {
  clear: both;
}
.tab {
  display: inline-block;
}
.tab-switch {
  display: none;
}

.tab a.label,
.tab-label {
  position: relative;
  height: 116px;
  width: 120px;
  display: inline-block;
  padding: 0;
  padding-top: 75px;
  text-align: center;
  font-size: 85%;
  font-weight: 700;
  color: #000;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
}

.tab-content {
  height: auto;
  position: absolute;
  z-index: -1;
  top: 122px;
  left: 0;
  width: 100%;
  color: #2c3e50;
  opacity: 0;
  transition: opacity 0.35s;
}
.tab-switch:checked + .tab-label {
  background-color: #64bee4;
  color: #000;
  border-bottom: 0;
  border-right: 0.125rem solid #fff;
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}
.tab-switch:checked + label + .tab-content {
  z-index: 2;
  opacity: 1;
  transition: all 0.35s;
}

@media screen and (max-width: 540px) {
  .tab-switch:checked + label + .tab-content {
    margin-top: 100px;
  }

  .woocommerce div.product div.summary {
    margin-bottom: 40px !important;
  }
}

.tab-Podłoga,
.tab-Sol,
.tab-Pavimento,
.tab-Flooring,
.tab-Bodenplatten {
  background-image: url(/wp-content/uploads/2cm-1.png) !important;
  background-size: 68px;
  background-position: 24px 14px;
  background-repeat: no-repeat;
}

.tab-Plytki,
.tab-Azulejos,
.tab-Carreaux,
.tab-Piastrelle,
.tab-Tiles,
.tab-Fliesen {
  background-image: url(/wp-content/uploads/1cm-1.png) !important;
  background-size: 68px;
  background-position: 24px 14px;
  background-repeat: no-repeat;
}

.tab-Muster {
  background-image: url(/wp-content/uploads/Muster.png) !important;
  background-size: 74px;
  background-position: 25px 4px;
  background-repeat: no-repeat;
}

.tab-Sonderformat {
  background-image: url(/wp-content/uploads/SonderFormat.png) !important;
  background-size: 60px;
  background-position: 32px 12px;
  background-repeat: no-repeat;
}

.bold {
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: block;
}

.cn-buttons-container a:first-child {
  background-color: #f2921c !important;
}

.cn-buttons-container a {
  background-color: transparent !important;
}

.chooseFormat {
  z-index: 9;
  position: absolute;
  font-weight: 700;
  text-align: center;
  width: 100%;
  display: block;
  color: #e96346;
  text-transform: uppercase;
  margin-top: 40px;
}

.chooseFormat::after {
  content: "↓";
  display: block;
  margin-top: 10px;
}

.qty2 {
  width: 40px;
  height: 40px;
  line-height: 38px;
  padding: 0 10px;
  box-shadow: none;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e5e5e5;
  background-color: #fefefe;
  text-align: center;
}

.coss-product-this div div div .cospq-quantity-input-plus,
.coss-product-this div div div .cospq-quantity-input-minus {
}

.coss-qty,
#fliesenMenge {
  min-width: 80px !important;
}

.coss-this-qty {
  display: none;
  background-color: transparent !important;
  border: 0 !important;
  pointer-events: none;
  width: 90px !important;
  height: auto !important;
  text-align: left !important;
  padding-left: 4px !important;
}

.fliesenMengeZusatz {
  margin-left: 8px;
  margin-right: 8px;
}

.cospq-quantity-input-plus,
.cospq-quantity-input-minus,
.mengeMinus,
.mengePlus {
  width: 42px;
  height: 38px;
  background-color: #3f6a7f;
  color: white;
  font-size: 2em;
  border: 0;
}

.mengePlus {
  padding-top: 3px;
}

.cospq-quantity-input-plus:hover,
.cospq-quantity-input-minus:hover,
.mengeMinus:hover,
.mengePlus:hover {
  background-color: #63bee4;
}

.mcs-item a {
  height: auto !important;
}
.mcs-item a h3 {
}

.mcs-item a:hover h3 {
  animation: rotation 1s linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  45% {
    transform: rotate(-1deg);
  }

  75% {
    transform: rotate(2deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.fullVideo video {
  width: 100vw;
}

.fullVideo2 video {
  min-height: 100vh;
  object-fit: cover;
  width: 100vw;
}

.stoneNews {
  position: absolute !important;
  top: 74vh;
  color: white;
  pointer-events: none;
}

.stoneNewsButton {
  position: absolute !important;
  top: 102vh;
  width: 240px;
  left: 5.4vw;
  color: white;
}

.b-dics-Text {
  display: none;
}

.b-dics--hide-texts .b-dics__text {
  background-color: #00000073 !important;
  min-width: 240px;
}

.b-dics__text {
  color: white !important;
  text-align: left !important;
  transform: translate(-50%, 0) !important;
}

.b-dics__text div h1 {
  margin-top: 10px;
  margin-bottom: 6px;
}

.b-dics__slider:before {
  width: 60px !important;
  height: 60px !important;
}

.umfrageContainer {
  position: fixed;
  background-color: #ffffff;
  color: black;
  bottom: 0;
  border: 4px solid #53bbe7;
  right: 0;
  margin: 2vw;
  padding: 2vw;

  display: none;
}

.qmn_radio_answers {
  text-align: center;
}

.qmn_image_option {
  width: 88px !important;
  height: 88px !important;

  padding: 0 !important;
}

.qsm-quiz-container input[type="radio"] {
  cursor: pointer;
  margin-top: 30px;
  appearance: none;
}

input[type="radio"]:checked:after {
  width: 54px;
  height: 52px;
  margin-top: -42px;
  margin-left: 13px;

  z-index: -1;
  position: absolute;
  background-color: #ffffff;
  content: "";
  display: block;
}

.quiz_section .qmn_radio_answers label {
  max-width: 100% !important;
  height: 56px;
}

.qmn_error_message,
.qsm_retake_button,
.qsm-previous {
  display: none !important;
}

.qsm-quiz-form .qmn_error .qmn_radio_answers,
.qsm-quiz-form .qmn_error .qmn_check_answers,
.qsm-quiz-form .qmn_error .qmn_accept_answers {
  border: 0 !important;
  background: transparent !important;
}

.umfrageClose {
  content: "x";
  position: absolute;
  cursor: pointer;
  top: -14px;
  font-size: 1.6em;
  line-height: 1.8em;
  font-weight: 700;
  right: -25px;
  width: 40px;
  height: 40px;
  color: black;
}
.productGallerie .alg-wc-wl-btn-wrapper {
  position: relative;
  top: -8px;
  right: 0;
  height: 24px;
  text-align: right;
}
.alg-wc-wl-btn-wrapper {
  position: absolute;
  bottom: -12px;
  right: -5px;
}

.alg-wc-wl-btn {
  background-color: transparent !important;
}

.alg-wc-wl-view-state {
  display: none !important;
}

.alg-wc-wl-btn.add::after {
  content: "♡";
  width: 10px;
  height: 10px;
  background-color: transparent;
  color: white;
}

.alg-wc-wl-btn.remove::after {
  content: "♥";
  width: 10px;
  height: 10px;
  background-color: transparent;
  color: white;
}

.productGallerie .alg-wc-wl-btn-wrapper .alg-wc-wl-btn.remove::after,
.productGallerie .alg-wc-wl-btn-wrapper .alg-wc-wl-btn.add::after {
  color: black;
  font-size: 1.4em;
}

.iziToast-capsule .iziToast {
  border: 0;
  background: #1b171b !important;
  height: 200px;
  width: 200px;
  padding: 0 !important;
  margin: 0 !important;
}

.iziToast-body {
  padding: 0 !important;
  margin: 0 !important;
  left: -55px;
}

img.bapf_limg {
  background-size: 120px 120px !important;
  min-width: 120px !important;
  height: 120px !important;
}

.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
  height: 120px;
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  display: block;
  content: "";
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  background: url("https://colourofstone.com/wp-content/uploads/spinner-1.gif")
    center center;
  background-size: cover;
  line-height: 1;
  text-align: center;
  font-size: 2em;
}

.woocommerce button.button.loading::after {
  content: "";
}

.b-dics {
  min-height: 60vh;
}

.spinner::after {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 30px;
  right: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  display: block;
  content: "";
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
  background: url("https://colourofstone.com/wp-content/uploads/spinner-1.gif")
    center center;
  background-size: cover;
  text-align: center;
}

.spinnerBottom::after {
  top: 250px;
}

.woocommerce table.shop_attributes th {
  width: 40%;
  text-align: right;
  hyphens: auto;
}

@media screen and (max-width: 768px) {
  .productGallerie,
  .woocommerce-tabs.wc-tabs-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .woocommerce div.product div.summary {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.paymentMethods:after {
  position: relative;
  background-image: url(/wp-content/uploads/payment-1.png);
  top: 1px;
  width: 350px;
  padding-top: 30px;
  left: 0;
  background-size: contain;
  display: block;
  background-repeat: no-repeat;
  content: "";
}

.muteBtn {
  position: relative;
  left: calc(100% - 42px);
  bottom: 43px;
  height: 30px;
  width: 30px;
  background-size: cover;
  z-index: 9;
}
.mute {
  background-image: url(/wp-content/uploads/Mute_Icon3.png);
}
.unmute {
  background-image: url(/wp-content/uploads/sound-icon3.png);
}

.coupon {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 2px solid #f2921c;
  width: 240px;
  float: right !important;

  padding: 18px;
  text-align: center;
  background-color: white;
}

.coupon label {
  letter-spacing: 0.05em;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 600;
}

input#coupon_code {
  margin-bottom: 10px;
  margin-top: 10px;
}

.woocommerce .cart .button,
.woocommerce .cart input.button {
  background-color: #f2921c;
  color: white;
}

.productImageCover {
  width: 100vw;
  height: 80vh !important;
  object-fit: cover;
  object-position: bottom;
  top: 4px;
  position: relative;
}

.wp-block-cover__inner-container {
  position: relative;
  margin-top: -50vh;
  padding-bottom: 50vh;
  z-index: 999999;
  color: white;
  pointer-events: none;
}

.coverImageText {
  position: relative;
  margin-top: -20vh;
  padding: 20px;
  background-color: #fffdf4e0;
}

img.wp-block-cover__image-background {
  width: 100vw;
  object-fit: cover;
}

input#f12_captcha {
  width: 200px;
  height: 40px;
  margin-left: 80px;
  display: block;
  font-size: 1.6em;
  margin-top: 12px;
}

#breadcrumbs {
  color: white;
  font-size: 0.9em;
  top: -40px;
  position: relative;
}

#headerTextTop {
  background-color: #1d191d;
  color: white;
  padding: 4px;
  z-index: 990;
  position: sticky;
  top: -28px;
}

#headerTop {
  height: 4px;
  animation: farbwechsel 42s infinite;
  position: sticky;
  top: 66px;
  z-index: 999;
}

@media screen and (max-width: 1024px) {
  #headerTextTop,
  #headerTop {
    position: relative;
    top: 0;
  }
}

@keyframes farbwechsel {
  0% {
    background-color: #3f6a7f;
  }
  33% {
    background-color: #e96346;
  }
  66% {
    background-color: #ccca64;
  }
  100% {
    background-color: #a32c3b;
  }
}

@keyframes farbwechselText {
  0% {
    color: #80d5ff;
  }
  23% {
    color: #e96346;
  }
  56% {
    color: #ccca64;
  }
  80% {
    color: #f7e71f;
  }
  100% {
    color: #80d5ff;
  }
}

.payment_box.payment_method_bacs {
  display: none !important;
}

ul.wpml-flag-switcher {
  position: absolute;
  right: 40px;
  bottom: 200px;
}

ul.wpml-flag-switcher {
  position: absolute;
  right: 40px;
  bottom: 100px;
  display: inline-flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.wpml-flag-switcher li {
  margin-right: 12px;
}

ul.wpml-flag-switcher li:last-child {
  margin-right: 0;
}

ul.wpml-flag-switcher li img {
  display: block;
}

span.shopLinkTop {
  margin-top: 9px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 900;
  font-size: 140%;
  text-align: center;
  color: #ccca64;
  animation: farbwechselText 42s infinite;
  width: 100%;
  text-transform: uppercase;
}

#specialRequestForm {
  max-width: 700px;
  margin: 0 auto;
  padding-top: 40px;
}

.form-row {
}

.form-row label {
  font-weight: bold;
  min-width: 120px;
}

#specialRequestForm input[type="text"],
#specialRequestForm input[type="email"],
#specialRequestForm input[type="tel"],
#specialRequestForm textarea {
  width: calc(100%);
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
}

td {
  vertical-align: middle;
}

#specialRequestForm label {
  text-align: left;
  width: 100%;
  display: block;
  font-size: 90%;
  font-weight: 600;
}

#specialRequestForm textarea {
  min-height: 100px;
  resize: vertical;
}

#specialRequestForm input[type="checkbox"] {
  margin-right: 10px;
}

#specialRequestForm label[for="privacy"] {
  display: flex;
  align-items: center;
  font-weight: normal;
}

#formResponse {
  text-align: center;
  font-size: 18px;
  color: #0073aa;
}

/* Search */

.product-search-container {
  position: relative;
  max-width: 300px;
  top: -4px;
}

#product-search-results {
  position: absolute;
  top: 100%;
  left: -30px;
  top: 34px;
  background: #fff;
  border: 1px solid #ccc;
  width: max-content;
  z-index: 99999999;
  max-height: 80vh;
  overflow-y: auto;
  display: none;
}

.noSearch {
  padding: 10px;
  max-width: 300px;
  text-align: center;
  margin-top: 30px;
  font-weight: 600;
}

.noSearch2 {
  padding: 10px;
  max-width: 300px;
  text-align: center;
  margin-top: 34px;
}

#product-search-results div.cat {
  position: relative;
  display: block; /* normaler Textfluss wie in der Shop-Kachel (kein Flex-Umbruch) */
  background-color: #bbbbbba3;
  color: black;
  padding: 6px;
  bottom: 56px;
  white-space: normal;
  font-size: 80%;
  width: 100%;
  padding-right: 148px;
  padding-left: 8px; /* bündig mit dem Titel */
  text-align: left; /* erste Zeile nicht zentriert/eingerückt */
  z-index: 0;
  max-width: 300px;
}
#product-search-results div.cat .categories,
#product-search-results div.cat .material {
  display: inline; /* "Fliesen & Bodenplatten / Granit" als ein Textfluss */
}

#product-search-results span.title {
  letter-spacing: 0.05em;
  position: relative;

  padding: 8px !important;
  padding-right: 8px !important;
  background-color: #1f1b1f;
  color: #fff;
  bottom: 58px;
  max-width: 300px;
  left: 0;
  display: block;

  overflow: hidden;
  text-align: left;

  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#product-search-results span.price {
  display: block;
  font-weight: 400;
  margin-bottom: 0.5em;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  position: relative;
  right: -132px;
  border-top-left-radius: 10px;
  padding: 8px !important;
  color: white;
  margin-left: 10px !important;
  background-color: #1e1a1e;
  bottom: 112px;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  width: 158px;
}

.search-input-container {
  position: relative;
  width: 100%;
}

.product-search-container input {
  width: 38px;
  max-width: 38px;
  padding: 6px 0;
  border: 1px solid transparent;
  border-radius: 5px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="8"/%3E%3Cline x1="21" y1="21" x2="16.65" y2="16.65"/%3E%3C/svg%3E')
    no-repeat center;
  background-size: 22px 22px;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  transition:
    max-width 0.3s ease,
    width 0.3s ease,
    padding 0.3s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    background-position 0.3s ease;
}

.product-search-container input:focus,
.product-search-container input:not(:placeholder-shown) {
  width: 200px;
  max-width: 200px;
  padding: 6px 40px 6px 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-position: right 10px center;
  background-size: 20px 20px;
  cursor: text;
  text-indent: 0;
}

.product-search-container input:focus {
  border-color: #0071a1;
}

.search-result-item {
  display: flex;
  align-items: flex-start;
  padding: 8px;

  border-bottom: 1px solid #eee;
  flex-direction: column;
  height: 306px;
}

.search-result-item img {
  width: 300px;
  height: 300px;
  margin-right: 0px;
}

.search-result-item a {
  flex-grow: 1;
  text-decoration: none;
  color: #333;
}

.search-result-item .price {
  font-weight: bold;
  color: #0071a1;
}

#spinnerSearch {
  background-image: url(/wp-content/uploads/spinner-1.gif);
  position: absolute;
  background-repeat: no-repeat;
  right: -35px;
  top: -3px;
  width: 30px;
  height: 30px;
  background-size: contain;
}

ul.wpml-flag-switcher li a img {
  width: 22px;
  height: 18px;
  object-fit: contain;
}
/* CoS: Border am :after der BACS-Zahlart (Banküberweisung) entfernen */
.woocommerce-checkout #payment ul.payment_methods li.payment_method_bacs:after,
li.payment_method_bacs:after,
.payment_method_bacs:after {
  border: none !important;
}

/* ---- Checkout: AGB + Widerruf + Zollhinweis – einheitliche, zentrierte Häkchen ---- */
.woocommerce-checkout #payment p.form-row.terms,
.woocommerce-checkout #payment p.form-row.cos-agree {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 1em !important;
}
.woocommerce-checkout #payment p.form-row.terms label.checkbox,
.woocommerce-checkout #payment p.form-row.cos-agree label.checkbox,
.woocommerce-checkout #payment p.form-row.cos-agree .woocommerce-input-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  font-weight: normal !important;
}
.woocommerce-checkout #payment p.form-row.terms input[type="checkbox"],
.woocommerce-checkout #payment p.form-row.cos-agree input[type="checkbox"] {
  margin: 2px 0 0 0 !important;
  position: static !important;
  flex: 0 0 auto !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout #payment p.form-row.cos-agree label.checkbox > span {
  display: inline !important;
  position: static !important;
  left: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1em !important;
  line-height: 1.4 !important;
}

/* CoS: Cookie-Hinweis – "Datenschutzerklärung"-Link ohne Hintergrund */
#cookie-notice #cn-more-info.cn-button,
#cookie-notice a#cn-more-info {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.wp-block-image.imageMuster figure a img {
  max-width: 100vw;
  height: auto;
}
/* CoS: Slider (topBlock) – Text auf Bildern besser lesbar (Schatten) */
li.topBlock a div h3,
li.topBlock a div .topButton,
li.topBlock a div .price,
li.topBlock a div .price * {
  text-shadow: black 3px 3px 6px;
}

/* CoS: Galerie-Fußleiste im Shop-Kachel-Muster (Kategorie | ab-Preis, Name | Herz) – Bilder bleiben verschiebbar; Gesamtpreis unten prominent */
.cos-gallery-foot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 103;
  pointer-events: none;
}
.cos-gallery-foot .label-product_cat {
  position: static;
  display: block;
  background-color: #bbbbbba3;
  color: #000;
  padding: 6px 150px 6px 8px;
  font-size: 80%;
  box-sizing: border-box;
  white-space: normal;
}
.cos-gallery-foot .woocommerce-loop-product__title {
  position: static;
  display: block;
  background-color: #1f1b1f;
  color: #fff;
  margin: 0;
  padding: 8px 46px 8px 8px;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cos-gallery-foot p.price {
  position: absolute;
  right: 0 !important;
  left: auto !important;
  bottom: 23px;
  margin: 0;
  padding: 11px;
  background-color: #1e1a1e;
  color: #fff !important;
  border-top-left-radius: 10px;
  font-size: 0.8em !important;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: center;
  z-index: 1;
  display: block !important;
}
/* CoS: Favoritenherz unten rechts in der Galerie-Foot-Leiste (wie Shop-Kachel), weiß auf dem dunklen Namensbalken */
.cos-gallery-foot .alg-wc-wl-btn-wrapper {
  position: absolute !important;
  top: auto !important;
  bottom: 2px;
  right: 12px;
  z-index: 3;
  pointer-events: auto;
}
.cos-gallery-foot .alg-wc-wl-btn-wrapper .alg-wc-wl-btn.add::after,
.cos-gallery-foot .alg-wc-wl-btn-wrapper .alg-wc-wl-btn.remove::after {
  color: #fff !important;
  font-size: 1.4em;
}
div.product.product-type-variable p.newPrice {
  font-size: 2em;
  font-weight: 700;
  margin-top: 7px;
}

/* CoS: Sockelleisten-Zusammenfassung (Titel+Menge+Preis) als EINE Box wie die Fliesen-Zeile. JS (.coss-sock-summary) fasst die drei Elemente zusammen.
   Layout IMMER (sonst bricht es im deaktivierten Zustand um); Hintergrund nur wenn aktiv (nicht .coss-hide). */
.coss-sock-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 16px 16px 16px !important;
}
.coss-product-together:not(.coss-hide) .coss-sock-summary {
  background-color: #e7f2f7 !important;
}


/* CoS: Proxy "In den Warenkorb"-Box unter den Sockelleisten (sticky) - klont 1:1 die Original-Preisleiste (Lieferzeit + Icons + gruener Preis via eigene Klassen), kein DOM-Umbau */
#cosCartProxy {
  position: sticky;
  bottom: 0;
  width: 100%;
  background-color: #fffdf4f7;
  text-align: left;
  padding: 1px 0px 0 10px;
  min-height: 92px;
  box-sizing: border-box;
  z-index: 102;
  border-top: 1px solid #e3ddd0;
}


/* CoS: Mobil-Header - Suchsymbol naeher ans Herz + Suchfeld schmaler, damit es Warenkorb/Menue nicht mehr ueberdeckt */
@media screen and (max-width: 767px) {
  div.search { left: 66px; }
  .product-search-container input:focus,
  .product-search-container input:not(:placeholder-shown) {
    width: 170px !important;
    max-width: 170px !important;
  }
}


/* CoS: Blockier-Overlay waehrend Add-to-Cart (verhindert Abbruch durch schnellen Warenkorb-Klick) */
#cosAddOverlay { position: fixed; inset: 0; background: rgba(20,20,20,0.45); z-index: 2147483647; display: flex; align-items: center; justify-content: center; cursor: wait; }
#cosAddOverlay .cosAddSpin { width: 54px; height: 54px; border: 5px solid rgba(255,255,255,0.45); border-top-color: #fff; border-radius: 50%; animation: cosAddSpin 0.8s linear infinite; }
@keyframes cosAddSpin { to { transform: rotate(360deg); } }

/* CoS Kontrast (WCAG AA, 2026-07-01) — knapp zu helle Texte dunkler/fetter */
.quanityUnit,
p.pricePerUnit,
p.pricePerUnitTogether,
.coss-product-this .price bdi { color: #111; font-weight: 900; }
/* Gesamtpreis: bleibt grün, nur dunkler für ausreichenden Kontrast */
p.newPrice,
div.product.product-type-variable p.newPrice { color: #5f9349; }
/* Cookie-Button: dunkleres Orange (weiße Schrift dadurch lesbar); Inline-BG per !important überschreiben */
#cn-accept-cookie { background-color: #a5620a !important; }

/* CoS: iOS-Zoom beim Fokus der Mengen-Felder verhindern (font-size >=16px auf Mobile, 2026-07-01) */
@media (max-width: 782px) {
  input#fliesenMenge,
  input.coss-this-qty,
  input.coss-qty,
  input.cospq-quantity-input2,
  .woocommerce div.product form.cart .quantity input.qty { font-size: 16px; }
}