/* =============================================================================
   TA-HANNOVER.DE — COMBINED STYLESHEET
   Merged from main.css + new.css
   Sections:
    01. CSS Custom Properties (Brand Colors & Config)
    02. Base Reset & Normalize
    03. Body & HTML
    04. Typography — Headings, Text Classes
    05. Links
    06. Layout — Header & Structure
    07. Navigation & Hamburger Menu
    08. Forms — Inputs, Checkboxes, Radio Buttons
    09. Buttons — Shared Base + Color Variants
    10. File-Type Badges (PDF, ZIP, PPT, MP4…)
    11. Event Cards — Status Badges
    12. Banner Components & Pseudo-element Labels
    13. Logo, Image & Banner Layout Helpers
    14. Utility Classes (Color, Flex, Spacing, Font, Align)
    15. Component Helpers (map, booking, spacing)
    16. Animations
    17. Responsive Media Queries
    18. Third-party Libraries (BA Pattern Library, Bootstrap Grid)
         DO NOT EDIT this section
============================================================================= */


/* =============================================================================
   07. NAVIGATION & HAMBURGER MENU
============================================================================= */

/* background color top menu */
.site-header {
background-color: #43505f;
}

/* Mobile nav slide-in */
.site-nav {
  display: none;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  will-change: transform;
  transform: translateX(100%);
  background: var(--color-blue-nav);
  transition: all var(--transition);
  box-shadow: 0 10px 20px rgba(0,0,0,.22), 0 14px 56px rgba(0,0,0,.25);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}

.site-nav--active { transform: translateX(0); }

.site-nav__link {
  display: block;
  padding: .225rem 4.5rem;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  color: #fff;
  text-align: right;
}
.site-nav__link:hover,
.site-nav__link:active {
  background: 0 0;
  color: var(--color-blue-light);
  transition: color .5s ease;
}

/* Desktop nav — shown above 450px */
@media screen and (min-width: 450px) {
  .site-nav {
    text-align: center;
    margin-top: 0;
    display: block !important;
    transform: none;
    background: 0;
    box-shadow: none;
    height: auto;
    width: 100%;
  }
  .site-nav:before,
  .site-nav__hamburger,
  .site-nav__social { display: none; }

  .site-nav__link {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.9rem 1.4rem;
    color: rgba(255,255,255,1.0);
    transition: color .5s ease;
  }
  .site-nav__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30%;
    height: 1px;
    background: #fff;
    transform: translate(-250%, 0) rotate(0);
    opacity: 0;
    transition: all var(--transition);
  }
  .site-nav__link:hover,
  .site-nav__link:active { background: 0 0; color: var(--color-blue-light); transition: color .5s ease; }
  .site-nav__link:hover::before { transform: translate(-50%, 0) rotate(0); opacity: 1; }
}

/* Hamburger button */
.c-hamburger {
  margin: 0 0 0 auto;
  padding: 0;
  width: 30px;
  position: relative;
  z-index: 1000;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  background: 0 0;
  -webkit-tap-highlight-color: transparent;
}
.c-hamburger:focus { outline: 0; }
.c-hamburger:active .c-hamburger__line { opacity: .5; }

.c-hamburger__line {
  display: block;
  margin: 0 0 5px;
  width: 100%;
  height: 2px;
  background: #FAFAFA;
  pointer-events: none;
  transition: all var(--transition);
}
.c-hamburger__line:nth-child(1),
.c-hamburger__line:nth-child(3) { transform-origin: center center; }
.c-hamburger__line:last-child    { margin-bottom: 0; }

.c-hamburger--active .c-hamburger__line              { position: absolute; }
.c-hamburger--active .c-hamburger__line:nth-child(1) { transform: rotate(45deg); }
.c-hamburger--active .c-hamburger__line:nth-child(2) { opacity: 0; }
.c-hamburger--active .c-hamburger__line:nth-child(3) { transform: rotate(-45deg); }



/* =============================================================================
   15. COMPONENT HELPERS
============================================================================= */

/* Sticky booking overview */
.booking-overview-container { margin-bottom: 15px !important; }
.booking-overview-container.sticky {
  position: fixed;
  top: var(--header-height);
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  border-radius: 0 0 5px 5px;
}
.booking-overview-container.sticky section.ba-tile { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; }
.booking-overview-container section.ba-tile        { margin-bottom: 0 !important; overflow: hidden; }
.booking-overview-container .ba-tile > div         { padding-bottom: 0; }
.booking-overview-container + .col-lg-12           { margin-top: 0; }

.booking-overview-placeholder        { display: none; height: 0; margin: 0; padding: 0; }
.booking-overview-placeholder.active { display: block; margin-bottom: 20px; }

#stickyWrapperBooking section.ba-tile.va-color-blau { overflow: hidden; }


/* =============================================================================
   16. ANIMATIONS
============================================================================= */

.fade-in  { animation: fadeIn  .5s; }
.fade-out { animation: fadeOut .5s; }
@keyframes fadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.blink     { animation: blinker     1.5s linear infinite; }
.blink-one { animation: blinker-one 1s   linear infinite; }
.blink-two { animation: blinker-two 3.4s linear infinite; }
@keyframes blinker     { 50%  { opacity: 0; } }
@keyframes blinker-one { 0%   { opacity: 0; } }
@keyframes blinker-two { 100% { opacity: 0; } }


/* =============================================================================
   17. RESPONSIVE MEDIA QUERIES
   Ordered from smallest breakpoint to largest
============================================================================= */

/* Show mobile logo only below 525px */
@media only screen and (max-width: 525px) {
  .ba-content-header { display: none; }
}

/* Hide mobile logo above 525px */
@media only screen and (min-width: 525px) {
  .headerlogo360 { display: none; }
}

/* Hide ZKB stamps below 1400px */
@media only screen and (max-width: 1400px) {
  .zkblogo,
  .zkblogo2 { display: none; }
}

/* Disable sticky booking on small screens */
@media (max-width: 991px) {
  .booking-overview-container.sticky { position: static !important; box-shadow: none !important; }
  .booking-overview-placeholder.active { display: none !important; }
}

/* Booking overview — large screens, tall */
@media (min-width: 992px) and (min-height: 900px) {
  #stickyWrapperBooking section.ba-tile.va-color-blau {
    border-radius: 5px !important;
    border: 1px solid #4a90e2;
    overflow: hidden;
    padding-bottom: 0;
  }
}

/* Booking overview — large screens, short */
@media (min-width: 992px) and (max-height: 899px) {
  #stickyWrapperBooking:not(.sticky) section.ba-tile.va-color-blau {
    border-radius: 5px !important;
    border: 1px solid #4a90e2;
    overflow: hidden;
    padding-bottom: 0;
  }
  #stickyWrapperBooking.sticky section.ba-tile.va-color-blau {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    border: 1px solid #4a90e2;
    border-top: none;
    overflow: hidden;
    padding-bottom: 0;
  }
}

/* Bootstrap container widths */
@media (min-width: 576px)  { .container, .container-sm { max-width: 540px; } }
@media (min-width: 768px)  { .container, .container-md, .container-sm { max-width: 720px; } }
@media (min-width: 992px)  { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } }
@media (min-width: 1280px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } }
@media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } }


/* =============================================================================
   01. CSS CUSTOM PROPERTIES
   Brand colors — change here, updates everywhere
============================================================================= */

:root {
  /* Brand colors */
  --color-blue:        #367bbf;
  --color-blue-light:  #2196F3;
  --color-blue-dark:   #4d93c1;
  --color-blue-nav:    #43505f;
  --color-red:         #9c0000;
  --color-red-bright:  red;
  --color-teal:        #25aae1;
  --color-green:       #25b615;
  --color-orange:      #f5821f;
  --color-grey:        #666;
  --color-grey-dark:   #424242;
  --color-grey-light:  #ccc;
  --color-bg:          #f9fbfc;
  --color-bg-light:    #F1F5FF;
  --color-bg-input:    #f8f9fb;

  /* Structural */
  --header-height: 40px;
  --font-main:     "Verdana", sans-serif;
  --radius-sm:     3px;
  --radius-md:     5px;
  --transition:    0.25s cubic-bezier(.23, 1, .32, 1);
}


/* =============================================================================
   02. BASE RESET & NORMALIZE
============================================================================= */

*,
::after,
::before {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

* {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit;
}

:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  font: .625rem/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

[hidden], audio:not([controls]), template { display: none; }
details, main, summary { display: block; }

pre, textarea { overflow: auto; }
textarea { width: 220px; resize: vertical; }
small { font-size: 75%; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
code, kbd, pre, samp { font-family: monospace, monospace; }
nav ol, nav ul { list-style: none; }
a { text-decoration: none; }
progress { display: inline-block; }

input[type=number] { width: auto; }
input[type=search] { -webkit-appearance: textfield; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }

select::-ms-expand { display: none; }
select::-ms-value  { color: currentColor; }

[unselectable] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button,
textarea {
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  min-height: 1.5em;
}

@media screen {
  [hidden~=screen] { display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}


/* =============================================================================
   03. BODY & HTML
============================================================================= */

html { overflow-y: scroll; }

body {
  height: 100%;
  font-family: var(--font-main);
  font-size: 13px;
  font-size: 1.3rem;
  color: var(--color-grey);
  background-color: var(--color-bg);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

ol { margin-bottom: 2.25rem; }
ol, .u-mgl { margin-left: 2.25rem; }
ol li, p { color: #424242; }

.content {
  max-width: 1400px;
  margin: auto;
  font-size: 13px;
  color: var(--color-grey);
}


/* =============================================================================
   04. TYPOGRAPHY — HEADINGS & TEXT CLASSES
============================================================================= */

body, h1, h2, h3, h4, h5, h6, p { font-family: var(--font-main); }

/* Standard HTML headings */
h1  { font-size: 130%;  line-height: 140%; color: var(--color-blue); }
h2  { font-size: 110%;  line-height: 160%; margin-top: 10px; margin-bottom: 15px; color: var(--color-grey); }
h3  { font-size: 110%;  line-height: 140%; color: var(--color-blue); }
h4  { font-size: 100%;  line-height: 130%; color: var(--color-blue); }
h5  { font-size: 120%;  color: red; }
h6  { font-size: 110%;  line-height: 140%; color: var(--color-grey); }

/* Non-standard heading elements used in CMS templates */
h7  { font-size: 110%;  line-height: 130%; color: var(--color-blue); font-weight: bold; }
h8  { font-size: 100%;  line-height: 130%; font-weight: normal; color: var(--color-grey); margin-top: 0; }
h10 { font-size: 100%;  line-height: 120%; font-weight: bold; color: var(--color-grey); margin-top: 0; }
h11 { font-size: 117%;  line-height: 120%; font-weight: bold; color: var(--color-grey); margin-top: 0; }
h12 { font-size: 120%;  line-height: 120%; font-weight: bold; color: var(--color-blue); margin-bottom: 0; }

/* Content text classes */
.seminar-title { text-decoration: none; font-size: 130%; }
.date          { text-decoration: none; font-size: 87%; margin-top: 2px; }
.planung       { text-decoration: none; color: var(--color-red); }
.VA-Art        { font-size: 12px; }
.va-red        { color: red; font-size: 120%; font-weight: bold; }
.inhousetext   { color: var(--color-blue-light); font-size: 13px; font-family: Verdana; font-weight: normal; }
.selectedValue { color: var(--color-grey); font-size: 90%; font-weight: 600; }
.referenten    { font-size: 100%; font-style: italic; color: var(--color-blue); margin-bottom: 10px; }
.pause         { font-size: 100%; color: var(--color-blue); margin-bottom: 10px; font-weight: bold; }
.diskussion    { font-size: 100%; margin-bottom: 10px; font-weight: bold; }
.hinweistext   { font-family: var(--font-main); font-size: 0.8em; color: var(--color-blue); margin-left: 2px; }
.hinweistextgelb { font-family: var(--font-main); font-size: 0.8em; background-color: #fffd54; margin-left: 2px; }
.highlight     { background-color: rgba(37, 170, 225, 0.3); }

/* Agenda / schedule classes */
.time    { color: var(--color-blue); font-weight: bold; }
.time2   { color: var(--color-blue); font-weight: bold; margin-bottom: 5px; margin-top: 30px; }
.title   { font-weight: bold; }
.speaker { margin-top: 0; color: var(--color-blue); font-style: italic; }
.block   { margin-top: 30px; color: var(--color-orange); }

/* soon label — CMS pseudo-element */
.soon::before { content: "Seminar startet in Kürze"; }

/* Large display titles on event banners */
.GAT    { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 10px solid #d6813a; font-size: 50px; color: var(--color-blue-dark); font-weight: bold; line-height: 55px; }
.SEMINAR { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 10px solid var(--color-blue-dark); font-size: 50px; color: #1c2c3b; font-weight: bold; line-height: 55px; }


/* =============================================================================
   05. LINKS
============================================================================= */

/* Red link */
a.linkred,
a.linkred:visited { color: var(--color-red); text-decoration: none; font-size: 100%; }
a.linkred:hover   { color: var(--color-red); text-decoration: underline; }

/* Standard blue link */
a.link,
a.link:visited { color: var(--color-blue-light); font-size: 13px; }
a.link:hover   { color: red; text-decoration: none; }

/* Footer link */
a.link-footer,
a.link-footer:visited { color: var(--color-blue-light); font-size: 13px; }
a.link-footer:hover   { color: red; text-decoration: none; }

/* Banner link */
a.link-banner,
a.link-banner:visited { color: var(--color-blue-light); font-size: 11px; }
a.link-banner:hover   { color: red; text-decoration: none; }

/* Modal trigger link */
.link2 { cursor: pointer; text-decoration: none; }
.link2:hover { transform: translate3d(15px, 0, 0); transition: .6s cubic-bezier(.19, 1, .22, 1); }


/* =============================================================================
   06. LAYOUT — HEADER & STRUCTURE
============================================================================= */

.site-header {
  width: 100%;
  height: var(--header-height);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 100;
  padding: 1.5rem 2.25rem;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: 1.2s cubic-bezier(.19, 1, .22, 1);
  will-change: background-color, box-shadow;
  box-shadow: 0 0 0 transparent;
}

#box { box-shadow: 5px 5px 5px #ccc; }




/* =============================================================================
   08. FORMS — INPUTS, CHECKBOXES, RADIO BUTTONS
============================================================================= */

/* Standard input fields */
.loginoff {
  margin-top: 2px;
  max-width: 100%;
  min-width: 200px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid #d4d5d7;
  background-color: var(--color-bg-input);
}

.passwordoff {
  margin-top: 2px;
  width: 100px;
  height: 28px;
  padding: 0 10px;
  border-radius: var(--radius-sm);
  border: 1px solid #d4d5d7;
  background-color: var(--color-bg-input);
}

input {
  -webkit-appearance: none;
  font-size: 120%;
  margin-top: 2px;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #d4d5d7;
}

/* Native checkbox */
input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #fff;
  height: 20px;
  width: 20px;
  border: 1px solid var(--color-blue-light);
  border-radius: var(--radius-sm);
}
input[type=checkbox]:hover   { background-color: var(--color-blue-light); }
input[type=checkbox]:checked { background-color: var(--color-blue-light); }

/* Native radio */
input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  height: 20px;
  width: 20px;
  border: 1px solid red;
  border-radius: var(--radius-sm);
}
input[type=radio]:hover   { background-color: red; }
input[type=radio]:checked { background-color: red; }

/* Big checkbox variant */
.big-checkbox + label { padding: 18px; }
.big-checkbox:checked + label::after { font-size: 28px; left: 6px; }

/* Styled radio (label-based) */
.regular-radio { display: none; }
.regular-radio + label {
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid var(--color-blue);
  box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
  padding: 6px;
  border-radius: 50px;
  display: inline-block;
  position: relative;
}
.regular-radio:checked + label::after {
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 3px;
  background: #99a1a7;
  box-shadow: inset 0 0 10px rgba(0,0,0,.3);
  font-size: 32px;
}
.regular-radio:checked + label {
  background-color: #e9ecee;
  color: var(--color-blue);
  border: 1px solid var(--color-blue);
  box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05),
              inset 15px 10px -12px rgba(255,255,255,.1), inset 0 0 10px rgba(0,0,0,.1);
}
.regular-radio + label:active,
.regular-radio:checked + label:active { box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 1px 3px rgba(0,0,0,.1); }

.big-radio + label { padding: 16px; }
.big-radio:checked + label::after { width: 24px; height: 24px; left: 4px; top: 4px; }

/* Form tag */
.tag {
  font-family: Arial, sans-serif;
  width: 200px;
  position: relative;
  top: 5px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  float: left;
}
.radio-1       { width: 193px; }
.button-holder { float: left; }

/* Custom checkmark components — green and white variants share same logic */
.checkmark-right { padding: 0 20px 0 0; }

.container-g,
.container-w {
  display: block;
  position: relative;
  padding-left: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.container-g input,
.container-w input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.checkmark-g,
.checkmark-w {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: var(--radius-sm);
  border: 1px solid #ccc;
}
.checkmark-g { background-color: rgba(54, 251, 210, 0.175); }
.checkmark-w { background-color: #fff; }

.container-g:hover input ~ .checkmark-g,
.container-w:hover input ~ .checkmark-w,
.container-g input:checked ~ .checkmark-g,
.container-w input:checked ~ .checkmark-w {
  background-color: var(--color-blue-light);
  border: 1px solid var(--color-blue-light);
}

.checkmark-g::after,
.checkmark-w::after { content: ""; position: absolute; display: none; }

.container-g input:checked ~ .checkmark-g::after,
.container-w input:checked ~ .checkmark-w::after { display: block; }

.container-g .checkmark-g::after,
.container-w .checkmark-w::after {
  left: 6px;
  top: 1px;
  width: 7px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/* Vortrag select dropdown */
.vortrag {
  background: var(--color-blue-light);
  border: 0;
  padding-left: 5px;
  height: 28px;
  width: 100%;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  font-family: Verdana;
  border-radius: var(--radius-sm);
  display: inline-block;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* =============================================================================
   09. BUTTONS — SHARED BASE + COLOR VARIANTS
============================================================================= */

/* button1 — white/blue outline, large */
.button1 {
  -webkit-appearance: none;
  background-color: #fff;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-blue);
  display: inline-block;
  cursor: pointer;
  color: var(--color-blue);
  font-size: 14px;
  text-align: center;
  font-family: Verdana;
  font-weight: normal;
  padding: 10px 11px;
  text-decoration: none;
}
.button1:hover  { background-color: var(--color-blue); color: #fff; }
.button1:active { position: relative; }

/* button2 family — filled colored buttons, bold, large */
.button2, .button222, .button2222, .button22222 {
  -webkit-appearance: none;
  border-radius: var(--radius-sm);
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  padding: 3px 10px;
  text-decoration: none;
}
.button2     { background-color: red; }
.button222   { background-color: var(--color-blue); }
.button2222  { background-color: var(--color-grey-light); }
.button22222 { background-image: linear-gradient(to right, red, var(--color-blue)); }
.button2:hover, .button222:hover, .button2222:hover, .button22222:hover { color: #fff; }
.button2:active, .button222:active, .button2222:active, .button22222:active { position: relative; }

/* button22 — small red badge */
.button22 {
  -webkit-appearance: none;
  background-color: red;
  border-radius: var(--radius-sm);
  border: 1px solid red;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 11px;
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  padding: 2px 8px;
  text-decoration: none;
}
.button22:hover  { background-color: red; color: #fff; }
.button22:active { position: relative; }

/* button3 — small red with blue border */
.button3 {
  -webkit-appearance: none;
  background-color: red;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-blue);
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 11px;
  text-align: center;
  font-family: Verdana;
  font-weight: bold;
  padding: 2px 8px;
  text-decoration: none;
}
.button3:hover  { background-color: var(--color-blue); color: #fff; }
.button3:active { position: relative; }

/* buttonred — dark red outline */
.buttonred {
  -webkit-appearance: none;
  background-color: #fff;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-red);
  display: inline-block;
  cursor: pointer;
  color: var(--color-red);
  font-size: 12px;
  text-align: center;
  font-family: Verdana;
  font-weight: normal;
  padding: 4px 11px;
  text-decoration: none;
}
.buttonred:hover  { background-color: var(--color-red); color: #fff; }
.buttonred:active { position: relative; }

/* button5 family — full-width action buttons (shared structure) */
.button5,
.button5t,
.button5tblue,
.button5tred,
.button5red,
.button5f,
.button5d,
.button5s {
  -webkit-appearance: none;
  border-radius: var(--radius-sm);
  display: inline-block;
  cursor: pointer;
  font-family: Verdana, Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}
.button5::-moz-focus-inner,
.button5d::-moz-focus-inner { border: 0; padding: 0; }

.button5 { margin: 10px 0 20px; border: 1px solid var(--color-blue-light); background: var(--color-blue-light); color: #fff; font-size: 12px; padding: 4px 11px; width: 100%; }
.button5:hover { background-color: #fff; color: var(--color-blue-light); }
.button5:active { position: relative; }

.button5t { margin: 20px 0; border: 1px solid var(--color-blue-light); background: var(--color-blue-light); color: #fff; font-size: 12px; padding: 4px 11px; width: 100%; display: block; }
.button5t:hover { background-color: #fff; color: var(--color-blue-light); }
.button5t:active { position: relative; }

.button5tblue { margin: 20px 0; border: 1px solid var(--color-blue-light); background: var(--color-blue-light); color: #fff; font-size: 12px; padding: 11px; width: 100%; }
.button5tblue:hover { background-color: #fff; color: var(--color-blue-light); }
.button5tblue:active { position: relative; }

.button5tred { margin: 20px 0; border: 1px solid var(--color-red); background: var(--color-red); color: #fff; font-size: 12px; padding: 4px 11px; width: 100%; }
.button5tred:hover { background-color: #fff; color: var(--color-red); }
.button5tred:active { position: relative; }

.button5red { margin: 20px 0; padding: 4px 20px; background: var(--color-red); border: 1px solid var(--color-red); color: #fff; width: 100%; font-size: 13px; height: 28px; }
.button5red:hover  { background: #fff; border-color: var(--color-red); color: var(--color-red); }
.button5red:active { background: var(--color-red); color: #fff; }

.button5f { padding: 4px 20px; background: var(--color-blue-light); border: 1px solid var(--color-blue-light); color: #fff; font-size: 12px; height: 28px; }
.button5f:hover  { background: #fff; border-color: var(--color-blue-light); color: var(--color-blue-light); }
.button5f:active { background: var(--color-red); border-color: var(--color-red); color: #fff; }

.button5d { margin: 20px 0 40px; padding: 4px 20px; background: var(--color-red); border: 1px solid var(--color-red); color: #fff; font-size: 13px; height: 28px; width: 100%; }
.button5d:hover  { background: #fff; border-color: var(--color-red); color: var(--color-red); }
.button5d:active { background: var(--color-red); color: #fff; }

.button5s {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  padding: 0 20px;
  height: 28px;
  background: var(--color-blue-light);
  border: 1px solid var(--color-blue-light);
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  user-select: none;
}
.button5s:hover  { background: #fff; border-color: var(--color-blue-light); color: var(--color-blue-light); }
.button5s:active { background: var(--color-blue-light); color: #fff; }
.button5s:focus  { outline: 2px solid var(--color-blue-light); outline-offset: 2px; }
.button5s::-moz-focus-inner { border: 0; padding: 0; }

.button5ss { padding: 2px 8px 4px; background: var(--color-blue-light); border: 1px solid var(--color-blue-light); color: #fff; font-size: 9px; font-family: Verdana; border-radius: var(--radius-sm); height: 20px; }
.button5ss:hover  { background: #fff; border-color: var(--color-blue-light); color: var(--color-blue-light); }
.button5ss:active { background: var(--color-blue-light); color: #fff; }

.button5old { -webkit-appearance: none; background-color: #fff; border-radius: var(--radius-sm); border: 1px solid var(--color-blue-light); display: inline-block; cursor: pointer; color: var(--color-blue-light); font-size: 12px; text-align: center; font-family: Verdana; font-weight: normal; padding: 4px 11px; text-decoration: none; }
.button5old:hover { background-color: var(--color-blue-light); color: #fff; }
.button5old:active { position: relative; }

.button55 { -webkit-appearance: none; background-color: #fff; border-radius: var(--radius-sm); border: 1px solid var(--color-blue); display: inline-block; cursor: pointer; color: var(--color-blue); font-size: 8px; text-align: center; font-family: Verdana; font-weight: normal; padding: 0 11px 4px; text-decoration: none; }
.button55:hover { background-color: var(--color-blue); color: #fff; }
.button55:active { position: relative; }

.button7x { -webkit-appearance: none; background-color: red; border-radius: var(--radius-sm); border: 1px solid red; display: inline-block; cursor: pointer; color: #fff; font-size: 12px; text-align: center; font-family: Verdana; font-weight: normal; padding: 4px 11px; text-decoration: none; }
.button7x:hover  { background-color: red; color: #fff; }
.button7x:active { position: relative; }

.button9 { -webkit-appearance: none; background-color: var(--color-red); border-radius: var(--radius-sm); border: 1px solid var(--color-red); display: inline-block; cursor: pointer; color: #fff; font-size: 12px; text-align: left; font-family: Verdana; font-weight: normal; padding: 4px 9px 3px; text-decoration: none; margin-bottom: 0; }

/* Event type indicator buttons (small) */
.buttonHybrid, .buttonOnline, .buttonPerson {
  -webkit-appearance: none;
  border-radius: var(--radius-sm);
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 10px;
  text-align: center;
  font-family: Verdana;
  font-weight: normal;
  padding: 0 5px;
  text-decoration: none;
}
.buttonHybrid { background-color: var(--color-blue); }
.buttonOnline { background-color: red; }
.buttonPerson { background-color: var(--color-teal); }

/* Submit button — white/teal outline */
.buttonSubmit { -webkit-appearance: none; background-color: #fff; border-radius: var(--radius-sm); border: 1px solid var(--color-teal); display: inline-block; cursor: pointer; color: var(--color-teal); font-size: 12px; text-align: center; font-family: Verdana; font-weight: normal; padding: 4px 11px; text-decoration: none; }
.buttonSubmit:hover { background-color: var(--color-teal); color: #fff; text-decoration: none; }

/* Colored label badge buttons */
.button-green, .button-blue, .button-web, .button-mp4, .button-ppt, .button-zip, .button-pdf {
  -webkit-appearance: none;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 11px;
  text-align: center;
  font-family: Verdana;
  font-weight: normal;
  width: 40px;
  text-decoration: none;
  margin-right: 3px;
}
.button-green { background-color: var(--color-green); }
.button-blue  { background-color: var(--color-blue-light); }
.button-web   { background-color: #0f6ee4; }
.button-mp4   { background-color: #0f6ee4; }
.button-ppt   { background-color: red; }
.button-zip   { background-color: var(--color-green); }
.button-pdf   { background-color: red; }


/* =============================================================================
   10. FILE-TYPE BADGES
   Flat inline badges for downloadable files
============================================================================= */

.button7, .button77, .button11, .button8, .button8b, .button10 {
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  display: inline-block;
  cursor: pointer;
  color: #fff;
  font-size: 11px;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 0;
}
.button7  { background-color: #dd0922; padding: 0 9px; }   /* PDF */
.button77 { background-color: #ff7350; padding: 0 9px; }   /* PowerPoint */
.button11 { background-color: #0f6ee4; padding: 0 8px; }   /* Bilder/Images */
.button8  { background-color: var(--color-green); padding: 0 9px; }  /* ZIP online */
.button8b { background-color: var(--color-grey);  padding: 0 8px; }  /* ZIP offline */
.button10 { background-color: var(--color-green); padding: 0 7px; font-size: 10px; } /* Maps */


/* =============================================================================
   11. EVENT CARDS — STATUS BADGES
   Banner strips and type indicators on seminar cards
============================================================================= */

/* Shared base for event-type top strips */
.seminar, .transparent, .tagung, .seminare, .onlinelg, .comingVA, .certificate, .inplanung {
  -webkit-appearance: none;
  color: #fff;
  font-size: 13px;
  text-align: center;
  font-family: Verdana;
  font-weight: normal;
  padding: 3px 10px;
  text-decoration: none;
}
.seminar     { background-color: var(--color-blue);    border-radius: var(--radius-sm) var(--radius-sm) 0 0; text-align: left; padding: 3px 10px 3px 20px; }
.seminare    { background-color: var(--color-teal);    border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.certificate { background-color: var(--color-teal);    border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.comingVA    { background-color: var(--color-blue);    border-radius: var(--radius-sm); }
.inplanung   { background-color: var(--color-blue-nav); border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
.onlinelg    { background-color: red; border-radius: 0; }
.transparent { background-color: transparent; border-radius: var(--radius-sm) var(--radius-sm) 0 0; }

/* Card top banner strips — full-bleed */
.online       { background: red;  color: #fff; font-size: 100%; padding: 0 20px; border-radius: 4px 4px 0 0; margin: -10px -20px 0; text-align: center; }
.inperson     { background: var(--color-blue); color: #fff; font-size: 100%; padding: 0 20px; border-radius: 4px 4px 0 0; margin: -10px -20px 0; text-align: center; }
.warenkorb-blau { background: var(--color-blue); color: #fff; font-size: 100%; padding: 0 20px; border-radius: 0; margin: -10px -20px 0; text-align: center; }
.gradient     { background: linear-gradient(90deg, rgba(54,123,191,1) 33%, rgba(255,0,0,1) 66%); color: #fff; font-size: 100%; padding: 0 20px; border-radius: 4px 4px 0 0; margin: -10px -20px 0; text-align: center; }
.hybrid       { -webkit-appearance: none; background-image: linear-gradient(to right, red, var(--color-teal)); border-radius: 0; color: #fff; font-size: 13px; text-align: center; font-family: Verdana; font-weight: normal; padding: 3px 10px; text-decoration: none; }

/* Tile border colors */
.va-color-rot   { background-color: #fff; border: 1px solid red; }
.va-color-rot:hover { background-color: rgba(241, 245, 255, 1.0); }
.va-color-blau  { border: 1px solid var(--color-blue); }
.va-color-blau:hover { background-color: rgba(241, 245, 255, 1.0); }
.va-color-blau2 { background-color: #fff; border: 1px solid var(--color-blue); }
.va-color-grau  { background-color: #fff; border: 1px solid var(--color-grey-light); }
.va-color-grau:hover { background-color: rgba(241, 245, 255, 1.0); }


/* =============================================================================
   12. BANNER COMPONENTS & PSEUDO-ELEMENT LABELS
   ::before text injected via CSS for banner overlay content
============================================================================= */

.topSeminar0 { margin-top: 55px; margin-left: 30px; width: 175px; }
.topSeminar1 { margin-top: 20px; margin-left: 30px; width: 560px; }
.topSeminar2 { margin-top: 20px; margin-left: 30px; width: 660px; }
.topSeminar3 { margin-top: 0;    margin-left: 30px; width: 560px; }

/* Banner 1 — GAT */
.seminar1a::before { font-family: 'Verdana', sans-serif; font-size: 197%; font-weight: 800; line-height: 140%; color: #1c2c3b; content: "GAT"; }
.seminar1b::before { font-family: 'Verdana', sans-serif; font-size: 137%; font-weight: 800; line-height: 120%; color: var(--color-blue-dark); content: ""; }
.seminar1c::before { font-family: 'Verdana', sans-serif; font-size: 147%; font-weight: 800; line-height: 120%; color: var(--color-blue-dark); content: "Göttinger Abwassertage"; }
.seminar1d::before { font-family: 'Verdana', sans-serif; color: #1c2c3b; font-size: 115%; line-height: 170%; content: "24.-25. Februar 2026 in Göttingen"; }
.seminar1e::before { font-family: 'Verdana', sans-serif; font-size: 92%; line-height: 120%; content: "weitere Informationen und Anmeldung"; }
.seminar1f::before { font-family: 'Verdana', sans-serif; font-size: 92%; line-height: 120%; content: ""; }

/* Banner 2 — FB */
.seminar2a::before { font-family: 'Verdana', sans-serif; font-size: 237%; font-weight: 800; line-height: 160%; color: #1c2c3b; content: "FB"; }
.seminar2b::before { font-family: 'Verdana', sans-serif; font-size: 127%; font-weight: 800; line-height: 130%; color: var(--color-blue-dark); content: "Flüssigboden"; }
.seminar2c::before { font-family: 'Verdana', sans-serif; font-size: 127%; font-weight: 800; line-height: 130%; color: var(--color-blue-dark); content: ""; }
.seminar2d::before { font-family: 'Verdana', sans-serif; font-size: 105%; color: #1c2c3b; content: "21. Mai 2026 online"; }
.seminar2e::before { font-family: 'Verdana', sans-serif; font-size: 92%; content: "weitere Informationen und Anmeldung"; }
.seminar2f::before { font-family: 'Verdana', sans-serif; font-size: 92%; content: ""; }

/* Banner 3 — ZFR */
.seminar3a::before { font-family: 'Verdana', sans-serif; font-size: 237%; font-weight: 800; line-height: 160%; color: var(--color-blue-dark); content: "ZFR"; }
.seminar3b::before { font-family: 'Verdana', sans-serif; font-size: 137%; font-weight: 800; line-height: 100%; color: var(--color-blue-dark); content: "Zertifizierter Fachplaner"; }
.seminar3c::before { font-family: 'Verdana', sans-serif; font-size: 137%; font-weight: 800; line-height: 120%; color: var(--color-blue-dark); content: "Regenwassermanagement"; }
.seminar3d::before { font-family: 'Verdana', sans-serif; font-size: 115%; color: #1c2c3b; content: "Ab 09. Februar 2026 online"; }
.seminar3e::before { font-family: 'Verdana', sans-serif; font-size: 92%; content: "weitere Informationen und Anmeldung"; }
.seminar3f::before { font-family: 'Verdana', sans-serif; font-size: 92%; content: ""; }

/* Underline decorators — event acronym accent lines */
.underlineBanner1 { margin: 0 0 10px 1px;   border-bottom: 6px solid var(--color-blue-dark); width: 55px; }
.underlineBanner2 { margin: -9px 0 10px 2px; border-bottom: 6px solid var(--color-blue-dark); width: 40px; }
.underlineBanner3 { margin: -9px 0 10px 1px; border-bottom: 6px solid #1c2c3b; width: 65px; }

/* White underlines for event label abbreviations */
.underlineFB   { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 50px; }
.underlineST   { margin: -11px 0 0 1px; border-bottom: 6px solid #fff; width: 53px; }
.underlineBR   { margin: -11px 0 0 4px; border-bottom: 6px solid #fff; width: 57px; }
.underlineBL   { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 51px; }
.underlineGEP  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 83px; }
.underlineZKB  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 83px; }
.underlineDST  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 83px; }
.underlineDRT  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 83px; }
.underlineGAT  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 85px; }
.underlineDTG  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 85px; }
.underlineZFR  { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 80px; }
.underlineKB   { margin: -11px 0 0 3px; border-bottom: 6px solid #fff; width: 143px; }

/* Grey underlines for nav section labels */
.underlineSeminare   { margin: 2px 0 0 6px; border-bottom: 6px solid #666; opacity: .5; width: 88px; }
.underlineZertifikat { margin: 2px 0 0 6px; border-bottom: 6px solid #666; opacity: .5; width: 192px; }
.underlinePlanung    { margin: 2px 0 0 6px; border-bottom: 6px solid #666; opacity: .5; width: 102px; }

/* Banner item spacing helpers */
.ba1-1, .ba2-1, .ba3-1 { margin-top: 0; }
.ba1-2, .ba2-2, .ba3-2 { margin-top: 0; }
.ba1-3, .ba2-3, .ba3-3 { margin-top: 0; }
.ba1-4, .ba2-4, .ba3-4 { margin-top: 5px; }


/* =============================================================================
   13. LOGO, IMAGE & BANNER LAYOUT HELPERS
============================================================================= */

/* Desktop header logo */
.headerlogo {
  background-image: url("https://ta-hannover.de/images/tah-logo-banner-neu.png");
  background-size: 250px;
  width: 280px;
  height: 130px;
  background-position: top 20px left 30px;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Mobile header logo — shown below 525px */
.headerlogo360 {
  background-image: url("https://ta-hannover.de/images/tah-logo-banner.png");
  background-size: 250px;
  width: 280px;
  height: 130px;
  margin-top: 20px;
  margin-bottom: 80px;
  background-position: top 40px left 30px;
  background-repeat: no-repeat;
}

/* Small logo in header bar */
.logo1 {
  background-image: url("https://ta-hannover.de/images/tah-logo.png");
  background-size: 50px;
  width: 50px;
  height: 20px;
  background-position: top 0 left 0;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

/* Full-width banner image */
.bannerWhite {
  background-image: url("https://ta-hannover.de/images/bannerWhite.png");
  background-size: 1600px;
  width: 1600px;
  height: 433px;
  background-position: top 0 left 0;
  background-repeat: no-repeat;
  z-index: 5;
}

/* ZKB certification stamp overlays */
.zkblogo,
.zkblogo2 {
  background-image: url("zkb-stempel.png");
  background-size: contain;
  position: absolute;
  rotate: -10deg;
  z-index: 1;
  opacity: .2;
  width: 130px;
  height: 130px;
  background-repeat: no-repeat;
}
.zkblogo  { top: 415px; left: 635px; }
.zkblogo2 { top: 220px; left: 470px; }

/* Image box helpers */
.containerBox { position: relative; width: 100%; font-family: Verdana, Arial; }

.textBox {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0);
  padding: 0 20px 15px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 300%;
}
.textBox2 {
  position: absolute;
  top: 65px;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0);
  padding: 0 20px 15px;
  width: 100%;
  color: #fff;
  font-weight: bold;
  font-size: 300%;
}
.boxImage { width: 100%; height: 150px; border-radius: 3px 3px 0 0; opacity: .9; }

/* Header background */
.headerbackground { background-image: url("https://ta-hannover.de/neu/frau.jpg"); background-position: center; background-repeat: no-repeat; }
.headertext { font-family: 'Montserrat', sans-serif; font-size: 1.3rem; width: 80px; text-align: center; margin-top: 30px; margin-left: 20px; }

/* Google Maps */
.map-container { width: 100%; height: 247px; max-width: 1400px; margin: 0 auto; }
.map-container iframe { width: 100%; height: 100%; border: 0; }

/* Divider line */
.vertical-line { width: 2px; height: 11px; background-color: var(--color-grey); display: inline-block; }

/* Fotorama banner */
.fotorama-banner { margin: 0 -10px -15px; }

/* BA content header min-height fix */
header.ba-content-header { min-height: 310px; background-color: #f9fbfc; }

/* Custom list items */
.custom-list-item         { display: block; margin-bottom: 5px; padding-left: 12px; position: relative; }
.custom-list-item .bullet { position: absolute; left: 0; }
.custom-list-item .item-text { display: inline; }

/* Form / dynamic section containers */
.person { margin-bottom: 20px; }
.secondSelectContainer,
.thirdSelectContainer { display: none; }
.fourthSelectContainer { display: none; }


/* =============================================================================
   14. UTILITY CLASSES
============================================================================= */

/* Color */
.u-clr-grey       { color: #9E9E9E; }
.u-clr-dark-grey  { color: #424242; }
.u-clr-light-grey { color: #E0E0E0; }
.u-clr-blue       { color: #2196F3; }
.u-clr-red        { color: #F44336; }
.u-clr-green      { color: var(--color-blue); }
.u-clr-yellow     { color: #FFEB3B; }
.u-clr-twitter    { color: #00aced; }
.u-clr-dribbble   { color: #E56293; }
.u-clr-primary    { color: #12CEA4; }

/* Background */
.u-bg-white    { background-color: #FAFAFA; }
.u-bg-black    { background-color: #fff; }
.u-bg-grey     { background-color: #9E9E9E; }
.u-bg-dark-grey { background-color: #424242; }
.u-bg-light-grey { background-color: #E0E0E0; }
.u-bg-primary  { background-color: #12CEA4; }
.u-bg-blue     { background-color: #2196F3; }
.u-bg-red      { background-color: #F44336; }
.u-bg-green    { background-color: #4CAF50; }
.u-bg-yellow   { background-color: #FFEB3B; }
.u-bg-twitter  { background-color: #00aced; }
.u-bg-facebook { background-color: #3b5998; }
.u-bg-google   { background-color: #dd4b39; }
.u-bg-linkedin { background-color: #007bb6; }

/* SVG fill */
.u-fill-white      { fill: #FAFAFA; }
.u-fill-black      { fill: #fff; }
.u-fill-grey       { fill: #9E9E9E; }
.u-fill-dark-grey  { fill: #424242; }
.u-fill-light-grey { fill: #E0E0E0; }
.u-fill-blue       { fill: #2196F3; }
.u-fill-red        { fill: #F44336; }
.u-fill-green      { fill: #4CAF50; }
.u-fill-yellow     { fill: #FFEB3B; }

/* Flex */
.u-flex         { display: flex; flex-wrap: wrap; }
.u-flex--col    { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.u-flex--middle { align-items: center; }
.u-flex--top    { align-items: flex-start; }
.u-flex--bottom { align-items: flex-end; }
.u-flex--center { justify-content: center; }
.u-flex--start  { justify-content: flex-start; }
.u-flex--end    { justify-content: flex-end; }
.u-flex--space-h { justify-content: space-between; }
.u-flex--1      { flex: 1; }

/* Margin */
.u-mg-none  { margin: 0 !important; }
.u-mgt-sm   { margin-top: 1.5rem; }
.u-mgt      { margin-top: 2.25rem; }
.u-mgr-sm   { margin-right: 1.5rem; }
.u-mgr      { margin-right: 2.25rem; }
.u-mgb-sm   { margin-bottom: 1.5rem; }
.u-mgb      { margin-bottom: 2.25rem; }
.u-mgb-lg   { margin-bottom: 3.375rem; }
.u-mgl-sm   { margin-left: 1.5rem; }

/* Padding */
.u-pd-none  { padding: 0 !important; }
.u-pdt-sm   { padding-top: 1.5rem; }
.u-pdt      { padding-top: 2.25rem; }
.u-pdr-sm   { padding-right: 1.5rem; }
.u-pdr      { padding-right: 2.25rem; }
.u-pdb-sm   { padding-bottom: 1.5rem; }
.u-pdb      { padding-bottom: 2.25rem; }
.u-pdl-sm   { padding-left: 1.5rem; }
.u-pdl      { padding-left: 2.25rem; }
.u-pdt-hh   { padding-top: 8.9rem; }

/* Spacing helpers */
.abstand5-5  { margin-top: 5px; margin-bottom: 5px; }
.abstand5-0  { margin-top: 5px; margin-bottom: 0; }
.abstand10-0 { margin-top: 10px; margin-bottom: 0; }

/* Font */
.u-font-light   { font-weight: 300; }
.u-font-regular { font-weight: 400; }
.u-font-bold    { font-weight: 700; }
.u-font-xsmall  { font-size: .667rem; }
.u-font-small   { font-size: 1rem; }
.u-font-normal  { font-size: 1.5rem; }
.u-font-nnormal { font-size: 1.875rem; }
.u-font-medium  { font-size: 2.25rem; }
.u-font-mmedium { font-size: 2.812rem; }
.u-font-mmmedium { font-size: 3.374rem; }
.u-font-large   { font-size: 5.062rem; }
.u-font-xlarge  { font-size: 6rem; }
.u-font-xxlarge { font-size: 11.391rem; }
.u-font-serif   { font-family: Georgia, serif; }
.u-txt-upper    { text-transform: uppercase; }
.u-txt-lower    { text-transform: lowercase; }

/* Viewport */
.u-vh-100  { height: 100vh; }
.u-vh-50   { height: 50vh; }
.u-vw-100  { width: 100vw; }
.u-vw-50   { width: 50vw; }
.u-mvh-100 { min-height: 100vh; }
.u-mvh-50  { min-height: 50vh; }
.u-mvw-100 { min-width: 100vw; }
.u-mvw-50  { min-width: 50vw; }

/* Alignment */
.u-align-left   { text-align: left; }
.u-align-center { text-align: center; }
.u-align-right, .site-nav__link { text-align: right; }



/* =============================================================================
   18. THIRD-PARTY LIBRARIES
   !! DO NOT EDIT !!
   @design/bapf-pattern-library v3.4.0 | Bootstrap v5.1.1
============================================================================= */

:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1280px;--bs-breakpoint-xxl:1400px}.ba-flexrow,.ba-progress-form,.ba-tilerow,.row{--bs-gutter-x:24px;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.ba-flexrow>*,.ba-progress-form>*,.ba-tilerow>*,.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.col{flex:1 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%}.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{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.375rem}.g-1,.gy-1{--bs-gutter-y:0.375rem}.g-2,.gx-2{--bs-gutter-x:0.75rem}.g-2,.gy-2{--bs-gutter-y:0.75rem}.g-3,.gx-3{--bs-gutter-x:1.5rem}.g-3,.gy-3{--bs-gutter-y:1.5rem}.g-4,.gx-4{--bs-gutter-x:2.25rem}.g-4,.gy-4{--bs-gutter-y:2.25rem}.g-5,.gx-5{--bs-gutter-x:4.5rem}.g-5,.gy-5{--bs-gutter-y:4.5rem}
@media(min-width:576px){.col-sm{flex:1 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%}.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{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.375rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.375rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.75rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.75rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1.5rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1.5rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:2.25rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:2.25rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:4.5rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:4.5rem}}
@media(min-width:768px){.col-md{flex:1 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%}.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{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.375rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.375rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.75rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.75rem}.g-md-3,.gx-md-3{--bs-gutter-x:1.5rem}.g-md-3,.gy-md-3{--bs-gutter-y:1.5rem}.g-md-4,.gx-md-4{--bs-gutter-x:2.25rem}.g-md-4,.gy-md-4{--bs-gutter-y:2.25rem}.g-md-5,.gx-md-5{--bs-gutter-x:4.5rem}.g-md-5,.gy-md-5{--bs-gutter-y:4.5rem}}
@media(min-width:992px){.col-lg{flex:1 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%}.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{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.375rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.375rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.75rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.75rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1.5rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1.5rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:2.25rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:2.25rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:4.5rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:4.5rem}}
@media(min-width:1280px){.col-xl{flex:1 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%}.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{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.375rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.375rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.75rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.75rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1.5rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1.5rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:2.25rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:2.25rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:4.5rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:4.5rem}}
@media(min-width:1400px){.col-xxl{flex:1 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-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{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.375rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.375rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.75rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.75rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1.5rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1.5rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:2.25rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:2.25rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:4.5rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:4.5rem}}.table,table.ba-table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:#666;--bs-table-bg:transparent;--bs-table-border-color:#595959;--bs-table-accent-bg:transparent;--bs-table-striped-color:#666;--bs-table-striped-bg:rgba(0,0,0,.05);--bs-table-active-color:#666;--bs-table-active-bg:rgba(0,0,0,.1);--bs-table-hover-color:#666;--bs-table-hover-bg:rgba(0,0,0,.075);width:100%;margin-bottom:1.5rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*,table.ba-table>:not(caption)>*>*{padding:.75rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody,table.ba-table>tbody{vertical-align:inherit}.table>thead,table.ba-table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid #595959}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.75rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000}.table-primary,.table-secondary{color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000}.table-info,.table-success{color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000}.table-danger,.table-warning{color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000}.table-dark,.table-light{color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:1279.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}


/* tiles */
.ba-layout-tile,.ba-tile{margin-bottom:1.5rem;padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:20px; border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08);position:relative;width:100%;background-color:#fff;color:#666}

ba-tile-trans{margin-bottom:1.5rem;padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:20px; border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08);position:relative;width:100%;background-color:transparent;color:#666}

.ba-layout-tile:not(:focus),.ba-tile:not(:focus){outline:1px solid transparent}.ba-layout-tile .ba-copytext:not(.ba-form-group-info),.ba-tile .ba-copytext:not(.ba-form-group-info){margin-bottom:1.5rem}.ba-layout-tile .ba-copytext:last-child,.ba-layout-tile .ba-copytext:last-child>:last-child:not(.ba-linklist),.ba-tile .ba-copytext:last-child,.ba-tile .ba-copytext:last-child>:last-child:not(.ba-linklist){margin-bottom:0;padding-bottom:0}.ba-layout-tile.ba-double-distance,.ba-tile.ba-double-distance{margin-bottom:3rem}.ba-layout-tile hr,.ba-tile hr{margin:12px -24px}.ba-layout-tile .ba-layout-tile,.ba-layout-tile .ba-tile,.ba-tile .ba-layout-tile,.ba-tile .ba-tile{margin-bottom:.75rem;padding:12px}.ba-layout-tile .ba-layout-tile.ba-double-distance,.ba-layout-tile .ba-tile.ba-double-distance,.ba-tile .ba-layout-tile.ba-double-distance,.ba-tile .ba-tile.ba-double-distance{margin-bottom:1.5rem}

.ba-copytext a,.ba-tile:not(.ba-layoutless) .ba-copytext a:active,.ba-tile:not(.ba-layoutless) .ba-copytext a:focus,.ba-tile:not(.ba-layoutless) .ba-copytext a:hover,.ba-tile:not(.ba-layoutless) .ba-copytext a:visited{text-decoration:underline}.ba-tile:not(.ba-layoutless) .ba-heading{position:relative;margin-top:0;line-height:1.2}.ba-tile:not(.ba-layoutless) .ba-heading.ba-icon:before{transition:background-color .08s ease-in-out;position:absolute;top:0;border-radius:50%;text-align:center}
@media(max-width:767.98px){.ba-tile:not(.ba-layoutless) .ba-heading{margin-bottom:.75rem}.ba-tile:not(.ba-layoutless) .ba-heading.ba-icon{margin-bottom:1.5rem;padding-right:55px}.ba-tile:not(.ba-layoutless) .ba-heading.ba-icon:before{right:0;width:51px;height:51px;font-size:31px;line-height:51px}}

@media(min-width:768px){.ba-tile:not(.ba-layoutless) .ba-heading{margin-bottom:.75rem}.ba-tile:not(.ba-layoutless) .ba-heading.ba-icon{padding-top:112px;box-sizing:content-box}.ba-tile:not(.ba-layoutless) .ba-heading.ba-icon:before{width:100px;height:100px;font-size:60px;line-height:100px}}.ba-tile:not(.ba-layoutless)>.ba-heading:not(.ba-icon):last-child,.ba-tile:not(.ba-layoutless)>.ba-heading:not(.ba-icon):only-child{margin-bottom:0}.ba-tile:not(.ba-layoutless) .ba-link-head{transition:box-shadow .08s ease-in-out;position:relative;width:calc(100% + (24px * 2));margin:-24px -24px 24px;padding:24px 24px 10px}.ba-tile:not(.ba-layoutless) .ba-link-head:after{display:block;height:2px;transition:background-size .08s ease-in-out,background-position .08s ease-in-out;border-radius:1px;background:rgba(2,14,37,.08) linear-gradient(180deg,transparent,transparent 2px,#b30920) no-repeat top;background-size:50% 20px;content:""}.ba-tile:not(.ba-layoutless) .ba-link-head:not(.active):focus-within:after,.ba-tile:not(.ba-layoutless) .ba-link-head:not(.active):focus:after,.ba-tile:not(.ba-layoutless) .ba-link-head:not(.active):hover:after{outline:1px solid transparent;outline-offset:-1px;background-position:bottom;background-size:100% 20px}
@media(-ms-high-contrast:active),(forced-colors:active),(prefers-contrast:more){.ba-tile:not(.ba-layoutless) .ba-link-head{border-top-left-radius:5px;border-top-right-radius:5px;outline:1px solid CanvasText}}.ba-tile:not(.ba-layoutless) .ba-link-head:after{transition:background-size .08s ease-in-out,background-position .08s ease-in-out,margin-top .08s ease-in-out,margin-bottom .08s ease-in-out;position:absolute;bottom:0;left:24px;width:calc(100% - (24px * 2));margin-top:8px}.ba-tile:not(.ba-layoutless) .ba-link-head .ba-heading{margin-bottom:12px} 

@media(max-width:767.98px){.ba-tile:not(.ba-layoutless) .ba-link-head .ba-heading.ba-icon{min-height:51px}}.ba-tile:not(.ba-layoutless) .ba-link-head .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.04)}.ba-tile:not(.ba-layoutless) .ba-link-head>:last-child{margin-bottom:12px}.ba-tile:not(.ba-layoutless) .ba-link-head:focus:after,.ba-tile:not(.ba-layoutless) .ba-link-head:hover:after{margin-top:-2px;margin-bottom:10px}.ba-tile:not(.ba-layoutless) .ba-link-head:focus .ba-heading.ba-icon:before,.ba-tile:not(.ba-layoutless) .ba-link-head:hover .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.08)}.ba-tile:not(.ba-layoutless) .ba-link-head:hover{box-shadow:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08)}.ba-tile:not(.ba-layoutless) .ba-link-head:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08)}.ba-tile:not(.ba-layoutless) .ba-link-head:active:after{background:#601}.ba-tile:not(.ba-layoutless) .ba-link-head:active .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.12)}.ba-tile:not(.ba-layoutless) ul:not(.ba-linklist){display:block;margin:0;padding:0;list-style:none}.ba-tile:not(.ba-layoutless) ul:not(.ba-linklist) li{display:inline;margin:0;padding:0}.ba-tile:not(.ba-layoutless) ul:not(.ba-linklist) li a:focus,.ba-tile:not(.ba-layoutless) ul:not(.ba-linklist) li a:hover{text-decoration:underline}.ba-tile:not(.ba-layoutless) ul:not(.ba-linklist) li+li:before{display:inline-block;width:0;height:0;margin:-2px 9px 0 6px;border:1.5px solid rgba(2,14,37,.32);border-radius:50%;line-height:1rem;content:"";vertical-align:middle}.ba-tile:not(.ba-layoutless) footer{margin-top:auto;padding-top:12px}.ba-tile:not(.ba-layoutless) .ba-badges{display:inline-block;position:absolute;top:8px;right:-8px;font-size:0;z-index:2}.ba-tile:not(.ba-layoutless) .ba-badges span{display:inline-block;height:20px;margin-left:4px;padding:3px 12px 1px;border-radius:2px;outline:1px solid transparent;color:#fff;font-family:Roboto Bold,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:16px;text-transform:uppercase}.ba-tile:not(.ba-layoutless) .ba-badges span:before{font-size:0;text-transform:none;content:" "}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-blue{background-color:#0b70eb}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-yellow{background-color:#ffe900;color:#666}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-red{background-color:#b30920}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-green{background-color:#1f8904}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-orange{background-color:#ff8500;color:#666}.ba-tile:not(.ba-layoutless) .ba-badges .ba-badge-grey{background-color:#595959}.ba-tile.ba-link-tile:not(.ba-img-bg){padding-bottom:38px;box-shadow:none}





@media(max-width:575.98px){.ba-tile.ba-link-tile:not(.ba-img-bg) .ba-heading.ba-icon{min-height:51px}}.ba-tile.ba-link-tile:not(.ba-img-bg) .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.04)}.ba-tile.ba-link-tile:not(.ba-img-bg) .ba-image{transition:filter .08s ease-in-out}.ba-tile.ba-link-tile:not(.ba-img-bg) .ba-image:active{filter:brightness(.84)}.ba-tile.ba-link-tile:not(.ba-img-bg):hover .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.08)}.ba-tile.ba-link-tile:not(.ba-img-bg):hover .ba-image{filter:brightness(.92)}.ba-tile.ba-link-tile:not(.ba-img-bg):active .ba-heading.ba-icon:before{background-color:rgba(2,14,37,.12)}.ba-tile.ba-link-tile:not(.ba-img-bg):active .ba-image{filter:brightness(.84)}.ba-tile.ba-link-tile:not(.ba-img-bg) a{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08);transition:box-shadow .08s ease-in-out;display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;z-index:1}


.soon::before {
content: "Seminar startet in Kürze";
}

/* farbe der striches ändern */
.ba-tile.ba-link-tile:not(.ba-img-bg) a:after{display:block;height:2px;transition:background-size .08s ease-in-out,background-position .08s ease-in-out;border-radius:1px;background:rgba(2,14,37,.08) linear-gradient(180deg,transparent,transparent 2px,#0b70eb) no-repeat top;background-size:50% 20px;content:""}.ba-tile.ba-link-tile:not(.ba-img-bg) a:not(.active):focus-within:after,.ba-tile.ba-link-tile:not(.ba-img-bg) a:not(.active):focus:after,.ba-tile.ba-link-tile:not(.ba-img-bg) a:not(.active):hover:after{outline:1px solid transparent;outline-offset:-1px;background-position:bottom;background-size:100% 20px}.ba-tile.ba-link-tile:not(.ba-img-bg) a:after{position:absolute;right:24px;bottom:24px;left:24px}.ba-tile.ba-link-tile:not(.ba-img-bg) a:active,.ba-tile.ba-link-tile:not(.ba-img-bg) a:focus,.ba-tile.ba-link-tile:not(.ba-img-bg) a:hover,.ba-tile.ba-link-tile:not(.ba-img-bg) a:visited{color:#666;text-decoration:none}.ba-tile.ba-link-tile:not(.ba-img-bg) a:hover{box-shadow:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08)}.ba-keyboard-mode .ba-tile.ba-link-tile:not(.ba-img-bg) a:focus{box-shadow:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08),1px 1px 0 1px #f9fbfc,1px -1px 0 1px #f9fbfc,-1px 1px 0 1px #f9fbfc,-1px -1px 0 1px #f9fbfc,0 0 0 2px #f9fbfc,0 0 0 4px #666}.ba-tile.ba-link-tile:not(.ba-img-bg) a:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08)}.ba-tile.ba-link-tile:not(.ba-img-bg) a:active:after{background:red}
@media(-ms-high-contrast:active),(forced-colors:active),(prefers-contrast:more){.ba-tile.ba-link-tile:not(.ba-img-bg){outline-color:LinkText;color:LinkText}}.ba-tile.ba-with-image .ba-heading{text-align:left}.ba-tile.ba-with-image .ba-image{position:relative;width:calc(100% + (24px * 2));height:120px;margin:-24px -24px 24px;border-top-left-radius:5px;border-top-right-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden}.ba-tile.ba-with-image.ba-img-inline .ba-image{width:100%;margin:0 0 24px;border-radius:0;background-position:0;background-size:contain}.ba-tile.ba-with-image.ba-img-inline .ba-image img{object-fit:contain;object-position:0 50%}.ba-tile.ba-img-large .ba-image{height:200px}.ba-tile.ba-img-bg{min-height:300px;padding:4px}.ba-tile.ba-img-bg:before{display:block;height:116px;content:""}.ba-tile.ba-img-bg .ba-image{border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;margin:0}.ba-tile.ba-img-bg .ba-overlay{-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px);border-radius:3px;background-color:hsla(0,0%,100%,.8);transition:background-color .08s ease-in-out;margin-top:auto;padding:24px 20px 20px;z-index:1}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;background-color:transparent;content:"";transition:background-color .08s ease-in-out}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image:hover:after{background-color:rgba(2,14,37,.08)}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image:active:after{background-color:rgba(2,14,37,.16)}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image:active .ba-overlay,.ba-tile.ba-img-bg.ba-link-tile.ba-with-image:hover .ba-overlay{background-color:hsla(0,0%,100%,.9)}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image .ba-overlay{position:relative;transition:background-color .08s ease-in-out;z-index:1}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image a{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;color:inherit;z-index:2}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image a:hover{box-shadow:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08)}.ba-tile.ba-img-bg.ba-link-tile.ba-with-image a:active{box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08)}@media(-ms-high-contrast:active),(forced-colors:active),(prefers-contrast:more){.ba-tile.ba-img-bg.ba-link-tile.ba-with-image{outline-color:LinkText;color:LinkText}}.ba-tile.ba-img-left{padding-left:24px}
@media(min-width:576px){.ba-tile.ba-img-left{padding-left:209px}}.ba-tile.ba-img-left .ba-image{position:absolute;top:0;left:0;width:185px;height:100%;margin:0;border-top-right-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:0}
@media(max-width:575.98px){.ba-tile.ba-img-left .ba-image{position:relative;width:calc(100% + (24px * 2));height:200px;margin:-24px -24px 24px;border-top-right-radius:5px;border-bottom-left-radius:0}}.ba-tile.ba-img-left .ba-image.ba-icon:before{transition:background-color .08s ease-in-out;border-radius:50%;text-align:center}
@media(max-width:575.98px){.ba-tile.ba-img-left .ba-image.ba-icon{position:absolute;top:24px;right:24px;left:auto;width:51px;height:51px;margin:0}.ba-tile.ba-img-left .ba-image.ba-icon:before{width:51px;height:51px;font-size:31px;line-height:51px}.ba-tile.ba-img-left .ba-image.ba-icon+h1,.ba-tile.ba-img-left .ba-image.ba-icon+h2,.ba-tile.ba-img-left .ba-image.ba-icon+h3,.ba-tile.ba-img-left .ba-image.ba-icon+h4,.ba-tile.ba-img-left .ba-image.ba-icon+h5,.ba-tile.ba-img-left .ba-image.ba-icon+h6{min-height:51px;padding-right:55px}}
@media(min-width:576px){.ba-tile.ba-img-left .ba-image.ba-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(2,14,37,.04),rgba(2,14,37,.06))}.ba-tile.ba-img-left .ba-image.ba-icon:before{width:100px;height:100px;font-size:60px;line-height:100px}}.ba-tile.ba-img-left.ba-img-inline .ba-image{top:24px;left:24px;width:137px;height:calc(100% - 48px);border-radius:0;background-position:50%;background-size:contain}.ba-tile.ba-img-left.ba-img-inline .ba-image img{object-fit:contain;object-position:50% 50%}
@media(max-width:575.98px){.ba-tile.ba-img-left.ba-img-inline .ba-image{top:0;left:0;width:100%;height:100px;margin:0 0 24px;background-position:0}.ba-tile.ba-img-left.ba-img-inline .ba-image img{object-position:0 50%}}
@media(min-width:576px){.ba-tile.ba-img-left.ba-link-tile a:after{left:209px!important}}.ba-tile.ba-img-left.ba-link-tile .ba-image.ba-icon:before{background-color:rgba(2,14,37,.04)}
@media(min-width:576px){.ba-tile.ba-img-left.ba-link-tile .ba-image.ba-icon:before{background-color:transparent}}.ba-tile.ba-img-left.ba-link-tile:hover .ba-image.ba-icon{filter:none}.ba-tile.ba-img-left.ba-link-tile:hover .ba-image.ba-icon:before{background-color:rgba(2,14,37,.08)}
@media(min-width:576px){.ba-tile.ba-img-left.ba-link-tile:hover .ba-image.ba-icon:before{background-color:rgba(2,14,37,.04)}}.ba-tile.ba-img-left.ba-link-tile:active .ba-image.ba-icon{filter:none}.ba-tile.ba-img-left.ba-link-tile:active .ba-image.ba-icon:before{background-color:rgba(2,14,37,.12)}
@media(min-width:576px){.ba-tile.ba-img-left.ba-link-tile:active .ba-image.ba-icon:before{background-color:rgba(2,14,37,.08)}}.ba-tile.ba-img-only{min-height:150px;padding:0;background-repeat:no-repeat;background-position:50%;background-size:cover;overflow:hidden}.ba-tile.ba-img-only *{display:none}.ba-tile.ba-img-only img,.ba-tile.ba-img-only picture{display:block}.ba-tile.ba-quicklink{padding-bottom:15px;transition:border-bottom-color .08s ease-in-out;border-bottom:9px solid rgba(255,133,0,.5)}.ba-tile.ba-quicklink.ba-link-tile{padding-bottom:15px}.ba-tile.ba-quicklink.ba-link-tile a{bottom:-9px}.ba-tile.ba-quicklink.ba-link-tile a:after{content:none}.ba-tile.ba-quicklink:after{position:absolute;bottom:-5px;left:0;width:100%;height:5px;border-radius:0 0 5px 5px;background:#fff;content:""}.ba-tile.ba-quicklink:hover{border-bottom-color:#ff8500}.ba-tile.ba-quicklink:hover .ba-subline:after{transform:translateX(4px)}.ba-tile.ba-quicklink .ba-subline{display:block;position:relative;margin:0 0 4px;text-transform:uppercase}.ba-tile.ba-quicklink .ba-subline:after{position:absolute;right:0;transition:transform .08s ease-in-out;font-size:1.125rem;line-height:.875rem}.ba-tile.ba-quicklink .ba-heading{margin:0 0 6px;color:#666;font-family:Roboto Bold,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.2}.ba-tile.ba-quicklink .ba-heading:last-child{margin-bottom:0}
@media(-ms-high-contrast:active),(forced-colors:active),(prefers-contrast:more){.ba-tile.ba-quicklink .ba-heading,.ba-tile.ba-quicklink .ba-subline{color:LinkText}}.ba-flexrow>*,.ba-tilerow>*{display:flex;align-items:stretch}.ba-flexrow.container-fluid,.ba-tilerow.container-fluid{margin-right:auto;margin-left:auto;padding-right:0;padding-left:0}



@media(min-width:768px){.ba-flexrow.container-fluid,.ba-tilerow.container-fluid{padding-right:12px;padding-left:12px}.ba-cardrow-wrap .ba-tile:not(.ba-img-bg):not(.ba-quicklink) .ba-heading,.ba-flexrow .ba-tile:not(.ba-img-bg):not(.ba-quicklink) .ba-heading,.ba-tilerow .ba-tile:not(.ba-img-bg):not(.ba-quicklink) .ba-heading{min-height:51px}}.ba-cardrow-wrap .ba-img-only,.ba-flexrow .ba-img-only,.ba-tilerow .ba-img-only{min-height:200px}.ba-cardrow-wrap{margin-bottom:1.5rem;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08);overflow:hidden}.ba-cardrow-wrap.ba-blank{border-radius:0;box-shadow:none}.ba-cardrow-wrap.ba-blank>.ba-flexrow>*>*,.ba-cardrow-wrap.ba-blank>.ba-tilerow>*>*,.ba-cardrow-wrap.ba-blank>.row>*>*{background-color:#f9fbfc}.ba-cardrow-wrap>.ba-flexrow>*,.ba-cardrow-wrap>.ba-tilerow>*,.ba-cardrow-wrap>.row>*{display:flex;align-items:stretch;padding:0}.ba-cardrow-wrap>.ba-flexrow>*>*,.ba-cardrow-wrap>.ba-tilerow>*>*,.ba-cardrow-wrap>.row>*>*{flex-basis:100%;outline:1px solid rgba(2,14,37,.16);background-color:#fff}.ba-cardrow-wrap .ba-tile{margin:0;padding-right:36px;padding-left:36px;border-radius:0;box-shadow:none}.ba-cardrow-wrap .ba-tile.ba-img-bg,.ba-cardrow-wrap .ba-tile.ba-img-only{margin:-1px;padding:0;outline:none}
/* @media(max-width:575.98px){.modal .modal-dialog{width:100%;max-width:100%}}.modal .modal-dialog.ba-prompt{padding:24px} */
@media(min-width:576px){.modal .modal-dialog.ba-prompt{width:480px;padding:0}}.modal .modal-dialog.ba-prompt .modal-content{border-radius:5px}.modal .modal-header{display:block}.modal .modal-title{margin:0;padding:3px 47px 0 0;font-size:1.520625rem;line-height:1.2}
@media(min-width:768px){.modal .modal-title{padding-top:20px;font-size:1.728125rem}}.modal .modal-title.ba-icon{position:relative;padding-left:36px}.modal .modal-title.ba-icon:before{position:absolute;top:6px;left:0;width:24px;height:24px;font-size:24px;line-height:24px}.modal .ba-modal-close{position:absolute;top:24px;right:24px;max-width:2.1875rem;background:none;z-index:1}.modal .modal-content{box-shadow:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08);border-radius:5px;background-color:#fff}
@media(min-width:576px){.modal .modal-content{border-radius:5px}}.modal .modal-body{padding-top:0;font-size:13px;}.modal .modal-body>:last-child{margin-bottom:0}.modal .modal-footer{padding:0 24px 24px}
@media(max-width:575.98px){.modal .modal-title{padding-top:20px;font-size:1.728125rem}}{.modal .modal-footer .ba-btn{order:2}.modal .modal-footer .ba-btn-primary:not(:only-child){order:1;margin:0 0 12px}}
@media(min-width:576px){.modal .modal-title{padding-top:20px;font-size:1.728125rem}}{.modal .modal-footer .ba-btn{margin-left:12px}.modal .modal-footer.ba-centered-buttons{text-align:center}.modal .modal-footer.ba-centered-buttons .ba-btn{margin:0 6px}}.modal .ba-headless{height:48px;padding:0;border:none}.modal.ba-left .modal-dialog,.modal.ba-right .modal-dialog{position:fixed;top:0;height:100%;max-height:100%;margin:0;transition:transform .24s}
@media(min-width:576px){.modal.ba-left .modal-dialog,.modal.ba-right .modal-dialog{width:70%;max-width:70%}}
@media(min-width:768px){.modal.ba-left .modal-dialog,.modal.ba-right .modal-dialog{width:55%;max-width:55%}}
@media(min-width:992px){.modal.ba-left .modal-dialog,.modal.ba-right .modal-dialog{width:40%;max-width:980px}}.modal.ba-left.show .modal-dialog,.modal.ba-right.show .modal-dialog{transform:none}.modal.ba-left .modal-content,.modal.ba-right .modal-content{height:100%;max-height:100%;border:none;border-radius:0;outline:1px solid transparent}.modal.ba-right .modal-dialog{right:0;transform:translateX(100%)}.modal.ba-left .modal-dialog{left:0;transform:translateX(-100%)}.ba-breadcrumb{margin-bottom:1.5rem;display:inline-block;font-size:.8125rem;line-height:1.5;vertical-align:top}
@media(min-width:768px){.ba-breadcrumb{font-size:1rem}}.ba-breadcrumb ol{transition:padding .24s ease-in-out;display:flex;position:relative;flex-direction:column;flex-wrap:wrap;align-items:baseline;margin:0;padding:0 0 0 38px;list-style:none}
@media(min-width:768px){.ba-breadcrumb ol{flex-direction:row;padding-left:0}}.ba-breadcrumb ol:before{position:absolute;top:4px;left:0;content:"..."}
@media(min-width:768px){.ba-breadcrumb ol:before{display:none}}.ba-breadcrumb ol:after{display:inline-block;font-family:BA Icons,sans-serif;font-style:normal;font-weight:400;line-height:1;text-decoration:none;text-rendering:auto;text-transform:none;speak:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";content:""/"";font-size:.75rem;position:absolute;top:9px;left:20px}
@media(min-width:768px){.ba-breadcrumb ol:after{display:none}}.ba-breadcrumb ol:focus-within,.ba-breadcrumb ol:hover{padding-left:0}.ba-breadcrumb ol:focus-within:after,.ba-breadcrumb ol:focus-within:before,.ba-breadcrumb ol:hover:after,.ba-breadcrumb ol:hover:before{display:none}.ba-breadcrumb ol:focus-within li,.ba-breadcrumb ol:hover li{position:relative;max-height:56px;opacity:1}
@media(max-width:767.98px){.ba-breadcrumb ol:focus-within li,.ba-breadcrumb ol:hover li{margin-bottom:1rem}}.ba-breadcrumb ol:focus-within li:last-child,.ba-breadcrumb ol:hover li:last-child{margin-bottom:0}.ba-breadcrumb ol:focus-within li a,.ba-breadcrumb ol:hover li a{animation:disable-pointer-events .1s}
@keyframes disable-pointer-events{0%,99%{pointer-events:none}}.ba-breadcrumb ol li{transition:max-height .08s ease-in-out;position:absolute;max-height:0;margin-right:12px;padding:5px 16px 0 0;opacity:0}
@media(min-width:768px){.ba-breadcrumb ol li{display:flex;position:relative;height:auto;max-height:none;padding:5px 20px 0 0;opacity:1}}.ba-breadcrumb ol li:first-child{padding-left:0}.ba-breadcrumb ol li:last-child{position:relative;max-height:56px;margin-right:0;padding-right:0;opacity:1}.ba-breadcrumb ol li:last-child:after{display:none}.ba-breadcrumb ol li:after{position:absolute;top:15px;right:0;font-size:.75rem}

@media(min-width:768px){.ba-breadcrumb ol li:after{top:16px}}.ba-breadcrumb ol li a{color:inherit;font-size:inherit;line-height:inherit}.ba-breadcrumb ol li a:active,.ba-breadcrumb ol li a:hover,.ba-breadcrumb ol li a:visited{color:inherit}nav.ba-breadcrumb ol li:after{line-height:0}.ba-content-header{position:relative;max-width:1280px;margin:0 auto 3.75rem;padding:24px 12px 0}.ba-content-header.ba-full-width{max-width:1921px}.ba-content-header .ba-content-wrap{max-width:1232px;margin:0 auto}.ba-content-header .ba-breadcrumb{margin:0}.ba-content-header h1{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin-top:24px;margin-bottom:6px}.ba-content-header h1:last-child{margin-bottom:0}.ba-content-header p{margin:0}.ba-content-header p:first-of-type{padding-top:6px;border-top:1px solid rgba(2,14,37,.16)}.ba-content-header .ba-header-image{position:relative;width:calc(100% + 24px);height:240px;margin:0 -12px 24px;padding:0;background:50%/cover no-repeat}.ba-content-header .ba-overlay{margin:0;padding:24px 0 0}.ba-content-header .ba-overlay h1{margin-top:0}.ba-content-header .ba-overlay p:first-of-type{padding-top:6px;border-top:1px solid rgba(2,14,37,.16)}.ba-content-header .ba-overlay .ba-btn{margin-top:12px}
@media(min-width:576px){.ba-content-header .ba-overlay .ba-btn{margin-top:24px}}.ba-content-header.ba-with-image{padding:0 12px}.ba-content-header.ba-with-image .ba-breadcrumb p{border:none}.ba-content-header.ba-with-addon{margin-bottom:0}
@media(max-width:767px){.ba-content-header{margin-bottom:4.5rem;padding:24px 24px 0}.ba-content-header .ba-header-image{height:100%;min-height:240px}.ba-content-header p:empty{min-height:0;margin:0;padding:0}.ba-content-header .ba-breadcrumb{margin-bottom:0;padding:0}.ba-content-header h1{margin-top:48px}.ba-content-header.ba-with-image{padding:10px}.ba-content-header .ba-header-image{position:absolute;top:0;left:0;width:100%;margin:0 0 24px;z-index:-1}.ba-content-header.ba-with-overlay .ba-breadcrumb{padding:0 24px 5px}.ba-content-header .ba-overlay,.ba-content-header.ba-with-overlay .ba-breadcrumb{-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px);border-radius:3px;

/*! hintergrund des kasten, weiss-intensität und durchsichtigkeit kleiner 769px*/
background-color:hsla(0, 0%, 100%, 0.4);opacity:0.7;position:relative;overflow:hidden}.ba-content-header .ba-overlay{padding:14px;max-width:450px;}.ba-content-header .ba-overlay h1{margin-bottom:6px}.ba-content-header .ba-overlay h1:only-child{margin:0}.ba-content-header .ba-overlay p{min-height:0}.ba-content-header .ba-overlay p:first-of-type{border:none}}
@media(min-width:308px){.ba-content-header{margin-bottom:4.5rem;padding:24px 24px 0}.ba-content-header .ba-header-image{height:100%;min-height:240px}.ba-content-header p:empty{min-height:0;margin:0;padding:0}.ba-content-header .ba-breadcrumb{margin-bottom:0;padding:0}.ba-content-header h1{margin-top:48px}.ba-content-header.ba-with-image{padding:10px}.ba-content-header .ba-header-image{position:absolute;opacity:0.9;border-radius:0px 0px 3px 3px;top:0;left:0;width:100%;margin:0 0 24px;z-index:-1}.ba-content-header.ba-with-overlay .ba-breadcrumb{padding:0 24px 5px}.ba-content-header .ba-overlay,.ba-content-header.ba-with-overlay .ba-breadcrumb{-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px);border-radius:3px;