/* colors
 ------------------------------------------------------------- */
/* black */
/* white */
/* blue */
/* yellow */
/* yellow light */
/* grey-blue */
/* grey-menu font color */
/* grey-menu background color */
/* grey-clientlist */
/* d-com yellow */
/* d-com blue 2 */
/* cookiebot-btn green */
/* cookiebot-btn yellow */
/* cookie consent manager ccm19
 ------------------------------------------------------------- */
/* background */
/* btns hover background */
/* btn save settings background */
/* margins / paddings
 ------------------------------------------------------------- */
/* ccm19
 --------------------------------------------------------------------------------------- */
/* inner-overflow before / after */
.ccm-root {
  color: #fff; }
  .ccm-root .ccm-modal--header, .ccm-root .ccm-modal--body, .ccm-root .ccm-modal--footer {
    background-color: #0282b1 !important; }
  .ccm-root button, .ccm-root .button {
    height: 1.9em;
    margin: 0 0 0 30px;
    /*padding-top: 5px;
     padding-bottom: 5px;*/
    color: #000;
    font-size: 1em !important;
    font-weight: normal !important;
    text-transform: none !important;
    text-shadow: none !important;
    line-height: 1.9em;
    border: none;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    background-color: #fff; }
    .ccm-root button:hover, .ccm-root .button:hover {
      background-color: #e3f2fa !important;
      color: #000 !important; }
    .ccm-root button.ccm--save-settings, .ccm-root .button.ccm--save-settings {
      background-color: #81c1d8; }
  .ccm-root #ccm-widget {
    /*@keyframes slideOutToLeft {
     0% {
     transform: translateX(0);
     }
     100% {
     transform: translateX(-100%);
     }
     }*/ }

@keyframes slideInFromBottom {
      0% {
        transform: translateY(100%); }
      100% {
        transform: translateY(0); } }
  .ccm-root #ccm-widget .slide-in-from-left {
    animation: 0.5s ease-out 0s 1 slideInFromLeft; }
  .ccm-root #ccm-widget .slide-out-to-left {
    /*animation: 0.5s ease-out 0s 1 slideOutToLeft;*/ }
  .ccm-root #ccm-widget .ccm-modal-inner {
    height: auto !important;
    animation: 0.5s ease-out 0s 1 slideInFromBottom;
    justify-content: center;
    background-color: #0282b1; }
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
      width: 90%;
      left: 5%; }
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select:hover, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header .ccm-widget--language-switch > select:focus {
      color: #fff; }
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text {
      padding-top: 30px;
      padding-bottom: 30px; }
      .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 15px;
        height: 100%;
        background: #0282b1;
        box-shadow: none;
        border: none; }
      .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text .ccm-inner-overflow {
        position: relative;
        height: auto;
        overflow: auto; }
        .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--text .ccm-inner-overflow .ccm-widget--title {
          font-size: 1.1em; }
      .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons {
        display: flex;
        flex-flow: column wrap;
        justify-content: flex-end;
        align-content: end; }
      .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons .button {
        margin-bottom: 10px; }
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
      position: relative;
      justify-content: flex-end; }
      .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer .ccm-link-container {
        display: none; }
    @media (min-width: 1000px) {
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body .ccm-widget--buttons {
      flex-flow: row wrap; } }
    @media (min-width: 768px) and (max-width: 1199px) {
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
      width: 80%;
      left: 10%; } }
    @media (min-width: 1200px) {
    .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--header, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--body, .ccm-root #ccm-widget .ccm-modal-inner .ccm-modal--footer {
      width: 70%;
      left: 15%; } }
  .ccm-root #ccm-control-panel .ccm-modal-inner .ccm-modal--footer {
    justify-content: flex-end; }
  .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper {
    padding-bottom: 30px; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15px;
      height: 100%;
      background: #0282b1;
      box-shadow: none;
      border: none; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15px;
      height: 100%;
      background: #0282b1;
      box-shadow: none;
      border: none; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list a {
      color: #fff; }
      .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--list a:hover {
        color: #000; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--content::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15px;
      height: 100%;
      background: #0282b1;
      box-shadow: none;
      border: none; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-details-wrapper .ccm-details--content::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 15px;
      height: 100%;
      background: #0282b1;
      box-shadow: none;
      border: none; }
    .ccm-root #ccm-details .ccm-modal-inner .ccm-modal--footer {
      justify-content: flex-end; }