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


@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; }

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

/* 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: 500;
}
.rwt-text-link:hover {
  color: #05128d!IMPORTANT;
  border-bottom: 0px solid #05128d!IMPORTANT;
  font-weight: 500;
}
.rwt-text-link-white {
  color: #ffffff!IMPORTANT;
  border-bottom: 1px solid #ffffff!IMPORTANT;
  font-weight: 500;
}
.rwt-text-link-white:hover {
  color: #ffffff!IMPORTANT;
  border-bottom: 0px solid #ffffff!IMPORTANT;
  font-weight: 500;
}

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


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