@charset "UTF-8";
/*
 * Please note: It is important to import the project specific variables before importing lscss
 * because this way we can override the default variables defined in lscss and also the default
 * variables defined in bootstrap and fontawesome.
 */
/*
 * Modified lscss variables -->
 */
/* fonts */
/*
 * Schriftgrade (Basis: 10px = 1rem, vgl. $ls-html-font-size-base in LSCSS).
 * Überschriften: Designer-Vorgaben; H5 entspricht optisch der Subline (gleiche Stufe).
 * Body: Standard-Fließtext 16px; Body-lead 18px nur gezielt in Komponenten/Boxen.
 */
/* FARBEN */
/* light Blue BG */
/* Mid Blue */
/* dark Blue BG */
/* darkest Blue BG */
/* light BG-Subheadline accent blue*/
/* light BG-copy smaller*/
/* light BG-Small printed*/
/* Dark BG-Subhead */
/* BG Information */
/* sekundär-hover */
/* dark Blue BG */
/* BG aktiver Navigationseintrag */
/* BG Hover Navigationseintrag */
/*
 * First, we define the lscss variables. Of course they can be overridden in the project's custom scss files.
 *
 * Please note: It is important to import the lscss default variables before importing bootstrap and fontawesome because
 * this way we can override the default variables defined in bootstrap and fontawesome.
 */
/* GRUNDEINSTELLUNGEN */
/* SETUP */
/* Bootstrap */
/* HEADLINES */
/* PARAGRAPHS */
/* IMAGES */
/* FARBEN */
/* Navigation */
/* MISC */
/*
 * Modified bootstrap variables -->
 */
html {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
div {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
span {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
applet {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
object {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h1 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h2 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h3 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h4 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h5 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
blockquote {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
pre {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
a:hover {
  outline: none;
  -moz-outline-style: none;
}
a:active {
  outline: none;
  -moz-outline-style: none;
}
a:focus {
  outline: none;
  -moz-outline-style: none;
}
abbr {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
acronym {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
address {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
big {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
cite {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
code {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
del {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
dfn {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
em {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
ins {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
kbd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
q {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
s {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
samp {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
small {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
strike {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
strong {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  font-weight: bold;
}
sub {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
sup {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
tt {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
var {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
b {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
u {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
i {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
center {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
dl {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
dt {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
dd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
ol {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
li {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
form {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
legend {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
table {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
tbody {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
tfoot {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
thead {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
th {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
aside {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
canvas {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  display: inline;
  zoom: 1;
}
details {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
embed {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
figure {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
  margin: 0;
  padding: 0;
}
figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
footer {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
header {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
hgroup {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
menu {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
output {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
ruby {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: block;
}
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
time {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
mark {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
audio {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  display: inline;
  zoom: 1;
}
audio:not([controls]) {
  display: none;
}
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  display: inline-block;
  display: inline;
  zoom: 1;
}
[hidden] {
  display: none;
}
.strong {
  font-weight: bold;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input {
  -webkit-border-radius: 0;
  border-radius: 0;
}
::-webkit-input-placeholder {
  color: #9b9b9b;
}
:-moz-placeholder {
  color: #9b9b9b;
}
::-moz-placeholder {
  color: #9b9b9b;
}
:-ms-input-placeholder {
  color: #9b9b9b;
}
/*
 Borrowed from Bootstrap _reboot.scss, can be removed as soon as bootstrap is actually being included
 */
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
/*
 We integrate Font Awesome in a special way that gives us all the convenience we need, but doesn't slow down
 scss rendering during development when no caching can be used. This basically means that we use mostly the
 pre-compiled version of Font Awesome and only use scss where it is absolutely necessary.
 */
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.eot");
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far, .product-list .watchlistContainer.notInMyWatchlist button::before, .product-list .watchlistContainer.inMyWatchlist button:hover::before, .product-list .watchlistContainer.inMyWatchlist button:active::before, .product-list .watchlistContainer.inMyWatchlist button:focus::before, .product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:hover::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:active::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:focus::before, div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
}
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.eot");
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
.fa, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.horizontalNavigation > ul > li > a.submenu::after, nav.horizontalNavigation > ul > li > span.submenu::after, nav.horizontalNavigation > ul > li > strong.submenu::after, form .sorting-field > div::after, form .widget-select::after, .fas, #off-canvas-search-container-inside .off-canvas-search-toggler.close-button::after, .ls_searchBox form .submit::after, #off-canvas-language-selector-container-inside .off-canvas-language-selector-toggler.close-button::after, .ls_languageSelector .more-available-languages .available-language::before, #header-part-2 .ls_languageSelector .more-available-languages::before, .formReviewerApplied [data-lsjs-element="openFormToggler"]::after, .main.loadingIndicator::before, .loadingIndicatorNG .ling-content::before, .oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .close-button::after, .lsjs-slider-applied .navigation-arrow-container .arrow::after, .lsjs-slider-applied .navigation-dots-container .navigation-dot:not(.use-image)::after, .lsjs-slider-applied.autoplay-active .navigation-dot.active::before, body .lsjs-zoomer-overlay .btn-close::after, body .lsjs-zoomer-overlay .btn-zoom-in::after, body .lsjs-zoomer-overlay .btn-zoom-out::after, body .lsjs-zoomer-overlay .btn-next::after, body .lsjs-zoomer-overlay .btn-back::after, .number-stepper-wrapper .nsPlus, .number-stepper-wrapper .nsMinus, .off-canvas-added-to-cart-info-container-inside .off-canvas-added-to-cart-info-toggler.close-button::after, .template_filterForm_default #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after, .template_filterForm_default #filter-headline-container .filter-headline::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .reset-this-criterion::after, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .reset-this-criterion::after, .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2:after, .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .check-all:before, .template_filterForm_default .filterRangeBox .special-toggler-container .check-all:before, .template_filterForm_default .filterPriceBox .special-toggler-container .check-all:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterRangeBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterPriceBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_fastFilterForm_default #fast-filter-headline-container .all-filter-options::before, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed > .label::after, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen > .label::after, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .check-all::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less::before, .template_filterForm_old #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after, .template_filterForm_old .off-canvas-filter-form-toggler.main-toggler::before, .template_filterForm_old.useLsUnfold.lsUnfoldClosed h2:after, .template_filterForm_old.useLsUnfold.lsUnfoldOpen h2:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon.currentlyHiding:after, .template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"]::before, .template_productDetails_01 .backButton > a::before, #off-canvas-cart-preview-container-inside .off-canvas-cart-preview-toggler.close-button::after, #checkout-content .back-button-box > a::before, #checkout-content .checkout-validation-error::before, #checkout-content .success::before, #checkout-content .formClosed [data-lsjs-element="openFormToggler"]::before, #checkoutStepCalculation .coupons .formUseCoupon button::before, #checkoutStepCalculation .coupons .delete-coupon::before, [data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login .label::before, [data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login .label::before, .order-overview .product .edit-item-box .close-edit-item::before, .order-overview .product .edit-item-box .edit-item-actions .submit-quantity::before, .order-overview .product .edit-item-box .edit-item-actions form.form-delete button::before, .order-overview .product .name-and-description .edit-item::before, .variant-selector-interface .attributeBox .value[data-lsjs-class*="selected"]::before, .variant-selector-interface .attributeBox .value[data-lsjs-class*="only-option"]::before, nav.merconis-pagination a::after, .product-list .watchlistContainer.notInMyWatchlist button:hover::before, .product-list .watchlistContainer.notInMyWatchlist button:active::before, .product-list .watchlistContainer.notInMyWatchlist button:focus::before, .product-list .watchlistContainer.inMyWatchlist button::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:hover::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:active::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:focus::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
/*!
 * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.eot");
  src: url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../../../../../../assets/lscss/scss/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}
.fab {
  font-family: "Font Awesome 5 Brands";
}
/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.horizontalNavigation > ul > li > a.submenu::after, nav.horizontalNavigation > ul > li > span.submenu::after, nav.horizontalNavigation > ul > li > strong.submenu::after, form .sorting-field > div::after, form .widget-select::after, .fas, #off-canvas-search-container-inside .off-canvas-search-toggler.close-button::after, .ls_searchBox form .submit::after, #off-canvas-language-selector-container-inside .off-canvas-language-selector-toggler.close-button::after, .ls_languageSelector .more-available-languages .available-language::before, #header-part-2 .ls_languageSelector .more-available-languages::before, .formReviewerApplied [data-lsjs-element="openFormToggler"]::after, .main.loadingIndicator::before, .loadingIndicatorNG .ling-content::before, .oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .close-button::after, .lsjs-slider-applied .navigation-arrow-container .arrow::after, .lsjs-slider-applied .navigation-dots-container .navigation-dot:not(.use-image)::after, .lsjs-slider-applied.autoplay-active .navigation-dot.active::before, body .lsjs-zoomer-overlay .btn-close::after, body .lsjs-zoomer-overlay .btn-zoom-in::after, body .lsjs-zoomer-overlay .btn-zoom-out::after, body .lsjs-zoomer-overlay .btn-next::after, body .lsjs-zoomer-overlay .btn-back::after, .number-stepper-wrapper .nsPlus, .number-stepper-wrapper .nsMinus, .off-canvas-added-to-cart-info-container-inside .off-canvas-added-to-cart-info-toggler.close-button::after, .template_filterForm_default #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after, .template_filterForm_default #filter-headline-container .filter-headline::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .reset-this-criterion::after, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .reset-this-criterion::after, .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2:after, .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .check-all:before, .template_filterForm_default .filterRangeBox .special-toggler-container .check-all:before, .template_filterForm_default .filterPriceBox .special-toggler-container .check-all:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterRangeBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterPriceBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_fastFilterForm_default #fast-filter-headline-container .all-filter-options::before, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed > .label::after, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen > .label::after, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .check-all::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less::before, .template_filterForm_old #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after, .template_filterForm_old .off-canvas-filter-form-toggler.main-toggler::before, .template_filterForm_old.useLsUnfold.lsUnfoldClosed h2:after, .template_filterForm_old.useLsUnfold.lsUnfoldOpen h2:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon.currentlyHiding:after, .template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"]::before, .template_productDetails_01 .backButton > a::before, #off-canvas-cart-preview-container-inside .off-canvas-cart-preview-toggler.close-button::after, #checkout-content .back-button-box > a::before, #checkout-content .checkout-validation-error::before, #checkout-content .success::before, #checkout-content .formClosed [data-lsjs-element="openFormToggler"]::before, #checkoutStepCalculation .coupons .formUseCoupon button::before, #checkoutStepCalculation .coupons .delete-coupon::before, [data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login .label::before, [data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login .label::before, .order-overview .product .edit-item-box .close-edit-item::before, .order-overview .product .edit-item-box .edit-item-actions .submit-quantity::before, .order-overview .product .edit-item-box .edit-item-actions form.form-delete button::before, .order-overview .product .name-and-description .edit-item::before, .variant-selector-interface .attributeBox .value[data-lsjs-class*="selected"]::before, .variant-selector-interface .attributeBox .value[data-lsjs-class*="only-option"]::before, nav.merconis-pagination a::after, .product-list .watchlistContainer.notInMyWatchlist button:hover::before, .product-list .watchlistContainer.notInMyWatchlist button:active::before, .product-list .watchlistContainer.notInMyWatchlist button:focus::before, .product-list .watchlistContainer.inMyWatchlist button::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:hover::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:active::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button:focus::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button::before, .far, .product-list .watchlistContainer.notInMyWatchlist button::before, .product-list .watchlistContainer.inMyWatchlist button:hover::before, .product-list .watchlistContainer.inMyWatchlist button:active::before, .product-list .watchlistContainer.inMyWatchlist button:focus::before, .product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:hover::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:active::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button:focus::before, div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before, .fal, .fad, .fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-sm {
  font-size: 0.875em;
}
.fa-1x {
  font-size: 1em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-6x {
  font-size: 6em;
}
.fa-7x {
  font-size: 7em;
}
.fa-8x {
  font-size: 8em;
}
.fa-9x {
  font-size: 9em;
}
.fa-10x {
  font-size: 10em;
}
.fa-fw {
  text-align: center;
  width: 1.25em;
}
.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit;
}
.fa-border {
  border: solid 0.08em #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.fa-pull-left.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.fa-pull-left.submenu::after, nav.horizontalNavigation > ul > li > a.fa-pull-left.submenu::after, nav.horizontalNavigation > ul > li > span.fa-pull-left.submenu::after, nav.horizontalNavigation > ul > li > strong.fa-pull-left.submenu::after, form .sorting-field > div.fa-pull-left::after, form .fa-pull-left.widget-select::after, .fas.fa-pull-left, #off-canvas-search-container-inside .fa-pull-left.off-canvas-search-toggler.close-button::after, .ls_searchBox form .fa-pull-left.submit::after, #off-canvas-language-selector-container-inside .fa-pull-left.off-canvas-language-selector-toggler.close-button::after, .ls_languageSelector .more-available-languages .fa-pull-left.available-language::before, #header-part-2 .ls_languageSelector .fa-pull-left.more-available-languages::before, .formReviewerApplied .fa-pull-left::after[data-lsjs-element="openFormToggler"], .fa-pull-left.main.loadingIndicator::before, .loadingIndicatorNG .fa-pull-left.ling-content::before, .oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .fa-pull-left.close-button::after, .lsjs-slider-applied .navigation-arrow-container .fa-pull-left.arrow::after, .lsjs-slider-applied .navigation-dots-container .fa-pull-left.navigation-dot::after:not(.use-image), .lsjs-slider-applied.autoplay-active .fa-pull-left.navigation-dot.active::before, body .lsjs-zoomer-overlay .fa-pull-left.btn-close::after, body .lsjs-zoomer-overlay .fa-pull-left.btn-zoom-in::after, body .lsjs-zoomer-overlay .fa-pull-left.btn-zoom-out::after, body .lsjs-zoomer-overlay .fa-pull-left.btn-next::after, body .lsjs-zoomer-overlay .fa-pull-left.btn-back::after, .number-stepper-wrapper .fa-pull-left.nsPlus, .number-stepper-wrapper .fa-pull-left.nsMinus, .off-canvas-added-to-cart-info-container-inside .fa-pull-left.off-canvas-added-to-cart-info-toggler.close-button::after, .template_filterForm_default #off-canvas-filter-form-container-inside .fa-pull-left.off-canvas-filter-form-toggler.close-button::after, .template_filterForm_default #filter-headline-container .fa-pull-left.filter-headline::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .fa-pull-left.filter-criterion-title::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .fa-pull-left.reset-this-criterion::after, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .fa-pull-left.reset-this-criterion::after, .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2.fa-pull-left:after, .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2.fa-pull-left:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.show-more-less:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-left.show-more-less:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-left.show-more-less:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.check-all:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-left.check-all:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-left.check-all:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.uncheck-radio:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-left.uncheck-radio:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-left.uncheck-radio:before, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-left::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-left::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-left::before, .template_fastFilterForm_default #fast-filter-headline-container .fa-pull-left.all-filter-options::before, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed > .fa-pull-left.label::after, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen > .fa-pull-left.label::after, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-left::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.check-all::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.uncheck-radio::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-left.show-more-less::before, .template_filterForm_old #off-canvas-filter-form-container-inside .fa-pull-left.off-canvas-filter-form-toggler.close-button::after, .template_filterForm_old .fa-pull-left.off-canvas-filter-form-toggler.main-toggler::before, .template_filterForm_old.useLsUnfold.lsUnfoldClosed h2.fa-pull-left:after, .template_filterForm_old.useLsUnfold.lsUnfoldOpen h2.fa-pull-left:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldClosed .fa-pull-left.label:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .fa-pull-left.label:after, .template_filterForm_old .filterOptionsBox .fa-pull-left.showAndHideOptionsIcon:after, .template_filterForm_old .filterRangeBox .fa-pull-left.showAndHideOptionsIcon:after, .template_filterForm_old .filterPriceBox .fa-pull-left.showAndHideOptionsIcon:after, .template_filterForm_old .filterOptionsBox .fa-pull-left.showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterRangeBox .fa-pull-left.showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterPriceBox .fa-pull-left.showAndHideOptionsIcon.currentlyHiding:after, .template_productDetails_01 .scale-prices .fa-pull-left::before[data-lsjs-element="elementFolderToggler"], .template_productDetails_01 .backButton > a.fa-pull-left::before, #off-canvas-cart-preview-container-inside .fa-pull-left.off-canvas-cart-preview-toggler.close-button::after, #checkout-content .back-button-box > a.fa-pull-left::before, #checkout-content .fa-pull-left.checkout-validation-error::before, #checkout-content .fa-pull-left.success::before, #checkout-content .formClosed .fa-pull-left::before[data-lsjs-element="openFormToggler"], #checkoutStepCalculation .coupons .formUseCoupon button.fa-pull-left::before, #checkoutStepCalculation .coupons .fa-pull-left.delete-coupon::before, [data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login .fa-pull-left.label::before, [data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login .fa-pull-left.label::before, .order-overview .product .edit-item-box .fa-pull-left.close-edit-item::before, .order-overview .product .edit-item-box .edit-item-actions .fa-pull-left.submit-quantity::before, .order-overview .product .edit-item-box .edit-item-actions form.form-delete button.fa-pull-left::before, .order-overview .product .name-and-description .fa-pull-left.edit-item::before, .variant-selector-interface .attributeBox .fa-pull-left.value::before[data-lsjs-class*="selected"], .variant-selector-interface .attributeBox .fa-pull-left.value::before[data-lsjs-class*="only-option"], nav.merconis-pagination a.fa-pull-left::after, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:hover, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:active, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:focus, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-left::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:hover, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:active, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-left::before:focus, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-left::before, .far.fa-pull-left, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-left::before, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-left::before:hover, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-left::before:active, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-left::before:focus, .product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .fa-pull-left.info-icon::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-left::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-left::before:hover, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-left::before:active, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-left::before:focus, div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .fa-pull-left.info-icon::before, .fal.fa-pull-left, .fab.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.fa-pull-right.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.fa-pull-right.submenu::after, nav.horizontalNavigation > ul > li > a.fa-pull-right.submenu::after, nav.horizontalNavigation > ul > li > span.fa-pull-right.submenu::after, nav.horizontalNavigation > ul > li > strong.fa-pull-right.submenu::after, form .sorting-field > div.fa-pull-right::after, form .fa-pull-right.widget-select::after, .fas.fa-pull-right, #off-canvas-search-container-inside .fa-pull-right.off-canvas-search-toggler.close-button::after, .ls_searchBox form .fa-pull-right.submit::after, #off-canvas-language-selector-container-inside .fa-pull-right.off-canvas-language-selector-toggler.close-button::after, .ls_languageSelector .more-available-languages .fa-pull-right.available-language::before, #header-part-2 .ls_languageSelector .fa-pull-right.more-available-languages::before, .formReviewerApplied .fa-pull-right::after[data-lsjs-element="openFormToggler"], .fa-pull-right.main.loadingIndicator::before, .loadingIndicatorNG .fa-pull-right.ling-content::before, .oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .fa-pull-right.close-button::after, .lsjs-slider-applied .navigation-arrow-container .fa-pull-right.arrow::after, .lsjs-slider-applied .navigation-dots-container .fa-pull-right.navigation-dot::after:not(.use-image), .lsjs-slider-applied.autoplay-active .fa-pull-right.navigation-dot.active::before, body .lsjs-zoomer-overlay .fa-pull-right.btn-close::after, body .lsjs-zoomer-overlay .fa-pull-right.btn-zoom-in::after, body .lsjs-zoomer-overlay .fa-pull-right.btn-zoom-out::after, body .lsjs-zoomer-overlay .fa-pull-right.btn-next::after, body .lsjs-zoomer-overlay .fa-pull-right.btn-back::after, .number-stepper-wrapper .fa-pull-right.nsPlus, .number-stepper-wrapper .fa-pull-right.nsMinus, .off-canvas-added-to-cart-info-container-inside .fa-pull-right.off-canvas-added-to-cart-info-toggler.close-button::after, .template_filterForm_default #off-canvas-filter-form-container-inside .fa-pull-right.off-canvas-filter-form-toggler.close-button::after, .template_filterForm_default #filter-headline-container .fa-pull-right.filter-headline::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .fa-pull-right.filter-criterion-title::before, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .fa-pull-right.reset-this-criterion::after, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .fa-pull-right.reset-this-criterion::after, .template_filterForm_default.useLsUnfold.lsUnfoldClosed h2.fa-pull-right:after, .template_filterForm_default.useLsUnfold.lsUnfoldOpen h2.fa-pull-right:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.show-more-less:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-right.show-more-less:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-right.show-more-less:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.check-all:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-right.check-all:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-right.check-all:before, .template_filterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.uncheck-radio:before, .template_filterForm_default .filterRangeBox .special-toggler-container .fa-pull-right.uncheck-radio:before, .template_filterForm_default .filterPriceBox .special-toggler-container .fa-pull-right.uncheck-radio:before, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-right::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-right::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-right::before, .template_fastFilterForm_default #fast-filter-headline-container .fa-pull-right.all-filter-options::before, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed > .fa-pull-right.label::after, .template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen > .fa-pull-right.label::after, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label.fa-pull-right::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.check-all::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.uncheck-radio::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .fa-pull-right.show-more-less::before, .template_filterForm_old #off-canvas-filter-form-container-inside .fa-pull-right.off-canvas-filter-form-toggler.close-button::after, .template_filterForm_old .fa-pull-right.off-canvas-filter-form-toggler.main-toggler::before, .template_filterForm_old.useLsUnfold.lsUnfoldClosed h2.fa-pull-right:after, .template_filterForm_old.useLsUnfold.lsUnfoldOpen h2.fa-pull-right:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldClosed .fa-pull-right.label:after, .template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .fa-pull-right.label:after, .template_filterForm_old .filterOptionsBox .fa-pull-right.showAndHideOptionsIcon:after, .template_filterForm_old .filterRangeBox .fa-pull-right.showAndHideOptionsIcon:after, .template_filterForm_old .filterPriceBox .fa-pull-right.showAndHideOptionsIcon:after, .template_filterForm_old .filterOptionsBox .fa-pull-right.showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterRangeBox .fa-pull-right.showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterPriceBox .fa-pull-right.showAndHideOptionsIcon.currentlyHiding:after, .template_productDetails_01 .scale-prices .fa-pull-right::before[data-lsjs-element="elementFolderToggler"], .template_productDetails_01 .backButton > a.fa-pull-right::before, #off-canvas-cart-preview-container-inside .fa-pull-right.off-canvas-cart-preview-toggler.close-button::after, #checkout-content .back-button-box > a.fa-pull-right::before, #checkout-content .fa-pull-right.checkout-validation-error::before, #checkout-content .fa-pull-right.success::before, #checkout-content .formClosed .fa-pull-right::before[data-lsjs-element="openFormToggler"], #checkoutStepCalculation .coupons .formUseCoupon button.fa-pull-right::before, #checkoutStepCalculation .coupons .fa-pull-right.delete-coupon::before, [data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login .fa-pull-right.label::before, [data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login .fa-pull-right.label::before, .order-overview .product .edit-item-box .fa-pull-right.close-edit-item::before, .order-overview .product .edit-item-box .edit-item-actions .fa-pull-right.submit-quantity::before, .order-overview .product .edit-item-box .edit-item-actions form.form-delete button.fa-pull-right::before, .order-overview .product .name-and-description .fa-pull-right.edit-item::before, .variant-selector-interface .attributeBox .fa-pull-right.value::before[data-lsjs-class*="selected"], .variant-selector-interface .attributeBox .fa-pull-right.value::before[data-lsjs-class*="only-option"], nav.merconis-pagination a.fa-pull-right::after, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:hover, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:active, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:focus, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-right::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:hover, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:active, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-right::before:focus, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-right::before, .far.fa-pull-right, .product-list .watchlistContainer.notInMyWatchlist button.fa-pull-right::before, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-right::before:hover, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-right::before:active, .product-list .watchlistContainer.inMyWatchlist button.fa-pull-right::before:focus, .product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .fa-pull-right.info-icon::before, div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button.fa-pull-right::before, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-right::before:hover, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-right::before:active, div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button.fa-pull-right::before:focus, div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .fa-pull-right.info-icon::before, .fal.fa-pull-right, .fab.fa-pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both {
  -webkit-filter: none;
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}
.fa-stack-1x, .fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "";
}
.fa-accessible-icon:before {
  content: "";
}
.fa-accusoft:before {
  content: "";
}
.fa-acquisitions-incorporated:before {
  content: "";
}
.fa-ad:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-card:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-adobe:before {
  content: "";
}
.fa-adversal:before {
  content: "";
}
.fa-affiliatetheme:before {
  content: "";
}
.fa-air-freshener:before {
  content: "";
}
.fa-airbnb:before {
  content: "";
}
.fa-algolia:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-alipay:before {
  content: "";
}
.fa-allergies:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-amazon-pay:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-amilia:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right::before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angry:before {
  content: "";
}
.fa-angrycreative:before {
  content: "";
}
.fa-angular:before {
  content: "";
}
.fa-ankh:before {
  content: "";
}
.fa-app-store:before {
  content: "";
}
.fa-app-store-ios:before {
  content: "";
}
.fa-apper:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-apple-alt:before {
  content: "";
}
.fa-apple-pay:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-archway:before {
  content: "";
}
.fa-arrow-alt-circle-down:before {
  content: "";
}
.fa-arrow-alt-circle-left:before {
  content: "";
}
.fa-arrow-alt-circle-right:before {
  content: "";
}
.fa-arrow-alt-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-arrows-alt-h:before {
  content: "";
}
.fa-arrows-alt-v:before {
  content: "";
}
.fa-artstation:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-asymmetrik:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-atlas:before {
  content: "";
}
.fa-atlassian:before {
  content: "";
}
.fa-atom:before {
  content: "";
}
.fa-audible:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-autoprefixer:before {
  content: "";
}
.fa-avianex:before {
  content: "";
}
.fa-aviato:before {
  content: "";
}
.fa-award:before {
  content: "";
}
.fa-aws:before {
  content: "";
}
.fa-baby:before {
  content: "";
}
.fa-baby-carriage:before {
  content: "";
}
.fa-backspace:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-bacon:before {
  content: "";
}
.fa-bahai:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-balance-scale-left:before {
  content: "";
}
.fa-balance-scale-right:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-band-aid:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-bars:before {
  content: "";
}
.fa-baseball-ball:before {
  content: "";
}
.fa-basketball-ball:before {
  content: "";
}
.fa-bath:before {
  content: "";
}
.fa-battery-empty:before {
  content: "";
}
.fa-battery-full:before {
  content: "";
}
.fa-battery-half:before {
  content: "";
}
.fa-battery-quarter:before {
  content: "";
}
.fa-battery-three-quarters:before {
  content: "";
}
.fa-battle-net:before {
  content: "";
}
.fa-bed:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bezier-curve:before {
  content: "";
}
.fa-bible:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-biking:before {
  content: "";
}
.fa-bimobject:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-biohazard:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitcoin:before {
  content: "";
}
.fa-bity:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-blackberry:before {
  content: "";
}
.fa-blender:before {
  content: "";
}
.fa-blender-phone:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-blog:before {
  content: "";
}
.fa-blogger:before {
  content: "";
}
.fa-blogger-b:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-bolt:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-bone:before {
  content: "";
}
.fa-bong:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-book-dead:before {
  content: "";
}
.fa-book-medical:before {
  content: "";
}
.fa-book-open:before {
  content: "";
}
.fa-book-reader:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-bootstrap:before {
  content: "";
}
.fa-border-all:before {
  content: "";
}
.fa-border-none:before {
  content: "";
}
.fa-border-style:before {
  content: "";
}
.fa-bowling-ball:before {
  content: "";
}
.fa-box:before {
  content: "";
}
.fa-box-open:before {
  content: "";
}
.fa-box-tissue:before {
  content: "拏";
}
.fa-boxes:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-brain:before {
  content: "";
}
.fa-bread-slice:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-briefcase-medical:before {
  content: "";
}
.fa-broadcast-tower:before {
  content: "";
}
.fa-broom:before {
  content: "";
}
.fa-brush:before {
  content: "";
}
.fa-btc:before {
  content: "";
}
.fa-buffer:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-burn:before {
  content: "";
}
.fa-buromobelexperte:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-bus-alt:before {
  content: "";
}
.fa-business-time:before {
  content: "";
}
.fa-buy-n-large:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-calendar-alt:before {
  content: "";
}
.fa-calendar-check:before {
  content: "";
}
.fa-calendar-day:before {
  content: "";
}
.fa-calendar-minus:before {
  content: "";
}
.fa-calendar-plus:before {
  content: "";
}
.fa-calendar-times:before {
  content: "";
}
.fa-calendar-week:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-campground:before {
  content: "";
}
.fa-canadian-maple-leaf:before {
  content: "";
}
.fa-candy-cane:before {
  content: "";
}
.fa-cannabis:before {
  content: "";
}
.fa-capsules:before {
  content: "";
}
.fa-car:before {
  content: "";
}
.fa-car-alt:before {
  content: "";
}
.fa-car-battery:before {
  content: "";
}
.fa-car-crash:before {
  content: "";
}
.fa-car-side:before {
  content: "";
}
.fa-caravan:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-caret-square-down:before {
  content: "";
}
.fa-caret-square-left:before {
  content: "";
}
.fa-caret-square-right:before {
  content: "";
}
.fa-caret-square-up:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-carrot:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cash-register:before {
  content: "";
}
.fa-cat:before {
  content: "";
}
.fa-cc-amazon-pay:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-apple-pay:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-centercode:before {
  content: "";
}
.fa-centos:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-chair:before {
  content: "";
}
.fa-chalkboard:before {
  content: "";
}
.fa-chalkboard-teacher:before {
  content: "";
}
.fa-charging-station:before {
  content: "";
}
.fa-chart-area:before {
  content: "";
}
.fa-chart-bar:before {
  content: "";
}
.fa-chart-line:before {
  content: "";
}
.fa-chart-pie:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-check-double:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-cheese:before {
  content: "";
}
.fa-chess:before {
  content: "";
}
.fa-chess-bishop:before {
  content: "";
}
.fa-chess-board:before {
  content: "";
}
.fa-chess-king:before {
  content: "";
}
.fa-chess-knight:before {
  content: "";
}
.fa-chess-pawn:before {
  content: "";
}
.fa-chess-queen:before {
  content: "";
}
.fa-chess-rook:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-chromecast:before {
  content: "";
}
.fa-church:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-circle-notch:before {
  content: "";
}
.fa-city:before {
  content: "";
}
.fa-clinic-medical:before {
  content: "";
}
.fa-clipboard:before {
  content: "";
}
.fa-clipboard-check:before {
  content: "";
}
.fa-clipboard-list:before {
  content: "";
}
.fa-clock:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-closed-captioning:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-cloud-download-alt:before {
  content: "";
}
.fa-cloud-meatball:before {
  content: "";
}
.fa-cloud-moon:before {
  content: "";
}
.fa-cloud-moon-rain:before {
  content: "";
}
.fa-cloud-rain:before {
  content: "";
}
.fa-cloud-showers-heavy:before {
  content: "";
}
.fa-cloud-sun:before {
  content: "";
}
.fa-cloud-sun-rain:before {
  content: "";
}
.fa-cloud-upload-alt:before {
  content: "";
}
.fa-cloudscale:before {
  content: "";
}
.fa-cloudsmith:before {
  content: "";
}
.fa-cloudversify:before {
  content: "";
}
.fa-cocktail:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-code-branch:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cog:before {
  content: "";
}
.fa-cogs:before {
  content: "";
}
.fa-coins:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-comment-alt:before {
  content: "";
}
.fa-comment-dollar:before {
  content: "";
}
.fa-comment-dots:before {
  content: "";
}
.fa-comment-medical:before {
  content: "";
}
.fa-comment-slash:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-comments-dollar:before {
  content: "";
}
.fa-compact-disc:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-compress-alt:before {
  content: "";
}
.fa-compress-arrows-alt:before {
  content: "";
}
.fa-concierge-bell:before {
  content: "";
}
.fa-confluence:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-cookie:before {
  content: "";
}
.fa-cookie-bite:before {
  content: "";
}
.fa-copy:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-cotton-bureau:before {
  content: "";
}
.fa-couch:before {
  content: "";
}
.fa-cpanel:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-creative-commons-by:before {
  content: "";
}
.fa-creative-commons-nc:before {
  content: "";
}
.fa-creative-commons-nc-eu:before {
  content: "";
}
.fa-creative-commons-nc-jp:before {
  content: "";
}
.fa-creative-commons-nd:before {
  content: "";
}
.fa-creative-commons-pd:before {
  content: "";
}
.fa-creative-commons-pd-alt:before {
  content: "";
}
.fa-creative-commons-remix:before {
  content: "";
}
.fa-creative-commons-sa:before {
  content: "";
}
.fa-creative-commons-sampling:before {
  content: "";
}
.fa-creative-commons-sampling-plus:before {
  content: "";
}
.fa-creative-commons-share:before {
  content: "";
}
.fa-creative-commons-zero:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-critical-role:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-crop-alt:before {
  content: "";
}
.fa-cross:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-crow:before {
  content: "";
}
.fa-crown:before {
  content: "";
}
.fa-crutch:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-css3-alt:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-cut:before {
  content: "";
}
.fa-cuttlefish:before {
  content: "";
}
.fa-d-and-d:before {
  content: "";
}
.fa-d-and-d-beyond:before {
  content: "";
}
.fa-dailymotion:before {
  content: "勒";
}
.fa-dashcube:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-deaf:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-democrat:before {
  content: "";
}
.fa-deploydog:before {
  content: "";
}
.fa-deskpro:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-dev:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-dharmachakra:before {
  content: "";
}
.fa-dhl:before {
  content: "";
}
.fa-diagnoses:before {
  content: "";
}
.fa-diaspora:before {
  content: "";
}
.fa-dice:before {
  content: "";
}
.fa-dice-d20:before {
  content: "";
}
.fa-dice-d6:before {
  content: "";
}
.fa-dice-five:before {
  content: "";
}
.fa-dice-four:before {
  content: "";
}
.fa-dice-one:before {
  content: "";
}
.fa-dice-six:before {
  content: "";
}
.fa-dice-three:before {
  content: "";
}
.fa-dice-two:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-digital-ocean:before {
  content: "";
}
.fa-digital-tachograph:before {
  content: "";
}
.fa-directions:before {
  content: "";
}
.fa-discord:before {
  content: "";
}
.fa-discourse:before {
  content: "";
}
.fa-disease:before {
  content: "";
}
.fa-divide:before {
  content: "";
}
.fa-dizzy:before {
  content: "";
}
.fa-dna:before {
  content: "";
}
.fa-dochub:before {
  content: "";
}
.fa-docker:before {
  content: "";
}
.fa-dog:before {
  content: "";
}
.fa-dollar-sign:before {
  content: "";
}
.fa-dolly:before {
  content: "";
}
.fa-dolly-flatbed:before {
  content: "";
}
.fa-donate:before {
  content: "";
}
.fa-door-closed:before {
  content: "";
}
.fa-door-open:before {
  content: "";
}
.fa-dot-circle:before {
  content: "";
}
.fa-dove:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-draft2digital:before {
  content: "";
}
.fa-drafting-compass:before {
  content: "";
}
.fa-dragon:before {
  content: "";
}
.fa-draw-polygon:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-dribbble-square:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-drum:before {
  content: "";
}
.fa-drum-steelpan:before {
  content: "";
}
.fa-drumstick-bite:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-dumbbell:before {
  content: "";
}
.fa-dumpster:before {
  content: "";
}
.fa-dumpster-fire:before {
  content: "";
}
.fa-dungeon:before {
  content: "";
}
.fa-dyalog:before {
  content: "";
}
.fa-earlybirds:before {
  content: "";
}
.fa-ebay:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-edit:before {
  content: "";
}
.fa-egg:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-elementor:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-ello:before {
  content: "";
}
.fa-ember:before {
  content: "";
}
.fa-empire:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-text:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-equals:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-erlang:before {
  content: "";
}
.fa-ethereum:before {
  content: "";
}
.fa-ethernet:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-euro-sign:before {
  content: "";
}
.fa-evernote:before {
  content: "";
}
.fa-exchange-alt:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-exclamation-triangle:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-expand-alt:before {
  content: "";
}
.fa-expand-arrows-alt:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-external-link-alt:before {
  content: "";
}
.fa-external-link-square-alt:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-dropper:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-facebook:before {
  content: "";
}
.fa-facebook-f:before {
  content: "";
}
.fa-facebook-messenger:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-fan:before {
  content: "";
}
.fa-fantasy-flight-games:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-faucet:before {
  content: "串";
}
.fa-fax:before {
  content: "";
}
.fa-feather:before {
  content: "";
}
.fa-feather-alt:before {
  content: "";
}
.fa-fedex:before {
  content: "";
}
.fa-fedora:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-figma:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-alt:before {
  content: "";
}
.fa-file-archive:before {
  content: "";
}
.fa-file-audio:before {
  content: "";
}
.fa-file-code:before {
  content: "";
}
.fa-file-contract:before {
  content: "";
}
.fa-file-csv:before {
  content: "";
}
.fa-file-download:before {
  content: "";
}
.fa-file-excel:before {
  content: "";
}
.fa-file-export:before {
  content: "";
}
.fa-file-image:before {
  content: "";
}
.fa-file-import:before {
  content: "";
}
.fa-file-invoice:before {
  content: "";
}
.fa-file-invoice-dollar:before {
  content: "";
}
.fa-file-medical:before {
  content: "";
}
.fa-file-medical-alt:before {
  content: "";
}
.fa-file-pdf:before {
  content: "";
}
.fa-file-powerpoint:before {
  content: "";
}
.fa-file-prescription:before {
  content: "";
}
.fa-file-signature:before {
  content: "";
}
.fa-file-upload:before {
  content: "";
}
.fa-file-video:before {
  content: "";
}
.fa-file-word:before {
  content: "";
}
.fa-fill:before {
  content: "";
}
.fa-fill-drip:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-fingerprint:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-fire-alt:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-firefox-browser:before {
  content: "龜";
}
.fa-first-aid:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-first-order-alt:before {
  content: "";
}
.fa-firstdraft:before {
  content: "";
}
.fa-fish:before {
  content: "";
}
.fa-fist-raised:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-flag-usa:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-flipboard:before {
  content: "";
}
.fa-flushed:before {
  content: "";
}
.fa-fly:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-minus:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-folder-plus:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-font-awesome:before {
  content: "";
}
.fa-font-awesome-alt:before {
  content: "";
}
.fa-font-awesome-flag:before {
  content: "";
}
.fa-font-awesome-logo-full:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-fonticons-fi:before {
  content: "";
}
.fa-football-ball:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-fort-awesome-alt:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-freebsd:before {
  content: "";
}
.fa-frog:before {
  content: "";
}
.fa-frown:before {
  content: "";
}
.fa-frown-open:before {
  content: "";
}
.fa-fulcrum:before {
  content: "";
}
.fa-funnel-dollar:before {
  content: "";
}
.fa-futbol:before {
  content: "";
}
.fa-galactic-republic:before {
  content: "";
}
.fa-galactic-senate:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-gas-pump:before {
  content: "";
}
.fa-gavel:before {
  content: "";
}
.fa-gem:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-ghost:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-gifts:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-git-alt:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-gitkraken:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-gitter:before {
  content: "";
}
.fa-glass-cheers:before {
  content: "";
}
.fa-glass-martini:before {
  content: "";
}
.fa-glass-martini-alt:before {
  content: "";
}
.fa-glass-whiskey:before {
  content: "";
}
.fa-glasses:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-globe-africa:before {
  content: "";
}
.fa-globe-americas:before {
  content: "";
}
.fa-globe-asia:before {
  content: "";
}
.fa-globe-europe:before {
  content: "";
}
.fa-gofore:before {
  content: "";
}
.fa-golf-ball:before {
  content: "";
}
.fa-goodreads:before {
  content: "";
}
.fa-goodreads-g:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-google-drive:before {
  content: "";
}
.fa-google-play:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-google-plus-g:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-gopuram:before {
  content: "";
}
.fa-graduation-cap:before {
  content: "";
}
.fa-gratipay:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-greater-than:before {
  content: "";
}
.fa-greater-than-equal:before {
  content: "";
}
.fa-grimace:before {
  content: "";
}
.fa-grin:before {
  content: "";
}
.fa-grin-alt:before {
  content: "";
}
.fa-grin-beam:before {
  content: "";
}
.fa-grin-beam-sweat:before {
  content: "";
}
.fa-grin-hearts:before {
  content: "";
}
.fa-grin-squint:before {
  content: "";
}
.fa-grin-squint-tears:before {
  content: "";
}
.fa-grin-stars:before {
  content: "";
}
.fa-grin-tears:before {
  content: "";
}
.fa-grin-tongue:before {
  content: "";
}
.fa-grin-tongue-squint:before {
  content: "";
}
.fa-grin-tongue-wink:before {
  content: "";
}
.fa-grin-wink:before {
  content: "";
}
.fa-grip-horizontal:before {
  content: "";
}
.fa-grip-lines:before {
  content: "";
}
.fa-grip-lines-vertical:before {
  content: "";
}
.fa-grip-vertical:before {
  content: "";
}
.fa-gripfire:before {
  content: "";
}
.fa-grunt:before {
  content: "";
}
.fa-guitar:before {
  content: "";
}
.fa-gulp:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-hacker-news:before {
  content: "";
}
.fa-hacker-news-square:before {
  content: "";
}
.fa-hackerrank:before {
  content: "";
}
.fa-hamburger:before {
  content: "";
}
.fa-hammer:before {
  content: "";
}
.fa-hamsa:before {
  content: "";
}
.fa-hand-holding:before {
  content: "";
}
.fa-hand-holding-heart:before {
  content: "";
}
.fa-hand-holding-medical:before {
  content: "樂";
}
.fa-hand-holding-usd:before {
  content: "";
}
.fa-hand-holding-water:before {
  content: "";
}
.fa-hand-lizard:before {
  content: "";
}
.fa-hand-middle-finger:before {
  content: "";
}
.fa-hand-paper:before {
  content: "";
}
.fa-hand-peace:before {
  content: "";
}
.fa-hand-point-down:before {
  content: "";
}
.fa-hand-point-left:before {
  content: "";
}
.fa-hand-point-right:before {
  content: "";
}
.fa-hand-point-up:before {
  content: "";
}
.fa-hand-pointer:before {
  content: "";
}
.fa-hand-rock:before {
  content: "";
}
.fa-hand-scissors:before {
  content: "";
}
.fa-hand-sparkles:before {
  content: "諾";
}
.fa-hand-spock:before {
  content: "";
}
.fa-hands:before {
  content: "";
}
.fa-hands-helping:before {
  content: "";
}
.fa-hands-wash:before {
  content: "丹";
}
.fa-handshake:before {
  content: "";
}
.fa-handshake-alt-slash:before {
  content: "寧";
}
.fa-handshake-slash:before {
  content: "怒";
}
.fa-hanukiah:before {
  content: "";
}
.fa-hard-hat:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-hat-cowboy:before {
  content: "";
}
.fa-hat-cowboy-side:before {
  content: "";
}
.fa-hat-wizard:before {
  content: "";
}
.fa-hdd:before {
  content: "";
}
.fa-head-side-cough:before {
  content: "率";
}
.fa-head-side-cough-slash:before {
  content: "異";
}
.fa-head-side-mask:before {
  content: "北";
}
.fa-head-side-virus:before {
  content: "磻";
}
.fa-heading:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-headphones-alt:before {
  content: "";
}
.fa-headset:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-heart-broken:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-helicopter:before {
  content: "";
}
.fa-highlighter:before {
  content: "";
}
.fa-hiking:before {
  content: "";
}
.fa-hippo:before {
  content: "";
}
.fa-hips:before {
  content: "";
}
.fa-hire-a-helper:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-hockey-puck:before {
  content: "";
}
.fa-holly-berry:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-hooli:before {
  content: "";
}
.fa-hornbill:before {
  content: "";
}
.fa-horse:before {
  content: "";
}
.fa-horse-head:before {
  content: "";
}
.fa-hospital:before {
  content: "";
}
.fa-hospital-alt:before {
  content: "";
}
.fa-hospital-symbol:before {
  content: "";
}
.fa-hospital-user:before {
  content: "";
}
.fa-hot-tub:before {
  content: "";
}
.fa-hotdog:before {
  content: "";
}
.fa-hotel:before {
  content: "";
}
.fa-hotjar:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hourglass-end:before {
  content: "";
}
.fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-start:before {
  content: "";
}
.fa-house-damage:before {
  content: "";
}
.fa-house-user:before {
  content: "便";
}
.fa-houzz:before {
  content: "";
}
.fa-hryvnia:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-hubspot:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-ice-cream:before {
  content: "";
}
.fa-icicles:before {
  content: "";
}
.fa-icons:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-id-card:before {
  content: "";
}
.fa-id-card-alt:before {
  content: "";
}
.fa-ideal:before {
  content: "邏";
}
.fa-igloo:before {
  content: "";
}
.fa-image:before {
  content: "";
}
.fa-images:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-infinity:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-instagram-square:before {
  content: "凌";
}
.fa-intercom:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-invision:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-itch-io:before {
  content: "";
}
.fa-itunes:before {
  content: "";
}
.fa-itunes-note:before {
  content: "";
}
.fa-java:before {
  content: "";
}
.fa-jedi:before {
  content: "";
}
.fa-jedi-order:before {
  content: "";
}
.fa-jenkins:before {
  content: "";
}
.fa-jira:before {
  content: "";
}
.fa-joget:before {
  content: "";
}
.fa-joint:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-journal-whills:before {
  content: "";
}
.fa-js:before {
  content: "";
}
.fa-js-square:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-kaaba:before {
  content: "";
}
.fa-kaggle:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-keybase:before {
  content: "";
}
.fa-keyboard:before {
  content: "";
}
.fa-keycdn:before {
  content: "";
}
.fa-khanda:before {
  content: "";
}
.fa-kickstarter:before {
  content: "";
}
.fa-kickstarter-k:before {
  content: "";
}
.fa-kiss:before {
  content: "";
}
.fa-kiss-beam:before {
  content: "";
}
.fa-kiss-wink-heart:before {
  content: "";
}
.fa-kiwi-bird:before {
  content: "";
}
.fa-korvue:before {
  content: "";
}
.fa-landmark:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-laptop-code:before {
  content: "";
}
.fa-laptop-house:before {
  content: "復";
}
.fa-laptop-medical:before {
  content: "";
}
.fa-laravel:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-laugh:before {
  content: "";
}
.fa-laugh-beam:before {
  content: "";
}
.fa-laugh-squint:before {
  content: "";
}
.fa-laugh-wink:before {
  content: "";
}
.fa-layer-group:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-lemon:before {
  content: "";
}
.fa-less:before {
  content: "";
}
.fa-less-than:before {
  content: "";
}
.fa-less-than-equal:before {
  content: "";
}
.fa-level-down-alt:before {
  content: "";
}
.fa-level-up-alt:before {
  content: "";
}
.fa-life-ring:before {
  content: "";
}
.fa-lightbulb:before {
  content: "";
}
.fa-line:before {
  content: "";
}
.fa-link:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-linkedin-in:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-lira-sign:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-lock-open:before {
  content: "";
}
.fa-long-arrow-alt-down:before {
  content: "";
}
.fa-long-arrow-alt-left:before {
  content: "";
}
.fa-long-arrow-alt-right:before {
  content: "";
}
.fa-long-arrow-alt-up:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-luggage-cart:before {
  content: "";
}
.fa-lungs:before {
  content: "";
}
.fa-lungs-virus:before {
  content: "不";
}
.fa-lyft:before {
  content: "";
}
.fa-magento:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-mail-bulk:before {
  content: "";
}
.fa-mailchimp:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-mandalorian:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-map-marked:before {
  content: "";
}
.fa-map-marked-alt:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-map-marker-alt:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-markdown:before {
  content: "";
}
.fa-marker:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mask:before {
  content: "";
}
.fa-mastodon:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-mdb:before {
  content: "";
}
.fa-medal:before {
  content: "";
}
.fa-medapps:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-medium-m:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-medrt:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
.fa-megaport:before {
  content: "";
}
.fa-meh:before {
  content: "";
}
.fa-meh-blank:before {
  content: "";
}
.fa-meh-rolling-eyes:before {
  content: "";
}
.fa-memory:before {
  content: "";
}
.fa-mendeley:before {
  content: "";
}
.fa-menorah:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-meteor:before {
  content: "";
}
.fa-microblog:before {
  content: "駱";
}
.fa-microchip:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-alt:before {
  content: "";
}
.fa-microphone-alt-slash:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-microscope:before {
  content: "";
}
.fa-microsoft:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-mitten:before {
  content: "";
}
.fa-mix:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-mixer:before {
  content: "稜";
}
.fa-mizuni:before {
  content: "";
}
.fa-mobile:before {
  content: "";
}
.fa-mobile-alt:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-monero:before {
  content: "";
}
.fa-money-bill:before {
  content: "";
}
.fa-money-bill-alt:before {
  content: "";
}
.fa-money-bill-wave:before {
  content: "";
}
.fa-money-bill-wave-alt:before {
  content: "";
}
.fa-money-check:before {
  content: "";
}
.fa-money-check-alt:before {
  content: "";
}
.fa-monument:before {
  content: "";
}
.fa-moon:before {
  content: "";
}
.fa-mortar-pestle:before {
  content: "";
}
.fa-mosque:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-mountain:before {
  content: "";
}
.fa-mouse:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-mug-hot:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-napster:before {
  content: "";
}
.fa-neos:before {
  content: "";
}
.fa-network-wired:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-newspaper:before {
  content: "";
}
.fa-nimblr:before {
  content: "";
}
.fa-node:before {
  content: "";
}
.fa-node-js:before {
  content: "";
}
.fa-not-equal:before {
  content: "";
}
.fa-notes-medical:before {
  content: "";
}
.fa-npm:before {
  content: "";
}
.fa-ns8:before {
  content: "";
}
.fa-nutritionix:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-oil-can:before {
  content: "";
}
.fa-old-republic:before {
  content: "";
}
.fa-om:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-orcid:before {
  content: "";
}
.fa-osi:before {
  content: "";
}
.fa-otter:before {
  content: "";
}
.fa-outdent:before {
  content: "";
}
.fa-page4:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-pager:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-paint-roller:before {
  content: "";
}
.fa-palette:before {
  content: "";
}
.fa-palfed:before {
  content: "";
}
.fa-pallet:before {
  content: "";
}
.fa-paper-plane:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-parachute-box:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-parking:before {
  content: "";
}
.fa-passport:before {
  content: "";
}
.fa-pastafarianism:before {
  content: "";
}
.fa-paste:before {
  content: "";
}
.fa-patreon:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-peace:before {
  content: "";
}
.fa-pen:before {
  content: "";
}
.fa-pen-alt:before {
  content: "";
}
.fa-pen-fancy:before {
  content: "";
}
.fa-pen-nib:before {
  content: "";
}
.fa-pen-square:before {
  content: "";
}
.fa-pencil-alt:before {
  content: "";
}
.fa-pencil-ruler:before {
  content: "";
}
.fa-penny-arcade:before {
  content: "";
}
.fa-people-arrows:before {
  content: "泌";
}
.fa-people-carry:before {
  content: "";
}
.fa-pepper-hot:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-percentage:before {
  content: "";
}
.fa-periscope:before {
  content: "";
}
.fa-person-booth:before {
  content: "";
}
.fa-phabricator:before {
  content: "";
}
.fa-phoenix-framework:before {
  content: "";
}
.fa-phoenix-squadron:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-phone-alt:before {
  content: "";
}
.fa-phone-slash:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-phone-square-alt:before {
  content: "";
}
.fa-phone-volume:before {
  content: "";
}
.fa-photo-video:before {
  content: "";
}
.fa-php:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-pied-piper-hat:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-square:before {
  content: "爛";
}
.fa-piggy-bank:before {
  content: "";
}
.fa-pills:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-pizza-slice:before {
  content: "";
}
.fa-place-of-worship:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-plane-arrival:before {
  content: "";
}
.fa-plane-departure:before {
  content: "";
}
.fa-plane-slash:before {
  content: "數";
}
.fa-play:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-playstation:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-poll:before {
  content: "";
}
.fa-poll-h:before {
  content: "";
}
.fa-poo:before {
  content: "";
}
.fa-poo-storm:before {
  content: "";
}
.fa-poop:before {
  content: "";
}
.fa-portrait:before {
  content: "";
}
.fa-pound-sign:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-pray:before {
  content: "";
}
.fa-praying-hands:before {
  content: "";
}
.fa-prescription:before {
  content: "";
}
.fa-prescription-bottle:before {
  content: "";
}
.fa-prescription-bottle-alt:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-procedures:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-project-diagram:before {
  content: "";
}
.fa-pump-medical:before {
  content: "索";
}
.fa-pump-soap:before {
  content: "參";
}
.fa-pushed:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-python:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-quidditch:before {
  content: "";
}
.fa-quinscape:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-quran:before {
  content: "";
}
.fa-r-project:before {
  content: "";
}
.fa-radiation:before {
  content: "";
}
.fa-radiation-alt:before {
  content: "";
}
.fa-rainbow:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-raspberry-pi:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-react:before {
  content: "";
}
.fa-reacteurope:before {
  content: "";
}
.fa-readme:before {
  content: "";
}
.fa-rebel:before {
  content: "";
}
.fa-receipt:before {
  content: "";
}
.fa-record-vinyl:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-red-river:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-redhat:before {
  content: "";
}
.fa-redo:before {
  content: "";
}
.fa-redo-alt:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-remove-format:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-reply:before {
  content: "";
}
.fa-reply-all:before {
  content: "";
}
.fa-replyd:before {
  content: "";
}
.fa-republican:before {
  content: "";
}
.fa-researchgate:before {
  content: "";
}
.fa-resolving:before {
  content: "";
}
.fa-restroom:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-rev:before {
  content: "";
}
.fa-ribbon:before {
  content: "";
}
.fa-ring:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-robot:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-rocketchat:before {
  content: "";
}
.fa-rockrms:before {
  content: "";
}
.fa-route:before {
  content: "";
}
.fa-rss:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-ruble-sign:before {
  content: "";
}
.fa-ruler:before {
  content: "";
}
.fa-ruler-combined:before {
  content: "";
}
.fa-ruler-horizontal:before {
  content: "";
}
.fa-ruler-vertical:before {
  content: "";
}
.fa-running:before {
  content: "";
}
.fa-rupee-sign:before {
  content: "";
}
.fa-sad-cry:before {
  content: "";
}
.fa-sad-tear:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-salesforce:before {
  content: "";
}
.fa-sass:before {
  content: "";
}
.fa-satellite:before {
  content: "";
}
.fa-satellite-dish:before {
  content: "";
}
.fa-save:before {
  content: "";
}
.fa-schlix:before {
  content: "";
}
.fa-school:before {
  content: "";
}
.fa-screwdriver:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-scroll:before {
  content: "";
}
.fa-sd-card:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-search-dollar:before {
  content: "";
}
.fa-search-location:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-searchengin:before {
  content: "";
}
.fa-seedling:before {
  content: "";
}
.fa-sellcast:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-servicestack:before {
  content: "";
}
.fa-shapes:before {
  content: "";
}
.fa-share:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-shekel-sign:before {
  content: "";
}
.fa-shield-alt:before {
  content: "";
}
.fa-shield-virus:before {
  content: "塞";
}
.fa-ship:before {
  content: "";
}
.fa-shipping-fast:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-shoe-prints:before {
  content: "";
}
.fa-shopify:before {
  content: "綾";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-shopware:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-shuttle-van:before {
  content: "";
}
.fa-sign:before {
  content: "";
}
.fa-sign-in-alt:before {
  content: "";
}
.fa-sign-language:before {
  content: "";
}
.fa-sign-out-alt:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-signature:before {
  content: "";
}
.fa-sim-card:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-sistrix:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-sith:before {
  content: "";
}
.fa-skating:before {
  content: "";
}
.fa-sketch:before {
  content: "";
}
.fa-skiing:before {
  content: "";
}
.fa-skiing-nordic:before {
  content: "";
}
.fa-skull:before {
  content: "";
}
.fa-skull-crossbones:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-slack-hash:before {
  content: "";
}
.fa-slash:before {
  content: "";
}
.fa-sleigh:before {
  content: "";
}
.fa-sliders-h:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-smile:before {
  content: "";
}
.fa-smile-beam:before {
  content: "";
}
.fa-smile-wink:before {
  content: "";
}
.fa-smog:before {
  content: "";
}
.fa-smoking:before {
  content: "";
}
.fa-smoking-ban:before {
  content: "";
}
.fa-sms:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-snowboarding:before {
  content: "";
}
.fa-snowflake:before {
  content: "";
}
.fa-snowman:before {
  content: "";
}
.fa-snowplow:before {
  content: "";
}
.fa-soap:before {
  content: "葉";
}
.fa-socks:before {
  content: "";
}
.fa-solar-panel:before {
  content: "";
}
.fa-sort:before {
  content: "";
}
.fa-sort-alpha-down:before {
  content: "";
}
.fa-sort-alpha-down-alt:before {
  content: "";
}
.fa-sort-alpha-up:before {
  content: "";
}
.fa-sort-alpha-up-alt:before {
  content: "";
}
.fa-sort-amount-down:before {
  content: "";
}
.fa-sort-amount-down-alt:before {
  content: "";
}
.fa-sort-amount-up:before {
  content: "";
}
.fa-sort-amount-up-alt:before {
  content: "";
}
.fa-sort-down:before {
  content: "";
}
.fa-sort-numeric-down:before {
  content: "";
}
.fa-sort-numeric-down-alt:before {
  content: "";
}
.fa-sort-numeric-up:before {
  content: "";
}
.fa-sort-numeric-up-alt:before {
  content: "";
}
.fa-sort-up:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-sourcetree:before {
  content: "";
}
.fa-spa:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-speakap:before {
  content: "";
}
.fa-speaker-deck:before {
  content: "";
}
.fa-spell-check:before {
  content: "";
}
.fa-spider:before {
  content: "";
}
.fa-spinner:before {
  content: "";
}
.fa-splotch:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-spray-can:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-square-full:before {
  content: "";
}
.fa-square-root-alt:before {
  content: "";
}
.fa-squarespace:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-stackpath:before {
  content: "";
}
.fa-stamp:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-and-crescent:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-star-half-alt:before {
  content: "";
}
.fa-star-of-david:before {
  content: "";
}
.fa-star-of-life:before {
  content: "";
}
.fa-staylinked:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-steam-symbol:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-sticker-mule:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stopwatch:before {
  content: "";
}
.fa-stopwatch-20:before {
  content: "說";
}
.fa-store:before {
  content: "";
}
.fa-store-alt:before {
  content: "";
}
.fa-store-alt-slash:before {
  content: "殺";
}
.fa-store-slash:before {
  content: "辰";
}
.fa-strava:before {
  content: "";
}
.fa-stream:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-stripe:before {
  content: "";
}
.fa-stripe-s:before {
  content: "";
}
.fa-stroopwafel:before {
  content: "";
}
.fa-studiovinari:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-suitcase-rolling:before {
  content: "";
}
.fa-sun:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-supple:before {
  content: "";
}
.fa-surprise:before {
  content: "";
}
.fa-suse:before {
  content: "";
}
.fa-swatchbook:before {
  content: "";
}
.fa-swift:before {
  content: "";
}
.fa-swimmer:before {
  content: "";
}
.fa-swimming-pool:before {
  content: "";
}
.fa-symfony:before {
  content: "";
}
.fa-synagogue:before {
  content: "";
}
.fa-sync:before {
  content: "";
}
.fa-sync-alt:before {
  content: "";
}
.fa-syringe:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-table-tennis:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-tablet-alt:before {
  content: "";
}
.fa-tablets:before {
  content: "";
}
.fa-tachometer-alt:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-tape:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-taxi:before {
  content: "";
}
.fa-teamspeak:before {
  content: "";
}
.fa-teeth:before {
  content: "";
}
.fa-teeth-open:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-telegram-plane:before {
  content: "";
}
.fa-temperature-high:before {
  content: "";
}
.fa-temperature-low:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-tenge:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-the-red-yeti:before {
  content: "";
}
.fa-theater-masks:before {
  content: "";
}
.fa-themeco:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-thermometer:before {
  content: "";
}
.fa-thermometer-empty:before {
  content: "";
}
.fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-three-quarters:before {
  content: "";
}
.fa-think-peaks:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbtack:before {
  content: "";
}
.fa-ticket-alt:before {
  content: "";
}
.fa-times:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-tint-slash:before {
  content: "";
}
.fa-tired:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-toilet:before {
  content: "";
}
.fa-toilet-paper:before {
  content: "";
}
.fa-toilet-paper-slash:before {
  content: "沈";
}
.fa-toolbox:before {
  content: "";
}
.fa-tools:before {
  content: "";
}
.fa-tooth:before {
  content: "";
}
.fa-torah:before {
  content: "";
}
.fa-torii-gate:before {
  content: "";
}
.fa-tractor:before {
  content: "";
}
.fa-trade-federation:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-traffic-light:before {
  content: "";
}
.fa-trailer:before {
  content: "論";
}
.fa-train:before {
  content: "";
}
.fa-tram:before {
  content: "";
}
.fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-trash-alt:before {
  content: "";
}
.fa-trash-restore:before {
  content: "";
}
.fa-trash-restore-alt:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-truck-loading:before {
  content: "";
}
.fa-truck-monster:before {
  content: "";
}
.fa-truck-moving:before {
  content: "";
}
.fa-truck-pickup:before {
  content: "";
}
.fa-tshirt:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-tv:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-typo3:before {
  content: "";
}
.fa-uber:before {
  content: "";
}
.fa-ubuntu:before {
  content: "";
}
.fa-uikit:before {
  content: "";
}
.fa-umbraco:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-umbrella-beach:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-undo:before {
  content: "";
}
.fa-undo-alt:before {
  content: "";
}
.fa-uniregistry:before {
  content: "";
}
.fa-unity:before {
  content: "雷";
}
.fa-universal-access:before {
  content: "";
}
.fa-university:before {
  content: "";
}
.fa-unlink:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-untappd:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-ups:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-user-alt:before {
  content: "";
}
.fa-user-alt-slash:before {
  content: "";
}
.fa-user-astronaut:before {
  content: "";
}
.fa-user-check:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-clock:before {
  content: "";
}
.fa-user-cog:before {
  content: "";
}
.fa-user-edit:before {
  content: "";
}
.fa-user-friends:before {
  content: "";
}
.fa-user-graduate:before {
  content: "";
}
.fa-user-injured:before {
  content: "";
}
.fa-user-lock:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-user-minus:before {
  content: "";
}
.fa-user-ninja:before {
  content: "";
}
.fa-user-nurse:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-user-shield:before {
  content: "";
}
.fa-user-slash:before {
  content: "";
}
.fa-user-tag:before {
  content: "";
}
.fa-user-tie:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-users:before {
  content: "";
}
.fa-users-cog:before {
  content: "";
}
.fa-usps:before {
  content: "";
}
.fa-ussunnah:before {
  content: "";
}
.fa-utensil-spoon:before {
  content: "";
}
.fa-utensils:before {
  content: "";
}
.fa-vaadin:before {
  content: "";
}
.fa-vector-square:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-vial:before {
  content: "";
}
.fa-vials:before {
  content: "";
}
.fa-viber:before {
  content: "";
}
.fa-video:before {
  content: "";
}
.fa-video-slash:before {
  content: "";
}
.fa-vihara:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-vimeo-v:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-virus:before {
  content: "若";
}
.fa-virus-slash:before {
  content: "掠";
}
.fa-viruses:before {
  content: "略";
}
.fa-vk:before {
  content: "";
}
.fa-vnv:before {
  content: "";
}
.fa-voicemail:before {
  content: "";
}
.fa-volleyball-ball:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-mute:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-vote-yea:before {
  content: "";
}
.fa-vr-cardboard:before {
  content: "";
}
.fa-vuejs:before {
  content: "";
}
.fa-walking:before {
  content: "";
}
.fa-wallet:before {
  content: "";
}
.fa-warehouse:before {
  content: "";
}
.fa-water:before {
  content: "";
}
.fa-wave-square:before {
  content: "";
}
.fa-waze:before {
  content: "";
}
.fa-weebly:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-weight:before {
  content: "";
}
.fa-weight-hanging:before {
  content: "";
}
.fa-weixin:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-whatsapp-square:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-whmcs:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-wind:before {
  content: "";
}
.fa-window-close:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-wine-bottle:before {
  content: "";
}
.fa-wine-glass:before {
  content: "";
}
.fa-wine-glass-alt:before {
  content: "";
}
.fa-wix:before {
  content: "";
}
.fa-wizards-of-the-coast:before {
  content: "";
}
.fa-wolf-pack-battalion:before {
  content: "";
}
.fa-won-sign:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-wordpress-simple:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-wpressr:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-x-ray:before {
  content: "";
}
.fa-xbox:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-y-combinator:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-yammer:before {
  content: "";
}
.fa-yandex:before {
  content: "";
}
.fa-yandex-international:before {
  content: "";
}
.fa-yarn:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-yen-sign:before {
  content: "";
}
.fa-yin-yang:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-zhihu:before {
  content: "";
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
@font-face {
  font-family: "lscss-icons";
  src: url("../../../../../../assets/lscss/scss/ls/lscss-icons/fonts/lscss-icons.eot?evwlz1");
  src: url("../../../../../../assets/lscss/scss/ls/lscss-icons/fonts/lscss-icons.eot?evwlz1#iefix") format("embedded-opentype"), url("../../../../../../assets/lscss/scss/ls/lscss-icons/fonts/lscss-icons.ttf?evwlz1") format("truetype"), url("../../../../../../assets/lscss/scss/ls/lscss-icons/fonts/lscss-icons.woff?evwlz1") format("woff"), url("../../../../../../assets/lscss/scss/ls/lscss-icons/fonts/lscss-icons.svg?evwlz1#lscss-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lsi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lscss-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lsi-house-01:before {
  content: "";
}
.lsi-house-02:before {
  content: "";
}
.lsi-house-03:before {
  content: "";
}
.lsi-factory-01:before {
  content: "";
}
.lsi-location-01:before {
  content: "";
}
.lsi-location-02:before {
  content: "";
}
.lsi-location-03:before {
  content: "";
}
.lsi-box-01:before {
  content: "";
}
.lsi-box-02:before {
  content: "";
}
.lsi-box-03:before {
  content: "";
}
.lsi-box-04:before {
  content: "";
}
.lsi-pen-01:before {
  content: "";
}
.lsi-truck-01:before {
  content: "";
}
.lsi-delivery-01:before {
  content: "";
}
.lsi-delivery-02:before {
  content: "";
}
.lsi-delivery-03:before {
  content: "";
}
.lsi-delivery-04:before {
  content: "";
}
.lsi-delivery-05:before {
  content: "";
}
.lsi-person-01:before {
  content: "";
}
.lsi-person-02:before {
  content: "";
}
.lsi-payment-01:before {
  content: "";
}
.lsi-payment-02:before {
  content: "";
}
.lsi-wallet-01:before {
  content: "";
}
.lsi-credit-card-01:before {
  content: "";
}
.lsi-wallet-02:before {
  content: "";
}
.lsi-globe-01:before {
  content: "";
}
.lsi-magnifier-01:before {
  content: "";
}
.lsi-telescope-01:before {
  content: "";
}
.lsi-shopping-bag-01:before {
  content: "";
}
.lsi-heart-01:before {
  content: "";
}
.lsi-list-01:before {
  content: "";
}
.lsi-list-02:before {
  content: "";
}
/*
 * Add bootstrap
 */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b, strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: none;
}
a:not([href]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}
pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .small {
  font-size: 80%;
  font-weight: 400;
}
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th, .table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th, .table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary, .table-primary > th, .table-primary > td {
  background-color: #b8daff;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
  background-color: #d6d8db;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success, .table-success > th, .table-success > td {
  background-color: #c3e6cb;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info, .table-info > th, .table-info > td {
  background-color: #bee5eb;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning, .table-warning > th, .table-warning > td {
  background-color: #ffeeba;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger, .table-danger > th, .table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light, .table-light > th, .table-light > td {
  background-color: #fdfdfe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active, .table-active > th, .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th, .table-dark td, .table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size], select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col, .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group, .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: none;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup, .dropright, .dropdown, .dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend, .input-group-append {
  display: flex;
}
.input-group-prepend .btn, .input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center / 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img, .card-img-top, .card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -3rem;
    margin-left: -3rem;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 3rem;
    margin-bottom: 0;
    margin-left: 3rem;
  }
}
.card-group > .card {
  margin-bottom: 3rem;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0, .my-0 {
  margin-top: 0 !important;
}
.mr-0, .mx-0 {
  margin-right: 0 !important;
}
.mb-0, .my-0 {
  margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.mr-3, .mx-3 {
  margin-right: 1rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5, .my-5 {
  margin-top: 3rem !important;
}
.mr-5, .mx-5 {
  margin-right: 3rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}
.ml-5, .mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0, .py-0 {
  padding-top: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.pb-0, .py-0 {
  padding-bottom: 0 !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3, .py-3 {
  padding-top: 1rem !important;
}
.pr-3, .px-3 {
  padding-right: 1rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5, .py-5 {
  padding-top: 3rem !important;
}
.pr-5, .px-5 {
  padding-right: 3rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}
.pl-5, .px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3, .my-n3 {
  margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5, .my-n5 {
  margin-top: -3rem !important;
}
.mr-n5, .mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5, .my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5, .mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto, .my-auto {
  margin-top: auto !important;
}
.mr-auto, .mx-auto {
  margin-right: auto !important;
}
.mb-auto, .my-auto {
  margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1, .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2, .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *, *::before, *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre, blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td, .table th {
    background-color: #fff !important;
  }
  .table-bordered th, .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
@keyframes ls-animation-fade-out {
  0% {
    opacity: 1;
  }
  97% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ls-animation-autohide {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    opacity: 0;
  }
}
/*
 * This mixin allows us to set styles like e.g. a background color or a border on a grid cell in a way that the stylable
 * area is only inside the grid cell's padding without the need to add an actual inside element in the markup.
 */
/*
 * The following two mixins add vertical spacing between grid cols using the same technique which adds
 * horizontal spacing by default.
 */
html {
  font-size: 10px;
}
body {
  display: block;
  font-family: "Roboto", "Tahoma", "Helvetica", "sans-serif";
  font-size: 1.6rem;
  font-weight: 400;
  color: #000000;
  background: #FFFFFF;
  width: 100%;
}
@media screen and (max-width: 799px) {
  body {
    font-size: 1.44rem;
  }
}
@media screen and (max-width: 499px) {
  body {
    font-size: 1.36rem;
  }
}
body:not(.lsjs-active) .hideWhenNoLsjs {
  display: none !important;
}
body.lsjs-active .hideWhenLsjs {
  display: none !important;
}
body:not(.user-is-tabbing) a:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}
h1 {
  font-size: 4.6rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h1 {
    font-size: 4.14rem;
  }
}
@media screen and (max-width: 799px) {
  h1 {
    font-size: 3.772rem;
  }
}
@media screen and (max-width: 499px) {
  h1 {
    font-size: 3.404rem;
  }
}
h2 {
  font-size: 3.6rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h2 {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 799px) {
  h2 {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 499px) {
  h2 {
    font-size: 2.664rem;
  }
}
h3 {
  font-size: 3.2rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h3 {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  h3 {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  h3 {
    font-size: 2.368rem;
  }
}
h4 {
  font-size: 2.6rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h4 {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  h4 {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  h4 {
    font-size: 1.924rem;
  }
}
h5 {
  font-size: 2rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h5 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  h5 {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  h5 {
    font-size: 1.48rem;
  }
}
h6 {
  font-size: 1.9rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
}
@media screen and (max-width: 1099px) {
  h6 {
    font-size: 1.71rem;
  }
}
@media screen and (max-width: 799px) {
  h6 {
    font-size: 1.558rem;
  }
}
@media screen and (max-width: 499px) {
  h6 {
    font-size: 1.406rem;
  }
}
p {
  margin: 0 0 0.8rem;
}
a, a:hover, a:focus {
  text-decoration: none;
  color: inherit;
}
.pagination {
  margin-bottom: 2rem;
  text-align: right;
}
.pagination * {
  display: inline-block;
  font-size: 1.44rem;
}
.pagination ul {
  margin-left: 2rem;
}
.pagination ul li {
  display: inline-block;
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.pagination ul li a, .pagination ul li span, .pagination ul li strong {
  padding: 0.4rem 0.8rem;
}
.pagination ul li .active {
  border: 0.1rem solid;
}
form .widget {
  position: relative;
}
form .widget.error {
  margin-top: 7rem;
}
form .widget p.error {
  position: absolute;
  top: -3.5rem;
}
.tl_confirm {
  color: #00aa00;
}
p.error {
  color: #aa0000;
}
img {
  max-width: 100%;
  height: auto;
}
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0.1rem;
  margin: -0.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0.1rem;
}
#container, .inside {
  position: relative;
}
.ce_gallery > ul, .content-gallery > ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.ce_gallery > ul li, .content-gallery > ul li {
  float: left;
}
.ce_gallery > ul li.col_first, .content-gallery > ul li.col_first {
  clear: left;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.clear, #clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}
.custom {
  display: block;
}
#container:after, .custom:after {
  content: "";
  display: table;
  clear: both;
}
.ls_contentWrapper {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ls_contentWrapper, [class*="layout-sidebar"] #left .ls_contentWrapper, [class*="layout-sidebar"] #right .ls_contentWrapper {
  max-width: 100%;
}
.ls_mediumContentWrapper {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ls_mediumContentWrapper, [class*="layout-sidebar"] #left .ls_mediumContentWrapper, [class*="layout-sidebar"] #right .ls_mediumContentWrapper {
  max-width: 100%;
}
.ls_narrowContentWrapper {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ls_narrowContentWrapper, [class*="layout-sidebar"] #left .ls_narrowContentWrapper, [class*="layout-sidebar"] #right .ls_narrowContentWrapper {
  max-width: 100%;
}
.ls_superNarrowContentWrapper {
  width: 60rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ls_superNarrowContentWrapper, [class*="layout-sidebar"] #left .ls_superNarrowContentWrapper, [class*="layout-sidebar"] #right .ls_superNarrowContentWrapper {
  max-width: 100%;
}
.ls_sameLine > * {
  display: inline-block;
  vertical-align: middle;
}
a.ls_link_underline, .ls_link_underline a {
  position: relative;
}
a.ls_link_underline::before, .ls_link_underline a::before {
  content: "";
  width: 100%;
  height: 0.1rem;
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  background-color: currentColor;
  transform: scale(1, 1);
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
}
a.ls_link_underline:hover::before, .ls_link_underline a:hover::before {
  transform: scale(0, 1);
}
.ls_effectAutohide {
  animation: ls-animation-autohide 0s ease-in 3s forwards, ls-animation-fade-out 3s ease-in 0s forwards;
  animation-fill-mode: forwards;
}
nav.lscss-standard-navigation {
  overflow: visible;
  z-index: 1000;
  position: relative;
  /*
   * We use this deep selector because we only want to rely on the actual list structure
   * and not on any additional classes
   */
  /*
    <- Plus/minus icons
   */
}
nav.lscss-standard-navigation ul, nav.lscss-standard-navigation ol {
  list-style: none;
  margin: 0;
}
nav.lscss-standard-navigation ul li span, nav.lscss-standard-navigation ul li a, nav.lscss-standard-navigation ul li strong {
  display: block;
}
nav.lscss-standard-navigation ul li span.trail, nav.lscss-standard-navigation ul li span.active, nav.lscss-standard-navigation ul li a.trail, nav.lscss-standard-navigation ul li a.active, nav.lscss-standard-navigation ul li strong.trail, nav.lscss-standard-navigation ul li strong.active {
  font-weight: 700;
}
nav.lscss-standard-navigation > ul > li ul li {
  margin-left: 2.4rem;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi:not(.onlyHandleTouchOnTogglerElements) a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi:not(.onlyHandleTouchOnTogglerElements) span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi:not(.onlyHandleTouchOnTogglerElements) strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices:not(.onlyHandleTouchOnTogglerElements) a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices:not(.onlyHandleTouchOnTogglerElements) span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices:not(.onlyHandleTouchOnTogglerElements) strong.submenu {
  cursor: default;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li ul, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li:not(.touched) > ul, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold ul li.touched > strong.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1 ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1 ul li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-1-exclude-2 > ul > li > ul > li ul li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-2 > ul > li ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-2 > ul > li ul li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-3 > ul > li > ul > li ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-3 > ul > li > ul > li ul li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-4 > ul > li > ul > li > ul > li ul li.touched > strong.submenu::after {
  content: "";
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li ul {
  /*
     * CSS doesn't support transitions from height 0 to height auto, so without any additional javascript,
     * this styling will toggle submenus without a soft transition. Using javascript, the height of an
     * element that is not collapsed can be set to a specific number, thus making the soft transition work.
     */
  overflow: hidden;
  transition: height 0.3s ease-out;
  height: auto;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li:not(.touched) > ul, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li:not(.touched) > ul {
  height: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
  cursor: pointer;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > a.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > span.submenu::after, body.user-is-touching nav.lscss-standard-navigation.useTouchNavi.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > strong.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > a.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > span.submenu::after, nav.lscss-standard-navigation.useTouchNavi.useTouchNaviOnNonTouchDevices.nav-fold-from-5 > ul > li > ul > li > ul > li > ul > li ul li.touched > strong.submenu::after {
  content: "";
}
nav.onlyShowFirstLevel > ul > li > ul, .onlyShowFirstLevel > nav > ul > li > ul {
  display: none !important;
}
nav.horizontalNavigation > ul {
  display: flex;
}
nav.horizontalNavigation > ul > li {
  margin-bottom: 0;
}
nav.horizontalNavigation > ul > li > a.submenu, nav.horizontalNavigation > ul > li > span.submenu, nav.horizontalNavigation > ul > li > strong.submenu {
  padding-right: 1.6rem;
  position: relative;
}
nav.horizontalNavigation > ul > li > a.submenu::after, nav.horizontalNavigation > ul > li > span.submenu::after, nav.horizontalNavigation > ul > li > strong.submenu::after {
  content: "";
  position: absolute;
  font-size: 70%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  right: 0;
}
nav.horizontalNavigation > ul > li.touched > a.submenu::after {
  content: "";
}
nav.horizontalNavigation > ul > li:not(:last-child) {
  margin-right: 1.6rem;
}
nav.horizontalNavigation > ul > li:last-child {
  margin-bottom: 0;
}
nav.horizontalNavigation > ul > li > ul {
  position: absolute;
  height: 0;
  overflow: hidden;
  width: 100%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  background-color: #575973;
  box-shadow: 0.2rem 0.1rem 1rem #dddddd;
  /*
         * top and bottom padding would not work well with the height animation because if it is not animated
         * separately (which can't be done easily) it appears and disappears instantly which makes the animation
         * seem "jumpy". As a workaround, we only set the desired left and right padding directly on the ul element
         * and we create the upper and lower padding by adding ::before and ::after pseudo elements which create
         * the upper and lower distance with their height.
         * -->
         */
  padding: 0 3rem;
  /*
         * <--
         */
}
nav.horizontalNavigation > ul > li > ul::before, nav.horizontalNavigation > ul > li > ul::after {
  content: "";
  height: 3rem;
  width: 100%;
}
nav.horizontalNavigation > ul > li > ul > li {
  padding: 3rem;
  margin-left: 0;
}
nav.horizontalNavigation > ul > li > ul > li > ul > li {
  margin-left: 0;
}
nav.horizontalNavigation:not(.dropdown) > ul > li > ul > li > a, nav.horizontalNavigation:not(.dropdown) > ul > li > ul > li > span, nav.horizontalNavigation:not(.dropdown) > ul > li > ul > li > strong {
  font-weight: 700;
  display: block;
  border-bottom: 0.1rem solid #dddddd;
}
nav.horizontalNavigation:not(.useTouchNaviOnNonTouchDevices) > ul > li:hover > ul {
  height: auto;
}
nav.horizontalNavigation.useTouchNaviOnNonTouchDevices li.submenu > span, nav.horizontalNavigation.useTouchNaviOnNonTouchDevices li.submenu > strong {
  cursor: pointer;
}
nav.horizontalNavigation.dropdown ul {
  z-index: 1;
}
nav.horizontalNavigation.dropdown > ul li {
  position: relative;
  white-space: nowrap;
}
nav.horizontalNavigation.dropdown > ul > li > ul {
  position: absolute;
  background-color: #575973;
  box-shadow: 0.2rem 0.1rem 1rem #dddddd;
  padding: 0 3rem;
}
nav.horizontalNavigation.dropdown > ul > li > ul ul {
  margin-left: 1rem;
}
nav.horizontalNavigation.dropdown > ul > li ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: unset;
  left: unset;
  right: unset;
  top: 100%;
}
nav.horizontalNavigation.dropdown > ul > li ul li {
  padding: 0;
  margin-left: 0;
  display: inline-block;
  width: 100%;
}
#off-canvas-navi-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  #off-canvas-navi-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  #off-canvas-navi-container {
    padding: 0;
  }
}
#off-canvas-navi-container li {
  margin-top: 1rem;
  font-size: 2.6rem;
  border-top: 0.1rem dashed #000;
  padding-top: 1rem;
}
@media screen and (max-width: 1099px) {
  #off-canvas-navi-container li {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  #off-canvas-navi-container li {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  #off-canvas-navi-container li {
    font-size: 1.924rem;
  }
}
#off-canvas-navi-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
}
[class*="layout-sidebar"] #main #off-canvas-navi-container-inside, [class*="layout-sidebar"] #left #off-canvas-navi-container-inside, [class*="layout-sidebar"] #right #off-canvas-navi-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  #off-canvas-navi-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
    max-width: unset;
  }
}
#off-canvas-navi-toggler {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 99902;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  transition: opacity 0.5s ease-out;
}
body:not(.show-sticky).scrolling-down #off-canvas-navi-toggler, body:not(.show-sticky).scrolling-up #off-canvas-navi-toggler {
  opacity: 0;
}
#off-canvas-navi-toggler .nav-bars {
  position: absolute;
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  transition: transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.13s, background-color 0.3s linear 0s;
  top: auto;
  bottom: 0;
  box-shadow: 0 0 0 0.1rem #e1e1e1;
}
#off-canvas-navi-toggler .nav-bars:before {
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  top: -0.83333rem;
  right: 0;
  position: absolute;
  content: "";
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0.3s linear 0s;
  box-shadow: 0 0 0 0.1rem #e1e1e1;
}
#off-canvas-navi-toggler .nav-bars:after {
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  top: -1.6666rem;
  right: 0;
  position: absolute;
  content: "";
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear, background-color 0.3s linear 0s;
  box-shadow: 0 0 0 0.1rem #e1e1e1;
}
#off-canvas-navi-toggler.open .nav-bars {
  transition: transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.22s, background-color 0.3s linear 0s;
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 420px) {
  #off-canvas-navi-toggler.open .nav-bars {
    background-color: #FFFFFF;
  }
}
#off-canvas-navi-toggler.open .nav-bars:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s, background-color 0.3s linear 0s;
  transform: rotate(-90deg);
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 420px) {
  #off-canvas-navi-toggler.open .nav-bars:before {
    background-color: #FFFFFF;
  }
}
#off-canvas-navi-toggler.open .nav-bars:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s, background-color 0.3s linear 0s;
  opacity: 0;
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 420px) {
  #off-canvas-navi-toggler.open .nav-bars:after {
    background-color: #FFFFFF;
  }
}
#no-js-info {
  position: fixed;
  top: -20rem;
  left: 0;
  width: 100%;
  padding: 3.2rem;
  color: #FFFFFF;
  background-color: #000000;
  z-index: 999999;
  overflow: hidden;
  opacity: 0.85;
  animation: hide-no-js-info 4s ease-in-out 1s forwards;
}
@keyframes hide-no-js-info {
  0% {
    opacity: 0;
    top: -20rem;
  }
  15% {
    opacity: 1;
    top: 0;
  }
  85% {
    opacity: 1;
    top: 0;
  }
  100% {
    opacity: 0;
    top: -20rem;
  }
}
body:not(.lsjs-active) .hideWhenNoLsjs, body:not(.lsjs-active) .hide-when-no-lsjs {
  display: none !important;
}
body.lsjs-active .hideWhenLsjs, body.lsjs-active .hide-when-lsjs {
  display: none !important;
}
@font-face {
  font-family: "lscss-icons-custom";
  src: url("/files/merconisfiles/theme/lscss/lscss-icons-custom/fonts/lscss-icons-custom.eot?d20mc0");
  src: url("/files/merconisfiles/theme/lscss/lscss-icons-custom/fonts/lscss-icons-custom.eot?d20mc0#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/lscss/lscss-icons-custom/fonts/lscss-icons-custom.ttf?d20mc0") format("truetype"), url("/files/merconisfiles/theme/lscss/lscss-icons-custom/fonts/lscss-icons-custom.woff?d20mc0") format("woff"), url("/files/merconisfiles/theme/lscss/lscss-icons-custom/fonts/lscss-icons-custom.svg?d20mc0#lscss-icons-custom") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lsi-custom {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lscss-icons-custom" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lsi-custom-happy:before {
  content: "";
}
.lsi-custom-smile:before {
  content: "";
}
.lsi-custom-tongue:before {
  content: "";
}
.lsi-custom-sad:before {
  content: "";
}
.lsi-custom-wink:before {
  content: "";
}
.lsi-custom-grin:before {
  content: "";
}
.lsi-custom-cool:before {
  content: "";
}
.lsi-custom-angry:before {
  content: "";
}
.lsi-custom-evil:before {
  content: "";
}
.lsi-custom-shocked:before {
  content: "";
}
.lsi-custom-baffled:before {
  content: "";
}
.lsi-custom-confused:before {
  content: "";
}
.lsi-custom-neutral:before {
  content: "";
}
.lsi-custom-hipster:before {
  content: "";
}
.lsi-custom-wondering:before {
  content: "";
}
.lsi-custom-sleepy:before {
  content: "";
}
.lsi-custom-frustrated:before {
  content: "";
}
.lsi-custom-crying:before {
  content: "";
}
/*
 * Typografie-Mixins: nur Abweichungen zum globalen Standard..
 */
/**
 * Voller Hintergrund nur so breit wie @include ls_contentWrapper (zentriert),
 * z. B. an mod_article oder am LSCE-Root, wenn der Inhalt (Accordion usw.) die
 * volle Viewport-Breite nutzt, die Färbung aber am Content-Wrapper enden soll.
 * Legt position relative + ::before mit z-index: -1; Inhalt bleibt darüber.
 */
.ls-contact {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ls-contact, [class*="layout-sidebar"] #left .ls-contact, [class*="layout-sidebar"] #right .ls-contact {
  max-width: 100%;
}
.ls-contact > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.ls-contact > div div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 50%;
  max-width: 50%;
  height: 50rem;
}
.ls-contact > div div:first-child {
  background: #00b0e8;
}
.ls-contact > div div:last-child {
  background: #721c24;
}
.ls-contact > div div:last-child .ce_form {
  max-width: 100%;
}
/*
 * Adding basic-styling from lsce-asset-folder
*/
.ce_rsce_footer {
  position: relative;
  margin-top: 0;
}
.ce_rsce_footer > div {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 6rem 0;
}
[class*="layout-sidebar"] #main .ce_rsce_footer > div, [class*="layout-sidebar"] #left .ce_rsce_footer > div, [class*="layout-sidebar"] #right .ce_rsce_footer > div {
  max-width: 100%;
}
.ce_rsce_footer > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.ce_rsce_footer > div > div.flex-layout-fix > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.ce_rsce_footer > div > div.flex-layout-fix.colNumber-1 > div {
  flex: 0 0 100%;
  max-width: 100%;
}
.ce_rsce_footer > div > div.flex-layout-fix.colNumber-2 > div {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-2 > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-2 > div:last-child {
    margin-bottom: 0;
  }
}
.ce_rsce_footer > div > div.flex-layout-fix.colNumber-3 > div {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (max-width: 999.98px) {
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-3 > div {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-3 > div:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-3 > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1299.98px) {
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div:first-child, .ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div:nth-child(2) {
    margin-bottom: 5rem;
  }
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-fix.colNumber-4 > div:last-child {
    margin-bottom: 0;
  }
}
.ce_rsce_footer > div > div.flex-layout-sb {
  justify-content: space-between;
  flex-flow: row wrap;
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-1 > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-1 > div > div {
  margin: 0 auto;
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 50%;
  max-width: 50%;
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div:last-child {
  display: flex;
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div:last-child > div {
  margin-left: auto;
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div:last-child {
    margin-bottom: 0;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-2 > div:last-child > div {
    margin-left: 0;
  }
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div {
  max-width: 33.3333333333%;
  position: relative;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (max-width: 999.98px) {
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:nth-child(2) {
    display: flex;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:nth-child(2) > div {
    margin-left: auto;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:last-child {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    margin-bottom: 0;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:last-child > div {
    margin: 0 auto;
  }
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:nth-child(2) > div {
    margin-left: 0;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:last-child {
    display: unset;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-3 > div:last-child > div {
    margin: 0;
  }
}
.ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div {
  max-width: 25%;
  position: relative;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (max-width: 1299.98px) {
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:first-child, .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:nth-child(2) {
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:nth-child(2n) {
    display: flex;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:nth-child(2n) > div {
    margin-left: auto;
  }
}
@media (max-width: 699.98px) {
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5rem;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:nth-child(2n) {
    display: unset;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:nth-child(2n) > div {
    margin-left: 0;
  }
  .ce_rsce_footer > div > div.flex-layout-sb.colNumber-4 > div:last-child {
    margin-bottom: 0;
  }
}
.ce_rsce_hero {
  position: relative;
}
.ce_rsce_hero.imageOption {
  display: flex;
  margin: auto;
  position: relative;
  min-height: 80rem;
}
.ce_rsce_hero.imageOption .image-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ce_rsce_hero.imageOption .image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ce_rsce_hero.imageOption .text-box-wrapper {
  display: flex;
  width: 100%;
}
.ce_rsce_hero.imageOption .text-box-wrapper .text-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin: auto;
  padding: 10rem 0;
  overflow: visible;
}
[class*="layout-sidebar"] #main .ce_rsce_hero.imageOption .text-box-wrapper .text-container, [class*="layout-sidebar"] #left .ce_rsce_hero.imageOption .text-box-wrapper .text-container, [class*="layout-sidebar"] #right .ce_rsce_hero.imageOption .text-box-wrapper .text-container {
  max-width: 100%;
}
.ce_rsce_hero:not(.imageOption) .image-container {
  margin: 0;
}
.ce_rsce_hero:not(.imageOption) .image-container img {
  width: 100%;
  height: auto;
}
.ce_rsce_hero:not(.imageOption) .text-box-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ce_rsce_hero:not(.imageOption) .text-box-wrapper .text-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 100%;
}
[class*="layout-sidebar"] #main .ce_rsce_hero:not(.imageOption) .text-box-wrapper .text-container, [class*="layout-sidebar"] #left .ce_rsce_hero:not(.imageOption) .text-box-wrapper .text-container, [class*="layout-sidebar"] #right .ce_rsce_hero:not(.imageOption) .text-box-wrapper .text-container {
  max-width: 100%;
}
.ce_rsce_hero:not(.imageOption) .text-box-wrapper .text-container .text-content {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
/*
 Adjust: grid row and column */
/*
 Adjust: image- & text-tile behavior on big screen/ multi column
 tile-order: text-image */
/* tile-order: image-text */
/*
 Adjust: image- & text-tile behavior on small screen/ single column */
.ce_rsce_image-text-tile .tile-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media (max-width: 799.98px) {
  .ce_rsce_image-text-tile .tile-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.ce_rsce_image-text-tile.order-text-image .tile:nth-child(1) {
  grid-column: 5 / -1;
}
.ce_rsce_image-text-tile.order-text-image .tile:nth-child(2) {
  grid-column: 1 / 6;
}
.ce_rsce_image-text-tile.order-image-text .tile:nth-child(1) {
  grid-column: 1 / 9;
}
.ce_rsce_image-text-tile.order-image-text .tile:nth-child(2) {
  grid-column: 8 / -1;
}
.ce_rsce_image-text-tile .tile {
  grid-row: 1 / 2;
}
.ce_rsce_image-text-tile .tile:nth-child(1) .image-container {
  height: 100%;
}
.ce_rsce_image-text-tile .tile:nth-child(1) img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 799.98px) {
  .ce_rsce_image-text-tile .tile:nth-child(1) {
    grid-row: 1 / 9;
  }
}
.ce_rsce_image-text-tile .tile:nth-child(2) {
  align-self: center;
}
@media (max-width: 799.98px) {
  .ce_rsce_image-text-tile .tile:nth-child(2) {
    grid-row: 8 / -1;
    margin: 0 15%;
    align-self: unset;
    display: -ms-grid;
    display: grid;
  }
  .ce_rsce_image-text-tile .tile:nth-child(2) .text-container {
    align-self: center;
  }
}
@media (max-width: 799.98px) {
  .ce_rsce_image-text-tile .tile {
    grid-column: 1 / 2 !important;
  }
}
.ce_rsce_contentbox {
  position: relative;
}
.ce_rsce_contentbox > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.ce_rsce_contentbox > div > div > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 899.98px) {
  .ce_rsce_contentbox > div > div > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.ce_rsce_contentbox > div > div > div.image-container img {
  min-height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 900px) {
  .ce_rsce_contentbox > div > div > div.image-container img {
    height: 1rem;
  }
}
.ce_rsce_contentbox > div > div > div.text-container {
  position: relative;
}
@media (min-width: 900px) {
  .ce_rsce_contentbox.image-horizontally-right > div > div > div.image-container {
    order: 2;
  }
  .ce_rsce_contentbox.image-horizontally-right > div > div > div.text-container {
    order: 1;
  }
}
@media (max-width: 899.98px) {
  .ce_rsce_contentbox.image-vertically-bottom > div > div > div.image-container {
    order: 2;
  }
  .ce_rsce_contentbox.image-vertically-bottom > div > div > div.text-container {
    order: 1;
  }
}
@media (min-width: 900px) {
  .ce_rsce_contentbox.image-to-middle > div > div > div.image-container {
    padding-right: 0;
  }
  .ce_rsce_contentbox.image-to-middle > div > div > div.text-container {
    padding-left: 6rem;
  }
  .ce_rsce_contentbox.image-horizontally-right.image-to-middle > div > div > div.image-container {
    padding-left: 0;
  }
  .ce_rsce_contentbox.image-horizontally-right.image-to-middle > div > div > div.text-container {
    padding-right: 6rem;
  }
}
.ce_rsce_fullscreen-image-box {
  display: flex;
  margin: auto;
  position: relative;
  min-height: 100vh;
}
.ce_rsce_fullscreen-image-box .image-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ce_rsce_fullscreen-image-box .image-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper {
  display: flex;
  width: 100%;
  padding: 10rem 0 10rem;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin: auto;
  padding: 10rem;
  overflow: visible;
}
[class*="layout-sidebar"] #main .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container, [class*="layout-sidebar"] #left .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container, [class*="layout-sidebar"] #right .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container {
  max-width: 100%;
}
.ce_rsce_infobar .inside {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  justify-content: space-around;
  align-items: baseline;
  text-align: center;
}
@media (max-width: 799.98px) {
  .ce_rsce_infobar .inside {
    flex-direction: column;
    align-items: center;
  }
}
.ce_rsce_switch-gallery .sliding-area > div {
  width: 100%;
}
.ce_rsce_switch-gallery .sliding-area > div > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  margin: 0;
}
.ce_rsce_switch-gallery .sliding-area > div > div > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  margin: 0;
  padding: 0;
}
.ce_rsce_switch-gallery .sliding-area > div > div > div[data-lsjs-element="bigImage"] {
  flex: 0 0 100%;
  max-width: 100%;
}
.ce_rsce_switch-gallery .sliding-area > div > div > div[data-lsjs-element="bigImage"] > div {
  padding-bottom: 50%;
}
.ce_rsce_switch-gallery .sliding-area > div > div > div[data-lsjs-element="smallImage"] {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  cursor: pointer;
}
.ce_rsce_switch-gallery .sliding-area > div > div > div[data-lsjs-element="smallImage"] > div {
  padding-bottom: 80%;
}
.ce_rsce_switch-gallery .sliding-area .image-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: #777777;
  overflow: hidden;
}
.ce_rsce_switch-gallery .sliding-area .image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*
        * This targets IE11 only and sets the height to auto to ensure images are
        * not deformed as object-fit:cover is not supported
        */
}
.ce_rsce_switch-gallery .sliding-area .image-container img _:-ms-fullscreen, :root .ce_rsce_switch-gallery .sliding-area .image-container img {
  height: auto;
}
.ce_rsce_switch-gallery .switch-gallery-slider::after {
  content: "";
  display: table;
  clear: both;
}
.ce_rsce_switch-gallery .switch-gallery-slider .ls_switch-gallery {
  float: left;
}
.ce_rsce_headline-extended .ce_headline {
  width: 66.6666666667%;
}
.ce_rsce_headline-extended .ce_headline.headline-single {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 899.98px) {
  .ce_rsce_headline-extended .ce_headline {
    width: 100%;
  }
}
.ce_rsce_headline-extended .text {
  text-align: right;
  margin-left: 16.6666666667%;
}
.ce_rsce_timeline > ul {
  position: relative;
  list-style: none;
}
.ce_rsce_timeline > ul > li {
  position: relative;
  width: 50%;
}
.ce_rsce_timeline > ul > li .time-period {
  display: flex;
  align-items: center;
}
.ce_rsce_timeline > ul > li .time-period::before, .ce_rsce_timeline > ul > li .time-period::after {
  content: "";
  position: absolute;
  z-index: 1;
}
.ce_rsce_timeline > ul > li.direction-left {
  left: 0;
}
.ce_rsce_timeline > ul > li.direction-left .time-period > span {
  display: block;
  margin-left: auto;
}
.ce_rsce_timeline > ul > li.direction-right {
  left: 50%;
}
.ce_rsce_timeline > ul > li > div:last-child {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ce_rsce_timeline > ul::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
@media (max-width: 799.98px) {
  .ce_rsce_timeline > ul > li {
    width: 100%;
  }
  .ce_rsce_timeline > ul > li.direction-left .time-period > span {
    margin-left: 0;
  }
  .ce_rsce_timeline > ul > li.direction-right {
    left: 0;
  }
  .ce_rsce_timeline > ul::after {
    left: 0;
  }
}
/*
 * Adding individual-styling for lsce
*/
.ce_rsce_contentbox {
  background-color: #f5f5f5;
}
.ce_rsce_contentbox > div {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ce_rsce_contentbox > div, [class*="layout-sidebar"] #left .ce_rsce_contentbox > div, [class*="layout-sidebar"] #right .ce_rsce_contentbox > div {
  max-width: 100%;
}
.ce_rsce_contentbox .text-container {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.ce_rsce_contentbox .text-container a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  transform: perspective(0.1rem) translateZ(0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  margin: 1rem 1rem 0 0;
}
.ce_rsce_contentbox .text-container a:hover {
  background: #F3F5F8;
}
.ce_rsce_contentbox .text-container a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
.ce_rsce_contentbox .text-container a:hover, .ce_rsce_contentbox .text-container a:active, .ce_rsce_contentbox .text-container a:focus {
  color: #FFFFFF !important;
}
.ce_rsce_contentbox .text-container a:hover:after, .ce_rsce_contentbox .text-container a:active:after, .ce_rsce_contentbox .text-container a:focus:after {
  transform: scaleX(1);
}
@media (max-width: 899.98px) {
  .ce_rsce_contentbox.image-vertically-top .image-container {
    padding-top: 6rem;
  }
  .ce_rsce_contentbox.image-vertically-top .text-container {
    padding-top: 3rem;
  }
  .ce_rsce_contentbox.image-vertically-bottom .image-container {
    padding-bottom: 6rem;
  }
  .ce_rsce_contentbox.image-vertically-bottom .text-container {
    padding-bottom: 3rem;
  }
}
.ce_rsce_footer {
  background: #0E182E;
  color: #FFFFFF;
}
.ce_rsce_footer nav ul {
  list-style: none;
}
.ce_rsce_footer .ce_gallery ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(auto-fit, minmax(8rem, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  grid-gap: 0;
  justify-items: center;
}
.ce_rsce_footer .ce_gallery ul li {
  text-align: center;
  float: none;
}
.ce_rsce_footer .ce_gallery ul li img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.ce_rsce_footer .ce_gallery figure {
  margin: 0 1rem 1rem 0;
}
.ce_rsce_footer .mod_unsubscribe .widget-text, .ce_rsce_footer .mod_subscribe .widget-text {
  width: 100%;
}
.ce_rsce_footer a {
  color: #FFFFFF;
}
.ce_rsce_footer a:hover {
  color: #FFFFFF;
}
/*
 * LSCE hartmann_footer: Kontakt (optional), Branding + Spalten, Bottom.
 * Branding: Hauptlogo (eigene Zeile), Text, zweites Logo untereinander.
 * Leistungsspalten (1-6): Grid passt sich an; down(13) max. 3 nebeneinander, down(7) max. 2.
 * Abstaende: $grid-gutter-width = Bootstrap-Spaltenabstand (typ. aeusserer Rhythmus);
 * $grid-gutter-width-small / -super-small fuer engere vertikale Stacks.
 * Main: Branding + Spalten als 2-Spalten-Grid; Luft vor Nav-Spalten per padding-left.
 * Umbruch untereinander ab down(9, $grid-breakpoints-ls).
 * Farbe/Fliesstext-Schriftgrad: Basis auf .hartmann-footer; Line-height zentral (Theme).
 */
.hartmann-footer {
  color: #FFFFFF;
  background-color: #243B74;
  font-size: 1.4rem;
  /*
   * Zweispalter: linke Spalte waechst schmal bis mittel (flex), Obergrenze in % damit
   * die Kontaktzeilen rechts genug Platz haben; unter 9 gestapelt volle Breite.
   */
  /*
   * Semantik z. B. h2 im Backend, optisch H1 (Vorgabe Layout).
   */
  /*
   * Spaltenueberschrift: optisch Tagline; Akzentfarbe gegenueber Fliesstext.
   */
}
.hartmann-footer a {
  color: inherit;
}
.hartmann-footer a:hover, .hartmann-footer a:focus-visible {
  color: inherit;
}
.hartmann-footer .hartmann-footer__contact {
  padding-top: 6rem;
  padding-bottom: 6rem;
  /*
     * CTA: abweichende Linkfarbe (nicht weiss wie Standard-Links im Footer).
     */
}
.hartmann-footer .hartmann-footer__contact .hartmann-footer__contact-cta a {
  color: #000000;
}
.hartmann-footer .hartmann-footer__contact .hartmann-footer__contact-cta a:hover, .hartmann-footer .hartmann-footer__contact .hartmann-footer__contact-cta a:focus-visible {
  color: #000000;
}
.hartmann-footer .hartmann-footer__contact-inner {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6rem;
}
[class*="layout-sidebar"] #main .hartmann-footer .hartmann-footer__contact-inner, [class*="layout-sidebar"] #left .hartmann-footer .hartmann-footer__contact-inner, [class*="layout-sidebar"] #right .hartmann-footer .hartmann-footer__contact-inner {
  max-width: 100%;
}
.hartmann-footer .hartmann-footer__contact-primary {
  flex: 1 1 100%;
  min-width: 0;
}
.hartmann-footer .hartmann-footer__contact-inner--with-aside .hartmann-footer__contact-primary {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 38%;
}
@media (max-width: 1299.98px) {
  .hartmann-footer .hartmann-footer__contact-inner--with-aside .hartmann-footer__contact-primary {
    max-width: 48%;
  }
}
@media (max-width: 999.98px) {
  .hartmann-footer .hartmann-footer__contact-inner--with-aside .hartmann-footer__contact-primary {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.hartmann-footer .hartmann-footer__contact-aside {
  flex: 1 1 0;
  text-align: right;
  min-width: 0;
}
@media (max-width: 999.98px) {
  .hartmann-footer .hartmann-footer__contact-aside {
    flex: 1 1 100%;
    text-align: left;
  }
}
.hartmann-footer .hartmann-footer__contact-line {
  margin-bottom: 1.5rem;
}
.hartmann-footer .hartmann-footer__contact-line:last-child {
  margin-bottom: 0;
}
.hartmann-footer .hartmann-footer__contact-tagline {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.hartmann-footer .hartmann-footer__contact-value {
  font-size: 2.6rem;
  line-height: 1.3;
}
@media screen and (max-width: 1099px) {
  .hartmann-footer .hartmann-footer__contact-value {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  .hartmann-footer .hartmann-footer__contact-value {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  .hartmann-footer .hartmann-footer__contact-value {
    font-size: 1.924rem;
  }
}
.hartmann-footer .hartmann-footer__contact-value h1, .hartmann-footer .hartmann-footer__contact-value h2, .hartmann-footer .hartmann-footer__contact-value h3, .hartmann-footer .hartmann-footer__contact-value h4, .hartmann-footer .hartmann-footer__contact-value h5, .hartmann-footer .hartmann-footer__contact-value h6, .hartmann-footer .hartmann-footer__contact-value p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.hartmann-footer .hartmann-footer__contact-value a {
  text-decoration: none;
}
.hartmann-footer .hartmann-footer__contact-headline {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 4.6rem;
}
.hartmann-footer .hartmann-footer__contact-body {
  margin-bottom: 1.5rem;
}
.hartmann-footer .hartmann-footer__contact-cta {
  margin-top: 0;
}
.hartmann-footer .hartmann-footer__main {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.hartmann-footer .hartmann-footer__main-inner {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6rem;
}
[class*="layout-sidebar"] #main .hartmann-footer .hartmann-footer__main-inner, [class*="layout-sidebar"] #left .hartmann-footer .hartmann-footer__main-inner, [class*="layout-sidebar"] #right .hartmann-footer .hartmann-footer__main-inner {
  max-width: 100%;
}
@media (max-width: 999.98px) {
  .hartmann-footer .hartmann-footer__main-inner {
    flex-direction: column;
  }
}
.hartmann-footer .hartmann-footer__main-inner--split-grid {
  display: grid;
  grid-template-columns: minmax(0, 14%) minmax(0, 1fr);
  column-gap: 6rem;
  row-gap: 6rem;
  align-items: start;
}
@media (max-width: 999.98px) {
  .hartmann-footer .hartmann-footer__main-inner--split-grid {
    display: flex;
    flex-direction: column;
  }
}
.hartmann-footer .hartmann-footer__main-inner--split-grid .hartmann-footer__branding {
  grid-column: 1;
  min-width: 0;
}
.hartmann-footer .hartmann-footer__main-inner--split-grid .hartmann-footer__columns {
  grid-column: 2;
  min-width: 0;
  padding-left: 12rem;
}
@media (max-width: 999.98px) {
  .hartmann-footer .hartmann-footer__main-inner--split-grid .hartmann-footer__columns {
    padding-left: 0;
  }
}
.hartmann-footer .hartmann-footer__branding {
  flex: 0 0 auto;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hartmann-footer .hartmann-footer__branding-logo img {
  max-width: 100%;
  height: auto;
}
.hartmann-footer .hartmann-footer__branding-logo--primary {
  margin-bottom: 2rem;
  width: 100%;
}
.hartmann-footer .hartmann-footer__branding-text {
  margin-bottom: 1.5rem;
  width: 100%;
}
.hartmann-footer .hartmann-footer__branding-logo--secondary {
  margin-top: 0;
}
.hartmann-footer .hartmann-footer__columns {
  display: grid;
  flex: 1 1 auto;
  width: 100%;
  column-gap: 6rem;
  row-gap: 12rem;
  align-items: flex-start;
}
.hartmann-footer .hartmann-footer__columns.flex-layout-sb {
  justify-content: space-between;
}
.hartmann-footer .hartmann-footer__columns.colNumber-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.hartmann-footer .hartmann-footer__columns.colNumber-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.hartmann-footer .hartmann-footer__columns.colNumber-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.hartmann-footer .hartmann-footer__columns.colNumber-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.hartmann-footer .hartmann-footer__columns.colNumber-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.hartmann-footer .hartmann-footer__columns.colNumber-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1399.98px) {
  .hartmann-footer .hartmann-footer__columns.colNumber-1 {
    grid-template-columns: 1fr;
  }
  .hartmann-footer .hartmann-footer__columns.colNumber-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hartmann-footer .hartmann-footer__columns.colNumber-3, .hartmann-footer .hartmann-footer__columns.colNumber-4, .hartmann-footer .hartmann-footer__columns.colNumber-5, .hartmann-footer .hartmann-footer__columns.colNumber-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 799.98px) {
  .hartmann-footer .hartmann-footer__columns.colNumber-1 {
    grid-template-columns: 1fr;
  }
  .hartmann-footer .hartmann-footer__columns.colNumber-2, .hartmann-footer .hartmann-footer__columns.colNumber-3, .hartmann-footer .hartmann-footer__columns.colNumber-4, .hartmann-footer .hartmann-footer__columns.colNumber-5, .hartmann-footer .hartmann-footer__columns.colNumber-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.hartmann-footer .hartmann-footer__column {
  min-width: 0;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  overflow-wrap: break-word;
}
.hartmann-footer .hartmann-footer__column-title {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #FFDD00;
}
.hartmann-footer .hartmann-footer__column-intro {
  margin-bottom: 1.5rem;
}
.hartmann-footer .hartmann-footer__column-nav {
  margin-top: 1.5rem;
}
.hartmann-footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.hartmann-footer .hartmann-footer__column-nav ul {
  flex-direction: column;
  align-items: flex-start;
}
.hartmann-footer .ce_gallery ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: repeat(auto-fit, minmax(24rem, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  grid-gap: 0;
  justify-items: center;
}
.hartmann-footer .ce_gallery ul li {
  text-align: center;
  float: none;
}
.hartmann-footer .ce_gallery ul li img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.hartmann-footer .ce_gallery figure {
  margin: 0 6rem 6rem 0;
}
.hartmann-footer .hartmann-footer__bottom {
  background-color: #243B74;
  border-top: 0.1rem solid #D1D6E2;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.hartmann-footer .hartmann-footer__bottom-inner {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6rem;
}
[class*="layout-sidebar"] #main .hartmann-footer .hartmann-footer__bottom-inner, [class*="layout-sidebar"] #left .hartmann-footer .hartmann-footer__bottom-inner, [class*="layout-sidebar"] #right .hartmann-footer .hartmann-footer__bottom-inner {
  max-width: 100%;
}
.hartmann-footer .hartmann-footer__bottom-social {
  flex: 0 0 auto;
  order: 1;
}
.hartmann-footer .hartmann-footer__bottom-social ul {
  align-items: center;
}
.hartmann-footer .hartmann-footer__social-link {
  display: inline-flex;
  align-items: center;
}
.hartmann-footer .hartmann-footer__social-link img {
  display: block;
  max-height: 12rem;
  width: auto;
  height: auto;
}
.hartmann-footer .hartmann-footer__bottom-meta {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  column-gap: 6rem;
  min-width: 0;
}
@media (max-width: 1299.98px) {
  .hartmann-footer .hartmann-footer__bottom-meta {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1.5rem;
  }
}
.hartmann-footer .hartmann-footer__copyright {
  margin: 0;
  white-space: nowrap;
}
.hartmann-footer .hartmann-footer__bottom-nav {
  min-width: 0;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container {
  text-align: center;
  font-size: 3.2rem;
  border: 0.1rem solid;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h1, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h2, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h3 {
  font-size: 4.6rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  position: relative;
}
@media screen and (max-width: 1099px) {
  .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h1, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h2, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h3 {
    font-size: 4.14rem;
  }
}
@media screen and (max-width: 799px) {
  .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h1, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h2, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h3 {
    font-size: 3.772rem;
  }
}
@media screen and (max-width: 499px) {
  .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h1, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h2, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h3 {
    font-size: 3.404rem;
  }
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h1::after, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h2::after, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container h3::after {
  content: "";
  position: absolute;
  width: 30%;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-bottom: 0.1rem solid;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  transform: perspective(0.1rem) translateZ(0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:hover {
  background: #F3F5F8;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:hover, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:active, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:focus {
  color: #FFFFFF !important;
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:hover:after, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:active:after, .ce_rsce_fullscreen-image-box .text-box-wrapper .text-container a:focus:after {
  transform: scaleX(1);
}
.ce_rsce_fullscreen-image-box .text-box-wrapper .text-container .text {
  margin-top: 3rem;
}
.ce_rsce_fullscreen-image-box.text-background-dark .text-box-wrapper .text-container {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.9);
}
.ce_rsce_fullscreen-image-box.text-background-dark .text-box-wrapper .text-container h1::after, .ce_rsce_fullscreen-image-box.text-background-dark .text-box-wrapper .text-container h2::after, .ce_rsce_fullscreen-image-box.text-background-dark .text-box-wrapper .text-container h3::after {
  border-bottom-color: #FFFFFF;
}
.ce_rsce_fullscreen-image-box.text-background-dark .text-box-wrapper .text-container a {
  border-color: #FFFFFF;
}
.ce_rsce_fullscreen-image-box.text-background-bright .text-box-wrapper .text-container {
  color: #000000;
  border-color: #000000;
  background-color: rgba(255, 255, 255, 0.5);
  text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.9);
}
.ce_rsce_fullscreen-image-box.text-background-bright .text-box-wrapper .text-container h1::after, .ce_rsce_fullscreen-image-box.text-background-bright .text-box-wrapper .text-container h2::after, .ce_rsce_fullscreen-image-box.text-background-bright .text-box-wrapper .text-container h3::after {
  border-bottom-color: #000000;
}
.ce_rsce_fullscreen-image-box.text-background-bright .text-box-wrapper .text-container a {
  border-color: #000000;
}
div[id^="below-header"] .ce_rsce_hero .text-container {
  text-align: center;
  text-shadow: 0.1rem 0.1rem 2.5rem #FFFFFF, -0.1rem -0.1rem 2.5rem #FFFFFF, 0.2rem 0.2rem 3.5rem #000000, -0.2rem -0.2rem 3.5rem #000000;
  font-size: 3.36rem;
}
div[id^="below-header"] .ce_rsce_hero .text-container h1 {
  font-size: 9.66rem;
  margin-bottom: 0;
  line-height: 1.1;
}
div[id^="below-header"] .ce_rsce_hero .text-container p {
  margin-bottom: 1.2rem;
}
div[id^="below-header"] .ce_rsce_hero .text-container a {
  background: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 2rem;
  color: #000000;
  line-height: normal;
  border: 0.4rem solid #000000;
  _text-align: center;
  cursor: pointer;
  font-size: 2.24rem;
}
@media (max-width: 1499.98px) {
  div[id^="below-header"] .ce_rsce_hero .text-container h1 {
    font-size: 7.36rem;
  }
}
@media (max-width: 1099.98px) {
  div[id^="below-header"] .ce_rsce_hero .text-container {
    font-size: 2.72rem;
  }
  div[id^="below-header"] .ce_rsce_hero .text-container h1 {
    font-size: 5.52rem;
  }
  div[id^="below-header"] .ce_rsce_hero .text-container a {
    font-size: 1.76rem;
  }
}
@media (max-width: 899.98px) {
  div[id^="below-header"] .ce_rsce_hero .text-container .text-content {
    position: relative;
  }
}
@media (max-width: 899.98px) {
  div[id^="below-header"] .ce_rsce_hero {
    display: flex;
    flex-direction: column;
  }
  div[id^="below-header"] .ce_rsce_hero .text-box-wrapper {
    position: unset;
    order: 2;
  }
  div[id^="below-header"] .ce_rsce_hero .text-box-wrapper .text-container {
    text-shadow: none;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  div[id^="below-header"] .ce_rsce_hero .text-box-wrapper .text-container .text-content {
    top: unset;
    transform: unset;
    position: relative;
  }
}
/*
 * LSCE page_hero (Seiten-Hero / Bühne).
 * Breakpoints: Tablet-Anpassungen ab down(12), Mobil ab down(8) — wie gewünscht, nicht down(9).
 * Zweispaltig: layout-split (4+6), layout-split-gutters-6 (4+1+6+1), layout-split-gutters-7 (4+1+7).
 */
.page-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.page-hero--height-large {
  min-height: 70rem;
}
.page-hero--height-compact {
  min-height: 40rem;
}
.page-hero--height-small {
  min-height: 24rem;
}
@media (max-width: 899.98px) {
  .page-hero--height-large {
    min-height: 44rem;
  }
  .page-hero--height-compact {
    min-height: 34rem;
  }
  .page-hero--height-small {
    min-height: 18rem;
  }
}
.page-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.page-hero__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hero__picture {
  height: 100%;
}
.page-hero__picture picture, .page-hero__picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-color: #000000;
}
.page-hero__overlay--20 {
  opacity: 0.2;
}
.page-hero__overlay--40 {
  opacity: 0.4;
}
.page-hero__overlay--60 {
  opacity: 0.6;
}
.page-hero__inner {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: inherit;
  padding-top: 4rem;
  padding-bottom: 4rem;
}
[class*="layout-sidebar"] #main .page-hero__inner, [class*="layout-sidebar"] #left .page-hero__inner, [class*="layout-sidebar"] #right .page-hero__inner {
  max-width: 100%;
}
.page-hero--left .page-hero__inner {
  justify-content: flex-end;
  padding-top: 8rem;
  padding-bottom: 6rem;
}
@media (max-width: 899.98px) {
  .page-hero--left .page-hero__inner {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
}
.page-hero__grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  width: 100%;
  align-items: flex-start;
  margin-right: 0;
  margin-left: 0;
}
.page-hero__cell {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  min-width: 0;
  padding-right: 0;
  padding-left: 0;
}
/* --- Zentriert --- */
.page-hero--centered .page-hero__cell--main {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  margin-left: 16.6666666667%;
  text-align: center;
}
@media (max-width: 1299.98px) {
  .page-hero--centered .page-hero__cell--main {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 899.98px) {
  .page-hero--centered .page-hero__cell--main {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.page-hero--left .page-hero__cell--main {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  text-align: left;
}
@media (max-width: 1599.98px) {
  .page-hero--left .page-hero__cell--main {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 0;
  }
}
@media (max-width: 899.98px) {
  .page-hero--left .page-hero__cell--main {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
/* --- Zweispaltig (4+6; bzw. 4+1+6+1 / 4+1+7 mit sichtbaren Rasterspalten) --- */
.page-hero--split .page-hero__cell--split-left, .page-hero--split-gutters-6 .page-hero__cell--split-left, .page-hero--split-gutters-7 .page-hero__cell--split-left {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (max-width: 1299.98px) {
  .page-hero--split .page-hero__cell--split-left, .page-hero--split-gutters-6 .page-hero__cell--split-left, .page-hero--split-gutters-7 .page-hero__cell--split-left {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.page-hero--split .page-hero__cell--split-right {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}
@media (max-width: 1299.98px) {
  .page-hero--split .page-hero__cell--split-right {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 899.98px) {
  .page-hero--split .page-hero__cell--split-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.page-hero--split-gutters-6 .page-hero__cell--split-right {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}
@media (max-width: 1299.98px) {
  .page-hero--split-gutters-6 .page-hero__cell--split-right {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 899.98px) {
  .page-hero--split-gutters-6 .page-hero__cell--split-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.page-hero--split-gutters-7 .page-hero__cell--split-right {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  text-align: left;
}
@media (max-width: 1299.98px) {
  .page-hero--split-gutters-7 .page-hero__cell--split-right {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 16.6666666667%;
  }
}
@media (max-width: 899.98px) {
  .page-hero--split-gutters-7 .page-hero__cell--split-right {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.page-hero--split-gutters-6 .page-hero__cell--split-spacer, .page-hero--split-gutters-7 .page-hero__cell--split-spacer {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
  min-height: 0;
  flex-shrink: 0;
  /* Leere Rasterzelle, nur Desktop/Tablet. */
}
@media (max-width: 1299.98px) {
  .page-hero--split-gutters-6 .page-hero__cell--split-spacer, .page-hero--split-gutters-7 .page-hero__cell--split-spacer {
    display: none;
  }
}
/* --- Textkarte weiß --- */
.page-hero--text-card .page-hero__cell--card {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}
@media (max-width: 1299.98px) {
  .page-hero--text-card .page-hero__cell--card {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 0;
  }
}
@media (max-width: 899.98px) {
  .page-hero--text-card .page-hero__cell--card {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.page-hero__card {
  background-color: #FFFFFF;
  padding: 3rem 3.5rem;
  box-shadow: 0 0.4rem 2.4rem rgba(0, 0, 0, 0.08);
}
@media (max-width: 899.98px) {
  .page-hero__card {
    padding: 2.5rem 2rem;
  }
}
.page-hero__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 1.2rem;
  text-transform: uppercase;
}
.page-hero__eyebrow--yellow {
  color: #FFDD00;
}
.page-hero__eyebrow--color-5 {
  color: #2D58BA;
}
.page-hero__eyebrow--card {
  color: #2D58BA;
  margin-bottom: 1rem;
}
.page-hero__headline {
  margin: 0 0 1rem;
  color: #FFFFFF;
  overflow-wrap: break-word;
}
@media (max-width: 899.98px) {
  .page-hero__headline {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    text-wrap: balance;
  }
}
.page-hero--text-card .page-hero__headline--card {
  color: #243B74;
}
.page-hero__headline--card {
  color: #243B74;
}
/*
 * Mit Overlay: Headline über dem Medium einheitlich weiß (Theme-Regeln für h1/h2 uebersteuern).
 * Ausnahme: weiße Textkarte — dort bleibt die dunkle Headline.
 */
.page-hero--has-overlay .page-hero__headline:not(.page-hero__headline--card) {
  color: #FFFFFF;
}
.page-hero--has-overlay h1.page-hero__headline:not(.page-hero__headline--card), .page-hero--has-overlay h2.page-hero__headline:not(.page-hero__headline--card) {
  color: #FFFFFF;
}
.page-hero__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
  color: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 1099px) {
  .page-hero__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .page-hero__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .page-hero__subline {
    font-size: 1.48rem;
  }
}
.page-hero__subline--card {
  color: #2D58BA;
}
.page-hero__body {
  margin-bottom: 2rem;
  color: rgba(255, 255, 255, 0.95);
  overflow-wrap: break-word;
}
.page-hero__body p {
  margin-top: 0;
}
.page-hero__body p:last-child {
  margin-bottom: 0;
}
.page-hero__body--split-left {
  margin-top: 0;
}
.page-hero__body--card {
  color: #575973;
  margin-bottom: 2rem;
}
.page-hero--text-card .page-hero__actions {
  justify-content: flex-start;
}
.page-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.2rem;
}
.page-hero--left .page-hero__actions, .page-hero--split .page-hero__actions, .page-hero--split-gutters-6 .page-hero__actions, .page-hero--split-gutters-7 .page-hero__actions {
  justify-content: flex-start;
}
.page-hero__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  text-decoration: none;
  display: inline-block;
}
.page-hero__btn:hover {
  background: #F3F5F8;
}
.page-hero__btn--color-8 {
  background-color: #FFDD00;
  color: #575973;
  border-color: transparent;
}
.page-hero__btn--color-8:hover, .page-hero__btn--color-8:focus-visible {
  background-color: #F6C64E;
}
/* Backend-Option Blau (hyperlinkColor color-10): Fläche CI-Blau 3, Hover 5, Text weiß. */
.page-hero__btn--color-10 {
  background-color: #243B74;
  color: #FFFFFF;
  border-color: transparent;
}
.page-hero__btn--color-10:hover, .page-hero__btn--color-10:focus-visible {
  background-color: #2D58BA;
  color: #FFFFFF;
}
.page-hero__btn--outline-white {
  background-color: transparent;
  color: #FFFFFF;
  border: 0.2rem solid #FFFFFF;
}
.page-hero__btn--outline-white:hover, .page-hero__btn--outline-white:focus-visible {
  background-color: rgba(255, 255, 255, 0.8);
}
.page-hero__btn--outline-light {
  background-color: transparent;
  color: #FFFFFF;
  border: 0.2rem solid rgba(255, 255, 255, 0.85);
}
.page-hero__btn--outline-dark {
  background-color: transparent;
  color: #243B74;
  border: 0.2rem solid #243B74;
}
.page-hero__text-link {
  color: #FFFFFF;
  text-decoration: underline;
}
.page-hero__text-link:hover, .page-hero__text-link:focus-visible {
  opacity: 0.85;
}
.page-hero__text-link--card {
  color: #243B74;
}
/*
 * Klasse `page-hero--no-background-media` setzt das Template, wenn weder
 * Hintergrundbild noch waehlbares Hintergrund-Video (mit Datei) existiert.
 * Text/Buttons fuer helle Oberflaeche (vgl. Karten-Styles), nur wenn
 * *kein* Foto-Overlay aktiv ist — mit `page-hero--has-overlay` bleibt helle
 * Schrift. Elemente mit `--card` im Hero bleiben unveraendert.
 */
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__headline:not(.page-hero__headline--card) {
  color: #243B74;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) h1.page-hero__headline:not(.page-hero__headline--card), .page-hero--no-background-media:not(.page-hero--has-overlay) h2.page-hero__headline:not(.page-hero__headline--card) {
  color: #243B74;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__subline:not(.page-hero__subline--card) {
  color: #2D58BA;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__body:not(.page-hero__body--card) {
  color: #575973;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__text-link:not(.page-hero__text-link--card) {
  color: #243B74;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__text-link:not(.page-hero__text-link--card):hover, .page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__text-link:not(.page-hero__text-link--card):focus-visible {
  opacity: 1;
  text-decoration-thickness: 0.1rem;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-white:not(.page-hero__btn--card) {
  background-color: transparent;
  color: #243B74;
  border: 0.2rem solid #243B74;
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-white:not(.page-hero__btn--card):hover, .page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-white:not(.page-hero__btn--card):focus-visible {
  background-color: rgba(36, 59, 116, 0.08);
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-light:not(.page-hero__btn--card) {
  background-color: transparent;
  color: #243B74;
  border: 0.2rem solid rgba(36, 59, 116, 0.9);
}
.page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-light:not(.page-hero__btn--card):hover, .page-hero--no-background-media:not(.page-hero--has-overlay) .page-hero__btn--outline-light:not(.page-hero__btn--card):focus-visible {
  background-color: rgba(36, 59, 116, 0.08);
}
@media (prefers-reduced-motion: reduce) {
  .page-hero__video {
    display: none;
  }
}
/*
 * Overlay-Navigation: Header liegt transparent ueber dem Hero.
 * #below-header bekommt padding-top als Schutz fuer regulaere Artikel.
 * .page-hero hebt das per negativem margin-top wieder auf, damit das
 * Hero-Bild bis ganz oben reicht. .page-hero__inner bekommt das extra
 * padding-top, damit der Text-Content unterhalb der Navigation beginnt.
 */
body.layout-nav-over-hero #below-header {
  padding-top: 12rem;
}
body.layout-nav-over-hero #below-header .page-hero {
  margin-top: -12rem;
}
body.layout-nav-over-hero .page-hero__inner {
  padding-top: 16rem;
}
body.layout-nav-over-hero .page-hero--left .page-hero__inner {
  padding-top: 20rem;
  padding-bottom: 6rem;
}
@media (max-width: 799.98px) {
  body.layout-nav-over-hero #below-header {
    padding-top: 8rem;
  }
  body.layout-nav-over-hero #below-header .page-hero {
    margin-top: -8rem;
  }
  body.layout-nav-over-hero .page-hero__inner {
    padding-top: 12rem;
  }
  body.layout-nav-over-hero .page-hero--left .page-hero__inner {
    padding-top: 13rem;
    padding-bottom: 4rem;
  }
}
@media (max-width: 599.98px) {
  body.layout-nav-over-hero #below-header {
    padding-top: 7rem;
  }
  body.layout-nav-over-hero #below-header .page-hero {
    margin-top: -7rem;
  }
  body.layout-nav-over-hero .page-hero__inner {
    padding-top: 10rem;
  }
  body.layout-nav-over-hero .page-hero--left .page-hero__inner {
    padding-top: 11rem;
  }
}
.demo .ce_rsce_hero .text-container .text-content a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.demo .ce_rsce_hero .text-container .text-content a:hover {
  background: #F3F5F8;
}
.demo .ce_rsce_hero.imageOption .image-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.demo .ce_rsce_hero.imageOption .text-content {
  color: #FFFFFF;
}
.demo .ce_rsce_hero:not(.imageOption) .text-box-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.demo .ce_rsce_hero:not(.imageOption) .text-content {
  color: #FFFFFF;
}
.ce_rsce_image-text-tile {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ce_rsce_image-text-tile, [class*="layout-sidebar"] #left .ce_rsce_image-text-tile, [class*="layout-sidebar"] #right .ce_rsce_image-text-tile {
  max-width: 100%;
}
.ce_rsce_image-text-tile .text-container {
  text-align: center;
}
.ce_rsce_image-text-tile .text-container a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  transform: perspective(0.1rem) translateZ(0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
  margin: 1rem 0 0 1rem;
}
.ce_rsce_image-text-tile .text-container a:hover {
  background: #F3F5F8;
}
.ce_rsce_image-text-tile .text-container a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
.ce_rsce_image-text-tile .text-container a:hover, .ce_rsce_image-text-tile .text-container a:active, .ce_rsce_image-text-tile .text-container a:focus {
  color: #FFFFFF !important;
}
.ce_rsce_image-text-tile .text-container a:hover:after, .ce_rsce_image-text-tile .text-container a:active:after, .ce_rsce_image-text-tile .text-container a:focus:after {
  transform: scaleX(1);
}
.ce_rsce_image-text-tile .text-container a:first-of-type {
  margin-left: 0;
}
.ce_rsce_image-text-tile .tile:nth-child(2) {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  padding: 4rem;
}
/*
 * LSCE image_text_inset: 12-Spalten-Raster mit make-col-offset.
 * order-text-image Standard: offset(1) + text(5) + media(6) = 12.
 * --text5-image7: text(5) + media(7) = 12 (ohne Offset); umgekehrt media(7) + text(5).
 * --cols-4-5: offset(1)+text(4) + offset(1)+media(5) = 12; Umordnung nur ueber .order-*.
 * --cols-5-5: 1 frei + text(5) + bild(5) + 1 frei (rechter Rand per margin-right am zweiten Tile).
 * order-image-text Standard: media(6) + text(5) + 1 implizit frei = 12.
 * Responsive: down(12) => 6+6, down(9) => Stapel 12, Text oben.
 * --quote-beside: Zitat-Spalte mit p.lead, figure, figcaption; Raster wie --cols-5-5;
 *   schmale Viewports: Medienblock zuerst (order), Desktop: Zitat oben und Bildblock unten via `space-between`.
 */
.image-text-inset {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* --- Order: Text links, Bild rechts --- */
  /*
   * Text links 5 / Bild rechts 7 (ohne linken Spalten-Offset).
   * Überschreibt nur Spalten für .order-text-image, keine Änderung an Bildform/Zierlinien-Regeln.
   */
  /* 1 frei + Text 4 + 1 frei + Bild 5 (+ 1 frei am Zeilenende) */
  /* 1 frei + Text 5 + Bild 5 + 1 frei (rechter Rand am Bild-Tile) */
  /* --- Order: Bild links, Text rechts --- */
  /*
   * Hintergrund am Root (ls_contentWrapper), nicht am .tile-wrapper:
   * make-row() nutzt negative horizontale Margins; dort wuerde die Flaeche optisch
   * ueber die Content-/Grid-Breite hinauslaufen.
   *
   * Standard mit Hintergrund: Padding nur auf .tile--text, Bild bündig zur Box-Kante
   * (siehe Block weiter unten: order-text-image, keine Spezial-Layout-Modifier).
   * Andere Layout-Varianten: weiterhin 2rem am Root.
   */
  /*
   * Dunkler Bereich: heller Fliesstext, Dachzeile per Modifier (Gelb/Blau/Weiß).
   */
  /*
   * Tablet und schmaler: kein zusaetzliches Padding am Text-Tile.
   * Mobil (Stapel): Reihenfolge/Abstand weiterhin ueber `order` und `margin-bottom`.
   */
  /*
   * Mobil: immer Text oben, Bild unten.
   *
   * Spezifitaets-Hinweis: Varianten-Regeln (z. B. `&.order-image-text.image-text-inset--cols-5-5`)
   * setzen auf Desktop `order: 1/2` mit 3 Klassen Spezifitaet. Der zweite Selektor-Zweig mit
   * `[class*="image-text-inset--"]` hebt die Spezifitaet hier auf dasselbe Niveau; durch die
   * spaetere Code-Position gewinnt diese Regel und sortiert Text/Bild mobil auch in den
   * Varianten cols-4-5, cols-5-5, text5-image7 korrekt um.
   */
  /*
   * Standard-Layout order-text-image mit Hintergrund: Text-Padding auf .tile--text,
   * Bildspalte bündig oben/rechts/unten an der farbigen Flaeche.
   * Gilt nicht fuer Spezial-Varianten (Counter, Slider, Stack, Zitat, abweichende Spalten).
   */
  /* --- Text-Styling --- */
  /*
   * Erste Sektion unter dem Seitenkopf: keine Dachzeilen-Linie, Text buendig zum Inhaltsrand.
   * Responsives vertikales Padding am Text-Tile, damit der Text bei schmaleren Viewports oder
   * laengerem Inhalt nicht an die Tile-Grenzen rueckt. Bild-Tile bleibt unberuehrt.
   */
  /*
   * Slide-Texte liegen gestapelt in einer einzigen Rasterzelle.
   * `grid-template-columns` mit genau einer Spalte ist zwingend: ohne explizite Spalte
   * legt das Auto-Placement die Panels nebeneinander, wodurch jeder Text nur einen
   * Bruchteil der Textspalte erhält. Zeile und Spalte werden einzeln gesetzt
   * (nicht als `grid-area: 1 / 1`), da die Slash-Notation im SCSS-Kontext
   * als Division ausgewertet werden kann.
   */
  /*
   * Mobil (Stapel: Text oben, Bild unten) sitzen kürzere Slide-Texte an der Unterkante
   * der Stapelfläche. Dadurch bleibt der Abstand zum Bild konstant und der freie Raum
   * entsteht oberhalb des Textes. Die Stapelhöhe bleibt erhalten, das Bild springt nicht.
   */
  /* --- Aktionen: Buttons und Textlinks --- */
  /*
   * Zitat neben Text: Absatz über dem Bild, optische Größe wie H2 (keine Überschriften-Ebene in der Bildspalte).
   */
  /* --- Bild / Video --- */
  /* --- Clip-Path Shapes: Einzelecken --- */
  /* --- Clip-Path Shapes: Kombiniert --- */
  /* --- SVG-Zierlinien (viewBox 0 0 100 100) --- */
  /* Schräge links: Pfade mit x < 0, daher sichtbar lassen (Abstand-Linie im Hintergrund) */
  /* Bild links, Text rechts: Zierlinien horizontal spiegeln */
  /*
   * Eyebrow-Hero: bei h1-Einsatz ohne Strich, containerunabhaengig.
   * Ergaenzt das bestehende `#below-header &`-Verhalten.
   */
  /*
   * Variante `text-image-stack`: drei Bereiche im 12er-Raster.
   * Desktop: Text 4 | 1 frei | Bild 4 | Stack 3, Bild und Stack brechen leicht nach rechts aus.
   * Stack: inneres 2fr/1fr-Grid (Bild 2/3 oben, Zitatbox 1/3 unten).
   * Oben buendig durch `align-items: stretch`; unten buendig durch gleiche Hoehe der drei Tiles.
   * Tablet: Text 8 oben, darunter Bild 7 + Stack 5 mit gedeckelter Hoehe.
   * Mobil: vollstaendig gestapelt.
   */
  /*
   * Text und Counter: Text 5 | 1 frei | Counter 6 = 12.
   * Offset am Text entfernen, stattdessen Offset an der Media-Spalte.
   */
  /*
   * Logo rechts neben Dachzeile, Headline und Subline (optional, unabhaengig von der Variante).
   */
  /*
   * Text und Slider: Text 5 | Slider 7 = 12 (wie --text5-image7).
   * Ein Slide sichtbar, Scroll-Snap, Navigation analog Team-Slider (vereinfacht).
   */
}
[class*="layout-sidebar"] #main .image-text-inset, [class*="layout-sidebar"] #left .image-text-inset, [class*="layout-sidebar"] #right .image-text-inset {
  max-width: 100%;
}
.image-text-inset .tile-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  align-items: center;
}
@media (max-width: 999.98px) {
  .image-text-inset .tile-wrapper {
    flex-direction: column;
    align-items: start;
  }
}
@media (min-width: 1000px) {
  .image-text-inset.image-text-inset--quote-beside .tile-wrapper {
    align-items: stretch;
  }
  .image-text-inset.image-text-inset--quote-beside .tile--media {
    display: flex;
  }
  .image-text-inset.image-text-inset--quote-beside .image-text-inset__media-stack {
    height: 100%;
    justify-content: space-between;
  }
}
.image-text-inset .tile {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.image-text-inset .tile--text {
  padding-top: 0;
  padding-bottom: 0;
}
.image-text-inset.order-text-image .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-text-image .tile--media {
  flex: 0 0 50%;
  max-width: 50%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--media {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--text5-image7 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--text {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 8.3333333333%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-4-5 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  margin-right: calc(100% / 12);
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--cols-5-5 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
.image-text-inset.order-image-text .tile--media {
  flex: 0 0 50%;
  max-width: 50%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-image-text .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--media {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  margin-left: 0;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--text5-image7 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--text {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 8.3333333333%;
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-4-5 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  margin-right: calc(100% / 12);
  order: 2;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-right: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-image-text.image-text-inset--cols-5-5 .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
  }
}
.image-text-inset.image-text-inset--bg-light, .image-text-inset.image-text-inset--bg-white, .image-text-inset.image-text-inset--bg-dark {
  padding: 2rem;
}
.image-text-inset.image-text-inset--bg-light {
  background-color: #F3F5F8;
}
.image-text-inset.image-text-inset--bg-white {
  background-color: #FFFFFF;
}
.image-text-inset.image-text-inset--bg-dark {
  background-color: #243B74;
  color: rgba(255, 255, 255, 0.95);
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__headline {
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__media-quote-lead {
  color: rgba(255, 255, 255, 0.98);
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__figcaption {
  color: rgba(255, 255, 255, 0.82);
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__subline {
  color: rgba(255, 255, 255, 0.92);
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__body {
  color: rgba(255, 255, 255, 0.95);
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__body a {
  color: #FFDD00;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__body h1, .image-text-inset.image-text-inset--bg-dark .image-text-inset__body h2, .image-text-inset.image-text-inset--bg-dark .image-text-inset__body h3, .image-text-inset.image-text-inset--bg-dark .image-text-inset__body h4 {
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__download-link {
  color: #FFDD00;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__text-link {
  color: #FFDD00;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__btn--outline {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-yellow {
  color: #FFDD00;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-yellow::before {
  background-color: #FFDD00;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-blue {
  color: #F6C64E;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-blue::before {
  background-color: #F6C64E;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-white {
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--bg-dark .image-text-inset__eyebrow--accent-white::before {
  background-color: #FFFFFF;
}
@media (max-width: 1299.98px) {
  .image-text-inset .tile--text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset {
    /*
     * Zitat-Variante: auf schmalen Viewports Medienblock (Zitat, Bild, figcaption) zuerst,
     * danach Textspalte (Headline/Fliesstext wie gehabt).
     */
  }
  .image-text-inset.order-text-image .tile--text, .image-text-inset.order-image-text .tile--text, .image-text-inset.order-text-image[class*="image-text-inset--"] .tile--text, .image-text-inset.order-image-text[class*="image-text-inset--"] .tile--text {
    order: 1;
    margin-bottom: 2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .image-text-inset.order-text-image .tile--media, .image-text-inset.order-image-text .tile--media, .image-text-inset.order-text-image[class*="image-text-inset--"] .tile--media, .image-text-inset.order-image-text[class*="image-text-inset--"] .tile--media {
    order: 2;
  }
  .image-text-inset.image-text-inset--quote-beside.order-text-image .tile--media, .image-text-inset.image-text-inset--quote-beside.order-image-text .tile--media {
    order: 1;
    margin-bottom: 6rem;
    padding-top: 4rem;
    padding-bottom: 0;
  }
  .image-text-inset.image-text-inset--quote-beside.order-text-image .tile--text, .image-text-inset.image-text-inset--quote-beside.order-image-text .tile--text {
    order: 2;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5), .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5), .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) {
  padding: 0;
  /*
       * Standard ohne figcaption: .image-container direkt unter .tile--media.
       * Mit figcaption: .image-text-inset__figure als Flex-Huelle.
       */
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper {
  align-items: stretch;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  min-height: 0;
  padding: 2.5rem 0;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media.image-text-inset__media, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media.image-text-inset__media, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media.image-text-inset__media {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  flex: 1 1 auto;
  width: 100%;
  padding-right: 0;
  min-height: 0;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: 100%;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figcaption, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figcaption, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figcaption {
  flex: 0 0 auto;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  height: 100%;
}
.image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1299.98px) {
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text {
    padding: 2rem 2rem 2rem 6rem;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5), .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5), .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) {
    overflow: hidden;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media {
    padding-left: 0;
    padding-right: 0;
    max-width: 100%;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--text {
    padding: 2.5rem 2rem 1.5rem 2rem;
    overflow-wrap: break-word;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    max-width: 100%;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container {
    overflow: hidden;
    max-width: 100%;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media > .image-container, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-text-inset__figure .image-container {
    height: auto;
    min-height: 0;
  }
  .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-light:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-white:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container picture, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container img, .image-text-inset.order-text-image.image-text-inset--bg-dark:not(.image-text-inset--text-image-stack):not(.image-text-inset--text-counter):not(.image-text-inset--text-slider):not(.image-text-inset--quote-beside):not(.image-text-inset--text5-image7):not(.image-text-inset--cols-4-5):not(.image-text-inset--cols-5-5) .tile--media .image-container video {
    flex: 0 1 auto;
    min-height: 0;
    max-width: 100%;
    height: auto;
    object-fit: initial;
  }
}
.image-text-inset .text-container {
  text-align: left;
}
.image-text-inset .image-text-inset__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2rem;
  color: #243B74;
}
.image-text-inset .image-text-inset__eyebrow sup {
  top: 0;
  line-height: 0;
  vertical-align: super;
  font-weight: inherit;
  color: inherit;
}
.image-text-inset .image-text-inset__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
}
#below-header .image-text-inset.image-text-inset--bg-dark {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
#below-header .image-text-inset .image-text-inset__eyebrow {
  padding-left: 0;
}
#below-header .image-text-inset .image-text-inset__eyebrow::before {
  display: none;
}
#below-header .image-text-inset .tile--text {
  padding-top: clamp(1rem, 2.5vw, 2.5rem);
  padding-bottom: clamp(1rem, 2.5vw, 2.5rem);
}
@media (max-width: 999.98px) {
  #below-header .image-text-inset .tile--text {
    padding-top: 0;
    padding-bottom: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.image-text-inset .image-text-inset__headline {
  margin: 0 0 1rem;
  color: #243B74;
}
.image-text-inset .image-text-inset__headline sup.legal-mark, .image-text-inset .image-text-inset__headline sup {
  top: 0;
  line-height: 0;
  vertical-align: super;
  font-weight: inherit;
  color: inherit;
}
.image-text-inset .image-text-inset__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #2D58BA;
}
@media screen and (max-width: 1099px) {
  .image-text-inset .image-text-inset__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .image-text-inset .image-text-inset__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .image-text-inset .image-text-inset__subline {
    font-size: 1.48rem;
  }
}
.image-text-inset .image-text-inset__body {
  margin-bottom: 3rem;
  color: #575973;
}
.image-text-inset .image-text-inset__slider-text-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.image-text-inset .image-text-inset__slider-text {
  grid-row-start: 1;
  grid-column-start: 1;
  min-width: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.image-text-inset .image-text-inset__slider-text.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 999.98px) {
  .image-text-inset .image-text-inset__slider-text-stage {
    align-items: end;
  }
}
.image-text-inset .image-text-inset__downloads {
  margin: -2rem 0 1.5rem;
  padding: 0;
  list-style: none;
}
.image-text-inset .image-text-inset__download-item {
  margin: 0 0 0.5rem;
}
.image-text-inset .image-text-inset__download-item:last-child {
  margin-bottom: 0;
}
.image-text-inset .image-text-inset__download-link {
  color: #243B74;
  text-decoration: underline;
}
.image-text-inset .image-text-inset__download-link:hover, .image-text-inset .image-text-inset__download-link:focus-visible {
  opacity: 0.8;
}
.image-text-inset .image-text-inset__logo {
  margin-bottom: 6rem;
}
.image-text-inset .image-text-inset__logo img {
  max-width: 100%;
  height: auto;
}
.image-text-inset .image-text-inset__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  /* Textlinks untereinander; Buttons bleiben in einer Zeile nebeneinander. */
}
.image-text-inset .image-text-inset__actions > .image-text-inset__text-link {
  flex: 0 0 100%;
  max-width: 100%;
}
.image-text-inset .image-text-inset__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.image-text-inset .image-text-inset__btn:hover {
  background: #F3F5F8;
}
.image-text-inset .image-text-inset__btn--color-3 {
  background-color: #243B74;
  color: #FFFFFF;
}
.image-text-inset .image-text-inset__btn--color-5 {
  background-color: #2D58BA;
  color: #FFFFFF;
}
.image-text-inset .image-text-inset__btn--color-8 {
  background-color: #FFDD00;
}
.image-text-inset .image-text-inset__btn--color-10 {
  background-color: #F6C64E;
}
.image-text-inset .image-text-inset__btn--outline {
  background-color: transparent;
  border: 2px solid #243B74;
  color: #243B74;
}
.image-text-inset .image-text-inset__btn--color-3:hover, .image-text-inset .image-text-inset__btn--color-3:focus-visible {
  background-color: #2D58BA;
  color: #FFFFFF;
  opacity: 1;
}
.image-text-inset .image-text-inset__btn--color-8:hover, .image-text-inset .image-text-inset__btn--color-8:focus-visible {
  background-color: #F6C64E;
  opacity: 1;
}
.image-text-inset .image-text-inset__btn--outline:hover, .image-text-inset .image-text-inset__btn--outline:focus-visible {
  opacity: 0.8;
}
.image-text-inset .image-text-inset__text-link {
  color: #243B74;
  text-decoration: underline;
}
.image-text-inset .image-text-inset__text-link:hover, .image-text-inset .image-text-inset__text-link:focus-visible {
  opacity: 0.8;
}
.image-text-inset .image-text-inset__media-stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  min-width: 0;
}
.image-text-inset .image-text-inset__media-stack .image-text-inset__media-quote-lead {
  order: 1;
}
.image-text-inset .image-text-inset__media-stack .image-text-inset__figure {
  order: 2;
}
.image-text-inset .image-text-inset__media-quote-lead {
  margin: 0 0 1.25rem;
  padding: 0;
  color: #243B74;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 1.3;
}
@media screen and (max-width: 1099px) {
  .image-text-inset .image-text-inset__media-quote-lead {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 799px) {
  .image-text-inset .image-text-inset__media-quote-lead {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 499px) {
  .image-text-inset .image-text-inset__media-quote-lead {
    font-size: 2.664rem;
  }
}
.image-text-inset .image-text-inset__figure {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-width: 0;
}
.image-text-inset .image-text-inset__figcaption {
  margin: 0.75rem 0 0;
  padding: 0;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}
.image-text-inset .image-text-inset__figure .image-container {
  height: auto;
}
.image-text-inset .image-container {
  position: relative;
  overflow: visible;
  height: 100%;
}
.image-text-inset .image-container picture, .image-text-inset .image-container img, .image-text-inset .image-container video {
  display: block;
  width: 100%;
  height: auto;
}
.image-text-inset .image-container video {
  object-fit: cover;
}
.image-text-inset .image-text-inset__shape--br picture, .image-text-inset .image-text-inset__shape--br img, .image-text-inset .image-text-inset__shape--br video {
  clip-path: polygon(0 0, 100% 0, 100% 60%, 60% 100%, 0 100%);
}
.image-text-inset .image-text-inset__shape--bl picture, .image-text-inset .image-text-inset__shape--bl img, .image-text-inset .image-text-inset__shape--bl video {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%, 0 50%);
}
.image-text-inset .image-text-inset__shape--tl picture, .image-text-inset .image-text-inset__shape--tl img, .image-text-inset .image-text-inset__shape--tl video {
  clip-path: polygon(0 45%, 40% 0, 100% 0, 100% 100%, 0 100%);
}
.image-text-inset .image-text-inset__shape--tl-steep picture, .image-text-inset .image-text-inset__shape--tl-steep img, .image-text-inset .image-text-inset__shape--tl-steep video {
  clip-path: polygon(0 55%, 30% 0, 100% 0, 100% 100%, 0 100%);
}
.image-text-inset .image-text-inset__shape--tr picture, .image-text-inset .image-text-inset__shape--tr img, .image-text-inset .image-text-inset__shape--tr video {
  clip-path: polygon(0 0, 70% 0, 100% 55%, 100% 100%, 0 100%);
}
.image-text-inset .image-text-inset__shape--tl-br picture, .image-text-inset .image-text-inset__shape--tl-br img, .image-text-inset .image-text-inset__shape--tl-br video {
  clip-path: polygon(0 30%, 30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}
.image-text-inset .image-text-inset__shape--tr-bl picture, .image-text-inset .image-text-inset__shape--tr-bl img, .image-text-inset .image-text-inset__shape--tr-bl video {
  clip-path: polygon(0 0, 80% 0, 100% 40%, 100% 100%, 40% 100%, 0 80%);
}
.image-text-inset .image-text-inset__shape--cut-left picture, .image-text-inset .image-text-inset__shape--cut-left img, .image-text-inset .image-text-inset__shape--cut-left video {
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 30% 100%);
}
.image-text-inset .image-text-inset__shape--cut-left-steep picture, .image-text-inset .image-text-inset__shape--cut-left-steep img, .image-text-inset .image-text-inset__shape--cut-left-steep video {
  clip-path: polygon(0% 0%, 100% 0, 100% 100%, 18% 100%);
}
.image-text-inset .image-text-inset__shape--v-left picture, .image-text-inset .image-text-inset__shape--v-left img, .image-text-inset .image-text-inset__shape--v-left video {
  clip-path: polygon(0% 0%, 100% 0, 70% 100%, 30% 100%);
}
.image-text-inset .image-text-inset__deco {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.image-text-inset .image-text-inset__deco--cut-left {
  overflow: visible;
}
.image-text-inset .image-text-inset__deco-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.image-text-inset .image-text-inset__deco--cut-left .image-text-inset__deco-svg {
  overflow: visible;
}
.image-text-inset .image-text-inset__deco--v-parallel {
  overflow: visible;
}
.image-text-inset .image-text-inset__deco--v-parallel .image-text-inset__deco-svg {
  overflow: visible;
}
.image-text-inset .tile--media.image-text-inset__media {
  overflow: visible;
}
.image-text-inset .image-text-inset__deco--mirror .image-text-inset__deco-svg {
  transform: scaleX(-1);
  transform-origin: 50% 50%;
}
@media (max-width: 999.98px) {
  .image-text-inset .image-text-inset__deco {
    display: none;
  }
}
.image-text-inset.image-text-inset--eyebrow-hero .image-text-inset__eyebrow {
  padding-left: 0;
}
.image-text-inset.image-text-inset--eyebrow-hero .image-text-inset__eyebrow::before {
  display: none;
}
.image-text-inset.image-text-inset--text-image-stack {
  /*
     * Leichtes Ausbrechen rechts ueber die Rasterkante, damit Bild und Stack
     * optisch breiter wirken (siehe Screenshot). Technik wie in `image_text_breakout`.
     */
  /*
     * Grosses Anfuehrungszeichen als dekoratives Ornament (vgl. `quote-box`).
     */
  /*
     * Tablet: Text volle 8 Spalten oben, Bild 7 + Stack 5 darunter.
     * Bild-/Stack-Hoehe wird gedeckelt, damit Portraits nicht zu lang werden.
     */
  /* Mobil: alle drei Bloecke untereinander, volle Breite. */
}
.image-text-inset.image-text-inset--text-image-stack .tile-wrapper {
  align-items: stretch;
  flex-wrap: wrap;
}
.image-text-inset.image-text-inset--text-image-stack .tile--text {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  order: 1;
  margin-left: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.image-text-inset.image-text-inset--text-image-stack .tile--media {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 8.3333333333%;
  order: 2;
  flex-shrink: 0;
  display: flex;
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
}
.image-text-inset.image-text-inset--text-image-stack .tile--media .image-container {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.image-text-inset.image-text-inset--text-image-stack .tile--media .image-container picture, .image-text-inset.image-text-inset--text-image-stack .tile--media .image-container img, .image-text-inset.image-text-inset--text-image-stack .tile--media .image-container video {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
.image-text-inset.image-text-inset--text-image-stack .tile--stack {
  flex: 0 0 25%;
  max-width: 25%;
  order: 3;
  flex-shrink: 0;
  display: grid;
  grid-template-rows: 2fr 1fr;
  align-self: stretch;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 1300px) {
  .image-text-inset.image-text-inset--text-image-stack .tile--media {
    margin-right: calc(-1 * 3rem);
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--stack {
    width: calc(100% + min(7.5vw, 15rem));
    margin-right: calc(-1 * min(7.5vw, 15rem));
    padding-right: 0;
  }
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-image {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-image picture, .image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-quote {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 2.5rem 2rem 2rem 3.5rem;
  overflow: hidden;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-quote::before {
  content: "“";
  position: absolute;
  top: 2rem;
  left: 0.75rem;
  font-size: 6rem;
  line-height: 1;
  font-weight: 700;
  pointer-events: none;
  z-index: 0;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-quote-body {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack--stack-quote-blue .image-text-inset__stack-quote {
  background-color: #243B74;
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack--stack-quote-blue .image-text-inset__stack-quote::before {
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack--stack-quote-yellow .image-text-inset__stack-quote {
  background-color: #FFDD00;
  color: #243B74;
}
.image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack--stack-quote-yellow .image-text-inset__stack-quote::before {
  color: #243B74;
}
@media (max-width: 1299.98px) {
  .image-text-inset.image-text-inset--text-image-stack .tile--text {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-left: 0;
    order: 1;
    margin-bottom: 2rem;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--media {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 0;
    margin-right: 0;
    order: 2;
    max-height: 520px;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--stack {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
    margin-left: 0;
    margin-right: 0;
    width: auto;
    order: 3;
    max-height: 520px;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.image-text-inset--text-image-stack .tile-wrapper {
    flex-direction: column;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--text, .image-text-inset.image-text-inset--text-image-stack .tile--media, .image-text-inset.image-text-inset--text-image-stack .tile--stack {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-height: none;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--text {
    order: 1;
    margin-bottom: 2rem;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--media {
    order: 2;
    margin-bottom: 1rem;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--media .image-container {
    max-height: 60vh;
  }
  .image-text-inset.image-text-inset--text-image-stack .tile--stack {
    order: 3;
    grid-template-rows: auto auto;
  }
  .image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-image {
    max-height: 40vh;
  }
  .image-text-inset.image-text-inset--text-image-stack .image-text-inset__stack-quote {
    padding: 3rem 2rem 2rem 3.5rem;
  }
}
.image-text-inset.image-text-inset--text-counter .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  order: 1;
  flex-shrink: 0;
}
.image-text-inset.image-text-inset--text-counter .tile--media {
  flex: 0 0 50%;
  max-width: 50%;
  margin-left: 8.3333333333%;
  display: flex;
  align-items: center;
  order: 2;
  flex-shrink: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter {
  width: 100%;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 2.5rem 2rem;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-item {
  flex: 0 0 calc(33.333% - 1.3333333333rem);
  max-width: calc(33.333% - 1.3333333333rem);
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-icon {
  margin-bottom: 0.75rem;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-icon picture, .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-icon img {
  display: block;
  width: auto;
  height: 3.5rem;
  object-fit: contain;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-value {
  margin: 0 0 0.4rem;
  color: #575973;
  font-size: 3.2rem;
  line-height: 1.3;
}
@media screen and (max-width: 1099px) {
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-value {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-value {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-value {
    font-size: 2.368rem;
  }
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-number, .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-unit {
  display: inline;
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-number {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
.image-text-inset.image-text-inset--text-counter .image-text-inset__counter-label {
  margin: 0;
  color: #575973;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media (max-width: 1299.98px) {
  .image-text-inset.image-text-inset--text-counter .tile--text, .image-text-inset.image-text-inset--text-counter .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .image-text-inset.image-text-inset--text-counter .tile--text {
    order: 1;
    margin-bottom: 2.5rem;
  }
  .image-text-inset.image-text-inset--text-counter .tile--media {
    order: 2;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-list {
    gap: 1.75rem 1.5rem;
  }
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-item {
    flex: 0 0 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
  }
}
@media (max-width: 599.98px) {
  .image-text-inset.image-text-inset--text-counter .image-text-inset__counter-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.image-text-inset--logo-right .image-text-inset__intro-row {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  margin-bottom: 0;
}
.image-text-inset.image-text-inset--logo-right .image-text-inset__intro-copy {
  flex: 1 1 auto;
  min-width: 0;
}
.image-text-inset.image-text-inset--logo-right .image-text-inset__logo--aside {
  flex: 0 0 auto;
  max-width: 12rem;
  margin-bottom: 0;
}
.image-text-inset.image-text-inset--logo-right .image-text-inset__logo--aside img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media (max-width: 999.98px) {
  .image-text-inset.image-text-inset--logo-right .image-text-inset__intro-row {
    flex-direction: column;
    gap: 1.5rem;
  }
  .image-text-inset.image-text-inset--logo-right .image-text-inset__logo--aside {
    max-width: 10rem;
  }
}
.image-text-inset.image-text-inset--text-slider .tile--text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 0;
  order: 1;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.image-text-inset--text-slider .tile--text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.image-text-inset--text-slider .tile--text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 2.5rem;
  }
}
.image-text-inset.image-text-inset--text-slider .tile--media {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  order: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 1299.98px) {
  .image-text-inset.image-text-inset--text-slider .tile--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-inset.image-text-inset--text-slider .tile--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider {
  width: 100%;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-track::-webkit-scrollbar {
  display: none;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  min-width: 0;
  position: static;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  /*
       * Keine Listen-Marker aus .list-icon--* am mod_article (ul > li::before).
       */
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-slide::before, .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-slide::after {
  content: none;
  display: none;
  background: none;
  clip-path: none;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-figure {
  margin: 0;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-image picture, .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-image img {
  display: block;
  width: 100%;
  height: auto;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-caption {
  margin: 0.75rem 0 0;
  color: #575973;
  font-size: 1.4rem;
  line-height: 1.5;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 1.5rem;
  color: #243B74;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dots-item {
  margin: 0;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dot {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.35;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dot.is-active {
  opacity: 1;
  transform: scale(1.15);
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dot:hover, .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dot:focus-visible {
  opacity: 0.7;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dot:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
@media (max-width: 799.98px) {
  .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-dots {
    display: none;
  }
  .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-nav {
    justify-content: flex-end;
  }
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrows {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow {
  width: 3.8rem;
  height: 3.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  background-color: transparent;
  color: currentColor;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow svg {
  width: 1.6rem;
  height: 1.6rem;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow:hover:not([disabled]), .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow:focus-visible:not([disabled]) {
  background-color: currentColor;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow:hover:not([disabled]) svg, .image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow:focus-visible:not([disabled]) svg {
  color: #FFFFFF;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.image-text-inset.image-text-inset--text-slider .image-text-inset__slider-arrow:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
/*
 * LSCE image_text_breakout: Text zuerst im DOM, Bild danach.
 * Optik 1/2: Raster 1 | 5 | 1 | 5 wie intro-tile-grid--optik_3 (make-col + make-col-offset, down(12)/down(9) + margin-left 0).
 * Optik 1: Bild ragt nur innerhalb ls_contentWrapper ueber das Spalten-Gutter (kein 50vw-Viewport-Breakout). Optik 2: gleiches Raster ohne Breakout. Optik 3: 1 frei | 5 | 6, gleiche Breakpoint-Ruecknahme wie Intro.
 */
.image-text-breakout {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* --- Spalten: text-left (Text links, Bild rechts) --- */
  /* --- Spalten: text-right (Text rechts, Bild links) --- */
  /*
   * Optik 1: Bildflaeche ragt ueber das Spalten-Gutter (nur im Content-Wrapper), object-fit cover.
   */
  /* --- Clip-Path Shapes: Kombiniert --- */
  /* --- SVG-Zierlinien --- */
}
[class*="layout-sidebar"] #main .image-text-breakout, [class*="layout-sidebar"] #left .image-text-breakout, [class*="layout-sidebar"] #right .image-text-breakout {
  max-width: 100%;
}
.image-text-breakout .image-text-breakout__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* Nebeneinander: Bild- und Textspalte am gemeinsamen Mittelpunkt (Hoehe = max. Spalte). */
  align-items: center;
}
.image-text-breakout .image-text-breakout__tile {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.image-text-breakout--text-left .image-text-breakout__text {
  order: 1;
}
.image-text-breakout--text-left .image-text-breakout__media {
  order: 2;
}
.image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__media, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__media, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_1 .image-text-breakout__media, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__text, .image-text-breakout--text-left.image-text-breakout--optic_2 .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__media {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-left.image-text-breakout--optic_3 .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-breakout--text-right {
  /* Optik 1, text-right: LTR 5 (Bild) | 1 | 5 (Text) | 1 — Media ohne linken Offset */
  /* Optik 2, text-right: LTR 5 (Bild) | 1 | 5 (Text) | 1 — Media ohne linken Offset */
  /* Optik 3, text-right: LTR 6 (Bild) | 5 (Text) | 1 frei — Text ohne Offset */
}
.image-text-breakout--text-right .image-text-breakout__text {
  order: 2;
}
.image-text-breakout--text-right .image-text-breakout__media {
  order: 1;
}
.image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_1 .image-text-breakout__text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__media {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_2 .image-text-breakout__text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__media {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
@media (max-width: 1299.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout--text-right.image-text-breakout--optic_3 .image-text-breakout__text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.image-text-breakout--optic_1 {
  /*
     * Gutter-Break: Bild bricht ueber den Content-Wrapper hinaus Richtung Viewport-Kante
     * und ragt ca. 2rem in die Zwischenspalte Richtung Text.
     * 7.5vw = (100vw - 85%) / 2 (Abstand Wrapper-Kante zu Viewport), gedeckelt bei 15rem.
     */
}
.image-text-breakout--optic_1 .image-text-breakout__media-inner {
  position: relative;
  height: 100%;
  min-height: 36rem;
}
.image-text-breakout--optic_1 .image-text-breakout__media-inner picture, .image-text-breakout--optic_1 .image-text-breakout__media-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 1000px) {
  .image-text-breakout--optic_1.image-text-breakout--text-right .image-text-breakout__media-inner {
    width: calc(100% + 3rem + 2rem + min(7.5vw, 15rem));
    margin-left: calc(-1 * min(7.5vw, 15rem));
  }
  .image-text-breakout--optic_1.image-text-breakout--text-left .image-text-breakout__media-inner {
    width: calc(100% + 3rem + 2rem + min(7.5vw, 15rem));
    margin-left: calc(-3rem - 2rem);
  }
}
@media (max-width: 1299.98px) {
  .image-text-breakout--optic_1 .image-text-breakout__media-inner {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 1299.98px) {
  .image-text-breakout .image-text-breakout__text, .image-text-breakout .image-text-breakout__media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .image-text-breakout {
    /*
     * Mobil: immer DOM-Reihenfolge (Text oben, Bild unten), unabhaengig von text-left/right.
     */
  }
  .image-text-breakout .image-text-breakout__row {
    flex-direction: column;
    /* Querachse = Breite: volle Breite der Kacheln. */
    align-items: stretch;
  }
  .image-text-breakout .image-text-breakout__text, .image-text-breakout .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .image-text-breakout .image-text-breakout__text {
    order: 1;
  }
  .image-text-breakout .image-text-breakout__media {
    order: 2;
  }
}
@media (max-width: 699.98px) {
  .image-text-breakout .image-text-breakout__text, .image-text-breakout .image-text-breakout__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.image-text-breakout .image-text-breakout__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2rem;
  color: #243B74;
}
.image-text-breakout .image-text-breakout__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
}
.image-text-breakout .image-text-breakout__headline {
  margin: 0 0 1rem;
  color: #243B74;
}
.image-text-breakout .image-text-breakout__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #2D58BA;
}
@media screen and (max-width: 1099px) {
  .image-text-breakout .image-text-breakout__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .image-text-breakout .image-text-breakout__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .image-text-breakout .image-text-breakout__subline {
    font-size: 1.48rem;
  }
}
.image-text-breakout .image-text-breakout__body {
  margin-bottom: 6rem;
}
.image-text-breakout .image-text-breakout__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}
.image-text-breakout .image-text-breakout__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.image-text-breakout .image-text-breakout__btn:hover {
  background: #F3F5F8;
}
.image-text-breakout .image-text-breakout__btn--color-8 {
  background-color: #FFDD00;
}
.image-text-breakout .image-text-breakout__btn--color-10 {
  background-color: #F6C64E;
}
.image-text-breakout .image-text-breakout__btn--outline {
  background-color: transparent;
  border: 2px solid #243B74;
  color: #243B74;
}
.image-text-breakout .image-text-breakout__btn--color-8:hover, .image-text-breakout .image-text-breakout__btn--color-8:focus-visible, .image-text-breakout .image-text-breakout__btn--color-10:hover, .image-text-breakout .image-text-breakout__btn--color-10:focus-visible {
  opacity: 0.92;
}
.image-text-breakout .image-text-breakout__btn--outline:hover, .image-text-breakout .image-text-breakout__btn--outline:focus-visible {
  opacity: 0.8;
}
.image-text-breakout .image-text-breakout__text-link {
  color: #243B74;
  text-decoration: underline;
}
.image-text-breakout .image-text-breakout__text-link:hover, .image-text-breakout .image-text-breakout__text-link:focus-visible {
  opacity: 0.8;
}
.image-text-breakout .image-text-breakout__shape--br picture, .image-text-breakout .image-text-breakout__shape--br img {
  clip-path: polygon(0 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}
.image-text-breakout .image-text-breakout__shape--bl picture, .image-text-breakout .image-text-breakout__shape--bl img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 40% 100%, 0 80%);
}
.image-text-breakout .image-text-breakout__shape--tl picture, .image-text-breakout .image-text-breakout__shape--tl img {
  clip-path: polygon(0 30%, 30% 0, 100% 0, 100% 100%, 0 100%);
}
.image-text-breakout .image-text-breakout__shape--tr picture, .image-text-breakout .image-text-breakout__shape--tr img {
  clip-path: polygon(0 0, 80% 0, 100% 40%, 100% 100%, 0 100%);
}
.image-text-breakout .image-text-breakout__shape--tl-br picture, .image-text-breakout .image-text-breakout__shape--tl-br img {
  clip-path: polygon(0 30%, 30% 0, 100% 0, 100% 70%, 70% 100%, 0 100%);
}
.image-text-breakout .image-text-breakout__shape--tr-bl picture, .image-text-breakout .image-text-breakout__shape--tr-bl img {
  clip-path: polygon(0 0, 80% 0, 100% 40%, 100% 100%, 40% 100%, 0 80%);
}
.image-text-breakout .image-text-breakout__deco {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.image-text-breakout .image-text-breakout__deco-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.image-text-breakout .image-text-breakout__media-inner {
  position: relative;
  overflow: visible;
}
@media (max-width: 999.98px) {
  .image-text-breakout .image-text-breakout__deco {
    display: none;
  }
}
/*
 * LSCE quote_box: Raster 1 frei | 5 Text | 6 Bild (Optik wie Referenz: Schraege links und rechts am Bild, optional Zierlinie).
 * Bildhoehe folgt der Textspalte (Zeile stretch, media-inner height/min-height 100%).
 * Ab down(15): Text h4 (2.6rem), Quote 10rem; ab down(9) Quote 6rem.
 * Tablet down(12): Padding 2rem/6rem links (Offset-Spalte weg).
 * Mobil down(9): Spalten-Stack, Gutter nur an der Bildspalte zurückgesetzt, Hintergrund am Root,
 * Textspalte mit eigenem Innenabstand und Anführungszeichen im linken Innenabstand.
 */
.quote-box {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  /*
   * Anfuehrungszeichen: ::before absolut am linken Rand des Textes (Anker erste Zeile / erster Buchstabe).
   */
  /*
   * Ab down(15): kleinere Typo (h4) und Quote proportional; ab down(9) Quote 6rem.
   */
  /*
   * Mobil sitzt das Anführungszeichen im linken Innenabstand der Textspalte,
   * damit es innerhalb der Kachel sichtbar bleibt.
   */
  /*
   * Volle Flaeche hinter Bild + clip: gleiche Farbe wie Zeilen-Hintergrund bei surface,
   * damit abgeschnittene Bildbereiche nicht "loch" wirken (sichtbar durch clip-path).
   */
  /*
   * Trapez-Schnitt (Vorgabe Design); Zierlinie nur bei accent.
   */
  /*
   * Zierlinie (accent): Form per clip-path, Farbe weiss leicht transparent.
   */
}
[class*="layout-sidebar"] #main .quote-box, [class*="layout-sidebar"] #left .quote-box, [class*="layout-sidebar"] #right .quote-box {
  max-width: 100%;
}
.quote-box.quote-box--media-diagonal-surface {
  background-color: #f5f5f5;
}
.quote-box.quote-box--media-diagonal-surface .quote-box__row {
  background-color: transparent;
}
.quote-box .quote-box__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
}
.quote-box .quote-box__tile {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  min-width: 0;
}
.quote-box .quote-box__text {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
  margin-left: 8.3333333333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}
@media (max-width: 1299.98px) {
  .quote-box .quote-box__text {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
    padding: 2rem 2rem 2rem 6rem;
  }
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__text {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 3rem 3rem 3rem 4.5rem;
    overflow: hidden;
  }
}
.quote-box .quote-box__text-inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__text-inner {
    align-items: stretch;
  }
}
.quote-box .quote-box__media {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: auto;
}
@media (max-width: 1299.98px) {
  .quote-box .quote-box__media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__media {
    flex: 0 0 100%;
    max-width: 100%;
    flex: 0 0 auto;
    height: auto;
  }
}
@media (max-width: 999.98px) {
  .quote-box {
    /*
     * Gutter nur an der Bildspalte zurücksetzen; die Textspalte behält ihr
     * eigenes Padding, weil das Anführungszeichen im linken Innenabstand liegt.
     */
  }
  .quote-box .quote-box__row {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }
  .quote-box .quote-box__media.quote-box__tile {
    padding-left: 0;
    padding-right: 0;
  }
}
.quote-box--tone-default .quote-box__body {
  color: #243B74;
}
.quote-box--tone-body .quote-box__body {
  color: #575973;
}
.quote-box--tone-on-dark .quote-box__body {
  color: #FFFFFF;
}
.quote-box .quote-box__body {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  text-align: left;
  font-size: 3.2rem;
  line-height: 1.3;
  flex: 0 1 auto;
  margin: 0;
  min-height: 0;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media screen and (max-width: 1099px) {
  .quote-box .quote-box__body {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .quote-box .quote-box__body {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .quote-box .quote-box__body {
    font-size: 2.368rem;
  }
}
.quote-box .quote-box__body p {
  font-size: inherit;
  line-height: inherit;
  max-width: 100%;
}
.quote-box .quote-box__body h3 {
  font-size: 3.2rem;
  line-height: 1.3;
}
@media screen and (max-width: 1099px) {
  .quote-box .quote-box__body h3 {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .quote-box .quote-box__body h3 {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .quote-box .quote-box__body h3 {
    font-size: 2.368rem;
  }
}
.quote-box .quote-box__body p:first-child {
  margin-top: 0;
}
.quote-box .quote-box__body p:last-child {
  margin-bottom: 0;
}
.quote-box .quote-box__body--with-quote::before {
  content: "“";
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 0;
  font-size: 20rem;
  line-height: 0.75;
  color: #D1D6E2;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 1599.98px) {
  .quote-box .quote-box__body, .quote-box .quote-box__body h3 {
    font-size: 2.6rem;
  }
  .quote-box .quote-box__body--with-quote::before {
    font-size: 10rem;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 1099px) {
  .quote-box .quote-box__body, .quote-box .quote-box__body h3 {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 799px) {
  .quote-box .quote-box__body, .quote-box .quote-box__body h3 {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 1599.98px) and (max-width: 499px) {
  .quote-box .quote-box__body, .quote-box .quote-box__body h3 {
    font-size: 1.924rem;
  }
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__body--with-quote::before {
    right: auto;
    left: -3.25rem;
    top: -0.5rem;
    font-size: 6rem;
    line-height: 1;
  }
}
.quote-box .quote-box__media-inner {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  min-height: 100%;
  height: 100%;
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__media-inner {
    max-height: 300px;
    min-height: 0;
    height: auto;
    flex: 0 1 auto;
  }
}
.quote-box .quote-box__media-inner picture {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__media-inner picture {
    min-height: 0;
    height: auto;
    max-height: 100%;
  }
}
.quote-box .quote-box__media-inner img {
  display: block;
  position: relative;
  z-index: 0;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  object-fit: cover;
}
@media (max-width: 999.98px) {
  .quote-box .quote-box__media-inner img {
    min-height: 0;
    max-height: 100%;
  }
}
.quote-box .quote-box__media-inner--diagonal {
  background-color: #f5f5f5;
}
.quote-box .quote-box__media-inner--diagonal::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #f5f5f5;
  pointer-events: none;
}
.quote-box .quote-box__media-inner--diagonal picture, .quote-box .quote-box__media-inner--diagonal img {
  position: relative;
  z-index: 1;
  background-color: #f5f5f5;
  clip-path: polygon(-15% -66%, 100% 0%, 100% 100%, 30% 100%);
}
.quote-box .quote-box__media-inner--diagonal-accent::after {
  content: "";
  position: absolute;
  top: 0;
  right: 17%;
  width: 4px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  transform: skewX(329deg);
  clip-path: polygon(0% -1%, 100% 0%, 101% 100%, 25% 100%);
  z-index: 2;
  pointer-events: none;
}
/*
 * LSCE teaser_box: Vollbreite Teaser-Fläche (12), Bild als Untergrund, blaue Fläche ab Spalte 5
 * (8 Spalten) mit optionaler Schräge. Zierlinien nur bei accent: Stage-SVG (Hauptlinie parallel zur Schräge,
 * Knick oben waagerecht, kurzer Eck-Schenkel unten links). viewBox 0 0 100 100; d-Werte an
 * $teaser-panel-diagonal-x-pct abstimmen.
 * Textblock ab Spalte 7 (6 Spalten) innerhalb der blauen Fläche; Abstand nach oben, damit
 * das Bild oberhalb der Fläche sichtbar bleibt.
 *
 * Variante media_text_overlay: Panel offset(5) + col(7), Content offset(3) + col(7) im Panel.
 * DOM: Text vor Media (Zugänglichkeit). Bild oder Video links. SVG-Deko mit angepassten Koordinaten.
 * Responsive down(9): gestapelt (Text oben, Media unten, aspect-ratio 16/9, object-fit cover).
 */
.teaser-box {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  /*
   * Blaue Fläche und clip-path nur hier: äußere Panel-Box bleibt unbeschnitten,
   * damit Zierlinien (stage-deco) über dem Bild liegen und nicht vom clip verdeckt werden.
   */
  /*
   * Variante media_text_overlay: Panel offset(5) + col(7), Content offset(3) + col(7).
   * DOM: Text (panel-shell) vor Media. Bild oder Video links, blaues Overlay rechts.
   */
}
[class*="layout-sidebar"] #main .teaser-box, [class*="layout-sidebar"] #left .teaser-box, [class*="layout-sidebar"] #right .teaser-box {
  max-width: 100%;
}
.teaser-box .teaser-box__stage {
  position: relative;
  isolation: isolate;
}
.teaser-box .teaser-box__media {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.teaser-box .teaser-box__media picture {
  display: block;
  width: 100%;
  height: 100%;
}
.teaser-box .teaser-box__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teaser-box .teaser-box__video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.teaser-box .teaser-box__stage-deco {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.teaser-box .teaser-box__stage-deco-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.teaser-box .teaser-box__panel-shell {
  position: relative;
  z-index: 2;
  padding-top: 6rem;
}
.teaser-box .teaser-box--deco-lines .teaser-box__panel-shell {
  padding-top: 7.25rem;
}
.teaser-box .teaser-box__panel {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  margin-left: 33.3333333333%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  position: relative;
  flex-shrink: 0;
  overflow: visible;
  padding-top: 6rem;
  padding-bottom: 12rem;
  box-sizing: border-box;
}
.teaser-box .teaser-box__panel-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #243B74;
  pointer-events: none;
}
.teaser-box .teaser-box__panel--simple .teaser-box__panel-bg, .teaser-box .teaser-box__panel--accent .teaser-box__panel-bg {
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.teaser-box .teaser-box__panel--none .teaser-box__panel-bg {
  clip-path: none;
}
.teaser-box .teaser-box__panel-inner-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  position: relative;
  z-index: 3;
}
.teaser-box .teaser-box__content {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  margin-left: 25%;
  flex: 0 0 75%;
  max-width: 75%;
  position: relative;
  z-index: 3;
  flex-shrink: 0;
  box-sizing: border-box;
}
.teaser-box .teaser-box__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2rem;
  color: #FFFFFF;
}
.teaser-box .teaser-box__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
}
.teaser-box .teaser-box__headline {
  margin: 0 0 1rem;
  color: #FFFFFF;
}
.teaser-box .teaser-box__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #FFDD00;
}
@media screen and (max-width: 1099px) {
  .teaser-box .teaser-box__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .teaser-box .teaser-box__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .teaser-box .teaser-box__subline {
    font-size: 1.48rem;
  }
}
.teaser-box .teaser-box__body {
  margin-bottom: 6rem;
  color: #FFFFFF;
}
.teaser-box .teaser-box__body a {
  color: #000000;
}
.teaser-box .teaser-box__body p:first-child {
  margin-top: 0;
}
.teaser-box .teaser-box__body p:last-child {
  margin-bottom: 0;
}
.teaser-box .teaser-box__actions {
  margin-top: 3rem;
}
.teaser-box .teaser-box__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  display: inline-block;
  margin: 0.5rem 1rem 0 0;
}
.teaser-box .teaser-box__btn:hover {
  background: #F3F5F8;
}
.teaser-box .teaser-box__btn:first-of-type {
  margin-left: 0;
}
.teaser-box .teaser-box__btn--color-8 {
  background-color: #FFDD00;
}
.teaser-box .teaser-box__btn--color-10 {
  background-color: #F6C64E;
}
.teaser-box .teaser-box__btn--color-8:hover, .teaser-box .teaser-box__btn--color-8:focus-visible, .teaser-box .teaser-box__btn--color-10:hover, .teaser-box .teaser-box__btn--color-10:focus-visible {
  opacity: 0.92;
}
.teaser-box .teaser-box__text-link {
  color: #FFDD00;
  text-decoration: underline;
}
@media (max-width: 1299.98px) {
  .teaser-box .teaser-box__panel-shell {
    padding-top: 12rem;
  }
  .teaser-box .teaser-box--deco-lines .teaser-box__panel-shell {
    padding-top: 7rem;
  }
}
@media (max-width: 999.98px) {
  .teaser-box .teaser-box__stage {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .teaser-box .teaser-box__media {
    position: relative;
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    aspect-ratio: 1.7777777778;
  }
  .teaser-box .teaser-box__panel-shell {
    padding-top: 0;
    flex: 1 1 auto;
  }
  .teaser-box .teaser-box__panel {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 3rem;
  }
  .teaser-box .teaser-box__panel--simple .teaser-box__panel-bg, .teaser-box .teaser-box__panel--accent .teaser-box__panel-bg {
    clip-path: none;
  }
  .teaser-box .teaser-box__stage-deco {
    display: none;
  }
  .teaser-box .teaser-box__content {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
.teaser-box.teaser-box--media-text-overlay .teaser-box__panel-shell {
  padding-top: 0;
}
.teaser-box.teaser-box--media-text-overlay.teaser-box--deco-lines .teaser-box__panel-shell {
  padding-top: 0;
}
.teaser-box.teaser-box--media-text-overlay .teaser-box__panel {
  margin-left: 41.6666666667%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.teaser-box.teaser-box--media-text-overlay .teaser-box__panel--simple .teaser-box__panel-bg, .teaser-box.teaser-box--media-text-overlay .teaser-box__panel--accent .teaser-box__panel-bg {
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.teaser-box.teaser-box--media-text-overlay .teaser-box__content {
  margin-left: 25%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
@media (max-width: 999.98px) {
  .teaser-box.teaser-box--media-text-overlay .teaser-box__stage {
    flex-direction: column;
  }
  .teaser-box.teaser-box--media-text-overlay .teaser-box__panel-shell {
    order: 1;
  }
  .teaser-box.teaser-box--media-text-overlay .teaser-box__panel {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .teaser-box.teaser-box--media-text-overlay .teaser-box__content {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .teaser-box.teaser-box--media-text-overlay .teaser-box__media {
    order: 2;
  }
  .teaser-box.teaser-box--media-text-overlay .teaser-box__stage-deco {
    display: none;
  }
}
/*
 * LSCE content_link_rows (Backend: Text-Zeilen (Link)): Kasten mit zentriertem Kopf (H2),
 * optional Tagline/Subline/Intro, Zeilen 1|10|1; Zeile optional als Ganzes verlinkt.
 */
.content-link-rows {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
[class*="layout-sidebar"] #main .content-link-rows, [class*="layout-sidebar"] #left .content-link-rows, [class*="layout-sidebar"] #right .content-link-rows {
  max-width: 100%;
}
.content-link-rows .content-link-rows__inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (max-width: 999.98px) {
  .content-link-rows .content-link-rows__inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.content-link-rows .content-link-rows__header {
  text-align: center;
  margin-bottom: 6rem;
}
.content-link-rows .content-link-rows__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  color: #243B74;
}
.content-link-rows .content-link-rows__eyebrow::before {
  content: "";
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
  flex-shrink: 0;
}
.content-link-rows .content-link-rows__headline {
  margin: 0 0 1rem;
  font-size: 3.6rem;
  color: #243B74;
}
.content-link-rows .content-link-rows__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #2D58BA;
}
@media screen and (max-width: 1099px) {
  .content-link-rows .content-link-rows__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .content-link-rows .content-link-rows__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .content-link-rows .content-link-rows__subline {
    font-size: 1.48rem;
  }
}
.content-link-rows .content-link-rows__intro {
  margin: 0 auto;
  max-width: 54rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.content-link-rows .content-link-rows__header-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 1.5rem auto 0;
  text-align: center;
  color: #243B74;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.content-link-rows .content-link-rows__list {
  margin: 0;
  padding: 0;
}
.content-link-rows .content-link-rows__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6rem;
  padding: 6rem 0;
  border-bottom: 0.1rem solid #D1D6E2;
  text-decoration: none;
  color: inherit;
}
@media (max-width: 999.98px) {
  .content-link-rows .content-link-rows__row {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
  }
}
.content-link-rows .content-link-rows__row--linked {
  cursor: pointer;
}
.content-link-rows .content-link-rows__row--linked:hover .content-link-rows__row-go, .content-link-rows .content-link-rows__row--linked:focus-visible .content-link-rows__row-go {
  background-color: #243B74;
}
.content-link-rows .content-link-rows__row--linked:focus-visible {
  outline: 0.2rem solid #FFDD00;
  outline-offset: 0.2rem;
}
.content-link-rows .content-link-rows__row--no-link {
  cursor: default;
}
.content-link-rows .content-link-rows__row--no-title .content-link-rows__row-body {
  flex: 1 1 auto;
}
.content-link-rows .content-link-rows__row-title {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  flex: 0 0 22%;
  margin: 0;
  max-width: 100%;
  color: #243B74;
}
@media screen and (max-width: 1099px) {
  .content-link-rows .content-link-rows__row-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .content-link-rows .content-link-rows__row-title {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .content-link-rows .content-link-rows__row-title {
    font-size: 1.48rem;
  }
}
.content-link-rows .content-link-rows__row-title sup {
  top: 0;
  line-height: 0;
  vertical-align: super;
  font-weight: inherit;
  color: inherit;
}
@media (max-width: 999.98px) {
  .content-link-rows .content-link-rows__row-title {
    flex: 1 1 100%;
  }
}
.content-link-rows .content-link-rows__row-body {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
@media (max-width: 999.98px) {
  .content-link-rows .content-link-rows__row-body {
    flex: 1 1 100%;
  }
}
.content-link-rows .content-link-rows__row-go {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 50%;
  background-color: #2D58BA;
  transition: background-color 0.15s ease-out;
}
.content-link-rows .content-link-rows__row-go::after {
  line-height: 1;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  content: "";
  background-color: #FFDD00;
  mask-image: url("/files/merconisfiles/usercontent/images/icons/Namerightarrow.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("/files/merconisfiles/usercontent/images/icons/Namerightarrow.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media (max-width: 999.98px) {
  .content-link-rows .content-link-rows__row-go {
    margin-left: auto;
  }
}
.content-link-rows.content-link-rows--header-no-margin .content-link-rows__header {
  margin-bottom: 0;
}
.content-link-rows.content-link-rows--row-compact .content-link-rows__row {
  padding: 2rem 0;
}
@media (max-width: 999.98px) {
  .content-link-rows.content-link-rows--row-compact .content-link-rows__row {
    padding: 1rem 0;
  }
}
.content-link-rows.content-link-rows--no-border .content-link-rows__row {
  border-bottom: none;
}
.content-link-rows.color-white {
  background-color: #FFFFFF;
}
.content-link-rows.color-1 {
  background-color: #F3F5F8;
}
.content-link-rows.color-6 {
  background-color: #575973;
}
.content-link-rows.color-6 .content-link-rows__eyebrow {
  color: #FFFFFF;
}
.content-link-rows.color-6 .content-link-rows__eyebrow::before {
  background-color: #FFFFFF;
}
.content-link-rows.color-6 .content-link-rows__headline, .content-link-rows.color-6 .content-link-rows__subline, .content-link-rows.color-6 .content-link-rows__intro, .content-link-rows.color-6 .content-link-rows__header-link, .content-link-rows.color-6 .content-link-rows__row-title, .content-link-rows.color-6 .content-link-rows__row-body {
  color: #FFFFFF;
}
.content-link-rows.color-6 .content-link-rows__row {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
/*
 * LSCE accordion_box: Interaktive Accordion-Box in zwei Varianten.
 *
 * - .accordion-box--split   : Desktop Nav links / Inhalt rechts (5|5 innerhalb
 *                             eines 1|10|1 Content-Wrappers). Nur der aktive
 *                             Panel ist sichtbar, Wechsel per Klick.
 *                             Mobile (down 9): Nav oben, aktiver Panel darunter.
 *                             Weiße Karte nur hier (Body mit Hintergrund + Rahmen).
 * - .accordion-box--stacked : Desktop Accordion links (5) + Bild rechts (5);
 *                             klassisches Expand/Collapse pro Eintrag.
 *                             Tablet/Mobile (down 12 bzw. 9): Accordion oben,
 *                             Bild darunter, immer gestapelt.
 *                             Kein weißer Body: volle Breite am Root; Farbe z. B. per
 *                             Klasse am mod_article oder bg-color-* auf .accordion-box.
 *
 * Steuerung per JavaScript (aria-expanded, .is-active, hidden).
 * Ohne JS: erstes Panel per CSS sichtbar (Progressive Enhancement).
 */
/*
 * Root: volle Breite (Hintergrund z. B. am mod_article oder Helper-Klassen auf .accordion-box).
 * .accordion-box__container: wie bisher ls_contentWrapper (Rasterbezug für make-col).
 */
.accordion-box {
  width: 100%;
  box-sizing: border-box;
  padding-top: 6rem;
  padding-bottom: 6rem;
  /*
   * ls_contentWrapper ist in diesem Theme nur ein zentrierter max-width-
   * Container ohne eigenes Padding (siehe assets/lscss/scss/ls/_general-
   * mixins.scss). "Spalte 1" beginnt also direkt am linken Rand des
   * Wrappers, "Spalte 12" endet am rechten Rand. Damit der Inhalt dort
   * auch wirklich bündig sitzt, muss bei den neuen FAQ-Varianten das
   * col-ready-Padding von Inner/Items/Cols gezielt auf 0 gezogen werden
   * -- das passiert in den jeweiligen Varianten-Blöcken weiter unten.
   */
  /*
   * Optionaler Umfeld-Hintergrund innerhalb des Content-Wrappers:
   * farbiger Inset-Hintergrund, waehrend das Accordion selbst (Cards/Body)
   * seine bestehende weisse Flaeche behaelt.
   */
  /*
   * Vertikaler Abstand 6rem (gleiche Werte wie .ptb-6 in _convenience-classes.scss),
   * am Root, wenn kein Umfeld-Hintergrund am Container (::before) genutzt wird.
   * Bei .accordion-box--context-color-1 färbt .accordion-box__container::before; Padding
   * am Root würde außerhalb dieses farbigen Bereichs sitzen (wirkt als „loser“
   * Abstand ohne sichtbaren Hintergrund). Dann siehe .accordion-box--context-color-1
   * in Kombination mit .accordion-box--ptb-6 (Abstand in den Container verlagert).
   */
  /*
   * Umfeld-Farbe + 6rem: vertikale Luft im farbigen Streifen, nicht am vollen Viewport-Root.
   */
  /* --- Kopfbereich --- */
  /*
   * Kopf (H2, Tagline) bleibt außerhalb der weißen Karte, damit die Karte nicht
   * „direkt unter“ der Überschrift aufspringt und optisch mit dem Raster bricht.
   */
  /*
   * Keine eigene `font-size`: Das Markup nutzt ein `h2`, die globale Regel liefert
   * Größe und responsive Verkleinerung (`ls_decreaseFontSizes`). Ein eigener Wert
   * hier hätte die Media-Queries der globalen Regel per Spezifität ausgehebelt.
   */
  /* --- Body: Raster + Innenabstand; weiße Karte nur bei --split (siehe unten) --- */
  /* --- Trigger-Liste (gemeinsam split + stacked) --- */
  /*
   * <h3 class="accordion-box__trigger-heading"> umschließt den <button>, damit die
   * Accordion-Überschrift semantisch als H3 ausgezeichnet ist, ohne Block-Elemente
   * in den Button zu legen (das wäre lt. HTML-Spec unzulässig).
   */
  /*
   * Semantik H3 im Markup, optisch H5: nicht fett, weiterhin Tagline-Spacing/Uppercase.
   * `span` erbt keine globale Headline-Größe -- daher eigene `font-size` plus
   * `ls_decreaseFontSizes` (entspricht dem globalen h5-Verhalten).
   */
  /* --- Badges unter dem Titel --- */
  /* --- Nummer-Quadrat (optional) --- */
  /* --- Panel (gemeinsam) --- */
  /*
   * Keine eigene `font-size`: Markup ist `h4`, Größe und Verkleinerung kommen global.
   */
  /* --- Abschnitte im Panel mit Pfeil-Punkt --- */
  /*
   * Rechte Spalte / Panel: kleinere Kreise (2.5rem), hellblau gefüllt — klar getrennt
   * von den großen gelben Nav-Punkten (split, .accordion-box__trigger-dot).
   */
  /*
   * Richtext-Listen in Panel-/Section-Texten: eingerueckt und als Punkt-Marker
   * (wie in anderen Komponenten mit marker-icon_dots), nicht als Kreis-Icon.
   */
  /* ========================================================================
   * Variante: split (Box 2)
   * ====================================================================== */
  /* ========================================================================
   * Farbschema: dunkel (für dunkle `mod_article`-Hintergründe)
   * ====================================================================== */
  /*
   * Backend „Dunkel“: Kopfzeile auf dunklem Artikel hell; Body nur ohne Split transparent.
   * Split + dunkler Artikel: weiße Karte bleibt, Text in der Karte wie im Hell-Theme.
   */
  /* ========================================================================
   * Variante: stacked (Box 3)
   * ====================================================================== */
  /*
   * Variante mit Bild: kein weißer Body (Hintergrund kommt vom Artikel / Layout).
   * Typografie und Akzente hell, damit sie auf dunkelblau lesbar sind.
   */
  /* ========================================================================
   * Variante: full-width-faq (Accordion-FAQ)
   *
   * Headline zentriert oben, Accordion darunter in voller Breite.
   * Jeder Eintrag ist eine eigene weiße Karte mit Rahmen (FAQ-Look).
   * ====================================================================== */
  /* ========================================================================
   * Variante: text-accordion-faq (Text-Accordion-FAQ)
   *
   * Links Text-Spalte (Eyebrow, Headline, Fließtext), rechts FAQ-Bereich.
   * Ab zwei FAQ-Gruppen erscheint zusätzlich eine Tab-Leiste über den
   * Accordion-Einträgen. Tablet/Mobile: Text-Spalte oben, FAQ darunter.
   * ====================================================================== */
  /* ========================================================================
   * Mobile (down 9): stacked-Variante stapelt Accordion und Bild; split
   * handhabt sein Mobile-Layout innerhalb von &.accordion-box--split selbst.
   * ====================================================================== */
  /* ========================================================================
   * Buttons (Aktionen unter dem Accordion)
   * ====================================================================== */
}
.accordion-box .accordion-box__container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .accordion-box .accordion-box__container, [class*="layout-sidebar"] #left .accordion-box .accordion-box__container, [class*="layout-sidebar"] #right .accordion-box .accordion-box__container {
  max-width: 100%;
}
.accordion-box.accordion-box--context-color-1 .accordion-box__container {
  position: relative;
  z-index: 0;
}
.accordion-box.accordion-box--context-color-1 .accordion-box__container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #F3F5F8;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 999.98px) {
  .accordion-box.accordion-box--context-color-1 .accordion-box__container::before {
    right: 0;
    left: 0;
  }
}
.accordion-box.accordion-box--context-color-1 .accordion-box__inner {
  position: relative;
  z-index: 1;
}
.accordion-box.accordion-box--ptb-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.accordion-box.accordion-box--context-color-1.accordion-box--ptb-6 {
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-box.accordion-box--context-color-1.accordion-box--ptb-6 .accordion-box__container {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.accordion-box .accordion-box__inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (max-width: 999.98px) {
  .accordion-box .accordion-box__inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.accordion-box .accordion-box__header {
  margin-right: -3rem;
  margin-left: -3rem;
  margin-bottom: 4rem;
}
@media (max-width: 999.98px) {
  .accordion-box .accordion-box__header {
    margin-right: 0;
    margin-left: 0;
  }
}
.accordion-box .accordion-box__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  color: #243B74;
}
.accordion-box .accordion-box__eyebrow::before {
  content: "";
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
  flex-shrink: 0;
}
.accordion-box .accordion-box__headline {
  margin: 0 0 1rem;
  color: #243B74;
}
.accordion-box .accordion-box__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #2D58BA;
}
@media screen and (max-width: 1099px) {
  .accordion-box .accordion-box__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .accordion-box .accordion-box__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .accordion-box .accordion-box__subline {
    font-size: 1.48rem;
  }
}
.accordion-box .accordion-box__intro {
  margin: 0;
  max-width: 54rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.accordion-box .accordion-box__body {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding: 3rem 0;
  background-color: transparent;
  border: 0;
  box-sizing: border-box;
}
.accordion-box .accordion-box__col {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  /* Flex: min-width:auto verhindert Schrumpfen; ohne 0 entsteht oft horizontales Scrollen. */
  min-width: 0;
}
.accordion-box .accordion-box__col--accordion, .accordion-box .accordion-box__col--media {
  flex: 0 0 50%;
  max-width: 50%;
}
.accordion-box .accordion-box__items {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion-box .accordion-box__item {
  margin: 0;
  padding: 0;
}
.accordion-box .accordion-box__trigger-heading {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.accordion-box .accordion-box__trigger {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 2.5rem 1rem;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: inherit;
  color: #243B74;
  cursor: pointer;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
}
.accordion-box .accordion-box__trigger:focus-visible {
  outline: 0.2rem solid #F3F5F8;
  outline-offset: 0.2rem;
}
.accordion-box .accordion-box__trigger-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.accordion-box .accordion-box__trigger-title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: normal;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #243B74;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1099px) {
  .accordion-box .accordion-box__trigger-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .accordion-box .accordion-box__trigger-title {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .accordion-box .accordion-box__trigger-title {
    font-size: 1.48rem;
  }
}
.accordion-box .accordion-box__trigger-tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.accordion-box .accordion-box__trigger-tag {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background-color: #F3F5F8;
  color: #243B74;
  font-size: 1.4rem;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5;
}
.accordion-box .accordion-box__number {
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #243B74;
  color: #FFFFFF;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}
.accordion-box .accordion-box__panel {
  padding: 0 1rem 1.5rem;
  color: #575973;
  font-size: 1.6rem;
  line-height: 1.5;
}
.accordion-box .accordion-box__panel-headline {
  margin: 0 0 1rem;
  color: #243B74;
}
.accordion-box .accordion-box__panel-text {
  margin: 0 0 1rem;
}
.accordion-box .accordion-box__panel-text p:first-child {
  margin-top: 0;
}
.accordion-box .accordion-box__panel-text p:last-child {
  margin-bottom: 0;
}
.accordion-box .accordion-box__sections {
  list-style: none;
  margin: 0;
  padding: 0;
}
.accordion-box .accordion-box__section {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 0.75rem 0;
  border-top: 0.1rem solid #F3F5F8;
}
.accordion-box .accordion-box__section:first-child {
  border-top: 0;
}
.accordion-box .accordion-box__section-bullet {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-top: 0.2em;
  border-radius: 50%;
  background-color: #F3F5F8;
  color: #243B74;
}
.accordion-box .accordion-box__section-bullet .accordion-box__arrow-icon {
  display: block;
  width: auto;
  height: 1.4rem;
  max-width: 65%;
  object-fit: contain;
}
.accordion-box .accordion-box__section-body {
  flex: 1 1 auto;
  min-width: 0;
}
.accordion-box .accordion-box__section-title {
  margin: 0 0 0.25rem;
  font-weight: bold;
  color: #243B74;
}
.accordion-box .accordion-box__section-text {
  margin: 0;
  color: #575973;
}
.accordion-box .accordion-box__panel-text ul, .accordion-box .accordion-box__section-text ul {
  list-style: none;
  padding-left: 1.25em;
}
.accordion-box .accordion-box__panel-text ul > li, .accordion-box .accordion-box__section-text ul > li {
  position: relative;
  padding-left: calc(1em + 0.5rem);
}
.accordion-box .accordion-box__panel-text ul > li::before, .accordion-box .accordion-box__section-text ul > li::before {
  content: "•";
  position: absolute;
  left: 0.1em;
  top: 0.05em;
  color: currentColor;
}
.accordion-box.accordion-box--split {
  /*
     * Desktop-Layout über CSS Grid: Trigger landen in Spalte 1, das jeweils
     * aktive Panel in Spalte 2. Alle weiteren Panels sind `hidden` und damit
     * aus dem Layout entfernt, sodass das sichtbare Panel die rechte Hälfte
     * vollständig belegt. `grid-row: 1 / span 999` verankert das Panel oben
     * rechts und lässt es so hoch werden wie nötig.
     *
     * Mobile (unter Breakpoint 9): Grid wird deaktiviert, Trigger und sein
     * zugehöriges Panel stehen direkt untereinander im normalen Blockfluss.
     */
  /*
     * Trennlinie zwischen Trigger-Spalte und Panel-Spalte: Rahmen am Trigger
     * rechts (optisch deckungsgleich zum bisherigen Zustand). Unten ein
     * kräftigerer Rahmen als Trenner zwischen den Triggern.
     */
  /*
     * Großer gelber Kreis (4rem) rechts am Trigger; Pfeil-SVG aus config.
     * Standard: gelb gefüllt; hover: color-10 gefüllt; aktiv: nur Outline.
     */
}
.accordion-box.accordion-box--split .accordion-box__body {
  background-color: #FFFFFF;
  border: 0.1rem solid #F3F5F8;
}
.accordion-box.accordion-box--split .accordion-box__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.accordion-box.accordion-box--split .accordion-box__item {
  display: contents;
}
.accordion-box.accordion-box--split .accordion-box__trigger-heading {
  grid-column: 1;
}
.accordion-box.accordion-box--split .accordion-box__panel {
  grid-column: 2;
  grid-row: 1 / span 999;
  padding: 1rem 6rem 1.5rem 6rem;
}
.accordion-box.accordion-box--split .accordion-box__trigger {
  position: relative;
  padding-left: 4rem;
  border-left: 0;
  border-right: 0.1rem solid #F3F5F8;
  border-bottom: 0.2rem solid #F3F5F8;
}
.accordion-box.accordion-box--split .accordion-box__trigger-dot {
  flex-shrink: 0;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 0.2rem solid #FFDD00;
  background-color: #FFDD00;
  color: #243B74;
  transition: background-color 0.15s ease-out, border-color 0.15s ease-out, color 0.15s ease-out;
}
.accordion-box.accordion-box--split .accordion-box__trigger-dot .accordion-box__arrow-icon {
  display: block;
  width: auto;
  height: 1.6rem;
  max-width: 55%;
  object-fit: contain;
}
.accordion-box.accordion-box--split .accordion-box__trigger:hover, .accordion-box.accordion-box--split .accordion-box__trigger:focus-visible {
  background-color: #F3F5F8;
  border-right-color: #F3F5F8;
  border-bottom-color: #F3F5F8;
}
.accordion-box.accordion-box--split .accordion-box__trigger:hover .accordion-box__trigger-dot, .accordion-box.accordion-box--split .accordion-box__trigger:focus-visible .accordion-box__trigger-dot {
  background-color: #F6C64E;
  border-color: #F6C64E;
  color: #FFFFFF;
}
.accordion-box.accordion-box--split .accordion-box__trigger.is-active {
  background-color: transparent;
  border-right-color: #F3F5F8;
  border-bottom-color: #F3F5F8;
}
.accordion-box.accordion-box--split .accordion-box__trigger.is-active .accordion-box__trigger-dot {
  background-color: transparent;
  border-color: #F6C64E;
  color: #F6C64E;
}
@media (max-width: 999.98px) {
  .accordion-box.accordion-box--split {
    /*
       * Grid zurück auf natürlichen Blockfluss: Trigger -- Panel --
       * Trigger -- Panel -- ... Dadurch erscheint nach Klick auf einen
       * Trigger das zugehörige Panel direkt darunter, der User muss nicht
       * mehr ans Listenende scrollen.
       */
    /*
       * Auf Mobile fungiert der Panel-`border-bottom` als Trennung zum
       * nächsten Trigger; der `border-right` am Trigger (vertikaler
       * Separator auf Desktop) spielt hier keine Rolle mehr.
       */
  }
  .accordion-box.accordion-box--split .accordion-box__items {
    display: block;
  }
  .accordion-box.accordion-box--split .accordion-box__item {
    display: block;
  }
  .accordion-box.accordion-box--split .accordion-box__trigger-heading, .accordion-box.accordion-box--split .accordion-box__panel {
    grid-column: auto;
    grid-row: auto;
  }
  .accordion-box.accordion-box--split .accordion-box__panel {
    padding: 1rem 1rem 1.5rem 1rem;
  }
  .accordion-box.accordion-box--split .accordion-box__panel {
    border-bottom: 0.2rem solid #F3F5F8;
  }
  .accordion-box.accordion-box--split .accordion-box__trigger {
    border-right: 0;
  }
}
.accordion-box.accordion-box--dark {
  /*
     * FAQ-Karten-Varianten (full-width-faq, text-accordion-faq) im dunklen
     * Schema: die weiße Accordion-Karte bleibt mit innen dunkler Typografie
     * erhalten. Nur die Kopf-/Text-Spalten-Typografie ist weiß
     * (wird bereits oben gesetzt).
     */
  /*
     * Tab-Leiste auf dunklem Artikelhintergrund: Text und Trennlinie hell.
     */
}
.accordion-box.accordion-box--dark .accordion-box__eyebrow, .accordion-box.accordion-box--dark .accordion-box__headline, .accordion-box.accordion-box--dark .accordion-box__subline, .accordion-box.accordion-box--dark .accordion-box__intro {
  color: #FFFFFF;
}
.accordion-box.accordion-box--dark:not(.accordion-box--split) .accordion-box__body {
  background-color: transparent;
  border: 0;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__body {
  background-color: #FFFFFF;
  border: 0.1rem solid #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--split {
  /*
       * Auf Mobile ersetzt der Panel-`border-bottom` die Trigger-Trennlinie;
       * Farbe hier an den hellen Farbkontext der Karte anpassen.
       */
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger-title {
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger {
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__panel-headline {
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__panel-text, .accordion-box.accordion-box--dark.accordion-box--split .accordion-box__section-text {
  color: #575973;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__section-title {
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger-tag {
  background-color: #F3F5F8;
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__section {
  border-top-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger {
  border-right-color: #F3F5F8;
  border-bottom-color: #F3F5F8;
}
@media (max-width: 999.98px) {
  .accordion-box.accordion-box--dark.accordion-box--split .accordion-box__panel {
    border-bottom-color: #F3F5F8;
  }
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger:hover, .accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger:focus-visible {
  background-color: #F3F5F8;
  border-right-color: #F3F5F8;
  border-bottom-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger:hover .accordion-box__trigger-dot, .accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger:focus-visible .accordion-box__trigger-dot {
  background-color: #F6C64E;
  border-color: #F6C64E;
  color: #FFFFFF;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger.is-active {
  border-right-color: #F3F5F8;
  border-bottom-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger-dot {
  border-color: #FFDD00;
  background-color: #FFDD00;
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--split .accordion-box__trigger.is-active .accordion-box__trigger-dot {
  background-color: transparent;
  border-color: #F6C64E;
  color: #F6C64E;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__items, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__items {
  background-color: #FFFFFF;
  border-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__item, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__item {
  border-top-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__trigger-title, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__panel-headline, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__panel-text, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__section-title, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__section-text, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__trigger-title, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__panel-headline, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__panel-text, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__section-title, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__section-text {
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__panel-text, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__section-text, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__panel-text, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__section-text {
  color: #575973;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__trigger-tag, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__trigger-tag {
  background-color: #F3F5F8;
  color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__section, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__section {
  border-top-color: #F3F5F8;
}
.accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__trigger-icon::before, .accordion-box.accordion-box--dark.accordion-box--full-width-faq .accordion-box__trigger-icon::after, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__trigger-icon::before, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__trigger-icon::after {
  background-color: #243B74;
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__text-column-eyebrow, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__text-column-headline {
  color: #FFFFFF;
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__text-column-text {
  color: #FFFFFF;
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__text-column-text a {
  color: #FFDD00;
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__tablist {
  border-bottom-color: rgba(255, 255, 255, 0.28);
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__tab {
  color: rgba(255, 255, 255, 0.7);
}
.accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__tab:hover, .accordion-box.accordion-box--dark.accordion-box--text-accordion-faq .accordion-box__tab.is-active {
  color: #FFFFFF;
}
.accordion-box.accordion-box--stacked {
  /*
     * make-row() nutzt negative horizontale Margins; bei padding:0 auf den Spalten
     * würde die Zeile optisch über den Inhalt hinausragen — Margins hier neutralisieren.
     */
  /*
     * Stacked-Variante (mit Bild): Der dunkle Artikelhintergrund reicht bis zum
     * Grid-Rand, darum bekommen die Spalten keinen Außen-Padding aus
     * make-col-ready(). Der Abstand zum Bild bleibt über .col--media erhalten.
     */
  /*
     * H3 im Trigger ist hier nicht als Tagline gesetzt: weder Versalien
     * noch Buchstabenlaufweite wie in der Split-Variante.
     */
  /*
     * Trigger ist ein <button>; ohne expliziten Reset greift hier ein globaler
     * Button-Hover-Stil (gelb). Wir setzen den Hover daher gezielt zurück:
     * transparenter Hintergrund, vererbte Textfarbe. Auf die Nummer wirkt der
     * Hover bewusst nicht; sie bleibt konstant in color-8.
     */
  /*
     * Nummerierte Variante: Panel-Text beginnt unter der Headline,
     * eingerückt um Nummer-Breite (4rem) + Trigger-Gap (1rem).
     */
  /* --- Bild-Spalte --- */
  /* Tablet: Bild unter Accordion (down 12). */
}
.accordion-box.accordion-box--stacked .accordion-box__body {
  margin-left: 0;
  margin-right: 0;
}
.accordion-box.accordion-box--stacked .accordion-box__col {
  padding-left: 0;
  padding-right: 0;
}
.accordion-box.accordion-box--stacked .accordion-box__eyebrow, .accordion-box.accordion-box--stacked .accordion-box__headline, .accordion-box.accordion-box--stacked .accordion-box__subline, .accordion-box.accordion-box--stacked .accordion-box__intro {
  color: #FFFFFF;
}
.accordion-box.accordion-box--stacked .accordion-box__panel-text a {
  color: #FFDD00;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-title, .accordion-box.accordion-box--stacked .accordion-box__panel-headline, .accordion-box.accordion-box--stacked .accordion-box__panel-text, .accordion-box.accordion-box--stacked .accordion-box__section-title, .accordion-box.accordion-box--stacked .accordion-box__section-text {
  color: #FFFFFF;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-title {
  text-transform: none;
  letter-spacing: normal;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-tag {
  background-color: rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
}
.accordion-box.accordion-box--stacked .accordion-box__section {
  border-top-color: rgba(255, 255, 255, 0.28);
}
.accordion-box.accordion-box--stacked .accordion-box__number {
  background-color: #0E182E;
  color: #FFDD00;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger:hover, .accordion-box.accordion-box--stacked .accordion-box__trigger:focus-visible {
  background-color: transparent;
  color: inherit;
}
.accordion-box.accordion-box--stacked .accordion-box__items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.accordion-box.accordion-box--stacked .accordion-box__item {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.28);
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-icon {
  flex-shrink: 0;
  position: relative;
  width: 1.6rem;
  height: 1.6rem;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-icon::before, .accordion-box.accordion-box--stacked .accordion-box__trigger-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-icon::before {
  width: 1.2rem;
  height: 0.2rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--stacked .accordion-box__trigger-icon::after {
  width: 0.2rem;
  height: 1.2rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--stacked .accordion-box__trigger.is-active .accordion-box__trigger-icon::after {
  opacity: 0;
}
.accordion-box.accordion-box--stacked .accordion-box__panel {
  padding: 0 0 1.5rem;
}
.accordion-box.accordion-box--stacked.accordion-box--numbered .accordion-box__panel {
  padding-left: 5rem;
}
.accordion-box.accordion-box--stacked .accordion-box__col--media {
  padding-left: 6rem;
}
.accordion-box.accordion-box--stacked .accordion-box__media {
  height: 100%;
}
.accordion-box.accordion-box--stacked .accordion-box__media picture, .accordion-box.accordion-box--stacked .accordion-box__media img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1299.98px) {
  .accordion-box.accordion-box--stacked .accordion-box__col--accordion, .accordion-box.accordion-box--stacked .accordion-box__col--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .accordion-box.accordion-box--stacked .accordion-box__col--media {
    padding-left: 0;
    margin-top: 6rem;
  }
}
.accordion-box.accordion-box--full-width-faq {
  /*
     * Spaltenraster (bezogen auf 12 Spalten, 1 Spalte = 1/12 der
     * Wrapper-Breite, jeweils gemessen am Wrapper-Außenrand):
     *   Desktop : Header 3|6|3 (zentriert), Accordion 1|10|1.
     *   Tablet  (down 12) und Mobil (down 9): Header und Accordion jeweils 12.
     *
     * ls_contentWrapper in diesem Theme besitzt kein eigenes seitliches
     * Padding (max-width + auto-Margins). Damit Inhalt exakt bei den
     * Spalten-Grenzen beginnt/endet, wird das col-ready-Padding von
     * Inner, Body, Header und Items auf 0 gezogen. Der Body behält die
     * make-row()-Flex-Logik, seine negativen Margins werden aber
     * neutralisiert, weil ohne kompensierendes col-Padding am Inner
     * ein Überstand entstehen würde.
     */
  /*
     * Accordion-Liste als 10-von-12-Spalten zentriert (Offset 1). Auf
     * Tablet und Mobil streckt sie sich über 12 Spalten.
     * Einträge als einzelne Karten: feine Linie zwischen ihnen, weißer
     * Hintergrund mit Rahmen.
     */
  /*
     * Plus/Minus-Icon am rechten Trigger-Rand: + im Ruhezustand, - bei
     * geöffnetem Panel (Umschaltung über `.is-active`, vgl. stacked).
     */
  /*
     * Nummerierte Variante: Panel-Text beginnt unter der Headline,
     * eingerückt um Nummer-Breite (4rem) + Trigger-Gap (1rem).
     */
}
.accordion-box.accordion-box--full-width-faq .accordion-box__inner {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__body {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__header {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 50%;
  max-width: 50%;
  margin-left: 25%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media (max-width: 1299.98px) {
  .accordion-box.accordion-box--full-width-faq .accordion-box__header {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.accordion-box.accordion-box--full-width-faq .accordion-box__eyebrow {
  justify-content: center;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__items {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 0.1rem solid #F3F5F8;
  background-color: #FFFFFF;
}
@media (max-width: 1299.98px) {
  .accordion-box.accordion-box--full-width-faq .accordion-box__items {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.accordion-box.accordion-box--full-width-faq .accordion-box__item {
  border-top: 0.1rem solid #F3F5F8;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__item:first-child {
  border-top: 0;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger {
  padding: 2rem 4rem 2rem 4rem;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger-title {
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #243B74;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger:hover, .accordion-box.accordion-box--full-width-faq .accordion-box__trigger:focus-visible {
  background-color: transparent;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger:hover .accordion-box__trigger-title, .accordion-box.accordion-box--full-width-faq .accordion-box__trigger:focus-visible .accordion-box__trigger-title {
  color: #2D58BA;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger-icon {
  flex-shrink: 0;
  align-self: center;
  position: relative;
  width: 2rem;
  height: 2rem;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger-icon::before, .accordion-box.accordion-box--full-width-faq .accordion-box__trigger-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #243B74;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger-icon::before {
  width: 1.6rem;
  height: 0.2rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger-icon::after {
  width: 0.2rem;
  height: 1.6rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--full-width-faq .accordion-box__trigger.is-active .accordion-box__trigger-icon::after {
  opacity: 0;
}
.accordion-box.accordion-box--full-width-faq .accordion-box__panel {
  padding: 0 4rem 2rem 4rem;
}
.accordion-box.accordion-box--full-width-faq.accordion-box--numbered .accordion-box__panel {
  padding-left: 7.5rem;
}
.accordion-box.accordion-box--text-accordion-faq {
  /*
     * Spaltenraster (bezogen auf 12 Spalten, gemessen am Wrapper-Außenrand):
     *   Desktop           : Text 4 | FAQ 8.
     *   Tablet (down 12)  : Text 8 oben, FAQ 12 darunter.
     *   Mobil  (down 9)   : beides 12.
     *
     * ls_contentWrapper in diesem Theme besitzt kein eigenes seitliches
     * Padding (max-width + auto-Margins). Damit die Text-Spalte bündig
     * in Spalte 1 und die FAQ-Spalte bündig in Spalte 12 endet, wird das
     * col-ready-Padding von Inner und Cols auf 0 gezogen; der Abstand
     * zwischen den beiden Spalten kommt über ein gezieltes padding-right
     * an der Text-Spalte.
     */
  /*
     * Text-Spalte (4 von 12) mit Abstand zur FAQ-Spalte (padding-right).
     * Kein col-ready-Padding links -- Content fängt in Spalte 1 an.
     */
  /* --- Text-Spalte (links) --- */
  /*
     * Keine eigene `font-size` -- siehe .accordion-box__headline.
     */
  /* --- FAQ-Spalte (rechts): Tab-Leiste + Panels --- */
  /*
     * Karten-Look wie in full-width-faq: weißer Hintergrund mit Rahmen,
     * Einträge durch feine Linien getrennt.
     */
  /*
     * Tablet (down 12): Text-Spalte 8 Spalten oben, FAQ-Spalte 12 Spalten
     * darunter.
     */
  /* Mobil (down 9): beide Spalten auf 12. */
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__inner {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__body {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  align-items: flex-start;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__col--text {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  padding-left: 0;
  padding-right: 6rem;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__col--faq {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  padding-left: 0;
  padding-right: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column {
  display: block;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  color: #243B74;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-eyebrow::before {
  content: "";
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
  flex-shrink: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-headline {
  margin: 0 0 1.5rem;
  color: #243B74;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-text {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-text p:first-child {
  margin-top: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-text p:last-child {
  margin-bottom: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__text-column-text a {
  color: #243B74;
  text-decoration: underline;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 2rem;
  border-bottom: 0.1rem solid #F3F5F8;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab {
  position: relative;
  padding: 1rem 1.5rem;
  margin-bottom: -0.1rem;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #575973;
  cursor: pointer;
  transition: color 0.15s ease-out, border-color 0.15s ease-out;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.3rem;
  background-color: transparent;
  transition: background-color 0.15s ease-out;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab:focus-visible {
  outline: 0.2rem solid #F3F5F8;
  outline-offset: 0.2rem;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab:hover {
  color: #243B74;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab.is-active {
  color: #243B74;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tab.is-active::after {
  background-color: #FFDD00;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__tabpanels {
  display: block;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__items {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 0.1rem solid #F3F5F8;
  background-color: #FFFFFF;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__item {
  border-top: 0.1rem solid #F3F5F8;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__item:first-child {
  border-top: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger {
  padding: 1.75rem 4rem 1.75rem 4rem;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-title {
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #243B74;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger:hover, .accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger:focus-visible {
  background-color: transparent;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger:hover .accordion-box__trigger-title, .accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger:focus-visible .accordion-box__trigger-title {
  color: #2D58BA;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-icon {
  flex-shrink: 0;
  align-self: center;
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-icon::before, .accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #243B74;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-icon::before {
  width: 1.4rem;
  height: 0.2rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger-icon::after {
  width: 0.2rem;
  height: 1.4rem;
  transform: translate(-50%, -50%);
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__trigger.is-active .accordion-box__trigger-icon::after {
  opacity: 0;
}
.accordion-box.accordion-box--text-accordion-faq .accordion-box__panel {
  padding: 0 4rem 1.5rem 4rem;
}
@media (max-width: 1299.98px) {
  .accordion-box.accordion-box--text-accordion-faq .accordion-box__col--text {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    padding-right: 0;
    margin-bottom: 6rem;
  }
  .accordion-box.accordion-box--text-accordion-faq .accordion-box__col--faq {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .accordion-box.accordion-box--text-accordion-faq .accordion-box__col--text, .accordion-box.accordion-box--text-accordion-faq .accordion-box__col--faq {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 999.98px) {
  .accordion-box .accordion-box__col--accordion, .accordion-box .accordion-box__col--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .accordion-box .accordion-box__col--media {
    padding-left: 0;
    margin-top: 6rem;
  }
}
.accordion-box .accordion-box__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  margin-top: 6rem;
}
.accordion-box .accordion-box__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  display: inline-block;
  border: 0.2rem solid transparent;
}
.accordion-box .accordion-box__btn:hover {
  background: #F3F5F8;
}
.accordion-box .accordion-box__btn--color-8 {
  background-color: #FFDD00;
  color: #243B74;
}
.accordion-box .accordion-box__btn--color-3 {
  background-color: #243B74;
  color: #FFFFFF;
}
.accordion-box .accordion-box__btn--color-5 {
  background-color: #2D58BA;
  color: #FFFFFF;
}
.accordion-box .accordion-box__btn--outline {
  background-color: transparent;
  border-color: #243B74;
  color: #243B74;
}
.accordion-box .accordion-box__btn--outline.accordion-box__btn--color-3 {
  border-color: #243B74;
  color: #243B74;
}
.accordion-box .accordion-box__btn--outline.accordion-box__btn--color-5 {
  border-color: #2D58BA;
  color: #2D58BA;
}
.accordion-box .accordion-box__btn--outline.accordion-box__btn--color-8 {
  border-color: #FFDD00;
  color: #243B74;
}
.accordion-box .accordion-box__btn:hover, .accordion-box .accordion-box__btn:focus-visible {
  opacity: 0.92;
}
/*
 * LSCE info_box (Informationsbox): Raster 2|8|2, Tablet 1|10|1, Mobil volle Breite ohne zusaetzlichen Seitenabstand.
 * Zwei-Spalten-Layout: links div fuer Icon/Logo, rechts div mit Headline, Lead und Fliesstext.
 * Icons Gluehbirne/Info: SVG unter files/merconisfiles/usercontent/images/icons (wie Namerightarrow.svg).
 */
.info-box {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .info-box, [class*="layout-sidebar"] #left .info-box, [class*="layout-sidebar"] #right .info-box {
  max-width: 100%;
}
.info-box .info-box__inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  margin-left: 16.6666666667%;
}
@media (max-width: 1299.98px) {
  .info-box .info-box__inner {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
    margin-left: 8.3333333333%;
  }
}
@media (max-width: 999.98px) {
  .info-box .info-box__inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.info-box .info-box__panel {
  border-radius: 0.8rem;
  border-style: solid;
  border-width: 0.1rem;
  padding: 6rem;
}
@media (max-width: 999.98px) {
  .info-box .info-box__panel {
    margin-left: 0;
    margin-right: 0;
    padding: 4rem;
  }
}
.info-box--variant-yellow9 .info-box__panel {
  background-color: #FEF7DA;
  border-color: #F6C64E;
}
.info-box--variant-white .info-box__panel {
  background-color: #FFFFFF;
  border-color: #D1D6E2;
}
.info-box--variant-color7 .info-box__panel {
  background-color: #8F90A2;
  border-color: #575973;
}
.info-box .info-box__layout {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 2rem;
}
@media (max-width: 999.98px) {
  .info-box .info-box__layout {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2rem;
  }
}
.info-box .info-box__layout--no-symbol .info-box__text-col {
  flex: 1 1 100%;
  max-width: 100%;
}
.info-box .info-box__symbol-col {
  flex-shrink: 0;
}
@media (max-width: 999.98px) {
  .info-box .info-box__symbol-col {
    width: 100%;
  }
}
.info-box .info-box__visual {
  display: block;
}
.info-box .info-box__visual--icon {
  display: inline-block;
  flex-shrink: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.info-box .info-box__visual--icon-bulb {
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namelightbulb.svg");
}
.info-box .info-box__visual--icon-info {
  background-image: url("/files/merconisfiles/usercontent/images/icons/Nameinfo.svg");
}
.info-box .info-box__visual--logo {
  display: block;
  max-width: 4.8rem;
}
.info-box .info-box__visual--logo picture, .info-box .info-box__visual--logo img {
  display: block;
  width: 100%;
  height: auto;
}
.info-box .info-box__text-col {
  flex: 1 1 auto;
  min-width: 0;
}
.info-box .info-box__text-col h2.info-box__headline, .info-box .info-box__text-col h3.info-box__headline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #243B74;
}
@media screen and (max-width: 1099px) {
  .info-box .info-box__text-col h2.info-box__headline, .info-box .info-box__text-col h3.info-box__headline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .info-box .info-box__text-col h2.info-box__headline, .info-box .info-box__text-col h3.info-box__headline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .info-box .info-box__text-col h2.info-box__headline, .info-box .info-box__text-col h3.info-box__headline {
    font-size: 1.48rem;
  }
}
.info-box .info-box__text-col .info-box__lead {
  font-size: 1.8rem;
  margin: 0 0 1rem;
  color: #243B74;
}
@media screen and (max-width: 799px) {
  .info-box .info-box__text-col .info-box__lead {
    font-size: 1.62rem;
  }
}
@media screen and (max-width: 499px) {
  .info-box .info-box__text-col .info-box__lead {
    font-size: 1.53rem;
  }
}
.info-box .info-box__text-col .info-box__body {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.info-box .info-box__text-col .info-box__body p {
  margin: 0 0 1rem;
}
.info-box .info-box__text-col .info-box__body p:last-child {
  margin-bottom: 0;
}
/*
 * Intro und Kachelraster (RSCE intro_tile_grid)
 * Optik 1–4, 6: Spalten über make-row / make-col / make-col-offset, Kacheln innen per Grid/Flex.
 */
.intro-tile-grid {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*
   * DOM: Intro vor Kacheln (Überschriften-Reihenfolge).
   * intro-leading: Intro links; intro-trailing: Intro rechts (Kacheln links).
   */
  /*
   * Kachel- und Intro-Fliesstext: wie .ce_text in _custom.scss (Listen eingerückt,
   * Markierung outside).
   */
  /* --- Optik 1 --- */
  /* --- Optik 2 --- */
  /* --- Optik 3 --- */
  /* --- Optik 4 --- */
  /*
   * Optik 5: 1 frei + Kacheln 7 + Intro 3 + 1 frei (bzw. gespiegelt 1 + 3 + 7 + 1).
   * Offset liegt auf dem visuell linken Element, daher je nach intro-leading/intro-trailing.
   */
  /*
   * Optik 5b: wie Optik 5, aber Kacheln buendig am aeusseren Wrapper-Rand.
   * Offset liegt nicht am aeusseren Rand, sondern zwischen Kacheln und Intro.
   * intro-trailing: 8 (tiles) + 1 (gap) + 3 (intro) = 12 -- Kacheln buendig links.
   * intro-leading:  3 (intro) + 1 (gap) + 8 (tiles) = 12 -- Kacheln buendig rechts.
   */
  /*
   * Optik 6: Intro gestapelt oben (Desktop 6 / Tablet 8 / Mobil 12).
   * Kacheln darunter ueber volle 12 Spalten.
   * Desktop-Zyklus (6er): 4/5/3 + 3/5/4.
   * Tablet-Zyklus (4er): 5/7 + 7/5.
   * Mobil: 1 Kachel pro Zeile.
   */
  /* --- Kachel-Inhalt --- */
  /*
   * Platzhalter oben: Inhalt + Link bleiben unten buendig, ohne Leerraum *in* tile-main
   * zwischen Fliesstext und Link (flex-grow auf tile-main wuerde genau das erzeugen).
   */
  /*
   * Kachel-Überschrift (Tag h3 oder h4): bewusst kleiner als die
   * Intro-Überschrift, daher unabhängig vom gewählten Tag in h5-Größe.
   */
  /*
   * Standard: Bild + blauer Overlay sichtbar, Text weiss.
   * Hover/Focus: Bild ausblenden, weisser Hintergrund, Standardfarben.
   */
  /*
   * Optik 1: tile-inner fuellt die Grid-Zelle (Platzhalter ::before sorgt unten fuer Layout).
   */
  /* Kachelform: quadratisch */
}
[class*="layout-sidebar"] #main .intro-tile-grid, [class*="layout-sidebar"] #left .intro-tile-grid, [class*="layout-sidebar"] #right .intro-tile-grid {
  max-width: 100%;
}
.intro-tile-grid .intro-tile-grid__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  align-items: stretch;
}
.intro-tile-grid .intro-tile-grid__intro {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.intro-tile-grid .intro-tile-grid__tiles {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.intro-tile-grid .intro-tile-grid__tiles-inner {
  width: 100%;
}
.intro-tile-grid.intro-leading .intro-tile-grid__intro {
  order: 1;
}
.intro-tile-grid.intro-leading .intro-tile-grid__tiles {
  order: 2;
}
.intro-tile-grid.intro-trailing .intro-tile-grid__tiles {
  order: 1;
}
.intro-tile-grid.intro-trailing .intro-tile-grid__intro {
  order: 2;
}
.intro-tile-grid .intro-tile-grid__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2rem;
  color: #2D58BA;
}
.intro-tile-grid .intro-tile-grid__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
}
.intro-tile-grid .intro-tile-grid__headline {
  margin: 0 0 1rem;
  color: #243B74;
}
.intro-tile-grid h3.intro-tile-grid__headline {
  font-size: 2.6rem;
}
@media screen and (max-width: 1099px) {
  .intro-tile-grid h3.intro-tile-grid__headline {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  .intro-tile-grid h3.intro-tile-grid__headline {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  .intro-tile-grid h3.intro-tile-grid__headline {
    font-size: 1.924rem;
  }
}
.intro-tile-grid .intro-tile-grid__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  color: #2D58BA;
}
@media screen and (max-width: 1099px) {
  .intro-tile-grid .intro-tile-grid__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .intro-tile-grid .intro-tile-grid__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .intro-tile-grid .intro-tile-grid__subline {
    font-size: 1.48rem;
  }
}
.intro-tile-grid .intro-tile-grid__body {
  font-size: 1.8rem;
  margin-bottom: 0;
}
.intro-tile-grid .intro-tile-grid__body ul, .intro-tile-grid .intro-tile-grid__body ol, .intro-tile-grid .intro-tile-grid__tile-text ul, .intro-tile-grid .intro-tile-grid__tile-text ol {
  margin: 0.75rem 0 0;
}
.intro-tile-grid .intro-tile-grid__body ul, .intro-tile-grid .intro-tile-grid__tile-text ul {
  padding-left: 1.25em;
  list-style-type: disc;
  list-style-position: outside;
}
.intro-tile-grid .intro-tile-grid__body ol, .intro-tile-grid .intro-tile-grid__tile-text ol {
  padding-left: 1.5em;
  list-style-type: decimal;
  list-style-position: outside;
}
.intro-tile-grid .intro-tile-grid__body ul > li, .intro-tile-grid .intro-tile-grid__body ol > li, .intro-tile-grid .intro-tile-grid__tile-text ul > li, .intro-tile-grid .intro-tile-grid__tile-text ol > li {
  margin: 0 0 0.4em;
}
.intro-tile-grid .intro-tile-grid__body ul > li:last-child, .intro-tile-grid .intro-tile-grid__body ol > li:last-child, .intro-tile-grid .intro-tile-grid__tile-text ul > li:last-child, .intro-tile-grid .intro-tile-grid__tile-text ol > li:last-child {
  margin-bottom: 0;
}
.intro-tile-grid .intro-tile-grid__body > ul:first-child, .intro-tile-grid .intro-tile-grid__body > ol:first-child, .intro-tile-grid .intro-tile-grid__tile-text > ul:first-child, .intro-tile-grid .intro-tile-grid__tile-text > ol:first-child {
  margin-top: 0;
}
.intro-tile-grid .intro-tile-grid__body ul ul, .intro-tile-grid .intro-tile-grid__body ol ol, .intro-tile-grid .intro-tile-grid__body ul ol, .intro-tile-grid .intro-tile-grid__body ol ul, .intro-tile-grid .intro-tile-grid__tile-text ul ul, .intro-tile-grid .intro-tile-grid__tile-text ol ol, .intro-tile-grid .intro-tile-grid__tile-text ul ol, .intro-tile-grid .intro-tile-grid__tile-text ol ul {
  margin: 0.35em 0 0;
}
.intro-tile-grid .intro-tile-grid__link-wrap {
  margin: 1.25rem 0 0;
}
.intro-tile-grid .intro-tile-grid__link {
  display: inline-block;
  color: #2D58BA;
  text-decoration: underline;
}
.intro-tile-grid .intro-tile-grid__logo {
  margin-bottom: 6rem;
}
.intro-tile-grid .intro-tile-grid__logo img {
  max-width: 100%;
  height: auto;
}
.intro-tile-grid--optik_1 {
  /*
     * Jeweils 4 Kacheln: Zeile 1 = breit+schmal (4+3), Zeile 2 = schmal+breit (3+4 wie 2 und 1).
     */
}
.intro-tile-grid--optik_1 .intro-tile-grid__tiles {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_1 .intro-tile-grid__intro {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tiles-inner {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  margin-left: 0;
  margin-right: 0;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile {
  align-self: stretch;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile:nth-child(4n + 1) {
  grid-column: 1 / 5;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile:nth-child(4n + 2) {
  grid-column: 5 / 8;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile:nth-child(4n + 3) {
  grid-column: 1 / 4;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile:nth-child(4n + 4) {
  grid-column: 4 / 8;
}
@media (max-width: 1299.98px) {
  .intro-tile-grid--optik_1 {
    /* Intro zwingend oben -- ueberschreibt die globale intro-trailing-Reihenfolge (gleiche Spezifitaet wie 0,3,0). */
  }
  .intro-tile-grid--optik_1 .intro-tile-grid__row {
    flex-direction: column;
  }
  .intro-tile-grid--optik_1 .intro-tile-grid__intro {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
    margin-left: 0;
  }
  .intro-tile-grid--optik_1 .intro-tile-grid__tiles {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .intro-tile-grid--optik_1.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_1.intro-trailing .intro-tile-grid__intro {
    order: 1;
  }
  .intro-tile-grid--optik_1.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_1.intro-trailing .intro-tile-grid__tiles {
    order: 2;
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_1 .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_1 .intro-tile-grid__tiles-inner {
    grid-template-columns: 1fr;
  }
  .intro-tile-grid--optik_1 .intro-tile-grid__tile:nth-child(n) {
    grid-column: span 1;
  }
}
.intro-tile-grid--optik_2 .intro-tile-grid__tiles-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.intro-tile-grid--optik_2 .intro-tile-grid__intro {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_2 .intro-tile-grid__tiles {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_2 .intro-tile-grid__tile {
  flex: 0 0 calc(33.333333% - 1.5rem);
  max-width: calc(33.333333% - 1.5rem);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1299.98px) {
  .intro-tile-grid--optik_2 {
    /* Intro zwingend oben -- ueberschreibt die globale intro-trailing-Reihenfolge (gleiche Spezifitaet wie 0,3,0). */
  }
  .intro-tile-grid--optik_2 .intro-tile-grid__row {
    flex-direction: column;
  }
  .intro-tile-grid--optik_2 .intro-tile-grid__intro {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .intro-tile-grid--optik_2 .intro-tile-grid__tiles {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_2.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_2.intro-trailing .intro-tile-grid__intro {
    order: 1;
  }
  .intro-tile-grid--optik_2.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_2.intro-trailing .intro-tile-grid__tiles {
    order: 2;
  }
  .intro-tile-grid--optik_2 .intro-tile-grid__tile {
    flex: 0 0 calc(33.333333% - 1.5rem);
    max-width: calc(33.333333% - 1.5rem);
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_2 .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_2 .intro-tile-grid__tile {
    flex: 0 0 calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
}
@media (max-width: 699.98px) {
  .intro-tile-grid--optik_2 .intro-tile-grid__tile {
    flex: 0 0 calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
  }
}
.intro-tile-grid--optik_3 .intro-tile-grid__tiles-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.intro-tile-grid--optik_3 .intro-tile-grid__intro {
  flex: 0 0 25%;
  max-width: 25%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_3 .intro-tile-grid__tiles {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_3 .intro-tile-grid__tile {
  flex: 0 0 calc(33.333333% - 1.5rem);
  max-width: calc(33.333333% - 1.5rem);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1399.98px) {
  .intro-tile-grid--optik_3 {
    /* Intro zwingend oben -- ueberschreibt die globale intro-trailing-Reihenfolge (gleiche Spezifitaet wie 0,3,0). */
  }
  .intro-tile-grid--optik_3 .intro-tile-grid__row {
    flex-direction: column;
  }
  .intro-tile-grid--optik_3 .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .intro-tile-grid--optik_3 .intro-tile-grid__tiles {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
  .intro-tile-grid--optik_3.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_3.intro-trailing .intro-tile-grid__intro {
    order: 1;
  }
  .intro-tile-grid--optik_3.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_3.intro-trailing .intro-tile-grid__tiles {
    order: 2;
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_3 .intro-tile-grid__tile {
    flex: 0 0 calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
}
@media (max-width: 699.98px) {
  .intro-tile-grid--optik_3 .intro-tile-grid__tile {
    flex: 0 0 calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
  }
}
.intro-tile-grid--optik_4 {
  /* Intro immer oben, unabhaengig von introVisualOrder (ueberschreibt globale order-Regel). */
}
.intro-tile-grid--optik_4 .intro-tile-grid__row {
  flex-direction: column;
}
.intro-tile-grid--optik_4.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_4.intro-trailing .intro-tile-grid__intro {
  order: 1;
}
.intro-tile-grid--optik_4.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_4.intro-trailing .intro-tile-grid__tiles {
  order: 2;
}
.intro-tile-grid--optik_4 .intro-tile-grid__tiles-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.intro-tile-grid--optik_4 .intro-tile-grid__intro {
  flex: 0 0 100%;
  max-width: 100%;
  flex-shrink: 0;
  text-align: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.intro-tile-grid--optik_4 .intro-tile-grid__tiles {
  flex: 0 0 100%;
  max-width: 100%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_4 .intro-tile-grid__tile {
  flex: 0 0 calc(33.333333% - 1.5rem);
  max-width: calc(33.333333% - 1.5rem);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_4 .intro-tile-grid__tile {
    flex: 0 0 calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
  }
}
@media (max-width: 699.98px) {
  .intro-tile-grid--optik_4 .intro-tile-grid__tile {
    flex: 0 0 calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
  }
}
.intro-tile-grid--optik_5 {
  /* Tablet: Intro 8 oben, Kacheln volle 12 Spalten, weiterhin 2 pro Zeile (je ~6 Spalten) */
  /* Mobil: Intro 12, Kacheln einspaltig (je 12 Spalten) */
}
.intro-tile-grid--optik_5 .intro-tile-grid__intro {
  flex: 0 0 25%;
  max-width: 25%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_5 .intro-tile-grid__tiles {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_5.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_5.intro-trailing .intro-tile-grid__tiles {
  margin-left: 8.3333333333%;
}
.intro-tile-grid--optik_5 .intro-tile-grid__tiles-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.intro-tile-grid--optik_5 .intro-tile-grid__tile {
  flex: 0 0 calc(50% - 1.5rem);
  max-width: calc(50% - 1.5rem);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1299.98px) {
  .intro-tile-grid--optik_5 {
    /* Intro zwingend oben & Desktop-Offset zuruecksetzen (gleiche Spezifitaet wie die globalen Regeln, 0,3,0). */
  }
  .intro-tile-grid--optik_5 .intro-tile-grid__row {
    flex-direction: column;
  }
  .intro-tile-grid--optik_5 .intro-tile-grid__intro {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .intro-tile-grid--optik_5 .intro-tile-grid__tiles {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_5.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_5.intro-trailing .intro-tile-grid__intro {
    order: 1;
  }
  .intro-tile-grid--optik_5.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_5.intro-trailing .intro-tile-grid__tiles {
    order: 2;
  }
  .intro-tile-grid--optik_5.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_5.intro-trailing .intro-tile-grid__tiles {
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_5 .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_5 .intro-tile-grid__tile {
    flex: 0 0 calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
  }
}
.intro-tile-grid--optik_5b {
  /* Kacheln buendig am aeusseren Wrapper-Rand: Column-Padding an der Aussenkante entfernen. */
  /* Tablet: Intro 8 oben, Kacheln volle 12 Spalten, weiterhin 2 pro Zeile */
  /* Mobil: Intro 12, Kacheln einspaltig */
}
.intro-tile-grid--optik_5b .intro-tile-grid__intro {
  flex: 0 0 25%;
  max-width: 25%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_5b .intro-tile-grid__tiles {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__intro {
  margin-left: 8.3333333333%;
}
.intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__tiles {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__tiles {
  padding-left: 0;
}
.intro-tile-grid--optik_5b .intro-tile-grid__tiles-inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.intro-tile-grid--optik_5b .intro-tile-grid__tile {
  flex: 0 0 calc(50% - 1.5rem);
  max-width: calc(50% - 1.5rem);
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 1299.98px) {
  .intro-tile-grid--optik_5b {
    /* Desktop-Padding-Reset: im gestapelten Layout beidseitig zuruecksetzen. */
    /* Intro zwingend oben & Desktop-Offset zuruecksetzen */
  }
  .intro-tile-grid--optik_5b .intro-tile-grid__row {
    flex-direction: column;
  }
  .intro-tile-grid--optik_5b .intro-tile-grid__intro {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
    margin-bottom: 1rem;
  }
  .intro-tile-grid--optik_5b .intro-tile-grid__tiles {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__tiles {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__intro {
    order: 1;
  }
  .intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__tiles {
    order: 2;
  }
  .intro-tile-grid--optik_5b.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_5b.intro-trailing .intro-tile-grid__intro {
    margin-left: 0;
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_5b .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_5b .intro-tile-grid__tile {
    flex: 0 0 calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
  }
}
.intro-tile-grid--optik_6 {
  /* Intro immer oben, unabhaengig von introVisualOrder (ueberschreibt globale order-Regel). */
  /* Tablet: Intro 8 Spalten; Kacheln in 2er-Zeilen 5/7 und 7/5 */
  /* Mobil: Intro 12, Kacheln einspaltig */
}
.intro-tile-grid--optik_6 .intro-tile-grid__row {
  flex-direction: column;
}
.intro-tile-grid--optik_6.intro-leading .intro-tile-grid__intro, .intro-tile-grid--optik_6.intro-trailing .intro-tile-grid__intro {
  order: 1;
}
.intro-tile-grid--optik_6.intro-leading .intro-tile-grid__tiles, .intro-tile-grid--optik_6.intro-trailing .intro-tile-grid__tiles {
  order: 2;
}
.intro-tile-grid--optik_6 .intro-tile-grid__intro {
  flex: 0 0 50%;
  max-width: 50%;
  flex-shrink: 0;
  margin-bottom: 6rem;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tiles {
  flex: 0 0 100%;
  max-width: 100%;
  flex-shrink: 0;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tiles-inner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  width: 100%;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile {
  align-self: stretch;
  min-width: 0;
  min-height: 0;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 1) {
  grid-column: 1 / 5;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 2) {
  grid-column: 5 / 10;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 3) {
  grid-column: 10 / 13;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 4) {
  grid-column: 1 / 4;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 5) {
  grid-column: 4 / 9;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(6n + 6) {
  grid-column: 9 / 13;
}
@media (max-width: 1299.98px) {
  .intro-tile-grid--optik_6 .intro-tile-grid__intro {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(4n + 1) {
    grid-column: 1 / 6;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(4n + 2) {
    grid-column: 6 / 13;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(4n + 3) {
    grid-column: 1 / 8;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(4n + 4) {
    grid-column: 8 / 13;
  }
}
@media (max-width: 999.98px) {
  .intro-tile-grid--optik_6 .intro-tile-grid__intro {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tiles-inner {
    grid-template-columns: 1fr;
  }
  .intro-tile-grid--optik_6 .intro-tile-grid__tile:nth-child(n) {
    grid-column: 1 / -1;
  }
}
.intro-tile-grid .intro-tile-grid__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 2.5rem;
  padding-top: 8rem;
  background-color: #FFFFFF;
  overflow: hidden;
}
.intro-tile-grid .intro-tile-grid__tile-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--intro-tile-grid-hover-image, none);
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.intro-tile-grid .intro-tile-grid__tile-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #243B74;
  opacity: 0.82;
}
.intro-tile-grid .intro-tile-grid__tile-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}
.intro-tile-grid .intro-tile-grid__tile-inner::before {
  content: "";
  flex: 1 1 auto;
  min-height: 0;
}
.intro-tile-grid .intro-tile-grid__tile-main {
  flex-grow: 0;
}
.intro-tile-grid .intro-tile-grid__tile-footer {
  margin-top: 0;
  padding-top: 1.5rem;
}
.intro-tile-grid .intro-tile-grid__tile--number-color-accent .intro-tile-grid__tile-number--text {
  color: #FFDD00;
}
.intro-tile-grid .intro-tile-grid__tile--number-color-text .intro-tile-grid__tile-number--text {
  color: #243B74;
}
.intro-tile-grid .intro-tile-grid__tile-number {
  margin: 0 0 0.75rem;
  font-weight: bold;
  line-height: 1.1;
}
.intro-tile-grid .intro-tile-grid__tile-number--text {
  font-size: 2.6rem;
  margin: 0 0 1.5rem;
}
@media screen and (max-width: 1099px) {
  .intro-tile-grid .intro-tile-grid__tile-number--text {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  .intro-tile-grid .intro-tile-grid__tile-number--text {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  .intro-tile-grid .intro-tile-grid__tile-number--text {
    font-size: 1.924rem;
  }
}
.intro-tile-grid .intro-tile-grid__tile-number--icon img {
  display: block;
  max-height: 3rem;
  width: auto;
}
.intro-tile-grid .intro-tile-grid__tile-eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  color: #2D58BA;
}
.intro-tile-grid .intro-tile-grid__tile-headline {
  margin: 0 0 0.75rem;
  color: #243B74;
  text-transform: uppercase;
  font-size: 2rem;
  hyphens: auto;
}
@media screen and (max-width: 1099px) {
  .intro-tile-grid .intro-tile-grid__tile-headline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .intro-tile-grid .intro-tile-grid__tile-headline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .intro-tile-grid .intro-tile-grid__tile-headline {
    font-size: 1.48rem;
  }
}
.intro-tile-grid .intro-tile-grid__tile-text {
  margin-bottom: 0.75rem;
  word-break: break-word;
  hyphens: auto;
}
.intro-tile-grid .intro-tile-grid__tile-link, .intro-tile-grid .intro-tile-grid__tile-button {
  display: inline-block;
  margin-top: 0.35rem;
  margin-right: 0.75rem;
}
.intro-tile-grid .intro-tile-grid__tile-link {
  color: #2D58BA;
  text-decoration: underline;
}
.intro-tile-grid .intro-tile-grid__tile-button {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.intro-tile-grid .intro-tile-grid__tile-button:hover {
  background: #F3F5F8;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-bg {
  opacity: 1;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image {
  color: #FFFFFF;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-headline, .intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-text, .intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-eyebrow, .intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-link {
  color: #FFFFFF;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image .intro-tile-grid__tile-number--text {
  color: #FFDD00;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover .intro-tile-grid__tile-bg, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within .intro-tile-grid__tile-bg {
  opacity: 0;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within {
  color: inherit;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover .intro-tile-grid__tile-headline, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within .intro-tile-grid__tile-headline {
  color: #243B74;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover .intro-tile-grid__tile-eyebrow, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within .intro-tile-grid__tile-eyebrow {
  color: #2D58BA;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover .intro-tile-grid__tile-text, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within .intro-tile-grid__tile-text {
  color: inherit;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover .intro-tile-grid__tile-link, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within .intro-tile-grid__tile-link {
  color: #2D58BA;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover.intro-tile-grid__tile--number-color-accent .intro-tile-grid__tile-number--text, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within.intro-tile-grid__tile--number-color-accent .intro-tile-grid__tile-number--text {
  color: #FFDD00;
}
.intro-tile-grid .intro-tile-grid__tile--has-hover-image:hover.intro-tile-grid__tile--number-color-text .intro-tile-grid__tile-number--text, .intro-tile-grid .intro-tile-grid__tile--has-hover-image:focus-within.intro-tile-grid__tile--number-color-text .intro-tile-grid__tile-number--text {
  color: #243B74;
}
.intro-tile-grid .intro-tile-grid__tile-stretched-link {
  position: absolute;
  inset: 0;
  z-index: 2;
  text-decoration: none;
}
.intro-tile-grid--optik_1 .intro-tile-grid__tile-inner {
  flex: 1 1 auto;
  min-height: 0;
}
.intro-tile-grid--optik_6 .intro-tile-grid__tile-inner {
  flex: 1 1 auto;
  min-height: 0;
}
.intro-tile-grid--tile-shape-square .intro-tile-grid__tile {
  aspect-ratio: 1;
  height: auto;
  align-self: start;
  padding-top: 2.5rem;
  overflow: hidden;
}
.intro-tile-grid--tile-shape-square .intro-tile-grid__tile-inner {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
/*
 * LSCE icon_benefit_strip:
 * - Marquee auf allen Breakpoints (Desktop, Tablet, Mobil) als ruhiges,
 *   langsam laufendes Vorteile-Band.
 * - Pause-on-Hover, Pause-on-Focus, sichtbarer Pause/Play-Button (WCAG 2.2.2),
 *   Pause sobald der Strip den Viewport verlaesst.
 * - prefers-reduced-motion: reduce schaltet die Animation aus und zeigt ein
 *   ruhiges Wrap-Grid; Klone werden dann ausgeblendet.
 * - Ohne JavaScript bleibt der Track horizontal scrollbar (Fallback ohne Klone).
 * - Vollflaechiger dunkler Hintergrund: am Artikel (mod_article) setzen;
 *   hier ls_contentWrapper.
 */
.icon-benefit-strip {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*
   * Pause-Button: standardmaessig unsichtbar; wird erst sichtbar, sobald
   * der Marquee per JS bereit ist.
   */
  /*
   * Marquee aktiv (JS hat Klone eingefuegt und Klasse gesetzt):
   * Scrollbar verbergen, Animation starten, weiche Edge-Fades anwenden.
   */
  /*
   * Accessibility: Nutzer mit reduzierter Bewegung bekommen kein Laufband,
   * sondern ein ruhiges Wrap-Grid; Klone und Pause-Button werden ausgeblendet.
   */
}
[class*="layout-sidebar"] #main .icon-benefit-strip, [class*="layout-sidebar"] #left .icon-benefit-strip, [class*="layout-sidebar"] #right .icon-benefit-strip {
  max-width: 100%;
}
.icon-benefit-strip .icon-benefit-strip__viewport {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  /*
     * Fallback ohne JS: horizontal scrollbar mit Snap-Punkten.
     * Sobald JS .is-marquee-ready setzt, wird overflow verborgen und die
     * Animation uebernimmt.
     */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.icon-benefit-strip .icon-benefit-strip__row {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  margin: 0;
  padding: 0 1.5rem;
  list-style: none;
  gap: clamp(3rem, 6vw, 6rem);
  align-items: flex-start;
}
.icon-benefit-strip .icon-benefit-strip__item {
  flex: 0 0 auto;
  width: auto;
  min-width: 16rem;
  max-width: 24rem;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-align: left;
  hyphens: auto;
  scroll-snap-align: start;
}
.icon-benefit-strip .icon-benefit-strip__icon-wrap {
  display: flex;
  justify-content: flex-start;
  /* Kompakter Abstand Icon-Text: maximal 1rem, sonst halbes Grid-Gutter (Gutter-basiert). */
  margin-bottom: 1rem;
}
.icon-benefit-strip .icon-benefit-strip__icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 3.6rem;
  height: 3.6rem;
  color: #FFFFFF;
}
.icon-benefit-strip .icon-benefit-strip__icon--image picture, .icon-benefit-strip .icon-benefit-strip__icon--image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.icon-benefit-strip .icon-benefit-strip__svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}
.icon-benefit-strip .icon-benefit-strip__text {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0;
  margin-bottom: 0;
  color: #FFFFFF;
  /* line-height: 0 verhindert, dass hoch-/tiefgestellte Zeichen die Zeile aufreißen. */
}
@media screen and (max-width: 799px) {
  .icon-benefit-strip .icon-benefit-strip__text {
    font-size: 1.62rem;
  }
}
@media screen and (max-width: 499px) {
  .icon-benefit-strip .icon-benefit-strip__text {
    font-size: 1.53rem;
  }
}
.icon-benefit-strip .icon-benefit-strip__text sup {
  top: 0;
  line-height: 0;
  vertical-align: super;
  font-weight: inherit;
  color: inherit;
}
.icon-benefit-strip .icon-benefit-strip__text sub {
  bottom: 0;
  line-height: 0;
  vertical-align: sub;
  font-weight: inherit;
  color: inherit;
}
.icon-benefit-strip .icon-benefit-strip__pause {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.icon-benefit-strip .icon-benefit-strip__pause svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.icon-benefit-strip .icon-benefit-strip__pause:hover, .icon-benefit-strip .icon-benefit-strip__pause:focus-visible {
  background: rgba(0, 0, 0, 0.5);
  border-color: #FFFFFF;
}
.icon-benefit-strip .icon-benefit-strip__pause:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.icon-benefit-strip .icon-benefit-strip__pause-icon--play {
  display: none;
}
.icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready {
  overflow: hidden;
  scroll-snap-type: none;
  mask-image: linear-gradient(to right, transparent 0, #000000 clamp(2rem, 4vw, 4rem), #000000 calc(100% - clamp(2rem, 4vw, 4rem)), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000000 clamp(2rem, 4vw, 4rem), #000000 calc(100% - clamp(2rem, 4vw, 4rem)), transparent 100%);
  /*
     * Pause-Zustaende: Hover, Tastaturfokus im Track, Out-of-Viewport
     * und expliziter Klick auf den Pause-Button.
     */
}
.icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready .icon-benefit-strip__row {
  padding-left: 0;
  padding-right: 0;
  animation: icon-benefit-strip-scroll 80s linear infinite;
  will-change: transform;
}
.icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready:hover .icon-benefit-strip__row, .icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready:focus-within .icon-benefit-strip__row, .icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready:not(.is-in-view) .icon-benefit-strip__row, .icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready[data-marquee-paused="true"] .icon-benefit-strip__row {
  animation-play-state: paused;
}
.icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready .icon-benefit-strip__pause {
  display: inline-flex;
}
.icon-benefit-strip .icon-benefit-strip__viewport[data-marquee-paused="true"] .icon-benefit-strip__pause-icon--pause {
  display: none;
}
.icon-benefit-strip .icon-benefit-strip__viewport[data-marquee-paused="true"] .icon-benefit-strip__pause-icon--play {
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  .icon-benefit-strip .icon-benefit-strip__viewport, .icon-benefit-strip .icon-benefit-strip__viewport.is-marquee-ready {
    overflow: visible;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .icon-benefit-strip .icon-benefit-strip__row {
    flex-wrap: wrap;
    width: auto;
    animation: none !important;
    padding-left: 0;
    padding-right: 0;
    gap: 3rem;
  }
  .icon-benefit-strip .icon-benefit-strip__item {
    flex: 0 0 calc(33.333333% - 3rem);
    max-width: calc(33.333333% - 3rem);
    width: auto;
    min-width: 0;
  }
  .icon-benefit-strip .icon-benefit-strip__item--clone {
    display: none;
  }
  .icon-benefit-strip .icon-benefit-strip__pause {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 999.98px) {
  .icon-benefit-strip .icon-benefit-strip__item {
    flex: 0 0 calc(50% - 3rem);
    max-width: calc(50% - 3rem);
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 599.98px) {
  .icon-benefit-strip .icon-benefit-strip__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*
 * Hochgeladene SVG-Icons als <img>: color greift nicht.
 * Auf dunkelblauem Artikel-Hintergrund (bg-color-3) zu Weiss umfaerben.
 */
.mod_article.bg-color-3 .icon-benefit-strip .icon-benefit-strip__icon--image picture, .mod_article.bg-color-3 .icon-benefit-strip .icon-benefit-strip__icon--image img {
  filter: brightness(0) invert(1);
}
@keyframes icon-benefit-strip-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    /*
     * -50%, weil der Track im JS verdoppelt wurde: nach der Haelfte der
     * Strecke beginnt visuell wieder der gleiche Abschnitt, also nahtlos.
     */
    transform: translate3d(-50%, 0, 0);
  }
}
/*
 * LSCE key_figures_strip:
 * Kennzahlen-Leiste mit zwei Darstellungsvarianten, umschaltbar im Backend:
 *
 *  - .key-figures-strip--marquee
 *    Endlos-Laufband mit Pause-on-Hover, Pause-Button (WCAG 2.2.2),
 *    Pause bei Out-of-Viewport. Ohne JS horizontal scrollbar.
 *    prefers-reduced-motion: reduce => ruhiges Wrap-Grid.
 *
 *  - .key-figures-strip--counter-grid
 *    Statisches Raster mit hochzaehlenden Zahlen (CountUp via
 *    IntersectionObserver). Desktop 4 Spalten, Tablet 2 Spalten, Mobil
 *    gestapelt. Auf Mobil H2-Stufe statt H1, um Hoehenbedarf zu reduzieren.
 *
 * Gemeinsam: Typografie (H1-gelb / Body-small-weiss), Trennlinien per
 * border-left an JEDEM Item (fuer Marquee-Loop noetig, im Grid unauffaellig).
 */
.key-figures-strip {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /*
   * Farbe der Trennlinien: dunkles Projekt-Blau. Bei dunklem Hintergrund ist
   * die Wirkung subtil; fuer mehr Kontrast auf $ls-color-5 oder
   * rgba($ls-color-white, 0.15) umstellen.
   */
  /*
   * Eigener Kasten-Hintergrund (z. B. .bg-color-3) am Root:
   *
   * Die Klasse .bg-color-* setzt background-color am Root. Ohne weiteres
   * Zutun reicht dieser Hintergrund aber nur bis zur Content-Wrapper-Kante
   * (die Box hat max-width). Gewuenscht ist jedoch ein Full-Bleed: der
   * farbige Streifen soll bis an die Viewport-Raender reichen, der Inhalt
   * aber weiterhin in Content-Breite bleiben.
   *
   * Loesung: Ein absolut positioniertes ::before-Pseudoelement wird auf
   * 100vw aufgezogen und mittig unter dem Root verankert. Es erbt per
   * background-color: inherit die am Root gesetzte Farbe der bg-color-*
   * Klasse, liegt per z-index: -1 hinter dem Content, wird aber vom
   * eigenen Stacking-Context (isolation: isolate) zuverlaessig
   * eingefangen und rutscht nicht hinter die Seite.
   *
   * Hinweis: Falls auf einer Seite horizontale Scrollbars auftauchen,
   * liegt das an Scrollbar-Breiten-Rundungen in 100vw. Loesungsweg dann:
   * overflow-x: clip am Body oder Main-Container des Themes setzen.
   */
  /* ---------------------------------------------------------------
   * Variante 1: Marquee
   * --------------------------------------------------------------- */
  /* ---------------------------------------------------------------
   * Variante 2: Counter-Grid
   * --------------------------------------------------------------- */
}
[class*="layout-sidebar"] #main .key-figures-strip, [class*="layout-sidebar"] #left .key-figures-strip, [class*="layout-sidebar"] #right .key-figures-strip {
  max-width: 100%;
}
.key-figures-strip .key-figures-strip__viewport {
  position: relative;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.key-figures-strip.key-figures-strip--has-background {
  position: relative;
  isolation: isolate;
}
.key-figures-strip.key-figures-strip--has-background::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  background-color: inherit;
  z-index: -1;
}
.key-figures-strip.key-figures-strip--has-background .key-figures-strip__viewport {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  padding-left: clamp(1.5rem, 3vw, 3rem);
  padding-right: clamp(1.5rem, 3vw, 3rem);
}
.key-figures-strip .key-figures-strip__row {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.key-figures-strip .key-figures-strip__item {
  box-sizing: border-box;
  text-align: left;
  border-left: 1px solid #162346;
}
.key-figures-strip .key-figures-strip__value {
  font-size: 4.6rem;
  line-height: 1.15;
  color: #FFDD00;
  margin: 0;
  margin-bottom: 0.5rem;
  hyphens: none;
}
@media screen and (max-width: 1099px) {
  .key-figures-strip .key-figures-strip__value {
    font-size: 4.14rem;
  }
}
@media screen and (max-width: 799px) {
  .key-figures-strip .key-figures-strip__value {
    font-size: 3.772rem;
  }
}
@media screen and (max-width: 499px) {
  .key-figures-strip .key-figures-strip__value {
    font-size: 3.404rem;
  }
}
.key-figures-strip .key-figures-strip__number, .key-figures-strip .key-figures-strip__unit {
  display: inline;
}
.key-figures-strip .key-figures-strip__label {
  font-size: 1.4rem;
  line-height: 1.5;
  color: #FFFFFF;
  margin: 0;
  hyphens: auto;
}
.key-figures-strip.key-figures-strip--marquee {
  /*
     * Pause-Button: standardmaessig unsichtbar; wird erst sichtbar, sobald
     * der Marquee per JS bereit ist.
     */
  /*
     * Marquee aktiv (JS hat Klone eingefuegt und Klasse gesetzt):
     * Scrollbar verbergen, Animation starten, weiche Edge-Fades anwenden.
     */
  /*
     * Reduced-Motion: Animation aus, Wrap-Grid, Klone + Pause-Button weg.
     */
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport {
  /*
       * Fallback ohne JS: horizontal scrollbar mit Snap-Punkten.
       * Sobald JS .is-marquee-ready setzt, wird overflow verborgen und die
       * Animation uebernimmt.
       */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__row {
  flex-wrap: nowrap;
  width: max-content;
  padding: 0 1.5rem;
  gap: clamp(3rem, 6vw, 6rem);
  align-items: stretch;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__item {
  flex: 0 0 auto;
  width: auto;
  min-width: 18rem;
  max-width: 26rem;
  padding: 0 0 0 clamp(3rem, 6vw, 6rem) / 2;
  scroll-snap-align: start;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause {
  display: none;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.25);
  color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause svg {
  width: 1rem;
  height: 1rem;
  display: block;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause:hover, .key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause:focus-visible {
  background: rgba(0, 0, 0, 0.5);
  border-color: #FFFFFF;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause:focus-visible {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause-icon--play {
  display: none;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready {
  overflow: hidden;
  scroll-snap-type: none;
  mask-image: linear-gradient(to right, transparent 0, #000000 clamp(2rem, 4vw, 4rem), #000000 calc(100% - clamp(2rem, 4vw, 4rem)), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000000 clamp(2rem, 4vw, 4rem), #000000 calc(100% - clamp(2rem, 4vw, 4rem)), transparent 100%);
  /*
       * Pause-Zustaende: Hover, Tastaturfokus im Track, Out-of-Viewport
       * und expliziter Klick auf den Pause-Button.
       */
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready .key-figures-strip__row {
  padding-left: 0;
  padding-right: 0;
  animation: key-figures-strip-scroll 80s linear infinite;
  will-change: transform;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready:hover .key-figures-strip__row, .key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready:focus-within .key-figures-strip__row, .key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready:not(.is-in-view) .key-figures-strip__row, .key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready[data-marquee-paused="true"] .key-figures-strip__row {
  animation-play-state: paused;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready .key-figures-strip__pause {
  display: inline-flex;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport[data-marquee-paused="true"] .key-figures-strip__pause-icon--pause {
  display: none;
}
.key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport[data-marquee-paused="true"] .key-figures-strip__pause-icon--play {
  display: block;
}
@media (prefers-reduced-motion: reduce) {
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport, .key-figures-strip.key-figures-strip--marquee .key-figures-strip__viewport.is-marquee-ready {
    overflow: visible;
    mask-image: none;
    -webkit-mask-image: none;
  }
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__row {
    flex-wrap: wrap;
    width: auto;
    animation: none !important;
    padding-left: 0;
    padding-right: 0;
    gap: 3rem;
  }
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__item {
    flex: 0 0 calc(25% - 3rem);
    max-width: calc(25% - 3rem);
    width: auto;
    min-width: 0;
  }
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__item--clone {
    display: none;
  }
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__pause {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 999.98px) {
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__item {
    flex: 0 0 calc(50% - 3rem);
    max-width: calc(50% - 3rem);
  }
}
@media (prefers-reduced-motion: reduce) and (max-width: 599.98px) {
  .key-figures-strip.key-figures-strip--marquee .key-figures-strip__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.key-figures-strip.key-figures-strip--counter-grid {
  /*
     * Waehrend der CountUp-Animation: Tabular-Numbers verhindern, dass die
     * Zahl beim Hochzaehlen in der Breite springt (z. B. von „99“ auf „100“).
     */
  /*
     * Mobil: H2-Stufe statt H1, um Hoehenbedarf bei gestapelter Darstellung
     * zu reduzieren.
     */
}
.key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__row {
  flex-wrap: wrap;
  gap: 3rem;
  align-items: stretch;
}
.key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__item {
  flex: 0 0 calc(25% - 3rem);
  max-width: calc(25% - 3rem);
  padding-left: 3rem;
}
.key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__number {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}
@media (max-width: 1299.98px) {
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__item {
    flex: 0 0 calc(50% - 3rem);
    max-width: calc(50% - 3rem);
  }
}
@media (max-width: 599.98px) {
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__value {
    font-size: 3.6rem;
    line-height: 1.3;
  }
}
@media screen and (max-width: 599.98px) and (max-width: 1099px) {
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__value {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 599.98px) and (max-width: 799px) {
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__value {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 599.98px) and (max-width: 499px) {
  .key-figures-strip.key-figures-strip--counter-grid .key-figures-strip__value {
    font-size: 2.664rem;
  }
}
@keyframes key-figures-strip-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    /*
     * -50%, weil der Track im JS verdoppelt wurde: nach der Haelfte der
     * Strecke beginnt visuell wieder der gleiche Abschnitt, also nahtlos.
     */
    transform: translate3d(-50%, 0, 0);
  }
}
/*
 * LSCE team_slider:
 * Personen-Slider mit Hover-Overlay (Desktop) und Tap-Overlay (Mobil).
 *
 * Struktur:
 *  - Kopfbereich (optional, zentriert oder linksbündig)
 *  - Slider-Bühne mit Track + Navigation (Dots + Pfeile)
 *  - CTA-Bereich (optional, unterhalb des Sliders)
 *
 * Slider-Technik:
 *  - CSS-Scroll-Snap als Basis (funktioniert ohne JS).
 *  - JS fügt Dots hinzu, aktualisiert aktiven Dot und Pfeilzustand.
 *  - Track darf rechts um `min(7.5vw, 15rem)` aus dem Content-Wrapper
 *    ausbrechen (identisches Maß wie in _image-text-breakout.scss,
 *    nur einseitig), damit der Peek des nächsten Slides sichtbar wird.
 *  - Mobil: Slides werden auf 85% Viewport-Breite gesetzt, damit
 *    der Peek auch innerhalb des Wrappers sichtbar bleibt.
 *
 * Kontrast-Modus:
 *  - .team-slider--theme-on-dark (Standard): helle Texte, für
 *    dunkelblauen Artikel-Hintergrund.
 *  - .team-slider--theme-on-light: dunkle Texte, für hellen
 *    Hintergrund. Farbvergabe des Hintergrunds bleibt am mod_article.
 */
.team-slider {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  position: relative;
  /* ----------------------------------------------------------------
   * Kopfbereich
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Slider-Bühne
   * ---------------------------------------------------------------- */
  /*
   * Track-Wrap bricht nur rechts aus dem Content-Wrapper aus -- dort
   * entsteht der Peek des nächsten Slides. Links bleibt die Kante am
   * Content-Wrapper. Unterhalb Breakpoint 10 (ca. 1000px) wird der
   * Ausbruch zurückgenommen und die Mobile-Peek-Logik übernimmt.
   */
  /*
   * Kartenbreite: Anteil an der Track-Breite (nicht mit Contao imageSize
   * verwechseln; imageSize steuert nur die generierte Datei, siehe config.php).
   * Früher: ab "groß" 4 Karten = sehr schmale Kacheln (großes
   * Bild/Overlay-Problem z. B. 1300-1800px). Überwiegend 3 sichtbare
   * Karten, 4 nur auf sehr breiten Viewports.
   */
  /*
   * Auf ganz kleinen Screens kleineren Gap nutzen, damit der Peek
   * nicht zu dünn wird.
   */
  /* ----------------------------------------------------------------
   * Karte (eine Person)
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Overlay mit Beschreibungstext
   *
   * Desktop: Per Hover oder Focus-within sichtbar. Mobil/Touch: per
   * "Mehr erfahren"-Button (Klasse is-overlay-open durch JS).
   * ---------------------------------------------------------------- */
  /*
   * Nur auf Geräten mit echter Hover-Fähigkeit das Overlay per Hover
   * zeigen. Touchscreens nutzen stattdessen den "Mehr erfahren"-Button.
   */
  /*
   * Durch JS gesetzte Klasse: Overlay bleibt offen, bis Nutzer es
   * schließt. Greift auf Touch-Geräten und wenn per Klick geöffnet.
   */
  /* Overlay offen: kein gelber Fokus-Ring (color-8) am "Mehr erfahren"-Button */
  /*
   * Auf Geräten mit echter Hover-Fähigkeit ist der Close-Button
   * überflüssig (Mouse-Out schließt ohnehin). Nur ausblenden, wenn
   * das Overlay nicht per Klick geöffnet wurde.
   */
  /* ----------------------------------------------------------------
   * Bildunterschrift (Name / Position / Datum / "Mehr erfahren")
   * ---------------------------------------------------------------- */
  /*
   * "Mehr erfahren" ist primär für Touch-Geräte gedacht (kein Hover).
   * Auf Desktop (hover: hover) blenden wir ihn aus -- das Hover-Overlay
   * ist dort die primäre Interaktion.
   */
  /* ----------------------------------------------------------------
   * Navigation: Dots (links) und Pfeile (rechts)
   * ---------------------------------------------------------------- */
  /* Mobil: keine Punkt-Liste; Wischen + Pfeile reichen. */
  /* ----------------------------------------------------------------
   * CTA-Bereich unterhalb des Sliders
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Kontrast-Modi (theme-on-dark / theme-on-light)
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Kontakt-Links (Telefon / E-Mail im Kontakt-Modus)
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Modus: Statisches Grid (--mode-static)
   *
   * Identische Karten wie im Slider, aber als umbruchfähiges Grid
   * ohne horizontalen Scroll und ohne Navigation.
   * ---------------------------------------------------------------- */
  /* ----------------------------------------------------------------
   * Modus: Kontakt-Grid (--mode-contact)
   *
   * Runde Bilder, 4 Spalten zentriert (8 von 12), ohne Overlay.
   * Desktop: 2 frei | 2+2+2+2 | 2 frei.
   * Mobil: 1 frei | 10 | 1 frei, untereinander.
   * ---------------------------------------------------------------- */
}
[class*="layout-sidebar"] #main .team-slider, [class*="layout-sidebar"] #left .team-slider, [class*="layout-sidebar"] #right .team-slider {
  max-width: 100%;
}
.team-slider .team-slider__header {
  margin-bottom: 3rem;
}
.team-slider .team-slider__header--header-align-center {
  text-align: center;
}
.team-slider .team-slider__header--header-align-left {
  text-align: left;
}
.team-slider .team-slider__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 1rem;
  position: relative;
  display: inline-block;
  padding-left: 1.2rem;
}
.team-slider .team-slider__header--header-align-center .team-slider__eyebrow {
  padding-left: 0;
  padding-right: 0;
}
.team-slider .team-slider__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.25rem;
  height: 1.2em;
  background-color: #FFDD00;
}
.team-slider .team-slider__header--header-align-center .team-slider__eyebrow::before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.team-slider .team-slider__headline {
  margin: 0;
}
.team-slider .team-slider__stage {
  position: relative;
}
@media (min-width: 1000px) {
  .team-slider .team-slider__track-wrap {
    width: calc(100% + min(7.5vw, 15rem));
  }
}
.team-slider .team-slider__track {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.team-slider .team-slider__track::-webkit-scrollbar {
  display: none;
}
.team-slider .team-slider__slide {
  flex: 0 0 calc((100% - 2rem * (3 - 1) - min(7.5vw, 15rem)) / 3);
  scroll-snap-align: start;
}
@media (min-width: 1400px) {
  .team-slider .team-slider__slide {
    flex: 0 0 calc((100% - 2rem * (4 - 1) - min(7.5vw, 15rem)) / 4);
  }
}
@media (max-width: 1099.98px) {
  .team-slider .team-slider__slide {
    flex: 0 0 calc((100% - 2rem * (2 - 1)) / 2);
  }
}
@media (max-width: 799.98px) {
  .team-slider .team-slider__slide {
    flex: 0 0 85%;
    gap: 1.2rem;
  }
}
@media (max-width: 799.98px) {
  .team-slider .team-slider__track {
    gap: 1.2rem;
  }
}
.team-slider .team-slider__card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.team-slider .team-slider__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background-color: #162346;
}
.team-slider .team-slider__image, .team-slider .team-slider__image picture, .team-slider .team-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.team-slider .team-slider__image--placeholder {
  background: linear-gradient(135deg, #162346 0%, #243B74 100%);
}
.team-slider .team-slider__overlay {
  position: absolute;
  inset: 0;
  padding: 2rem 2rem 3.5rem;
  background-color: rgba(22, 35, 70, 0.92);
  color: #FFFFFF;
  opacity: 0;
  transform: translateY(0.6rem);
  transition: opacity 0.35s ease, transform 0.35s ease;
  pointer-events: none;
  overflow-y: auto;
  font-size: 1.4rem;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
  /*
     * Reboot ([hidden] { display: none !important }) hat Vorrang vor
     * normalem display. Sichtbare Zustaende (Hover, .is-overlay-open)
     * setzen deshalb unten explizit display mit !important.
     */
}
.team-slider .team-slider__overlay-inner {
  color: #FFFFFF;
}
.team-slider .team-slider__overlay-inner *::selection {
  background-color: rgba(255, 255, 255, 0.28);
  color: #FFFFFF;
}
.team-slider .team-slider__overlay-inner *::-moz-selection {
  background-color: rgba(255, 255, 255, 0.28);
  color: #FFFFFF;
}
.team-slider .team-slider__overlay-inner p {
  margin: 0 0 0.8rem;
}
.team-slider .team-slider__overlay-inner p:last-child {
  margin-bottom: 0;
}
@media (hover: hover) {
  .team-slider .team-slider__card--has-description:hover .team-slider__overlay, .team-slider .team-slider__card--has-description:focus-within .team-slider__overlay {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .team-slider .team-slider__card--has-description:hover .team-slider__overlay[hidden], .team-slider .team-slider__card--has-description:focus-within .team-slider__overlay[hidden] {
    display: block !important;
  }
}
.team-slider .team-slider__card.is-overlay-open .team-slider__overlay {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  display: block !important;
}
.team-slider .team-slider__card.is-overlay-open .team-slider__more:focus, .team-slider .team-slider__card.is-overlay-open .team-slider__more:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}
.team-slider .team-slider__overlay-close {
  position: absolute;
  top: 0.4rem;
  right: 0.6rem;
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #FFFFFF;
  font-size: 2.4rem;
  line-height: 1;
  cursor: pointer;
}
.team-slider .team-slider__overlay-close:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
@media (hover: hover) {
  .team-slider .team-slider__card:not(.is-overlay-open) .team-slider__overlay-close {
    display: none;
  }
}
.team-slider .team-slider__caption {
  padding: 1.4rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.team-slider .team-slider__name {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  color: #FFDD00;
}
.team-slider .team-slider__position {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.team-slider .team-slider__since {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  opacity: 0.75;
}
.team-slider .team-slider__more {
  margin-top: 0.6rem;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: currentColor;
  font-size: 1.4rem;
  line-height: 1.5;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.team-slider .team-slider__more:hover, .team-slider .team-slider__more:focus-visible {
  background-color: transparent;
  text-decoration: underline;
}
.team-slider .team-slider__more:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
.team-slider .team-slider__more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background-color: #FFDD00;
  color: #0E182E;
  font-weight: bold;
  line-height: 1;
  font-size: 1.4rem;
}
@media (hover: hover) {
  .team-slider .team-slider__more {
    display: none;
  }
}
.team-slider .team-slider__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  row-gap: 1rem;
  column-gap: 2rem;
  margin-top: 2.5rem;
  /* Über dem ausladenden Track, damit Pfeile/Dots nie verdeckt werden. */
  position: relative;
  z-index: 2;
  /* Nav bleibt an der Content-Wrapper-Kante; Track darf rechts ausbrechen. */
  padding-right: 0;
}
@media (min-width: 1000px) {
  .team-slider .team-slider__nav {
    width: 100%;
  }
}
.team-slider .team-slider__dots {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
.team-slider .team-slider__dots-item {
  display: inline-flex;
}
.team-slider .team-slider__dot {
  width: 0.9rem;
  height: 0.9rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: currentColor;
  opacity: 0.35;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.team-slider .team-slider__dot.is-active {
  opacity: 1;
  transform: scale(1.15);
}
.team-slider .team-slider__dot:hover, .team-slider .team-slider__dot:focus-visible {
  opacity: 0.7;
}
.team-slider .team-slider__dot:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
@media (max-width: 799.98px) {
  .team-slider .team-slider__dots {
    display: none;
  }
  .team-slider .team-slider__nav {
    justify-content: flex-end;
  }
}
.team-slider .team-slider__arrows {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.team-slider .team-slider__arrow {
  width: 3.8rem;
  height: 3.8rem;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  background-color: transparent;
  color: currentColor;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.team-slider .team-slider__arrow svg {
  width: 1.6rem;
  height: 1.6rem;
}
.team-slider .team-slider__arrow:hover:not([disabled]), .team-slider .team-slider__arrow:focus-visible:not([disabled]) {
  background-color: currentColor;
}
.team-slider .team-slider__arrow:hover:not([disabled]) svg, .team-slider .team-slider__arrow:focus-visible:not([disabled]) svg {
  color: #243B74;
}
.team-slider .team-slider__arrow[disabled] {
  opacity: 0.3;
  cursor: not-allowed;
}
.team-slider .team-slider__arrow:focus-visible {
  outline: 2px solid #FFDD00;
  outline-offset: 2px;
}
.team-slider .team-slider__cta {
  margin-top: 4rem;
  max-width: 60rem;
}
.team-slider .team-slider__cta-headline {
  margin: 0 0 1rem;
}
.team-slider .team-slider__cta-text {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.team-slider .team-slider__cta-text p {
  margin: 0 0 0.8rem;
}
.team-slider .team-slider__cta-text p:last-child {
  margin-bottom: 0;
}
.team-slider .team-slider__cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1rem;
}
.team-slider .team-slider__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.team-slider .team-slider__btn:hover {
  background: #F3F5F8;
}
.team-slider .team-slider__btn--text-link {
  padding: 0;
  background: transparent;
  border: 0;
  text-decoration: underline;
  color: currentColor;
}
.team-slider .team-slider__btn--text-link:hover, .team-slider .team-slider__btn--text-link:focus-visible {
  background: transparent;
  opacity: 0.8;
}
.team-slider .team-slider__btn--button-outline {
  background: transparent;
  border: 2px solid currentColor;
  color: currentColor;
}
.team-slider .team-slider__btn--button-outline:hover, .team-slider .team-slider__btn--button-outline:focus-visible {
  background: transparent;
  opacity: 0.8;
}
.team-slider .team-slider__btn--color-3 {
  background-color: #243B74;
  color: #FFFFFF;
}
.team-slider .team-slider__btn--color-3:hover, .team-slider .team-slider__btn--color-3:focus-visible {
  background-color: #2D58BA;
}
.team-slider .team-slider__btn--color-8 {
  background-color: #FFDD00;
  color: #0E182E;
}
.team-slider .team-slider__btn--color-8:hover, .team-slider .team-slider__btn--color-8:focus-visible {
  background-color: #F6C64E;
}
.team-slider.team-slider--theme-on-dark {
  color: #FFFFFF;
}
.team-slider.team-slider--theme-on-dark .team-slider__headline, .team-slider.team-slider--theme-on-dark .team-slider__cta-headline {
  color: #FFFFFF;
}
.team-slider.team-slider--theme-on-dark .team-slider__eyebrow {
  color: #FFFFFF;
}
.team-slider.team-slider--theme-on-dark .team-slider__name {
  color: #FFDD00;
}
.team-slider.team-slider--theme-on-dark .team-slider__position {
  color: #FFFFFF;
}
.team-slider.team-slider--theme-on-dark .team-slider__since {
  color: #D1D6E2;
}
.team-slider.team-slider--theme-on-dark .team-slider__cta-text {
  color: #D1D6E2;
}
.team-slider.team-slider--theme-on-dark .team-slider__arrow {
  color: #FFFFFF;
}
.team-slider.team-slider--theme-on-light {
  color: #0E182E;
}
.team-slider.team-slider--theme-on-light .team-slider__headline, .team-slider.team-slider--theme-on-light .team-slider__cta-headline {
  color: #243B74;
}
.team-slider.team-slider--theme-on-light .team-slider__eyebrow {
  color: #243B74;
}
.team-slider.team-slider--theme-on-light .team-slider__name {
  color: #2D58BA;
}
.team-slider.team-slider--theme-on-light .team-slider__position {
  color: #0E182E;
}
.team-slider.team-slider--theme-on-light .team-slider__since {
  color: #8F90A2;
}
.team-slider.team-slider--theme-on-light .team-slider__cta-text {
  color: #575973;
}
.team-slider.team-slider--theme-on-light .team-slider__arrow {
  color: #243B74;
}
.team-slider.team-slider--theme-on-light .team-slider__arrow:hover:not([disabled]) svg, .team-slider.team-slider--theme-on-light .team-slider__arrow:focus-visible:not([disabled]) svg {
  color: #FFFFFF;
}
.team-slider .team-slider__contact-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.5;
  color: currentColor;
  text-decoration: none;
}
.team-slider .team-slider__contact-link:hover, .team-slider .team-slider__contact-link:focus-visible {
  text-decoration: underline;
}
.team-slider .team-slider__contact-icon {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
}
.team-slider.team-slider--mode-static .team-slider__track-wrap {
  width: 100%;
}
.team-slider.team-slider--mode-static .team-slider__track {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  overflow: visible;
  scroll-snap-type: none;
  max-width: calc(100% * 8 / 12);
  margin-left: auto;
  margin-right: auto;
}
.team-slider.team-slider--mode-static .team-slider__slide {
  flex: none;
}
.team-slider.team-slider--mode-static .team-slider__nav {
  display: none;
}
@media (max-width: 1099.98px) {
  .team-slider.team-slider--mode-static .team-slider__track {
    max-width: calc(100% * 10 / 12);
  }
}
@media (max-width: 799.98px) {
  .team-slider.team-slider--mode-static .team-slider__track {
    grid-template-columns: 1fr;
    max-width: calc(100% * 10 / 12);
  }
}
.team-slider.team-slider--mode-contact .team-slider__track-wrap {
  width: 100%;
}
.team-slider.team-slider--mode-contact .team-slider__track {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  overflow: visible;
  scroll-snap-type: none;
  max-width: calc(100% * 8 / 12);
  margin-left: auto;
  margin-right: auto;
}
.team-slider.team-slider--mode-contact .team-slider__slide {
  flex: none;
}
.team-slider.team-slider--mode-contact .team-slider__media {
  border-radius: 50%;
  background-color: transparent;
}
.team-slider.team-slider--mode-contact .team-slider__image, .team-slider.team-slider--mode-contact .team-slider__image picture, .team-slider.team-slider--mode-contact .team-slider__image img {
  border-radius: 50%;
}
.team-slider.team-slider--mode-contact .team-slider__caption {
  text-align: center;
  align-items: center;
}
.team-slider.team-slider--mode-contact .team-slider__nav {
  display: none;
}
@media (max-width: 999.98px) {
  .team-slider.team-slider--mode-contact .team-slider__track {
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% * 8 / 12);
  }
}
@media (max-width: 799.98px) {
  .team-slider.team-slider--mode-contact .team-slider__track {
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% * 10 / 12);
  }
}
/*
 * LSCE section_two_columns: Intro (Tagline, Headline, Subline, Text) und zwei Spalten (HTML).
 * Raster Desktop: offset 1 | 4 (Intro) | 3 | 3 | 1 (Spacer); Tablet: Intro volle Breite, zwei Spalten nebeneinander.
 * Ab down(12): Intro margin-bottom $grid-gutter-width bis zu den Spalten.
 * Hintergrundmuster nur per CSS-Klasse (pattern_geo). Farben nur $ls-color-*.
 * Headline h2/h3 optisch gleich in Schriftgrad H3.
 * Listen: Abstaende ueber $section-list-item-spacing; einspaltig (down 6): Abstand Intro/Spalten.
 * Icon-Slot: 1em relativ zur Lead-Schriftgroesse des li; Luecke Icon–Text: min(1rem, halbes Gutter).
 * Listen-Haekchen: SVG unter files/merconisfiles/usercontent/images/icons (Namecheck.svg, Namecheck_gelb.svg).
 * Variante --layout-equal: kein Content-Wrapper, 4 | 4 | 4 (Intro + zwei Spalten gleich breit), Spacer aus.
 *   CSS-Klasse "section-two-columns--layout-equal" haendisch am Element setzen.
 */
.section-two-columns {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  /* --- Oberflächen (Innenfläche) --- */
  /* --- Muster (nur CSS) --- */
  /* --- Listen: gemeinsame Basis (Intro + Spalten) --- */
  /* Nur direkte Kinder: verschachtelte Listen behalten Abstand zwischen Punkten. */
  /* --- Layout-Variante: drei gleiche Spalten (4/4/4), kein Content-Wrapper --- */
}
[class*="layout-sidebar"] #main .section-two-columns, [class*="layout-sidebar"] #left .section-two-columns, [class*="layout-sidebar"] #right .section-two-columns {
  max-width: 100%;
}
.section-two-columns .section-two-columns__surface {
  position: relative;
  box-sizing: border-box;
  padding: 6rem 4.5rem;
  overflow: hidden;
}
.section-two-columns .section-two-columns__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.section-two-columns .section-two-columns__intro, .section-two-columns .section-two-columns__col, .section-two-columns .section-two-columns__spacer {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.section-two-columns .section-two-columns__intro {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 8.3333333333%;
  flex-shrink: 0;
  /* Flex: verhindert Ueberlappung langer Woerter in die Spalten (min-width: auto). */
  min-width: 0;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.section-two-columns .section-two-columns__col {
  flex: 0 0 25%;
  max-width: 25%;
  flex-shrink: 0;
  min-width: 0;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.section-two-columns .section-two-columns__spacer {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
  flex-shrink: 0;
  min-height: 0;
}
@media (max-width: 1299.98px) {
  .section-two-columns .section-two-columns__row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .section-two-columns .section-two-columns__intro {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 6rem;
    order: 1;
  }
  .section-two-columns .section-two-columns__col {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 0;
    order: 2;
  }
  .section-two-columns .section-two-columns__spacer {
    display: none;
  }
}
@media (max-width: 699.98px) {
  .section-two-columns .section-two-columns__col {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
  }
  .section-two-columns .section-two-columns__col:last-of-type {
    margin-bottom: 0;
  }
}
.section-two-columns .section-two-columns__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 1rem;
  padding-left: 2rem;
}
.section-two-columns .section-two-columns__eyebrow::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
}
.section-two-columns .section-two-columns__headline {
  margin: 0 0 1rem;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.section-two-columns h2.section-two-columns__headline, .section-two-columns h3.section-two-columns__headline {
  font-size: 3.2rem;
}
@media screen and (max-width: 1099px) {
  .section-two-columns h2.section-two-columns__headline, .section-two-columns h3.section-two-columns__headline {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .section-two-columns h2.section-two-columns__headline, .section-two-columns h3.section-two-columns__headline {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .section-two-columns h2.section-two-columns__headline, .section-two-columns h3.section-two-columns__headline {
    font-size: 2.368rem;
  }
}
.section-two-columns .section-two-columns__subline {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
}
@media screen and (max-width: 1099px) {
  .section-two-columns .section-two-columns__subline {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .section-two-columns .section-two-columns__subline {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .section-two-columns .section-two-columns__subline {
    font-size: 1.48rem;
  }
}
.section-two-columns .section-two-columns__intro-body, .section-two-columns .section-two-columns__col-body {
  font-size: 1.8rem;
  line-height: 1.5;
}
.section-two-columns .section-two-columns__intro-body p, .section-two-columns .section-two-columns__col-body p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.section-two-columns .section-two-columns__intro-body p:last-child, .section-two-columns .section-two-columns__col-body p:last-child {
  margin-bottom: 0;
}
.section-two-columns .section-two-columns__intro-body ul, .section-two-columns .section-two-columns__intro-body ol, .section-two-columns .section-two-columns__intro-body li, .section-two-columns .section-two-columns__col-body ul, .section-two-columns .section-two-columns__col-body ol, .section-two-columns .section-two-columns__col-body li {
  font-size: 1.8rem;
  line-height: 1.5;
}
.section-two-columns--surface_white .section-two-columns__surface {
  background-color: #FFFFFF;
}
.section-two-columns--surface_white .section-two-columns__eyebrow {
  color: #243B74;
}
.section-two-columns--surface_white .section-two-columns__headline {
  color: #243B74;
}
.section-two-columns--surface_white .section-two-columns__subline {
  color: #2D58BA;
}
.section-two-columns--surface_white .section-two-columns__intro-body, .section-two-columns--surface_white .section-two-columns__col-body {
  color: #575973;
}
.section-two-columns--surface_blue .section-two-columns__surface {
  background-color: #243B74;
}
.section-two-columns--surface_blue .section-two-columns__eyebrow {
  color: #FFFFFF;
}
.section-two-columns--surface_blue .section-two-columns__headline {
  color: #FFFFFF;
}
.section-two-columns--surface_blue .section-two-columns__subline {
  color: #D1D6E2;
}
.section-two-columns--surface_blue .section-two-columns__intro-body, .section-two-columns--surface_blue .section-two-columns__col-body {
  color: #FFFFFF;
}
.section-two-columns--surface_yellow .section-two-columns__surface {
  background-color: #FEF7DA;
}
.section-two-columns--surface_yellow .section-two-columns__eyebrow {
  color: #243B74;
}
.section-two-columns--surface_yellow .section-two-columns__headline {
  color: #243B74;
}
.section-two-columns--surface_yellow .section-two-columns__subline {
  color: #2D58BA;
}
.section-two-columns--surface_yellow .section-two-columns__intro-body, .section-two-columns--surface_yellow .section-two-columns__col-body {
  color: #575973;
}
.section-two-columns--pattern_geo .section-two-columns__surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.14;
  background: linear-gradient(118deg, #0E182E 0%, transparent 42%, transparent 58%, #0E182E 100%);
}
.section-two-columns .section-two-columns__intro-body ul, .section-two-columns .section-two-columns__col-body ul, .section-two-columns .section-two-columns__intro-body ol, .section-two-columns .section-two-columns__col-body ol {
  margin: 0 0 1.5rem;
  padding-left: 1.25em;
}
.section-two-columns .section-two-columns__intro-body ul:last-child, .section-two-columns .section-two-columns__col-body ul:last-child, .section-two-columns .section-two-columns__intro-body ol:last-child, .section-two-columns .section-two-columns__col-body ol:last-child {
  margin-bottom: 0;
}
.section-two-columns .section-two-columns__intro-body ul > li, .section-two-columns .section-two-columns__col-body ul > li, .section-two-columns .section-two-columns__intro-body ol > li, .section-two-columns .section-two-columns__col-body ol > li {
  margin-bottom: 1.5rem;
}
.section-two-columns .section-two-columns__intro-body ul > li:last-child, .section-two-columns .section-two-columns__col-body ul > li:last-child, .section-two-columns .section-two-columns__intro-body ol > li:last-child, .section-two-columns .section-two-columns__col-body ol > li:last-child {
  margin-bottom: 0;
}
.section-two-columns--marker-bullets .section-two-columns__intro-body ul, .section-two-columns--marker-bullets .section-two-columns__col-body ul {
  list-style-type: disc;
  list-style-position: outside;
}
.section-two-columns--marker-bullets .section-two-columns__intro-body ol, .section-two-columns--marker-bullets .section-two-columns__col-body ol {
  list-style-type: decimal;
  list-style-position: outside;
}
.section-two-columns--marker-bullets_none_indented .section-two-columns__intro-body ul, .section-two-columns--marker-bullets_none_indented .section-two-columns__col-body ul, .section-two-columns--marker-bullets_none_indented .section-two-columns__intro-body ol, .section-two-columns--marker-bullets_none_indented .section-two-columns__col-body ol {
  list-style: none;
  padding-left: 1.25em;
}
.section-two-columns--marker-bullets_none_indented .section-two-columns__intro-body ul > li, .section-two-columns--marker-bullets_none_indented .section-two-columns__col-body ul > li, .section-two-columns--marker-bullets_none_indented .section-two-columns__intro-body ol > li, .section-two-columns--marker-bullets_none_indented .section-two-columns__col-body ol > li {
  position: relative;
  padding-left: 0;
}
.section-two-columns--marker-check_blue .section-two-columns__intro-body ul, .section-two-columns--marker-check_blue .section-two-columns__col-body ul, .section-two-columns--marker-check_blue .section-two-columns__intro-body ol, .section-two-columns--marker-check_blue .section-two-columns__col-body ol, .section-two-columns--marker-check_yellow .section-two-columns__intro-body ul, .section-two-columns--marker-check_yellow .section-two-columns__col-body ul, .section-two-columns--marker-check_yellow .section-two-columns__intro-body ol, .section-two-columns--marker-check_yellow .section-two-columns__col-body ol, .section-two-columns--marker-check_on_yellow .section-two-columns__intro-body ul, .section-two-columns--marker-check_on_yellow .section-two-columns__col-body ul, .section-two-columns--marker-check_on_yellow .section-two-columns__intro-body ol, .section-two-columns--marker-check_on_yellow .section-two-columns__col-body ol, .section-two-columns--marker-arrow .section-two-columns__intro-body ul, .section-two-columns--marker-arrow .section-two-columns__col-body ul, .section-two-columns--marker-arrow .section-two-columns__intro-body ol, .section-two-columns--marker-arrow .section-two-columns__col-body ol, .section-two-columns--marker-arrow_on_yellow .section-two-columns__intro-body ul, .section-two-columns--marker-arrow_on_yellow .section-two-columns__col-body ul, .section-two-columns--marker-arrow_on_yellow .section-two-columns__intro-body ol, .section-two-columns--marker-arrow_on_yellow .section-two-columns__col-body ol, .section-two-columns--marker-icon_dots .section-two-columns__intro-body ul, .section-two-columns--marker-icon_dots .section-two-columns__col-body ul, .section-two-columns--marker-icon_dots .section-two-columns__intro-body ol, .section-two-columns--marker-icon_dots .section-two-columns__col-body ol, .section-two-columns--marker-icon_line .section-two-columns__intro-body ul, .section-two-columns--marker-icon_line .section-two-columns__col-body ul, .section-two-columns--marker-icon_line .section-two-columns__intro-body ol, .section-two-columns--marker-icon_line .section-two-columns__col-body ol {
  list-style: none;
  padding-left: 0;
}
.section-two-columns--marker-check_blue .section-two-columns__intro-body ul > li, .section-two-columns--marker-check_blue .section-two-columns__col-body ul > li, .section-two-columns--marker-check_blue .section-two-columns__intro-body ol > li, .section-two-columns--marker-check_blue .section-two-columns__col-body ol > li, .section-two-columns--marker-check_yellow .section-two-columns__intro-body ul > li, .section-two-columns--marker-check_yellow .section-two-columns__col-body ul > li, .section-two-columns--marker-check_yellow .section-two-columns__intro-body ol > li, .section-two-columns--marker-check_yellow .section-two-columns__col-body ol > li, .section-two-columns--marker-check_on_yellow .section-two-columns__intro-body ul > li, .section-two-columns--marker-check_on_yellow .section-two-columns__col-body ul > li, .section-two-columns--marker-check_on_yellow .section-two-columns__intro-body ol > li, .section-two-columns--marker-check_on_yellow .section-two-columns__col-body ol > li, .section-two-columns--marker-arrow .section-two-columns__intro-body ul > li, .section-two-columns--marker-arrow .section-two-columns__col-body ul > li, .section-two-columns--marker-arrow .section-two-columns__intro-body ol > li, .section-two-columns--marker-arrow .section-two-columns__col-body ol > li, .section-two-columns--marker-arrow_on_yellow .section-two-columns__intro-body ul > li, .section-two-columns--marker-arrow_on_yellow .section-two-columns__col-body ul > li, .section-two-columns--marker-arrow_on_yellow .section-two-columns__intro-body ol > li, .section-two-columns--marker-arrow_on_yellow .section-two-columns__col-body ol > li, .section-two-columns--marker-icon_dots .section-two-columns__intro-body ul > li, .section-two-columns--marker-icon_dots .section-two-columns__col-body ul > li, .section-two-columns--marker-icon_dots .section-two-columns__intro-body ol > li, .section-two-columns--marker-icon_dots .section-two-columns__col-body ol > li, .section-two-columns--marker-icon_line .section-two-columns__intro-body ul > li, .section-two-columns--marker-icon_line .section-two-columns__col-body ul > li, .section-two-columns--marker-icon_line .section-two-columns__intro-body ol > li, .section-two-columns--marker-icon_line .section-two-columns__col-body ol > li {
  position: relative;
  /* 1em = eine Zeichenbreite in aktueller Lead-Schrift; Luecke aus Gutter-Regel. */
  padding-left: calc(1em + 1rem);
}
.section-two-columns--marker-check_blue .section-two-columns__intro-body li::before, .section-two-columns--marker-check_blue .section-two-columns__col-body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05em;
  width: 1em;
  height: 1em;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namecheck.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.section-two-columns--marker-check_yellow .section-two-columns__intro-body li::before, .section-two-columns--marker-check_yellow .section-two-columns__col-body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.05em;
  width: 1em;
  height: 1em;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namecheck_gelb.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.section-two-columns--marker-check_on_yellow .section-two-columns__intro-body li::before, .section-two-columns--marker-check_on_yellow .section-two-columns__col-body li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  min-width: 1em;
  height: 1em;
  padding: 0 0.2em;
  background-color: #FEF7DA;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namecheck.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 0.15em;
}
.section-two-columns--marker-arrow .section-two-columns__intro-body li::before, .section-two-columns--marker-arrow .section-two-columns__col-body li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.9rem;
  line-height: 1.5;
  color: #FFDD00;
}
.section-two-columns--marker-arrow_on_yellow .section-two-columns__intro-body li::before, .section-two-columns--marker-arrow_on_yellow .section-two-columns__col-body li::before {
  content: "›";
  position: absolute;
  left: 0;
  top: 0.15em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1em;
  height: 1em;
  font-size: 1.9rem;
  line-height: 1;
  color: #243B74;
  background-color: #FEF7DA;
  border-radius: 0.15em;
}
.section-two-columns--marker-icon_dots .section-two-columns__intro-body li::before, .section-two-columns--marker-icon_dots .section-two-columns__col-body li::before {
  content: "•";
  position: absolute;
  left: 0.1em;
  top: 0.05em;
  color: #FFDD00;
}
.section-two-columns--marker-icon_line .section-two-columns__intro-body ul > li, .section-two-columns--marker-icon_line .section-two-columns__col-body ul > li, .section-two-columns--marker-icon_line .section-two-columns__intro-body ol > li, .section-two-columns--marker-icon_line .section-two-columns__col-body ol > li {
  padding-left: 1rem;
  border-left: solid 0.2rem #FFDD00;
}
.section-two-columns--marker-icon_line .section-two-columns__intro-body ul > li::before, .section-two-columns--marker-icon_line .section-two-columns__col-body ul > li::before, .section-two-columns--marker-icon_line .section-two-columns__intro-body ol > li::before, .section-two-columns--marker-icon_line .section-two-columns__col-body ol > li::before {
  content: none;
}
.section-two-columns--layout-equal {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.section-two-columns--layout-equal .section-two-columns__intro {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
  margin-left: 0;
}
.section-two-columns--layout-equal .section-two-columns__col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.section-two-columns--layout-equal .section-two-columns__spacer {
  display: none;
}
@media (max-width: 1299.98px) {
  .section-two-columns--layout-equal .section-two-columns__intro {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 6rem;
  }
  .section-two-columns--layout-equal .section-two-columns__col {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 699.98px) {
  .section-two-columns--layout-equal .section-two-columns__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/*
 * LSCE content_tabs: Tab-Navigation mit vier Sektionen pro Tab.
 *
 * Tab-Leiste: weisser Hintergrund, H5, Versalien, aktiv = gelbe Unterstreichung.
 * Tab-Panels: $ls-color-1 Hintergrund.
 * Grid: Desktop 1|5|5|1, Tablet 6|6, Mobil 12.
 */
.content-tabs {
  width: 100%;
  box-sizing: border-box;
  /* =======================================================================
   * Tab-Leiste (weisser Hintergrund)
   * ===================================================================== */
  /* =======================================================================
   * Tab-Panels ($ls-color-1 Hintergrund)
   * ===================================================================== */
  /* --- Sektionen (gemeinsamer Abstand) --- */
  /* =======================================================================
   * Gemeinsame Typografie
   * ===================================================================== */
  /* =======================================================================
   * Sektion 1: Hero (Text + Bild)
   * ===================================================================== */
  /* Bildform-Anschnitte (clip-path) */
  /* --- Hero-Aktionen --- */
  /* =======================================================================
   * Sektion 2: Intro (zentriert)
   * ===================================================================== */
  /* =======================================================================
   * Sektion 3: Editor (Insert-Tags)
   * ===================================================================== */
  /* =======================================================================
   * Sektion 4: FAQ
   * ===================================================================== */
  /*
   * scroll-margin-top wie beim Tab-Panel: Wird ein FAQ-Eintrag über seine
   * Anker-ID angesprungen, bleibt er unterhalb des Sticky-Headers sichtbar.
   */
  /* =======================================================================
   * Infobox (optionale Hinweisbox innerhalb eines Tab-Panels)
   * ===================================================================== */
  /* =======================================================================
   * Responsive: Tablet (down lg)
   * ===================================================================== */
  /* =======================================================================
   * Responsive: Mobil (down md)
   * ===================================================================== */
}
.content-tabs .content-tabs__nav-wrapper {
  background-color: #FFFFFF;
}
.content-tabs .content-tabs__nav-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .content-tabs .content-tabs__nav-container, [class*="layout-sidebar"] #left .content-tabs .content-tabs__nav-container, [class*="layout-sidebar"] #right .content-tabs .content-tabs__nav-container {
  max-width: 100%;
}
.content-tabs .content-tabs__nav-inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (max-width: 1199.98px) {
  .content-tabs .content-tabs__nav-inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.content-tabs .content-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border-bottom: 0.1rem solid #D1D6E2;
}
.content-tabs .content-tabs__tab {
  position: relative;
  padding: 1.5rem 2rem;
  margin-bottom: -0.1rem;
  border: 0;
  background: transparent;
  font-family: inherit;
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #575973;
  cursor: pointer;
  transition: color 0.15s ease-out;
}
.content-tabs .content-tabs__tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.3rem;
  background-color: transparent;
  transition: background-color 0.15s ease-out;
}
.content-tabs .content-tabs__tab:focus-visible {
  outline: 0.2rem solid #2D58BA;
  outline-offset: 0.2rem;
}
.content-tabs .content-tabs__tab:hover {
  color: #243B74;
}
.content-tabs .content-tabs__tab.is-active {
  color: #243B74;
}
.content-tabs .content-tabs__tab.is-active::after {
  background-color: #FFDD00;
}
.content-tabs .content-tabs__panels-wrapper {
  background-color: #F3F5F8;
}
.content-tabs .content-tabs__panel {
  scroll-margin-top: 10rem;
}
.content-tabs .content-tabs__panels-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 3rem;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
[class*="layout-sidebar"] #main .content-tabs .content-tabs__panels-container, [class*="layout-sidebar"] #left .content-tabs .content-tabs__panels-container, [class*="layout-sidebar"] #right .content-tabs .content-tabs__panels-container {
  max-width: 100%;
}
.content-tabs .content-tabs__panel-inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (max-width: 1199.98px) {
  .content-tabs .content-tabs__panel-inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.content-tabs .content-tabs__section {
  margin-bottom: 12rem;
}
.content-tabs .content-tabs__section:last-child {
  margin-bottom: 0;
}
.content-tabs .content-tabs__eyebrow {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  color: #243B74;
}
.content-tabs .content-tabs__eyebrow::before {
  content: "";
  width: 0.35rem;
  height: 1.2em;
  background-color: #FFDD00;
  flex-shrink: 0;
}
.content-tabs .content-tabs__eyebrow--center {
  justify-content: center;
}
.content-tabs .content-tabs__headline {
  margin: 0 0 1.5rem;
  font-size: 3.6rem;
  color: #243B74;
  word-break: break-word;
  hyphens: auto;
}
@media screen and (max-width: 1099px) {
  .content-tabs .content-tabs__headline {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 799px) {
  .content-tabs .content-tabs__headline {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 499px) {
  .content-tabs .content-tabs__headline {
    font-size: 2.664rem;
  }
}
.content-tabs .content-tabs__headline--center {
  text-align: center;
}
.content-tabs .content-tabs__body {
  margin: 0 0 1.5rem;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.content-tabs .content-tabs__body p:first-child {
  margin-top: 0;
}
.content-tabs .content-tabs__body p:last-child {
  margin-bottom: 0;
}
.content-tabs .content-tabs__body a {
  color: #243B74;
  text-decoration: underline;
}
.content-tabs .content-tabs__body--center {
  text-align: center;
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
}
.content-tabs .content-tabs__hero-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.content-tabs .content-tabs__hero-col {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.content-tabs .content-tabs__hero-col--text {
  flex: 0 0 50%;
  max-width: 50%;
}
.content-tabs .content-tabs__hero-col--media {
  flex: 0 0 50%;
  max-width: 50%;
}
.content-tabs .content-tabs__image-container picture, .content-tabs .content-tabs__image-container img {
  display: block;
  width: 100%;
  height: auto;
}
.content-tabs .content-tabs__shape--br {
  clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);
}
.content-tabs .content-tabs__shape--bl {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 85%);
}
.content-tabs .content-tabs__shape--tl {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}
.content-tabs .content-tabs__shape--tl-steep {
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.content-tabs .content-tabs__shape--tr {
  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 0 100%);
}
.content-tabs .content-tabs__shape--tl-br {
  clip-path: polygon(15% 0, 100% 0, 100% 85%, 85% 100%, 0 100%, 0 15%);
}
.content-tabs .content-tabs__shape--tr-bl {
  clip-path: polygon(0 0, 85% 0, 100% 15%, 100% 100%, 15% 100%, 0 85%);
}
.content-tabs .content-tabs__shape--cut-left {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
}
.content-tabs .content-tabs__shape--cut-left-steep {
  clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%);
}
.content-tabs .content-tabs__shape--v-left {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0 50%);
}
.content-tabs .content-tabs__download {
  margin-bottom: 1rem;
}
.content-tabs .content-tabs__download-link {
  display: inline-block;
  color: #243B74;
  text-decoration: underline;
  font-size: 1.6rem;
}
.content-tabs .content-tabs__action {
  margin-bottom: 1rem;
}
.content-tabs .content-tabs__text-link {
  color: #243B74;
  text-decoration: underline;
  font-size: 1.6rem;
}
.content-tabs .content-tabs__btn {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  display: inline-block;
  background-color: #FFDD00;
  color: #243B74;
  border: 0;
}
.content-tabs .content-tabs__btn:hover {
  background: #F3F5F8;
}
.content-tabs .content-tabs__btn:hover, .content-tabs .content-tabs__btn:focus-visible {
  opacity: 0.92;
}
.content-tabs .content-tabs__intro {
  text-align: center;
  margin-bottom: 6rem;
}
.content-tabs .content-tabs__editor-content {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
}
.content-tabs .content-tabs__editor-content .product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
}
.content-tabs .content-tabs__editor-content .product-list > div {
  flex: 1 1 calc((100% - 8rem) / 3);
  max-width: calc((100% - 8rem) / 3);
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #D1D6E2;
  border-radius: 0.8rem;
  padding: 3rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .product-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-bottom: 1.5rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .product-tags__item {
  display: inline-block;
  padding: 0.3rem 0.8rem;
  background-color: #F3F5F8;
  color: #243B74;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .top h2 {
  font-size: 2.6rem;
  color: #243B74;
  margin: 0 0 1rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .content {
  flex: 1 1 auto;
  margin-bottom: 1.5rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.content-tabs .content-tabs__editor-content .product-list > div .content ul > li {
  position: relative;
  padding-left: 2.75em;
  margin-bottom: 0.5rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .content ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.22em;
  width: 1em;
  height: 1em;
  background: url("/files/merconisfiles/usercontent/images/icons/Namecheck.svg") no-repeat left center / contain;
}
.content-tabs .content-tabs__editor-content .product-list > div .price-info {
  margin-bottom: 1.5rem;
  text-align: right;
}
.content-tabs .content-tabs__editor-content .product-list > div .price-info .currentPrice {
  font-size: 2rem;
  font-weight: bold;
  color: #243B74;
}
.content-tabs .content-tabs__editor-content .product-list > div .price-info .currentPrice .taxInfo {
  font-size: 1.6rem;
  font-weight: normal;
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine {
  margin-bottom: 1.5rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine h4 {
  font-size: 2rem;
  color: #243B74;
  margin: 0 0 0.5rem;
}
@media screen and (max-width: 1099px) {
  .content-tabs .content-tabs__editor-content .product-list > div .schulungstermine h4 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .content-tabs .content-tabs__editor-content .product-list > div .schulungstermine h4 {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .content-tabs .content-tabs__editor-content .product-list > div .schulungstermine h4 {
    font-size: 1.48rem;
  }
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine p {
  position: relative;
  margin: 0 0 0.25rem;
  padding-left: 1.5em;
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 1em;
  height: 1em;
  background: url("/files/merconisfiles/usercontent/images/icons/Namedate.svg") no-repeat center / contain;
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine a {
  color: #243B74;
  text-decoration: none;
}
.content-tabs .content-tabs__editor-content .product-list > div .schulungstermine a:hover {
  text-decoration: underline;
}
.content-tabs .content-tabs__editor-content .product-list > div .bottom {
  margin-top: auto;
}
.content-tabs .content-tabs__editor-content .product-list > div .bottom .button-anmeldung {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  display: block;
  width: 100%;
  text-align: center;
  background-color: #FFDD00;
  color: #243B74;
  border: 0;
  border-radius: 0.4rem;
}
.content-tabs .content-tabs__editor-content .product-list > div .bottom .button-anmeldung:hover {
  background: #F3F5F8;
}
.content-tabs .content-tabs__editor-content .product-list > div .bottom .button-anmeldung:hover {
  background: #F6C64E;
}
@media (max-width: 1599.98px) {
  .content-tabs .content-tabs__editor-content .product-list > div {
    flex-basis: calc((100% - 4rem) / 2);
    max-width: calc((100% - 4rem) / 2);
  }
}
@media (max-width: 991.98px) {
  .content-tabs .content-tabs__editor-content .product-list > div {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.content-tabs .content-tabs__faq-header {
  margin-bottom: 2rem;
}
.content-tabs .content-tabs__faq-headline {
  margin: 0 0 1.5rem;
  font-size: 3.6rem;
  color: #243B74;
  word-break: break-word;
  hyphens: auto;
}
@media screen and (max-width: 1099px) {
  .content-tabs .content-tabs__faq-headline {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 799px) {
  .content-tabs .content-tabs__faq-headline {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 499px) {
  .content-tabs .content-tabs__faq-headline {
    font-size: 2.664rem;
  }
}
.content-tabs .content-tabs__faq-items {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0.1rem solid #D1D6E2;
  background-color: #FFFFFF;
}
.content-tabs .content-tabs__faq-item {
  border-top: 0.1rem solid #D1D6E2;
  /*
     * Anker-Offset für FAQ-Einträge mit hinterlegter ID:
     * padding-top schafft Platz über dem Inhalt, negativer margin-top
     * gleicht den visuellen Versatz aus. Funktioniert auch mit
     * Fx.SmoothScroll, das scroll-margin-top ignoriert.
     * border-top wandert auf die H3, damit sie im padding-Bereich sichtbar bleibt.
     */
}
.content-tabs .content-tabs__faq-item[id] {
  padding-top: 10rem;
  margin-top: -10rem;
  border-top: 0;
}
.content-tabs .content-tabs__faq-item[id] .content-tabs__faq-trigger-heading {
  border-top: 0.1rem solid #D1D6E2;
}
.content-tabs .content-tabs__faq-item:first-child {
  border-top: 0;
}
.content-tabs .content-tabs__faq-trigger-heading {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}
.content-tabs .content-tabs__faq-trigger {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 2rem 3rem;
  border: 0;
  background: transparent;
  text-align: left;
  font-family: inherit;
  color: #243B74;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
}
.content-tabs .content-tabs__faq-trigger:hover .content-tabs__faq-trigger-title, .content-tabs .content-tabs__faq-trigger:focus-visible .content-tabs__faq-trigger-title {
  color: #2D58BA;
}
.content-tabs .content-tabs__faq-trigger:focus-visible {
  outline: 0.2rem solid #2D58BA;
  outline-offset: 0.2rem;
}
.content-tabs .content-tabs__faq-trigger-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.content-tabs .content-tabs__faq-trigger-title {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #243B74;
  transition: color 0.15s ease-out;
}
.content-tabs .content-tabs__faq-trigger-subtext {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #575973;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}
.content-tabs .content-tabs__faq-trigger-icon {
  flex-shrink: 0;
  align-self: center;
  position: relative;
  width: 2rem;
  height: 2rem;
}
.content-tabs .content-tabs__faq-trigger-icon::before, .content-tabs .content-tabs__faq-trigger-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #243B74;
  transition: transform 0.15s ease-out, opacity 0.15s ease-out;
}
.content-tabs .content-tabs__faq-trigger-icon::before {
  width: 1.6rem;
  height: 0.2rem;
  transform: translate(-50%, -50%);
}
.content-tabs .content-tabs__faq-trigger-icon::after {
  width: 0.2rem;
  height: 1.6rem;
  transform: translate(-50%, -50%);
}
.content-tabs .content-tabs__faq-trigger.is-active .content-tabs__faq-trigger-icon::after {
  opacity: 0;
}
.content-tabs .content-tabs__faq-panel {
  padding: 0 3rem 2rem;
  color: #575973;
  font-size: 1.6rem;
  line-height: 1.5;
}
.content-tabs .content-tabs__faq-panel ul {
  padding-left: 1.25em;
  list-style-type: disc;
  list-style-position: outside;
}
.content-tabs .content-tabs__faq-panel ol {
  padding-left: 1.5em;
  list-style-type: decimal;
  list-style-position: outside;
}
.content-tabs .content-tabs__faq-panel-text {
  margin: 0 0 1rem;
}
.content-tabs .content-tabs__faq-panel-text p:first-child {
  margin-top: 0;
}
.content-tabs .content-tabs__faq-panel-text p:last-child {
  margin-bottom: 0;
}
.content-tabs .content-tabs__faq-panel-text a {
  color: #243B74;
  text-decoration: underline;
}
.content-tabs .content-tabs__faq-panel-download {
  margin-top: 1rem;
}
.content-tabs .content-tabs__infobox {
  border-radius: 0.8rem;
  border: 0.1rem solid #F6C64E;
  background-color: #FEF7DA;
  padding: 2rem;
}
.content-tabs .content-tabs__infobox h3 {
  font-size: 2rem;
  margin: 0 0 1rem;
}
@media screen and (max-width: 1099px) {
  .content-tabs .content-tabs__infobox h3 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .content-tabs .content-tabs__infobox h3 {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .content-tabs .content-tabs__infobox h3 {
    font-size: 1.48rem;
  }
}
@media (max-width: 1199.98px) {
  .content-tabs .content-tabs__hero-col--text, .content-tabs .content-tabs__hero-col--media {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 991.98px) {
  .content-tabs .content-tabs__tablist {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .content-tabs .content-tabs__tab {
    flex-shrink: 0;
    white-space: nowrap;
    font-size: 1.6rem;
    padding: 1.2rem 1.5rem;
  }
  .content-tabs .content-tabs__hero-col--text, .content-tabs .content-tabs__hero-col--media {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .content-tabs .content-tabs__hero-col--media {
    margin-top: 6rem;
  }
  .content-tabs .content-tabs__faq-trigger {
    padding: 1.5rem 1.5rem;
  }
  .content-tabs .content-tabs__faq-panel {
    padding: 0 1.5rem 1.5rem;
  }
}
/*
 * Produktdetailseite: Hintergrund in _custom.scss (Gradient auf color-1).
 */
.ce_rsce_infobar {
  background-color: #FFFFFF;
  color: #000000;
  border-bottom: #000000 1px solid;
  border-top: #000000 1px solid;
}
.ce_rsce_infobar.invert {
  background-color: #000000;
  color: #FFFFFF;
  border-bottom: #FFFFFF 1px solid;
  border-top: #FFFFFF 1px solid;
}
.ce_rsce_infobar .inside {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 2rem 0;
  line-height: 1.2;
  margin-bottom: -0.8rem;
}
[class*="layout-sidebar"] #main .ce_rsce_infobar .inside, [class*="layout-sidebar"] #left .ce_rsce_infobar .inside, [class*="layout-sidebar"] #right .ce_rsce_infobar .inside {
  max-width: 100%;
}
.ce_rsce_switch-gallery.switch-gallery-slider {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ce_rsce_switch-gallery.switch-gallery-slider, [class*="layout-sidebar"] #left .ce_rsce_switch-gallery.switch-gallery-slider, [class*="layout-sidebar"] #right .ce_rsce_switch-gallery.switch-gallery-slider {
  max-width: 100%;
}
.ce_rsce_headline-extended.invert {
  background-color: #000000;
  color: #FFFFFF;
  padding: 2rem 0;
}
.ce_rsce_headline-extended > div {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .ce_rsce_headline-extended > div, [class*="layout-sidebar"] #left .ce_rsce_headline-extended > div, [class*="layout-sidebar"] #right .ce_rsce_headline-extended > div {
  max-width: 100%;
}
.ce_rsce_timeline > ul {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  padding-left: 0;
}
.ce_rsce_timeline > ul::after {
  background-color: #243B74;
  width: 2px;
  margin-left: -1px;
}
.ce_rsce_timeline .timecontainer-wrapper {
  padding: 0;
  margin-bottom: 0;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-left, .ce_rsce_timeline .timecontainer-wrapper.direction-right {
  width: 100%;
  left: 0;
  padding: 0;
}
.ce_rsce_timeline .timecontainer-wrapper .time-period {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 0;
}
.ce_rsce_timeline .timecontainer-wrapper .time-period::before, .ce_rsce_timeline .timecontainer-wrapper .time-period::after {
  display: none;
}
.ce_rsce_timeline .timecontainer-wrapper .time-period span {
  padding: 1rem 2rem;
  background-color: #FFDD00;
  font-size: 1.4rem;
  position: relative;
  z-index: 2;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .image-container {
  grid-row: 1 / -1;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .image-container img {
  width: 100%;
  height: auto;
  display: block;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .text-container {
  padding: 1rem 0;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .text-container h2, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .text-container h3, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .text-container h4 {
  margin-bottom: 0.5rem;
  color: #243B74;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container {
  padding: 0 0 1rem;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  transform: perspective(0.1rem) translateZ(0);
  position: relative;
  transition-property: color;
  transition-duration: 0.3s;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:hover {
  background: #F3F5F8;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-out;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:hover, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:active, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:focus {
  color: #FFFFFF !important;
}
.ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:hover:after, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:active:after, .ce_rsce_timeline .timecontainer-wrapper .content-wrapper .link-container a:focus:after {
  transform: scaleX(1);
}
.ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .image-container {
  grid-column: 1;
  padding-right: 5rem;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .text-container {
  grid-column: 2;
  grid-row: 1;
  padding-left: 30px;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .link-container {
  grid-column: 2;
  grid-row: 2;
  padding-left: 30px;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .image-container {
  grid-column: 2;
  padding-left: 5rem;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .text-container {
  grid-column: 1;
  grid-row: 1;
  padding-right: 30px;
}
.ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .link-container {
  grid-column: 1;
  grid-row: 2;
  padding-right: 30px;
}
.ce_rsce_timeline > ul > li.direction-left .time-period > span {
  display: block;
  margin-left: inherit;
}
@media (max-width: 1199.98px) {
  .ce_rsce_timeline > ul {
    width: 66.667%;
  }
}
@media (max-width: 799.98px) {
  .ce_rsce_timeline > ul {
    width: auto;
    margin-left: 1.5rem;
    margin-right: 0;
  }
  .ce_rsce_timeline > ul::after {
    left: 0;
  }
  .ce_rsce_timeline .timecontainer-wrapper.direction-left .time-period, .ce_rsce_timeline .timecontainer-wrapper.direction-right .time-period {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
  }
  .ce_rsce_timeline .timecontainer-wrapper.direction-left .time-period span, .ce_rsce_timeline .timecontainer-wrapper.direction-right .time-period span {
    display: inline-block;
    margin-left: -1rem;
    text-align: left;
    max-width: 100%;
    box-sizing: border-box;
  }
  .ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper, .ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper {
    grid-template-columns: 1fr;
  }
  .ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .image-container, .ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .text-container, .ce_rsce_timeline .timecontainer-wrapper.direction-left .content-wrapper .link-container, .ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .image-container, .ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .text-container, .ce_rsce_timeline .timecontainer-wrapper.direction-right .content-wrapper .link-container {
    grid-column: 1;
    grid-row: auto;
    padding-left: 30px;
    padding-right: 0;
  }
}
/*
 * clearfix
 * for custom layout-container
 * source: https://www.cssmojo.com/the-very-latest-clearfix-reloaded/
 */
#off-canvas:after, #below-header:after, #below-header-2:after, #above-main-content:after, #above-footer:after {
  content: "";
  display: block;
  clear: both;
}
#wrapper {
  overflow-x: hidden;
}
#main {
  display: flex;
  flex-wrap: wrap;
}
#main > .inside {
  order: 2;
  width: 100%;
}
#main > #above-main-content {
  order: 1;
  width: 100%;
}
[class*="layout-sidebar"] #container {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
  /*
     * ls_contentWrapper must be included after make-row() to make sure that the necessary
     * auto margins left and right are not overridden by the bootstrap row. Otherwise the
     * container would not be centered.
     */
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main [class*="layout-sidebar"] #container, [class*="layout-sidebar"] #left [class*="layout-sidebar"] #container, [class*="layout-sidebar"] #right [class*="layout-sidebar"] #container {
  max-width: 100%;
}
[class*="layout-sidebar"] #container #left {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  padding-left: 0;
  order: 1;
}
[class*="layout-sidebar"] #container #main {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  order: 2;
}
[class*="layout-sidebar"] #container #right {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  order: 3;
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-left #container #left {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-left #container #left {
    padding-right: 0;
  }
}
[class*="layout-sidebar"].layout-sidebar-left #container #main {
  padding-right: 0;
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-left #container #main {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-left #container #main {
    padding-left: 0;
  }
}
[class*="layout-sidebar"].layout-sidebar-right #container #main {
  padding-left: 0;
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-right #container #main {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-right #container #main {
    padding-right: 0;
  }
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-right #container #right {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-right #container #right {
    padding-left: 0;
  }
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #left {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #left {
    padding-right: 0;
  }
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #main {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #main {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #main {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 1199.98px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #main {
    padding-right: 0;
  }
}
@media (min-width: 900px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #right {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 1200px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #right {
    padding-right: 0;
  }
}
@media (max-width: 1199.98px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #right {
    padding-left: 0;
  }
}
@media (max-width: 899.98px) {
  [class*="layout-sidebar"].layout-sidebar-left-right #container #right {
    padding-right: 0;
  }
}
/* muli-300 - latin */
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 300;
  src: url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.woff2") format("woff2"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.woff") format("woff"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.ttf") format("truetype"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-300.svg#Muli") format("svg");
  /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
  font-family: "Muli";
  font-style: normal;
  font-weight: 400;
  src: url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.woff2") format("woff2"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.woff") format("woff"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.ttf") format("truetype"), url("/files/merconisfiles/theme/fonts/muli/muli-v20-latin-regular.svg#Muli") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.woff2") format("woff2"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.woff") format("woff"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.ttf") format("truetype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.eot");
  /* IE9 Compat Modes */
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.eot?#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.woff2") format("woff2"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.woff") format("woff"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.ttf") format("truetype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.eot");
  /* IE9 Compat Modes */
  src: url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.woff2") format("woff2"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.woff") format("woff"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.ttf") format("truetype"), url("/files/merconisfiles/theme/fonts/roboto/roboto-v51-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
#breadcrumbNavigation {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
[class*="layout-sidebar"] #main #breadcrumbNavigation, [class*="layout-sidebar"] #left #breadcrumbNavigation, [class*="layout-sidebar"] #right #breadcrumbNavigation {
  max-width: 100%;
}
.mod_breadcrumb ul {
  margin: 0;
}
.mod_breadcrumb ul li {
  display: inline-block;
  white-space: nowrap;
  color: #777777;
  font-size: 1.36rem;
  margin-left: 0;
}
.mod_breadcrumb ul li a {
  color: #777777;
  font-size: 1.36rem;
  text-decoration: none;
}
.mod_breadcrumb ul li:not(:last-child):after {
  padding-left: 0.7rem;
  padding-right: 0.2rem;
  content: ">";
}
form .widget:not(:last-child) {
  margin-bottom: 2rem;
}
input:not([type="checkbox"]):not([type="radio"]), textarea {
  width: 100%;
  font-size: 1.44rem;
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  padding: 1.2rem;
  border: 0.1rem solid #777777;
}
input:not([type="checkbox"]):not([type="radio"])::placeholder, textarea::placeholder {
  color: #777777;
  opacity: 1;
  /* vermeidet zu helles Grau in Firefox */
}
input.text, select, textarea {
  padding: 1.2rem;
}
input[type="number"] {
  padding-left: 2rem;
  text-align: center;
}
.submit:not(.no-button), .button:not(.no-button), button:not(.no-button) {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
}
.submit:not(.no-button):hover, .button:not(.no-button):hover, button:not(.no-button):hover {
  background: #F3F5F8;
}
.no-button {
  background: none;
  border: none;
  padding: 0;
}
.ce_form .widget {
  margin-bottom: 1rem;
}
/*
 * Datenschutz / Erklärungsfeld: Kasten, Rahmen, Icon am umgebenden .widget-explanation; Typo
 * in span.information. Basis-Regel ohne :has (breite Browser-Unterstützung).
 * Leere Hinweisfelder zuverlässig ausblenden geht in reinem CSS nicht ohne :has/JS/Template: bei
 * Bedarf das Widget im Formular-Template nur rendern, wenn Inhalt existiert, oder unten
 * @supports-Block nutzen.
 * Markup: <div class="widget widget-explanation explanation"> <span class="information">…</span> </div>
 */
form .widget.widget-explanation.explanation {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  padding-left: 6.2rem;
  font-size: 1.4rem;
  border-radius: 0.8rem;
  border-style: solid;
  border-width: 0.1rem;
  background-color: #FEF7DA;
  border-color: #F6C64E;
}
form .widget.widget-explanation.explanation::before {
  content: "";
  position: absolute;
  left: 2rem;
  top: 2rem;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namelightbulb.svg");
}
form .widget.widget-explanation.explanation span.information {
  display: block;
  color: #575973;
  line-height: 1.5;
}
form .widget.widget-explanation.explanation span.information strong {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #243B74;
  display: block;
  margin: 0 0 1rem;
}
@media screen and (max-width: 1099px) {
  form .widget.widget-explanation.explanation span.information strong {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  form .widget.widget-explanation.explanation span.information strong {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  form .widget.widget-explanation.explanation span.information strong {
    font-size: 1.48rem;
  }
}
@supports (selector(:has(*))) {
  /* Nur Browser mit :has: leeren Kasten wieder zurücknehmen. */
  form .widget.widget-explanation.explanation:not(:is(:has(.information:not(:empty)), :not(:has(*)):not(:empty))) {
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: inherit;
  }
  form .widget.widget-explanation.explanation:not(:is(:has(.information:not(:empty)), :not(:has(*)):not(:empty)))::before {
    content: none;
  }
}
.widget.widget-text, .widget.widget-password, .widget.widget-textarea, .widget.widget-select {
  display: flex;
}
@media (max-width: 599.98px) {
  .widget.widget-text, .widget.widget-password, .widget.widget-textarea, .widget.widget-select {
    flex-direction: column;
  }
  .widget.widget-text label, .widget.widget-password label, .widget.widget-textarea label, .widget.widget-select label {
    width: 100%;
  }
}
.widget.widget-text label, .widget.widget-password label, .widget.widget-textarea label, .widget.widget-select label {
  width: 33.3%;
  min-width: 10rem;
  max-width: 30rem;
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget.widget-text input, .widget.widget-text select, .widget.widget-text textarea, .widget.widget-password input, .widget.widget-password select, .widget.widget-password textarea, .widget.widget-textarea input, .widget.widget-textarea select, .widget.widget-textarea textarea, .widget.widget-select input, .widget.widget-select select, .widget.widget-select textarea {
  width: 100%;
}
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #FFFFFF;
  border: 0.1rem solid #777777;
  border-radius: 0;
  cursor: pointer;
  /* Wie input::placeholder: $ls-color-1 ist ein helles Hintergrund-Blau, ungeeignet als Textfarbe. */
  color: #777777;
  padding-right: 3.4rem;
  /* Leerer Default bzw. optional: gleiches Grau wie ::placeholder. */
  /* Pflichtfeld mit gewähltem Wert: Fließtext wie ausgefüllte Inputs. */
}
select:invalid {
  color: #777777;
}
select:required:valid {
  color: #243B74;
}
select option {
  color: #243B74;
}
select option[value=""] {
  color: #777777;
}
form .sorting-field > div {
  position: relative;
  display: flex;
}
form .sorting-field > div::after {
  content: "";
  position: absolute;
  right: 1.2rem;
  display: flex;
  align-items: center;
  align-self: center;
  height: 100%;
  color: #000000;
  pointer-events: none;
}
form .widget-select {
  position: relative;
  display: flex;
}
form .widget-select::after {
  content: "";
  position: absolute;
  right: 1.2rem;
  display: flex;
  align-items: center;
  align-self: center;
  height: 100%;
  color: #000000;
  pointer-events: none;
}
@media (max-width: 599.98px) {
  form .widget-select::after {
    bottom: 1.4rem;
    align-items: end;
  }
}
.infoseiten .ce_text h2, .infoseiten .ce_text h3, .infoseiten .ce_text h4 {
  text-align: left;
}
.infoseiten .ce_text h2 {
  margin-top: 8rem;
}
.infoseiten .ce_text h3 {
  margin-top: 4rem;
}
.infoseiten .ce_text h4 {
  margin-top: 3rem;
}
.infoseiten .ce_text ul, .infoseiten .ce_text ol {
  margin-left: 4rem;
}
.infoseiten .ce_text a {
  color: #000000;
}
/*
 * Registered-Zeichen (®) hochgestellt. Themeweite Hilfsklasse: Die Klasse wird
 * serverseitig von den Templates erzeugt, die das Zeichen hochstellen
 * (Navigation, Footer), damit alle Stellen dieselbe Optik verwenden.
 *
 * Klein und an der Oberkante, damit es der Logo-Optik entspricht. Statt
 * `vertical-align: super` (Browser stellt zu hoch) eine definierte Verschiebung
 * über `top`; der Wert ist relativ zur Schriftgröße des Zeichens. line-height: 0
 * hält die Zeilenhöhe stabil.
 */
.registered-mark {
  position: relative;
  top: -0.7em;
  font-size: 0.6em;
  vertical-align: baseline;
  line-height: 0;
  font-weight: inherit;
  color: inherit;
}
/*
 * Hintergrund-Hilfsklassen fuer Contao (CSS-Klasse z. B. am Artikel oder Inhaltselement).
 * Nutzt die Projektfarben aus _variables.scss (u. a. fuer Vollbreiten-Sektionen mit LSCE-Inhalt im Content-Wrapper).
 */
.bg-color-1 {
  background-color: #F3F5F8;
}
.bg-color-2 {
  background-color: #D1D6E2;
}
.bg-color-3 {
  background-color: #243B74;
}
/*
 * Dunkelblau mit Rauten-Motiv (z. B. am mod_article), SVG rechts.
 */
.bg-darkblue-pattern {
  background-color: #243B74;
  background-image: url("/files/merconisfiles/usercontent/images/icons/raute_blau.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.bg-raute-color-1 {
  background-image: url("/files/merconisfiles/usercontent/images/icons/raute.svg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.bg-raute-color-2-right {
  background-image: url("/files/merconisfiles/usercontent/images/icons/raute_color2.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.bg-raute-white {
  background-image: url("/files/merconisfiles/usercontent/images/icons/raute_white.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.bg-color-4 {
  background-color: #0E182E;
}
.bg-color-6 {
  background-color: #575973;
}
.bg-color-9 {
  background-color: #FEF7DA;
}
.bg-white {
  background-color: #FFFFFF;
}
/*
 * Hintergrund auf Content-Wrapper-Breite (ls_contentWrapper), nicht Viewport-breit.
 * CSS-Klasse z. B. an mod_article oder an ce_rsce_accordion_box (.accordion-box).
 * Ergänzt .bg-color-* (Vollbreite) — hier nur die zentrierte Spalte gefärbt.
 */
.ls-bg-cw-1 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-1::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-1::before, [class*="layout-sidebar"] #left .ls-bg-cw-1::before, [class*="layout-sidebar"] #right .ls-bg-cw-1::before {
  max-width: 100%;
}
.ls-bg-cw-1::before {
  background-color: #F3F5F8;
}
.ls-bg-cw-2 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-2::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-2::before, [class*="layout-sidebar"] #left .ls-bg-cw-2::before, [class*="layout-sidebar"] #right .ls-bg-cw-2::before {
  max-width: 100%;
}
.ls-bg-cw-2::before {
  background-color: #D1D6E2;
}
.ls-bg-cw-3 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-3::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-3::before, [class*="layout-sidebar"] #left .ls-bg-cw-3::before, [class*="layout-sidebar"] #right .ls-bg-cw-3::before {
  max-width: 100%;
}
.ls-bg-cw-3::before {
  background-color: #243B74;
}
.ls-bg-cw-4 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-4::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-4::before, [class*="layout-sidebar"] #left .ls-bg-cw-4::before, [class*="layout-sidebar"] #right .ls-bg-cw-4::before {
  max-width: 100%;
}
.ls-bg-cw-4::before {
  background-color: #0E182E;
}
.ls-bg-cw-6 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-6::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-6::before, [class*="layout-sidebar"] #left .ls-bg-cw-6::before, [class*="layout-sidebar"] #right .ls-bg-cw-6::before {
  max-width: 100%;
}
.ls-bg-cw-6::before {
  background-color: #575973;
}
.ls-bg-cw-9 {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-9::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-9::before, [class*="layout-sidebar"] #left .ls-bg-cw-9::before, [class*="layout-sidebar"] #right .ls-bg-cw-9::before {
  max-width: 100%;
}
.ls-bg-cw-9::before {
  background-color: #FEF7DA;
}
.ls-bg-cw-white {
  position: relative;
  z-index: 0;
  isolation: isolate;
}
.ls-bg-cw-white::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  pointer-events: none;
}
[class*="layout-sidebar"] #main .ls-bg-cw-white::before, [class*="layout-sidebar"] #left .ls-bg-cw-white::before, [class*="layout-sidebar"] #right .ls-bg-cw-white::before {
  max-width: 100%;
}
.ls-bg-cw-white::before {
  background-color: #FFFFFF;
}
.mod_article.mt-0 {
  margin-top: 0;
}
.ls-mt-8 {
  margin-top: 8;
}
.mb-6 {
  margin-bottom: 6rem;
}
.ptb-6 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
.pb-3 {
  padding-bottom: 3rem;
}
.pb-6 {
  padding-bottom: 6rem;
}
.p-4 {
  padding: 4rem;
}
/*
 * Schriftgroessen-Hilfsklassen (z. B. am p oder am Artikel).
 * Body-Lead: gleiche responsive Stufen wie Fliesstext ($ls-font-resize-steps-standard-body).
 */
.font-size-body-lead {
  font-size: 1.8rem;
}
@media screen and (max-width: 799px) {
  .font-size-body-lead {
    font-size: 1.62rem;
  }
}
@media screen and (max-width: 499px) {
  .font-size-body-lead {
    font-size: 1.53rem;
  }
}
.font-size-body-small {
  font-size: 1.4rem;
}
.font-size-tagline {
  font-size: 1.4rem;
}
.font-size-subline {
  font-size: 2rem;
}
.font-uppercase {
  text-transform: uppercase;
  letter-spacing: 0.112rem;
}
/*
 * 12er-Raster wie .content-link-rows (1 | 10 | 1), direktes Kind von ls_contentWrapper.
 * Kein make-row auf derselben Klasse wie ls_contentWrapper: Row-Negativemargins brechen
 * aus dem max-width-Container (visuell nach links/rechts) aus. Nur .ls-cols-10-1-1 am
 * Inhalts-Block, kein .ls-cols-row am Artikel. Optional: img-Scale, damit grosse
 * Bildaussenmasse nicht quellen. Gutter links/rechts per padding 0; bündig am Spaltenrand.
 */
.ls-cols-10-1-1 {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 999.98px) {
  .ls-cols-10-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.ls-cols-10-1-1 figure {
  max-width: 100%;
}
.ls-cols-10-1-1 img, .ls-cols-10-1-1 video, .ls-cols-10-1-1 svg {
  max-width: 100%;
  height: auto;
}
/*
 * Contao-Standardgalerie: Logos sauber zentrieren, gleichmäßige Abstände
 * und vorhandene Bild-/Figure-Rahmen ausblenden.
 */
.content-gallery.ls-gallery-01 > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6rem;
}
.content-gallery.ls-gallery-01 > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}
.content-gallery.ls-gallery-01 figure {
  margin: 0;
  width: 100%;
  min-height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-gallery.ls-gallery-01 img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 9rem;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1199.98px) {
  .content-gallery.ls-gallery-01 > ul {
    gap: 0.5rem;
  }
}
@media (max-width: 991.98px) {
  .content-gallery.ls-gallery-01 > ul {
    gap: 0.375rem;
  }
}
/*
 * Link-Utility: Textlink mit blauem, gefuelltem Kreis und Pfeil-Icon aus usercontent.
 * Einsatz direkt am <a>, z. B. "Mehr erfahren".
 */
.link-arrow-circle-blue {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
}
.link-arrow-circle-blue::after {
  content: "";
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #F3F5F8;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namerightarrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.2rem 1.2rem;
}
.link-arrow-circle-blue:hover::after, .link-arrow-circle-blue:focus-visible::after {
  background-color: #2D58BA;
}
/*
 * Button-Utility fuer Links in TinyMCE-Feldern und Content (alle LSCEs, ce_text).
 * Optik wie image-text-inset__btn (ls_defaultButton + Farbmodifier).
 * Einsatz: class="ls-btn--blue" oder class="ls-btn--yellow" (jeweils allein ausreichend).
 * Optional zusaetzlich ls-btn als neutrale Basis (Standard: gelb).
 */
a.ls-btn, a.ls-btn--blue, a.ls-btn--yellow {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  display: inline-block;
  text-decoration: none;
}
a.ls-btn:hover, a.ls-btn--blue:hover, a.ls-btn--yellow:hover {
  background: #F3F5F8;
}
a.ls-btn--blue {
  background-color: #243B74;
  color: #FFFFFF;
}
a.ls-btn--blue:hover, a.ls-btn--blue:focus-visible {
  background-color: #2D58BA;
  color: #FFFFFF;
  opacity: 1;
}
a.ls-btn--yellow {
  background-color: #FFDD00;
  color: #000000;
}
a.ls-btn--yellow:hover, a.ls-btn--yellow:focus-visible {
  background-color: #F6C64E;
  opacity: 1;
}
.mod_registration {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .mod_registration, [class*="layout-sidebar"] #left .mod_registration, [class*="layout-sidebar"] #right .mod_registration {
  max-width: 100%;
}
.login-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .login-container, [class*="layout-sidebar"] #left .login-container, [class*="layout-sidebar"] #right .login-container {
  max-width: 100%;
}
.login-container > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.login-container > div > div {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (min-width: 900px) {
  .login-container > div > div {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .login-container > div > div:nth-child(1) {
    border-right: 0.2rem dotted #000000;
  }
}
.login-container .mod_login {
  margin-bottom: 6rem;
}
#mainNavigation {
  font-size: 1.76rem;
}
@media (max-width: 899.98px) {
  #left .lscss-standard-navigation ul, #right .lscss-standard-navigation ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  #left .lscss-standard-navigation ul li, #right .lscss-standard-navigation ul li {
    position: relative;
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 1.5rem;
  }
  #left .lscss-standard-navigation ul li:last-child, #right .lscss-standard-navigation ul li:last-child {
    margin-bottom: 0;
  }
  #left .lscss-standard-navigation ul li a, #left .lscss-standard-navigation ul li strong, #right .lscss-standard-navigation ul li a, #right .lscss-standard-navigation ul li strong {
    border: 0.1rem solid #000000;
    padding: 1rem;
    display: block;
    height: 100%;
  }
  #left .lscss-standard-navigation ul li a.active, #left .lscss-standard-navigation ul li strong.active, #right .lscss-standard-navigation ul li a.active, #right .lscss-standard-navigation ul li strong.active {
    background-color: #000000;
    color: #FFFFFF;
  }
  #left .lscss-standard-navigation ul li a:hover, #left .lscss-standard-navigation ul li a:focus, #left .lscss-standard-navigation ul li strong:hover, #left .lscss-standard-navigation ul li strong:focus, #right .lscss-standard-navigation ul li a:hover, #right .lscss-standard-navigation ul li a:focus, #right .lscss-standard-navigation ul li strong:hover, #right .lscss-standard-navigation ul li strong:focus {
    background-color: #777777;
    color: #FFFFFF;
  }
}
.level_2:has(.mega-menu-left, .mega-menu-right) {
  display: grid;
  grid-template-columns: 1fr 2fr 1.5fr;
  grid-auto-rows: auto;
  background-color: #FFFFFF;
  color: #0E182E;
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.12);
  width: 190rem;
  max-width: 85vw;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  margin-top: 1rem;
}
.level_2:has(.mega-menu-left, .mega-menu-right)::before, .level_2:has(.mega-menu-left, .mega-menu-right)::after {
  display: none;
}
.level_2:has(.mega-menu-left, .mega-menu-right) a {
  color: #0E182E;
}
.level_2:has(.mega-menu-left, .mega-menu-right) a:hover, .level_2:has(.mega-menu-left, .mega-menu-right) a:focus {
  color: #2D58BA;
}
nav.horizontalNavigation:not(.dropdown) > ul > li > ul > li > a, nav.horizontalNavigation:not(.dropdown) > ul > li > ul > li > span {
  border-bottom: none;
}
.mega-menu-right {
  grid-column: 3;
  grid-row: 1 / span 20;
  list-style: none;
  padding: 0;
  position: relative;
  overflow: hidden;
  border-left: 1px solid #D1D6E2;
}
.mega-menu-right .content-text {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mega-menu-right figure {
  position: absolute;
  inset: 0;
  margin: 0;
}
.mega-menu-right figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mega-menu-right figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(36, 59, 116, 0.65);
}
.mega-menu-right .media--above .rte {
  position: relative;
  z-index: 1;
  padding: 3rem;
  margin-top: auto;
  color: #FFFFFF;
}
.mega-menu-right .media--above .rte a {
  color: #FFFFFF;
  text-decoration: underline;
}
.mega-menu-right .content-text:not(.media) .rte {
  padding: 3rem;
}
.mega-menu-left {
  grid-column: 1;
  grid-row: 1 / span 20;
  list-style: none;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  border-right: 1px solid #D1D6E2;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) {
  background-color: transparent;
  grid-column: 2;
  list-style: none;
  display: grid;
  grid-template-columns: 4.5rem 1fr;
  grid-template-rows: auto auto;
  align-items: start;
  column-gap: 1.5rem;
  padding: 2.4rem 3rem;
  position: relative;
  cursor: pointer;
  transition: background-color 0.2s ease;
  /*
   * Aktiver Menüpunkt: eigener Farbton `$ls-color-12`.
   * Bleibt auch bei Hover auf dem aktiven Eintrag erhalten.
   */
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > a, .level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > strong {
  background-color: transparent;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right):last-child {
  border-bottom: none;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right):hover {
  background-color: #e4e8f0;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right).active, .level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right).active:hover {
  cursor: default;
  background-color: #C3C9D7;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > a, .level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > strong {
  grid-column: 2;
  grid-row: 1;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  color: #0E182E;
  align-self: center;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > a::before, .level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > strong::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > .mega-menu-icon {
  grid-column: 1;
  grid-row: 1 / -1;
  width: 4.5rem;
  height: 4.5rem;
  padding: 1rem;
  object-fit: contain;
  align-self: start;
  background-color: #F3F5F8;
  border-radius: 0.4rem;
  box-sizing: border-box;
  pointer-events: none;
  transition: background-color 0.2s ease;
}
.level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) > .mega-menu-description {
  grid-column: 2;
  grid-row: 2;
  font-size: 1.4rem;
  font-weight: normal;
  color: #575973;
  line-height: 1.5;
  margin-top: 0.4rem;
  pointer-events: none;
}
.level_2:has(.mega-menu-left):not(:has(.mega-menu-right)) {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(4, auto);
  align-content: start;
}
.level_2:has(.mega-menu-left):not(:has(.mega-menu-right)) > .mega-menu-left {
  grid-row: 1 / -1;
}
.level_2:has(.mega-menu-left):not(:has(.mega-menu-right)) > li:not(.mega-menu-left):not(.mega-menu-right) {
  grid-column: auto;
}
li.new > a::after, li.new > strong::after {
  content: "Neu";
  display: inline-block;
  margin-left: 0.8rem;
  padding: 0.2rem 0.8rem;
  font-size: 1.1rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #FFDD00;
  color: #0E182E;
  border-radius: 0.3rem;
  vertical-align: middle;
}
@media (max-width: 1199.98px) {
  .level_2:has(.mega-menu-left, .mega-menu-right) {
    grid-template-columns: 1fr;
  }
  .mega-menu-left, .mega-menu-right {
    display: none;
  }
  .level_2:has(.mega-menu-left, .mega-menu-right) > li:not(.mega-menu-left):not(.mega-menu-right) {
    grid-column: 1;
  }
  .level_2:has(.mega-menu-left):not(:has(.mega-menu-right)) {
    grid-template-columns: 1fr;
  }
}
/*
 * Registered-Zeichen im Navigationstext: klein und an der Oberkante,
 * damit es der Logo-Optik entspricht. Nur in der horizontalen Navigation
 * wirksam.
 *
 * Statt `vertical-align: super` (Browser stellt zu hoch) eine definierte
 * Verschiebung über `top`. Der Wert ist relativ zur Schriftgröße des
 * Zeichens: kleinerer Betrag setzt es tiefer, größerer höher.
 * line-height: 0 hält die Zeilenhöhe stabil.
 */
nav.horizontalNavigation .registered-mark {
  position: relative;
  top: -0.7em;
  font-size: 0.6em;
  vertical-align: baseline;
  line-height: 0;
  font-weight: inherit;
  color: inherit;
}
#off-canvas-search-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  #off-canvas-search-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  #off-canvas-search-container {
    padding: 0;
  }
}
#off-canvas-search-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main #off-canvas-search-container-inside, [class*="layout-sidebar"] #left #off-canvas-search-container-inside, [class*="layout-sidebar"] #right #off-canvas-search-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  #off-canvas-search-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
#off-canvas-search-container-inside .off-canvas-search-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
#off-canvas-search-container-inside .off-canvas-search-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
.ls_searchBox form {
  position: relative;
}
.ls_searchBox form #merconis_searchWord {
  width: 100%;
  padding: 1.2rem 0.6rem;
  border: 0.1rem solid #cccccc;
  background: transparent;
  margin-top: 1rem;
  margin-bottom: 3rem;
  line-height: normal;
}
.ls_searchBox form label {
  display: none;
}
.ls_searchBox form .submit {
  position: absolute;
  right: 0;
  top: 1rem;
  line-height: 2.6rem;
  background: #000000;
  border: 0;
  font-size: 2.1rem;
  color: #FFFFFF;
  padding: 0.9rem;
}
.ls_searchBox form .submit::after {
  content: "";
}
.ls_searchBox .merconisHitSelector {
  width: 100%;
  margin-top: 1rem;
}
.ls_searchBox .merconisHitSelector .hit {
  cursor: pointer;
  overflow: hidden;
  display: flex;
  padding: 2rem;
}
.ls_searchBox .merconisHitSelector .hit:not(:first-child) {
  border-top: 0.1rem solid #cccccc;
}
.ls_searchBox .merconisHitSelector .hit:hover {
  box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.5);
}
.ls_searchBox .merconisHitSelector .hit:hover:not(:first-child) {
  border-top-color: transparent;
}
.ls_searchBox .merconisHitSelector .hit:not(:last-child) {
  padding-bottom: 1rem;
}
.ls_searchBox .merconisHitSelector .hit .imageBox {
  width: 24%;
  min-width: 10rem;
  margin-right: 2%;
}
.ls_searchBox .merconisHitSelector .hit .detailsBox {
  width: 74%;
}
.ls_searchBox .merconisHitSelector .hit ._title {
  font-weight: 700;
}
.ls_searchBox .merconisHitSelector .hit ._code {
  font-style: italic;
  font-size: 80%;
}
.ls_searchBox .merconisHitSelector .hit ._priceAfterTaxFormatted {
  margin-top: 0.5rem;
  text-align: right;
  font-weight: 700;
}
.ls_searchBox .merconisHitSelector .hit ._mainImage img {
  max-width: 100%;
  max-height: 6rem;
}
.mod_unsubscribe .widget-text, .mod_subscribe .widget-text {
  display: inline-block;
  width: 60%;
  margin-right: 1rem;
}
.mod_unsubscribe .widget-submit, .mod_subscribe .widget-submit {
  display: inline-block;
}
header {
  width: 100%;
  position: relative;
  z-index: 10000;
}
#header-part-1 {
  background-color: #FFFFFF;
}
#header-part-1 .inside {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
[class*="layout-sidebar"] #main #header-part-1 .inside, [class*="layout-sidebar"] #left #header-part-1 .inside, [class*="layout-sidebar"] #right #header-part-1 .inside {
  max-width: 100%;
}
#header-part-1 #header-slogan {
  -ms-grid-column: 1;
  -ms-grid-column-span: 27;
  grid-column: 1 / 28;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column-align: start;
  justify-self: start;
  font-size: 1.3rem;
}
#header-part-1 #header-navigation-3 {
  -ms-grid-column: 29;
  -ms-grid-column-span: 19;
  grid-column: 29 / 48;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-column-align: end;
  justify-self: end;
  font-size: 1.3rem;
}
#header-part-1 #special-shop-navigation {
  -ms-grid-column: 35;
  -ms-grid-column-span: 13;
  grid-column: 35 / 48;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
#header-part-1 #special-shop-navigation .navigation-item {
  flex: 0 0 auto;
}
@media (max-width: 599.98px) {
  #header-part-1 #header-slogan {
    display: none;
  }
  #header-part-1 #special-shop-navigation {
    -ms-grid-column: 25;
    -ms-grid-column-span: 23;
    grid-column: 25 / 48;
  }
  #header-part-1 #header-navigation-3 {
    -ms-grid-column: 7;
    -ms-grid-column-span: 41;
    grid-column: 7 / 48;
  }
}
#header-part-2 {
  background-color: #FFFFFF;
  padding-top: 2rem;
  padding-bottom: 2rem;
  /*
   * .header-right: Flex-Container für Suche, Sprachwechsler, Login, "Beraten lassen".
   * Eine Grid-Zelle, innen Flex mit Gap. Keine individuellen Grid-Spalten pro Element nötig.
   */
  /* --- Suche (Icon) --- */
  /* --- Login-Button --- */
  /* --- "Beraten lassen" (#header-navigation-2) --- */
  /* --- #special-shop-navigation (Warenkorb etc., nur Header-Part-2) --- */
  /* --- Breakpoints --- */
  /* bis 1799.98px: Navigation linksbündig */
  /* bis 1399.98px: Navigation enger */
  /*
   * bis 1199.98px: Hauptnavigation aus, Hamburger ein.
   * Logo weicht dem Toggler nach rechts.
   */
  /* bis 999.98px: Header kompakter */
  /* bis 799.98px: Icon statt "Login"-Text */
  /* bis 599.98px: kompaktes mobiles Layout */
  /* bis 399.98px */
}
#header-part-2 .inside {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: auto;
  min-height: 8rem;
  max-height: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
[class*="layout-sidebar"] #main #header-part-2 .inside, [class*="layout-sidebar"] #left #header-part-2 .inside, [class*="layout-sidebar"] #right #header-part-2 .inside {
  max-width: 100%;
}
#header-part-2 #logo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 6;
  grid-column: 1 / 7;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: auto;
  justify-self: auto;
  max-height: 8.5rem;
  position: relative;
  z-index: 2;
}
#header-part-2 #mainNavigation {
  -ms-grid-column: 8;
  -ms-grid-column-span: 33;
  grid-column: 8 / 41;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  min-width: 0;
  position: relative;
  z-index: 1;
}
#header-part-2 .header-right {
  -ms-grid-column: 28;
  -ms-grid-column-span: 20;
  grid-column: 28 / 48;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
  position: relative;
  z-index: 3;
}
#header-part-2 .navigation-item.search > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  text-decoration: none;
}
#header-part-2 .navigation-item.search > a::before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namesuche.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1;
}
#header-part-2 .navigation-item.search > a > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#header-part-2 .navigation-item.login {
  white-space: nowrap;
}
#header-part-2 .navigation-item.login .login-icon {
  display: none;
}
#header-part-2 .navigation-item.login > a {
  display: block;
  padding: 0 1rem;
  text-align: center;
  text-decoration: none;
  line-height: 2.3;
  box-shadow: inset 0 0 0 1px #243B74;
  color: #243B74;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
#header-part-2 .navigation-item.login > a::before {
  content: none;
}
#header-part-2 .navigation-item.login > a:hover {
  background-color: #243B74;
  box-shadow: inset 0 0 0 1px #243B74;
  color: #FFFFFF;
}
#header-part-2 .navigation-item.login > a sup {
  font-size: 0.6em;
  vertical-align: super;
  line-height: 0;
}
#header-part-2 #header-navigation-2 {
  flex-shrink: 0;
}
#header-part-2 #special-shop-navigation {
  display: none;
}
@media (max-width: 1799.98px) {
  #header-part-2 #mainNavigation {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
@media (max-width: 1399.98px) {
  #header-part-2 .inside {
    height: 6rem;
  }
  #header-part-2 #mainNavigation {
    -ms-grid-column: 8;
    -ms-grid-column-span: 32;
    grid-column: 8 / 40;
  }
  #header-part-2 #mainNavigation ul > li:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (max-width: 1199.98px) {
  #header-part-2 #mainNavigation {
    display: none;
  }
  #header-part-2 #logo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    grid-column: 4 / 15;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    max-height: 6rem;
    overflow: visible;
  }
  #header-part-2 .header-right {
    -ms-grid-column: 20;
    -ms-grid-column-span: 28;
    grid-column: 20 / 48;
  }
  #header-part-2 .navigation-item.search > a {
    width: 4rem;
    height: 4rem;
  }
  #header-part-2 .navigation-item.login > a {
    min-height: 4rem;
  }
}
@media (max-width: 1099.98px) {
  #header-part-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  #header-part-2 .inside {
    height: 6rem;
    min-height: 4rem;
  }
}
@media (max-width: 799.98px) {
  #header-part-2 .navigation-item.login .login-label, #header-part-2 .navigation-item.login .customer-label {
    display: none;
  }
  #header-part-2 .navigation-item.login > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #header-part-2 .navigation-item.login > a::before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    margin-right: 0.35rem;
    background-image: url("/files/merconisfiles/usercontent/images/icons/Nameperson.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  #header-part-2 .navigation-item.login > a:hover::before {
    filter: brightness(0) invert(1);
  }
}
@media (max-width: 599.98px) {
  #header-part-2 {
    /*
     * Breitere Spalte, aber Höhe begrenzt: sonst skaliert das Logo über die
     * Header-Höhe hinaus, weil `overflow: visible` ab down(11) gilt.
     */
  }
  #header-part-2 #logo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 19;
    grid-column: 4 / 23;
    max-height: 4.5rem;
  }
  #header-part-2 #logo a img {
    max-height: 4.5rem;
  }
  #header-part-2 .header-right {
    -ms-grid-column: 25;
    -ms-grid-column-span: 23;
    grid-column: 25 / 48;
    gap: 0.5rem;
  }
}
@media (max-width: 399.98px) {
  #header-part-2 #logo {
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    grid-column: 6 / 25;
  }
  #header-part-2 #header-navigation-2 {
    display: none;
  }
  #header-part-2 .navigation-item.search, #header-part-2 .ls_languageSelector {
    top: 0.25rem;
  }
  #header-part-2 .navigation-item.login .brand-label {
    display: none;
  }
  #header-part-2 .navigation-item.login > a {
    width: 4rem;
    height: 4rem;
    padding: 0;
    line-height: 1;
  }
  #header-part-2 .navigation-item.login > a::before {
    margin-right: 0;
  }
}
/*
 * "Beraten lassen" nur in Login-Layouts (body.btn-wcs) ab Tablet ausblenden.
 * Standard-/Transparenz-Layouts ohne Login behalten den Button.
 */
@media (max-width: 1599.98px) {
  body.btn-wcs #header-part-2 #header-navigation-2 {
    display: none;
  }
}
#mainNavigation {
  display: flex;
}
#mainNavigation > ul > li {
  font-size: 1.6rem;
}
#mainNavigation > ul > li > a, #mainNavigation > ul > li > span, #mainNavigation > ul > li > strong {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#logo {
  max-height: 6rem;
  overflow: hidden;
}
#logo a {
  display: flex;
  height: 100%;
  width: 100%;
}
#logo a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
@media (max-width: 1099.98px) {
  #header-part-2 #logo a img {
    margin: auto 0;
    object-fit: contain;
  }
}
@media (max-width: 599.98px) {
  #header-part-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
/*
 * Off-Canvas-Toggler: nur wenn Hauptnavigation ausgeblendet ist (down(11)).
 * Platz links im Grid (Logo ab Spalte 4).
 */
#off-canvas-navi-toggler {
  display: none;
}
@media (max-width: 1199.98px) {
  #off-canvas-navi-toggler {
    display: block;
    position: fixed;
    left: max(1rem, 7.5vw);
    top: calc(1rem + 3rem - 1.25rem);
    z-index: 99903;
    opacity: 1;
  }
  body:not(.show-sticky).scrolling-down #off-canvas-navi-toggler, body:not(.show-sticky).scrolling-up #off-canvas-navi-toggler {
    opacity: 1;
  }
  body.sticky #off-canvas-navi-toggler {
    top: calc(0.8rem + 2.5rem - 1.25rem);
  }
}
/*
 * Navigation über dem Hero (Seitenlayout-Klasse layout-nav-over-hero).
 * Dropdown/Unternavigation wird separat gestaltet.
 *
 * Der stickyHeader-JS setzt inline padding-top auf body, um Platz für den
 * absolut positionierten Header zu schaffen. Im Overlay-Modus wird dieses
 * Padding entfernt, damit der Hero direkt am oberen Rand beginnt.
 */
body.layout-nav-over-hero {
  padding-top: 0 !important;
}
body.layout-nav-over-hero:not(.sticky) #header-part-1 {
  background-color: transparent;
}
body.layout-nav-over-hero:not(.sticky) #header-part-1 #header-slogan, body.layout-nav-over-hero:not(.sticky) #header-part-1 #header-navigation-3 {
  color: #FFFFFF;
}
body.layout-nav-over-hero:not(.sticky) #header-part-1 #header-navigation-3 a, body.layout-nav-over-hero:not(.sticky) #header-part-1 #header-navigation-3 span {
  color: #FFFFFF;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 {
  background-color: transparent;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 #mainNavigation > ul > li > a, body.layout-nav-over-hero:not(.sticky) #header-part-2 #mainNavigation > ul > li > span, body.layout-nav-over-hero:not(.sticky) #header-part-2 #mainNavigation > ul > li > strong {
  color: #FFFFFF;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .navigation-item.search > a::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namesuche_weiss.svg");
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .ls_languageSelector .more-available-languages::before {
  color: #FFFFFF;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .navigation-item.login > a {
  box-shadow: inset 0 0 0 1px #FFFFFF;
  color: #FFFFFF;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .navigation-item.login > a::before {
  filter: brightness(0) invert(1);
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .navigation-item.login > a:hover {
  background-color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #FFFFFF;
  color: #243B74;
}
body.layout-nav-over-hero:not(.sticky) #header-part-2 .navigation-item.login > a:hover::before {
  filter: none;
}
body.layout-nav-over-hero:not(.sticky) #logo a {
  background-image: url("/files/merconisfiles/usercontent/images/logos/logo_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left;
}
body.layout-nav-over-hero:not(.sticky) #logo a img {
  opacity: 0;
}
body.layout-nav-over-hero:not(.sticky) #off-canvas-navi-toggler .nav-bars, body.layout-nav-over-hero:not(.sticky) #off-canvas-navi-toggler .nav-bars::before, body.layout-nav-over-hero:not(.sticky) #off-canvas-navi-toggler .nav-bars::after {
  background-color: #FFFFFF;
}
body.sticky.layout-nav-over-hero #logo a {
  background-image: none;
}
body.sticky.layout-nav-over-hero #logo a img {
  opacity: 1;
}
body.sticky header #header-part-1 {
  display: none;
}
body.sticky header #header-part-2 {
  padding-bottom: 0.8rem;
  padding-top: 0.8rem;
}
body.sticky header #header-part-2 .inside {
  height: 5rem;
  min-height: 1rem;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  /* bis 1799.98px: Navigation linksbündig */
  /* bis 1399.98px */
  /* bis 1199.98px: Hauptnavigation aus */
}
body.sticky header #header-part-2 .inside #logo {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1 / 4;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: auto;
  justify-self: auto;
  max-height: 6rem;
}
body.sticky header #header-part-2 .inside #logo a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
body.sticky header #header-part-2 .inside #mainNavigation {
  -ms-grid-column: 8;
  -ms-grid-column-span: 33;
  grid-column: 8 / 41;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
  -ms-grid-row-align: center;
  align-self: center;
  min-width: 0;
}
body.sticky header #header-part-2 .inside .header-right {
  -ms-grid-column: 28;
  -ms-grid-column-span: 20;
  grid-column: 28 / 48;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1 / 2;
  -ms-grid-row-align: center;
  align-self: center;
  -ms-grid-column-align: end;
  justify-self: end;
}
@media (max-width: 1799.98px) {
  body.sticky header #header-part-2 .inside #mainNavigation {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
  }
}
@media (max-width: 1399.98px) {
  body.sticky header #header-part-2 .inside #mainNavigation {
    -ms-grid-column: 8;
    -ms-grid-column-span: 32;
    grid-column: 8 / 40;
  }
  body.sticky header #header-part-2 .inside #mainNavigation ul > li:not(:last-child) {
    margin-right: 1rem;
  }
}
@media (max-width: 1199.98px) {
  body.sticky header #header-part-2 .inside #mainNavigation {
    display: none;
  }
  body.sticky header #header-part-2 .inside #logo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 7;
    grid-column: 4 / 11;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    max-height: 5rem;
    overflow: hidden;
  }
  body.sticky header #header-part-2 .inside .header-right {
    -ms-grid-column: 20;
    -ms-grid-column-span: 28;
    grid-column: 20 / 48;
  }
}
@media (max-width: 799.98px) {
  body.sticky header #header-part-2 .inside #logo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 9;
    grid-column: 4 / 13;
    max-height: 5rem;
  }
  body.sticky header #header-part-2 .inside #logo a {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 599.98px) {
  body.sticky header #header-part-2 .inside #logo {
    -ms-grid-column: 4;
    -ms-grid-column-span: 11;
    grid-column: 4 / 15;
  }
  body.sticky header #header-part-2 .inside .header-right {
    -ms-grid-column: 25;
    -ms-grid-column-span: 23;
    grid-column: 25 / 48;
    gap: 0.5rem;
  }
}
@media (max-width: 399.98px) {
  body.sticky header #header-part-2 .inside #logo {
    -ms-grid-column: 6;
    -ms-grid-column-span: 19;
    grid-column: 6 / 25;
  }
  body.sticky header #header-part-2 .inside #header-navigation-2 {
    display: none;
  }
}
#header-navigation-2 ul {
  list-style: none;
  display: flex;
  margin-bottom: 0;
}
#header-navigation-2 ul li {
  white-space: nowrap;
}
#header-navigation-2 ul li > a, #header-navigation-2 ul li strong {
  display: block;
  padding: 0 1.5rem;
  min-width: 80px;
  text-align: center;
  position: relative;
  line-height: 2.3;
  transition: background-color 0.3s, border 0.3s;
}
#header-navigation-2 ul li > a::after, #header-navigation-2 ul li strong::after {
  content: "";
  display: inline-block;
  height: 20px;
  right: -11px;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  width: 20px;
}
#header-navigation-2 ul li > a:hover, #header-navigation-2 ul li strong:hover {
  background-color: #f5f5f5;
}
body.layout-nav-over-hero:not(.sticky) #header-navigation-2 ul li > a, body.layout-nav-over-hero:not(.sticky) #header-navigation-2 ul li strong {
  background-color: #FFDD00;
}
body.layout-nav-over-hero:not(.sticky) #header-navigation-2 ul li > a:hover, body.layout-nav-over-hero:not(.sticky) #header-navigation-2 ul li strong:hover {
  background-color: #F6C64E;
}
body.layout-standard #header-navigation-2 ul li > a, body.layout-standard #header-navigation-2 ul li strong, body.sticky.layout-nav-over-hero #header-navigation-2 ul li > a, body.sticky.layout-nav-over-hero #header-navigation-2 ul li strong {
  background-color: #243B74;
  color: #FFFFFF;
}
body.layout-standard #header-navigation-2 ul li > a:hover, body.layout-standard #header-navigation-2 ul li strong:hover, body.sticky.layout-nav-over-hero #header-navigation-2 ul li > a:hover, body.sticky.layout-nav-over-hero #header-navigation-2 ul li strong:hover {
  background-color: #2D58BA;
}
@media (max-width: 799.98px) {
  #header-navigation-2 ul li > a, #header-navigation-2 ul li strong {
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 0;
  }
}
#special-shop-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#special-shop-navigation .navigation-item {
  font-size: 1.2rem;
  position: relative;
}
#special-shop-navigation .navigation-item:not(:first-child) {
  margin-left: 2rem;
}
@media only screen and (max-width: 599px) {
  #special-shop-navigation .navigation-item:not(:first-child) {
    margin-left: 1rem;
  }
}
#special-shop-navigation .navigation-item > a {
  display: flex;
  align-items: center;
  text-align: left;
}
#special-shop-navigation .navigation-item > a::before {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 0.5rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 399px) {
  #special-shop-navigation .navigation-item > a::before {
    width: 2rem;
    height: 2rem;
    flex-basis: 2rem;
  }
}
#special-shop-navigation .navigation-item.my-shop > a::before {
  content: "";
  background-image: url("/files/merconisfiles/usercontent/images/icons/Nameperson.svg");
}
#special-shop-navigation .navigation-item.register > a::before {
  content: "";
  background-image: url("/files/merconisfiles/usercontent/images/icons/Nameperson_plus.svg");
}
#special-shop-navigation .navigation-item.logout > a::before {
  content: "";
  background-image: url("/files/merconisfiles/usercontent/images/icons/abmelden.svg");
}
#special-shop-navigation .navigation-item.cart > a::before {
  content: "";
  background-image: url("/files/merconisfiles/usercontent/images/icons/NameShoppingcart.svg");
}
@media only screen and (max-width: 1440px) {
  #special-shop-navigation .navigation-item > a > span:not(#cart-num-items) {
    display: block;
  }
}
body.show-sticky #special-shop-navigation .navigation-item > a span:not(#cart-num-items) {
  display: block;
}
#special-shop-navigation .navigation-item.cart > a #cart-num-items {
  left: 11%;
}
#special-shop-navigation .navigation-item.cart > a #cart-num-items + span {
  margin-left: 1rem;
}
#off-canvas-language-selector-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  #off-canvas-language-selector-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  #off-canvas-language-selector-container {
    padding: 0;
  }
}
#off-canvas-language-selector-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main #off-canvas-language-selector-container-inside, [class*="layout-sidebar"] #left #off-canvas-language-selector-container-inside, [class*="layout-sidebar"] #right #off-canvas-language-selector-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  #off-canvas-language-selector-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
#off-canvas-language-selector-container-inside .off-canvas-language-selector-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
#off-canvas-language-selector-container-inside .off-canvas-language-selector-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
.ls_languageSelector .current-language-info {
  margin-bottom: 2rem;
}
.ls_languageSelector .current-language-info .current-language {
  font-weight: 700;
}
.ls_languageSelector .more-available-languages h3 {
  margin-bottom: 1.5rem;
}
.ls_languageSelector .more-available-languages > ul {
  margin-left: 3rem;
}
.ls_languageSelector .more-available-languages .available-language {
  font-weight: 700;
}
.ls_languageSelector .more-available-languages .available-language::before {
  content: "";
  margin-right: 0.5rem;
}
.ls_languageSelector ul {
  list-style: none;
}
.ls_languageSelector ul li {
  margin-bottom: 0.8rem;
}
#header-part-2 .ls_languageSelector {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.35rem;
  line-height: 1;
}
#header-part-2 .ls_languageSelector .current-language-info {
  margin-bottom: 0;
  font-size: 0;
  line-height: 0;
}
#header-part-2 .ls_languageSelector .current-language {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
#header-part-2 .ls_languageSelector .more-available-languages {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
#header-part-2 .ls_languageSelector .more-available-languages h3 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
#header-part-2 .ls_languageSelector .more-available-languages::before {
  content: "";
  font-size: 0.85rem;
  color: #2D58BA;
  line-height: 1;
  flex-shrink: 0;
}
#header-part-2 .ls_languageSelector .more-available-languages ul {
  position: absolute;
  top: calc(100% + 0.6rem);
  right: 0;
  left: auto;
  z-index: 10020;
  margin: 0;
  padding: 0.6rem 0.8rem;
  list-style: none;
  background-color: #FFFFFF;
  border-radius: 0.3rem;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
#header-part-2 .ls_languageSelector .more-available-languages ul li {
  margin: 0 0 0.4rem;
}
#header-part-2 .ls_languageSelector .more-available-languages ul li:last-child {
  margin-bottom: 0;
}
#header-part-2 .ls_languageSelector:hover .more-available-languages ul, #header-part-2 .ls_languageSelector:focus-within .more-available-languages ul {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (max-width: 599.98px) {
  #header-part-2 .ls_languageSelector .more-available-languages::before {
    display: none;
  }
}
#header-part-2 .ls_languageSelector .available-language {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  border-radius: 50%;
  overflow: hidden;
  font-weight: normal;
}
#header-part-2 .ls_languageSelector .available-language::before {
  margin-right: 0;
}
#header-part-2 .ls_languageSelector .available-language[lang="de"]::before, #header-part-2 .ls_languageSelector .available-language[lang="en"]::before, #header-part-2 .ls_languageSelector .available-language[lang="de-AT"]::before, #header-part-2 .ls_languageSelector .available-language[lang="de-CH"]::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#header-part-2 .ls_languageSelector .available-language[lang="de"]::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/de-icon.svg");
}
#header-part-2 .ls_languageSelector .available-language[lang="en"]::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/en-icon.svg");
}
#header-part-2 .ls_languageSelector .available-language[lang="de-AT"]::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/at-icon.svg");
}
#header-part-2 .ls_languageSelector .available-language[lang="de-CH"]::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/ch-icon.svg");
}
html[lang|="de"] #header-part-2 .ls_languageSelector .current-language::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-image: url("/files/merconisfiles/usercontent/images/icons/de-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
html[lang|="de-AT"] #header-part-2 .ls_languageSelector .current-language::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/at-icon.svg");
}
html[lang|="de-CH"] #header-part-2 .ls_languageSelector .current-language::before {
  background-image: url("/files/merconisfiles/usercontent/images/icons/ch-icon.svg");
}
html[lang|="en"] #header-part-2 .ls_languageSelector .current-language::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background-image: url("/files/merconisfiles/usercontent/images/icons/en-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (max-width: 1199.98px) {
  #header-part-2 .ls_languageSelector .current-language-info {
    padding: 1rem;
  }
  #header-part-2 .ls_languageSelector .available-language {
    width: 4rem;
    height: 4rem;
  }
  #header-part-2 .ls_languageSelector .available-language[lang]::before {
    background-size: 2.4rem;
  }
}
.ls_videoContainer {
  position: relative;
  width: 100%;
  padding-bottom: 56.25% !important;
  height: 0;
  overflow: visible;
}
.ls_videoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ls_videoContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ls_videoContainer object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ls_videoContainer embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*
 * Newsliste (desktop first), Uebersicht (ohne newslist--group):
 * Desktop 2-3-2-3 (6-Spalten-Raster: 2er-Zeile je span 3, 3er-Zeile je span 2).
 * Tablet 2 Spalten, Mobil 1. newslist--group: 4 Spalten (unveraendert).
 * Varianten ueber Klassen am umschliessenden Element (mod_article, Body-Klasse):
 *   newslist--group / news-group  Startseite: 4 Spalten, down(12) 2, down(6) 1
 *   newslist--blog                Blog-Seite (Datum aus)
 *   newslist--schulungen          Schulungen (Datum sichtbar)
 *
 * Teaser-Kuerzung (line-clamp): Headline 2 Zeilen, Teaser 3 Zeilen (Gruppe: 2).
 * Bilder: Container 3:2, object-fit cover (nur Listen, nicht Reader).
 * Hinweis: pro Seite 5/10/15 Eintraege (2+3-Zyklus) fuer saubere Zeilen.
 */
.mod_newslist {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 3rem;
  row-gap: 6rem;
  /* 2-3-2-3: Zyklus 5 Artikel (nth-of-type, Pagination ist <nav> und stoert nicht) */
}
.mod_newslist > .layout_latest, .mod_newslist > div.layout_latest {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
}
.mod_newslist > .layout_latest h2, .mod_newslist > div.layout_latest h2 {
  font-size: 2.6rem;
  margin-top: 0;
  margin-bottom: 1rem;
  width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.mod_newslist > .layout_latest h2 a, .mod_newslist > div.layout_latest h2 a {
  color: #2D58BA;
  text-decoration: none;
}
.mod_newslist > .layout_latest h2 a:hover, .mod_newslist > div.layout_latest h2 a:hover {
  text-decoration: underline;
}
.mod_newslist > .layout_latest .image_container, .mod_newslist > .layout_latest figure.image_container, .mod_newslist > div.layout_latest .image_container, .mod_newslist > div.layout_latest figure.image_container {
  float: none;
  width: 100%;
  max-width: 100%;
  margin: 0 0 3rem;
  aspect-ratio: 1.5;
  overflow: hidden;
}
.mod_newslist > .layout_latest .image_container.float_left, .mod_newslist > .layout_latest .image_container.float_right, .mod_newslist > .layout_latest figure.image_container.float_left, .mod_newslist > .layout_latest figure.image_container.float_right, .mod_newslist > div.layout_latest .image_container.float_left, .mod_newslist > div.layout_latest .image_container.float_right, .mod_newslist > div.layout_latest figure.image_container.float_left, .mod_newslist > div.layout_latest figure.image_container.float_right {
  float: none;
}
.mod_newslist > .layout_latest .image_container a, .mod_newslist > .layout_latest figure.image_container a, .mod_newslist > div.layout_latest .image_container a, .mod_newslist > div.layout_latest figure.image_container a {
  display: block;
  width: 100%;
  height: 100%;
}
.mod_newslist > .layout_latest .image_container picture, .mod_newslist > .layout_latest figure.image_container picture, .mod_newslist > div.layout_latest .image_container picture, .mod_newslist > div.layout_latest figure.image_container picture {
  display: block;
  width: 100%;
  height: 100%;
}
.mod_newslist > .layout_latest .image_container img, .mod_newslist > .layout_latest figure.image_container img, .mod_newslist > div.layout_latest .image_container img, .mod_newslist > div.layout_latest figure.image_container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mod_newslist > .layout_latest .ce_text, .mod_newslist > div.layout_latest .ce_text {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.mod_newslist > .layout_latest .ce_text p, .mod_newslist > div.layout_latest .ce_text p {
  margin-top: 0;
  margin-bottom: 0;
}
.mod_newslist > .layout_latest .more, .mod_newslist > div.layout_latest .more {
  width: 100%;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0;
}
.mod_newslist > .layout_latest .more a, .mod_newslist > div.layout_latest .more a {
  color: #2D58BA;
  text-decoration: underline;
}
.mod_newslist > div.layout_latest:nth-of-type(5n + 1), .mod_newslist > div.layout_latest:nth-of-type(5n + 2) {
  grid-column: span 3;
}
.mod_newslist > div.layout_latest:nth-of-type(5n + 3), .mod_newslist > div.layout_latest:nth-of-type(5n + 4), .mod_newslist > div.layout_latest:nth-of-type(5n + 5) {
  grid-column: span 2;
}
.mod_newslist > .pagination {
  grid-column: 1 / -1;
}
.mod_newslist .info {
  display: none;
}
.mod_newslist .author {
  display: none;
}
@media (max-width: 1099.98px) {
  .mod_newslist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mod_newslist > div.layout_latest {
    grid-column: auto;
  }
}
@media (max-width: 999.98px) {
  .mod_newslist {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Blog: Datum ausblenden (Standard in .mod_newslist, Klasse zur eindeutigen Zuordnung) */
.newslist--blog .mod_newslist .info, .mod_newslist.newslist--blog .info {
  display: none;
}
/* Schulungen: Datum / Meta sichtbar */
.newslist--schulungen .mod_newslist .info, .mod_newslist.newslist--schulungen .info {
  display: block;
  margin: 0 0 0.5rem;
  font-size: 1.4rem;
  color: #8F90A2;
}
/*
 * Startseite / Teaser-Gruppe: Desktop 4 Spalten, down(12): 2, down(6): 1.
 * Klasse am Artikel oder Body: newslist--group (empfohlen) oder news-group.
 */
.newslist--group .mod_newslist, .news-group .mod_newslist, .mod_newslist.newslist--group, .mod_newslist.news-group {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.newslist--group .mod_newslist > .layout_latest, .newslist--group .mod_newslist > div.layout_latest, .news-group .mod_newslist > .layout_latest, .news-group .mod_newslist > div.layout_latest, .mod_newslist.newslist--group > .layout_latest, .mod_newslist.newslist--group > div.layout_latest, .mod_newslist.news-group > .layout_latest, .mod_newslist.news-group > div.layout_latest {
  grid-column: auto;
}
@media (max-width: 1299.98px) {
  .newslist--group .mod_newslist, .news-group .mod_newslist, .mod_newslist.newslist--group, .mod_newslist.news-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 699.98px) {
  .newslist--group .mod_newslist, .news-group .mod_newslist, .mod_newslist.newslist--group, .mod_newslist.news-group {
    grid-template-columns: minmax(0, 1fr);
  }
}
.newslist--group .mod_newslist > .layout_latest .ce_text, .newslist--group .mod_newslist > div.layout_latest .ce_text, .news-group .mod_newslist > .layout_latest .ce_text, .news-group .mod_newslist > div.layout_latest .ce_text, .mod_newslist.newslist--group > .layout_latest .ce_text, .mod_newslist.newslist--group > div.layout_latest .ce_text, .mod_newslist.news-group > .layout_latest .ce_text, .mod_newslist.news-group > div.layout_latest .ce_text {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.mod_newsreader {
  margin-bottom: 6rem;
  /*
   * `p.back` statt `.back`: Der Back-Link hat keine Klasse und wird sonst von
   * `.mod_article a:not([class])` (`_custom.scss`, später importiert)
   * unterstrichen. Das Element im Selektor hebt die Spezifität ausreichend an.
   */
}
.mod_newsreader .layout_full > h1 {
  font-size: 3.6rem;
}
@media screen and (max-width: 1099px) {
  .mod_newsreader .layout_full > h1 {
    font-size: 3.24rem;
  }
}
@media screen and (max-width: 799px) {
  .mod_newsreader .layout_full > h1 {
    font-size: 2.952rem;
  }
}
@media screen and (max-width: 499px) {
  .mod_newsreader .layout_full > h1 {
    font-size: 2.664rem;
  }
}
.mod_newsreader .layout_full > h2 {
  font-size: 3.2rem;
}
@media screen and (max-width: 1099px) {
  .mod_newsreader .layout_full > h2 {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .mod_newsreader .layout_full > h2 {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .mod_newsreader .layout_full > h2 {
    font-size: 2.368rem;
  }
}
.mod_newsreader .layout_full > h3 {
  font-size: 2.6rem;
}
@media screen and (max-width: 1099px) {
  .mod_newsreader .layout_full > h3 {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  .mod_newsreader .layout_full > h3 {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  .mod_newsreader .layout_full > h3 {
    font-size: 1.924rem;
  }
}
.mod_newsreader .layout_full > p.info {
  margin-bottom: 2rem;
}
.mod_newsreader .layout_full .author {
  display: none;
}
.mod_newsreader .layout_full .content-image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mod_newsreader .layout_full .content-image figcaption {
  margin-top: 1rem;
}
.mod_newsreader h1.content-headline {
  display: none;
}
.mod_newsreader .image_container {
  margin-bottom: 3rem;
}
.mod_newsreader p.back {
  margin-top: 6rem;
}
.mod_newsreader p.back > a {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  text-decoration: none;
}
.mod_newsreader p.back > a:hover {
  background: #F3F5F8;
}
.mod_newsreader p.back > a:hover, .mod_newsreader p.back > a:focus {
  text-decoration: none;
}
#back-to-top {
  position: fixed;
  bottom: 6rem;
  right: 4rem;
  font-size: 2.4rem;
  color: #777777;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
#back-to-top.show {
  opacity: 1;
}
#back-to-top:hover {
  color: #cccccc;
}
/*
 * Globale Listen-Icons: CSS-Klasse am umschließenden Element (z. B. Experten-CSS-Klasse).
 * Alle ul > li in diesem Block erhalten denselben Marker (Pfeil oder Häkchen, Farbvariante).
 * Erweiterung: Selektor in die ersten beiden Gruppen und eine Zeile fuer ::before-Farbe ergaenzen.
 *
 * list-icon--arrow-circle-blue: weißer Kreis (::before), Pfeil als SVG in ::after, strong = Body-Lead
 *   (Namerightarrow.svg, analog Namecheck.svg in diesem Ordner).
 */
.list-icon--arrow-blue ul, .list-icon--arrow-white ul, .list-icon--arrow-yellow ul, .list-icon--check-blue ul, .list-icon--check-white ul, .list-icon--check-yellow ul {
  margin-top: 3rem;
  padding-left: 0;
  list-style: none;
}
.list-icon--arrow-blue ul > li, .list-icon--arrow-white ul > li, .list-icon--arrow-yellow ul > li, .list-icon--check-blue ul > li, .list-icon--check-white ul > li, .list-icon--check-yellow ul > li {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 2.75em;
  list-style: none;
  color: #243B74;
}
.list-icon--arrow-blue ul > li::before, .list-icon--arrow-white ul > li::before, .list-icon--arrow-yellow ul > li::before, .list-icon--check-blue ul > li::before, .list-icon--check-white ul > li::before, .list-icon--check-yellow ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.22em;
  width: 1em;
  height: 1em;
}
.list-icon--arrow-blue ul > li::before, .list-icon--arrow-white ul > li::before, .list-icon--arrow-yellow ul > li::before {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.list-icon--check-white ul > li::before {
  clip-path: polygon(14% 44%, 0 62%, 37% 100%, 100% 18%, 80% 0, 35% 56%);
}
/*
 * Blau und Gelb: Häkchen als SVG (Asset unter usercontent).
 */
.list-icon--check-blue ul > li::before, .list-icon--check-yellow ul > li::before {
  clip-path: none;
  background-color: transparent;
  background-image: url("/files/merconisfiles/usercontent/images/icons/Namecheck.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.list-icon--arrow-blue ul > li::before {
  background-color: #2D58BA;
}
.list-icon--arrow-white ul > li::before, .list-icon--check-white ul > li::before {
  background-color: #FFFFFF;
}
.list-icon--arrow-yellow ul > li::before {
  background-color: #FFDD00;
}
/*
 * Weiße Kreis-Markierung, Pfeil aus SVG (in ::after, zentriert im Kreis).
 */
.list-icon--arrow-circle-blue ul {
  margin-top: 3rem;
  padding-left: 0;
  list-style: none;
}
.list-icon--arrow-circle-blue ul > li {
  position: relative;
  margin-bottom: 5rem;
  padding-left: 7rem;
  list-style: none;
}
.list-icon--arrow-circle-blue ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.65rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-sizing: border-box;
}
.list-icon--arrow-circle-blue ul > li::after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 0.35rem;
  width: 2rem;
  height: 2rem;
  background: url("/files/merconisfiles/usercontent/images/icons/Namerightarrow.svg") center / contain no-repeat;
}
.list-icon--arrow-circle-blue ul > li strong {
  font-size: 1.8rem;
  font-weight: 700;
  display: block;
}
body:not(.lsjs-active) .hideWhenNoLsjs {
  display: none !important;
}
body.lsjs-active .hideWhenLsjs {
  display: none !important;
}
.automaticSelectAllCheckbox .selectAll label {
  font-style: italic;
}
.formReviewerApplied[data-misc-close-form-initially="1"] input.text:disabled, .formReviewerApplied[data-misc-close-form-initially="1"] select:disabled {
  border: none;
  border-bottom: 1px solid #000000;
  color: #777777;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.formReviewerApplied[data-misc-close-form-initially="1"] input.submit:not(.showInFormReviewer):disabled {
  display: none;
}
.formReviewerApplied [data-lsjs-element="openFormToggler"] {
  display: none;
}
.formReviewerApplied.formClosed [data-lsjs-element="openFormToggler"] {
  display: block;
}
.formReviewerApplied.formClosed form {
  opacity: 0.6;
}
.formReviewerApplied label.mandatory::after {
  content: "*";
  display: inline-block;
}
.formReviewerApplied label.mandatory .mandatory {
  display: none;
}
.formReviewerApplied [data-lsjs-element="openFormToggler"]::after {
  content: "";
  cursor: pointer;
}
@keyframes loadingIndicator-spinner {
  to {
    transform: rotate(360deg);
  }
}
.moduleContainer.loadingIndicator {
  display: none;
}
.moduleContainer.loadingIndicator.show {
  display: block;
}
.main.loadingIndicator {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 100000;
  display: flex;
}
.main.loadingIndicator::before {
  content: "";
  animation: loadingIndicator-spinner 1.5s linear infinite;
  color: #000000;
  font-size: 4rem;
  margin: auto;
}
.main.loadingIndicator [data-lsjs-element="loadingText"] {
  display: none;
}
@keyframes loadingIndicatorNG-spinner {
  to {
    transform: rotate(360deg);
  }
}
.loadingIndicatorNG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000000;
  z-index: 100000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 500ms ease-in-out, visibility 500ms;
}
.loadingIndicatorNG .ling-content {
  margin: auto;
}
.loadingIndicatorNG .ling-content::before {
  content: "";
  animation: loadingIndicator-spinner 1.5s linear infinite;
  margin-right: 1rem;
}
.loadingIndicatorNG[data-lsjs-loadingindicator-reference="standard"] {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.7);
}
.loadingIndicatorNG[data-lsjs-loadingindicator-reference="standard"] .ling-content {
  text-align: center;
  font-size: 2.5rem;
}
.loadingIndicatorNG[data-lsjs-loadingindicator-reference="standard"] .ling-content::before {
  margin: 0 0 1rem 0;
  display: block;
  font-size: 4rem;
}
.loadingIndicatorNG:not([data-lsjs-loadingindicator-num-calls="0"]) {
  opacity: 1;
  visibility: visible;
}
.loadingIndicatorNG[data-lsjs-loadingindicator-num-calls="0"] {
  opacity: 0;
  visibility: hidden;
}
.autoModuleContainer.messageBox {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.3);
}
.autoModuleContainer.messageBox .main {
  bottom: 0;
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
  position: fixed;
  width: 1px;
  height: 1px;
}
.autoModuleContainer.messageBox .main .msgBoxInside {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  box-shadow: 0 0 14px 7px #cccccc;
  color: #000000;
  height: auto;
  margin-top: -100px;
  padding: 20px;
  width: 400px;
  margin-left: -200px;
  text-align: center;
}
.autoModuleContainer.messageBox .main button {
  background-color: #777777;
  border: 1px solid #000000;
  color: #cccccc;
  font-weight: bold;
  height: 30px;
  width: 100px;
}
.autoModuleContainer.messageBox .main .msg {
  font-size: 16px;
  margin-bottom: 20px;
}
[data-lsjs-component="navtab"] {
  position: relative;
  margin-bottom: 10px;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] {
  display: none;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"].visible {
  display: block;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_prev"], [data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_next"], [data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_play"], [data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_stop"] {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 3px;
  cursor: pointer;
  background-color: #FFFFFF;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_play"].active, [data-lsjs-component="navtab"] [data-lsjs-element="navtabNavigation"] [data-lsjs-element="btn_stop"].active {
  font-weight: bold;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabLabelContainer"] {
  display: none;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabLabelContainer"].visible {
  display: block;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"] {
  display: inline-block;
  margin-right: 5px;
  margin-top: 5px;
  cursor: pointer;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabLabel"].active {
  border: 1px solid #000000;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabContentContainer"] {
  position: relative;
  overflow: hidden;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabContentContainer"] img {
  height: auto;
  width: 100%;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabContent"] {
  display: none;
}
[data-lsjs-component="navtab"] [data-lsjs-element="navtabContent"].noJsDefault {
  display: block;
}
.navtabContentShow {
  opacity: 1;
}
.navtabContentHide {
  opacity: 0;
}
/*
 * If the oc container has a shadow to the right which effectively makes the space in which the container is actually
 * visible bigger than 100% then this needs to be taken into account.
 */
.oc-flex-default-toggler {
  position: fixed;
  top: 1rem;
  left: 1rem;
  z-index: 99902;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
}
.oc-flex-default-toggler .nav-bars {
  position: absolute;
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  transition-property: transform;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.13s;
  top: auto;
  bottom: 0;
}
.oc-flex-default-toggler .nav-bars:before {
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  top: -0.83333rem;
  right: 0;
  position: absolute;
  content: "";
  transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.oc-flex-default-toggler .nav-bars:after {
  background-color: #000000;
  width: 2.5rem;
  height: 0.3125rem;
  top: -1.6666rem;
  right: 0;
  position: absolute;
  content: "";
  transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s, opacity 0.1s linear;
}
.oc-flex-default-toggler.open .nav-bars {
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}
.oc-flex-default-toggler.open .nav-bars:before {
  top: 0;
  transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s, transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transform: rotate(-90deg);
}
.oc-flex-default-toggler.open .nav-bars:after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s linear 0.22s;
  opacity: 0;
}
.oc-flex-default-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 1.6rem;
  margin-left: -110%;
  margin-bottom: 2rem !important;
  overflow: hidden;
  background-color: #FFFFFF;
  box-shadow: 0 0.4rem 1rem #000000;
  z-index: 99900;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  transition: margin-left 0.5s ease-in-out;
}
.oc-flex-default-container.auto-generated-oc {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
}
.oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside {
  color: #000000;
  width: 90rem;
  min-height: 30rem;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
.oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside .close-button::after {
  content: "";
  font-size: 2rem;
}
@media screen and (max-width: 499.98px) {
  .oc-flex-default-container.auto-generated-oc .auto-generated-oc-inside {
    padding: 3rem;
  }
}
body.ocFlexOpen {
  height: 100vh;
  overflow: hidden;
  position: fixed;
}
.oc-flex-default-container.open {
  overflow-y: scroll;
  margin-left: 0;
  z-index: 99901;
}
.sticky-element {
  position: absolute;
  top: 0;
  z-index: 99000;
}
body.sticky .sticky-element {
  position: fixed;
  visibility: hidden;
  transition: top 0.8s ease-in-out;
}
body.sticky.show-sticky .sticky-element {
  visibility: visible;
}
body.sticky.show-sticky .sticky-element::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: -1;
  height: 100%;
  box-shadow: 0rem -3rem 3rem 2rem #000000;
}
body.sticky.show-sticky:not(.move-out-sticky):not(.subscrolling-sticky) .sticky-element {
  top: 0 !important;
}
body.temporarily-keep-sticky-in-show-position .sticky-element {
  top: 0 !important;
}
body.sticky.show-sticky.subscrolling-sticky .sticky-element {
  transition: none;
}
.lsjs-slider-applied .sliding-area::after {
  content: "";
  display: table;
  clear: both;
}
.lsjs-slider-applied.mouse-drag-active .sliding-area {
  cursor: grab;
}
.lsjs-slider-applied.mouse-drag-active.dragging .sliding-area {
  cursor: grabbing;
}
.lsjs-slider-applied .navigation-arrow-container {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  z-index: 1;
}
.lsjs-slider-applied .navigation-arrow-container .arrow {
  margin: auto;
  opacity: 0.5;
  cursor: pointer;
}
.lsjs-slider-applied .navigation-arrow-container .arrow::after {
  font-size: 4rem;
  color: #FFFFFF;
  text-shadow: 0 0 1rem #000000;
}
.lsjs-slider-applied .navigation-arrow-container.left {
  left: 1rem;
}
.lsjs-slider-applied .navigation-arrow-container.left .arrow::after {
  content: "";
}
.lsjs-slider-applied .navigation-arrow-container.right {
  right: 1rem;
}
.lsjs-slider-applied .navigation-arrow-container.right .arrow::after {
  content: "";
}
.lsjs-slider-applied:hover .navigation-arrow-container .arrow {
  opacity: 1;
}
.lsjs-slider-applied:not(.left-possible) .left .arrow {
  display: none;
}
.lsjs-slider-applied:not(.right-possible) .right .arrow {
  display: none;
}
.lsjs-slider-applied .navigation-dots-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot {
  position: relative;
  display: inline-block;
  margin-right: 1.5rem;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.5rem;
  vertical-align: middle;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot.active {
  width: 2.5rem;
  height: 2.5rem;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot.active::after {
  font-size: 2.5rem;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot:not(.use-image)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #FFFFFF;
  text-shadow: 0 0 0.2rem #000000;
}
.lsjs-slider-applied .navigation-dots-container .navigation-dot.use-image {
  width: 5rem;
  height: 5rem;
  border: 0.1rem solid #000000;
}
.lsjs-slider-applied.autoplay-active .navigation-dot.active::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  padding-top: 0.5rem;
  padding-left: 0;
  z-index: 1;
  font-size: 1.5rem;
  color: #000000;
}
.lsjs-slider-applied.autoplay-active .navigation-dot.active.use-image {
  border: 0.2rem solid #000000;
}
.lsjs-slider-applied.autoplay-active .navigation-dot.active.use-image::before {
  top: 1rem;
  text-shadow: 0.1rem 0.1rem 0.2rem #FFFFFF, 0.1rem -0.1rem 0.2rem #FFFFFF, -0.1rem 0.1rem 0.2rem #FFFFFF, -0.1rem -0.1rem 0.2rem #FFFFFF;
}
.lsjs-slider-applied.autoplay-active.paused .navigation-dot.active::before {
  content: "";
  padding-left: 0.2rem;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-connect {
  height: 100%;
  width: 100%;
}
.noUi-origin {
  height: 10%;
  width: 10%;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes;
 */
.noUi-handle:before, .noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}
body.lsjs-image-zoomer-open {
  overflow: hidden;
}
body .lsjs-zoomer-overlay {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
}
body .lsjs-zoomer-overlay.hiddenDuringLoading {
  background: none;
}
body .lsjs-zoomer-overlay .btn-close, body .lsjs-zoomer-overlay .btn-zoom-in, body .lsjs-zoomer-overlay .btn-zoom-out, body .lsjs-zoomer-overlay .btn-next, body .lsjs-zoomer-overlay .btn-back {
  position: fixed;
  z-index: 99999;
  right: 2rem;
  text-shadow: 0 0 0.6rem #000000;
}
body .lsjs-zoomer-overlay .btn-close::after, body .lsjs-zoomer-overlay .btn-zoom-in::after, body .lsjs-zoomer-overlay .btn-zoom-out::after, body .lsjs-zoomer-overlay .btn-next::after, body .lsjs-zoomer-overlay .btn-back::after {
  color: #FFFFFF;
}
body .lsjs-zoomer-overlay .big-image {
  cursor: grab;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  max-width: unset !important;
  width: auto !important;
}
body .lsjs-zoomer-overlay .big-image.dragging {
  cursor: grabbing;
}
body .lsjs-zoomer-overlay .big-image.hiddenDuringLoading {
  display: none;
}
body .lsjs-zoomer-overlay .btn-close {
  top: 2rem;
  cursor: pointer;
}
body .lsjs-zoomer-overlay .btn-close::after {
  content: "";
}
body .lsjs-zoomer-overlay .btn-zoom-in {
  top: 9rem;
  opacity: 0.2;
}
body .lsjs-zoomer-overlay .btn-zoom-in::after {
  content: "";
}
body .lsjs-zoomer-overlay .btn-zoom-in.possible {
  opacity: 1;
  cursor: pointer;
}
body .lsjs-zoomer-overlay .btn-zoom-out {
  top: 14rem;
  opacity: 0.2;
}
body .lsjs-zoomer-overlay .btn-zoom-out::after {
  content: "";
}
body .lsjs-zoomer-overlay .btn-zoom-out.possible {
  opacity: 1;
  cursor: pointer;
}
body .lsjs-zoomer-overlay .btn-next {
  top: 21rem;
  opacity: 0.2;
}
body .lsjs-zoomer-overlay .btn-next::after {
  content: "";
}
body .lsjs-zoomer-overlay .btn-next.possible {
  opacity: 1;
  cursor: pointer;
}
body .lsjs-zoomer-overlay .btn-back {
  top: 27rem;
  opacity: 0.2;
}
body .lsjs-zoomer-overlay .btn-back::after {
  content: "";
}
body .lsjs-zoomer-overlay .btn-back.possible {
  opacity: 1;
  cursor: pointer;
}
body .lsjs-image-zoomer-applied {
  cursor: zoom-in;
}
.number-stepper-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.number-stepper-wrapper input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
  margin: 0 1rem;
  order: 2;
}
.number-stepper-wrapper input[type=number]::-webkit-outer-spin-button, .number-stepper-wrapper input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-stepper-wrapper .nsPlus, .number-stepper-wrapper .nsMinus {
  cursor: pointer;
}
.number-stepper-wrapper .nsPlus.minMaxBound, .number-stepper-wrapper .nsMinus.minMaxBound {
  cursor: not-allowed;
  opacity: 0.2;
}
.number-stepper-wrapper .nsPlus {
  order: 1;
}
.number-stepper-wrapper .nsPlus::after {
  content: "";
}
.number-stepper-wrapper .nsMinus {
  order: 3;
}
.number-stepper-wrapper .nsMinus::after {
  content: "";
}
.add-to-cart-container {
  margin-top: 1.5rem;
}
.add-to-cart-container.empty {
  display: none;
}
.add-to-cart-container .add-to-cart > * {
  display: inline-block;
  vertical-align: middle;
}
.add-to-cart-container .quantity-input label {
  display: none;
}
.add-to-cart-container .quantity-input input {
  max-width: 7.5rem;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
/*
 * We have to use a flexible attribute selector instead of a regular id selector because we could have
 * multiple elements with different IDs which start with the same string. Since this selector would
 * be considered less specific than an ID selector, we have to add the .oc-flex-default-container part
 * to make it more specific in order to override the default styles of .oc-flex-default-container
 */
[id^="off-canvas-added-to-cart-info-container"].oc-flex-default-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  [id^="off-canvas-added-to-cart-info-container"].oc-flex-default-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  [id^="off-canvas-added-to-cart-info-container"].oc-flex-default-container {
    padding: 0;
  }
}
.off-canvas-added-to-cart-info-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main .off-canvas-added-to-cart-info-container-inside, [class*="layout-sidebar"] #left .off-canvas-added-to-cart-info-container-inside, [class*="layout-sidebar"] #right .off-canvas-added-to-cart-info-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  .off-canvas-added-to-cart-info-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
.off-canvas-added-to-cart-info-container-inside .off-canvas-added-to-cart-info-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.off-canvas-added-to-cart-info-container-inside .off-canvas-added-to-cart-info-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
.added-to-cart-info .headline-area {
  margin-bottom: 2rem;
}
.added-to-cart-info .headline-area a {
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
}
.added-to-cart-info .product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  -ms-grid-rows: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-rows: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
}
.added-to-cart-info .product:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 1rem;
}
.added-to-cart-info .product .image {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  grid-row: 1 / 8;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}
.added-to-cart-info .product .image a {
  display: flex;
  height: 100%;
  width: 100%;
}
.added-to-cart-info .product .image a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto auto auto;
}
.added-to-cart-info .product .details {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / 4;
  -ms-grid-column-align: start;
  justify-self: start;
}
.added-to-cart-info .product .details .title h4 {
  font-weight: 700;
}
.added-to-cart-info .product .quantity {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6;
  -ms-grid-column-align: start;
  justify-self: start;
}
.added-to-cart-info .product .quantity > * {
  display: inline-block;
}
.added-to-cart-info .product .quantity .ls-field-label {
  font-weight: 700;
  margin-right: 2rem;
}
.added-to-cart-info .product .price-cumulative {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8;
  -ms-grid-column-align: start;
  justify-self: start;
  width: 100%;
  text-align: right;
  font-weight: 700;
}
.template_filterForm_default {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .template_filterForm_default, [class*="layout-sidebar"] #left .template_filterForm_default, [class*="layout-sidebar"] #right .template_filterForm_default {
  max-width: 100%;
}
.template_filterForm_default #off-canvas-filter-form-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  .template_filterForm_default #off-canvas-filter-form-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  .template_filterForm_default #off-canvas-filter-form-container {
    padding: 0;
  }
}
.template_filterForm_default #off-canvas-filter-form-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main .template_filterForm_default #off-canvas-filter-form-container-inside, [class*="layout-sidebar"] #left .template_filterForm_default #off-canvas-filter-form-container-inside, [class*="layout-sidebar"] #right .template_filterForm_default #off-canvas-filter-form-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  .template_filterForm_default #off-canvas-filter-form-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
.template_filterForm_default #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler {
  cursor: pointer;
}
.template_filterForm_default #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.template_filterForm_default #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
.template_filterForm_default .off-canvas-filter-form-toggler-remote {
  cursor: pointer;
}
.template_filterForm_default #filter-headline-container {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 1rem;
}
.template_filterForm_default #filter-headline-container::after {
  display: block;
  clear: both;
  content: "";
}
.template_filterForm_default #filter-headline-container .filter-headline {
  float: left;
  margin-top: 1rem;
}
.template_filterForm_default #filter-headline-container .filter-headline::before {
  content: "";
  margin-right: 1rem;
}
.template_filterForm_default #filter-headline-container .all-filter-options {
  float: right;
  margin-top: 1.2rem;
  margin-left: 2rem;
  font-size: 80%;
}
.template_filterForm_default .filter-summary-container {
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (max-width: 399.98px) {
  .template_filterForm_default .filter-summary-container {
    display: none;
  }
}
.template_filterForm_default .filter-summary-container .filter-summary {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-bottom: -1.1rem;
}
.template_filterForm_default .filter-summary-container .filter-summary .off-canvas-filter-form-toggler-remote {
  height: 100%;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion:not(.currently-filtering) {
  /*
           * If we want to match the visual color appearance of the grey hairlines with this bold text, we have
           * to darken the hairline's grey a little bit.
           */
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion:not(.currently-filtering):not(.show-even-unused) {
  display: none;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion:not(.currently-filtering) .filter-criterion-title {
  color: #b3b3b3;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 80%;
}
@media (max-width: 799.98px) {
  .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title {
    font-size: 90%;
  }
}
@media (max-width: 499.98px) {
  .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title {
    font-size: 100%;
  }
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-title::before {
  content: "";
  margin-right: 1rem;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion {
  width: 20%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  position: relative;
  /*
         * The display order of the product filter fields in the summary is not reflected by the elements' actual order in
         * the DOM but is instead indicated by data attributes. Therefore we have to use flexbox order based on the data
         * attribute. Since we don't expect more than 30 filter fields to be displayed in the summary, we only have
         * the styles for 30 filter fields but of course could add more should it be necessary.
         */
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion::after {
  content: "";
  display: block;
  width: calc(100% - 2rem);
  border-bottom: 0.1rem solid #ccc;
  position: absolute;
  bottom: 0;
  left: 1rem;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion:not(:only-child) .filter-criterion-attribute-container, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion:not(:only-child) .filter-criterion-flexContent-container {
  border-right: 0.1rem solid #cccccc;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="1"] {
  order: 1;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="2"] {
  order: 2;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="3"] {
  order: 3;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="4"] {
  order: 4;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="5"] {
  order: 5;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="6"] {
  order: 6;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="7"] {
  order: 7;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="8"] {
  order: 8;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="9"] {
  order: 9;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="10"] {
  order: 10;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="11"] {
  order: 11;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="12"] {
  order: 12;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="13"] {
  order: 13;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="14"] {
  order: 14;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="15"] {
  order: 15;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="16"] {
  order: 16;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="17"] {
  order: 17;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="18"] {
  order: 18;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="19"] {
  order: 19;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="20"] {
  order: 20;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="21"] {
  order: 21;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="22"] {
  order: 22;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="23"] {
  order: 23;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="24"] {
  order: 24;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="25"] {
  order: 25;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="26"] {
  order: 26;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="27"] {
  order: 27;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="28"] {
  order: 28;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="29"] {
  order: 29;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion[data-order-by-priority="30"] {
  order: 30;
}
@media (max-width: 999.98px) {
  .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion {
    width: 25%;
  }
}
@media (max-width: 799.98px) {
  .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion {
    width: 33.333%;
  }
}
@media (max-width: 599.98px) {
  .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion {
    width: 50%;
  }
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container {
  width: 100%;
  height: 100%;
  padding-right: 0;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .reset-this-criterion, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .reset-this-criterion {
  position: absolute;
  right: 2rem;
  cursor: pointer;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .reset-this-criterion::after, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .reset-this-criterion::after {
  content: "";
  color: #b3b3b3;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .off-canvas-filter-form-toggler-remote, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .off-canvas-filter-form-toggler-remote {
  margin-left: -0.1rem;
  border-left: 0.1rem solid #cccccc;
  padding-left: 2rem;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .off-canvas-filter-form-toggler-remote .filter-values, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .off-canvas-filter-form-toggler-remote .filter-values {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .off-canvas-filter-form-toggler-remote .filter-values .filter-criterion-value-title, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .off-canvas-filter-form-toggler-remote .filter-values .filter-criterion-value-title {
  font-weight: 700;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-attribute-container .off-canvas-filter-form-toggler-remote .filter-values li:not(:last-child), .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion .filter-criterion-flexContent-container .off-canvas-filter-form-toggler-remote .filter-values li:not(:last-child) {
  margin-right: 1rem;
}
.template_filterForm_default .filter-summary-container .filter-summary .filter-criterion.currently-filtering .filter-criterion-attribute-container, .template_filterForm_default .filter-summary-container .filter-summary .filter-criterion.currently-filtering .filter-criterion-flexContent-container {
  padding-right: 4rem;
}
.template_filterForm_default:not(.partial-filter-form-display) .display-with-partial-filter-form {
  display: none;
}
.template_filterForm_default.partial-filter-form-display .display-with-full-filter-form {
  display: none;
}
.template_filterForm_default.partial-filter-form-display form button.resetFilter {
  display: none;
}
.template_filterForm_default.partial-filter-form-display form .filterOptionsBox, .template_filterForm_default.partial-filter-form-display form .filterRangeBox, .template_filterForm_default.partial-filter-form-display form .filterPriceBox {
  border: none;
}
.template_filterForm_default [data-lsjs-element="sliderInput_targetContainer"] {
  margin: 2rem 2rem 0 2rem;
}
.template_filterForm_default h3 {
  border-bottom: 0.1rem solid;
  margin-bottom: 3rem;
}
.template_filterForm_default input, .template_filterForm_default select {
  padding: 0.5rem !important;
}
.template_filterForm_default .range-from .flexWidget, .template_filterForm_default .range-to .flexWidget, .template_filterForm_default .price-from .flexWidget, .template_filterForm_default .price-to .flexWidget {
  display: inline-block;
}
.template_filterForm_default .rangeInputs .flexWidget {
  display: inline-block;
}
.template_filterForm_default .rangeInputs > div > input[type="text"] {
  width: 10rem;
}
.template_filterForm_default.useLsUnfold h2 {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
}
.template_filterForm_default.useLsUnfold h2:after {
  position: absolute;
  font-size: 2.72rem;
  transition: opacity 0.4s linear;
  font-weight: bold;
}
.template_filterForm_default.useLsUnfold.lsUnfoldClosed h2:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 2.8rem;
  top: 0.5rem;
}
.template_filterForm_default.useLsUnfold.lsUnfoldOpen h2:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 2.8rem;
  top: 0.5rem;
}
.template_filterForm_default.useLsUnfold.lsUnfoldRunning h2:after {
  opacity: 0;
}
.template_filterForm_default .noMatch {
  opacity: 0.2;
}
.template_filterForm_default #priceLow {
  width: 10rem;
}
.template_filterForm_default #priceHigh {
  width: 10rem;
}
.template_filterForm_default .filter-submit-box {
  margin-top: 2rem;
}
.template_filterForm_default button.submitFilter {
  width: auto;
  float: left;
  margin-right: 1rem;
}
.template_filterForm_default button.resetFilter {
  width: auto;
}
.template_filterForm_default.nothingToFilter {
  display: none;
}
.template_filterForm_default .filterOptionsBox, .template_filterForm_default .filterRangeBox, .template_filterForm_default .filterPriceBox {
  margin-bottom: 0.5rem;
}
.template_filterForm_default .filterOptionsBox:not(:last-child), .template_filterForm_default .filterRangeBox:not(:last-child), .template_filterForm_default .filterPriceBox:not(:last-child) {
  border-bottom: 0.1rem solid #cccccc;
}
.template_filterForm_default .filterOptionsBox .label, .template_filterForm_default .filterRangeBox .label, .template_filterForm_default .filterPriceBox .label {
  margin: 0;
  padding: 2rem 2.6rem 1.5rem 0;
  position: relative;
  cursor: pointer;
}
.template_filterForm_default .filterOptionsBox .label.hide, .template_filterForm_default .filterRangeBox .label.hide, .template_filterForm_default .filterPriceBox .label.hide {
  display: none;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold .label, .template_filterForm_default .filterRangeBox.useLsUnfold .label, .template_filterForm_default .filterPriceBox.useLsUnfold .label {
  cursor: pointer;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold .label:after {
  position: absolute;
  right: 0.5rem;
  top: 0;
  font-size: 1.92rem;
  transition: opacity 0.4s linear;
  font-weight: bold;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 1.8rem;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .label, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .label {
  font-weight: bold;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 1.8rem;
}
.template_filterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldRunning .label:after, .template_filterForm_default .filterRangeBox.useLsUnfold.lsUnfoldRunning .label:after, .template_filterForm_default .filterPriceBox.useLsUnfold.lsUnfoldRunning .label:after {
  opacity: 0;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container > *, .template_filterForm_default .filterRangeBox .special-toggler-container > *, .template_filterForm_default .filterPriceBox .special-toggler-container > * {
  display: inline-block;
  margin-top: 2rem;
  margin-right: 2rem;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less {
  cursor: pointer;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less.hidden, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less.hidden, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less.hidden {
  display: none;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less:before, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less:before {
  margin-right: 1rem;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less.currentlyHiding:before, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less.currentlyHiding:before, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less.currentlyHiding:before {
  content: "";
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .show-more-less.currentlyShowing:before, .template_filterForm_default .filterRangeBox .special-toggler-container .show-more-less.currentlyShowing:before, .template_filterForm_default .filterPriceBox .special-toggler-container .show-more-less.currentlyShowing:before {
  content: "";
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .check-all, .template_filterForm_default .filterRangeBox .special-toggler-container .check-all, .template_filterForm_default .filterPriceBox .special-toggler-container .check-all {
  cursor: pointer;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .check-all.hidden, .template_filterForm_default .filterRangeBox .special-toggler-container .check-all.hidden, .template_filterForm_default .filterPriceBox .special-toggler-container .check-all.hidden {
  display: none;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .check-all:before, .template_filterForm_default .filterRangeBox .special-toggler-container .check-all:before, .template_filterForm_default .filterPriceBox .special-toggler-container .check-all:before {
  margin-right: 1rem;
  content: "";
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio, .template_filterForm_default .filterRangeBox .special-toggler-container .uncheck-radio, .template_filterForm_default .filterPriceBox .special-toggler-container .uncheck-radio {
  cursor: pointer;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio.hidden, .template_filterForm_default .filterRangeBox .special-toggler-container .uncheck-radio.hidden, .template_filterForm_default .filterPriceBox .special-toggler-container .uncheck-radio.hidden {
  display: none;
}
.template_filterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterRangeBox .special-toggler-container .uncheck-radio:before, .template_filterForm_default .filterPriceBox .special-toggler-container .uncheck-radio:before {
  margin-right: 1rem;
  content: "";
}
.template_filterForm_default .filterOptionsBox .filterMode, .template_filterForm_default .filterRangeBox .filterMode, .template_filterForm_default .filterPriceBox .filterMode {
  margin-top: 2rem;
}
.template_filterForm_default .filterOptionsBox .content, .template_filterForm_default .filterRangeBox .content, .template_filterForm_default .filterPriceBox .content {
  padding: 0.5rem 0.5rem 2rem 4rem;
  display: block;
  position: relative;
}
.template_filterForm_default .filterOptionsBox.closed .content, .template_filterForm_default .filterRangeBox.closed .content, .template_filterForm_default .filterPriceBox.closed .content {
  display: none;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"], .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"], .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] {
  display: inline-block;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label {
  position: relative;
  border: 0.1rem solid;
  padding: 0 2rem;
  cursor: pointer;
  transition: padding 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translate(0, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0s;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label .label-content, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] label .label-content, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] label .label-content {
  padding: 1rem 0;
  display: inline-block;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"], .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"], .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"], .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"], .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"], .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"] {
  display: none;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label {
  color: #FFFFFF;
  background-color: #000000;
  padding: 0 1rem 0 3rem;
  transition: padding 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label::before, .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label::before, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label::before, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label::before {
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0.1s;
}
input[type="checkbox"] .template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].checkAll label, input[type="checkbox"] .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"].checkAll label, input[type="checkbox"] .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"].checkAll label {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  color: #cccccc;
}
.template_filterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].hidden, .template_filterForm_default .filterRangeBox [data-lsjs-element="optionsBox_filterOption"].hidden, .template_filterForm_default .filterPriceBox [data-lsjs-element="optionsBox_filterOption"].hidden {
  display: none;
}
.template_filterForm_default .partial-filter-form-display .filterOptionsBox .content, .template_filterForm_default .partial-filter-form-display .filterRangeBox .content, .template_filterForm_default .partial-filter-form-display .filterPriceBox .content {
  padding-left: 0;
}
.template_filterForm_default .filter-section-hidden {
  display: none;
}
@media (max-width: 499.98px) {
  .template_filterForm_default button.submitFilter {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
  .template_filterForm_default button.resetFilter {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
}
.template_fastFilterForm_default {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .template_fastFilterForm_default, [class*="layout-sidebar"] #left .template_fastFilterForm_default, [class*="layout-sidebar"] #right .template_fastFilterForm_default {
  max-width: 100%;
}
.template_fastFilterForm_default #fast-filter-headline-container {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 1rem;
}
.template_fastFilterForm_default #fast-filter-headline-container .filter-headline-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}
.template_fastFilterForm_default #fast-filter-headline-container .all-filter-options {
  margin: 1rem 0 0;
}
.template_fastFilterForm_default #fast-filter-headline-container .all-filter-options::before {
  content: "";
  margin-right: 1rem;
}
.template_fastFilterForm_default #fast-filter-headline-container .filter-headline-reset {
  margin-top: 1rem;
}
.template_fastFilterForm_default .nothing-to-filter-notice {
  margin: 0;
}
.template_fastFilterForm_default[data-fast-filter-auto-submit="1"] .submitFastFilter {
  display: none;
}
.template_fastFilterForm_default .fast-filter-fields {
  margin-bottom: 2rem;
}
.template_fastFilterForm_default button.is-disabled, .template_fastFilterForm_default button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}
.template_fastFilterForm_default .fast-filter-submit-box {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.template_fastFilterForm_default .fast-filter-submit-box button {
  width: auto;
}
.template_fastFilterForm_default.nothingToFilter {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox {
  margin-bottom: 0.5rem;
}
.template_fastFilterForm_default .filterOptionsBox:not(:last-child) {
  border-bottom: 0.1rem solid #cccccc;
}
.template_fastFilterForm_default .filterOptionsBox.has-active-options > .label {
  font-weight: 700;
}
.template_fastFilterForm_default .filterOptionsBox > .label {
  margin: 0;
  padding: 2rem 2.6rem 1.5rem 0;
  position: relative;
  cursor: pointer;
}
.template_fastFilterForm_default .filterOptionsBox.useLsUnfold > .label::after {
  position: absolute;
  right: 0.5rem;
  top: 0;
  font-size: 1.92rem;
  transition: opacity 0.4s linear;
  font-weight: bold;
}
.template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldClosed > .label::after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 1.8rem;
}
.template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldOpen > .label::after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 1.8rem;
}
.template_fastFilterForm_default .filterOptionsBox.useLsUnfold.lsUnfoldRunning > .label::after {
  opacity: 0;
}
.template_fastFilterForm_default .filterOptionsBox > .content {
  padding: 0.5rem 0.5rem 2rem 4rem;
  display: block;
  position: relative;
}
.template_fastFilterForm_default .filterOptionsBox [data-fast-filter-options] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] {
  display: inline-block;
  margin: 0 1rem 1rem 0;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label {
  position: relative;
  border: 0.1rem solid;
  padding: 0 2rem;
  cursor: pointer;
  transition: padding 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.8rem;
  transform: translate(0, -50%);
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0s;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] label .label-content {
  padding: 1rem 0;
  display: inline-block;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"], .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"] {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label {
  color: #FFFFFF;
  background-color: #000000;
  padding: 0 1rem 0 3rem;
  transition: padding 0.2s ease-in-out 0s, background-color 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="checkbox"]:checked + label::before, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] input[type="radio"]:checked + label::before {
  opacity: 1;
  transition: opacity 0.2s ease-in-out 0.1s;
}
input[type="checkbox"] .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].checkAll label {
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  color: #cccccc;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].hidden, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].show-more-hidden, .template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].zero-match-hidden {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].has-no-matches {
  opacity: 0.45;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"].is-checked label {
  border-color: #000000;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] .label-content {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35rem;
}
.template_fastFilterForm_default .filterOptionsBox [data-lsjs-element="optionsBox_filterOption"] .match-estimate {
  color: #cccccc;
}
.template_fastFilterForm_default .filterOptionsBox .fast-filter-empty-field-message {
  color: #cccccc;
  margin: 0;
}
.template_fastFilterForm_default .filterOptionsBox .fast-filter-empty-field-message.hidden {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox.has-no-visible-fast-filter-options [data-fast-filter-options], .template_fastFilterForm_default .filterOptionsBox.has-no-visible-fast-filter-options [data-fast-filter-actions] {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox.has-no-visible-fast-filter-options .fast-filter-empty-field-message {
  display: block;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container {
  display: flex;
  align-items: center;
  gap: 0.5rem 1.5rem;
  flex-wrap: wrap;
  margin-top: 2rem;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .check-all, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio {
  border: none;
  background: none;
  color: #cccccc;
  cursor: pointer;
  padding: 0;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .check-all::before, .template_fastFilterForm_default .filterOptionsBox .special-toggler-container .uncheck-radio::before {
  content: "";
  margin-right: 1rem;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less.hidden {
  display: none;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less::before {
  margin-right: 1rem;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less.show-more-active {
  display: inline-flex;
  align-items: center;
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less.currentlyHiding::before {
  content: "";
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .show-more-less.currentlyShowing::before {
  content: "";
}
.template_fastFilterForm_default .filterOptionsBox .special-toggler-container .is-disabled {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
}
@media (max-width: 499.98px) {
  .template_fastFilterForm_default #fast-filter-headline-container .filter-headline-bar {
    align-items: stretch;
  }
  .template_fastFilterForm_default #fast-filter-headline-container .filter-headline-reset {
    width: 100%;
    margin-top: 0;
  }
  .template_fastFilterForm_default .filterOptionsBox > .content {
    padding-left: 0;
  }
  .template_fastFilterForm_default .fast-filter-submit-box button {
    width: 100%;
  }
}
/*
 * Styling of the old filter-template, formerly template_filterForm_default.
 * Must be renamed to *_old becouse the new filter-template (*_new) is now *_default.
 * Can probably be removed in Merconis 6.
 */
.template_filterForm_old {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .template_filterForm_old, [class*="layout-sidebar"] #left .template_filterForm_old, [class*="layout-sidebar"] #right .template_filterForm_old {
  max-width: 100%;
}
.template_filterForm_old #off-canvas-filter-form-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  .template_filterForm_old #off-canvas-filter-form-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  .template_filterForm_old #off-canvas-filter-form-container {
    padding: 0;
  }
}
.template_filterForm_old #off-canvas-filter-form-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main .template_filterForm_old #off-canvas-filter-form-container-inside, [class*="layout-sidebar"] #left .template_filterForm_old #off-canvas-filter-form-container-inside, [class*="layout-sidebar"] #right .template_filterForm_old #off-canvas-filter-form-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  .template_filterForm_old #off-canvas-filter-form-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
.template_filterForm_old #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler {
  cursor: pointer;
}
.template_filterForm_old #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.template_filterForm_old #off-canvas-filter-form-container-inside .off-canvas-filter-form-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
.template_filterForm_old .off-canvas-filter-form-toggler {
  cursor: pointer;
}
.template_filterForm_old .off-canvas-filter-form-toggler.main-toggler {
  padding-bottom: 0.5rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 1rem;
}
.template_filterForm_old .off-canvas-filter-form-toggler.main-toggler::before {
  content: "";
  margin-right: 1rem;
}
.template_filterForm_old .filter-summary-container {
  overflow: hidden;
  margin-bottom: 2rem;
}
.template_filterForm_old .filter-summary-container .filter-summary {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-left: -4rem;
}
.template_filterForm_old .filter-summary-container .filter-summary .filter-criterion-title {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 80%;
  font-weight: 700;
}
.template_filterForm_old .filter-summary-container .filter-summary > li {
  margin-left: 2rem;
  border-left: 0.1rem solid #cccccc;
  padding-left: 2rem;
  margin-bottom: 3rem;
}
.template_filterForm_old .filter-summary-container .filter-summary > li .filter-values {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.template_filterForm_old .filter-summary-container .filter-summary > li .filter-values .filter-criterion-value-title {
  font-weight: 700;
}
.template_filterForm_old .filter-summary-container .filter-summary > li .filter-values li:not(:last-child) {
  margin-right: 1rem;
}
.template_filterForm_old input, .template_filterForm_old select {
  padding: 0.5rem !important;
}
.template_filterForm_old .range-from .flexWidget, .template_filterForm_old .range-to .flexWidget, .template_filterForm_old .price-from .flexWidget, .template_filterForm_old .price-to .flexWidget {
  display: inline-block;
}
.template_filterForm_old.useLsUnfold h2 {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
}
.template_filterForm_old.useLsUnfold h2:after {
  position: absolute;
  font-size: 2.72rem;
  transition: opacity 0.4s linear;
  font-weight: bold;
}
.template_filterForm_old.useLsUnfold.lsUnfoldClosed h2:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 2.8rem;
  top: 0.5rem;
}
.template_filterForm_old.useLsUnfold.lsUnfoldOpen h2:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 2.8rem;
  top: 0.5rem;
}
.template_filterForm_old.useLsUnfold.lsUnfoldRunning h2:after {
  opacity: 0;
}
.template_filterForm_old .noMatch {
  color: #cccccc;
  font-style: italic;
}
.template_filterForm_old .checkAll {
  color: #cccccc;
  font-style: italic;
}
.template_filterForm_old .noSelection {
  color: #cccccc;
  font-style: italic;
}
.template_filterForm_old #priceLow {
  width: 10rem;
}
.template_filterForm_old #priceHigh {
  width: 10rem;
}
.template_filterForm_old .filter-submit-box {
  margin-top: 2rem;
}
.template_filterForm_old button.submitFilter {
  width: auto;
  float: left;
  margin-right: 1rem;
}
.template_filterForm_old button.resetFilter {
  width: auto;
}
.template_filterForm_old.nothingToFilter {
  display: none;
}
.template_filterForm_old .filterOptionsBox, .template_filterForm_old .filterRangeBox, .template_filterForm_old .filterPriceBox {
  margin-bottom: 0.5rem;
}
.template_filterForm_old .filterOptionsBox:not(:last-child), .template_filterForm_old .filterRangeBox:not(:last-child), .template_filterForm_old .filterPriceBox:not(:last-child) {
  border-bottom: 0.1rem solid #cccccc;
}
.template_filterForm_old .filterOptionsBox .label, .template_filterForm_old .filterRangeBox .label, .template_filterForm_old .filterPriceBox .label {
  margin: 0;
  padding: 0.5rem 2.6rem 0.5rem 0.5rem;
  position: relative;
  cursor: pointer;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold .label, .template_filterForm_old .filterRangeBox.useLsUnfold .label, .template_filterForm_old .filterPriceBox.useLsUnfold .label {
  cursor: pointer;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold .label:after {
  position: absolute;
  right: 0.5rem;
  top: 0;
  font-size: 1.92rem;
  transition: opacity 0.4s linear;
  font-weight: bold;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldClosed .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldClosed .label:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 0.6rem;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .label, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .label {
  font-weight: bold;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldOpen .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldOpen .label:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 1rem;
  top: 0.6rem;
}
.template_filterForm_old .filterOptionsBox.useLsUnfold.lsUnfoldRunning .label:after, .template_filterForm_old .filterRangeBox.useLsUnfold.lsUnfoldRunning .label:after, .template_filterForm_old .filterPriceBox.useLsUnfold.lsUnfoldRunning .label:after {
  opacity: 0;
}
.template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon {
  cursor: pointer;
  display: inline-block;
}
.template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 0.1rem;
  top: 0.6rem;
}
.template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon.hidden, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon.hidden, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon.hidden {
  display: none;
}
.template_filterForm_old .filterOptionsBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterRangeBox .showAndHideOptionsIcon.currentlyHiding:after, .template_filterForm_old .filterPriceBox .showAndHideOptionsIcon.currentlyHiding:after {
  content: "";
  opacity: 1;
  cursor: pointer;
  right: 0.1rem;
  top: 0.6rem;
}
.template_filterForm_old .filterOptionsBox .content, .template_filterForm_old .filterRangeBox .content, .template_filterForm_old .filterPriceBox .content {
  padding: 0.5rem;
  display: block;
  position: relative;
}
.template_filterForm_old .filterOptionsBox .checkAll, .template_filterForm_old .filterRangeBox .checkAll, .template_filterForm_old .filterPriceBox .checkAll {
  display: none;
}
.template_filterForm_old .filterOptionsBox.closed .content, .template_filterForm_old .filterRangeBox.closed .content, .template_filterForm_old .filterPriceBox.closed .content {
  display: none;
}
.template_filterForm_old .filterOptionsBox .filterOption.hidden, .template_filterForm_old .filterRangeBox .filterOption.hidden, .template_filterForm_old .filterPriceBox .filterOption.hidden {
  display: none;
}
@media only screen and (max-width: 400px) {
  .template_filterForm_old button.submitFilter {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
  .template_filterForm_old button.resetFilter {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-top: 0.5rem;
  }
}
.product-list-container {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .product-list-container, [class*="layout-sidebar"] #left .product-list-container, [class*="layout-sidebar"] #right .product-list-container {
  max-width: 100%;
}
.pagination-and-sorting-container {
  display: flex;
  flex-wrap: wrap;
}
.pagination-and-sorting-container.bottom {
  margin-top: 6rem;
}
.pagination-and-sorting-container .pagination-container {
  margin: auto 0;
}
.pagination-and-sorting-container .user-sorting-form {
  margin-left: auto;
}
.pagination-and-sorting-container .user-sorting-form form {
  text-align: right;
}
.pagination-and-sorting-container .user-sorting-form form > * {
  display: inline-block;
  vertical-align: middle;
}
.pagination-and-sorting-container .user-sorting-form button.submit {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 599.98px) {
  .pagination-and-sorting-container .pagination-container {
    margin: 1.5rem 0 0;
    width: 100%;
  }
  .pagination-and-sorting-container .pagination-container nav {
    text-align: center;
  }
  .pagination-and-sorting-container .user-sorting-form {
    margin: 1.5rem auto 0;
  }
}
.product-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.product-list .shopProduct {
  margin-top: 6rem;
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (min-width: 600px) {
  .product-list .shopProduct {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .product-list .shopProduct {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (min-width: 1600px) {
  .product-list .shopProduct {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
.product-list .sliding-area .shopProduct {
  /*
     * Fixing an incompatibility between bootstrap grid and lsjs slider
     */
  max-width: unset;
}
.product-status-icon-wrapper {
  position: absolute;
  z-index: 9;
  left: 1rem;
  top: 1rem;
}
.product-status-icon-wrapper .product-status-icon {
  font-size: 1.5rem;
  padding: 0.2rem 0.5rem;
  border: 0.3rem solid #000000;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000000;
  display: inline-block;
}
@media (min-width: 800px) {
  .product-status-icon-wrapper .product-status-icon {
    font-size: 2rem;
  }
}
@media (min-width: 1000px) {
  .product-status-icon-wrapper .product-status-icon {
    font-size: 2.5rem;
  }
}
.product-status-icon-wrapper .product-status-icon:not(:last-child) {
  margin-right: 0.5rem;
}
.product-status-icon-wrapper .product-status-icon.is-on-sale {
  background-color: rgba(170, 0, 0, 0.7);
  color: #FFFFFF;
}
.product-status-icon-wrapper .product-status-icon.is-new {
  background-color: rgba(255, 255, 255, 0.7);
}
.template_productDetails_01 {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main .template_productDetails_01, [class*="layout-sidebar"] #left .template_productDetails_01, [class*="layout-sidebar"] #right .template_productDetails_01 {
  max-width: 100%;
}
.template_productDetails_01 .shop-product {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.template_productDetails_01 .shop-product .wrapper-gallery {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (min-width: 600px) {
  .template_productDetails_01 .shop-product .wrapper-gallery {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
}
@media (min-width: 800px) {
  .template_productDetails_01 .shop-product .wrapper-gallery {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.template_productDetails_01 .shop-product .wrapper-price-etc {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (min-width: 600px) {
  .template_productDetails_01 .shop-product .wrapper-price-etc {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
}
@media (min-width: 800px) {
  .template_productDetails_01 .shop-product .wrapper-price-etc {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.template_productDetails_01 .shop-product .wrapper-description {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
.template_productDetails_01 .wrapper-gallery {
  position: relative;
}
.template_productDetails_01 .wrapper-gallery .wrapper-gallery-inside {
  position: relative;
}
.template_productDetails_01 .priceContainer {
  text-align: right;
}
.template_productDetails_01 .oldPrice {
  font-size: 3.2rem;
  text-decoration: line-through;
  color: #aa0000;
}
@media screen and (max-width: 1099px) {
  .template_productDetails_01 .oldPrice {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .template_productDetails_01 .oldPrice {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .template_productDetails_01 .oldPrice {
    font-size: 2.368rem;
  }
}
.template_productDetails_01 .finalPrice {
  font-size: 4.6rem;
}
@media screen and (max-width: 1099px) {
  .template_productDetails_01 .finalPrice {
    font-size: 4.14rem;
  }
}
@media screen and (max-width: 799px) {
  .template_productDetails_01 .finalPrice {
    font-size: 3.772rem;
  }
}
@media screen and (max-width: 499px) {
  .template_productDetails_01 .finalPrice {
    font-size: 3.404rem;
  }
}
.template_productDetails_01 .basePrice, .template_productDetails_01 .configuratorPrice {
  font-size: 2.6rem;
}
@media screen and (max-width: 1099px) {
  .template_productDetails_01 .basePrice, .template_productDetails_01 .configuratorPrice {
    font-size: 2.34rem;
  }
}
@media screen and (max-width: 799px) {
  .template_productDetails_01 .basePrice, .template_productDetails_01 .configuratorPrice {
    font-size: 2.132rem;
  }
}
@media screen and (max-width: 499px) {
  .template_productDetails_01 .basePrice, .template_productDetails_01 .configuratorPrice {
    font-size: 1.924rem;
  }
}
.template_productDetails_01 .scale-prices {
  margin-top: 1.5rem;
}
.template_productDetails_01 .scale-prices .finalPrice {
  font-size: 3.2rem;
}
@media screen and (max-width: 1099px) {
  .template_productDetails_01 .scale-prices .finalPrice {
    font-size: 2.88rem;
  }
}
@media screen and (max-width: 799px) {
  .template_productDetails_01 .scale-prices .finalPrice {
    font-size: 2.624rem;
  }
}
@media screen and (max-width: 499px) {
  .template_productDetails_01 .scale-prices .finalPrice {
    font-size: 2.368rem;
  }
}
.template_productDetails_01 .scale-prices .basePrice, .template_productDetails_01 .scale-prices .configuratorPrice {
  font-size: 1.6rem;
}
@media screen and (max-width: 1099px) {
  .template_productDetails_01 .scale-prices .basePrice, .template_productDetails_01 .scale-prices .configuratorPrice {
    font-size: 1.44rem;
  }
}
@media screen and (max-width: 799px) {
  .template_productDetails_01 .scale-prices .basePrice, .template_productDetails_01 .scale-prices .configuratorPrice {
    font-size: 1.312rem;
  }
}
@media screen and (max-width: 499px) {
  .template_productDetails_01 .scale-prices .basePrice, .template_productDetails_01 .scale-prices .configuratorPrice {
    font-size: 1.184rem;
  }
}
.template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"] {
  cursor: pointer;
}
.template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"]::before {
  margin-right: 0.5rem;
}
.template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"].lsUnfoldClosed::before, .template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"].lsUnfoldOpen.lsUnfoldRunning::before {
  content: "";
}
.template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"].lsUnfoldOpen::before, .template_productDetails_01 .scale-prices [data-lsjs-element="elementFolderToggler"].lsUnfoldClosed.lsUnfoldRunning::before {
  content: "";
}
.template_productDetails_01 .scale-prices .scalePriceStep {
  margin-top: 1.5rem;
  border-top: 0.1rem dotted #777777;
  padding-top: 1.5rem;
  display: flex;
  justify-content: space-between;
}
.template_productDetails_01 .tax-and-shipping-info {
  margin-top: 1.5rem;
}
.template_productDetails_01 .deliveryMessageContainer {
  margin-top: 1.5rem;
}
.template_productDetails_01 .favoriteSwitchBox, .template_productDetails_01 .restockInfoListSwitchBox {
  margin-top: 3rem;
}
.template_productDetails_01 .favoriteSwitchBox > .success, .template_productDetails_01 .restockInfoListSwitchBox > .success {
  animation: ls-animation-autohide 0s ease-in 3s forwards, ls-animation-fade-out 3s ease-in 0s forwards;
  animation-fill-mode: forwards;
  margin: auto;
  padding: 4rem;
  position: fixed;
  width: 60%;
  text-align: center;
  z-index: 99900;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  color: #FFFFFF;
}
.template_productDetails_01 .favoriteSwitchBox .info-wrapper > input {
  display: none;
}
.template_productDetails_01 .lsjs-slider-applied .navigation-dots-container {
  text-align: left;
}
.template_productDetails_01 .productTitle {
  border-bottom: 0.1rem solid currentColor;
  padding-bottom: 1.5rem;
}
.template_productDetails_01 .configurator-container, .template_productDetails_01 .contact-product, .template_productDetails_01 .description {
  margin-top: 6rem;
}
.template_productDetails_01 .backButton > a::before {
  content: "";
  margin-right: 1rem;
}
.template_productOverview .imageContainer {
  position: relative;
}
.template_productOverview .bottomWrapper {
  margin-top: 1.5rem;
}
.template_productOverview .oldPrice {
  text-decoration: line-through;
  color: #aa0000;
}
.template_productOverview .currentPrice {
  font-weight: 700;
}
.template_productOverview .currentPrice .min-quantity-info {
  font-weight: normal;
}
.galleryContainer .imageContainer {
  display: block;
  float: left;
  width: 100%;
}
.galleryContainer.lsjs-slider-applied .navigation-arrow-container {
  display: none;
}
.galleryContainer.lsjs-slider-applied .navigation-dots-container {
  position: relative;
}
.galleryContainer.lsjs-slider-applied .navigation-dots-container .navigation-dot {
  margin-top: 2.4rem;
}
#off-canvas-cart-preview-container {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 420px) {
  #off-canvas-cart-preview-container {
    display: flex;
  }
}
@media only screen and (max-width: 419px) {
  #off-canvas-cart-preview-container {
    padding: 0;
  }
}
#off-canvas-cart-preview-container-inside {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  max-width: unset;
  position: relative;
  background-color: #FFFFFF;
  padding: 5rem;
  margin: auto;
  line-height: normal;
}
[class*="layout-sidebar"] #main #off-canvas-cart-preview-container-inside, [class*="layout-sidebar"] #left #off-canvas-cart-preview-container-inside, [class*="layout-sidebar"] #right #off-canvas-cart-preview-container-inside {
  max-width: 100%;
}
@media only screen and (max-width: 419px) {
  #off-canvas-cart-preview-container-inside {
    margin: 0;
    width: 100%;
    min-height: 100%;
  }
}
#off-canvas-cart-preview-container-inside .off-canvas-cart-preview-toggler.close-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
#off-canvas-cart-preview-container-inside .off-canvas-cart-preview-toggler.close-button::after {
  content: "";
  font-size: 2rem;
}
#cart-preview .headline-area {
  margin-bottom: 2rem;
}
#cart-preview .headline-area a {
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
}
#cart-preview .product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  -ms-grid-rows: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-rows: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
}
#cart-preview .product:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 1rem;
}
#cart-preview .product .image {
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  grid-column: 1 / 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 7;
  grid-row: 1 / 8;
  -ms-grid-column-align: start;
  justify-self: start;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -ms-grid-column-align: stretch;
  justify-self: stretch;
}
#cart-preview .product .image a {
  display: flex;
  height: 100%;
  width: 100%;
}
#cart-preview .product .image a img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto auto auto;
}
#cart-preview .product .details {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1 / 4;
  -ms-grid-column-align: start;
  justify-self: start;
  width: 100%;
}
#cart-preview .product .details .title h4 {
  font-weight: 700;
}
#cart-preview .product .details .comment {
  margin-top: 1rem;
}
#cart-preview .product .details .comment .ls-field-label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#cart-preview .product .details .comment .ls-field-content {
  display: block;
  white-space: normal;
  line-height: 1.4;
}
#cart-preview .product .quantity {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 5;
  -ms-grid-row-span: 1;
  grid-row: 5 / 6;
  -ms-grid-column-align: start;
  justify-self: start;
}
#cart-preview .product .quantity > * {
  display: inline-block;
}
#cart-preview .product .quantity .ls-field-label {
  font-weight: 700;
  margin-right: 2rem;
}
#cart-preview .product .price-cumulative {
  -ms-grid-column: 11;
  -ms-grid-column-span: 13;
  grid-column: 11 / 24;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
  grid-row: 7 / 8;
  -ms-grid-column-align: start;
  justify-self: start;
  width: 100%;
  text-align: right;
  font-weight: 700;
}
#cart-num-items {
  line-height: 1.6rem;
  position: absolute;
  background: #aa0000;
  color: #FFFFFF;
  padding: 0.1rem 0.6rem 0.1rem 0.7rem;
  margin: -0.7rem 0 0 0.4rem;
  font-size: 1rem;
  top: 0.2rem;
  border-radius: 50%;
  left: 50%;
}
#checkout-content .back-button-box {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main #checkout-content .back-button-box, [class*="layout-sidebar"] #left #checkout-content .back-button-box, [class*="layout-sidebar"] #right #checkout-content .back-button-box {
  max-width: 100%;
}
#checkout-content .back-button-box > a::before {
  content: "";
  margin-right: 1rem;
}
#checkout-content .cart-empty {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #checkout-content .cart-empty, [class*="layout-sidebar"] #left #checkout-content .cart-empty, [class*="layout-sidebar"] #right #checkout-content .cart-empty {
  max-width: 100%;
}
#checkout-content h3 {
  font-size: 2rem;
  padding-bottom: 1rem;
  border-bottom: 0.3rem solid #cccccc;
  margin-bottom: 3rem;
}
#checkout-content .submit-box {
  text-align: center;
}
#checkout-content .checkout-validation-error {
  border: 0.1rem solid #aa0000;
  padding: 2rem 2rem 2rem 7rem;
  margin: 2rem 0;
  background-color: rgba(170, 0, 0, 0.05);
  color: #aa0000;
  position: relative;
  min-height: 6rem;
}
#checkout-content .checkout-validation-error::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: 2rem;
}
#checkout-content .success {
  border: 0.1rem solid #00aa00;
  padding: 2rem 2rem 2rem 7rem;
  margin: 2rem 0;
  background-color: rgba(0, 170, 0, 0.05);
  color: #00aa00;
  position: relative;
}
#checkout-content .success::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 2rem;
  font-size: 2rem;
}
#checkout-content .formReviewerApplied.formClosed button.submit {
  display: none;
}
#checkout-content .formClosed [data-lsjs-element="openFormToggler"] {
  font-size: 1.4rem;
  padding: 0.5rem;
  border: 0.1rem solid #cccccc;
  background-color: #FFFFFF;
  color: #000000;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
#checkout-content .formClosed [data-lsjs-element="openFormToggler"]::before {
  content: "";
  margin-right: 0.5rem;
}
#checkout-content .formClosed [data-lsjs-element="openFormToggler"]::after {
  content: unset;
}
#after-checkout-info-headline, #info-for-payment-method, #special-info-for-payment-method, #info-for-shipping-method, #special-info-for-shipping-method {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #after-checkout-info-headline, [class*="layout-sidebar"] #left #after-checkout-info-headline, [class*="layout-sidebar"] #right #after-checkout-info-headline, [class*="layout-sidebar"] #main #info-for-payment-method, [class*="layout-sidebar"] #left #info-for-payment-method, [class*="layout-sidebar"] #right #info-for-payment-method, [class*="layout-sidebar"] #main #special-info-for-payment-method, [class*="layout-sidebar"] #left #special-info-for-payment-method, [class*="layout-sidebar"] #right #special-info-for-payment-method, [class*="layout-sidebar"] #main #info-for-shipping-method, [class*="layout-sidebar"] #left #info-for-shipping-method, [class*="layout-sidebar"] #right #info-for-shipping-method, [class*="layout-sidebar"] #main #special-info-for-shipping-method, [class*="layout-sidebar"] #left #special-info-for-shipping-method, [class*="layout-sidebar"] #right #special-info-for-shipping-method {
  max-width: 100%;
}
#checkoutStepCart {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:not(.my-orders) > #checkoutStepCart {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main :not(.my-orders) > #checkoutStepCart, [class*="layout-sidebar"] #left :not(.my-orders) > #checkoutStepCart, [class*="layout-sidebar"] #right :not(.my-orders) > #checkoutStepCart {
  max-width: 100%;
}
#checkoutStepCustomerDataReview, #checkoutStepPaymentDataReview, #checkoutStepShippingDataReview {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:not(.my-orders) > #checkoutStepCustomerDataReview, :not(.my-orders) > #checkoutStepPaymentDataReview, :not(.my-orders) > #checkoutStepShippingDataReview {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main :not(.my-orders) > #checkoutStepCustomerDataReview, [class*="layout-sidebar"] #left :not(.my-orders) > #checkoutStepCustomerDataReview, [class*="layout-sidebar"] #right :not(.my-orders) > #checkoutStepCustomerDataReview, [class*="layout-sidebar"] #main :not(.my-orders) > #checkoutStepPaymentDataReview, [class*="layout-sidebar"] #left :not(.my-orders) > #checkoutStepPaymentDataReview, [class*="layout-sidebar"] #right :not(.my-orders) > #checkoutStepPaymentDataReview, [class*="layout-sidebar"] #main :not(.my-orders) > #checkoutStepShippingDataReview, [class*="layout-sidebar"] #left :not(.my-orders) > #checkoutStepShippingDataReview, [class*="layout-sidebar"] #right :not(.my-orders) > #checkoutStepShippingDataReview {
  max-width: 100%;
}
@media screen and (min-width: 750px) {
  #checkoutStepCustomerDataReview .content, #checkoutStepPaymentDataReview .content, #checkoutStepShippingDataReview .content {
    width: 60rem;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  [class*="layout-sidebar"] #main #checkoutStepCustomerDataReview .content, [class*="layout-sidebar"] #left #checkoutStepCustomerDataReview .content, [class*="layout-sidebar"] #right #checkoutStepCustomerDataReview .content, [class*="layout-sidebar"] #main #checkoutStepPaymentDataReview .content, [class*="layout-sidebar"] #left #checkoutStepPaymentDataReview .content, [class*="layout-sidebar"] #right #checkoutStepPaymentDataReview .content, [class*="layout-sidebar"] #main #checkoutStepShippingDataReview .content, [class*="layout-sidebar"] #left #checkoutStepShippingDataReview .content, [class*="layout-sidebar"] #right #checkoutStepShippingDataReview .content {
    max-width: 100%;
  }
}
#checkoutStepCustomerDataReview h4, #checkoutStepPaymentDataReview h4, #checkoutStepShippingDataReview h4 {
  font-size: inherit;
  margin-bottom: 0;
  font-weight: 700;
}
#checkoutStepCustomerDataReview h4:not(:first-child), #checkoutStepPaymentDataReview h4:not(:first-child), #checkoutStepShippingDataReview h4:not(:first-child) {
  margin-top: 2rem;
}
#checkoutStepFinalConfirmation {
  width: 90rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main #checkoutStepFinalConfirmation, [class*="layout-sidebar"] #left #checkoutStepFinalConfirmation, [class*="layout-sidebar"] #right #checkoutStepFinalConfirmation {
  max-width: 100%;
}
#checkoutStepFinalConfirmation .widget-submit {
  text-align: center;
}
#checkoutStepFinalConfirmation .widget-submit button.submit {
  font-size: 2rem;
}
#checkoutStepCalculation {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
:not(.my-orders) > #checkoutStepCalculation {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
[class*="layout-sidebar"] #main :not(.my-orders) > #checkoutStepCalculation, [class*="layout-sidebar"] #left :not(.my-orders) > #checkoutStepCalculation, [class*="layout-sidebar"] #right :not(.my-orders) > #checkoutStepCalculation {
  max-width: 100%;
}
#checkoutStepCalculation .field-group {
  margin: 3rem 0;
}
#checkoutStepCalculation .field {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
#checkoutStepCalculation .field-content.ls_invoiced-amount {
  font-weight: bold;
  font-size: 2.24rem;
}
#checkoutStepCalculation .field-label.ls_invoiced-amount {
  font-weight: bold;
  font-size: 2.24rem;
}
#checkoutStepCalculation .field-description {
  width: 100%;
}
#checkoutStepCalculation .coupons[data-misc-highlighted="no"] .hideWhenNotHighlighted {
  display: none;
}
#checkoutStepCalculation .coupons .field-description {
  font-size: 85%;
}
#checkoutStepCalculation .coupons .formUseCoupon {
  display: flex;
  position: relative;
}
#checkoutStepCalculation .coupons .formUseCoupon .flexWidget.coupon-code label {
  display: none;
}
#checkoutStepCalculation .coupons .formUseCoupon .flexWidget.coupon-code input {
  width: 15rem;
  margin-right: 1rem;
}
#checkoutStepCalculation .coupons .formUseCoupon .flexWidget.coupon-code .errors {
  position: absolute;
}
#checkoutStepCalculation .coupons .formUseCoupon button {
  font-size: 1.4rem;
  padding: 0.5rem;
  border: 0.1rem solid #cccccc;
  background-color: #FFFFFF;
  color: #000000;
}
#checkoutStepCalculation .coupons .formUseCoupon button::before {
  content: "";
  margin-right: 0.5rem;
}
#checkoutStepCalculation .coupons .delete-coupon {
  font-size: 1.4rem;
  padding: 0.5rem;
  border: 0.1rem solid #cccccc;
  background-color: #FFFFFF;
  color: #000000;
  margin-left: 1rem;
}
#checkoutStepCalculation .coupons .delete-coupon::before {
  content: "";
  margin-right: 0.5rem;
}
@media screen and (min-width: 750px) {
  #checkoutStepCalculation #calculation {
    width: 60rem;
    max-width: 85%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  [class*="layout-sidebar"] #main #checkoutStepCalculation #calculation, [class*="layout-sidebar"] #left #checkoutStepCalculation #calculation, [class*="layout-sidebar"] #right #checkoutStepCalculation #calculation {
    max-width: 100%;
  }
}
#checkoutStepOrderLoginType {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #checkoutStepOrderLoginType, [class*="layout-sidebar"] #left #checkoutStepOrderLoginType, [class*="layout-sidebar"] #right #checkoutStepOrderLoginType {
  max-width: 100%;
}
#checkoutStepOrderLoginType.currently-logged-in button.order-without-login {
  display: none;
}
[data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login {
  background-color: #000000;
  color: #FFFFFF;
  cursor: default;
}
[data-misc-order-login-type="without-login"] #checkoutStepOrderLoginType button.order-without-login .label::before {
  content: "";
  display: inline-block;
  margin-right: 1rem;
}
[data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login {
  background-color: #000000;
  color: #FFFFFF;
  cursor: default;
}
[data-misc-order-login-type="with-login"] #checkoutStepOrderLoginType button.order-with-login .label::before {
  content: "";
  display: inline-block;
  margin-right: 1rem;
}
#checkoutStepOrderLoginType .sign-up-link {
  margin-top: 1.5rem;
}
#checkoutStepLogin {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[data-misc-order-login-type="without-login"] #checkoutStepLogin {
  display: none;
}
[class*="layout-sidebar"] #main #checkoutStepLogin, [class*="layout-sidebar"] #left #checkoutStepLogin, [class*="layout-sidebar"] #right #checkoutStepLogin {
  max-width: 100%;
}
#checkoutStepCustomerData {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #checkoutStepCustomerData, [class*="layout-sidebar"] #left #checkoutStepCustomerData, [class*="layout-sidebar"] #right #checkoutStepCustomerData {
  max-width: 100%;
}
#checkoutStepCustomerData .widget.deviant-shipping-address-checkbox {
  margin-bottom: 3rem;
}
#checkoutStepCustomerData fieldset.useDeviantShippingAddress {
  margin-top: 3rem;
}
#checkoutStepShipping, #checkoutStepPayment {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #checkoutStepShipping, [class*="layout-sidebar"] #left #checkoutStepShipping, [class*="layout-sidebar"] #right #checkoutStepShipping, [class*="layout-sidebar"] #main #checkoutStepPayment, [class*="layout-sidebar"] #left #checkoutStepPayment, [class*="layout-sidebar"] #right #checkoutStepPayment {
  max-width: 100%;
}
#checkoutStepShipping .paymentAndShippingOptionContainer, #checkoutStepPayment .paymentAndShippingOptionContainer {
  margin-top: 1.5rem;
  border: 0.1rem solid #cccccc;
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}
#checkoutStepShipping .paymentAndShippingOptionContainer.selected, #checkoutStepPayment .paymentAndShippingOptionContainer.selected {
  border: 0.2rem solid #000000;
}
#checkoutStepShipping .paymentAndShippingOptionContainer button, #checkoutStepPayment .paymentAndShippingOptionContainer button {
  margin-bottom: 1rem;
}
#checkoutStepShipping .paymentAndShippingOptionContainer.notSelectable, #checkoutStepPayment .paymentAndShippingOptionContainer.notSelectable {
  pointer-events: none;
  cursor: default;
  background-color: #eeeeee;
}
#checkoutStepShipping .paymentAndShippingOptionContainer > a, #checkoutStepShipping .paymentAndShippingOptionContainer > div, #checkoutStepPayment .paymentAndShippingOptionContainer > a, #checkoutStepPayment .paymentAndShippingOptionContainer > div {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
  padding: 1.5rem 0;
}
#checkoutStepShipping .paymentAndShippingOptionContainer > a.formReviewerApplied, #checkoutStepShipping .paymentAndShippingOptionContainer > div.formReviewerApplied, #checkoutStepPayment .paymentAndShippingOptionContainer > a.formReviewerApplied, #checkoutStepPayment .paymentAndShippingOptionContainer > div.formReviewerApplied {
  display: block;
  padding: 1.5rem;
}
#checkoutStepShipping .paymentAndShippingOptionContainer > a .shipping-payment-image, #checkoutStepShipping .paymentAndShippingOptionContainer > div .shipping-payment-image, #checkoutStepPayment .paymentAndShippingOptionContainer > a .shipping-payment-image, #checkoutStepPayment .paymentAndShippingOptionContainer > div .shipping-payment-image {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 599.98px) {
  #checkoutStepShipping .paymentAndShippingOptionContainer > a .shipping-payment-image, #checkoutStepShipping .paymentAndShippingOptionContainer > div .shipping-payment-image, #checkoutStepPayment .paymentAndShippingOptionContainer > a .shipping-payment-image, #checkoutStepPayment .paymentAndShippingOptionContainer > div .shipping-payment-image {
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
#checkoutStepShipping .paymentAndShippingOptionContainer > a .shipping-payment-info, #checkoutStepShipping .paymentAndShippingOptionContainer > div .shipping-payment-info, #checkoutStepPayment .paymentAndShippingOptionContainer > a .shipping-payment-info, #checkoutStepPayment .paymentAndShippingOptionContainer > div .shipping-payment-info {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  flex: 0 0 75%;
  max-width: 75%;
}
#checkoutStepShipping .paymentAndShippingOptionContainer > a .shipping-payment-info .title, #checkoutStepShipping .paymentAndShippingOptionContainer > div .shipping-payment-info .title, #checkoutStepPayment .paymentAndShippingOptionContainer > a .shipping-payment-info .title, #checkoutStepPayment .paymentAndShippingOptionContainer > div .shipping-payment-info .title {
  font-weight: 700;
}
@media (max-width: 599.98px) {
  #checkoutStepShipping .paymentAndShippingOptionContainer > a .shipping-payment-info, #checkoutStepShipping .paymentAndShippingOptionContainer > div .shipping-payment-info, #checkoutStepPayment .paymentAndShippingOptionContainer > a .shipping-payment-info, #checkoutStepPayment .paymentAndShippingOptionContainer > div .shipping-payment-info {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#checkoutStepShipping .paymentAndShippingOptionContainer > div[data-misc-close-form-initially="1"], #checkoutStepPayment .paymentAndShippingOptionContainer > div[data-misc-close-form-initially="1"] {
  padding: 0;
}
#checkoutStepShipping .formReviewerApplied.formClosed, #checkoutStepPayment .formReviewerApplied.formClosed {
  position: relative;
  padding-top: 5rem;
}
#checkoutStepPaymentAfterCheckout {
  width: 120rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
[class*="layout-sidebar"] #main #checkoutStepPaymentAfterCheckout, [class*="layout-sidebar"] #left #checkoutStepPaymentAfterCheckout, [class*="layout-sidebar"] #right #checkoutStepPaymentAfterCheckout {
  max-width: 100%;
}
.order-overview .product {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.order-overview .product:not(:last-child) {
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #cccccc;
  margin-bottom: 2rem;
}
.order-overview .product .edit-item-box {
  position: absolute;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background-color: rgba(255, 255, 255, 0.92);
}
.order-overview .product .edit-item-box .inside {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 58rem;
  min-height: 100%;
  margin: 0 auto;
  gap: 1rem;
  padding: 3.5rem 2rem 2rem;
}
.order-overview .product .edit-item-box .close-edit-item {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  font-size: 2.5rem;
  color: #000000;
  cursor: pointer;
}
.order-overview .product .edit-item-box .close-edit-item::before {
  content: "";
}
.order-overview .product .edit-item-box form.form-quantity {
  display: grid;
  grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
  grid-template-areas: "quantity ." "comment comment";
  position: relative;
  row-gap: 1rem;
  width: 100%;
}
.order-overview .product .edit-item-box form.form-quantity label {
  font-weight: 700;
}
.order-overview .product .edit-item-box form.form-quantity .quantity-input {
  grid-area: quantity;
}
.order-overview .product .edit-item-box form.form-quantity .quantity-input .flexWidget {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.order-overview .product .edit-item-box form.form-quantity .quantity-input label {
  display: block;
  margin-bottom: 0.5rem;
}
.order-overview .product .edit-item-box form.form-quantity input[name="quantity_item"] {
  width: 10rem;
  text-align: right;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.order-overview .product .edit-item-box form.form-quantity .comment-input {
  grid-area: comment;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.order-overview .product .edit-item-box form.form-quantity .comment-input label {
  display: block;
  margin-bottom: 0.5rem;
}
.order-overview .product .edit-item-box form.form-quantity .comment-input textarea {
  width: 100%;
  min-height: 9rem;
  resize: vertical;
}
.order-overview .product .edit-item-box form.form-quantity .errors {
  position: absolute;
}
@media (max-width: 991.98px) {
  .order-overview .product .edit-item-box form.form-quantity {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "quantity" "comment";
  }
}
.order-overview .product .edit-item-box .edit-item-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}
.order-overview .product .edit-item-box .edit-item-actions .submit-quantity, .order-overview .product .edit-item-box .edit-item-actions form.form-delete button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  font-size: 1.4rem;
  padding: 0.5rem;
  border: 0.1rem solid #cccccc;
  background-color: #FFFFFF;
  color: #000000;
  margin-left: 0;
}
.order-overview .product .edit-item-box .edit-item-actions .submit-quantity::before {
  content: "";
}
.order-overview .product .edit-item-box .edit-item-actions form.form-delete {
  display: flex;
}
.order-overview .product .edit-item-box .edit-item-actions form.form-delete button::before {
  content: "";
}
.order-overview .product[data-misc-changequantitymode="yes"] .edit-item-box {
  display: block;
}
.order-overview .product .field-label {
  font-weight: 700;
  font-size: 1.3rem;
  text-align: right;
}
.order-overview .product .field-content {
  text-align: right;
  white-space: nowrap;
}
.order-overview .product .comment .field-label {
  text-align: left;
}
.order-overview .product .comment .field-content {
  text-align: left;
  white-space: normal;
  line-height: 1.4;
}
.order-overview .product .product-title {
  font-size: 2rem;
}
.order-overview .product .product-title .variant-title {
  font-size: 80%;
}
.order-overview .product .image {
  width: 16%;
  margin-right: 2%;
}
.order-overview .product .image img {
  max-height: 11rem;
}
.order-overview .product .name-and-description {
  width: 23%;
  margin-right: 2%;
  position: relative;
  padding-bottom: 5rem;
}
.order-overview .product .name-and-description .edit-item {
  position: absolute;
  bottom: 0;
  font-size: 1.4rem;
  padding: 0.5rem;
  border: 0.1rem solid #cccccc;
  background-color: #FFFFFF;
  color: #000000;
}
.order-overview .product .name-and-description .edit-item::before {
  content: "";
  margin-right: 0.5rem;
}
.order-overview .product .price-single {
  width: 14%;
  margin-right: 2%;
}
.order-overview .product .quantity {
  width: 14%;
  margin-right: 2%;
}
.order-overview .product .price-cumulative {
  width: 14%;
  margin-right: 2%;
}
.order-overview .product .tax-class {
  width: 9%;
  margin-right: 0;
}
@media screen and (min-width: 600px) and (max-width: 990px) {
  .order-overview .product .name-and-description {
    padding-right: 15rem;
  }
  .order-overview .product .name-and-description .edit-item {
    right: 0;
    bottom: unset;
    top: 0;
  }
}
@media screen and (max-width: 990px) {
  .order-overview .product .image {
    width: 28%;
    margin-right: 2%;
    margin-bottom: 2rem;
  }
  .order-overview .product .name-and-description {
    width: 70%;
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .order-overview .product .name-and-description .edit-item {
    right: 0;
  }
  .order-overview .product .price-single {
    width: 23%;
    margin-right: 2%;
  }
  .order-overview .product .quantity {
    width: 23%;
    margin-right: 2%;
  }
  .order-overview .product .price-cumulative {
    width: 23%;
    margin-right: 2%;
  }
  .order-overview .product .tax-class {
    width: 25%;
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  .order-overview .product .price-single, .order-overview .product .quantity, .order-overview .product .price-cumulative, .order-overview .product .tax-class {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
    display: flex;
  }
  .order-overview .product .field-label {
    font-weight: 700;
    font-size: inherit;
    text-align: left;
    width: 50%;
  }
  .order-overview .product .field-content {
    text-align: right;
    width: 50%;
  }
}
form.santanderWebQuickBirthday .inputBlock {
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: bottom;
}
form.santanderWebQuickBirthday .inputBlock label {
  display: block;
  font-weight: bold;
}
form.santanderWebQuickBirthday .inputBlock input {
  display: block;
}
form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayDay"] {
  width: 7rem !important;
}
form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayMonth"] {
  width: 7rem !important;
}
form.santanderWebQuickBirthday [name="santanderWebQuickBirthdayYear"] {
  width: 9rem !important;
}
form.santanderWebQuickBirthday .submit {
  margin-bottom: 0 !important;
}
body.lsjs-active .variantSelector:not(.variantSelectorInstance_view-loaded) {
  display: none;
}
body:not(.lsjs-active) .variantSelector .variantSelectorWidget:not(:first-child) {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
body:not(.lsjs-active) .variantSelector .variantSelectorWidget:not(:first-child) label {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
body:not(.lsjs-active) .variantSelector .variantSelectorWidget:not(:first-child) select {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
body:not(.lsjs-active) .variantSelector .variantSelectorSubmit {
  margin-top: 3rem;
}
.variant-selector-interface {
  margin-top: 6rem;
}
.variant-selector-interface .attributeBox .attribute-header {
  position: relative;
}
.variant-selector-interface .attributeBox .attribute-header::after {
  display: block;
  clear: both;
  content: "";
}
.variant-selector-interface .attributeBox .attribute-header .selected-value-info {
  display: block;
  height: 3rem;
  overflow: hidden;
  transition: height 0.6s ease-out;
}
.variant-selector-interface .attributeBox .attribute-header .selected-value-info.selection-required {
  color: #aa0000;
}
.variant-selector-interface .attributeBox .attribute-header .more-options-info {
  display: none;
  height: 3rem;
  overflow: hidden;
  transition: height 0.6s ease-out;
}
.variant-selector-interface .attributeBox .value {
  padding: 1.5rem;
  margin-left: 3rem;
  position: relative;
  cursor: pointer;
}
.variant-selector-interface .attributeBox .value:not([data-lsjs-class*="possible"]):not(:hover) {
  opacity: 0.3;
}
.variant-selector-interface .attributeBox .value[data-lsjs-class*="selected"], .variant-selector-interface .attributeBox .value[data-lsjs-class*="only-option"] {
  position: relative;
}
.variant-selector-interface .attributeBox .value[data-lsjs-class*="selected"]::before, .variant-selector-interface .attributeBox .value[data-lsjs-class*="only-option"]::before {
  content: "";
  position: absolute;
  left: -1rem;
  top: 1.9rem;
}
.variant-selector-interface.standard {
  display: flex;
  flex-wrap: wrap;
  margin-right: -3rem;
  margin-left: -3rem;
}
.variant-selector-interface.standard .attributeBox {
  margin-top: 6rem;
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
}
@media (min-width: 1100px) {
  .variant-selector-interface.standard .attributeBox {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1600px) {
  .variant-selector-interface.standard .attributeBox {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.variant-selector-interface.standard .attributeBox .attribute-header .selected-value-info:not(.selection-required) {
  display: none;
}
.variant-selector-interface.standard .attributeBox .value[data-lsjs-class*="selected"], .variant-selector-interface.standard .attributeBox .value[data-lsjs-class*="only-option"] {
  cursor: default;
}
.variant-selector-interface.folded .attributeBox:not(:first-child) {
  margin-top: 3rem;
}
.variant-selector-interface.folded .attributeBox.lsUnfoldOpen:not(.lsUnfoldRunning) .attribute-header .selected-value-info, .variant-selector-interface.folded .attributeBox.lsUnfoldOpen:not(.lsUnfoldRunning) .attribute-header .more-options-info, .variant-selector-interface.folded .attributeBox.lsUnfoldClosed.lsUnfoldRunning .attribute-header .selected-value-info, .variant-selector-interface.folded .attributeBox.lsUnfoldClosed.lsUnfoldRunning .attribute-header .more-options-info {
  height: 0;
}
.variant-selector-interface.folded .attributeBox .attribute-headline {
  margin: 0;
  position: relative;
  cursor: pointer;
  border-bottom: 0.1rem solid #000000;
}
.variant-selector-interface.folded .attributeBox .selected-value-info {
  cursor: pointer;
  float: left;
}
.variant-selector-interface.folded .attributeBox .more-options-info {
  display: block;
  float: right;
  text-align: right;
  cursor: pointer;
}
.customerDataFormApplied [data-lsjs-element="deviantShippingAddress"].hideDeviantShippingAddress {
  display: none;
}
.customerDataFormApplied label.mandatory::after {
  content: "*";
  display: inline-block;
}
.customerDataFormApplied label.mandatory .mandatory {
  display: none;
}
/*
 * Adding the style for conditional form fields but still keeping the customerDataForm styles above because
 * there might be situations (e. g. update scenarios) where they are still necessary
 */
.conditionalFormApplied [data-lsjs-element="deviantShippingAddress"].hideDeviantShippingAddress {
  display: none;
}
.conditionalFormApplied label.mandatory::after {
  content: "*";
  display: inline-block;
}
.conditionalFormApplied label.mandatory .mandatory {
  display: none;
}
.hideElement {
  display: none !important;
}
[data-merconis-component="product-management-api-test"] {
  padding: 5rem;
}
[data-merconis-component="product-management-api-test"] .widget {
  padding: 5px;
}
[data-merconis-component="product-management-api-test"] .widget:nth-child(odd) {
  background-color: #cccccc;
}
[data-merconis-component="product-management-api-test"] .widget label {
  width: 350px;
  display: inline-block;
  overflow: hidden;
}
[data-merconis-component="product-management-api-test"] .widget input {
  margin-left: 10px;
}
[data-merconis-component="product-management-api-test"] button.addRow, [data-merconis-component="product-management-api-test"] input.submit {
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}
[data-merconis-component="product-management-api-test"] .requestOutput, [data-merconis-component="product-management-api-test"] .responseOutput {
  border: 1px solid #000000;
  margin-top: 10px;
}
[data-merconis-component="product-management-api-test"] .dataInput {
  border: 1px solid #000000;
  margin-top: 10px;
}
[data-merconis-component="product-management-api-test"] form {
  margin: 0;
}
[data-merconis-component="product-management-api-test"] .requestOutput .output, [data-merconis-component="product-management-api-test"] .responseOutput .output {
  padding: 10px;
  white-space: pre;
  max-height: 400px;
  overflow-y: scroll;
}
[data-merconis-component="product-management-api-test"] .dataInput h2, [data-merconis-component="product-management-api-test"] .requestOutput h2, [data-merconis-component="product-management-api-test"] .responseOutput h2 {
  margin: 0;
  padding: 5px;
  padding-left: 10px;
  border-bottom: 1px solid #000000;
  background-color: #cccccc;
  color: #000000;
  font-weight: bold;
  font-size: 16px;
}
[data-merconis-component="product-management-api-test"] .buttonContainer {
  margin: 0;
  padding: 5px;
  padding-left: 10px;
  border-top: 1px solid #000000;
  background-color: #cccccc;
  color: #000000;
}
[data-merconis-component="product-management-api-test"] .buttonContainer button {
  font-weight: bold;
  font-size: 16px;
  margin: 5px;
  background-color: #FFFFFF;
  border: 1px solid #000000;
}
[data-merconis-component="product-management-api-test"] .productDataField {
  max-height: 400px;
  overflow-y: scroll;
  margin-bottom: 10px;
}
[data-merconis-component="product-management-api-test"] .api-inspector-navigation ul li {
  margin-bottom: 5px;
}
[data-merconis-component="product-management-api-test"] .api-inspector-navigation a.resourceLink {
  text-decoration: none;
  font-size: 14px;
  color: #000000;
}
[data-merconis-component="product-management-api-test"] .api-inspector-navigation a.resourceLink:hover {
  text-decoration: underline;
}
[data-merconis-component="product-management-api-test"] .api-inspector-navigation a.resourceLink.selected {
  font-weight: bold;
}
[data-merconis-component="product-management-api-test"] .api-inspector-navigation {
  border-bottom: 1px dashed #000000;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.template_myOrders_default .sortingForm {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.template_myOrders_default .sortingForm > * {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
.template_myOrders_default .sortingForm .submit {
  width: 5rem;
}
@media screen and (max-width: 500px) {
  .template_myOrders_default .sortingForm select {
    width: 100%;
    margin-left: 0;
  }
}
.template_myOrders_default .pagination {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.template_myOrders_default .myOrdersTable {
  margin-top: 4rem;
}
.template_myOrders_default .myOrder, .template_myOrders_default .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.1rem solid #777777;
}
.template_myOrders_default .myOrder > div, .template_myOrders_default .header > div {
  width: calc((100% - 12rem) / 4);
}
.template_myOrders_default .myOrder > div.orderDetails, .template_myOrders_default .header > div.orderDetails {
  width: 12rem;
  text-align: right;
}
.template_myOrders_default .myOrder .label, .template_myOrders_default .header .label {
  display: none;
  font-weight: 700;
}
.template_myOrders_default .header > div {
  font-weight: bold;
}
.template_myOrders_default .myOrder .orderDetails .value {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5rem;
}
@media (max-width: 1199.98px) {
  .template_myOrders_default .myOrder .orderDetails .value {
    align-items: flex-start;
  }
}
@media screen and (max-width: 700px) {
  .template_myOrders_default .header {
    display: none;
  }
  .template_myOrders_default .myOrder:not(:last-child) {
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #cccccc;
    margin-bottom: 2rem;
  }
  .template_myOrders_default .myOrder .label {
    display: block;
  }
  .template_myOrders_default .myOrder > div {
    width: 50%;
    margin-bottom: 1rem;
  }
  .template_myOrders_default .myOrder > div.orderDetails {
    width: 100%;
    text-align: left;
  }
  .sortingForm .submitBox {
    width: 100%;
  }
}
nav.merconis-pagination .link-label {
  display: none;
}
nav.merconis-pagination > *:not(:first-child) {
  margin-left: 1.5rem;
}
nav.merconis-pagination a:not(.possible) {
  opacity: 0.3;
}
nav.merconis-pagination a.first::after {
  content: "";
}
nav.merconis-pagination a.previous::after {
  content: "";
}
nav.merconis-pagination a.next::after {
  content: "";
}
nav.merconis-pagination a.last::after {
  content: "";
}
.default-configurator-data-review .field {
  margin-bottom: 1.5rem;
}
.default-configurator-data-review .field .label {
  font-weight: 700;
}
.customizer-summary fieldset legend {
  font-size: 3.6rem;
}
.customizer-summary fieldset fieldset {
  padding-left: 2rem;
}
.customizer-summary fieldset fieldset legend {
  font-size: 3.2rem;
}
.customizer-summary fieldset fieldset fieldset legend {
  font-size: 2.6rem;
}
.customizer-summary fieldset fieldset fieldset fieldset legend {
  font-size: 2rem;
}
.customizer-summary fieldset fieldset fieldset fieldset fieldset legend {
  font-size: 1.9rem;
}
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  pointer-events: auto;
}
.loading-content {
  text-align: center;
}
#loading-message {
  margin-top: 10rem;
  font-size: 1.5em;
  color: black;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive {
  display: none;
  margin-bottom: 1.5rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive label, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive label {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  font-weight: 700;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 3rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items thead, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items thead {
  border-bottom: 0.1rem solid #cccccc;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items th, .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items th, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td {
  padding: 1.5rem;
  text-align: left;
  vertical-align: top;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items th, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items th {
  font-weight: 700;
  color: #000000;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr {
  border-bottom: 0.1rem solid #f5f5f5;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:first-child, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:first-child {
  white-space: nowrap;
  width: 1%;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:not(:first-child):not(:last-child), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:not(:first-child):not(:last-child) {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:last-child, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody td:last-child {
  white-space: nowrap;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__item-detail-key, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__item-detail-key {
  display: none;
  font-weight: 700;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__item-detail-value, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__item-detail-value {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-screen-b-form="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-screen-b-form="1"] {
  overflow-x: auto;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggler"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggler"] {
  margin-bottom: 1.5rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] {
  display: none;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-controls="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-controls="1"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-error="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-error="1"] {
  margin-top: 1.5rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"][data-misc-status="edit"] [data-lsjs-element="toggleableArea"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"][data-misc-status="edit"] [data-lsjs-element="toggleableArea"] {
  display: block;
}
@media (max-width: 991.98px) {
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__select-all-responsive {
    display: block;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items thead, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items thead {
    display: none;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tr, .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tr, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td {
    display: grid;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr {
    border: 0.1rem solid #f5f5f5;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    grid-template-columns: minmax(0, max-content) minmax(0, 2fr) minmax(0, 3fr);
    column-gap: 1.5rem;
    align-items: start;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td {
    border-bottom: 0;
    padding: 0;
    white-space: normal;
    align-items: start;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child {
    grid-column: 1;
    grid-row: 1 / span 5;
    align-self: center;
    justify-self: center;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child label, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child label {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    white-space: normal;
    text-align: center;
    font-size: 80%;
    max-width: 100%;
    overflow-wrap: break-word;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) {
    display: contents;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-key, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-key {
    grid-column: 2;
    grid-row: var(--withdrawal-item-row);
    display: block;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-value, .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > div, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-value, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > div {
    grid-column: 3;
    grid-row: var(--withdrawal-item-row);
    display: block;
    min-width: 0;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(2), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(2) {
    --withdrawal-item-row: 1;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(3), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(3) {
    --withdrawal-item-row: 2;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(4), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(4) {
    --withdrawal-item-row: 3;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(5), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(5) {
    --withdrawal-item-row: 4;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(6), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:nth-child(6) {
    --withdrawal-item-row: 5;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items [data-withdrawal-quantity-display="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items [data-withdrawal-quantity-display="1"] {
    margin-bottom: 1.5rem;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-screen-b-form="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-screen-b-form="1"] {
    overflow-x: visible;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-controls="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-lsjs-element="toggleableArea"] [data-withdrawal-quantity-controls="1"] {
    align-items: stretch;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-withdrawal-quantity-save="1"], .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b [data-withdrawal-toggle-container="1"] [data-withdrawal-quantity-save="1"] {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items tbody tr {
    grid-template-columns: minmax(0, max-content) 1fr;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child), .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) {
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 2;
    row-gap: 0;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-key, .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-value, .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > div, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-key, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > .mod_ls_shop_withdrawal__item-detail-value, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:not(:first-child) > div {
    grid-column: auto;
    grid-row: auto;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child label, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td:first-child label {
    font-size: 0;
    gap: 0;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td .mod_ls_shop_withdrawal__item-detail-key, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td .mod_ls_shop_withdrawal__item-detail-key {
    margin-bottom: 0;
  }
  .ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td .mod_ls_shop_withdrawal__item-detail-value, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-b .mod_ls_shop_withdrawal__items td .mod_ls_shop_withdrawal__item-detail-value {
    margin-bottom: 3rem;
  }
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-a .mod_ls_shop_withdrawal__fallback, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-a .mod_ls_shop_withdrawal__fallback {
  margin-top: 3rem;
}
.ce_mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-a .mod_ls_shop_withdrawal__fallback.is-highlighted, .mod_ls_shop_withdrawal .mod_ls_shop_withdrawal__screen-a .mod_ls_shop_withdrawal__fallback.is-highlighted {
  font-weight: 700;
}
#paypal-verification-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99903;
  /* Must be higher then 99902 because thats the z-index of the #off-canvas-navi-toggler*/
}
#paypal-verification-overlay.hidden {
  display: none;
}
#paypal-verification-overlay.visible {
  display: block;
}
#paypal-verification-info-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  z-index: 99904;
  /* Must be higher then 99903 because thats the z-index of the paypal-verification-overlay */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  width: auto;
  min-width: 320px;
  max-width: 500px;
  padding: 20px 25px;
  text-align: center;
  font-family: Arial, sans-serif;
}
#paypal-verification-info-popup.hidden {
  display: none;
}
#paypal-verification-info-popup.visible {
  display: block;
}
#paypal-verification-info-popup .popup-close-x {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  color: #888;
  cursor: pointer;
  line-height: 1;
}
#paypal-verification-info-popup .popup-close-x:hover {
  color: #555;
}
#paypal-verification-info-popup .popup-heading {
  color: #FF8C00;
  /* Orange */
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}
#paypal-verification-info-popup .popup-message {
  margin: 0 0 20px 0;
  font-size: 16px;
  color: #555;
  line-height: 1.5;
}
#paypal-verification-info-popup .popup-submit-button {
  display: inline-block;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #FFD700;
  color: black;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease;
}
#paypal-verification-info-popup .popup-submit-button:hover, #paypal-verification-info-popup .popup-submit-button:focus {
  background-color: #f0c14b;
  outline: none;
}
.content-text ul, .content-list ul, .content-table ul {
  padding-left: 1.25em;
}
.content-text ol, .content-list ol, .content-table ol {
  padding-left: 1.25em;
}
.product-list .imageContainer img {
  width: 100%;
}
.product-list .watchlistContainer {
  position: absolute;
  top: 1rem;
  right: 4rem;
}
.product-list .watchlistContainer button {
  border: 0;
  background: none;
  padding: 0;
}
.product-list .watchlistContainer button > span {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
}
.product-list .watchlistContainer button::before {
  font-size: 2.5rem;
}
.product-list .watchlistContainer button::after {
  background: none;
}
.product-list .watchlistContainer button:hover, .product-list .watchlistContainer button:active, .product-list .watchlistContainer button:focus {
  color: #000 !important;
}
.product-list .watchlistContainer.notInMyWatchlist button::before {
  content: "";
}
.product-list .watchlistContainer.inMyWatchlist button::before {
  content: "";
}
.product-list .watchlistContainer .favoriteSwitchBox > .success {
  animation: ls-animation-autohide 0s ease-in 3s forwards, ls-animation-fade-out 3s ease-in 0s forwards;
  animation-fill-mode: forwards;
  margin: auto;
  padding: 4rem;
  position: fixed;
  width: 60%;
  text-align: center;
  z-index: 99900;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  color: #FFFFFF;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"] {
  display: none;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"]:checked ~ .info-text, .product-list .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"]:checked ~ .info-bg {
  display: block;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon {
  font-size: 2.5rem;
  color: #777777;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon:hover {
  cursor: pointer;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before {
  content: "";
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-bg {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.product-list .watchlistContainer .favoriteSwitchBox .info-wrapper .info-text {
  position: absolute;
  z-index: 1;
  right: 0;
  padding: 0.8rem;
  display: none;
  font-size: 1.4rem;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: 400;
  box-shadow: 0 0 1.2rem #cccccc;
  min-width: 30rem;
}
div[class^="template_productDetails"] .watchlistContainer button {
  border: 0;
  background: none;
  padding: 0;
}
div[class^="template_productDetails"] .watchlistContainer button > span {
  position: absolute;
  top: -1000px;
  left: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
}
div[class^="template_productDetails"] .watchlistContainer button::before {
  font-size: 2.5rem;
}
div[class^="template_productDetails"] .watchlistContainer button::after {
  background: none;
}
div[class^="template_productDetails"] .watchlistContainer button:hover, div[class^="template_productDetails"] .watchlistContainer button:active, div[class^="template_productDetails"] .watchlistContainer button:focus {
  color: #000 !important;
}
div[class^="template_productDetails"] .watchlistContainer.notInMyWatchlist button::before {
  content: "";
}
div[class^="template_productDetails"] .watchlistContainer.inMyWatchlist button::before {
  content: "";
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper {
  position: relative;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"] {
  display: none;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"]:checked ~ .info-text, div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper > input[type="checkbox"]:checked ~ .info-bg {
  display: block;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon {
  font-size: 2.5rem;
  color: #777777;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon:hover {
  cursor: pointer;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-icon::before {
  content: "";
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-bg {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
div[class^="template_productDetails"] .watchlistContainer .favoriteSwitchBox .info-wrapper .info-text {
  position: absolute;
  z-index: 1;
  left: 0;
  padding: 0.8rem;
  display: none;
  font-size: 1.4rem;
  color: #000000;
  background-color: #FFFFFF;
  font-weight: 400;
  box-shadow: 0 0 1.2rem #cccccc;
  min-width: 30rem;
}
/*
 * WCS Login wird erst ab 01-2027 eingeblendet.
 */
#header-part-2 .navigation-item.login {
  display: none;
}
.mod_article, .mod_ls_shop_cross_seller, #footer, #above-footer {
  margin-top: 6rem;
}
/*
 * Optional direkt am betreffenden Artikel setzen:
 * Der letzte Artikel kann den Footer ohne oberen Abstand anschliessen.
 */
#wrapper:has(#main .inside > .mod_article.flush-to-footer:last-child) #footer {
  margin-top: 0;
}
#below-header .mod_article {
  margin-top: 0;
}
.product-list.lsjs-slider-applied .shopProduct {
  margin-top: 0;
}
.cs-product .product-list {
  display: flex;
  flex-wrap: unset;
  margin-right: 0;
  margin-left: 0;
}
/*
 * Listen: nur ausserhalb von Artikeln (z. B. Footer), Artikel siehe .mod_article.
 */
.ce_list ul, .ce_text ul {
  padding-left: 1.25em;
  list-style-type: disc;
  list-style-position: outside;
}
.ce_list ol, .ce_text ol {
  padding-left: 1.5em;
  list-style-type: decimal;
  list-style-position: outside;
}
/*
 * Artikel: Standard-Fließtextfarbe (Body).
 * Überschriften: eigene Farbe (nicht Body-Grauton erben).
 */
.mod_article {
  color: #575973;
  /*
   * Test: Copytext-Links (nimmt den globalen Link-Reset zurück).
   * Nur Links ohne Klasse; Template-Links/Buttons bleiben unberührt.
   */
}
.mod_article h1, .mod_article h2, .mod_article h3, .mod_article h4, .mod_article h5, .mod_article h6 {
  color: #243B74;
}
.mod_article a:not([class]) {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}
.mod_article a:not([class]):hover, .mod_article a:not([class]):focus {
  text-decoration: underline;
  color: #2D58BA;
}
.voucher-notice {
  font-size: 80%;
}
/*
 * shopping cart: Adjustments for the shopping cart
 * Proven adaptations can be transferred to the core.
 */
.coupons[data-lsjs-component="statusToggler"] [data-lsjs-element*="toggler"] {
  cursor: pointer;
}
/*
 * shopping cart:
 * Adjustments File: vendor/leadingsystems/contao-merconis/src/Resources/contao/lscss/_merconis-cart-checkout-order-review.scss
 * Line: 402 - 404 (div[data-misc-close-form-initially="1"] {...})
 */
#checkoutStepShipping .paymentAndShippingOptionContainer > div[data-misc-close-form-initially="1"] > div, #checkoutStepPayment .paymentAndShippingOptionContainer > div[data-misc-close-form-initially="1"] > div {
  padding: 1.5rem;
}
/*
 * Versand-/Zahlungsauswahl im Checkout ausblenden (Directive 0007).
 * Dummy-Methoden sind als Default vorausgewählt; die Bereiche
 * sind für den Buchenden nicht relevant.
 */
#cart-big #checkoutStepShipping, #cart-big #checkoutStepPayment, #cart-big #checkoutStepOrderLoginType, #cart-big #checkoutStepLogin {
  display: none;
}
#cart-big form.form-delete button[name="submitDelete"] {
  width: 2.4rem;
  height: 2.4rem;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("/files/merconisfiles/usercontent/images/icons/name-delete.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
}
#cart-big form.form-delete button[name="submitDelete"]::before {
  content: none;
  display: none;
}
#cart-big form.form-delete button[name="submitDelete"]:hover, #cart-big form.form-delete button[name="submitDelete"]:focus {
  background-color: transparent;
  background-image: url("/files/merconisfiles/usercontent/images/icons/name-delete.svg");
}
/*
 * Checkout-Warenkorb und After-Checkout: Produktliste, Titel, Termin, Kalkulation.
 * Gilt für cart-big (Warenkorb/Review) und Bestellbestätigung (after-checkout).
 */
#cart-big, #checkout-content.order-overview[data-gtm-situation="after-checkout"] {
  /*
   * Kalkulationszeilen Gutschein, Zahlung und Versand ausblenden
   * (Directive 0007). Zahlung/Versand: field-groups ohne eigene Klasse.
   */
}
#cart-big #calculation .field-group.coupons, #cart-big #calculation .field-group:not(.total-value-of-goods):not(.coupons):not(.full-amount):not(.invoiced-amount):not(.tax), #checkout-content.order-overview[data-gtm-situation="after-checkout"] #calculation .field-group.coupons, #checkout-content.order-overview[data-gtm-situation="after-checkout"] #calculation .field-group:not(.total-value-of-goods):not(.coupons):not(.full-amount):not(.invoiced-amount):not(.tax) {
  display: none;
}
#cart-big #checkoutStepCart .cart-item-list, #checkout-content.order-overview[data-gtm-situation="after-checkout"] #checkoutStepCart .cart-item-list {
  margin-top: 9rem;
  margin-bottom: 9rem;
}
@media (max-width: 899.98px) {
  #cart-big #checkoutStepCart .cart-item-list, #checkout-content.order-overview[data-gtm-situation="after-checkout"] #checkoutStepCart .cart-item-list {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#cart-big #checkoutStepCalculation #calculation, #checkout-content.order-overview[data-gtm-situation="after-checkout"] #checkoutStepCalculation #calculation {
  margin-top: 9rem;
  margin-bottom: 9rem;
}
@media (max-width: 899.98px) {
  #cart-big #checkoutStepCalculation #calculation, #checkout-content.order-overview[data-gtm-situation="after-checkout"] #checkoutStepCalculation #calculation {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#cart-big .product .product-title, #checkout-content.order-overview[data-gtm-situation="after-checkout"] .product .product-title {
  font-weight: 700;
  margin-bottom: 2rem;
}
#cart-big .product .name-and-description > .date, #checkout-content.order-overview[data-gtm-situation="after-checkout"] .product .name-and-description > .date {
  margin-bottom: 2rem;
  font-weight: 700;
}
/*
 * checkoutStep: Adjustments for checkout
 * Proven adaptations can be transferred to the core.
 */
#checkout-content .widget.widget-explanation.explanation h3 {
  border: none;
}
/*
 * checkoutStep: Also for forms in the product detail view
 */
#checkoutStepFinalConfirmation .widget-explanation a, #checkoutStepFinalConfirmation .widget-checkbox a, .contact-product .ce_form .widget-explanation a, .contact-product .ce_form .widget-checkbox a {
  text-decoration: underline;
}
/*
 * Mobil: Silbentrennung für Überschriften (wirkt mit passendem lang-Attribut am Dokument).
 */
@media (max-width: 899.98px) {
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }
}
/*
 * horizontale Navigation: Untermenü-Hintergrund (Standard: $ls-color-6) weiß.
 */
nav.horizontalNavigation > ul > li > ul {
  background-color: #FFFFFF;
}
.widget.widget-text input, .widget.widget-text select, .widget.widget-text textarea, .widget.widget-password input, .widget.widget-password select, .widget.widget-password textarea, .widget.widget-textarea input, .widget.widget-textarea select, .widget.widget-textarea textarea, .widget.widget-select input, .widget.widget-select select, .widget.widget-select textarea {
  width: 100%;
}
/*
 * KONTAKTFORMULAR (Produkt / RSCE o. a.):
 * 2 Spalten für die ersten Felder; ab down(5) eine Spalte (wie _forms.scss).
 * Nachricht (Textarea) und Folge-Widgets (Captcha, DSGVO, Senden) über beide Spalten.
 * Steuerung: Klasse contact-product ODER contact-product--fields-uppercase (z. B. am RSCE-Block, an .ce_form)
 * bzw. contact-product--fields-uppercase direkt am <form> (ohne zwingend .contact-product).
 * Uppercase: contact-product--fields-uppercase am Vorfahren (enthält .ce_form), an .ce_form, am <form> oder
 * contact-product + contact-product--fields-uppercase (Legacy am selben Element).
 */
.contact-product .ce_form .formbody, .contact-product--fields-uppercase .ce_form .formbody, form.contact-product--fields-uppercase .formbody {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2rem;
  row-gap: 1rem;
}
@media (max-width: 599.98px) {
  .contact-product .ce_form .formbody, .contact-product--fields-uppercase .ce_form .formbody, form.contact-product--fields-uppercase .formbody {
    grid-template-columns: 1fr;
  }
}
.contact-product .ce_form .formbody > .widget, .contact-product--fields-uppercase .ce_form .formbody > .widget, form.contact-product--fields-uppercase .formbody > .widget {
  margin-bottom: 0;
}
.contact-product .ce_form .formbody > p.error, .contact-product .ce_form .formbody .widget-textarea, .contact-product .ce_form .formbody .widget-captcha, .contact-product .ce_form .formbody .widget-explanation, .contact-product .ce_form .formbody .widget-checkbox, .contact-product .ce_form .formbody .widget-upload, .contact-product .ce_form .formbody .widget-radio, .contact-product .ce_form .formbody .widget-submit, .contact-product--fields-uppercase .ce_form .formbody > p.error, .contact-product--fields-uppercase .ce_form .formbody .widget-textarea, .contact-product--fields-uppercase .ce_form .formbody .widget-captcha, .contact-product--fields-uppercase .ce_form .formbody .widget-explanation, .contact-product--fields-uppercase .ce_form .formbody .widget-checkbox, .contact-product--fields-uppercase .ce_form .formbody .widget-upload, .contact-product--fields-uppercase .ce_form .formbody .widget-radio, .contact-product--fields-uppercase .ce_form .formbody .widget-submit, form.contact-product--fields-uppercase .formbody > p.error, form.contact-product--fields-uppercase .formbody .widget-textarea, form.contact-product--fields-uppercase .formbody .widget-captcha, form.contact-product--fields-uppercase .formbody .widget-explanation, form.contact-product--fields-uppercase .formbody .widget-checkbox, form.contact-product--fields-uppercase .formbody .widget-upload, form.contact-product--fields-uppercase .formbody .widget-radio, form.contact-product--fields-uppercase .formbody .widget-submit {
  grid-column: 1 / -1;
}
/*
 * Produktdetailseite (content-tabs Editor-Sektion):
 * Raster Desktop 1|10|1 (wie content-tabs), Inhalt product-info | product-booking.
 */
.ref-template-product-details-01 {
  position: relative;
  isolation: isolate;
  margin-bottom: -6rem;
  padding-bottom: 6rem;
  background: linear-gradient(254deg, rgba(38, 68, 136, 0.2) -20.38%, rgba(247, 248, 252, 0.2) 100.8%), #F3F5F8;
  background-blend-mode: multiply, normal;
  /*
   * Raute separat, damit der Gradient exakt der Vorgabe entspricht.
   */
  /*
   * Raster 1|10|1 innerhalb des Content-Wrappers (vgl. .ls-cols-10-1-1).
   * Hinweis: down(16) nicht verwenden – 16 ist die letzte LS-Stufe, dann greift
   * media-breakpoint-down ohne Media Query immer (volle Breite auch auf Desktop).
   * Volle Breite unter 1600px via down(15).
   */
  /*
   * Rechte Spalte: weiße Karte für Formular + Schulungstermine.
   */
  /*
   * Customizer-Formular: 2-Spalten-Grid, Labels oberhalb in Versalien.
   */
  /*
   * Schulungstermine: ausgewählter Termin als Pill, Alternativen horizontal.
   */
  /*
   * Add-to-Cart: Mengen-Input ausblenden, Button volle Breite.
   */
  /*
   * Linke Spalte: Seminarnummer, Art, Mindestteilnehmer, Versalien.
   */
}
.ref-template-product-details-01::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 55%;
  background-image: url("/files/merconisfiles/usercontent/images/icons/raute_color2.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
  pointer-events: none;
}
.ref-template-product-details-01 .product-details-layout {
  width: 190rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 6rem;
  padding-bottom: 6rem;
}
[class*="layout-sidebar"] #main .ref-template-product-details-01 .product-details-layout, [class*="layout-sidebar"] #left .ref-template-product-details-01 .product-details-layout, [class*="layout-sidebar"] #right .ref-template-product-details-01 .product-details-layout {
  max-width: 100%;
}
.ref-template-product-details-01 .product-details-layout__inner {
  position: relative;
  width: 100%;
  padding-right: 3rem;
  padding-left: 3rem;
  padding-left: 0;
  padding-right: 0;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
  margin-left: 8.3333333333%;
}
@media (max-width: 1599.98px) {
  .ref-template-product-details-01 .product-details-layout__inner {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.ref-template-product-details-01 .backButton {
  margin-bottom: 6rem;
}
.ref-template-product-details-01 .backButton a {
  color: #243B74;
  text-decoration: none;
}
.ref-template-product-details-01 .backButton a:hover {
  text-decoration: underline;
}
.ref-template-product-details-01 .shop-product {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 6rem;
  align-items: start;
}
@media (max-width: 1099.98px) {
  .ref-template-product-details-01 .shop-product {
    grid-template-columns: 1fr;
  }
}
.ref-template-product-details-01 .product-header {
  margin-bottom: 2.5rem;
}
.ref-template-product-details-01 .product-header h1.productTitle {
  color: #243B74;
  margin: 0 0 1rem;
}
.ref-template-product-details-01 .product-header h3.productSubtitle {
  font-size: 2rem;
  letter-spacing: 0.08rem;
  text-transform: uppercase;
  color: #243B74;
  margin: 0;
}
@media screen and (max-width: 1099px) {
  .ref-template-product-details-01 .product-header h3.productSubtitle {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 799px) {
  .ref-template-product-details-01 .product-header h3.productSubtitle {
    font-size: 1.64rem;
  }
}
@media screen and (max-width: 499px) {
  .ref-template-product-details-01 .product-header h3.productSubtitle {
    font-size: 1.48rem;
  }
}
.ref-template-product-details-01 .product-info .product-description .description ul, .ref-template-product-details-01 .product-info ul {
  list-style: none;
  padding-left: 0;
}
.ref-template-product-details-01 .product-info .product-description .description ul li, .ref-template-product-details-01 .product-info ul li {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 0.75rem;
}
.ref-template-product-details-01 .product-info .product-description .description ul li::before, .ref-template-product-details-01 .product-info ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 1.4rem;
  height: 1.4rem;
  background: url("/files/merconisfiles/usercontent/images/icons/Namecheck.svg") no-repeat center / contain;
}
.ref-template-product-details-01 .product-booking .booking {
  background-color: #FFFFFF;
  border-radius: 0.8rem;
  padding: 3rem;
  box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.08);
}
.ref-template-product-details-01 .product-booking .schulungstermine {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 0.1rem solid #D1D6E2;
}
.ref-template-product-details-01 .configurator-container > h2 {
  font-size: 3.6rem;
  color: #243B74;
  margin: 0 0 2.5rem;
}
.ref-template-product-details-01 .configurator-container > p {
  display: none;
}
.ref-template-product-details-01 .customizerUserInterface fieldset[name="settings"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  border: 0;
  padding: 0;
  margin: 0;
}
.ref-template-product-details-01 .customizerUserInterface label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.2rem;
  row-gap: 0.6rem;
}
.ref-template-product-details-01 .customizerUserInterface label .label-content, .ref-template-product-details-01 .customizerUserInterface label .mandatory {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #243B74;
}
.ref-template-product-details-01 .customizerUserInterface label input:not([type="hidden"]), .ref-template-product-details-01 .customizerUserInterface label textarea {
  flex: 0 0 100%;
  width: 100%;
  padding: 1.2rem;
  border: 0.1rem solid #D1D6E2;
  background-color: #F3F5F8;
  font-size: 1.6rem;
  font-family: inherit;
}
.ref-template-product-details-01 .customizerUserInterface label textarea {
  min-height: 8rem;
  resize: vertical;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="company"]) {
  grid-column: 1 / -1;
  order: 1;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="firstname"]) {
  order: 2;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="lastname"]) {
  order: 3;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="email"]) {
  grid-column: 1 / -1;
  order: 4;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="phone"]) {
  grid-column: 1 / -1;
  order: 5;
}
.ref-template-product-details-01 .customizerUserInterface label:has(input[name="birthday"]) {
  grid-column: 1 / -1;
  order: 6;
}
.ref-template-product-details-01 .customizerUserInterface label:has(textarea[name="comment"]) {
  grid-column: 1 / -1;
  order: 7;
}
@media (max-width: 991.98px) {
  .ref-template-product-details-01 .customizerUserInterface fieldset[name="settings"] {
    grid-template-columns: 1fr;
  }
  .ref-template-product-details-01 .customizerUserInterface label:has(input[name="company"]), .ref-template-product-details-01 .customizerUserInterface label:has(input[name="email"]), .ref-template-product-details-01 .customizerUserInterface label:has(input[name="phone"]), .ref-template-product-details-01 .customizerUserInterface label:has(input[name="birthday"]), .ref-template-product-details-01 .customizerUserInterface label:has(textarea[name="comment"]) {
    grid-column: auto;
  }
}
.ref-template-product-details-01 .schulungstermine h2 {
  display: none;
}
.ref-template-product-details-01 .schulungstermine .currently-selected-date {
  margin-bottom: 1.5rem;
}
.ref-template-product-details-01 .schulungstermine .currently-selected-date::before {
  content: "aktuell ausgewählter Schulungstermin";
  display: block;
  font-weight: 700;
  font-size: 1.6rem;
  color: #243B74;
  margin-bottom: 0.8rem;
}
.ref-template-product-details-01 .schulungstermine .currently-selected-date p {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background-color: #F3F5F8;
  border: 0.2rem solid #243B74;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  color: #243B74;
  margin: 0;
}
.ref-template-product-details-01 .schulungstermine .alternative-dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.ref-template-product-details-01 .schulungstermine .alternative-dates::before {
  content: "Alternative Termine:";
  display: block;
  flex-basis: 100%;
  font-weight: 700;
  font-size: 1.6rem;
  color: #243B74;
  margin-bottom: 0;
}
.ref-template-product-details-01 .schulungstermine .alternative-dates p {
  margin: 0;
}
.ref-template-product-details-01 .schulungstermine .alternative-dates a {
  display: inline-block;
  padding: 0.6rem 1.2rem;
  background-color: #F3F5F8;
  border: 0.1rem solid #D1D6E2;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  color: #243B74;
  text-decoration: none;
}
.ref-template-product-details-01 .schulungstermine .alternative-dates a:hover {
  border-color: #243B74;
}
.ref-template-product-details-01 .product-booking .price-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem 3rem;
  margin-top: 2.5rem;
}
.ref-template-product-details-01 .product-booking .price-info .price, .ref-template-product-details-01 .product-booking .price-info .duration {
  flex: 0 1 auto;
}
.ref-template-product-details-01 .product-booking .price-info .price .label, .ref-template-product-details-01 .product-booking .price-info .duration .label {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
  color: #575973;
  margin-bottom: 0.6rem;
}
.ref-template-product-details-01 .product-booking .price-info .price .value, .ref-template-product-details-01 .product-booking .price-info .duration .value {
  display: block;
  font-size: 1.8rem;
  font-weight: 400;
  color: #243B74;
  line-height: 1.3;
}
.ref-template-product-details-01 .product-booking .price-info .price .value .priceContainer {
  display: block;
}
.ref-template-product-details-01 .product-booking .price-info .price .value .currentPrice {
  display: block;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.ref-template-product-details-01 .product-booking .price-info .price .value .currentPrice .taxInfo {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.112rem;
  text-transform: none;
  color: #575973;
  line-height: 1.5;
}
.ref-template-product-details-01 .add-to-cart-container {
  margin-top: 2.5rem;
}
.ref-template-product-details-01 .add-to-cart-container .quantity-input {
  display: none;
}
.ref-template-product-details-01 .add-to-cart-container .add-to-cart {
  display: flex;
}
.ref-template-product-details-01 .add-to-cart-container .submit {
  display: inline-block;
  background: #FFFFFF;
  text-shadow: none;
  color: #000000;
  border: solid 0.2rem #000000;
  padding: 1.2rem 3rem;
  font-size: 1.6rem;
  border: solid 0.2rem transparent;
  background: #FFDD00;
  width: 100%;
  border-radius: 0.4rem;
  color: #243B74;
}
.ref-template-product-details-01 .add-to-cart-container .submit:hover {
  background: #F3F5F8;
}
.ref-template-product-details-01 .add-to-cart-container .submit:hover {
  background: #F6C64E;
}
.ref-template-product-details-01 .product-info .info-items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem 2rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 991.98px) {
  .ref-template-product-details-01 .product-info .info-items {
    grid-template-columns: 1fr;
  }
}
.ref-template-product-details-01 .product-info .info-items p {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.ref-template-product-details-01 .product-info .info-items p strong {
  font-size: 1.4rem;
  letter-spacing: 0.112rem;
  font-weight: 500;
  text-transform: uppercase;
  font-weight: 400;
  color: #575973;
  margin-bottom: 0.3rem;
}
.ref-template-product-details-01 .product-info .info-items p span {
  font-size: 1.8rem;
  color: #2D58BA;
}
/* Uppercase: gleiche Einstiegspunkte wie oben, nur gezielt mit contact-product--fields-uppercase */
.contact-product--fields-uppercase .ce_form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .contact-product--fields-uppercase .ce_form select, .contact-product--fields-uppercase .ce_form textarea, .contact-product.contact-product--fields-uppercase .ce_form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), .contact-product.contact-product--fields-uppercase .ce_form select, .contact-product.contact-product--fields-uppercase .ce_form textarea, form.contact-product--fields-uppercase input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), form.contact-product--fields-uppercase select, form.contact-product--fields-uppercase textarea {
  text-transform: uppercase;
}
.added-to-cart-info .headline-area h3, #cart-preview .headline-area h3 {
  margin-bottom: 2rem;
}
.added-to-cart-info a.off-canvas-added-to-cart-info-toggler.open, .added-to-cart-info a.off-canvas-cart-preview-toggler.open, #cart-preview a.off-canvas-added-to-cart-info-toggler.open, #cart-preview a.off-canvas-cart-preview-toggler.open {
  display: inline-block;
  padding: 1rem;
  background-color: #FEF7DA;
  color: #243B74;
  text-decoration: none;
  border-radius: 0.4rem;
}
.added-to-cart-info a.off-canvas-added-to-cart-info-toggler.open:hover, .added-to-cart-info a.off-canvas-cart-preview-toggler.open:hover, #cart-preview a.off-canvas-added-to-cart-info-toggler.open:hover, #cart-preview a.off-canvas-cart-preview-toggler.open:hover {
  background-color: #FFDD00;
}
.added-to-cart-info #cart-preview-link-to-cart a, #cart-preview #cart-preview-link-to-cart a {
  display: inline-block;
  padding: 1rem;
  background-color: #F3F5F8;
  color: #243B74;
  text-decoration: none;
  border-radius: 0.4rem;
}
.added-to-cart-info #cart-preview-link-to-cart a:hover, #cart-preview #cart-preview-link-to-cart a:hover {
  background-color: #D1D6E2;
}
.ref-template-product-overview-01 .price-inline {
  display: none;
}
.ref-template-product-overview-01.has-no-price .currentPrice, .shop-product.has-no-price .price-info, #cart-preview .product.has-no-price .price-cumulative, .added-to-cart-info .product.has-no-price .price-cumulative {
  display: none;
}
/*# sourceMappingURL=lscss4c_a2907cc739e1d6922227bfb8a28464cd.map */