@charset "UTF-8";
/* breakpoints */
/* breakpoints */
@import "/resources/themes/thermotex24/css/editor.css";
:root {
  --clr-bg: #1A191C;
  --bg-bg: #1A191C;
  --clr-black-hover: #121212;
  --bg-black-hover: #121212;
  --clr-grey: #F4F4F4;
  --bg-grey: #F4F4F4;
  --clr-grey-light: #E8E8E8;
  --bg-grey-light: #E8E8E8;
  --clr-grey-rgb: #d9e2ee;
  --bg-grey-rgb: #d9e2ee;
  --clr-grey-dark: #6E6E6E;
  --bg-grey-dark: #6E6E6E;
  --clr-grey-dark-rgb: #6e6e6e;
  --bg-grey-dark-rgb: #6e6e6e;
  --clr-primary: #50A1D3;
  --bg-primary: #50A1D3;
  --clr-primary-rgb: #50a1d3;
  --bg-primary-rgb: #50a1d3;
  --clr-primary-light: #DCECF6;
  --bg-primary-light: #DCECF6;
  --clr-primary-light-rgb: #dcecf6;
  --bg-primary-light-rgb: #dcecf6;
  --clr-primary-dark: #0061A3;
  --bg-primary-dark: #0061A3;
  --clr-primary-dark-rgb: #0061a3;
  --bg-primary-dark-rgb: #0061a3;
  --clr-secondary: #0BA747;
  --bg-secondary: #0BA747;
  --clr-secondary-rgb: #0ba747;
  --bg-secondary-rgb: #0ba747;
  --clr-secondary-light: #e2f1e1;
  --bg-secondary-light: #e2f1e1;
  --black: #1A191C;
  --black-rgb: rgb(26, 25, 28);
  --white: #fff;
  --white-rgb: rgb(255, 255, 255);
  --grey: #F4F4F4;
  --font-clr: var(--black);
  --border-color: #E5E5E5;
  --clr-bg: var(--clr-primary);
  --clr-bg-rgb: var(--clr-primary-rgb);
  --bg-gradient: linear-gradient(var(--bg-gradient-direction, 90deg), var(--clr-secondary) 0%, var(--clr-primary) 100%);
  --bg-gradient-hover: linear-gradient(var(--bg-gradient-hover-direction, 90deg), var(--clr-secondary) 30%, var(--clr-primary) 130%);
  --bg-gradient-light: linear-gradient(var(--bg-gradient-direction, 90deg), #95CDB5 0%, #A0C9E3 100%);
  --clr-accent: var(--accent-clr, var(--clr-primary));
  /*FONT*/
  --font-primary: "Satoshi", system-ui, sans-serif;
  --font-style-normal: normal;
  --font-style-italic: italic;
  --headline-clr: var(--black);
  /*SPACER*/
  --spaceBetweenElements: 5rem;
  /*DECORATION*/
  --border-radius-xs: 0.375rem;
  --border-radius-sm: 0.75rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.25rem;
  --border-radius-xl: 1.5rem;
  --border-radius-xxl: 3.75rem;
  --border-radius-full: 99rem;
  /*TRANSITIONS*/
  --transition-default-duration: .3s;
  --transition: all var(--transition-default-duration) ease-in-out;
  --transition-fast: all .1s ease-in-out;
  --transition-slow: all .5s ease-in-out;
}
@media (max-width: 991.98px) {
  :root {
    --spaceBetweenElements: 4rem;
  }
}
@media (max-width: 767.98px) {
  :root {
    --spaceBetweenElements: 3rem;
  }
}
@media (prefers-reduced-motion) {
  :root {
    --transition: none;
  }
}
/*
Hier können die Standardeinstellungen für die Schrift gesetzt werden.
fs steht für die font-size. Diese wird als clamp() Funktion gesetzt.
minfs steht für die minimale Schriftgröße. Diese wird als minimum in der clamp() Funktion gesetzt.
fw steht für die font-weight.
lh steht für die line-height.
Der Key ist der Selektorname, der in der baseHeadlines Funktion verwendet wird.
*/
h1, .h1, h1 *, .h1 * {
  font-family: inherit;
  font-size: clamp(2.125rem, 6vw, 6.25rem);
  font-weight: var(--font-weight, 700);
  color: var(--font-clr);
  line-height: 1.2;
}
h2, .h2, h2 *, .h2 * {
  font-family: inherit;
  font-size: clamp(2rem, 6vw, 3.75rem);
  font-weight: var(--font-weight, 700);
  color: var(--font-clr);
  line-height: 1.2;
}
h3, .h3, h3 *, .h3 * {
  font-family: inherit;
  font-size: clamp(1rem, 6vw, 2.5rem);
  font-weight: var(--font-weight, 500);
  color: var(--font-clr);
  line-height: 1.2;
}
h4, .h4, h4 *, .h4 * {
  font-family: inherit;
  font-size: clamp(0.85rem, 6vw, 2.125rem);
  font-weight: var(--font-weight, 400);
  color: var(--font-clr);
  line-height: 1.2;
}
h5, .h5, h5 *, .h5 * {
  font-family: inherit;
  font-size: clamp(0.6rem, 6vw, 1.5rem);
  font-weight: var(--font-weight, 400);
  color: var(--font-clr);
  line-height: 1.4;
}
h6, .h6, h6 *, .h6 * {
  font-family: inherit;
  font-size: clamp(0.45rem, 6vw, 1.125rem);
  font-weight: var(--font-weight, 400);
  color: var(--font-clr);
  line-height: 1.4;
}
p, .p, p *, .p * {
  font-family: inherit;
  font-size: clamp(0.45rem, 6vw, 1.125rem);
  font-weight: var(--font-weight, 400);
  color: var(--font-clr);
  line-height: 1.5;
  margin-bottom: 0.75em;
}
p img {
  border-radius: var(--border-radius-lg);
}
strong, .bold, strong *, .bold * {
  font-weight: 700 !important;
}
.medium, .medium * {
  font-weight: 500 !important;
}
.semibold, .semibold * {
  font-weight: 600 !important;
}
table {
  width: 100% !important;
}
table tr {
  border-bottom: 1px solid var(--border-color);
}
table tr:last-child {
  border-bottom: none;
}
table tr > td, table tr > th {
  padding-block: 1rem;
  font-size: clamp(0.45rem, 6vw, 1.125rem);
  color: var(--font-clr);
}
@media (min-width: 992px) {
  table tr > td, table tr > th {
    padding-block: 1.25rem;
  }
}
table tr > td p:last-child, table tr > th p:last-child {
  margin-bottom: 0;
}
.bg-bg {
  background-color: #1A191C;
}
.clr-bg {
  --font-clr: #1A191C;
}
.bg-black-hover {
  background-color: #121212;
}
.clr-black-hover {
  --font-clr: #121212;
}
.bg-grey {
  background-color: #F4F4F4;
}
.clr-grey {
  --font-clr: #F4F4F4;
}
.bg-grey-light {
  background-color: #E8E8E8;
}
.clr-grey-light {
  --font-clr: #E8E8E8;
}
.bg-grey-rgb {
  background-color: #d9e2ee;
}
.clr-grey-rgb {
  --font-clr: #d9e2ee;
}
.bg-grey-dark {
  background-color: #6E6E6E;
}
.clr-grey-dark {
  --font-clr: #6E6E6E;
}
.bg-grey-dark-rgb {
  background-color: #6e6e6e;
}
.clr-grey-dark-rgb {
  --font-clr: #6e6e6e;
}
.bg-primary {
  background-color: #50A1D3;
}
.clr-primary {
  --font-clr: #50A1D3;
}
.bg-primary-rgb {
  background-color: #50a1d3;
}
.clr-primary-rgb {
  --font-clr: #50a1d3;
}
.bg-primary-light {
  background-color: #DCECF6;
}
.clr-primary-light {
  --font-clr: #DCECF6;
}
.bg-primary-light-rgb {
  background-color: #dcecf6;
}
.clr-primary-light-rgb {
  --font-clr: #dcecf6;
}
.bg-primary-dark {
  background-color: #0061A3;
}
.clr-primary-dark {
  --font-clr: #0061A3;
}
.bg-primary-dark-rgb {
  background-color: #0061a3;
}
.clr-primary-dark-rgb {
  --font-clr: #0061a3;
}
.bg-secondary {
  background-color: #0BA747;
}
.clr-secondary {
  --font-clr: #0BA747;
}
.bg-secondary-rgb {
  background-color: #0ba747;
}
.clr-secondary-rgb {
  --font-clr: #0ba747;
}
.bg-secondary-light {
  background-color: #e2f1e1;
}
.clr-secondary-light {
  --font-clr: #e2f1e1;
}
.clr-primary {
  color: var(--clr-primary) !important;
}
.clr-secondary {
  color: var(--clr-secondary) !important;
}
.clr-grey {
  color: var(--clr-grey) !important;
}
.clr-greydark {
  color: var(--clr-grey-dark) !important;
}
.bg-primary {
  background-color: var(--clr-primary) !important;
}
.bg-secondary {
  background-color: var(--clr-secondary) !important;
}
.bg-gradient {
  --font-clr: var(--white);
}
.text-gradient {
  background-image: linear-gradient(90deg, var(--clr-secondary) 0%, var(--clr-primary) 100%) !important;
  --font-clr: var(--white);
  background-clip: text;
  --font-clr: transparent;
}
.text-gradient ul {
  --list-icon-clr: var(--white);
}
.superscript {
  font-size: 0.6em;
  vertical-align: super;
  white-space: nowrap;
  margin-left: 1ch;
}
.jumbotron *, .jumbotron {
  font-size: clamp(2.5rem, 7vw, 4.375rem);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fthermotex24%2Fscss%2F_typography.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fsettings%2F_variables.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fsettings%2Fbreakpoints.scss%22%2C%22%2Fthemes%2Fthermotex24%2Fscss%2Fsettings%2F_mixins.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAAA%3BAAEA%3BACoBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACmBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADiCF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD1EF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAGeI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAHUJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEdA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFsBE%3BAAAA%3BAAAA%3BAAWJ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAHA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAGtEE%3BAAAA%3BAAAA%3BAH4EF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%22%7D */