@charset "utf-8";
/*
Theme Name: ADA Cosmetics
Author: blueDOM
Version: 1.2.38
 */

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/
The SASS sources for it can be found in /assets/css/partials/
*/

.page-section b, .page-section strong {
    font-weight: 700;
}

.image-slider-b__text h2,
.image-slider__slide .title h3,
.image-article__text .section-header h2.title,
.image-article__image h2.title,
.dispenser-system h2,
.product-article__text .section-header h2.title,
.menu-main-menu-container .menu-item, .menu-main-menu-german-container .menu-item, .menu-main-menu-french-container .menu-item, .menu-main-menu-spanish-container .menu-item,
.mm-panel .menu-item,
.slide-text__i h2 {
	text-transform: uppercase;
}

.post-content-section__content ul {
	margin-left: 20px;
}

.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.list3col>ul.sub-menu>li.menu-item {
	width: 33.3%;
}

.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.list3col>ul.sub-menu {
	justify-content: flex-start;
}

.footer__info__contact .slogan {
	max-width: 400px;
}

.footer__info__contact .slogan .sub-slogan {
	font-size: 0.7em;
	text-align: right;
}

.footer__info__links .shop-link a svg{
	width: 50px !important;
}

/*Footer Logo Color*/
.footer .cls-2,
.footer .cls-u2, 
.footer .cls-u3 {
    fill: #fff;
}

.benefits-list__el .text ul li:before {
	position: relative;
}

.product-b__desc .excerpt ul {
	margin-left: 20px;
}

.product-b__desc .excerpt p + ul {
	margin-top: -20px;
}

p#CookieBoxTextDescription {
	padding-bottom: 10px;
}

.mm-wrapper .mm-listitem.menu-headline.clickable {
	pointer-events: auto;
	cursor: pointer;
}

.banner-slider .slide-text h1 a, .main-banner__text h1 a,
.banner-slider .slide-text h1 a:hover, .main-banner__text h1 a:hover,
.banner-slider .slide-text h1 a:active, .main-banner__text h1 a:active,
.banner-slider .slide-text h1 a:focus, .main-banner__text h1 a:focus {
	color: #fff;
	text-decoration: none;
}

@media (min-width: 1700px) {
	.main-banner .splide__arrow {
		bottom: 200px;
	}

	.main-banner .splide__pagination {
		bottom: 125px;
	}

	.main-banner .slide-text {
		padding-top: 0;
	}
}

.benefits-section.background-light .section-header .label, .benefits-section.background-light .section-header h2 {
	color: #000;
}

.slide-text img,
.main-banner__text img {
	max-width: 500px!important;
}
@media (max-width: 1000px) {
	.slide-text img,
	.main-banner__text img {
		max-width: 50%!important;
	}
}

.benefits-section.layout-2 .benefits-list__el .icon img,
.benefits-section.layout-3 .benefits-list__el .icon img {
	height: 150px;
	width: auto;
}

.benefits-section.layout-1 .benefits-list__el .icon img{
	height: 125px;
	width: auto;
}


@media (max-width: 1679px) {
	.benefits-section.layout-2 .benefits-list__el .icon img,
	.benefits-section.layout-3 .benefits-list__el .icon img {
		height: 130px;
	}
}

@media (max-width: 1199px){
	.benefits-section.layout-2 .benefits-list__el .icon img,
	.benefits-section.layout-3 .benefits-list__el .icon img {
		height: 120px;
	}

	.main-banner.height-medium,
	.main-banner.height-large {
		min-height: 0;
		height: 600px;
	}
}

@media (max-width: 767px) {
	.main-banner.height-medium,
	.main-banner.height-large {
		height: 500px;
	}
}
@media (max-width: 480px) {
	.main-banner.height-medium,
	.main-banner.height-large {
		height: 250px;
	}
}

@media (min-width: 1200px){
	.header__links .links-group .phone-link {
		display: none;
	}
}

.content-wrap .background-dark p a {
	color: #e8e8e8;
}

.hero-image-slider__slide .slide-text {
	bottom: 15%;
}

@media (max-width: 767px){
	.hero-image-slider__slide .slide-text {
		bottom: 25px;
	}
}

/* hot fix | will be removed later */
.page-id-674 .section-2.image_article_section .image-article__image img{
	object-fit: fill;
}

.section-padding-small {
  padding: 80px 0;
}

@media (max-width: 1920px) {
  .section-padding-small {
    padding: 65px 0;
  }
}
@media (max-width: 1679px) {
  .section-padding-small {
    padding: 60px 0;
  }
}
@media (max-width: 1399px) {
  .section-padding-small {
    padding: 55px 0;
  }
}
@media (max-width: 1199px) {
  .section-padding-small {
    padding: 45px 0;
  }
}
@media (max-width: 991px) {
  .section-padding-small {
    padding: 35px 0;
  }
}
@media (max-width: 767px) {
  .section-padding-small {
    padding: 25px 0;
  }
}
@media (max-width: 480px) {
  .section-padding-small {
    padding: 17px 0;
  }
}



.mtm-modal-container-right-flyin{
	display: none !important;
}

/*Matoma Styles*/

/*General Styles*/
.wp-theme-ada .wrapper{
	background-color: #FFFFFF !important;
	box-shadow: none !important;
}

.h1, h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px;
}

.banner-slider .slide-text p, 
.main-banner__text p {
    font-family: 'BWTSoliden';
    font-style: normal;
}

/*Footer Styles*/
.wp-theme-ada .wrapper .footer{
	background-color: #00174b !important;
}

.wp-theme-ada .wrapper .footer .footer__info,
.wp-theme-ada .wrapper .footer .footer__info h6,
.wp-theme-ada .wrapper .footer .footer__info__links .shop-link a,
.wp-theme-ada .wrapper .footer .footer__info__nav li a,
.wp-theme-ada .wrapper .footer .footer-copyright nav ul li a,
.wp-theme-ada .wrapper .footer .footer-copyright .copyright,
.wp-theme-ada .wrapper .footer .footer__info__links .social a{
	color: #FFFFFF;
}


/*Header Styles*/
.wp-theme-ada .wrapper .header,
.wp-theme-ada .wrapper .header--l2.sticky,
.wp-theme-ada .wrapper .header--l2:hover,
.wp-theme-ada .wrapper .header{
	background-color: #00174b !important;
	opacity: 0.8;
}

.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu {
	background-color: #00174b !important;
}

.header.sticky .header__nav nav.nav ul.menu>li.menu-item>a, 
.header:hover .header__nav nav.nav ul.menu>li.menu-item>a,
.header .header__nav nav.nav ul.menu>li.menu-item>a,
.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.submenu-list>ul.sub-menu li.menu-item a,
.header.sticky .header__links .shop-link, 
.header:hover .header__links .shop-link,
.header .header__links .shop-link,
.header.sticky .header__links .links-group, 
.header:hover .header__links .links-group,
.header .header__links .links-group,
.header__links .links-group .email-link, 
.header__links .links-group .phone-link, 
.header__links .links-group .search-link{
	color: #fff !important;
}

.header .header__logo svg .clsk2, 
.header.sticky .header__logo svg .clsk2, 
.header:hover .header__logo svg .clsk2,
.header.sticky .header__links .shop-link svg, 
.header .header__links .shop-link svg,
.header:hover .header__links .shop-link svg,
.header.sticky .header__links .links-group .email-link svg path, 
.header.sticky .header__links .links-group .search-link svg path, 
.header:hover .header__links .links-group .email-link svg path,
.header .header__links .links-group .email-link svg path, 
.header:hover .header__links .links-group .search-link svg path,
.header .header__links .links-group .search-link svg path,
.header .header__links .links-group .search-link,
.header .header__links .links-group .phone-link svg,
.header:hover .header__links .links-group .phone-link svg{
	fill: #fff !important;
}

.header__nav nav.nav ul.menu>li.menu-item>a,
.header__nav nav.nav ul.menu>li.menu-item>a:before{
	color: #fff !important;
}

.header__nav nav.nav ul.menu>li.menu-item>a:after,
.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.submenu-list>ul.sub-menu li.menu-item a:before{
	background-color: #fff !important;
}

.header .lang-switcher ul li {
	background-color: #33456F;
}
.header .lang-switcher ul li a {
	color: #FFFFFF;
}

.header .lang-switcher ul li.active, 
.header .lang-switcher ul li:hover {
	background-color: #F187B7;
}

/*Button Styles*/
.button:focus, 
.button:hover {
    border-color: #FFFFFF;
    background-color: #F187B7;
}

.heading-section .button--white:focus, 
.heading-section .button--white:hover {
    color: #FFFFFF !important;
}

/*Megamenu Styles*/
.header__nav nav.nav ul.menu>li.menu-item>ul.sub-menu li.submenu-list.list1col>ul.sub-menu>li.menu-item {
    width: 100%;
    padding: 0 15px;
}

/*Custom Element Styles - Helper Classes*/
.margin_bottom_60 {
	margin-bottom: 60px;
}

.column-content-section.Buttonleft .cta {
	text-align: left;
}

.BigTitelROSA.hero-image-section .hero-image-section__text .section-title h2.title {
	color: #ff88bd; 
	font-size: 120px;
	line-height:0.95;
}

#HeadlineLinks h2.title,
#HeadlineLinks .label{
    text-align: left;
}

.HeadlinePink h2.title,
.LabelPink .label{
    color: #FF88BD !important;
}

#shared_mission.HeadlinePink h2.title {
	font-size: 56px;
}

.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text h2 {
    font-size: 47px;
    line-height: 1.2;
}

/*Custom Element Styles - Helper Classes [Image Article Section - Floating Text]*/
.image-article-section.layout-2.image-position-left.floatingtext .image-article__text .inner {
    padding-left: 0;
    padding-right: 100px;
}

/*Hero Image Styles*/
.hero-image-section__text .label{
    font-size: 21px;
}
.hero-image-section .hero-image-section__text .section-title .title{
	font-size: 80px;
	line-height: 1;
}
.hero-image-section .hero-image-section__text .text{
	font-size: 22px;
	font-weight: 400;
}
.hero-image-section.background-light .hero-image-section__text .section-title p.sub-title{
	color: #000;
}

.page-section.background-light .hero-image-section__text .section-title .title,
.page-section.background-light .hero-image-section__text .text{
	color: #000000;
}
.hero-image-section.background-dark .hero-image-section__text .section-title .title,
.hero-image-section.background-dark .hero-image-section__text .text{
	color: #FFFFFF;
}

/*Custom text align - Hero Sections*/
.hero-image-section.textalignright .hero-image-section__text .alignleft {
	display: flex;
    flex-wrap: wrap;
    width: 100%;
	max-width: unset;
}
.hero-image-section.textalignright .hero-image-section__text .alignleft .text {
	display: flex;
    justify-content: flex-end;
    width: 100%;
}

/*Custom width - Yoga Hero Image*/
.hero-image-section.maxwidth40 .hero-image-section__text.content-left .hero-image-section__text__i,
.hero-image-section.maxwidth40 .hero-image-section__text.content-right .hero-image-section__text__i{
	max-width: 40%;
}

/*Image Article Styles*/
.image-article__text .text{
	font-family: BWTSoliden !important;
	font-weight: 400;
}

.image-article-section .section-header .label{
	letter-spacing: 2px;
}

.image-article-section .image-article__text .text{
	letter-spacing: unset;
}

.image-article-section .image-article__text ul li:before {
    color: #FF88BD;
}

.image-article-section.layout-2.image-position-left .image-article__text .inner {
    padding-left: 200px;
}


/*Heading Section Styles*/
.heading-section .section-header .label{
	letter-spacing: 2px;
}

.heading_section .section-header h2.title {
	font-size: 26px;
	line-height: 1.4;
    letter-spacing: unset;
}

.section-header .label {
    text-transform: none;
}

/*Location Widget Styles*/
.location-widget {
    background-color: transparent;
}

.location-widget a.button.button--white{
    color: #000;
    border: 1px solid #000;
    background-color: transparent;
}

.location-widget a.button.button--white:hover {
    border-color: #F187B7;
    background-color: #F187B7;
}

.location-widget.image-article-section.background-dark .image-article__text .section-header .label, 
.location-widget.image-article-section.background-dark .image-article__text .section-header h2.title {
    color: #000000;
}

.location-widget.image-article-section.background-dark .image-article__text .text {
    color: #000000;
}

/*Image Hotspot Popup Styles*/
.hotspot-modal .single-item .hotspot-b__gallery__el img {
	border-radius: 0;
}

.hotspot-modal .hotspot-b__text .text h2{
	font-size: 20px;
    font-weight: 700;
	line-height: 1.4;
    margin-bottom: 10px;
}

/*MTM PopUp Styles*/
.mtm-popup {
	width: 100%;
	height: auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 15px;
	padding: 60px;
	align-items: top;
}

.mtm-popup .images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 22px;
	width: 100%;
}

.pum-container.pum-responsive .mtm-popup .images img {
	width: 100%;
	height: 100%;
	max-height: 650px;
	object-fit: cover;
}

.mtm-popup .text {
	width: 100%;
	height: 100%;
	padding: 8px 10%;
	font-size: 18px;
	line-height: 1.4;
}

.mtm-popup .text img.logo {
	height: 115px;
}

.mtm-popup .text h2 {
	font-size: 20px;
	font-weight: 700;
}

.mtm-popup.layout2 .images {
    grid-template-columns: 1fr;
}


@media only screen and (max-width: 1024px) {
	.mtm-popup {
		grid-template-columns: 1fr;
		gap: 40px;
		padding: 25px;
	}

	.mtm-popup .text {
		padding: 25px 25px;
	}
	.mtm-popup .text img.logo {
		height: 90px;
	}

}

/*MTM Home Video Styles*/
.mtm-home-video .video-b:last-child {
    margin-bottom: 0;
    height: auto;
    width: 500px;
}

@media only screen and (max-width: 1200px) {
	.mtm-home-video .video-b:last-child { 
		width: 60%;
		margin-left:20vw;
	}
}

@media only screen and (max-width: 760px) {
    .mtm-home-video .video-b:last-child { 
	    width: 100%;
	    margin-left:0vw;
    }
}

@media only screen and (max-width: 680px) {
    .home.page-template-default .main-banner__text {
        align-items: flex-start;
        padding-top: 130px;
    }
}

/*Übertrag customizer Styles  04.11.2025*/
.home.page-template-default .main-banner__image img {
    object-position: bottom;
}

/*Anpassung slider noLink*/
.image-slider-b__text.bg-tone-light .text{
	font-family: BWTSoliden !important;
	font-weight: 400;
}

.image-slider__slide__link:after {
    background: none;
}

.image-slider__slide__link {
    border: 1px solid #ebebeb;
}
.image-slider__slide__link div.title h3 {
	text-transform: none;align-content;
	letter-spacing: 0px;
}

/*Contact Site*/
.contact-section .section-header h1.title,
.contact-section .section-header h4,
.contact-section .section-content h6{
    color: #000000;
}

/*Video Section Layout 2 - Full Width*/
.layout-2.video-article-section {
    padding: 0;
}
.layout-2.video-article-section .video-article-b__text{
   padding: 150px;
}

/*Modal Color*/
.modal__container .shop-modal__links a:hover {
    background-color: #F187B7;
    color: #fff;
    border-color: #F187B7;
}

/*responsive Styles */
@media only screen and (max-width: 1399px) {
	.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text .inner .section-header{
		margin-left: -50px;
	}
}
@media (max-width: 991px) {
	.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text .inner .section-header{
		margin-left: 0;
	}
}

@media all and (max-width: 768px){
	.BigTitelROSA.hero-image-section .hero-image-section__text .section-title h2.title{
		font-size: 80px !important;
	}
	.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text .inner{
		padding: 50px 0;
	}
	.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text .inner{
		margin: 0;
	}
	.HeadlinePink.image-article-section.layout-2.image-position-left .image-article__text .inner h2{
		font-size: 25px;
	}
	
	.hero-image-section .hero-image-section__text {
		padding: 60px 0;
	}
	.hero-image-section.textalignright .hero-image-section__text .alignleft .title span{
		font-size: 60px !important;
	}
	.hero-image-section .hero-image-section__text .text{
		font-size: 17px;
	}
	.hero-image-section .hero-image-section__text .section-title .title,
	.hero-image-section.textalignright .hero-image-section__text .alignleft .text span{
		font-size: 35px !important;
	}
	
	.hero-image-section.layout-2.height-full,
	.hero-image-section.layout-2.height-full .hero-image-section__text{
		min-height: 75vh;
	}
	.hero-image-section.layout-2.height-full .hero-image-section__text .container-large {
		height: 100%;
	}
	
	.layout-2.video-article-section .video-article-b__text{
		padding: 50px;
	}
	.margin_bottom_60{
		margin-bottom: 0;
	}
	
	.hero-image-section.maxwidth40 .hero-image-section__text.content-right .hero-image-section__text__i{
		max-width: 50%;
		float: right;
	}
	.image-article-section.layout-2.image-position-left .image-article__text .inner,
	.image-article-section.layout-2.image-position-right .image-article__text .inner{
		padding-left: 0;
	}
	
	#HeadlineLinks h2.title,
	#HeadlineLinks .label{
		font-size: 21px;
	}
}