/* =============================================================================
STYLESHEET: sanierungs-berater.de
Last optimized: 2026-02
Structure:
1.  Root Variables & Global Reset
2.  Fonts & Google Import
3.  Base HTML / Body
4.  Typography (Headings, Paragraphs, Links)
5.  Layout (Content Wrapper, Header, Footer)
6.  Navigation & Dropdown
7.  Forms (Inputs, Checkboxes, Radio Buttons)
8.  Buttons – Shared Base + Variants
9.  File-Type Badges (PDF, ZIP, DOC …)
10.  Alerts & Modals
11.  Utility Classes (Color, Flex, Spacing, Font, Align)
12.  Components (Checkmarks, Scroll-to-top, Hamburger)
13.  Event Cards & Status Badges (Seminar, Tagung …)
14.  Banner Pseudo-Elements & ZKB Labels
15.  Logo & Image Helpers
16.  Animations
17.  Responsive Media Queries
18.  reCAPTCHA
============================================================================= */


/* Error Pulse */

/* ============================================================
Pulse animation for re-clicking Senden when fields still
missing. Adds a brief flare on the red border so the user
feels the click was registered.
Add to valid-form-recaptcha.css (or inline in the page).
============================================================ */

@keyframes errorPulse {
0%   { box-shadow: 0 0 0 0   rgba(220, 53, 69, 0.55); }
50%  { box-shadow: 0 0 6px 6px rgba(220, 53, 69, 0.25); }
100% { box-shadow: 0 0 0 0   rgba(220, 53, 69, 0);    }
}

/* Apply to any input/select/textarea inside a .has-error group while
the .pulse-error class is on the form-group itself. Targets exactly
what valid-form.js / Bootstrap validator highlights. */
.has-error.pulse-error .form-control,
.has-error.pulse-error .form-control-required,
.has-error.pulse-error .form-control-rechnung-required,
.has-error.pulse-error .form-control-seminar,
.has-error.pulse-error select,
.has-error.pulse-error textarea,
.has-error.pulse-error input[type="text"],
.has-error.pulse-error input[type="email"],
.has-error.pulse-error input[type="tel"] {
animation: errorPulse 0.6s ease-out;
}

/* Checkbox label (AGB confirmation): pulse the green checkmark wrapper */
.has-error.pulse-error .container-g .checkmark-g,
.has-error.pulse-error .checkmark-g {
animation: errorPulse 0.6s ease-out;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
.has-error.pulse-error .form-control,
.has-error.pulse-error .form-control-required,
.has-error.pulse-error .form-control-rechnung-required,
.has-error.pulse-error .form-control-seminar,
.has-error.pulse-error select,
.has-error.pulse-error textarea,
.has-error.pulse-error input,
.has-error.pulse-error .checkmark-g {
animation: none;
}
}

/*end*/


.accordion-container {
width: 100%;
max-width: 100%;
margin: 0 auto;
border: 0px solid #ddd;
border-radius: 3px;
overflow: hidden;
}

.accordion-header {
background-color: #9c0000;
padding: 2px;
font-size:12px;
cursor: pointer;
color:#fff;
border: 1px solid #9c0000;
border-radius: 3px;
font-weight: none;
transition: background-color 0.3s;
display: flex;
justify-content: space-between;
align-items: center;
}

.accordion-header:hover {
background:#fff;
color:#9c0000;
border: 1px solid #9c0000;
}

.accordion-header.active {
background:transparent;
color:#9c0000;
border-radius: 3px;
border: 1px solid #9c0000;
}

.accordion-header.active:hover {
background-color: #596fa7;
color:#fff;
border: 1px solid #596fa7;
}


.accordion-content {
background-color: transparent;
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease-out;
padding: 0 0px;
}

.accordion-content p {
margin: 0px 0;
}

.accordion-arrow {
transition: transform 0.3s ease, color 0.3s ease;
color:#fff; 
}

.accordion-header:hover .accordion-arrow {
color: #9c0000;
}

.accordion-header.active .accordion-arrow {
transform: rotate(180deg);
color: #9c0000;
}

.accordion-header.active:hover .accordion-arrow {
color: #fff;
}


/* ORANGE ACCORDION */
/* ORANGE ACCORDION */
.accordion-header.orange {
background-color: #FF6B35;
border: 1px solid #FF6B35;
}

.accordion-header.orange:hover {
background: #fff;
color: #FF6B35;
border: 1px solid #FF6B35;
}

.accordion-header.orange.active {
background: transparent;
color: #FF6B35;
border: 1px solid #FF6B35;
}

.accordion-header.orange.active:hover {
background-color: #596fa7;
color: #fff;
border: 1px solid #596fa7;
}

.accordion-header.orange:hover .accordion-arrow {
color: #FF6B35;
}

.accordion-header.orange.active .accordion-arrow {
color: #FF6B35;
}

.accordion-header.orange.active:hover .accordion-arrow {
color: #fff;
}


/* =============================================================================
14. BANNER PSEUDO-ELEMENTS & ZKB LABELS
============================================================================= */

/* ---- Banner positioning ---- */
.banner-home { margin-top: 240px; margin-left: 30px; }
.banner1     { margin-top: 170px; margin-left: 20px; }
.banner1-seminare { margin-top: 265px; margin-left: 21px; }
.banner2     { margin-top: 235px; margin-left: 20px; }
.banner2old  { margin-top: 190px; margin-left: 30px; }
.banner3     { margin-top: 260px; margin-left: 20px; }
.banner4     { margin-top: 260px; margin-left: 20px; }

/* ---- Content pseudo-elements (inline text via ::before) ---- */

/* Hint labels */
.hinweis-highlight::before { font-size: 75%;  font-weight: 400; color: #000; margin-bottom: 15px; content: "Highlight 2024"; }
.hinweis1::before          { font-size: 75%;  font-weight: 400; color: #000; margin-bottom: 15px; content: "Ihre nächsten Lehrgänge"; }
.hinweis2::before          { font-size: 75%;  font-weight: 400; color: #000; margin-bottom: 15px; content: "Ihre nächste Weiterbildung"; }
.hinweis3::before          { font-size: 100%; font-weight: 400; color: #000; margin-bottom: 15px; content: ""; }

/* Banner 1 – Highlight event */
.seminar-high1a::before {
margin-top: 15px;
font-size: 155%;
line-height: 120%;
color: var(--color-red);
content: "13. Deutscher Reparaturtag";
}
.seminar-high1b::before { font-size: 115%; color: #000; content: "18. September 2024 in Kassel"; }

/* Banner 1 – Seminar links */
.seminar1::before,
.seminar2::before { font-size: 91%; line-height: 120%; content: "weitere Informationen und Anmeldung"; }

.seminar1a::before { content: ""; }
.seminar1b::before { font-size: 120%; color: #000; content: ""; }

/* Banner 2 – KSM */
.seminar2a::before { content: "Kanalsanierungsmassnahmen"; }
.seminar2b::before { font-size: 120%; color: #000; content: "06. Oktober 2026 online"; }

/* Banner 3 – Publications */
.seminar3a::before { content: "VSB-Publikationen"; }
.seminar3b::before { font-size: 105%; color: #000; content: "Eine der Aufgaben des VSB ist Lücken in Regelwerken zu schließen"; }
.shop::before      { font-size: 100%; content: "weiter zum VSB-Shop"; }

/* Banner 4 – Membership */
.seminar5a::before { margin-top: 20px; content: "Mitglied im VSB"; }
.seminar5b::before { font-size: 120%; color: #000; content: "Gemeinsam Lücken schließen und Qualität sichern"; }
.mitgliederbereich::before { font-size: 100%; content: "weiter zum Mitgliederbereich"; }

/* Call-to-action link labels */
.dst::before,
.drt::before,
.anmeldung::before { font-size: 100%; content: "weitere Informationen und Anmeldung"; }
.veranstaltungen::before { font-size: 100%; content: "weitere Informationen zu unseren Veranstaltungen"; }

/* ZKB course titles */
.zkb-titel::before { content: "Zertifizierte/r Kanalsanierungs-Berater/in+"; }

@media (min-width: 531px) {
.zkb-termin1::before { font-size: 108%; color: #000; content: "Zertifikats-Lehrgang+ 1/2027 ab 18. Januar 2027 in Duisburg"; }
.zkb-termin2::before { font-size: 108%; color: #000; content: "Zertifikats-Lehrgang+ 2/2027 ab 15. März 2027 online"; }
.zkb-termin3::before { font-size: 108%; color: #000; content: "Zertifikats-Lehrgang+ 3/2027 ab 13. September 2027 in Heidelberg"; }
.zkb-termin4::before { font-size: 108%; color: #000; content: "Zertifikats-Lehrgang+ 4/2027 ab 11. Oktober 2027 in Weimar"; }
}
@media (max-width: 530px) {
.zkb-termin1::before { font-size: 115%; color: #000; content: "1/2027 ab 18. Januar 2027 in Duisburg"; }
.zkb-termin2::before { font-size: 115%; color: #000; content: "2/2027 ab 15. März 2027 online"; }
.zkb-termin3::before { font-size: 115%; color: #000; content: "3/2027 ab 13. September 2027 in Heidelberg"; }
.zkb-termin4::before { font-size: 115%; color: #000; content: "4/2027 ab 11. Oktober 2027 in Weimar"; }
}

/* Wasser campaign */
.wasser1::before {
font-size: 230%;
color: var(--color-red);
line-height: 120%;
font-weight: 600;
content: "Berufseinstieg in die Wasserwirtschaft - Vom Job zur Leidenschaft";
}
.wasser2::before {
font-size: 140%;
content: "Ausbildung, Studium oder die Vorbereitung auf den Beruf – gewinnen Sie einen ersten Überblick über die Möglichkeiten in der Wasserwirtschaft.";
}

/* WhatsApp widget */
.whatsapp1::before { font-size: 1.5rem; font-weight: bold; line-height: 120%; color: var(--color-red); content: "Chatten Sie mit uns über WhatsApp!"; }
.whatsapp2::before { font-size: 1.2rem; line-height: 100%; color: var(--color-navy); content: ""; }
.whatsapp3::before { font-size: 1.2rem; line-height: 100%; color: var(--color-red); content: "+4951184869955"; }


/* =============================================================================
15. LOGOS & IMAGE HELPERS
============================================================================= */

/* Header background image */
.headerbackground {
background-image: url("images/workshopgruppe.jpg");
background-position: center;
opacity: 0.8;
background-repeat: no-repeat;
}

/* Logo placement */
.headerlogo {
background-image: url("images/logo-vsb.png");
background-size: 250px;
width: 350px;
height: 140px;
margin-bottom: -120px;
margin-left: 15px;
background-position: top 15px left 15px;
background-repeat: no-repeat;
}
.headerlogo360 {
background-image: url("images/logo-vsb.png");
background-size: 250px;
width: 350px;
height: 140px;
margin-top: 15px;
margin-bottom: 40px;
background-position: top 40px left 20px;
background-repeat: no-repeat;
}
.logo1 {
background-image: url("logo-vsb.png");
background-size: 50px;
width: 50px;
height: 20px;
background-position: top 0 left 0;
background-repeat: no-repeat;
}

/* ZKB watermark stamp */
.zkblogo, .zkblogo2 {
background-image: url("images/zkb-stempel.png");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
rotate: -10deg;
z-index: 1;
opacity: 0.2;
width: 130px;
height: 130px;
}
.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; }

/* Google Maps */
.map-container { width: 100%; height: 100%;  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; }

/* 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; }

/* =============================================================================
1. ROOT VARIABLES & GLOBAL RESET
============================================================================= */

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

/* --- Brand colours --- */
--color-red:        #B22222;
--color-red-dark:   #9c0000;
--color-red-hover:  #991a1e;
--color-blue:       #5370ac;
--color-navy:       #2D3748;
--color-text:       #666;
--color-border:     #ccc;
--color-bg-light:   #f1f5ff;
--color-bg-white:   #fff;


/* --- Gradients --- */
--gradient-orange:  linear-gradient(45deg, #FF6B35, #F7931E);
--gradient-yellow:  linear-gradient(45deg, #FFD93D, #FF9800);

/* --- Misc --- */
--border-radius:    999px;
--transition:       0.3s ease-in-out;
}

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

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


/* =============================================================================
2. FONTS & GOOGLE IMPORT
============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


/* =============================================================================
3. BASE HTML / BODY
============================================================================= */

html {
overflow-y: scroll;
}

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

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid var(--color-border);
margin: 1em 0;
}


/* =============================================================================
4. TYPOGRAPHY
============================================================================= */

/* Custom heading elements (h0, h7–h12, h33, h111, h333 are non-standard
but used throughout the site – kept as-is) */

h0  { font-size: 155%; line-height: 140%; color: var(--color-red);  font-weight: 700; }
h1  { font-size: 130%; line-height: 140%; color: var(--color-red);  font-weight: 700; }
h2  { font-size: 110%; line-height: 140%; color: var(--color-navy); margin-top: 10px; margin-bottom: 15px; }
h3  { font-size: 110%; line-height: 140%; color: #8B1A1A; font-weight: 600; }
h33 { font-size: 110%; line-height: 140%; color: var(--color-red);  font-weight: 600; }
h4  { font-size: 130%; line-height: 140%; color: #6B9BD2; font-weight: 700; }
h5  { font-size: 100%; line-height: 140%; color: #5082C4; font-weight: 500; }
h6  { font-size: 100%; line-height: 140%; color: #8B1A1A; font-weight: 500; }
h7  { font-size: 110%; line-height: 130%; color: var(--color-blue); font-weight: bold; }
h8  { font-size: 100%; line-height: 130%; color: var(--color-navy); }
h10 { font-size: 100%; line-height: 120%; color: var(--color-navy); font-weight: bold; }
h11 { font-size: 117%; line-height: 120%; color: var(--color-navy); font-weight: bold; }
h12 { font-size: 120%; line-height: 120%; color: var(--color-blue); font-weight: bold; }

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

a { text-decoration: none; }

a.link         { color: var(--color-red-hover); font-size: 100%; }
a.link:visited { color: var(--color-red-hover); }
a.link:hover   { color: var(--color-red-hover); text-decoration: underline; }

a.link-footer         { color: var(--color-red); font-size: 13px; line-height: 25px; }
a.link-footer:visited { color: var(--color-red); }
a.link-footer:hover   { color: var(--color-red); text-decoration: underline; }

a.menu         { color: #fff; }
a.menu:visited { color: #fff; }
a.menu:hover   { color: #000; }

.link2 { cursor: pointer; }
.link2:hover {
transform: translate3d(15px, 0, 0);
transition: .6s cubic-bezier(.19, 1, .22, 1);
}

.planung  { color: var(--color-red); }
.date     { font-size: 87%; margin-top: 2px; }
.seminar-link { font-size: 130%; }   /* replaces .seminar text-only usage */

.hinweistext       { font-size: 0.8em; color: var(--color-red);   margin-left: 2px; }
.hinweistextgelb   { font-size: 0.8em; background-color: #fffd54; margin-left: 2px; }

.dateien, .referent, .unterlagen, .allgemein {
color: var(--color-red);
font-weight: bold;
}
.dateien    { font-size: 130%; margin-bottom: 15px; }
.referent   { font-size: 130%; }
.unterlagen { font-size: 130%; margin-bottom: 15px; }
.allgemein  { font-size: 130%; margin-bottom: 10px; }

.selectedValue { color: var(--color-navy); font-size: 90%; font-weight: 600; }

.list-item { padding-left: 20px; position: relative; }
.list-item::before { content: "•"; position: absolute; left: 0; }


/* =============================================================================
5. LAYOUT
============================================================================= */

.content {
max-width: 1400px;
margin: auto;
font-size: 13px;
}

/* Header wrapper (fixed red bar) */
#headerwrap {
position: fixed;
top: 0;
height: 48px;
width: 100%;
max-width: 1400px;
background: linear-gradient(to bottom, #c62424 0%, var(--color-red) 100%);
z-index: 9998;
}

/* Top gradient bar */
#topbg, #bottombg {
background: linear-gradient(to bottom, #c62424 0%, var(--color-red) 100%);
width: 100%;
height: 48px;
}
#topbg     { position: fixed; }
#bottombg  { position: absolute; bottom: 0; left: 0; }

/* Main banner images */
.top, .top2 {
width: 1400px;
max-width: 100%;
height: 101px;
margin: 0 auto;
background-position: center;
}
.top  { background-image: url(https://sanierungs-berater.de/images/top4.jpg); height: 101px; }
.top2 { background-image: url(https://sanierungs-berater.de/images/top3.jpg); height: 138px; }

#main-img { height: 138px; width: 100%; }

/* Positioned utility divs */
div.fixed    { position: fixed;    width: 100%; bottom: 0; border: 1px solid #8AC007; }
div.absolute { position: absolute; width: 100%; bottom: 0; border: 1px solid #8AC007; }
div.parent {
position: relative;
height: 90px;
background-color: transparent;
margin: 30px 0 40px;
text-align: center;
line-height: 30px;
}

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

/* Content header component (BA framework override) */
header.ba-content-header {
min-height: 375px;
background-color: #f9fbfc;
margin-top: 11px !important;
}

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

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




/* =============================================================================
6. NAVIGATION & DROPDOWN
============================================================================= */

.topnav {
margin: 0 !important;
overflow: visible !important;
background: linear-gradient(to bottom, #c62424 0%, var(--color-red) 100%);
}

.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 8px 15px;
text-decoration: none;
font-size: 14px;
}

.topnav a.active,
.topnav button.dropbtn.active { background-color: var(--color-blue); color: #fff; }

.topnav .icon { display: none; }

/* Hover */
.topnav a:hover,
.dropdown:hover .dropbtn,
.dropdown-content a:hover {
background-color: var(--color-blue);
color: #fff;
text-decoration: none;
}

/* Dropdown */
.dropdown { float: left; overflow: visible; }

.dropdown .dropbtn {
font-size: 14px;
border: none;
outline: none;
color: #fff;
padding: 8px 15px;
background-color: inherit;
font-family: inherit;
margin: 0;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #c62424;
min-width: 160px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
z-index: 9999;
transition: all 0.3s ease;
}

.dropdown-content a {
float: none;
color: #fff;
padding: 5px 15px;
display: block;
text-align: left;
}

.dropdown:hover .dropdown-content { display: block; }

/* Responsive navigation: collapse below 993px (matches tile breakpoint) */
@media screen and (max-width: 992.98px) {
.topnav a:not(:first-child),
.dropdown .dropbtn { display: none; }

.dropdown.keep-mobile .dropbtn    { display: block; }
.dropdown.keep-mobile .dropdown-content { display: none; }

.topnav a.icon {
float: right;
display: block;
padding: 7px 15px;
height: 37px;
}
}

/* Expanded responsive mode (matches tile breakpoint) */
@media screen and (max-width: 992.98px) {
.topnav.responsive { position: relative; }
.topnav.responsive .icon { position: absolute; right: 0; top: 0; }
.topnav.responsive a { float: none; display: block; text-align: left; }
.topnav.responsive .dropdown { float: none; }
.topnav.responsive .dropdown-content { position: relative; display: none; }
.topnav.responsive .dropdown:hover .dropdown-content { display: block; }
.topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }
}

/* Group label in navigation */
.gruppe { color: #fff; background: #555; padding: 5px 0 5px 15px; }


/* =============================================================================
7. FORMS
============================================================================= */

input {
-webkit-appearance: none;
font-size: 120%;
margin-top: 2px;
height: 28px;
border-radius: var(--border-radius);
border: 1px solid #d4d5d7;
background-color: var(--color-bg-light);
}

textarea {
-webkit-appearance: none;
border-radius: var(--border-radius);
border: 1px solid #d4d5d7;
background-color: var(--color-bg-light);
width: 220px;
resize: vertical;
}

/* Checkbox */
input[type=checkbox] {
-webkit-appearance: none;
background-color: #fff;
height: 20px;
width: 20px;
border-color: var(--color-red-hover);
border-radius: var(--border-radius);
}
input[type=checkbox]:hover,
input[type=checkbox]:checked {
background-color: var(--color-red-hover);
border-color: var(--color-red-hover);
}

/* Radio */
input[type=radio] {
-webkit-appearance: none;
background-color: #fff;
height: 20px;
width: 20px;
border-color: var(--color-red-hover);
border-radius: var(--border-radius);
}
input[type=radio]:hover,
input[type=radio]:checked {
background-color: var(--color-red-hover);
border-color: var(--color-red-hover);
}
input[type=radio]:checked { padding-top: 4px; }

/* Named text inputs */
.loginoff {
margin-top: 2px;
max-width: 100%;
min-width: 200px;
height: 28px;
padding: 0 10px;
border-radius: var(--border-radius);
border: 1px solid #d4d5d7;
background-color: #f8f9fb;
}
.passwordoff {
margin-top: 2px;
width: 100px;
height: 28px;
padding: 0 10px;
border-radius: var(--border-radius);
border: 1px solid #d4d5d7;
background-color: #f8f9fb;
}

/* ZKB info box */
.zkb {
width: 100%;
max-width: 550px;
margin-top: 10px;
padding: 5px 0 8px 3px;
background: var(--color-bg-light);
border-radius: var(--border-radius);
border: 1px solid var(--color-border);
}

/* Custom checkmark containers (green / white) */
.container-g,
.container-w {
display: block;
position: relative;
padding-left: 10px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
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(--border-radius);
border: 1px solid var(--color-border);
}
.checkmark-g { background-color: rgba(54, 251, 210, 0.175); }
.checkmark-w { background-color: #F1F5FF;}

.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);
border-color: var(--color-blue);
}

.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);
}
.checkmark-right { padding-right: 20px; }

/* Radio button group */
.radio-1    { width: 193px; }
.button-holder { float: left; }

.regular-radio { display: none; }
.regular-radio + label {
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid var(--color-red);
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 {
background-color: #e9ecee;
color: var(--color-red);
border-color: var(--color-red);
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: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);
}
.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; }

.check { padding-top: 1px; }


/* =============================================================================
8. BUTTONS
============================================================================= */

/* --- Shared base for inline/badge-style buttons --- */
.button-base {
-webkit-appearance: none;
appearance: none;
border: none;
display: inline-block;
padding: 1px 8px 0;
width: 50px;
border-radius: 2px;
color: #fff;
font-size: 11px;
font-weight: 400;
text-align: center;
text-decoration: none;
line-height: 1.4;
margin-right: 3px;
margin-top: -1px;
vertical-align: middle;
}

/* --- Generic outlined button --- */
.button {
-webkit-appearance: none;
color: #fff;
display: inline-block;
cursor: pointer;
font-weight: normal;
text-decoration: none;
}
.button:hover  { color: #fff; }
.button:active { position: relative; }

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

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

/* --- buttonSEMI: same as button12 --- */
.buttonSEMI {
-webkit-appearance: none;
background-color: transparent;
border-radius: var(--border-radius);
border: 1px solid var(--color-red);
display: inline-block;
cursor: pointer;
color: var(--color-red);
font-size: 12px;
text-align: center;
font-weight: normal;
padding: 4px 11px;
text-decoration: none;
}
.buttonSEMI:hover  { background-color: var(--color-red); color: #fff; }
.buttonSEMI:active { position: relative; }

/* --- button2: solid red, bold --- */
.button2 {
-webkit-appearance: none;
background-color: var(--color-red);
border-radius: var(--border-radius);
border: 1px solid var(--color-red);
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: bold;
padding: 3px 11px;
text-decoration: none;
}
.button2:hover  { background-color: var(--color-red); color: #fff; }
.button2:active { position: relative; }

/* --- button9: red rounded --- */
.button9 {
-webkit-appearance: none;
background-color: var(--color-red);
border-radius: var(--border-radius);
border: 1px solid var(--color-red);
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 12px;
text-align: center;
font-weight: normal;
padding: 4px 9px 3px;
text-decoration: none;
}

/* --- button10: small green --- */
.button10 {
-webkit-appearance: none;
background-color: #25b615;
border-radius: 0;
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 10px;
text-align: center;
padding: 0 7px;
text-decoration: none;
}

/* --- Shared small inline buttons (no rounded corners) --- */
.button77, .button1111, .button8b {
-webkit-appearance: none;
border-radius: 0;
display: inline-block;
cursor: pointer;
color: #fff;
font-size: 11px;
text-align: center;
font-weight: normal;
text-decoration: none;
}
.button77   { background-color: #ff7350; padding: 0 9px; }
.button1111 { background-color: #0f6ee4; padding: 0 6px; }
.button8b   { background-color: var(--color-navy); padding: 0 8px; }

/* --- button5 family: full-width action buttons --- */
/* Shared base for button5* */
.button5, .button5t, .button5o, .button5tt, .button5ttt {
display: inline-block;
cursor: pointer;
width: 100%;
margin: 10px 0 20px;
border-radius: var(--border-radius);
color: #fff;
font-size: 12px;
text-align: center;
font-weight: normal;
padding: 4px 11px;
text-decoration: none;
}

/* button5: solid dark red */
.button5 { margin-top: 10px; background-color: var(--color-red-dark); border: 1px solid var(--color-red-dark); }
.button5:hover  { background-color: #fff; color: var(--color-red-dark); }
.button5:active { position: relative; }

/* button5t: dark red with animated hover text (orange) */
.button5t {
margin: 20px 0;
background-color: var(--color-red-dark);
border: 1px solid var(--color-red-dark);
position: relative;
transition: all var(--transition);
overflow: hidden;
}
.button5t:hover {
background: var(--gradient-orange);
border-color: #FF6B35;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(255,107,53,.3);
}
.button5t:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(255,107,53,.2); }


/* button50: dark orange with animated hover text (orange) */
.button5o {
margin: 20px 0;
background-color: #FF6B35;
border: 1px solid #FF6B35;
position: relative;
transition: all var(--transition);
overflow: hidden;
}
.button5o:hover {
background: var(--gradient-orange);
border-color: #FF6B35;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(255,107,53,.3);
}
.button5o:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(255,107,53,.2); }

/* button5tt: blue with animated hover text (yellow) */
.button5tt {
margin: 20px 0;
background-color: var(--color-blue);
border: 1px solid var(--color-blue);
position: relative;
transition: all var(--transition);
overflow: hidden;
}
.button5tt:hover {
background: var(--gradient-yellow);
border-color: #FF9800;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(255,107,53,.3);
}
.button5tt:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(255,107,53,.2); }

/* button5ttt: orange with yellow hover */
.button5ttt {
margin: 20px 0;
background-color: #FF6B35;
border: 1px solid #FF6B35;
position: relative;
transition: all var(--transition);
overflow: hidden;
}
.button5ttt:hover {
background: var(--gradient-yellow);
color: var(--color-navy);
border-color: #FF9800;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(255,107,53,.3);
}
.button5ttt:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(255,107,53,.2); }

/* Animated hover-text overlay for button5t / button5tt / button5ttt */
.button5t[data-hover-text] span,
.button5o[data-hover-text] span,
.button5tt[data-hover-text] span,
.button5ttt[data-hover-text] span { display: block; transition: opacity var(--transition); }

.button5t[data-hover-text]::after,
.button5o[data-hover-text]::after,
.button5tt[data-hover-text]::after,
.button5ttt[data-hover-text]::after {
content: attr(data-hover-text);
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: inherit;
opacity: 0;
transform: translateY(100%);
transition: all var(--transition);
}
.button5t[data-hover-text]::after   { background: var(--gradient-orange); color: #fff; }
.button5o[data-hover-text]::after   { background: var(--gradient-orange); color: #fff; }
.button5tt[data-hover-text]::after  { background: var(--gradient-yellow); color: var(--color-navy); }
.button5ttt[data-hover-text]::after { background: var(--gradient-yellow); color: var(--color-navy); }

.button5t[data-hover-text]:hover::after,
.button5o[data-hover-text]:hover::after,
.button5tt[data-hover-text]:hover::after,
.button5ttt[data-hover-text]:hover::after { opacity: 1; transform: translateY(0); }

.button5t[data-hover-text]:hover span,
.button5o[data-hover-text]:hover span,
.button5tt[data-hover-text]:hover span,
.button5ttt[data-hover-text]:hover span { opacity: 0; }

/* --- button5f / button5ff: compact fixed-height red/blue --- */
/* Shared */
.button5f, .button5ff {
padding: 4px 20px;
color: #fff;
text-align: center;
font-size: 12px;
border-radius: var(--border-radius);
height: 28px;
}
.button5f  { background: var(--color-red-dark); border: 1px solid var(--color-red-dark); }
.button5ff { background: var(--color-blue);     border: 1px solid var(--color-blue); }

.button5f:hover  { background: #fff; border-color: var(--color-red-dark); color: var(--color-red-dark); }
.button5ff:hover { background: #fff; border-color: var(--color-blue);     color: var(--color-blue); }

.button5f:active  { background: var(--color-red-dark); color: #fff; }
.button5ff:active { background: var(--color-blue);     color: #fff; }

/* --- button5e: fixed width red --- */
.button5e {
padding: 4px 8px;
background: var(--color-red);
border: 1px solid var(--color-red);
color: #fff;
width: 200px;
text-align: center;
font-size: 12px;
border-radius: var(--border-radius);
height: 28px;
}
.button5e:hover  { background: #fff; color: var(--color-red); }
.button5e:active { background: var(--color-red); color: #fff; }

/* --- button5s / button5ss: red inline buttons --- */
.button5s {
padding: 4px 20px;
background: var(--color-red);
border: 1px solid var(--color-red);
color: #fff;
font-size: 13px;
border-radius: var(--border-radius);
height: 28px;
margin: 20px 0;
}
.button5s:hover  { background: #fff; color: var(--color-red); }
.button5s:active { background: var(--color-red); color: #fff; }

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

/* --- button5d: blue "Entfernen" button --- */
.button5d {
margin: 20px 0 -20px;
padding: 3px 20px 6px;
background: var(--color-blue);
border: 1px solid var(--color-blue);
color: #fff;
font-size: 13px;
border-radius: var(--border-radius);
height: 28px;
width: 100%;
}
.button5d:hover,
.button5d:active { background: #fff; border-color: var(--color-blue); color: var(--color-blue); }

/* --- button6 / button6h: white/red full-width --- */
.button6, .button6h {
padding: 4px 20px;
background: #fff;
border: 1px solid var(--color-red);
color: var(--color-red);
font-size: 13px;
border-radius: var(--border-radius);
height: 28px;
width: 100%;
margin: 20px 0;
}
.button6:hover,
.button6h:hover  { background: var(--color-red); color: #fff; }
.button6:active,
.button6h:active { background: #fff; color: var(--color-red); }


/* =============================================================================
9. FILE-TYPE BADGES
============================================================================= */

/* Shared pill base */
.button-pdf,
.button-zip,
.button-xls,
.button-doc,
.button-mp4,
.button-X81 {
  --badge: #64748b;

  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;
  top: -1px;

  width: 40px;
  height: 16px;
  padding: 0;
  margin-right: 4px;
  vertical-align: middle;

  border: 1px solid color-mix(in srgb, var(--badge) 25%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--badge) 12%, white);
  color: var(--badge);

  font-family: inherit;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;

  transition: background 0.15s ease;   /* transform removed */
}

/* Hover: color change only, no movement */
.button-pdf:hover,
.button-zip:hover,
.button-xls:hover,
.button-doc:hover,
.button-mp4:hover,
.button-X81:hover {
  background: color-mix(in srgb, var(--badge) 20%, white);
}

.button-pdf { --badge: #dc2626; }
.button-zip { --badge: #d97706; }
.button-xls { --badge: #16a34a; }
.button-doc { --badge: #2563eb; }
.button-mp4 { --badge: #7c3aed; }
.button-X81 { --badge: #475569; }


/* =============================================================================
10. ALERTS & MODALS
============================================================================= */

.alert {
padding: 15px;
background-color: #5470ab;
color: #fff;
opacity: 1;
transition: opacity 0.6s;
}

.closebtn {
margin-left: 15px;
color: #fff;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: var(--transition);
}
.closebtn:hover { color: #000; }

/* Custom modal (not the BA framework modal) */
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 20px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
padding: 5px 10px;
background: #fff;
width: 100%;
max-width: 800px;
}

.modal-body { max-height: calc(100vh - 210px); overflow-y: auto; }

.close { color: var(--color-red); float: right; font-size: 32px; font-weight: bold; }
.close:hover,
.close:focus { color: var(--color-red-hover); cursor: pointer; }


/* =============================================================================
11. UTILITY CLASSES
============================================================================= */

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

/* Text colours */
.u-clr-grey       { color: #9E9E9E; }
.u-clr-dark-grey  { color: #424242; }
.u-clr-light-grey { color: #E0E0E0; }
.u-clr-blue       { color: var(--color-blue); }
.u-clr-red        { color: #F44336; }
.u-clr-green      { color: #367bbf; }
.u-clr-yellow     { color: #FFEB3B; }
.u-clr-twitter    { color: #00aced; }
.u-clr-dribbble   { color: #E56293; }
.u-clr-primary    { color: #12CEA4; }
/* Note: u-clr-white and u-clr-black were identical (#43505f) – merged below */
.u-clr-white,
.u-clr-black      { color: #43505f; }

/* Background colours */
.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: var(--color-blue); }
.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; }

/* Flexbox */
.u-flex       { display: flex; flex-wrap: wrap; }
.u-flex--col  { flex-direction: column; }
.u-flex--middle { align-items: center; }
.u-flex--center { justify-content: center; }

/* Spacing */
.u-mg-none  { margin: 0 !important; }
.u-mgt-sm   { margin-top: 1.5rem; }
.u-mgt      { margin-top: 2.25rem; }
.u-mgb-sm   { margin-bottom: 1.5rem; }
.u-mgb      { margin-bottom: 2.25rem; }
.u-pd-none  { padding: 0 !important; }
.u-pdt-sm   { padding-top: 1.5rem; }
.u-pdt      { padding-top: 2.25rem; }

/* Font weight */
.u-font-light   { font-weight: 300; }
.u-font-regular { font-weight: 400; }
.u-font-bold    { font-weight: 700; }
.u-font-small   { font-size: 1rem; }
.u-font-normal  { font-size: 1.5rem; }
.u-font-large   { font-size: 2.25rem; }

/* Text alignment */
.u-align-left   { text-align: left; }
.u-align-center { text-align: center; }
.u-align-right  { text-align: right; }


/* =============================================================================
12. COMPONENTS
============================================================================= */

/* Scroll-to-top button */
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: red;
color: #fff;
cursor: pointer;
padding: 15px;
border-radius: 10px;
font-size: 18px;
}
#myBtn:hover { background-color: #555; }

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

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

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

/* Fade animations for dynamic sections und automatische Teilnehmerauswahl */
.person { margin-bottom: 20px; }
.secondSelectContainer,
.thirdSelectContainer { display: none; }
.fade-in  { animation: fadeIn 0.5s; }
.fade-out { animation: fadeOut 0.5s; }
@keyframes fadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

/* Blink animations */
.blink     { animation: blinker     1.5s linear infinite; }
.blink-one { animation: blinker-one 1.0s linear infinite; }
.blink-two { animation: blinker-two 1.4s linear infinite; }
@keyframes blinker     { 50%  { opacity: 0; } }
@keyframes blinker-one { 0%   { opacity: 0; } }
@keyframes blinker-two { 100% { opacity: 0; } }


/* =============================================================================
13. EVENT CARDS & STATUS BADGES
============================================================================= */

/* Shared flag pseudo-element base */
.seminarflag::before,
.tagungflagblau::before,
.tagungflagrot::before,
.lehrgangflag::before,
.studiumflag::before,
.kursflag::before {
color: #fff;
font-size: 120%;
padding: 1px 10px 2px;
}

.seminarflag::before,
.tagungflagrot::before  { background: var(--color-red);  border: 1px solid var(--color-red);  content: "Seminar"; }
.tagungflagrot::before  { content: "Tagung"; }
.tagungflagblau::before { background: var(--color-blue); border: 1px solid var(--color-blue); content: "Tagung"; }
.lehrgangflag::before   { background: var(--color-blue); border: 1px solid var(--color-blue); content: "Lehrgang"; }
.studiumflag::before    { background: var(--color-blue); border: 1px solid var(--color-blue); content: "Studium"; }
.kursflag::before       { background: var(--color-blue); border: 1px solid var(--color-blue); content: "Kurs"; }

/* Card header bands */
.online {
background: var(--color-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;
}
.inplanung {
background: #ccc;
color: var(--color-navy);
font-size: 120%;
padding: 0 20px;
border-radius: 4px 4px 0 0;
margin: -10px -20px 0;
text-align: center;
}

/* Seminar / Aussteller box headers */
.seminar {
-webkit-appearance: none;
background-color: var(--color-red);
border-radius: 3px 3px 0 0;
color: #fff;
font-size: 13px;
text-align: left;
font-weight: normal;
padding: 3px 10px 3px 20px;
text-decoration: none;
}
.aussteller {
-webkit-appearance: none;
background-color: var(--color-blue);
border-radius: 3px 3px 0 0;
color: #fff;
font-size: 13px;
text-align: left;
font-weight: normal;
padding: 3px 10px 3px 20px;
text-decoration: none;
}
.singlebox {
-webkit-appearance: none;
background-color: var(--color-red);
border-radius: 3px;
color: #fff;
font-size: 13px;
text-align: left;
font-weight: normal;
padding: 6px 10px 0 20px;
margin-bottom: -15px;
text-decoration: none;
}

/* Table row colour variants */
.va-color-rot  { background-color: #fff; border: 1px solid var(--color-red); }
.va-color-blau { background-color: #fff; border: 1px solid var(--color-blue); }
.va-color-grau { background-color: #fff; border: 1px solid var(--color-border); }
.va-color-rot:hover,
.va-color-blau:hover,
.va-color-grau:hover { background-color: var(--color-bg-light); }

/* Series title underlines */
.seminare-dst  { border-bottom: 10px solid #2483b8; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-drt  { border-bottom: 10px solid #981a1e; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-bt   { border-bottom: 10px solid #ff751f; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-risk { border-bottom: 10px solid #ff3131; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-qs   { border-bottom: 10px solid #ff3131; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-zbg  { border-bottom: 10px solid #ff6b36; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-zkb  { border-bottom: 10px solid #5271ff; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-zfk  { border-bottom: 10px solid #ff4e47; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-pav  { border-bottom: 10px solid #9eff1f; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }
.seminare-wks  { border-bottom: 10px solid #ff751f; font-size: 50px; color: var(--color-navy); font-weight: bold; line-height: 55px; }





/* =============================================================================
16. ANIMATIONS
============================================================================= */
/* (blink, fadeIn/Out defined in section 12) */


/* =============================================================================
17. RESPONSIVE MEDIA QUERIES
============================================================================= */

/* Hide/show banner image vs. text */
@media only screen and (max-width: 669px)  { #topimage { display: none; } }
@media only screen and (min-width: 669px)  { #toptext  { display: none; } }

/* Banner responsive image swap */
@media screen and (max-width: 890px) {
#main-img {
background-image: url(https://sanierungs-berater.de/images/top3.jpg);
margin: 0 auto;
background-position: center;
}
}
@media screen and (min-width: 891px) {
#main-img {
background-image: url(https://sanierungs-berater.de/images/top4.jpg);
margin: 0 auto;
background-position: center;
}
}

/* Jobs & Presse section layout */
@media only screen and (max-width: 820px) {
#jobs, #presse { float: left; width: 100%; }
}
@media only screen and (min-width: 813px) {
#jobs, #presse { float: right; }
}

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

/* BA content header: hide on very small screens */
@media only screen and (max-width: 479px) {
.ba-content-header { display: none; }
}

/* VSB logo for small screens: hide above 480px */
@media only screen and (min-width: 480px) {
.headerlogo360 { display: none; }
}


/* =============================================================================
18. reCAPTCHA
============================================================================= */

.grecaptcha-badge { visibility: visible !important; }

.recaptcha-privacy-notice {
font-size: 10px;
color: var(--color-text);
line-height: 1.6;
margin: 15px 0;
text-align: left;
}
.recaptcha-privacy-notice a       { color: var(--color-red-dark); text-decoration: none; font-weight: 500; }
.recaptcha-privacy-notice a:hover { text-decoration: underline; }



/* =============================================================================
THIRD-PARTY LIBRARY CODE
Do NOT edit below this line — auto-generated by CMS / BA pattern library.
Source: rsce_modal_tabs, bapf-pattern-library v3.4.0, Bootstrap grid
============================================================================= */

@media (min-width:1024px){.ce_rsce_counter_list .counter-list-item .number{font-size:4.875rem}}.rsce_modal_tabs .handle{background:transparent;color:#fff;border-radius:3px 0 0 3px;box-shadow:0 0px 0px #00000029}.rsce_modal_tabs .name{color:#2D3748;font-size:16px;font-weight:500;line-height:26px;margin:0 0 15px}.rsce_modal_tabs .phone a{color:#B22222}.rsce_modal_tabs .mail a{color:#B22222}.rsce_modal_tabs .fax a{color:#B22222}.rsce_modal_tabs{position:fixed;right:0;z-index:130;line-height:1;bottom:60px;color:#2D3748}.rsce_modal_tabs>input,.rsce_modal_tabs .content>input{position:absolute;width:1px;height:1px;visibility:hidden;display:none;opacity:0}.rsce_modal_tabs [id$="tab_0"]:checked~.tabs-container [class$="tab_0"] .tab-content,.rsce_modal_tabs [id$="tab_1"]:checked~.tabs-container [class$="tab_1"] .tab-content,.rsce_modal_tabs [id$="tab_2"]:checked~.tabs-container [class$="tab_2"] .tab-content,.rsce_modal_tabs [id$="tab_3"]:checked~.tabs-container [class$="tab_3"] .tab-content{opacity:1;height:auto;visibility:visible;overflow:visible}.rsce_modal_tabs [id$="tab_0"]:checked~nav label[for$="tab_0"] span:after,.rsce_modal_tabs [id$="tab_1"]:checked~nav label[for$="tab_1"] span:after,.rsce_modal_tabs [id$="tab_2"]:checked~nav label[for$="tab_2"] span:after,.rsce_modal_tabs [id$="tab_3"]:checked~nav label[for$="tab_3"] span:after{transform:scaleX(1);transform-origin:left center}.rsce_modal_tabs label{margin:0}.rsce_modal_tabs .handle{display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0;cursor:pointer;left:-50px;width:50px;height:50px;padding:8px}.rsce_modal_tabs .handle>.icon:before{width:34px;height:34px;font-size:34px}.rsce_modal_tabs .close{display:none;color:#B22222;font-size:1.125rem;font-weight:400;text-align:center}.rsce_modal_tabs .content{background:#fff}.rsce_modal_tabs nav{display:flex}.rsce_modal_tabs nav.hide-nav{display:none}.rsce_modal_tabs nav label{position:relative;white-space:nowrap;padding:15px 30px;color:#B22222;font-size:16px;font-weight:400;cursor:pointer}.rsce_modal_tabs nav label span:after{content:"";position:absolute;bottom:0;left:0;background:#B22222;height:2px;width:100%;transform:scaleX(0);transform-origin:right center;transition:transform 0.3s}.rsce_modal_tabs .tab--flex{display:flex;flex-direction:row}.rsce_modal_tabs .tabs-container{line-height:1.5;border:1px solid #B22222;margin-right:0px;}.rsce_modal_tabs .tab-content{opacity:0;height:0;visibility:hidden;overflow:hidden;transition:0.5s}.rsce_modal_tabs .c_text{display:flex;flex-direction:column;justify-content:center}.rsce_modal_tabs .c_image{border-right:1px solid #D1E0E9;padding-right:1rem;margin-right:1rem;display:none}.rsce_modal_tabs .c_image>figure{background:transparent;border-radius:50%;height:170px;width:170px;display:flex;justify-content:center;align-items:center;padding:30px}.rsce_modal_tabs img{border-radius:unset}.rsce_modal_tabs .phone,.rsce_modal_tabs .mail,.rsce_modal_tabs .fax{display:flex;margin-bottom:10px;align-items:center}.rsce_modal_tabs .phone a:hover,.rsce_modal_tabs .mail a:hover,.rsce_modal_tabs .fax a:hover{text-decoration:underline;color:#B22222}.rsce_modal_tabs .phone>.icon,.rsce_modal_tabs .mail>.icon,.rsce_modal_tabs .fax>.icon{line-height:1;margin-right:15px;color:#B22222}.rsce_modal_tabs .phone>.icon:before,.rsce_modal_tabs .mail>.icon:before,.rsce_modal_tabs .fax>.icon:before{font-size:20px;height:auto;width:auto}


@media (max-width:370px){.rsce_modal_tabs nav{overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #e3e3e3}.rsce_modal_tabs>input:checked~.handle,.rsce_modal_tabs>input:checked~.content{position:fixed;left:0;right:0;width:100%}.rsce_modal_tabs>input:checked~.handle{z-index:111;top:0;height:50px;background:#fff;box-shadow:0 0 15px rgba(0, 0, 0, 0.2);border-radius:unset}.rsce_modal_tabs>input:checked~.handle .icon{display:none}.rsce_modal_tabs>input:checked~.handle .close{display:block}.rsce_modal_tabs>input:checked~.content{z-index:110;top:50px;bottom:0;width:auto;height:auto;overflow-x:scroll}.rsce_modal_tabs>input:checked~.content .tabs-container{padding:15px}.rsce_modal_tabs .content{width:0;height:0}}@media (min-width:370px){.rsce_modal_tabs{display:flex;flex-direction:row}.rsce_modal_tabs .handle{transition:transform 0.25s}.rsce_modal_tabs .handle:hover{transform:translateX(-15px)}.rsce_modal_tabs>input:checked~.handle:hover{transform:unset}.rsce_modal_tabs>input:checked~.handle:before{content:"";position:fixed;inset:0;z-index:-1;cursor:auto}.rsce_modal_tabs .content{z-index:10;max-width:0;transition:max-width 0.5s ease-in-out;box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.15)}.rsce_modal_tabs>input:checked~.content{max-width:600px}.rsce_modal_tabs nav>label{padding:35px 0 15px;margin:0 30px}

/* width and height of container and button and bottom margin */
.rsce_modal_tabs .tabs-container{min-height:100px;width:300px;padding:20px;}.rsce_modal_tabs .c_image{margin-right:2rem;padding-right:2rem;display:flex;align-items:center}}@media (min-width:370px){.rsce_modal_tabs{bottom:60px}.rsce_modal_tabs .c_image{display:flex}.rsce_modal_tabs .handle{left:-65px;width:60px;height:60px;padding:10px}.rsce_modal_tabs .handle>.icon:before{width:50px;height:50px;font-size:40px;display:flex;justify-content:center;align-items:center}}.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{z-index:129;margin-bottom:60px}@media (min-width:1024px){.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{margin-bottom:90px}}.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{z-index:128;margin-bottom:120px}@media (min-width:1024px){.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{margin-bottom:180px}}.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{z-index:127;margin-bottom:180px}@media (min-width:1024px){.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs+.ce_rsce_modal_tabs .rsce_modal_tabs{margin-bottom:270px}}




/*! @design/bapf-pattern-library v3.4.0 | 20.07.2023 | globals.scss */.ba-kp-linkbar article{padding:12px!important}.ba-kp-linkbar article ul{width:100%;list-style:none;padding:0;margin:0;display:block}.ba-kp-linkbar article ul li{display:flex;white-space:nowrap}.ba-kp-linkbar article ul li:last-child{width:100%;white-space:unset;justify-content:flex-start}.ba-kp-number-heading{font-family:Roboto Condensed Bold,sans-serif;font-weight:700;font-size:72px;display:block;color:#305c73}.ba-kp-paragraph{width:100%;text-align:left;margin-bottom:0}ul.ba-kp-social-bar{width:100%;padding:0;list-style-type:none;text-align:center}ul.ba-kp-social-bar li{width:30%;height:80px;display:inline-block}ul.ba-kp-social-bar.ba-kp-social-proof-img img{display:block;max-width:100%;height:auto}ul.ba-kp-social-bar.ba-kp-social-proof-img li{height:100px}ul.ba-kp-social-bar.ba-kp-social-proof-img li:last-child{width:60%}
@media only screen and (min-width:768px){.ba-kp-linkbar article ul{display:inline-flex}.ba-kp-linkbar article ul li:last-child{width:100%;white-space:unset;justify-content:flex-end}.ba-kp-paragraph{width:60%;text-align:center}ul.ba-kp-social-bar{width:100%}ul.ba-kp-social-bar li{height:auto;width:auto}ul.ba-kp-social-bar.ba-kp-social-proof-img li:last-child{width:auto}}a.ba-kp-linkbulblist{font-size:25px;padding:20px;margin:0 15px;border-radius:50%;background:rgba(2,14,37,.04)}a.ba-kp-linkbulblist img{width:30px;height:30px}a.ba-kp-linkbulblist:hover{background:rgba(2,14,37,.12)}.ba-kp-center-and-margin-bottom{display:flex;justify-content:center;list-style-type:none;text-align:center}.ba-kp-center-and-margin-bottom li{display:flex;width:50%}.ba-kp-mb-72,.container-fluid.ba-kp-mb-72{margin-bottom:72px}.ba-kp-mb-48,.container-fluid.ba-kp-mb-48{margin-bottom:48px}.ba-kp-social-proof-img li{margin:0 20px}.ba-kp-social-proof-img li img{max-height:100px}h1,h2,h3,h33,h4,h5,h6{-webkit-hyphens:auto;hyphens:auto}.ba-content-header .ba-btn{margin-right:12px}a.ba-btn.ba-btn-block.ba-btn-primary{color:#fff}nav.ba-breadcrumb ol li{word-break:break-word!important;white-space:break-spaces!important}.ba-cs-microcopy{color:#2D3748;font-size:.8125rem;line-height:1.2}.ba-guideline{position:relative}.ba-guideline:before{top:-6px}.ba-guideline:after,.ba-guideline:before{content:" ";display:block;width:21px;height:21px;border:2px solid #dc3545;background-color:#f9fbfc;position:absolute;border-radius:50%;right:calc(50% - 10px);z-index:1}.ba-guideline:after{bottom:-6px}.ba-layout-tile.ba-leitpunkt.ba-leitpunkt{width:95%}.ba-leitpunkt-wrapper{position:relative;display:flex}.ba-leitpunkt-wrapper:nth-child(odd){margin-right:50%;border-right:2px solid #dc3545}.ba-leitpunkt-wrapper:nth-child(2n){margin-left:calc(50% - 2px);border-left:2px solid #dc3545;margin-top:-110px}.ba-leitpunkt-wrapper:after{content:" ";position:absolute;background:#fff;width:23px;height:23px;transform:rotate(45deg)}.ba-leitpunkt-wrapper:before{content:" ";display:block;width:21px;height:21px;border:4px solid #f9fbfc;background-color:#dc3545;position:absolute;border-radius:50%}.ba-leitpunkt-wrapper:nth-child(odd):before{right:-11px;top:25px}.ba-leitpunkt-wrapper:nth-child(2n):before{left:-11px;top:25px}.ba-leitpunkt-wrapper:nth-child(odd):after{top:25px;right:20px;box-shadow:7px -5px 5px -3px #b3b3b336}.ba-leitpunkt-wrapper:nth-child(2n):after{top:25px;left:20px;box-shadow:-7px 5px 5px -3px #b3b3b336}.ba-leitpunkt-wrapper:nth-child(2n)>.ba-leitpunkt{margin-left:auto}.ba-leitpunkt>h2{margin-bottom:48px;margin-left:72px}.ba-leitpunkt>h2:after{content:" ";display:block;width:calc(100% - 48px);height:2px;background-color:#ebecee;position:absolute;margin-top:18px;margin-left:-72px}.ba-leitpunkt-icon{display:inline;margin-right:12px;font-size:40px;position:absolute;top:9px;left:30px}
@media(max-width:1023px){.ba-leitpunkt-wrapper:nth-child(2n):after{left:14px}.ba-leitpunkt-wrapper:nth-child(odd):after{right:14px}}
@media(max-width:767px){.ba-leitpunkt-wrapper:nth-child(2n){margin-left:0;border-left:2px solid #dc3545;margin-top:0}.ba-leitpunkt-wrapper:nth-child(odd){margin-right:0;border-right:2px #dc3545;border-left:2px solid #dc3545}.ba-leitpunkt-wrapper:nth-child(2n):after{left:26px}.ba-leitpunkt-wrapper:nth-child(odd):before{right:auto;top:25px;left:-11px}.ba-leitpunkt-wrapper:nth-child(odd)>.ba-leitpunkt{margin-left:auto}.ba-leitpunkt-wrapper:nth-child(odd):after{right:auto;top:25px;left:24px;box-shadow:-7px 5px 5px -3px #b3b3b336}.ba-guideline:after,.ba-guideline:before{right:auto;left:-9px}}@media(max-width:535px){.ba-leitpunkt-wrapper:nth-child(2n):after,.ba-leitpunkt-wrapper:nth-child(odd):after{left:14px}}
@media(max-width:479px){.ba-leitpunkt>.h4.leitfaden-headline{margin-bottom:48px;margin-left:0;margin-top:46px!important}.ba-leitpunkt>h2:after{margin-left:0}}main.ba-easy-language .ba-breadcrumb,main.ba-easy-language .ba-copytext,main.ba-easy-language .ba-header-content p,main.ba-easy-language .ba-tabbar a,main.ba-easy-language a{font-size:1.2rem}.ba-icon:after,.ba-icon:before{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}
@media speech{.ba-icon:after,.ba-icon:before{display:none}}.ba-icon-arrow-left-after:after,.ba-icon-arrow-left-before:before,.ba-icon-arrow-left:before{content:"";content:""/""}.ba-icon-arrow-right-after:after,.ba-icon-arrow-right-before:before,.ba-icon-arrow-right:before{content:"";content:""/""}.ba-icon-check-after:after,.ba-icon-check-before:before,.ba-icon-check:before{content:"";content:""/""}.ba-icon-chevron-left-double-after:after,.ba-icon-chevron-left-double-before:before,.ba-icon-chevron-left-double:before{content:"";content:""/""}.ba-icon-chevron-left-after:after,.ba-icon-chevron-left-before:before,.ba-icon-chevron-left:before{content:"";content:""/""}.ba-icon-chevron-right-double-after:after,.ba-icon-chevron-right-double-before:before,.ba-icon-chevron-right-double:before{content:"";content:""/""}.ba-icon-chevron-right-after:after,.ba-icon-chevron-right-before:before,.ba-icon-chevron-right:before{content:"";content:""/""}.ba-icon-close-after:after,.ba-icon-close-before:before,.ba-icon-close:before{content:"";content:""/""}.ba-icon-download-after:after,.ba-icon-download-before:before,.ba-icon-download:before{content:"";content:""/""}.ba-icon-error-after:after,.ba-icon-error-before:before,.ba-icon-error:before{content:"";content:""/""}.ba-icon-global-after:after,.ba-icon-global-before:before,.ba-icon-global:before{content:"";content:""/""}.ba-icon-information-after:after,.ba-icon-information-before:before,.ba-icon-information:before{content:"";content:""/""}.ba-icon-linkout-after:after,.ba-icon-linkout-before:before,.ba-icon-linkout:before{content:"";content:""/""}.ba-icon-message-after:after,.ba-icon-message-before:before,.ba-icon-message:before{content:"";content:""/""}.ba-icon-select-down-after:after,.ba-icon-select-down-before:before,.ba-icon-select-down:before{content:"";content:""/""}.ba-icon-select-up-after:after,.ba-icon-select-up-before:before,.ba-icon-select-up:before{content:"";content:""/""}.ba-icon-sign-language-after:after,.ba-icon-sign-language-before:before,.ba-icon-sign-language:before{content:"";content:""/""}.ba-icon-simple-language-after:after,.ba-icon-simple-language-before:before,.ba-icon-simple-language:before{content:"";content:""/""}.ba-icon-success-after:after,.ba-icon-success-before:before,.ba-icon-success:before{content:"";content:""/""}.ba-icon-trash-after:after,.ba-icon-trash-before:before,.ba-icon-trash:before{content:"";content:""/""}.ba-icon-x-after:after,.ba-icon-x-before:before,.ba-icon-x:before{content:"";content:""/""}.ba-icon-bell-after:after,.ba-icon-bell-before:before,.ba-icon-bell:before{content:"";content:""/""}.ba-icon-search-small-after:after,.ba-icon-search-small-before:before,.ba-icon-search-small:before{content:"";content:""/""}.ba-icon-warning-r-after:after,.ba-icon-warning-r-before:before,.ba-icon-warning-r:before{content:"";content:""/""}.ba-icon-quote-after:after,.ba-icon-quote-before:before,.ba-icon-quote:before{content:"";content:""/""}.ba-icon-hint-after:after,.ba-icon-hint-before:before,.ba-icon-hint:before{content:"";content:""/""}.ba-icon-check-requirements-after:after,.ba-icon-check-requirements-before:before,.ba-icon-check-requirements:before{content:"";content:""/""}.ba-icon-profile-round-after:after,.ba-icon-profile-round-before:before,.ba-icon-profile-round:before{content:"";content:""/""}.ba-icon-phone-filled-after:after,.ba-icon-phone-filled-before:before,.ba-icon-phone-filled:before{content:"";content:""/""}.ba-icon-pdf-link-after:after,.ba-icon-pdf-link-before:before,.ba-icon-pdf-link:before{content:"";content:""/""}.

/*! @design/bapf-pattern-library v3.4.0 | 20.07.2023 | globals.scss */
@media(min-width:768px){.ba-content-partial-width-left{margin-left:calc((5 / 12) * 100%)}.ba-content-partial-width-left ol,.ba-content-partial-width-left ul{display:inline-block}}.ba-content-marginal>aside>ul.ba-linklist>li>span.ba-icon-location-before{padding:6px 12px 6px 1.5rem}.ba-content-marginal>aside>ul.ba-linklist>li>span.ba-icon-location-before:before{position:absolute;left:0;top:.5625rem;font-size:1rem}.ba-video{margin-bottom:1.5rem}.ba-video.float-end,.ba-video.float-start{width:50%}.ba-video-full{width:100%;margin-bottom:3rem}
@media(max-width:575.98px){.ba-video.float-end,.ba-video.float-start{width:100%}}
@media(max-width:767.98px){.ba-video{margin-bottom:3rem}}
@media(min-width:576px){.ba-copytext figure.float-right,.float-right{float:right;margin-top:4px;margin-left:20px}.ba-copytext figure.ba-media-right-50,.ba-media-right-50{width:50%;margin-top:4px;margin-left:20px}.ba-copytext figure.ba-media-left-25,.ba-media-left-25{width:25%;margin-top:4px;margin-right:20px}.ba-copytext figure.ba-media-left-50,.ba-media-left-50{width:50%;margin-top:4px;margin-right:20px}.ba-copytext figure.float-left,.float-left{float:left}}
@media(min-width:768px){.ba-copytext figure.float-right,.float-right{margin-bottom:1.5rem}.ba-copytext figure.ba-media-full-100,.ba-media-full-100{display:flex}}.ba-header-content>a{margin-top:15px}.ba-content-header.ba-ddst-hero{padding-top:0;background-color:#fff}.ba-content-header.ba-ddst-hero .ba-header-image{max-height:100px}.ba-content-header .ba-header-image{margin-bottom:0!important}@media(min-width:768px){.ba-content-header.ba-ddst-hero{padding-top:24px;height:200px;background-color:transparent}}
@media(max-width:767.98px){header.ba-with-image>div.ba-content-wrap>nav.ba-breadcrumb{margin-top:24px}}.ba-banner-btn{margin-top:15px;margin-right:12px}
@media(min-width:992px){.ba-accordion-partial-width{width:calc((7 / 12) * 100%)}}.ba-accordion-controls{margin-bottom:10px;text-align:right}.ba-accordion-faq-lead-text{border-bottom:2px solid #dde3e8;margin-bottom:20px}
@media(min-width:992px){.ba-accordion-item-partial-width{width:calc((7 / 12) * 100%)}}
@media only screen and (min-width:992px){.ba-download-partial-width{width:calc((7 / 12) * 100%)}}.ba-downloadcenter{display:flex!important}.ba-downloadcenter-icon{padding-right:15px;font-size:20px}.ba-downloadcenter-flex{display:flex;flex-direction:column}.ba-downloadcenter-desc{margin-bottom:3px}.ba-contact-infobox .ba-layout-tile,.ba-contact-infobox .ba-layout-tile:not(:focus){display:flex;margin-bottom:0;outline:none;box-shadow:none}.ba-logo-header-element{width:50%;display:flex}.ba-logo-header-element:nth-child(2){justify-content:end;align-self:center}.ba-logo-header-element img{max-width:260px}
@media(max-width:767.98px){.ba-contact-infobox .ba-layout-tile,.ba-contact-infobox .ba-layout-tile:not(:focus){flex-direction:column}.ba-logo-header-element{width:100%;padding-bottom:1.5rem}.ba-logo-header-element:nth-child(2){justify-content:start;padding-bottom:0;flex-direction:column}.ba-logo-header-element:nth-child(2)[role=application]{flex-direction:row}.ba-logo-header-element:nth-child(2) .ba-btn:not(.ba-btn-block)+.ba-btn:not(.ba-btn-block){margin-top:12px;margin-left:0}}.ba-contact-hr{margin:0 1.5rem 1.5rem}.ba-sharp-top-corner>article>div.ba-layout-tile{border-top-left-radius:0;border-top-right-radius:0}.ba-contact-infobox.ba-is-addon{margin-top:0}.ba-geois{position:relative;margin-right:-20px;margin-bottom:20px;margin-left:-20px;padding-top:20px}
@media(max-width:470px){.ba-geois{margin-right:-10px;margin-left:-10px}.ba-geois h2{margin:0;padding:30px 0}}.ba-geois h2{padding:10px 0}.ba-geois .ba-geois-map{width:100%}header.ba-with-addon+div.ba-reading-time-container{margin-top:30px;margin-bottom:20px}header:not(.ba-with-addon)+div.ba-reading-time-container{margin-bottom:20px}div.ba-reading-time-container+div.container-fluid>header>h2{margin-top:0!important}
/*!
* @design/bapf-pattern-library v3.4.0 | 20.07.2023
*
*/
/*!
* Bootstrap v5.1.1 (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)

*/:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#666;--bs-body-color-rgb:2,14,37;--bs-body-bg:#f9fbfc;--bs-body-bg-rgb:249,251,252;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:none;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d42c80;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:5px;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 5px 7px 0 rgba(0,0,0,.2),0 4px 24px 0 rgba(0,0,0,.08);--bs-box-shadow-sm:0 2px 4px 0 rgba(0,0,0,.16),0 4px 24px 0 rgba(0,0,0,.08);--bs-box-shadow-lg:0 12px 10px -2px rgba(0,0,0,.08),0 12px 24px 4px rgba(0,0,0,.08);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13,110,253,.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,:after,:before{box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1.5rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}



: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}

/* Same layout/sizing behavior as .ba-tile, without the card styling
(no border-radius, box-shadow, background, or padding) */
.ba-tile-plain {
display: flex;
flex-direction: column;
flex: 1 1 auto;
width: 100%;
box-sizing: border-box;
}

.ba-tile main#main,
.ba-tile-plain main#main {
display: flex;
flex-direction: column;
height: 700px;
margin: 0;
}

.ba-tile main#main iframe,
.ba-tile-plain main#main iframe {
flex: 1 1 auto;
width: 100%;
height: 100%;
border: none;
}


/*ul*/
/*
@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) 
.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:#2D3748}.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:#2D3748}.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}


/*no ul*/

@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:#2D3748}.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:#2D3748}.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}.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,#b30920) 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:#2D3748;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 #2D3748}.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:#601}
@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%}}

/* gleiche höhe der Kästen in einer reihe in diesem Abschnitt*/
@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:#2D3748;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:2px;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:0;background-color:#fff}
@media(min-width:576px){.modal .modal-content{border-radius:5px}}.modal .modal-body{padding-top:0}.modal .modal-body>:last-child{margin-bottom:0}.modal .modal-footer{padding:0 24px 24px}
@media(max-width:575.98px){.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-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:1400px;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;

/*! image abstände banner und opacity banner*/
background-color:hsla(0, 0%, 100%, 0.4);opacity:1.0;position:relative;overflow:hidden}.ba-content-header .ba-overlay{padding:14px;max-width:450px;margin-top:145px}.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:300px){.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:37px 10px 10px 10px}.ba-content-header .ba-header-image{position:absolute;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;



/*! hintergrund des kasten, weiss-intensität und durchsichtigkeit größer 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;margin-top:145px}.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}}
*/



/*  whatsapp */