/*!
 * SETTINGS.CSS - JS FOR SKYLINE TEMPLATE
 * https://seiwert.info/
 *
 * CREATED: 2020-10-21
 */

@charset "UTF-8";
/*  --- VARIABLES ---  */
:root {
  /*---- DISTANCES ----*/
  --distance-0: 0rem;
  --distance-025: 0.25rem;
  --distance-05: 0.5rem;
  --distance-075: 0.85rem;
  --distance-08: 0.8rem;
  --distance-1: 1rem;
  --distance-125: 1.25rem;
  --distance-15: 1.5rem;
  --distance-175: 1.75rem;
  --distance-2: 2rem;
  --distance-225: 2.25rem;
  --distance-25: 2.5rem;
  --distance-275: 2.75rem;
  --distance-3: 3rem;
  --distance-325: 3.25rem;
  --distance-35: 3.5rem;
  --distance-375: 3.75rem;
  --distance-4: 4rem;
  --distance-425: 4.25rem;
  --distance-45: 4.5rem;
  --distance-475: 4.75rem;
  --distance-5: 5rem;
  --distance-525: 5.25rem;
  --distance-55: 5.5rem;
  --distance-575: 5.75rem;
  --distance-6: 6rem;
  --distance-625: 6.25rem;
  --distance-65: 6.5rem;
  --distance-675: 6.75rem;
  --distance-7: 7rem;
  --distance-725: 7.25rem;
  --distance-75: 7.5rem;
  --distance-775: 7.75rem;
  --distance-8: 8rem;
  --distance-825: 8.25rem;
  --distance-85: 8.5rem;
  --distance-875: 8.75rem;
  --distance-9: 9rem;
  --distance-925: 9.25rem;
  --distance-95: 9.5rem;
  --distance-975: 9.75rem;
  --distance-10: 10rem;
  --menu-spacer: 123px;
  --menu-spacer-scrolled: 88px;
  --fullheight-menu-spacer: calc(100vh - 123px);
  --fullheight-menu-spacer-scrolled: calc(100vh - 88px);
  --sticky-top-gap: calc(88px + 2.5rem);
  --slider-container-height: auto;
  --slider-height: auto;
  /*---- NEGATIVE DISTANCES ----*/
  --negative-distance-0: -0rem;
  --negative-distance-05: -0.5rem;
  --negative-distance-1: -1rem;
  --negative-distance-15: -1.5rem;
  --negative-distance-2: -2rem;
  --negative-distance-25: -2.5rem;
  --negative-distance-3: -3rem;
  --negative-distance-4: -4rem;
  --negative-distance-5: -5rem;
  --negative-distance-6: -6rem;
  --negative-distance-7: -7rem;
  --negative-distance-8: -8rem;
  --negative-distance-9: -9rem;
  --negative-distance-10: -10rem;
  /*---- COLORS ----*/
  --main-color: #008d94; /* #e95026; */
  --sub-color: #a83a1b;
  --sub2-color: #692411;
  --sub3-color: #cf4721;
  --sub4-color: #f55427;
  --alert-color: #f55427;
  --white-color: #fff;
  --bright-color: #fafafa;
  --light-color: #f9f9f9; /* #f9f9f9;   #333; */
  --lightgrey-color: #ececec;
  --brightgrey-color: #787878;
  --grey-color: #878787;
  --dullgrey-color: #666;
  --darkgrey-color: #323232;
  --dark-color: #19191d;
  --black-color: #000;
  --sale-color: #bd0010;
  --available-color: #00751b;
  --low-stock-color: #c29c1f;
  --not-in-stock-color: #c30b1d;
  --on-request-color: #1f8cc2;
  --success-color: #85e085;
  --warning-color: #fffdcf;
  --dark-warning-color: #c8a938;
  --danger-color: #ffe9ed;
  --dark-danger-color: #9e3131;
  --footer-bg-color: #333; /* #f9f9f9; from light-color by HR */
  /*---- DIMENSION COLORS ----*/
  --brown-color: #6f3e18;
  --beige-color: #d4be8d;
  --blue-color: #0f73ad;
  --petrol-color: #16738f;
  --teal-color: #39cbce;
  --green-color: #5ad36c;
  --olive-color: #548b14;
  --yellow-color: #ffdd33;
  --orange-color: #fb863b;
  --red-color: #ff0002;
  --pink-color: #f563b9;
  --purple-color: #9349aa;
  --gold-color: linear-gradient(180deg,#eecd56,#fce2ac);
  --silver-color: linear-gradient(180deg,#b0b0b0,#e0e0e0);
  /*---- FONTS ----*/
  --main-font: 'Lato', Helvetica, sans-serif;
  --sub-font: 'Lato', Helvetica, sans-serif;
  --text-transform: uppercase;
  --box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  /*---- FONT SIZES ----*/
  --font-size-xxl: 2.5rem;
  --font-size-xl: 2rem;
  --font-size-l: 1.5rem;
  --font-size-m: 1.25rem;
  --font-size-s: 1rem;
  --font-size-xs: .75rem;
  --font-size-xxs: .75rem;
  --line-height-s: 1.25;
  --line-height-m: 1.5;
  --line-height-l: 1.75;
  /*---- BORDERS ----*/
  --border-radius: 3px;
  --round-border-radius: 20px;
  --no-border-radius: 0px;
  --border-width: 1px;
  --border-style: solid;
  --border-color: var(--main-color);
  --outline-width: 0px;
  --outline-style: solid;
  --outline-color: var(--sub-color);
  /* --- LINKS TO ICONS ETC ---  */
  --select-arrow-white: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/chevron-down-regular-white.svg');
  --select-arrow-black: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/chevron-down-regular-black.svg');
  --documents-icon: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/documents.svg');
  --modal-background: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/modal-background.svg');
  --edit-icon-grey: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/edit.svg');
  --edit-icon-black: url('https://hosting.paradaweb.de/mf10261/CustomUpload/374O357O340O370O356O369O350O364O357O304O303O305O309O304O/edit-black.svg');
}
@media screen and (max-width: 1080px) {
  :root {
    --menu-spacer: 123px;
    --menu-spacer-scrolled: 88px;
    --fullheight-menu-spacer: calc(100vh - 160px);
    --fullheight-menu-spacer-scrolled: calc(100vh - 125px);
    --sticky-top-gap: calc(125px + 2.5rem);
    --slider-container-height: auto;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --menu-spacer: 88px;
    --menu-spacer-scrolled: 88px;
    --fullheight-menu-spacer: calc(100vh - 88px);
    --fullheight-menu-spacer-scrolled: calc(100vh - 88px);
    --font-size-xxl: 1.5rem;
    --font-size-xl: 1.5rem;
    --font-size-l: 1.25rem;
    --font-size-m: 1.25rem;
    --font-size-s: 1rem;
    --font-size-xs: .75rem;
    --font-size-xxs: .75rem;
  }
}
/*@media (prefers-color-scheme: dark) {
  --main-color: red !important;
  --sub-color: red !important;
  --sub2-color: red !important;
  --sub3-color: #cf4721 !important;
  --sub4-color: #f55427 !important;
  --alert-color: #f55427 !important;
  --danger-color: #f55427;
  --danger-color: #ffe9ed;
  --dark-danger-color: #9e3131;
  --white-color: #fff !important;
  --bright-color: #fafafa;
  --light-color: #f9f9f9;
  --lightgrey-color: #ececec;
  --brightgrey-color: #787878;
  --grey-color: #878787;
  --dullgrey-color: #666;
  --darkgrey-color: #323232;
  --dark-color: #19191d;
  --black-color: #000;
  --sale-color: #bd0010;
  --available-color: #00751b;
  --low-stock-color: #c29c1f;
  --not-in-stock-color: #c30b1d;
  --on-request-color: #1f8cc2;
  --success-color: #85e085;
}*/