/*
.background-ss-hellgelb     {background-color: #fefaed;}
.background-ss-blau     {background-color: #6489fa;}
.background-ss-gelb     {background-color: #fe0;}
.background-ss-dunkelblau   {background-color: #05128d;}
.background-ss-gruen   {background-color: #61dbc4;}
*/
.font-weight-400 {font-weight: 400!IMPORTANT;}
.font-weight-500 {font-weight: 500!IMPORTANT;}
.font-weight-600 {font-weight: 600!IMPORTANT;}
.font-weight-700 {font-weight: 700!IMPORTANT;}
.font-weight-800 {font-weight: 800!IMPORTANT;}

.font-0875rem {font-size: 0.875rem!IMPORTANT}
.font-1rem {font-size: 1rem!IMPORTANT}

hr {
  margin: 2.5rem 0rem 2.5rem 0rem;
  color: #05128d;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: var(--ar-border-width) solid;
  opacity: 1;
}

@media (max-width: 420px) {
p ul li {font-size: 0.875rem!IMPORTANT}
h1 { font-family: Inter; font-weight: 700; font-size: 35px!IMPORTANT; line-height: 50px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h2 { font-family: Inter; font-weight: 700; font-size: 28px!IMPORTANT; line-height: 32px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3 { font-family: Inter; font-weight: 300; font-size: 23px!IMPORTANT; line-height: 30px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h4 { font-family: Inter; font-weight: 700; font-size: 20px!IMPORTANT; line-height: 22px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-1 { font-family: Inter; font-weight: 700; font-size: 35px!IMPORTANT; line-height: 50px; letter-spacing: -1.5px; margin-bottom: 1rem; }
.display-2 { font-family: Inter; font-weight: 700; font-size: 28px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2a { font-family: Inter; font-weight: 700; font-size: 25px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3 { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 35px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3a { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 32px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 30px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-2 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 34px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-3 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 30px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-4 { font-family: Inter; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3.galerie-mobil-spezial {font-size: 18px!IMPORTANT}

.bubble-padding {padding-left: 10px!IMPORTANT; padding-right:10px!IMPORTANT}

.swiper-pagination {
    --ar-carousel-pagination-bullet-size: 0.75rem!IMPORTANT;
    --ar-carousel-pagination-bullet-spacer: 0.4rem!IMPORTANT;
}

}
/* ####### ENDE max 420px ########################*/
/* ###############################################*/

@media (min-width: 420px) and (max-width: 540px) {
.bubble-padding {padding-left: 75px!IMPORTANT; padding-right:75px!IMPORTANT}

.swiper-pagination {
    --ar-carousel-pagination-bullet-size: 0.75rem!IMPORTANT;
    --ar-carousel-pagination-bullet-spacer: 0.4rem!IMPORTANT;
}
}
@media (min-width: 541px) and (max-width: 574px) {
.bubble-padding {padding-left: 100px!IMPORTANT; padding-right:100px!IMPORTANT}
}
/*
@media (max-width: 574px) {
.bubble-padding {padding-left: 100px!IMPORTANT; padding-right:100px!IMPORTANT}
}
*/

@media (max-width: 575px) {
body {
    font-size: 1rem!IMPORTANT;
    line-height: var(--ar-body-line-height);
}
h1 { font-family: Inter; font-weight: 700; font-size: 35px!IMPORTANT; line-height: 50px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h2 { font-family: Inter; font-weight: 700; font-size: 32px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 36px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h4 { font-family: Inter; font-weight: 700; font-size: 20px!IMPORTANT; line-height: 22px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-1 { font-family: Inter; font-weight: 700; font-size: 35px!IMPORTANT; line-height: 50px; letter-spacing: -1.5px; margin-bottom: 1rem; }
.display-2 { font-family: Inter; font-weight: 700; font-size: 32px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2a { font-family: Inter; font-weight: 700; font-size: 25px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3 { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 36px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3a { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 36px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 30px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-2 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 34px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-3 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 30px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-4 { font-family: Inter; font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3.galerie-mobil-spezial {font-size: 18px!IMPORTANT}


/* extra Eingriff parallel zu _user.Scss - Schriftfarbe normal*/
.btn-big-white {--ar-btn-color: #05128d!IMPORTANT; font-size: 1.1rem!IMPORTANT;}
/*.btn-primary {font-size: 0.875rem!IMPORTANT}
.btn-secondary {font-size: 0.875rem!IMPORTANT}
.btn-tertiary {font-size: 0.875rem!IMPORTANT}
.btn-quartenary {font-size: 0.875rem!IMPORTANT}*/

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --ar-gutter-x: 2rem!IMPORTANT;
}

.bg-linie-1-startseite-oben {
    background: url("grafiken/schatzsucher-vector-linie-1.svg");
    background-repeat: no-repeat;
    background-size:  88% 668px;
    background-position: 100%;
}
.bg-weiss-ellipse {
    background: url("grafiken//weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-weiss-ellipse-lernbegleitung {
    background: url("grafiken/weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-testimonial {
    background: url("grafiken/schatzsucher-background-quote.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.swiper-pagination {
    --ar-carousel-pagination-bullet-size: 0.85rem!IMPORTANT;
    --ar-carousel-pagination-bullet-spacer: 0.4rem!IMPORTANT;
}
.slider-margin-left: -15px!IMPORTANT;
.slider-margin-right: -15px!IMPORTANT;
}
/* ####### ENDE max 576px ########################*/
/* ###############################################*/

@media (min-width: 576px) {
p ul li {font-size: 2rem!IMPORTANT}
h1 { font-family: Inter; font-weight: 700; font-size: 50px!IMPORTANT; line-height: 70px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h2 { font-family: Inter; font-weight: 700; font-size: 38px!IMPORTANT; line-height: 46px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3 { font-family: Inter; font-weight: 300; font-size: 26px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h4 { font-family: Inter; font-weight: 700; font-size: 18px!IMPORTANT; line-height: 24px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-1 { font-family: Inter; font-weight: 700; font-size: 50px!IMPORTANT; line-height: 55px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2 { font-family: Inter; font-weight: 700; font-size: 38px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2a { font-family: Inter; font-weight: 700; font-size: 30px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3 { font-family: Inter; font-weight: 300; font-size: 26px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3a { font-family: Inter; font-weight: 300; font-size: 25px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 28px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-2 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 28px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-3 { font-family: Inter; font-weight: 300; font-size: 21px!IMPORTANT; line-height: 28px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-4 { font-family: Inter; font-weight: 700; font-size: 16px!IMPORTANT; line-height: 24px; letter-spacing:-0.3px; margin-bottom: 1rem; }

/* extra Eingriff parallel zu _user.Scss - Schriftfarbe normal*/
.btn-big-white {--ar-btn-color: #05128d!IMPORTANT; font-size: 1.2rem!IMPORTANT;}
/*.btn-primary {font-size: 1rem!IMPORTANT}
.btn-secondary {font-size: 1rem!IMPORTANT}
.btn-tertiary {font-size: 1rem!IMPORTANT}
.btn-quartenary {font-size: 1rem!IMPORTANT}*/



.bg-linie-1-startseite-oben {
    background: url("grafiken/schatzsucher-vector-linie-1.svg");
    background-repeat: no-repeat;
    background-size: 551px 600px;
    background-position: 100%;

    /*height: 450px;
    padding-top: 50px;*/
}
.bg-weiss-ellipse {
    background: url("grafiken//weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-weiss-ellipse-lernbegleitung {
    background: url("grafiken/weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-testimonial {
    background: url("grafiken/schatzsucher-background-quote.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.accordion-button {font-weight: bold; padding: 25px 30px!IMPORTANT;}
.accordion-body   {padding: 0px 30px!IMPORTANT;}
.navbar-collapse  {margin-top: 1.5rem;border-radius: 25px;}

.bubble-padding {padding-left: 10px; padding-right: 10px}

.swiper-pagination {
    --ar-carousel-pagination-bullet-size: 1.1rem!IMPORTANT;
    --ar-carousel-pagination-bullet-spacer: 0.8rem!IMPORTANT;
}
.slider-margin-left: 0px!IMPORTANT;
.slider-margin-right: 0px!IMPORTANT;
}
/* ####### ENDE min 576px ########################*/
/* ###############################################*/



@media (min-width: 768px) {
.display-3-post-it { font-family: Inter; font-weight: 300; font-size: 21px; line-height: 32px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-2 { font-family: Inter; font-weight: 300; font-size: 21px; line-height: 32px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-3 { font-family: Inter; font-weight: 300; font-size: 21px; line-height: 32px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.bg-weiss-ellipse {
    background: url("grafiken//weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
}
.bg-weiss-ellipse-lernbegleitung {
    background: url("grafiken/weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.bg-testimonial {
    background: url("grafiken/schatzsucher-background-quote.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.accordion-button {font-weight: bold; padding: 25px 40px!IMPORTANT;}
.accordion-body   {padding: 0px 40px!IMPORTANT;}
/* AUSSERHALB BREAKPOINTS*/

.navbar-collapse {margin-top: 1.5rem;border-radius: 25px;}
.bubble-padding {padding-left: 0px; padding-right:0px}

.swiper-pagination {
    --ar-carousel-pagination-bullet-size: 1.25rem!IMPORTANT;
    --ar-carousel-pagination-bullet-spacer: 1rem!IMPORTANT;
}
}
/* ####### ENDE min 768px ########################*/
/* ###############################################*/



@media (min-width: 992px) {
h1 { font-family: Inter; font-weight: 700; font-size: 50px!IMPORTANT; line-height: 70px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h2 { font-family: Inter; font-weight: 700; font-size: 38px!IMPORTANT; line-height: 46px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h3 { font-family: Inter; font-weight: 300; font-size: 26px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
h4 { font-family: Inter; font-weight: 700; font-size: 18px!IMPORTANT; line-height: 24px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-1 { font-family: Inter; font-weight: 700; font-size: 50px!IMPORTANT; line-height: 70px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2 { font-family: Inter; font-weight: 700; font-size: 38px!IMPORTANT; line-height: 48px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-2a { font-family: Inter; font-weight: 700; font-size: 38px!IMPORTANT; line-height: 48px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3 { font-family: Inter; font-weight: 300; font-size: 26px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3a { font-family: Inter; font-weight: 300; font-size: 25px!IMPORTANT; line-height: 40px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 31px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-2 { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 31px; letter-spacing:-0.3px; margin-bottom: 1rem; }
.display-3-post-it-3 { font-family: Inter; font-weight: 300; font-size: 22px!IMPORTANT; line-height: 31px; letter-spacing:-0.3px; margin-bottom: 1rem; }

.display-4 { font-family: Inter; font-weight: 700; font-size: 18px; line-height: 24px; letter-spacing:-0.3px; margin-bottom: 1rem; }
/* extra Eingriff parallel zu _user.Scss - Schriftfarbe normal*/
.btn-big-white {
    --ar-btn-color: #05128d!IMPORTANT; 
    font-size: 1.375rem!IMPORTANT;
}
.bg-weiss-ellipse {
    background: url("grafiken/weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.bg-weiss-ellipse-lernbegleitung {
    background: url("grafiken/weisser-ellipsen-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}
.bg-testimonial {
    background: url("grafiken/schatzsucher-background-quote.svg");
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-position: center center;
}

.accordion-button {font-weight: bold; padding: 25px 70px!IMPORTANT;}
.accordion-body   {padding: 0px 70px!IMPORTANT;}
}

.navbar-collapse {margin-top: 1.5rem;border-radius: 25px;}

/* ####### ENDE max 992px ########################*/
/* ###############################################*/
.slider-margin-left: 15px!IMPORTANT;
.slider-margin-right: 15px!IMPORTANT;

/* AUSSERHALB BREAKPOINTS*/
/* ###############################################*/

.btn-link {
  font-size: 1rem!IMPORTANT;
}

.btn-secondary:hover {color:#fff!IMPORTANT} /* _user.scss griff nicht, hover hier etabliert*/


/* Link im Text +*/
.rwt-text-link {
  color: #05128d!IMPORTANT;
  border-bottom: 1px solid #05128d!IMPORTANT;
  font-weight: 600;
}
.rwt-text-link:hover {
  color: #05128d!IMPORTANT;
  border-bottom: 0px solid #05128d!IMPORTANT;
  font-weight: 600;
}
.rwt-text-link-white {
  color: #ffffff!IMPORTANT;
  border-bottom: 1px solid #ffffff!IMPORTANT;
  font-weight: 600;
}
.rwt-text-link-white:hover {
  color: #ffffff!IMPORTANT;
  border-bottom: 0px solid #ffffff!IMPORTANT;
  font-weight: 600;
}

.lead {color: #05128d!IMPORTANT; }


.accordion-item {
    background-color: transparent!IMPORTANT;
}

.accordion-button:not(.collapsed) {
    border: 2px solid #6489fa;
    /* color: var(--ar-accordion-active-color); */
}



/*HEADER*/
.navbar.navbar-stuck {background-color: #fefaed;}
.navbar-nav .nav-link.active {font-weight: 800; color: #05128d!IMPORTANT;}
.nav-link {font-size: 18px}
.navbar-brand {padding: 0px}
.dropdown-menu .dropdown-item.active {font-weight: bold!IMPORTANT}

/*für team*/
.navbar .nav-item:hover > .nav-link:not(.disabled), .navbar .nav-item .nav-link.show:not(.disabled) {
    color: #05128d;
}
.dropdown-menu li:hover > .dropdown-item, .dropdown-menu .dropdown-item.show {
    color: #05128d!IMPORTANT;
}

@media (min-width: 992px) {
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { border-bottom: 2px solid #05128d;font-weight: 700 }
    .navbar-expand-lg .navbar-brand { padding-top: 5px; padding-bottom:5px }
    .navbar-expand-lg .navbar-nav .nav-link {
      /*padding-right: var(--ar-navbar-nav-link-padding-x);
      padding-left: var(--ar-navbar-nav-link-padding-x);*/
      padding-right: 0px;
      padding-left: 0px;
      margin-right: 20px;
      margin-left: 20px;
      padding-bottom: 2px;
     }
  }

/* Maskierte Bilder */
.container-mask-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
}
  .one {
   -webkit-mask-image: url("grafiken/rwt-mask-3.png");
  mask-image: url("grafiken/rwt-mask-3.png");
    }
/*
.mask-one {
  -webkit-mask-image: url("https://www.robertthom.de/schatzsucher-mask_img.png");
  mask-image: url("https://www.robertthom.de/schatzsucher-mask_img.png");
}
*/

.bg-overlay {
    background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)), url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 450px;
    padding-top: 50px;
}

.bg-no-overlay {
    background: url("grafiken/schatzsucher-bg-post-it@3x.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 450px;
    padding-top: 50px;
}

.bg-lerntherapie-overlay {
    background: url("grafiken/post-it-als-png.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
}

/* große LISTEN-ELEMENTE*/
ul.big-list {padding-left: 0px!IMPORTANT}
ul.big-list li {
    list-style: none;
    padding: 0 0 30px 54px;
    background-image: url("grafiken/rwt-icon_check.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 2rem;
}

ul.small-list li {
    list-style: none;
    padding: 0 0 15px 40px;
    background-image: url("grafiken/rwt-icon_check.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 1.2rem;
}


/* BLOCKQUOTE*/ 
.blockquote {
  margin: 2rem 0rem 2rem 0rem!IMPORTANT;
  position: relative;
  padding-left: calc(var(--ar-blockquote-mark-size) + 1.75rem);
  color: #05128d;
  font-weight: 700;
  font-size: var(--ar-blockquote-font-size);
}
.blockquote-footer {
  display: flex;
  margin: 0;
  margin-bottom: 0px;
  padding-top: 1rem;
  padding-left: 0px;
  font-weight: 600;
  color: var(--primary);
  font-size: var(--ar-blockquote-footer-font-size);
}

.blockquote-footer::before {
  display: block;
  width: 2rem;
  height: 0.0625rem;
  margin-top: 0.8rem;
  margin-right: 2rem;
  content: "";
  background-color: var(--ar-blockquote-footer-color);
}


/*BLOG*/
.card-text {
  margin-bottom: 1.5rem;
  font-size: 0.85rem;
}
.link-sidebar-blog {color: #6489fa!IMPORTANT}
.card-text:last-child {margin-bottom: 1.5rem}

.active-pagination {color: #05128d!IMPORTANT; border: 2px solid #05128d!IMPORTANT} 
.active-pagination-neutral {border: 2px solid transparent!IMPORTANT; } 
.active-pagination-nur-randausgleich {padding: 2px!IMPORTANT;} 
.padding-top-7px {padding-top: 7px!IMPORTANT;}

.pagination .page-link:not(.active-pagination) {padding-top: 6px!IMPORTANT}

.nav-link-suchergebnis {
  display: flex;
  align-items: left!IMPORTANT;
  background: none;
  border: 0;
  font-weight: 600;
  color: #05128d!IMPORTANT;
}
.nav-link-suchergebnis:hover{
  display: flex;
  align-items: left!IMPORTANT;
  background: none;
  border: 0;
    font-weight: 600;
  color: #6489fa!IMPORTANT;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --ar-offcanvas-zindex: 1045;
  --ar-offcanvas-width: 350px;
  --ar-offcanvas-height: 30vh;
  --ar-offcanvas-padding-x: 2rem;
  --ar-offcanvas-padding-y: 2rem;
  --ar-offcanvas-color: var(--ar-body-color);
  --ar-offcanvas-bg: var(--ar-body-bg);
  --ar-offcanvas-border-width: 0;
  --ar-offcanvas-border-color: var(--ar-border-color);
  --ar-offcanvas-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --ar-offcanvas-transition: transform 0.3s ease-in-out;
  --ar-offcanvas-title-line-height: 1.5;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.825rem 1rem;
  padding-left: 1rem;
  font-size: calc(var(--ar-body-font-size) * 1);
  font-weight: 300;
  line-height: 1.4;
  color: #05128d!IMPORTANT;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  background-clip: padding-box;
  border: 2px solid #05128d!IMPORTANT;
  border-radius: var(--ar-border-radius);
  transition: border-color 0.15s ease-in-out;
}

.form-control:focus {
  color: var(--ar-body-color);
  background-color: transparent;
  border-color: #6489fa!IMPORTANT;
  outline: 0;
  box-shadow: unset;
}

.form-control::placeholder {
color: #05128d!IMPORTANT;   
    /* Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
    opacity: 1;*/
  }

/*Masonry Grid Item*/
.masonry-grid[data-columns] {
  overflow: hidden;
  margin-right: -1rem;
  margin-left: -1rem;
}
.masonry-grid[data-columns]::after {
  display: block;
  clear: both;
  content: "";
}
.masonry-grid[data-columns] .masonry-grid-item {
  float: left;
  width: 100%;
  padding-right: 1.7rem;
  padding-bottom: 2rem!IMPORTANT;
  padding-left: 1rem;
}

.masonry-grid[data-columns="1"] .masonry-grid-item {
  width: 100%;
}

@media (min-width: 576px) {
  .masonry-grid[data-columns="2"] .masonry-grid-item,
  .masonry-grid[data-columns="3"] .masonry-grid-item,
  .masonry-grid[data-columns="4"] .masonry-grid-item,
  .masonry-grid[data-columns="5"] .masonry-grid-item,
  .masonry-grid[data-columns="6"] .masonry-grid-item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .masonry-grid[data-columns="3"] .masonry-grid-item,
  .masonry-grid[data-columns="4"] .masonry-grid-item,
  .masonry-grid[data-columns="5"] .masonry-grid-item,
  .masonry-grid[data-columns="6"] .masonry-grid-item {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .masonry-grid[data-columns="3"] .masonry-grid-item,
  /*.masonry-grid[data-columns="4"] .masonry-grid-item,
  .masonry-grid[data-columns="5"] .masonry-grid-item,
  .masonry-grid[data-columns="6"] .masonry-grid-item */{
    width: 50%;
  }

}
@media (min-width: 1460px) {
  .masonry-grid[data-columns="3"] .masonry-grid-item,
  .masonry-grid[data-columns="4"] .masonry-grid-item,
  .masonry-grid[data-columns="5"] .masonry-grid-item,
  .masonry-grid[data-columns="6"] .masonry-grid-item {
    width: 33.33%;
  }
}
@media (min-width: 1600px) {
  .masonry-grid[data-columns="5"] .masonry-grid-item {
    width: 20%;
  }
  .masonry-grid[data-columns="6"] .masonry-grid-item {
    width: 16.666%;
  }
}


.icon-bottom-ausgleich {padding-bottom: 4px!IMPORTANT}

.padding-left-1rem {padding-left: 1rem}
.padding-left-2rem {padding-left: 2rem}
.padding-left-3rem {padding-left: 3rem}
.padding-left-4rem {padding-left: 4rem}
.padding-left-5rem {padding-left: 5rem}

.padding-right-1rem {padding-right: 1rem}
.padding-right-2rem {padding-right: 2rem}
.padding-right-3rem {padding-right: 3rem}
.padding-right-4rem {padding-right: 4rem}
.padding-right-5rem {padding-right: 5rem}

.padding-top-1 {padding-top: 10px}
.padding-top-2 {padding-top: 20px}
.padding-top-3 {padding-top: 30px}
.padding-top-4 {padding-top: 40px}
.padding-top-5 {padding-top: 50px}
.padding-top-6 {padding-top: 60px}
.padding-top-7 {padding-top: 70px}
.padding-top-8 {padding-top: 80px}
.padding-top-9 {padding-top: 90px}
.padding-top-10 {padding-top: 100px}
.padding-top-11 {padding-top: 110px}
.padding-top-12 {padding-top: 120px}

.padding-bottom-1 {padding-bottom: 10px}
.padding-bottom-2 {padding-bottom: 20px}
.padding-bottom-3 {padding-bottom: 30px}
.padding-bottom-4 {padding-bottom: 40px}
.padding-bottom-5 {padding-bottom: 50px}
.padding-bottom-6 {padding-bottom: 60px}
.padding-bottom-7 {padding-bottom: 70px}
.padding-bottom-8 {padding-bottom: 80px}
.padding-bottom-9 {padding-bottom: 90px}
.padding-bottom-10 {padding-bottom: 100px}
.padding-bottom-11 {padding-bottom: 110px}
.padding-bottom-12 {padding-bottom: 120px}

.margin-top-1 {margin-top: 10px!IMPORTANT}
.margin-top-2 {margin-top: 20px!IMPORTANT}
.margin-top-3 {margin-top: 30px!IMPORTANT}
.margin-top-4 {margin-top: 40px!IMPORTANT}
.margin-top-5 {margin-top: 50px!IMPORTANT}
.margin-top-6 {margin-top: 60px!IMPORTANT}
.margin-top-7 {margin-top: 70px!IMPORTANT}
.margin-top-8 {margin-top: 80px!IMPORTANT}
.margin-top-9 {margin-top: 90px!IMPORTANT}
.margin-top-10 {margin-top: 100px!IMPORTANT}
.margin-top-11 {margin-top: 110px!IMPORTANT}
.margin-top-12 {margin-top: 120px!IMPORTANT}

.margin-top-minus-1 {margin-top: -10px!IMPORTANT}
.margin-top-minus-2 {margin-top: -20px!IMPORTANT}
.margin-top-minus-3 {margin-top: -30px!IMPORTANT}
.margin-top-minus-4 {margin-top: -40px!IMPORTANT}
.margin-top-minus-5 {margin-top: -50px!IMPORTANT}


.margin-bottom-1 {margin-bottom: 10px!IMPORTANT}
.margin-bottom-2 {margin-bottom: 20px!IMPORTANT}
.margin-bottom-3 {margin-bottom: 30px!IMPORTANT}
.margin-bottom-4 {margin-bottom: 40px!IMPORTANT}
.margin-bottom-5 {margin-bottom: 50px!IMPORTANT}
.margin-bottom-6 {margin-bottom: 60px!IMPORTANT}
.margin-bottom-7 {margin-bottom: 70px!IMPORTANT}
.margin-bottom-8 {margin-bottom: 80px!IMPORTANT}
.margin-bottom-9 {margin-bottom: 90px!IMPORTANT}
.margin-bottom-10 {margin-bottom: 100px!IMPORTANT}
.margin-bottom-11 {margin-bottom: 110px!IMPORTANT}
.margin-bottom-12 {margin-bottom: 120px!IMPORTANT}