@charset "UTF-8";
:root {
  --prime-color: #004e97;
  --prime-light: #0b69b1;
  --prime-lighter: #1a7fcd;
  --prime-dark: #052969;
  --second-color: #73b61f;
  --second-light: #87d027;
  --second-dark: #8e0f33;
  --third-color: #087f5b;
  --third-light: #57dfb6;
  --third-dark: #00432f;
  --grey: #7f7f7f;
  --grey-light: #cccccc;
  --grey-lighter: #f2f2f2;
  --grey-dark: #666666;
  --grey-darker: #333333;
  --black: #000;
  --white: #fff;
  --color-alert: #c92a2a;
  --color-success: #2f9e44;
  --color-notification: var(--prime-color);
  --accent-color: var(--prime-color);
  --font-family-prime: "Open Sans", sans-serif;
  --font-family-second: serif;
  --txt-c: #000;
  --txt-fz: .9rem;
  --txt-lh: 1.8;
  --h1-fz: 1.8rem;
  --h1-lh: 1.3;
  --h2-fz: 1.2rem;
  --h2-lh: 1.3;
  --h3-fz: 1.2rem;
  --h3-lh: 1.3;
  --h4-fz: 1.2rem;
  --h4-lh: 1.3;
  --h5-fz: 1.2rem;
  --h5-lh: 1.3;
  --h6-fz: 1.2rem;
  --h6-lh: 1.rem;
  --small-fz: 0.938rem;
  --small-lh: 1.188;
  --large-fz: 1.5rem;
  --large-lh: 1.75;
  --fw-light: 200;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --gap: 1rem;
  --gap-half: .5rem;
  --gap-double: 2rem;
  --gap-tripple: 3rem;
  --gap-none: 0;
  --zi-100: 100;
  --zi-200: 200;
  --zi-300: 300;
  --zi-400: 400;
  --zi-500: 500;
  --zi-600: 600;
  --zi-700: 700;
  --zi-800: 800;
  --zi-900: 900;
  --bdrs: 0px;
  --focus-width: 2px;
  --focus-color: var(--prime-color);
  --focus-offset: 5px;
}

:root {
  --twitter: #00B9E8;
  --twitter-dark: #0193b8;
  --facebook: #01336E;
  --facebook-dark: #00254e;
  --youtube: #E3001B;
  --youtube-dark: #c40017;
  --instagram: #EF0075;
  --instagram-dark: #bd005b;
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/_fonts/open-sans/open-sans-v40-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/_fonts/open-sans/open-sans-v40-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/_fonts/open-sans/open-sans-v40-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("/_fonts/open-sans/open-sans-v40-latin-700italic.woff2") format("woff2");
}
/* https://github.com/alex-e-leon/reset-css-complete */
/* General reset */
html, body, div, span, applet, object, iframe,
input, button, select, optgroup, textarea,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  background: none;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  /* line-height is set by :root */
  line-height: inherit;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

s, u {
  text-decoration: none;
}

select {
  appearance: none;
  -webkit-appearance: none;
}

input[type=submit],
button {
  width: auto;
  overflow: visible;
  cursor: pointer;
  line-height: inherit;
  color: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  appearance: none;
}

button::-moz-focus-inner {
  /* Remove excess padding and border in Firefox 4+ */
  border: 0;
  padding: 0;
}

/* safari requires some special resets for input type="search" */
input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* ie 11 has it's own magic font-size rules for sub and sup */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  sub, sup {
    font-size: 120%;
  }
}
/* some sensible global styles */
:root {
  /* prevents mobile browsers from sometimes scaling text */
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* sets box-sizing back to the sane border-box for all elements */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bb-gutter-x, var(--gap-half));
  padding-left: var(--bb-gutter-x, var(--gap-half));
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bb-gutter-x: var(--gap);
  --bb-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bb-gutter-y) * -1);
  margin-right: calc(var(--bb-gutter-x) * -0.5);
  margin-left: calc(var(--bb-gutter-x) * -0.5);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bb-gutter-x) * 0.5);
  padding-left: calc(var(--bb-gutter-x) * 0.5);
  margin-top: var(--bb-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bb-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bb-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bb-gutter-x: var(--gap-half);
}

.g-1,
.gy-1 {
  --bb-gutter-y: var(--gap-half);
}

.g-2,
.gx-2 {
  --bb-gutter-x: var(--gap);
}

.g-2,
.gy-2 {
  --bb-gutter-y: var(--gap);
}

.g-3,
.gx-3 {
  --bb-gutter-x: var(--gap-double);
}

.g-3,
.gy-3 {
  --bb-gutter-y: var(--gap-double);
}

.g-4,
.gx-4 {
  --bb-gutter-x: var(--gap-tripple);
}

.g-4,
.gy-4 {
  --bb-gutter-y: var(--gap-tripple);
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bb-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bb-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bb-gutter-x: var(--gap-half);
  }
  .g-sm-1,
  .gy-sm-1 {
    --bb-gutter-y: var(--gap-half);
  }
  .g-sm-2,
  .gx-sm-2 {
    --bb-gutter-x: var(--gap);
  }
  .g-sm-2,
  .gy-sm-2 {
    --bb-gutter-y: var(--gap);
  }
  .g-sm-3,
  .gx-sm-3 {
    --bb-gutter-x: var(--gap-double);
  }
  .g-sm-3,
  .gy-sm-3 {
    --bb-gutter-y: var(--gap-double);
  }
  .g-sm-4,
  .gx-sm-4 {
    --bb-gutter-x: var(--gap-tripple);
  }
  .g-sm-4,
  .gy-sm-4 {
    --bb-gutter-y: var(--gap-tripple);
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bb-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bb-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bb-gutter-x: var(--gap-half);
  }
  .g-md-1,
  .gy-md-1 {
    --bb-gutter-y: var(--gap-half);
  }
  .g-md-2,
  .gx-md-2 {
    --bb-gutter-x: var(--gap);
  }
  .g-md-2,
  .gy-md-2 {
    --bb-gutter-y: var(--gap);
  }
  .g-md-3,
  .gx-md-3 {
    --bb-gutter-x: var(--gap-double);
  }
  .g-md-3,
  .gy-md-3 {
    --bb-gutter-y: var(--gap-double);
  }
  .g-md-4,
  .gx-md-4 {
    --bb-gutter-x: var(--gap-tripple);
  }
  .g-md-4,
  .gy-md-4 {
    --bb-gutter-y: var(--gap-tripple);
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bb-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bb-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bb-gutter-x: var(--gap-half);
  }
  .g-lg-1,
  .gy-lg-1 {
    --bb-gutter-y: var(--gap-half);
  }
  .g-lg-2,
  .gx-lg-2 {
    --bb-gutter-x: var(--gap);
  }
  .g-lg-2,
  .gy-lg-2 {
    --bb-gutter-y: var(--gap);
  }
  .g-lg-3,
  .gx-lg-3 {
    --bb-gutter-x: var(--gap-double);
  }
  .g-lg-3,
  .gy-lg-3 {
    --bb-gutter-y: var(--gap-double);
  }
  .g-lg-4,
  .gx-lg-4 {
    --bb-gutter-x: var(--gap-tripple);
  }
  .g-lg-4,
  .gy-lg-4 {
    --bb-gutter-y: var(--gap-tripple);
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bb-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bb-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bb-gutter-x: var(--gap-half);
  }
  .g-xl-1,
  .gy-xl-1 {
    --bb-gutter-y: var(--gap-half);
  }
  .g-xl-2,
  .gx-xl-2 {
    --bb-gutter-x: var(--gap);
  }
  .g-xl-2,
  .gy-xl-2 {
    --bb-gutter-y: var(--gap);
  }
  .g-xl-3,
  .gx-xl-3 {
    --bb-gutter-x: var(--gap-double);
  }
  .g-xl-3,
  .gy-xl-3 {
    --bb-gutter-y: var(--gap-double);
  }
  .g-xl-4,
  .gx-xl-4 {
    --bb-gutter-x: var(--gap-tripple);
  }
  .g-xl-4,
  .gy-xl-4 {
    --bb-gutter-y: var(--gap-tripple);
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bb-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bb-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bb-gutter-x: var(--gap-half);
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bb-gutter-y: var(--gap-half);
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bb-gutter-x: var(--gap);
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bb-gutter-y: var(--gap);
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bb-gutter-x: var(--gap-double);
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bb-gutter-y: var(--gap-double);
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bb-gutter-x: var(--gap-tripple);
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bb-gutter-y: var(--gap-tripple);
  }
}
.order-first {
  order: -1;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-last {
  order: 6;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: var(--gap-half);
}

.m-2 {
  margin: var(--gap);
}

.m-3 {
  margin: var(--gap-double);
}

.m-4 {
  margin: var(--gap-tripple);
}

.m-auto {
  margin: auto;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: var(--gap-half);
  margin-left: var(--gap-half);
}

.mx-2 {
  margin-right: var(--gap);
  margin-left: var(--gap);
}

.mx-3 {
  margin-right: var(--gap-double);
  margin-left: var(--gap-double);
}

.mx-4 {
  margin-right: var(--gap-tripple);
  margin-left: var(--gap-tripple);
}

.mx-auto {
  margin-right: auto;
  margin-left: auto;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: var(--gap-half);
  margin-bottom: var(--gap-half);
}

.my-2 {
  margin-top: var(--gap);
  margin-bottom: var(--gap);
}

.my-3 {
  margin-top: var(--gap-double);
  margin-bottom: var(--gap-double);
}

.my-4 {
  margin-top: var(--gap-tripple);
  margin-bottom: var(--gap-tripple);
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: var(--gap-half);
}

.mt-2 {
  margin-top: var(--gap);
}

.mt-3 {
  margin-top: var(--gap-double);
}

.mt-4 {
  margin-top: var(--gap-tripple);
}

.mt-auto {
  margin-top: auto;
}

.me-0 {
  margin-right: 0;
}

.me-1 {
  margin-right: var(--gap-half);
}

.me-2 {
  margin-right: var(--gap);
}

.me-3 {
  margin-right: var(--gap-double);
}

.me-4 {
  margin-right: var(--gap-tripple);
}

.me-auto {
  margin-right: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: var(--gap-half);
}

.mb-2 {
  margin-bottom: var(--gap);
}

.mb-3 {
  margin-bottom: var(--gap-double);
}

.mb-4 {
  margin-bottom: var(--gap-tripple);
}

.mb-auto {
  margin-bottom: auto;
}

.ms-0 {
  margin-left: 0;
}

.ms-1 {
  margin-left: var(--gap-half);
}

.ms-2 {
  margin-left: var(--gap);
}

.ms-3 {
  margin-left: var(--gap-double);
}

.ms-4 {
  margin-left: var(--gap-tripple);
}

.ms-auto {
  margin-left: auto;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: var(--gap-half);
}

.p-2 {
  padding: var(--gap);
}

.p-3 {
  padding: var(--gap-double);
}

.p-4 {
  padding: var(--gap-tripple);
}

.px-0 {
  padding-right: 0;
  padding-left: 0;
}

.px-1 {
  padding-right: var(--gap-half);
  padding-left: var(--gap-half);
}

.px-2 {
  padding-right: var(--gap);
  padding-left: var(--gap);
}

.px-3 {
  padding-right: var(--gap-double);
  padding-left: var(--gap-double);
}

.px-4 {
  padding-right: var(--gap-tripple);
  padding-left: var(--gap-tripple);
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: var(--gap-half);
  padding-bottom: var(--gap-half);
}

.py-2 {
  padding-top: var(--gap);
  padding-bottom: var(--gap);
}

.py-3 {
  padding-top: var(--gap-double);
  padding-bottom: var(--gap-double);
}

.py-4 {
  padding-top: var(--gap-tripple);
  padding-bottom: var(--gap-tripple);
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: var(--gap-half);
}

.pt-2 {
  padding-top: var(--gap);
}

.pt-3 {
  padding-top: var(--gap-double);
}

.pt-4 {
  padding-top: var(--gap-tripple);
}

.pe-0 {
  padding-right: 0;
}

.pe-1 {
  padding-right: var(--gap-half);
}

.pe-2 {
  padding-right: var(--gap);
}

.pe-3 {
  padding-right: var(--gap-double);
}

.pe-4 {
  padding-right: var(--gap-tripple);
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: var(--gap-half);
}

.pb-2 {
  padding-bottom: var(--gap);
}

.pb-3 {
  padding-bottom: var(--gap-double);
}

.pb-4 {
  padding-bottom: var(--gap-tripple);
}

.ps-0 {
  padding-left: 0;
}

.ps-1 {
  padding-left: var(--gap-half);
}

.ps-2 {
  padding-left: var(--gap);
}

.ps-3 {
  padding-left: var(--gap-double);
}

.ps-4 {
  padding-left: var(--gap-tripple);
}

@media (min-width: 576px) {
  .order-sm-first {
    order: -1;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-last {
    order: 6;
  }
  .m-sm-0 {
    margin: 0;
  }
  .m-sm-1 {
    margin: var(--gap-half);
  }
  .m-sm-2 {
    margin: var(--gap);
  }
  .m-sm-3 {
    margin: var(--gap-double);
  }
  .m-sm-4 {
    margin: var(--gap-tripple);
  }
  .m-sm-auto {
    margin: auto;
  }
  .mx-sm-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-sm-1 {
    margin-right: var(--gap-half);
    margin-left: var(--gap-half);
  }
  .mx-sm-2 {
    margin-right: var(--gap);
    margin-left: var(--gap);
  }
  .mx-sm-3 {
    margin-right: var(--gap-double);
    margin-left: var(--gap-double);
  }
  .mx-sm-4 {
    margin-right: var(--gap-tripple);
    margin-left: var(--gap-tripple);
  }
  .mx-sm-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-sm-1 {
    margin-top: var(--gap-half);
    margin-bottom: var(--gap-half);
  }
  .my-sm-2 {
    margin-top: var(--gap);
    margin-bottom: var(--gap);
  }
  .my-sm-3 {
    margin-top: var(--gap-double);
    margin-bottom: var(--gap-double);
  }
  .my-sm-4 {
    margin-top: var(--gap-tripple);
    margin-bottom: var(--gap-tripple);
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-sm-0 {
    margin-top: 0;
  }
  .mt-sm-1 {
    margin-top: var(--gap-half);
  }
  .mt-sm-2 {
    margin-top: var(--gap);
  }
  .mt-sm-3 {
    margin-top: var(--gap-double);
  }
  .mt-sm-4 {
    margin-top: var(--gap-tripple);
  }
  .mt-sm-auto {
    margin-top: auto;
  }
  .me-sm-0 {
    margin-right: 0;
  }
  .me-sm-1 {
    margin-right: var(--gap-half);
  }
  .me-sm-2 {
    margin-right: var(--gap);
  }
  .me-sm-3 {
    margin-right: var(--gap-double);
  }
  .me-sm-4 {
    margin-right: var(--gap-tripple);
  }
  .me-sm-auto {
    margin-right: auto;
  }
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .mb-sm-1 {
    margin-bottom: var(--gap-half);
  }
  .mb-sm-2 {
    margin-bottom: var(--gap);
  }
  .mb-sm-3 {
    margin-bottom: var(--gap-double);
  }
  .mb-sm-4 {
    margin-bottom: var(--gap-tripple);
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
  .ms-sm-0 {
    margin-left: 0;
  }
  .ms-sm-1 {
    margin-left: var(--gap-half);
  }
  .ms-sm-2 {
    margin-left: var(--gap);
  }
  .ms-sm-3 {
    margin-left: var(--gap-double);
  }
  .ms-sm-4 {
    margin-left: var(--gap-tripple);
  }
  .ms-sm-auto {
    margin-left: auto;
  }
  .p-sm-0 {
    padding: 0;
  }
  .p-sm-1 {
    padding: var(--gap-half);
  }
  .p-sm-2 {
    padding: var(--gap);
  }
  .p-sm-3 {
    padding: var(--gap-double);
  }
  .p-sm-4 {
    padding: var(--gap-tripple);
  }
  .px-sm-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-sm-1 {
    padding-right: var(--gap-half);
    padding-left: var(--gap-half);
  }
  .px-sm-2 {
    padding-right: var(--gap);
    padding-left: var(--gap);
  }
  .px-sm-3 {
    padding-right: var(--gap-double);
    padding-left: var(--gap-double);
  }
  .px-sm-4 {
    padding-right: var(--gap-tripple);
    padding-left: var(--gap-tripple);
  }
  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-sm-1 {
    padding-top: var(--gap-half);
    padding-bottom: var(--gap-half);
  }
  .py-sm-2 {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }
  .py-sm-3 {
    padding-top: var(--gap-double);
    padding-bottom: var(--gap-double);
  }
  .py-sm-4 {
    padding-top: var(--gap-tripple);
    padding-bottom: var(--gap-tripple);
  }
  .pt-sm-0 {
    padding-top: 0;
  }
  .pt-sm-1 {
    padding-top: var(--gap-half);
  }
  .pt-sm-2 {
    padding-top: var(--gap);
  }
  .pt-sm-3 {
    padding-top: var(--gap-double);
  }
  .pt-sm-4 {
    padding-top: var(--gap-tripple);
  }
  .pe-sm-0 {
    padding-right: 0;
  }
  .pe-sm-1 {
    padding-right: var(--gap-half);
  }
  .pe-sm-2 {
    padding-right: var(--gap);
  }
  .pe-sm-3 {
    padding-right: var(--gap-double);
  }
  .pe-sm-4 {
    padding-right: var(--gap-tripple);
  }
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .pb-sm-1 {
    padding-bottom: var(--gap-half);
  }
  .pb-sm-2 {
    padding-bottom: var(--gap);
  }
  .pb-sm-3 {
    padding-bottom: var(--gap-double);
  }
  .pb-sm-4 {
    padding-bottom: var(--gap-tripple);
  }
  .ps-sm-0 {
    padding-left: 0;
  }
  .ps-sm-1 {
    padding-left: var(--gap-half);
  }
  .ps-sm-2 {
    padding-left: var(--gap);
  }
  .ps-sm-3 {
    padding-left: var(--gap-double);
  }
  .ps-sm-4 {
    padding-left: var(--gap-tripple);
  }
}
@media (min-width: 768px) {
  .order-md-first {
    order: -1;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-last {
    order: 6;
  }
  .m-md-0 {
    margin: 0;
  }
  .m-md-1 {
    margin: var(--gap-half);
  }
  .m-md-2 {
    margin: var(--gap);
  }
  .m-md-3 {
    margin: var(--gap-double);
  }
  .m-md-4 {
    margin: var(--gap-tripple);
  }
  .m-md-auto {
    margin: auto;
  }
  .mx-md-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-md-1 {
    margin-right: var(--gap-half);
    margin-left: var(--gap-half);
  }
  .mx-md-2 {
    margin-right: var(--gap);
    margin-left: var(--gap);
  }
  .mx-md-3 {
    margin-right: var(--gap-double);
    margin-left: var(--gap-double);
  }
  .mx-md-4 {
    margin-right: var(--gap-tripple);
    margin-left: var(--gap-tripple);
  }
  .mx-md-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-md-1 {
    margin-top: var(--gap-half);
    margin-bottom: var(--gap-half);
  }
  .my-md-2 {
    margin-top: var(--gap);
    margin-bottom: var(--gap);
  }
  .my-md-3 {
    margin-top: var(--gap-double);
    margin-bottom: var(--gap-double);
  }
  .my-md-4 {
    margin-top: var(--gap-tripple);
    margin-bottom: var(--gap-tripple);
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .mt-md-1 {
    margin-top: var(--gap-half);
  }
  .mt-md-2 {
    margin-top: var(--gap);
  }
  .mt-md-3 {
    margin-top: var(--gap-double);
  }
  .mt-md-4 {
    margin-top: var(--gap-tripple);
  }
  .mt-md-auto {
    margin-top: auto;
  }
  .me-md-0 {
    margin-right: 0;
  }
  .me-md-1 {
    margin-right: var(--gap-half);
  }
  .me-md-2 {
    margin-right: var(--gap);
  }
  .me-md-3 {
    margin-right: var(--gap-double);
  }
  .me-md-4 {
    margin-right: var(--gap-tripple);
  }
  .me-md-auto {
    margin-right: auto;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .mb-md-1 {
    margin-bottom: var(--gap-half);
  }
  .mb-md-2 {
    margin-bottom: var(--gap);
  }
  .mb-md-3 {
    margin-bottom: var(--gap-double);
  }
  .mb-md-4 {
    margin-bottom: var(--gap-tripple);
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
  .ms-md-0 {
    margin-left: 0;
  }
  .ms-md-1 {
    margin-left: var(--gap-half);
  }
  .ms-md-2 {
    margin-left: var(--gap);
  }
  .ms-md-3 {
    margin-left: var(--gap-double);
  }
  .ms-md-4 {
    margin-left: var(--gap-tripple);
  }
  .ms-md-auto {
    margin-left: auto;
  }
  .p-md-0 {
    padding: 0;
  }
  .p-md-1 {
    padding: var(--gap-half);
  }
  .p-md-2 {
    padding: var(--gap);
  }
  .p-md-3 {
    padding: var(--gap-double);
  }
  .p-md-4 {
    padding: var(--gap-tripple);
  }
  .px-md-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-md-1 {
    padding-right: var(--gap-half);
    padding-left: var(--gap-half);
  }
  .px-md-2 {
    padding-right: var(--gap);
    padding-left: var(--gap);
  }
  .px-md-3 {
    padding-right: var(--gap-double);
    padding-left: var(--gap-double);
  }
  .px-md-4 {
    padding-right: var(--gap-tripple);
    padding-left: var(--gap-tripple);
  }
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-md-1 {
    padding-top: var(--gap-half);
    padding-bottom: var(--gap-half);
  }
  .py-md-2 {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }
  .py-md-3 {
    padding-top: var(--gap-double);
    padding-bottom: var(--gap-double);
  }
  .py-md-4 {
    padding-top: var(--gap-tripple);
    padding-bottom: var(--gap-tripple);
  }
  .pt-md-0 {
    padding-top: 0;
  }
  .pt-md-1 {
    padding-top: var(--gap-half);
  }
  .pt-md-2 {
    padding-top: var(--gap);
  }
  .pt-md-3 {
    padding-top: var(--gap-double);
  }
  .pt-md-4 {
    padding-top: var(--gap-tripple);
  }
  .pe-md-0 {
    padding-right: 0;
  }
  .pe-md-1 {
    padding-right: var(--gap-half);
  }
  .pe-md-2 {
    padding-right: var(--gap);
  }
  .pe-md-3 {
    padding-right: var(--gap-double);
  }
  .pe-md-4 {
    padding-right: var(--gap-tripple);
  }
  .pb-md-0 {
    padding-bottom: 0;
  }
  .pb-md-1 {
    padding-bottom: var(--gap-half);
  }
  .pb-md-2 {
    padding-bottom: var(--gap);
  }
  .pb-md-3 {
    padding-bottom: var(--gap-double);
  }
  .pb-md-4 {
    padding-bottom: var(--gap-tripple);
  }
  .ps-md-0 {
    padding-left: 0;
  }
  .ps-md-1 {
    padding-left: var(--gap-half);
  }
  .ps-md-2 {
    padding-left: var(--gap);
  }
  .ps-md-3 {
    padding-left: var(--gap-double);
  }
  .ps-md-4 {
    padding-left: var(--gap-tripple);
  }
}
@media (min-width: 992px) {
  .order-lg-first {
    order: -1;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-last {
    order: 6;
  }
  .m-lg-0 {
    margin: 0;
  }
  .m-lg-1 {
    margin: var(--gap-half);
  }
  .m-lg-2 {
    margin: var(--gap);
  }
  .m-lg-3 {
    margin: var(--gap-double);
  }
  .m-lg-4 {
    margin: var(--gap-tripple);
  }
  .m-lg-auto {
    margin: auto;
  }
  .mx-lg-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-lg-1 {
    margin-right: var(--gap-half);
    margin-left: var(--gap-half);
  }
  .mx-lg-2 {
    margin-right: var(--gap);
    margin-left: var(--gap);
  }
  .mx-lg-3 {
    margin-right: var(--gap-double);
    margin-left: var(--gap-double);
  }
  .mx-lg-4 {
    margin-right: var(--gap-tripple);
    margin-left: var(--gap-tripple);
  }
  .mx-lg-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-lg-1 {
    margin-top: var(--gap-half);
    margin-bottom: var(--gap-half);
  }
  .my-lg-2 {
    margin-top: var(--gap);
    margin-bottom: var(--gap);
  }
  .my-lg-3 {
    margin-top: var(--gap-double);
    margin-bottom: var(--gap-double);
  }
  .my-lg-4 {
    margin-top: var(--gap-tripple);
    margin-bottom: var(--gap-tripple);
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .mt-lg-1 {
    margin-top: var(--gap-half);
  }
  .mt-lg-2 {
    margin-top: var(--gap);
  }
  .mt-lg-3 {
    margin-top: var(--gap-double);
  }
  .mt-lg-4 {
    margin-top: var(--gap-tripple);
  }
  .mt-lg-auto {
    margin-top: auto;
  }
  .me-lg-0 {
    margin-right: 0;
  }
  .me-lg-1 {
    margin-right: var(--gap-half);
  }
  .me-lg-2 {
    margin-right: var(--gap);
  }
  .me-lg-3 {
    margin-right: var(--gap-double);
  }
  .me-lg-4 {
    margin-right: var(--gap-tripple);
  }
  .me-lg-auto {
    margin-right: auto;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .mb-lg-1 {
    margin-bottom: var(--gap-half);
  }
  .mb-lg-2 {
    margin-bottom: var(--gap);
  }
  .mb-lg-3 {
    margin-bottom: var(--gap-double);
  }
  .mb-lg-4 {
    margin-bottom: var(--gap-tripple);
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
  .ms-lg-0 {
    margin-left: 0;
  }
  .ms-lg-1 {
    margin-left: var(--gap-half);
  }
  .ms-lg-2 {
    margin-left: var(--gap);
  }
  .ms-lg-3 {
    margin-left: var(--gap-double);
  }
  .ms-lg-4 {
    margin-left: var(--gap-tripple);
  }
  .ms-lg-auto {
    margin-left: auto;
  }
  .p-lg-0 {
    padding: 0;
  }
  .p-lg-1 {
    padding: var(--gap-half);
  }
  .p-lg-2 {
    padding: var(--gap);
  }
  .p-lg-3 {
    padding: var(--gap-double);
  }
  .p-lg-4 {
    padding: var(--gap-tripple);
  }
  .px-lg-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-lg-1 {
    padding-right: var(--gap-half);
    padding-left: var(--gap-half);
  }
  .px-lg-2 {
    padding-right: var(--gap);
    padding-left: var(--gap);
  }
  .px-lg-3 {
    padding-right: var(--gap-double);
    padding-left: var(--gap-double);
  }
  .px-lg-4 {
    padding-right: var(--gap-tripple);
    padding-left: var(--gap-tripple);
  }
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-lg-1 {
    padding-top: var(--gap-half);
    padding-bottom: var(--gap-half);
  }
  .py-lg-2 {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }
  .py-lg-3 {
    padding-top: var(--gap-double);
    padding-bottom: var(--gap-double);
  }
  .py-lg-4 {
    padding-top: var(--gap-tripple);
    padding-bottom: var(--gap-tripple);
  }
  .pt-lg-0 {
    padding-top: 0;
  }
  .pt-lg-1 {
    padding-top: var(--gap-half);
  }
  .pt-lg-2 {
    padding-top: var(--gap);
  }
  .pt-lg-3 {
    padding-top: var(--gap-double);
  }
  .pt-lg-4 {
    padding-top: var(--gap-tripple);
  }
  .pe-lg-0 {
    padding-right: 0;
  }
  .pe-lg-1 {
    padding-right: var(--gap-half);
  }
  .pe-lg-2 {
    padding-right: var(--gap);
  }
  .pe-lg-3 {
    padding-right: var(--gap-double);
  }
  .pe-lg-4 {
    padding-right: var(--gap-tripple);
  }
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .pb-lg-1 {
    padding-bottom: var(--gap-half);
  }
  .pb-lg-2 {
    padding-bottom: var(--gap);
  }
  .pb-lg-3 {
    padding-bottom: var(--gap-double);
  }
  .pb-lg-4 {
    padding-bottom: var(--gap-tripple);
  }
  .ps-lg-0 {
    padding-left: 0;
  }
  .ps-lg-1 {
    padding-left: var(--gap-half);
  }
  .ps-lg-2 {
    padding-left: var(--gap);
  }
  .ps-lg-3 {
    padding-left: var(--gap-double);
  }
  .ps-lg-4 {
    padding-left: var(--gap-tripple);
  }
}
@media (min-width: 1200px) {
  .order-xl-first {
    order: -1;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-last {
    order: 6;
  }
  .m-xl-0 {
    margin: 0;
  }
  .m-xl-1 {
    margin: var(--gap-half);
  }
  .m-xl-2 {
    margin: var(--gap);
  }
  .m-xl-3 {
    margin: var(--gap-double);
  }
  .m-xl-4 {
    margin: var(--gap-tripple);
  }
  .m-xl-auto {
    margin: auto;
  }
  .mx-xl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-xl-1 {
    margin-right: var(--gap-half);
    margin-left: var(--gap-half);
  }
  .mx-xl-2 {
    margin-right: var(--gap);
    margin-left: var(--gap);
  }
  .mx-xl-3 {
    margin-right: var(--gap-double);
    margin-left: var(--gap-double);
  }
  .mx-xl-4 {
    margin-right: var(--gap-tripple);
    margin-left: var(--gap-tripple);
  }
  .mx-xl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-xl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xl-1 {
    margin-top: var(--gap-half);
    margin-bottom: var(--gap-half);
  }
  .my-xl-2 {
    margin-top: var(--gap);
    margin-bottom: var(--gap);
  }
  .my-xl-3 {
    margin-top: var(--gap-double);
    margin-bottom: var(--gap-double);
  }
  .my-xl-4 {
    margin-top: var(--gap-tripple);
    margin-bottom: var(--gap-tripple);
  }
  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-xl-0 {
    margin-top: 0;
  }
  .mt-xl-1 {
    margin-top: var(--gap-half);
  }
  .mt-xl-2 {
    margin-top: var(--gap);
  }
  .mt-xl-3 {
    margin-top: var(--gap-double);
  }
  .mt-xl-4 {
    margin-top: var(--gap-tripple);
  }
  .mt-xl-auto {
    margin-top: auto;
  }
  .me-xl-0 {
    margin-right: 0;
  }
  .me-xl-1 {
    margin-right: var(--gap-half);
  }
  .me-xl-2 {
    margin-right: var(--gap);
  }
  .me-xl-3 {
    margin-right: var(--gap-double);
  }
  .me-xl-4 {
    margin-right: var(--gap-tripple);
  }
  .me-xl-auto {
    margin-right: auto;
  }
  .mb-xl-0 {
    margin-bottom: 0;
  }
  .mb-xl-1 {
    margin-bottom: var(--gap-half);
  }
  .mb-xl-2 {
    margin-bottom: var(--gap);
  }
  .mb-xl-3 {
    margin-bottom: var(--gap-double);
  }
  .mb-xl-4 {
    margin-bottom: var(--gap-tripple);
  }
  .mb-xl-auto {
    margin-bottom: auto;
  }
  .ms-xl-0 {
    margin-left: 0;
  }
  .ms-xl-1 {
    margin-left: var(--gap-half);
  }
  .ms-xl-2 {
    margin-left: var(--gap);
  }
  .ms-xl-3 {
    margin-left: var(--gap-double);
  }
  .ms-xl-4 {
    margin-left: var(--gap-tripple);
  }
  .ms-xl-auto {
    margin-left: auto;
  }
  .p-xl-0 {
    padding: 0;
  }
  .p-xl-1 {
    padding: var(--gap-half);
  }
  .p-xl-2 {
    padding: var(--gap);
  }
  .p-xl-3 {
    padding: var(--gap-double);
  }
  .p-xl-4 {
    padding: var(--gap-tripple);
  }
  .px-xl-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-xl-1 {
    padding-right: var(--gap-half);
    padding-left: var(--gap-half);
  }
  .px-xl-2 {
    padding-right: var(--gap);
    padding-left: var(--gap);
  }
  .px-xl-3 {
    padding-right: var(--gap-double);
    padding-left: var(--gap-double);
  }
  .px-xl-4 {
    padding-right: var(--gap-tripple);
    padding-left: var(--gap-tripple);
  }
  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xl-1 {
    padding-top: var(--gap-half);
    padding-bottom: var(--gap-half);
  }
  .py-xl-2 {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }
  .py-xl-3 {
    padding-top: var(--gap-double);
    padding-bottom: var(--gap-double);
  }
  .py-xl-4 {
    padding-top: var(--gap-tripple);
    padding-bottom: var(--gap-tripple);
  }
  .pt-xl-0 {
    padding-top: 0;
  }
  .pt-xl-1 {
    padding-top: var(--gap-half);
  }
  .pt-xl-2 {
    padding-top: var(--gap);
  }
  .pt-xl-3 {
    padding-top: var(--gap-double);
  }
  .pt-xl-4 {
    padding-top: var(--gap-tripple);
  }
  .pe-xl-0 {
    padding-right: 0;
  }
  .pe-xl-1 {
    padding-right: var(--gap-half);
  }
  .pe-xl-2 {
    padding-right: var(--gap);
  }
  .pe-xl-3 {
    padding-right: var(--gap-double);
  }
  .pe-xl-4 {
    padding-right: var(--gap-tripple);
  }
  .pb-xl-0 {
    padding-bottom: 0;
  }
  .pb-xl-1 {
    padding-bottom: var(--gap-half);
  }
  .pb-xl-2 {
    padding-bottom: var(--gap);
  }
  .pb-xl-3 {
    padding-bottom: var(--gap-double);
  }
  .pb-xl-4 {
    padding-bottom: var(--gap-tripple);
  }
  .ps-xl-0 {
    padding-left: 0;
  }
  .ps-xl-1 {
    padding-left: var(--gap-half);
  }
  .ps-xl-2 {
    padding-left: var(--gap);
  }
  .ps-xl-3 {
    padding-left: var(--gap-double);
  }
  .ps-xl-4 {
    padding-left: var(--gap-tripple);
  }
}
@media (min-width: 1400px) {
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-last {
    order: 6;
  }
  .m-xxl-0 {
    margin: 0;
  }
  .m-xxl-1 {
    margin: var(--gap-half);
  }
  .m-xxl-2 {
    margin: var(--gap);
  }
  .m-xxl-3 {
    margin: var(--gap-double);
  }
  .m-xxl-4 {
    margin: var(--gap-tripple);
  }
  .m-xxl-auto {
    margin: auto;
  }
  .mx-xxl-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .mx-xxl-1 {
    margin-right: var(--gap-half);
    margin-left: var(--gap-half);
  }
  .mx-xxl-2 {
    margin-right: var(--gap);
    margin-left: var(--gap);
  }
  .mx-xxl-3 {
    margin-right: var(--gap-double);
    margin-left: var(--gap-double);
  }
  .mx-xxl-4 {
    margin-right: var(--gap-tripple);
    margin-left: var(--gap-tripple);
  }
  .mx-xxl-auto {
    margin-right: auto;
    margin-left: auto;
  }
  .my-xxl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .my-xxl-1 {
    margin-top: var(--gap-half);
    margin-bottom: var(--gap-half);
  }
  .my-xxl-2 {
    margin-top: var(--gap);
    margin-bottom: var(--gap);
  }
  .my-xxl-3 {
    margin-top: var(--gap-double);
    margin-bottom: var(--gap-double);
  }
  .my-xxl-4 {
    margin-top: var(--gap-tripple);
    margin-bottom: var(--gap-tripple);
  }
  .my-xxl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .mt-xxl-0 {
    margin-top: 0;
  }
  .mt-xxl-1 {
    margin-top: var(--gap-half);
  }
  .mt-xxl-2 {
    margin-top: var(--gap);
  }
  .mt-xxl-3 {
    margin-top: var(--gap-double);
  }
  .mt-xxl-4 {
    margin-top: var(--gap-tripple);
  }
  .mt-xxl-auto {
    margin-top: auto;
  }
  .me-xxl-0 {
    margin-right: 0;
  }
  .me-xxl-1 {
    margin-right: var(--gap-half);
  }
  .me-xxl-2 {
    margin-right: var(--gap);
  }
  .me-xxl-3 {
    margin-right: var(--gap-double);
  }
  .me-xxl-4 {
    margin-right: var(--gap-tripple);
  }
  .me-xxl-auto {
    margin-right: auto;
  }
  .mb-xxl-0 {
    margin-bottom: 0;
  }
  .mb-xxl-1 {
    margin-bottom: var(--gap-half);
  }
  .mb-xxl-2 {
    margin-bottom: var(--gap);
  }
  .mb-xxl-3 {
    margin-bottom: var(--gap-double);
  }
  .mb-xxl-4 {
    margin-bottom: var(--gap-tripple);
  }
  .mb-xxl-auto {
    margin-bottom: auto;
  }
  .ms-xxl-0 {
    margin-left: 0;
  }
  .ms-xxl-1 {
    margin-left: var(--gap-half);
  }
  .ms-xxl-2 {
    margin-left: var(--gap);
  }
  .ms-xxl-3 {
    margin-left: var(--gap-double);
  }
  .ms-xxl-4 {
    margin-left: var(--gap-tripple);
  }
  .ms-xxl-auto {
    margin-left: auto;
  }
  .p-xxl-0 {
    padding: 0;
  }
  .p-xxl-1 {
    padding: var(--gap-half);
  }
  .p-xxl-2 {
    padding: var(--gap);
  }
  .p-xxl-3 {
    padding: var(--gap-double);
  }
  .p-xxl-4 {
    padding: var(--gap-tripple);
  }
  .px-xxl-0 {
    padding-right: 0;
    padding-left: 0;
  }
  .px-xxl-1 {
    padding-right: var(--gap-half);
    padding-left: var(--gap-half);
  }
  .px-xxl-2 {
    padding-right: var(--gap);
    padding-left: var(--gap);
  }
  .px-xxl-3 {
    padding-right: var(--gap-double);
    padding-left: var(--gap-double);
  }
  .px-xxl-4 {
    padding-right: var(--gap-tripple);
    padding-left: var(--gap-tripple);
  }
  .py-xxl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .py-xxl-1 {
    padding-top: var(--gap-half);
    padding-bottom: var(--gap-half);
  }
  .py-xxl-2 {
    padding-top: var(--gap);
    padding-bottom: var(--gap);
  }
  .py-xxl-3 {
    padding-top: var(--gap-double);
    padding-bottom: var(--gap-double);
  }
  .py-xxl-4 {
    padding-top: var(--gap-tripple);
    padding-bottom: var(--gap-tripple);
  }
  .pt-xxl-0 {
    padding-top: 0;
  }
  .pt-xxl-1 {
    padding-top: var(--gap-half);
  }
  .pt-xxl-2 {
    padding-top: var(--gap);
  }
  .pt-xxl-3 {
    padding-top: var(--gap-double);
  }
  .pt-xxl-4 {
    padding-top: var(--gap-tripple);
  }
  .pe-xxl-0 {
    padding-right: 0;
  }
  .pe-xxl-1 {
    padding-right: var(--gap-half);
  }
  .pe-xxl-2 {
    padding-right: var(--gap);
  }
  .pe-xxl-3 {
    padding-right: var(--gap-double);
  }
  .pe-xxl-4 {
    padding-right: var(--gap-tripple);
  }
  .pb-xxl-0 {
    padding-bottom: 0;
  }
  .pb-xxl-1 {
    padding-bottom: var(--gap-half);
  }
  .pb-xxl-2 {
    padding-bottom: var(--gap);
  }
  .pb-xxl-3 {
    padding-bottom: var(--gap-double);
  }
  .pb-xxl-4 {
    padding-bottom: var(--gap-tripple);
  }
  .ps-xxl-0 {
    padding-left: 0;
  }
  .ps-xxl-1 {
    padding-left: var(--gap-half);
  }
  .ps-xxl-2 {
    padding-left: var(--gap);
  }
  .ps-xxl-3 {
    padding-left: var(--gap-double);
  }
  .ps-xxl-4 {
    padding-left: var(--gap-tripple);
  }
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  color: var(--prime-color);
  font-family: var(--font-family-prime);
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

h1, .h1 {
  font-size: var(--h1-fz);
  line-height: var(--h1-lh);
  margin-bottom: var(--gap);
}

h2, .h2 {
  font-size: var(--h2-fz);
  line-height: var(--h2-lh);
  margin-bottom: var(--gap-half);
  font-weight: 400;
}

h3, .h3 {
  font-size: var(--h3-fz);
  line-height: var(--h3-lh);
}

h4, .h4 {
  font-size: var(--h4-fz);
  line-height: var(--h4-lh);
}

h5, .h5 {
  font-size: var(--h5-fz);
  line-height: var(--h5-lh);
}

h6, .h6 {
  font-size: var(--h6-fz);
  line-height: var(--h6-lh);
}

p {
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  color: var(--txt-c);
}

strong {
  font-weight: bold;
}

a {
  transition: all 0.3s ease;
}

ul, ol {
  position: relative;
}

a:focus-visible {
  outline: var(--focus-width) solid var(--focus-color);
  outline-offset: var(--focus-offset);
}

.img-responsive {
  width: 100%;
  height: auto;
}

img {
  display: flex;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.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;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

html {
  height: 100%;
  min-height: 100%;
  width: 100%;
  font-size: 16px;
}

body {
  min-height: 100%;
  width: 100%;
  font-family: var(--font-family-prime);
  font-size: var(--txt-fz);
  font-weight: normal;
  color: var(--txt-c);
  line-height: var(--txt-lh);
}

body.bbcss-debug::before {
  content: "";
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  z-index: 2000;
  padding: 5px 5px 3px 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-width: 0 1px 1px 0;
}

@media (max-width: 576px) {
  body.bbcss-debug::before {
    content: "XS";
  }
}
@media (min-width: 576px) {
  body.bbcss-debug::before {
    content: "SM";
  }
}
@media (min-width: 768px) {
  body.bbcss-debug::before {
    content: "MD";
  }
}
@media (min-width: 992px) {
  body.bbcss-debug::before {
    content: "LG";
  }
}
@media (min-width: 1200px) {
  body.bbcss-debug::before {
    content: "XL";
  }
}
@media (min-width: 1400px) {
  body.bbcss-debug::before {
    content: "XXL";
  }
}
.typography h1, .typography .h1 {
  margin-bottom: calc(var(--txt-fz));
  font-weight: 700;
}
.typography h2, .typography .h2 {
  margin-bottom: calc(var(--txt-fz));
  font-weight: 400;
}
.typography h3, .typography .h3 {
  font-size: var(--txt-fz);
  margin-bottom: 0;
  font-weight: 700;
}
.typography ul,
.typography ol {
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  color: var(--black);
  margin-bottom: var(--txt-fz);
  padding-left: 2em;
}
.typography ul li + li,
.typography ol li + li {
  margin-top: 0;
}
.typography ul {
  list-style-type: square;
  list-style: square;
}
.typography ol {
  list-style-type: numbers;
  list-style: numbers;
}
.typography p {
  margin-bottom: var(--txt-fz);
}
.typography i,
.typography em {
  font-style: italic;
}
.typography b,
.typography strong {
  font-weight: bold;
}
.typography sup {
  vertical-align: super;
  font-size: smaller;
}
.typography sub {
  vertical-align: sub;
  font-size: smaller;
}
.typography a {
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  color: var(--black);
  border-bottom: 1px solid var(--prime-color);
  font-weight: bold;
  transition: all 0.3s ease;
}
.typography a:hover {
  color: var(--prime-color);
}
.typography a[target=_blank]::before {
  content: ""/"opens in new tab/window";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNOSAyTDkgMyAxMi4zIDMgNiA5LjMgNi43IDEwIDEzIDMuNyAxMyA3IDE0IDcgMTQgMlpNNCA0QzIuOSA0IDIgNC45IDIgNkwyIDEyQzIgMTMuMSAyLjkgMTQgNCAxNEwxMCAxNEMxMS4xIDE0IDEyIDEzLjEgMTIgMTJMMTIgNyAxMSA4IDExIDEyQzExIDEyLjYgMTAuNiAxMyAxMCAxM0w0IDEzQzMuNCAxMyAzIDEyLjYgMyAxMkwzIDZDMyA1LjQgMy40IDUgNCA1TDggNSA5IDRaIi8+PC9zdmc+) no-repeat;
  background-size: contain;
  vertical-align: text-top;
  margin: 0 0.3rem 0 0;
}
.typography .btn {
  color: var(--white);
  border: 0;
}
.typography .btn:hover {
  color: var(--white);
}
.typography table {
  border: 1px solid var(--grey-light);
  border-width: 0 0 1px;
  border-collapse: collapse;
  margin: 0 0 1.25em;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.typography table caption {
  font-size: var(--txt-fz);
  margin: 0.5em 0 0.75em;
}
.typography table tr {
  background-color: var(--grey-lighter);
  border: 1px solid var(--grey-light);
  border-width: 1px 0 0;
  padding: 0.625em;
}
.typography table th,
.typography table td {
  padding: 0.625em;
  text-align: left;
}
.typography table th p,
.typography table td p {
  margin: 0;
  color: inherit;
}
.typography table :not(thead):not(tfoot) tr:nth-child(even) td {
  background-color: var(--white);
}
.typography table thead td,
.typography table th {
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  text-transform: uppercase;
  background-color: var(--prime-light);
  color: var(--prime-dark);
}
.typography table tfoot td {
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  text-transform: uppercase;
  background-color: var(--prime-dark);
  color: var(--white);
}

:root {
  --btn-bg: var(--second-color);
  --btn-bg-hover: var(--second-color);
  --btn-shadow: var(--prime-color);
  --btn-txt-c: var(--white);
  --btn-txt-c-hover: var(--white);
  --btn-fz: var(--txt-fz);
  --btn-ff: var(--font-family-prime);
  --btn-lh: 1;
  --btn-fw: 700;
  --btn-px: 1rem;
  --btn-py: .5rem;
  --btn-bdw: 1px;
  --btn-bdrs: var(--bdrs);
  --btn-bdc: var(--second-color);
  --btn-bdc-hover: var(--second-color);
  --btn-bdc-focus: var(--prime-color);
  --btn-bdw-focus: 2px;
  --btn-olo: 5px;
  --btn-icon-content: " ";
  --btn-icon-ff: "Line Awesome Free";
  --btn-icon-fw: 900;
  --btn-icon-mr: 20px;
  --btn-icon-c: var(--btn-fz-c);
  --btn-icon-c-hover: var(--btn-txt-c-hover);
  --btn-icon-fz: var(--btn-fz);
}

.btn {
  position: relative;
  display: inline-flex;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  background: var(--btn-bg);
  color: var(--btn-txt-c);
  padding: var(--btn-py) var(--btn-px);
  font-weight: var(--btn-fw);
  font-size: var(--btn-fz);
  font-family: var(--btn-ff);
  border-radius: var(--btn-bdrs);
  border: var(--btn-bdw) solid var(--btn-bdc);
  line-height: var(--btn-lh);
  transition: all 0.3s ease;
}
.btn:hover {
  background-color: var(--btn-bg-hover);
  color: var(--btn-txt-c-hover);
  border-color: var(--btn-bdc-hover);
  transition: all 0.3s ease;
  box-shadow: 5px 5px var(--btn-shadow);
}
.btn *:focus:not(:focus-visible) {
  outline: none;
}
.btn:focus-visible {
  outline: var(--btn-bdw-focus) solid var(--btn-bdc-focus);
  outline-offset: var(--btn-olo);
}

.btn--icf-arrow-left:before {
  content: var(--btn-icon-content);
  color: var(--btn-icon-c);
  font-family: var(--btn-icon-ff);
  font-weight: var(--btn-icon-fw);
  font-size: var(--btn-icon-fz);
  transition: all 0s ease;
}
.btn--icf-arrow-left:hover::before {
  color: var(--btn-icon-c-hover);
}

.btn {
  text-transform: uppercase;
}

.btn--w100 {
  width: 100%;
}

.btn--small {
  --btn-px: 1rem;
  --btn-py: 0.5rem;
  --btn-fw: normal;
  --btn-fz:0.9rem;
}

.btn--prime {
  --btn-bg: var(--prime-color);
  --btn-bg-hover: var(--prime-dark);
  --btn-txt-c: var(--white);
  --btn-txt-c-hover: var(--white);
  --btn-bdrs: var(--bdrs);
  --btn-bdc: var(--prime-color);
  --btn-bdc-hover: var(--grey-lighter);
  --btn-bdc-focus: var(--prime-color);
}

.btn--second {
  --btn-bg: var(--white);
  --btn-bg-hover: var(--white);
  --btn-txt-c: var(--prime-color);
  --btn-txt-c-hover: var(--prime-color);
  --btn-ff: var(--font-family-prime);
  --btn-bdc: var(--white);
  --btn-bdc-hover: var(--white);
  --btn-bdc-focus: var(--white);
  --btn-shadow: var(--second-color);
}

.btn--disabled {
  --btn-bg: var(--grey);
  --btn-bg-hover: var(--grey);
  --btn-txt-c: var(--white);
  --btn-txt-c-hover: var(--white);
  --btn-bdc: var(--grey);
  --btn-bdc-hover: var(--grey);
  --btn-bdc-focus: var(--white);
  --btn-bdw-focus: 1px;
  pointer-events: none !important;
}

.btn--outline-prime {
  --btn-bg: transparent;
  --btn-bg-hover: var(--prime-color);
  --btn-txt-c: var(--prime-color);
  --btn-txt-c-hover: var(--white);
  --btn-bdc: var(--prime-color);
  --btn-bdc-hover: var(--prime-color);
  --btn-bdc-focus: var(--prime-color);
  --btn-bdw-focus: 1px ;
}

.btn--outline-black {
  --btn-bg: transparent;
  --btn-bg-hover: var(--prime-color);
  --btn-txt-c: var(--txt-c);
  --btn-txt-c-hover: var(--white);
  --btn-bdc: var(--txt-c);
  --btn-bdc-hover: var(--prime-color);
  --btn-bdc-focus: var(--txt-c);
  --btn-bdw-focus: 1px ;
}

.btn--outline-white {
  --btn-bg: transparent;
  --btn-bg-hover: var(--prime-dark);
  --btn-txt-c: var(--white);
  --btn-txt-c-hover: var(--white);
  --btn-bdc: var(--white);
  --btn-bdc-hover: var(--prime-dark);
  --btn-bdc-focus: var(--white);
  --btn-bdw-focus: 1px ;
}

.btn--icf-arrow-left {
  --btn-icon-content: "";
}
.btn--icf-arrow-left.btn--outline-black {
  --btn-icon-c: var(--prime-color);
}

:root {
  --pagina-bg: var(--prime-color);
  --pagina-c: var(--white);
  --pagina-fz: var(--txt-fz);
  --pagina-hover-bg: var(--second-color);
  --pagina-hover-c: var(--white);
}

.pagination__item {
  float: left;
}

.pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.5rem;
  aspect-ratio: 1;
  background-color: var(--pagina-bg);
  color: var(--pagina-c);
  font-size: var(--pagina-fz);
  border-radius: var(--bdrs);
  text-align: center;
  padding: 0;
  font-weight: bold;
  transition: all 0.3s ease;
}
.vor .pagination__link, .zurueck .pagination__link {
  aspect-ratio: unset;
  padding-left: 1rem;
  padding-right: 1rem;
}
.active .pagination__link, .pagination__link:hover {
  background-color: var(--pagina-hover-bg);
}

.pagination__link--active {
  background-color: var(--pagina-hover-bg);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
}
:root {
  --bread-c: var(--txt-c);
  --bread-fz: var(--h5-fz);
  --bread-hover: var(--prime-color);
  --bread-bdc: var(--black);
}

.breadcrumb__item {
  float: left;
}
.breadcrumb__item:last-of-type .breadcrumb__link, .breadcrumb__item:first-of-type .breadcrumb__link {
  pointer-events: none;
}
.breadcrumb__item:last-of-type .breadcrumb__link::after, .breadcrumb__item:first-of-type .breadcrumb__link::after {
  display: none;
}
.breadcrumb__link {
  color: var(--bread-c);
  font-size: var(--bread-fz);
  padding: 0 0.3em;
  transition: all 0.3s ease;
}
.breadcrumb__link::after {
  content: ">";
  padding: 0 0 0 0.3em;
}
.breadcrumb__link:hover {
  color: var(--bread-hover);
}
.breadcrumb__link:hover::after {
  color: var(--bread-c);
}

:root {
  --table-c: var(--txt-c);
  --table-head-c: var(--white);
  --table-fz: var(--txt-fz);
  --table-bg: var(--prime-color);
  --table-p: 1em;
  --table-bdrs: var(--bdrs) var(--bdrs) 0 0;
  --table-bdc: var(--grey-light);
  --table-bg-tr: var(--grey-light);
  --table-bg-tr-odd: var(--white);
}

.table {
  display: flex;
  flex-direction: column;
}
.table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  align-content: flex-start;
  border-bottom: 1px solid var(--table-bdc);
  color: var(--table-c);
  padding: var(--table-p);
}
.table thead {
  color: var(--table-head-c);
  background-color: var(--table-bg);
  font-size: var(--table-fz);
  font-weight: bold;
  border-radius: var(--table-bdrs);
}
.table tbody {
  background-color: var(--table-bg-tr);
  font-size: var(--table-fz);
}
.table tbody tr:nth-of-type(odd) {
  background-color: var(--table-bg-tr-odd);
}

.table--outline-white {
  --table-c: var(--white);
  --table-fz: var(--txt-fz);
  --table-bg: transparent;
  --table-p: 0.7em;
  --table-bdrs: var(--bdrs) var(--bdrs) 0 0;
  --table-bdc: var(--white);
  --table-bg-tr: transparent;
  --table-bg-tr-odd: transparent;
}

:root {
  --legend-c: var(--prime-color);
  --legend-fz: var(--h2-fz);
  --form-c: var(--txt-c);
  --form-fz: var(--txt-fz);
  --form-p: 0.5em 1em;
  --form-bdc: var(--black);
  --form-bdrs: var(--bdrs)
  --form-placeholder-c : var(--grey);
}

.form {
  color: var(--form-c);
}
.form fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form legend {
  font-weight: bold;
  font-size: var(--legend-fz);
  color: var(--legend-c);
}
.form .form-group {
  border-bottom: 1px solid var(--form-bdc);
  margin-bottom: 1em;
  padding: 1em 0.5em;
  flex: 1 0 25%;
  display: flex;
  flex-direction: column;
}
.form .control-label {
  font-size: var(--form-fz);
  font-weight: bold;
}
.form select,
.form textarea,
.form input {
  padding: var(--form-p);
  border: 1px solid var(--form-bdc);
  border-radius: var(--form-bdrs);
}
.form select::placeholder,
.form textarea::placeholder,
.form input::placeholder {
  color: var(--form-placeholder-c);
}
.form select:focus,
.form textarea:focus,
.form input:focus {
  outline: 0;
}
.form .help-block {
  font-size: calc(var(--form-fz) * 0.8);
}

body {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  background: var(--grey-light);
  padding-top: 120px;
}
main {
  flex-grow: 1;
  position: relative;
  z-index: 100;
  background: var(--white);
  padding: 0;
  width: 100%;
  max-width: 2000px;
  box-shadow: 0 0 var(--gap) #808080;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.seiteninhalt {
  flex-grow: 1;
  position: relative;
  z-index: 100;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.content-block {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

.container {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 var(--gap);
}

.container-content {
  max-width: 720px;
}

.bildblock {
  margin-bottom: var(--txt-fz);
}
.textblock + .bildblock {
  margin-top: var(--txt-fz);
}
.bildblock img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.linkblock {
  padding-top: var(--txt-fz);
  padding-bottom: 7.5px;
}

.absatz-bildlinks {
  max-width: 1100px;
  display: flex;
  flex-flow: row nowrap;
}
.absatz-bildlinks .container {
  max-width: 1100px;
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 640px) {
  .absatz-bildlinks .container {
    flex-direction: column;
  }
}
.absatz-bildlinks .bildblock {
  order: 1;
  flex-grow: 1;
  flex-shrink: 0;
  width: 66.666%;
  padding: 0 var(--gap-double) 0 0;
}
.absatz-bildlinks .bildblock img {
  width: 100%;
  height: auto;
}
@media (max-width: 640px) {
  .absatz-bildlinks .bildblock {
    width: 100%;
    padding: 0 min(var(--gap), 8%);
  }
}
.absatz-bildlinks .textblock {
  order: 2;
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding: 0 0 0 var(--gap-double);
}
.absatz-bildlinks .textblock h2 {
  font-weight: 700;
  font-size: var(--h1-fz);
  line-height: var(--h1-lh);
}
@media (max-width: 1100px) {
  .absatz-bildlinks .textblock {
    padding-right: var(--gap);
  }
}
@media (max-width: 640px) {
  .absatz-bildlinks .textblock {
    width: 100%;
    padding: 0 min(var(--gap-double), 10%);
  }
}

.absatz-vollbild {
  width: 100%;
  max-width: none;
}
.absatz-vollbild .container {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  max-width: none;
  overflow: hidden;
}
.absatz-vollbild .bildblock {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.absatz-vollbild .bildblock img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.absatz-vollbild .textblock {
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: min(var(--gap-tripple), 8%);
  margin: var(--gap-tripple) var(--gap);
  background: rgba(255, 255, 255, 0.85);
  max-width: 550px;
  text-align: center;
}
.absatz-vollbild .textblock h2 {
  font-weight: 700;
  font-size: var(--h1-fz);
  line-height: var(--h1-lh);
}

section.downloads {
  width: 100%;
  margin: 0 0 var(--gap-double);
}

.rsnt-downloads {
  width: 100%;
}
.rsnt-downloads dd a {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: var(--gap-half) 0;
  border: 1px solid var(--grey-light);
  border-width: 0 0 1px;
  font-weight: 400;
  color: var(--prime-color);
}
.rsnt-downloads dd a .downloads-meta::after {
  content: "";
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  margin-bottom: 4px;
  background: transparent var(--datei-icon) center center no-repeat;
  background-size: contain;
}
.rsnt-downloads dd a > * {
  transition: all 0.3s ease;
}
.rsnt-downloads dd a:hover > *:first-child, .rsnt-downloads dd a:focus > *:first-child {
  transform: translateX(2rem);
}
.rsnt-downloads dd a:hover > *:last-child, .rsnt-downloads dd a:focus > *:last-child {
  transform: translateX(-2rem);
}
.rsnt-downloads dt + dd a {
  border: 1px solid var(--grey-light);
  border-width: 1px 0;
}

.lehrkraefte-block {
  width: 100%;
  margin: 0 0 var(--gap-double);
}
.lehrkraefte-block > .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-double);
  padding: 0;
}
.lehrkraefte-block > .container header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 1100px) {
  .lehrkraefte-block > .container {
    padding-left: var(--gap);
    padding-right: var(--gap);
  }
}

.lehrkraefte-lehrkraft {
  border: 1px solid var(--grey-light);
  padding: var(--gap);
  min-width: 320px;
  width: 25%;
}
.lehrkraefte-lehrkraft h2 {
  font-weight: 700;
  margin: 0;
}
.lehrkraefte-lehrkraft ul.lehrkraefte-faecher-block {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap-half);
  margin-top: var(--gap-double);
}
.lehrkraefte-lehrkraft ul.lehrkraefte-faecher-block li {
  margin: 0;
  padding: 3px 5px 4px;
  background: var(--second-color);
  color: var(--white);
  font-size: var(--small-fz);
  line-height: 1;
}

.lehrkraefte-link {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.lehrkraefte-link > * {
  transition: all 0.3s ease;
}
.lehrkraefte-link:hover > * {
  color: var(--second-color);
}
.lehrkraefte-link:hover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22834.8%22%20height%3D%22670.18%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22182.6%20264.91%20834.8%20670.18%22%3E%3Cpath%20fill%3D%22%2373b61f%22%20d%3D%22M935.09%20264.91c22.2%200%2041.46%208.51%2057.81%2025.47%2016.32%2016.99%2024.5%2036.59%2024.5%2058.79v501.66c0%2022.23-8.18%2041.82-24.5%2058.79-16.35%2016.99-35.61%2025.47-57.81%2025.47H264.91c-22.23%200-41.49-8.48-57.81-25.47-16.35-16.97-24.5-36.56-24.5-58.79V349.17c0-22.2%208.14-41.79%2024.5-58.79%2016.32-16.97%2035.58-25.47%2057.81-25.47zm0%20168.53v-84.26L600%20558.86%20264.91%20349.18v84.26L600%20641.16z%22%2F%3E%3C%2Fsvg%3E");
}
.lehrkraefte-link::after {
  content: "";
  display: block;
  height: 1.5rem;
  aspect-ratio: 1.3/1;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22834.8%22%20height%3D%22670.18%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%22182.6%20264.91%20834.8%20670.18%22%3E%3Cpath%20fill%3D%22%23004e97%22%20d%3D%22M935.09%20264.91c22.2%200%2041.46%208.51%2057.81%2025.47%2016.32%2016.99%2024.5%2036.59%2024.5%2058.79v501.66c0%2022.23-8.18%2041.82-24.5%2058.79-16.35%2016.99-35.61%2025.47-57.81%2025.47H264.91c-22.23%200-41.49-8.48-57.81-25.47-16.35-16.97-24.5-36.56-24.5-58.79V349.17c0-22.2%208.14-41.79%2024.5-58.79%2016.32-16.97%2035.58-25.47%2057.81-25.47zm0%20168.53v-84.26L600%20558.86%20264.91%20349.18v84.26L600%20641.16z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.bildunspartner-block {
  width: 100%;
  margin: 0 0 var(--gap-double);
}
.bildunspartner-block > .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-double);
  padding: 0;
}
.bildunspartner-block > .container header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 1100px) {
  .bildunspartner-block > .container {
    padding-left: var(--gap);
    padding-right: var(--gap);
  }
}

.rsnt-bildunspartner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: var(--gap);
  align-items: flex-end;
  width: 100%;
  margin: var(--gap-double) 0 var(--gap-double);
}
.rsnt-bildunspartner li {
  padding: 0;
  width: calc(33.333% - var(--gap));
  text-align: center;
}
.rsnt-bildunspartner li h3 {
  font-size: var(--txt-fz);
  font-weight: 400;
}
@media (max-width: 640px) {
  .rsnt-bildunspartner li {
    width: calc(50% - var(--gap));
  }
}
@media (max-width: 380px) {
  .rsnt-bildunspartner li {
    width: 100%;
  }
}
.seitentyp-startseite .rsnt-bildunspartner li {
  width: calc(25% - var(--gap));
}
@media (max-width: 640px) {
  .seitentyp-startseite .rsnt-bildunspartner li {
    width: calc(33.333% - var(--gap));
  }
}
@media (max-width: 510px) {
  .seitentyp-startseite .rsnt-bildunspartner li {
    width: calc(50% - var(--gap));
  }
}
@media (max-width: 380px) {
  .seitentyp-startseite .rsnt-bildunspartner li {
    width: 100%;
  }
}

.bildunspartner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--grey-light);
  width: 100%;
  aspect-ratio: 3/2;
  margin: 0 0 var(--gap-half);
}
.bildunspartner-logo img {
  width: auto;
  height: auto;
  max-width: min(200px, 50%);
  max-height: 100px;
}

.kopfzeile {
  position: relative;
  z-index: 111;
  flex-shrink: 0;
  aspect-ratio: 5/1;
  width: 100%;
  margin: 0 0 var(--gap-tripple);
  background: transparent center center no-repeat;
  background-size: cover;
}
.kopfzeile::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: transparent url(/_p/_kopfzeile/bogen_oben_weiss.svg) bottom -1px center no-repeat;
  background-size: contain;
}
@media (max-width: 992px) {
  .kopfzeile {
    aspect-ratio: 4/1;
  }
}
@media (max-width: 768px) {
  .kopfzeile {
    aspect-ratio: 3/1;
  }
}
@media (max-width: 510px) {
  .kopfzeile {
    aspect-ratio: 2/1;
    margin-bottom: var(--gap-double);
  }
}

.fusszeile {
  --fusszeile-hoehe: 100px;
  position: relative;
  z-index: 111;
  flex-shrink: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: var(--prime-color) url(/_p/vogel-blau-links.svg) bottom right 70px no-repeat;
  background-size: auto calc(100% - var(--fusszeile-hoehe));
  padding: calc(var(--fusszeile-hoehe) + 30px) 0 0;
  margin: 0;
  color: var(--white);
}
.fusszeile::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--fusszeile-hoehe);
  background: var(--white) url(/_p/_kopfzeile/bogen_oben_blau.svg) bottom -1px center no-repeat;
  background-size: contain;
}
.fusszeile a {
  color: #fff;
}
.fusszeile a:hover, .fusszeile a:focus {
  color: #cdcdcd;
}
.fusszeile > .container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: var(--gap);
  padding-bottom: var(--gap);
}
@media (max-width: 510px) {
  .fusszeile > .container {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
}
@media (max-width: 510px) {
  .fusszeile {
    background-position: bottom center;
    background-size: auto 150px;
  }
}

.fuss-adresse {
  text-align: center;
  padding: 66px 0 0;
  background: transparent url(/_p/vogel-weiss-links.svg) top center no-repeat;
  background-size: 80px auto;
}
@media (max-width: 510px) {
  .fuss-adresse {
    order: 1;
    margin-bottom: var(--gap);
  }
}

@media (max-width: 510px) {
  .fuss-kontakte {
    order: 2;
  }
}

.fuss-adresse-titel {
  display: block;
  font-weight: 700;
}

.fuss-navi ul {
  text-align: right;
}
@media (max-width: 510px) {
  .fuss-navi {
    order: 3;
    width: 100%;
    margin-top: var(--gap-double);
  }
  .fuss-navi ul {
    text-align: center;
  }
  .fuss-navi ul li {
    display: inline-block;
  }
  .fuss-navi ul li + li {
    margin-left: 0.5rem;
  }
}

.list_miniicon {
  display: inline-block;
  width: 1rem;
  height: auto;
  vertical-align: baseline;
  margin-bottom: -2.6px;
}

.news-block > .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap-double);
  padding: 0;
}
.news-block > .container header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 1100px) {
  .news-block > .container {
    padding-left: var(--gap);
    padding-right: var(--gap);
  }
}

.news-article {
  position: relative;
  width: calc(50% - var(--gap));
  border: 1px solid var(--grey-light);
}
.news-article h2 {
  font-weight: 700;
}
.news-article .btn-weiter {
  position: absolute;
  left: var(--gap-double);
  bottom: var(--gap-double);
}
@media (max-width: 640px) {
  .news-article {
    width: 100%;
  }
}

.news-img-wrap {
  position: relative;
  overflow: hidden;
}
.news-img-wrap img {
  transition: all 0.3s ease;
}
a:hover .news-img-wrap img, a:focus .news-img-wrap img {
  transform: scale(1.15);
  filter: brightness(1.1);
}

.news-label {
  position: absolute;
  z-index: 10;
  top: var(--gap);
  right: var(--gap);
  padding: 0.25rem var(--gap-half);
  line-height: 1;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--white);
  background: var(--second-color);
  box-shadow: 5px 5px var(--prime-color);
}

.news-txt-wrap {
  padding: min(var(--gap-double), 8%);
}

.news-teaser {
  margin: 0 0 var(--gap-tripple);
}

p.news-metadata {
  margin: 0 0 var(--gap-half);
  color: var(--prime-color);
  font-size: var(--small-fz);
  line-height: 1;
}
p.events-metadata {
  margin: var(--gap-half) 0 var(--gap);
  padding: var(--gap-half) 0 0;
  color: var(--prime-color);
  font-size: var(--h2-fz);
  line-height: 1;
  font-weight: 700;
  border: 1px solid var(--second-color);
  border-width: 1px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
p.events-metadata::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23004e97' viewBox='0 -960 960 960'%3E%3Cpath d='M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Zm280 240q-17 0-28.5-11.5T440-440q0-17 11.5-28.5T480-480q17 0 28.5 11.5T520-440q0 17-11.5 28.5T480-400Zm-160 0q-17 0-28.5-11.5T280-440q0-17 11.5-28.5T320-480q17 0 28.5 11.5T360-440q0 17-11.5 28.5T320-400Zm320 0q-17 0-28.5-11.5T600-440q0-17 11.5-28.5T640-480q17 0 28.5 11.5T680-440q0 17-11.5 28.5T640-400ZM480-240q-17 0-28.5-11.5T440-280q0-17 11.5-28.5T480-320q17 0 28.5 11.5T520-280q0 17-11.5 28.5T480-240Zm-160 0q-17 0-28.5-11.5T280-280q0-17 11.5-28.5T320-320q17 0 28.5 11.5T360-280q0 17-11.5 28.5T320-240Zm320 0q-17 0-28.5-11.5T600-280q0-17 11.5-28.5T640-320q17 0 28.5 11.5T680-280q0 17-11.5 28.5T640-240Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: var(--h2-fz);
  height: var(--h2-fz);
  margin: 0 0.25rem 0 0;
}
.news-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--gap-tripple) 0 var(--gap);
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

nav.navigation {
  position: fixed;
  top: 0;
  z-index: 888;
  height: 120px;
  width: 100%;
  max-width: 2000px;
  padding: 0;
  background: var(--white);
  box-shadow: 0 0 var(--gap) #808080;
  border: 3px solid var(--prime-color);
  border-width: 0 0 3px;
}
.header-fix nav.navigation {
  position: fixed;
  top: 0;
}
.header-fix-width nav.navigation {
  background-image: url(/_p/logo-text-trans.png);
  background-image: url(/_p/logo-quer.jpg);
  background-position: center 12px;
  background-size: auto 25px;
  background-repeat: no-repeat;
}
nav.navigation > .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.haupt-navi {
  display: flex;
  margin: 0 auto;
  list-style: none;
}
.haupt-navi > li {
  position: relative;
  padding: 0;
}
.haupt-navi > li > .navi-leer,
.haupt-navi > li > button,
.haupt-navi > li > a {
  padding: 0 24px;
}
.haupt-navi > li:has(.sub-navi-wrap)::after {
  content: "";
  background: transparent url("data:image/svg+xml,%3Csvg height='83.3' viewBox='19.952 26.392 135 83.3' width='135' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m139.152 26.392 15.8 15.8-67.5 67.5-67.5-67.5 15.8-15.8 51.7 51.7z' fill='%23039'/%3E%3C/svg%3E") center center no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 2px;
  right: 6px;
  width: 12px;
  height: 12px;
  transition: all 0.15s ease;
}
.haupt-navi > li:has(.sub-navi-wrap):hover::after, .haupt-navi > li:has(.sub-navi-wrap):focus::after {
  top: 1.5px;
  rotate: -0.25turn;
}
.haupt-navi button,
.haupt-navi a,
.haupt-navi .navi-leer {
  position: relative;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
}

.sub-navi {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-flow: column;
  width: 100%;
  margin: 0;
}
.sub-navi li {
  margin: 0;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  body {
    padding-top: 80px;
  }
  body nav.navigation {
    height: 80px;
  }
  .navi-trigger {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 18px;
    width: 48px;
    height: 48px;
    z-index: 30;
    text-indent: -9999em;
    cursor: pointer;
    border: 0;
    outline: none;
    padding: 0;
    background: var(--prime-color);
    transition: all 0.3s ease;
  }
  .navi-trigger::before, .navi-trigger::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(/_p/icon-menu-close-weiss.svg) center center no-repeat;
    background-size: contain;
    border: 0;
    width: 24px;
    height: 24px;
  }
  .navi-trigger::before {
    position: static;
    opacity: 1;
    background-image: url(/_p/icon-menu-weiss.svg);
    top: 0;
    right: 0;
  }
  .navi-trigger::after {
    opacity: 0;
    position: absolute;
    background-image: url(/_p/icon-menu-close-weiss.svg);
  }
}
@media only screen and (max-width: 992px) and (max-width: 645px) {
  .navi-trigger {
    top: 24px;
    right: 24px;
  }
}
@media only screen and (max-width: 992px) and (max-width: 645px) {
  body.nav-fixed-top .navi-trigger {
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 992px) and (max-width: 349px) {
  .navi-trigger {
    top: 0;
    right: 0;
  }
}
@media only screen and (max-width: 992px) {
  .navi-burger-wrap {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: var(--grey);
  }
  #navi-trigger-checkbox {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  #navi-trigger-checkbox:checked ~ .navi-trigger::before {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  #navi-trigger-checkbox:checked ~ .navi-trigger::after {
    position: static;
    opacity: 1;
    pointer-events: all;
  }
  #navi-trigger-checkbox:checked ~ .haupt-navi {
    width: 100%;
    bottom: 0;
  }
  #navi-trigger-checkbox:checked ~ .haupt-navi > * {
    opacity: 1;
  }
  #navi-trigger-checkbox:checked ~ .haupt-navi .sub-navi-wrap {
    position: relative;
    visibility: visible;
    opacity: 1;
  }
  .haupt-navi {
    display: block;
    width: 100%;
    height: calc(100% - 80px);
    position: fixed;
    bottom: 100%;
    right: 0;
    left: 0;
    z-index: 20;
    padding: 50px 0;
    overflow: auto;
    transition-property: background, width, bottom;
    transition-duration: 0.33s;
    transition-timing-function: ease-out;
    background: var(--white);
  }
}
@media only screen and (max-width: 992px) and (max-width: 645px) {
  .haupt-navi {
    padding-top: 0;
    height: calc(100% - 100px);
  }
  body.nav-fixed-top .haupt-navi {
    height: calc(100% - 50px);
  }
}
@media only screen and (max-width: 992px) and (max-width: 349px) {
  .haupt-navi {
    height: calc(100% - 50px);
  }
}
@media only screen and (max-width: 992px) {
  .haupt-navi > * {
    opacity: 0;
  }
  .haupt-navi > li {
    border-bottom: 1px solid var(--grey-light);
    margin-bottom: var(--gap);
    padding-bottom: var(--gap);
    width: 100%;
  }
  .haupt-navi > li:first-child {
    border-radius: 0;
  }
  .haupt-navi > li:has(.sub-navi-wrap)::after {
    display: none;
  }
  .haupt-navi > li > .navi-leer,
  .haupt-navi > li > button,
  .haupt-navi > li > a {
    padding: var(--gap);
    text-align: left;
  }
  .haupt-navi > li > .navi-leer::after,
  .haupt-navi > li > button::after,
  .haupt-navi > li > a::after {
    display: none;
  }
  .sub-navi {
    padding-left: var(--gap);
    padding-right: var(--gap);
    justify-content: center;
  }
  .sub-navi > li {
    width: 100%;
  }
  .sub-navi > li .navi-leer,
  .sub-navi > li a {
    text-align: left;
    padding: calc(var(--gap) / 2) 0;
  }
  .sub-navi-trigger {
    font-weight: bold;
  }
  body.navi-out {
    overflow: hidden;
  }
}
@media only screen and (min-width: 992px) {
  #navi-trigger-checkbox,
  .navi-trigger {
    display: none;
  }
  .haupt-navi {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: var(--txt-fz);
    line-height: var(--txt-fz);
    margin: 0 auto;
  }
  .haupt-navi > li {
    display: inline-block;
  }
  .haupt-navi > li:hover .sub-navi-wrap, .haupt-navi > li:focus .sub-navi-wrap {
    background-color: var(--white);
    visibility: visible;
    opacity: 1;
    transform: rotateX(0deg);
  }
  .haupt-navi > li:hover .sub-navi-wrap > *, .haupt-navi > li:focus .sub-navi-wrap > * {
    opacity: 1;
  }
  .sub-navi-wrap {
    visibility: hidden;
    position: absolute;
    width: auto;
    min-width: 160px;
    z-index: 30;
    opacity: 0;
    padding: var(--gap) 0 0;
    margin-left: calc(var(--gap) / 2);
    transform: rotateX(90deg);
    transform-origin: top center;
  }
  .sub-navi-wrap a,
  .sub-navi-wrap span {
    display: inline-block;
    padding: var(--gap);
    width: 100%;
  }
  .sub-navi-wrap a:hover,
  .sub-navi-wrap a:focus {
    background-color: var(--prime-color);
    color: var(--white);
  }
  .sub-navi-wrap > * {
    transition-property: opacity;
    transition-duration: 0.33s;
    opacity: 0;
  }
  .sub-navi {
    background-color: var(--white);
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    border-left: 3px solid var(--prime-color);
  }
}
body {
  transition: all 0.3s ease;
}
body nav.navigation {
  transition: all 0.3s ease;
}
body .rsnt-logo {
  transition: all 0.3s ease;
}
body .logo-block-rechts {
  transition: all 0.3s ease;
}

body.nav-fixed-top {
  padding-top: 75px;
}
body.nav-fixed-top nav.navigation {
  height: 75px;
}
body.nav-fixed-top .rsnt-logo {
  height: 57px;
}
body.nav-fixed-top .logo-block-rechts {
  height: 57px;
}

.logo-block {
  z-index: 30;
  flex-shrink: 0;
  flex-grow: 0;
}
.logo-block > a {
  padding: 0;
}

.logo-block-rechts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100px;
  height: 70px;
  border: 1px solid var(--txt-c);
  border-width: 0 0 0 1px;
}
@media only screen and (max-width: 992px) {
  .logo-block-rechts {
    margin-right: 70px;
    padding-right: 20px;
    border-width: 0 1px 0 0;
  }
}
@media only screen and (max-width: 645px) {
  .logo-block-rechts {
    height: 100%;
    margin-right: 58px;
    padding-right: 15px;
    border-width: 0 0 0 0;
  }
  body.nav-fixed-top .logo-block-rechts {
    margin-right: 30px;
  }
}

.rsnt-logo {
  height: 90px;
  width: auto;
}
@media only screen and (max-width: 992px) {
  .rsnt-logo {
    height: 50px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 645px) {
  .rsnt-logo {
    transition: all 0.3s ease;
  }
  body.nav-fixed-top .rsnt-logo {
    height: 38px;
    margin-left: 0;
  }
}
@media only screen and (max-width: 349px) {
  .rsnt-logo {
    height: 38px;
    margin-left: 0;
  }
}

.dsb-logo {
  height: 15px;
  width: auto;
}

@media only screen and (max-width: 645px) {
  .logo-block-rechts {
    transition: all 0.3s ease;
    margin-top: -100px;
    opacity: 0;
    pointer-events: none;
  }
  .navi-out .logo-block-rechts {
    margin-top: 0;
    opacity: 1;
    pointer-events: initial;
  }
}

@media only screen and (max-width: 645px) {
  body {
    padding-top: 100px;
  }
  body nav.navigation {
    height: 100px;
  }
  body.nav-fixed-top {
    padding-top: 50px;
  }
  body.nav-fixed-top nav.navigation {
    height: 50px;
  }
}
@media only screen and (max-width: 349px) {
  body {
    padding-top: 50px;
  }
  body nav.navigation {
    height: 50px;
  }
  body.nav-fixed-top {
    padding-top: 50px;
  }
}
.slideshow {
  position: relative;
  padding-bottom: 75%;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  height: 0;
  width: 100%;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  animation-name: fade;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 35s;
  opacity: 1;
}
.slideshow-image:nth-child(1) {
  animation-name: fade-1;
  z-index: 9;
}
.slideshow-image:nth-child(2) {
  animation-name: fade-2;
  z-index: 8;
}
.slideshow-image:nth-child(3) {
  animation-name: fade-3;
  z-index: 7;
}
.slideshow-image:nth-child(4) {
  animation-name: fade-4;
  z-index: 6;
}
.slideshow-image:nth-child(5) {
  animation-name: fade-5;
  z-index: 5;
}
.slideshow-image:nth-child(6) {
  animation-name: fade-6;
  z-index: 4;
}
.slideshow-image:nth-child(7) {
  animation-name: fade-7;
  z-index: 3;
}
.slideshow-image:nth-child(8) {
  animation-name: fade-8;
  z-index: 2;
}
.slideshow-image:nth-child(9) {
  animation-name: fade-9;
  z-index: 1;
}
.slideshow-image:nth-child(10) {
  animation-name: fade-10;
  z-index: 0;
}

.slideshow-kenburns .slideshow-image {
  animation-name: ken-burns;
  transform: scale(1.05);
  transform-origin: center;
}
.slideshow-kenburns .slideshow-image:nth-child(1) {
  animation-name: ken-burns-1;
  z-index: 9;
}
.slideshow-kenburns .slideshow-image:nth-child(2) {
  animation-name: ken-burns-2;
  z-index: 8;
}
.slideshow-kenburns .slideshow-image:nth-child(3) {
  animation-name: ken-burns-3;
  z-index: 7;
}
.slideshow-kenburns .slideshow-image:nth-child(4) {
  animation-name: ken-burns-4;
  z-index: 6;
}
.slideshow-kenburns .slideshow-image:nth-child(5) {
  animation-name: ken-burns-5;
  z-index: 5;
}
.slideshow-kenburns .slideshow-image:nth-child(6) {
  animation-name: ken-burns-6;
  z-index: 4;
}
.slideshow-kenburns .slideshow-image:nth-child(7) {
  animation-name: ken-burns-7;
  z-index: 3;
}
.slideshow-kenburns .slideshow-image:nth-child(8) {
  animation-name: ken-burns-8;
  z-index: 2;
}
.slideshow-kenburns .slideshow-image:nth-child(9) {
  animation-name: ken-burns-9;
  z-index: 1;
}
.slideshow-kenburns .slideshow-image:nth-child(10) {
  animation-name: ken-burns-10;
  z-index: 0;
}

@keyframes fade-1 {
  0% {
    opacity: 1;
  }
  0.7142857143% {
    opacity: 1;
  }
  9.2857142857% {
    opacity: 1;
  }
  10.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
  99.2857142857% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-2 {
  9.2857142857% {
    opacity: 1;
  }
  10.7142857143% {
    opacity: 1;
  }
  19.2857142857% {
    opacity: 1;
  }
  20.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-3 {
  19.2857142857% {
    opacity: 1;
  }
  20.7142857143% {
    opacity: 1;
  }
  29.2857142857% {
    opacity: 1;
  }
  30.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-4 {
  29.2857142857% {
    opacity: 1;
  }
  30.7142857143% {
    opacity: 1;
  }
  39.2857142857% {
    opacity: 1;
  }
  40.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-5 {
  39.2857142857% {
    opacity: 1;
  }
  40.7142857143% {
    opacity: 1;
  }
  49.2857142857% {
    opacity: 1;
  }
  50.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-6 {
  49.2857142857% {
    opacity: 1;
  }
  50.7142857143% {
    opacity: 1;
  }
  59.2857142857% {
    opacity: 1;
  }
  60.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-7 {
  59.2857142857% {
    opacity: 1;
  }
  60.7142857143% {
    opacity: 1;
  }
  69.2857142857% {
    opacity: 1;
  }
  70.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-8 {
  69.2857142857% {
    opacity: 1;
  }
  70.7142857143% {
    opacity: 1;
  }
  79.2857142857% {
    opacity: 1;
  }
  80.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-9 {
  79.2857142857% {
    opacity: 1;
  }
  80.7142857143% {
    opacity: 1;
  }
  89.2857142857% {
    opacity: 1;
  }
  90.7142857143% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-10 {
  89.2857142857% {
    opacity: 1;
  }
  90.7142857143% {
    opacity: 1;
  }
  99.2857142857% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ken-burns-1 {
  0% {
    opacity: 1;
    transform: scale(1.05);
  }
  0.7142857143% {
    opacity: 1;
  }
  9.2857142857% {
    opacity: 1;
  }
  10.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
  99.2857142857% {
    opacity: 0;
    transform: scale(1.0533333333);
  }
  100% {
    opacity: 1;
  }
}
@keyframes ken-burns-2 {
  9.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  10.7142857143% {
    opacity: 1;
  }
  19.2857142857% {
    opacity: 1;
  }
  20.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-3 {
  19.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  20.7142857143% {
    opacity: 1;
  }
  29.2857142857% {
    opacity: 1;
  }
  30.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-4 {
  29.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  30.7142857143% {
    opacity: 1;
  }
  39.2857142857% {
    opacity: 1;
  }
  40.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-5 {
  39.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  40.7142857143% {
    opacity: 1;
  }
  49.2857142857% {
    opacity: 1;
  }
  50.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-6 {
  49.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  50.7142857143% {
    opacity: 1;
  }
  59.2857142857% {
    opacity: 1;
  }
  60.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-7 {
  59.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  60.7142857143% {
    opacity: 1;
  }
  69.2857142857% {
    opacity: 1;
  }
  70.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-8 {
  69.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  70.7142857143% {
    opacity: 1;
  }
  79.2857142857% {
    opacity: 1;
  }
  80.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-9 {
  79.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  80.7142857143% {
    opacity: 1;
  }
  89.2857142857% {
    opacity: 1;
  }
  90.7142857143% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes ken-burns-10 {
  89.2857142857% {
    opacity: 1;
    transform: scale(1.05);
  }
  90.7142857143% {
    opacity: 1;
  }
  99.2857142857% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
.rsnt-startseite-hero {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  background-size: cover;
  aspect-ratio: 200/74;
  width: 100%;
  min-height: 480px;
  overflow: hidden;
}
.rsnt-startseite-hero::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: transparent url(/_p/_kopfzeile/bogen_oben_blau.svg) bottom -1px center no-repeat;
  background-size: contain;
  pointer-events: none;
}

.rsnt-hero-center {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  padding: min(var(--gap-double), 8%);
  padding-right: min(var(--gap-double), 3%);
  padding-left: min(var(--gap-double), 3%);
  margin: -1rem var(--gap) 0;
  max-width: 500px;
}
.rsnt-hero-center h1 {
  font-weight: 700;
  font-size: 2rem;
  font-size: clamp(1.7rem, 5vw + 0.5rem, 2rem);
}
.rsnt-hero-center h1 > * {
  display: block;
  color: var(--second-color);
  text-transform: uppercase;
}
.rsnt-startseite-buttons {
  width: 100%;
  background: var(--prime-color);
  padding: 0;
}
.rsnt-startseite-buttons > .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: var(--gap-double);
  padding: var(--gap-tripple) 0;
}
@media (max-width: 1100px) {
  .rsnt-startseite-buttons > .container {
    padding-left: var(--gap);
    padding-right: var(--gap);
  }
}

.quicklink-btn {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  flex-grow: 0;
  width: calc(25% - 2rem);
  min-width: 140px;
  max-width: 251px;
  aspect-ratio: 4.25/3;
  font-weight: 700;
  text-decoration: none;
  color: var(--white);
  background-color: var(--prime-color);
  border: 3px solid var(--white);
  transition: background-color 0.2s ease-in-out;
  padding: 0;
  font-size: clamp(1rem, 1vw + 0.5rem, var(--h3-fz));
  line-height: 1;
  overflow: hidden;
}
.quicklink-btn .quicklink-label {
  transition: all 0.3s ease;
}
.quicklink-btn:hover {
  background-color: var(--second-color);
}
.quicklink-btn:hover .quicklink-label {
  transform: translateY(-26px);
}
.quicklink-btn:hover::before {
  transform: translateY(-160%);
}
.quicklink-btn::before {
  content: "";
  display: block;
  width: 29%;
  height: auto;
  aspect-ratio: 1;
  background: transparent var(--quicklink-icon) center center no-repeat;
  background-size: contain;
  margin-top: -5%;
  transition: all 0.3s ease;
}

.rsnt-startseite-counter {
  width: 100%;
  background: var(--grey-lighter);
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: var(--gap-double);
  padding: var(--gap-tripple) 0;
}
.counter-tile {
  display: flex;
  position: relative;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  width: 225px;
}
.counter-tile p {
  margin: 0;
  color: var(--prime-color);
  line-height: 1;
}
.counter-tile::before, .counter-tile::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  min-width: 80px;
  max-width: 160px;
  margin-bottom: 1.5rem;
  aspect-ratio: 1;
}
.counter-tile::before {
  z-index: 10;
  background: var(--prime-color) var(--counter-icon) center center no-repeat;
  background-size: 140px auto;
}
.counter-tile::after {
  z-index: 4;
  position: absolute;
  top: 0;
  margin: 0;
  translate: 10px 10px;
  background: var(--second-color);
}
@media (max-width: 510px) {
  .counter-tile {
    width: 140px;
  }
}

.counter-nr {
  font-size: 3rem;
  font-weight: 700;
}

.counter-titel {
  font-size: var(--h3-fz);
  transition: all 0.6s ease;
}
.counter-titel.hide-field {
  opacity: 0;
}

.rsnt-startseite-news > .container {
  padding-top: var(--gap-tripple);
  padding-bottom: var(--gap-tripple);
}

.rsnt-startseite-bildungspartner {
  width: 100%;
}
.rsnt-startseite-counter + .rsnt-startseite-bildungspartner {
  margin-top: var(--gap-tripple);
}
.rsnt-startseite-bildungspartner > .container header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.rsnt-startseite-elevatorpitch {
  width: 100%;
  background: var(--prime-color);
  padding: 0;
}
.rsnt-startseite-elevatorpitch > .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: calc(var(--gap-double) * 3) 0;
  background: var(--prime-color) url(/_p/voegel-3-blau-links.svg) bottom -1px right 10px no-repeat;
  background-size: auto calc(100% - 100px);
}
.rsnt-startseite-elevatorpitch > .container h2 {
  text-align: right;
  font-size: 2rem;
  font-weight: 200;
  color: var(--white);
  padding: var(--gap-tripple) var(--gap-double);
  margin: 0 var(--gap-double) 0 0;
  border: 1px solid var(--white);
  border-width: 0 1px 0 0;
  width: 50%;
  max-width: 420px;
  text-wrap: balance;
}
.rsnt-startseite-elevatorpitch > .container .text-block {
  width: 50%;
  max-width: 640px;
  padding: var(--gap-tripple) var(--gap-tripple) var(--gap-tripple) 0;
  color: var(--white);
  text-wrap: balance;
}
.rsnt-startseite-elevatorpitch > .container .text-block p {
  color: var(--white);
  margin-bottom: var(--gap-double);
}
@media (max-width: 640px) {
  .rsnt-startseite-elevatorpitch > .container {
    flex-direction: column;
    padding: var(--gap-tripple);
  }
  .rsnt-startseite-elevatorpitch > .container h2 {
    text-align: center;
    padding: var(--gap-tripple) var(--gap-double);
    margin: 0 0 var(--gap);
    border-width: 0 0 1px;
    width: 100%;
    max-width: 420px;
  }
  .rsnt-startseite-elevatorpitch > .container .text-block {
    text-align: center;
    width: 100%;
    max-width: 640px;
    padding: min(var(--gap-tripple), 5%);
  }
}

.rsnt-startseite-absatz > .container {
  padding: var(--gap-tripple) 0;
}
.rsnt-startseite-absatz > .container + .container {
  padding-top: 0;
}
@media (max-width: 640px) {
  .rsnt-startseite-absatz .textblock {
    padding-left: min(var(--gap-double), 10%);
    padding-right: min(var(--gap-double), 10%);
  }
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: var(--white);
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  --pswp-icon-color: var(--prime-color);
  --pswp-icon-color-secondary: var(--grey-lighter);
  --pswp-icon-stroke-color: var(--grey-lighter);
  --pswp-icon-stroke-width: 0;
  --pswp-error-text-color: var(--pswp-icon-color);
}

/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/
.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: 0.003;
  contain: layout style size;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
  display: block;
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
  background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.pswp__item {
  /* z-index for fade transition */
  z-index: 1;
  overflow: hidden;
}

.pswp__hidden {
  display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}

.pswp__content > * {
  pointer-events: auto;
}

/*

  PhotoSwipe UI

*/
/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
  opacity: 0.005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
  z-index: 10; /* always overlap slide content */
  pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 0.85;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
  outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
  background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  /* allow events to pass through top bar itself */
  pointer-events: none !important;
}

.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}

/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}

/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}

/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: var(--txt-fz);
  line-height: var(--txt-lh);
  color: var(--pswp-icon-color);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

.rsnt-gallery {
  width: 100%;
  margin: var(--gap-double) 0 var(--gap-tripple);
}
.rsnt-gallery + .rsnt-gallery {
  margin-top: 0;
}

ul.rsnt-gallery-content {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: stretch;
  gap: var(--gap);
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.rsnt-gallery-content li {
  flex-grow: 1;
  max-width: calc(33.333% - var(--gap));
}
@media (max-width: 717px) {
  ul.rsnt-gallery-content li {
    min-width: calc(50% - var(--gap));
  }
}
@media (max-width: 375px) {
  ul.rsnt-gallery-content li {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
}
ul.rsnt-gallery-content a {
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  border: none;
}
ul.rsnt-gallery-content a p {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  flex-grow: 1;
}
ul.rsnt-gallery-content a:focus .rsnt-gallery-titel, ul.rsnt-gallery-content a:hover .rsnt-gallery-titel {
  background: var(--prime-light);
}

.rsnt-gallery-thumb {
  width: 100%;
  height: auto;
}

.rsnt-gallery-titel {
  color: var(--white);
  background: var(--prime-color);
  padding: 3px 7px 0;
  transition: all 0.3s ease;
}

.rsnt-gallery-content a[target=_blank]::before {
  display: none !important;
}

:root {
  --bb-cm-blocker-backdrop-bgc: rgba(0,0,0,0.5);
  --bb-cm-ui-bgc: var(--white);
  --bb-cm-txt-c: var(--txt-c);
  --bb-cm-hdl-c: var(--prime-color);
  --bb-cm-fz: var(--txt-fz);
  --bb-cm-info-fz: $h5-font-size;
  --bb-cm-table-bgc: transparent;
  --bb-cm-thead-bgc: var(--grey-lighter);
  --bb-cm-tbody-bgc: transparent;
}

.bb-cm-service-wrapper .bb-cm-headline, #bb-cm-manager-ui .bb-cm-manager-purpose, #bb-cm-manager-ui .bb-cm-headline, #bb-cm-notice-ui .bb-cm-headline {
  font-size: 2rem;
  line-height: var(--h2-lh);
  font-family: var(--font-family-prime);
  color: var(--bb-cm-hdl-c);
  margin-bottom: var(--gap-half);
}

.bb-cm-service-wrapper .bb-cm-buttons, #bb-cm-manager-ui .bb-cm-buttons, #bb-cm-notice-ui .bb-cm-buttons {
  display: flex;
  gap: var(--gap-half);
  margin-top: var(--gap-half);
  justify-content: space-between;
}

.bb-cm-service-wrapper .bb-cm-link, #bb-cm-blocker .bb-cm-link, #bb-cm-manager-ui .bb-cm-link {
  color: var(--prime-color);
  font-weight: normal;
}

.position-bottom-right.bb-cm-service-wrapper, .position-bottom-right#bb-cm-manager-ui, .position-bottom-right#bb-cm-notice-ui {
  bottom: var(--gap);
  right: var(--gap);
}
.position-bottom-left.bb-cm-service-wrapper, .position-bottom-left#bb-cm-manager-ui, .position-bottom-left#bb-cm-notice-ui {
  bottom: var(--gap);
  left: var(--gap);
}
.position-top-right.bb-cm-service-wrapper, .position-top-right#bb-cm-manager-ui, .position-top-right#bb-cm-notice-ui {
  top: var(--gap);
  right: var(--gap);
}
.position-top-left.bb-cm-service-wrapper, .position-top-left#bb-cm-manager-ui, .position-top-left#bb-cm-notice-ui {
  top: var(--gap);
  left: var(--gap);
}
.position-center.bb-cm-service-wrapper, .position-center#bb-cm-manager-ui, .position-center#bb-cm-notice-ui {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.bb-cm-open {
  overflow: hidden;
}

#bb-cm-notice-ui {
  position: fixed;
  background: var(--bb-cm-ui-bgc);
  display: none;
  flex-direction: column;
  z-index: var(--zi-900);
  padding: var(--gap);
}
#bb-cm-notice-ui.show,
.show #bb-cm-notice-ui {
  display: flex;
  max-width: 750px;
}

#bb-cm-manager-ui {
  min-width: 95%;
  max-height: 100%;
  overflow-y: auto;
  position: fixed;
  background: var(--bb-cm-ui-bgc);
  display: none;
  flex-direction: column;
  z-index: var(--zi-900);
  padding: var(--gap);
}
#bb-cm-manager-ui .bb-cm-manager-purpose {
  font-family: var(--font-family-prime);
  font-size: 1.5rem;
  line-height: var(--h4-lh);
  margin-top: var(--gap-half);
}
#bb-cm-manager-ui .bb-cm-service-label {
  font-weight: var(--fw-bold);
  font-variation-settings: "wght" var(--fw-bold);
}
#bb-cm-manager-ui label {
  cursor: pointer;
}
#bb-cm-manager-ui label:before, #bb-cm-manager-ui label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 0;
}
#bb-cm-manager-ui label:before {
  left: 0;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  background: #f7f7f7;
  box-shadow: 0 0 1px grey;
}
#bb-cm-manager-ui label:after {
  background: var(--prime-color);
}
#bb-cm-manager-ui input[type=checkbox] {
  position: absolute;
  top: 0;
  left: -9999px;
  visibility: hidden;
}
#bb-cm-manager-ui input[type=checkbox]:checked + label:after {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
#bb-cm-manager-ui input[type=checkbox] {
  display: inline-block;
  position: relative;
  left: 30px;
  top: 0;
  z-index: 901;
}
#bb-cm-manager-ui input[type=checkbox]:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
}
#bb-cm-manager-ui input[type=checkbox] + label {
  position: relative;
  display: block;
  cursor: pointer;
  padding-left: 70px;
  margin-top: -30px;
}
#bb-cm-manager-ui input[type=checkbox] + label:before {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  content: "";
  margin-right: 15px;
  transition: background-color 0.5s linear;
  z-index: 905;
  position: absolute;
  left: 0;
}
#bb-cm-manager-ui input[type=checkbox] + label:after {
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #fff;
  content: "";
  transition: margin 0.1s linear;
  box-shadow: 0 0 5px #aaa;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 910;
}
#bb-cm-manager-ui input[type=checkbox]:checked + label:before {
  background-color: var(--prime-color);
}
#bb-cm-manager-ui input[type=checkbox]:checked + label:after {
  margin: 0 0 0 31px;
}
#bb-cm-manager-ui .bb-cm-service-description,
#bb-cm-manager-ui .bb-cm-manager-cookies,
#bb-cm-manager-ui .bb-cm-manager-purpose__cookie,
#bb-cm-manager-ui .bb-cm-manager-purpose__provider,
#bb-cm-manager-ui .bb-cm-manager-provider {
  padding-left: 70px;
}
#bb-cm-manager-ui .bb-cm-service-description {
  font-size: var(--bb-cm-info-fz);
}
#bb-cm-manager-ui .bb-cm-manager-cookies {
  font-weight: bold;
  font-size: var(--bb-cm-info-fz);
  margin-top: var(--gap-half);
}
#bb-cm-manager-ui .bb-cm-manager-purpose__cookie table {
  width: 100%;
  background: var(--bb-cm-table-bgc);
  font-size: var(--bb-cm-info-fz);
  line-height: 1.1em;
}
#bb-cm-manager-ui .bb-cm-manager-purpose__cookie thead {
  background: var(--bb-cm-thead-bgc);
  text-align: left;
}
#bb-cm-manager-ui .bb-cm-manager-purpose__cookie tbody {
  background: var(--bb-cm-tbody-bgc);
}
#bb-cm-manager-ui .bb-cm-manager-purpose__cookie th, #bb-cm-manager-ui .bb-cm-manager-purpose__cookie td {
  padding: calc(var(--txt-fz) / 2) var(--txt-fz);
}

#bb-cm-manager-ui.show,
.show #bb-cm-manager-ui {
  display: flex;
}

#bb-cm-blocker {
  background: var(--bb-cm-blocker-backdrop-bgc);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
}
.bb-cm-service-wrapper {
  flex-direction: column;
  color: var(--txt-c);
  margin-bottom: var(--gap);
}
.bb-cm-service-wrapper .bb-cm-buttons {
  justify-content: center;
}
.bb-cm-service-wrapper .bb-cm-service-wrapper-original {
  display: none;
}
.bb-cm-service-wrapper .bb-cm-service-wrapper-placeholder {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: var(--gap-half);
  background: rgba(255, 255, 255, 0.8);
}

.typography .bb-cm-service-wrapper a {
  color: var(--prime-color) !important;
}

.wrapper--dark .typography .bb-cm-service-wrapper p {
  color: var(--txt-c);
}
.wrapper--dark .typography .btn--prime {
  background: var(--prime-color);
  border-color: var(--prime-color);
}
.wrapper--dark .typography .btn--prime:hover {
  background: var(--prime-dark);
}

@media (min-width: 768px) {
  #bb-cm-manager-ui {
    min-width: 600px;
  }
}
@media (min-width: 992px) {
  #bb-cm-manager-ui {
    width: 860px;
  }
}
@media (max-width: 576px) {
  #bb-cm-notice-ui {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  #bb-cm-notice-ui.position-bottom-left, #bb-cm-notice-ui.position-bottom-right, #bb-cm-notice-ui.position-top-left, #bb-cm-notice-ui.position-top-right, #bb-cm-notice-ui.position-center {
    top: unset;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #bb-cm-notice-ui .bb-cm-buttons {
    flex-direction: column;
  }
  #bb-cm-notice-ui .bb-cm-buttons .btn {
    width: 100%;
  }
  #bb-cm-manager-ui {
    padding: var(--gap-half);
  }
  #bb-cm-manager-ui .bb-cm-buttons {
    flex-direction: column;
  }
  #bb-cm-manager-ui .bb-cm-buttons .btn {
    width: 100%;
  }
  #bb-cm-manager-ui .bb-cm-service-description {
    padding-left: 0;
    margin-top: var(--gap-half);
  }
  #bb-cm-manager-ui .bb-cm-manager-cookies,
  #bb-cm-manager-ui .bb-cm-manager-purpose__cookie {
    padding-left: 0;
  }
}
table.bb-cm-table tr {
  display: table-row;
}

.btn-primary {
  order: 2;
}

.btn-outline-primary {
  order: 3;
  background-color: var(--grey-lighter);
  border-color: var(--grey-light);
  color: var(--txt-c);
}
.btn-outline-primary:hover {
  background-color: var(--grey-lighter);
  border-color: var(--grey-light);
  color: var(--txt-c);
}

.btn-secondary {
  order: 1;
  background-color: var(--white);
  border-color: var(--prime-color);
  color: var(--prime-color);
}
.btn-secondary:hover {
  background-color: var(--white);
  border-color: var(--prime-color);
  color: var(--prime-color);
}

/*# sourceMappingURL=_styler.css.map */