:root {
  --color_dark: #004985; /* #003366; 0 20 40 MR/darkblue */
  --color_company: #E20026; /* MR/red */
  --color_bluegray: #566275; /* MR/bluegray */
}

/* Link in Header */
.header_change_nav:hover {
  border: 1px solid var(--color_company) !important;
  background: var(--color_company ) !important;
}

/* Warenkorb Circle */
.cart_circle {
  position: relative;
  background: var(--color_company);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: -5px;
  right: -15px;
  z-index: 1;
}

/* Navbar Style ------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.navbar.website_default {
  background: transparent;
}

#navbar > .menu-bar > .navbar-nav > li > a  {
  color: white;
}

.nav_default > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a,
.nav_default > ul > li > ul.dropdown-menu > li > a {
  color: var(--color_dark) ;
}

.nav_default > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:hover,
.nav_default > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:focus,
.nav_default > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:active,
.nav_default > ul > li > ul.dropdown-menu > li > a:hover,
.nav_default > ul > li > ul.dropdown-menu > li > a:focus,
.nav_default > ul > li > ul.dropdown-menu > li > a:active {
  background: white;
}

.nav_a_header {
  border-top: 4px solid transparent;
  font-weight: 500 !important;
  padding: 25px 15px 15px 15px !important;
}

.nav_a_header:active,
.nav_a_header:focus,
.nav_a_header:hover {
  border-top: 4px solid white !important;
}

.nav_a {
  color: var(--color_dark) !important;
  background: white;
}

.nav_a:hover {
  color: var(--color_company) !important;
}

.navbar.nav_default {
  background: transparent;
}

.iconbar_blue  {
  border-color: var(--color_dark) !important;
  background: var(--color_dark) !important;
}

.iconbar_white  {
  border-color: white !important;
  background: white !important;
}

/* Dropdown */
ul.dropdown-menu {
  color: var(--color_dark) !important;
  background: white !important;
}

/*menue default*/
#menue_default:focus,
#menue_default:active,
#menue_default {
  font-family: Ubuntu !important;
  background: var(--color_company) !important;
  font-weight: 700 !important;
}

/* Logout ------------------------------------------------------------------------------------------------------------*/
#menue_logout_btn {
  color: var(--color_company) !important;
}

#menue_logout_btn > .icon_logout_svg {
  fill: var(--color_company);
  width: 17px;
  height: 20px;
  margin-right: 8px;
}

#menue_logout_btn:hover {
  color: white !important;
  background: var(--color_company);
}

#menue_logout_btn:hover > .icon_logout_svg {
  fill: white;
}

/* Arrow - user menue */
#user_roles > a > .icon_arrow_down_svg {
  stroke: var(--color_dark);
  fill: var(--color_dark);
  margin-left: 8px;
  width: 15px;
}

#user_roles:active > a,
#user_roles:focus > a,
#user_roles:hover > a {
  color: var(--color_company) !important;
}

#user_roles:hover > a > .icon_arrow_down_svg {
  stroke: var(--color_company);
  color: var(--color_company);
  fill: var(--color_company);
}

@media(min-width: 1200px) {
  /*-----------------------------------------------------------------------------*/
  /* Active LI */
  .nav > li.active {
    border-top-color: white !important;
  }

  #nav_user_roles_admin {
    left: -60%;
  }

  #nav_user_roles {
     left: -54%;
   }

  .nav > .active > a,
  .navbar-nav > .open > a {
    color: white !important;
    background: transparent !important;
    border-top-color: white !important;
  }

  /* Hover --------------------------------------------------------------------*/
  #navbar > ul.navbar-nav.weblinks > li > a:hover,
  #navbar > ul.navbar-nav.weblinks > li > a:active,
  #navbar > ul.navbar-nav.weblinks > li > a:focus {
    color: white !important;
  }

  /*  Bilder*/
  .header_logo {
    background: white;
    height: 110px;
    width: auto;
    position: absolute;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  /* menue cart */
  .icon_cart_bag_svg {
    fill: white;
    width: 25px;
    padding-left: 9px;
    position: relative;
    top: -2px;
  }

  /* menue admin */
  #menue_koordanisation > .icon_settings_svg,
  #menue_administrator > .icon_settings_svg {
    fill: white;
    width: 30px;
    padding-left: 6px;
  }
}

@media(max-width: 1199px) {
  #menue_default:focus,
  #menue_default:active,
  #menue_default:hover,
  #menue_default {
    color: white !important;
  }

  #navbar > .menu-bar > .navbar-nav > li > a {
    color: var(--color_dark) ;
  }

  /* -----------------------------------------------------------------------*/
  li.border_collapse_in_li {
    border-top: 1px solid var(--color_bluegray);
    background: white;
  }

  .nav_default > ul > li > .nav_a_header:hover {
    color: var(--color_company) !important;
  }

  /* -----------------------------------------------------------------------*/
  /* Active LI */
  .nav > .active > a,
  .navbar-nav > .open > a {
    color: var(--color_company) !important;
    background: transparent !important
  }

  /*-----------------------------------------------------------  */
  button.navbar-toggle {
    border: none !important;
    background: transparent !important;
  }
  /*-----------------------------------------------------------  */
  /* Logo */
  .header_logo {
    background: white;
    width: 70px;
    height: auto;
    position: absolute;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  /* menue cart */
  .icon_cart_bag_svg {
    fill: var(--color_dark);
    width: 25px;
    padding-left: 9px;
    position: relative;
    top: -2px;
  }

  li:hover > #menue_cart > .icon_cart_bag_svg {
    fill: var(--color_company);
  }

  /* menue admin */
  #menue_koordanisation > .icon_settings_svg,
  #menue_administrator > .icon_settings_svg {
    fill: var(--color_dark);
    width: 30px;
    padding-left: 6px;
  }

  li:hover > #menue_koordanisation > .icon_settings_svg,
  li:hover > #menue_administrator > .icon_settings_svg {
    fill: var(--color_company);
  }
}

@media(max-width: 728px) {
  .navbar-nav {
    margin:7.5px -15px;
    margin-top:-7px;
  }
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* Page Navbar -------------------------------------------------------------------------------------------------------*/
.pagy-nav > .page > a {
  color: var(--color_dark);
}

span.page > a {
  color: var(--color_dark) !important;
}

.pagy-nav > .page.active {
  color: var(--color_company);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* Regionale Navbar --------------------------------------------------------------------------------------------------*/
.nav_regional,
.nav_regional2 {
  border: none !important;
}

.navbar.nav_regional {
  background: transparent;
}

.navbar.nav_regional2 {
  background: transparent;
}

#nav_regional > .menu-bar > .navbar-nav > li > a {
  color: white;
}

#nav_regional2 > .menu-bar > .navbar-nav > li > a {
  color: var(--color_dark);
}

/*.navbar-toggle.mr_header_nav,*/
.navbar-toggle.header_navigation,
.navbar-toggle.header_navigation:hover,
.navbar-toggle.header_navigation:focus,
.navbar-toggle.header_navigation:active {
  background:  var(--color_bluegray);
}

.header_navigation > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:hover,
.header_navigation > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:focus,
.header_navigation > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:active,
.header_navigation > ul > li > ul.dropdown-menu > li > a:hover,
.header_navigation > ul > li > ul.dropdown-menu > li > a:focus,
.header_navigation > ul > li > ul.dropdown-menu > li > a:active {
  color: var(--color_company) !important;
  background: white;
  border: none !important;
}

@media(min-width: 1200px){
  /*UL --------------*/
  #nav_regional > div > ul,
  #nav_regional2 > div > ul {
    background: transparent !important;
  }


  /*LI -------------------------*/
  #nav_regional > .header_navigation > ul > li:hover {
    border-top-color: var(--color_company);
    background: transparent !important;
  }

  /* Text des LI */
  .header_navigation > ul > li > a {
    color: var(--color_dark);
  }

  .header_navigation > ul > li {
    border-top: 4px solid transparent;
  }

  .header_navigation > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a,
  .header_navigation > ul > li > ul.dropdown-menu > li > a {
    color: var(--color_dark) !important;
    background: white;
  }
  #navbar > .header_navigation > ul > li:hover {
    border-top-color: white;
  }
  /*-----------*/

  #nav_regional > .navbar-right,
  #nav_regional2 > .navbar-right{
    padding-top: 1.45em !important;
    padding-bottom: 1.45em !important;
  }

  #nav_regional2 > div > ul > li > a {
    color: var(--color_dark);
    background: transparent !important;
    color: white;
  }

  #nav_regional > ul.navbar-nav.weblinks > li > a:hover,
  #nav_regional > ul.navbar-nav.weblinks > li > a:active,
  #nav_regional > ul.navbar-nav.weblinks > li > a:focus,
  #nav_regional > .header_navigation > ul > li > a:hover,
  #nav_regional > .header_navigation > ul > li > a:active,
  #nav_regional > .header_navigation > ul > li > a::selection,
  #nav_regional > .header_navigation > ul > li > a:focus {
    color: var(--color_company) !important;
  }

  #navbar > .header_navigation > ul > li > a:hover,
  #navbar > .header_navigation > ul > li > a:active,
  #navbar > .header_navigation > ul > li > a::selection,
  #navbar > .header_navigation > ul > li > a:focus {
    color: white !important;
  }
  /*-----------*/
  .header_navigation > ul.navbar-nav.weblinks > li > a:hover,
  .header_navigation > ul.navbar-nav.weblinks > li > a:active,
  .header_navigation > ul.navbar-nav.weblinks > li > a:focus {
    background: transparent !important;
  }

  .header_navigation > ul > li > a:hover,
  .header_navigation > ul > li > a:active,
  .header_navigation > ul > li > a::selection,
  .header_navigation > ul > li > a:focus {
    background: transparent !important;
  }

  /*  Bilder*/
  .nav_logo_faq {
    background: white;
    width: auto;
    height: 140px;
    position: absolute;
    border-radius: 50% !important;
    padding: 0 !important;
    margin-top: 20px !important;
  }

  .nav_logo {
    background: white;
    height: 130px;
    width: auto;
    position: absolute;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 0 !important;
  }
}

@media(max-width: 1199px) {
  #nav_regional.navbar-collapse.collapse.in > .header_navigation > ul > li,
  #nav_regional2.navbar-collapse.collapse.in > .header_navigation > ul > li {
    border-top: 1px solid var(--color_grey);
  }

  #nav_regional.navbar-collapse.collapse.in > .header_navigation > ul > li#mitmachen,
  #nav_regional2.navbar-collapse.collapse.in > .header_navigation > ul > li#mitmachen {
    border-bottom: 1px solid var(--color_grey);
  }

  /* Text des LI */
  .header_navigation > ul > li > a {
    color: var(--color_dark) !important;
  }

  /* Text des LI Dropdown */
  .header_navigation > ul > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a,
  .header_navigation > ul > li > ul.dropdown-menu > li > a {
    color: var(--color_dark) !important;
    background: white;
  }

  /* Hover LI --------------------------------------------------------------*/
  .header_navigation > ul.navbar-nav.weblinks > li > a:hover,
  .header_navigation > ul.navbar-nav.weblinks > li > a:active,
  .header_navigation > ul.navbar-nav.weblinks > li > a:focus {
    background: transparent !important;
    color: var(--color_company) !important;
  }

  .header_navigation > ul > li > a:hover,
  .header_navigation > ul > li > a:active,
  .header_navigation > ul > li > a::selection,
  .header_navigation > ul > li > a:focus {
    background: transparent !important;
    color: var(--color_company) !important;
  }

  #nav_regional > div > ul,
  #nav_regional2 > div > ul,
  #nav_regional > div > ul > li > a,
  #nav_regional2 > div > ul > li > a {
    background: white !important;
  }

  #nav_mitmachen {
    border-bottom: 1px solid var(--color_grey);
  }

  /* Logo */
  .navbar > .center_position > a > .nav_logo,
  .navbar > .center_position > a > form > .nav_logo {
    margin-left: 0 !important;
  }

  .nav_regional > div.center_position > .navbar-header,
  .nav_regional2 > div.center_position > .navbar-header {
    padding-bottom: 12px;
  }

  .nav_logo_faq,
  .nav_logo {
    background: white;
    width: 68px;
    height: auto;
    position: absolute;
    border-radius: 4px;
    padding: 0 4px !important;
  }
}

@media(max-width: 1199px) and (min-width: 729px){
  #nav_regional > div > ul > li > a,
  #nav_regional2 > div > ul > li > a {
    color: var(--color_dark);
    width: 61px !important;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* Color Definitions -------------------------------------------------------------------------------------------------*/
:root {
    --color_dark: #004985; /* dark version company color*/
    --color_light: #EEF2F7; /* Helle Hintergrundfarbe => Tabelle/regionale Webseite/etc */
    --color_company: #E20026; /* light version company color => primary buttons/etc */
    --color_bluegray: #566275; /* Textfarbe */
    --color_rgb_header: rgba(0, 51, 102, 0.7); /* Webseiten Header */
    --color_rgb_company: rgba(226,0,38, 0.4); /* HR Square */
    --color_rgb_faq_collapse: rgba(0, 51, 102, 0.4); /* Button Collapse Color */
    --green_success_collapse: #00BA13; /* success infocolor */
    --red_error_collapse: #E20026; /* error infocolor */
}


/*Fonts --------------------------------------------------------------------------------------------------------------*/
/* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.eot); /* IE9 Compat Modes */
    src: local(''),
    url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(/webfonts/ubuntu_v20/ubuntu-v20-latin-regular.svg#Ubuntu) format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.eot); /* IE9 Compat Modes */
    src: local(''),
    url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.woff) format('woff'), /* Modern Browsers */
    url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(/webfonts/source-sans-pro_v21/source-sans-pro-v21-latin-regular.svg#SourceSansPro) format('svg'); /* Legacy iOS */
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* Spinner -----------------------------------------------------------------------------------------------------------*/
.loader {
    border-top: 14px solid rgba(0,73,133, 0.1);
    border-bottom: 14px solid rgba(0,73,133, 0.1);
    border-left: 14px solid rgba(0,73,133, 0.1);
    border-right: 14px solid var(--color_dark);
}

/* Export ------------------------------------------------------------------------------------------------------------*/
.filter_link {
    font-size: 12px !important;
    color: var(--color_dark) !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_styles -----------------------------------------------------------------------------------------------*/
/* Flash */
.alert-error > p,
.alert-error,
.alert-error2 {
    color: var(--color_dark) !important;
}

.alert-success,
.alert-success2 {
    color: var(--color_dark) !important;
}

.alert-success-cart {
    border: 1px solid var(--color_light) !important;
    color: var(--color_dark) !important;
}

.alert-info {
    color: var(--color_dark) !important;
}

/* Green Success Label */
.edit_status_green {
    color: var(--green_success_collapse);
}

.icon_check_pic_svg {
    fill: var(--green_success_collapse);
    margin-right: 6px;
    position: relative;
    top: 5px;
}

/* Red Attention Label */
.icon_attention_svg {
    fill: var(--red_error_collapse);
    margin-right: 6px;
    position: relative;
    top: 5px;
}

.edit_status_red {
    color: var(--red_error_collapse);
}

/* Mailing */
.success_greenbox > label > p {
    color: var(--green_success_collapse) !important;
}

/* HRs */
.hr_square {
    background: var(--color_rgb_company);
}

/* Textformatierung */
@media(max-width: 399px){
    h1{
        font-size: 38px !important;
    }
    h2{
        font-size: 30px !important;
        word-break: break-word;
    }
}

@media(min-width: 400px){
    h1{
        font-size: 48px !important;
    }

    h2{
        font-size: 36px !important;
    }
}

.h1,
h1 {
    font-family: 'Ubuntu' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: var(--color_dark) !important;
    /* identical to box height, or 133% */
    display: block !important;
    align-items: flex-end !important;
    line-height: 56px !important;
    word-wrap: anywhere;
}

h2 {
    font-family: 'Ubuntu' !important;
    font-style: normal !important;
    font-weight: 600 !important;
    color: var(--color_dark) !important;
    /* identical to box height, or 133% */
    display: block !important;
    align-items: flex-end !important;
    line-height: 48px !important;
}

h3 {
    font-family: 'Ubuntu' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    color: var(--color_dark) !important;
    /* identical to box height, or 133% */
    display: block !important;
    align-items: flex-end !important;
    font-size: 24px;
    line-height: 32px;
}

.h4,
h4 {
    font-family: 'Ubuntu' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    color: var(--color_dark) !important;
    /* identical to box height, or 133% */
    display: block !important;
    align-items: flex-end !important;
    font-size: 18px !important;
    line-height: 24px !important;
}

h6 {
    font-size: 14px !important;
}

.paragraph,
p {
    font-family: 'Source Sans Pro' !important;
}

legend,
lead {
    font-family: 'Source Sans Pro' !important;
    color: var(--color_dark) !important;
}

small {
    font-family: 'Source Sans Pro' !important;
}

a {
    font-family: 'Ubuntu' !important;
    font-weight: 500;
    color: var(--color_bluegray);
}

a:hover,
a:focus {
    color: var(--color_company);
}

label,
.link_label {
    font-family: 'Source Sans Pro' !important;
    color: var(--color_dark);
}

.label_font_standard {
    font-family: Ubuntu !important;
    font-weight: 500 !important;
    line-height: 21px !important;
}

th > label {
    font-weight: bold !important;
}

/* Only fuer Status-Sites ---*/
.td_id {
    font-weight: normal;
    font-size: 10px !important;
    color: var(--color_dark) !important;
    width: 200px !important;
}

/* Footer */
.header_footer {
    font-family: 'Source Sans Pro' !important;
}

/* Border */
.text-line-right::after {
    border-top: 1px solid var(--color_light);
}

/* Color Definition Text -----------*/
.text_success_green {
    color: var(--green_success_collapse);
}

.text_error_red {
    color: var(--red_error_collapse);
}

.text_color_dark {
    color: var(--color_dark) !important;
}

.text_color_white {
    color: white !important;
}

.text_color_bluegray {
    color: var(--color_bluegray) !important;
}

.text_color_company {
    color: var(--color_company) !important;
}

.mandatory_field {
    color: var(--color_company) !important;
}

.header_color {
    color: var(--color_dark) !important;
}

.header_color2 {
    color: var(--color_dark) !important;
}

.table_header_color {
    color: var(--color_dark) !important;
}

.label_header_color {
    /* Labels ueber Textfields; Textareas; etc; */
    color: var(--color_dark) !important;
}

.filename_color {
    color: var(--color_company) !important;
}

.filename_color_dark {
    color: var(--color_dark) !important;
}

/* Color Definition Background -------------------------- */
/* Header Background */
@media(max-width: 1199px) {
    .header_bg_img {
        background: linear-gradient(0deg, var(--color_rgb_header), var(--color_rgb_header)), url(/images/mandanten/mobile_retter/rescue-background.svg);
        background-position: center;
    }
}
@media(min-width: 800px){
    .header_bg_img {
        background: linear-gradient(0deg, var(--color_rgb_header), var(--color_rgb_header)), url(/images/mandanten/mobile_retter/rescue-background.svg);
        background-size: cover !important;
        background-position: center;
    }
}

/* Background Colors */
.footer_background {
    background: var(--color_dark);
}

.light_background {
    background: var(--color_light);
}

.white_background {
    background: white !important;
}

.dark_background {
    background: var(--color_dark) !important;
}

.company_color_background {
    background: var(--color_company) !important;
}

.transparent_background {
    background: transparent !important;
}

/* Tinymce -------- */
.tox-button {
    background-color: var(--color_company) !important;
    border-color: var(--color_company) !important;
}

.tox-button:hover {
    background-color: var(--color_dark) !important;
    border-color: var(--color_dark) !important;
}

.tox-button--secondary {
    background-color: var(--color_dark) !important;
    border-color: var(--color_dark) !important;
    color: white !important;
}

.tox-button--secondary:hover {
    background-color: var(--color_company) !important;
    border-color: var(--color_company) !important;
}

.tox-button--icon,
.tox-button--icon:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.tox-button::before {
    box-shadow: none !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE aem_artikel --------------------------------------------------------------------------------------------------*/
.verwandte_massnahmen_box,
.massnahmen_box {
    background: var(--color_light);
}

#artikel_email_template > .icon_email_closed_svg {
    fill: var(--color_dark) !important;
}

.staffel_icon {
    background: var(--color_dark);
}

.download_arrow::before {
    color: var(--color_company);
}

.eam_reset_all_filter {
    color: var(--color_company);
}

.eam_remove_filteritem {
    border: 1px solid var(--color_dark);
}

.eam_reset_item_x {
    color: var(--color_dark);
}

.eam_reset_item_x:hover {
    color: var(--color_company);
}

.artikel_order_menge {
    border: 1px solid var(--color_dark);
    color: var(--color_dark);
}

#artikel_send_mails_btn > .icon_email_open_svg {
    fill: white;
}

/* Ehrenamtsmanagement ----------*/
#artikel_document > .icon_download_svg {
    fill: var(--color_company);
    width: 20px;
}

.icon_checked_svg {
    fill: var(--color_dark);
}

.icon_list_icon_svg {
    fill: var(--color_dark);
    border-top: 1px solid var(--color_dark);
    border-left: 1px solid var(--color_dark);
    border-bottom: 1px solid var(--color_dark);
}

.icon_list_boxes_svg {
    fill: var(--color_dark);
    border-top: 1px solid var(--color_dark);
    border-right: 1px solid var(--color_dark);
    border-bottom: 1px solid var(--color_dark);
}

.active > .icon_list_icon_svg {
    background: var(--color_dark);
    fill: white !important;
}

.active > .icon_list_boxes_svg {
    background: var(--color_dark);
    fill: white !important;
}

.icon_document_file_svg,
.icon_x_file_svg,
.icon_image_file_svg,
.icon_pdf_file_svg,
.icon_powerpoint_file_svg,
.icon_video_file_svg {
    fill: var(--color_dark);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_buttons ----------------------------------------------------------------------------------------------*/
.btn-primary {
    background: var(--color_company) !important;
    border: 1px solid var(--color_company) !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

.btn-primary-round {
    border: 1px solid var(--color_company) !important;
    background: var(--color_company) !important;
}

.btn-primary-round:focus,
.btn-primary-round:active,
.btn-primary-round:hover {
    background: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

.btn-default {
  color: var(--color_dark) !important;
  border: 1px solid var(--color_dark) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    color: var(--color_company) !important;
    border: 1px solid var(--color_company) !important;
}

.btn-newsletter {
    background: var(--color_company) ;
    border: 1px solid var(--color_company) !important;
}

.btn-newsletter:hover,
.btn-newsletter:focus,
.btn-newsletter:active {
    color: var(--color_dark) !important;
    border: 1px solid var(--mr_bluegray) !important;
}

.btn-regional,
.submit-btn {
    background: var(--color_company) !important;
    border: 1px solid var(--color_company) !important;
}

.submit-btn:hover,
.submit-btn:focus,
.submit-btn:active {
    background: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

.btn-regional:hover,
.btn-regional:focus,
.btn-regional:active {
    color: var(--color_dark) !important;
}

.btn-default2 {
    background: var(--color_dark);
    border: 1px solid var(--color_dark) !important;
}

.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active {
    background: var(--color_company) !important;
    border: 1px solid var(--color_company) !important;
}

/* Back Button z.B. Maßnahmen*/
.backBtn > a {
    color: var(--color_company);
}

.backBtn > a:active,
.backBtn > a:focus,
.backBtn > a:hover {
    color: var(--color_company);
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_icons ------------------------------------------------------------------------------------------------*/
.icon_search_svg {
    stroke: var(--color_dark);
}

#search_button:hover > .icon_search_svg,
.icon_search_svg:hover {
    stroke: var(--color_company);
}

#close_search_button > .icon_close_svg {
    fill: var(--color_dark) !important;
}

#close_search_button:hover > .icon_close_svg {
    fill: var(--color_company) !important;
}

.eam_reset_item_x > .icon_close_svg {
    fill: var(--color_dark);
}

.icon_close_svg:focus,
.icon_close_svg:hover {
    fill: var(--color_company);
}

/*News*/
.news_icon_image {
    background: var(--color_dark);
}

/* Icons ------------------*/
.icon_questionmark_circle_svg {
    fill: var(--color_dark);
}

.icon_eye_svg {
    fill: var(--color_dark);
}

.icon_eye_svg:hover {
    fill: var(--color_company);
}

.icon_garbadge_svg {
    fill: var(--color_company);
}

.icon_garbadge_svg:hover {
    fill: var(--color_dark);
}

.icon_color_dark > svg {
  fill: var(--color_dark);
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_inputs -----------------------------------------------------------------------------------------------*/
/* Kennwort vergessen? Startseite*/
.reset_passwort_link {
    color: var(--color_dark);
}

.reset_passwort_link:hover {
    color: var(--color_company);
}

.filter_input + .filter_checkbox:before,
.control-label[type="checkbox"] + .labelCheckbox:before,
.control-label[type="checkbox"] + .regionLabelCheckbox:before,
.control-label[type="radio"] + .labelRadio:before {
  border: 1px solid var(--color_dark);
}

.filter_input:checked + .filter_checkbox:after,
.control-label[type="checkbox"]:checked + .labelCheckbox:after,
.control-label[type="checkbox"]:checked + .regionLabelCheckbox:after,
.control-label[type="radio"]:checked + .labelRadio:after {
  background-color: var(--color_dark);
}

/* Select */
select * {
    color: var(--color_dark) !important;
}

option:hover,
option:checked {
    box-shadow: 0 0 10px 100px var(--color_dark) inset;
    color: white !important;
}

.select_option > select {
    border: 1px solid var(--color_dark) !important;
    color: var(--color_dark) !important;
}

.select_option > select option {
    color: var(--color_dark) !important;
}

.select_dropdown > select {
    border: 1px solid var(--color_dark) !important;
    color: var(--color_dark) !important;
}

.select_box > select {
    color: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

.select-wrapper.select_wrapper2::before {
    font-family: Source Sans Pro !important;
    color: var(--color_dark);
}

.select_wrapper::before {
    font-family: Source Sans Pro !important;
    color: var(--color_dark);
}

#select_dropdown_arrow > .icon_arrow_down_svg,
#select_arrow > .icon_arrow_down_svg {
    fill: var(--color_dark);
}

/* Textarea */
.textarea_pflicht {
    border: 1px solid var(--color_dark) !important;
    color: var(--color_dark) !important;
}

/* Textfields */
input[type=password],
input[type=text] {
    color: var(--color_dark);
}

.textfield:hover,
.textfield:active,
.textfield:focus {
    box-shadow: 1px 1px 2px 1px rgba(0,73,133,0.7) !important;
}

.textfield_pflicht {
    border: 1px solid var(--color_dark) !important;
    color: var(--color_dark) !important;
}

.datetime_fields {
    color: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

/* Bestellung New*/
#bestellung_lieferadresse_komplett,
#bestellung_rechnungsadresse_komplett,
#bestellung_anmerkungen {
    border: 1px solid var(--color_dark);
    color: var(--color_dark);
}

.file_field_content {
    background: var(--color_light);
}

/* Global collapse -------------*/
.global_collapse_button {
    color: var(--color_dark);
}

.global_collapse_button > .contentblock_right > .icon_arrow_down_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    top: 4px;
    right: 10px;
    width: 15px;
    visibility: visible;
    display: block !important;
}

.global_collapse_button.active > .contentblock_right > .icon_arrow_down_svg {
    display: none !important;
}

.global_collapse_button.active > .contentblock_right > .icon_arrow_up_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    top: 4px;
    right: 10px;
    width: 15px;
    visibility: visible;
    display: block !important;
}

.global_collapse_button > .contentblock_right > .icon_arrow_up_svg {
    display: none !important;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_region -----------------------------------------------------------------------------------------------*/
.faq_collapse_button.active,
.faq_collapse_button:hover {
  border: 1px solid var(--color_rgb_faq_collapse);
}

/* Regionale Vorlage - Mobile Retter Leben retten */
.darkblue_box {
    background: var(--color_dark) !important;
    border: 1px solid var(--color_dark);
}
/* Regionale Vorlage - Mitmachen */
.gray_box2 {
    background: var(--color_light) !important;
    border: 1px solid var(--color_light);
}

.training_anmeldungslink {
    color: var(--color_company) !important;
}

/* Picutes ----------*/
.mitmachen_link {
    text-decoration: none;
    font-size: 18px !important;
    color: var(--color_company) !important;
}
.mitmachen_link:hover {
    text-decoration: none;
    color: var(--color_dark) !important;
}

.icon_quotes_svg {
    fill: #EEF2F7;
}

/* Regionale Vorlage - Hotline */
.nachsorge_box {
    background: var(--color_light) !important;
    border: 1px solid var(--color_light);
}

.nachsorge_box > .icon_face_agent_svg {
    fill: var(--color_dark);
}

.icon_faq_svg,
.icon_smartphone_svg,
.icon_rettungsring_svg,
.icon_contact_bubble_svg {
    fill: var(--color_dark);
}

.icon_key_with_smartphone_svg {
    fill: var(--color_dark);
}

.icon_list_check_svg {
    fill: var(--color_dark);
}

.icon_teacher_svg {
    fill: var(--color_dark);
}

.icon_check_star_svg {
    fill: white;
}

.icon_global_alarmierung_svg {
    fill: white;
    stroke: white;
    stroke-width: 2;
}

#face-agent > .icon_face_agent_svg {
    fill: var(--color_dark); /* Footer */
}

/*Footer - socialmedia*/
.icon_instagram_svg,
.icon_youtube_svg,
.icon_facebook_svg {
    fill: var(--color_dark);
}

.socialmedia_box:hover > a > .icon_instagram_svg,
.socialmedia_box:hover > a > .icon_youtube_svg,
.socialmedia_box:hover > a > .icon_facebook_svg {
    fill: var(--color_company);
}

/* Regionale FAQ Webseite & E-Mail Vorlagen ------------------*/
.faq_collapse_button {
    color: var(--color_dark);
    border: 1px solid var(--color_rgb_faq_collapse);
}

.faq_collapse_button > .contentblock_right > .icon_arrow_down_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    right: 20px;
    width: 15px;
    visibility: visible;
    display: block;
}

.faq_collapse_button.active > .contentblock_right > .icon_arrow_down_svg {
    display: none !important;
}

.faq_collapse_button.active > .contentblock_right > .icon_arrow_up_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    right: 20px;
    width: 15px;
    visibility: visible;
    display: block !important;
}

.faq_collapse_button > .contentblock_right > .icon_arrow_up_svg {
    display: none !important;
}

.faq_collapse_group.active,
.faq_collapse_group:hover {
    background-color: var(--color_company);
}

.content_emailvorlage,
.content_faq_text {
    border: 1px solid var(--color_rgb_faq_collapse);
}

/* Regionales collapse -------------*/
.regional_collapse_button {
    color: var(--color_dark);
}

.regional_collapse_button > .contentblock_right > .icon_arrow_down_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    top: 4px;
    right: 10px;
    width: 15px;
    visibility: visible;
    display: block !important;
}

.regional_collapse_button.active > .contentblock_right > .icon_arrow_down_svg {
    display: none !important;
}

.regional_collapse_button.active > .contentblock_right > .icon_arrow_up_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
    position: relative;
    top: 4px;
    right: 10px;
    width: 15px;
    visibility: visible;
    display: block !important;
}

.regional_collapse_button > .contentblock_right > .icon_arrow_up_svg {
    display: none !important;
}

/* regioanle News Collapse ---------------*/
.regional_news_collapse_button > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_down_svg,
.regional_news_collapse_button > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_down_svg {
    stroke: var(--color_dark);
    fill: var(--color_dark);
}

.regional_news_collapse_button.active > .align-items-center-gap > .col-md-1 > .contentblock_right > .icon_arrow_up_svg,
.regional_news_collapse_button.active > .col-md-10 > .align-items-center-gap > .contentblock_right > .icon_arrow_up_svg{
    stroke: var(--color_dark);
    fill: var(--color_dark);
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE organisationen -----------------------------------------------------------------------------------------------*/
tr.row_modulo_true {
  border: 1px solid var(--color_light) !important;
}

tr.row_modulo_false {
  background: var(--color_light) !important;
  border: 1px solid var(--color_light) !important;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE default_tables -----------------------------------------------------------------------------------------------*/
/* Tabelle */
table {
    color: var(--color_dark);
}

table > tbody > tr:nth-of-type(even),
table > tbody:nth-of-type(even) > tr > td {
    background-color: var(--color_light) !important;
    border-color: var(--color_light) !important;
}

/* mobile table configuration ----------*/
.table {
    color: var(--color_dark);
}

.table_body > .table_line_tr:nth-of-type(odd) {
    background-color: var(--color_light) ;
}

.table_body > .table_line_tr:nth-of-type(odd)  > .table_line_td {
    background-color: transparent ;
    border-color: var(--color_light);
}

/* show table actions (details, edit, delete, etc.) - collapse action -------*/
#table_arrow > .icon_arrow_down_svg {
    fill: var(--color_dark);
    stroke: var(--color_dark);
    width: 17px;
    margin: 10px 8px 0 8px;
}

#table_arrow_ul.dropdown-menu > li > a {
    color: var(--color_dark) !important;
}

#table_arrow_ul.dropdown-menu > li > a:hover {
    background: var(--color_light) !important;
}
/*----*/
#table_arrow_ul.dropdown-menu > li > a > .icon_info_svg {
    fill: var(--color_dark) !important;
    margin-right: 0 !important;
    margin-left: -8px !important;
    top: 0 !important;
}

#table_arrow_ul.dropdown-menu > li > a > .icon_info_svg:hover {
    fill: var(--color_dark) !important;
}
/*----*/
#table_arrow_ul.dropdown-menu > li > a > .icon_copy_doc_svg {
    fill: var(--color_dark) !important;
    margin-left: -8px !important;
    position: relative;
    top: -2px !important;
}

#table_arrow_ul.dropdown-menu > li > a > .icon_copy_doc_svg:hover {
    fill: var(--color_dark) !important;
}
/*----*/
#table_arrow_ul.dropdown-menu > li > a > .icon_garbadge_svg {
    fill: var(--color_company) !important;
    position: relative;
    top: -3px;
}

#table_arrow_ul.dropdown-menu > li > a > .icon_garbadge_svg:hover {
    fill: var(--color_company) !important;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE mailings -----------------------------------------------------------------------------------------------------*/
/* Vorlagentexte Anhänge */
table#anhaenge_mails > thead > tr > th {
    font-family: 'Source Sans Pro' !important;
    color: var(--color_dark) !important;
}

.error_redbox > div > .icon_attention_svg {
    fill: var(--red_error_collapse);
}

#email_label > .icon_email_closed_svg {
    fill: var(--color_company);
}

#email_send_button > .icon_email_closed_svg {
    fill: white;
}

#send_massenmails > .icon_email_closed_svg {
    fill: white;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE pm_dashboard ------------------------------------------------------------------------------------------------*/
#header_pm_dashboard > .icon_cart_svg,
#header_pm_dashboard > .icon_calender_date_svg {
    fill: var(--color_dark);
}

#header_pm_dashboard > h4 {
    color: var(--color_dark) !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE table_details ------------------------------------------------------------------------------------------------*/
table#warenkorb_tabelle > thead > tr > th,
table#artikel_files > thead > tr > th {
    font-family: 'Source Sans Pro' !important;
    color: var(--color_dark) !important;
}

table#warenkorb_tabelle_new > tbody > tr#cart_sum {
    background-color: var(--color_light) !important;
    border-color: var(--color_light) !important;
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE trainingscontent  --------------------------------------------------------------------------------------------*/
/* Trainingsanmeldung */
.datumende {
    position: absolute;
    margin-top: -25px;
    margin-left: 142px;
}

.select-wrapper.select_trainingsteilnahme {
    position: relative !important;
    width: 100% !important;
}

.select-wrapper.select_trainingsteilnahme::before {
    font-family: Source Sans Pro !important;
    color: var(--color_dark);
}

/* Trainingstermin create, edit, etc.  -----*/
.trainingsteilnahme {
    color: var(--color_dark) !important;
    border: 1px solid var(--color_dark) !important;
}

.training_gps_left,
.training_kalender_left {
    color: var(--color_dark) !important;
}

#btn_copy_link > .icon_copy_doc_svg {
    fill: white;
}

#export_trainingslist_btn > .icon_email_closed_svg {
    fill: white;
}

/* Trainingstermin edit */
#abmeldungslink,
#anmeldungslink {
    background: var(--color_light);
    border: 1px solid var(--color_light);
    color: var(--color_bluegray) !important;
    font-family: 'Source Sans Pro' !important;
}

/* Icons Training */
.icon_calender_svg {
    fill: var(--color_dark);
}
.icon_info_svg {
    fill: var(--color_dark);
}
.icon_gps_svg {
    fill: var(--color_dark);
}

#training_absagen > .icon_email_closed_svg,
#training_absagen > .icon_garbadge_svg {
    fill: white;
    margin-top: -4px;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/* ALLE massenmail  --------------------------------------------------------------------------------------------------*/
/* Steps -----------------*/
/* Default Step */
.steps-wrapper>.step {
    border: 2px solid var(--color_light);
}

.steps-wrapper>.step>div {
    background-color: var(--color_light);
}

.step-line {
    background-color: var(--color_light);
}

/* Active Step */
.steps-wrapper>.step.active {
    border-color: var(--color_dark);
}

.steps-wrapper>.step.active>div {
    background-color: var(--color_dark);
}

/* Complete Step */
.steps-wrapper>.step.complete {
    border-color: var(--completed_green);
}

.steps-wrapper>.step.complete>div {
    background-color: var(--completed_green);
}

.steps-wrapper>.step.complete+.step-line {
    background-color: var(--completed_green);
}

/* Error Step */
.steps-wrapper>.step.error {
    border-color: var(--error_red);
}

.steps-wrapper>.step.error>div {
    background-color: var(--error_red);
}

/* Warnung Step */
.steps-wrapper>.step.warning {
    border-color: orange;
}

.steps-wrapper>.step.warning>div {
    background-color: orange;
}

/* Body -----------------*/
/* Content Boxes */
#db_content_global_box,
#db_content_regional_box {
    border: 1px solid var(--color_light) !important;
    background: var(--color_light);
}