@font-face {
    font-family: "BroadcastMatter";
    font-display: swap;
    src: url("/fonts/BroadcastMatter.eot"); /* IE9 Compat Modes */
    src: url("/fonts/BroadcastMatter.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("/fonts/BroadcastMatter.otf") format("opentype"),
        /* Open Type Font */ url("/fonts/BroadcastMatter.svg") format("svg"),
        /* Legacy iOS */ url("/fonts/BroadcastMatter.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("/fonts/BroadcastMatter.woff")
            format("woff"),
        /* Modern Browsers */ url("/fonts/BroadcastMatter.woff2")
            format("woff2"); /* Modern Browsers */
}

:root{
    --sanus-darkblue: #1E2446;
    --sanus-blackblue: #0D1021;
    --sanus-lightblue: #2CB7CA;
    --sanus-lightgrey: #E4E8EB;
    --sanus-grey: #AFAFAF;
    --sanus-private-color: rgb(42, 183, 196);
    --sanus-private-color-light: rgba(42, 183, 196, 0.2);
    --sanus-private-color2: rgb(42 134 142);
    --sanus-company-color: #336699;
    --sanus-company-color-light: rgba(51, 102, 153, 0.2);
    --sanus-nonprofit-color: rgb(115, 178, 44);
    --sanus-nonprofit-color-light: rgba(115, 178, 44, 0.2);
    --sanus-accent-color: #2b98bd;
    --sanus-footer-color: #002233;
    --sanus-planet-blue: #2AB7C4;
    --paragraph-size: 16px;
    --paragraph-size-small: 15px;
    --big-broadcast-font: 130px;
    --bigger-font: 100px;
    --h1-size: 82px;
    --h2-size: 65px;
    --h2-size-big: 87px;
    --h3-size: 37px;
    --h4-size: 27px;
    --h5-size: 22px;
    --linear-gradient: linear-gradient(270deg, #BECC00 0%, #71B22C 22%, #2CB7C9 50%, #2D83B3 74%, #284E76 100%);
    --linear-gradient-reverse: linear-gradient(-270deg, #BECC00 0%, #71B22C 22%, #2CB7C9 50%, #2D83B3 74%, #284E76 100%);
    --linear-gradient-90deg: linear-gradient(180deg, #BECC00 0%, #71B22C 22%, #2CB7C9 50%, #2D83B3 74%, #284E76 100%);
    --linear-gradient-bg: linear-gradient(234deg, #BECC00 0%, #2CB7CA 100%);
    --section-padding: 250px;
    --h3-broadcast-size: 70px;
}

.bigger-text{
  font-size: var(--bigger-font) !important;
  line-height: 1.1 !important;
}

.w-100{
    width: 100%;
}

.float-right{
    float: right;
}

.container-none{
    max-width: unset !important;
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.container-fluid{
    max-width: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.container{
    max-width: unset !important;
    width: unset !important;
    padding-left: 10vw;
    padding-right: 10vw;
}

[data-scroll-container]{
    perspective: 1px;
}

.sanuslife2 .modal{
    z-index: 1000000050;
}

.color-accent{
    color: var(--sanus-accent-color) !important;
}

.sanuslife2:not([data-scroll-container]) {
    padding-top: 90px;
}

a[aria-disabled="true"]{
    pointer-events: none;
}

.sanuslife2 .sanuscompanies,
.sanuslife2 .new-style,
.sanuslife2 .sanuscredits,
.sanuslife2 .sanuscoin{
    padding-top: 61px;
    margin-top: 0;
}

.sanuscoin.sanuscoin-home .blue-gradient-bg{
    background: transparent linear-gradient(249deg, #BECC00 0%, #2DB7C9 66%, #2CB7CA 100%) 0% 0% no-repeat padding-box;
    height: 846px;
}
.sanuscoin-header{
    background: url("/img/sanuscoin/AdobeStock_639523214_Preview.png") no-repeat;
    background-size: cover;
    height: 90vh;
}

#sanuscoin-first-grid{
    row-gap: 40px;
    display: grid;
    grid-template-columns:1fr;
    column-gap: 40px;
}

#sanuscoin-second-grid{
    gap: 40px; display: grid; grid-template-columns:1fr;
}

#top-pic {
    transform: translateX(-100px);
    object-fit: cover;

}

#top-pic img{
    width:900px;
}

#sanuscoin-sanusapp-img{
    max-width: 95vw;
}

.sanuscoin-h1{
    text-align: left;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 80px/var(--unnamed-line-spacing-32) var(--unnamed-font-family-montserrat);
color: var(--unnamed-color-ffffff);
font: normal normal bold 80px/32px Montserrat;
letter-spacing: 2.4px;
color: #FFFFFF;
text-transform: uppercase;
break-inside: avoid;
font-size: 90px;

}

body, body .content{
    padding-top: 0;
    font-family: 'Montserrat';
    font-weight: 400;
    font-style: normal;
    font-size: var(--paragraph-size);
    line-height: 1.5;
    color: var(--sanus-darkblue);
    letter-spacing: 0.5px;
    overflow: unset !important;
}

.sanuslife2 .sanus2{
    padding-top: 20px;
}

.broadcast-matter,
.broadcast-font{
    font-family: "BroadcastMatter";
}

.montserrat-font{
  font-family: 'Montserrat', sans-serif !important;
}

p small{
    font-size: var(--paragraph-size-small);
    line-height: 1.4;
}

h1, .h1-size, body .sanusplanet h1, .content h1{
    font-size: var(--h1-size);
    letter-spacing: 1px;
    font-weight: 400;
}

h2, body .h2-style{
    font-size: var(--h2-size);
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.2;
}

h1.h2-style{
    font-size: var(--h2-size);
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.2;
}

h2.big{
    font-size: var(--h2-size-big);
    letter-spacing: 2.7px;
}

h3{
    font-size: var(--h3-size);
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.3;
}

h3.broadcast-font{
    font-size: var(--h3-broadcast-size);
    letter-spacing: 0;
    line-height: 1;
}

h4{
    font-size: var(--h4-size);
    letter-spacing: 0.9px;
    font-weight: 400;
}

h5{
    font-size: var(--h5-size);
    letter-spacing: 0.7px;
    font-weight: 400;
    line-height: 1.4;
}

.big-broadcast{
    font-size: var(--big-broadcast-font) !important;
    line-height: 0.7;
}

a:focus, a:focus-visible{
    outline: none;
}

a{
    color: var(--sanus-darkblue);
}

a:hover{
    color: var(--sanus-lightblue);
}

input, .form-control{
    font-size: var(--paragraph-size-small);
    padding: 4px 12px;
}

.line-height-1{
    line-height: 1 !important;
}

.btn, .btn:focus, body nav .btn{
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: var(--paragraph-size);
    color: white;
    line-height: 1.3;
    padding: 10px 20px;
    min-width: 180px;
    letter-spacing: 0.5px;
    outline: none !important;
}

.btn.primary-btn, .btn.primary-btn:focus{
    background: var(--sanus-darkblue);
}

.btn.primary-btn:hover{
    color: var(--sanus-lightblue);
    transition: all 0.2s ease-in-out;
}

.btn.primary-btn2, .btn.primary-btn2:focus{
    background: var(--sanus-accent-color);
}

.btn.primary-btn2:hover{
    color: var(--sanus-accent-color);
    transition: all 0.2s ease-in-out;
    background: white;
    box-shadow: inset 2px 0px 0px var(--sanus-accent-color), inset -2px 0px 0px var(--sanus-accent-color), inset 0px -2px 0px var(--sanus-accent-color), inset 0px 2px 0px var(--sanus-accent-color) !important;
}

.sanuslife2 .modal {
    top: 100px;
}

.btn.private-btn, .btn.private-btn:focus{
    background: var(--sanus-private-color);
}

.btn.private-btn2, .btn.private-btn2:focus{
    background: var(--sanus-private-color2);
}

.btn.private-btn2:not(.active):hover{
    color: var(--sanus-private-color2);
    box-shadow: inset 2px 0px 0px var(--sanus-private-color2), inset -2px 0px 0px var(--sanus-private-color2), inset 0px -2px 0px var(--sanus-private-color2), inset 0px 2px 0px var(--sanus-private-color2) !important;
    background: white;
    transition: all 0.2s ease-in-out;
}

.btn.private-btn:not(.active):hover{
    color: var(--sanus-private-color);
    background: white;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px var(--sanus-private-color), inset -2px 0px 0px var(--sanus-private-color), inset 0px -2px 0px var(--sanus-private-color), inset 0px 2px 0px var(--sanus-private-color) !important;
}

.btn.grey-btn, .btn.grey-btn:focus{
    background: var(--sanus-grey);
}

.btn.grey-btn:not(.active):hover{
    color: var(--sanus-grey);
    background: white;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px var(--sanus-grey), inset -2px 0px 0px var(--sanus-grey), inset 0px -2px 0px var(--sanus-grey), inset 0px 2px 0px var(--sanus-grey) !important;
}

.btn.gold-btn, .btn.gold-btn:focus,.btn.gold-btn:not(.active):hover{
    color: #d4af37;
    box-shadow: inset 2px 0px 0px #d4af37, inset -2px 0px 0px #d4af37, inset 0px -2px 0px #d4af37, inset 0px 2px 0px #d4af37 !important;
}

.btn.red-outline-btn, .btn.red-outline-btn:focus{
    background: white;
    box-shadow: inset 2px 0px 0px red, inset -2px 0px 0px red, inset 0px -2px 0px red, inset 0px 2px 0px red !important;
    color: red;
}

.btn.red-outline-btn:not(.active):hover{
    color: white;
    background: red;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px red, inset -2px 0px 0px red, inset 0px -2px 0px red, inset 0px 2px 0px red !important;
}

.btn.green-btn, .btn.green-btn:focus{
    background: #71B22C !important;
}

.btn.green-btn:not(.active):hover{
    color: #71B22C !important;
    background: white !important;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px #71B22C, inset -2px 0px 0px #71B22C, inset 0px -2px 0px #71B22C, inset 0px 2px 0px #71B22C !important;
}

.btn.green-outline-btn, .btn.green-outline-btn:focus{
    background: white !important;
    box-shadow: inset 2px 0px 0px #71B22C, inset -2px 0px 0px #71B22C, inset 0px -2px 0px #71B22C, inset 0px 2px 0px #71B22C !important;
    color: #71B22C;
}

.btn.green-outline-btn:not(.active):hover{
    color: white !important;
    background: #71B22C !important;
    transition: all 0.2s ease-in-out;
}

.btn.private-btn.active,
.btn.company-btn.active,
.btn.nonprofit-btn.active{
    position: relative;
}

.btn.private-btn.active:hover,
.btn.company-btn.active:hover,
.btn.nonprofit-btn.active:hover{
    color: white;
}

.btn.private-btn.active:hover:after,
.btn.company-btn.active:hover:after,
.btn.nonprofit-btn.active:hover:after,
.btn.private-btn.active:after,
.btn.company-btn.active:after,
.btn.nonprofit-btn.active:after{
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 10px;
}

.btn.private-btn.active:after{
    border: 2px solid var(--sanus-private-color);
}

.btn.company-btn, .btn.company-btn:focus{
    background: var(--sanus-company-color);
}

.btn.company-btn:not(.active):hover{
    color: var(--sanus-company-color);
    background: white;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px var(--sanus-company-color), inset -2px 0px 0px var(--sanus-company-color), inset 0px -2px 0px var(--sanus-company-color), inset 0px 2px 0px var(--sanus-company-color) !important;
}

.btn.company-btn.active:after{
    border: 2px solid var(--sanus-company-color);
}

.btn.nonprofit-btn, .btn.nonprofit-btn:focus{
    background: var(--sanus-nonprofit-color);
}

.btn.nonprofit-btn:not(.active):hover{
    color: var(--sanus-nonprofit-color);
    background: white;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px var(--sanus-nonprofit-color), inset -2px 0px 0px var(--sanus-nonprofit-color), inset 0px -2px 0px var(--sanus-nonprofit-color), inset 0px 2px 0px var(--sanus-nonprofit-color) !important;
}

.btn.nonprofit-btn.active:after{
    border: 2px solid var(--sanus-nonprofit-color);
}

.btn.primary-btn:hover .lightblue{
    color: white !important;
    transition: all 0.2s ease-in-out;
}

.btn.secondary-btn, .btn.secondary-btn:focus{
    background: var(--sanus-lightblue);
}

.btn.secondary-btn:hover{
    color: var(--sanus-darkblue);
    transition: all 0.2s ease-in-out;
}

.btn.secondary-btn:hover .darkblue{
    color: white !important;
    transition: all 0.2s ease-in-out;
}

.btn.planet-btn, .btn.planet-btn:focus{
    background: linear-gradient(-90deg, #73B32C 0%, #29B8CB 100%) no-repeat !important;
    border-radius: 10px !important;
    color: white;
}

.btn.planet-btn:hover, .sanusplanet-menu .btn.planet-btn:hover{
  background: transparent !important;
  color: #73B32C !important;
  box-shadow: inset 2px 0px 0px #73B32C, inset -2px 0px 0px #73B32C, inset 0px -2px 0px #73B32C, inset 0px 2px 0px #73B32C !important;

}

.btn.planet-white-btn, .btn.planet-white-btn:focus{
    background: white !important;
    border-radius: 10px;
    color: #2AB7C4;
    border: 2px solid white;
}

.btn.planet-white-btn:hover{
  background: transparent !important;
  color: white;
}

.circle.inactive{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: lightgrey;
    aspect-ratio: 1;
}

footer.planet-footer img.podcast{
  width: 8vw;
  background: white;
  border-radius: 20px;
  padding: 15px;
}

.ranking-list{
    background: linear-gradient(90deg, #56A08B 0%, #56A09D 100%);
    border-radius: 20px;
    padding: 50px;
}

.ranking-list *{
    color: white !important;
}

.sp-dashboard .white-box.voting{
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 270px;
    padding: 10px;
    left: -13%;
    box-shadow: 0px 50px 60px #00000029;
    transform: translateY(-50%);
}

.sp-dashboard .single-project{
    display: grid;
    grid-template-columns: 350px auto 220px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 15px 12px 26px #00000029;
    margin-bottom: 30px;
}

.sp-dashboard .single-project > div:nth-of-type(2){
    padding: 10px 20px 10px 40px;
}

.sp-dashboard .single-project > div:nth-of-type(3){
    padding: 20px 40px 20px 0;
}

.sp-dashboard .single-project input{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.sp-dashboard .single-project input:checked + label{
    background: linear-gradient(310deg, #74B32B 0%, #2AB7C4 100%) no-repeat !important;
    color: white !important;
}

.sp-dashboard .single-project label{
    background: #FAFAFA;
    z-index: 10;
    position: relative;
    padding: 35px 20px;
    border: 3px solid #EAEAEA;
    border-radius: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0;
}

.sp-dashboard .badge{
    position: absolute;
    top: 20px;
    left: 20px;
    background: #2D83B3;
    color: white;
    padding: 0 20px 0 50px;
}

.sp-dashboard .badge.animals{
    background: #BECC00;
}

.sp-dashboard .badge.people{
    background: #BE9B5B;
}

.sp-dashboard .badge.nature{
    background: #74B42B;
}

.sp-dashboard .badge:after{
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 100%;
}

.sp-dashboard .badge.ocean:after{
    background-image: url('/img/sanusplanet/Gruppe 1198.png') ;
}

.sp-dashboard .badge.animals:after{
    background-image: url('/img/sanusplanet/Gruppe 1203.png');
}

.sp-dashboard .badge.people:after{
    background-image: url('/img/sanusplanet/Gruppe 1199.png');
}

.sp-dashboard .badge.nature:after{
    background-image: url('/img/sanusplanet/Gruppe 1202.png');
}

.sp-dashboard .download-link:hover {
    text-decoration: none !important;
}

.sp-dashboard .download-link:hover * {
    color: #74B32B !important;
}

.sp-dashboard .download-link > img:last-of-type,
.sp-dashboard .download-link:hover > img:first-of-type{
    display: none;
}

.sp-dashboard .download-link:hover > img:last-of-type{
    display: block;
}

.sp-dashboard .sanuspay-bg{
  background: url('/img/sanusplanet/aarn-giri-eLC1Bd3PLu4-unsplash.webp') no-repeat;
  background-size: cover;
}

.sp-dashboard .partnership-bg{
  background: url('/img/sanusplanet/Sanusplanet_Partnership_Header5.webp') no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 0 0 20px 20px;
}

.sanusplanet-page .sanusplanet-dashboard-menu{
  position: fixed;
  top: 147px;
  border-radius: 0 0 50px 50px;
  left: 50%;
  transform: translateX(-50%);
  background: #2AB7C4;
  color: white !important;
  z-index: 100;
  border: none !important;
  padding: 5px 40px 8px;
  width: max-content;
}

.sanusplanet-page .sanusplanet-dashboard-menu li a{
  color: white !important;
  box-shadow: none !important;
  background: none !important;
  text-transform: uppercase;
}

.sanusplanet-page .sanusplanet-dashboard-menu li.active a{
  font-weight: bold;
}

.sanusplanet .line{
  position: relative;
  display: inline-block;
}
.sanusplanet .line:after{
  content: '';
  background: url('/img/sanusplanet/Pfad 1043.svg') no-repeat;
  position: absolute;
  left: 0;
  top: calc(100% - 48px);
  width: 100%;
  height: 50px;
  background-size: contain;
  background-position: center;
  transform: rotate(6deg);
}

.sanusplanet h6 .line:after{
  top: calc(100% - 30px);
}


.sanusplanet .section-donation .white-box{
  z-index: 2;
  position: relative;
}

.sanusplanet .section-donation .blatt1{
  position: absolute;
  right: -14vw;
  top: -15vw;
  width: 30vw;
  height: 30vw;
  z-index: 1;
  transform: rotate(-90deg);
}

.sanusplanet .section-donation .blatt2{
  position: absolute;
  left: -18vw;
  bottom: -7vw;
  width: 34vw;
  height: 34vw;
  z-index: 1;
  transform: rotate(90deg);
}

.sanusplanet .donation-box2,
.sanusplanet .donation-box3,
.sanusplanet .donation-box4{
  display: none;
}

.sanusplanet .register-box input:not([type="checkbox"]),
.sanusplanet .register-box select,
.sanusplanet .donation-box2 input:not([type="checkbox"]):not([type="radio"]),
.sanusplanet .donation-box2 select,
.sanusplanet .donation-box4 input:not([type="checkbox"]),
.sanusplanet .donation-box4 select,
.sanusplanet .sanusplanet-form input:not([type="checkbox"]):not([type="radio"]),
.sanusplanet .sanusplanet-form select,
.sanusplanet .sanusplanet-form input:not([type="checkbox"]):not([type="radio"]),
.sanusplanet .sanusplanet-form select{
  border: 3px solid #EAEAEA;
  border-radius: 20px;
  height: 60px;
}

.sanusplanet .donation-box2 label[for="type-of-user-0"]{
    margin-right: 25px;
}

.sanusplanet-form label.radio{
    display: inline-flex;
    gap: 10px;
    align-items: center;
    margin-right: 20px;
}

.sanusplanet-form label.radio input{
    margin: 0;
    position: relative !important;

}

.dashboard-btns{
    position: relative;
    display: block;
}

.dashboard-btns span{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 9%;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 1vw;
}

.dashboard-btns:hover span{
    transform: scale(1.2);
    transition: all 0.4s ease-in-out;
}

.sanusplanet .donationbuttons{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 40px;
}

.sp-my-water-bottle{
  background: url('/img/sanusplanet/MYBOTTLE-Turtle-Schildkroete-2600.webp') no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.sanusplanet .donationbuttons .btn{
  background: linear-gradient(270deg, #74B32B 0%, #2AB7C4 100%) !important;
  color: white;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  white-space: break-spaces;
}

.sanusplanet .donationbuttons .btn:hover{
  box-shadow: inset 2px 0px 0px #74B32B, inset -2px 0px 0px #74B32B, inset 0px -2px 0px #74B32B, inset 0px 2px 0px #74B32B !important;
  color: #74B32B;
  background: white !important;
}

.sanusplanet .donationbuttons a{
  color: #2AB7C4;
  text-align: center;
  font-weight: bold;
}

.sanusplanet .donation{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.sanusplanet .donation div{
    border: 3px solid #EAEAEA;
    width: 100%;
    border-radius: 20px;
    aspect-ratio: 1;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.sanusplanet .donation div.individual{
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-end: 4;
  display: inherit;
  aspect-ratio: 1 / 0.1;
}

.sanusplanet .donation div.individual input{
  opacity: 1;
  text-align: center;
  font-weight: bold;
  font-size: var(--h4-size);
  border: none !important;
  outline: none !important;
  color: #74B32B;
}
.sanusplanet .donation div.individual input::placeholder{
  color: #A7A5A5;
}
.sanusplanet .donation input{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.sanusplanet .donation label{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--h3-size);
  color: #74B32B;
  font-weight: bold;
}

.sanusplanet .donation input:checked + label,
.sanusplanet .donationtime input:checked + label{
  background: linear-gradient(270deg, #74B32B 0%, #2AB7C4 100%);
  color: white;
}

.sanusplanet-green{
  color: #74B32B !important;
}

.sanusplanet .donationtime{
  width: 100%;
  height: 100%;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 20px;
  gap: 20px;
}

.sanusplanet .donationtime input{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      color: #A7A5A5;
}

.sanusplanet .donationtime label{
  width: 100%;
  height: 100%;
  padding: 20px;
}

.sanusplanet .donationtime > div{
  border: 3px solid #EAEAEA;
  border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.sanusplanet .img-zertifikat{
      position: absolute;
      width: 19vw;
      bottom: -4vw;
      right: -12vw;
}

.sanusplanet .header h1{
  padding-top: 8vw;
}

.sanusplanet .h-blatt{
    width: 38vw;
    position: absolute;
    left: -12vw;
    top: 23vw;
}

.rotate-6deg-{
  transform: rotate(-6deg);
}

hr.planet{
    border: 2px solid #9ED545;
    width: 100%;
}

.sanusplanet .blaetter{
  position: absolute;
  transform: rotate(-90deg);
  width: 40vw;
  top: -20vw;
  z-index: -1;
  right: -6vw;
}

.sanusplanet .stimme{
  position: relative;
  overflow: hidden;
}

.stimme-slider div.d-flex{
  display: inline-flex;
  align-items: baseline;
  gap: 0 10px;
  flex-wrap: wrap;
}

.stimme-slider .slick-slide{
  position: relative;
  margin-right: 20px;
}

.stimme-slider .slick-dots{
  bottom: -100px;
}

.stimme-slider .badge{
    display: inline-flex;
    border-radius: 50px;
    overflow: hidden;
    padding: 1px 20px;
    font-size: 18px;
    align-items: center;
    color: white;
    font-weight: bold;
    gap: 5px;
    position: absolute;
    top: 20px;
    left: 30px;
    line-height: 1 !important;
}

.stimme-slider .badge.ocean{
    background: #2D83B3;
}

.stimme-slider .badge.animals{
    background: #BECC00;
}

.stimme-slider .badge.people{
    background: #BE9B5B;
}

.stimme-slider .badge.nature{
    background: #74B42B;
}

.sanusplanet .stimme-slider p {
  line-height: 1.3;
}
.stimme-slider .slick-slide{
  background: white;
  border-radius: 22px;
  overflow: hidden;
}

.stimme-slider .slick-slide > div{
  margin-left: 20px;
  margin-right: 20px;
}

.stimme-slider .height-60px{
  height: 60px;
}
body .sanusplanet p{
  font-family: 'montserrat', sans-serif;
}
.bg-border-white{
    background: white;
    padding: 50px;
    border-radius: 20px 20px 0 0;
}
.planet-header-slider{
  margin-top: 11vw;
  z-index: 10;
}

.planet-header-slider button.slick-arrow{
  background: var(--sanus-planet-blue) !important;
  border-radius: 50%;
}

.planet-header-slider .slick-slide{
  position: relative;
}

.planet-header-slider .inner{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 15px 40px;
}

.planet-header-slider .slick-list{
  position: relative;
  border-radius: 20px;
}

.planet-header-slider .slick-list:after{
  content: '';
  background: linear-gradient(90deg, #74B32B 0%, #2AB7C4 100%) no-repeat;
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.planet-header-slider .slider-icon{
  border-radius: 50%;
}

.sp-dashboard.planet-gradient-bg{
  background: url('/img/sanusplanet/Dashboard_HG.webp') no-repeat, linear-gradient(90deg, #74B32B 0%, #2AB7C4 100%) no-repeat;
  background-size: 100% auto;
}

.planet-gradient-bg{
  background: linear-gradient(90deg, #74B32B 0%, #2AB7C4 100%) no-repeat;
  background-size: 100% auto;
}

.planet-gradient-bg-reverse{
  background: linear-gradient(-90deg, #74B32B 0%, #2AB7C4 100%) no-repeat;
}

.planet-header-slider .inner *{
  color: white;
  text-align: center;
}

.sanusplanet .leo-img:before{
  content: '';
  background: url('/img/sanusplanet/blaetter.webp') no-repeat;
  background-size: contain;
  position: absolute;
  width: 22vw;
  height: 21vw;
  right: -12vw;
  bottom: -10vw;
  z-index: -1;
}

.sanusplanet #planet-header {
	background: url('/img/sanusplanet/sanusplanet-header.png') no-repeat;
	background-size: 100%;
  position: relative;
}

.planet-gradient-line{
  background: linear-gradient(270deg, #74B32B 0%, #2AB7C4 100%);
}

.sanusplanet #planet-header:after{
  content: '';
  position: absolute;
  left: -11vw;
  bottom: 279px;
  width: 37vw;
  height: 35vw;
  background: url('/img/sanusplanet/blaetter.webp') no-repeat;
  background-size: contain;
}

.sanusplanet .podcast-img{
  position: absolute;
  width: 15vw;
  display: block;
  background: white;
  border-radius: 20px;
  bottom: -4vw;
  right: -6vw;
  box-shadow: 0px 50px 60px #00000029;
}

.sanusplanet .stimme:after {
  content: '';
  background: url('/img/sanusplanet/blaetter.webp') no-repeat;
  position: absolute;
  bottom: 0;
  left: -8vw;
  background-size: contain;
  width: 37vw;
  height: 35vw;
}

.sanusplanet .stimme:before {
  content: '';
  background: url('/img/sanusplanet/blaetter.webp') no-repeat;
  position: absolute;
  bottom: 200px;
  transform: rotate(90deg);
  right: -17vw;
  background-size: contain;
  width: 37vw;
  height: 35vw;
}

.sanusplanet-img-bottom-bg{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.sanusplanet-img-bottom-bg:after{
  background: linear-gradient(90deg, #74B32B 0%, #2AB7C4 100%) no-repeat;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.new-style .green-font {
    color: #74B42B;
}

.sanusplanet #planet-euros .pool-einnahmen img {
  width: 75%;
}

.sanusplanet #planet-euros .pool-einnahmen>div {
	position: absolute;
	top: 54%;
	left: 25px;
	transform: translate(0, -50%);
	width: 66%;
	text-align: center;
}

.sanusplanet #planet-euros .pool-einnahmen>div .counter {
	font-weight: 500 !important;
}
.papagei-img {
	position: absolute;
	width: 160px;
	top: -145px;
	left: -55px;
}

.sanusplanet .gruenderteam{
  position: absolute;
  left: 46%;
  top: 12%;
  transform: translateX(-50%);
}

.sanusplanet-page .sanuslife-menu ul li a.active{
  color: #74B32B !important;
  font-weight: bold !important;
}

.sanusplanet .partnership-header{
  background: url('/img/sanusplanet/Sanusplanet_Partnership_Header5.webp') no-repeat;
  background-size: cover;
  height: 41vw;
}

.sanusplanet .donate-header{
  background: url('/img/sanusplanet/Header_Spenden.jpg') no-repeat;
  background-size: cover;
  height: 41vw;
}

.sanusplanet .podcast-header{
  background-image: url('/img/sanusplanet/Maggy-Podcast_MG_9420.jpg');
}

.sanusplanet .sponsorship{
  background: url('/img/sanusplanet/AdobeStock_594731990.jpg') no-repeat;
  background-size: cover;
    background-position: right;
}

.sanusplanet .zertifikat-pfeil{
  position: absolute;
  top: 300px;
  left: -35px;
  transform: scaleY(-1);
}

.planet-blue{
  color: var(--sanus-planet-blue) !important;
}

.darkblue{
  color: var(--sanus-darkblue) !important;
}

.border-top-1px{
    border-top: 1px solid var(--sanus-darkblue);
}

.thumbnail-img-iframe{
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.iframe-src{
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    word-break: break-all;
}

#trailerme{
    top: 100px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    opacity: 0;
    display: none;
    z-index: 1000000;
}

.private-line,
.company-line,
.nonprofit-line{
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.private-line:after,
.company-line:after,
.nonprofit-line:after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 20px;
    height: 4px;
    background-color: var(--sanus-private-color);
}

.company-line:after{
    background-color: var(--sanus-company-color);
}
.nonprofit-line:after{
    background-color: var(--sanus-nonprofit-color);
}

#trailerme button.close{
    opacity: 0.8;
}

nav.nav-credits.navbar.navbar-sanus.subnavigation{
    background: white !important;
    color: white !important;
    top: 148px;
}

nav.subnavigation.nav-credits li a{
    color: #333333 !important;
}

.sanusplanet-page .sanuslife-menu a.planet-link{
    color: #2AB7C4 !important;
    font-weight: bold !important;
    margin-right: 20px;
}

.sanusplanet-page .sanuslife-menu a.planet-link:hover{
    color: #74B32B !important;
}

.white-space-unset{
    white-space: unset;
}

div .progress-bar-success{
    background-image: linear-gradient(270deg, #BECC00 0%, #71B22C 22%, #2CB7C9 50%, #2D83B3 74%, #284E76 100%);
    background-color: transparent;
}

.text-red{
    color: red;
}

/* footer */

footer{
    background-color: #002233 ;
    z-index: 10;
    position: relative;
}

footer:before{
    content: '';
    background: #2B98BD;
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    top: -13px;
}

footer *{
    color: white;
}

footer .footer-bottom{
    background: var(--linear-gradient-reverse);
    z-index: 10;
    position: relative;
    padding: 15px 0 8px;
}

footer .footer-top{
    overflow: hidden;
    padding: 80px 0 0;
}

footer .footer-top ul *:not(h3){
    font-size: var(--paragraph-size);
}

footer .footer-top ul ul li{
    padding-top: 15px;
}

footer a:hover{
    color: white;
    text-decoration: none;
}

/* menu */

.navbar-sanuslife{
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    background-color: var(--sanus-darkblue);
    top: 20px;
    box-shadow: 0px 20px 50px #00000026;
    border-radius: 10px;
    align-items: center;
    min-height: 80px;
    margin: 0;
    border: 0;
}

.navbar-sanuslife .navbar-brand{
    padding: 7px 15px 7px 7px;
    position: relative;
}

.navbar-sanuslife .navbar-brand:after{
    content: '';
    background: url('/img/sanuslife/arrow-forward.svg') no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
}

.navbar-sanuslife .navbar-brand img{
    height: 38px;
    top: 0;
}

.navbar-sanuslife .dropdown-menu a:hover{
    background: transparent;
}

.navbar-sanuslife *,
.navbar-sanuslife li a,
nav.navbar-sanuslife li a:focus{
    color: white;
    text-transform: inherit;
    background: transparent;
}

nav.navbar-sanuslife a:hover,
nav.navbar-sanuslife a:hover *{
    color: var(--sanus-lightblue);
}

nav.navbar-sanuslife li a:hover{
    background-color: transparent;
}

nav.navbar-sanuslife a:focus{
    color: white;
}

nav.navbar-sanuslife .dropdown-menu{
    background-color: var(--sanus-darkblue);
    padding: 0;
    border-radius: 10px !important;
}

nav.navbar-sanuslife ul li a{
    font-size: 14px;
}

.navbar-sanuslife .navbar-nav,
.navbar-sanuslife .navbar-brand{
    background-color: var(--sanus-blackblue);
    height: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 10px;
}

nav.navbar-sanuslife  a{
    padding: 18px 20px;
}

nav.navbar-sanuslife .wg-drop.country-selector,
nav.navbar-sanuslife .wg-drop.country-selector *{
    background-color: transparent;
    border: none;
    line-height: 1;
}

nav.navbar-sanuslife .weglot-container aside ul{
    background-color: var(--sanus-blackblue) !important;
    border-radius: 0 0 10px 10px;
}

nav.navbar-sanuslife .weglot-container .wg-flag{
    filter: drop-shadow(0 0 1px white);
    -webkit-filter: drop-shadow(0 0 1px white);
}

nav.navbar-sanuslife .wg-drop.country-selector .wgcurrent:after{
    background-image: url('/img/sanuslife/arrow-forward.svg');
}

nav.navbar-sanuslife .wg-drop.country-selector .wgcurrent a{
    padding-right: 30px;
}

/* menu2 */

.sanuslife-menu .navbar-brand{
    height: unset;
}

.sanuslife-menu .main-menu {
    padding-top: 14px;
    padding-bottom: 14px;
}

.sanuslife-menu .main-menu-right li a:not(.no-hover):hover > img:first-of-type,
.sanuslife-menu .main-menu-right li a > img:nth-of-type(2){
    display: none;
}

.sanuslife-menu .main-menu-right li a > img:first-of-type,
.sanuslife-menu .main-menu-right li a:not(.no-hover):hover > img:nth-of-type(2){
    display: inline;
}

.sanuslife-menu .bottom-menu{
    background-color: #f6f6f6;
}

.sanuslife-menu .wg-drop.country-selector .wgcurrent:after{
    display: none;
}

.sanuslife-menu .container.top-menu{
    background: #fafafa;
}

.sanuslife-menu .container ul.main-menu-right li:not(.weglot-menu) a:not(.color-btn):not([type="submit"]):not(.planet-btn){
    padding: 0 9px;
    line-height: 1;
}

nav.sanuslife-menu .top-menu li a:not(.color-btn):not([type="submit"]),
nav.sanuslife-menu .top-menu li{
    font-size: 14px !important;
    letter-spacing: 0;
}

nav.sanuslife-menu .bottom-menu li a:not(.color-btn):not([type="submit"]),
nav.sanuslife-menu .bottom-menu li{
    font-size: 16px !important;
    letter-spacing: 0;
}

.sanuslife-menu .bottom-menu ul li:not(.weglot-menu) a:not(.color-btn):not([type="submit"]){
    padding: 0 30px;
}

.sanuslife-menu .bottom-menu ul li:not(.weglot-menu) a:not(.color-btn):not([type="submit"]):hover{
    font-weight: 600;
    color: var(--sanus-accent-color) !important;
    background-color: white !important;
}

.sanuslife-menu .bottom-menu ul li:not(.weglot-menu).active a:not(.color-btn):not([type="submit"]){
    background-color: white !important;
    box-shadow: inset 2px 2px 0 rgba(43,152,189,0.3), inset -2px -2px 0 rgba(43,152,189,0.3);
    font-weight: 600;
    color: var(--sanus-accent-color) !important;
}

.sanuslife-menu .main-menu-right{
    margin-top: 5px;
}

.sanuslife-menu .top-menu ul.pull-left a:hover > img:first-of-type,
.sanuslife-menu .top-menu ul.pull-left a > img:nth-of-type(2),
.sanuslife-menu .top-menu ul.pull-right a.dropdown-toggle:hover > img:first-of-type,
.sanuslife-menu .top-menu ul.pull-right a.dropdown-toggle > img:nth-of-type(2),
.sanuslife-menu .top-menu .menu-logout a > img:nth-of-type(2),
.sanuslife-menu .top-menu .menu-logout a:hover > img:nth-of-type(1){
    display: none;
}

.sanuslife-menu .top-menu ul.pull-right a.dropdown-toggle > img:first-of-type,
.sanuslife-menu .top-menu ul.pull-right a.dropdown-toggle:hover > img:nth-of-type(2),
.sanuslife-menu .top-menu ul.pull-left a > img:first-of-type,
.sanuslife-menu .top-menu ul.pull-left a:hover > img:nth-of-type(2),
.sanuslife-menu .top-menu .menu-logout a > img:first-of-type,
.sanuslife-menu .top-menu .menu-logout a:hover > img:nth-of-type(2){
    display: inline-block;
}

nav.sanuslife-menu .top-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn),
nav.sanuslife-menu .top-menu li a,
nav.sanuslife-menu .top-menu li span,
nav.sanuslife-menu .wg-drop.country-selector .wgcurrent a{
    padding: 8px 15px 8px;
    line-height: 1;
}

.sanuslife-menu .wg-flags a img.wg-flag{
    height: 18px;
}

.sanuslife-menu .wg-drop.country-selector a{
    height: auto;
}

.sanuslife-menu .nav > li > a:not(.text-uppercase),
.sanuslife-menu .navbar-header a:not(.text-uppercase){
    text-transform: initial !important;
}
.sanuslife-menu a:focus,
.sanuslife-menu a:active{
    text-decoration: none !important;
}

nav.sanuslife-menu.navbar-fixed-top {
    z-index: 1000000000;
}

.sanuslife-menu .navbar-header{
    display: flex;
    align-items: center;
}

.sanuslife-menu .wg-drop.country-selector {
    background-color: transparent;
}

.sanuslife-menu .wg-drop.country-selector .wgcurrent{
    border: none;
}

.sanuslife-menu .navbar-toggle .icon-bar{
    background-color: #333333;
}

nav.sanuslife-menu .navbar-brand {
    display: flex;
    padding: 0;
    font-size: 24px;
    text-transform: uppercase;
    color: #6c6c6c !important;
    line-height: 1;
    align-items: center;
    padding-top: 11px;
}
nav.sanuslife-menu .navbar-brand > img {
    top: unset;
}

nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn) {
    font-family: 'Montserrat',sans-serif;
    font-size: 16px !important;
    line-height: 2;
    letter-spacing: 0.4px;
    color: #333333;
    padding-top: 17px;
    padding-bottom: 17px;
    letter-spacing: 1px;
    font-weight: 500;
}

.sanuslife-menu.sanusplanet-menu .main-menu-right{
    margin-top: 18px;
}

nav.sanuslife-menu span.si-icon .badge {
    font-size: 14px;
    line-height: 1;
    background: linear-gradient(180deg, #5BDDDD 0%, #60BBEA 100%);
    min-width: 22px;
    min-height: 22px;
    padding: 0;
    height: auto;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -14px;
    top: -12px;
    border: none;
}

nav.sanuslife-menu .sanus-cart .dropdown-menu {
    min-width: 400px;
}

nav.sanuslife-menu{
    background-color: white;
    border: 0;
}

.navbar-nav>li.d-flex{
    display: flex;
}

.sanusplanet-page footer,
.sanusplanet-page .navbar-planet,
.sanusplanet-page .gradient-bg{
    background: linear-gradient(-90deg, #73B32C 0%, #29B8CB 100%);
}

.sanusplanet-page footer .footer-bottom{
    background: #1E2446;
}

.sanusplanet-page nav.sanuslife-menu .lightblue,
.sanusplanet-page footer .lightblue,
.sanusplanet-page .navbar-planet *{
    color: white !important;
}

.sanusplanet-page .subnavigation li a:hover,
.sanusplanet-page .subnavigation li a.active{
    border: none;
}

.sanusplanet-page footer a img.img-width-auto{
    width: 200px;
}

.sanusplanet-page nav.sanuslife-menu .navbar-header .list-unstyled .list-unstyled{
    padding-left: 40px;
    margin-top: 10px;
    padding-bottom: 20px;
}

.sanuslife-menu .wg-drop.country-selector.closed .wgcurrent:after{
    transform: rotate(0);
}

.sanusplanet-page .sanuslife-menu .dropdown-menu,
.sanusplanet-page .sanuslife-menu .wg-drop.country-selector ul{
    background: linear-gradient(-90deg, #73B32C 0%, #29B8CB 100%);
}

nav.sanuslife-menu .navbar-nav .dropdown.open .dropdown-menu.produkte-menu {
    display: grid;
    grid-template-columns: repeat(4, calc(25% - 23px));
    min-width: 900px;
    gap: 30px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10%;
}

nav.sanuslife-menu .navbar-nav .dropdown.open .dropdown-menu.produkte-menu a {
    line-height: 2;
}

nav.sanuslife-menu .navbar-brand{
    padding: 0;
}

nav.sanuslife-menu .navbar-header{
    padding-top: 4px;
}

nav.sanuslife-menu .navbar-header .list-unstyled{
    margin: 0;
    padding-left: 10px;
}

.sanuslife-menu .open a:not(.planet-btn),
.sanuslife-menu a:hover,
.sanuslife-menu a:focus{
    background: transparent !important;
}

.sanuslife-menu a:hover{
    text-decoration: none !important;
    color: var(--sanus-accent-color) !important;
}

.sanuslife-menu .top-menu *:not(.planet-btn){
    color: #666 !important;
}

.top-gradient{
    background: var(--linear-gradient-reverse);
    height: 13px;
    width: 100%;
    z-index: 111111;
}

.sanuslife-menu .top-menu .color-accent{
    color: var(--sanus-accent-color) !important;
}

/* general classes */

.gap-10{
    display: block;
    height: 10px;
}

.gap-15{
    display: block;
    height: 15px;
}

.gap-20{
    display: block;
    height: 20px;
}

.gap-30{
    display: block;
    height: 30px;
}

.gap-50{
    display: block;
    height: 50px;
}

.gap-100{
    display: block;
    height: 100px;
}

.gap-200{
    display: block;
    height: 200px;
}

.position-relative{
    position: relative;
}

.border-radius-20{
    border-radius: 20px;
}

.z-index-5{
    z-index: 5;
}

.z-index-10{
    z-index: 10;
}


.img-fullwidth{
    width: 100%;
    height: auto;
}

.lightblue{
    color: var(--sanus-lightblue) !important;
}

.darkblue{
    color: var(--sanus-darkblue) !important;
}
.lightgrey{
    color: var(--sanus-lightgrey) !important;
}

.sanusgrey{
    color: var(--sanus-grey) !important;
}

.white, .white-font{
    color: white !important;
}
.gradient-bg{
    background: var(--linear-gradient-bg);
    background-blend-mode: multiply;

}

.gradient-bg-opacity{
    background: linear-gradient(234deg, #becc0049 0%, #2cb8ca48 100%);;
    background-blend-mode: multiply;

}

.gradient-bg2{
    background: var(--linear-gradient);
}

.gradient-bg2-reverse{
    background: var(--linear-gradient-reverse);
}

.lightgrey-bg{
    background: var(--sanus-lightgrey);
}

.img-gradient{
    position: relative;
}

.img-gradient:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    width: 100%;
    background: var(--linear-gradient-reverse);
    border-radius:  0 0 20px 20px;
}

.bold{
    font-weight: bold;
}

.white-box{
    background: white;
    border-radius: 20px;
    padding: 60px 50px;
}

.gradient-border-box{
    background: var(--linear-gradient);
    border-radius: 20px;
    padding: 5px;
}

.gradient-border-box > div{
    background-color: white;
    padding: 60px 50px;
    border-radius: 20px;
}

.sanuslife-video{
    border-radius: 20px;
}

.d-flex{
    display: flex;
}

.justify-content-center{
    justify-content: center;
}

.justify-content-space-between{
    justify-content: space-between;
}

.justify-content-end{
    justify-content: flex-end;
}

.align-items-baseline{
    align-items: baseline;
}

.align-items-center{
    align-items: center;
}

.align-items-stretch{
    align-items: stretch;
}

.align-items-end{
    align-items: end;
}

.align-items-start{
    align-items: start;
}

.flex-gap-10{
    gap: 10px;
}

.flex-gap-25{
    gap: 25px;
}

.flex-gap-50{
    gap: 50px;
}

.flex-gap-100{
    gap: 100px;
}

.flex-direction-column{
  flex-direction: column;
}

.d-grid{
    display: grid;
}
.grid-1fr-auto{
    grid-template-columns: 1fr auto;
}

.h3-hashtag{
    position: relative;
    z-index: -1;
    display: inline-block;
}

.h3-hashtag:before{
    content: '';
    background: url('/img/sanuslife/hashtag-lightblue.svg') no-repeat;
    width: 100px;
    height: 120px;
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-62%);
    background-size: contain;
}

.display-inline-block{
    display: inline-block;
}

.list-check-blue, .list-stars-blue {
    list-style-type: none;
}

.list-check-blue li, .list-stars-blue li{
    position: relative;
}

.list-check-blue li:before{
    content: '';
    background: url('/img/sanuslife/Check_.svg') no-repeat;
    background-size: contain;
    width: 30px;
    height: 22px;
    position: absolute;
    left: -40px;
    top: 3px;
}

.list-stars-blue li:before{
    content: '';
    width: 25px;
    height: 23px;
    position: absolute;
    left: -40px;
    top: 3px;
    background-size: contain;
}

.list-stars-blue > li:nth-of-type(odd):before{
    background: url('/img/sanuslife/BulletPoint_1.svg') no-repeat;
    left: -37px;
}

.list-stars-blue > li:nth-of-type(even):before{
    background: url('/img/sanuslife/BulletPoint_2.svg') no-repeat;
}

.pr-30{
    padding-right: 30px;
}

.pl-30{
    padding-left: 30px;
}

.pr-15{
    padding-right: 15px;
}

.pl-15{
    padding-left: 15px;
}

.px-15{
    padding-left: 15px;
    padding-right: 15px;
}

.px-30{
    padding-left: 30px;
    padding-right: 30px;
}

.pr-5{
    padding-right: 5px !important;
}

.pl-5{
    padding-left: 5px !important;
}

.pt-5{
    padding-top: 5px !important;
}

.pb-5{
    padding-bottom: 5px !important;
}

.pt-10{
    padding-top: 10px !important;
}

.pb-10{
    padding-bottom: 10px !important;
}


.pt-0{
    padding-top: 0 !important;
}

.pb-0{
    padding-bottom: 0 !important;
}

.pr-0{
    padding-right: 0 !important;
}

.pl-0{
    padding-left: 0 !important;
}

.mt-0{
    margin-top: 0 !important;
}

.mb-0{
    margin-bottom: 0 !important;
}

.mr-20{
    margin-right: 20px !important;
}

.ml-20{
    margin-left: 20px !important;
}

.mr-15{
    margin-right: 15px !important;
}

.ml-15{
    margin-left: 15px !important;
}

.mr-30{
    margin-right: 30px !important;
}

.ml-30{
    margin-left: 30px !important;
}

/* Home */

.sanusbg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
    z-index: 2;
}

.sanuslife-home .sanusbg img{
    width: 100%;
    height: calc(100% + 70vw);
    margin-top: 4vw;
    mix-blend-mode: multiply;
}

.sanuslife-home header{
    padding: 250px 0 20vw;
    overflow: hidden;
}

.sanuslife-home header .img-fullwidth:not(.img-heighlight){
    position: absolute;
    right: -16vw;
    top: calc(-20vw + 300px);
    width: 71vw;
}

.sanuslife-home header .highlights-banner{
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.sanuslife-home header .highlights-banner > div{
    background: rgba(265,265,265,0.7);
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
    opacity: 0;
    transform: translateY(300px);
    display: grid;
    grid-template-columns: 25% 75%;
}

.link-translation {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
}

.sanuslife-home header .img-fullwidth.img-heighlight{
    height: 100%;
    object-fit: cover;
}

.sanuslife-home header .highlights-banner > div.animated{
    opacity: 1;
    transform: translateY(0);
    transition: all 1.5s ease-in-out;
}

.sanuslife-home header .highlights-banner > div > div {
    padding: 0;
    position: relative;
}

.sanuslife-home header .highlights-banner > div > div:last-of-type{
    padding: 20px 40px;
}

.sanuslife-home header .highlights-banner > div > div:first-of-type:after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 10px;
    background: var(--linear-gradient-90deg);
}

.sanuslife-home .intro{
    padding: 0 0 0;
}

.sanuslife-home .intro .big{
    position: absolute;
    right: -315px;
    top: 390px;
    transform: rotate(-90deg);
}

.sanuslife-home .intro .top{
    padding: 130px 0 0;
    margin-top: -220px;
    background-color: white;
    border-radius: 20px 20px 0 0;
}

.sanuslife-home .intro .img-fullwidth{
    width: 14vw;
    margin-left: 11vw;
    margin-top: 4vw;
    z-index: 5;
}

.sanuslife-home .intro .hashtag1:before{
    content: '';
    background: url('/img/sanuslife/hashtag-lightblue.svg') no-repeat;
    position: absolute;
    left: -10vw;
    top: 3vw;
    width: 24vw;
    height: 26vw;
    background-size: contain;
}

.sanuslife-home .hashtag:before{
    content: '';
    background: url('/img/sanuslife/hashtag-blue.svg') no-repeat;
    width: 26vw;
    height: 32vw;
    position: absolute;
    left: -17vw;
    top: 6vw;
    background-size: contain;
}

.sanuslife-home .app-intro .img-fullwidth{
    width: 44vw;
    margin: -50px 0 0 -12vw;
}

.sanuslife-home .pushnotifications img{
    width: 24vw;
    margin-bottom: -2vw;
    transform: translateY(100px);
    opacity: 0;
}

.sanuslife-home .pushnotifications img.animated{
    opacity: 1;
    transform: translateY(0);
    transition: all 2s ease-in-out 0.2s;
}

.sanuslife-home .pushnotifications{
    position: absolute;
    left: 17vw;
    top: 40px;
}

.sanuslife-home .play-btn1,
.sanuslife-home .play-btn2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    width: 9vw;
    height: auto;
    cursor: pointer;
}

.sanuslife-home .app-intro .vid-wrapper{
    position: relative;
    padding-bottom: 29vw;
}

.sanuslife-home .app-intro .vid-wrapper > div{
    position: absolute;
    bottom: -19vw;
    left: 0;
    width: 100%;
}

.sanuslife-home .vid-wrapper picture{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 11;
}

.sanuslife-home .vid-wrapper picture img{
    width: 100% !important;
    height: 100% !important;
    border-radius: 20px;
}

.sanuslife-home .multi .img-fullwidth{
    width: calc(100% + 200px);
    margin-left: -24px;
    margin-top: -200px;
}

.sanuslife-home .app-intro .grid1{
    display: grid;
    grid-template-columns: repeat(3, auto);
    width: auto;
    text-align: center;
    gap: 100px;
}

.sanuslife-home .why-us .img-fullwidth.grafik{
    position: absolute;
    width: 40vw;
    left: -7vw;
    top: -10vw;
}

.sanuslife-home .nature div > div:not(.img-gradient) > picture .img-fullwidth{
    width: 15vw;
    position: absolute;
    left: 23vw;
    bottom: -8vw;
}

.sanuslife-home .marketplace .img-fullwidth{
    margin-top: -17%;
}

.sanuslife-home .cash div > div:not(.img-gradient) > picture .img-fullwidth{
    position: absolute;
    left: -22vw;
    top: 12vw;
    width: 47vw;
    z-index: 1;
}

.sanuslife-home .cash .img-width-auto{
    position: absolute;
    left: 17vw;
    top: -8vw;
    width: 23vw;
    height: auto;
}

.sanuslife-home .planet .img-fullwidth{
    width: 165%;
    margin-left: -45%;
    margin-top: -61%;
}

.sanuslife-home .planet .img-width-auto{
    position: absolute;
    top: -33vw;
    z-index: 1;
    width: 17vw;
    left: 3vw;
}

.sanuslife-home .geld .img-width-auto{
    width: 16vw;
    position: absolute;
    z-index: 1;
    left: -6vw;
    top: -7vw;
    transform: rotate(19deg);
}

.sanuslife-home .geld div > div:not(.img-gradient) > picture .img-fullwidth{
    position: absolute;
    left: 20vw;
    width: 17vw;
    bottom: -5vw;
}

.sanuslife-home .planet{
    background-image: url("/img/sanuslife/Sanusplanet_BG.jpg");
    background-image: image-set(
      url("/img/sanuslife/Sanusplanet_BG.webp") 1x,
      url("/img/sanuslife/Sanusplanet_BG.jpg") 1x,
    );
    background-size: cover;
    background-repeat: no-repeat;
}

.sanuslife-home .hashtag-blue-top-right:before{
    content: '';
    position: absolute;
    right: -16vw;
    top: -11vw;
    background: url('/img/sanuslife/hashtag-lightblue.svg') no-repeat;
    background-size: contain;
    width: 22vw;
    height: 25vw;
    z-index: 1;
}

.sanuslife-home .hashtag-blue-top-left:before{
    content: '';
    position: absolute;
    left: -9vw;
    top: -12vw;
    background: url('/img/sanuslife/hashtag-lightblue.svg') no-repeat;
    background-size: contain;
    width: 22vw;
    height: 25vw;
    z-index: 1;
}

.sanuslife-home .hashtag-blue-bottom-left:before{
    content: '';
    position: absolute;
    left: -16vw;
    bottom: 0;
    background: url('/img/sanuslife/hashtag-blue.svg') no-repeat;
    background-size: contain;
    width: 22vw;
    height: 25vw;
    z-index: 1;
}

.hashtag-white-bottom{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url('/img/sanuslife/hashtag-white.svg') no-repeat;
    background-size: contain;
    width: 22vw;
    height: 25vw;
    z-index: 1;
}

.sanuslife-home .token .img-fullwidth{
    width: 26vw;
    margin-left: 6vw;
    margin-top: -6vw;
}

.sanuslife-home .token .img-width-auto.z-index-5{
    width: 16vw;
    left: -17vw;
    position: absolute;
    top: 1vw;
}

.sanuslife-home .token .img-width-auto.z-index-10{
    width: 11vw;
    left: -9vw;
    position: absolute;
    bottom: 11vw;
}

.sanuslife-home .nature .img-width-auto{
    position: absolute;
    top: 0;
    z-index: 1;
    left: -7vw;
    width: 15vw;
}

.sanuslife-home .why-us h2.big{
    position: absolute;
    transform: rotate(-90deg);
    right: calc(-100px + -13vw);
    bottom: -14vw;
}
.sanuslife-home .stoerer{
    padding: var(--section-padding) 0;
}
.sanuslife-home .vid .vid-wrapper{
    position: relative;
    padding-top: 56.25%;
}

.sanuslife-home header:before{
    content: '';
    background: url('/img/sanuslife/hashtag-darkblue.svg') no-repeat;
    width: 26vw;
    height: 31vw;
    position: absolute;
    top: 300px;
    left: -7vw;
    background-size: contain;
}

.c-scrollbar_thumb{
    border-radius: 0 !important;
    opacity: 1 !important;
    background-color: rgb(150, 150, 150) !important;
    width: 11px !important;
}

.c-scrollbar{
    opacity: 1 !important;
    background: #fafafa !important;
    width: 15px !important;
    z-index: 10000000000000000000;
}

.go-down-btn-sl{
    position: fixed;
    right: 35px;
    bottom: 120px;
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}

.sanuslife-home header .container > h4{
    position: absolute;
    top: 75px;
    left: 10vw;
}

.sanuslife-home .intro-privat picture img,
.sanuslife-home .private picture img{
    height: 15vw;
    object-fit: cover;
}

.sanuslife-home .super-konto .hashtag-bg img{
    position: absolute;
    left: -14vw;
    top: -31vw;
    width: 28vw;
    z-index: -1;
}

.sanuslife-home .job,
.sanuslife-home .planet,
.sanuslife-home .nature,
.sanuslife-home .documentation,
.sanuslife-home .why-us{
    padding: var(--section-padding) 0;
}

.sanuslife-home .vid{
    padding: 0 0 12vw 0;
}

.sanuslife-home .app-intro{
    padding: var(--section-padding) 0 0;
    margin-bottom: 40vw;
}

.sanuslife-home .private{
    padding: 150px 0 var(--section-padding);
}

.sanuslife-home .intro-privat{
    padding: 130px 0 var(--section-padding);
}

.sanuslife-home .geld{
    padding: 100px 0 var(--section-padding);
}

.sanuslife-home .super-konto{
    padding: 0 0 300px;
}

.sanuslife-home .token,
.sanuslife-home .marketplace{
    padding-bottom: var(--section-padding);
}

.sanuslife-home .cash{
    padding-top: var(--section-padding);
}

.sanuslife-home .blue-leaf{
    position: absolute;
    width: 23vw;
    left: -9vw;
    top: -23vw;
    z-index: -1;
}
.sanuslife-home .kontodoku-img{
    width: 17vw;
    position: absolute;
    top: -28vw;
    left: 22vw;
}

.sanuslife-home .home-header-slider .slick-slide > div{
    padding: 25px 30px 55px;
    position: relative;
    overflow: auto;
    min-height: 52vh;
}

.sanuslife-home .home-header-slider .slick-slide > div h3 img{
    display: inline-block;
    margin-top: -10px;
}

.sanuslife-home .home-header-slider .banking{
    background-image: url('/img/sanuslife/NEWAdobeStock_108898813-2600-min.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0;
}

.sanuslife-home .home-header-slider .marketplace{
    background-image: url('/img/sanuslife/AdobeStock_329550854-2600-min.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sanuslife-home .home-header-slider .umwelt{
    background-image: url('/img/sanuslife/NEWAdobeStock_214939473-2600-min.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.sanuslife-home .home-header-slider .slick-slide p{
    display: none;
}

.sanuslife-home .home-header-slider .slick-slide:hover p{
    display: block;
}

.sanuslife-home .home-header-slider .slick-track:before,
.sanuslife-home .home-header-slider .slick-track:after{
    display: none;
}

.sanuslife-home .home-header-slider .slick-track{
    display: flex;
    justify-content: space-between;
    gap: 25px;
    border-radius: 20px;
    overflow: hidden;
}

.sanuslife-home .home-header-slider .slick-slide{
    width: 100% !important;
}

.sanuslife-home .home-header-slider .slick-slide:hover{
    width: calc(100% + 8vw) !important;
    transition: all 0.3s linear;
}

.sanuslife-home .home-header-slider .slick-slide > div *{
    z-index: 10;
    position: relative;
}

.sanuslife-home .home-header-slider .slick-slide > div:before {
    content: '';
    background: rgba(265,265,265,0.15);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.sanuslife-home .home-header-slider .slick-slide:hover > div:before{
    background: rgba(265,265,265,0.6);
}

.sanuslife-home .home-header-slider .slick-slide > div:after{
    content: '';
    background: var(--linear-gradient-reverse);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
}

.sanuslife-home .home-header-slider{
    z-index: 50;
}

.sanuslife-home .slick-prev:before,
.sanuslife-home .slick-next:before{
    content: '';
    background: url('/img/sanuslife/chevron-down-solid-white.svg') no-repeat;
    background-size: contain;
    background-position: center;
    width: 25px;
    height: 25px;
    display: block;
    opacity: 1;
}

.sanuslife-home .slick-prev:before{
    transform: rotate(90deg);
}
.sanuslife-home .slick-next:before{
    transform: rotate(-90deg);
}


/**/

.general-header {
    background: url('/img/sanusproducts/GeneralHeader.jpg') no-repeat;
    height: 33vw;
    background-size: 100%;
    background-position: bottom;
    display: flex;
    align-items: center;
}

.general-header > .container{
    width: 100% !important;
}

#team-header .container:after {
    content: '';
    position: absolute;
    left: -3px;
    top: -20px;
    width: 72%;
    height: calc(100% + 125px);
    background-color: rgba(247,247,247,0.85);
    z-index: 1;
}
#team-header .container * {
    z-index: 2;
}

#team-header {
    background: url('/img/team/hands_header.jpg') no-repeat;
    background-size: cover;
    position: relative;
    height: 80vh;
    min-height: 600px;
    background-position: center;
    display: flex;
    align-items: center;
}

#team-header > .container {
    margin-top: -90px;
    position: relative;
}

.more-text a:after {
    content: '';
    background: url('/img/sanuslife/arrow-forward.svg') no-repeat;
    background-size: contain;
    position: absolute;
    right: -34px;
    top: 0px;
    width: 16px;
    height: 100%;
    transform: rotate(0deg);
    background-position: center;
}

.more-text.open a:after {
    transform: rotate(180deg);
}

.more-text a > span:last-of-type, .more-text.open a > span:first-of-type {
    display: none;
}

.more-text a span {
    display: inline-block;
}

.more-text.open a > span:last-of-type {
    display: inline-block;
}

.more-text a > span:last-of-type, .more-text.open a > span:first-of-type {
    display: none;
}

.more-text a, .more-text a:hover, .more-text a:focus {
    color: #5D637B;
    position: relative;
    text-decoration: none;
}

.sanuslife2 .new-style .vertical-line:before{
    background: var(--linear-gradient-90deg);
}

.sanuslife2 .new-style .horizontal-line:before,
.sanuslife2 .color-btn, .sanuslife2 .color-btn:focus{
    background: var(--linear-gradient-reverse);
}

/* Register process */

/* Chrome, Safari, Edge, Opera */
.register-process input::-webkit-outer-spin-button,
.register-process input::-webkit-inner-spin-button,
.sp-sl-register input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.register-process input[type=number],
.sp-sl-register input[type=number]{
  -moz-appearance: textfield;
}

.register-process .btn.primary-btn,
.register-process input.btn.primary-btn{
    background-color: var(--sanus-accent-color);
    border: 2px solid var(--sanus-accent-color);
}

.register-process .btn.primary-btn:hover{
    background-color: white;
    color: var(--sanus-accent-color);
}

.register-process a:not(.btn){
    color: var(--sanus-accent-color);
}

.register-process{
    min-height: calc(100vh - 50px);
}

.register-process h1{
    font-size: var(--h2-size);
}

.register-process .w-800{
    width: 800px;
    margin: 0 auto;
}

.register-process .nav-tabs{
    border: none;
    display: flex;
    justify-content: center;
    align-items: baseline;
    text-align: center;
    gap: 20px;
}

.register-process .nav-tabs a{
    opacity: 0.5;
    font-size: var(--paragraph-size-small);
    border-radius: 0;
    border: none !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: inherit;
}

.register-process .nav-tabs a.active{
    opacity: 1;
}

.register-process .nav-tabs:before,
.register-process .nav-tabs:after{
    display: none;
}

.register-process .nav-tabs .element{
    width: 40px;
    background: var(--sanus-darkblue);
    height: 3px;
    opacity: 0.5;
}

.radio-toggle-btn label{
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: var(--h5-size);
    color: white;
    line-height: 1.3;
    padding: 13px 25px 15px;
    min-width: 180px;
    letter-spacing: 0.5px;
    outline: none !important;
    background: var(--sanus-darkblue);
    text-align: center;
    position: relative;
    line-height: 1;
    border: 2px solid var(--sanus-darkblue);
    cursor: pointer;
}

.radio-toggle-btn.private label{
    background-color: var(--sanus-private-color);
    border-color: var(--sanus-private-color);
}

.radio-toggle-btn.company label{
    background-color: var(--sanus-company-color);
    border-color: var(--sanus-company-color);
}

.radio-toggle-btn.nonprofit label{
    background-color: var(--sanus-nonprofit-color);
    border-color: var(--sanus-nonprofit-color);
}

.radio-toggle-btn input{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
}

.radio-toggle-btn input:checked ~ label{
    background: var(--sanus-darkblue);
    color: white;
}

.radio-toggle-btn input ~ label:after{
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
    width: calc(100% + 30px);
    height: calc(100% + 85px);
    background-color: transparent;
    border-radius: 10px;
    opacity: 0;
}

.radio-toggle-btn.private input:checked ~ label{
    background-color: var(--sanus-private-color);
}

.radio-toggle-btn.private input:checked ~ label:after,
.radio-toggle-btn.private label:hover:after{
    opacity: 1;
    border: 3px solid var(--sanus-private-color);
    transition: opacity 0.5s linear;
}

.radio-toggle-btn.company input:checked ~ label{
    background-color: var(--sanus-company-color);
}

.radio-toggle-btn.company input:checked ~ label:after,
.radio-toggle-btn.company label:hover:after{
    opacity: 1;
    border: 2px solid var(--sanus-company-color);
    transition: opacity 0.5s linear;
}

.radio-toggle-btn.nonprofit input:checked ~ label{
    background-color: var(--sanus-nonprofit-color);
}

.radio-toggle-btn.nonprofit input:checked ~ label:after,
.radio-toggle-btn.nonprofit label:hover:after{
    opacity: 1;
    border: 2px solid var(--sanus-nonprofit-color);
    transition: opacity 0.5s linear;
}

.sanuslife2 .register-process input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.sanuslife2 .register-process .form-control,
.login-page input{
    height: 40px;
    border-color: var(--sanus-darkblue);
    border-radius: 10px;
}

.single-numbers input{
    width: 40px;
    display: initial;
}

.private-color{
    color: var(--sanus-private-color);
}

.private-color2{
    color: var(--sanus-private-color2) !important;
}

.private-color2-bg{
    background-color: var(--sanus-private-color2) !important;
}

.company-color{
    color: var(--sanus-company-color);
}

.nonprofit-color{
    color: var(--sanus-nonprofit-color);
}

.private-color-bg{
    background-color: var(--sanus-private-color);
}

.company-color-bg{
    background-color: var(--sanus-company-color);
}

.nonprofit-color-bg{
    background-color: var(--sanus-nonprofit-color);
}

.realsponsor-box{
    padding: 30px 40px;
    background: #f2f2f2;
    border-radius: 10px;
}

.register-process .nav-tabs li[role="presentation"]{
    width: 220px;
}

.register-process .nav-tabs li[role="presentation"] a.active{
    cursor: pointer;
}

.register-process ul.nav-tabs > li a:not(.active),
.register-process ul.nav-tabs > li[role="presentation"]:last-of-type,
.register-process ul.nav-tabs > li[role="presentation"]:last-of-type a{
    pointer-events: none;
}

.register-process .register-header h2,
.register-process.step2 .register-header div > h1,
.register-process.step3 .register-header div > h1{
    display: none;
}

.register-process.step2 .register-header div > h2:first-of-type,
.register-process.step3 .register-header div > h2:nth-of-type(2){
    display: block;
}


/* new login page */

.sanuslife2 .login-page > div:first-of-type{
    height: calc(100vh - 56px);
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-top: 7vw;
}

.sanuslife2 .alert{
    z-index: 100000000000000;
    padding: 10px 40px;
}

.sanuslife2 .alert-danger{
    background: white;
    border-width: 3px;
    border-color: red;
    color: red;
}

.sanuslife2 .alert-danger a{
    color: red;
    text-decoration: underline;
}

.sanuslife2 .alert-info{
    background: white;
    border-width: 3px;
    border-color: #2AB7C4;
    color: #2AB7C4;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.sanuslife2 .alert-info a{
    color: #2AB7C4;
    text-decoration: underline;
}

.sanuslife2 .alert button.close{
    opacity: 1;
    font-size: var(--h3-size);
}

.sanuslife2 .register-modal .btn-close{
    font-weight: bold;
    font-size: var(--h3-size);
    background: transparent;
    border: none;
    top: 5px;
    right: 20px;
    position: absolute;
}

.sanuslife2 .register-modal .btn.primary-btn{
    background-color: #2b98bd;

}

.sanuslife2 .register-modal .modal-body{
    padding: 40px 50px;
}

.login-page .login-panel{
    width: 500px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
    overflow: auto;
}

.login-page .login-body{
    padding: 20px 70px 20px;
}

.login-page .login-footer{
    padding: 20px 70px 20px;
    background-color: #f2f2f2;
}

.login-page h1{
    font-size: var(--h3-size);
}

.login-page .modal .btn-close{
    position: relative;
    height: 30px;
    width: 30px;
    background: none;
    border: none;
}

.login-page .modal .btn-close:after{
    content: '';
    background: url('/img/xmark-solid.svg') no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

/* pricing page */

.pricing-page table td{
    text-align: center;
}

.pricing-page table tbody > tr:nth-of-type(even):not(.light-bg):not(.not-grey):not(.sticky-row){
    background-color: #f5f5f5;
}

.pricing-page #private .light-bg{
    background-color: var(--sanus-private-color-light);
    border-bottom: 1px solid #ddd;
}

.pricing-page #company .light-bg{
    background-color: var(--sanus-company-color-light);
    border-bottom: 1px solid #ddd;
}

.pricing-page #nonprofit .light-bg{
    background-color: var(--sanus-nonprofit-color-light);
    border-bottom: 1px solid #ddd;
}

.pricing-page th, .pricing-page td{
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-right: 2px solid var(--sanus-lightgrey);
    font-weight: 400;
}

.pricing-page tr.light-bg th, .pricing-page tr.light-bg td{
    border-right: 0 !important;
}

.pricing-page table tr td,
.pricing-page table tr th{
    padding: 25px 2px;
}

.pricing-page table thead th div,
.pricing-page #company .sticky-row-premium td div{
    color: white;
    font-size: var(--h4-size);
    font-weight: 600;
    text-align: center;
    border-radius: 10px;
    text-transform: uppercase;
}

.plus-mitgliedschaft.light-bg{
    background: rgba(212, 175, 55, 0.2) !important;
}

.plus-mitgliedschaft.light-bg .open-table a{
    color: rgba(212, 175, 55, 1) !important;
}

.pricing-page #private table thead th div{
    background: var(--sanus-private-color);
}

.pricing-page #company table thead th div,
.pricing-page #company .sticky-row-premium td div{
    background: var(--sanus-company-color);
}

.pricing-page #nonprofit table thead th div{
    background: var(--sanus-nonprofit-color);
}

.pricing-page td{
    width: 18%;
}

.pricing-page #nonprofit td{
    width: 30%;
}

.pricing-page thead{
    position: sticky;
    top: 153px;
    left: 0;
    background-color: white;
    z-index: 1;
}

.pricing-page[data-tab="company"] .sticky-row{
    position: relative;
    top: unset;
}

.pricing-page .sticky-row{
    position: sticky;
    top: 237px;
    left: 0;
    background: white;
    box-shadow: 0 2px 0 0px var(--sanus-lightgrey);
}

.pricing-page .sticky-row-premium{
    position: sticky;
    top: 200px;
    left: 0;
    background: white;
    box-shadow: 0 2px 0 0px var(--sanus-lightgrey);
    z-index: 100;
    background: white !important;
}

.pricing-page #nonprofit .sticky-row2{
    position: sticky;
    top: 210px;
    left: 0;
    background-color: white;
}

.pricing-page #company .sticky-row2{
    position: sticky;
    top: 238px;
    left: 0;
    background-color: white;
}

.pricing-page #company .sticky-row3,
.pricing-page #nonprofit .sticky-row3{
    position: sticky;
    top: 375px;
    background: white !important;
}

.pricing-page .company-table2 .sticky-row{
    top: 300px;
}


.pricing-page .open-table img{
    margin: -4px 8px 0 10px;
}



.pricing-page .show-rows .open-table a > img:nth-of-type(1),
.pricing-page .open-table a > img:nth-of-type(2){
    display: none;
}

.pricing-page .show-rows .open-table a > img:nth-of-type(2){
    display: inline-block;
}

.pricing-page h3 small{
    color: var(--sanus-darkblue);
    font-size: var(--paragraph-size);
}

.table-plans .border-none,
.pricing-page .border-none,
.pricing-page #private table tr > td:nth-last-child(2),
.pricing-page #private table thead tr > th:nth-last-child(2),
.pricing-page #company table tr > td:nth-last-child(2),
.pricing-page #company table thead tr > th:nth-last-child(2){
    border: none !important;
}

html .pricing-page #private table tr > td:nth-last-child(1),
html .pricing-page #private table thead tr > th:nth-last-child(1){
    border-left: 3px solid var(--sanus-private-color) !important;
    border-right: 3px solid var(--sanus-private-color) !important;
}

html .pricing-page #company table tr > td:nth-last-child(2),
html .pricing-page #company table thead tr > th:nth-last-child(2){
    border-left: 3px solid var(--sanus-company-color) !important;
    border-right: 3px solid var(--sanus-company-color) !important;
}

body .pricing-page #private table tr > td.border-left-grey,
body .pricing-page #company table tr > td.border-left-grey,
body .pricing-page #nonprofit table tr > td.border-left-grey{
    border-left: 2px solid var(--sanus-lightgrey) !important;
}

.pricing-page table thead > tr:first-of-type td:not(.border-none):before{
    content: '';
    position: absolute;
    left: -1.5px;
    top: 0;
    width: calc(100% + 3px);
    height: 100%;
    border-left: 3px solid var(--sanus-private-color);
    border-right: 3px solid var(--sanus-private-color);
    border-top: 3px solid var(--sanus-private-color);
    border-radius: 10px 10px 0 0;
}

.pricing-page #company table thead > tr:first-of-type td:not(.border-none):before{
    border-color: var(--sanus-company-color);
}

.pricing-page #nonprofit table thead > tr:first-of-type td:not(.border-none):before{
    border-color: var(--sanus-nonprofit-color);
}

.pricing-page #private table thead > tr:first-of-type td:not(.border-none),
.pricing-page #company table thead > tr:first-of-type td:not(.border-none){
    position: relative;
    border: none !important;
}

.pricing-page ul.nav.nav-tabs li{
    width: 100%;
}

.pricing-page ul.nav.nav-tabs li a{
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: var(--h4-size);
    color: var(--sanus-darkblue);
    line-height: 1.3;
    padding: 12px 20px 13px;
    width: 100%;
    letter-spacing: 0.5px;
    outline: none !important;
    background: white;
    text-align: center;
    position: relative;
    line-height: 1;
    border: 2px solid var(--sanus-darkblue);
    cursor: pointer;
}

.pricing-page ul.nav.nav-tabs li a[aria-controls="private"]{
    color: var(--sanus-private-color);
    background: white;
    border-color: var(--sanus-private-color);
}

.pricing-page ul.nav.nav-tabs li.active a[aria-controls="private"]{
    background-color: var(--sanus-private-color);
    color: white;
}

.pricing-page ul.nav.nav-tabs li a[aria-controls="company"]{
    color: var(--sanus-company-color);
    background: white;
    border-color: var(--sanus-company-color);
}

.pricing-page ul.nav.nav-tabs li.active a[aria-controls="company"]{
    background-color: var(--sanus-company-color);
    color: white;
}

.pricing-page ul.nav.nav-tabs li a[aria-controls="nonprofit"]{
    color: var(--sanus-nonprofit-color);
    background: white;
    border-color: var(--sanus-nonprofit-color);
}

.pricing-page ul.nav.nav-tabs li.active a[aria-controls="nonprofit"]{
    background-color: var(--sanus-nonprofit-color);
    color: white;
}

.pricing-page .nav-tabs{
    border: none;
    display: flex;
    gap: 40px;
    padding: 20px 0 50px 0;
    justify-content: space-between;
}

.pricing-page .nav-tabs:before,
.pricing-page .nav-tabs:after{
    display: none;
}

.pricing-page h1{
    font-size: var(--h2-size);
}

.pricing-page[data-tab="private"] h1 {
    color: var(--sanus-private-color);
}

.pricing-page[data-tab="company"] h1 {
    color: var(--sanus-company-color);
}

.pricing-page[data-tab="nonprofit"] h1 {
    color: var(--sanus-nonprofit-color);
}

.pricing-page [data-toggle="tooltip"] span,
.dashboard-info [data-toggle="tooltip"] span{
    position: absolute;
    z-index: -1;
    opacity: 0;
    max-width: 1px;
    left: -100vw;
    top: 0;
    font-weight: 300 ;
}

.pricing-page .tooltip {
    background: white !important;
    opacity: 1 !important;
}

.pricing-page .tooltip *{
    font-size: 14px !important;
    text-transform: initial !important;
    background: white !important;
    color: var(--sanus-darkblue) !important;
    opacity: 1 !important;
}

.pricing-page .tooltip .tooltip-inner{
    background: white !important;
    border: 1px solid var(--sanus-darkblue);
    opacity: 1 !important;
    min-width: 400px !important;
    font-weight: 300 !important;
}

.pricing-page .tooltip .tooltip-inner strong{
    font-weight: 600 !important;
}

/* Dashboard */

.dashboard .share-btn .share-text{
    opacity: 0;
    z-index: -1;
    position: absolute;
}

.share-btn{
    border: none !important;
}

.dashboard-modal .modal-body .d-flex{
    background: #f2f2f2;
    border-radius: 10px;
    padding: 10px 25px;
    display: grid;
    min-width: 470px;
    grid-template-columns: 50px 1fr 130px;
}

.dashboard-modal .modal-body .d-flex .btn,
.sharing-webpages .d-flex .btn{
  min-width: unset;
}

.dashboard-modal .modal-body{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.dashboard-sc-bg{
    background: url('/img/dashboard/AdobeStock_497543194_1.webp') no-repeat;
    background-size: cover;
    background-position: 10% bottom;
}

.dashboard-content .coin-img{
    width: 170px;
    position: absolute;
    left: 50%;
    top: -135px;
    transform: translateX(-50%);
}

.dashboard-content h1{
    font-size: var(--h2-size);
}

table.table-no-border td{
    border: none !important;
}

.sanuslife2 .dashboard{
    padding-top: 23px;
}

.dashboard-content{
    padding-left: 250px;
}

.transparency-box{
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 50px 60px;
}

.dashboard-menu .active{
    font-weight: bold;
}

.dashboard-menu .active a{
    background-color: #F2F2F2;
    border-radius: 0 20px 20px 0;
}

.dashboard-menu a:hover{
    color: inherit;
    font-weight: bold;
    text-decoration: none;
}

.dashboard-menu a[aria-disabled="true"]{
    pointer-events: none;
    color: #BCBCBC;
}

.dashboard-menu{
    position: fixed;
    top: 122px;
    left: 0;
    width: 250px;
    height: calc(100% - 122px);
    background: white;
    z-index: 1;
    box-shadow: 0px 3px 6px #00000029;
    overflow-y: auto;
}

.dashboard-menu a {
    padding: 5px 0 5px 15px;
    display: block;
    margin-right: 20px;
}

.dashboard-menu a img{
    margin-right: 10px;
}

.dashboard-menu li {
    padding: 0.4vh 0 0.9vh;
}

.dashboard-info{
    position: fixed;
    background: white;
    border-radius: 20px 0 0 20px;
    right: 0;
    top: 300px;
    padding: 25px 30px 25px 30px;
    z-index: 100;
    box-shadow: 0px 3px 6px #00000029;
}

.dashboard-info p{
    margin: 0;
}

.dashboard-info.inactive{
    transform: translateX(calc(100% - 40px));
    padding-left: 50px;
    transition: transform 0.4s linear, padding-left 0.2s linear;
    cursor: pointer;
}

.dashboard-info button.open{
    display: none;
}

.dashboard-info.inactive button.open{
    display: block;
    position: absolute;
    left: 10px;
    top: 50%;
    border: none;
    transform: translateY(-50%) rotate(90deg);
    background: transparent;
    padding: 0;
}

.dashboard .section-border{
    border-radius: 20px 20px 0 0;
    margin-top: -100px;
    padding: 70px;
    background: white;
}

.dashboard h2.right-rotate{
    position: absolute;
    transform: rotate(-90deg) translateX(0);
    right: -150px;
    top: 50%;
}

.dashboard .choose{
    justify-content: center;
    gap: 35px;
}

.dashboard .choose > img:first-of-type{
    transform: rotate(-90deg) scale(1,-1);
}

.dashboard .choose > img:last-of-type{
    transform: rotate(-90deg);
}

.qr-box{
    display: inline-block;
    position: absolute;
    right: -100px;
    top: -230px;
}

.qr-box > p{
    position: absolute;
    right: 0;
    top: -60px;
}

.qr-box > p img{
    margin-top: 10px;
    float: right;
}

.qr-box div img{
    width: 150px;
    border-radius: 20px;
}

nav.sanuslife-menu .private-btn,
nav.sanuslife-menu .company-btn,
nav.sanuslife-menu .nonprofit-btn{
    padding: 2px 10px !important;
    display: inline;
    color: white !important;
    margin: 0 20px;
}

nav.sanuslife-menu .private-btn:hover,
nav.sanuslife-menu .private-btn:focus{
    color: var(--sanus-private-color) !important;
    box-shadow: inset 2px 0px 0px var(--sanus-private-color), inset -2px 0px 0px var(--sanus-private-color), inset 0px -2px 0px var(--sanus-private-color), inset 0px 2px 0px var(--sanus-private-color) !important;
}

nav.sanuslife-menu .company-btn:hover,
nav.sanuslife-menu .company-btn:focus{
    color: var(--sanus-company-color) !important;
    box-shadow: inset 2px 0px 0px var(--sanus-company-color), inset -2px 0px 0px var(--sanus-company-color), inset 0px -2px 0px var(--sanus-company-color), inset 0px 2px 0px var(--sanus-company-color) !important;
}

nav.sanuslife-menu .nonprofit-btn:hover,
nav.sanuslife-menu .nonprofit-btn:focus{
    color: var(--sanus-nonprofit-color) !important;
    box-shadow: inset 2px 0px 0px var(--sanus-nonprofit-color), inset -2px 0px 0px var(--sanus-nonprofit-color), inset 0px -2px 0px var(--sanus-nonprofit-color), inset 0px 2px 0px var(--sanus-nonprofit-color) !important;
}

nav.sanuslife-menu .green-btn{
    padding: 2px 10px !important;
    display: inline;
    background: #73B22C;
    color: white !important;
    border-radius: 10px;
}

nav.sanuslife-menu .green-btn:hover{
    color: #73B22C !important;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 2px 0px 0px #73B22C, inset -2px 0px 0px #73B22C, inset 0px -2px 0px #73B22C, inset 0px 2px 0px #73B22C !important;
}

img.height-25vw{
    height: 25vw;
    object-fit: cover;
    object-position: top;
    min-height: 250px;
}

.dashboard-info button.close{
    margin-top: -17px;
    margin-right: -10px;
    color: var(--sanus-darkblue);
    opacity: 1;
}

.sanuslife-menu .active-message:after{
    content: '';
    position: absolute;
    right: 10px;
    top: -1px;
    background-color: red;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    z-index: 10;
    border: 2px solid white;
}

.white-box.hashtag-bg:after{
    content: '';
    background: url('/img/sanuslife/hashtag-blue.svg') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: calc(100% - 3vw);
    top: -9vw;
    width: 22vw;
    height: 22vw;
}


/* Login Flyout */

.flyout_login.closed {
	width: 140px;
	cursor: pointer;
	background: #2CB7CA;
}

.flyout-closed img {
	height: 100%;
}

.flyout-closed {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 35px 12px 10px;
	height: 70px;
}

.flyout_login .flyout-open {
	display: none;
}

.flyout_login.flyout-static {
	position: relative;
	right: unset;
	top: unset;
	z-index: 1;
}

.flyout_login .flyout-closed:after {
	content: '';
	background: white;
	width: 2px;
	height: 100%;
	position: absolute;
	left: 40px;
	top: 0;
}

.flyout-closed .glyphicon {
	font-size: 15px;
	color: white;
}

.flyout_login {
	width: 460px;
	position: fixed;
	right: 0;
	z-index: 999999999;
	background: white;
	top: 150px;
    border-radius: 20px 0 0 20px;
    overflow: auto;
}

.flyout_login .flyout-head {
	background: #2CB7CA;
	padding: 10px 30px 10px 10px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.flyout_login .flyout-head p {
	font-family: 'montserrat';
	font-weight: 500 !important;
	font-size: 14px;
	letter-spacing: 0.24px;
	color: white;
	margin: 0;
}

.flyout-head img {
	width: 12px;
	cursor: pointer;
}

.flyout-center {
	padding: 0 30px 10px 30px;
}

.flyout-center img {
	width: 75px;
	height: 75px;
}

.flyout-center div div>p:first-of-type,
.flyout-center div div>a,
.flyout-center div div>a p {
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400 !important;
	font-size: 12px;
	letter-spacing: 0.2px;
	color: #5D637B;
	line-height: 12px;
}

.flyout-center div div>a i {
	font-size: 1.2rem;
}

.assistend-tooltip {
	background-color: transparent;
	border: none;
	padding: 0;
	line-height: 1;
	font-size: 1.2rem;
	box-shadow: none;
    min-width: unset;
    color: inherit;
}

.tooltip .tooltip-arrow {
	display: none;
}

.tooltip .tooltip-inner {
	font-size: 18px;
	background-color: #edeaea;
	opacity: 1;
	color: #5d637b;
	box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
}


.flyout-center .tooltip .tooltip-inner {
	font-size: 12px;
	background-color: white;
	padding: 0;
	opacity: 1;
	color: #5d637b;
	box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
	text-align: left;
	line-height: 1.8;
	min-width: 300px !important;
}

.flyout-center .tooltip ul {
	padding-left: 20px;
}

.flyout-center .tooltip ul li {
	padding-left: 0;
}

.flyout-center div div>p.status {
	border: 1px #D6C201 solid;
	border-radius: 13px;
	background: #D6C201;
	color: white;
	font-family: "source-sans-pro", sans-serif;
	font-weight: 400 !important;
	font-size: 9px;
	letter-spacing: 0.2px;
	padding: 5px;
	line-height: 20px;
	padding: 0 8px;
	margin: 0;
	text-align: center;
	white-space: nowrap;
}

.flyout-center div div>p.status.premium {
	border: 1px #2D83B3 solid;
	background: #2D83B3;
}

.flyout-center div div>p.status.free {
	border: 1px #9ED545 solid;
	background: #9ED545;
}

.flyout-center div div>p.status.basic {
	border: 1px #2D83B3 solid;
	background: #2D83B3;
}

.gradient-text {
	background: var(--linear-gradient-bg);
	-webkit-background-clip: text;
    background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: diagonal alternate 1s infinite;
	background-size: 200% 200%;
	font-size: 55px;
	letter-spacing: 1.1px;
	line-height: 1.2;

}

@keyframes diagonal {
	0% {
		background-position: 0% 50%
	}

	100% {
		background-position: 100% 50%
	}
}

.flyout-center div div>p.status.l {
	border: 1px #48D3FF solid;
	background: #48D3FF;
}

.flyout-center div div>p.status.premium {
	border: 1px #2D83B3 solid;
	background: #2D83B3;
}

.flyout-center div div>p.status.mappartner {
	border: 1px #546CB2 solid;
	background: #546CB2;
}

.flyout-center div div>p.qv-punkte,
.flyout-center div div>p.mp-license-firstline {
	font-size: 12px;
	font-weight: 700 !important;
	font-family: 'montserrat';
	color: #5D637B;
	line-height: 20px;
	margin: 0;
}

.flyout-center>div {
	display: flex;
	align-items: flex-end;
	margin-top: 15px;
}

.flyout-center div>div {
	padding: 0 10px;
}

.flyout_login hr {
	border-top: 2px #5D637B solid;
	opacity: 0.2;
	margin: 15px 0 5px 0;
}

.flyout_login>div {
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

.flyout_login .rabatt-countdown {
	color: #5D637B7E;
	font-family: "source-san-pro", sans-serif;
	font-size: 10px;
	font-weight: 400 !important;
	letter-spacing: 0.15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.flyout_login .rabatt-countdown span {
	font-family: "montserrat";
	font-size: 12px;
	font-weight: 500 !important;
	letter-spacing: 0.25px;
}

div.flyout_login p {
	font-family: "source-san-pro", sans-serif;
	font-size: 12px;
	color: #5D637B;
	line-height: 16px;
	letter-spacing: 0.24px;
}

.flyout-footer {
	background: #5D637B;
	padding: 5px 30px 5px 30px;
}

.flyout-footer p {
	margin: 0;
	color: white !important;
	font-family: 'montserrat';
	font-weight: 400 !important;
	letter-spacing: 0.24px;
	line-height: 30px;
	display: flex;
	justify-content: space-between;
}

.flyout-center .status-info {
	margin-left: 10px;
	border-radius: 50%;
	border: 1px solid #5D637B;
	height: 10px;
	width: 10px;
	padding: 0 3px 1px 3px;
}

/***/

.werte-hashtag{
    position: absolute;
    right: -4vw;
    top: 2vw;
    width: 20vw;
}

.chronic-rotate{
    font-size: var(--big-broadcast-font);
    position: absolute;
    right: -3vw;
    transform: rotate(-90deg);
    top: 37%;
    transform-origin: right bottom;
}

.about-chronic:before{
    content: '';
    background: url('/img/sanuslife/hashtag-darkblue.svg') no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 3vw;
    top: 80px;
    width: 22vw;
    height: 22vw;
}

/* finance home */

.finance .home-header-slider .slick-slide{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 450px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 20px;
    padding: 20px;
    width: 330px;
}

.finance .home-header-slider .slick-slide div p{
    display: none;
}

.finance .home-header-slider .slick-slide.slick-current:after{
    content: '';
    background: rgba(265,265,265,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.finance .home-header-slider .slick-slide.kooperation-marker{
    border: 2px solid #1E2446;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.finance .home-header-slider .slick-slide.kooperation-marker > p{
    z-index: 2;
    color: #1E2446;
    text-shadow: 1px 1px 3px white;
}

.finance .home-header-slider .slick-slide.slick-current > div{
    z-index: 10;
    position: relative;
}

.finance .home-header-slider .slick-slide.slick-current div p{
    display: block;
}

.finance .home-header-slider .slick-slide:after{
    content: '';
    background: var(--linear-gradient);
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.finance .home-header-slider .slick-prev:before,
.finance .home-header-slider .slick-next:before{
    content: "";
    background: url('/img/finance/chevron-down-solid.svg') no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}

.finance .home-header-slider .slick-prev:before{
    transform: rotate(90deg);
    margin-left: -20px;
}
.finance .home-header-slider .slick-next:before{
    transform: rotate(-90deg);
}

.fixed-top{
    position: fixed;
    top: 0;
}

.users-edit .share-text{
    display: none;
}

.sharing-webpages  .d-flex{
    background: #f2f2f2;
    border-radius: 10px;
    padding: 10px 25px;
    display: grid;
    grid-template-columns: 50px 1fr 130px;
}

.users-edit .fixed-top {
    margin-top: 120px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
    height: 100%;
    left: 0;
    background-color: white;
}

.users-edit .fixed-top li{
    padding: 10px 20px 20px;
}

.users-edit .file-input .btn-file{
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    cursor: pointer;
}

.users-edit .file-input .btn-file input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
}

/* Plan Groups */

table.table-plans{
    border-collapse: unset;
    border-spacing: 10px 0;
    table-layout: fixed;
}

table.table-plans .btn{
    white-space: break-spaces;
}

.table-plans.table tbody tr > td.grey-border,
.table-plans.table thead tr > th.grey-border{
    border-color: var(--sanus-grey) !important;
}

.table-plans.table thead tr > th.grey-border{
    border-color: var(--sanus-grey) !important;
    border-radius: 10px 10px 0 0;
}

.table-plans.table tbody > tr:last-of-type > td.grey-border{
    border-color: var(--sanus-grey)  !important;
    border-radius: 0 0 10px 10px;
}

.table-plans tbody tr > td,
.table-plans thead tr > th{
    border-left: 2px solid var(--sanus-private-color) !important;
    border-right: 2px solid var(--sanus-private-color)  !important;
}

.table-plans thead tr > th{
    border-top: 2px solid var(--sanus-private-color)  !important;
    border-radius: 10px 10px 0 0;
}

.table-plans tbody > tr:last-of-type > td{
    border-bottom: 2px solid var(--sanus-private-color)  !important;
    border-radius: 0 0 10px 10px;
}

.table-plans.company tbody tr > td,
.table-plans.company thead tr > th,
.table-plans.company tbody > tr:last-of-type > td{
    border-color: var(--sanus-company-color) !important;
}

.table-plans.nonprofit tbody tr > td,
.table-plans.nonprofit thead tr > th,
.table-plans.nonprofit tbody > tr:last-of-type > td{
    border-color: var(--sanus-nonprofit-color) !important;
}


.table-plans.table>tbody>tr>td,
.table-plans.table>tbody>tr>th,
.table-plans.table>tfoot>tr>td,
.table-plans.table>tfoot>tr>th,
.table-plans.table>thead>tr>td,
.table-plans.table>thead>tr>th{
    padding: 8px 4px;
}

.renumerationplan{
    padding-left: 240px;
}
/*
.renumerationplan .grey-shadow{
  position: relative;
    display: inline-block;
    padding: 20px 0;
}

.renumerationplan .grey-shadow:after{
  content: '';
  position: absolute;
  background: #F2F2F2;
  width: calc(150% + 150px);
  height: calc(100% + 30px);
  right: -25px;
  top: -15px;
  z-index: -1;
  border-radius: 15px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
*/
body .renumerationplan .fixed-nav{
    position: fixed;
    left: 0;
    top: 147px;
    height: calc(100vh - 154px) !important;
    background: white;
    z-index: 10;
    padding: 30px 10px 0px 15px;
    width: 260px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    overflow-y: scroll !important;
    overflow-x: hidden;
    font-size: 15px;
    letter-spacing: 0;
    text-transform: uppercase;
    background: #f6f6f6;
}

.renumerationplan .fixed-nav::-webkit-scrollbar {
    width: 5px;
}

.renumerationplan .fixed-nav::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.renumerationplan .fixed-nav li a {
    padding: 0px 0 15px;
    display: block;
}

.renumerationplan ul ul{
    padding-left: 20px;
    font-size: 11px ;
}

.renumerationplan.sc .header{
  background: url('/img/sanuscredit/AdobeStock_216024256-1920.webp') no-repeat;
  background-size: cover;
}

.renumerationplan.sc .coins img{
    width: auto;
    height: 9vw;
}

.renumerationplan.sc .coins > img:nth-of-type(1){
    margin-right: -2vw;
    z-index: 1;
}

.renumerationplan.sc .coins > img:nth-of-type(3){
    margin-left: -2vw;
    z-index: 1;
}

.renumerationplan.sc .coins {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 43%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
}

.renumerationplan.sc .cashback-header{
    height: 500px;
    object-fit: cover;
}

.renumerationplan.sc table{
  display: inline-block;
}

.renumerationplan.sc table:not(.not) tr > th,
.renumerationplan.sc table:not(.not) tr > td{
  width: 200px;
}

.renumerationplan .white-space{
  white-space: break-spaces;
  word-wrap: break-word;
}

.sanusplanet #planet-zahlen h5{
    position: absolute;
    right: calc(100% + 7vw);
    bottom: 98px;
    transform: rotate(-6deg);
    font-size: 120px;
}

.sp-sl-register .register-box#step2,
.sp-sl-register .register-box#step1_2,
.sp-sl-register .register-box#step2_2{
    display: none;
}

.sanuslife-menu .special-position{
    display: inline-flex;
    margin-right: 20px;
    color:  #284E76;
    border-radius: 13px;
    position: relative;
    overflow: hidden;
    border: 3px solid #284E76;
    background: white;
}

.sanuslife-menu .special-position li{
    padding: 0 10px;
    border-right: 3px solid #284E76;
    border-radius: 10px;
    font-weight: 700;
}

.sanuslife-menu .special-position li.inactive{
    color: grey;
}

.sanuslife-menu .special-position li:last-of-type{
    border-right: 0;
}

#karriereplan-header{
    background: url('/img/remunerationplan/SLIKarriereplan-Web-Title.webp') no-repeat;
    background-position: center;
    background-size: cover;
}

#remunerationplan-hinweis-rot p{
    color: rgb(185, 0, 0);
    text-shadow: 1px 1px 1px grey;
}

#remunerationplan-hinweis-rot h5{
    color: rgb(185, 0, 0);
    text-shadow: 1px 1px 1px  grey;

}

.sanuslife2 .renumerationplan .no-border-top td{
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 1700px) {
    html nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn):not(.planet-link){
		padding: 10px 9px;
        font-size: 15px !important;
	}

    nav.sanuslife-menu .navbar-header {
        padding-top: 0;
    }

    html .sanuslife-menu .bottom-menu ul li:not(.weglot-menu) a:not(.color-btn):not(.planet-btn):not([type="submit"]) {
        padding: 0 30px;
    }


}

@media (max-width: 1600px) {
    .sanuslife-home .app-intro .grid1{
        gap: 70px;
    }

    :root{
        --paragraph-size: 16px;
        --paragraph-size-small: 15px;
        --h1-size: 75px;
        --h2-size: 60px;
        --h2-size-big: 80px;
        --h3-size: 35px;
        --h3-broadcast-size: 70px;
        --h4-size: 25px;
        --h5-size: 22px;
        --big-broadcast-font: 120px;
        --section-padding: 200px;
        --bigger-font: 90px
    }

    nav.sanuslife-menu .navbar-brand > img{
        width: 70px;
    }

    .sanusplanet #planet-euros .pool-einnahmen img{
      width: 85%;
    }

    .sanusplanet #planet-euros .pool-einnahmen>div{
      width: 75%;
    }

    .transparency-box{
        padding: 40px 20px;
    }

    .btn, .btn:focus{
        padding: 8px 13px;
    }

    footer .flex-gap-50{
        gap: 30px;
    }

    footer a .img-width-auto{
        width: 250px;
    }

    footer .container{
        padding-left: 30px;
        padding-right: 30px;
    }

    .sanuslife-home .token .img-width-auto{
        width: 200px;
    }

    .pricing-page #nonprofit .sticky-row2{
        top: 200px;
    }

    .pricing-page .company-table2 .sticky-row {
        top: 327px;
    }
}

@media (max-width: 1450px) {
    :root{
        --paragraph-size: 16px;
        --paragraph-size-small: 15px;
        --big-broadcast-font: 120px;
        --h1-size: 70px;
        --h2-size: 55px;
        --h2-size-big: 75px;
        --h3-size: 30px;
        --h3-broadcast-size: 60px;
        --h4-size: 22px;
        --h5-size: 20px;
    }

    nav.sanuslife-menu .private-btn, nav.sanuslife-menu .company-btn, nav.sanuslife-menu .nonprofit-btn{
        margin: 0 10px;
    }

    .dashboard-menu{
        top: 102px;
        height: calc(100% - 102px);
    }

    .sanuslife2 .dashboard{
        padding-top: 10px;
    }

    .sanuslife-menu .special-position li{
        font-size: 14px;
    }

    .pricing-page thead{
        top: 131px;
    }

    .sanuslife-menu.sanusplanet-menu .main-menu-right {
        margin-top: 13px;
    }

    nav.sanuslife-menu .navbar-brand > img{
        width: 65px;
    }

    .sanusplanet-page .sanusplanet-dashboard-menu{
        top: 120px;
    }

    .navbar.sanusplanet-dashboard-menu li a{
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 15px;
    }

    nav.sanuslife-menu li a,
    nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn){
        font-size: 15px !important;
    }

    html nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn):not(.planet-link){
        font-size: 14px !important;
        padding: 7px 9px;
    }
    .sanuslife-menu .main-menu {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .pricing-page .sticky-row{
        top: 204px;
    }

    .pricing-page .company-table2 .sticky-row{
        top: 350px;
    }

    .pricing-page #company .sticky-row2{
        top: 205px
    }
    .pricing-page #nonprofit .sticky-row2{
        top: 190px;
    }

    .pricing-page #company .sticky-row3,
    .pricing-page #nonprofit .sticky-row3{
        top: 340px;
    }

    .sanuslife-home header .highlights-banner > div{
        grid-template-columns: 30% 70%;
    }

    .sanuslife-home .app-intro .img-fullwidth {
        width: 33vw;
        margin: -10px 0 0 1vw;
    }

    .sanuslife-home .pushnotifications img{
        width: 27vw;
    }

    .sanuslife-home .pushnotifications {
        left: 4vw;
        top: 22vw;
    }

    .sanuslife-home .planet .img-fullwidth{
        width: 160%;
        margin-left: -41%;
        margin-top: -29%;
    }
    .sanuslife-home .intro .top {
        padding: 75px 0 0;
        margin-top: -140px;
    }

    .sanuslife-home header .img-fullwidth:not(.img-heighlight){
        top: calc(-25vw + 300px);
    }

    .sanuslife-home .kontodoku-img{
        top: -22vw;
    }

    .container {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    h1, h2, h1.h2-style{
        letter-spacing: 2px;
    }

    h3{
        letter-spacing: 1px;
    }

    .navbar-sanuslife{
        min-height: 70px;
    }

    nav.navbar-sanuslife a {
        padding: 13px 18px;
    }

    .navbar-sanuslife .navbar-brand img{
        height: 29px;
    }

    .sanuslife-home .hashtag:before,
    .sanuslife-home .intro .hashtag1:before,
    .sanuslife-home .hashtag-blue-top-left:before,
    .sanuslife-home .hashtag-blue-top-right:before,
    .sanuslife-home .super-konto .hashtag-bg img,
    .sanuslife-home .hashtag-blue-bottom-left:before{
        width: 22vw;
        height: 22vw;
    }

    .sanuslife-home .hashtag-blue-top-right:before{
        right: -13vw;
    }

    footer .flex-gap-50 {
        gap: 19px;
    }

    .sanuslife-home .token .img-width-auto{
        width: 170px;
    }

    .sanuslife-home .token .img-fullwidth{
        margin-top: -2vw;
    }

    .sanuslife-home .token .img-width-auto.z-index-5{
        top: 3vw;
    }
}

@media (max-width: 1300px){
    nav.sanuslife-menu .container{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    :root{
        --paragraph-size: 16px;
        --paragraph-size-small: 15px;
        --big-broadcast-font: 100px;
        --h1-size: 65px;
        --h2-size: 50px;
        --h2-size-big: 65px;
        --h3-size: 25px;
        --h3-broadcast-size: 60px;
        --h4-size: 20px;
        --h5-size: 18px;
        --section-padding: 130px;
        --bigger-font: 80px;
    }

    .sanuslife2 .sanuslife-academy section > div{
        padding-left: 35px;
    }

    .dashboard-btns span{
        font-size: 1.5vw;
    }

    .dashboard-btns:hover span{
        transform: none;
    }

    .planet-header-slider .inner{
      padding: 20px 10px 40px;
    }

    .sanusplanet .blaetter{
      right: 0;
      width: 31vw;
    }

    .sanusplanet .leo-img:before{
      right: -7vw;
    }

    .finance .home-header-slider .slick-slide{
        width: 280px;
    }

    .dashboard-content .coin-img{
        width: 120px;
        top: -105px;
    }

    .white-box.hashtag-bg:after{
        left: calc(100% - 150px);
        top: 100%;
        width: 200px;
        height: 200px;
    }

    .sanuslife-home .home-header-slider .slick-slide p{
        display: block;
    }

    #trailerme{
        width: 500px;
    }

    .sanuslife-home .super-konto {
        padding: 0 0 200px;
    }

    .sanuslife-home .why-us .img-fullwidth.grafik{
        width: 45vw;
        top: -4vw;
    }

    .sanuslife-home .token .img-width-auto{
        width: 140px;
    }

    .sanuslife-home .why-us h2.big{
        right: -20vw;
    }

    .sanuslife-home .geld {
        padding: 130px 0 var(--section-padding);
    }

    .sanuslife-home .kontodoku-img{
        left: 30vw;
    }

    .sanuslife-home .planet .img-fullwidth {
        width: 140%;
        margin-left: -32%;
        margin-top: -9%;
    }

    .sanuslife-home .planet .img-width-auto{
        top: -26vw;

    }

    .sanuslife-home .multi .img-fullwidth {
        width: calc(100% + 100px);
        margin-left: -40px;
        margin-top: -164px;
    }

    .sanuslife-home .private {
        padding: var(--section-padding) 0 var(--section-padding);
    }

    .sanuslife-home .nature div > div:not(.img-gradient) > picture .img-fullwidth{
        left: 32vw;
    }

    html nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn):not(.planet-link) {
        font-size: 14px !important;
    }

    footer a .img-width-auto {
        margin-bottom: 26px;
    }

    footer .justify-content-end{
        justify-content: space-between;
    }

    .sanuslife-home .intro .big {
        right: -240px;
        top: 257px;
    }

    h2.big{
        letter-spacing: 2px;
    }

    .white-box,.gradient-border-box{
        padding: 40px;
    }

    .h3-hashtag:before{
        width: 75px;
        height: 90px;
        left: -43px;
        transform: translateY(-60%);
    }

    .sanuslife-home .intro .img-fullwidth {
        margin-left: 10vw;
        margin-top: 6vw;
    }

    .sanuslife-home .hashtag-blue-top-right:before{
        right: -6vw;
        top: -9vw;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .hashtag-blue-top-left:before{
        left: -6vw;
        top: -7vw;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .intro .hashtag1:before{
        top: 1vw;
        left: -3vw;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .hashtag:before{
        left: -13vw;
        top: -5vw;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .super-konto .hashtag-bg img{
        left: -6vw;
        top: -22vw;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .hashtag-blue-bottom-left:before{
        left: -9vw;
        bottom: 29vw;
        opacity: 0;
        transform: translateY(80px);
    }


    .sanuslife-home .hashtag-blue-top-right.animated:before,
    .sanuslife-home .hashtag-blue-top-left.animated:before,
    .sanuslife-home .hashtag-blue-bottom-left.animated:before,
    .sanuslife-home .intro .hashtag1.animated:before,
    .sanuslife-home .hashtag.animated:before,
    .sanuslife-home .super-konto .hashtag-bg.animated img{
        opacity: 1;
        transform: translateY(0);
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .hashtag:before,
    .sanuslife-home .intro .hashtag1:before,
    .sanuslife-home .hashtag-blue-top-left:before,
    .sanuslife-home .hashtag-blue-top-right:before,
    .sanuslife-home .super-konto .hashtag-bg img,
    .sanuslife-home .hashtag-blue-bottom-left:before{
        width: 17vw;
        height: 20vw;
    }

    .btn, .btn:focus{
        padding: 6px 15px 8px;
        min-width: 155px;
    }

    .container{
        padding-left: 7vw;
        padding-right: 7vw;
    }

    .sanuslife-home .intro .top{
        margin-top: -130px;
        padding: 60px 0 0;
    }

    .sanuslife-home header .img-fullwidth:not(.img-heighlight){
        top: calc(-21vw + 255px);
    }

    .sanuslife-home .app-intro .vid-wrapper {
        padding-bottom: 35vw;
    }

    .sanuslife-home .app-intro .vid-wrapper > div{
        bottom: -23vw;
    }

    body, body .content{
        letter-spacing: 0;
    }

    .container-none .row{
        margin-left: -3px;
        margin-right: -3px;
    }

    .row{
        margin-left: -15px;
        margin-right: -15px;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-left: 15px;
        padding-right: 15px;
    }

    .sanuslife-home .cash div > div:not(.img-gradient) > picture .img-fullwidth {
        left: -17vw;
        top: 20vw;
        width: 49vw;
    }

    .sanuslife-home .cash .img-width-auto {
        left: 25vw;
    }

    .sanuslife-home .geld div > div:not(.img-gradient) > picture .img-fullwidth{
        left: 25vw;
        width: 20vw;
    }
    #team-header .container:after{
        width: 90%;
    }

    .c-scrollbar{
        display: none !important;
    }

    .qr-box{
        right: unset;
        top: unset;
        position: relative;
    }

    .white-box.hashtag-bg:after{
        left: unset;
        right: 0;
    }

    .dashboard h2.right-rotate{
        position: relative;
        top: unset;
        transform: unset;
        right: unset;
        text-align: center;
    }

    .users-edit .fixed-top li {
        padding: 10px 20px 20px 0;
    }

}

@media (max-width: 991px){
    :root {
        --paragraph-size: 15px;
        --paragraph-size-small: 15px;
        --big-broadcast-font: 90px;
        --h1-size: 55px;
        --h2-size: 40px;
        --h2-size-big: 62px;
        --h3-size: 24px;
        --h3-broadcast-size: 50px;
        --h4-size: 19px;
        --h5-size: 17px;
        --bigger-font: 70px;
    }

    html .sanuslife-menu .bottom-menu ul li:not(.weglot-menu) a:not(.color-btn):not(.planet-btn):not([type="submit"]){
        padding: 0 15px;
    }

    .container {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .container-fluid {
        overflow-x: hidden;
    }

    .sanuslife-menu .active-message:after{
        right: 2px;
    }

    .sanuslife-menu .main-menu-right li a > img:first-of-type, .sanuslife-menu .main-menu-right li a:not(.no-hover):hover > img:nth-of-type(2){
        max-width: 25px;
    }

    .sanuslife-menu .container ul.main-menu-right li:not(.weglot-menu) a:not(.color-btn):not([type="submit"]):not(.planet-btn){
        padding: 0 5px;
    }

    .sanusplanet .leo-img:before {
      right: 0;
      width: 200px;
      height: 200px;
      bottom: -130px;
  }

    .sanusplanet .podcast-img{
      right: 0;
      bottom: -50px;
      width: 150px;
    }

    .ml-sm-0 {
        margin-left: 0 !important;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .mobile-btn{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .table-plans thead tr > td,
    .table-plans thead tr > th,
    .table-plans tbody tr > td{
        display: none;
    }

    .table-plans#entry thead tr > td:first-of-type,
    .table-plans#entry thead tr > th:first-of-type,
    .table-plans#entry tbody tr > td:first-of-type,
    .table-plans#basic thead tr > td:nth-of-type(2),
    .table-plans#basic thead tr > th:nth-of-type(2),
    .table-plans#basic tbody tr > td:nth-of-type(2),
    .table-plans#premium thead tr > td:nth-of-type(3),
    .table-plans#premium thead tr > th:nth-of-type(3),
    .table-plans#premium tbody tr > td:nth-of-type(3),
    .table-plans#premiumplus thead tr > td:nth-of-type(4),
    .table-plans#premiumplus thead tr > th:nth-of-type(4),
    .table-plans#premiumplus tbody tr > td:nth-of-type(4),
    .table-plans#lite thead tr > td:nth-of-type(1),
    .table-plans#lite thead tr > th:nth-of-type(1),
    .table-plans#lite tbody tr > td:nth-of-type(1),
    .table-plans#smart thead tr > td:nth-of-type(2),
    .table-plans#smart thead tr > th:nth-of-type(2),
    .table-plans#smart tbody tr > td:nth-of-type(2),
    .table-plans#pro thead tr > td:nth-of-type(3),
    .table-plans#pro thead tr > th:nth-of-type(3),
    .table-plans#pro tbody tr > td:nth-of-type(3),
    .table-plans#ultra thead tr > td:nth-of-type(4),
    .table-plans#ultra thead tr > th:nth-of-type(4),
    .table-plans#ultra tbody tr > td:nth-of-type(4),
    .table-plans#smartplus thead tr > td:nth-of-type(1),
    .table-plans#smartplus thead tr > th:nth-of-type(1),
    .table-plans#smartplus tbody tr > td:nth-of-type(1),
    .table-plans#proplus thead tr > td:nth-of-type(2),
    .table-plans#proplus thead tr > th:nth-of-type(2),
    .table-plans#proplus tbody tr > td:nth-of-type(2){
        display: block;
    }

    .dashboard-menu{
        width: 230px;
    }

    .dashboard-content{
        padding-left: 230px;
    }

    .radio-toggle-btn label{
        min-width: 160px;
        padding: 10px 15px 11px;
    }

    .radio-toggle-btn input ~ label:after{
        height: calc(100% + 75px);
    }

    .register-process .nav-tabs li[role="presentation"] {
        width: auto;
        margin: 0 auto;
        max-width: 80px;
    }

    .register-process .nav-tabs{
        gap: 0;
        display: flex;
    }

    .register-process .nav-tabs a{
        padding: 0;
        font-size: 12px;
    }

    .register-process .w-800{
        width: 100%;
    }

    .register-process .tab-pane .d-flex{
        flex-direction: column;
        gap: 20px;
    }

    .register-process .tab-pane .radio-toggle-btn{
        margin: 0 auto;
    }

    .register-process .nav-tabs img{
        width: 30px !important;
    }

    .register-process .nav-tabs .element{
        display: none;
    }

    .register-process .tab-pane{
        padding: 0 20px;
    }

    .sanuslife-home header h4{
        left: 7vw;
    }

    .sanuslife-home .pushnotifications img{
        width: 30vw;
    }

    .sanuslife-home .pushnotifications{
        top: 30vw;
    }

    .sanuslife-home .token .img-width-auto.z-index-5{
        top: 5vw;
        width: 18vw;
    }

    .sanuslife-home .token .img-fullwidth{
        margin-top: 0;
        width: 31vw;
    }

    .sanuslife-home .why-us .img-fullwidth.grafik{
        top: 6vw;
    }

    .h3-hashtag:before {
        width: 60px;
        height: 70px;
        left: -36px;
    }

    .sanuslife-home header {
        padding: 24vw 0 32vw;
    }

    .sanuslife-home header h1:before {
        width: 250px;
        height: 280px;
        top: 74%;
        right: calc(100% + -70px);
        opacity: 0;
    }

    .sanuslife-home header h1.animated:before{
        opacity: 1;
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .cash .img-width-auto {
        width: 25vw;
        left: 21vw;
    }

    .sanuslife-home .app-intro .grid1 {
        gap: 25px;
        width: 100%;
    }

    .sanuslife-home header .img-fullwidth:not(.img-heighlight) {
        top: calc(-21vw + 185px);
        opacity: 0;
        transform: translateY(100px);
    }

    .sanuslife-home header .img-fullwidth.animated:not(.img-heighlight){
        opacity: 1;
        transform: translateY(0);
        transition: all 1.5s ease-in-out 0.2s;
    }

    h1, h2, h1.h2-style {
        letter-spacing: 1px;
    }

    nav.sanuslife-menu .navbar-header .list-unstyled{
        padding-left: 0;
    }

    nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn):not(.planet-link) {
        font-size: 12px !important;
        letter-spacing: 0;
        padding: 19px 6px;
    }

    nav.sanuslife-menu li.dropdown a:not(.color-btn):not([type="submit"]) {
        padding: 9px 6px;
    }

    nav.sanuslife-menu .navbar-nav .dropdown.open .dropdown-menu.produkte-menu{
        min-width: 100vw;
        gap: 20px;
    }

    .sanuslife-home .marketplace .img-fullwidth {
        margin-top: -5%;
    }

    .white-box.hashtag-bg:after{
        left: calc(100% - 200px);
    }
}

@media (max-width: 767px) {
    :root {
        --paragraph-size: 14px;
        --paragraph-size-small: 14px;
        --big-broadcast-font: 60px;
        --h1-size: 40px;
        --h2-size: 40px;
        --h2-size-big: 40px;
        --h3-size: 22px;
        --h3-broadcast-size: 40px;
        --h4-size: 17px;
        --h5-size: 16px;
        --section-padding: 130px;
        --bigger-font: 60px;
    }

    .renumerationplan .grey-shadow:after{
        opacity: 0;
        width: 0;
    }

    .sanuslife2 .renumerationplan .toggle-heading {
        display: inline-block;
        margin: 0 0 20px 30px;
        position: relative;
        width: calc(100% - 40px);
        text-decoration: underline dotted;
        -webkit-text-decoration-color: rgba(30, 36, 70, 0.5); /* Safari */   
        text-decoration-color: rgba(30, 36, 70, 0.5);

    }


    .sanuslife2 .renumerationplan #remunerationplan-no-link {
        text-decoration:none;
    }

        

    .sanuslife2 .renumerationplan .toggle-heading.active{
        opacity:0.3;
    }
    /*.renumerationplan .toggle-heading:before{
        content: '▽';
        width: 20px;
        height: 20px;
        position: absolute;
        left: -25px;
        top: 3px;
        font-size: 18px;
    }

    .renumerationplan .toggle-heading.active:before{
        content: '▷';
        top: 0;
    }
    */
    .renumerationplan .grey-shadow{
        width: calc(100% - 30px);
        padding: 5px 0;
    }

    #karriereplan-header{
        background-position: right 17% bottom 92%;
        background-size: 349%;
    }

    #karriereplan-header h1{
        text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.4);
    }

    .sanuscoin-header {
        height: 500px;
        min-height: unset;
        background-position: center top;

    }

    .sanuscoin-each-project-long {
        max-width: 90vw;
        background: #F2F2F2 0% 0% no-repeat padding-box;
        box-shadow: 0px 50px 60px #00000029;
        border-radius: 20px;
        overflow: hidden;
        padding-bottom: 40px;
        height: unset !important;
    }
    .sanuscoin-each-project-long > div:first-of-type img{
        max-width: 40vw;


    }

    .sanuscoin-each-project-long > div:last-of-type {
        padding: 15px !important;


    }

    .sanuscoin-each-project-long div p{
        font-size: 1.5em;
        line-height: 1.2;
    }
    .sanuscoin-each-project-long a{
        margin-bottom: 60px;
    }



    .project-logo {
        background: white padding-box;
        min-height: 25% !important;
        margin: auto;
        margin-top: auto;
        margin-bottom: auto;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    #three-blue-grid {
        gap: 40px;
        row-gap: 40px !important;
        display: grid;
        grid-template-columns: 1fr !important;
    }

    #three-blue-grid h4{
        padding-left: 20px !important;
        font-size: 40px !important;
    }

    #three-blue-grid p{
        font: normal normal 300 20px/32px Montserrat;
        letter-spacing: 0.72px;
        color: #FFFFFF;
        padding: 15px !important;
        opacity: 1;
        padding-top: 40px;    }


    #three-blue-grid .sanuscoin-each-project{
        background-color: #1E2446;
        padding-bottom: 40px;
        height: unset !important;
    }



    #sanus-coin-explorer-btn{
        transform: translate(67px, 100px) !important;
    }

    #apple-btn{
        transform: translate(-30px, -50px) !important;
    }

    #play-btn {
        transform: translateX(-30px) !important;
    }

    .sanuscoin-floating-app-window {
        max-width: 90vw;

    }

    .sanuscoin-floating-app-window p {
        margin: 15px;
    }
    .sanuscoin-floating-app-window h2 {
        margin: 15px !important;

    }


    #sanuscoin-h2{
        color: var(--sanus-darkblue);
    }


    .sanuscoin-backdrop{
        margin-bottom: -4500px !important;
        margin-top: 1500px !important;
        height: 3000px !important;
    }


    .sanuscoin-features {
        border-radius: 20px;
        display: inline-block !important;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .sanuscoin-list li {
    background: url(/img/sanuscoin/Gruppe_1045_90.png) no-repeat 3px 3px transparent !important;
    list-style-type: none;
    margin: 0;
    margin-left: -50px;
    padding: 1px 0px 10px 70px!important;
    vertical-align: middle;
    background-size: 15% !important;
    }

    .sanuscoin-h1 {
        font-size: 20px;
        line-height: 1.2 !important;
    }



    #top-pic img{
        width:500px;
        background-size: cover;
    }
    #top-pic {
        max-width: 95vw;
    }

    #sanuscoin-sanusapp-img{
        transform: translateY(-100px);
    }

    #sanus-coin-first-grid{
        gap: 40px;
        display: grid;
        grid-template-columns: 1fr;
    }

    .load-img-delay{
        width: 40vw;
        object-fit: contain;
        max-height: 50vw;

    }

    .sanuscoin.sanuscoin-home .blue-gradient-bg{
        height: 1200px;
    }


    .sanusplanet .donation div.individual input{
        font-size: var(--paragraph-size);
        line-height: 1.2;
    }

    .sanusplanet .donation div.individual{
        aspect-ratio: 1 / 0.15;
    }

    .sanuslife2 .pricing-page{
        padding: 0 5px;
    }

    .pricing-page table th.open-table a:not([data-toggle="tooltip"]){
        display: inline-flex;
    }

    .pricing-page .open-table [data-toggle="tooltip"] img{
        margin: -20px 0 0 10px;
    }

    .pricing-page table thead th div,
    .pricing-page #company .sticky-row-premium td div{
        margin: 0 10px;
        display: block;
    }

    html .pricing-page #private table thead tr > th:nth-last-child(1),
    html .pricing-page #company table thead tr > th:nth-last-child(2){
        position: relative;
    }

    html .pricing-page #private table thead tr > th:nth-last-child(1):before{
        content: '';
        position: absolute;
        top: 0;
        left: -3px;
        width: 3px;
        height: 100%;
        background: var(--sanus-private-color) !important;
    }
    html .pricing-page #private table thead tr > th:nth-last-child(1):after{
        content: '';
        position: absolute;
        top: 0;
        right: -3px;
        width: 3px;
        height: 100%;
        background: var(--sanus-private-color) !important;
    }

    html .pricing-page #company table thead tr > th:nth-last-child(2):before{
        content: '';
        position: absolute;
        top: 0;
        left: -3px;
        width: 3px;
        height: 100%;
        background: var(--sanus-company-color) !important;
    }

    html .pricing-page #company table thead tr > th:nth-last-child(2):after{
        content: '';
        position: absolute;
        top: 0;
        right: -3px;
        width: 3px;
        height: 100%;
        background: var(--sanus-company-color) !important;
    }

    .pricing-page table p{
        font-size: 13px;
    }

    .sanusplanet-dashboard-menu .navbar-toggle{
        margin: 7px 0 0;
    }

    .sanuslife2 .sanuslife-academy{
        padding: 0 0 0 0;
    }

    .sanuslife2 .sanuslife-academy section > div{
        padding-left: 35px;
    }

    body .academy-nav{
        top: 115px;
    }

    .dashboard-btns span{
        font-size: 2.5vw;
        bottom: 8%;
    }

    .sp-dashboard .white-box.voting{
        transform: translateX(-50%);
        top: -30px;
        left: 50%;
    }

    .sp-dashboard .single-project{
        display: block;
    }

    .sp-dashboard .single-project > div:nth-of-type(2) {
        padding: 10px 20px 10px 20px;
    }

    .sp-dashboard .single-project > div:nth-of-type(3){
        padding: 10px 20px;
    }

    .sp-dashboard.ranking .white-box{
        padding: 20px 5px;
    }

    .ranking-list{
        padding: 15px;
    }

    .sanusplanet-form .download-link img{
        width: 30px;
    }

    .sanusplanet-form .download-link{
        padding: 0;
    }

    .pl-xs-10{
        padding-left: 10px;
    }

    .pr-xs-10{
        padding-right: 10px;
    }

    .sanusplanet-dashboard-menu .navbar-toggle{
        background: transparent !important;
        border: none !important;
    }

    .sanusplanet-dashboard-menu .navbar-toggle span{
        background-color: white !important;
    }

    .sanusplanet-page .sanusplanet-dashboard-menu{
        padding: 0 29px 3px;
        min-height: 50px;
    }

    .sanuslife-menu.sanusplanet-menu .main-menu-right{
        margin: 0;
    }

    .sanusplanet .donation-box2 input:not([type="checkbox"]):not([type="radio"]),
    .sanusplanet .donation-box2 select,
    .sanusplanet .donation-box3 input:not([type="checkbox"]):not([type="radio"]),
    .sanusplanet .donation-box3 select,
    .sanusplanet .sanusplanet-form input:not([type="checkbox"]):not([type="radio"]),
    .sanusplanet .sanusplanet-form select,
    .sanusplanet .sanusplanet-form input:not([type="checkbox"]):not([type="radio"]),
    .sanusplanet .sanusplanet-form select{
        height: 50px;
        padding: 5px 7px;
    }

    .sanusplanet .section-donation .white-box{
        padding: 20px 12px;
    }

    .sp-dashboard .partnership-bg{
        background-position: 55%;
    }

    .sanusplanet-page .sanusplanet-dashboard-menu{
        top: 98px;
    }

    nav.sanuslife-menu.sanusplanet-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn){
        padding: 5px 0 !important;
    }

    .sanusplanet .section-donation .blatt1{
        right: 0;
        top: -20vw;
    }

    .renumerationplan.sc .cashback-header{
        height: 150px;
    }
    .renumerationplan.sc .coins img{
        height: 65px;
    }

    .planet-header-slider .slick-slide .inner + img, .stimme-slider .slick-slide .inner + img.img-fullwidth{
        height: 500px;
    }

    .sanusplanet #planet-video .d-flex{
        display: block;
    }

    footer.planet-footer img.podcast {
      width: 65px;
      padding: 5px;
    }

    .sp-my-water-bottle{
      background: none;
    }

    .sanusplanet .donate-header{
      height: 350px;
    }

    .sanusplanet .donation{
      gap: 10px;
    }

    .sanusplanet .leo-img:before{
      width: 150px;
    }

    .sanusplanet .img-zertifikat {
      width: 200px;
      bottom: -180px;
      right: 50%;
      transform: translateX(50%);
    }

    .sanusplanet .zertifikat-pfeil{
      display: none;
    }

    .sanusplanet .line:after{
      display: none;
    }

    .sanusplanet .partnership-header{
      height: 350px;
      background-position: 65%;
    }

    .sanuslife2 .sanusplanet{
      padding-top: 10px;
    }

    .renumerationplan.sc table:not(.not) tr > th, .renumerationplan.sc table:not(.not) tr > td {
      font-size: 10px;
      padding: 8px 0;
  }

    .sanusplanet #planet-header{
      background-size: 280%;
    }

    .planet-header-slider .slick-slide img,
    .stimme-slider .slick-slide img.img-fullwidth{
      width: auto;
    }

    .stimme-slider .slick-slide .badge img{
      width: 37px;
    }

    .stimme-slider .slick-slide{
      margin-right: 0;
    }

    .new-style .planet-header-slider .slick-prev,
    .new-style .stimme-slider .slick-prev{
      left: -28px;
    }

    .renumerationplan .navbar-toggle{
      position: fixed;
      left: 0;
      top: 97px;
      background: white;
      border-radius: 0;
      z-index: 11;
      width: 100%;
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.33);
      padding-left: 32px;
    }

    .gradient-border-box > div{
      padding: 25px 30px;
    }

    body .gradient-border-box{
      padding: 5px;
    }

    body .renumerationplan .fixed-nav{
      top: 130px;
      height: calc(100vh - 129px) !important;
    }

    .renumerationplan .navbar-toggle span{
      background: black;
    }

    .renumerationplan{
      padding-left: 0;
    }

    .mobile-btn > button{
      min-width: unset;
      width: 100%;
    }

    .sharing-webpages .d-flex,
    .dashboard-modal .modal-body .d-flex{
      grid-template-columns: 40px 1fr 100px;
      padding: 10px;
    }

    nav.sanuslife-menu li.mitgliedseite{
      position: absolute;
      bottom: -1px;
      width: auto;
      right: 9px;
    }

    .mr-xs-0{
        margin-right: 0 !important;
    }

    .ml-xs-0{
        margin-left: 0 !important;
    }

    .sanuslife-menu .top-menu .dropdown-menu{
        right: 0;
        left: unset;
        padding: 0 15px;
        top: 25px;
    }

    .sanuslife-menu .top-menu > .navbar-collapse > ul.nav{
        display: inline-flex;
        width: calc(100vw - 135px);
        margin: 0;
    }

    .sanuslife-menu .top-menu > .navbar-collapse ul.nav > li{
        justify-content: center;
    }

    footer.finance-footer .footer-bottom ul > li:nth-of-type(4){
        grid-column: 2;
    }

    .finance-footer .footer-top ul.text-right{
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .finance-footer .footer-top ul li > img{
        width: auto !important;
        height: 35px;
    }

    .users-edit .navbar-toggle .icon-bar{
        background-color: black;
    }

    .users-edit .fixed-top{
        height: auto;
        margin-top: 90px;
        width: 100%;
        left: 0;
        z-index: 100;
        background: white;
    }

    .finance .home-header-slider .slick-slide{
        min-height: 350px;
        margin: 0 30px;
    }
    .finance .home-header-slider  .slick-next{
        right: 0;
    }

    .finance .home-header-slider  .slick-prev{
        left: 0;
    }
    .sanuslife-home .home-header-slider .slick-track{
        gap: 0;
    }

    .sanuslife-home .home-header-slider .slick-slide{
        width: 75vw !important;
    }

    footer .footer-bottom img{
        width: 25px;
    }

    footer .footer-bottom ul{
        display: grid !important;
        grid-template-columns: 1fr 35px 35px 35px 35px;
    }

    footer .footer-bottom ul > li:first-of-type,
    footer .footer-bottom ul > li:nth-of-type(2),
    footer .footer-bottom ul > li:nth-of-type(3),
    footer .footer-bottom ul > li:nth-of-type(4){
        grid-column: 1;
    }


    .dashboard-modal .modal-body .d-flex{
        min-width: 100%;
        padding: 10px;
    }

    .dashboard-modal .modal-body .d-flex > img:first-of-type {
        width: auto;
        height: 31px;
    }

    nav.nav-credits.navbar.navbar-sanus.subnavigation{
        top: 100px;
    }

    .dashboard-sc-bg{
        background-position: 100% bottom;
    }

    .flyout_login{
        width: calc(100% - 10px);
    }

	.flyout-center h2.gradient-text {
		font-size: 40px;
	}

	.flyout-center>div {
		display: grid;
		align-items: unset;
		row-gap: 15px;
		grid-template-columns: 1fr 1fr;
	}

	.flyout-center>div>div:first-of-type {
		align-self: center;
	}

	.flyout-center>div>div .status {
		width: auto;
		display: inline-block;
	}

	.flyout-footer p {
		display: grid;
		grid-template-columns: 1fr 60px;
		align-items: center;
	}

	.flyout_login.flyout-static p {
		line-height: 1.4;
		font-size: 16px;
	}

	.flyout_login.flyout-static {
		width: 100%;
	}

    .flyout_login.closed{
        width: 70px;
    }

    .flyout-closed img{
        height: 30px;
    }

    .flyout-closed{
        padding: 10px 12px 10px 5px;
        height: 60px;
    }

    .flyout_login .flyout-closed:after{
        left: 25px;
    }

    .flyout_login{
        top: 175px;
    }

    .dashboard-menu nav > p{
        position: absolute;
        right: 50px;
        top: 6px;
    }

    .dashboard-menu nav button[aria-expanded="true"] + p{
        opacity: 0;
    }

    .pricing-page #private table[data-table="premium"] td[colspan="2"]{
        border-left: 3px solid var(--sanus-private-color) !important;
        border-right: 3px solid var(--sanus-private-color) !important;
    }

    div.pricing-page #private table[data-table="basic"] td.border-left-grey{
        border-right: 3px solid var(--sanus-lightgrey) !important;
    }

    .white-box.hashtag-bg:after{
        display: none;
    }

    .d-block-xs{
        display: block !important;
    }

    .qr-box div img{
        width: 125px;
    }

    .dashboard .section-border {
        border-radius: 0;
        margin-top: 0;
        padding: 30px 6px;
    }

    .dashboard-menu .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-of-type(2){
        transform: rotate(45deg);
        margin-top: 8px;
    }

    .dashboard-menu .navbar-toggle[aria-expanded="true"] > .icon-bar:nth-of-type(3){
        transform: rotate(-45deg);
        margin-top: -2px;
    }

    .dashboard-menu .navbar-toggle[aria-expanded="true"] > .icon-bar:last-of-type{
        display: none;
    }

    .dashboard-menu .navbar-toggle{
        margin: 0;
    }

    .sanuslife-menu .active-message:after{
        width: 12px;
        height: 12px;
    }

    .dashboard-info.inactive{
        transform: translateX(calc(100% - 30px));
    }

    .dashboard-info.inactive button.open{
        left: 0;
    }

    .qr-box > p{
        right: 75px;
    }

    .dashboard h2.right-rotate{
        position: relative;
        transform: none;
        right: unset;
        top: unset;
        text-align: center;
        margin-top: 50px;
    }

    .transparency-box{
        padding: 20px 25px 30px;
    }

    .dashboard-menu{
        width: 100%;
        height: auto;
        top: 108px;
        z-index: 100000000;
        background-color: var(--sanus-lightgrey);
    }

    .dashboard-menu button span{
        background: black;
    }
    .dashboard-content {
        padding-left: 0;
    }

    .qr-box{
        position: relative;
        top: unset;
        right: unset;
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-bottom: 50px
    }

    .dashboard-info{
        padding: 25px 20px 25px 30px;
    }

    .pricing-page .sticky-row,
    .pricing-page .sticky-row-premium,
    .pricing-page .sticky-row2,
    .pricing-page .sticky-row3{
        position: relative !important;
        top: unset !important;
    }

    .sanuslife2 .alert-danger{
        width: 80%;
        left: 10%;
        padding: 10px 20px;
    }

    .sanuslife2 .alert button.close{
        right: -7px;
    }

    .pricing-page #nonprofit td{
        width: 40%;
    }

    .realsponsor-box{
        padding: 30px 25px;
    }

    .sanuslife-menu #menu-collapse.register ul:not(.dropdown-menu){
        float: unset !important;
        display: flex;
        justify-content: center;
    }

    .sanuslife-menu #menu-collapse.register ul:not(.dropdown-menu) > li:nth-child(2){
        display: none;
    }

    .sanuslife-menu .top-menu a:not(.color-accent):not(.planet-btn):not(.planet-link){
        color: #333333 !important;
    }

    .sanuslife-menu .weglot-menu{
        padding-left: 0;
        margin-left: -6px;
    }

    .sanuslife-menu .wg-flags a img.wg-flag{
        margin-right: 3px;
    }

    .pricing-page #company .sticky-row2{
        top: 135px;
    }
    .pricing-page #nonprofit .sticky-row2{
        top: 140px;
    }

    .go-down-btn-sl{
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        right: unset;
        width: 37px;
        height: 37px;
    }

    .sanuslife-home .home-header-slider .slick-slide > div{
        margin: 0;
        border-radius: 15px;
    }

    .sanuslife-home .home-header-slider{
        padding: 0 20px;
    }

    .sanuslife-home .home-header-slider .slick-prev{
        left: -10px;
    }

    .sanuslife-home .home-header-slider .slick-next{
        right: 0;
    }

    .sanuslife-home .home-header-slider .slick-slide:hover{
        width: 75vw !important;
    }

    .sanuslife-home .home-header-slider .slick-slide:hover > div:before{
        background-color: transparent;
    }

    .responsive-btns{
        display: inline-flex !important;
        justify-content: space-between;
        width: 100%;
        gap: 10px;
        padding: 20px 5px 30px;
    }

    .responsive-btns a, .responsive-btns a:focus{
        min-width: unset;
        width: 100%;
    }

    .btn.private-btn.active:hover:after,
    .btn.company-btn.active:hover:after,
    .btn.nonprofit-btn.active:hover:after,
    .btn.private-btn.active:after,
    .btn.company-btn.active:after,
    .btn.nonprofit-btn.active:after{
        left: -7px;
        top: -7px;
        width: calc(100% + 14px);
        height: calc(100% + 14px);
    }

    nav.sanuslife-menu{
        max-width: 100vw;
    }

    .pricing-page .tooltip .tooltip-inner{
        max-width: 100vw;
        min-width: unset !important;
    }

    .pricing-page table,
    .pricing-page table thead tr > td:nth-of-type(2),
    .pricing-page table thead tr > td:nth-of-type(3),
    .pricing-page table thead tr > td:nth-of-type(4),
    .pricing-page table thead tr > td:nth-of-type(5)
    .pricing-page table thead tr > th:nth-of-type(2),
    .pricing-page table thead tr > th:nth-of-type(3),
    .pricing-page table thead tr > th:nth-of-type(4),
    .pricing-page table thead tr > th:nth-of-type(5){
        display: none;
    }

    .pricing-page table[data-table]{
        display: block;
    }
    .pricing-page table[data-table="entry"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="entry"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="entry"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="basic"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="basic"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="basic"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="premium"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="premium"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="premium"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="premium+"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="premium+"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="premium+"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="lite"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="lite"] thead tr > td:nth-of-type(2),
    .pricing-page table[data-table="lite"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="smart"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="smart"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="smart"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="pro"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="pro"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="pro"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="ultra"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="ultra"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="ultra"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="smart+"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="smart+"] thead tr > td:nth-of-type(2),
    .pricing-page table[data-table="smart+"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="pro+"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="pro+"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="pro+"] tbody tr > td:nth-of-type(2){
        display: table-cell;
    }

    .pricing-page table[data-table="free"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="free"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="free"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="free"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="free"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="free"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="free"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="free"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="free"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="entry"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="entry"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="entry"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="entry"] thead tr > td:nth-of-type(2),
    .pricing-page table[data-table="entry"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="entry"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="entry"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="entry"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="entry"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table] tbody tr.light-bg > td,
    .pricing-page table[data-table="basic"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="basic"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="basic"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="basic"] thead tr > td:nth-of-type(2),
    .pricing-page table[data-table="basic"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="basic"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="basic"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="basic"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="basic"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="premium"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="premium"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="premium"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="premium"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="premium"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="premium"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="premium"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="premium"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="premium+"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="premium+"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="premium+"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="premium+"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="premium+"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="premium+"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="premium+"] tbody tr > td:nth-of-type(1),
    .pricing-page table[data-table="premium+"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="premium+"] tbody tr > td:nth-of-type(3):not([colspan="2"]),
    .pricing-page table[data-table="lite"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="lite"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="lite"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="lite"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="lite"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="lite"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="lite"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="lite"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="lite"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="smart"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="smart"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="smart"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="smart"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="smart"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="smart"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="smart"] tbody tr > td:nth-of-type(1):not([colspan="4"]),
    .pricing-page table[data-table="smart"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="smart"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="pro"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="pro"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="pro"] thead tr > th:nth-of-type(5),
    .pricing-page table[data-table="pro"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="pro"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="pro"] tbody tr > td:nth-of-type(1):not([colspan="4"]),
    .pricing-page table[data-table="pro"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="pro"] tbody tr > td:nth-of-type(4),
    .pricing-page table[data-table="ultra"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="ultra"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="ultra"] thead tr > th:nth-of-type(4),
    .pricing-page table[data-table="ultra"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="ultra"] thead tr > td:nth-of-type(4),
    .pricing-page table[data-table="ultra"] thead tr > td:nth-of-type(5),
    .pricing-page table[data-table="ultra"] tbody tr > td:nth-of-type(1):not([colspan="4"]),
    .pricing-page table[data-table="ultra"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="ultra"] tbody tr > td:nth-of-type(3),
    .pricing-page table[data-table="smart+"] thead tr > th:nth-of-type(3),
    .pricing-page table[data-table="smart+"] thead tr > td:nth-of-type(3),
    .pricing-page table[data-table="smart+"] tbody tr > td:nth-of-type(2),
    .pricing-page table[data-table="pro+"] thead tr > th:nth-of-type(2),
    .pricing-page table[data-table="pro+"] thead tr > td:nth-of-type(2),
    .pricing-page table[data-table="pro+"] tbody tr > td:nth-of-type(1){
        display: none;
    }

    .pricing-page table tr td, .pricing-page table tr th {
        padding: 15px 2px;
    }

    .pricing-page table thead tr th{
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .pricing-page .nav-tabs{
        display: flex;
        padding: 0 0 30px 0;
        flex-direction: row;
        gap: 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pricing-page ul.nav.nav-tabs li, .pricing-page ul.nav.nav-tabs li a {
        width: auto;
        letter-spacing: 0;
        margin: 0;
        letter-spacing: 0;
    }
    .pricing-page ul.nav.nav-tabs li a {
        padding: 8px 15px 9px;
    }
    footer .pull-right{
        display: block !important;
    }

    .pricing-page thead{
        top: 110px;
    }

    .pricing-page .sticky-row {
        top: 141px;
    }

    .register-process .tab-pane .d-flex{
        gap: 50px;
    }

    .top-menu .collapse.register{
        display: block;
    }

    .sanuslife-menu #menu-collapse.in{
        display: flex;
        flex-direction: column;
        padding: 20px 0;
    }

    .sanuslife-menu #menu-collapse ul{
        float: left !important;
        margin: 0;
        width: 100%;
    }

    .sanuslife-menu .navbar-toggle{
        margin: 2px 0;
    }

    .sanuslife-menu button.float-left{
        float: unset !important;
    }

    nav.sanuslife-menu .navbar-brand{
        font-size: 18px;
    }

    nav.sanuslife-menu .main-menu-right img{
        width: 25px !important;
        margin: 0 !important;
    }

    nav.sanuslife-menu .main-menu{
        padding: 7px 20px;
    }

    nav.sanuslife-menu .bottom-menu ul{
        float: unset !important;
    }

    nav.sanuslife-menu .collapse ul li a{
        padding: 10px 5px !important;
    }

    .btn.primary-btn{
        white-space: break-spaces;
    }

    .login-page .login-panel{
        width: calc(100% - 50px);
    }

    .login-page .login-body,
    .login-page .login-footer{
        padding: 20px 30px;
    }

    .sanuslife2 .login-page > div:first-of-type{
        padding-top: 40px;
    }

    #trailerme{
        width: 100%;
    }

    .sanuslife-home header .highlights-banner > div{
        grid-template-columns: 1fr;
    }

    .sanuslife-home header .highlights-banner > div > div:first-of-type:after{
        top: calc(100% - 3px);
        width: 100%;
        height: 10px;
        background: var(--linear-gradient);
    }

    .sanuslife-home header .highlights-banner > div > div:last-of-type {
        padding: 20px 15px;
    }

    .sanuslife-home header .img-fullwidth.img-heighlight{
        max-height: 54vw;
    }

    .sanuslife-home header .highlights-banner div div:first-of-type picture,
    .sanuslife-home header .highlights-banner div div:nth-of-type(2) *{
        display: none;
    }

    #app-countdown, #app-countdown *{
        display: inline-block !important;
    }

    .sanuslife-home header .highlights-banner div div:nth-of-type(2) > p:first-of-type,
    .sanuslife-home header .highlights-banner div div:nth-of-type(2) > p.shorttext,
    .sanuslife-home header .highlights-banner div div .more-btn *,
    .sanuslife-home header .highlights-banner div.more div:first-of-type,
    .sanuslife-home header .highlights-banner div.more div:nth-of-type(2) *,
    .sanuslife-home header .highlights-banner div div > h4:first-of-type,
    .sanuslife-home header .highlights-banner div div > h4:first-of-type *,
    .sanuslife-home header .highlights-banner div div:nth-of-type(2) p *{
        display: inline-block;
    }

    .sanuslife-home header .highlights-banner div.more div:nth-of-type(2) .gap-10,
    .sanuslife-home header .highlights-banner div div:nth-of-type(2) .more-btn,
    .sanuslife2 .sanuslife-home header .highlights-banner > div > div:first-of-type:after,
    .sanuslife-home header .highlights-banner div.more div:first-of-type picture{
        display: block;
    }

    .sanuslife-home header .highlights-banner div.more div:nth-of-type(2) .more-btn img{
        transform: rotate(180deg);
        margin-top: 20px;
    }

    .iframe-src-text{
        word-break: break-all;
        opacity: 0;
    }

    .sanuslife-menu .wg-drop.country-selector .wgcurrent:after{
        right: unset;
        left: calc(100% + 10px);
    }

    .sanuslife-menu .wg-drop.country-selector ul{
        position: relative;
        bottom: 0;
    }

    .sanusplanet-page .sanuslife-menu .wg-drop.country-selector ul{
        background: transparent;
    }

    nav.sanuslife-menu .navbar-header .list-unstyled.profile-icon{
        float: right;
        padding-right: 20px;
        padding-top: 16px;
    }

    nav.sanuslife-menu .navbar-header .list-unstyled.profile-icon .dropdown-menu{
        left: unset;
        right: 0;
    }

    nav.sanuslife-menu .navbar-header .list-unstyled.profile-icon .dropdown-menu *{
        color: white;
    }

    .sanusplanet-page footer a img.img-width-auto {
        width: 120px;
        margin: 0 auto;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .dataprivacy table{
        overflow: scroll;
        display: block;
    }

    .dataprivacy p a{
        word-break: break-all;
    }

    .sanuslife-home .super-konto {
        padding: 0 0 150px;
    }

    .sanuslife-home .app-intro{
        margin-bottom: 67vw;
    }

    .sanuslife-home .geld {
        padding: 130px 0 var(--section-padding);
    }

    .sanuslife-home .why-us h2.big {
        right: calc(-50px - 16vw);
        bottom: 45vw;
    }

    .sanuslife-home .why-us .img-fullwidth.grafik{
        position: relative;
        width: 100%;
        left: unset;
        top: unset;
        padding-bottom: 50px;
    }

    .sanuslife-home .blue-leaf {
        width: 33vw;
        left: -5vw;
        top: 28vw;
        z-index: 1;
        opacity: 0;
        transform: translateX(-50px);
    }

    .sanuslife-home .blue-leaf.animated{
        opacity: 1;
        transform: translateX(0px);
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .token .img-width-auto.z-index-5{
        width: 44vw;
        left: -44vw;
        top: 6vw;
    }

    .sanuslife-home .hashtag-blue-bottom-left:before{
        display: none;
    }

    .sanuslife-home header h1:before {
        width: 85px;
        height: 85px;
        top: -17px;
        left: -66px;
        transform: unset;
    }

    .sanuslife-home .intro .top {
        margin-top: -95px;
        padding: 14px 25px 0;
    }

    .sanuslife-home .intro .img-fullwidth{
        width: 80%;
        margin: 0;
    }

    .sanuslife-home .hashtag:before,
    .sanuslife-home .intro .hashtag1:before,
    .sanuslife-home .hashtag-blue-top-left:before,
    .sanuslife-home .hashtag-blue-top-right:before,
    .sanuslife-home .super-konto .hashtag-bg img,
    .sanuslife-home .hashtag-blue-bottom-left:before {
        width: 127px;
        height: 150px;
    }

    .sanuslife-home .intro-privat .pr-30,
    .sanuslife-home .intro-privat .pl-30,
    .sanuslife-home .intro-privat .px-15,
    .sanuslife-home .private .pr-30,
    .sanuslife-home .private .pl-30,
    .sanuslife-home .private .px-15{
        padding-right: 3px;
        padding-left: 3px;
    }

    .sanuslife-home .intro-privat picture img,
    .sanuslife-home .private picture img{
        height: 200px;
    }

    .sanuslife-home .app-intro .grid1{
        display: block;
    }

    .sanuslife-home .hashtag-blue-top-right:before{
        right: -15px;
        top: -70px;
    }
    .general-header {
        height: 230px;
        background-size: cover;
        background-position: bottom;
    }

    .sanuslife-home .token .img-width-auto.z-index-10{
        width: 100px;
        left: unset;
        right: 18px;
        bottom: 32vw;
    }

    .sanusplanet .podcast-img{
      width: 130px;
      right: 0;
      bottom: -50px;
    }

    footer .flex-gap-50:not(.align-items-center){
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 20px;
    }

    footer .flex-gap-50 *{
         text-align: left;

    }
    .sanuslife-home .intro .big{
        display: none;
    }

    .sanuslife-menu .navbar-collapse > ul,
    .sanuslife-menu .navbar-header{
        display: block;
    }

    nav.sanuslife-menu .navbar-nav .dropdown.open .dropdown-menu.produkte-menu{
        display: block;
        min-width: unset;
        transform: unset;
        padding: 0 0 0 45px;
    }

    nav.sanuslife-menu .top-menu li a:not(.color-btn):not([type="submit"]),
    nav.sanuslife-menu .top-menu li a,
    nav.sanuslife-menu .top-menu li span,
    nav.sanuslife-menu .bottom-menu ul li a,
    nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]):not(.planet-btn):not(.planet-link),
    .sanuslife-menu .bottom-menu ul li:not(.weglot-menu) a:not(.color-btn):not([type="submit"]){
        padding: 10px 0;
    }

    nav.sanuslife-menu li.weglot-menu a{
        padding: 0 !important;
    }

    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse[data-menu-name],
    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse [data-menu-name]{
        transform: translateX(-100vw);
        position: fixed;
        left: 0;
        background: white;
        top: 0;
        height: 100vh !important;
        margin: 0 !important;
        border: 0;
        padding: 20px;
        min-width: 80vw;
        z-index: 10000000000;
        max-height: unset;
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .sanuslife-menu .bottom-menu ul li:not(.weglot-menu).active a:not(.color-btn):not([type="submit"]){
        box-shadow: none;
    }

    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse[data-menu-name] li,
    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse [data-menu-name] li{
        padding: 10px 20px;
        border: 1px solid #f2f2f2;
    }

    nav.sanuslife-menu .menu-name{
        background-color: #f2f2f2;
        padding: 20px !important;
    }

    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse [data-menu-name] > ul{
        display: block;
        margin: 0;
    }

    nav.sanuslife-menu.navbar-fixed-top.navbar .navbar-collapse.open,
    nav.sanuslife-menu.navbar-fixed-top.navbar .navbar-collapse [data-menu-name].open{
        transform: translateX(0vw);
        transition: transform 0.4s linear;
    }

    nav.sanuslife-menu.navbar-fixed-top .navbar-collapse button.new-toggle,
    nav.sanuslife-menu.navbar-fixed-top [data-menu-name] button.new-toggle {
        position: absolute;
        right: 20px;
        top: -5px;
        padding: 0;
        margin: 0;
        border: 0;
        line-height: 1;
        height: 100%;
        font-size: 44px;
    }

    nav.sanuslife-menu .top-menu {
        display: grid;
        grid-template-columns: 0 50px 1fr ;
        align-items: center;
        justify-content: center;
    }

    nav.sanuslife-menu .top-menu .navbar-collapse > ul{
        float: unset !important;
        text-align: center;
        justify-content: center;
        display: flex;
        margin: 0 20px 0 0;
        position: relative;
        z-index: 1;
    }

    .sanuslife-home header {
        padding: 150px 0 200px;
        overflow: unset;
    }

    .sanuslife-home .home-header-slider .slick-slide p{
        background: rgba(265,265,265,0.8);
        border-radius: 15px;
        padding: 10px 13px;
    }

    .sanuslife-home header .container > h4{
        left: 20px;
    }

    .sanuslife-home header .img-fullwidth:not(.img-heighlight){
        top: 0;
        right: -2%;
        width: 143%;
    }

    h1, h2, h1.h2-style{
        letter-spacing: 1px;
    }

    .white-box,.gradient-border-box {
        padding: 25px 30px;
    }

    .sanuslife-home .app-intro .img-fullwidth{
        position: relative;
        width: 100%;
        right: unset;
        top: unset;
    }

    .sanuslife-home .token .img-fullwidth{
        width: 80%;
        z-index: 5;
        position: relative;
        margin: 0 0 0 11%;
    }
    .sanuslife-home .marketplace .img-fullwidth {
        margin-top: 0;
        z-index: 5;
        position: relative;
    }
    .d-flex-reverse-xs{
        display: flex;
        flex-direction: column-reverse;
    }

    .mx-30-xs{
        margin-left: 30px;
        margin-right: 30px;
    }

    .mr-30-xs{
        margin-right: 30px;
    }

    .ml-30-xs{
        margin-left: 30px;
    }

    .sanuslife-home .planet .img-width-auto{
        width: 150px;
        left: 20vw;
        top: -5px;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .planet .img-width-auto.animated{
        opacity: 1;
        transform: translateY(0px);
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .pushnotifications img.animated{
        transition: all 1.5s ease-in-out;
    }

    .sanuslife-home .super-konto .hashtag-bg img{
        top: -200px;
        left: -15px;
    }

    .h3-hashtag:before{
        width: 60px;
        height: 70px;
    }

    .sanuslife-home .hashtag:before {
        left: -44px;
        top: -91px;
        z-index: -1;
    }

    .sanuslife-home .intro a > img{
        width: 120px;
    }
    .list-check-blue li:before{
        width: 23px;
        height: 18px;
        left: -32px;
    }

    .list-check-blue{
        padding-left: 33px;
    }

    nav.sanuslife-menu li a:not(.color-btn):not([type="submit"]){
        font-size: 14px !important;
    }

    nav.sanuslife-menu .navbar-header .list-unstyled{
        float: left;
        padding-top: 17px;
    }

    .sanuslife-home .planet .img-fullwidth {
        width: 100%;
        margin: 0;
    }

    .sanuslife-home .multi .img-fullwidth{
        width: 100%;
        margin: 0;
    }

    .sanuslife-home .kontodoku-img{
        width: 150px;
        left: calc(100vw - 176px);
        top: -301px;
    }

    .sanuslife-home .app-intro .vid-wrapper {
        padding-bottom: 170px;
    }

    .gradient-bg2.gap-30{
        height: 20px;
    }

    .sanuslife-home .nature div > div:not(.img-gradient) > picture .img-fullwidth{
        width: 135px;
        left: calc(100vw - 162px);
        bottom: -36px;
    }

    .sanuslife-home .nature .img-width-auto{
        width: 150px;
        left: -15px;
        top: -45px;
        opacity: 0;
        transform: translateY(80px);
    }

    .sanuslife-home .nature .img-width-auto.animated{
        opacity: 1;
        transform: translateY(0px);
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .cash div > div:not(.img-gradient) > picture .img-fullwidth{
        width: 450px;
        left: -115px;
        top: calc(-335px + 103vw);
    }

    .sanuslife-home .app-intro .vid-wrapper > div{
        width: calc(100% - 60px);
        left: 30px;
    }

    .sanuslife-home .vid{
        padding: 0 30px 12vw;
    }

    .sanuslife2 h3{
        margin-top: 0;
    }

    .sanuslife-menu .navbar-header .dropdown-menu li a{
        padding-left: 10px !important;
    }

    footer .footer-top div >  ul > li{
        padding: 7px 0 20px;
    }

    footer .footer-top ul ul li {
        padding-top: 7px;
    }

    footer .d-flex.flex-gap-25 > a img {
        height: 26px;
        margin-top: 12px;
    }

    footer a .img-width-auto{
        margin: 0 40px 32px;
        width: 200px;
        display: block;
    }

    footer .footer-top{
        padding: 50px 0 0;
    }

    footer .pull-right{
        float: unset !important;
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
    }

    .sanuslife-home .geld div > div:not(.img-gradient) > picture .img-fullwidth{
        width: 200px;
        left: calc(100vw - 241px);
        bottom: -4px;
    }

    .sanuslife-home .geld .img-width-auto{
        width: 150px;
        left: -29px;
        top: -79px;
        opacity: 0;
        transform: translateX(-70px);
    }

    .sanuslife-home .geld .img-width-auto.animated{
        opacity: 1;
        transform: translate(0);
        transition: all 1s ease-in-out 0.2s;
    }

    .sanuslife-home .intro .hashtag1:before{
        left: -8vw;
    }

    nav.sanuslife-menu .navbar-brand > img{
        width: 40px;
        margin-right: 10px;
    }

    .sanusplanet-page nav.sanuslife-menu .navbar-brand > img{
        height: auto;
    }

    .row{
        margin-left: -3px;
        margin-right: -3px;
    }

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-left: 3px;
        padding-right: 3px;
    }

    .sanuslife-home .play-btn1,
    .sanuslife-home .play-btn2{
        width: 15vw
    }

    .sanuslife-home .app-intro .img-fullwidth {
        position: relative;
        width: 100%;
        max-width: unset;
        right: unset;
        top: unset;
        margin: 50px auto 0;
        display: block;
    }

    .sanuslife-home .pushnotifications img {
        width: 100%;
        max-width: 370px;
        margin: 0 auto -5%;
        display: block;
    }

    .sanuslife-home .pushnotifications{
        position: relative;
        top: unset;
        left: unset;
        margin: -150px 0 70px;
    }
}


@media (max-width: 390px){

    :root {
        --paragraph-size: 13px;
        --paragraph-size-small: 13px;
        --big-broadcast-font: 55px;
        --h1-size: 40px;
        --h2-size: 32px;
        --h2-size-big: 40px;
        --h3-size: 22px;
        --h4-size: 17px;
        --h5-size: 16px;
        --section-padding: 130px;
    }
}

@media (max-width: 350px){
    .sanuslife-home .cash div > div:not(.img-gradient) > picture .img-fullwidth{
        width: 350px;
    }

    h3{
        letter-spacing: 0;
    }


    .mx-30-xs{
        margin-left: 20px;
        margin-right: 20px;
    }

    .mr-30-xs{
        margin-right: 20px;
    }

    .ml-30-xs{
        margin-left: 20px;
    }
}

@media (max-width: 1023px) {
	.mobile {
		display: block;
	}
	.notMobile {
		display: none;
	}
}
@media (min-width: 1024px) {
	.mobile {
		display: none;
	}
	.notMobile {
		display: block;
	}
}