@charset "UTF-8";
:root {
  --ci-main: #ff5c1c;
  --ci-main-svg: #ff5c1c;
  --font-color: #626f6f;
  --light: #f6f4f9;
  --white: #fff;
}

/* Variable fonts usage:
:root { font-family: "Inter", sans-serif; }
@supports (font-variation-settings: normal) {
  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
} */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../Fonts/Inter/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../../Fonts/Inter/InterVariable-Italic.woff2") format("woff2");
}
/* static fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-ExtraLightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../../Fonts/Inter/Inter-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-ExtraLightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Light.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-Black.woff2") format("woff2");
}
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../../Fonts/Inter/InterDisplay-BlackItalic.woff2") format("woff2");
}
@font-feature-values InterVariable {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1; /* Alternate one */
    alt-3: 9; /* Flat-top three */
    open-4: 2; /* Open four */
    open-6: 3; /* Open six */
    open-9: 4; /* Open nine */
    lc-l-with-tail: 5; /* Lower-case L with tail */
    simplified-u: 6; /* Simplified u */
    alt-double-s: 7; /* Alternate German double s */
    uc-i-with-serif: 8; /* Upper-case i with serif */
    uc-g-with-spur: 10; /* Capital G with spur */
    single-story-a: 11; /* Single-story a */
    compact-lc-f: 12; /* Compact f */
    compact-lc-t: 13; /* Compact t */
  }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1; /* Open digits */
    disambiguation: 2; /* Disambiguation (with zero) */
    disambiguation-except-zero: 4; /* Disambiguation (no zero) */
    round-quotes-and-commas: 3; /* Round quotes & commas */
    square-punctuation: 7; /* Square punctuation */
    square-quotes: 8; /* Square quotes */
    circled-characters: 5; /* Circled characters */
    squared-characters: 6; /* Squared characters */
  }
}
@font-feature-values Inter {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1; /* Alternate one */
    alt-3: 9; /* Flat-top three */
    open-4: 2; /* Open four */
    open-6: 3; /* Open six */
    open-9: 4; /* Open nine */
    lc-l-with-tail: 5; /* Lower-case L with tail */
    simplified-u: 6; /* Simplified u */
    alt-double-s: 7; /* Alternate German double s */
    uc-i-with-serif: 8; /* Upper-case i with serif */
    uc-g-with-spur: 10; /* Capital G with spur */
    single-story-a: 11; /* Single-story a */
    compact-lc-f: 12; /* Compact f */
    compact-lc-t: 13; /* Compact t */
  }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1; /* Open digits */
    disambiguation: 2; /* Disambiguation (with zero) */
    disambiguation-except-zero: 4; /* Disambiguation (no zero) */
    round-quotes-and-commas: 3; /* Round quotes & commas */
    square-punctuation: 7; /* Square punctuation */
    square-quotes: 8; /* Square quotes */
    circled-characters: 5; /* Circled characters */
    squared-characters: 6; /* Squared characters */
  }
}
@font-feature-values InterDisplay {
  @character-variant {
    cv01: 1;
    cv02: 2;
    cv03: 3;
    cv04: 4;
    cv05: 5;
    cv06: 6;
    cv07: 7;
    cv08: 8;
    cv09: 9;
    cv10: 10;
    cv11: 11;
    cv12: 12;
    cv13: 13;
    alt-1: 1; /* Alternate one */
    alt-3: 9; /* Flat-top three */
    open-4: 2; /* Open four */
    open-6: 3; /* Open six */
    open-9: 4; /* Open nine */
    lc-l-with-tail: 5; /* Lower-case L with tail */
    simplified-u: 6; /* Simplified u */
    alt-double-s: 7; /* Alternate German double s */
    uc-i-with-serif: 8; /* Upper-case i with serif */
    uc-g-with-spur: 10; /* Capital G with spur */
    single-story-a: 11; /* Single-story a */
    compact-lc-f: 12; /* Compact f */
    compact-lc-t: 13; /* Compact t */
  }
  @styleset {
    ss01: 1;
    ss02: 2;
    ss03: 3;
    ss04: 4;
    ss05: 5;
    ss06: 6;
    ss07: 7;
    ss08: 8;
    open-digits: 1; /* Open digits */
    disambiguation: 2; /* Disambiguation (with zero) */
    disambiguation-except-zero: 4; /* Disambiguation (no zero) */
    round-quotes-and-commas: 3; /* Round quotes & commas */
    square-punctuation: 7; /* Square punctuation */
    square-quotes: 8; /* Square quotes */
    circled-characters: 5; /* Circled characters */
    squared-characters: 6; /* Squared characters */
  }
}
body {
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-weight: 300;
  font-style: normal;
  color: #626f6f;
  margin: 0;
  padding: 0;
}

.skip-link {
  position: absolute;
  top: -100px;
  left: 4px;
  background-color: #121212;
  color: #fff;
  padding: 0.75em 1em;
  z-index: 122;
  text-decoration: none;
  font-weight: 500;
  border: 2px solid #121212;
}
.skip-link:focus {
  top: 6px;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
  outline: none;
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.content .section {
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  max-width: 1170px;
}
.content .section-default p:last-of-type, .content .section-default ul:last-of-type {
  margin-bottom: 0;
}
.content .section-grid-border {
  border: solid 1px #d8e0e0;
  border-radius: 2rem;
  padding: 1rem;
  padding-left: 1rem;
}
.content .section-sub {
  padding: 1rem;
}
.content .section-default {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.content .section-space-after-extra-small {
  padding-bottom: 0;
}
.content .section-space-after-large {
  padding-bottom: 2rem;
}
.content .section-space-after-extra-large {
  padding-bottom: 2.5rem;
}
.content .section-space-before-extra-small {
  padding-top: 0;
}
.content .section-space-before-medium {
  padding-top: 0.5rem;
}
.content .section-indent-right {
  margin-right: 0;
}
.content .section-indent-left {
  margin-left: 0;
}
.content .section-type-text a:link,
.content .section-type-text a:visited,
.content .section-type-text a:active, .content .section-sub a:link,
.content .section-sub a:visited,
.content .section-sub a:active {
  text-decoration: underline;
  color: #626f6f;
}
.content .section-type-text a:hover, .content .section-sub a:hover {
  text-decoration: underline;
  color: #626f6f;
}
.content .section-type-text p.indentleft, .content .section-sub p.indentleft {
  padding-left: 0.5rem;
  border-left: 1rem solid #f6f4f9;
}

.col-video {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.col-video-player {
  display: none;
}
.col-video-player video {
  border-radius: 1.5rem;
  width: 250px;
  height: 250px;
}
.col-video-player picture {
  max-width: 250px;
}
.col-video-player picture img {
  max-width: 250px;
  height: auto;
  border-radius: 1.5rem;
}

.content {
  position: relative;
}
.content p, .content ul {
  line-height: 1.35rem;
  font-weight: 500;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.content p strong, .content ul strong {
  font-weight: 800;
}
.content ul {
  list-style: none;
  padding-left: 1em;
}
.content li {
  position: relative;
  padding-left: 0.5rem;
}
.content li::before {
  content: "◻"; /* oder "►", "˃", "✔" etc. */
  position: absolute;
  left: -1em;
  color: #ff5c1c;
  font-size: 1.2em;
}
.content a:link, .content a:visited, .content a:active {
  text-decoration: underline;
  color: #ff5c1c;
}
.content a:hover {
  text-decoration: underline;
  color: #626f6f;
}
.content .table {
  padding: 0;
  margin: 1rem 0 0 0;
}
.content .table .contenttable thead tr th {
  font-weight: 600;
  text-align: left;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  vertical-align: top;
}
.content .table .contenttable tbody tr td {
  text-align: left;
  padding-right: 1rem;
  vertical-align: top;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  border-top: solid 1px #d8e0e0;
  line-height: 130%;
}

.pageheader {
  padding-top: 1.5rem;
  padding-right: 0;
  padding-left: 1.25rem;
  padding-bottom: 2rem;
  position: relative;
  gap: 15px;
  display: grid;
  grid-template-columns: minmax(auto, 320px) 1fr;
  /* Zwei Spalten */
  grid-template-rows: auto auto;
}
.pageheader a.brand {
  grid-column: 1;
  grid-row: 1;
  padding-bottom: 1.6rem;
}
.pageheader a.brand svg.logo {
  display: block;
  flex: 0 0 auto;
  max-width: 320px;
  width: 100%;
  height: auto;
}
.pageheader .subnavigation {
  display: none;
  position: absolute;
  top: 5rem;
  right: 1rem;
  width: auto;
  padding: 7px;
  justify-content: center;
  border-style: solid;
  border-width: 2px;
  border-radius: 1.5rem;
  border: 2px solid #626f6f;
  box-shadow: 6px 6px 15px rgba(113, 136, 160, 0.6);
  background-color: rgba(255, 255, 255, 0.85);
}
.pageheader .subnavigation ul {
  padding: 0.5rem 0;
  margin: 0;
  list-style-type: none;
}
.pageheader .subnavigation ul li {
  padding: 0;
  margin: 0;
}
.pageheader .subnavigation ul li a {
  display: block;
  font-size: 1.15rem;
  padding: 0.75rem 1rem;
  font-weight: 400;
}
.pageheader .subnavigation ul li a:link, .pageheader .subnavigation ul li a:visited, .pageheader .subnavigation ul li a:active {
  color: #626f6f;
  text-decoration: none;
}
.pageheader .subnavigation ul li a:hover {
  color: #ff5c1c;
  text-decoration: none;
}
.pageheader .subnavigation.is-open {
  display: block;
}
.pageheader .mainnavigation {
  grid-column: 1/span 2;
  /* nimmt beide Spalten ein */
  grid-row: 2;
  padding-right: 1.25rem;
}
.pageheader .mainnavigation ul {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 124px);
  /* 3 feste Spalten à 150px */
  justify-content: center;
  /* Zentriert das gesamte Grid */
  gap: 1.25rem;
  /* Optionaler Abstand */
  list-style-type: none;
}
.pageheader .mainnavigation ul li {
  padding: 0;
  margin: 0;
  display: inline-block;
  text-align: center;
}
.pageheader .mainnavigation ul li a {
  display: flex;
  position: relative;
  width: 110px;
  padding: 7px;
  justify-content: center;
  aspect-ratio: 1/1;
  border-style: solid;
  border-width: 2px;
  border-radius: 1.5rem;
  font-weight: 500;
  line-height: 1.35rem;
  box-shadow: 6px 6px 15px rgba(113, 136, 160, 0.6);
}
.pageheader .mainnavigation ul li a:link, .pageheader .mainnavigation ul li a:visited, .pageheader .mainnavigation ul li a:active {
  border-color: #626f6f;
  text-decoration: none;
  color: #626f6f;
}
.pageheader .mainnavigation ul li a:hover {
  border-color: #ff5c1c;
  text-decoration: none;
  background-color: #ff5c1c;
  color: #fff;
  --font-color: var(--white);
  --ci-main-svg: var(--white);
}
.pageheader .mainnavigation ul li a.active:link, .pageheader .mainnavigation ul li a.active:visited, .pageheader .mainnavigation ul li a.active:active {
  border-color: #ff5c1c;
  color: #626f6f;
  --ci-main-svg: var(--ci-main);
  --font-color: var(--ci-main);
}
.pageheader .mainnavigation ul li a.active:hover {
  border-color: #ff5c1c;
  text-decoration: none;
  background-color: #ff5c1c;
  color: #fff;
  --font-color: var(--white);
  --ci-main-svg: var(--white);
}
.pageheader .mainnavigation ul li a span {
  position: absolute;
  bottom: 23px;
  left: 39px;
  width: 43px;
  height: 43px;
}
.pageheader .mainnavigation ul li a span svg {
  width: 100%;
}
.pageheader .nav-button {
  text-align: right;
}
.pageheader .nav-button .nav-toggle {
  width: 100px;
  height: 75px;
  background: none;
  border: none;
  padding: 1.25rem;
  cursor: pointer;
  margin-top: -0.75rem;
}
.pageheader .nav-button .nav-toggle:hover {
  --light: var(--ci-main);
  --font-color: var(--white);
}
.pageheader .nav-button .nav-toggle:focus-visible {
  outline: 2px solid #ff5c1c;
  --light: var(--ci-main);
  --font-color: var(--white);
}

h1, h2, h3, h4, h5, h6 {
  all: unset;
  display: block;
}

.h2, h2 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.35rem;
  color: #626f6f;
  margin: 0;
  padding: 1rem 0;
  hyphens: auto;
}

.section-sub .h2 {
  padding: 0 0 1rem;
}

.h1, .section-sub .h1, .section-sub h1.h1 .section-sub h2.h1, .section-sub h3.h1, .section-sub h4.h1, .section-sub h5.h1 {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.35rem;
  color: #ff5c1c;
  margin: 0;
  padding: 1rem 0;
  hyphens: auto;
  text-transform: unset;
}
.h1::before, .section-sub .h1::before, .section-sub h1.h1 .section-sub h2.h1::before, .section-sub h3.h1::before, .section-sub h4.h1::before, .section-sub h5.h1::before {
  content: ""; /* Leeres Element, aber zwingend notwendig */
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 2px solid #b3bebe; /* Optional: Rahmen, falls gewünscht */
  border-radius: 5px; /* Abgerundete Ecken */
  margin-right: 0.4rem; /* Abstand zum Text */
  vertical-align: middle; /* Text und Quadrat auf gleicher Höhe */
  margin-top: -0.3rem;
}

.section-sub .h1 {
  padding: 0 0 1rem;
}

h3, .h3 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding-top: 1rem;
}

form h2 {
  color: #ff5c1c;
  font-weight: 500;
  font-size: 1.25rem;
}
form .form-group {
  position: relative;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
form .form-group .input {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
form .form-group .input input[type=text], form .form-group .input input[type=email] {
  border: solid 1px #d8e0e0;
  outline: 1px solid #d8e0e0;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 1rem 1rem 7rem;
  border-radius: 1rem;
  font-size: 1rem;
  color: #121212;
}
form .form-group .input textarea {
  border: solid 1px #d8e0e0;
  outline: 1px solid #d8e0e0;
  box-sizing: border-box;
  width: 100%;
  padding: 2.5rem 1rem 1rem 1rem;
  border-radius: 1rem;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  color: #121212;
  min-height: 50px;
  resize: none;
  overflow-y: hidden;
}
form .form-group .input input:focus, form .form-group .input input:focus-visible, form .form-group .input textarea:focus, form .form-group .input textarea:focus-visible {
  border: solid 1px #ff5c1c;
  outline: 1px solid #ff5c1c;
  transition: border-color 0.4s;
}
form .form-group .input input.ready, form .form-group .input input.ready, form .form-group .input textare.ready, form .form-group .input textarea.ready {
  border: solid 1px #626f6f;
  outline: 1px solid #626f6f;
  transition: border-color 0.4s;
}
form .form-label {
  position: absolute;
  top: 1.1rem;
  left: 1rem;
}

.content .reference .section-grid-border {
  margin-bottom: 2rem;
}
.content .reference > li:before {
  content: unset;
}
.content .reference-top__grid, .content .reference-top__summary, .content .reference-ref__grid, .content .reference-ref__summary {
  display: grid;
  grid-template-columns: 1fr;
}
.content .reference-top__grid--right, .content .reference-top__summary--right, .content .reference-ref__grid--right, .content .reference-ref__summary--right {
  text-align: right;
}
.content .reference-top__grid--right img, .content .reference-top__summary--right img, .content .reference-ref__grid--right img, .content .reference-ref__summary--right img {
  border-radius: 8px;
  border: 1px solid #d8e0e0;
  width: 100%;
  height: auto;
  max-height: auto;
}
.content .reference-top__summary, .content .reference-ref__summary {
  grid-template-columns: 7fr 1fr;
}
.content .reference-top__left h3, .content .reference-ref__left h3 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.content .reference-top__left p, .content .reference-ref__left p {
  padding-right: 2rem;
}
.content .reference-top__right img, .content .reference-ref__right img {
  border-radius: 8px;
  border: 1px solid #d8e0e0;
}
.content .reference-top__meta, .content .reference-ref__meta {
  padding-left: 0;
}
.content .reference-top__meta li:before, .content .reference-ref__meta li:before {
  content: unset;
}
.content .reference-top__humandate, .content .reference-ref__humandate {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  border: 1px solid #d8e0e0;
  background-color: #f6f4f9;
}
.content .reference-top__link, .content .reference-ref__link {
  padding: 0 0 1rem 0;
}
.content .reference-top__behalf, .content .reference-ref__behalf {
  padding-left: 0;
  padding-bottom: 0.5rem;
}
.content .reference-top__behalf a:link, .content .reference-top__behalf a:visited, .content .reference-top__behalf a:active, .content .reference-ref__behalf a:link, .content .reference-ref__behalf a:visited, .content .reference-ref__behalf a:active {
  color: #626f6f;
}
.content .reference-top__behalf a:hover, .content .reference-ref__behalf a:hover {
  text-decoration: none;
  color: #626f6f;
}
.content .reference-ref {
  max-height: 7rem;
  overflow: hidden;
  transition: max-height 0.35s ease;
  will-change: max-height;
}
.content .reference-ref__accordeon--top {
  cursor: pointer;
}
.content .reference-ref__accordeon--top:focus-visible {
  outline: 2px solid #ff5c1c;
  outline-offset: 2px;
}
.content .reference-ref__accordeon--bottom {
  opacity: 0;
  transform: translateY(-0.25rem);
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, margin-top 0.2s ease;
}
.content .reference-ref.is-expanded .reference-ref__accordeon--bottom {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  margin-top: -6%;
}
.content .reference-ref.is-expanded .reference-ref__summary--left::before {
  opacity: 0;
  transition: opacity 0.35s ease;
}
.content .reference-ref.is-expanded .reference-ref__types {
  margin-top: -76px;
  transition: margin-top 0.4s ease;
}
.content .reference-ref__summary--left {
  position: relative;
}
.content .reference-ref__summary--left::before {
  content: "";
  display: none;
  opacity: 1;
  position: absolute;
  width: 90%;
  height: 2rem;
  left: 0;
  bottom: 15px;
  background-image: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="chevron-thin-down" transform="matrix(1.16631,0,0,0.652103,-1.63233,3.51634)"><path d="M17.418,6.109C17.69,5.841 18.063,5.463 18.333,5.731C18.603,5.999 18.668,6.81 18.397,7.078L10.489,14.908C10.219,15.176 9.782,15.176 9.51,14.908L1.602,7.078C1.332,6.81 1.381,5.998 1.651,5.73C1.922,5.462 2.311,5.841 2.581,6.109L10,13.25L17.418,6.109Z" style="fill:rgb(216,224,224);fill-rule:nonzero;"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 3rem;
}
.content .reference__types {
  display: inline-block;
  list-style: none;
  padding: 0.75rem 0 1rem;
  margin: 0;
}
.content .reference__types ul {
  padding-left: 0;
  padding-right: 2rem;
}
.content .reference__types ul li {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 4px;
  border: 1px solid #d8e0e0;
  background-color: #f6f4f9;
}
.content .reference__types ul li:before {
  content: unset;
}

.content .section-sub a.cta, a.cta, .btn-primary {
  display: inline-block;
  border-style: solid;
  border-width: 2px;
  border-radius: 0.5rem;
  padding: 0.3rem 0.7rem;
  font-weight: 600;
  background-color: #fff;
  border-color: #626f6f;
  color: #626f6f;
  cursor: pointer;
}
.content .section-sub a.cta:link, .content .section-sub a.cta:visited, .content .section-sub a.cta:active, a.cta:link, a.cta:visited, a.cta:active, .btn-primary:link, .btn-primary:visited, .btn-primary:active {
  text-decoration: none;
  border-color: #626f6f;
  color: #626f6f;
  background-color: transparent;
}
.content .section-sub a.cta:hover, a.cta:hover, .btn-primary:hover {
  text-decoration: none;
  border-color: #ff5c1c;
  color: #fff;
  background-color: #ff5c1c;
}

@media (min-width: 768px) {
  .section {
    margin: 0 auto;
  }
  .section--limit {
    max-width: 728px;
  }
  .content .reference-ref__summary {
    grid-template-columns: 5fr 1fr;
  }
  .content .reference-ref__summary--right img {
    max-height: 7rem;
    width: auto;
  }
  .content .reference-ref__summary--left::before {
    left: 0;
    bottom: 0;
    width: 100%;
    background-position: center center;
    display: block;
  }
  .content .reference-ref.is-expanded .reference-ref__accordeon--bottom {
    margin-top: -78px;
  }
  .content .reference-top__grid {
    grid-template-columns: 3fr 1fr;
  }
}
@media (min-width: 768px) {
  .content .section {
    margin: 0 auto;
  }
  .content .section--limit {
    max-width: 928px;
  }
  .content .section-indent-right {
    margin-right: 5rem;
  }
  .content .section-indent-left {
    margin-left: 5rem;
  }
  .content .col-video {
    display: grid;
    grid-template-columns: 1fr auto;
  }
  .content .col-video-player {
    display: block;
  }
  .content .pageheader {
    align-items: end;
    margin: 0 auto;
  }
  .content .pageheader .subnavigation {
    display: block;
    grid-column: 2;
    grid-row: 1;
    justify-content: center;
    border: none;
    box-shadow: unset;
    background-color: transparent;
    position: unset;
    top: unset;
    right: unset;
    width: unset;
    padding: 7px;
  }
  .content .pageheader .subnavigation ul {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
  }
  .content .pageheader .subnavigation ul li {
    display: inline-block;
    justify-content: center;
    align-items: center;
  }
  .content .pageheader .subnavigation ul li a {
    text-decoration: none;
    color: #626f6f;
    font-size: 1rem;
    font-weight: 400;
    padding: 1.25rem;
  }
  .content .pageheader .subnavigation ul li a:hover {
    color: #ff5c1c;
    transition: all 0.3s ease-in-out;
  }
  .content .pageheader .subnavigation ul li a.level-0 {
    margin-top: -1.25rem;
  }
  .content .pageheader .nav-toggle {
    display: none;
  }
}
@media (max-width: 448px) {
  .pageheader a.brand {
    padding-bottom: 0;
  }
  .pageheader .mainnavigation ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.9rem;
  }
  .pageheader .mainnavigation ul li a {
    width: auto;
    font-size: 82%;
  }
  .pageheader .mainnavigation ul li a span {
    bottom: 8%;
    left: 29%;
    width: 40%;
    height: 40%;
  }
}
@media (min-width: 1200px) {
  .section {
    margin: 0 auto;
  }
  .section--limit {
    max-width: 1136px;
  }
  .col-video-player video {
    width: 320px;
    height: 320px;
  }
  .col-video-player picture {
    max-width: 320px;
  }
  .col-video-player picture img {
    max-width: 320px;
  }
}
.content .spinner-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

.spinner {
  width: 48px;
  height: 48px;
  border: 4px solid #d8e0e0;
  border-top-color: #ff5c1c;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.pageheader .mainnavigation ul li a#mainnav-10 span {
  width: 49px;
  height: 49px;
}

.pageheader .mainnavigation ul li a#mainnav-13 span {
  width: 49px;
  height: 49px;
}

.content #c82.section-default {
  padding-left: 2rem;
}
.content #c82.section-default .section-grid-border.section-indent-right {
  margin-right: -0.5rem;
}
.content #c82.section-default .section-grid-border .section-sub h1.h3 {
  font-size: 1.5rem;
  padding-top: 0;
}