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

/* source-sans-pro-700 - latin */
@font-face {
	font-family: "source-sans-pro", sans-serif;
	font-display: swap;
	display: auto;
	font-style: normal;
	font-weight: 700;
	src: url("/fonts/source-sans-pro-v14-latin-700.eot");
	/* IE9 Compat Modes */
	src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
		url("/fonts/source-sans-pro-v14-latin-700.eot?#iefix") format("embedded-opentype"),
		/* IE6-IE8 */
		url("/fonts/source-sans-pro-v14-latin-700.woff2") format("woff2"),
		/* Super Modern Browsers */
		url("/fonts/source-sans-pro-v14-latin-700.woff") format("woff"),
		/* Modern Browsers */
		url("/fonts/source-sans-pro-v14-latin-700.ttf") format("truetype"),
		/* Safari, Android, iOS */
		url("/fonts/source-sans-pro-v14-latin-700.svg#SourceSansPro") format("svg");
	/* Legacy iOS */
}

.broadcast-font {
	font-family: "BroadcastMatter" !important;
}

.bigger-font {
	font-size: 1.5em;
}

.sanus-cart.sanus-cart-mobile {
	display: none
}

div.sanus-store-product-card div.product div.single-price {
	min-height: 140px;
}

div.sanus-store-product-card div.product div.teaser {
	min-height: 100px;
	position: relative;
	max-height: 100px;
	text-align: justify;
	overflow: hidden;
	z-index: 99;
}

.well i.fa-chevron-left {
	position: absolute;
	left: 10px;
	top: 37%;
	font-size: 2.4rem;
	color: white;
}

div#homeseite .well.well-open p {
	font-size: 3rem !important;
}

div#homeseite .well.well-open p#well-info {
	font-size: 1.6rem !important;
}

#homeseite .circle-container {
	margin-top: 40px;
	margin-left: 40px;
}

#homeseite .welcome-circle {
	position: relative;
	transform: scale(1.3);
	margin: 100px 0 100px 50px;
}

.well.well-open i.fa-chevron-left {
	top: 45%;
	transform: rotate(180deg);
}

.well #well-info a:hover {
	color: white;
	text-decoration: none;
}

.well #well-info a {
	color: white;
	text-decoration: underline;
}

.well .text-small span {
	font-family: "BroadcastMatter";
	font-size: 3rem;
}

.well-btn {
	border: 2px solid white;
	padding: 8px 20px;
	background: transparent;
	cursor: pointer;
	color: white;
	font-family: "source-sans-pro", sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.6px;
}

.well {
	position: fixed;
	right: 0;
	top: 150px;
	border-radius: 0;
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	border: none;
	padding: 15px 20px 10px 70px;
	display: flex;
	cursor: pointer;
	max-width: 350px;
	z-index: 17990;
}

.well-visible {
	font-size: 3.6rem;
	font-weight: bold;
}

.well-visible span {
	font-weight: normal;
	font-size: 5.6rem !important;
	padding-left: 50%;
}


.well:after {
	content: "";
	position: absolute;
	left: 2vw;
	top: 0;
	height: 100%;
	width: 2px;
	background: white;
}

.well-closed {
	padding: 15px 20px 10px 70px;
}

.well.well-open {
	padding: 55px 20px 40px 70px;
}

.text-small,
#well-info {
	font-size: 1.6rem !important;
	line-height: 2.6rem !important;
}

#well-info {
	display: none;
}

/* new style */

.new-style .white-font {
	color: white !important;
}

.new-style .black-font {
	color: black !important;
}

.new-style .float-right {
	float: right;
}

.new-style .montserrat-font {
	font-family: "montserrat", sans-serif;
}

.new-style .color-btn,
.new-style .color-btn:focus {
	padding: 13px 40px;
	font-size: 18px;
}

.new-style h1 {
	font-family: 'montserrat', sans-serif;
	font-size: 110px;
	letter-spacing: 4.4px;
	line-height: 1.5;
	color: #5D637B;
}

.new-style h1.h1-very-small {
	font-size: 35px;
	letter-spacing: 1.4px;
}

.new-style h2 {
	font-family: "montserrat", sans-serif;
	font-size: 55px;
	letter-spacing: 1.1px;
	line-height: 1.2;
	color: #5D637B;
}

.new-style h3 {
	font-family: "montserrat", sans-serif;
	font-size: 35px;
	letter-spacing: 1.4px;
	line-height: 1.6;
	color: #5D637B;
}

.new-style h4 {
	font-family: "montserrat", sans-serif;
	font-size: 35px;
	letter-spacing: 1.4px;
	line-height: 1.3;
	color: #5D637B;
	font-weight: 400;
}

.new-style h5 {
	font-family: "BroadcastMatter";
	font-size: 140px;
	letter-spacing: 2.8px;
	line-height: 0.8;
	color: #5D637B;
	font-weight: 400;
}

.new-style h6 {
	font-family: "BroadcastMatter";
	font-size: 100px;
	letter-spacing: 0;
	line-height: 1.4;
	color: #5D637B;
}


.new-style h6 a {
	color: #5D637B;
}


.new-style h6 a:hover {
	text-decoration: none;
}

.new-style p {
	font-family: "source-sans-pro", sans-serif;
	font-size: 22px;
	letter-spacing: 0.6px;
	line-height: 1.6;
	color: #5D637B;
}

.sanusplanet-page p,
.sanusplanet-page h1,
.sanusplanet-page h2,
.sanusplanet-page h3,
.sanusplanet-page h4,
.sanusplanet-page h5,
.sanusplanet-page h6 {
	color: #1E2446;
}

.new-style .bold {
	font-weight: bold;
}

.new-style h6.h6-smaller {
	font-size: 80px;
	letter-spacing: 0;
	line-height: 1;
}

.new-style h6.h6-bigger {
	font-size: 120px;
	line-height: 0.7;
	letter-spacing: 2.4px;
}

.new-style .italic {
	font-style: italic;
}

.new-style .text-medium {
	font-size: 18px;
	line-height: 1.4;
}

.new-style .color-btn+.color-btn {
	margin-left: 20px;
}

h2.vertical-line,
h3.vertical-line,
h4.vertical-line,
h6.vertical-line,
h2.horizontal-line,
h3.horizontal-line,
h4.horizontal-line,
h6.horizontal-line {
	position: relative;
	line-height: 1;
}

.new-style .horizontal-gradient-line {
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	width: 100%;
	height: 11px;
	display: block;
}

.new-style .vertical-line:before {
	content: "";
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	width: 10px;
	height: 12vw;
	position: absolute;
	left: -30px;
	bottom: 10px;
	top: unset;
}

.new-style .horizontal-line:before {
	background: -moz-linear-gradient(90deg, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(90deg, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(90deg, #60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(90deg, #60BBEA 0%, #5BDDDD 100%);
	width: 15vw;
	height: 10px;
	margin-left: 0;
	margin-top: 0;
	left: -17vw;
	top: 45%;
	position: absolute;
	content: '';
}

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

.new-style .padding-right {
	padding-right: 5vw;
}

.new-style .padding-left {
	padding-left: 5vw;
}

.new-style .padding-left-none {
	padding-left: 0;
}

.new-style .padding-right-none {
	padding-right: 0;
}

.new-style .padding-bottom-none {
	padding-bottom: 0;
}

.new-style .padding-top-none {
	padding-top: 0;
}

.new-style .margin-none {
	margin: 0;
}

.new-style .regular-text-color {
	color: #5D637B;
}

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

.new-style .blue-font {
	color: #2D83B3;
}

.new-style .darkyellow-font {
	color: #BECC00;
}

.new-style .brown-font {
	color: #BE9B5B;
}

.new-style .d-block {
	display: block;
}

.new-style .form-control {
	background: transparent;
	border: none;
	border-bottom: 2px solid rgba(93, 99, 123, 0.2);
	border-radius: 0;
	box-shadow: none;
}

.new-style label {
	color: #5D637B;
}


.new-style .text-xs {
	font-size: 14px;
}

.new-style .slick-next:before {
	content: '';
	background: url('/img/lifehomepage/down-btn.png') no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
	display: block;
	transform: rotate(-90deg);
	opacity: 1;
}

.new-style .slick-prev:before {
	content: '';
	background: url('/img/lifehomepage/down-btn.png') no-repeat;
	width: 35px;
	height: 35px;
	background-size: 100%;
	display: block;
	transform: rotate(90deg);
	opacity: 1;
}

.new-style .slick-prev,
.new-style .slick-next {
	width: 35px;
	height: 35px;
}

.new-style .slick-prev {
	left: -45px;
}

/*****************/

@media(max-width: 1600px) {
	.well i.fa-chevron-left {
		left: 8px;
	}
}

@media all and (max-width: 1500px) {
	.well:after {
		left: 30px;
	}
}

@media all and (max-width: 1440px) {
	.well i.fa-chevron-left {
		left: 5px;
	}

	body .register-page .container {
		padding: 0 6vw 0 4vw;
	}
}



@media all and (max-width: 991px) {
	.well {
		padding-left: 30px;
		top: 120px;
		max-width: 700px;
	}

	.well-visible span {
		padding-left: 22%;
	}
}

@media (max-width: 767px) {
	.sanus-cart {
		display: none;
	}

	#navbar {
		max-height: 90vh;
	}

	.sanus-cart.sanus-cart-mobile {
		display: block;
	}

	.well i.fa-chevron-left {
		top: 35%;
		left: 3px;
	}

	.well {
		top: 122px;
		padding: 5px 10px 0px 50px;
	}

	.well-visible span {
		padding-left: 50%;
	}


	.well.well-open {
		padding: 30px 20px 30px 50px;
	}
}

@media only screen and (max-width: 768px) {
	.sanus-register-wrapper.step1 .btn-danger {
		white-space: break-spaces;
	}

	div.sanus-store-product-card div.product a>img {
		min-height: 200px;
		max-height: 200px;
	}

	.crossseller-title {
		font-size: 22px;
		font-weight: bold;
		overflow: ellipsis;
		overflow: hidden;
	}
}

@media only screen and (min-width: 768px) {
	div.sanus-store-product-card div.product a>img {
		min-height: 200px;
		max-height: 200px;
	}

	.crossseller-title {
		font-size: 12px;
		font-weight: bold;
		overflow: ellipsis;
		overflow: hidden;
	}
}

.sanus-store-product-card .text .productlink {
	margin: 0em 0;
}

.sanus-store-product-card .text .moreInfo {
	position: relative;
	z-index: 100;
	padding-top: 30px;
	margin-top: -30px;
	background: rgba(255, 255, 255, 0);
	background: -moz-linear-gradient(top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 22%);
	background: -webkit-gradient(left top,
			left bottom,
			color-stop(0%, rgba(255, 255, 255, 0)),
			color-stop(22%, rgba(255, 255, 255, 1)));
	background: -webkit-linear-gradient(top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 22%);
	background: -o-linear-gradient(top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 22%);
	background: -ms-linear-gradient(top,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 22%);
	background: linear-gradient(to bottom,
			rgba(255, 255, 255, 0) 0%,
			rgba(255, 255, 255, 1) 22%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

p {
	font-weight: 300 !important;
}

.font-weight-bold {
	font-weight: 600 !important;
}

div.sanus-store-product-card div.product h3 {
	max-width: 300px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

div.sanus-store-product-card div.product img {
	max-height: 300px;
}

.sanus_credits_charity {
	color: #73beea;
}

#lookup {
	position: absolute;
	width: 100%;
	background: white;
	z-index: 10;
	border-style: ridge;
	display: none;
}

div.lookup {
	min-height: 200px !important;
	margin: 8px !important;
}

div.lookup div.product {
	min-height: 125px !important;
	/*margin: 8px !important;*/
}

div.lookup div.productlink {
	min-height: 70px !important;
}

div.lookup .text .price-infos .price {
	font-size: 0.7em !important;
}

div.lookup .text .single-price .price {
	font-size: 1em !important;
	text-align: center !important;
}

div.lookup div.product a>img {
	min-height: 0px !important;
	max-height: 125px !important;
	width: 100% !important;
}

div.lookup .text .price-infos .name {
	font-size: 0.5em !important;
}

div.lookup .text .price-infos li {
	padding-top: 1em !important;
}

.required label:after {
	content: "*";
	color: red;
}

.content .page-content ul li:before {
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	content: "\e089";
	position: absolute;
	left: 5px;
	top: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* weil die obrige klasse einfluss auf mehreren Seiten hat, muss für tradingpartner -> "so ist der ablauf" das icon extra ausgeblendet werden...*/
.content .page-content ul.process ol li:before {
	display: none;
}

.sanus-companies .page-content ul li:before {
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	content: "";
	position: absolute;
	left: 5px;
	top: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fontnormal {
	font-weight: normal;
}

.balkenhellblau {
	background: #d4e7eb !important;
}

.white {
	background: #ffffff !important;
	padding-left: 75px !important;
}

.slick-slide img {
	display: inline-block;
}

.sanus-product-slide .sanus-product-slide-wrap.slick-slide {
	background: white;
	box-shadow: 0px 4px 8px -4px rgba(0, 0, 0, 0.3);
	margin: 1em 1em;
	padding: 1em;
	min-height: 160px;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 160px;
}

.sanus-fullwidth {
	margin: 0;
}

.slick-prev {
	margin-left: -10px;
}

.slick-next {
	margin-right: -10px;
}

#UserRegisterForm .date ul li.year,
#UserRegisterForm .date ul li.month,
#UserRegisterForm .date ul li.day {
	min-width: 30%;
}

.cart-content table tr input.number {
	padding-right: 0;
}

@media screen and (max-width: 767px) {

	#table-register>.table>tbody>tr>td,
	#table-register>.table>tbody>tr>th,
	#table-register>.table>tfoot>tr>td,
	#table-register>.table>tfoot>tr>th,
	#table-register>.table>thead>tr>td,
	#table-register>.table>thead>tr>th {
		white-space: unset !important;
	}
}

span.footer a {
	color: #333;
}

.cookie_life {
	background: grey;
	position: fixed;
	z-index: 900;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0;
	right: 0;
	top: 60px;
	overflow: hidden;
	background: black;
	background-color: hsla(0, 0%, 0%, 0.7);
	color: white;
	font-size: 13px;
}

.cookie_store {
	background: grey;
	position: fixed;
	z-index: 900;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0;
	right: 0;
	top: 141px;
	overflow: hidden;
	background: black;
	background-color: hsla(0, 0%, 0%, 0.7);
	color: white;
	font-size: 13px;
}

.cookie {
	background: grey;
	position: fixed;
	z-index: 900;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	left: 0;
	right: 0;
	top: 122px;
	overflow: hidden;
	background: black;
	background-color: hsla(0, 0%, 0%, 0.7);
	color: white;
	font-size: 13px;
}

#cookie_ok {
	margin-left: 0px;
}

/*
 @DK Begin
*/

.sanus-accordion .panel-heading .panel-title a strong {
	display: block;
	font-size: 2em;
	line-height: 1.25;
	font-weight: 500;
	text-align: center;
}

.content.sanus-products .panel.products .panel-heading.reg-free,
#reg-free {
	background: #7fa054;
	text-align: center;
}

.content.sanus-products .panel.products .panel-heading.reg-basic,
#reg-basic {
	background: #72beeb;
	text-align: center;
}

.content.sanus-products .panel.products .panel-heading.reg-premium,
#reg-premium {
	background: #314c7c;
	text-align: center;
}

.sanus-accordion .panel-heading .panel-title a .glyphicon {
	top: -18px;
	font-size: 0.5em;
}

.reg-value {
	font-size: 1.66666667em;
	font-weight: 500;
}

.fa-free {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.66666667em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #7fa054;
	font-weight: 400;
}

.fa-basic {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.66666667em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #72beeb;
	font-weight: 400;
}

.fa-premium {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.66666667em;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #314c7c;
	font-weight: 400;
}

.ecaia-blue {
	color: #72beeb;
}

.ecaia-blue-bg {
	background-color: #72beeb !important;
}

.btn-reg {
	display: inline;
}

.wallpaper-ecaia {
	background: url("/img/Ecaia_Header.png") !important;
}

.wallpaper-home {
	background: url("/img/Products_Home_Header1.png") !important;
}

.wallpaper-planet {
	background: url("/img/Header_Planet.png") !important;
}

.wallpaper-world {
	background: url("/img/Header_World.png") !important;
}

.wallpaper-ecaia-ionizer {
	background: url("/img/Ecaia_Header_ionizer.png") !important;
}

.wallpaper-ecaia-carafe {
	background: url("/img/Ecaia_Header_carafe.png") !important;
}

.wallpaper-ecaia-allhygienics {
	background-image: url("/img/Ecaia_Header_allhygienics.png") !important;
}

.wallpaper-ecaia-drops {
	background: url("/img/Ecaia_Header_drops.png") !important;
}

.wallpaper-esori {
	background: url("/img/Esori_Header.png") !important;
}

.wallpaper-esori-start {
	background: url("/img/Esori_Header_start.png") !important;
}

.wallpaper-esori-omega {
	background: url("/img/Esori_Header_omega.png") !important;
}

.wallpaper-esori-minerals {
	background: url("/img/Esori_Header_minerals.png") !important;
}

.wallpaper-esori-vitamins {
	background: url("/img/Esori_Header_vitamins.png") !important;
}

.wallpaper-anacos {
	background: url("/img/Anacos_Header.png") !important;
}

.wallpaper-anacos-deodorant {
	background: url("/img/Anacos_Header_deodorant.png") !important;
}

.wallpaper-anacos-bathsalt {
	background-image: url("/img/Anacos_Header_bathsalt.png") !important;
}

.wallpaper-anacos-bodylotion {
	background: url("/img/Anacos_Header_bodylotion.png") !important;
}

.wallpaper-anacos-handcream {
	background: url("/img/Anacos_Header_handcream.png") !important;
	background-repeat: no-repeat !important;
}

.wallpaper-anacos-facecream {
	background: url("/img/Anacos_Header_facecream.png") !important;
	background-repeat: no-repeat !important;
}

.wallpaper-anacos-hairbody {
	background: url("/img/Anacos_Header_hairbody.png") !important;
	background-repeat: no-repeat !important;
}

.ecaia-prehead {
	background: #303584 !important;
}

.breadcrumb-ecaia {
	background: rgb(255, 255, 255, 0.7) !important;
}

.breadcrumb-esori {
	background: rgb(255, 255, 255, 0.7) !important;
}

.breadcrumb-anacos {
	background: rgb(255, 255, 255, 0.7) !important;
}

.mt-5 {
	margin-top: 100px !important;
}

.mb-3 {
	margin-bottom: 25px !important;
}

.mb-4 {
	margin-bottom: 50px !important;
}

.mb-5 {
	margin-bottom: 100px !important;
}

.mt-4 {
	margin-top: 25px !important;
}

.pl-2 {
	padding-left: 5px;
}

/*
 @DK End
*/

h2 {
	font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-style: normal;
}

.content-wrapper.with-pre-head>.container-fluid .row:first-child>div:first-child {
	margin-top: -44px !important;
}

.header-title {
	font-size: 350% !important;
	font-weight: 200 !important;
	line-height: 40px;
}

.header-grey {
	color: #666666;
}

.btn-ecaia {
	background-color: #303584;
	color: white;
}

.btn-ecaia:hover {
	background-color: #303584;
	color: white;
}

.btn-esori {
	background-color: #afb649;
	color: white;
}

.btn-anacos {
	background-color: #8b6f4b;
	color: white;
}

.ecaia-nav {
	background-color: #303584 !important;
}

.ecaia-sidebar {
	background: #303584 url(/assets/trigger-sanusproducts.png) no-repeat center center !important;
}

.esori-nav {
	background: #afb649 !important;
}

.esori-sidebar {
	background: #afb649 url(/assets/trigger-sanusproducts.png) no-repeat center center;
}

.anacos-nav {
	background: #8b6f4b !important;
}

.anacos-sidebar {
	background: #8b6f4b url(/assets/trigger-sanusproducts.png) no-repeat center center;
}

@media (max-width: 768px) {

	#videoModal .modal-content,
	#videoModal .modal-body {
		padding: 10px;
	}

	.navbar.navbar-sanus .dropdown-menu>li.main>a {
		color: white !important;
	}
}

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

.breadcrumb>li+li:before {
	color: rgba(0, 0, 0, 0.6) !important;
}

.text-white {
	color: white !important;
}

.btn-anacos-deo {
	background-color: #c4a884 !important;
	color: white !important;
}

.panel-anacos {
	background-color: #8b6f4b !important;
}

.panel-anacos-light {
	background-color: #d4c0a5 !important;
}

/* CENTER CLASS */
.sanus-blue {
	color: #72beeb;
}

.pl-2 {
	padding-left: 10px;
}

.pr-2 {
	padding-left: 10px;
}

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

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

.product-text {
	font-size: 180%;
}

.bg-white {
	background-color: white !important;
}

.caption-left {
	left: 17% !important;
	right: 20%;
	padding-bottom: 430px;
}

.font-links>p {
	font-size: 16px !important;
}

.font-links {
	font-size: 16px !important;
	margin-bottom: 10px;
}

/* RESPONSIVE CAROUSEL STYLE /*

/* Carousel base class */
.carousel {
	height: 732px;
	margin-bottom: 60px;
	overflow: hidden;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 732px;
	background-color: #777;
}

.carousel-inner .item .item-child {
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-bathsalt {
	background-position: center center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-planet {
	background-position: top center !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-world {
	background-position: center center;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-bodylotion {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-home {
	background-position: bottom right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-deodorant {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-facecream {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-esori {
	background-position: center center !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-ecaia {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-ecaia-carafe {
	background-position: top right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
}

#mycarousel {
	position: relative;
	top: 0;
}

.carousel-inner .item .item-child-bathsalt {
	background-position: center left;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-hairbody {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-handcream {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-omega {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: auto;
}

.carousel-inner .item .item-child-minerals {
	background-position: center right !important;
	background-size: cover;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0px;
	right: 0;
	width: 100%;
	height: auto;
}

@media (min-width: 767.8px) {
	.carousel-inner .item .item-child-bathsalt {
		background-position: center left;
		background-size: cover;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0px;
		right: 0;
		width: 100%;
		height: auto;
	}

	.carousel-inner .item .item-child-esori {
		background-position: center right !important;
		background-size: cover;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: auto;
	}
}

@media (min-width: 991.8px) {
	.carousel-inner .item .item-child-bathsalt {
		background-position: center left;
		background-size: cover;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0px;
		right: 0;
		width: 100%;
		height: auto;
	}

	.bg-white-transparent {
		background-color: transparent !important;
		padding: 5px;
		border-radius: 25px;
	}

	.bg-dark-transparent {
		background-color: transparent !important;
		padding: 5px;
		border-radius: 25px;
	}
}

@media (min-width: 1199.8px) {
	.carousel-inner .item .item-child-bathsalt {
		background-position: center center;
		background-size: cover;
		position: absolute;
		bottom: 0;
		top: 0;
		left: 0px;
		right: 0;
		width: 100%;
		height: auto;
	}
}

.cc-esori {
	top: 80px !important;
}

/* NAVBAR FIX */
.navbar.navbar-sanus {
	z-index: 100;
}

.bg-white-transparent {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 5px;
	border-radius: 25px;
}

.bg-dark-transparent {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	border-radius: 25px;
}

/* Overwrite theme.css */
.navbar-nav.navbar-dividers>li:not(:first-child)>a {
	padding-left: 10px;
	padding-right: 10px;
}

/* Additional to theme.css */
span.si-icon.si-mapapp:before {
	background-image: url("/img/add_navbar/sanusapp-icon-definitiv.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

span.si-icon.si-cart::before {
	background-image: url("/img/add_navbar/nav-sanus-cart.png");
	/* right: 30px;  */
}

span.si-icon.si-premium::before {
	background-image: url("/img/add_navbar/nav-sanus-premiumicon.png");
	/* left: 10px; */
}

span.si-icon.si-community::before {
	background-image: url("/img/add_navbar/nav-sanus-community.png");
	/* left: 10px; */
}

span.si-icon.si-credits::before {
	background-image: url("/img/add_navbar/nav-sanus-credits.png");
	/* left: 10px; */
}

.color-btn-shop {
	background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	color: #fff !important;
	border: none;
	cursor: pointer;
	letter-spacing: 0.6px;
}

nav .dropdown-toggle,
nav .dropdown a {
	text-decoration: none;
	color: #5d637b;
	font-family: "montserrat", sans-serif;
	font-size: 18px !important;
}

.dropdown-menu {
	border-radius: 0 !important;
	padding: 10%;
}

@media (min-width: 767.8px) {
	.color-btn-shop {
		padding: 15px 22px !important;
		font-family: "source-sans-pro", sans-serif;
		font-size: 1.6rem;
		margin-top: 7px;
		margin-left: 20px;
	}
}

@media (max-width: 767.8px) {
	.color-btn-shop {
		background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
		background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
		background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
		background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
		padding: 10px 10px !important;
		position: relative;
		font-size: 1.6rem;
	}
}

.color-btn-shop:hover {
	-webkit-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	-moz-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	box-shadow: inset 0px 0px 0px 2px #63d4ef;
	background: transparent !important;
	color: #63d4ef !important;
	text-decoration: none;

}

.navbar-fixed-top {
	border: none !important;
}

@media (max-width: 767px) {
	.navbar-nav.navbar-dividers.store li>a.member-note {
		display: block;
		margin: 0;
		padding: 0;
		margin-bottom: 5px !important;
	}
}

.text-green {
	color: #7fa054;
}

/* Registrierungsseite */
#footer-1 {
	background: #f4f4f4;
	padding: 25px 9%;
	padding: 25px 15px;
}

#footer-1 a {
	font-family: "montserrat", sans-serif;
	color: #5d637b;
	letter-spacing: 0.5px;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

#footer-1 ul {
	margin-bottom: 0;
	display: flex;
	justify-content: center;
}

#footer-1 li {
	position: relative;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

#footer-1 li:not(:last-of-type) {
	border-right: 1px solid #5d637b;
}

#footer-1 ul>li>a {
	font-size: 16px;
}

.color-btn,
.color-btn:focus {
	background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	padding: 10px 25px;
	border: none;
	cursor: pointer;
	position: relative;
	color: white;
	font-family: "source-sans-pro", sans-serif;
	font-size: 1.6rem;
	letter-spacing: 0.6px;
	display: inline-block;
	text-align: center;
}

.color-btn:hover {
	-webkit-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	-moz-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	box-shadow: inset 0px 0px 0px 2px #63d4ef;
	background: transparent;
	color: #63d4ef;
	text-decoration: none;
}

#header-registrierung {
	background: url('/assets/register/register-freestart-header.jpg') no-repeat;
	height: 360px;
	margin-top: 0;
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: right;
}

#header-registrierung h1 {
	font-size: 160px;
	color: #5D637B;
	margin: 0;
}

#header-registrierung .subheadline {
	font-size: 30px;
	color: #5D637B;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: -30px;
}

.subnav-top-margin#header-registrierung {
	margin-top: 30px;
}

.multiple-video-btn {
	font-size: 18px;
	line-height: 1;
	display: block;
}

.multiple-video-btn .glyphicon {
	padding-left: 8px;
}

.next-day {
	float: right;
	font-size: 20px;
	color: inherit;
}

.prev-day {
	float: left;
	font-size: 20px;
	color: inherit;
}

.modal-footer {
	border-top: none;
}

.modal {
	top: 60px;
}

#content-registrierung .headline {
	font-size: 60px;
	position: relative;
	letter-spacing: .7px;
	margin-bottom: 70px;
}

#content-registrierung .headline .question-circle {
	font-size: 20px;
	vertical-align: text-top;
}

#content-registrierung .subheadline {
	margin-bottom: 70px;
}

#content-registrierung .choose-register .color-btn.inactive {
	background: transparent;
	color: #63d4ef;
	box-shadow: inset 0px 0px 0px 2px #63d4ef;
}

#content-registrierung .choose-register .color-btn span {
	display: block;
	line-height: 1.3;
}

#content-registrierung .empfehlungsgeber {
	padding: 40px 40px 20px 40px;
	font-size: 18px;
	color: white;
}

#content-registrierung .choose-register {
	display: flex;
	align-items: stretch;
}

#content-registrierung .choose-register .color-btn {
	height: 100%;
	width: 100%;
}

#content-registrierung .choose-register .color-btn:hover {
	background: inherit;
}

.register-1 fieldset {
	padding: 40px;
}

.register-1 h3 {
	text-transform: uppercase;
	font-weight: bold;
	padding: 0;
	margin-bottom: 17px;
	font-size: 18px;
	line-height: inherit;
	margin: 0;
}

#content-registrierung .register-2 .empfehlungsgeber label,
#content-registrierung .register-2 p,
#content-registrierung .register-2 a,
#content-registrierung .register-2 span {
	color: white;
}

#content-registrierung .register-2 a:hover {
	color: #63d4ef;
}

#content-registrierung .register-2 .empfehlungsgeber input {
	border-color: white;
	color: white;
}

#content-registrierung .register-2 .empfehlungsgeber input:focus {
	color: white;
}

.register-datenschutz {
	padding: 0 40px 0px 40px;
}

.register-2 div>.row {
	padding: 0 40px 40px 40px;
}

#UserRegisterForm input,
#UserRegisterForm select,
#UserLoginForm input,
#UserLoginForm select,
#UserPasswordForgottenForm input {
	box-shadow: none;
	border: none;
	border-bottom: 2px solid rgba(93, 99, 123, .2);
	border-radius: 0;
	margin-bottom: 5px;
	background: transparent;
	padding-left: 0;
}

#UserPasswordForgottenForm input {
	max-width: 300px;
}

#UserRegisterForm fieldset legend,
#UserLoginForm fieldset legend {
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	color: #5D637B;
}


#UserRegisterForm input+label,
#UserRegisterForm select+label,
#UserLoginForm input:not([name="remember_me"])+label,
#UserLoginForm select+label,
#UserPasswordForgottenForm input+label,
#UserPasswordForgottenForm select+label {
	text-transform: uppercase;
}

#UserLoginForm fieldset {
	background: #F7F7F7;
	padding: 40px;
}

#UserLoginForm h3,
#UserLoginForm .password-forgotten-modal-link {
	color: #5D637B;
}

#UserLoginForm .password-forgotten-modal-link {
	text-decoration: underline;
	margin-top: 12px;
	display: inline-block;
}

.profile-tile {
	position: relative;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.profile-tile-body {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	width: 190px;
	height: 120px;
}

.profile-tile-edit-link {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #5d637b;
}

.profile-tile-bg-gray {
	background: #f7f7f7;
}

.profile-tile-bg-dark-gray {
	background: #e6e9f4;
}

.profile-tile-bg-dark-gray:hover {
	background: rgba(0, 58, 183, 0.25);
	transition: background 0.15s ease-in;
}

.profile-tile-bg-light-blue {
	background: #d5f1f4;
}

.profile-tile-bg-light-blue2 {
	background: #2CB8CA33;
}

.profile-tile-bg-light-blue2:hover {
	transition: background 0.15s ease-in;
	background: rgba(44, 184, 202, 0.5);
}

.profile-tile-bg-gray2 {
	background: #546CB226;
}

.profile-tile-bg-gray2:hover {
	transition: background 0.15s ease-in;
	background: rgba(84, 108, 178, 0.4);
}

.profile-tile-bg-green {
	background: #9ED54552;
}

.profile-tile-bg-light-green {
	background: rgba(47, 224, 67, 0.1);
}

.profile-tile-bg-light-green:hover {
	transition: background 0.15s ease-in;
	background: rgba(47, 224, 67, 0.3);
}

.profile-tile a:hover {
	text-decoration: none !important;
}

.color-blue {
	color: #2D83B3 !important;
}

.color-dark-blue {
	color: #546CB2 !important
}

.profile-tile-bg-yellow {
	background: #FFFDE6;
}

.profile-tile-headline {
	text-transform: uppercase;
	font-family: 'montserrat';
	font-size: 14px;
	color: #5D637B;
}

.profile-tile-footer {
	background-color: rgba(0, 0, 0, .1);
	min-height: 18px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.profile-tile-footer.bg-transparent {
	background-color: transparent;
}

.profile-tile-progress-bar-progress {
	color: #fff;
	text-align: center;
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
}

/* Member Upgrade */
#UpgradeBasicForm input,
#UpgradeBasicForm select,
#UpgradePremiumForm input,
#UpgradePremiumForm select,
#UpgradeMapForm input,
#UpgradeMapForm select {
	box-shadow: none;
	border: none;
	border-bottom: 2px solid rgba(93, 99, 123, .2);
	border-radius: 0;
	margin-bottom: 5px;
	background: transparent;
	padding-left: 0;
}

#UpgradeBasicForm fieldset legend,
#UpgradePremiumForm fieldset legend,
#UpgradeMapForm fieldset legend {
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	color: #5D637B;
}

#UpgradeBasicForm label,
#UpgradePremiumForm label,
#UpgradeMapForm label {
	color: #5D637B;
}

#UpgradeBasicForm input+label,
#UpgradeBasicForm select+label,
#UpgradePremiumForm input+label,
#UpgradePremiumForm select+label,
#UpgradeMapForm input+label,
#UpgradeMapForm select+label {
	text-transform: uppercase;
}

#content-registrierung .upgrade-headline:before {
	background: none;
}

.upgrade-subheadline {
	font-size: 35px;
	color: #5D637B;
	position: relative;
	padding-left: 48px;
}

.upgrade-subheadline.price {
	font-weight: bold !important;
}

.upgrade-subheadline:before {
	content: "+";
	font-weight: normal !important;
	color: #fff;
	text-align: center;
	line-height: 33px;
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	display: inline-block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	border-radius: 100%;
}

.upgrade-subinfo {
	color: #5D637B;
	padding-left: 52px;
	font-size: 14px;
}

.vorteile-box {
	padding: 40px 40px 100px 40px;
	background: #F7F7F7;
}

.vorteile-box .vorteile-heading {
	font-family: "BroadcastMatter";
	font-size: 60px;
	color: #5D637B;
}

.vorteile-box .vorteile-list {
	list-style: none;
	padding: 0;
}

.vorteile-box .vorteile-list li {
	color: #5D637B;
	line-height: 28px;
	padding-left: 22px;
	position: relative;
}

.vorteile-box .vorteile-list li:before {
	display: inline-block;
	position: absolute;
	left: -6px;
	top: 5px;
	content: " ";
	height: 16px;
	width: 16px;
	background: url('/assets/register/checkmark.png');
	background-repeat: no-repeat;
	background-size: contain;
}

#UpgradeMapForm .lizenzmenge-input {
	border: 2px solid #5D637B;
	text-align: center;
	text-transform: uppercase;
	padding-left: 12px;
	margin-top: 14px;
}

#UpgradeMapForm input[type="file"] {
	height: 31px;
}

#UpgradeMapForm .form-group.file {
	padding-top: 32px;
}

#UpgradeMapForm .form-group.file .file-input-wrapper {
	display: inline-block;
	padding-left: 10px;
	width: 105px;
}

#UpgradeMapForm .form-group.file input {
	border: none;
	width: 105px;
}

/* User Forms */

.user-check-form input,
.user-check-form select {
	box-shadow: none;
	border: none;
	border-bottom: 2px solid rgba(93, 99, 123, .2);
	border-radius: 0;
	margin-bottom: 5px;
	background: transparent;
	padding-left: 0;
}

.user-check-form fieldset legend {
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	color: #5D637B;
}

.user-check-form label {
	color: #5D637B;
}

.user-check-form input+label,
.user-check-form select+label {
	text-transform: uppercase;
}

/* User Check */

.user-check-header h2 {
	font-size: 36px;
	letter-spacing: .7px;
	color: #5D637B;
}

.user-check-header .subinfo {
	color: #5D637B;
	font-size: 14px;
}

.user-check-form .form-header {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #5D637B;
}

.form-group.same-check {
	height: 50px;
}

.iframe-src {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.link-translation {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	max-width: 100%;
	word-wrap: break-word;
}

.sanus-register-wrapper.verification .headline::before {
	content: "";
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	width: 10px;
	height: 150px;
	position: absolute;
	left: -30px;
	top: -116px;
}

.sanus-register-wrapper.verification .headline {
	color: #5D637B;
	font-size: 36px;
	position: relative;
	letter-spacing: .7px;
	margin-bottom: 70px;
}

.sanus-register-wrapper.verification {
	border: none;
	box-shadow: none;
	padding-top: 0;
}

.verification,
.verification a {
	color: #5D637B;
}

.verification a {
	text-decoration: underline;
}

.sanus-register-wrapper.verification .verification-info {
	font-size: 20px;
	letter-spacing: .4px;
	line-height: 28px;
}

.verification-input {
	box-shadow: none;
	border: none;
	border-radius: 0;
	font-size: 20px;
	letter-spacing: 38px;
	border-bottom: 1px solid rgba(93, 99, 123, .2);
	margin-bottom: 10px;
	text-align: center;
}


.verification-modal {
	color: #5D637B;

}

.verification-modal .modal-content {
	border-radius: 0;
	padding: 0 30px 30px 30px;
}

.verification-modal .modal-header {
	border: none;
	text-align: right;
	padding-bottom: 0;
}

.verification-modal .modal-body {
	padding-top: 0;
	padding-left: 20px;
	padding-right: 40px;
}

.verification-modal h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .4px;
}

.verification-modal p {
	line-height: 24px;
	font-size: 16px;
}

.verification-modal .btn-close {
	background: none;
	border: none;
}

.verification-modal .btn-close:after {
	content: "\f00d";
	font-family: "fontawesome";
	font-size: 16px;
}

/* welcome sites */

/* Circle */
.circle-container {
	position: relative;
	width: 480px;
	height: 480px;
	padding: 0;
	list-style: none;
	margin: 80px auto 0;
	background: url('/img/circle/sanuslife_360_kreis_innerer_ring_1@4x-new.png') no-repeat center center;
	background-size: 200px;
	border: 40px solid #f7f7f7;
	border-radius: 50%;
	box-sizing: content-box;
	z-index: 98;
}

.circle-container>* {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -48px;
}

.circle-container>*:nth-of-type(1) {
	transform: rotate(-11deg) translate(162px) rotate(11deg);
	width: 150px;
}

.circle-container>*:nth-of-type(2) {
	transform: rotate(37deg) translate(146px) rotate(-37deg);
	width: 175px;
}

.circle-container>*:nth-of-type(3) {
	transform: rotate(71deg) translate(153px) rotate(-71deg);
	width: 148px;
}

.circle-container>*:nth-of-type(4) {
	transform: rotate(125deg) translate(177px) rotate(-125deg);
	width: 149px;
}

.circle-container>*:nth-of-type(5) {
	transform: rotate(156deg) translate(217px) rotate(-156deg);
	width: 178px;
}

.circle-container>*:nth-of-type(6) {
	transform: rotate(188deg) translate(214px) rotate(-188deg);
	width: 149px;
}

.circle-container>*:nth-of-type(7) {
	transform: rotate(219deg) translate(256px) rotate(-219deg);
	width: 176px;
}

.circle-container>*:nth-of-type(8) {
	transform: rotate(244deg) translate(237px) rotate(-244deg);
	width: 151px;
}

.circle-container>*:nth-of-type(9) {
	transform: rotate(283deg) translate(219px) rotate(-283deg);
	width: 151px;
}

.circle-container>*:nth-of-type(10) {
	transform: rotate(306deg) translate(201px) rotate(-307deg);
	width: 177px;
}

.circle-container img {
	display: block;
	max-width: 100%;
	filter: grayscale(100%);
	transition: .15s;
}

.circle-container img:hover,
.circle-container li.active img {
	filter: grayscale(0);
}

.welcome-circle {
	width: 40%;
	position: absolute;
	top: 0;
}

/* ------------------ */

.header-welcome {
	margin-top: -79px;
	padding: 80px 0;
	background: #F7F7F7;
}

.header-welcome h1 {
	font-size: 123px;
	line-height: 1;
	letter-spacing: 5px;
	color: #5D637B;
}

.header-welcome .welcome-subheader {
	font-size: 35px;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #5D637B;
	line-height: 39px;
}



.header-welcome .welcome-subheader .welcome-type {
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 1px;
	padding: 8px 30px;
	border: 2px solid #546CB2;
	border-radius: 20px;
	vertical-align: middle;
}

.header-welcome .welcome-subheader .welcome-type.basic {
	border-color: #48D3FF;
}

.welcome-content {
	padding-top: 40px;
	padding-bottom: 80px;
}

.welcome-content p {
	color: #5D637B;
	font-size: 18px;
	padding-right: 20px;
}

.welcome-content .welcome-steps .steps-boxes {
	display: flex;
}

.welcome-content .welcome-steps span:first-of-type {
	font-size: 18px;
}

.welcome-content .welcome-steps span:nth-of-type(2) {
	color: #546CB2;
	font-size: 18px;
	letter-spacing: .4px;
	text-transform: uppercase;
}

.welcome-content .welcome-steps .profile-tile {
	text-transform: uppercase;
	color: #5D637B;
}

.welcome-content .welcome-steps .profile-tile .profile-tile-body {
	padding: 0 20px;
	width: 190px;
}

.welcome-content .welcome-steps .steps-boxes {
	margin-top: 20px;
}

.welcome-content .welcome-steps .profile-tile-footer {
	display: none;
}

.welcome-content .steps-boxes .text-box {
	float: left;
}

.welcome-content .steps-boxes .text-box .text-box-headline {
	font-size: 18px;
	font-weight: bold;
	color: #5D637B;
	text-transform: uppercase;
	margin-bottom: 30px;
}


.welcome-content .row>.col-sm-6:nth-of-type(2) {
	margin-top: -70px;
}

.welcome-content .welcome-steps .steps-boxes.premium {
	justify-content: space-between;
}

.welcome-content .welcome-steps .steps-boxes.premium.row {
	justify-content: flex-start;
}

.welcome-content .welcome-steps .steps-boxes.premium.row .text-box {
	margin-right: 20px;
}

.welcome-content .welcome-steps .steps-boxes.premium .profile-tile .sub {
	font-weight: normal;
}

.welcome-content .welcome-steps .steps-boxes.premium .profile-tile:last-of-type .sub {
	font-size: 10px;
}

nav.sanusstore-subnav a.color-btn:hover {
	color: #63d4ef;
	-webkit-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	-moz-box-shadow: inset 0px 0px 0px 2px #63d4ef;
	box-shadow: inset 0px 0px 0px 2px;
}

#content-registrierung label[for="lizenzmenge"] {
	text-transform: uppercase;
	margin: 0;
}

#content-registrierung #lizenzmenge {
	margin-top: 10px;
}

.datenschutz-row .col-lg-6 .col-lg-6>div:first-of-type {
	margin-left: 20px;
	text-align: left;
}

.aktive-lizenzen .name {
	font-family: 'montserrat', sans-serif;
	font-weight: 700;
	font-size: 35px;
	color: #56A08B;
	letter-spacing: 1px;
	line-height: 35px;
	margin: 0;
	text-transform: uppercase;
}

.aktive-lizenzen .licenses-subheader {
	font-family: 'BroadcastMatter';
	font-size: 60px;
	letter-spacing: 1.2px;
	line-height: 57px;
	color: #5D637B;
	margin-top: 20px;
}

.aktive-lizenzen .row-grid-temp {
	display: grid;
	grid-template-columns: 1fr 1fr;
	row-gap: 60px;
	column-gap: 20px;
}

.aktive-lizenzen .row-grid-temp>span:last-of-type {
	grid-column-start: 1;
	grid-column-end: 3;
}

.aktive-lizenzen .row-grid-temp span>.color-btn:nth-of-type(2) {
	margin-left: 30px;
}

.aktive-lizenzen h3 {
	font-family: 'montserrat', sans-serif;
	font-size: 20px;
	line-height: 35px;
	color: #5D637B;
}

.welcome-circle li:hover img,
.welcome-circle li.hovered img {
	transform: scale(1.2);
	transition: transform 0.2s ease-in;

}

.empfehlungsgeber.login {
	background: #F7F7F7;
}

.empfehlungsgeber.login p,
.empfehlungsgeber.login h3 {
	color: #5D637B;
}


.welcome-circle li:hover,
.welcome-circle li.hovered {
	z-index: 99;
}

.licenses-text>div {
	display: none;
}

.licenses-text>div .color-btn+.color-btn {
	margin-left: 30px;
}

.licenses-text div[data-name="welcome-license"] {
	display: block;
}

.aktive-lizenzen h2 {
	color: #5D637B;
}

.licenses-progress-bar-progress {
	width: 100%;
	height: 45px;
	color: #fff;
	text-align: center;
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
}

.licenses-progress {
	background-color: rgba(0, 0, 0, .1);
	height: 45px;
	width: 100%;
}

.licenses-progress-bar-progress p {
	font-size: 22px;
	letter-spacing: 0.4px;
	line-height: 45px;
	color: white;
	font-family: 'montserrat', sans-serif;
}

/* Sanusplanet */

.sanusplanet-page #sanuslife-app .rounded-img {
	border-radius: 10px;
	background: white;
	position: absolute;
	bottom: -155px;
	left: 41px;
	display: block;
	width: 190px;
	padding: 15px;
	box-shadow: -20px 30px 50px #00000029;
}



#planet-header h6 span {
	position: relative;
	z-index: 10;
}

#planet-header h6 span::after {
	content: '';
	background: url('/img/sanusplanet/Pfad 1610.png') no-repeat;
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 150px;
	height: 45px;
	z-index: 1;
	background-size: contain;
}

#planet-header div>h6:nth-of-type(2) {
	display: inline;
}

.papagei-img {
	position: absolute;
	width: 160px;
	top: -145px;
	left: -55px;
}

.sanusplanet #planet-pool {
	background: url('/img/sanusplanet/AdobeStock_183299292.png') no-repeat;
	background-size: cover;
	padding: 10vw 0 0;
	position: relative;
}

#planet-projekte-slider img {
	width: 95%;
}

.planet-qualle {
	position: absolute;
	width: 32vw;
	right: -15vw;
	z-index: 10;
	bottom: -450px;
	animation: swimmingJellyfish 4s ease-in-out infinite;
}

@keyframes swimmingJellyfish {
	0% {
		right: -15vw;
		bottom: -450px;
		transform: scale(0.8);
		opacity: 0.7;
	}

	60% {
		right: -16vw;
		bottom: -440px;
		transform: scale(0.85);
		opacity: 1;
	}

	100% {
		right: -15vw;
		bottom: -450px;
		transform: scale(0.8);
		opacity: 0.7;
	}
}

#planet-projekte .row>div:first-of-type>h4.white-font {
	position: absolute;
	top: 65%;
	left: 64%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

#planet-projekte {
	padding: 9vw 0;
	background: #F7F7F7;
}

#planet-zahlen {
	background: url('/img/sanusplanet/GreenPayment_Sanusplanet_Neu.webp') no-repeat;
	background-size: cover;
	background-position: center top;
	position: relative;
	padding: 10vw 0;
}

#planet-zahlen>div>img {
	width: 14vw;
	position: absolute;
	left: 37vw;
	top: 18vw;
}

.sanusplanet .gruender-img {
	width: 50vw;
	margin-bottom: -4vw;
	margin-top: -15vw;
}

#planet-intro .row>div:nth-of-type(2) img {
	margin-top: -4vw;
}

#planet-pool:before {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: -moz-linear-gradient(90deg, #73B32C 0%, #29B8CB 100%);
	background: -webkit-linear-gradient(90deg, #73B32C 0%, #29B8CB 100%);
	background: -o-linear-gradient(90deg, #73B32C 0%, #29B8CB 100%);
	background: linear-gradient(90deg, #73B32C 0%, #29B8CB 100%);
}

.sanusplanet .color-btn {
	background: linear-gradient(right, #73B32C 0%, #29B8CB 100%);
	background: -webkit-linear-gradient(right, #73B32C 0%, #29B8CB 100%);
	background: -moz-linear-gradient(right, #73B32C 0%, #29B8CB 100%);
	background: -o-linear-gradient(right, #73B32C 0%, #29B8CB 100%);
}

.sanusplanet .color-btn:hover {
	background: white;
}

.sanusplanet .planet-pool-img {
	width: 50vw;
	position: absolute;
	right: 0;
	top: 5%;
}

#planet-involved {
	position: relative;
	margin: 9vw 0 6vw;
	padding: 6vw 0;
}

.sanusplanet .hummel-img {
	position: absolute;
	right: 0%;
	bottom: 3vw;
	animation: flyingBumblebee 5s ease-in-out infinite;
	width: 14vw;
}

@keyframes flyingBumblebee {
	0% {
		right: 9vw;
	}

	50% {
		right: 7vw;
	}

	100% {
		right: 9vw;
	}
}

#planet-involved:after {
	content: '';
	width: 91%;
	height: 89.7%;
	position: absolute;
	right: 0;
	top: 0;
	border: 4px solid #74B42B;
	border-right: none;
}

#planet-involved:before {
	content: '';
	background: url('/img/sanusplanet/GET_INVOLVED_Ranke_1.png') no-repeat;
	background-position: right top;
	background-size: auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -9vw;
	right: 0;
}

#planet-involved h6 {
	line-height: 0.8;
	margin-top: 1vw;
}

#planet-involved .row {
	position: relative;
	z-index: 10;
}

#sanusplanet-podcast div>a:first-of-type img {
	width: 7vw;
}

#sanusplanet-podcast div>a img {
	width: 10vw;
	margin-right: 20px;
}

.sanusplanet #sanusplanet-podcast {
	background: url('/img/sanusplanet/Maggy-Podcast_MG_9420.jpg') no-repeat;
	background-size: cover;
	background-position: right top;
	padding: 6vw 0 10vw;
}

#planet-satz {
	padding-bottom: 3vw;
}

#planet2-header {
	background: url('/img/sanusplanet/Schnittmenge 7.jpg') no-repeat;
	background-size: 100%;
	height: 24vw;
}

#planet2-header .container-none {
	height: 100%;
}

#planet2-header .row {
	display: flex;
	align-items: center;
	height: 100%;
}

#planet2-filter button:before {
	content: '';
	background-repeat: no-repeat;
	width: 32px;
	height: 100%;
	max-height: 29px;
	background-position: center;
	background-size: contain;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translate(0%, -50%);
}

#planet2-filter button {
	border-radius: 0;
	background: white;
	font-size: 18px;
	font-family: 'Montserrat';
	padding: 10px 15px 10px 60px;
	border-radius: 10px;
}

#planet2-filter button.ocean-btn:before {
	background-image: url('/img/sanusplanet/Group.png');
}

#planet2-filter button.ocean-btn.active:before {
	background-image: url('/img/sanusplanet/Gruppe 1208.png');
}

#planet2-filter button.ocean-btn {
	position: relative;
	color: #2D83B3;
	border: 2px solid #2D83B3;
}

#planet2-filter button.ocean-btn.active {
	background: #2D83B3;
	color: white;
}

#planet2-filter button.nature-btn:before {
	background-image: url('/img/sanusplanet/noun_Flower_3581818.png');
}

#planet2-filter button.nature-btn.active:before {
	background-image: url('/img/sanusplanet/noun_Flower_3581818-1.png');
}

#planet2-filter button.nature-btn {
	position: relative;
	color: #74B42B;
	border: 2px solid #74B42B;
}

#planet2-filter button.nature-btn.active {
	background: #74B42B;
	color: white;
}

#planet2-filter button.animals-btn:before {
	background-image: url('/img/sanusplanet/noun_Bird_3581825.png');
}

#planet2-filter button.animals-btn.active:before {
	background-image: url('/img/sanusplanet/noun_Bird_3581825-1.png');
}

#planet2-filter button.animals-btn {
	position: relative;
	color: #BECC00;
	border: 2px solid #BECC00;
}

#planet2-filter button.animals-btn.active {
	background: #BECC00;
	color: white;
}

#planet2-filter button.people-btn:before {
	background-image: url('/img/sanusplanet/noun_person_3581820-br.png');
}

#planet2-filter button.people-btn.active:before {
	background-image: url('/img/sanusplanet/noun_person_3581820.png');
}

#planet2-filter button.people-btn {
	position: relative;
	color: #BE9B5B;
	border: 2px solid #BE9B5B;
}

#planet2-filter button.people-btn.active {
	background: #BE9B5B;
	color: white;
}

#planet2-filter button {
	margin-right: 20px;
}

.sanusplanet .each-project {
	box-shadow: 3px 3px 20px #00000017;
	border-radius: 20px;
	overflow: hidden;
}

#sanusplanet-podcast .row>div>img {
	width: 23vw;
	margin-left: -1.3vw;
}

#projects-donate .form-group {
	padding-right: 25px;
}

#projects-donate>.container-none>.row>div {
	background: #F7F7F7;
	padding: 5vw 0 8vw;
}

#planet2-filter {
	padding: 5vw 0 3vw;
}

#planet2-filter #sortierung {
	border: 2px #5D637B solid;
	font-size: 14px;
	font-family: 'Montserrat';
	padding: 10px 15px;
	border-radius: 10px;
}

.project-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.project-badges {
	float: right;
	margin-right: 1.5vw;
	margin-top: 6px;
}

.project-badges img {
	width: 3vw;
	border-radius: 10px;
}

.project-infos .summe {
	font-family: 'Montserrat';
	font-size: 32px;
	white-space: nowrap;
}

#projects-donate {
	padding: 8vw 0;
}

.project-infos {
	padding: 30px;
}

.project-infos>.row>div:first-of-type {
	padding-right: 30px;
}

#projects-donate span.text-xs {
	color: #5D637B;
	font-family: "source-sans-pro", sans-serif;
	letter-spacing: 0.2px;
}

#projects-donate span.text-xs a {
	color: inherit;
	text-decoration: underline;
}

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

.each-project .project-infos p a {
	color: inherit;
	text-decoration: underline;
}


/******/

ul.list-dots li::marker {
	color: #5D637B;
	font-size: 20px;
}

@media all and (max-width: 768px) {
	.member-registrierung#header-registrierung {
		margin: -60px 0 60px 0;
		padding: 0 14px;
	}

	#header-registrierung.freestart {
		margin: -60px 0 60px 0;
		padding: 0 14px;
	}

	.datenschutz-row .mt-5 {
		margin-top: 20px !important;
	}

	.datenschutz-row .col-lg-6 .col-lg-6>div:first-of-type {
		margin-left: 0;
	}

	.tiles-premium {
		margin-top: 40px;
	}

	.welcome-steps.welcome-steps-map-2 .text-box {
		margin-top: 20px;
	}

	.welcome-content .video-wrapper {
		margin: 20px 0 40px 0;
	}

	.welcome-map-last-btn>div {
		text-align: center;
	}

	.second-subnav .navbar {
		display: none;
	}


	.header-welcome {
		padding: 40px 0 20px;
	}

	.register-page .header-welcome h1 {
		font-size: 60px;
	}

	.welcome-content .video-wrapper {
		top: 0;
	}

	.welcome-content .video-wrapper {
		max-width: 100%;
		width: 100%;
	}

	.welcome-content .video-wrapper iframe {
		max-width: 100%;
		width: 100%;
		height: 200px;
	}

	.subnav-top-margin#header-registrierung {
		margin: -60px 0 0 0;
	}

	.subnav-top-margin#header-registrierung .container {
		margin: 0 14px;
	}

	.sanus-register-wrapper.verification .headline::before {
		display: none;
	}
}

/* Login Flyout */

.flyout_login.closed {
	width: 140px;
	cursor: pointer;
	background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
}

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

.flyout_login .flyout-head {
	background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	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;
}

.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: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	-webkit-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;
	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;
}

.register-2>div>div.row {
	display: flex;
	align-items: flex-end;
}

@media(max-width: 480px) {



	.register-page .row .welcome-circle {
		transform: scale(0.6);
		margin-top: -50px;
		height: 480px;
	}

	.welcome-content .welcome-steps .steps-boxes.premium {
		flex-direction: column;
		margin-bottom: 60px;
	}

	.flyout_login {
		width: 95vw;
		top: 140px;
	}

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

	.flyout_login.closed {
		width: 75px;
	}

	.flyout-closed {
		padding: 12px 10px 12px 5px;
		height: 60px;
	}

	.flyout_login .flyout-closed:after {
		left: 25px;
	}

	.register-page .welcome-content .welcome-steps .profile-tile .profile-tile-body {
		width: 150px;
	}

	.register-page .header-welcome h1 {
		font-size: 52px;
	}

	.header-welcome .welcome-subheader .welcome-type {
		font-size: 15px;
		padding: 8px 16px;
	}

	.header-welcome .welcome-subheader {
		font-size: 16px;
	}
}

/* profile pages */

.grey-blue {
	color: #5D637B;
}

.profile h1 {
	font-family: 'BroadcastMatter';
	font-size: 123px;
	letter-spacing: 5px;
	line-height: 123px;
	color: #5D637B;
}

.profile-image {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	position: absolute;
	left: -180px;
	top: 0;
}

.profile-image img {
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.profile .name {
	font-family: 'montserrat', sans-serif;
	font-weight: 700;
	font-size: 35px;
	color: #56A08B;
	letter-spacing: 1px;
	line-height: 35px;
	margin: 0;
	text-transform: uppercase;
}

.profile a.edit-profile {
	font-family: "source-sans-pro", sans-serif;
	color: #5D637B;
	font-size: 10px;
	line-height: 21px;
	font-weight: 400;
}

.profile h3 {
	font-family: 'montserrat', sans-serif;
	font-size: 20px;
	line-height: 35px;
	color: #5D637B;
	text-transform: uppercase;
}

.profile p.id-nummer {
	color: #56A08B;
	font-family: 'montserrat', sans-serif;
	font-size: 15px;
	letter-spacing: 0.5px;
	line-height: 20px;
	font-weight: 500 !important;
}

.profile .status {
	font-family: 'montserrat', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	color: #5D637B;
	text-transform: uppercase;
	border: #2D83B3 solid 2px;
	border-radius: 13px;
	display: inline-block;
	padding: 2px 16px;
	margin-bottom: 0;
}

#profile-free.profile .status {
	border-color: #9ED545;
}

.profile-videos-container {
	padding: 5px 25px 30px 25px;
	width: 23vw;
	background-color: #f7f7f7;
}

.profile .color-btn {
	font-size: 12px;
	font-family: 'montserrat', sans-serif;
	letter-spacing: 0.5px;
	white-space: nowrap;
	line-height: 1.5;
}

.register-1-2 .einrichtung input {
	margin-right: 10px;
	text-transform: uppercase;
}

.profile-infos {
	display: flex;
	align-items: flex-end;
	height: 105px;
}

.standard-link {
	color: #5D637B !important;
	font-size: 15px;
	line-height: 1.8;
}

#content-registrierung .info-text {
	padding: 4% 30px 5% 50px;
}

#content-registrierung .info-text label {
	margin-left: 25px;
}

#content-registrierung .info-text p {
	font-size: 18px;
	line-height: 1.8;
	color: #5D637B;
	font-weight: 400 !important;
}

.container-small {
	padding: 0 4.5vw 0 14vw;
	position: relative;
}

.profile-image-row {
	position: relative;
}


.profile h3.sc-guthaben {
	font-size: 35px;
	line-height: 45px;
	font-weight: 700;
	margin: 0 0 15px 0;
}

.karriere-infos {
	display: flex;
	justify-content: space-between;
	border-bottom: #F7F7F7 solid 2px;
}

div>.karriere-infos:last-of-type {
	border-bottom: none;
}

.profile .karriere-infos p {
	font-family: 'montserrat', sans-serif;
	font-weight: 500 !important;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 19px 0 7px 0;

}

.profile .karriere-infos>p:first-of-type {
	color: #5D637B;

}

.profile .karriere-infos>p:nth-of-type(2) {
	color: #56A08B;
	text-align: right;
}

.profile p {
	font-family: "source-sans-pro", sans-serif;
	font-size: 14px;
	color: #5D637B;
	line-height: 21px;
	font-weight: 400 !important;
	letter-spacing: 0.2px;
}

.profile .switch {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 25px;
}

.profile .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.profile .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ABABAB;
	-webkit-transition: .4s;
	transition: .4s;
}

.profile .slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 4px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

#profile-free .flex,
#profile-basic .flex,
#profile-premium .flex {
	display: flex;
}

.flex img.schon-geladen-img {
	width: 6vw;
	margin: 0;
}


#profile-free .align-center,
#profile-basic .align-center,
#profile-premium .align-center {
	align-items: center;
}

.profile input:checked+.slider {
	background-color: #9ED545;
}

.profile input:focus+.slider {
	box-shadow: 0 0 1px #9ED545;
}

.profile input:checked+.slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

.profile .slider.round {
	border-radius: 34px;
}

.profile .slider.round:before {
	border-radius: 50%;
}

.profile-newsletter {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
}

.container-small .col-lg-4,
.container-small .col-lg-3,
.container-small .col-lg-2,
.container-small .col-lg-1,
.container-small .col-lg-5,
.container-small .col-lg-6,
.container-small .col-lg-7,
.container-small .col-lg-8,
.container-small .col-lg-9,
.container-small .col-lg-10,
.container-small .col-lg-11,
.container-small .col-lg-12 {
	padding: 0 15px;
}

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

.lizenz-pfeil {
	transform: scaleY(-1) rotate(-50deg);
	width: 150px;
	position: absolute;
	right: 20px;
	bottom: -90px;
}

.profile>section:last-of-type {
	padding: 7vw 0 7vw 0;
}

.member-circle img {
	width: 100%;
}

.sc-guthaben img {
	width: 35px;
	margin-right: 5px;
}

a.schnellzugriff {
	width: 140px;
	height: 125px;
	text-align: center;
	background: #F7F7F7;
	display: flex;
	align-items: center;
	margin-right: 20px;
	justify-content: center;
	color: #5D637B;
	font-size: 14px;
	font-family: 'montserrat', sans-serif;
}

a.schnellzugriff:hover {
	text-decoration: none;
	color: #5D637B;
}

.schnellzugriff-container {
	display: flex;

}

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

.circle-profile li p span {
	color: white;
	font-size: 14px;
	line-height: unset;
}

.circle-profile li p {
	position: absolute;
	bottom: 50%;
	right: 50%;
	color: white;

}

.circle-profile h3 a {
	font-size: 13px;
	color: #5D637B;
	text-transform: initial;
	text-decoration: underline;
}


.circle-profile .circle-container>li:first-of-type p {
	transform: translate(34%, 84%) rotate(44deg);
}

.circle-profile .circle-container>li:nth-of-type(2) p {
	transform: translate(52%, 57%) rotate(12deg);
}

.circle-profile .circle-container>li:nth-of-type(3) p {
	transform: translate(50%, 59%) rotate(102deg);
}

.circle-profile .circle-container>li:nth-of-type(4) p {
	transform: translate(66%, 87%) rotate(-51deg);
}

.circle-profile .circle-container {
	width: 300px;
	height: 300px;
	padding: 0;
	list-style: none;
	margin: 35px 0 0 20px;
	background: url("/img/circle/sanuslife_360_kreis_innerer_ring_1@4x.png") no-repeat center center;
	background-size: 250px;

}

#profile-basic .circle-profile .circle-container li.active img {
	filter: none;
}

#profile-section-padding {
	padding: 0 0 20px 0;
}

#profile-section-padding .row>div {
	margin-top: -40px;
}

.edit-profile-image {
	position: absolute;
	color: black;
	top: 75%;
	right: 25px;
	font-size: 1.7rem;
	cursor: pointer;
}

.circle-profile .circle-container>* {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px;
	width: 200px;
	height: 200px;
}

.circle-profile .circle-container>*:nth-of-type(1) {
	transform: rotate(-45deg) translate(150px) rotate(45deg);
}

.circle-profile .circle-container>*:nth-of-type(2) {
	transform: rotate(45deg) translate(150px) rotate(-45deg);
}

.circle-profile .circle-container>*:nth-of-type(3) {
	transform: rotate(135deg) translate(150px) rotate(-135deg);
}

.circle-profile .circle-container>*:nth-of-type(4) {
	transform: rotate(225deg) translate(150px) rotate(-225deg);
}

.circle-profile .circle-container img {
	display: block;
	max-width: 100%;
	filter: grayscale(100%);
	transition: .15s;
}

.circle-profile .circle-container li:hover img {
	filter: grayscale(0);
}

.profile .profile-padding {
	padding-right: 50px;
}

.schnellzugriff-container>a:first-of-type img {
	height: 100px;
}

.schnellzugriff-container>a:nth-of-type(2) img {
	height: 100px;
	margin-left: 10px;
}

.schnellzugriff-container a:hover img {
	height: 120px;
	transition: height 0.2s linear;
}

.profile h2 {
	font-family: 'montserrat';
	font-size: 55px;
	letter-spacing: 2.2px;
	line-height: 65px;
	color: #5D637B;
}

#profile-du-moechtest {
	background-color: #F7F7F7;
	padding: 4vw 0;
}

.profile h5 {
	font-family: 'Broadcastmatter';
	font-size: 60px;
	letter-spacing: 1.2px;
	line-height: 57px;
	color: #5D637B;
}

#profile-newsletter {
	padding-bottom: 5vw;
}


.profile h4 {
	font-family: 'montserrat';
	font-size: 35px;
	line-height: 67px;
	letter-spacing: 0.7px;
	color: #5D637B;
	position: relative;
}

.profile .horizontal-line::before {
	content: "";
	background: -moz-linear-gradient(0deg, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(0deg, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(0deg, #60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(0deg, #60BBEA 0%, #5BDDDD 100%);
	width: 14vw;
	height: 10px;
	position: absolute;
	left: -15vw;
	bottom: 20px;
	z-index: 100;
	margin-left: 0 !important;
}

.profile .profile-padding-left {
	padding-left: 0;
}

.profile .profile-padding-right {
	padding-right: 0;
}

.profile .welcome-circle {
	width: 100%;
}

.profile .profile-padding-left p {
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 28px;
}

.profile-padding-right img {
	margin-left: -20%;
	width: 9vw;
}

#profile-du-moechtest h5 {
	padding-left: 8%;
	width: 110%;
}

#profile-section-padding2 {
	padding-bottom: 30px;
}

.profile .welcome-circle li img {
	filter: grayscale(1);
}

.profile .welcome-circle img:hover,
.profile .welcome-circle li.active img {
	filter: grayscale(0);
}

.register-page .container {
	padding: 0 8vw 0 6vw;
	max-width: unset;
	margin: 0 !important;
	width: 100%;
}

.register-page .circle-container {
	margin-top: 0;
}

#content-registrierung form label {
	display: block;
	margin-left: 0px;
}

.verein .required .radio label:after {
	display: none;
}

.verein .radio .radio {
	display: inline-block;
	margin-left: 5px;
}

.verein>.radio>label {
	padding-left: 5px;
}

#content-registrierung .accept-input span::after,
.datenschutz-row label span:after {
	content: "*";
	color: red;
}

#content-registrierung .schritt-2 div,
#content-registrierung .schritt-3 div,
.datenschutz-row .datenschutz>div {
	display: flex;
	color: #5D637B;
}

#content-registrierung .schritt-2 div label,
#content-registrierung .schritt-3 div label,
.datenschutz-row .datenschutz>div label {
	margin-left: 5px !important;
}



#content-registrierung .schritt-2 p,
#content-registrierung .schritt-3 p {
	color: #5D637B;
}

.second-subnav .navbar,
.sanusstore-subnav.navbar {
	min-height: unset;
	z-index: 10;
	box-shadow: 0px 1px 10px #00000029 inset, 0px 1px 4px #00000029;
	top: 60px;
}

nav.second-subnav .navbar.header,
.sanusstore-subnav .navbar-header {
	width: 100%;
}

nav.sanusstore-subnav ul>li:first-of-type {
	padding-right: 0px;
	padding-bottom: 10px;
}

nav.second-subnav a,
nav.sanusstore-subnav a,
nav.sanusstore-subnav p:not(.broadcast-font) {
	color: #5D637B;
	font-size: 1.6rem;
	font-family: 'montserrat';
	line-height: 1;
}

nav.second-subnav .navbar-nav>li:first-of-type a,
.sanusstore-subnav .navbar-nav>li:first-child a {
	padding-left: 5px;
}

nav.sanusstore-subnav a.color-btn {
	color: white;
	padding: 10px 20px;
	float: left;
	font-size: 1.4rem;
}

nav.second-subnav a,
nav.sanusstore-subnav a,
nav.sanusstore-subnav p:not(.broadcast-font) {
	color: #5D637B;
	font-size: 1.6rem;
	font-family: 'montserrat';
	line-height: 1;
}

nav.sanusstore-subnav ul li p.broadcast-font {
	font-size: 5.4rem;
	color: #56A08B;
	position: absolute;
	top: 0;
	transform: rotate(-10deg);
	z-index: 9;
	opacity: 1 !important;
}

nav.sanusstore-subnav p {
	padding-top: 20px;
}

nav.sanusstore-subnav a.outline-btn {
	line-height: 1;
	font-size: 1.4rem;
	float: left;
	padding: 10px 20px;
	border: 2px solid #5D637B;
}


nav.second-subnav a,
nav.sanusstore-subnav a,
nav.sanusstore-subnav p:not(.broadcast-font) {
	color: #5D637B;
	font-size: 1.6rem;
	font-family: 'montserrat';
	line-height: 1;
	letter-spacing: 1.2px;
}


nav.sanusstore-subnav .container-fluid {
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

nav.sanusstore-subnav ul>li {
	padding-bottom: 10px;
	padding-right: 30px;
}

nav.sanusstore-subnav p {
	font-size: 2.4rem;
	letter-spacing: 1.2px;
	line-height: 3.8rem;
}

.welcome-circle img.mobile-circle-img {
	display: none;
}

/* Profile Subnav */

.content>.profile {
	padding-top: 70px;
}

.profile-subnav {
	box-shadow: 0px 1px 10px #00000029 inset, 0px 1px 4px #00000029;
	top: 65px;
	z-index: 99;
	min-height: unset;
}

.profile-subnav .navbar-header {
	width: 100%;
}

.profile-subnav .navbar-nav>li:first-child a {
	padding-left: 5px;
}

.profile-subnav .navbar-nav a {
	padding: 20px 30px;
}

.profile-subnav .container-fluid {
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 10px;
	padding-right: 10px;
}

.logged-in-padding {
	padding-top: 60px;
}

/************/

#content-registrierung .date {
	display: flex;
	flex-direction: column;
}



input[type="date"] {
	position: relative;
}

input[type="date"]:after {
	content: "\e109";
	color: #555;
	padding: 0 5px;
	font-family: 'Glyphicons Halflings';
}


input[type="date"]:hover:after {
	color: #bf1400;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	color: transparent;
	background: transparent;
}

input[type="date"]::-webkit-inner-spin-button {
	z-index: 1;
}

input[type="date"]::-webkit-clear-button {
	z-index: 1;
}

#content-registrierung .unternehmenname {
	display: none;
}

#content-registrierung select {
	padding-left: 0;
}

.register-1 fieldset {
	background: #F7F7F7;
	height: 100%;
	margin-right: 20px;
}

.register-2>div {
	background: #1E2446;
	height: 100%;
	margin-left: 20px;
}

.register-1-2 {
	display: flex;
	align-items: stretch;
}


.register-1 fieldset>.row>div {
	margin-top: 30px;
}

.empfehlungsgeber span,
.empfehlungsgeber label {
	font-size: 14px;
}

#content-registrierung .register-2 label {
	margin-left: 15px;
}

.user-edit-text p {
	color: #5D637B;
	font-size: 16px;
}

.user-edit-text {
	margin-top: 40px;
}

/* Downloadcenter */
#download-videos .list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 70px;
}

.downloadcenter .vertical-line {
	position: relative;
}

.downloadcenter .vertical-line:before {
	content: "";
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	width: 10px;
	height: 10vw;
	position: absolute;
	left: -30px;
	bottom: 7px;
}

.documents div.list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

a.color-btn:focus {
	outline: none;
	color: white;
	text-decoration: none;
	background: linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -moz-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(right, #60BBEA 0%, #5BDDDD 100%);
}

.downloadcenter header {
	background: url('/img/mediacenter-header-3000px.jpg') no-repeat;
	background-size: cover;
	height: 27vw;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}



.downloadcenter h1 {
	font-size: 80px;
	line-height: 1.2;
	letter-spacing: 4.4px;
	font-weight: 300;
	text-shadow: 1px 3px 9px black;
}

.downloadcenter h2 {
	color: #5D637B;
	font-size: 36px;
	position: relative;
	letter-spacing: .7px;
}

.downloadcenter h3 {
	font-size: 55px;
	line-height: 1.2;
	letter-spacing: 2.8px;
	color: rgb(93, 99, 123);
}

.downloadcenter h4 {
	font-size: 45px;
	line-height: 1.2;
	letter-spacing: 2.8px;
	color: rgb(93, 99, 123);
}

.downloadcenter h5 {
	font-size: 35px;
	line-height: 1.2;
	letter-spacing: 1px;
	color: rgb(93, 99, 123);
}

.downloadcenter h6 {
	font-size: 30px;
	line-height: 1.2;
	letter-spacing: 1px;
	color: rgb(93, 99, 123);
}

.downloads h5 {
	margin-top: 50px;
}

.downloadcenter header p {
	font-family: 'montserrat', sans-serif;
	font-weight: bold !important;
	margin-bottom: 50px;
	font-size: 30px;
	letter-spacing: 0.6px;
	line-height: 47px;
	text-shadow: 0px 3px 6px #00000055;
	position: relative;
	text-shadow: 1px 3px 9px black;
}

.downloadcenter p {
	font-family: "source-sans-pro", sans-serif;
	color: rgb(93, 99, 123);
	font-size: 22px;
	letter-spacing: 1.2px;

}


.download-container {
	padding: 6vw 8vw;
}

#download-categories header {
	background: url('/img/lifehomepage/headerbild_vogel.jpg') no-repeat;
	background-size: 100%;
	height: 500px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

.download-container .list a {
	padding-left: 25px;
	position: relative;
	margin-left: 10%;
	font-size: 18px;
	line-height: 2;
	color: rgb(93, 99, 123);
}

.download-container .list a:before {
	content: '\F016';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0;
	top: 0;
	line-height: 2;
}

.each-video>div>div {
	padding: 50px;
}

.download-container .fa-arrow-right {
	color: #5D637B;
	font-size: 17px;
	padding: 0 10px;
}

.download-container legend {
	border: none;
	margin-bottom: 8px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	color: rgb(93, 99, 123);
	letter-spacing: 2px;
}

.download-container select {
	border: 2px solid rgb(93, 99, 123);
	width: 200px;
	font-size: 18px;
	line-height: 1;
}

.download-container input[type="text"] {
	width: 80%;
	border: 2px solid rgb(93, 99, 123);
	font-size: 18px;
	line-height: 1;
}


.big-outline-btn {
	color: white;
	border: 3px solid transparent;
	background: rgba(40, 78, 118, 1);
	padding: 10px 50px;
	width: 300px;
	font-size: 18px;
	display: inline-block;
	text-align: center;
}

.big-outline-btn:hover,
.big-outline-btn:focus {
	background: transparent;
	color: rgba(40, 78, 118, 1);
	/*border: 3px solid rgba(190, 204, 0, 1);*/
	text-decoration: none;
	border: 3px solid rgba(40, 78, 118, 1);
}

.big-outline-btn.current {
	/* color: rgba(190, 204, 0, 1);
    border: 3px solid rgba(190, 204, 0, 1);
*/
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	color: #fff !important;
	border: none;
	padding: 13px 50px;
}


.downloadcenter header div>.big-outline-btn:first-of-type {
	margin-right: 20px;
}

a:focus {
	outline: none !important;
	text-decoration: none;
}




/* sanuscredits */

.sanuscredits #split p a {
	color: inherit;
	text-decoration: underline;
}


.sanuscredits #video-mehr h4 {
	margin-top: 7vw;
}

.sanuscredits #alles-bonus h5.horizontal-line {
	display: inline;
}

.sanuscredits #alles-bonus h5.horizontal-line:after {
	content: '';
	background-image: url('/img/sanuscredit/Pfad 1609.png');
	background-repeat: no-repeat;
	width: 280px;
	height: 70px;
	background-size: contain;
	position: absolute;
	bottom: 0;
	right: 0;
}

.sanuscredits #belohnungssystem h6 {
	padding-top: 50px;
}

.sanuscredits #belohnungssystem .col-sm-12 img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 33px;
}

#split>.row:nth-of-type(2) {
	padding-top: 5vw;
}

#alles-bonus .row>div>.row {
	padding-bottom: 8vw;
}

#alles-bonus h4 {
	padding: 30px 0 20px;
}

.sanuscredits .number-img {
	position: absolute;
	top: -3em;
	left: -3em;
}

.sanuscredits header div {
	position: absolute;
	left: 50%;
	top: 380px;
	transform: translate(-50%, -50%);
	width: 100%;
}

.sanuscredits {
	margin-top: -61px;
}

.sanuscredits header {
	background-image: none;
	height: calc(100vh - 61px);
}

.sanuscredits header img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	object-position: top;
}

.sanuscredits #belohnungssystem {
	padding: 7vw 0;
}

#sc-kostenlos {
	background-image: url('/img/sanuscredit/SANUSCREDIT-AdobeStock_180480162oipoi-min-_1_-min.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 40% center;
	padding: 10vw 0;
}

#alles-bonus {
	background: #F7F7F7;
	padding: 9vw 0 5vw;
}

.new-style #unternehmer {
	background-image: url('/img/sanuscredit/Unternehmerin-SANUSMAP-AdobeStock_220105682-1920px.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	padding: 10vw 0;
}

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

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

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

#video-mehr {
	padding-bottom: 12vw;
	margin-top: -6vw;
}

#credits-coins {
	padding: 9vw 0;
	background: #F7F7F7;
}


.new-style #sc-konto {
	padding: 9vw 0;
}

#alles-bonus div>h5:nth-of-type(2) {
	float: right;
	padding-right: 80px;
}

#alles-bonus .gap {
	height: 120px;
	display: block;
}

#split {
	padding: 9vw 0;
}


#credits-coins>.row {
	padding-bottom: 50px;
}

.d-flex {
	display: flex;
}

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

#video-mehr h5 {
	padding-top: 100px;
}

.clothes .einnahmen-planet {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 2vw;
	text-align: center;
}

.clothes {
	margin-top: -40px;
}

.clothes header {
	height: 86vh;
	background-image: url('/img/Komposition-Bekleidung-Header-AdobeStock_294847024-Kopie-4000x1667px-min.jpg');
}

.clothes header .color-btn {
	margin: 0 auto;
}

section.clothes-1 {
	padding-top: 7vw;
}

section.clothes-2 {
	padding: 5vw 0;
}


section.clothes-3>.row:last-of-type {
	margin-top: 6vw;
	padding-top: 3vw;
	padding-bottom: 5vw;
	background: #f7f7f7;
}

section.clothes-3>.row:last-of-type img {
	width: 60%;
	margin-left: 20%;
}

.clothes .einnahmen-planet p {
	margin: 0;
}

.clothes .einnahmen-planet>p:nth-of-type(2) {
	font-size: 37px;
	color: #309fe0;
}

.clothes header h1 {
	font-size: 80px;
	letter-spacing: 2px;
	line-height: 1.3;
	padding: 12vw 13vw 40px 13vw;
	text-shadow: 0px 3px 6px #00000055;
}

section.clothes-2 img {
	width: 100%;
}

/* einheitliche Subnavigation */

nav.subnavigation li a {
	padding: 22px 0 17px 0;
	margin: 0 80px 5px 0;
	color: #000C4A !important;
	font-size: 13px !important;
}

nav.subnavigation li a.grey {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

.subnavigation li a.active {
	font-weight: bold !important;
}

.subnavigation li a:hover,
.subnavigation li a.active {
	border-bottom: solid 5px #48D3FF;
	margin-bottom: 0;
}

.navbar.navbar-sanus.subnavigation {
	background-color: white !important;
}

.navbar.navbar-sanus.subnavigation .nav>li a:hover,
.navbar.navbar-sanus.subnavigation .nav>li a:focus {
	background: transparent;
}

/* Sanusproducts */

#products-header p a img {
	margin-right: 20px;
}

#products-header h1 {
	margin-top: -35px;
}

#products-wirlieben {
	padding: 10vw 0;
}

#products-wirlieben .container-none>.row:first-of-type {
	padding-bottom: 200px;
}

#products-wirlieben .container-none>.row:nth-of-type(2) {
	margin-bottom: 150px;
}

#products-wirlieben .container-none>.row:first-of-type h2 {
	margin-left: 13vw;
	margin-top: 0;
	z-index: 10;
	position: relative;
}

#products-wirlieben .container-none>.row:first-of-type img {
	position: absolute;
	left: 32vw;
	width: 650px;
	top: -11vw;
}

#products-header .container-none>.row:nth-child(2) .col-md-4 div>img {
	margin: 0 auto;
	display: block;
	max-width: 17vw;
	height: 200px;
	object-fit: contain;
	object-position: center;
	margin-bottom: 40px;
}

#products-header .container-none>.row:nth-child(2) .col-md-4 {
	padding: 40px 70px 70px;
	width: 32%;
	background: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}

#products-header .container-none>.row:nth-of-type(2) .row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.ecaia-carafe-s p,
.ecaia-carafe-s li,
.ecaia-carafe-s h2,
.ecaia-carafe-s h3,
.ecaia-carafe-s h4,
.ecaia-carafe-s h5,
.ecaia-carafe-s h6 {
	color: #0A296D;
}

#ecaia-header {
	background-image: url('/img/sanusproducts/Header-neu-min.jpg');
	background-size: cover;
	height: 110vh;
	width: 100%;
	background-repeat: no-repeat;
	padding-top: 44vh;
	position: relative;
	min-height: 900px;
	background-position: right top;
}


#ecaia-header div * {
	z-index: 10;
	position: relative;
}

#ecaia-header:after {
	content: '';
	width: 100%;
	height: 100%;
	background: hsla(0, 0%, 0%, 0.17);
	position: absolute;
	left: 0;
	top: 0;
}

.ecaia-welle1 {
	width: 100%;
	margin-top: -154px;
	z-index: 10;
	position: relative;
}

ul.checkmark-list li:before {
	content: '';
	background: url('/img/sanusproducts/checkmark.svg') no-repeat;
	background-size: contain;
	position: absolute;
	left: -35px;
	top: 9px;
	width: 23px;
	height: 23px;
}

ul.checkmark-list li {
	position: relative;
	list-style: none;
	padding-bottom: 30px;
	font-size: 26px;
	font-weight: 400;
	font-family: "source-sans-pro", sans-serif;
	letter-spacing: 0.6px;
	line-height: 1.6;
}


#ecaia-wohlergehen {
	background: url('/img/sanusproducts/Karaffe_schaubild_HG-min.jpg') no-repeat;
	background-size: cover;
	background-position: top;
	padding-top: 260px;
	margin-bottom: -170px;
	position: relative;
}

#ecaia-wohlergehen .container-none {
	background: url('/img/sanusproducts/Karaffe_schaubild_karaffe_frei-min.png') no-repeat;
	background-size: 105vw auto;
	background-position: 33vw 100%;
	padding-bottom: 275px;
}

.ecaia-welle2 {
	width: 100%;
	margin-bottom: -185px;
	z-index: 10;
	position: relative;
}

.ecaia-carafe-s .light-blue {
	color: #2CB8CA !important;
}

.ecaia-carafe-s .grey-bg {
	background: #F7F7F7;
	display: inline-block;
	padding: 20px 25px;
}

.ecaia-carafe-s .grey-bg p {
	display: inline;
	color: #5D637B;
}

.ecaia-welle3 {
	margin-top: -125px;
	transform: rotate(180deg);
	margin-bottom: -200px;
}

.ecaia-carafe-s .grey-bg input {
	text-align: center;
	height: 44px;
	border: none;
	padding: 10px;
	font-size: 22px;
	width: 200px;
	margin: 0 20px;
	font-weight: bold;
	color: #5D637B;
}

.ecaia-berechnung-wrapper {
	width: 40vw;
	display: inline-block;
	position: relative;
	border: solid 3px #2CB8CA;
	padding-left: 14vw;
	margin-right: 1vw;
	height: 280px;
	padding-top: 50px;
}

div>.ecaia-berechnung-wrapper:nth-child(2) {
	border-color: #5D637B;
}

.ecaia-berechnung-wrapper img {
	position: absolute;
	left: 0;
	top: -50px;
	width: 14vw;
}

.ecaia-berechnung-wrapper p {
	display: inline-block;
	font-weight: bold !important;
	color: #5D637B;
}

.ecaia-berechnung-wrapper div>p:first-of-type,
.ecaia-berechnung-ergebnis div>p:nth-of-type(2) {
	width: 200px;
	padding: 10px 0;
	text-align: center;
	background: #F7F7F7;
}

.ecaia-berechnung-ergebnis {
	width: 40vw;
	background: #74B42B;
	padding: 30px 40px;
}

.ecaia-berechnung-ergebnis div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
}

.ecaia-berechnung-ergebnis div p {
	font-weight: bold !important;
}

.ecaia-berechnung-ergebnis div>p:nth-of-type(2) {
	color: #5D637B;
}

.ecaia-carafe-s .weiterlesen,
.ecaia-carafe-s .wenigerlesen {
	position: absolute;
	top: 100%;
	left: 0;
}

.ecaia-carafe-s details .wenigerlesen,
.ecaia-carafe-s details[open] .weiterlesen {
	display: none;
}

.ecaia-carafe-s details[open] .wenigerlesen,
.ecaia-carafe-s details .weiterlesen {
	display: block;
}

.ecaia-carafe-s details {
	position: relative;
}

.ecaia-carafe-s details[open] summary>p:first-of-type {
	margin-bottom: 0;
}

.kundenstimmen-slider>div:focus {
	outline: none;
}

#ecaia-esmog details {
	position: absolute;
	border: 0;
	top: calc(100% + 20px);
}

#ecaia-esmog details>p {
	border: #2CB8CA 2px solid;
	padding: 25px;
	background-color: white;
	z-index: 10;
	position: relative;
}

#ecaia-esmog details summary {
	cursor: pointer;
}

.ecaia-carafe-s details summary:focus,
.ecaia-carafe-s details:focus {
	outline: none;
}

.ecaia-carafe-s details>summary {
	list-style: none;
	display: flex;
	align-items: center;
}

.ecaia-carafe-s details>summary::-webkit-details-marker {
	display: none;
}

#ecaia-esmog details summary:after {
	content: '▶';
	font-style: normal;
	position: absolute;
	left: 122px;
	top: 3px;
	transform: rotate(0deg);
	color: #2CB8CA !important;
}

#ecaia-esmog details[open] summary:after {
	transform: rotate(90deg);
}

#ecaia-komplett .col-lg-10>div {
	width: 25%;
	margin-left: 6%;
	text-align: center;
	position: relative;
}

#ecaia-komplett .col-lg-10 div img {
	margin-top: 20px;
	height: 250px;
	object-fit: contain;
}

#ecaia-komplett .col-lg-10 {
	background-color: #F7F7F7;
	margin-bottom: 50px;
	padding: 175px 0 50px 40px;
	display: flex;
}

#ecaia-komplett .col-lg-10>h4 {
	position: absolute;
	top: 40px;
	left: 120px;
	display: flex;
	align-items: center;
	gap: 40px;
}

#ecaia-komplett .container-none>.row:nth-of-type(3) .col-lg-10 div img {
	height: 9vw;
	object-fit: contain;
	margin-bottom: 60px;
	margin-top: 0;
}

#ecaia-komplett .container-none>.row:nth-of-type(3) .col-lg-10>div {
	margin-left: 0;
}

.ecaia-product-hover {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70%;
	transform: translate(-50%, -50%);

}

.ecaia-product-hover p.text-small {
	margin-bottom: 40px;
}

.ecaia-product-hover .color-btn {
	white-space: nowrap;
}

#ecaia-komplett .col-lg-10>div>div:hover>.ecaia-product-hover {
	opacity: 1;
}

#ecaia-komplett .col-lg-10>div>div:hover>img {
	opacity: 0.4;
}

#ecaia-kundenstimmen .slick-track>div {
	padding-bottom: 50px;
}

#ecaia-kundenstimmen {
	background: #F7F7F7;
}

#ecaia-schleppen .container-none>.row:nth-child(2) {
	padding-top: 150px;
}

.schleppen-bubbles {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
}

#ecaia-cashback {
	background: url('/img/sanusproducts/CarafeS-CashBack-AdobeStock_248039111-min.jpg') no-repeat;
	background-size: cover;
	margin-top: -120px;
	height: 63vw;
	padding: 13vw 0 0;
}

#ecaia-cashback div>.color-btn:first-of-type {
	margin-right: 30px;
}

#ecaia-komplett {
	background: url('/img/sanusproducts/Bestandteile_Header-min.jpg') no-repeat;
	background-size: contain;
}

#ecaia-zertifikate {
	background: #F7F7F7;
}

.zertifikat-downloads a:before {
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
	background: url('/img/sanusproducts/Icon awesome-file-download.svg') no-repeat;
	background-size: contain;
	width: 25px;
	height: 33px;
}

.zertifikat-downloads a {
	padding-left: 50px;
	position: relative;
	color: #0A296D;
	font-family: 'source-sans-pro', sans-serif;
	font-size: 18px;
	letter-spacing: 0.4px;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 30px;
	padding-right: 20px;
}

.zertifikat-downloads {
	display: grid;
	grid-template-columns: 1fr;
}

#ecaia-einfach div img {
	margin-left: 10%;
	width: 80%;
}

#ecaia-einfach,
#ecaia-inhalt,
#ecaia-schleppen {
	background: linear-gradient(#2CB8CA, #0A296D);
}

#ecaia-einfach .pfeile {
	width: 40px;
	position: absolute;
	right: -23px;
	top: 36%;
}

#ecaia-esmog {
	padding: 8vw 0 300px;
}

#ecaia-komplett .container-none>.row:nth-child(1) {
	padding-bottom: 18%;
}

#ecaia-komplett h6.broadcast-font {
	line-height: 0.8;
	padding-left: 4vw;
}

#ecaia-komplett div>h6.broadcast-font:nth-of-type(2) {
	padding-left: 8vw;
}

#ecaia-inhalt {
	position: relative;
}

#ecaia-inhalt .inhalt-bubbles {
	position: absolute;
	bottom: -210px;
	right: 0;
}

#ecaia-schleppen {
	padding: 9vw 0 230px;
	position: relative;
}

#ecaia-kundenstimmen,
#ecaia-komplett,
#ecaia-inhalt,
#ecaia-begleiter {
	padding: 9vw 0;
}

#ecaia-begleiter {
	background-image: url('/img/sanusproducts/Gruppe 1243.jpg');
	background-size: cover;
}

#ecaia-sparrechner {
	padding-bottom: 9vw;
	padding-top: 150px;
}

#ecaia-zertifikate {
	padding: 9vw 0 7vw;
}

#ecaia-begleiter h6.broadcast-font {
	line-height: 0.8;
}

#ecaia-begleiter .container-none>.row:nth-of-type(2) {
	padding: 100px 0;
}

#ecaia-einfach {
	padding: 0 0 100px;
}

#ecaia-kundenstimmen .slick-next:before,
#ecaia-kundenstimmen .slick-prev:before {
	background-image: url('/img/sanusproducts/angle-arrow-down.svg');
	background-size: contain;
}

#ecaia-kundenstimmen .slick-next:before {
	transform: rotate(180deg);
}

#ecaia-kundenstimmen .slick-prev:before {
	transform: rotate(0deg);
}

.ecaia-certificate {
	position: absolute;
	top: -45px;
	z-index: 10;
	left: 25px;
}

#products-header {
	background: url('/img/sanusproducts/home/SANUSPRODUCTS-Header-202204-1920px.jpg') no-repeat;
	background-size: 100%;
	background-position: top center;
	padding: 5vw 0 200px 0;
}

#products-header .container-none>.row:first-of-type {
	height: calc(100vh - 50px);
}

ul.anchorlink-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.anchorlink-list li {
	list-style: none;
	text-transform: uppercase;
}

ul.anchorlink-list li a {
	color: #0A296D;
	font-weight: 600;
}

#ecaia-products {
	margin-top: -50px;
	z-index: 10;
	position: relative;
}

#ecaia-products ul.anchorlink-list {
	padding-bottom: 200px;
	padding-left: 0;
}

#ecaia-products .container-none>.row:nth-of-type(3) {
	padding-top: 100px;
}


/**********************/


/*Mappartner Shop*/

.mappartner-store>section {
	padding: 0 5vw;
}

.mappartner-store #mp-store-header {
	padding-top: 80px;
}

.search-field {
	position: relative;
}

.mappartner-store {
	padding-bottom: 150px;
}

.mappartner-store #mp-store-main .row>.col-lg-2 {
	padding-right: 50px;
}

.mappartner-store .filter-countries .columns {
	column-count: 3;
	-webkit-column-count: 3;
}

.mappartner-store input:checked~label,
.mappartner-store input:checked~label span,
.mappartner-store input:checked~label strong {
	color: #9ED545 !important;
}

.mappartner-store input~label>img:nth-of-type(2),
.mappartner-store input:checked~label>img:nth-of-type(1) {
	display: none;
}

.mappartner-store input:checked~label>img:nth-of-type(2) {
	display: block;
}

.mappartner-store label {
	cursor: pointer;
}

.all-results .result-name {
	word-wrap: break-word;
}

.all-results>a:hover p,
.all-results>a:hover {
	text-decoration: none;
}

.all-results>a:hover>div {
	transform: scale(1.03);
	background-color: rgba(0, 0, 0, 0.02);
	transition: transform ease-in-out 0.2s, background-color ease-in-out 0.2s;
}

.all-results>a>div {
	background-color: white;
	height: 100%;
}

.all-results {
	display: grid;
	grid-template-columns: repeat(4, calc(25% - 30px));
	gap: 40px;
	align-items: stretch;
}

.result-single-shop {
	width: 100%;
	border: #E4E1E1 2px solid;
	position: relative;
	padding-bottom: 60px;
}

#countriesModal #search-countries-popup {
	border-radius: 0 !important;
	width: 100%;
	height: 30px;
	border: 2px solid #5D637B;
	padding: 0 20px;
}

#countriesModal #search-countries-popup:focus-visible {
	outline: none;
}

#no_results {
	display: none;
}

.result-single-shop>img {
	height: 200px;
	width: auto;
	margin: 0 auto;
	display: block;
	max-width: 100%;
	object-fit: contain;
	padding-bottom: 20px;
}

.result-single-shop>img.marker-img {
	padding: 35px 0 50px;
}

.result-single-shop>div:first-of-type {
	padding: 0 20px;
}

.result-single-shop .result-bottom {
	background: -moz-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -webkit-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: -o-linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	background: linear-gradient(#60BBEA 0%, #5BDDDD 100%);
	height: 65px;
	padding: 8px 20px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.result-single-shop .result-bottom p {
	margin: 0;

}

.mappartner-store input[type="search"] {
	width: 100%;
	height: 50px;
	font-size: 18px;
	padding: 0 60px;
	font-family: 'Montserrat';
	font-weight: 500;
	color: #5D637B;
	border-color: #5D637B;
}

.mappartner-store .search-field button[type="reset"] {
	position: absolute;
	right: 40px;
	top: 7px;
	border: none;
	font-size: 23px;
	background: transparent;
	font-weight: 600;
}

.mappartner-store .search-field button[type="submit"] {
	position: absolute;
	left: 25px;
	top: 12px;
	border: none;
	background: transparent;
	width: 35px;
}


.mappartner-store input[type="search"]:focus,
.mappartner-store .sortierung select:focus {
	outline: none;
}

.mappartner-store .activated-filter {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.mappartner-store *:not(.color-btn):not(.color-btn strong),
.mappartner-store p {
	color: #5D637B;
}

.mappartner-store .activated-filter>div {
	display: flex;
	gap: 10px 20px;
	align-items: baseline;
	margin: 40px 0 0;
	flex-wrap: wrap;
}

.mappartner-store label {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Old versions of Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
}

.mappartner-store .activated-filter button {
	background: transparent;
	color: #5D637B;
	border: #5D637B solid 2px;
	border-radius: 17px;
	padding: 4px 27px 4px 15px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
}

.mappartner-store .activated-filter button:after {
	content: 'x';
	position: absolute;
	right: 8px;
	top: 4px;
}

.schnellsuche label {
	display: grid;
	align-items: center;
	grid-template-columns: 40px 1fr;
}



.schnellsuche,
.filter-categories>div {
	margin-bottom: 10px;
}

.mappartner-store .sortierung {
	display: flex;
	justify-content: right;
	gap: 20px;
	align-items: baseline;
}

.mappartner-store .sortierung select {
	min-width: 200px;
	border-radius: 0;
	padding: 0 10px;
	height: 30px;
}

.mappartner-store .rating {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mappartner-store .rating>p:first-of-type {
	color: #9ED545;
}

/*************/

/*Nonprofit Map Partner*/

h1.h1-small {
	font-size: 70px;
	letter-spacing: 2px;
	line-height: 1.3;
}

.mockup-click-img {
	position: absolute;
	width: 90px;
	left: 0;

}

.voila {
	transform: rotate(-20deg);
	display: inline-block;
	margin-left: -60px;
}

#products-wirlieben.nonprofit-wirlieben .container-none>.row:first-of-type img {
	position: absolute;
	left: 41vw;
	width: 20vw;
	top: -4vw;
	max-width: 310px;
}

.show-fullvideo {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: 1.5px;
	padding: 5px 10px;
	color: #39C0F0;
}

#products-wirlieben.nonprofit-wirlieben .container-none>.row:first-of-type {
	padding-bottom: 100px;
}

#nonprofit-header {
	background: url('/img/nonprofit-mp/Header_1758x864px_492176198 neu.jpg') no-repeat;
	background-size: cover;
	height: calc(100vh - 54px);
	background-position: center top;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

#nonprofit-header .container-none {
	z-index: 10;
}

#nonprofit-header:after {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 100%;
	height: 100%;
	background-color: rgba(1, 1, 1, 0.1);
}

#nonprofit-intro,
#nonprofit-areas {
	padding: 10vw 0;
}

#nonprofit-vorteile {
	padding: 10vw 0 4vw;
}

#nonprofit-click,
#nonprofit-soeinfach {
	padding: 10vw 0 8vw;
}

#nonprofit-gruende {
	padding: 0 0 8vw;
}

#nonprofit-gruende .row .row .col-lg-3 p.text-uppercase {
	display: flex;
	height: 90px;
	align-items: center;
	line-height: 1.2;
	margin-bottom: 20px;
	gap: 10px;
}

#nonprofit-gruende .row .row .col-lg-3 p.text-small {
	padding-right: 25px;
}

#nonprofit-direkt {
	background: url('/img/nonprofit-mp/HG-Video-Vereine_315460335_1394x864px.jpg') no-repeat;
	background-size: cover;
	background-position: center;
	padding: 10vw 0;
	position: relative;
}

#nonprofit-direkt>div * {
	z-index: 1;
}

#nonprofit-click .text-center img {
	max-width: 55%;
}

.sanus-checkmark-list li::marker {
	display: none;
	padding: 0;
}

.sanus-checkmark-list li:before {
	content: '';
	background: url('/img/nonprofit-mp/Zeichenflaeche.svg') no-repeat;
	background-size: contain;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 4px;
}

.sanus-checkmark-list li {
	position: relative;
	text-decoration: none;
	padding-left: 50px;
	font-family: 'source-san-pro', sans-serif;
	font-size: 24px;
	letter-spacing: 0.6px;
	color: #5D637B;
	padding-bottom: 25px;
}

#nonprofit-areas a[role="tab"] {
	display: block;
	background: linear-gradient(79deg, #BECC00 0%, #74b42b 23%, #2CB8CA 51%, #2D83B3 77%, #284E76 100%);
	padding: 5px;
	height: 100%;
	margin-right: 20px;
}

#nonprofit-areas a[role="tab"] p {
	color: white;
}

#nonprofit-areas a[role="tab"]:hover {
	text-decoration: none;
}

#nonprofit-areas a.active>div {
	background: #F7F7F7;
}

#nonprofit-areas a.active p {
	color: #5D637B;
}

#nonprofit-areas a.active .fa-plus-circle,
#nonprofit-areas a .fa-minus-circle {
	display: none;
}

#nonprofit-areas a.active .fa-minus-circle,
#nonprofit-areas a .fa-plus-circle {
	display: block;
}

#nonprofit-areas a .fa {
	color: white;
	font-size: 30px;
	position: absolute;
	right: 37px;
	bottom: 10px;
}

#nonprofit-areas a.active .fa {
	color: #5D637B;
}

#nonprofit-areas .tabs>div:first-of-type {
	display: flex;
	align-items: stretch;
}

#nonprofit-areas .tabs a>div {
	height: 100%;
	padding: 25px 0 10px;
}

#nonprofit-areas .tab-content>div:nth-of-type(2)>div:nth-of-type(odd) {
	padding: 0;
}


.thumbnail-iframe {
	cursor: pointer;
	z-index: 2 !important;
	position: relative;
}

#nonprofit-direkt iframe {
	z-index: 1;
}

#nonprofit-areas .tabs a div>img {
	margin: 0 auto;
	max-width: 200px;
	padding: 0 5px;
}

#nonprofit-areas .tabs a[aria-controls="nonprofit-sanusapp"] div>img {
	max-width: 90px;
}

#nonprofit-funktioniert .slick-dots {
	bottom: unset;
	top: -30px;
	width: 100%;
	left: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

#nonprofit-funktioniert .slick-dots .slick-active button {
	background: #5D637B;
	border-color: #5D637B;
}

#nonprofit-funktioniert .slick-dots li:after {
	width: 11vw;
	content: '';
	background: linear-gradient(79deg, #BECC00 0%, #74b42b 23%, #2CB8CA 51%, #2D83B3 77%, #284E76 100%);
	height: 10px;
	position: absolute;
	left: 19px;
	z-index: -1;
	top: 50%;
	transform: translateY(-50%);
}

#nonprofit-funktioniert .slick-dots li.slick-active:after,
#nonprofit-funktioniert .slick-dots li.slick-active~li:after {
	width: 11vw;
	content: '';
	background: #F7F7F7;
	height: 10px;
	position: absolute;
	left: 19px;
	z-index: -1;
	top: 50%;
	transform: translateY(-50%);
}

#nonprofit-funktionierts .register-steps .slick-arrow {
	transform: none;
}

#nonprofit-funktionierts {
	padding: 8vw 0;
}

.nonprofit-mappartner {
	counter-reset: step;
}

#nonprofit-funktioniert .slick-dots li:before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	z-index: 10;
	color: white;
	left: 50%;
	top: 63%;
	transform: translate(-50%, -50%);
	font-family: "BroadcastMatter";
	font-size: 22px;
	line-height: 1;
}

#nonprofit-funktioniert .slick-dots li:before {
	opacity: 0;
}

#nonprofit-funktioniert .slick-dots li.slick-active:before {
	opacity: 1;
}

#nonprofit-funktioniert .slick-dots>li:last-of-type:after {
	display: none;
}

#nonprofit-funktioniert .slick-dots button {
	background: #DEE0E4;
	border-color: #DEE0E4;
	margin: 0;
	position: relative;
}

#nonprofit-funktioniert h6 {
	padding-left: 10px;
}

#nonprofit-vorteile h6 span {
	margin: -45px 0 0 100px;
	display: block;
}

#nonprofit-vorteile h6 a>img:first-of-type {
	position: absolute;
	left: 575px;
	transform: rotate(180deg);
	bottom: 75px;
}

#nonprofit-vorteile h6 a>img:last-of-type {
	position: absolute;
	left: 490px;
	top: 24px;
}

#nonprofit-click .vertical-line:before {
	height: 8vw;
	left: -30px;
	bottom: unset;
	top: -11vw;
}

#nonprofit-gruende .vertical-line:before {
	height: 8vw;
	left: -30px;
	bottom: unset;
	top: -7vw;
}

#nonprofit-soeinfach h6 {
	position: relative;
	margin: -70px 0 0 0;
}

#nonprofit-soeinfach h6 span {
	margin: -45px 0 0 300px;
	display: block;
}

#nonprofit-soeinfach h6 a>img:first-of-type {
	margin: -50px 40px 0 0;
}

#nonprofit-soeinfach h6 a>img:nth-of-type(2) {
	position: absolute;
	bottom: 22px;
	left: 12vw;
}

#nonprofit-soeinfach div.text-center>img {
	margin-top: -14%;
	max-width: 570px;
	padding-bottom: 70px;
}

#nonprofit-funktioniert {
	padding: 8vw 0 4vw;
}

div.well-mappartner a h6 {
	font-size: 38px;
	margin: -10px 0 0;
}

.well-mappartner {
	position: fixed;
	right: 0;
	top: 117px;
	background: linear-gradient(81deg, #BECC00 0%, #74b42b 23%, #2CB8CA 51%, #2D83B3 77%, #284E76 100%);
	z-index: 30;
	padding: 12px 20px 0 20px;
}

.well-mappartner a:hover {
	text-decoration: none;
	color: inherit;
}

#nonprofit-funktioniert .slick-next:before {
	background-image: url('/img/nonprofit-mp/Gruppe 1243.svg');
}

#nonprofit-funktioniert .slick-prev:before {
	background-image: url('/img/nonprofit-mp/Gruppe 1243.svg');
	transform: rotate(-90deg);
}

#nonprofit-funktioniert .slick-prev,
#nonprofit-funktioniert .slick-next {
	top: 120px;
}

#nonprofit-funktioniert button.slick-disabled {
	opacity: 0.2;
}

/*************/


/* SANUS ACADMEY */

.sanuslife-academy {
	margin-top: -61px;
}

.sanuslife-academy .modal-lg {
	width: 80vw;
}

.sanuslife-academy .container-none {
	margin-left: 50px;
}

.sanuslife-academy .modal-body .container-none {
	margin-left: 3px;
}

.register-steps .slick-disabled {
	opacity: 0.4;
}

.register-steps-slider {
	margin-bottom: 40px;
}

.register-steps-slider .slick-dots {
	top: 100%;
	bottom: unset;
}

.register-steps-slider .slick-dots li {
	margin: 0 5px;
}

.academy-share-video-slider .slick-slide p.text-medium,
.academy-paket-video-slider .slick-slide p.text-medium {
	min-height: 50px;
}

.register-steps .slick-prev,
.register-steps .slick-next {
	top: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 12px;
	color: #5D637B;
	line-height: 1;
	font-family: "montserrat", sans-serif;
	font-weight: bold;
	width: auto;
	z-index: 10;
}

.register-steps .slick-prev {
	left: 0;
	margin: 0;
}

.register-steps .slick-next {
	right: 0;
	margin: 0;
	flex-direction: row-reverse;
}

.register-steps .slick-next:before {
	background-image: url('/img/Academy/Gruppe 1331.svg');
	transform: rotate(0deg);
}

.register-steps .slick-prev:before {
	background-image: url('/img/Academy/Gruppe 1331.svg');
	transform: rotate(180deg);
}

.register-steps .slick-slide>div:nth-child(2) img {
	margin-top: -5%;
}

.sanuslife-academy .video-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 4vw;
}

#academy-header {
	background: url('/img/Academy/MEMBERACADEMY_Header-V2-min.jpg') no-repeat;
	background-size: cover;
	height: calc(100vh - 60px);

}

#academy-header h1 {
	padding-top: 27vh;
}

.academy-nav {
	position: fixed;
	left: 0;
	top: 200px;
	background: white;
	padding: 20px;
	border-radius: 0 30px 30px 0;
	box-shadow: 0px 3px 6px #00000029;
	z-index: 15;
}

.academy-nav-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2vh;
}

.academy-nav .nav-number {
	border-radius: 50%;
	background: white;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	color: #5D637B;
	line-height: 1;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 10px #0000001A;
}

.academy-nav .academy-nav-wrapper>div.nav-element.active span {
	background-image: linear-gradient(180deg, #BECC00 0%, #74b42b 23%, #2CB8CA 51%, #2D83B3 77%, #284E76 100%);
	background-color: transparent;
	color: white;
}

.academy-nav .nav-element {
	position: relative;
}

.academy-nav .nav-element:after {
	content: '';
	background: #DEE0E4;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
}

.academy-nav .nav-element.active:after {
	background: #BECC00;
}

.academy-nav .academy-nav-wrapper>.nav-element:last-of-type:after {
	display: none;
}

.academy-nav .nav-element a:hover {
	text-decoration: none;
	color: inherit;
}

.academy-nav p.text-small {
	position: absolute;
	opacity: 0;
	left: -200px;
	padding: 15px 45px 15px 80px;
	top: 50%;
	transform: translateY(-50%);
	background-color: white;
	border-radius: 0 30px 30px 0;
	z-index: -1;
	line-height: 1.4 !important;
	min-width: 240px;
	font-size: 15px !important;
	box-shadow: 0px 3px 6px #00000029;
}

.academy-nav .nav-element a:hover>.text-small {
	opacity: 1;
	left: -20px;
	transition: opacity 0.3s ease-in-out, left 0.4s ease-in-out;
}

.academy-nav .nav-element .text-small:after {
	content: '';
	background: url('/img/Academy/angle-arrow-down - color.svg') no-repeat;
	width: 10px;
	height: 13px;
	position: absolute;
	right: 17px;
	top: 50%;
	transform: translateY(-50%);
	background-size: contain;
}

.download-colored {
	font-size: 18px;
	color: #5D637B;
	padding-left: 50px;
	position: relative;
	font-weight: bold;
	font-family: 'Montserrat';
	display: inline-block;
}

.download-colored:before {
	content: '';
	background: url('/img/Academy/colored-download.svg') no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 45px;
}

.download-colored+.download-colored {
	margin-left: 30px;
}

.paket-angebot-wrapper {
	text-align: center;
	border-radius: 20px;
	padding: 40px 25px;
	width: 500px;
	background: linear-gradient(270deg, #BECC00 0%, #74b42b 23%, #2CB8CA 51%, #2D83B3 77%, #284E76 100%);
	float: right;
	margin-right: 10px;
	max-width: 100%;
}

.paket-angebot-wrapper * {
	color: white;
}

.paket-angebot-wrapper hr {
	background-color: white;
}

.sanuslife-academy table {
	table-layout: fixed;
}

.sanuslife-academy .table tbody td {
	padding-top: 0;
	padding-bottom: 0;
}

.sanuslife-academy .table * {
	border: none;
}

.sanuslife-academy .table tr>th * {
	margin: 0;
}

.sanuslife-academy .table thead th>div {
	min-height: 160px;
}

.sanuslife-academy .table tr>th>div {
	border-radius: 20px 20px 0 0;
	text-align: center;
	padding: 20px 20px 10px 20px;
}

.sanuslife-academy .table tr>th>div * {
	color: white;
}

.sanuslife-academy .table tr>th>div hr {
	border-top: 1px solid white;
}

.sanuslife-academy .table tr>th:first-of-type>div * {
	color: #5D637B;
}

.sanuslife-academy .table tr>th:first-of-type>div {
	background: #F7F7F7;
}

.sanuslife-academy .table tr>th:nth-of-type(2)>div,
.sanuslife-academy .deluxe {
	background: #2D83B3;
}

.sanuslife-academy .table tr>th:nth-of-type(3)>div,
.sanuslife-academy .royal {
	background: #284E76;
}

.sanuslife-academy .table tr>th:nth-of-type(4)>div,
.sanuslife-academy .vip {
	background: #BFAD8C;
}

.sanuslife-academy .table tr>th:nth-of-type(5)>div,
.sanuslife-academy .vip2 {
	background: #BE9B5B;
}

.sanuslife-academy fieldset>div {
	padding: 10px;
	display: grid;
	grid-template-columns: 40px 1fr;
	margin-bottom: 10px;
}

.sanuslife-academy fieldset>div * {
	color: white !important;
	margin: 0;
}

.sanuslife-academy .table tr>td:first-of-type {
	text-align: left;
}

.sanuslife-academy .table tr>td {
	text-align: center;

}

.sanuslife-academy table tbody p {
	font-size: 18px;
}

.sanuslife-academy table tbody td div {
	padding: 0 20px;
}

.sanuslife-academy .table .green-check {
	color: #74B42B;
	font-size: 22px;
	font-weight: bold !important;
	letter-spacing: 3px;
	margin: 0;
}

.sanuslife-academy .table p {
	margin: 0;
}

.sanuslife-academy .table tr:nth-of-type(odd) td div {
	background-color: #F7F7F7;
}

.sanuslife-academy .table tr td div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
}

.sanuslife-academy .table tr>td:first-of-type div {
	justify-content: flex-start;
}

.sanuslife-academy .table tfoot tr>th>div {
	border-radius: 0 0 20px 20px;
}

.sanuslife-academy .table tfoot a {
	color: #5D637B !important;
	background: white;
	display: block;
	border-radius: 15px;
	padding: 6px 0;
	font-size: 16px;
	border: 1px solid white;
}

.sanuslife-academy .table tfoot a:hover {
	background: transparent;
	color: white !important;
	text-decoration: none;
	transform: scale(1.05);
	transition: all 0.2s ease-in-out;
}

.sanuslife-academy .share-btn {
	background: transparent;
	border: none;
	display: inline-flex;
}

.sanuslife-academy .share-video {
	display: flex;
}

.sanuslife-academy .share-btn:focus,
.sanuslife-academy .share-btn:active {
	outline: none;
}

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

.sanuslife-academy .slick-next:before {
	background-image: url('/img/Academy/Gruppe 1331.svg');
	transform: rotate(0deg);
}

.sanuslife-academy .slick-prev:before {
	background-image: url('/img/Academy/Gruppe 1331.svg');
	transform: rotate(180deg);
}

#sanuscoin-sanuspay {
	background: url('/img/Academy/Gruppe 1371-min.jpg') no-repeat;
	background-size: cover;
	background-position: right 0;
}

.sanuslife-academy #next-steps {
	background-color: #F7F7F7;
}

.sanuslife-academy .nav-tabs {
	border: none;
}

.sanuslife-academy .nav-tabs>li>a,
.sanuslife-academy .nav-tabs>li.active>a,
.sanuslife-academy .nav-tabs>li.active>a:focus,
.sanuslife-academy .nav-tabs>li.active>a:hover {
	color: inherit;
	border: none;
	background-color: transparent;
}

.sanuslife-academy .nav>li>a:focus,
.sanuslife-academy .nav>li>a:hover {
	background: transparent;
	border: none;
	border-image-width: 0;
}

.sanuslife-academy .slick-disabled:before {
	opacity: 0.4;
	cursor: auto;
}

.sanuslife-academy #academy-sanusforyou {
	background: radial-gradient(#2D83B3, #284E76);
}

.sanuslife-academy #ecosystem .circle-container {
	transform: scale(0.9);
	margin-left: -20%;
}

.checksecurity-status {
	display: flex;
	justify-content: start;
	gap: 10px;
	align-items: center;
}

.checksecurity-status .security-true,
.checksecurity-status .security-false {
	border-radius: 20px;
	padding: 10px 50px;
	color: #74B42B;
	line-height: 1;
	font-size: 18px;
	display: flex;
	align-items: center;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

.checksecurity-status .security-true {
	border: 2px solid #74B42B;
}

.checksecurity-status .security-false {
	border: 2px solid red;
}

.sanuslife-academy .video-row2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.sanuslife-academy .video-row2>div {
	padding-right: 20px;
}

#academy-position ul>li:nth-of-type(odd) {
	background: #F7F7F7;
}

#maximum-success {
	background: url('/img/Academy/DANBERLIN_DSC8274 (1)-min (1)1.jpg') no-repeat;
	background-size: cover;
	background-position: 0 0;
}

#academy-tipps,
#successful-start {
	background: #F7F7F7;
}

#targetdefinition,
#choose-package,
#register-steps,
#academy-sanusforyou,
#academy-check-security,
#academy-tips {
	padding: 10vw 0;
}

#next-steps {
	padding: 10vw 0 15vw;
	margin-bottom: -5vw;
}

#maximum-success {
	z-index: 5;
}

#successful-start,
#maximum-success {
	padding: 15vw 0 10vw;
	margin-top: -5vw;
	position: relative;
}

#successful-start h2 {
	z-index: 10;
}

#ecosystem,
#share-videos,
#academy-position {
	width: calc(100% - 70px);
	box-shadow: 6px 0 22px 0px #00000029;
	padding: 10vw 0;
	background-color: white;
	z-index: 7;
	position: relative;
}

.sanuslife-academy.new-style .vertical-line:before {
	height: 15vw;
}

.sanuslife-academy h6 {
	font-size: 70px;
	line-height: 0.9;
}

.sanuslife-academy h5 {
	font-size: 120px;
	line-height: 1.2;
}

.academy-paket-video-slider .slick-slide,
.academy-share-video-slider .slick-slide,
.academy-checksecurity-video-slider .slick-slide {
	padding: 0 40px 0 0;
}

#sanuscoin-sanuspay {
	padding: 10vw 0 0 0;
}

.sanuscoin-bezahlen-video {
	background: url('https://vumbnail.com/582124577.jpg') no-repeat;
	width: 100%;
	height: 350px;
}

.register-steps .nav-tabs a {
	color: #5D637B;
	font-size: 14px;
	font-family: 'Montserrat';
	font-weight: bold;
	letter-spacing: 0.3px;
	padding: 0;
	text-align: center;
	border: none;
}

.register-steps .nav-tabs a:hover {
	border: none !important;
	background: none;
	border-image-width: 0 !important;
}

.register-steps .nav-tabs .active a {
	border: none !important;
	background-color: transparent !important;
}

.register-steps .nav-tabs {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	border-bottom: 0;
}

.registrierung-user-tutorial .register-steps .nav-tabs li span:after {
	width: 11vw;
}

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

.register-steps .nav-tabs li span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #DEE0E4;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	margin-bottom: 20px;
}

.register-steps .nav-tabs li.active span {
	background-color: #5D637B;
}

.register-steps .nav-tabs li span:after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	background-color: #F7F7F7;
	height: 10px;
	width: 10.5vw;
}

.register-steps .nav-tabs>li:last-of-type span:after {
	display: none;
}

.register-steps .slick-dots li button {
	border: none;
	background-color: #DEE0E4;
}

.register-steps .slick-dots li.slick-active button {
	background-color: #5D637B;
}

.share-icons {
	display: flex;
	gap: 20px;
}

.register-steps .tab-content .tab-pane {
	display: block;
	height: 0;
	overflow: hidden;
	margin: 0;
}

.register-steps .tab-content .tab-pane.active {
	height: auto;
}


.video-share-lp {
	margin-top: -60px;
}

/************/


.tutorial-modal>.modal-dialog {
	width: 95vw;
	margin: 0 auto;
}

.tutorial-modal .nav-tabs>li.active>a,
.tutorial-modal .nav-tabs {
	border: none;
}

.app-popup {
	background: url('/img/app-popup/BG-min.jpg') no-repeat;
	background-size: auto 100%;
	position: fixed;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	width: 80vw;
	min-height: 25vw;
	z-index: 100000000000;
	padding: 40px 75px 0px 35px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.app-popup>img:first-of-type {
	position: absolute;
	right: 43%;
	bottom: 0;
}

.close-app-popup {
	position: absolute;
	right: 30px;
	top: 20px;
	background-color: transparent;
	border: none;
}

.app-popup h4 {
	font-size: 30px;
}

.app-popup .mockup {
	width: 38%;
	right: 75px;
	position: absolute;
	bottom: 4.9%;
}

/* Team Page */

#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-none {
	margin-top: -90px;
	position: relative;
}

#team-header .container-none * {
	z-index: 2;
}

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

#sanuslife-team {
	padding: 9vw 0;
}

#sanuslife-team div>img {
	margin-bottom: -80px;
	margin-left: -12%;
}

.mail-link:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 8px;
	width: 100%;
	height: 2px;
	background-color: #5D637B;
}

.mail-link {
	line-height: 50px;
	display: inline-block;
	position: relative;
	color: #5D637B;
	font-size: 18px;
	font-family: 'montserrat', sans-serif;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.mail-link:hover {
	color: #5D637B;
	text-decoration: none;
}

#team-support {
	background-color: #F7F7F7;
	padding: 8vw 0;
}

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

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

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

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

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

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

.team-page .horizontal-line:before {
	width: 8vw;
	left: -9vw;
}

/* Credits Table */

.credits-view {
	padding: 100px 0 200px;
}

.credits-view .sc-sac-img {
	margin-top: -35px;
	width: 420px;
	float: right;
	margin-right: -35px;
}

.credits-view tr.red-highlight>td:not(:first-child) span,
.credits-view tr.red-highlight>td:not(:first-child) span * {
	color: red;
}

.credits-view tr.red-highlight>td:not(:first-child) span:after {
	content: '*';

}

.credits-view .blue,
.credits-view .blue * {
	color: #48D3FF;
}

.credits-view .green,
.credits-view .green * {
	color: #74B42B;
}

.credits-view .wallet-not-acitvated {
	border: 2px solid rgb(252 0 60);
	padding: 13px 20px;
	display: flex;
	align-items: center;
	gap: 18px;
}

.credits-view .wallet-acitvated {
	border: 2px solid #74B42B;
	padding: 13px 20px;
	display: flex;
	align-items: center;
	gap: 18px;
}

.credits-view .wallet-not-acitvated *,
.credits-view .wallet-acitvated * {
	line-height: 1;
	margin: 0;
}

table.new-responsive-table {
	border: 1px solid white;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

table.new-responsive-table * {
	color: #5D637B;
	font-size: 1.6rem;
	letter-spacing: 0.6px;
	font-family: "source-sans-pro", sans-serif;
}

table.new-responsive-table thead tr {
	background-color: rgba(93 99 123 / 70%);
}

table.new-responsive-table thead tr * {
	color: white;
}

table.new-responsive-table tr {
	background-color: rgba(93 99 123 / 7%);
	border-bottom: 15px solid white;
	padding: .35em;
}

table.new-responsive-table th,
table.new-responsive-table td {
	padding: .625em;
	text-align: center;
}

.credits-hint {
	border: #5D637B solid 1px;
	padding: 20px;
}

table.new-responsive-table th {
	letter-spacing: 0.6px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: "source-sans-pro", sans-serif;
}

#credits-head h1.h1-small,
.credits-view h1.h1-small {
	font-size: 90px;
}

@media (max-width: 1800px) {
	table.new-responsive-table * {
		font-size: 1.2rem;
	}
}

@media (max-width: 1700px) {
	.profile-subnav {
		top: 60px;
	}

	.new-style h6.h6-smaller {
		font-size: 65px;
	}
}

@media (max-width: 1400px) {

	table.new-responsive-table th,
	table.new-responsive-table td {
		padding: .625em 3px;
	}

	.new-style h6.h6-smaller {
		font-size: 60px;
	}
}

@media screen and (max-width: 767px) {
	.credits-view .sc-sac-img {
		margin-top: 0;
	}

	.credits-view {
		padding: 100px 0 70px;
	}

	table.new-responsive-table {
		border: 0;
	}

	table.new-responsive-table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	table.new-responsive-table tr {
		display: block;
		margin-bottom: 30px;
	}

	table.new-responsive-table th,
	table.new-responsive-table td {
		padding: 15px 5px;
	}

	table.new-responsive-table * {
		font-size: 1.3rem;
	}

	table.new-responsive-table td {
		border-bottom: 6px solid white;
		display: flex;
		flex-direction: column;
		text-align: left;
	}

	table.new-responsive-table td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	table.new-responsive-table td:last-child {
		border-bottom: 0;
	}
}



@media (min-width: 2600px) {
	.new-style h2 {
		font-size: 70px;
	}

	.register-steps .nav-tabs li span:after {
		width: 11.5vw;
	}

	.register-steps .nav-tabs a {
		font-size: 20px;
	}

	.register-steps .slick-prev,
	.register-steps .slick-next {
		font-size: 16px;
	}

	.new-style .text-medium {
		font-size: 27px;
		line-height: 1.5;
	}

	.new-style p.text-small {
		font-size: 27px !important;
		line-height: 1.5 !important;
	}

	.new-style h4 {
		font-size: 42px;
	}

	.new-style .color-btn,
	.new-style .color-btn:focus {
		font-size: 22px;
	}

	h1.h1-small {
		font-size: 100px;
	}

	.new-style p {
		font-size: 32px;
	}

	.new-style h6 {
		font-size: 120px;
	}

	#nonprofit-click .text-center img {
		max-width: unset;
	}
}


@media (min-width: 2000px) {
	#ecaia-cashback {
		margin-top: -170px;
	}

	#ecaia-products {
		padding-bottom: 150px;
	}

	#ecaia-wohlergehen .container-none {
		background-size: 2000px auto;
		background-position: 36vw 100%;
	}

	#ecaia-wohlergehen {
		margin-bottom: -170px;
		padding-top: 245px;
	}

	.ecaia-welle2 {
		margin-top: -150px;
	}

	.ecaia-welle3 {
		margin-top: -150px;
	}
}

@media (max-width: 1800px) {
	#nonprofit-soeinfach h6 a>img:nth-of-type(2) {
		left: 8vw;
		bottom: 10px;
	}
}

@media (max-width: 1700px) {

	#credits-head h1.h1-small,
	.credits-view h1.h1-small {
		font-size: 80px;
	}

	#creditsindex #credits-head img {
		width: 135px;
	}

	.credits-view .sc-sac-img {
		width: 390px;
	}
}


@media(max-width: 1600px) {

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(0.8);
		margin-left: -22%;
	}

	.academy-nav-wrapper {
		gap: 13px
	}

	div h1.h1-small {
		font-size: 65px;
	}

	#homeseite .welcome-circle {
		transform: scale(1.2);
	}

	#ecaia-wohlergehen .container-none {
		background-position: 33vw 87%;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 {
		padding: 40px 50px 70px;
	}

	.profile-videos-container {
		width: 97%;
	}

	.profile .individuelles-p {
		height: 65px;
	}

	section.clothes-2 img {
		width: 120%;
	}

	.clothes .einnahmen-planet {
		left: 60%;
	}

	ul.checkmark-list li {
		font-size: 21px;
		padding-bottom: 25px;
	}

	.ecaia-berechnung-wrapper {
		padding-left: 12vw;
	}

	.ecaia-berechnung-wrapper img {
		width: 11vw;
	}

	.ecaia-berechnung-wrapper div>p:first-of-type,
	.ecaia-berechnung-ergebnis div>p:nth-of-type(2) {
		width: 150px;
	}

	.ecaia-berechnung-ergebnis div {
		grid-template-columns: 220px 155px 1fr;
	}

	.ecaia-berechnung-ergebnis {
		padding: 30px 15px;
	}
}



@media(max-width: 1550px) {
	.voila {
		transform: rotate(-11deg);
		margin-left: 0;
	}

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(0.7);
		margin-left: -60%;
	}

	.all-results {
		gap: 25px;
	}

	.ecaia-welle3 {
		margin-top: -180px;
	}

	#ecaia-products ul.anchorlink-list li p {
		font-size: 20px;
	}

	.ecaia-certificate {
		top: -100px;
		width: 220px;
	}

	#planet2-filter button:before {
		left: 9px;
		width: 24px;
	}

	#planet2-filter button {
		padding: 10px 15px 10px 45px;
	}

	.clothes header h1 {
		padding: 12vw 5vw 40px 5vw;
	}

	.register-page .welcome-circle {
		transform: scale(0.9);
	}

	.downloadcenter iframe {
		width: 500px;
		height: 350px;
	}

	.download-container select {
		width: 150px;
	}

	#profile-free .align-center,
	#profile-basic .align-center,
	#profile-premium .align-center {
		align-items: flex-start;
	}

	.profile .individuelles-p {
		height: 75px;
	}

	.new-style h1 {
		font-size: 100px;
		letter-spacing: 4px;
	}

	div .new-style h4 {
		font-size: 33px;
	}

	.new-style h5 {
		font-size: 130px;
	}

	.new-style h6 {
		font-size: 90px;
	}

	.project-infos .summe {
		font-size: 28px;
		letter-spacing: 0;
	}

	#creditsindex #credits-head img {
		width: 120px;
	}

	#credits-head h1.h1-small,
	.credits-view h1.h1-small {
		font-size: 70px;
	}

	.credits-view .sc-sac-img {
		width: 345px;
		margin-right: -30px;
		margin-right: -25px;
	}
}

@media(max-width: 1400px) {
	#nonprofit-areas .tabs a[aria-controls="nonprofit-sanusapp"] div>img {
		max-width: 75px;
	}

	#nonprofit-vorteile h6 a>img:last-of-type {
		left: 400px;
	}

	.register-steps .slick-slide>.col-lg-3,
	.register-steps .slick-slide>.col-lg-9 {
		width: 100% !important;
	}

	.sanuslife-academy table tbody p {
		font-size: 14px;
	}

	.academy-nav .nav-number {
		font-size: 12px;
		width: 28px;
		height: 28px;
	}

	.academy-nav {
		top: 220px;
		padding: 15px;
	}

	div div h1.h1-small {
		letter-spacing: 1px;
		font-size: 55px;
	}

	#ecaia-header {
		background-position: 70% center;
	}

	.result-single-shop .result-bottom {
		padding: 8px 10px 0;
	}

	#homeseite .welcome-circle {
		transform: scale(1.1);
	}

	.ecaia-berechnung-ergebnis {
		width: 600px;
	}

	.ecaia-berechnung-ergebnis div {
		grid-template-columns: 220px 135px 1fr;
	}

	.ecaia-berechnung-wrapper div>p:first-of-type,
	.ecaia-berechnung-ergebnis div>p:nth-of-type(2) {
		width: 120px;
	}

	.profile-videos-container {
		padding: 5px 15px 25px 15px;
	}

	#planet2-filter button {
		font-size: 16px;
		margin-right: 10px;
	}

	div .clothes header h1 {
		font-size: 70px;
	}

	.clothes .einnahmen-planet>p:nth-of-type(2) {
		font-size: 30px;
	}

	.new-style p {
		font-size: 22px;
	}

	#header-registrierung {
		background-position-x: 70%;
	}

	#footer-1 ul>li>a {
		font-size: 13px;
	}

	.register-page .welcome-circle {
		transform: scale(0.8);
	}

	.welcome-content .welcome-steps .profile-tile .profile-tile-body {
		width: 160px;
	}

	div .new-style h1 {
		font-size: 90px;
		letter-spacing: 4px;
	}

	div .new-style h6 {
		font-size: 80px;
	}

}

@media(max-width: 1322px) {
	.profile-infos {
		height: 139px;
	}

	#homeseite .circle-container {
		width: 400px;
		height: 400px;
	}

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(0.65);
		margin-left: -70%;
	}
}

@media(max-width: 1300px) {
	.academy-nav {
		top: 220px;
		padding: 12px;
	}

	.academy-nav-wrapper {
		gap: 10px;
	}

	#credits-coins .padding-left img {
		width: 100% !important;
	}

	.download-container .fa-arrow-right {
		padding: 0;
	}

	.register-page .welcome-circle {
		margin-left: -30px;
	}

	.profile-image {
		width: 140px;
		height: 140px;
		left: -160px;
	}

	.circle-profile .circle-container {
		transform: scale(0.9);
		margin-left: 0;
	}

	.profile-tile-body {
		width: 170px;
	}
}

@media (max-width: 1200px) {
	#team-header .container-none:after {
		top: -10px;
		width: 86%;
		height: calc(100% + 90px);
	}

	.app-popup>img:first-of-type {
		right: 65%;
	}

	.app-popup {
		top: 100px;
		padding: 30px 30px 0 30px;
	}

	.app-popup .mockup {
		position: relative;
		right: unset;
		bottom: 0;
		width: 50%;
		float: right;
	}

	.register-steps-slider .slick-dots {
		left: 50%;
		transform: translateX(-50%);
	}

	#nonprofit-funktioniert .slick-slide {
		padding: 0 30px;
	}

	#nonprofit-funktioniert .slick-next {
		right: 0;
	}

	#nonprofit-funktioniert .slick-prev {
		left: 0;
	}

	#nonprofit-soeinfach h6 span {
		margin: -45px 0 0 160px;
	}

	div.well-mappartner a h6 {
		font-size: 32px;
	}

	#nonprofit-funktioniert .slick-dots li.slick-active:after,
	#nonprofit-funktioniert .slick-dots li.slick-active~li:after,
	#nonprofit-funktioniert .slick-dots li:after {
		width: 12vw;
	}

	#nonprofit-areas .tabs a>div {
		padding: 15px 0 30px;
	}

	#nonprofit-areas .tabs>div:first-of-type>div {
		width: 100%;

	}

	#nonprofit-gruende p img {
		width: 45px !important;
	}

	.mappartner-store #mp-store-main .row>.col-lg-2 {
		padding-right: 10px;
	}

	.schnellsuche label {
		grid-template-columns: 35px 1fr;
	}

	.mappartner-store>section {
		padding: 0 10px;
	}

	.result-single-shop>div:first-of-type {
		padding: 0 15px;
	}

	.all-results {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#ecaia-header {
		min-height: unset;
		height: 750px;
		padding-top: 220px;
	}

	#ecaia-products ul.anchorlink-list li p {
		font-size: 18px;
	}

	#ecaia-komplett .col-lg-10>h4 {
		left: 25px;
	}

	#ecaia-komplett .col-lg-10 {
		padding: 170px 0 50px;
	}

	.new-style .color-btn,
	.new-style .color-btn:focus {
		padding: 13px 30px;
		font-size: 17px;
	}

	.ecaia-welle2 {
		margin-bottom: -145px;
	}

	#ecaia-cashback {
		height: auto;
		margin-top: -70px;
		padding: 200px 0;
	}

	#ecaia-wohlergehen .container-none {
		padding-bottom: 180px;
	}

	#ecaia-wohlergehen {
		margin-bottom: -90px;
	}

	#products-wirlieben .container-none>.row:nth-of-type(2) {
		margin-bottom: 130px;
	}

	#products-wirlieben .container-none>.row:first-of-type {
		padding-bottom: 130px;
	}

	#products-wirlieben .container-none>.row:first-of-type img {
		left: 37vw;
		width: 450px;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 div>img {
		height: 140px;
		margin-bottom: 30px;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 {
		padding: 20px 35px 50px;
	}

	.schleppen-bubbles {
		width: 500px;
	}

	#ecaia-schleppen {
		padding: 130px 0 230px;
	}

	#ecaia-zertifikate img {
		width: 90%;
	}

	.ecaia-berechnung-wrapper img {
		width: 11vw;
		top: -20px;
	}

	.ecaia-berechnung-wrapper {
		width: 47vw;
	}

	.new-style h2 {
		font-size: 44px;
	}

	#ecaia-kundenstimmen .slick-prev {
		left: 5px;
		top: 150px;
	}

	#ecaia-kundenstimmen .slick-next {
		right: 5px;
		top: 150px;
	}

	.kundenstimmen-slider {
		padding: 0 40px;
	}

	.aktive-lizenzen .row-grid-temp {
		display: block;
	}

	#planet2-filter button:before {
		width: 20px;
		max-height: 21px;
		left: 9px;
	}

	.project-infos .summe {
		font-size: 23px;
	}

	section .each-project .project-infos>.row {
		margin: 0;
	}

	.project-infos {
		padding: 30px 20px;
	}

	#planet2-filter button {
		font-size: 13px;
		padding: 8px 10px 8px 38px;
	}

	#planet2-filter #sortierung {
		font-size: 13px;
		padding: 10px 5px;
	}

	#planet-projekte {
		padding: 9vw 0 14vw;
	}

	.sanusplanet .hummel-img {
		width: 250px;
	}

	#sanusplanet-podcast div>a:first-of-type img,
	#sanusplanet-podcast div>a img {
		width: 11vw;
	}

	.sanusplanet #sanusplanet-podcast {
		background-position: 80% top;
	}

	#planet-involved .mt-5 {
		margin-top: 50px !important;
	}

	#planet-involved:after {
		border-right: 4px solid #74B42B;
		right: 10%;
	}

	section#planet-zahlen .row>div {
		z-index: 20;
		position: relative;
	}

	section#planet-zahlen .container-none:after {
		content: '';
		background: black;
		width: 100%;
		height: 100%;
		z-index: 10;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.3;
	}

	#planet-zahlen {
		background-size: auto;
	}

	#planet-zahlen>div>img {
		z-index: 20;
		left: 19vw;
		top: 26vw;
	}

	.clothes {
		margin-top: -50px;
	}

	div .clothes header h1 {
		font-size: 60px;
	}

	.clothes header {
		height: 50vw;
	}

	.clothes .row>div {
		padding: 0 20px;
	}

	section.clothes-2 img {
		width: 100%;
	}

	.sanuscredits .fit-img {
		width: 100%;
	}

	.new-style #unternehmer {
		background-size: auto 100%;
		padding: 5vw 0;
	}

	.new-style h5 {
		font-size: 90px;
	}

	.new-style p {
		font-size: 20px;
	}

	div .new-style h4 {
		font-size: 29px;
	}

	.sanuscredits .number-img {
		left: 0;
	}

	.new-style .horizontal-line:before,
	.new-style .vertical-line:before {
		display: none;
	}

	.new-style .container-none .row {
		margin-left: 10px;
		margin-right: 10px;
	}

	.profile .individuelles-p {
		height: 45px;
	}

	.profile-infos {
		height: 90px;
	}

	.downloadcenter .vertical-line:before {
		height: 14vw;
	}

	.downloadcenter header p {
		font-size: 25px;
	}

	.downloadcenter h1 {
		font-size: 60px;
		letter-spacing: 3px;
	}

	#download-home header,
	#download-videos header {
		height: 50vw;
	}

	.downloadcenter iframe {
		width: 420px;
		height: 300px;
	}

	#download-videos .list {
		grid-gap: 50px;
	}

	.user-edit-text {
		padding-right: 40px;
	}

	#content-registrierung .date .list-inline {
		justify-content: flex-end;
	}

	.welcome-content .row>.col-sm-6:nth-of-type(2) {
		margin-top: 0;
	}

	#footer-1 ul li {
		padding-left: 10px;
		padding-right: 10px;
	}

	#footer-1 ul>li>a {
		font-size: 12px;
	}

	.profile .welcome-circle .circle-container {
		margin-top: 0;
	}

	.profile-padding-right img {
		width: 13vw;
	}

	#profile-du-moechtest h5 {
		padding: 0;
		width: 100%;
	}

	.profile .welcome-circle {
		position: relative;
	}

	.profile h3.sc-guthaben {
		font-size: 25px;
		line-height: 35px;
	}

	.profile h1 {
		font-size: 110px;
	}

	.profile h3 {
		font-size: 16px;
		line-height: 25px;
	}

	.profile-image {
		width: 115px;
		height: 115px;
		left: -130px;
		top: 10px;
	}

	#profile-section-padding2 {
		padding: 0px 0 50px 0;
	}

	.lizenz-pfeil {
		display: none;
	}

	#profile-section-padding {
		padding: 80px 0 20px 0;
	}

	.header-welcome h1 {
		font-size: 75px;
	}

	.header-welcome .welcome-subheader .welcome-type {
		font-size: 18px;
	}

	.header-welcome .welcome-subheader {
		font-size: 22px;
	}

	.sanuscredits header img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.sanuscredits header div {
		top: 100px;
		transform: translate(-50%, 0%);
	}

	.sanuscredits header {
		height: 1000px;
		position: relative;
	}

	#homeseite .welcome-circle {
		position: relative;
		margin: 100px 0 50px 15%;
	}

	#ecaia-inhalt .inhalt-bubbles {
		width: 60vw;
		bottom: -100px;
	}

	.sanuslife-academy .container-none {
		margin-left: 70px;
	}

	.academy-paket-video-slider .slick-slide,
	.academy-share-video-slider .slick-slide,
	.academy-checksecurity-video-slider .slick-slide {
		padding: 0 15px;
	}

	.new-style .text-medium {
		font-size: 17px;
	}

	div .sanuslife-academy h6 {
		font-size: 60px;
	}

	.academy-paket-video-slider .slick-slide>p.text-medium:first-of-type,
	.academy-share-video-slider .slick-slide>p.text-medium:first-of-type,
	.academy-checksecurity-video-slider .slick-slide>p.text-medium:first-of-type {
		min-height: 50px;
	}

	.register-steps .nav-tabs a {
		font-size: 11px;
	}

	.checksecurity-status .security-true,
	.checksecurity-status .security-false {
		padding: 10px 30px;
	}

	.sanuslife-academy #ecosystem .welcome-circle {
		position: relative;
		width: unset;
		top: unset;
		left: unset;
	}

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(0.8) translateX(-17%);
		margin: 0;
	}

	.download-colored {
		font-size: 17px;
		padding-left: 35px;
	}

	.download-colored:before {
		width: 30px;
		height: 35px;
	}

	.paket-angebot-wrapper {
		width: 100%;
	}

	.sanuslife-academy table tbody td div {
		padding: 0 10px;
	}

	.sanuslife-academy table tbody p {
		font-size: 15px;
	}

	#targetdefinition,
	#choose-package,
	#register-steps,
	#academy-sanusforyou,
	#academy-check-security,
	#academy-tips,
	#ecosystem,
	#share-videos,
	#academy-position {
		padding: 100px 0;
	}

	#next-steps {
		padding: 100px 0 140px;
		margin-bottom: -70px;
	}

	#sanuscoin-sanuspay {
		padding: 100px 0 0 0;
	}

	#successful-start,
	#maximum-success {
		padding: 140px 0 100px;
		margin-top: -70px;
	}

	#academy-header {
		height: 500px;
	}

	#academy-header h1 {
		padding-top: 100px;
	}


}

@media(max-width: 1024px) {
	.profile-infos {
		height: 112px;
	}

	.new-style h3 {
		font-size: 30px;
	}
}

@media(max-width: 992px) {
	#homeseite .welcome-circle {
		margin: 100px 0 50px 8%;
	}

	.ecaia-product-hover {
		top: 40%;
		width: 100%;
	}

	#ecaia-cashback {
		background: none;
		padding: 120px 0;
	}

	#ecaia-inhalt .inhalt-bubbles {
		bottom: -83px;
		width: 400px;
	}

	#ecaia-inhalt .row>.col-lg-3 {
		display: flex;
		padding-top: 70px;
	}

	#ecaia-komplett h6.broadcast-font,
	#ecaia-komplett div>h6.broadcast-font:nth-of-type(2) {
		padding-left: 0;
	}

	#ecaia-komplett .container-none>.row:nth-child(1) {
		padding-bottom: 90px;
	}

	#ecaia-wohlergehen .container-none {
		background-position: 18vw 97%;
		padding-bottom: 470px;
		background-size: 600px auto;
	}

	#ecaia-wohlergehen {
		margin-bottom: -60px;
	}

	#ecaia-komplett .col-lg-10>div {
		margin-left: 5%;
	}

	.ecaia-berechnung-ergebnis {
		width: 100%;
	}

	.ecaia-berechnung-wrapper img {
		width: 200px;
	}

	.ecaia-berechnung-wrapper {
		width: 100%;
		padding-left: 200px;
		height: 255px;
	}

	.ecaia-carafe-s .grey-bg input {
		margin: 0 20px 0 0;
	}

	.kundenstimmen-slider .slick-slide>img {
		width: 34vw;
	}

	#ecaia-esmog {
		padding: 8vw 0 60px;
	}

	#ecaia-begleiter .container-none>.row:nth-of-type(2) {
		padding: 60px 0;
	}

	#ecaia-einfach .pfeile {
		width: 30px;
		right: -26px;
		top: 34%;
	}

	.profile-videos-container {
		margin: 30px 0;
	}

	.each-project .project-infos .row>div:nth-of-type(2) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		margin-top: 30px;
	}

	.each-project .project-infos .gap {
		height: 15px;
	}

	.project-infos>.row>div:first-of-type {
		padding-right: 3px;
	}

	.project-grid {
		gap: 30px;
	}

	.project-badges img {
		width: 40px;
	}

	#planet2-filter button {
		width: 170px;
	}

	#sanusplanet-podcast div>a:first-of-type img,
	#sanusplanet-podcast div>a img {
		width: 18vw;
	}

	.sanusplanet .hummel-img {
		width: 200px;
	}

	#planet-involved {
		padding: 120px 0 130px;
		margin: 80px 0 0;
	}

	#planet-involved:after {
		width: 98%;
		right: 1%
	}

	#planet-zahlen .row>img {
		width: 400px;
		z-index: 20;
		position: relative;
		margin: 0 auto;
		display: block;
	}

	#planet-projekte {
		padding: 100px 0 200px;
	}

	.new-style h6.h6-bigger {
		font-size: 100px;
	}

	div .new-style h4 {
		font-size: 30px;
	}

	@keyframes swimmingJellyfish {
		0% {
			right: 0;
			bottom: -300px;
		}

		60% {
			right: 20px;
			bottom: -320px;
		}

		100% {
			right: 0;
			bottom: -300px;
		}
	}

	.planet-qualle {
		right: 0;
	}

	#planet-satz {
		padding-bottom: 50px;
	}

	.sanusplanet .planet-pool-img {
		display: none;
	}


	.sanusplanet .gruender-img {
		width: 70vw;
	}

	.new-style h6.h6-smaller {
		font-size: 65px;
	}

	#planet-header .mt-5 {
		margin-top: 40px !important;
	}

	nav.sanusstore-subnav ul>li {
		padding-right: 15px;
	}

	.clothes header {
		height: 70vw;
	}

	.clothes .einnahmen-planet p {
		font-size: 20px;
	}

	.clothes .einnahmen-planet {
		left: 50%;
	}

	div .clothes header h1 {
		font-size: 60px;
	}

	.sanuscredits #alles-bonus h5.horizontal-line:after {
		width: 190px;
		height: 45px;
	}

	#credits-coins .padding-left img {
		width: 60% !important;
		margin-left: 20%;
	}

	.new-style h5 {
		font-size: 90px;
	}

	#credits-coins .d-flex {
		display: block;
	}

	#split,
	.new-style #unternehmer {
		padding: 15vw 0;
	}

	#alles-bonus .row>div>.row,
	#alles-bonus .row>div>.row>.padding-right:first-of-type {
		padding-bottom: 100px;
	}

	#sc-kostenlos {
		padding: 12vw 0;
	}

	.new-style #sc-konto {
		padding: 15vw 0;
	}

	.sanuscredits #belohnungssystem {
		padding: 12vw 0;
	}

	.new-style .padding-right,
	.new-style .padding-left {
		padding: 0;
	}

	.sanuscredits header div {
		top: 50px;
	}

	.sanuscredits header {
		height: 1000px;
	}

	div .new-style h6 {
		font-size: 70px;
	}

	div .new-style h1 {
		font-size: 75px;
		letter-spacing: 3px;
	}

	.datenschutz-row .mt-5 {
		margin-top: 50px !important;
	}

	#content-registrierung .info-text {
		padding: 40px 0;
	}

	.profile .individuelles-p {
		height: auto;
	}

	.profile-infos {
		height: auto;
	}

	.big-outline-btn.current {
		padding: 13px 20px;
	}

	.big-outline-btn {
		padding: 10px 20px;
	}

	.big-outline-btn {
		width: 200px;
	}

	.documents div.list {
		grid-template-columns: 1fr 1fr;
	}

	.download-container select {
		width: 140px;
	}

	.downloadcenter iframe {
		width: 320px;
		height: 230px;
	}

	.datenschutz-row label,
	.accept-input label {
		margin-left: 20px !important;
	}

	.register-1 fieldset {
		margin-right: 0;
	}

	.register-2>div {
		margin-left: 0;
	}

	.register-1-2 {
		flex-direction: column;
		align-items: unset;
	}

	.register-1-2 .color-btn {
		width: 180px;
	}

	.profile-subnav .navbar-nav a {
		font-size: 13px;
	}

	#content-registrierung {
		margin-right: 60px;
	}

	#content-registrierung .headline {
		font-size: 24px;

	}

	#header-registrierung h1 {
		font-size: 90px;
		line-height: 120px;
	}

	#header-registrierung .subheadline {
		font-size: 25px;
	}

	#footer-1 {
		display: none;
	}

	#profile-section-padding2 {
		padding: 0px 0 20px 0;
	}

	.profile h2 {
		font-size: 35px;
		line-height: 40px;
	}

	.profile h5 {
		font-size: 50px;
		line-height: 50px;
	}

	.profile h4 {
		font-size: 30px;
		line-height: 55px;
	}

	.register-page .welcome-circle {
		position: relative;
	}

	.register-page .header-welcome>.container>.row {
		display: flex;
		flex-direction: column-reverse;
	}

	.register-page .header-welcome {
		padding: 40px 0 0 0;
	}

	.slick-initialized .slick-slide {
		height: auto;
	}

	#ecaia-header .slick-dots {
		transform: translateX(-50%);
	}

	#products-header .container-none>.row:nth-of-type(2) .row {
		flex-direction: column;
		gap: 20px;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 {
		width: 100%;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 div>img {
		height: auto;
		max-width: 30vw;
	}

	#products-header .container-none>.row:nth-child(2) .col-md-4 {
		padding: 45px 35px 50px;
	}

	#products-wirlieben .container-none>.row:first-of-type img {
		left: 44vw;
		width: 409px;
	}

}


@media (max-width: 991px) {
	.mail-link {
		font-size: 14px;
	}

	#team-header {
		height: 600px;
		min-height: unset;
	}

	#nonprofit-soeinfach h6 a>img:nth-of-type(2) {
		left: 25vw;
		bottom: -27px;
	}

	#nonprofit-funktionierts {
		padding: 100px 0;
	}

	#nonprofit-vorteile h6>img:first-of-type {
		bottom: 15px;
	}

	.app-popup .mockup {
		width: 65%;
	}

	#products-header {
		background-size: 110%;

	}

	#products-header .container-none>.row:first-of-type {
		height: 500px;
	}

	div div.sanuslife-academy h5 {
		font-size: 75px;
	}

	div div.sanuslife-academy h6 {
		font-size: 50px;
	}

	.sanuslife-academy table {
		table-layout: auto;
	}

	.paket-angebot-wrapper {
		margin-right: 0;
	}

	.download-colored {
		font-size: 15px;
	}

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(1) translateX(0%);
		margin: 0 auto;
	}

	#ecosystem,
	#share-videos,
	#academy-position {
		width: calc(100% - 20px);
	}

	.academy-nav {
		padding: 12px 12px 12px 7px;
	}

	.sanuslife-academy .container-none {
		margin-left: 50px;
	}

	div div h1.h1-small {
		font-size: 45px;
	}

	#nonprofit-areas .tab-pane#nonprofit-mappartner .padding-left img {
		margin: 0 auto;
		display: block;
	}

	#nonprofit-areas .tabs>div:first-of-type {
		flex-wrap: wrap;
	}

	#nonprofit-areas .tabs>div:first-of-type>div {
		width: 33%;
		margin-bottom: 20px;
		height: 170px;
	}

	#nonprofit-areas .tabs>div:first-of-type>div img {
		max-width: 110px;
	}

	#nonprofit-soeinfach .container-none>.row {
		display: flex;
		flex-direction: column-reverse;
	}

	#nonprofit-click img {
		max-width: 90%;
	}

	.mappartner-store .sortierung {
		gap: 10px;
	}

	.mappartner-store .activated-filter {
		flex-direction: column;
	}

	.all-results {
		grid-template-columns: 1fr 1fr;
	}

	#ecaia-products ul.anchorlink-list {
		justify-content: center;
		gap: 0 20px;
	}

	#ecaia-komplett .container-none>.row:nth-of-type(3) .col-lg-10 div img {
		height: 17vw;
	}

	#ecaia-komplett .col-lg-10>div {
		width: 80%;
		margin-bottom: 80px;
	}

	#ecaia-komplett .col-lg-10 {
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.profile-infos {
		display: block;

	}

	form .color-btn {
		margin: 20px 0;
	}

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

	#profile-section-padding .row>div {
		margin: 0;
	}

	.profile .circle-profile .circle-container {
		transform: scale(0.7);
		margin-left: -40px;
	}

	#ecaia-header {
		height: 700px;
	}

	.ecaia-welle1 {
		margin-top: -145px;
	}

}


@media(max-width: 767px) {
	.new-style h3 {
		font-size: 26px;
	}

	.sanuslife-academy table p img {
		width: 25px;
	}

	.sanuslife-academy legend {
		color: #5D637B;
	}

	.sanuslife-academy table#vip2-package thead tr>th:nth-of-type(5),
	.sanuslife-academy table#vip2-package tbody tr>td:nth-of-type(5),
	.sanuslife-academy table#vip2-package tfoot tr>th:nth-of-type(5),
	.sanuslife-academy table#vip-package thead tr>th:nth-of-type(4),
	.sanuslife-academy table#vip-package tbody tr>td:nth-of-type(4),
	.sanuslife-academy table#vip-package tfoot tr>th:nth-of-type(4),
	.sanuslife-academy table#royal-package thead tr>th:nth-of-type(3),
	.sanuslife-academy table#royal-package tbody tr>td:nth-of-type(3),
	.sanuslife-academy table#royal-package tfoot tr>th:nth-of-type(3),
	.sanuslife-academy table#deluxe-package thead tr>th:nth-of-type(2),
	.sanuslife-academy table#deluxe-package tbody tr>td:nth-of-type(2),
	.sanuslife-academy table#deluxe-package tfoot tr>th:nth-of-type(2) {
		display: block;
	}

	.sanuslife-academy table thead tr>th:nth-of-type(2),
	.sanuslife-academy table thead tr>th:nth-of-type(3),
	.sanuslife-academy table thead tr>th:nth-of-type(4),
	.sanuslife-academy table thead tr>th:nth-of-type(5),
	.sanuslife-academy table tbody tr>td:nth-of-type(2),
	.sanuslife-academy table tbody tr>td:nth-of-type(3),
	.sanuslife-academy table tbody tr>td:nth-of-type(4),
	.sanuslife-academy table tbody tr>td:nth-of-type(5),
	.sanuslife-academy table tfoot tr>th:nth-of-type(2),
	.sanuslife-academy table tfoot tr>th:nth-of-type(3),
	.sanuslife-academy table tfoot tr>th:nth-of-type(4),
	.sanuslife-academy table tfoot tr>th:nth-of-type(5) {
		display: none;
	}

	.sanuslife-academy .table-responsive>.table>tbody>tr>td,
	.sanuslife-academy .table-responsive>.table>tbody>tr>th,
	.sanuslife-academy .table-responsive>.table>tfoot>tr>td,
	.sanuslife-academy .table-responsive>.table>tfoot>tr>th,
	.sanuslife-academy .table-responsive>.table>thead>tr>td,
	.sanuslife-academy .table-responsive>.table>thead>tr>th {
		white-space: inherit;
	}

	.sanuslife-academy .table>tbody>tr>td,
	.sanuslife-academy .table>tbody>tr>th,
	.sanuslife-academy .table>tfoot>tr>td,
	.sanuslife-academy .table>tfoot>tr>th,
	.sanuslife-academy .table>thead>tr>td,
	.sanuslife-academy .table>thead>tr>th {
		padding: 8px 3px;
	}

	.sanuslife-academy .table p {
		letter-spacing: 0;
	}

	.sanuslife-academy .table tr>th>div {
		padding: 15px 5px 10px 5px;
	}

	.sanusplanet-page #sanuslife-app .rounded-img>img {
		padding: 8px 5px;
	}

	.sanusplanet-page #sanuslife-app .rounded-img {
		bottom: 80%;
		left: 15px;
		display: block;
		width: 130px;
		padding: 9px;
		text-align: center;
	}

	#content-registrierung .choose-register {
		flex-direction: column;
		gap: 10px;
	}

	#content-registrierung .choose-register>div,
	#content-registrierung .choose-register>div .color-btn {
		width: 100%;
	}

	#nonprofit-areas .tabs a[aria-controls="nonprofit-sanusapp"] div>img {
		margin: 0 !important;
	}

	.credits-view .sc-sac-img {
		width: 273px;
		float: none;
		margin: 0 auto;
		display: block;
	}

	.credits-view h1.h1-small {
		font-size: 30px;
	}

	#sc-kostenlos {
		background-position: 10% center;
	}

	.new-style h1.h1-very-small {
		font-size: 25px;
		letter-spacing: 0.4px;
	}

	#team-support,
	#sanuslife-team {
		padding: 60px 0 80px;
	}

	#sanuslife-team div>img {
		margin-bottom: -45px;
		margin-left: 0%;
	}

	#team-header .container-none:after {
		top: -12px;
		width: 95%;
		height: calc(100% + 72px);
	}

	.team-page #team-header h1 {
		font-size: 50px;
	}

	.sanuscoin-bezahlen-video {
		background: none;
		height: 270px;
	}

	.app-popup>img:first-of-type {
		right: unset;
		left: 15px;
		width: 100px;
	}

	.close-app-popup {
		right: 10px;
		top: 10px;
	}

	.app-popup {
		width: 95vw;
		padding: 20px 0px 0 0px;
		top: 15px;
		max-height: 95vh;
		overflow: auto;
	}

	.app-popup h4 {
		font-size: 18px;
	}

	#products-header {
		background-position: 0 -20px;
	}

	#products-header .container-none>.row:first-of-type {
		height: 350px;
		display: flex;
		align-items: flex-end;
		padding-bottom: 20px;
	}

	.new-style .color-btn+.color-btn {
		margin-left: 0;
		margin-top: 25px;
		display: inline-block;
	}

	.register-steps .slick-slide>div:nth-child(2) img {
		margin-top: -5%;
		width: 140%;
		margin-left: -20%;
	}

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

	.register-steps-slider .slick-dots {
		margin: 0;
	}

	.register-steps-slider {
		margin-bottom: 70px;
	}

	div.register-steps .slick-prev {
		left: 0;
		top: calc(100% + 40px);
		width: auto;
		gap: 5px;
		font-size: 11px;
	}

	div.register-steps .slick-next {
		right: 0;
		top: calc(100% + 40px);
		width: auto;
		gap: 5px;
		font-size: 11px;
	}

	.register-steps-slider .slick-dots li,
	.register-steps-slider .slick-dots li button {
		width: 15px;
		height: 15px;
	}

	.register-steps .nav-tabs {
		overflow: scroll hidden;
		grid-template-columns: repeat(8, 100px);
		height: 100px;
	}

	.register-steps .nav-tabs li span {
		margin-bottom: 5px;
	}

	.register-steps .nav-tabs li span:after,
	.registrierung-user-tutorial .register-steps .nav-tabs li span:after {
		width: 90px;
	}

	.register-steps ::-webkit-scrollbar {
		-webkit-appearance: none;
		height: 4px;
	}

	.register-steps ::-webkit-scrollbar-thumb {
		border-radius: 0px;
		background-color: #5D637B;
		-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	}

	.register-steps ::-webkit-scrollbar-track {
		background: rgba(0, 0, 0, .1);
		/* color of the tracking area */
	}

	.sanuslife-academy .verification-modal .modal-content {
		padding: 0 0 30px 0;
	}

	.sanuslife-academy .verification-modal .modal-body iframe {
		height: 100% !important;
	}

	.sanuslife-academy .modal-lg {
		width: 95vw;
	}

	.download-colored+.download-colored {
		margin-left: 0;
		margin-top: 25px;
	}

	#sanuscoin-sanuspay {
		background-position: 0 0;
	}

	.academy-paket-video-slider .slick-slide>p.text-medium:first-of-type,
	.academy-share-video-slider .slick-slide>p.text-medium:first-of-type,
	.academy-checksecurity-video-slider .slick-slide>p.text-medium:first-of-type {
		min-height: 20px;
	}

	.sanuslife-academy table tbody p {
		font-size: 13px;
	}

	.sanuslife-academy .table tr td div {
		height: 40px;
	}

	.download-colored {
		display: block;
		font-size: 14px;
		letter-spacing: 0;
		padding-left: 29px;
	}

	.download-colored:before {
		width: 22px;
		height: 29px;
	}

	.sanuslife-academy #ecosystem .welcome-circle {
		height: 320px;
	}

	#academy-header h1 {
		padding-top: 140px;
		font-size: 32px;
	}

	.sanuslife-academy .container-none {
		margin-left: 40px;
	}

	.academy-nav .nav-number {
		font-size: 10px;
		width: 21px;
		height: 21px;
	}

	div.academy-paket-video-slider .slick-prev,
	div.academy-share-video-slider .slick-prev,
	div.academy-checksecurity-video-slider .slick-prev {
		left: 12px;
		top: 37%;
		z-index: 10;
	}

	div.academy-paket-video-slider .slick-next,
	div.academy-share-video-slider .slick-next,
	div.academy-checksecurity-video-slider .slick-next {
		right: 7px;
		top: 37%;
		z-index: 10;
	}

	.academy-paket-video-slider .slick-slide,
	.academy-share-video-slider .slick-slide,
	.academy-checksecurity-video-slider .slick-slide {
		padding: 0 40px;
	}

	.sanuslife-academy #ecosystem .circle-container {
		transform: scale(0.5) translate(-50%, -50%);
	}

	.sanuslife-academy .slick-slide img {
		width: 100%;
	}

	.checksecurity-status .security-true,
	.checksecurity-status .security-false {
		font-size: 16px;
		display: inline-block
	}

	.checksecurity-status {
		flex-direction: column;
		gap: 10px;
		align-items: center;
	}

	div div.sanuslife-academy h5 {
		font-size: 50px;
	}

	.sanuslife-academy .video-row2 {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.sanuslife-academy .video-row {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.sanuslife-academy .video-row2>div {
		padding-right: 0;
	}

	.sanuslife-academy #academy-check-security .open_modal img,
	.sanuslife-academy #academy-sanusforyou .open_modal img,
	.sanuslife-academy #ecosystem .open_modal img,
	.sanuslife-academy #successful-start .open_modal img {
		width: 100% !important;
	}

	.mappartner-store .filter-countries .columns {
		column-count: 2;
		-webkit-column-count: 2;
	}

	.new-style .horizontal-gradient-line {
		height: 6px;
	}

	div.well-mappartner a h6 {
		font-size: 28px;
	}

	.well-mappartner {
		padding: 12px 10px 0 10px;
	}

	#nonprofit-funktioniert .slick-slide {
		padding: 0 15px;
	}

	#nonprofit-funktioniert {
		padding: 80px 0 40px;
	}

	#nonprofit-funktioniert .slick-slide img {
		width: inherit;
	}

	#nonprofit-areas .tab-pane>.row {
		margin: 0;
	}

	#nonprofit-areas a .fa {
		bottom: 18px;
		right: 20px;
		font-size: 25px;
	}

	#nonprofit-areas a[role="tab"] {
		padding: 3px;
		margin: 0;
	}

	#nonprofit-areas a[role="tab"] p {
		font-size: 16px;
		margin: 0;
	}

	#nonprofit-areas .tabs>div:first-of-type>div img {
		width: auto;
		margin: 0 10px;
		height: 33px;
	}

	#nonprofit-areas .tabs a>div {
		display: flex;
		align-items: center;
		padding: 0;
	}

	#nonprofit-areas .tabs>div:first-of-type>div {
		width: 100%;
		margin-bottom: 10px;
		height: 60px;
	}

	#nonprofit-gruende .row .row .col-lg-3 p.text-uppercase {
		height: 60px;
		margin-bottom: 10px;
		margin-top: 20px;
		;
	}

	#nonprofit-soeinfach h6 {
		margin: -30px 0 0 0;
	}

	#nonprofit-soeinfach h6 span {
		margin: 0 0 0 100px;
		display: block;
	}

	#nonprofit-soeinfach h6 a>img:first-of-type {
		position: absolute;
		margin: 0;
		left: 5px;
		bottom: 50px;
		width: 50px;
	}

	#nonprofit-soeinfach h6 a>img:nth-of-type(2) {
		left: 28px;
		bottom: -34px;
		width: 70px;
	}

	#nonprofit-click,
	#nonprofit-soeinfach,
	#nonprofit-intro,
	#nonprofit-vorteile,
	#nonprofit-areas {
		padding: 80px 0;
	}

	#nonprofit-gruende {
		padding: 0 0 80px;
	}

	#nonprofit-click .container-none>.row:nth-of-type(2)>div {
		display: flex;
		align-items: center;
		gap: 20px;
		text-align: left;
		margin-bottom: 20px;
	}

	#nonprofit-click img {
		max-width: 90px;
	}

	#nonprofit-areas iframe,
	#nonprofit-funktioniert iframe {
		height: 220px !important;
	}

	.new-style .padding-right,
	.new-style .padding-left {
		padding-left: 3px;
		padding-right: 3px;
	}

	#nonprofit-vorteile h6 a>img:first-of-type {
		width: 40px !important;
		left: 177px;
		top: 103%;
		bottom: unset;
	}

	#nonprofit-vorteile h6 a>img:last-of-type {
		width: 50px !important;
		left: 104px;
		top: 100%;
	}

	#nonprofit-vorteile h6 span {
		margin: 0 0 0 100px;
	}

	.sanus-checkmark-list li {
		padding-left: 40px;
		padding-bottom: 15px;
		font-size: 18px;
	}

	.sanus-checkmark-list li:before {
		top: 0;
	}

	#nonprofit-header:after {
		height: 500px;
		background-color: rgba(1, 1, 1, 0.2);
	}

	#nonprofit-header {
		height: 500px;
		background-position: 58%;
	}

	div div h1.h1-small {
		font-size: 30px;
	}

	.filter-popup-btn {
		width: 159px !important;
		display: block;
		text-align: center;
	}

	.filter-popup {
		display: none;
	}

	.mappartner-store .sortierung {
		justify-content: left;
	}

	.mappartner-store>section {
		padding: 0 0;
	}

	.mappartner-store .activated-filter>div {
		margin: 40px 0 20px;
		gap: 6px 20px;
	}

	.mappartner-store .activated-filter button {
		font-size: 11px;
		padding: 4px 22px 2px 12px;
	}

	.mappartner-store .search-field button[type="reset"] {
		top: 2px;
		right: 12px;
	}

	.mappartner-store input[type="search"] {
		height: 40px;
		padding: 0 28px 0 45px;
		font-size: 14px;
	}

	.mappartner-store .search-field button[type="submit"] {
		left: 13px;
		top: 8px;
	}

	.mappartner-store #mp-store-header {
		padding-top: 40px;
	}

	.new-style h2 {
		font-size: 34px;
	}

	.mappartner-store {
		padding-bottom: 101px;
	}

	.result-single-shop .result-bottom .text-small {
		font-size: 11px !important;
	}

	.result-single-shop .result-bottom {
		padding: 8px 7px 0;
		height: 55px;
	}

	.result-single-shop {
		padding-bottom: 45px;
	}

	.result-single-shop>div:first-of-type {
		padding: 0 10px;
	}

	.result-single-shop hr {
		margin: 11px 0;
	}

	.result-single-shop>img {
		height: 130px;
	}

	.all-results {
		gap: 20px 2%;
		grid-template-columns: 49% 49%;
	}

	#ecaia-sparrechner {
		padding-top: 60px;
	}

	.zertifikat-downloads a:before {
		top: -6px;
		width: 17px;
		height: 24px;
	}

	.zertifikat-downloads a {
		font-size: 14px;
		padding: 0 0 20px 35px;
		word-break: break-all;
	}

	#ecaia-products ul.anchorlink-list li p {
		font-size: 16px;
	}

	#ecaia-products ul.anchorlink-list {
		gap: 0 10px;
		padding: 50px 0 80px;
		width: 100%;
	}

	#ecaia-inhalt {
		padding: 50px 0 80px;
	}

	#ecaia-inhalt .inhalt-bubbles {
		bottom: -35px;
		width: 57vw;
	}

	.kundenstimmen-slider {
		padding: 0 20px;
	}

	.slick-slide img {
		width: 20px;
	}

	#ecaia-kundenstimmen p.text-small {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}

	.slick-initialized .slick-slide {
		height: auto;
	}

	.ecaia-berechnung-wrapper div>p:first-of-type,
	.ecaia-berechnung-ergebnis div>p:nth-of-type(2) {
		padding: 6px 0;
		width: 80px;
	}

	.ecaia-berechnung-wrapper img {
		width: 90px;
		left: -8px;
	}

	.ecaia-berechnung-wrapper {
		padding: 20px 0 20px 80px;
		height: unset;
	}

	.ecaia-carafe-s .grey-bg input {
		margin: 0 10px 0 0;
		width: 120px;
	}

	#ecaia-schleppen {
		padding: 100px 0 130px;
	}

	.schleppen-bubbles {
		width: 200px;
	}

	.ecaia-welle3 {
		margin-top: -60px;
	}

	#ecaia-esmog {
		padding: 30px 0 80px;
	}

	.user-edit-text {
		padding-right: 0;
	}

	.user-check-header h2 {
		font-size: 28px;
	}

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

	.register-2 div>.row {
		padding: 0 35px 40px 35px;
	}

	#content-registrierung .empfehlungsgeber {
		padding: 40px 35px 20px 35px;
	}

	.register-datenschutz {
		padding: 0 35px;
	}

	.register-2>div>div.row {
		flex-direction: column;
		align-items: unset;
	}

	#header-registrierung {
		margin: 0 14px;
	}

	.edit-profile-image {
		right: 16px;
		font-size: 1.5rem;
	}

	.profile>section:last-of-type {
		padding: 16vw 0 20vw 0;
	}

	.profile-tile-headline {
		font-size: 12px;
	}

	#profile-newsletter {
		padding-bottom: 20vw;
	}

	#profile-du-moechtest {
		padding: 17vw 0;
	}

	.profile .horizontal-line::before {
		display: none;
	}

	.profile-padding-right img {
		width: 100%;
		margin: 0;
	}

	.profile .profile-padding-left {
		padding-left: 15px;

	}

	#profile-section-padding2 {
		padding: 0 0 20px 0;
	}

	.profile .welcome-circle {
		transform: scale(0.6);
		margin-left: -70px;
	}

	#profile-du-moechtest .row>.col-xs-12:nth-of-type(2) {
		margin-top: -80px;
		height: 480px;
	}

	.welcome-circle .circle-container>*:nth-of-type(2) {
		transform: rotate(37deg) translate(148px) rotate(-37deg);
		width: 177px;
	}

	.welcome-circle .circle-container>*:nth-of-type(3) {
		transform: rotate(71deg) translate(156px) rotate(-71deg);
		width: 150px;
	}

	.welcome-circle .circle-container>*:nth-of-type(4) {
		transform: rotate(125deg) translate(179px) rotate(-125deg);
		width: 150px;
	}

	#ecaia-header {
		height: 52vh;
		padding-top: 88px;
		background-position: 60% center;
	}

	#ecaia-komplett .col-lg-10>div br {
		display: none;
	}

	.ecaia-product-hover {
		opacity: 1;
		position: relative;
		left: unset;
		top: unset !important;
		transform: none;
		text-align: left;
	}

	#ecaia-komplett .col-lg-10>div>img {
		margin: 0;
	}

	#ecaia-komplett .col-lg-10>div>p {
		grid-column-end: 3;
		grid-column-start: 1;
		text-align: left;

		margin-bottom: 30px;
	}

	#ecaia-komplett .container-none>.row:nth-of-type(3) .col-lg-10 {
		padding-top: 120px;
	}

	#ecaia-komplett .col-lg-10>h4 {
		gap: 20px;
		align-items: baseline;
		flex-direction: column;
		left: 17px;
	}

	#ecaia-komplett {
		padding-top: 0;
	}

	#ecaia-komplett .container-none>.row:nth-child(1) {
		padding-bottom: 0;
	}

	#ecaia-komplett h2.white-font {
		width: 50%;
		margin-top: 5px;
	}

	#ecaia-esmog details {
		position: relative;
		top: unset;
	}

	.ecaia-welle2 {
		margin-bottom: -70px;
	}

	ul.checkmark-list li {
		font-size: 17px;
		padding-bottom: 18px;
	}

	.ecaia-certificate {
		top: -22px;
		width: 133px;
	}

	.ecaia-welle1 {
		margin-top: -75px;
	}

	.navbar.navbar-sanus.subnavigation .dropdown-menu>li.main>a {
		color: #000C4A !important;
	}

	.subnavigation .open .dropdown-menu {
		position: absolute !important;
		background: white !important;
	}

	.subnavigation .nav {
		display: flex;
		width: 100vw;
		justify-content: space-between;
	}

	.sanusplanet-page .subnavigation .nav {
		width: calc(100% + 20px);
		margin-left: -20px;
	}

	.subnavigation .nav>li a {
		padding: 10px 0 5px 0;
		margin: 0;
		font-size: 11px !important;
	}

	#ecaia-wohlergehen .container-none {
		background-position: 0 98.5%;
		padding-bottom: 370px;
		background-size: 480px auto;
	}

	#ecaia-wohlergehen {
		margin-bottom: -30px;
		padding-top: 140px;
	}

	#ecaia-einfach {
		padding: 35px 0 80px;
	}

	#ecaia-einfach div img {
		width: 215px;
		margin: 0 auto;
		display: block;
	}

	#ecaia-einfach .pfeile {
		top: unset;
		bottom: 32px;
		right: 45%;
		transform: rotate(90deg);
	}

	#ecaia-komplett .col-lg-10 {
		grid-template-columns: 100%;
		width: calc(100% + 26px);
		margin-left: -13px;
		padding: 200px 13px 0 13px;

	}

	.ecaia-product-hover p.text-small {
		margin-bottom: 25px;
	}

	#ecaia-komplett .col-lg-10>div>div:hover>img {
		opacity: 1;
	}

	#ecaia-komplett .col-lg-10>div {
		margin: 0 0 60px 0px;
		width: 100%;
		text-align: left;
	}

	#ecaia-komplett .col-lg-10 div img {
		margin-top: 0;
		height: 180px;
		margin-bottom: 20px;
	}

	#ecaia-komplett .container-none>.row:nth-of-type(3) .col-lg-10 div img {
		height: 150px;
		margin-bottom: 20px;
		width: 100%;
		object-position: center;
	}

	#ecaia-komplett .col-lg-10>div>img,
	#ecaia-komplett .col-lg-10>div>p {
		padding-left: 20px;
	}

	#ecaia-products .container-none>.row:nth-of-type(3) {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.ecaia-berechnung-ergebnis div * {
		justify-self: center;
	}

	.ecaia-berechnung-ergebnis div {
		grid-template-columns: 1fr;

	}

	#products-wirlieben .container-none>.row:first-of-type {
		padding-bottom: 80px;
	}

	#products-wirlieben {
		padding: 130px 0;
	}

	#products-wirlieben .container-none>.row:first-of-type img {
		left: unset;
		width: 77%;
		top: -136px;
		right: 0;
	}

	#products-wirlieben .container-none>.row:first-of-type h2 {
		margin-left: 0;
	}

	.zertifikat-downloads {
		grid-template-columns: 1fr;
	}

	.kundenstimmen-slider .slick-slide>img {
		width: 70%;
		margin-left: 15%;
	}

	#homeseite .welcome-circle {
		margin: 0;
		width: 100%;
		transform: scale(1);
	}

	#homeseite .circle-container {
		transform: scale(0.6);
		box-sizing: border-box;
		display: table-cell;
	}

	.aktive-lizenzen .row-grid-temp span>.color-btn:nth-of-type(2) {
		margin: 0;
	}

	.aktive-lizenzen .color-btn {
		font-size: 12px;
	}

	.modal {
		z-index: 1000000000;
	}

	.verification-modal .modal-body {
		padding: 0;
	}

	.verification-modal .modal-body iframe {
		height: 250px !important;
	}

	.nonprofit-mappartner .verification-modal .modal-body iframe {
		height: 100% !important;
	}

	.licenses-text>div .color-btn+.color-btn {
		margin-left: 0;
		white-space: nowrap;
		margin-top: 31px;
		display: inline-block;
	}

	.verein .radio .radio {
		display: block;
	}

	#projects-donate {
		padding: 100px 0;
	}

	.project-infos {
		padding: 30px 15px;
	}

	#planet2-filter .text-right {
		text-align: left;
		margin-bottom: 20px;
	}

	#planet2-filter button {
		width: 46%;
		padding: 8px 2px 8px 32px;
	}

	#planet2-header {
		background-size: cover;
		background-position: 53% 0;
		height: 400px;
		padding: 45px 0 0;
	}

	#planet2-header .row {
		display: block;
	}

	.project-grid {
		grid-template-columns: 1fr;
	}

	.new-style .slick-prev {
		left: 28px;
	}

	.new-style .slick-prev:before,
	.new-style .slick-next:before,
	.new-style .slick-prev,
	.new-style .slick-next {
		width: 28px;
		height: 28px;
	}

	#planet-projekte-slider img {
		width: 100%;
	}

	.papagei-img {
		width: 90px;
		top: -85px;
		left: -30px;
	}

	.sanusplanet .gruender-img {
		width: 90vw;
		margin-top: -100px;
		margin-bottom: -3vw;
	}

	.new-style h6.h6-smaller {
		font-size: 45px;
		line-height: 1;
	}

	#planet-header .mt-5 {
		margin-top: 85px !important;
	}

	#planet-involved .mt-5 {
		margin-top: 50px !important;
	}

	#sanusplanet-podcast .row>div>img {
		width: 150px;
	}

	#sanusplanet-podcast div>a:first-of-type img,
	#sanusplanet-podcast div>a img {
		width: 100px;
		margin: 20px 10px 0 35px;
	}

	.sanusplanet #sanusplanet-podcast {
		background-position: 35% top;
		padding: 50px 0 100px;
	}


	.sanusplanet .hummel-img {
		width: 170px;
	}

	#planet-zahlen .row>img {
		width: 220px;
		margin-top: 20px;
	}

	section#planet-zahlen .container-none:after {
		display: none;
	}

	#planet-zahlen {
		padding: 50px 0 80px;
		background-position: right;
	}

	#planet-involved:before {
		background-size: contain;
		width: 65%;
		top: -70px;
	}

	.clothes header h1 {
		padding: 50vw 20px 40px;
	}

	div nav.sanusstore-subnav p {
		padding-top: 0;
	}

	div nav.sanusstore-subnav ul>li {
		padding: 20px 0;
		display: flex;
		align-items: baseline;
		justify-content: space-between;
	}

	.sanusstore-subnav.navbar-fixed-top .navbar-collapse {
		max-height: unset !important;
	}

	div nav.sanusstore-subnav a.outline-btn {
		padding: 10px;
	}

	div nav.sanusstore-subnav .navbar-toggle[aria-expanded="true"] .fa-bars:before {
		content: '\f00d';
	}

	div nav.sanusstore-subnav .navbar-toggle[aria-expanded="true"] {
		position: absolute;
		right: 15px;
		top: 0;
		z-index: 10;
	}

	nav.sanusstore-subnav ul li p.broadcast-font {
		top: 13px;
		left: 20px;
		font-size: 45px;
	}

	.clothes header {
		height: 600px;
		min-height: unset;
	}

	.clothes .einnahmen-planet p {
		font-size: 24px;
	}

	.clothes .einnahmen-planet {
		top: 60%;
	}

	section.clothes-3>.row:last-of-type img {
		padding-bottom: 30px;
	}

	section.clothes-3>.row:first-of-type {
		padding-top: 15vw;
	}

	section.clothes-3>.row:last-of-type {
		margin-top: 110px;
		padding-top: 65px;
		padding-bottom: 80px;
		background: #f7f7f7;
		display: block;
	}

	section.clothes-2 img {
		width: 90%;
		margin: 40px 0 0 5%;
	}

	.clothes {
		margin-top: -65px;
	}

	div .clothes header h1 {
		font-size: 40px;
	}

	#video-mehr {
		padding-bottom: 30vw;
	}

	.new-style #unternehmer {
		background-position: 59% top;
		padding: 28vw 0;
	}

	.sanuscredits .number-img {
		width: 60px;
		top: -30px;
	}

	#alles-bonus div>h5:nth-of-type(2) {
		padding-right: 0;
	}

	.sanuscredits #alles-bonus h5.horizontal-line:after {
		width: 144px;
		height: 30px;
	}

	#sc-kostenlos {
		padding: 25vw 0;
	}

	.sanuscredits #belohnungssystem {
		padding: 12vw 0 100px;
	}

	.sanuscredits header div {
		top: 70px;
	}

	.sanuscredits header {
		height: 700px;
	}

	.new-style .color-btn,
	.new-style .color-btn:focus {
		padding: 9px 12px;
		font-size: 14px;
	}

	.new-style h5 {
		font-size: 65px;
	}

	.new-style p {
		font-size: 16px;
	}

	.new-style p.text-small {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}

	div .new-style h4 {
		font-size: 22px;
	}

	div .new-style h2 {
		font-size: 30px;
		letter-spacing: 0;
	}

	div .new-style h6 {
		font-size: 52px;
		line-height: 1;
	}

	div .new-style h1 {
		font-size: 36px;
		letter-spacing: 1px;
	}

	.downloadcenter p {
		font-size: 18px;
		letter-spacing: 1px;
	}

	.documents div.list {
		grid-template-columns: 1fr;
	}

	.download-container {
		padding: 6vw 15px;
	}

	.downloadcenter .vertical-line:before {
		display: none;
	}

	.big-outline-btn {
		font-size: 14px;
		width: 150px;
		margin-bottom: 20px;
	}

	.downloadcenter header p {
		line-height: 1.2;
	}

	#download-home header,
	#download-videos header {
		height: 100%;
		margin-top: 15px;
	}

	.download-container select {
		width: 46%;
	}

	.downloadcenter header p {
		font-size: 20px;
	}

	.downloadcenter h1 {
		font-size: 35px;
		letter-spacing: 1.4px;
	}

	#download-videos .list {
		grid-template-columns: 1fr;
	}

	.flex img.schon-geladen-img {
		width: 100%;
	}

	.profile-subnav .dropdown.open ul a {
		padding-left: 0;
	}

	.profile-subnav a {
		padding: 5px 10px !important;
	}


	.profile-subnav .navbar-nav {
		display: flex;
	}

	nav.profile-subnav .navbar-nav a {
		padding: 8px !important;
	}

	.welcome-circle img {
		display: none;
	}

	.welcome-circle img.mobile-circle-img {
		display: block;
	}

	.profile-padding-right .sanusworld-app-img {
		width: 70%;
		margin: 10px 0 0 10%;
	}

	.welcome-content .welcome-steps.welcome-steps-map-2 .steps-boxes.premium {
		flex-direction: column;
	}

	#content-registrierung {
		margin-right: 14px;
	}

	.container-small {
		padding: 0 7vw;
	}

	.profile-image-row {
		display: flex;
		justify-content: space-between;
	}

	.profile-image {
		width: 100px;
		height: 100px;
		left: unset;
		top: 0;
		margin-right: 0;
		position: relative;
		order: 2;
	}

	.profile .name {
		font-size: 30px;
	}

	.profile h1 {
		font-size: 90px;
		line-height: 90px;
		order: 1;
	}

	.profile .profile-infos {
		padding-top: 20px;
		padding-bottom: 30px;
	}

	.profile hr {
		margin: 40px 0;
	}

	.circle-profile .circle-container {
		margin-top: 0;
	}
}

@media (max-width: 480px) {


	#header-registrierung h1 {
		font-size: 80px;
	}

	#header-registrierung .subheadline {
		font-size: 20px;
	}

	.profile .profile-padding {
		padding-right: 20px;
	}

	.sanus-register-wrapper.verification {
		padding: 15px 15px 30px;
	}

	.circle-profile .circle-container {
		left: 0;
	}



	.profile-tile-body {
		width: 40vw;
		height: 120px;
	}

	.profile-tile {
		margin-right: 10px;
	}

	.profile-tile-headline {
		font-size: 12px;
	}

	.profile h5 {
		font-size: 40px;
		line-height: 44px;
	}

}

@media(max-width: 360px) {
	.mail-link {
		font-size: 12px;
	}

	div div h1.h1-small {
		font-size: 28px;
	}

	#ecaia-header {
		height: 320px;
	}

	div .new-style h6 {
		font-size: 45px;
	}

	#ecaia-komplett h2.white-font {
		width: 100%;
	}

	#ecaia-komplett .col-lg-10>div {
		grid-template-columns: 125px 1fr;
	}

	.new-style .color-btn,
	.new-style .color-btn:focus {
		padding: 8px 15px;
		font-size: 15px;
	}

	.new-style p.text-small {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	div .new-style h2 {
		font-size: 30px;
	}

	div .new-style h1 {
		font-size: 30px;
	}

	div .new-style h4 {
		font-size: 19px;
	}

	.profile .welcome-circle {
		transform: scale(0.5);
	}

	.profile .profile-padding-left {
		padding-left: 0;
	}

	.profile-tile-body {
		width: 39vw;
	}

	nav.profile-subnav .navbar-nav a {
		padding: 6px !important;
	}

	.flyout-center>div {
		row-gap: 10px;
	}

	.flyout_login {
		top: 130px;
	}

	.flyout_login .rabatt-countdown {
		margin-bottom: 5px;
	}

	.flyout_login hr {
		margin: 10px 0 5px 0;
	}

}

/* Trenner für Impressum-Seite */
@media all and (min-width: 991px) {
	.border-left {
		border-left: 1px solid #eee;
		padding-left: 25px;
	}
}