html { 
    scroll-behavior: smooth;
}

@media (min-width: 768px) {
    body{
        overflow-x: hidden;
    }
    #navigation {
        height: 50px;
        left: 0;
        position: relative;
    }
    .navigation-in{
        padding-top: 9px;
        padding-bottom: 9px;
    }
    #header{
        position: relative;
    }
    #header::before {
        content: "";
        width: 100vw;
        height: 50px;
        left: 0px;
        bottom: 0px;
        background: #dd107b;
        display: inline-block;
        position: absolute;
        z-index: 0;
    }
    .menu-helper {
        margin-top: 9px;
    }
    #navigation .menu-level-1 li a:hover {
        background-color: #A50D68;
        border-radius: 4px;
        color: #fff;
    }
    .navigation-in>ul>li{
        border-color: transparent;
    }
    .navigation-home-icon-wrapper:before {
        font-size: 14px;
    }
    
    .row.banners-row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #header .search-form {
        position: relative;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
        border-radius: 4px;
    }
    
    #header .search-form .btn.btn-default {
        background-image: url('/user/documents/upload/gallery/icons/search_vecor.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-color: transparent;
        border: none;
        width: 19.5px;
        height: 19.5px;
        color: transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }
    
    #header .search-input::placeholder {
        color: #444444;
    }
    
    #header .search-input {
        width: 100%;
        padding: 10px 15px;
        padding-right: 45px;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        font-size: 14px;
        height: 42px;
    }
}

.extended-banner-texts{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: unset;
    padding-right: calc(100% - 400px);
    padding-left: 50px;
    background: linear-gradient(256.12deg, rgba(0, 0, 0, 0) 39.72%, rgba(0, 0, 0, 0.6) 77.38%);
    background-size: cover;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    align-content: center;
}

.extended-banner-link, .extended-banner-text, .extended-banner-title {
    width: 100%;
    display: inline-block;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    background-color: unset;
    border: unset;
    box-shadow: unset;
    color: white;
}

span.extended-banner-title {
    font-size: 24px;
	padding-bottom: 20px;
}

.extended-banner-title, .extended-banner-text{
    padding-left: 0px;
}

.extended-banner-text{
    padding-bottom: 20px;
}

.extended-banner-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease-out;
    white-space: normal;
    background-color: var(--color-tertiary);
    border-color: var(--color-tertiary);
    color: #fff;
    height: unset;
    width: unset;
    border-radius: 4px;
}

.extended-banner-link:after {
    content: "\e90c";
    font-family: Shoptet;
    padding-left: 15px;
}

.extended-banner-link:hover {
    background-color: #A50D68;
    border-color: #A50D68;
}

.category-top {
    background: #f7f7f7;
    position: relative;
    display: inline-block;
    width: 100%;
}

.category-header{
    background: #f7f7f7;
    position: relative;
}

.category-top::before, .category-header::before{
    content: "";
    width: 150vw;
    height: 100%;
    left: -50vw;
    bottom: 0px;
    background: #f7f7f7;
    display: inline-block;
    position: absolute;
    z-index: 0;
}

.category-top *, .category-header *{
    position: relative;
    z-index: 1;
}

.breadcrumbs{
    border: unset;
}

.breadcrumbs-wrapper{
    position: relative;
}

.breadcrumbs-wrapper::after {
    content: "";
    width: 150vw;
    height: 100%;
    left: -50vw;
    bottom: 0px;
    display: inline-block;
    position: absolute;
    z-index: 0;
    border-bottom: 1px solid #d7d7d7;
}

.breadcrumbs>span>a{
    z-index: 1;
}

.homepage-box {
    background: #fff;
    border-color: #fff;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive {
    border-radius: 4px;
}

.basic-description .row {
    display: flex;
    flex-wrap: wrap;
}

.basic-description > .row {
    padding-top: 30px;
}

.basic-description > .row:first-child {
    padding-top: 60px;
}

.basic-description > .row > div{
    padding-bottom: 30px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #252525;
}

h1, .h1{
    font-size: 47px;
}

h2, .h2{
    font-size: 39px;
}

h3, .h3{
    font-size: 33px;
}

h4, .h4{
    font-size: 27px;
}

h5, .h5{
    font-size: 23px;
}

h6, .h6{
    font-size: 19px;
}

@media(max-width: 767px){
    h1, .h1{
        font-size: 32px;
    }
    
    h2, .h2{
        font-size: 28px;
    }
    
    h3, .h3{
        font-size: 24px;
    }
    
    h4, .h4{
        font-size: 22px;
    }
    
    h5, .h5{
        font-size: 20px;
    }
    
    h6, .h6{
        font-size: 18px;
    }
}

@media(min-width: 768px){
    .row.pc-reverse {
        display: flex;
        flex-direction: row-reverse;
    }
}

.row.bezpaddingu > div {
    padding-left: 0px;
    padding-right: 0px;
}

.row.bezpaddingu > div a, .row.bezpaddingu > div img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.row.instagram > div > *{
		border: 1px solid white;
}

.content-wrapper.latest-contribution-box{
		display: none;
}

.custom-footer__banner7 .banner {
    margin-bottom: 0;
}

.custom-footer__newsletter.extended {
    padding-top: 70px;
    padding-bottom: 80px;
    background-image: url("/user/documents/znak.png");
    background-repeat: no-repeat;
    background-position: center;
	padding-left: 20px;
	padding-right: 20px;
}

.custom-footer__newsletter.extended > * {
    max-width: 400px;
    margin: auto;
}

.custom-footer__newsletter.extended .compact-form .btn {
    border-radius: 4px
}

#formNewsletterWidget input {
    width: calc(100% - 50px);
}

#footer, .custom-footer, .footer-bottom, .footer-links-icons, #footer>.container{
		background: #252525;
}

.custom-footer, .footer-bottom, .footer-links-icons {
    border-color: #323232;
}

#footer h6 span {
    color: #fff;
}

#footer ul a {
    color: #767676;
}

@media (min-width: 1200px) {
    .custom-footer>div {
    		width: 33.33%;
		}
}

.products-block .ratings-wrapper{
		min-height: unset !important;
}

.custom-footer__banner3{
    padding-top: 50px;
}

.kontakty {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.kontakty a, .kontakty span{
    color: #fff;
}

.kontakty p{
    font-size: 16px;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 200 !important;!i;!;
}

.kontakty .info p{
    color: #fff;
}

.kontakty .tel a, .kontakty .email a{
    font-size: 23px;
    font-weight: 500;
    transition: all .3s ease-out;
}

.kontakty .tel a:hover, .kontakty .email a:hover{
    color: #dd117b;
}

.kontakty .info h6{
	margin-bottom: 2px;
}

.kontakty .info, .kontakty .tel, .kontakty .email{
    padding-right: 50px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.kontakty .info::before{
    content: "";
    width: 50px;
    height: 50px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
    background-image: url("/user/documents/pw/stuzaboy.jpg");
    background-size: contain;
    background-repeat: no-repeat;
}

.kontakty .tel::before{
    content: "\e92c";
    font-family: shoptet;
    font-size: 24px;
    padding-right: 10px;
}

.kontakty .email::before{
    content: "\e924";
    font-family: shoptet;
    font-size: 24px;
    padding-right: 15px
}

.kontakty .soc{
    margin-left: auto;
}

.kontakty .soc div{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.kontakty .soc div span{
    padding-right: 10px;
    font-weight: 200;
}

.kontakty .soc a::before{
    font-size: 18px;
    background: white;
    border-radius: 100%;
    padding: 5px;
    color: #252525;
    font-family: shoptet;
    transition: all .3s ease-out;
}

.kontakty .soc a:hover::before{
    background: #dd117b;
}

.kontakty .fb::before{
    content: "\e900";
    margin-right: 10px;
}

.kontakty .ig::before{
    content: "\e909";
}

@media(max-width: 1199px){
    .kontakty {
        flex-wrap: wrap;
    }
    .kontakty > div{
        padding-right: 0px !important;
        padding-bottom: 30px;
        flex-basis: 100%;
        width: 100%;
    }
}

@media(min-width: 600px) and (max-width: 1199px){
    .kontakty .tel, .kontakty .email{
        flex-basis: unset;
        width: unset;
    }
    .kontakty .tel{
        padding-right: 50px !important;
    }
}

.custom-footer__banner6 p img {
    margin-right: 7px;
    margin-bottom: 7px;
}

.id--51 div#blokhodnoceni{
	display: none;
}

div#blokhodnoceni {
    background: #f7f7f7;
    padding-bottom: 30px;
}

div#hodnoceni {
    padding-bottom: 30px;
}

.votes-wrap.simple-vote {
    max-width: unset;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.votes-wrap>.vote-wrap{
    background: #ffffff;
    padding: 15px;
    margin: 10px;
    width: calc(100% - 20px);
    border-top: 0px;
    border-radius: 5px;
    color: #121212;
    font-size: 14px;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
}

.id--51 .votes-wrap>.vote-wrap{
	background: #f7f7f7;
	box-shadow: unset;
	border-radius: 8px;
}

@media (min-width: 992px) {
    div#hodnoceni.votes-wrap>.vote-wrap{
        width: calc(33.33% - 20px);
    }
}

.vote-wrap .vote-header .vote-time{
    font-size: 14px;
    padding-left: 10px;
    position: relative;
}

.votes-wrap .vote-wrap .admin-response{
    padding-left: 0px;
}

.votes-wrap .vote-wrap .admin-response .vote-name{
    display: none;
}

.votes-wrap .vote-wrap .admin-response .vote-wrap{
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
}

span.vote-delimeter {
    display: none;
}

span.vote-initials {
    background: #dd117b !important;
}

.vote-name, .vote-product-name, .vote-title {
    color: #121212;
    font-size: 16px;
}

span.p-code-label {
    font-weight: 600
}

.p-detail .stars-wrapper {
    padding-right: 20px;
}

.row.kategorie{
    margin-left: -30px;
    margin-right: -30px;
}

.row.kategorie > div{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px
}

.row.kategorie > div a{
    box-shadow: 0px 4px 20px 0px #0000001A;
}

.homepage-box.middle-banners-wrapper{
    position: relative;
    margin-bottom: 90px;
}
.homepage-box.middle-banners-wrapper::before {
    content: "";
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    right: 50%;
    width: 100vw;
    height: 100%;
    background: #f7f7f7;
    display: inline-block;
    position: absolute;
}

div#products-1 {
    margin-bottom: 70px;
}

.homepage-box.before-carousel {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.pw-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    gap: 16px;
    width: 100%;
    height: 357px;
    background-image: url('/user/documents/upload/gallery/banner/banner2.jpg');
    background-size: cover;
    border: 1px solid #FFD3E9;
    border-radius: 4px;
    text-align: center;
    color: #333;
  }
  
  @media(max-width: 1439px){
    .pw-banner {
      height: 295px;
	  gap: 10px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1199px){
    .banners-row .col-sm-8{
      width: 100% !important;
    }
    .banners-row .col-sm-4{
      display: none;
    }
    span.extended-banner-title{
      line-height: 1;
    }
  }
  
  .pw-banner-icon {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .pw-banner-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .pw-banner-heading {
    margin: 8px 0;
    font-size: 32px;
    font-weight: 400;
    color: #252525;
  }
  
  .pw-banner-subheading {
    margin: 0;
    font-size: 14px;
    color: #252525;
  }
  
  .pw-banner-buttons {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    flex-wrap: wrap;
  }
  
  .btn{
    border-radius: 8px !important;
  }
  
  .btn:hover{
    background: #dd117b;
    color: #fff;
  }

  .h4.homepage-group-title:not(.h4.homepage-group-title.text-center) {
    text-align: left;
}

.content-wrapper-in > .container > .welcome-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.welcome div, .welcome h1 {
    max-width: unset;
}

.welcome {
    width: 50%;
    padding-right: 50px;
}

div#uvod {
    width: 50%;
}

@media(max-width: 1199px){
    .welcome {
        width: 100%;
        padding-right: 0px;
    }
    
    div#uvod {
        width: 100%;
        padding-top: 20px;
    }
}

.uvodikonky {
    display: flex;
    padding-top: 20px;
    padding-bottom: 10px;
    flex-wrap: wrap;
}

.uvodikonky > div{
    margin-left: unset;
    margin-right: unset;
    text-align: center;
    padding-right: 20px;
    display: flex;
    align-items: center;
}

.uvodikonky > div:last-child{
    padding-right: 0px;
}

.uvodikonky > div > div p{
    
    white-space: nowrap;
}

.uvodikonky > div:not(:first-child)::before{
    content: "\e90c";
    font-family: shoptet;
    display: inline-block;
    padding-right: 20px;
}

@media(max-width: 600px){
    .uvodikonky > div:not(:first-child)::before{
        display: none;
    }
}

.max100px{
    max-width: 100px;
}

body{
	overflow-x: hidden !important;
}

@media(max-width: 767px){
	.overall-wrapper{
		overflow-x: hidden !important;
		padding-top: 51px;
	}
    .in-index main#content > div:nth-child(1)>div.col-sm-8 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100vw;
    }
    .in-index main#content > div:nth-child(1)>div.col-sm-8 img{
        border-radius: 0px;
    }
	.extended-banner-texts{
		width: 100% !important;
		padding: 10px 20px !important;
		align-content: flex-end;
		padding-bottom: 50px !important;
	}
	.extended-banner-title{
		font-size: 24px !important;
		padding-bottom: 20px;
	}
	.extended-banner-text{
		font-size: 16px;
	}
	.pw-banner{
		height: unset !important
	}
	.products-block .p-desc{
		font-size: 12px;
	}
	.products-block .stuza-icons li{
		background-size: 18px !important;
		padding-left: 30px !important;
	}

    .responsive-tools [data-target=search], .responsive-tools [data-target=search]:hover{
        color: #010001;
    }
    
    .responsive-tools>a[data-target="navigation"]::before {
        background-color: #fff !important;
		color: #010001;
		font-size: 18px;
    }

    .navigation-window-visible .responsive-tools>a[data-target="navigation"]::before {
        content: "\e912";
    }

    .navigation-close {
        display: none;
    }

    #navigation{
        top: 50px;
    }

	.navigation-in ul.menu-level-1{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
    .navigation-in ul>li>a {
        padding: 0.5rem 20px !important;
        padding-right: 0px !important;
        display: flex;
        justify-content: space-between;
        color: #010001 !important;
        text-transform: uppercase !important;
    }

    .navigation-in>ul>li>a>b{
        font-weight: 400;
        padding-bottom: 0.5rem;
    }
    .navigation-in ul>li>a>b::before{
        content: "\e919";
        font-family: Shoptet;
        font-size: 9px;
        padding-right: 10px;
        position: relative;
        display: inline-flex;
        padding-bottom: 0px;
        align-items: center;
        top: -1px;
        color: #dd117b;
    }

	.navigation-in>ul>li:last-child{
		border: unset;
	}
    .navigation-in>ul>li{
        border: unset;
    }
    
    .navigation-in ul>li.exp .menu-level-2{
        padding-bottom: 16px;
    }

    .navigation-in ul.menu-level-2 li a{
        padding-left: 40px !important;
    }

    .navigation-in .menu-no-image{
        padding: 0px !important;
    }

    .menu-level-2 li div a span {
        font-size: 16px;
    }
    
    .submenu-arrow::after{
        font-size: 16px;
        color: #dd117b;
    }
    
    .navigation-in>ul.navigationActions>li:last-child {
        border-bottom: 0px;
    }
    
    .navigation-in>ul.navigationActions{
        padding-bottom: 50px;
    }
    
    .in-index main#content {
        display: flex;
        flex-wrap: wrap;
    }
    .in-index main#content > .products-block {
          width: 100vw;
          flex-basis: 100vw;
    }
    .in-index main#content > div:nth-child(1){ 
          order: 1;
    }
    .in-index main#content > div:nth-child(2){
        order: 3; 
        position: relative;
        top: 20px;
    }
    .in-index main#content > div:nth-child(3){
        order: 4; 
    }
    .in-index main#content > div:nth-child(4){
        order: 5; 
    }
    .in-index main#content > div:nth-child(5){
        order: 2;
        background: #f7f7f7;
        margin-top: 20px;
    }
    ul.slick-dots {
        width: 100vw;
        padding-left: 0px !important;
    }
}

strong.benefitBanner__title {
    color: #000;
    font-weight: 500
}

.benefitBanner__item{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-content: flex-start;
}

.benefitBanner__picture {
    flex-basis: 100%;
    width: 100%;
    max-width: unset;
    display: block;
    margin-right: 0px;
}

.benefitBanner__picture img{
    width: 50px;
    margin-bottom: 10px;
}

.benefitBanner__content {
    flex-basis: 100%;
    width: 100%;
    max-width: unset;
    color: #797979;
    padding-right: 0;
}

@media (min-width: 365px) {
    .benefitBanner{
        display: flex;
        flex-wrap: wrap;
    }
    .benefitBanner__item {
        flex: 0 0 50%;
        width: 50%;
    }
}
@media (min-width: 992px) {
    .benefitBanner__item {
        flex: 1 1 25%;
        width: 25%;
    }
    .benefitBanner__content {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.vote-pic img {
    display: none !important;
}

.content-inner {
    max-width: 100%;
}

.advanced-parameter, .advanced-parameter-inner {
    width: 95px;
    height: 95px;
    border-radius: 7px;
}

.advanced-parameter-inner img {
    border-radius: 7px;
}

#newHeightInput, #newWidthInput{
	border: solid 1px #dadada;
  padding: 5px 10px;
}
.stuza-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding-bottom: 20px;
}
.stuza-icons li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(33.33% - 10px);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px;
    padding-left: 35px;
}
@media(max-width: 600px){
    .stuza-icons li {
        width: calc(50% - 5px);
    }
}
@media(max-width: 350px){
    .stuza-icons li {
        width: 100%;
    }
}
@media(max-width: 600px){
    .stuza-icons li {
        width: calc(50% - 5px);
    }
}
@media(max-width: 350px){
    .stuza-icons li {
        width: 100%;
    }
}
.products-block .stuza-icons li {
    width: 100%;
}

.sonnenfinsternis {
    background-image: url('/user/documents/upload/gallery/icons/100.png');
}
.starreisolierung {
    background-image: url('/user/documents/upload/gallery/icons/hot.png');
}
.feuchtraumgeeignet {
    background-image: url('/user/documents/upload/gallery/icons/drop.png');
}
.okoltex1 {
    background-image: url('/user/documents/upload/gallery/icons/oekotex2.png');
}
.händewaschen {
    background-image: url('/user/documents/upload/gallery/icons/händewaschen.jpg');
}
.fürdenhaushaltgeeignet {
    background-image: url('/user/documents/upload/gallery/icons/home.png');
}
.polyester {
    background-image: url('/user/documents/upload/gallery/icons/textil.png');
}
.anweisungenzurmessung {
    background-image: url('/user/documents/upload/gallery/icons/anweisungenzurmessung.jpg');
}
.anweisungenzumeinbau {
    background-image: url('/user/documents/upload/gallery/icons/anweisungenzumeinbau.jpg');
}
.feuchtabwischbar {
    background-image: url('/user/documents/upload/gallery/icons/Feuchtabwischbar.jpg');
}
.sonnenfinsternis50 {
    background-image: url('/user/documents/upload/gallery/icons/50.png');
}
.geeignetfürdasbüro {
    background-image: url('/user/documents/upload/gallery/icons/workspace.png');
}
.Wohnbereich {
    background-image: url('/user/documents/upload/gallery/icons/sofa11.png');
}
.insects {
    background-image: url('/user/documents/upload/gallery/iconssite/insects.png')
}
.umb {
    background-image: url('/user/documents/upload/gallery/iconssite/umb.png')
}
.air {
    background-image: url('/user/documents/upload/gallery/iconssite/air.png')
}
.drill {
    background-image: url('/user/documents/upload/gallery/iconssite/drill.png')
}
.quality {
    background-image: url('/user/documents/upload/gallery/icons/quality.png')
}
.qualitys {
    background-image: url('/user/documents/upload/gallery/iconssite/qualitys.png')
}