@import url('legacy/main/font.css');
@import url('legacy/main/main_layout.css');
@import url('legacy/main/cookie-notice.css');
@import url('legacy/print/print_main.css');
@import url('legacy/print/print_skan.css');
@import url('legacy/rightmenu/rightmenu_layout.css');
@import url('legacy/2d/2d_svg.css');

@import url('./fonts/icons.css');
@import url('./fonts/open-sans.css');

@import url('../fragments/sections/views/index.css');
@import url('../fragments/sections/options/index.css');
@import url('../fragments/header/index.css');
@import url('../fragments/footer/index.css');
@import url('../fragments/overlays/loader/index.css');

@import url('../components/skan-select/skan-select.css');
@import url('../components/skan-input/skan-input.css');

:root {
  color-scheme: light;

  --colors--block: light-dark(rgba(255, 255, 255, 0.90), rgba(25, 25, 25, 0.90));
  --colors--primary: #3d5c7f;
  --colors--area: rgba(0, 0, 0, 0.1);

  --shadow: 0 0 2rem rgba(0, 0, 0, 0.25);

  font-family: 'Open Sans', sans-serif;
  font-size: 0.875rem;
  color: var(--colors--primary);
}

html {
  height: 100%;

  * {
    box-sizing: border-box;
  }

  body {
    height: 100%;
    margin: 0;

    p {
      line-height: 1.5;
    }

    p:first-child {
      margin-top: 0;
    }

    p:last-child {
      margin-bottom: 0;
    }

    main {
      height: 100%;
    }
  }
}

/* THEME */
body {
  

  img.logo {
    content: url(https://konfigurator-skanholz.com/retailer/skanholz_skanholz.svg);
  }
}