.cwcd-area-number {
  text-anchor: middle;
  alignment-baseline: middle;
  font-family: 'Roboto';
  font-size: 200pt;
  font-weight: 900;
  fill: #9d947b;
}

label[for="cwc-binding-color-2"] { border: 1px solid #bbb }

div.cpr-tab[data-tab="2"] div.accordion-body { padding: 0 }
div.cpr-tab[data-tab="2"] div.cwc-canvas>div { padding: 0 0.625rem }
div.cpr-tab[data-tab="2"] div.cwc-canvas>div.cwc-texts { padding: 0 }

div.cwc-user-text { position: relative; background-color: #f5f3ec; margin: 1rem 0 }

div.cwc-add-text { display: flex }
/*div.cwc-tab[data-tab="3"] div.cpr-add-text { display: none }*/

div.cprd-tab[data-tab="4"] g.cwcd-area rect { visibility: hidden }
div.cprd-tab[data-tab="4"] g.cwcd-area text.cwcd-area-number { visibility: hidden }
div.cwc-overview-visual g.cwcd-area rect { visibility: hidden }
div.cwc-overview-visual g.cwcd-area text.cwcd-area-number { visibility: hidden }

div.cwc-overview-visual { display: none }
div.cwc-overview-image-missing { color: #f00; text-transform: uppercase }
div.cwc-overview-low-dpi { color: #f00 }
div.cwc-overview-placeholder-remains { color: #f00 }

div.cwc-passepartout { display: none }
div.cwc-overview-passepartout { display: none }

div.cwc-overview-many-texts ul { list-style-type: none; margin-left: 10px; margin-bottom: 0; padding: 0 }

@media only screen and (min-width: 769px) {
  div.cwcd-overview-container>div { height: 33% }
}
@media only screen and (min-width: 769px) and (max-width: 1360px) {
  div.cwcd-overview-container>div { height: 25% }
}
@media only screen and (min-width: 769px) and (max-width: 900px) {
  div.cwcd-overview-container>div { height: 20% }
}

div#cwc-overview-front div.cprd-svg-container { height: 150px }
div#cwc-overview-months div.cwcd-overview-container>div { height: 150px }

@media only screen and (max-width: 768px) {
  div.cwc-overview-visual { width: 100%; height: 100%; display: flex; justify-content: center; margin: 10px 0 }
}