@charset "UTF-8";

@media all {

  :root {

    --color-darkred-rgb: 141, 21, 46;
    --color-darkred: rgb(var(--color-darkred-rgb));
    --color-darkred-hover-rgb: 76, 11, 24;
    --color-darkred-hover: rgb(var(--color-darkred-hover-rgb));

    --color-petrol-rgb: 8, 125, 132;
    --color-petrol: rgb(var(--color-petrol-rgb));
    --color-petrol-hover-rgb: 3, 55, 58;
    --color-petrol-hover: rgb(var(--color-petrol-hover-rgb));

    --color-beige-rgb: 206, 193, 187;
    --color-beige: rgb(var(--color-beige-rgb));

    --color-beige-derivate-1-rgb: 240, 236, 236;
    --color-beige-derivate-1: rgb(var(--color-beige-derivate-1-rgb));

  }

  .ce-element ,
  .ce-card ,
  .ce-menu ,
  .ce-background-color-default ,
  .page-subnavigation ,
  .sidebar-menu {
    --current-header-color: var(--color-darkred);
    --current-highlight-color: var(--color-darkred);
    --current-link-color: var(--color-darkred);
    --current-link-background-hover: var(--color-darkred-hover);
    --current-button-background: var(--color-petrol);
    --current-button-hover-background: var(--color-petrol-hover);
    --current-box-background: var(--color-fond);
  }

  .page-footer .ce-element {
    --current-button-color: var(--color-darkred);
    --current-button-hover-background: var(--color-darkred-hover);
  }

  .column-full ,
  .ce-nested-container {

    & .ce-background-image ,
    & .ce-background-color {

      & ,
      & .ce-element {
        --current-link-color-hover: var(--color-darkred-hover);
      }

    }

    & .ce-background-color-fond-1 {

      & ,
      & .ce-element {
        --current-link-background-hover: var(--color-darkred-hover);
      }

    }

    & > .ce-background-image ,
    & > .ce-background-color-red-1 ,
    & > .ce-background-color-darkblue-1 {

      & ,
      & .ce-element:not(.ce-card) {
        --current-button-color: var(--color-petrol);
        --current-button-hover-background: var(--color-petrol-hover);
      }

    }

    & .ce-background-color-red-1 {
      --current-element-background: var(--color-darkred);
    }

  }

}

@media all {

  html {
    background-color: var(--color-beige-derivate-1);
  }
  
  .page-header-sticky.page-scrolled .page-header {
    background-color: var(--color-beige-derivate-1);
  }

  :root,
  [data-bs-theme=light] {
    --bs-body-bg: var(--color-beige-derivate-1);
  }

  .page-stage {
    background: linear-gradient(to bottom, var(--color-beige-derivate-1), var(--color-white));
  }
  
  .page-contact .ce-type-dw_media .ce-media .ce-media-file {
    border-radius: unset;
    
    & img {
      max-width: 24rem;
      min-width: unset;
      margin-left: auto;
    }
    
  }

}