@charset "UTF-8";
/* Uncomment & change the variables that you want to change
or add your own variables */
/* Custom Colors*/
/* Colors */
/* Fonts */
/* Headings */
/* Header */
/* Navigation */
/* Teaser */
/* Iconblock */
/* Downloads */
/* Message and Responses */
/* Colors */
/* Fonts */
/* Headings */
/* Message and Responses */
/* Layout */
/* Text */
/* Buttons */
/* Focus State */
/* Colors */
/* Fonts */
/* Headings */
/* Message and Responses */
/* Layout */
/* Text */
/* import bootstrap mixins for mediaqueries and breakpoints
-------------------------------------------- */
/* Tables */
/* GENERIC STYLES
-------------------------------------------- */
html, body, .typography {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.5;
  color: #222;
}
@media (max-width: 745.98px) {
  html, body, .typography {
    font-size: 16px;
    line-height: 24px;
  }
}
a, input, button, textarea, a:hover, a:active {
  outline: none;
  text-decoration: none;
}
strong, b, .typography strong, .typography b {
  font-weight: 700;
}
p {
  margin: 0 0 calc(20px / 2);
}
p:last-child {
  margin: 0;
}
/* LINKS
-------------------------------------------- */
a, .typography a {
  color: #5690D8;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a, .typography a {
    transition: none;
  }
}
a:focus-visible, .typography a:focus-visible {
  outline: 2px dashed #5690D8;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px white;
}
.contentblock-typography a:not(.accent-button):not(.primary-button):not(.secondary-button):not(.arrow-link):not(.social_media_button):not(.buttonlink):not(.secondary-buttonlink):hover, .contentblock.ContentUserForm a:not(.accent-button):not(.primary-button):not(.secondary-button):not(.arrow-link):not(.social_media_button):not(.buttonlink):not(.secondary-buttonlink):hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #5690D8;
  text-underline-offset: 5px;
}
a.buttonlink, .buttonlink {
  display: inline-block;
  border-radius: 10px;
  cursor: pointer;
  font-size: 1rem;
  text-align: center;
  color: white;
  margin: 0;
  padding: 4px 20px;
  border: 2px solid #5690D8;
  background-color: #5690D8;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.buttonlink, .buttonlink {
    transition: none;
  }
}
a.buttonlink a, .buttonlink a {
  color: #fff;
}
a.buttonlink:hover, .buttonlink:hover {
  background-color: #222;
  border-color: #222;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.buttonlink:hover, .buttonlink:hover {
    transition: none;
  }
}
a.buttonlink:focus-visible, .buttonlink:focus-visible {
  outline: 2px dashed #5690D8;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px white;
}
a.secondary-buttonlink, .secondary-buttonlink {
  display: inline-block;
  cursor: pointer;
  font-size: 0.8rem;
  text-align: center;
  color: #222;
  margin: 0;
  padding: 3px 12px;
  border: 2px solid #222;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.secondary-buttonlink, .secondary-buttonlink {
    transition: none;
  }
}
a.secondary-buttonlink a, .secondary-buttonlink a {
  color: #222;
}
a.secondary-buttonlink:hover, .secondary-buttonlink:hover {
  color: white;
  background-color: #222;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.secondary-buttonlink:hover, .secondary-buttonlink:hover {
    transition: none;
  }
}
a.secondary-buttonlink:focus-visible, .secondary-buttonlink:focus-visible {
  outline: 2px dashed #5690D8;
  outline-offset: 1px;
  box-shadow: 0 0 0 4px white;
}
/* HEADER STYLES
-------------------------------------------- */
.typography h1, h1 {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  padding: 0;
  margin: 0 0 20px 0;
  text-wrap: balance;
}
@media (max-width: 1229.98px) {
  .typography h1, h1 {
    font-size: 1.8rem;
  }
}
.typography h2, h2 {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  padding: 0;
  margin: 0 0 20px 0;
  text-wrap: balance;
}
@media (max-width: 1229.98px) {
  .typography h2, h2 {
    font-size: 1.5rem;
  }
}
.typography h3, h3 {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  padding: 0;
  margin: 0 0 20px 0;
  text-wrap: balance;
}
@media (max-width: 1229.98px) {
  .typography h3, h3 {
    font-size: 1.25rem;
  }
}
.typography h4, h4 {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5;
  color: #222;
  padding: 0;
  margin: 0 0 20px 0;
  text-wrap: balance;
}
.typography h5, h5 {
  font-family: "Outfit", Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  color: #222;
  padding: 0;
  margin: 0 0 20px 0;
  text-wrap: balance;
}
/* LIST STYLES
-------------------------------------------- */
ul, ol, .typography ul, .typography ol {
  margin: 0 0 8px 22px;
}
.typography li, li {
  margin: 0 0 8px;
}
/* TABLE STYLING
-------------------------------------------- */
.typography table, table {
  margin: 0 0 18px 0;
}
.typography table tr th, table tr th {
  color: #222;
  background: #e8e8e8;
}
.typography table tr td, table tr td {
  padding: 3px;
  vertical-align: top;
}
/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left, .left {
  text-align: left;
}
.typography .center, .center {
  text-align: center;
}
.typography .right, .right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
/* IMAGES fuer CMS
-------------------------------------------- */
img, .typography img {
  border: none;
}
img.right, .typography img.right {
  float: right;
  margin: 0 0 5px 20px;
}
img.left, .typography img.left {
  float: left;
  margin: 0 20px 5px 0;
}
img.leftAlone, .typography img.leftAlone {
  float: left;
  margin-right: 100%;
}
img.center, .typography img.center {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* LINK ICONS - shows type of file
------------------------------------ */
a[href$=".pdf"]:before, a[href$=".PDF"]:before, a.pdf:before, .typography a[href$=".pdf"]:before, .typography a[href$=".PDF"]:before, .typography a.pdf:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".DOC"]:before, a.doc:before, .typography a[href$=".doc"]:before, .typography a[href$=".docx"]:before, .typography a[href$=".DOC"]:before, .typography a.doc:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".xls"]:before, a[href$=".xlsx"]:before, a[href$=".XLS"]:before, a.xls:before, .typography a[href$=".xls"]:before, .typography a[href$=".xlsx"]:before, .typography a[href$=".XLS"]:before, .typography a.xls:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".ppt"]:before, a[href$=".pptx"]:before, a[href$=".PPT"]:before, a.ppt:before, .typography a[href$=".ppt"]:before, .typography a[href$=".pptx"]:before, .typography a[href$=".PPT"]:before, .typography a.ppt:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".gz"]:before, a[href$=".GZ"]:before, a[href$=".gzip"]:before, a[href$=".GZIP"]:before, a[href$=".zip"]:before, a[href$=".ZIP"]:before, a.archive:before, .typography a[href$=".gz"]:before, .typography a[href$=".GZ"]:before, .typography a[href$=".gzip"]:before, .typography a[href$=".GZIP"]:before, .typography a[href$=".zip"]:before, .typography a[href$=".ZIP"]:before, .typography a.archive:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".exe"]:before, a[href$=".EXE"]:before, a.application:before, .typography a[href$=".exe"]:before, .typography a[href$=".EXE"]:before, .typography a.application:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
a[href$=".mp4"]:before, a[href$=".MP4"]:before, a[href$=".mov"]:before, a[href$=".MOV"]:before, a[href$=".webm"]:before, a[href$=".WEBM"]:before, a[href$=".avi"]:before, a[href$=".AVI"]:before, a[href$=".mpeg"]:before, a[href$=".MPEG"]:before, a[href$=".m4v"]:before, a[href$=".M4V"]:before, a.video:before, .typography a[href$=".mp4"]:before, .typography a[href$=".MP4"]:before, .typography a[href$=".mov"]:before, .typography a[href$=".MOV"]:before, .typography a[href$=".webm"]:before, .typography a[href$=".WEBM"]:before, .typography a[href$=".avi"]:before, .typography a[href$=".AVI"]:before, .typography a[href$=".mpeg"]:before, .typography a[href$=".MPEG"]:before, .typography a[href$=".m4v"]:before, .typography a[href$=".M4V"]:before, .typography a.video:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
/* Downloadlinks only */
#Downloads a[href$=".jpg"]:before, #Downloads a[href$=".jpeg"]:before, #Downloads a[href$=".webp"]:before, #Downloads a[href$=".png"]:before {
  content: " ";
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 1;
  font-weight: 300;
}
.iconblock a[href$=".pdf"]:before, .iconblock a[href$=".PDF"]:before, .iconblock a.pdf:before, .iconblock .typography a[href$=".pdf"]:before, .iconblock .typography a[href$=".PDF"]:before, .iconblock .typography a.pdf:before, .iconblock a[href$=".doc"]:before, .iconblock a[href$=".docx"]:before, .iconblock a[href$=".DOC"]:before, .iconblock a.doc:before, .iconblock .typography a[href$=".doc"]:before, .iconblock .typography a[href$=".docx"]:before, .iconblock .typography a[href$=".DOC"]:before, .iconblock .typography a.doc:before, .iconblock a[href$=".xls"]:before, .iconblock a[href$=".xlsx"]:before, .iconblock a[href$=".XLS"]:before, .iconblock a.xls:before, .iconblock .typography a[href$=".xls"]:before, .iconblock .typography a[href$=".xlsx"]:before, .iconblock .typography a[href$=".XLS"]:before, .iconblock .typography a.xls:before, .iconblock a[href$=".ppt"]:before, .iconblock a[href$=".pptx"]:before, .iconblock a[href$=".PPT"]:before, .iconblock a.ppt:before, .iconblock .typography a[href$=".ppt"]:before, .iconblock .typography a[href$=".pptx"]:before, .iconblock .typography a[href$=".PPT"]:before, .iconblock .typography a.ppt:before, .iconblock a[href$=".gz"]:before, .iconblock a[href$=".GZ"]:before, .iconblock a[href$=".gzip"]:before, .iconblock a[href$=".GZIP"]:before, .iconblock a[href$=".zip"]:before, .iconblock a[href$=".ZIP"]:before, .iconblock a.archive:before, .iconblock .typography a[href$=".gz"]:before, .iconblock .typography a[href$=".GZ"]:before, .iconblock .typography a[href$=".gzip"]:before, .iconblock .typography a[href$=".GZIP"]:before, .iconblock .typography a[href$=".zip"]:before, .iconblock .typography a[href$=".ZIP"]:before, .iconblock .typography a.archive:before, .iconblock a[href$=".exe"]:before, .iconblock a[href$=".EXE"]:before, .iconblock a.application:before, .iconblock .typography a[href$=".exe"]:before, .iconblock .typography a[href$=".EXE"]:before, .iconblock .typography a.application:before {
  content: normal;
}
.iconblock a[href$=".mp4"]:before, .iconblock a[href$=".MP4"]:before, .iconblock a[href$=".mov"]:before, .iconblock a[href$=".MOV"]:before, .iconblock a[href$=".webm"]:before, .iconblock a[href$=".WEBM"]:before, .iconblock a[href$=".avi"]:before, .iconblock a[href$=".AVI"]:before, .iconblock a[href$=".mpeg"]:before, .iconblock a[href$=".MPEG"]:before, .iconblock a[href$=".m4v"]:before, .iconblock a[href$=".M4V"]:before, .iconblock a.video:before, .iconblock .typography a[href$=".mp4"]:before, .iconblock .typography a[href$=".MP4"]:before, .iconblock .typography a[href$=".mov"]:before, .iconblock .typography a[href$=".MOV"]:before, .iconblock .typography a[href$=".webm"]:before, .iconblock .typography a[href$=".WEBM"]:before, .iconblock .typography a[href$=".avi"]:before, .iconblock .typography a[href$=".AVI"]:before, .iconblock .typography a[href$=".mpeg"]:before, .iconblock .typography a[href$=".MPEG"]:before, .iconblock .typography a[href$=".m4v"]:before, .iconblock .typography a[href$=".M4V"]:before, .iconblock .typography a.video:before {
  content: normal;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fsscc%2Fcss%2Ftypography.scss%22%2C%22%2Fthemes%2Fsscc%2Fcss%2F..%2F..%2Fmaster-template%2Fcss%2Ftypography.scss%22%2C%22%2Fthemes%2Fsscc%2Fcss%2F..%2F..%2Fmaster-template%2Fcss%2F..%2F..%2F..%2Fthemes%2Fmaster-template%2Fcss%2Fthirdparty%2Fbootstrap-scss%2Fscss%2Fmixins%2F_breakpoints.scss%22%2C%22%2Fthemes%2Fsscc%2Fcss%2F..%2F..%2Fmaster-template%2Fcss%2F..%2F..%2F..%2Fthemes%2Fmaster-template%2Fcss%2Fthirdparty%2Fbootstrap-scss%2Fscss%2Fmixins%2F_transition.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%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%3BACgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC4DI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADpDJ%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAD5CA%3BAAAA%3BACkDA%3BAAAA%3BAAAA%3BAAAA%3BAE9BM%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFkCF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEjDM%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFmDF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEtDE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFyDF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAE9DM%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFgEF%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEnEE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFsEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD1FJ%3BAAAA%3BACkGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACtBI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADgCJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAChCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADyCJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkDJ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADpIA%3BAAAA%3BAC6IA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BADpJA%3BAAAA%3BAC0JA%3BAAAA%3BAAAA%3BAAIQ%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BADpKR%3BAAAA%3BAC6KA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BADhMA%3BAAAA%3BACsMA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADrNJ%3BAAAA%3BACgOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAqBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADhUA%3BACoWI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAoDA%3BAAAA%3BAAAA%22%7D */