/***********************************************************************
 * Organization code: wcj
 * Template code name: wcj
 * Last generated: 2025-02-11 11:03:45
 ***********************************************************************/


/***********************************************************************
 * Auto generated css-code for shop from settings in selected layout
 ***********************************************************************/

    .cwBody {
        background-color: #fffaf2;
        font-family: Raleway,sans-serif;
    }
    .cwBody,
    .cwBody A,
    .cwBody A:hover,
    .cwBody A:visited {
        color : #000000;
    }
    .cwArea {
        font-size : 16px;
    }
    .cwArea .regIcon,
    .cwVisibleForm,
    .cwFormCenter,
    .cwControlAreaTop,
    .cwControlAreaBottom,
    .cwInputArea,
    .cwInfoArea,
    .cwDataArea,
    .cwArea .shopSearchForm,
    .cwArea .shopSearchFormBasic,
    .cwArea .shopSearchFormAdvanced,
    .cwArea DIV.filterOptionFramed:hover,
    .cwTerms,
    .cwArea HR {
        border-color : #DADADA;
    }
    .cwArea .regIcon {
        background-color : #1d1d1b;
    }
    .cwControlAreaTop {
        background-color : #1d1d1b;
        background: -moz-linear-gradient(top, #1d1d1b 0%,#1d1d1b 43%,#1d1d1b 57%,#1d1d1b 100%);
        background: -webkit-linear-gradient(top, #1d1d1b 0%,#1d1d1b 43%,#1d1d1b 57%,#1d1d1b 100%);
        background: -o-linear-gradient(top, #1d1d1b 0%,#1d1d1b 43%,#1d1d1b 57%,#1d1d1b 100%);
        background: -ms-linear-gradient(top, #1d1d1b 0%,#1d1d1b 43%,#1d1d1b 57%,#1d1d1b 100%);
        background: linear-gradient(to bottom, #1d1d1b 0%,#1d1d1b 43%,#1d1d1b 57%,#1d1d1b 100%)
    }
    .cwControlAreaTop,
    .cwArea .shopSearchFormBasic,
    .cwArea .regIcon {
        color : #000000;
    }
    .cwControlAreaBottom,
    .cwInfoArea,
    .cwArea .shopSearchForm,
    DIV.filterOptionFramed:hover,
    .cwInfoArea A,
    .cwInfoArea A:hover,
    .cwInfoArea A:visited {
        color : #000000;
    }
    .cwTerms,
    .cwTerms A,
    .cwTerms A:hover,
    .cwTerms A:visited,
    .cwDataArea,
    .cwDataArea A,
    .cwDataArea A:hover,
    .cwDataArea A:visited {
        color : #000000;
    }
    TABLE.cwEvents TR.dataRow:hover,
    TABLE.cwEvents TR.dataRow:hover A {
        background-color : #fffaf2;
        color : #000000;
    }
    DIV.filterOptionFramed:hover {
        background-color : #fffaf2;
    }
    .cwControlAreaBottom,
    .cwVisibleForm,
    .cwInfoArea,
    .cwInputArea {
        background-color : #fffaf2;
        background: -moz-linear-gradient(left, #fffaf2 0%,#fffaf2 250px);
        background: -webkit-linear-gradient(left, #fffaf2 0%,#fffaf2 250px);
        background: -o-linear-gradient(left, #fffaf2 0%,#fffaf2 250px);
        background: -ms-linear-gradient(left, #fffaf2 0%,#fffaf2 250px);
        background: linear-gradient(to right, #fffaf2 0%,#fffaf2 250px)
    }
    .cwhc_Question:hover,
    .cwTerms,
    .cwArea .shopSearchFormAdvanced,
    .cwDataArea {
        background-color : #aaaaaa;
        background: -moz-linear-gradient(left, #ff0000 0%,#aaaaaa 80%);
        background: -webkit-linear-gradient(left, #ff0000 0%,#aaaaaa 80%);
        background: -o-linear-gradient(left, #ff0000 0%,#aaaaaa 80%);
        background: -ms-linear-gradient(left, #ff0000 0%,#aaaaaa 80%);
        background: linear-gradient(to right, #ff0000 0%,#aaaaaa 80%)
    }

/***********************************************************************
 * Manually added css-code in selected layout
 ***********************************************************************/

/* cyrillic-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2)
    format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2)
    format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2)
    format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2)
    format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2)
    format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

.cwArea {
  height: 100%;
  width: 100%;
}

.cwArea SELECT,
.cwArea OPTION,
.cwArea TEXTAREA,
.cwArea INPUT {
  font-family: Raleway, sans-serif;
}

.cwBody {
  padding: 0;
  background-color: #1d1d1b;
}

.cwVisibleForm {
  height: 100%;
  border-width: 0;
  display: flex;
  flex-direction: column;
}
.cwControlAreaTop {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 15px;
  display: flex;
  position: sticky;
  top: 0;
  justify-content: start;
  flex-direction: row-reverse;
  z-index: 1;
  outline: 1px solid black;
  border: none;
}

.cwhc_Question:hover,
.cwTerms,
.cwArea .shopSearchFormAdvanced,
.cwDataArea {
  background: #349995;
  color: white;
  border: none;
}

.cwArea .cwControlAreaTop INPUT, .cwButton {
  background-color: #ab2814;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  min-width: 0;
}

.cwControlAreaBottom {
  border: none;
  background: white;
}

.cwButton.cwShopNavAbort {
  display: none;
}

.cwButton.cwShopNavBack:not([value^="«"]) {
  /* 
     Hide the "Show all" button in all languages by 
     looking if the value does not begin with « 
  */
  display: none;
}

.cwFormCenter {
  height: 100%;
}

.cwShopNavSwitchLang {
  align-self: center;
  display: flex;
  margin-right: auto;
  align-items: center;
  order: 100;
}

.cwBody, .cwBody A, .cwBody A:hover, .cwBody A:visited {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}

.cwControlAreaBottom {
  display: none;
}

@media screen {
  .cwShopNavSwitchLang, .cwShopNavExtra, .cwShopNavBack, .cwShopNavAbort, .cwShopNavCart {
    float: none;
  }
}


.cwInputArea .cwhc_SubmitButton:hover:enabled, .cwInputArea .cwhc_SubmitButton:active:enabled, .cwButton:hover:enabled, .cwButton:active:enabled, SPAN.cwButton:hover, A.cwButton:hover:enabled, A.cwButton:active:enabled, .cwBody A.cwButton:hover:enabled, .cwBody A.cwButton:active:enabled, .cwListFrame .cwButton:hover:enabled, .cwListFrame .cwButton:active:enabled {
  background-color: #ab2814;
  border: none;
}

#cwShopForm {
  height: 100%;
}

html {
  height: 100%;
}