@import url('https://fonts.googleapis.com/css?family=Lato|Playfair+Display&display=swap&subset=latin-ext');
body, html {overflow-x:hidden; min-height:100%; font-family: 'Lato', sans-serif;}

main {padding-top:1rem;}
.text-2{font-family: 'Playfair Display', serif;}
a, .btn, .inner, .product a {
    -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

.container-big {
    padding:0 7rem;
}
.btn, .form-control {
    border-radius:10px;
    height:38px;
    line-height: 38px;
    padding: 0 1rem;
}
.btn-sm, .form-control-sm {
    line-height:30px;
    height:30px;
    border-radius:8px;
}
.form-btn{
    border-radius:0px;
}
textarea.form-control {line-height:20px; min-height:100px;}
.btn-outline-secondary {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-color: #fff;
}
.btn-outline-secondary:hover {
    color: #666;
    background-color: #fff;
    background-image: none;
    border-color: #fff;
}

#why .btn-outline-secondary {
    color: #222;
    background-color: transparent;
    background-image: none;
    border-color: #666;
}
#why .btn-outline-secondary:hover {
    color: #fff;
    background-color: #666;
    background-image: none;
    border-color: #666;
}
.btn-warning {border-color:transparent;}
.btn-warning:hover {
    color: #fff;
    background-color: #A34C52;
    border-color: #A34C52;
}
.btn-success {
    color: #fff;
    background-color: #233791;
    background-image: none;
    border-color: #233791;
}

.opacity-08 {opacity:.85;} 
.opacity-07 {opacity:.75;} 
.opacity-06 {opacity:.65;} 
.opacity-05 {opacity:.55;} 


.row.row-eq-height > [class*='col-']:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.row.row-eq-height > .h-0:after {padding:0;}
.row.row-eq-height > .firm .inner {left:0; right:0; width:auto !important;}
.row.row-eq-height > [class*='col-'] .inner {position:absolute;}
.row.row-eq-height > [class*='col-']:hover > .inner,
.firm:hover   .inner {opacity:1 !important;}

header .logo img {max-height:50px; margin-top:30px; }
header .logo .row {min-height:112px;}
header .navbar-expand-md .navbar-nav {padding-top:30px; padding-bottom:30px;}
header .navbar-expand-md .navbar-nav .nav-link {font-size:16px; font-weight:900; padding-left:15px; padding-right:15px; color:#233791;}
header .navbar-expand-md .navbar-nav .nav-link .badge {margin-left:3px; border-radius:50%; border:solid 1px #233791; line-height:15px; padding:0; font-size:10px; width:16px; height:16px; color:#233791; background:#fff !important;}
header .navbar-expand-md .navbar-nav + .navbar-nav:before {content:''; display:inline-block; border-left:1px solid rgba(0,0,0,.2); margin:5px 15px;}
header .navbar-expand-md .navbar-nav .nav-link:hover {color:#E55D4A;}
header .navbar-light {background:#fff !important;}
header .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    margin-left:auto; margin-right:auto;
}
header .text {margin-top:32px; font-size:16px; line-height:22px; padding-left:3rem; border-left:1px solid #ccc; font-weight:300; color:#999;}
.top-menu {position:absolute; top:15px; right:15px; text-align:right;}
.top-menu ul {list-style-type:none; display:inline-block; margin:0; padding:0;}
.top-menu ul + ul:before {content:''; display:inline-block; height:14px; border-left:1px solid rgba(0,0,0,.2); margin:0px 15px; margin-bottom:-2px;}
.top-menu ul li {display:inline-block; font-size:12px; color:#E55D4A;}
.top-menu ul li a{color:#E55D4A; padding:0 15px;}
.top-menu ul li a:hover {color:#233791; text-decoration:none;}

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

#intro .bg-img {position:relative; width:100%; height:75vh !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important;}
#intro .big .bg-img {position:relative; width:100%; height:550px !important; }
#intro .big .bg-img:after {
    z-index:0;
    content:'';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
}
#intro .bg-img .row {z-index:2;}
#intro .flexslider.big .flex-control-nav{ text-align:right !important; padding:0 3rem;}
.flex-control-paging li a {color:rgba(0,0,0,0);}

#intro h1 {font-size: 96px; line-height: 104px;}
#intro h2 {font-weight: 500; font-size: 30px; line-height: 29px;}
#intro p {font-size: 20px; line-height: 24px;}


.breadcrum-list, .breadcrum-list h2 {font-family: 'Lato', sans-serif; margin:0;}
.breadcrum-list a, .breadcrum-list a:hover {color:#233791; text-decoration:none;}
.search-form {padding:.5rem; border-radius:8px; border:solid 1px rgba(0,0,0,.2);}
.search-form .form-control, .search-form .btn {background:transparent; border:none;}
.search-form .btn {font-size:20px; opacity:.5; text-align:right;}
.search-form .btn:focus {outline:none !important; box-shadow:none;}

#why {}
#why h3 {font-size: 36px; line-height: 49px; padding-bottom:1.5rem;}
#why p, #why-more p {font-size: 20px; line-height: 24px;}
#why h4, #why-more h4 {font-size: 16px; line-height: 19px; padding-top:1rem; padding-bottom:1rem; font-family: 'Lato', sans-serif;}



#why-more {
    background:url(../img/why-more.jpg) center bottom no-repeat;
    background-size:cover;
    padding-bottom:3rem;
} 
#why-more h3 {font-size: 36px; line-height: 49px;}
#why-more p.lead {font-size: 20px; line-height: 24px;}


.bg-picture img {width:100%;}
.bg-picture {overflow:hidden;}
.bg-picture:before {
    z-index:1;
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#666666+1,666666+100&0.05+0,0.65+38,1+69 */
background: -moz-linear-gradient(top,  rgba(102,102,102,0.05) 0%, rgba(102,102,102,0.07) 1%, rgba(102,102,102,0.65) 38%, rgba(102,102,102,1) 69%, rgba(102,102,102,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(102,102,102,0.05) 0%,rgba(102,102,102,0.07) 1%,rgba(102,102,102,0.65) 38%,rgba(102,102,102,1) 69%,rgba(102,102,102,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */

position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%;
}
.firm h2 {line-height:60px; font-size:35px; font-weight:700; padding-top:1rem;}
.bg-picture + .inner {z-index:3;}
.bg-picture + .inner + .inner {z-index:4;}
.position-absolute.mx-auto {left:50%; margin-left:-21px !important;}
.line-bottom {
    width:50px;
    height:200px;
    position:absolute;
    left:50%;
    margin-left:-21px;
    bottom:-150px;
}



.products-list {}
.products-list .product a img {border:solid 1px rgba(0,0,0,.2); width:100% !important;}
.products-list .product a:hover img {border:solid 1px rgba(0,0,0,0);}
.products-list .product a:hover {text-decoration:none;}
.products-list .product h4 {font-family: 'Lato', sans-serif; font-size:16px; color:#000;}
.products-list .product p, .products-list .product small {color:#ccc; font-size:12px;}
.products-list .product small {font-size:9px;}
.products-list .product p .text-warning {color:#E55D4A !important;}
.products-list .product a.picture {position:relative; overflow:hidden;}
.products-list .product a.picture:before,.products-list .product a.picture:after{
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute;
    width:100%;
    height:100%;
    text-align:center;
    left:0; top:0; right:0; bottom:0;
    opacity:0;
     -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.products-list .product a.picture:before {content:''; background:#E55D4A; z-index:1; top:100%;}
.products-list .product a.picture:after {content: "\F349"; color:#fff; z-index:2; font-size:30px; padding-top:40%; }
.products-list .product a.picture:hover:before {opacity:.8; top:0;}
.products-list .product a.picture:hover:after{opacity:1;} 
.products-list .product a:hover h4 {text-decoration:none; color:#E55D4A;}

.irs--round .irs-min, .irs--round .irs-max {display:none !important;}
.form-keys {position:relative; margin-bottom:5px;}
.form-keys:after {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position:absolute; right:5px; top:8px;
    content: "\F35F";
    width:24px;
    height:24px;
    line-height:23px; text-align:center;
    border-radius:50%;
    color: #999;
    border:solid 1px #999;
}
.form-key {color:#E55D4A; padding:5px; font-size:12px; margin:3px 3px 0 0; border-radius:8px; border:solid 1px #E55D4A; float:left;}
.form-key button {background:none; padding:0; border:none; color:#E55D4A; float:right; margin-left:10px;}


.product-view label {font-size:10px; color:#000; opacity:.6; display:block;}
.product-view h3, .product-view h2 {font-size:32px; color:#000; font-weight:300; font-family: 'Lato', sans-serif;}
.product-view h3 small {font-size:80%; opacity:.6;}
.product-view .price{font-size:24px; color:#000; opacity:.6;}
.product-view .barter{font-size:24px; color:#E55D4A; line-height:40px;}
.product-view p {font-size:16px; color:#000;}
.product-view hr {margin:2rem 0;}
.product-view .rating {font-size:24px; opacity:.6;}

.flex-direction-nav a:before {font-size: 30px;}
.flexslider-product .flex-direction-nav a {top: 40%;}
.flex-control-thumbs {width:auto  !important; margin-top:30px; margin-left:-15px !important; margin-right:-15px !important; }
.flex-control-thumbs li {width:20%; padding:0 15px;}
.flex-control-thumbs li img {width:100%;}


.nav.block-column , .nav.block-column li {display:block;     width: 100%;}
.navbar-expand-md.kategorie {display:block;}
.navbar-expand-md.kategorie .navbar-brand {color:#000; font-size:16px;}
.navbar-expand-md.kategorie .navbar-collapse {display:block;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link {color:rgba(0,0,0,.5); font-size:12px; position:relative; padding:5px 0 5px 15px;}
 .navbar-expand-md.kategorie .navbar-collapse .nav-link:before {position:absolute; content:''; bottom:12px; left:20px; right:0; border-bottom:dotted 1px #E5E5E5; z-index:0;}
 .navbar-expand-md.kategorie .navbar-collapse .nav-link:after {position:absolute; content:''; left:0; top:15px; width:6px; height:6px; background:#000; opacity:.5; border-radius:3px;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link span {text-transform:uppercase; display:inline-block; padding:5px; background:#fff; position:relative; font-weight:700; }
.navbar-expand-md.kategorie .navbar-collapse .nav-link span + span {float:right; font-weight:300; padding-right:0; text-transform:none;}
.navbar-expand-md.kategorie .navbar-collapse .nav-link.active  span {color:#E55D4A; }
#form{
    position:relative;
    background:url(../img/why-more.jpg) center bottom no-repeat;
    background-size:cover;
    padding-bottom:3rem;
}
#form:before {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+28,000000+84&0+1,0+1,1+73 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 1%, rgba(0,0,0,0.38) 28%, rgba(0,0,0,1) 73%, rgba(0,0,0,1) 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 1%,rgba(0,0,0,0.38) 28%,rgba(0,0,0,1) 73%,rgba(0,0,0,1) 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    content:'';
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:.9;
}
#form label {color:#fff; opacity:.5;}
#form .form-control {
    background:transparent;
    color:#fff;
    border-color:rgba(250,250,250,.66);
}
footer .logo {}
footer .logo img {height:30px;margin-right:3rem;}


/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100vh;  
  position:fixed;
  z-index:1228;
  background:#233791;
  top:0;
  left:0;
  right:0;
  bottom:0;
 
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:1229;
  border: 4px solid #fff;
  top: 50%;
  left:50%;
  margin-left:-15px;
  animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

.number-input input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  margin-bottom: .5rem;
}

.number-input button {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  height: 2px;
  transform: translate(-50%, -50%);
}

.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  text-align: center;
}

.number-input.number-input {
  border: 1px solid #ced4da;
  width: 10rem;
  border-radius: 10px;
}

.number-input.number-input button {
  width: 2.6rem;
  height: .7rem;
  
}
.number-input.number-input button:focus {outline:none !important;}
.number-input.number-input button.minus {
  padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
  width: .7rem;
  background-color: #495057;
}

.number-input.number-input input[type=number] {
  max-width: 4rem;
  padding: .5rem;
  border: 1px solid #ced4da;
  border-width: 0 1px;
  font-size: 1rem;
  height: 2rem;
  color: #495057;
}
.reset-list  {list-style-type:none;}
.messages, .list-products-1 {padding:0; margin:0;}
.messages .message  {padding:10px; background:#F7F7F7;     border: 1px solid #ced4da;   margin-bottom:1rem; width:80%; margin-right:19%; border-radius:10px; border-top-right-radius: 0;}
.messages .message-client  { background:#fff; text-align:left; width:80%; margin-left:19%; margin-right:0; text-align:right; border-radius:10px; border-top-left-radius: 0;}

.user-nav .nav-link {padding:10px 0; position:relative; text-transform:uppercase;}
.user-nav .nav-link:after {content:''; width:1px; height:20px; border-left: 1px solid #ced4da; position:absolute; top:40px; left:15px; z-index:0;}
.user-nav .nav-link .mdi {position:relative; width:30px; height:30px; border-radius:50%; border: 1px solid #ced4da; text-align:center; line-height:30px; display:inline-block; margin-right:10px; background:#f7f7f7;}
.user-nav .nav-item:last-child .nav-link:after  {display:none;}
.user-nav .nav-link.active {color:#E55D4A;}
.user-nav .nav-link.active .mdi {border-color:#E55D4A;}


@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color:transparent) {

    .number-input.def-number-input.safari_only button:before,
    .number-input.def-number-input.safari_only button:after {
      margin-top: -.3rem;
    }
  }
}


#basket_overview_container {width:340px;}
.basket-steps {position:relative;}
.basket-steps:before {content:''; width:100%; height:4px; background: #E5E5E5; position:absolute; left:0; right:0; top:28px; z-index:0; border-radius:2px; display:block;}
.basket-steps .step {text-align:center; position:relative;}
.basket-steps .step small {font-family: 'Playfair Display', serif;   margin-top:80px; font-size:16px; text-transform:uppercase; }
.basket-steps .step i {z-index:5; color:#E5E5E5; position:absolute; top:0; width:60px; height:60px; border-radius:50%; border:solid 4px #E5E5E5; line-height:52px; font-size:26px; background:#fff;  left:50%; margin-left:-30px;}
.basket-steps .step .active i {color:#233791; border:solid 4px #233791;}
.basket-steps .step .active:before   {width:50%; height:4px; background:#233791; position:absolute; left:15px; top:28px; content:''; display:block; border-radius:2px;}

.basket-steps .step .done i {color:#E55D4A; border:solid 4px #E55D4A;}
.basket-steps .step .done:before   {left:15px; width:50%; height:4px; background:#E55D4A; position:absolute;  top:28px; content:''; display:block; border-radius:2px;}
.basket-steps .step .done:after   {right:-15px; width:50%;  height:4px; background:#E55D4A; position:absolute;  top:28px; content:''; display:block; z-index:0; }


#leftMenu {
    border-top:1px solid #ddd;
    padding-bottom:1rem;
    margin-top:1.5rem;
}
#leftMenu .nav-link {
    padding:1rem 0 !important;
    color:#E55D4A;
    border-bottom:1px solid #ddd;
}

@media (max-width: 1610px){
    #intro h1 {font-size: 86px; line-height: 94px;}
    #intro h2 {font-size: 18px; line-height: 24px;}
    #why-more h3, #why h3 {font-size: 26px; line-height: 36px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 18px; line-height: 24px;}
	.firm .mx-auto {margin-top:-2rem;}
	.btn {font-size:11px;}
	.firm h2 {line-height:40px; font-size:26px;  }
}



@media (max-width: 1200px){
    #intro h1 {font-size: 76px; line-height: 84px;}
    #intro h2 {font-size: 16px; line-height: 22px;}
    #why-more h3, #why h3 {font-size: 24px; line-height: 34px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 16px; line-height: 22px;}
}

@media (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
   header .navbar-expand-md .navbar-nav .nav-link {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro h1 {font-size: 36px;     line-height: 44px;}
   #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 11px; line-height: 15px;}
}
@media (min-width: 768px) and (max-width: 1100px) and (orientation: portrait) {
    header .navbar-expand-md .navbar-nav .nav-link {font-size:11px; padding-left: 5px; padding-right: 5px;}
   header .navbar-expand-md .navbar-nav + .navbar-nav:before {margin:5px;}
   #intro .intro-picture {margin: 0 !important;}
   #intro p {font-size: 11px; line-height: 15px;}
}

@media(min-width: 768px){
  .col-1-5{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

.col-1-5 {
   
}


@media (max-width: 767px){
    
	header.fixed-top {position:absolute !important;}
	main.pt-5 {padding-top:95px !important;}
    
    .container-big {padding:2rem;}
    header .navbar-light {border-bottom:1px solid #ccc; padding-top:0 !important;}
    header .logo .row {min-height:80px; height:auto;}
    header .logo img {max-height: 55px;     padding: 7px 0;     margin-top: 10px;}
     header .logo .text {margin-top: 15px; margin-left: -15px !important; padding-left:30%;}
     header .top-menu {background:#efefef; position:relative; padding:15px 0; width:100%; text-align:center; right:0px; left:0px; margin-bottom:15px;}
     header .top-menu ul {padding:5px 0; border:none; display:block;}
     header .top-menu ul:before {border:none;}
     header .top-menu ul + ul:before { display:none; }
     header .navbar-expand-md .navbar-nav {padding:10px 0;}
    #intro h1 {font-size: 56px; line-height: 64px;}
    #intro h2 {font-size: 16px; line-height: 19px;}
    #intro .intro-picture{padding-bottom:0 !important; margin-bottom:0 !important;}
    #why-more h3, #why h3 {font-size: 18px; line-height: 24px;}
    #why-more p.lead,  #why-more p,  #why p, #intro p {font-size: 14px; line-height: 19px;}
     .firm h2 {line-height:30px; font-size:20px;  }
    header .navbar-expand-md .navbar-nav + .navbar-nav:before { border:none; border-top:1px solid rgba(0,0,0,.1); margin:0 0 10px 0px ;}
    .breadcrum-list {text-align:center; }
    .search-form {margin-top:10px;}
    .navbar-expand-md.kategorie .navbar-brand {padding:.8rem 0; text-transform:uppercase;}
    .navbar-expand-md.kategorie .navbar-toggler {float:right;}
    .navbar-expand-md.kategorie .navbar-collapse.collapse:not(.show) {
        display: none;
    } 
    .navbar-expand-md.kategorie {margin-bottom:15px !important;}
     .navbar-expand-md.kategorie .navbar-collapse.show {display:block;}
	 
     .keys {padding-bottom:30px;}
     .keys:after {content:''; clear:both; display:block; width:100%;}
	 .flexslider-product {margin-bottom:30px;}
	 
    footer .logo img {height:50px;margin-right:0rem;}
    footer .pl-5 {padding-left: 0 !important;}
}
@media (max-width: 767px) and (orientation: landscape) {
     #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}
    
}
@media (max-width: 574px){
    main {padding-top:0; margin-top:-1rem;}
    .opacity-08, .opacity-07, .opacity-06, .opacity-05 {opacity:1;} 
    .row.row-eq-height > [class*='col-']:after { display:none;}
    .row.row-eq-height > [class*='col-'] .inner + .inner {position:relative;}
    #intro {min-height:100vh !important; height:auto !important;}
    #intro .p-5.h-100 {height:auto !important; min-height:50vh !important;}
    #intro .fixed-bottom.position-absolute {position:relative !important; padding:2rem 0 !important;}
    #intro .col-sm-6.col-12.pt-5 {padding-top:0 !important;}
    #why-more { background:#666;}
    
    #why-more p.lead,  #why-more p,  #why p {font-size: 14px; line-height: 19px;}
    #firms {padding:1.5rem !important;}
    #firms p {font-size: 13px; line-height: 16px;}
    #firms .firm .inner.opacity-05 {opacity:.5;}
    #firms .row.pt-5.pb-5 {padding:1.2rem 0 !important;}
    #firms .row.row-eq-height > [class*='col-'].firm:after  {display:block}
    #firms .firm .inner + .inner {position:absolute; }
    
    #form {padding:3rem 1.5rem !important;}
    #form .row.pt-5.pb-5.pr-5 {padding-right:0 !important;}
    #form label {font-size:.7rem;}
}

.errorMessage { color: red; }