@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
html, body {margin:0;padding:0;background:#FFF;}
body {margin: 0;font-family: 'Montserrat', sans-serif;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #24262C;text-align: left;background-color: #fff;scrollbar-width:thin;scrollbar-color:#FF0F1B #F5F5F5;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px;background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #FF0F1B;border-radius: 3px;}
body {overflow-x:hidden;margin-right: calc(-1 * (100vw - 100%));}
ul,li{list-style:none;}
.form-inline{width:800px;}
.form-inline .form-control {display: inline-block;width: 90%;vertical-align: middle;}
.card-body {padding: 0px!important;padding:0rem!important;border:none;}
.collapse{position: relative;top: 20px;padding-left: 5px;padding-right: 15px;}
/*.collapse{overflow: hidden;border-radius: 25px;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}*/
.container{max-width: 1344px;margin:0px, auto;}
/*.container{max-width: 1344px;}*/
.content{padding-right:80px;padding-left:80px;}
@media (max-width: 960px) and (min-width: 0px){
	.content{padding-right:0px;padding-left:0px;}
}
a {color: #FFF!important;text-decoration: none!important;background-color: transparent;}
.btn{border-radius:0px;}
.btn-primary-bord{padding: 5px 10px;border-radius: 30px;border-color: #292929;color: #fff;font-family: "Segoe UI";font-size: 14px;background-color: #292929;text-transform: uppercase;}
.btn-primary-bord:hover{border: 2px solid 112038;text-transform: uppercase;background-color: #FFF;color:#292929;}
.btn-primary a{color:#FFF;}
.btn-outline-primary,.btn-primary{background:#292929; color:#FFF;border-color:#24262C;}
.btn-outline-primary:hover,.btn-primary:hover{background:#292929; color:#FFF;border-color:#292929;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.btn-outline-primary:active,.btn-primary:active,
.btn-outline-primary:focus,.btn-primary:focus,
.btn-outline-primary:visited,.btn-primary:visited{background:#292929; color:#FFF;border-color:#292929;}
/***** Cookie *****/
.cookie-banner-content{padding:5px;}
.cookie-banner {position: fixed;left: 20px;bottom: 20px;z-index: 1050;max-width: 30%;max-height: 130px;background: #fff;border-radius: 8px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);padding: 5px;display: none;}
.cookie-banner.show { display: block; }
.cookie-banner-title {margin: 0 0 10px;font-size: .758rem;font-weight: 600;}
.cookie-banner p {position:relative;width: 92%;float: left;border:1px solid #888;padding:5px;border-radius:5px;font-size: .685rem;line-height: 1.5;color: #555;margin:5px 0;}
.cookie-banner-links { font-size: 12px !important; }
.cookie-banner-actions {position:relative;width: 8%;float: right;display: flex;gap: 10px;justify-content: flex-end;flex-wrap: wrap;margin-top: 10px;}
.btn-cookie-accept {background: linear-gradient(135deg, #00DB24, #00A61C);border: none;color: #fff;font-weight: 500;font-size: 0.875rem;padding: 8px; border-radius: 10px;transition: all 0.2s ease;box-shadow: 0 2px 8px rgba(59, 130, 246, 0.35);}
.btn-cookie-accept:hover,.btn-cookie-accept:focus,.btn-cookie-accept:active,.btn-cookie-accept:visited {background: linear-gradient(135deg, #00A61C, #00DB24);box-shadow: 0 4px 14px rgba(59, 130, 246, 0.45);transform: translateY(-1px);color: #fff;}
.btn-cookie-accept:active {transform: translateY(0);box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);}
@media (max-width: 480px) {
    .cookie-banner {left: 10px;right: 10px;bottom: 10px;max-width: none;}
}
/***** Cookie *****/
.logo-politic {width:100%;text-align: center;}
.logo-politic img{margin:0 auto;}
/************ header ******/
header{width:100%;position:absolute;background:transparent!important;z-index:1;}
.header__Language{font-size:1.3em;font-weight: 500;color:#fff;position:absolute;left: 30%; top:15px;}
.header__Language a{color:#fff;cursor:pointer;}
.header__Language a:hover{color:#fff;cursor:pointer;}
.header__search{position:absolute; left:70%;top:5px;}
.search:before {background-image: url(images/search.svg);}
.search:before {margin-right: 0;}
.mobil{visibility:hidden;}
.static{visibility:visible;}
/****** video *********/
.about {color: #fff;overflow: hidden;position: absolute;height:100%;}
.video {opacity: 1;z-index: 0;}
.object-fit-cover{position:absolute;top:0;left:0}
.object-fit-cover,.object-fit-cover-relative{font-family:"object-fit:cover;object-position:50% 50%";-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%;width:100%;height:100%}
.stage-variant-home__textlayer, .stage-variant-home__textlayer--top{position:relative;top:30%;z-index:1;}
/********** nav-top ***********/
 /*{overflow: hidden;border-radius: 25px;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}*/
ul.mod-list li{font-size: 1.1rem;margin: 0;padding: 0; list-style-type: none;width: calc(100% + 20px);padding-left: 10px;}
.flyout-icon{top:15px;}
.flyout-icon--mobileSearch{position:absolute; right:5px; top:20px;}
.sticky-top {position: -webkit-sticky;position: sticky;top: 0;z-index:4;}
.navbar-brand-static{z-index:5;}
.navbar-light .navbar-toggler {color: rgba(255,255,255,.5);border-color: rgba(255,255,255,.3);}
.navbar-light .navbar-toggler-icon {background-image: url(../images/bar.png);}
.navbar-toggler-icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%;}
.nav-menu-top{padding-left:100px;}
.nav-link-top{margin-left:20px;}
.nav-menu-top a{text-decoration:none;cursor:poiner;color:#24262C;font-size: 0.8em;}
.nav-menu-top a:hover,.nav-menu-top a:focus,.nav-menu-top a:active{text-decoration:none;cursor:poiner;color:#24262C;text-shadow:1px 1px 2px rgba(0,0,0, .6);}
.navbar-toggler {position: relative;top:0px;right: -10px;z-index: 10;}
/********** /nav-top ***********/
/******** home ********/
.header-video-overlay {position: absolute;left: 0;top: 0;width: 100%;height:920px;background: -moz-linear-gradient(100deg,#191a1c 0,#313337 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#313337),color-stop(100%,#191a1c));background: -webkit-linear-gradient(100deg,#191a1c 0,#313337 100%);background: -o-linear-gradient(100deg,#191a1c 0,#313337 100%);background: -ms-linear-gradient(100deg,#191a1c 0,#313337 100%);background: linear-gradient(350deg,#191a1c 0,#313337 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313337',endColorstr='#191a1c',GradientType=0);opacity: .280;}
.home{width:100%; height:94%;background:transparent!important;}
.top-content h1{font-family: 'Montserrat', sans-serif;font-size:4.1rem;line-height: 5rem;font-weight: 300;}
.top-content h3{margin-top: .438rem;margin-bottom: 4.563rem;font-size: 1.655rem;font-weight: 400;line-height: normal;}
.stage-variant-home__headline {font-size: 36px;font-size: 1.5rem;line-height: normal;z-index:2;}
.index-link{margin-top:10px;}
.top-but{padding: 10px 5px; background:transparent;border: 1px solid #FFF;}
.top-but a{color:#fff;text-decoration:none;cursor:pointer;}
.top-but:hover{background:#292929;color:#fff;text-decoration:none;cursor:pointer;-webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 50%);box-shadow: 0 6px 6px rgb(0 0 0 / 50%);}
.main{margin-bottom:20px;min-height:560px;}
.avito-rayt{position:relative;width:10%;left:15%;}
.footer{position:relative;width: 100%;background:#292929;color:#FFF;z-index:4;padding-top: 1.125rem;padding-bottom: .813rem;}
.footer-navigation{display:block;margin:0 -6.4px 13.008px;margin:0 -.4rem .813rem}
@media (min-width:992px){
	.footer-navigation{margin-right:-.6rem;margin-bottom:0;margin-left:-.6rem}
}
.footer-navigation__wrapper{display:inline-block;margin:6.4px 0;margin:.4rem 0;font-family:LinotypeUniversW01-Ligh_723631,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:.3;-webkit-box-flex:1;-ms-flex:auto;flex:auto}
.footer-navigation__wrapper+.footer-navigation__wrapper{position:relative;margin-left:-4px;margin-left:-.25rem;text-align:left}
.footer-navigation__wrapper+.footer-navigation__wrapper:before{position:relative;top:5px;top:.3025rem;left:-2px;left:-.125rem;content:"|"}
.footer--white .footer-navigation__wrapper+.footer-navigation__wrapper:before{color:rgba(17,32,56,.7)}
.footer-navigation__item{padding:0 6.4px;padding:0 .4rem}
@media (min-width:992px){
	.footer-navigation__item{padding:0 .6rem}
}
.footer--white .footer-navigation__item{color:rgba(17,32,56,.7)}
.footer--white .footer-navigation__item:not(span):hover{color:#3984be;text-decoration:underline}
.footer--bluetransparent .footer-navigation__item{color:#fff}
.footer--bluetransparent .footer-navigation__item:not(span):hover{text-decoration:underline}
.footer{z-index:1;padding-top:22px;padding-top:1.375rem;padding-bottom:26px;padding-bottom:1.625rem}
@media (min-width:992px){
.footer{padding-top:1.125rem;padding-bottom:.813rem}
}
.footer-navigation__item{padding:0 6.4px;padding:0 .4rem}
.footer__lixil{font-size:11px;}
.footer__lixil a{color:#FFF;cursor:pointer;}
.footer__lixil a:hover{color:#FFF;cursor:pointer;}
.footer__lixil img{width:20%; height:auto;}
/******************** Video *********************/
.video{display:block;width:auto;margin-bottom:40px;margin-bottom:2.5rem}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--fullscreen {top: 0;left: 0; z-index: -2;font-family: object-fit\:cover; -o-object-fit: cover;object-fit: cover;}
#video-bg{position:fixed;width:100%;min-height:920px;object-fit: cover;}
#video-bg {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: 0;background: url(../images/GROHE.jpg) no-repeat center top;background-size: cover;}
#video-bg > video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 100%;width: auto;height: auto;}
@supports (object-fit:cover) {
     #video-bg > video {top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
 }
.gl{color:#FFF;z-index: 2;padding-top:1%;}
.gl span{font-weight: 500;font-family: 'Montserrat', sans-serif;}
.video{display:block;width:auto;margin-bottom:40px;margin-bottom:2.5rem}
.text-media .video{margin-bottom:0}
.video__link video{width:100%;height:auto}
.video__link--enabled .video::-webkit-media-controls{display:none}
.video__link--enabled:before{position:absolute;top:50%;left:50%;z-index:1;content:"";-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.card-download .video__link{position:relative;display:block;padding-top:75%;width:100%}
.card-download .video__link video{position:absolute;top:0;left:0;max-width:none;width:auto;height:100%}
.video--fullscreen{position:fixed!important;margin-bottom:0;width:100%;height:100vh}
.video--backgroundCover,.video--fullscreen{top:0;left:0;z-index:-2;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.video--backgroundCover{position:absolute;right:0;bottom:0}
.video--fit{position:relative;margin-bottom:0;font-family:object-fit\:cover;-o-object-fit:cover;object-fit:cover}
.stage-variant-hero .video,.video--fit{width:100%;height:100%}
.swiper-slide .video{width:100%}
/******************** /Video *********************/
@media (min-width:768px){
video{height:560px}
}
video{height:145px}
@media (min-width:768px){
video{height:360px}
}
@media (min-width:992px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:5px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.stage-variant-home__subheadline{margin-top:.438rem;margin-bottom:4.563rem;font-size:1.875rem}
}
@media (max-width: 1440px) and (min-width:1366px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:10%;} 
}
@media (max-width: 1366px) and (min-width:1280px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:10%;} 
}
@media (max-width: 1280px) and (min-width:960px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
	.footer__lixil img{width:8%;} 
}
@media (max-width: 1024px) and (min-width:960px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:20px;padding-bottom:20px;z-index:5;}
	.navbar-brand{visibility:hidden;}
   .footer__lixil img{width:6%;} 
}
@media (max-width: 900px) and (min-width:768px){
	.navbar-brand-static{position:absolute;left:-10px;top:0px;background:transparent;padding-top:20px;padding-bottom:20px;z-index: 5;}
	.navbar-brand-static{visibility:hidden;}
	.index-link{flex: 0 0 50%;max-width: 50%}
	.footer__lixil img{width:50%;height:auto;}
	.mobil{visibility:visible;background:#888888;}
	.static{visibility:hidden;}
  	#video-bg {position: fixed;width: 100%;min-height: 1200px;}
  	.main {margin-bottom: 30px; min-height: 1080px;}
  	.header-video-overlay{height: 1250px;}
  	.collapse {top: 5px;}
	
}
@media (max-width: 768px) and (min-width:600px){
	.navbar-brand{position:absolute;left:-10px;top:0px;background:transparent;padding-bottom:20px;z-index: 4;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 3rem;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.index-link{flex: 0 0 50%;max-width: 50%}
	.mobil{visibility:visible;background:#888888;}
	.static{visibility:hidden;}
  	.collapse {top: 5px;}
}
@media (max-width: 600px) and (min-width:468px){
	.navbar-brand{position:absolute;left:-10px;top:0px;background:transparent;padding-bottom:20px;z-index: 4;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 3rem;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.mobil{visibility:visible;background:#888888;}
	.static{visibility:hidden;}
  	.collapse {top: 5px;}
}
@media (max-width: 468px) and (min-width:350px){
	.mobil > .navbar-brand{width: 20%;position:absolute;left:5px;top:5px;background:transparent;padding-bottom:5px;z-index: 4;}
  	.navbar-brand img{width:100%;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 2.3rem;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 100px; top:5px;}
	.mobil{visibility:visible;background:#888888;}
	.static{visibility:hidden;}
  	#video-bg {position: fixed;width: 100%;min-height: 920px;}
  	.collapse {top: 5px;}
}
@media (max-width: 350px) and (min-width:0px){
	.mobil >.navbar-brand{position:absolute;left:5px;top:5px;background:transparent;padding-bottom:5px;z-index: 4;}
	.navbar-brand-static{visibility:hidden;}
	.top-content h1 {font-size: 2rem;}
	.header__Language{font-size:.9em;font-weight: 500;color:#fff;position:absolute;left: 120px; top:5px;}
	.mobil{visibility:visible;background:#888888;}
	.static{visibility:hidden;}
  	.collapse {top: 5px;}
}
@media (max-width: 320px) and (min-width:0px){
  	.mobil >.navbar-brand{position:absolute;left:5px;top:0px;background:transparent;padding-bottom:5px;z-index: 4;}
  	.mobil >.navbar-brand img{width:30%; height:auto;}
  	.mobil{visibility:visible;background:#888888;}
	.header__Language{display:none;}
  	.collapse {top:0px;}
}