﻿/* ::: no-js ::: */
.no-js form {
  opacity: 1;
}/* ::: Basis-Elemente ::: */
/* einkommentieren, wenn Fade-In gewünscht => dann initLazyLoad() erst beim Success ShowAll() ausführen
form {
  opacity: 0;
}
*/

/*html {*/
/*    overflow-y:scroll;*/
/*}*/

.clear,
.spacer,
.halfspacer,
.quarterspacer,
.minispacer,
.doublespacer,
.imgfspacer {
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
  display:block;
}
.doublespacer   { height:32px; }
.spacer     { height:16px; }
.halfspacer   { height:8px; }
.quarterspacer   { height:4px; }
.minispacer   { height:2px; }
.none,
.hide {
  display:none;
}
hr {
  clear: both; 
  height: 1px; 
  margin: 0;
  padding: 0;
  border: none; 
  background-color:#CCC;
  font-size: 0;
  line-height: 0;
}
/*img {*/
/*    vertical-align:bottom;*/
/*    width:auto;*/
/*    max-width:100%;*/
/*}*/
.left   { float:left; }
.right   { float:right; }
.even   { background-color:#CCC; }
.odd   { background-color:#EEE; }
/*figcaption {*/
/* font-style:italic;*/
/* font-size:10px;*/
/*}*/
.error {
  color:#e60003;
}
.errorlabel {
    display:block;
}
.searchword {
  background-color:#333;
  color:#fff;
}
.anker:not([href]) {
    text-decoration:none;
}

/* ::: onpublix-Textausrichtung ::: */
.textleft    { text-align:left; }
.textcenter  { text-align:center; }
.textright   { text-align:right; }
.textjustify { text-align:justify; }

/* ::: Aufzählung ::: */
.on-list {
    
}
.on-list li {
    
}

/* ::: Abstände ::: */
figure,
audio,
video,
canvas,
.youtube,
.generate-ui-tab,
div.ui-accordion,
table.tabelle,
.errorlabel {
  margin: 0 0 16px;
}

audio {
    max-width:100%;
}
video {
    max-width:100%;
    height:auto;
}

/*figure {*/
/*    position:relative;*/
/*    z-index:1;*/
/*    text-align:center;*/
/*}*/

/* ::: Imgleft/Imgright/Gallery/Zoomable ::: */
figure.imgleft,
figure.imgright {
    display:table;
    padding-top:2px;
    max-width: 250px; /* je nach Layout anzupassen */
    width: 100%;
}
figure.imgleft { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:left;
  margin:0 10px 5px 0;
  text-align:left;
}
figure.imgright { /* display und width wegen gewuenschtem Caption-Verhalten */
  float:right;
  margin:0 0 5px 10px;
  text-align:right;
}
figure.imgleft img,
figure.imgright img {
    width:100%;
}
figure.zoomable > span.figurewrapper,
figure.gallery > span.figurewrapper {
    position:relative;
    z-index:1;
    display:inline-block;
    width:100%;
    cursor:pointer;
}
figure.imgleft span.figurewrapper,
figure.imgright span.figurewrapper {
    display:block;
}
/*figure.gallery > span.figurewrapper a:first-child {*/
/*    position:relative;*/
/*    z-index:1;*/
/*    display:block;*/
/*}*/
/*figure.zoomable > span.figurewrapper:after,*/
/*figure.gallery > span.figurewrapper a:first-child:after {*/
/*    content:'';*/
/*    display:block;*/
/*    position:absolute;*/
/*    z-index:1;*/
/*    bottom:0;*/
/*    right:0;*/
/*    width:19px;*/
/*    height:19px;*/
/*    background:url(/img/system/icons/zoombox.gif) 0 0 no-repeat;*/
/*}*/
/*figure.gallery > span.figurewrapper a:first-child:after {*/
/*    background-image:url(/img/system/icons/gallery.gif);*/
/*}*/
/*div.textnf {*/
/*  display:table;*/
/*}*/

/* :::  Quicknav ::: */
a.jumpto {
  display:block; 
  position:absolute; 
  top:6px; 
  left:-1000px; 
  z-index:100; 
  padding:10px; 
  font-size:16px; 
  line-height:1.5em;
  font-weight:bold; 
  color:#000;
  background-color:#FFFF8D; 
}
a.jumpto:focus, 
a.jumpto:active {
  left:0;
}

/* :::  YouTube-Baustein ::: */
.youtube {
  position: relative; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.youtube iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* :::  Korrekturen ::: */
body .ui-widget {
  font-size:1em;
}

.generate-ui-tab .supertab-head {
    display:none;
}

.ui-tabs .ui-tabs-nav li a,
.ui-state-default a 
{ 
  outline:none;  /* Mix aus normalize und jquery-ui */
}
.mejs-container,
.mejs-container .mejs-layer {
    max-width:100%;
}/* ::: Gallery ::: */
div.gallnavi {
    float:right;
}
div.gallnavi a {
  float:left;
  height:16px;
  width:11px;
  line-height:16px;
  padding: 0 2px 1px 2px;
  margin-left:6px;
  font-weight:bold;
  color:#FFF;
  background-color:#DFC686;
  text-decoration:none;
  text-align:center;
}
div.gallnavi a.selected {
  background-color:#A44E13;
}
.gallerybox {
  margin-top:10px;
}
.galleryrow:after {
    content:"";
    clear:both;
    display:table;
}
.gallerybox a.gallery {
  display:block;
  float:left;
  width: 180px;
  height:140px;
  background-color:#ebebeb;
  background-position:center center;
  background-repeat:no-repeat;
  margin: 0 20px 20px 0;
}
.gallerybox a.last {
  margin-right:0;
}

.galleryrow a.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}/* ::: uaWarning ::: */
#uaWarningWrapper {
    background-color:#ffe9af;
    border-bottom:1px solid #c0c0c0;
}
#uaWarning {
    max-width:1024px;
    margin:0 auto;
    padding:24px 16px;
}
#uaWarningClose {
    text-align:right;
    cursor:pointer;
}@font-face {
  font-family: "mobilenav";
  src: url("/fonts/mobilenav/mobilenav.eot?19440014");
  src: url("/fonts/mobilenav/mobilenav.eot?19440014#iefix") format("embedded-opentype"), url("/fonts/mobilenav/mobilenav.woff?19440014") format("woff"), url("/fonts/mobilenav/mobilenav.ttf?19440014") format("truetype"), url("/fonts/mobilenav/mobilenav.svg?19440014#mobilenav") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="mn-"]:before,
[class*=" mn-"]:before {
  font-family: "mobilenav";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mn-angle-left:before {
  content: "\e800"; }

.mn-angle-right:before {
  content: "\e801";
  color: #000;
  font-size: 36px;
  transform: rotateZ(0deg) !important; }

.mobilenav-li.open .mn-angle-right:before {
  transform: rotateZ(90deg) !important; }

.mn-menu:before {
  content: "\e802"; }

.mobile-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  display: none;
  transition: all 0.5s ease;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 500; }

.mobilenav-open body .mobile-layer {
  display: block; }

.nav__suche {
  position: relative;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 15px; }
  .nav__suche .suche-btn-nav {
    position: absolute;
    right: 30px;
    top: 10px;
    cursor: pointer; }
  .nav__suche input {
    padding-right: 50px; }

.advice__button-mobile {
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-left: 20px;
  display: flex;
  justify-content: flex-start;
  align-content: center;
  align-self: center;
  flex-wrap: nowrap;
  color: #09141d; }
  .advice__button-mobile span {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    margin-right: 10px;
    color: #09141d;
    transition: all 0.5s ease; }
  .advice__button-mobile svg {
    transform: rotate(90deg);
    width: 23px;
    position: relative;
    top: -20px;
    left: -10px; }

#mobilenav {
  display: none;
  -moz-transform: translate(105%);
  -ms-transform: translate(105%);
  -o-transform: translate(105%);
  -webkit-transform: translate(105%);
  transform: translate(105%);
  -moz-transition: transform 0.5s ease-in-out;
  -o-transition: transform 0.5s ease-in-out;
  -webkit-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  width: 320px;
  height: calc(100% - 100px);
  background: #fff;
  box-shadow: 2px 6px 4px 0 rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 9990;
  bottom: 0;
  right: 0;
  top: 84px;
  padding-top: 1px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top: 40px;
  padding-bottom: 33px; }

@media only screen and (max-width: 768px) {
  #mobilenav {
    height: calc(100% - 83px); } }

@media only screen and (max-width: 399px) {
  #mobilenav {
    width: 100%; } }
  #mobilenav.no-overflow {
    overflow-y: hidden; }
  .mobilenav-open #mobilenav {
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    -webkit-transform: translate(0);
    transform: translate(0); }
  #mobilenav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #mobilenav ul.sub {
      display: none;
      background: #ffffff;
      padding-top: 5px; }
      #mobilenav ul.sub .mobilenav-a {
        font-size: 20px;
        padding: 10px 55px 10px 25px; }
      #mobilenav ul.sub li {
        border: none; }
  #mobilenav li {
    position: relative;
    z-index: 20;
    border-bottom: 2px solid #ECECEC;
    margin-right: 20px;
    margin-left: 20px; }
    #mobilenav li > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg);
      -ms-transform: rotateZ(90deg);
      -o-transform: rotateZ(90deg);
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
      -moz-transition: transform 0.3s ease-in-out;
      -o-transition: transform 0.3s ease-in-out;
      -webkit-transition: transform 0.3s ease-in-out;
      transition: transform 0.3s ease-in-out; }
    #mobilenav li.open > .mobilenav-submenu i:before {
      -moz-transform: rotateZ(90deg) rotateY(180deg);
      -ms-transform: rotateZ(90deg) rotateY(180deg);
      -o-transform: rotateZ(90deg) rotateY(180deg);
      -webkit-transform: rotateZ(90deg) rotateY(180deg);
      transform: rotateZ(90deg) rotateY(180deg); }
    #mobilenav li:first-child {
      border-top: 2px solid #ECECEC; }
  #mobilenav .mobile__meta {
    margin-top: 15px;
    border: none; }
  #mobilenav .selected > .mobile--a {
    color: #727272; }
  #mobilenav .mobile--a {
    display: block;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-size: 16px;
    line-height: 1em;
    color: #8e8e8e;
    cursor: pointer; }
    #mobilenav .mobile--a:hover {
      color: #fff; }
  #mobilenav .nav__item.offer.mobile {
    margin-top: 50px;
    border-bottom: none;
    margin-right: auto;
    margin-left: auto; }
  #mobilenav .grid__text--wrapper.mobile {
    margin-top: 48px;
    border-bottom: none;
    margin-right: auto;
    margin-left: auto; }

.mobilenav-header {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  border-bottom: 1px solid #ECECEC;
  overflow: hidden;
  font-weight: 600;
  margin-bottom: 15px;
  cursor: pointer; }
  .mobilenav-header .mobilenav-header-link {
    float: left;
    display: block;
    padding: 11px 0;
    color: #000;
    text-decoration: none;
    width: 67%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .mobilenav-header .mobilenav-back {
    float: right;
    padding: 11px 0;
    max-width: 33%; }

.mobilenav-submenu {
  padding: 20px 0px;
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  cursor: pointer;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out; }
  .mobilenav-submenu:hover {
    background: #ffffff;
    color: #fff; }

.mobilenav-submenu:focus {
  background: #ffffff !important; }

.mobilenav-ul {
  width: 100%;
  z-index: 100; }
  .mobilenav-ul.sub {
    display: none; }

.mobilenav-li {
  margin-bottom: 5px;
  -moz-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -o-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  -webkit-transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out;
  transition: margin 0.3s ease-in-out, padding 0.3s ease-in-out; }
  .mobilenav-li.open, .mobilenav-li.open > ul > li:last-child {
    margin-bottom: 0; }
  .mobilenav-li.padding {
    padding-bottom: 5px !important; }
  .mobilenav-li:hover > .mobilenav-a {
    text-decoration: none; }

.seperator {
  margin: 10px 0;
  background-color: #ECECEC;
  height: 1px; }

.mobilenav-a {
  padding: 24px 45px 24px 20px;
  display: block;
  font-size: 24px;
  line-height: 27px;
  color: #000 !important;
  text-decoration: none;
  background: #ffffff !important;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out; }
  .mobilenav-a:hover, .selected > .mobilenav-a {
    text-decoration: none;
    background: #ffffff;
    color: #727272; }

#mobilenav a:focus {
  background-color: #ffffff !important;
  color: #000 !important; }

.mobilenav-submenu:focus {
  background-color: #ffffff !important;
  color: #000 !important; }

@media only screen and (max-width: 1199px) {
  #mobilenav,
.mobile-logo,
.mobilebutton {
    display: block; } }/*@font-face{*/
/*    font-family:"Helvetica Neue LT W01_65 Md";*/
/*    src:url("/fonts/helvetica/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"),*/
/*    url("/fonts/helvetica/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff");*/
/*}*/
/*@font-face{*/
/*    font-family:"Helvetica Neue LT W01_51488890";*/
/*    src:url("/fonts/helvetica/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),*/
/*    url("/fonts/helvetica/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff");*/
/*}*/
/*@font-face{*/
/*    font-family:"Helvetica Neue LT W01_71488914";*/
/*    src:url("/fonts/helvetica/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),*/
/*    url("/fonts/helvetica/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff");*/
/*}*/


@font-face {
  font-family: 'Helvetica Neue LT Roman';
  src: url("/fonts/1488890/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"), url("/fonts/1488890/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"); }

@font-face {
  font-family: 'Helvetica Neue LT Roman';
  font-weight: bold;
  src: url("/fonts/1488914/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"), url("/fonts/1488914/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"); }

@font-face {
  font-family: 'Helvetica Neue Ex';
  src: url("/fonts/HelveticaNeueLTStd-Ex.woff") format("woff"); }

@font-face {
  font-family: 'Helvetica Neue LT Medium';
  src: url("/fonts/1488902/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"), url("/fonts/1488902/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff"); }
  
@font-face{
    font-family:"Helvetica Neue LT W01_41488878";
    src:url("/fonts/1488878/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("/fonts/1488878/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff");
}.flash {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  padding: 15px;
  margin-bottom: 1em;
  text-align: left;
  color: black;
}
.flash.form-success {
  background: #dff0d8;
  border-left: 5px solid #3f9f18;
}
.flash.form-failure {
  background: rgba(255, 77, 77, 0.15);
  border-left: 5px solid red;
}
.flash.form-info {
  border-left: 5px solid #ffd600;
  background: #fcf8e3;
}
.flash.form-info p {
  margin: 0;
}
input.error,
textarea.error {
  border: 1px solid red;
}
.datenschutz {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.datenschutz input[type="checkbox"] {
  width: 15px;
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  height: 15px;
  cursor: pointer;
}
.datenschutz label {
  float: left;
  width: calc(100% - 30px);
  line-height: 1.2;
  cursor: pointer;
  max-width: inherit;
}
textarea,
select,
input {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
textarea.error,
select.error,
input.error {
  -webkit-box-shadow: inset 0px 0px 0px 2px red;
  -moz-box-shadow: inset 0px 0px 0px 2px red;
  box-shadow: inset 0px 0px 0px 2px red;
}
textarea.valid,
select.valid,
input.valid {
  -webkit-box-shadow: inset 0px 0px 0px 2px green;
  -moz-box-shadow: inset 0px 0px 0px 2px green;
  box-shadow: inset 0px 0px 0px 2px green;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.pager {
  text-align: center;
  position: relative;
  max-width: 500px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.pager:first-of-type {
  border-bottom: 1px solid #CCDEED;
  padding-bottom: 32px;
  margin-bottom: 19px;
}
@media only screen and (max-width: 475px) {
  .pager:first-of-type {
    padding-bottom: 40px;
  }
}
.pager:last-of-type {
  padding-top: 32px;
  margin-top: 19px;
}
.pager:last-of-type a.pf-first,
.pager:last-of-type .pb-first {
  top: 30px;
}
@media only screen and (max-width: 475px) {
  .pager:last-of-type {
    padding-bottom: 40px;
  }
}
.pager-info {
  font-size: 18px;
  line-height: 27px;
}
.pager-info .hits {
  margin-left: 10px;
}
@media only screen and (max-width: 475px) {
  .pager-info .hits {
    margin: 0;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
  }
}
.pager input {
  border: 1px solid #181715;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
  box-shadow: none;
  font-size: 18px;
  line-height: 27px;
  width: 34px;
  height: 34px;
  color: #181715;
  font-weight: bold;
}
.pager a.pf-first,
.pager .pb-first {
  position: absolute;
  top: -14px;
  transition: 0.2s;
  background: #fff;
  width: 34px;
  height: 34px;
  background-size: cover;
  background-image: url(/img/system/icon_slider_arrow-right.svg);
}
.pager .pager-forward a.pf-first {
  right: 0;
}
.pager .pager-forward a.pf-sec {
  display: none;
}
.pager .pager-forward a:before {
  transform: translate(14px, 1px) rotate(45deg);
}
.pager .pager-forward a:after {
  transform: translate(14px, -1px) rotate(-45deg);
}
.pager .pager-forward a:hover:before {
  transform: translate(14px, 1px) rotate(30deg);
}
.pager .pager-forward a:hover:after {
  transform: translate(14px, -1px) rotate(-30deg);
}
.pager .pager-forward a:active:before {
  transform: translate(14px, 1px) rotate(25deg);
}
.pager .pager-forward a:active:after {
  transform: translate(14px, -1px) rotate(-25deg);
}
.pager .pager-backward a.pb-first {
  background-image: url(/img/system/icon_slider_arrow-left.svg);
  left: 0;
}
.pager .pager-backward a.pb-sec {
  display: none;
}
.pager .pager-backward a:before {
  transform: translate(0px, 1px) rotate(135deg);
}
.pager .pager-backward a:after {
  transform: translate(0px, -1px) rotate(225deg);
}
.pager .pager-backward a:hover:before {
  transform: translate(0px, 1px) rotate(150deg);
}
.pager .pager-backward a:hover:after {
  transform: translate(0px, -1px) rotate(210deg);
}
.pager .pager-backward a:active:before {
  transform: translate(0px, 1px) rotate(155deg);
}
.pager .pager-backward a:active:after {
  transform: translate(0px, -1px) rotate(205deg);
}fieldset.formdesigner {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
fieldset.formdesigner legend {
  display: block;
  font-size: 20px;
  line-height: initial;
  font-weight: bold;
  margin-bottom: 20px;
}
fieldset.formdesigner .formular_content {
  padding: 10px;
}
fieldset.formdesigner .radio.checkbox {
  clear: both;
}
fieldset.formdesigner textarea.text {
  width: 380px;
  resize: none;
}
fieldset.formdesigner textarea.text.resizeable {
  resize: both;
}
fieldset.formdesigner textarea.text.Small {
  height: 46px;
}
fieldset.formdesigner textarea.text.Medium {
  height: 66px;
}
fieldset.formdesigner textarea.text.Large {
  height: 86px;
}
fieldset.formdesigner input.text.Small {
  width: 50%!important;
}
fieldset.formdesigner input.text.Medium {
  width: 75%!important;
}
fieldset.formdesigner input.text.Large {
  width: 100%!important;
}
fieldset.formdesigner input.text,
fieldset.formdesigner textarea.text {
  float: left;
  margin-bottom: 15px;
}
fieldset.formdesigner .labelitem {
  margin: 0;
  float: left;
}
fieldset.formdesigner .confirmlabel {
  width: 80%;
  max-width: 80%;
}
fieldset.formdesigner div.radioButtonListWrapper {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
fieldset.formdesigner div.radioButtonListWrapper .radioButtonWrapper {
  display: flex;
}
fieldset.formdesigner div.radioButtonListWrapper .radioButtonWrapper label {
  float: left;
  margin: 0;
}
fieldset.formdesigner .checkboxListWrapper {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
fieldset.formdesigner .checkboxListWrapper .checkboxWrapper {
  display: flex;
}
fieldset.formdesigner .checkboxListWrapper .checkboxWrapper label {
  float: left;
  margin: 0;
  width: auto!important;
}
fieldset.formdesigner .checkboxListWrapper .checkboxWrapper label + input[type=checkbox],
fieldset.formdesigner .checkboxListWrapper .checkboxWrapper label + input[type=radio] {
  margin-left: 10px;
  margin-right: 0;
}
fieldset.formdesigner .checkboxListWrapper .labelwrapper {
  display: flex;
  padding-top: 6px;
}
fieldset.formdesigner .checkboxListWrapper .labelwrapper label {
  margin: 0;
  display: flex;
  width: auto!important;
  padding: 0;
}
fieldset.formdesigner .checkboxListWrapper .labelwrapper label.error + .asterisk {
  color: #e60003;
}
fieldset.formdesigner select {
  margin-top: 0px;
  height: 25px;
}
fieldset.formdesigner input[type=checkbox],
fieldset.formdesigner input[type=radio] {
  width: auto!important;
  height: auto;
  margin-top: 10px;
  margin-right: 10px;
}
fieldset.formdesigner div.absenden {
  margin: 0;
}
fieldset.formdesigner div.absenden a {
  width: 100%;
  padding: 10px 24px;
  background: none;
  background-color: #428bca;
  color: #fff;
  text-shadow: none;
  transition: background-color 0.2s;
}
fieldset.formdesigner div.absenden a:hover {
  background: none;
  background-color: #3c79b2;
}
fieldset.formdesigner .formular_container_item {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
fieldset.formdesigner .formular_container_item.items_1 {
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
fieldset.formdesigner .formular_container_item.items_2 {
  width: 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
fieldset.formdesigner .formular_container_item.items_3 {
  width: 33%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
fieldset.formdesigner .formular_container_item.items_4 {
  width: 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
fieldset.formdesigner .formular_container_item input.text.Small {
  width: 80px;
}
fieldset.formdesigner .formular_container_item input.text.Medium {
  width: 120px;
}
fieldset.formdesigner .formular_container_item input.text.Large {
  width: 140px;
}
fieldset.formdesigner .captcha {
  max-width: 250px;
  margin-bottom: 15px;
}
fieldset.formdesigner .formular_container {
  position: relative;
  width: calc(100% + 30px);
  min-height: 1px;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}
.erfolgsmeldung {
  text-align: center;
  margin: 50px 0!important;
}
@media only screen and (max-width: 560px) {
  fieldset.formdesigner {
    width: 100%;
    padding: 0;
  }
  fieldset.formdesigner textarea.text {
    width: 100%;
  }
}/*!
 * Bootstrap Grid v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 1rem); /*var(--bs-gutter-x, 0.75rem);*/
  padding-left: var(--bs-gutter-x, 1rem); /*var(--bs-gutter-x, 0.75rem);*/
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 2rem; /*1.5rem;*/
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !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;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.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-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;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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;
}

.justify-content-evenly {
  justify-content: space-evenly !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;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !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;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !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;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !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;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !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;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .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-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;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !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;
  }

  .d-print-none {
    display: none !important;
  }
}/**
 * Swiper 8.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 24, 2022
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.bg-default {
  background-color: #fff; }
  .bg-default + .bg-default {
    padding-top: 0; }
  .main .bg-default + .bg-default:not(.bg-default), .main-full .bg-default + .bg-default:not(.bg-default) {
    padding-top: 0;
    margin-top: -50px; }

@media only screen and (max-width: 768px) {
  .main .bg-default + .bg-default:not(.bg-default), .main-full .bg-default + .bg-default:not(.bg-default) {
    margin-top: -20px; } }
  .main > .bg-default[class*="container__wrapper"] {
    padding: 0;
    margin-bottom: 1rem; }
    .main > .bg-default[class*="container__wrapper"] > .container {
      padding-left: 0;
      padding-right: 0; }

@media only screen and (max-width: 1199px) {
  .main > .bg-default[class*="container__wrapper"] {
    width: 100% !important; } }
  .bg-default-left .col-md-6.left, .bg-default-right .col-md-6.right {
    background-color: #fff;
    padding-top: 26px;
    padding-bottom: 42px;
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem); }
    .bg-default-left .col-md-6.left + .bg-default-left .col-md-6.left, .bg-default-left .col-md-6.left + .bg-default-right .col-md-6.right, .bg-default-right .col-md-6.right + .bg-default-left .col-md-6.left, .bg-default-right .col-md-6.right + .bg-default-right .col-md-6.right {
      padding-top: 0; }
    .main .bg-default-left .col-md-6.left + .bg-default-left .col-md-6.left:not(.bg-default), .main-full .bg-default-left .col-md-6.left + .bg-default-left .col-md-6.left:not(.bg-default), .main .bg-default-left .col-md-6.left + .bg-default-right .col-md-6.right:not(.bg-default), .main-full .bg-default-left .col-md-6.left + .bg-default-right .col-md-6.right:not(.bg-default), .main .bg-default-right .col-md-6.right + .bg-default-left .col-md-6.left:not(.bg-default), .main-full .bg-default-right .col-md-6.right + .bg-default-left .col-md-6.left:not(.bg-default), .main .bg-default-right .col-md-6.right + .bg-default-right .col-md-6.right:not(.bg-default), .main-full .bg-default-right .col-md-6.right + .bg-default-right .col-md-6.right:not(.bg-default) {
      padding-top: 0;
      margin-top: -50px; }

@media only screen and (max-width: 768px) {
  .main .bg-default-left .col-md-6.left + .bg-default-left .col-md-6.left:not(.bg-default), .main-full .bg-default-left .col-md-6.left + .bg-default-left .col-md-6.left:not(.bg-default), .main .bg-default-left .col-md-6.left + .bg-default-right .col-md-6.right:not(.bg-default), .main-full .bg-default-left .col-md-6.left + .bg-default-right .col-md-6.right:not(.bg-default), .main .bg-default-right .col-md-6.right + .bg-default-left .col-md-6.left:not(.bg-default), .main-full .bg-default-right .col-md-6.right + .bg-default-left .col-md-6.left:not(.bg-default), .main .bg-default-right .col-md-6.right + .bg-default-right .col-md-6.right:not(.bg-default), .main-full .bg-default-right .col-md-6.right + .bg-default-right .col-md-6.right:not(.bg-default) {
    margin-top: -20px; } }
  .bg-default-left .col-md-6.left {
    margin-right: 15px;
    margin-left: calc(var(--bs-gutter-x) * -.5); }
  .bg-default-right .col-md-6.right {
    margin-left: 15px;
    margin-right: calc(var(--bs-gutter-x) * -.5); }

.bg-gray {
  background-color: #F6F5F4; }
  .bg-gray + .bg-gray {
    padding-top: 0; }
  .main .bg-gray + .bg-gray:not(.bg-default), .main-full .bg-gray + .bg-gray:not(.bg-default) {
    padding-top: 0;
    margin-top: -50px; }

@media only screen and (max-width: 768px) {
  .main .bg-gray + .bg-gray:not(.bg-default), .main-full .bg-gray + .bg-gray:not(.bg-default) {
    margin-top: -20px; } }
  .main h1 + .bg-gray[class*="container__wrapper"], .main h2 + .bg-gray[class*="container__wrapper"], .main p + .bg-gray[class*="container__wrapper"], .main .on-list + .bg-gray[class*="container__wrapper"], .main figure + .bg-gray[class*="container__wrapper"], .main [class*="--btn"] + .bg-gray[class*="container__wrapper"] {
    margin-top: 50px; }

@media only screen and (max-width: 768px) {
  .main h1 + .bg-gray[class*="container__wrapper"], .main h2 + .bg-gray[class*="container__wrapper"], .main p + .bg-gray[class*="container__wrapper"], .main .on-list + .bg-gray[class*="container__wrapper"], .main figure + .bg-gray[class*="container__wrapper"], .main [class*="--btn"] + .bg-gray[class*="container__wrapper"] {
    margin-top: 20px; } }
  .bg-gray-left .col-md-6.left, .bg-gray-right .col-md-6.right {
    background-color: #F6F5F4;
    padding-top: 26px;
    padding-bottom: 42px;
    padding-right: var(--bs-gutter-x, 1rem);
    padding-left: var(--bs-gutter-x, 1rem); }
    .bg-gray-left .col-md-6.left + .bg-gray-left .col-md-6.left, .bg-gray-left .col-md-6.left + .bg-gray-right .col-md-6.right, .bg-gray-right .col-md-6.right + .bg-gray-left .col-md-6.left, .bg-gray-right .col-md-6.right + .bg-gray-right .col-md-6.right {
      padding-top: 0; }
    .main .bg-gray-left .col-md-6.left + .bg-gray-left .col-md-6.left:not(.bg-default), .main-full .bg-gray-left .col-md-6.left + .bg-gray-left .col-md-6.left:not(.bg-default), .main .bg-gray-left .col-md-6.left + .bg-gray-right .col-md-6.right:not(.bg-default), .main-full .bg-gray-left .col-md-6.left + .bg-gray-right .col-md-6.right:not(.bg-default), .main .bg-gray-right .col-md-6.right + .bg-gray-left .col-md-6.left:not(.bg-default), .main-full .bg-gray-right .col-md-6.right + .bg-gray-left .col-md-6.left:not(.bg-default), .main .bg-gray-right .col-md-6.right + .bg-gray-right .col-md-6.right:not(.bg-default), .main-full .bg-gray-right .col-md-6.right + .bg-gray-right .col-md-6.right:not(.bg-default) {
      padding-top: 0;
      margin-top: -50px; }

@media only screen and (max-width: 768px) {
  .main .bg-gray-left .col-md-6.left + .bg-gray-left .col-md-6.left:not(.bg-default), .main-full .bg-gray-left .col-md-6.left + .bg-gray-left .col-md-6.left:not(.bg-default), .main .bg-gray-left .col-md-6.left + .bg-gray-right .col-md-6.right:not(.bg-default), .main-full .bg-gray-left .col-md-6.left + .bg-gray-right .col-md-6.right:not(.bg-default), .main .bg-gray-right .col-md-6.right + .bg-gray-left .col-md-6.left:not(.bg-default), .main-full .bg-gray-right .col-md-6.right + .bg-gray-left .col-md-6.left:not(.bg-default), .main .bg-gray-right .col-md-6.right + .bg-gray-right .col-md-6.right:not(.bg-default), .main-full .bg-gray-right .col-md-6.right + .bg-gray-right .col-md-6.right:not(.bg-default) {
    margin-top: -20px; } }
  .bg-gray-left .col-md-6.left {
    margin-right: 15px;
    margin-left: calc(var(--bs-gutter-x) * -.5); }
  .bg-gray-right .col-md-6.right {
    margin-left: 15px;
    margin-right: calc(var(--bs-gutter-x) * -.5); }

@-ms-viewport {
  width: device-width; }

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

* {
  outline: none;
  min-height: 0;
  min-width: 0; }

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  font-family: "Helvetica Neue LT W01_41488878";
  font-weight: normal;
  height: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 7rem; }

.main {
  margin-bottom: 100px; }

@media only screen and (max-width: 1575px) {
  .main .col-md-6 .col-md-6 {
    flex: 0 0 auto;
    width: 100%; }
    .main .col-md-6 .col-md-6 + .col-md-6 {
      margin-top: 1rem; } }

@media only screen and (max-width: 768px) {
  .main {
    margin-bottom: 20px; } }
  .news .main, .termin .main {
    margin-bottom: 0; }
  .main .swiper {
    margin-left: 0; }

@media only screen and (max-width: 1199px) {
  .main {
    order: 1; } }

.main > *:not([class*="--btn"]):not(.et-switch) {
  flex: 0 0 auto;
  width: 77%; }

@media only screen and (max-width: 1199px) {
  .main > *:not([class*="--btn"]):not(.et-switch) {
    width: 100% !important; } }

form > .content-wrapper {
  max-width: 1920px;
  margin: 0 auto; }

.text-center {
  text-align: center !important; }

@media only screen and (max-width: 768px) {
  .text-center.row {
    text-align: left !important; } }

.text-right {
  text-align: right !important; }

.view--big {
  display: block; }

@media only screen and (max-width: 1199px) {
  .view--big {
    display: none !important; } }

.view--small {
  display: none; }

@media only screen and (max-width: 1199px) {
  .view--small {
    display: block !important; } }

[class*="--kultur"]:before, [class*="--familie"]:before, [class*="--jugend"]:before, [class*="--beruf"]:before, [class*="--wissenschaft"]:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block; }

[class*="--kultur"] {
  background: #006C67 !important; }
  [class*="--kultur"]:before {
    background-image: url(/img/system/icon_kultur.svg); }
  [class*="--kultur"]:hover {
    background: #004D49 !important; }

[class*="--familie"] {
  background: #D63656 !important; }
  [class*="--familie"]:before {
    background-image: url(/img/system/icon_familie.svg); }
  [class*="--familie"]:hover {
    background: #A62942 !important; }

[class*="--jugend"] {
  background: #554975 !important; }
  [class*="--jugend"]:before {
    background-image: url(/img/system/icon_jugend.svg); }
  [class*="--jugend"]:hover {
    background: #42395C !important; }

[class*="--beruf"] {
  background: #554975 !important; }
  [class*="--beruf"]:before {
    background-image: url(/img/system/icon_jugend-beruf.svg); }
  [class*="--beruf"]:hover {
    background: #42395C !important; }

[class*="--wissenschaft"] {
  background: #554975 !important; }
  [class*="--wissenschaft"]:before {
    background-image: url(/img/system/icon_jugend-wissenschaft.svg); }
  [class*="--wissenschaft"]:hover {
    background: #42395C !important; }

[class*="--antrag"]:after {
  content: "";
  background-image: url(/img/system/icon_document_light.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: inline-block; }

body {
  font-family: "Helvetica Neue LT W01_41488878";
  margin: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 155px; }
  body.compensate-for-scrollbar #nav {
    right: 17px; }
  body.compensate-for-scrollbar .to-top {
    right: 167px; }

@media only screen and (max-width: 1360px) {
  body {
    margin-top: 120px; } }

@media only screen and (max-width: 768px) {
  body {
    margin-top: 84px; } }

h1, h2, .alt-2, h3, .alt-3, h4, h5, h6, [class^='heading-'] {
  font-family: "Helvetica Neue LT W01_41488878";
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  color: #181715;
  letter-spacing: 0; }
  h1 a, h2 a, .alt-2 a, h3 a, .alt-3 a, h4 a, h5 a, h6 a, [class^='heading-'] a {
    color: inherit; }
    h1 a:hover, h1 a:active, h1 a:focus, h2 a:hover, h2 a:active, h2 a:focus, .alt-2 a:hover, .alt-2 a:active, .alt-2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, .alt-3 a:hover, .alt-3 a:active, .alt-3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus, [class^='heading-'] a:hover, [class^='heading-'] a:active, [class^='heading-'] a:focus {
      color: black; }

h1, .alt-1 {
  font-size: 68px;
  font-weight: 500;
  line-height: 80px;
  margin-bottom: 30px;
  font-family: "Helvetica Neue LT Medium"; }

@media only screen and (max-width: 1360px) {
  h1, .alt-1 {
    font-size: 60px;
    line-height: 70px; } }

@media only screen and (max-width: 991px) {
  h1, .alt-1 {
    font-size: 50px;
    line-height: 53px; } }

@media only screen and (max-width: 767px) {
  h1, .alt-1 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 13px; } }

@media only screen and (max-width: 574px) {
  h1, .alt-1 {
    font-size: 30px;
    line-height: 42px; } }

@media only screen and (max-width: 375px) {
  h1, .alt-1 {
    margin-bottom: 13px;
    word-break: break-word; } }

h2, .alt-2 {
  font-size: 60px;
  font-family: "Helvetica Neue LT Medium";
  font-weight: 500;
  line-height: 72px;
  margin-bottom: 28px; }
  p + h2, p + .alt-2 {
    margin-top: 25px; }

@media only screen and (max-width: 768px) {
  h2, .alt-2 {
    font-size: 32px;
    line-height: 36px; } }

@media only screen and (max-width: 574px) {
  h2, .alt-2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px; } }

h3, .alt-3 {
  font-size: 36px;
  font-family: "Helvetica Neue LT Medium";
  font-weight: 500;
  line-height: 42px;
  margin-bottom: 15px; }

@media only screen and (max-width: 768px) {
  h3, .alt-3 {
    font-size: 28px;
    line-height: 32px; } }

h4, .alt-4 {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 15px; }

@media only screen and (max-width: 768px) {
  h4, .alt-4 {
    font-size: 24px;
    line-height: 32px; } }

h5, .alt-5 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px; }

strong {
  font-weight: 500;
  font-family: "Helvetica Neue LT Medium"; }

a {
  color: #181715;
  background-color: transparent; }
  a:hover {
    color: black;
    text-decoration: underline; }
  a[href=""] {
    pointer-events: none; }

p {
  color: #181715;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem; }
  p.large {
    font-size: 24px;
    line-height: 32px; }
  p.small {
    font-size: 16px;
    line-height: 24px; }
  p + .btn {
    margin-top: 14px; }
  p + h2, p + .alt-2 {
    margin-top: 35px; }
  p .cite {
    font-size: 22px;
    font-style: italic;
    font-weight: 400;
    margin-top: 30px;
    display: block; }

[class*="btn"] {
  display: inline-block;
  color: #fff;
  background: #181715;
  font-size: 18px;
  font-weight: 500;
  font-family: "Helvetica Neue LT Medium";
  line-height: 21px;
  text-decoration: none;
  padding: 21px 1.5rem 19px;
  border-radius: 6px;
  position: relative;
  -webkit-transition: color 0.4s, background 0.4s;
  -moz-transition: color 0.4s, background 0.4s;
  -ms-transition: color 0.4s, background 0.4s;
  -o-transition: color 0.4s, background 0.4s;
  transition: color 0.4s, background 0.4s; }
  [class*="btn"]:hover, [class*="btn"]:focus, [class*="btn"]:not(:disabled):active {
    color: #fff;
    background: #E30613;
    text-decoration: none; }

[class*="btn--"]:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 20px;
  width: 40px;
  height: 40px; }

[class*="btn--"]:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  width: 16px;
  height: 19px; }

[class*="btn--kultur"], [class*="btn--familie"], [class*="btn--jugend"], [class*="btn--beruf"], [class*="btn--wissenschaft"] {
  padding-left: 68px; }

[class*="btn--antrag"] {
  padding-right: 52px;
  margin-top: 40px; }

.download {
  -webkit-aspect-ratio: 1/1;
  aspect-ratio: 1/1;
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-decoration: none !important;
  position: relative;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -ms-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  background: #ffffff;
  padding: 32px; }
  .download:before {
    content: url(/img/system/icon_document_pdf.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 128px;
    height: 128px; }
  .download__wrapper {
    margin-bottom: 47px; }
  .download__text {
    text-align: left; }
  .download__titel, .download__info {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    font-family: "Helvetica Neue LT Medium"; }
  .download__info {
    font-weight: 400;
    font-family: "Helvetica Neue LT W01_41488878"; }
  .download__btn {
    color: #181715;
    background: #fff;
    padding-left: 52px; }

@media only screen and (max-width: 1024px) {
  .download__btn {
    width: 100%;
    margin-bottom: 10px; } }
    .download__btn:before {
      content: "";
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 20px;
      width: 16px;
      height: 20px;
      background-image: url(/img/system/icon_document.svg);
      background-repeat: no-repeat;
      background-size: 100%;
      -webkit-transition: 0.4s;
      -moz-transition: 0.4s;
      -ms-transition: 0.4s;
      -o-transition: 0.4s;
      transition: 0.4s; }
    .download__btn:hover:before {
      background-image: url(/img/system/icon_document_light.svg); }
    .download__btn + .download__btn {
      margin-left: 16px; }

@media only screen and (max-width: 1024px) {
  .download__btn + .download__btn {
    margin-left: 0; } }

img {
  width: 100%; }

[class*="col-"] > *:first-child, [class*="col"] > *:first-child {
  margin-top: 0; }

[class*="col-"] > *:last-child, [class*="col"] > *:last-child {
  margin-bottom: 0; }

[class*="col-"]:empty, [class*="col"]:empty {
  display: none; }

[class*="col-"].m-bottom *:last-child, [class*="col"].m-bottom *:last-child {
  margin-bottom: 1rem; }

.mid,
.center-btn {
  text-align: center; }

.mail {
  display: block;
  width: 56px;
  height: 56px;
  position: fixed;
  right: 0;
  top: 184px;
  background: #fff;
  z-index: 1;
  border-radius: 4px 0 0 4px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12); }
  .mail:before {
    content: "";
    background-image: url(/img/system/icon_mail.svg);
    position: absolute;
    left: 13px;
    top: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 24px; }

.arrow {
  display: block;
  width: 13px;
  height: 13px;
  display: inline-block;
  position: absolute;
  right: 30px;
  bottom: 16px;
  margin-left: 10px;
  text-align: left;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }
  .arrow:before, .arrow:after {
    position: absolute;
    content: "";
    background-color: transparent;
    width: 2px;
    height: 10px;
    display: inline-block;
    position: absolute;
    border-bottom: 12px solid #181715;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .arrow:before {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .arrow:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg); }
  .active-dropdown > a > .arrow {
    -webkit-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -o-transform: translate(0, -6px);
    transform: translate(0, -6px); }
    .active-dropdown > a > .arrow:before {
      border-color: #181715;
      -webkit-transform: rotate(-45degdeg);
      -moz-transform: rotate(-45degdeg);
      -ms-transform: rotate(-45degdeg);
      -o-transform: rotate(-45degdeg);
      transform: rotate(-45degdeg); }
    .active-dropdown > a > .arrow:after {
      border-color: #181715;
      -webkit-transform: rotate(45degdeg);
      -moz-transform: rotate(45degdeg);
      -ms-transform: rotate(45degdeg);
      -o-transform: rotate(45degdeg);
      transform: rotate(45degdeg); }

.breadcrumb {
  font-size: 16px;
  line-height: 24px;
  background: none; }
  .breadcrumb ol {
    padding: 0;
    margin: 0; }
    .breadcrumb ol li {
      display: inline-block;
      color: #181715; }
      .breadcrumb ol li a {
        color: #181715;
        text-decoration: none;
        font-weight: normal;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .breadcrumb ol li a:hover {
          color: #181715; }
      .breadcrumb ol li + li:before {
        content: "";
        background-image: url(/img/system/icon_arrow.svg);
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        width: 4px;
        height: 8px; }
      .breadcrumb ol li:last-of-type {
        font-weight: 500;
        font-family: "Helvetica Neue LT Medium"; }
        .breadcrumb ol li:last-of-type span {
          border-bottom: 1px solid #181715; }

ul.on-list {
  position: relative;
  padding-left: 16px;
  list-style: none;
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: left; }
  ul.on-list li {
    font-family: "Helvetica Neue LT W01_41488878";
    font-size: 18px;
    line-height: 27px;
    font-weight: 400; }
    ul.on-list li:before {
      content: "\2022";
      color: #181715;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      display: inline-block;
      font-size: 21px;
      width: 6px;
      position: absolute;
      left: 0; }
    ul.on-list li + li {
      margin-top: 6px; }
    ul.on-list li > .on-list {
      margin-top: 5px !important; }
    ul.on-list li ul {
      list-style: none; }

ol.on-list {
  position: relative;
  padding-left: 24px;
  list-style: none;
  counter-reset: count; }
  ol.on-list li {
    counter-increment: count;
    font-family: "Helvetica Neue LT W01_41488878";
    font-size: 18px;
    line-height: 27px;
    font-weight: 400; }
    ol.on-list li + li {
      margin-top: 10px; }
    ol.on-list li:before {
      content: counter(count) ".";
      color: #181715;
      font-family: "Helvetica Neue LT W01_41488878";
      font-size: 18px;
      line-height: 27px;
      font-weight: 400;
      margin-top: -1px;
      position: absolute;
      left: 0;
      display: inline-block; }
    ol.on-list li > .on-list {
      margin-top: 5px !important; }

.container__wrapper {
  position: relative;
  padding: 120px 0;
  overflow: hidden; }

@media only screen and (max-width: 1024px) {
  .container__wrapper {
    padding: 80px 0; } }

@media only screen and (max-width: 768px) {
  .container__wrapper {
    padding: 20px 0px; } }

@media only screen and (max-width: 575px) {
  .container__wrapper > .container {
    padding-right: var(--bs-gutter-x, 2rem);
    padding-left: var(--bs-gutter-x, 2rem); } }
  #tocontent + .container__wrapper {
    padding-top: 0; }
  .homepage ~ #tocontent + .container__wrapper {
    padding-top: 80px; }

@media only screen and (max-width: 768px) {
  .homepage ~ #tocontent + .container__wrapper {
    padding-top: 40px; } }
  .container__wrapper--xl {
    padding: 160px 0; }

@media only screen and (max-width: 768px) {
  .container__wrapper--xl {
    padding: 20px 4px 20px; }
    .container__wrapper--xl .container {
      padding-right: 16px;
      padding-left: 16px; } }
  .container__wrapper-double {
    margin-bottom: 50px; }

@media only screen and (max-width: 768px) {
  .container__wrapper-double {
    margin-bottom: 20px; }
    .container__wrapper-double .container {
      padding-right: 16px;
      padding-left: 16px; } }

@media only screen and (max-width: 767px) {
  .container__wrapper-double .col-md-6 {
    margin: 0 !important;
    padding: 20px !important; }
    .container__wrapper-double .col-md-6 *:last-child {
      margin-bottom: 0; }
    .container__wrapper-double .col-md-6 + .col-md-6 {
      margin-top: 1rem !important; } }
  .container__wrapper--breadcrumb {
    padding: 55px 0 32px; }
  .container__wrapper--aktuelles {
    padding: 27px 0 82px; }
  .main .container__wrapper {
    padding: 90px 6px 120px;
    margin-bottom: 50px; }

@media only screen and (max-width: 768px) {
  .main .container__wrapper {
    padding: 20px 4px;
    margin-bottom: 20px; }
    .main .container__wrapper .container {
      padding-right: 16px;
      padding-left: 16px; } }
  .container__wrapper .col-md-6 *:last-child {
    margin-bottom: 0; }
  form > .container__wrapper {
    max-width: 1920px;
    margin: 0 auto; }

.row.extension > * {
  margin-bottom: 1rem; }

section .imgleft {
  margin-right: 30px; }

@media (max-width: 600px) {
  section .imgleft {
    margin-right: 0;
    float: none;
    margin-bottom: 15px; } }

@media (max-width: 768px) {
  section .imgLeft > .col-img, section .imgRight > .col-img {
    margin-bottom: 24px; } }

section .imgLeft > [class*="col-"] {
  order: 1; }

section .imgLeft > .col-img {
  order: 0; }

section .imgRight > [class*="col-"] {
  order: 0; }

@media (max-width: 768px) {
  section .imgRight > [class*="col-"] {
    order: 1; } }

section .imgRight > [class*="offset"] {
  margin-left: 0;
  margin-right: 8.33333333%; }

section .imgRight > .col-img {
  order: 1; }

@media (max-width: 768px) {
  section .imgRight > .col-img {
    order: 0; } }

section .imgTop, section .inhaltTop, section .inhaltTop .extension {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

section .imgCenter, section .inhaltCenter, section .inhaltCenter .extension {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

section .imgBottom, section .inhaltBottom, section .inhaltBottom .extension {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 2em 0em; }

@media only screen and (max-width: 1199px) {
  .grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0; } }

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .grid {
    position: relative; } }
  .grid__wrapper--img {
    display: grid;
    grid-template-columns: 376px 376px;
    grid-template-rows: 468px 468px;
    gap: 2em 2em;
    grid-template-areas: "grid__img--1 grid__wrapper--col" "grid__img--2 grid__wrapper--col";
    grid-area: 1 / 1 / 3 / 3; }

@media only screen and (max-width: 1199px) {
  .grid__wrapper--img {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: absolute; } }

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .grid__wrapper--img {
    bottom: 100%; } }

@media only screen and (max-width: 767px) {
  .grid__wrapper--img {
    top: 40px;
    left: 0; } }

@media only screen and (max-width: 499px) {
  .grid__wrapper--img {
    gap: 10px 10px; } }
  .grid__wrapper--col {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 468px 128px;
    gap: 0em 0em;
    grid-template-areas: "." "grid__img--3" ".";
    grid-area: grid__wrapper--col; }

@media only screen and (max-width: 1199px) {
  .grid__wrapper--col {
    grid-template-rows: 1fr auto 128px; } }

@media only screen and (max-width: 399px) {
  .grid__wrapper--col {
    grid-template-rows: 1fr auto 50px; } }
  .grid__wrapper--text {
    display: grid;
    grid-template-columns: 512px 376px 1fr;
    grid-template-rows: 36px 1fr 1fr 96px;
    gap: 2em 2em;
    grid-template-areas: ". . ." ". grid__header grid__header" ". . grid__text" ". . .";
    grid-area: 1 / 1 / 3 / 4; }

@media only screen and (max-width: 1399px) {
  .grid__wrapper--text {
    grid-template-columns: 376px 376px 1fr; } }

@media only screen and (max-width: 1199px) {
  .grid__wrapper--text {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-template-areas: "." "grid__header" "grid__text"; } }
  .grid__img--1 {
    grid-area: grid__img--1; }
  .grid__img--2 {
    grid-area: grid__img--2; }
  .grid__img--3 {
    grid-area: grid__img--3; }
  .grid__img--1 img, .grid__img--2 img, .grid__img--3 img {
    -webkit-aspect-ratio: 376/468;
    aspect-ratio: 376/468; }
  .grid__header {
    grid-area: grid__header; }
  .grid__text {
    grid-area: grid__text; }
    .grid__text p {
      font-size: 24px;
      line-height: 32px; }
    .grid__text--wrapper {
      margin-top: 65px;
      position: relative;
      display: inline-block;
      width: 100%;
      max-width: 512px; }

@media only screen and (max-width: 1024px) {
  .grid__text--wrapper {
    margin-top: 40px; } }

@media only screen and (max-width: 767px) {
  .grid__text--wrapper {
    margin-top: 20px; } }
    .grid__text--input {
      background: #181715;
      color: #fff;
      border: 0;
      font-size: 16px;
      line-height: 24px;
      padding: 32px 24px;
      max-width: 512px;
      width: 100%; }
      .grid__text--input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        transition: 0.15s ease-in-out;
        color: #fff;
        opacity: 1;
        /* Firefox */ }
      .grid__text--input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        transition: 0.15s ease-in-out;
        color: #fff; }
      .grid__text--input::-ms-input-placeholder {
        /* Microsoft Edge */
        transition: 0.15s ease-in-out;
        color: #fff; }
      .grid__text--input::-webkit-search-decoration, .grid__text--input::-webkit-search-cancel-button, .grid__text--input::-webkit-search-results-button, .grid__text--input::-webkit-search-results-decoration {
        display: none; }
    .grid__text--search {
      background: #fff;
      cursor: pointer;
      position: absolute;
      top: 47px;
      right: 0; }
    .grid__text--icon {
      background-image: url(/img/system/icon_lupe_red.svg);
      background-size: 27px;
      background-repeat: no-repeat;
      background-position: center;
      width: 69px;
      height: 69px;
      display: block; }

.pagehead__wrapper {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.pagehead__text h1 {
  margin-bottom: 29px; }

.pagehead.kultur .pagehead__text:before, .pagehead.familie .pagehead__text:before, .pagehead.jugend .pagehead__text:before {
  content: "";
  display: block;
  width: 75px;
  height: 75px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 37px;
  margin-top: 25px; }

.pagehead.kultur .pagehead__text:before {
  background-image: url(/img/system/icon_kultur_color.svg); }

.pagehead.kultur .pagehead__accent--item {
  background: #006C67; }

.pagehead.familie .pagehead__text:before {
  background-image: url(/img/system/icon_familie_color.svg); }

.pagehead.familie .pagehead__accent--item {
  background: #D63656; }

.pagehead.jugend .pagehead__text:before {
  background-image: url(/img/system/icon_jugend_color.svg); }

.pagehead.jugend .pagehead__accent--item {
  background: #554975; }

.pagehead__text p {
  margin-right: 17.348%; }

.pagehead__accent--item {
  -webkit-aspect-ratio: 104/640;
  aspect-ratio: 104/640;
  margin-top: 72px !important;
  background: #181715; }

form[action="/wissenschaft"] .pagehead.jugend .pagehead__text:before {
  background-image: url(/img/system/RheinEnergieStiftung_Icons-Wissenschaft.svg); }

form[action="/jugend-beruf"] .pagehead.jugend .pagehead__text:before {
  background-image: url(/img/system/RheinEnergieStiftung_Icon_Jugend-Beruf.svg); }

.foerderantrag {
  overflow-x: hidden; }

@media only screen and (max-width: 768px) {
  .foerderantrag {
    margin-top: 100px !important;
    margin-bottom: 60px !important; } }
  .foerderantrag__container {
    background: #F6F5F4;
    position: relative; }

@media only screen and (max-width: 768px) {
  .foerderantrag__container {
    padding-left: calc(var(--bs-gutter-x) * 1);
    padding-right: calc(var(--bs-gutter-x) * 1); }
    .foerderantrag__container .row {
      margin: 0; }
      .foerderantrag__container .row > * {
        padding: 0; } }
    .foerderantrag__container--left {
      border-right: 1px solid #727272; }
    .foerderantrag--left .foerderantrag__container:before, .foerderantrag--right .foerderantrag__container:before {
      content: "";
      display: block;
      width: 300%;
      height: 100%;
      position: absolute;
      top: 0px;
      background: #f6f5f4; }
    .foerderantrag--left .foerderantrag__container {
      margin-right: auto !important;
      padding-top: 56px;
      padding-bottom: 56px;
      padding-right: 80px; }
      .foerderantrag--left .foerderantrag__container:before {
        right: calc(100% - 1px); }
    .foerderantrag--right .foerderantrag__container {
      margin-left: auto !important;
      padding-top: 56px;
      padding-bottom: 56px;
      padding-left: 80px; }
      .foerderantrag--right .foerderantrag__container:before {
        left: calc(100% - 1px); }
    .foerderantrag__container h4 {
      margin-bottom: 38px;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium"; }

@media only screen and (max-width: 768px) {
  .foerderantrag__container h4 {
    margin-bottom: 22px; } }
    .foerderantrag__container p.small {
      margin-top: 50px; }
  .foerderantrag__year {
    margin-bottom: 20px; }

@media only screen and (max-width: 768px) {
  .foerderantrag__year {
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 10px; } }
  .foerderantrag__date {
    margin-bottom: 6px; }
  .foerderantrag__date, .foerderantrag__link {
    text-transform: uppercase; }
  .foerderantrag__link {
    font-size: 24px;
    line-height: 32px;
    padding-left: 36px;
    position: relative;
    text-decoration: none; }

@media only screen and (max-width: 991px) {
  .foerderantrag__link {
    font-size: 18px; } }
    .foerderantrag__link:before {
      content: "";
      background-image: url(/img/system/icon_arrow-right.svg);
      width: 21px;
      height: 21px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 21px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0; }

.projekt_row {
  margin-top: 74px; }

@media only screen and (max-width: 991px) {
  .projekt_row img {
    margin-bottom: 20px; } }

.projekt__baustein .row + .row {
  margin-top: 74px; }

.projekt__baustein p + .btn {
  margin-top: 43px; }

.projekt__wrapper {
  display: flex;
  -webkit-aspect-ratio: 648/349;
  aspect-ratio: 648/349;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.projekt__text {
  margin-bottom: 20px; }

.projekt__date, .projekt__link {
  text-transform: uppercase; }

.projekt__link {
  font-size: 24px;
  line-height: 32px;
  padding-left: 36px;
  position: relative;
  display: block; }

@media only screen and (max-width: 1024px) {
  .projekt__link {
    font-size: 20px; } }
  .projekt__link:before {
    content: "";
    background-image: url(/img/system/icon_arrow-right.svg);
    width: 21px;
    height: 21px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0; }

.antrag > .container {
  position: relative; }
  .antrag > .container:before, .antrag > .container:after, .antrag > .container .row:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%; }
  .antrag > .container:before {
    left: -15px;
    top: -20px;
    width: 165px;
    height: 165px;
    background-image: url(/img/system/icon_familie_color.svg); }
  .antrag > .container:after {
    left: 175px;
    bottom: -35px;
    width: 130px;
    height: 135px;
    background-image: url(/img/system/icon_kultur_color.svg); }
  .antrag > .container > .row:before {
    right: 45px;
    top: 50px;
    width: 183px;
    height: 183px;
    background-image: url(/img/system/icon_jugend_color.svg); }

@media (min-width: 1250px) {
  .container {
    max-width: 1632px; } }

.header {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background: #fff; }

@media only screen and (max-width: 1360px) {
  .header {
    height: 133px; } }

@media only screen and (max-width: 768px) {
  .header {
    height: inherit; } }
  .header__wrapper {
    background: white;
    position: relative; }

@media only screen and (max-width: 768px) {
  .header__wrapper {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 14px 0 11px; } }
  .header__brand {
    position: absolute;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

@media only screen and (max-width: 768px) {
  .header__brand {
    position: relative;
    top: inherit;
    transform: inherit;
    height: 59px; } }
    .header__brand img {
      height: 80px;
      max-height: 80px; }

@media only screen and (max-width: 1249px) and (min-width: 1200px) {
  .header__brand img {
    max-height: 65px; } }

.nav {
  padding: 45px 0px 49px;
  background: #fff; }

@media only screen and (max-width: 1360px) {
  .nav {
    padding: 52px 0px 51px; } }

@media only screen and (max-width: 1199px) {
  .nav {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    margin: 0;
    visibility: hidden;
    transition: max-height .2s ease-in-out, visibility .2s ease-in-out;
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse; } }
  .nav--expanded {
    visibility: visible;
    max-height: 1000px; }
  .nav__list {
    position: relative;
    margin: 0;
    padding: 0;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

@media only screen and (max-width: 1199px) {
  .nav__list {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    padding: 25px; } }
  .nav__second {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
    .nav__second .search__icon {
      margin: 0 auto; }
  .nav__item {
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none; }
    .nav__item:before {
      content: "";
      position: absolute;
      display: block;
      width: 32px;
      height: 2px;
      bottom: -9px;
      background-color: #E30613;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
      z-index: 1; }
    .nav__item:hover:before {
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1);
      transform: scaleX(1); }
    .nav__item.offer:before {
      display: none; }
    .nav__item--dropdown:hover:after {
      content: '';
      position: absolute;
      height: 50px;
      background: transparent;
      width: 250px;
      top: 100%; }
    .nav__item--dropdown:hover > .nav__link {
      color: #181715;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      text-decoration: none; }
      .nav__item--dropdown:hover > .nav__link:after {
        content: "";
        background: transparent;
        width: calc(100% + 100px);
        height: 30px;
        position: absolute;
        bottom: -5px;
        left: -50px;
        z-index: 1; }
    .nav__item--dropdown:hover > .dropdown__list {
      display: block;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      visibility: visible;
      opacity: 1; }
    .nav__item:active, .nav__item:focus {
      outline: none; }
    .nav__item[aria-current] > .nav__link, .nav__item.selected .nav-link {
      color: #181715;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      text-decoration: none; }
    .nav__item + .nav__item {
      margin-left: 50px; }

@media only screen and (max-width: 1360px) {
  .nav__item + .nav__item {
    margin-left: 26px; } }

@media only screen and (max-width: 1199px) {
  .nav__item + .nav__item {
    margin: 0;
    margin-top: 8px; } }
  .nav__link {
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    color: #181715;
    outline: none;
    position: relative;
    text-decoration: none;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease; }
    .nav__link:before {
      display: block;
      content: attr(title);
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    .nav__link:hover {
      color: #181715;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      text-decoration: none; }

@media only screen and (max-width: 1360px) {
  .nav__link {
    padding-bottom: 20px; } }

@media only screen and (max-width: 1199px) {
  .nav__link {
    padding: 0; } }
  .nav .dropdown__menu {
    max-width: 1164px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: -10; }
  .nav .dropdown__list {
    position: absolute;
    top: 100%;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    list-style: none;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .nav .dropdown__list--level2 {
      display: inline-block;
      background: #fff;
      padding: 24px;
      padding-bottom: 0;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); }
      .nav .dropdown__list--level2 > .dropdown__item {
        padding-right: 7px;
        position: relative; }
    .nav .dropdown__list--level3 {
      width: 100%;
      z-index: -1; }
      .nav .dropdown__list--level3:before {
        content: "";
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -20px;
        background: #fff; }
    .nav .dropdown__list--level4 {
      width: 100%;
      z-index: -2; }
    .nav .dropdown__list--level3, .nav .dropdown__list--level4 {
      background: #fff;
      min-height: 100%;
      padding: 0 20px 0;
      opacity: 0;
      position: absolute;
      top: 0;
      visibility: hidden;
      -webkit-transform: translateX(50%);
      -moz-transform: translateX(50%);
      -ms-transform: translateX(50%);
      -o-transform: translateX(50%);
      transform: translateX(50%);
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); }
  .nav .dropdown__item + .dropdown__item {
    border-top: 2px solid #F6F5F4; }
  .nav .dropdown__item[aria-current] > .dropdown__link {
    color: #181715;
    font-weight: 500;
    font-family: "Helvetica Neue LT Medium";
    text-decoration: none; }
  .nav .dropdown__item--dropdown:hover > .dropdown__link:after {
    content: "";
    background: transparent;
    width: 150px;
    height: 100px;
    position: absolute;
    right: -60px;
    top: -30px; }
  .nav .dropdown__item--dropdown:hover > .dropdown__list {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(calc(100% + 23px));
    -moz-transform: translateX(calc(100% + 23px));
    -ms-transform: translateX(calc(100% + 23px));
    -o-transform: translateX(calc(100% + 23px));
    transform: translateX(calc(100% + 23px)); }
  .nav .dropdown__item:hover > .dropdown__link, .nav .dropdown__item.active > .dropdown__link, .nav .dropdown__item:focus > .dropdown__link {
    color: #181715;
    font-weight: 500;
    font-family: "Helvetica Neue LT Medium";
    text-decoration: none; }
    .nav .dropdown__item:hover > .dropdown__link .arrow:before, .nav .dropdown__item:hover > .dropdown__link .arrow:after, .nav .dropdown__item.active > .dropdown__link .arrow:before, .nav .dropdown__item.active > .dropdown__link .arrow:after, .nav .dropdown__item:focus > .dropdown__link .arrow:before, .nav .dropdown__item:focus > .dropdown__link .arrow:after {
      width: 2px; }
  .nav .dropdown__link {
    color: #181715;
    display: block;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    padding: 24px 20px 25px 0;
    width: 100%;
    position: relative;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease; }
    .nav .dropdown__link:before {
      display: block;
      content: attr(title);
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      height: 0;
      overflow: hidden;
      visibility: hidden; }
    .nav .dropdown__link .arrow {
      top: 50%;
      right: 0;
      margin: 0;
      -webkit-transform: rotate(270deg) translateX(50%);
      -moz-transform: rotate(270deg) translateX(50%);
      -ms-transform: rotate(270deg) translateX(50%);
      -o-transform: rotate(270deg) translateX(50%);
      transform: rotate(270deg) translateX(50%); }
      .nav .dropdown__link .arrow:before, .nav .dropdown__link .arrow:after {
        border-color: #181715;
        width: 1px;
        height: 7px;
        border-bottom: 8px solid #181715;
        -webkit-transition: 0.4s ease;
        -moz-transition: 0.4s ease;
        -ms-transition: 0.4s ease;
        -o-transition: 0.4s ease;
        transition: 0.4s ease; }
      .nav .dropdown__link .arrow:before {
        -webkit-transform: rotate(-145deg);
        -moz-transform: rotate(-145deg);
        -ms-transform: rotate(-145deg);
        -o-transform: rotate(-145deg);
        transform: rotate(-145deg); }
      .nav .dropdown__link .arrow:after {
        -webkit-transform: rotate(145deg);
        -moz-transform: rotate(145deg);
        -ms-transform: rotate(145deg);
        -o-transform: rotate(145deg);
        transform: rotate(145deg); }
    .nav .dropdown__link:hover, .nav .dropdown__link.active, .nav .dropdown__link:focus {
      color: #181715;
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium"; }
      .nav .dropdown__link:hover .arrow:before, .nav .dropdown__link:hover .arrow:after, .nav .dropdown__link.active .arrow:before, .nav .dropdown__link.active .arrow:after, .nav .dropdown__link:focus .arrow:before, .nav .dropdown__link:focus .arrow:after {
        width: 2px; }
  .nav__toggle {
    background-color: transparent;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0;
    padding: 4px;
    height: 30px;
    margin-left: 25px;
    outline: none;
    cursor: pointer;
    position: absolute;
    right: 33px;
    top: 45px; }

@media (min-width: 1200px) {
  .nav__toggle {
    display: none; } }

@media only screen and (max-width: 1199px) {
  .nav__toggle {
    display: block; } }
    .nav__toggle--menu {
      position: relative;
      display: block;
      width: 32px;
      height: 2px;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      background: #181715;
      -webkit-transition: all 0ms 300ms;
      -moz-transition: all 0ms 300ms;
      -ms-transition: all 0ms 300ms;
      -o-transition: all 0ms 300ms;
      transition: all 0ms 300ms; }
      .nav__toggle--menu:after, .nav__toggle--menu:before {
        width: 32px;
        height: 2px;
        content: "";
        position: absolute;
        left: 0;
        background: #181715;
        margin: 2px 0; }
      .nav__toggle--menu:before {
        bottom: 7px;
        -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
      .nav__toggle--menu:after {
        top: 7px;
        -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
    .mobilenav-open .nav__toggle .nav__toggle--menu {
      background: rgba(255, 255, 255, 0); }
      .mobilenav-open .nav__toggle .nav__toggle--menu:before {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        margin: 0; }
      .mobilenav-open .nav__toggle .nav__toggle--menu:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
        margin: 0; }

.search {
  cursor: pointer;
  position: relative; }

@media only screen and (max-width: 450px) {
  .search {
    display: none; } }
  .search__icon {
    background-image: url(/img/system/icon_lupe.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    display: block; }
  .search__wrapper {
    display: none;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: calc(100% + 40px);
    right: -44px;
    background: #fff;
    width: 615px;
    padding: 10px;
    border: 2px solid #181715; }

@media only screen and (max-width: 1199px) {
  .search__wrapper {
    top: calc(100% + 35px); } }

@media only screen and (max-width: 767px) {
  .search__wrapper {
    width: 500px; } }

@media only screen and (max-width: 574px) {
  .search__wrapper {
    width: 100%;
    position: fixed;
    top: 84px;
    left: 0;
    padding: 20px;
    cursor: auto; }
    .search__wrapper .search__btn {
      cursor: pointer; } }
    .search__wrapper:before {
      content: "";
      background: #fff;
      border-left: 2px solid #181715;
      border-top: 2px solid #181715;
      height: 40px;
      width: 40px;
      position: absolute;
      top: -21px;
      right: 48px;
      display: block;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }

@media only screen and (max-width: 574px) {
  .search__wrapper:before {
    height: 20px;
    width: 20px;
    top: -12px;
    right: 74px; } }
  .search__input {
    padding: 13px 20px 11px;
    color: #181715;
    font-size: 18px;
    line-height: 27px;
    width: calc(100% - 132px);
    border: 0; }
    .search__input.placeholder {
      color: #181715;
      font-size: 18px;
      line-height: 27px; }
    .search__input:-moz-placeholder {
      color: #181715;
      font-size: 18px;
      line-height: 27px; }
    .search__input::-moz-placeholder {
      color: #181715;
      font-size: 18px;
      line-height: 27px; }
    .search__input:-ms-input-placeholder {
      color: #181715;
      font-size: 18px;
      line-height: 27px; }
    .search__input::-webkit-input-placeholder {
      color: #181715;
      font-size: 18px;
      line-height: 27px; }
  .search__oftensearched {
    width: 100%;
    margin-top: 26px; }
    .search__oftensearched p {
      font-size: 15px;
      font-weight: 600;
      line-height: 27px;
      margin-bottom: 8px; }
  .search .tag {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    .search .tag__item {
      font-size: 15px;
      line-height: 24px;
      padding: 5px 12px;
      border-radius: 50px;
      background: #181715; }
  .search.active .search__wrapper {
    display: flex; }

.offer .btn {
  margin: 0; }

.mobile__wrapper {
  display: flex;
  margin-left: auto;
  flex-direction: row;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: center; }

@media (min-width: 1200px) {
  .mobile__wrapper {
    display: none; } }

@media (min-width: 769px) and (max-width: 1199px) {
  .mobile__wrapper {
    margin-top: 25px; } }

.mobile.search {
  display: none; }

.kv {
  height: 360px;
  display: flex;
  position: relative;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto; }

@media only screen and (max-width: 1199px) {
  .kv {
    height: inherit; } }
  .kv--image {
    position: relative;
    height: 100%;
    width: 100%; }

@media only screen and (max-width: 1199px) {
  .kv--image {
    height: 360px; } }

@media only screen and (max-width: 768px) {
  .kv--image {
    height: 300px; } }

@media only screen and (max-width: 650px) {
  .kv--image {
    height: 250px; } }

@media only screen and (max-width: 500px) {
  .kv--image {
    height: 223px; } }
    .kv--image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: 50% 50%; }

.swiper.slider--projekte, .swiper.slider--projekteInh {
  padding-bottom: 108px; }

@media only screen and (max-width: 768px) {
  .swiper.slider--projekte, .swiper.slider--projekteInh {
    padding-bottom: 60px; } }

.swiper.slider--projekteInh {
  margin-top: 73px; }

.swiper .swiper-pagination {
  bottom: 48px; }

@media (max-width: 767px) {
  .swiper .swiper-pagination {
    bottom: 20px; } }
  .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(1); }
  .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.66); }
  .swiper .swiper-pagination-bullet {
    background: #727272;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    opacity: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .swiper .swiper-pagination-bullet-active {
      background: #181715; }

.swiper .swiper-nav-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 168px;
  height: 60px;
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }
  .swiper .swiper-nav-wrapper .swiper-button-disabled {
    cursor: default; }
    .swiper .swiper-nav-wrapper .swiper-button-disabled svg circle {
      fill: #727272 !important; }

.swiper .swiper-nav-prev, .swiper .swiper-nav-next {
  cursor: pointer; }
  .swiper .swiper-nav-prev svg circle, .swiper .swiper-nav-next svg circle {
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease; }
  .swiper .swiper-nav-prev:hover svg circle, .swiper .swiper-nav-next:hover svg circle {
    fill: #E30613; }

.card {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  background: #FFFFFF; }
  .card__img {
    width: 100%;
    -webkit-aspect-ratio: 512/400;
    aspect-ratio: 512/400;
    overflow: hidden;
    position: relative;
    border-radius: 2px; }
    .card__img.kultur:before, .card__img.familie:before, .card__img.jugend:before {
      content: "";
      display: block;
      width: 12px;
      height: 133px;
      position: absolute;
      right: 0;
      z-index: 1; }
    .card__img.kultur:before {
      background: #006C67; }
    .card__img.familie:before {
      background: #D63656; }
    .card__img.jugend:before {
      background: #554975; }
    .card:hover .card__img img {
      transform: scale(1.1); }
    .card__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      -webkit-transition: transform 0.5s ease;
      -moz-transition: transform 0.5s ease;
      -ms-transition: transform 0.5s ease;
      -o-transition: transform 0.5s ease;
      transition: transform 0.5s ease; }
  .card__body {
    padding: 24px;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    border: 0;
    height: 300px;
    position: relative;
    width: 100%; }
    .bg-default .card__body {
      border: 1px solid #F6F5F4;
      border-top: 0; }
  .card__label {
    position: absolute;
    bottom: 100%;
    right: -1px;
    z-index: 999;
    background: #fff;
    margin: 0;
    padding: 13px 23px 14px 24px;
    text-transform: uppercase; }
  .card__date {
    font-size: 13px;
    line-height: 20px; }
  .card__title {
    margin-bottom: 26px; }
  .card__url {
    text-decoration: none; }
    .card__url[class*="line-"] .card__title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
      .slider--projekte .card__url[class*="line-"] .card__title, .slider--projekteInh .card__url[class*="line-"] .card__title {
        -webkit-line-clamp: 2; }
    .card__url[class*="line-"] .card__text {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }
    .card__url.line-1 + .card__text {
      -webkit-line-clamp: 5; }
    .card__url.line-2 + .card__text {
      -webkit-line-clamp: 4; }
    .card__url.line-3 + .card__text {
      -webkit-line-clamp: 3; }
    .card__url.line-4 + .card__text {
      -webkit-line-clamp: 2; }
    .card__url--full {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .card__text {
    font-size: 16px;
    line-height: 24px;
    color: #727272;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: auto; }
  .card__all {
    margin: 0 -2px; }
    .card__all .card__btn {
      margin: 0 2px 2px; }
  .card__svg {
    margin-top: auto;
    margin-left: -10px; }
  .card svg {
    width: 40px;
    height: 40px;
    display: inline-block;
    margin: 0 10px; }
    .card svg.svg_kultur path {
      stroke: #006C67; }
    .card svg.svg_familie path {
      stroke: #D63656; }
    .card svg.svg_jugend path {
      stroke: #554975; }
  .card__link {
    text-align: left;
    text-decoration: none;
    outline: none;
    color: #181715;
    font-size: 18px;
    line-height: 24px;
    padding: 12px 24px;
    border: 2px solid #679CCA;
    border-radius: 50px; }
  .card__btn--text {
    background: transparent !important;
    color: #181715;
    padding-left: 0;
    padding-right: 0; }
    .card__btn--text:before, .card__btn--text:after {
      content: "";
      display: block;
      position: absolute;
      top: calc(100% - 14px);
      left: -1px;
      height: 2px;
      width: calc(100% + 2px);
      z-index: 1; }
    .card__btn--text:before {
      background-color: #181715;
      transform: inherit; }
    .card__btn--text:after {
      background-color: #E30613;
      -webkit-transform: scaleX(0);
      -moz-transform: scaleX(0);
      -ms-transform: scaleX(0);
      -o-transform: scaleX(0);
      transform: scaleX(0);
      -webkit-transition: 0.3s ease;
      -moz-transition: 0.3s ease;
      -ms-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease; }
    .card__btn--text:hover, .card__btn--text:focus, .card__btn--text:not(:disabled):active {
      color: #181715; }
      .card__btn--text:hover:after, .card__btn--text:focus:after, .card__btn--text:not(:disabled):active:after {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1); }
  .card__footer {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%; }
    .card__footer--double {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between; }
  .card__wrapper {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: start;
    -moz-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    margin-bottom: 16px; }
    .card__wrapper--startseite {
      margin: -16px; }

@media only screen and (max-width: 575px) {
  .card__wrapper--startseite {
    margin: 0; } }
      .card__wrapper--startseite .card__body {
        height: auto !important;
        min-height: 352px; }
        .card__wrapper--startseite .card__body .card__text {
          margin-bottom: 20px; }
    .card__wrapper .card {
      max-width: 512px;
      flex: 0 0 auto;
      margin: 16px;
      width: 100%; }
      .card__wrapper .card[data-stat='hide'] {
        visibility: hidden; }
      .card__wrapper .card__body {
        height: 352px;
        padding: 27px 24px 21px;
        border: 1px solid #F6F5F4;
        border-top: 0; }
      .card__wrapper .card__title {
        font-size: 30px;
        margin-bottom: 24px; }
    .card__wrapper .card--full {
      max-width: 100%;
      flex: 0 0 auto;
      margin: 0;
      margin-bottom: 32px;
      width: 100%;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .card__wrapper .card--full .card__img {
        width: 100%;
        max-width: 512px; }
      .card__wrapper .card--full .card__body {
        height: calc(100% + 1px);
        width: calc(100% - 512px);
        padding: 33px 32px; }
      .card__wrapper .card--full .card__date {
        font-size: 16px;
        line-height: 24px; }
      .card__wrapper .card--full .card__title {
        font-size: 30px;
        margin-bottom: 24px; }
      .card__wrapper .card--full .card__label {
        bottom: 0px;
        right: 100%; }

@media (max-width: 1200px) {
  .swiper-slide .card__body {
    height: auto;
    min-height: 300px; } }

@media (max-width: 1200px) {
  .swiper-slide .card__body .card__text {
    margin: 0 0 10px; } }

.searchpage .main--full {
  margin-top: 0; }

.searchpage__input {
  border-radius: 4px;
  border: 1px solid #E30613;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px;
  width: 100%;
  outline: none; }
  .searchpage__input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    transition: 0.15s ease-in-out;
    color: #1b1b1b;
    opacity: 1;
    /* Firefox */ }
  .searchpage__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    transition: 0.15s ease-in-out;
    color: #1b1b1b; }
  .searchpage__input::-ms-input-placeholder {
    /* Microsoft Edge */
    transition: 0.15s ease-in-out;
    color: #1b1b1b; }
  .searchpage__input:hover::placeholder, .searchpage__input:focus::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #dbdbdb;
    opacity: 1;
    /* Firefox */ }
  .searchpage__input:hover:-ms-input-placeholder, .searchpage__input:focus:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #dbdbdb; }
  .searchpage__input:hover::-ms-input-placeholder, .searchpage__input:focus::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #dbdbdb; }

.searchpage__icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 50px;
  top: calc(50% - 10px);
  cursor: pointer;
  z-index: 20;
  background: url(/img/system/icon_lupe.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center; }

.searchpage__field {
  position: relative;
  background: #181715;
  padding: 30px;
  margin-bottom: 42px !important; }

.searchpage__result .pager:last-of-type {
  margin: 0;
  border: 0; }

.searchpage__overview {
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 19px; }
  .searchpage__overview #searchpage__word {
    font-weight: 400; }

.searchpage__item {
  background: #181715;
  padding: 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .searchpage__item a {
    text-decoration: none; }
  .searchpage__item h3, .searchpage__item .alt-3 {
    margin-bottom: 7px; }
  .searchpage__item .searchHighlight {
    font-weight: 500;
    font-family: "Helvetica Neue LT Medium"; }
  .searchpage__item:hover, .searchpage__item:focus {
    background: #0a0a09; }
  .searchpage__item + .searchpage__item {
    margin-top: 27px; }

.ansprechpartner {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  flex-wrap: wrap;
  border-right: 12px solid #181715; }

@media (max-width: 1200px) {
  .ansprechpartner {
    margin-bottom: 20px !important; } }
  .kultur ~ section .ansprechpartner {
    border-right: 12px solid #006C67; }
  .familie ~ section .ansprechpartner {
    border-right: 12px solid #D63656; }
  .jugend ~ section .ansprechpartner {
    border-right: 12px solid #554975; }
  .ansprechpartner.ap-kultur {
    border-color: #006C67; }
  .ansprechpartner.ap-familie {
    border-color: #D63656; }
  .ansprechpartner.ap-jugend {
    border-color: #554975; }
  .ansprechpartner--noimg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
  .ansprechpartner__img {
    max-width: 240px;
    width: 100%;
    -webkit-aspect-ratio: 240/332;
    aspect-ratio: 240/332;
    overflow: hidden; }

@media (max-width: 767px) {
  .ansprechpartner__img {
    margin: 0 auto; } }
    .ansprechpartner__img img {
      object-fit: cover;
      object-position: center;
      height: 100%; }
  .ansprechpartner__text {
    border: 2px solid #F6F5F4;
    border-right: 0;
    padding: 32px 40px;
    width: calc(100% - 240px);
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    min-width: 215px; }

@media (max-width: 767px) {
  .ansprechpartner__text {
    width: calc(100% - 0px) !important;
    max-width: none;
    padding: 22px 20px; } }
    .col-md-4 .ansprechpartner__text {
      padding: 32px; }
    .ansprechpartner__text h5 {
      font-weight: 500;
      font-family: "Helvetica Neue LT Medium";
      margin: 0; }

.col-md-5 .ansprechpartner .ansprechpartner__text {
  padding-right: 20px;
  width: 350px; }

.subnav {
  margin-top: 50px; }

@media only screen and (max-width: 767px) {
  .subnav {
    margin-top: 30px; } }
  .subnav__item [class*="subnav__item"] {
    -webkit-aspect-ratio: 512/300;
    aspect-ratio: 512/300;
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    .subnav__item [class*="subnav__item"]:before {
      position: absolute;
      bottom: 24px;
      right: 24px;
      width: 100px;
      height: 100px; }

@media only screen and (max-width: 1200px) {
  .subnav__item [class*="subnav__item"]:before {
    width: 80px;
    height: 80px; } }
    .subnav__item [class*="subnav__item"]:hover .underline {
      background-size: 100% 2px; }
    .old-ios .subnav__item [class*="subnav__item"] {
      height: 205px;
      width: 100%; }
  .subnav__item h3 {
    color: #fff;
    max-width: 280px;
    position: relative;
    margin-bottom: 0; }
  .subnav__item .underline {
    background-image: linear-gradient(#fff, #fff);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 0% 2px;
    transition: background-size .4s ease; }
  .subnav__item .subnav__item {
    background: #181715; }

.bildbaustein--image {
  position: relative; }
  .bildbaustein--image figure {
    margin: 0; }
  .bildbaustein--image img {
    width: 100%;
    height: 100%; }

.bildbaustein--text {
  margin-bottom: -25px !important; }

@media only screen and (max-width: 768px) {
  .bildbaustein--text {
    margin-bottom: 20px !important;
    margin: 0; } }
  .bildbaustein--text--wrapper {
    position: relative;
    top: -124px;
    background: #181715;
    padding: 30px; }

@media only screen and (max-width: 768px) {
  .bildbaustein--text--wrapper {
    position: static;
    padding: 20px; } }

figure {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  figure img {
    width: 100%;
    height: 100%; }
  figure figcaption, figure + figcaption {
    font-size: 13px;
    font-style: italic; }
  figure + figcaption {
    position: absolute;
    bottom: -20px; }

@media only screen and (max-width: 768px) {
  figure + figcaption {
    position: static;
    background: #F2F7FB;
    padding: 5px 20px 0; } }
  figure.zoomable .figurewrapper {
    display: flex;
    position: relative; }
    figure.zoomable .figurewrapper:after {
      content: '';
      display: block;
      position: absolute;
      z-index: 1;
      bottom: 3px;
      right: 0;
      width: 50px;
      height: 50px;
      pointer-events: none;
      background-image: url(/img/system/icons/icon_zoom.svg);
      border: 1px solid #CCDEED;
      border-top-left-radius: 8px;
      background-color: #fff;
      background-repeat: no-repeat;
      background-position: 50%; }
  figure.gallery .figurewrapper {
    position: relative; }
    figure.gallery .figurewrapper > a {
      display: flex; }
      figure.gallery .figurewrapper > a:first-child:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 50px;
        pointer-events: none;
        background-image: url(/img/system/icons/icon-gallery.svg);
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 50%;
        border: 1px solid #CCDEED;
        border-top-left-radius: 8px; }

.protect {
  position: absolute;
  background: #e2e2e2;
  width: 100%;
  height: 100%;
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  overflow: auto; }
  .protect__info {
    z-index: 1;
    padding: 25px;
    overflow: auto;
    text-align: center; }
    .protect__info svg {
      width: 39px;
      height: 39px; }

@media (max-width: 768px) {
  .protect__info p {
    font-size: 14px;
    line-height: 17px; } }
  .protect__btn {
    cursor: pointer; }

@media only screen and (max-width: 650px) {
  .protect__btn {
    font-size: 3vw; } }

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }
  .youtube__wrapper {
    margin-bottom: 1rem !important;
    position: relative;
    margin-top: 108px !important; }
    .col-md-6 .youtube__wrapper, .col-md-7 .youtube__wrapper, .col-md-5 .youtube__wrapper {
      margin-top: 25px !important; }
      .col-md-6 .youtube__wrapper:before, .col-md-7 .youtube__wrapper:before, .col-md-5 .youtube__wrapper:before {
        display: none; }
    .youtube__wrapper:before {
      content: "";
      height: 800px;
      width: 100%;
      background: #181715;
      display: block;
      position: absolute;
      top: -108px;
      left: calc(100% - 648px); }

@media (max-width: 991px) {
  .youtube__wrapper:before {
    top: -50px;
    height: calc(100% + 100px); } }
  .youtube__editorinfo {
    padding: 0 25px;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #d0020e; }
  .youtube iframe, .youtube video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .youtube .video {
    background: #000; }

.tabelle {
  border-collapse: collapse;
  margin: 1.25em 0 0;
  width: 100%; }
  .tabelle tr, .tabelle th, .tabelle td {
    border: none; }
  .tabelle th, .tabelle td {
    padding: 17px 16px;
    text-align: left;
    border: 2px solid #F6F5F4; }
    .tabelle th p:last-child, .tabelle td p:last-child {
      margin-bottom: 0; }
  .tabelle tr:nth-child(odd) {
    background: #f6f5f4; }
  .tabelle thead tr {
    background: #ffffff !important; }
  .tabelle tbody {
    vertical-align: baseline; }

.accordion {
  margin-bottom: 25px !important;
  position: relative; }
  .accordion h2, .accordion .alt-2 {
    line-height: 15px;
    background: #fff;
    padding: 19px 70px 19px 24px;
    margin: 0;
    position: relative;
    cursor: pointer;
    border: 2px solid #F6F5F4;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

@media only screen and (max-width: 375px) {
  .accordion h2, .accordion .alt-2 {
    padding: 19px 50px 19px 24px; } }
    .accordion h2.ui-accordion-header-active, .accordion .alt-2.ui-accordion-header-active {
      border-bottom: 0; }

@media only screen and (max-width: 768px) {
  .accordion h2, .accordion .alt-2 {
    padding: 20px 70px 20px 24px; } }
    .accordion h2 a, .accordion .alt-2 a {
      font-size: 24px;
      line-height: 30px;
      color: #181715 !important;
      -webkit-transition: color 0.4s;
      -moz-transition: color 0.4s;
      -ms-transition: color 0.4s;
      -o-transition: color 0.4s;
      transition: color 0.4s;
      text-decoration: none; }

@media only screen and (max-width: 375px) {
  .accordion h2 a, .accordion .alt-2 a {
    font-size: 20px;
    line-height: 26px;
    word-break: break-word; } }
    .accordion h2 .ui-accordion-header-icon, .accordion .alt-2 .ui-accordion-header-icon {
      content: "";
      right: 24px;
      width: 34px;
      height: 34px;
      background: #181715;
      border-radius: 50px;
      cursor: pointer;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }

@media only screen and (max-width: 375px) {
  .accordion h2 .ui-accordion-header-icon, .accordion .alt-2 .ui-accordion-header-icon {
    right: 10px; } }
      .accordion h2 .ui-accordion-header-icon:before, .accordion h2 .ui-accordion-header-icon:after, .accordion .alt-2 .ui-accordion-header-icon:before, .accordion .alt-2 .ui-accordion-header-icon:after {
        content: '';
        width: 20px;
        height: 2px;
        background: #fff;
        left: calc(50% - 10px);
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
      .accordion h2 .ui-accordion-header-icon:after, .accordion .alt-2 .ui-accordion-header-icon:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .accordion h2.ui-state-active .ui-accordion-header-icon:before, .accordion h2.ui-state-active .ui-accordion-header-icon:after, .accordion .alt-2.ui-state-active .ui-accordion-header-icon:before, .accordion .alt-2.ui-state-active .ui-accordion-header-icon:after {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg); }
  .accordion__content {
    background: #fff;
    padding: 24px 70px 16px 24px;
    border: none;
    border-radius: 0 0 6px 6px;
    color: #181715;
    position: relative;
    border: 2px solid #F6F5F4;
    border-top: 0; }
    .accordion__content:before {
      content: "";
      position: absolute;
      top: 0;
      width: calc(100% - 48px);
      border-top: 1px solid #707070;
      z-index: 1; }

@media only screen and (max-width: 768px) {
  .accordion__content {
    padding: 0 24px 16px 24px; } }
    .accordion__content + h2, .accordion__content + .alt-2 {
      margin-top: 20px; }

.ui-tabs {
  background: #181715;
  padding: 19px 24px; }

@media only screen and (max-width: 768px) {
  .ui-tabs {
    padding: 20px; } }
  .ui-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    text-align: center;
    position: relative; }
    .ui-tabs-nav a {
      display: block;
      text-align: center;
      padding-bottom: 16px; }
  .ui-tabs-tab {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    position: relative;
    border-bottom: 2px solid #CCDEED; }
  .ui-tabs-panel {
    padding: 30px 0; }
  .ui-tabs .indicator {
    border: 2px solid #035AA7;
    border-radius: 80px;
    position: absolute;
    bottom: -1px; }

.gallery--slider {
  margin-bottom: 1rem; }
  .gallery--slider .swiper-slide {
    height: 523px; }

@media only screen and (max-width: 768px) {
  .gallery--slider .swiper-slide {
    height: auto; } }
    .main .gallery--slider .swiper-slide {
      height: 320px; }

.gallery--item {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  width: 100%;
  height: 100%;
  background: #F2F7FB; }
  .gallery--item:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    pointer-events: none;
    background-image: url(/img/system/icons/icon_zoom.svg);
    border: 1px solid #CCDEED;
    border-top-left-radius: 8px; }
  .gallery--item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer; }

.formular {
  width: 100%;
  border: 0;
  margin: 0; }

@media only screen and (max-width: 768px) {
  .formular {
    padding: 20px 15px; } }
  .formular .row {
    margin: 0 0 16px 0; }
    .formular .row.row-spacer {
      margin-bottom: 30px; }
    .formular .row.captcha {
      margin-bottom: 40px;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      align-items: flex-end; }
      .formular .row.captcha > :first-child {
        order: 1;
        width: auto;
        padding: 0;
        display: -webkit-box ;
        display: -webkit-flex ;
        display: -moz-flex ;
        display: -ms-flexbox ;
        display: flex ;
        position: absolute;
        margin-left: 13.79%; }
      .formular .row.captcha > :last-child {
        order: 0;
        padding: 0;
        display: -webkit-box ;
        display: -webkit-flex ;
        display: -moz-flex ;
        display: -ms-flexbox ;
        display: flex ; }
        .formular .row.captcha > :last-child input {
          flex: 0 0 auto;
          width: 25%;
          margin-left: 16.66666667%; }
    .formular .row.absenden > div {
      padding: 0;
      text-align: right; }
    .formular .row.absenden .btn--formular {
      max-width: 134px;
      text-align: center; }
    .formular .row.double-btn {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .formular .row.radio {
      margin: 0 0 38px 0; }

@media only screen and (max-width: 768px) {
  .formular .row.radio {
    margin: 0 0 10px 0; } }
      .formular .row.radio label {
        margin-bottom: 13px; }
    .formular .row.dropdown {
      position: relative; }
      .formular .row.dropdown:after {
        content: '<>';
        font: 17px "Consolas", monospace;
        color: #000;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg);
        left: 56%;
        padding: 0 0 6px;
        border-bottom: 1px solid #000;
        position: absolute;
        pointer-events: none; }

@media only screen and (max-width: 1024px) {
  .formular .row.dropdown:after {
    left: 94%; } }

@media only screen and (max-width: 991px) {
  .formular .row.dropdown:after {
    top: 70%; } }

@media only screen and (max-width: 375px) {
  .formular .row.dropdown:after {
    left: 85%; } }
      .formular .row.dropdown select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        padding-right: 32px;
        color: #181715;
        background-color: #ffffff; }
  .formular input.text:not([type="radio"]), .formular textarea.text, .formular select {
    border-radius: 2px;
    border: 1px solid #727272;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px;
    width: 100%;
    outline: none;
    flex: 0 0 auto;
    width: 41.66666667%; }

@media only screen and (max-width: 1024px) {
  .formular input.text:not([type="radio"]), .formular textarea.text, .formular select {
    width: 80%; } }

@media only screen and (max-width: 991px) {
  .formular input.text:not([type="radio"]), .formular textarea.text, .formular select {
    width: 100%; } }
    .formular input.text:not([type="radio"])::placeholder, .formular textarea.text::placeholder, .formular select::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      transition: 0.15s ease-in-out;
      color: #1b1b1b;
      opacity: 1;
      /* Firefox */ }
    .formular input.text:not([type="radio"]):-ms-input-placeholder, .formular textarea.text:-ms-input-placeholder, .formular select:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      transition: 0.15s ease-in-out;
      color: #1b1b1b; }
    .formular input.text:not([type="radio"])::-ms-input-placeholder, .formular textarea.text::-ms-input-placeholder, .formular select::-ms-input-placeholder {
      /* Microsoft Edge */
      transition: 0.15s ease-in-out;
      color: #1b1b1b; }
    .formular input.text:not([type="radio"]):hover::placeholder, .formular input.text:not([type="radio"]):focus::placeholder, .formular textarea.text:hover::placeholder, .formular textarea.text:focus::placeholder, .formular select:hover::placeholder, .formular select:focus::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #dbdbdb;
      opacity: 1;
      /* Firefox */ }
    .formular input.text:not([type="radio"]):hover:-ms-input-placeholder, .formular input.text:not([type="radio"]):focus:-ms-input-placeholder, .formular textarea.text:hover:-ms-input-placeholder, .formular textarea.text:focus:-ms-input-placeholder, .formular select:hover:-ms-input-placeholder, .formular select:focus:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #dbdbdb; }
    .formular input.text:not([type="radio"]):hover::-ms-input-placeholder, .formular input.text:not([type="radio"]):focus::-ms-input-placeholder, .formular textarea.text:hover::-ms-input-placeholder, .formular textarea.text:focus::-ms-input-placeholder, .formular select:hover::-ms-input-placeholder, .formular select:focus::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #dbdbdb; }
    .formular input.text:not([type="radio"]).error::placeholder, .formular textarea.text.error::placeholder, .formular select.error::placeholder {
      /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: #e60003;
      opacity: 1;
      /* Firefox */ }
    .formular input.text:not([type="radio"]).error:-ms-input-placeholder, .formular textarea.text.error:-ms-input-placeholder, .formular select.error:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: #e60003; }
    .formular input.text:not([type="radio"]).error::-ms-input-placeholder, .formular textarea.text.error::-ms-input-placeholder, .formular select.error::-ms-input-placeholder {
      /* Microsoft Edge */
      color: #e60003; }
  .formular textarea {
    min-height: 247px; }
  .formular label {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 3px;
    padding: 0;
    flex: 0 0 auto;
    width: 16.66666667%;
    padding-right: 32px; }

@media only screen and (max-width: 991px) {
  .formular label {
    width: 100%; } }
    .formular label .light {
      font-weight: normal; }
    .formular label.error {
      color: #e60003; }
  .formular .radioButtonListWrapper {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0; }
  .formular .custom .radioButtonListWrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .formular .radioButtonWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 33.33%; }

@media only screen and (max-width: 768px) {
  .formular .radioButtonWrapper {
    width: 100%; } }
    .formular .radioButtonWrapper input[type="radio"] {
      display: none; }
      .formular .radioButtonWrapper input[type="radio"]:checked + label .radio {
        border: 1px solid #181715; }
        .formular .radioButtonWrapper input[type="radio"]:checked + label .radio:after {
          left: -10%;
          width: 130%;
          color: #181715 !important; }
      .formular .radioButtonWrapper input[type="radio"].error + label {
        color: #e60003; }
    .formular .radioButtonWrapper label {
      display: block;
      float: left;
      width: 100%;
      font-weight: 400;
      cursor: pointer;
      max-width: inherit;
      position: relative;
      margin: 0;
      padding-left: 34px; }
      .formular .radioButtonWrapper label .radio {
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        background: #FFFFFF;
        border: 2px solid #E30613;
        border-radius: 50%;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden; }
        .formular .radioButtonWrapper label .radio:after {
          position: absolute;
          content: '';
          width: 0;
          bottom: 0;
          background: #181715;
          height: 100%;
          left: -20%;
          z-index: -1;
          -webkit-transform: skewX(-15deg);
          -moz-transform: skewX(-15deg);
          -ms-transform: skewX(-15deg);
          -o-transform: skewX(-15deg);
          transform: skewX(-15deg);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
  .formular .datenschutz {
    margin-top: 16px;
    margin-bottom: 92px; }
    .formular .datenschutz a {
      color: #E30613; }
    .formular .datenschutz input[type="checkbox"], .formular .datenschutz input[type="radio"] {
      display: none; }
      .formular .datenschutz input[type="checkbox"]:checked + label .checkbox, .formular .datenschutz input[type="radio"]:checked + label .checkbox {
        border: 1px solid #727272; }
        .formular .datenschutz input[type="checkbox"]:checked + label .checkbox:after, .formular .datenschutz input[type="radio"]:checked + label .checkbox:after {
          left: -10%;
          width: 130%;
          color: #181715 !important; }
    .formular .datenschutz label {
      display: block;
      float: left;
      font-weight: 400;
      cursor: pointer;
      max-width: inherit;
      position: relative;
      margin: 0;
      padding-left: 34px;
      flex: 0 0 auto;
      width: 100%;
      max-width: 428px;
      margin-left: 16.66666667%; }

@media only screen and (max-width: 1024px) {
  .formular .datenschutz label {
    max-width: 80%; } }

@media only screen and (max-width: 991px) {
  .formular .datenschutz label {
    max-width: 100%;
    margin-left: 0; } }
      .formular .datenschutz label .checkbox {
        width: 24px;
        height: 24px;
        cursor: pointer;
        position: absolute;
        background: #FFFFFF;
        border: 1px solid #727272;
        border-radius: 4px;
        top: 0;
        left: 0;
        z-index: 0;
        overflow: hidden; }
        .formular .datenschutz label .checkbox:after {
          position: absolute;
          content: '';
          width: 0;
          bottom: 0;
          background: #181715;
          height: 100%;
          left: -20%;
          z-index: -1;
          -webkit-transform: skewX(-15deg);
          -moz-transform: skewX(-15deg);
          -ms-transform: skewX(-15deg);
          -o-transform: skewX(-15deg);
          transform: skewX(-15deg);
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
    .formular .datenschutz .check1, .formular .datenschutz .check2 {
      display: -webkit-box ;
      display: -webkit-flex ;
      display: -moz-flex ;
      display: -ms-flexbox ;
      display: flex ; }
    .formular .datenschutz .check1, .formular .datenschutz .check2 {
      margin-bottom: 17px; }
    .formular .datenschutz .check3 > label {
      margin-bottom: 10px; }
    .formular .datenschutz .check3 .DropDownCheckboxListWrapper {
      padding-left: 35px; }

@media only screen and (max-width: 991px) {
  .formular .row.captcha label {
    width: 35%; } }

@media only screen and (max-width: 991px) {
  .formular .row.captcha > :last-child input {
    width: 55%; } }

@media only screen and (max-width: 767px) {
  .formular .row.captcha > :last-child input {
    width: 65%;
    margin-left: 0; } }

@media only screen and (max-width: 475px) {
  .formular .row.captcha > :last-child input {
    width: 50%;
    margin-left: 16%; } }

@media only screen and (max-width: 991px) {
  .formular .row.captcha > :first-child {
    position: relative;
    margin: 0; } }

.footer {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  background: #181715;
  padding-top: 82px;
  padding-bottom: 61px; }

@media only screen and (max-width: 375px) {
  .footer {
    padding-top: 48px;
    padding-bottom: 33px; } }
  .footer h2, .footer .alt-2 {
    font-size: 24px;
    font-weight: 500;
    font-family: "Helvetica Neue LT Medium";
    line-height: 34px;
    margin-bottom: 50px !important;
    color: #fff; }

@media only screen and (max-width: 768px) {
  .footer h2, .footer .alt-2 {
    margin-bottom: 13px; } }
  .footer p, .footer a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none; }
  .footer--top {
    padding-bottom: 81px;
    position: relative; }

@media only screen and (max-width: 375px) {
  .footer--top {
    padding-bottom: 49px; } }

@media only screen and (max-width: 768px) {
  .footer--top {
    gap: 5px; } }
    .footer--top:after {
      content: "";
      display: block;
      height: 2px;
      background: #727272;
      position: absolute;
      bottom: -2px;
      left: 16px;
      right: 16px; }
    .footer--top .footer-info {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 5px 100px; }

@media only screen and (max-width: 768px) {
  .footer--top .footer-info {
    flex-direction: column; } }
    .footer--top .footer-info p {
      margin-bottom: 0; }
  .footer--bottom {
    padding-top: 49px; }

@media only screen and (max-width: 375px) {
  .footer--bottom {
    padding-top: 32px; } }
  .footer_info {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .footer_info:before {
      content: "";
      position: relative;
      background-repeat: no-repeat;
      background-position: bottom;
      width: 20px;
      height: 20px;
      display: inline-block;
      margin-right: 16px; }
    .footer_info--location:before {
      background-image: url(/img/system/icon_location.svg); }
    .footer_info--phone:before {
      background-image: url(/img/system/icon_phone.svg); }
    .footer_info--mail:before {
      background-image: url(/img/system/icon_mail.svg); }
    .footer_info--social:before {
      display: none; }
    .footer_info--social .icon {
      background-size: contain;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      display: flex; }
      .footer_info--social .icon--linkedin {
        background-image: url(/img/linkedin-logo/in-white.png); }
      .footer_info--social .icon--instagram {
        background-image: url(/img/instagram-logo/in-white.svg); }
  .footer--meta {
    text-align: right; }

@media (max-width: 991px) {
  .footer--meta {
    text-align: center;
    margin-bottom: 30px; } }

@media only screen and (max-width: 768px) {
  .footer--meta {
    text-align: left;
    text-align: left;
    margin-top: 39px; } }

@media only screen and (max-width: 768px) {
  .footer--meta {
    margin-top: 0px; } }
  .footer--wrapper {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }

@media only screen and (max-width: 768px) {
  .footer--wrapper {
    margin-bottom: 50px !important; } }
  .footer--link {
    font-size: 18px;
    line-height: 27px;
    text-decoration: none !important; }

@media only screen and (max-width: 767px) {
  .footer--link {
    display: block;
    margin-bottom: 2px; } }
    .footer--link[href*="/antrag"] {
      white-space: nowrap; }
    .footer--link:hover {
      text-decoration: underline !important; }
    .footer--link.ext:before {
      content: "";
      position: relative;
      bottom: -2px;
      background-image: url(/img/system/link_ext.svg);
      background-repeat: no-repeat;
      background-size: cover;
      width: 16px;
      height: 16px;
      display: inline-block;
      margin-right: 5px;
      margin-left: 25px; }

@media (max-width: 767px) {
  .footer--link.ext:before {
    margin-left: 0; } }
    .footer--link.ext + .ext {
      margin-top: 15px; }
    .footer--link:not(.ext) + .footer--link:not(.ext) {
      margin-left: 25px; }

@media (max-width: 767px) {
  .footer--link {
    margin-left: 0 !important;
    margin-right: 25px; }
    .footer--link:last-child {
      margin-right: 0; } }

.filter__wrapper {
  margin-top: 56px;
  margin-bottom: 80px; }

@media only screen and (max-width: 768px) {
  .filter__wrapper {
    margin-top: 30px;
    margin-bottom: 40px; } }
  .filter__wrapper .name {
    display: inline-block;
    width: 100%; }
  .filter__wrapper .filter {
    display: -webkit-box ;
    display: -webkit-flex ;
    display: -moz-flex ;
    display: -ms-flexbox ;
    display: flex ;
    flex-wrap: wrap; }
    .filter__wrapper .filter > label {
      color: #fff;
      padding: 23px 35px 22px 0; }

.filter input {
  padding: 15px;
  width: 100%;
  font-size: 18px;
  border: none; }

.filter .button {
  margin: 10px 10px 0 0; }
  .filter .button input {
    display: none; }
    .filter .button input:checked + label {
      color: #fff;
      background: #181715;
      border-color: #181715; }
  .filter .button label {
    font-size: 18px;
    line-height: 27px;
    color: #727272;
    text-transform: uppercase;
    padding: 12px 24px;
    border: 1px solid #727272;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }

.simple-pagination ul {
  padding: 0;
  list-style: none;
  text-align: center;
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.simple-pagination li a, .simple-pagination li span {
  display: -webkit-box ;
  display: -webkit-flex ;
  display: -moz-flex ;
  display: -ms-flexbox ;
  display: flex ;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 34px;
  margin-right: 5px;
  color: #727272;
  font-weight: 500;
  font-family: "Helvetica Neue LT Medium";
  -webkit-aspect-ratio: 1/1;
  aspect-ratio: 1/1;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 50%; }
  .simple-pagination li a.ellipse.clickable, .simple-pagination li span.ellipse.clickable {
    width: 42px;
    -webkit-aspect-ratio: 16/9;
    aspect-ratio: 16/9; }

.simple-pagination li:hover a, .simple-pagination li:hover span {
  color: #181715; }

.simple-pagination li.active a, .simple-pagination li.active span {
  color: #181715;
  border-color: #181715; }

.simple-pagination li.active:hover a, .simple-pagination li.active:hover span {
  color: #181715; }

.simple-pagination li .prev, .simple-pagination li .next {
  background-size: 100%;
  border: 0 !important; }

.simple-pagination li .prev {
  background-image: url(/img/system/icon_slider_arrow-left.svg);
  margin-right: 40px; }

.simple-pagination li .next {
  background-image: url(/img/system/icon_slider_arrow-right.svg);
  margin-left: 40px; }

.simple-pagination li.disabled a, .simple-pagination li.disabled span {
  opacity: .5; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.to-top {
  cursor: pointer;
  width: 60px;
  height: 60px;
  background: #000;
  border-radius: 50px;
  position: fixed;
  right: 32px;
  bottom: 130px;
  z-index: 999;
  display: none;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .to-top:before {
    content: "";
    background-image: url(/img/system/icon_arrow-top.svg);
    width: 60px;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px;
    position: absolute;
    left: 0;
    top: 0; }
  .to-top:hover {
    background: #E30613; }

@media only screen and (max-width: 1199px) {
  .to-top {
    right: 20px;
    bottom: 100px; } }

@media only screen and (max-width: 768px) {
  .to-top {
    display: none !important; } }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); } }

.header__brand {
  z-index: 99; }

@media only screen and (max-width: 1199px) {
  .header__brand img {
    position: relative;
    top: 50px; } }

@media only screen and (max-width: 768px) {
  .header__brand img {
    height: 60px;
    top: 5px; } }

@media only screen and (max-width: 375px) {
  .kultur .header__brand img {
    height: 50px; } }

@media only screen and (max-width: 375px) {
  .familie .header__brand img {
    height: 50px; } }

@media only screen and (max-width: 375px) {
  .jugend .header__brand img {
    height: 55px; } }

@media only screen and (max-width: 1200px) {
  .download__wrapper .col-md-4 {
    margin-bottom: 25px; } }

.container__wrapper p a {
  font-family: "Helvetica Neue LT Medium";
  font-weight: 500;
  text-decoration: underline; }

.container__wrapper .download__btn + .btn.btn--default {
  display: table;
  margin: 20px auto 0 auto; }

.container__wrapper .accordion .download__btn {
  min-width: 460px;
  margin-left: 15px; }

@media only screen and (max-width: 767px) {
  .container__wrapper .accordion .download__btn {
    min-width: auto; } }

@media only screen and (max-width: 375px) {
  .container__wrapper .accordion .download__btn {
    margin-left: 0; } }

table thead tr th p {
  font-family: "Helvetica Neue LT Medium";
  font-weight: 500; }

table thead tr th.first {
  background: #f6f5f4; }

table thead tr th.ta-kultur {
  background: #006C67; }
  table thead tr th.ta-kultur p {
    color: #fff; }

table thead tr th.ta-familie {
  background: #D63656; }
  table thead tr th.ta-familie p {
    color: #fff; }

table thead tr th.ta-jugend {
  background: #554975; }
  table thead tr th.ta-jugend p {
    color: #fff; }

table tbody tr td.first {
  background: #f6f5f4; }

table tbody tr td.ta-kultur {
  background: rgba(0, 108, 103, 0.2); }

table tbody tr td.ta-familie {
  background: rgba(214, 54, 86, 0.2); }

table tbody tr td.ta-jugend {
  background: rgba(85, 73, 117, 0.2); }

table.special tr:nth-child(odd) {
  background: transparent; }

table.special th, table.special td {
  border-color: #fff; }

.news-detail time {
  display: block;
  margin-bottom: 20px; }

.ansprechpartner__text a {
  word-break: break-word; }

.search-site {
  padding-top: 104px; }
  .search-site fieldset {
    padding: 0;
    border: none;
    position: relative; }
    .search-site fieldset label {
      display: none; }
    .search-site fieldset input {
      border-radius: 2px;
      border: 1px solid #727272;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      padding: 15px;
      width: 100%;
      outline: none;
      flex: 0 0 auto;
      background: #181715;
      height: 81px;
      color: #ffffff; }
    .search-site fieldset input::placeholder {
      color: #ffffff !important; }
    .search-site fieldset .btn {
      padding: 15px 1.5rem 19px; }
    .search-site fieldset a.searchicon {
      background-image: url(/img/system/icon_lupe_red.svg);
      background-size: 27px;
      background-repeat: no-repeat;
      background-position: center;
      width: 69px;
      height: 69px;
      display: block;
      background-color: #fff;
      border: none;
      position: absolute;
      right: 0;
      top: 47px; }
  .search-site .page-search-main {
    padding: 120px 0; }

.search___items .search___item {
  background-color: #F6F5F4;
  padding: 47px 32px;
  margin-bottom: 32px; }
  .search___items .search___item h2 {
    color: #E30613;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 17px; }
  .search___items .search___item p {
    font-size: 16px;
    line-height: 24px; }

.projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite {
  display: block;
  padding: 0; }
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card {
    max-width: 100%;
    margin: 24px 0 24px 0; }
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body {
    min-height: 224px;
    padding: 32px 32px 34px 32px;
    border: 1px solid #F6F5F4;
    border-top: 0;
    position: relative;
    height: 100%; }
    .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__btn {
      position: absolute;
      right: 32px;
      top: 32px; }

@media only screen and (max-width: 991px) {
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__btn {
    top: inherit;
    bottom: 34px; } }

@media only screen and (max-width: 475px) {
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__btn {
    position: relative;
    top: inherit;
    bottom: inherit;
    margin-left: 30px;
    margin-top: 30px; } }
    .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__btn--text {
      padding-top: 48px; }

@media only screen and (max-width: 475px) {
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__btn--text {
    padding-top: 30px; } }
    .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__url {
      padding-right: 220px; }

@media (max-width: 991px) {
  .projekte-uebersicht .card__wrapper.card__wrapper--inhaltsseite .card__body .card__url {
    padding-right: 0; } }

@media only screen and (max-width: 1200px) {
  .btn.btn--default {
    margin-bottom: 40px; } }

@media only screen and (max-width: 1200px) {
  .subnav__item h3 {
    text-align: center;
    font-size: 30px;
    line-height: 34px; }
  .subnav__item [class*="subnav__item"]:before {
    width: 60px;
    height: 60px;
    bottom: 12px;
    right: 12px; } }

@media only screen and (max-width: 991px) {
  .subnav__item {
    margin-bottom: 25px; } }

@media only screen and (max-width: 1024px) {
  .subnav__item h3 {
    font-size: 24px;
    line-height: 32px; } }

.grid__text--wrapper.mobile input {
  max-width: 280px;
  width: 100%;
  margin: 0 auto;
  display: block;
  height: 60px; }

.meta__mobile {
  max-width: 280px;
  margin: 50px auto 0 auto !important;
  text-align: center;
  border-bottom: none !important;
  border-top: none !important; }
  .meta__mobile a {
    display: inline-block;
    font-size: 16px;
    color: #727272; }

.mobile.grid__text--search {
  top: 30px;
  right: 20px; }

@media only screen and (max-width: 1200px) {
  .card__wrapper--startseite .card {
    max-width: 430px; } }

@media only screen and (max-width: 991px) {
  .card__wrapper--startseite .card {
    margin: 16px auto; } }

@media only screen and (max-width: 767px) {
  .card__wrapper--startseite .card {
    max-width: 512px; } }

@media only screen and (max-width: 1200px) {
  .antrag > .container:before,
.antrag > .container > .row:before {
    width: 100px;
    height: 100px; }
  .antrag > .container:after {
    width: 100px;
    height: 105px;
    bottom: -90px; } }

@media only screen and (max-width: 1200px) {
  .antrag > .container:before,
.antrag > .container > .row:before,
.antrag > .container:after,
.swiper .swiper-nav-wrapper {
    display: none; } }

.tabelle-wrapper {
  overflow: auto; }

@media only screen and (max-width: 1200px) {
  .container__wrapper .container .row-cols-md-2 .col {
    width: 100%; } }

@media only screen and (max-width: 991px) {
  .card__wrapper .card--full {
    display: block; }
    .card__wrapper .card--full .card__img {
      max-width: 100%;
      -webkit-aspect-ratio: auto;
      aspect-ratio: auto; }
    .card__wrapper .card--full .card__body {
      width: 100%;
      height: auto;
      position: relative; }
      .card__wrapper .card--full .card__body .card__label {
        right: -1px;
        top: -45px;
        bottom: inherit; }
      .card__wrapper .card--full .card__body .card__text {
        margin-bottom: 25px; } }

@media only screen and (max-width: 475px) {
  .card__footer--double {
    display: block; }
    .card__footer--double svg:first-child {
      margin-left: 0; }
  .card__wrapper .card--full .card__title,
.card__wrapper .card__title {
    font-size: 20px;
    line-height: 26px; } }

@media only screen and (max-width: 767px) {
  .foerderantrag__container .offset-1 {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .foerderantrag__container--left {
    margin-bottom: 30px;
    border-right: none;
    border-bottom: 2px solid #727272; } }

@media only screen and (max-width: 767px) {
  .foerderantrag__container--left .foerderantrag__link {
    display: block;
    margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  .foerderantrag__container p.small {
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .foerderantrag--right .foerderantrag__container {
    padding-left: 32px; } }

@media only screen and (max-width: 1200px) {
  .col-lg-6.pagehead__wrapper {
    max-width: 100%;
    width: 100%; } }

@media only screen and (max-width: 1024px) {
  .youtube__wrapper:before {
    height: 464px;
    top: -55px;
    left: calc(100% - 550px); } }

@media only screen and (max-width: 991px) {
  .youtube__wrapper:before {
    height: 344px; } }

@media only screen and (max-width: 575px) {
  .youtube__wrapper:before {
    top: -30px;
    left: calc(100% - 380px);
    height: 268px; } }

@media only screen and (max-width: 575px) {
  .youtube__wrapper:before {
    top: -20px;
    left: calc(100% - 220px);
    height: 160px; } }

.card__wrapper {
  position: relative; }

@media (max-width: 991px) {
  .filter__wrapper {
    margin-bottom: 40px; } }

.filter-sort {
  display: block;
  margin-left: auto;
  position: absolute;
  top: -135px;
  z-index: 99;
  right: 0; }

@media (max-width: 991px) {
  .filter-sort {
    position: relative;
    margin-left: 0;
    top: 0;
    margin-bottom: 40px; } }
  .filter-sort select {
    width: 330px;
    font-size: 18px;
    line-height: 27px;
    color: #727272;
    text-transform: uppercase;
    padding: 12px 15px;
    border: 1px solid #727272;
    display: block;
    cursor: pointer;
    margin: 0;
    height: 53px;
    background: transparent; }

@media (max-width: 575px) {
  .filter-sort select {
    font-size: 16px;
    width: 235px;
    padding: 12px 15px; } }

@media (max-width: 1500px) {
  .filter-sort.projekte-sort {
    position: relative;
    margin-left: 0;
    top: 0;
    margin-bottom: 40px; } }.cookiebar-outer {
    z-index:9999!important;
}

[data-v-707e053c] a {
    text-decoration: none;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.filter__nav .filter__ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0; }

.filter__nav .filter__li {
  list-style: none;
  margin: 10px 10px 0 0; }
  .filter__nav .filter__li.active span {
    color: #fff;
    background: #181715;
    border-color: #181715; }

.filter__nav span {
  display: block;
  font-size: 18px;
  line-height: 27px;
  color: #727272;
  text-transform: uppercase;
  padding: 12px 24px;
  border: 1px solid #727272;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.search___item {
  position: relative;
  padding-right: 200px !important; }

@media (max-width: 1024px) {
  .search___item {
    padding-right: 30px !important; } }
  .search___item .thema {
    position: absolute;
    right: 30px;
    top: 20px; }

@media (max-width: 1024px) {
  .search___item .thema {
    position: static; } }.subnav__item [class*="subnav__item"]:before {
  position: absolute;
  bottom: 24px;
  right: 24px;
  width: 100px;
  height: 100px; }

@media only screen and (max-width: 450px) {
  .subnav__item [class*="subnav__item"]:before {
    width: 60px;
    height: 60px;
    bottom: 0; } }

.subnav__item [class*="subnav__item--jugend"]:before {
  background-image: url(/img/system/jugend-25-w.svg);
  width: 110px;
  height: 110px;
  background-size: 105px;
  bottom: 0; }

@media only screen and (max-width: 450px) {
  .subnav__item [class*="subnav__item--jugend"]:before {
    width: 60px;
    height: 60px;
    background-size: contain;
    bottom: -15px; } }

.pagehead.jugend .pagehead__text:before {
  background-image: url(/img/system/jugend-25.svg); }