/* THEME SPECIFIC VARIABLES */
:root {
  --color-default: #d1c8c1;
  --color-default-dark: #9c8e83;
  --color-default2: #31241e;
  --color-default2-dark: #140e0b;
  --color-gray-dark: #404041;
  --color-gray: #555;
  --color-gray-light: #ccc;
  --color-brand: var(--color-default);
  --color-brand-dark: var(--color-default-dark);
  --color-brand2: var(--color-default2);
  --color-brand2-dark: var(--color-default2-dark);
  --color-highlight: #86654b;
  --color-page-background: #f6f4f3;
  --color-text: var(--color-gray-dark);
  --color-text--inverted: var(--color-page-background);
  --color-links: var(--color-highlight);
  --color-btn: var(--color-links);
  --color-btn-text: var(--color-text--inverted);
  --base-font-size--xs: 1rem;
  --base-font-size: 1rem;
  --base-font-size--xl: 1.125rem;
  --base-line-height: 1.625;
  --base-font-weight: 400;
  --base-font-family: "Open Sans", Arial, sans-serif;
  --base-spacing-unit: 1rem;
  --base-spacing-unit--xs: calc(var(--base-spacing-unit) / 4);
  --base-spacing-unit--sm: calc(var(--base-spacing-unit) / 2);
  --base-spacing-unit--lg: calc(var(--base-spacing-unit) * 2);
  --base-spacing-unit--xl: calc(var(--base-spacing-unit) * 4);
  --base-border-radius: 0;
  --base-border-width: 2px;
  --base-border-color: var(--color-gray-light);
  --base-border: transparent;
  --logo-slider-bg-color: #ffffff;
  --badge-neu-textstring: "Neu";
  --badge-neu-bgcolor: #a16d60;
  --badge-neu-textcolor: #ffffff;
  --badge-neu-fontsize: 1.5em;
  --main-color: var(--color-brand);
  --font-color: #fff;
  --pu-main-color: #fff;
  --pu-font-color: #000;
  --shadow-color: var(--color-brand2);
  --button-border-radius: 0px;
}

/**
FOOTER VARS
 */
html {
  --footer-pre__bg-color: #ffffff;
  --footer-pre__color: var(--color-text);
  --footer-pre__link-color: var(--footer-pre__color);
  --footer-sub__bg-color: var(--color-brand);
  --footer-sub__color: #ffffff;
  --footer-sub__link-color: var(--footer-sub__color);
}

/* VARIABLES HEADINGS */
html {
  --headings__font-family: 'Rouge Script', Arial, sans-serif;
  --headings__font-weight: 700;
  --headings__color: var(--color-default2);
  --paragraph__link-color: var(--color-links);
  --code__color: var(--color-highlight);
  --selection-background: var(--color-brand);
  --pre__color-background: var(--color-gray);
  --pre__color: var(--color-text--inverted);
  --selection-color: var(--color-text--inverted);
  --hr-border: var(--base-border);
  --paragraph__link-decoration: underline;
  --paragraph__link-decoration--hover: none;
  --fontgradient-color: #42d7b7;
  --fontgradient-direction: left;
  --fontgradient-color1: #337abe;
  --fontgradient-color2: #37a88c;
  --fontgradient-color3: #3dbb9c;
}

/* CUSTOM BUTTONS */
html {
  --button-blue-bgcolor: #005a81;
  --button-blue-bgcolor-hover: #004868;
  --button-blue-color: #fff;
  --button-orange-bgcolor: #cf8f04;
  --button-orange-bgcolor-hover: #b67e04;
  --button-orange-color: #000;
  --button-highlight-bgcolor: var(--color-highlight);
  --button-highlight-bgcolor-hover: var(--color-highlight);
  --button-highlight-color: #ffffff;
  --btn-rounded-radius: 1.5rem;
}

/**
BACK TO TOP BUTTON
 */
html {
  --button-to-top-color: var(--color-brand);
  --button-to-top-bgcolor: rgba(255, 255, 255, .8);
  --button-to-top-bgcolor-hover: #ffffff;
}

html {
  --fancy-headline-seperator-color: var(--color-brand2);
}

/* Topbar */
html {
  --ctabar-bgcolor: var(--color-brand);
  --ctabar-color: var(--color-default2);
  --logo-bg-color: #ffffff;
}

html {
  /* Topnav */
  --topnav-bgcolor-submenu-trigger: #000;
  --topnav-color-hover-textshadow: 2px 2px 5px rgba(0, 0, 0, .5);
  --topnav-color: var(--color-brand);
  --topnav-color-hover: #4a767a;
  --topnav-bgcolor: transparent;
  --topnav-bgcolor-hover: rgba(51, 51, 51, 0.1);
  --topnav-font-size: 1.1rem;
  --topnav-font-weight: 400;
  /* Submenu */
  --topnav-submenu-bgcolor: #eaf2f2;
  --topnav-submenu-width: 17rem;
  /* Mobile Menu */
  --mobilemenu-nav-color: #fff;
  --mobilemenu-nav-bgcolor: #191919;
  --mobilemenu-nav-color-hover: #fff;
  --mobilemenu-nav-bgcolor-hover: var(--color-brand);
}

/**
Anker Theme - Vars for mmenu
 */
:root {
  --mm-color-border: white;
  --mm-color-button: white;
  --mm-color-text: white;
  --mm-color-text-dimmed: white;
  --mm-color-background: var(--color-default);
  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3) ;
}

/**
TEASER BOX
 */
html {
  --teaserbox-default-bgcolor: #fff;
  --teaserbox-default-border: none;
  --teaserbox-default-boder-radius: 0;
  --teaserbox-default-padding: 0;
  --teaserbox-primary-bgcolor: var(--color-brand);
  --teaserbox-primary-color: #fff;
  --teaserbox-secondary-bgcolor: var(--color-brand2);
  --teaserbox-secondary-color: #000;
  --teaserbox-blue-bgcolor: #007eb4;
  --teaserbox-blue-color: #fff;
  --teaserbox-orange-bgcolor: #FAAF0C;
  --teaserbox-orange-color: #000;
}

/* QUICKNAV */
html {
  --quicknav-bgcolor: var(--color-brand);
  --quicknav-border: 2px solid var(--color-brand2);
}

/* ANSPRECHPARTNER - mod_article_ansprechpartner */
html {
  --ansprechpartner-anzahl: 3;
  --ansprechpartner-spacing: 1rem;
  --ansprechpartner-minwidth: 300px;
  --ansprechpartner-image-height: 300px;
}

/**
CSS VARS FOR OVELEON COOKIEBAR
 */
html {
  --cookiebar__btn--border: 1px solid var(--color-brand);
  --cookiebar__btn--color: #444;
  --cookiebar__btn--background: #f5f5f5;
  --cookiebar__btn--background-hover: #ececec;
}

/**
ce_rsce_centered_wrapper
 */
html {
  --ks-centered-wrapper-border: #cccccc;
  --ks-centered-wrapper-color-inverted: #ffffff;
  --ks-centered-wrapper-color-highlight: var(--color-highlight);
  --ks-centered-wrapper-textshadow: none;
}

/* ce_rsce_teaser */
html {
  --teaser-default-color: var(--color-text);
  --teaser-default-bgcolor: #ebebeb;
  --teaser-primary-color: #fff;
  --teaser-secondary-color: #fff;
  --teaser-primary-bgcolor: var(--color-brand);
  --teaser-secondary-bgcolor: var(--color-brand2);
  --teaser-section-radius: var(--base-border-radius);
}

/**
ce_rsce_icon_box
 */
html {
  --icon-box__icon-bg-color: var(--color-brand);
  --icon-box__icon-border-color: var(--color-brand);
  --icon-box__icon-color: #fff;
  --icon-box__icon-border-radius: 50%;
  --icon-box__title-color: var(--color-brand);
}

html {
  --headerslide__textwrapper-bgcolor: rgba(255, 255, 255, 0.85);
}

/* TESTIMONIALS QUOTES */
html {
  --quote__bottom--bgcolor: var(--color-brand);
  --quote__bottom--textcolor: var(--color-page-background);
  --quote__item--bgcolor: #f5f5f5;
  --quote__item--textcolor: #000000;
}

html {
  --header-color-background: #fff;
  --header-color-text: var(--color-text);
}