/** cai-world.ch color scheme 203 */
/* ubuntu-regular - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/ubuntu-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v20-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-regular.woff") format("woff"), url("../fonts/ubuntu-v20-latin-regular.ttf") format("truetype"), url("../fonts/ubuntu-v20-latin-regular.svg#Ubuntu") format("svg"); /* Legacy iOS */
}
:root body.ch203 {
  /* base color */
  --color-accent-base: 122, 159, 119 !important;
  --color-green: #7cc576;
  /* 
  -------------------------------------------------------------------
  Copy/paste: overwrite variables in :root from variables_colors.scss
  -------------------------------------------------------------------
   */
  --color-accent-main: rgb(var(--color-accent-base)) !important;
  --color-accent-medium: rgba(var(--color-accent-base), 0.5) !important;
  --color-accent-transparent: rgba(var(--color-accent-base), 0.2) !important;
  --color-accent-transparent-medium: rgba(var(--color-accent-base), 0.1) !important;
  --color-accent-transparent-light: rgba(var(--color-accent-base), 0.05) !important;
  /*--btn-primary-color: var(--color-accent-contrast) !important;*/
  /*--btn-primary-background-color: var(--color-accent-main) !important;*/
  --btn-primary-hover-color: var(--color-accent-contrast) !important;
  /*--btn-primary-hover-background-color: var(--color-accent-main) !important;
  --btn-primary-border-color: var(--color-accent-main) !important;*/
  --btn-secondary-color: var(--color-accent-main) !important;
  --btn-secondary-hover-color: var(--color-accent-main) !important;
  --btn-secondary-hover-background-color: var(--color-accent-transparent) !important;
  --btn-outline-primary-color: var(--color-accent-main) !important;
  --btn-outline-primary-hover-color: var(--color-accent-main) !important;
  --btn-outline-primary-border-color: var(--color-accent-main) !important;
  --btn-outline-primary-hover-border-color: var(--color-accent-main) !important;
  --btn-outline-primary-hover-background-color: var(--color-accent-transparent) !important;
  --cc-btn-primary-bg: var(--color-accent-main) !important;
  --cc-btn-primary-hover-bg: var(--color-accent-main) !important;
  --portlet-topper-bg: var(--color-accent-main);
  --color-banner: var(--color-accent-main);
  --color-banner-selected-menu: var(--color-accent-main);
  --color-sitemenu-dropdown-background: var(--color-accent-main);
  --color-workbench-sidebar-background: var(--color-accent-main);
  --color-footer-background: var(--color-accent-main);
  --color-footer: var(--color-accent-contrast);
  /* 
  -------------------------------------------------------------------
  Copy/paste: end
  -------------------------------------------------------------------
   */
  /* colors */
  --color-communication-active: rgba(74, 118, 71, 1);
  /* font */
  --font-family-base: "Ubuntu", Helvetica, Arial, sans-serif;
  --body-color: rgba(24, 39, 23, 0.7);
  /* headlines */
  --h1-color: #578a53;
  --h2-color: #578a53;
  /* buttons */
  --btn-primary-color: white !important;
  --btn-primary-background-color: var(--color-green) !important;
  --btn-primary-hover-background-color: var(--color-accent-main) !important;
  --btn-primary-border-color: var(--color-green) !important;
  --btn-primary-hover-border-color: var(--color-green) !important;
  --btn-secondary-color: var(--color-green) !important;
  --btn-secondary-background-color: white !important;
  --btn-secondary-hover-color: white !important;
  --btn-secondary-hover-background-color: var(--color-green) !important;
  --btn-secondary-border-color: var(--color-green) !important;
  --btn-secondary-hover-border-color: var(--color-green) !important;
  --btn-border-radius: 6px;
  --btn-border-width: 2px;
  /* banner */
  /* workbench */
  --color-workbench-sidebar-background: var(--color-green);
}
:root body.ch203 #banner .logo {
  background-color: var(--color-green);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 15px 8px 15px;
  margin-top: -5px;
}
:root body.ch203 #banner .logo:hover {
  background-color: #46963f;
}
:root body.ch203 #banner .logo h2 {
  display: none;
}