/* 30px -> 40px */
/* 60px -> 80px */
/* 90px -> 120px */
/* 120px -> 160px */
/* 20px -> 130px */
/* 10px -> 50px */
/* 24px -> 80px */
/* 40px -> 50px */
@font-face {
  font-family: "graphit";
  src: url("../../bundles/technologies/fonts/graphit/Graphit-Web-Light.woff2") format("woff2"), url("../../bundles/technologies/fonts/graphit/Graphit-Web-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graphit";
  src: url("../../bundles/technologies/fonts/graphit/Graphit-Web-Regular.woff2") format("woff2"), url("../../bundles/technologies/fonts/graphit/Graphit-Web-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graphit";
  src: url("../../bundles/technologies/fonts/graphit/Graphit-Web-Medium.woff2") format("woff2"), url("../../bundles/technologies/fonts/graphit/Graphit-Web-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "graphit";
  src: url("../../bundles/technologies/fonts/graphit/Graphit-Web-Bold.woff2") format("woff2"), url("../../bundles/technologies/fonts/graphit/Graphit-Web-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html {
  position: relative;
  width: 100%;
  scroll-behavior: smooth;
}
body {
  font-family: "graphit", sans-serif;
  font-weight: 300;
  line-height: 1.4;
  font-size: clamp(1.1rem, 1.018rem + 0.208vw, 1.375rem);
  /* 17px -> 22px */
  font-variant-ligatures: no-common-ligatures;
  color: #001524;
}
body:not(.dark-hero) .mod_article {
  background: #ffffff;
  padding-top: 4em;
}
@media (max-width: 1350px) {
  body:not(.dark-hero) .mod_article {
    background: #ffffff;
    padding-top: 2em;
  }
}
body.privacy {
  counter-reset: section;
}
body.privacy #container .ce_text:has(h2) {
  counter-increment: section;
}
body.privacy #container h2 {
  counter-increment: none;
}
body.privacy #container h2::before {
  content: counter(section) ". ";
}
button, input, label, textarea, select {
  font-family: "graphit", verdana, sans-serif;
  color: #001524;
}
img {
  display: block;
  width: 100%;
  max-width: fit-content;
  height: auto;
}
main p, main ul, main ol, main table {
  margin-bottom: 1em;
}
main p:last-child, main ul:last-child, main ol:last-child, main table:last-child {
  margin-bottom: 0;
}
strong {
  font-weight: 700;
}
h1 {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-size: clamp(2.0625rem, 1.398rem + 1.833vw, 3.4375rem);
  /* 33px -> 55px */
}
h1:first-child {
  margin-top: 0;
}
h1:last-child {
  margin-bottom: 0;
}
h2 {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-size: clamp(1.8125rem, 1.48rem + 0.917vw, 2.5rem);
  /* 29px -> 40px */
}
h2:first-child {
  margin-top: 0;
}
h2:last-child {
  margin-bottom: 0;
}
h3 {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-size: clamp(1.625rem, 1.383rem + 0.667vw, 2.125rem);
  /* 26px -> 34px */
}
h3:first-child {
  margin-top: 0;
}
h3:last-child {
  margin-bottom: 0;
}
h4 {
  font-family: "graphit", verdana, sans-serif;
  line-height: 1.2;
  font-weight: 700;
  color: #131F25;
  margin-top: 1.5em;
  margin-bottom: 1.25em;
  font-weight: 500;
  font-size: clamp(1.25rem, 1.008rem + 0.667vw, 1.75rem);
  /* 20px -> 28px */
  margin-bottom: 1em;
}
h4:first-child {
  margin-top: 0;
}
h4:last-child {
  margin-bottom: 0;
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Fvhug-technologies.de%2Fhttpdocs%2Fvendor%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2Fglobal.scss%22%2C%22var%2Fwww%2Fvhosts%2Fvhug-technologies.de%2Fhttpdocs%2Fvendor%2Fvonheldenundgestalten%2Fvhugtech-bundle%2Fpublic%2Fcss%2F.%2Fincludes%2F.%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKQ%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAEQ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOZ%3BAAAA%3BAAAA%3BAAIQ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAEL%3BAAAA%3BAAAA%3BAAOH%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1FI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAD0FJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC7FI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAD6FJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAChGI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BADgGJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACnGI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BADoGJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */