@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url(/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2) format("woff2");
}
html, body {
  height:100%;
  font-family: 'Roboto', sans-serif;
  line-height: 1.15;
}

#wrap {
min-height:100%;
}

#footer {
min-height: 20%;
margin-top: 0em;
background: #000000; 
color: #EEEEEC;
font-size: 12px;
}

/* hyphens */
.trennung {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   }

.footer {
    background: linear-gradient(180deg,#262626,#171717 280px);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(rgb(38, 38, 38), rgb(23, 23, 23) 280px);
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;	
    margin-top: 0px;
    /*height: 17em;*/
    min-height: 55%;
    bottom: 0;
    width: 100%;
}  
.footer_line_height {
  line-height: 10px;
  margin-top: 15px;
}

a.footer_link:link {color: #aaa;}
a.footer_link:visited {color: #aaa;}
a.footer_link:active {color: #aaa;}
a.footer_link:hover {color: #fff;}

a {
  color: #86C445;
  text-decoration: none;
  background-color: transparent;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-weight: bold;
}
.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }
/* Heading for Parallax Section */ 

.bgimg-1 {
  position: relative;
  opacity: 10.65;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("/pictures/banner_bg.png");
  min-height: 400px;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.container-fluid-banner {
	padding-right: 0px;
	padding-left: 0px; 
}

.container-fluid-content {
   width: 100%;
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 50px;
	padding-top: 0px;
	margin-bottom: 0px;
	min-height: 250px;
}

.container-fluid-content-grey {
   width: 100%;
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 50px;
	padding-top: 0px;
	margin-top: 0px;
	min-height: 250px;
	background-color: #f0f0f0;
}
.navbar {
    -webkit-box-shadow: 0 8px 6px -6px;
    -moz-box-shadow: 0 8px 6px -6px;
    box-shadow: 0 8px 6px -6px;
}

.bg-dark {
  background-color: rgba(52,58,64, 0.85) !important;

}
.badge-details{
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 100%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.0rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000;
  background-color: #fff;
  border: 2px solid rgba(134,196,69, 0.5);
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-radius: 0;
}

.btn-link {
  font-weight: 400;
  color: #420a7d;
}

.btn-primary {
  color: #fff;
  background-color: solid rgba(134,196,69, 0.5); /*#007bff;*/
  border-color: #007bff;
}

 .btn-primary:hover {
  color: #999999;
  background-color: rgba(134,196,69, 0.25); /*#0069d9;*/
  border-color: #0062cc;
}
/*.shadow-sm{
  box-shadow: 0 0.125rem 0.0rem rgba(66, 10, 125, 0.775) !important;*/
} */

.alert-vistrolux {
  color: #fff;
  background-color: rgba(66, 10, 125, 0.2); /*#cce5ff;*/
  
}
@media (max-width: 767px) {
.hidden-xs {display: none !important;}
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top-details {
    position: -webkit-sticky;
    position: sticky; 
    top: 60px;
    z-index: 1000;
    padding-top: 20px; 
    padding-bottom: 15px;
    background-color: #fff;
  }
}

/***** Customized Card ******************/
.card{
	 border: 0px solid rgba(66, 10, 125, 0.2);
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    color: inherit;
    background-color: rgba(231,231, 231, 0.5);
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
    border-bottom: 1px solid rgba(134,196,69, 0.775);
    min-height: 35px;    
    
}
.card-header-details{
    background-color: rgba(255,255, 255, 0.5);

}
.card-body {
    /*background-color: rgba(231,231, 231, 0.5);*/
    background-color: #fff;

}
.card-body-category {
    margin-top: -9px;
    padding-left: 15px;
}

.card-body-welcome {
    margin-top:   0px;
    padding: 0px;
}
.card-category {
    min-height: 180px;
}
.card-downloads {
    min-width: 400px; 
    min-height: 400px;
}
.card-welcome-box {
  /*  height: 270px; /* 452px; */
    position: relativ;
    margin: 0px;
    padding: 0px;
    margin-top: 50px;
}
.card-downloads-box {
    height: 600px; /* 452px; */
    position: relative;
    margin: 0px;
    padding: 0px;
    background-color: #f0f0f0;
}
.card-produkte-box {
    height: 300px; /* 452px; */
    position: relative;
    margin-top: 50px;
    padding: 0px;
    border: 0px solid rgba(0, 0, 0, 0.775);
    }

.card-marken-box {
	 
    padding: 0px;
    border-radius: 0;
    margin-top: 50px;
    min-height: 330px;
    }   

.info-box_welcome {
    color: #fff;
    background-color:  rgba(134,196,69, 0.775);
    border-bottom: 1px solid rgba(0, 0, 0, 0.775);
    border-top: 1px solid rgba(0, 0, 0, 0.775);
    line-height: 10px;
    font-size: 36px;
}

.info-box_welcome-white {
    color: #999999;
    border-bottom: 1px solid rgba(0, 0, 0, 0.775);
    border-top: 1px solid rgba(0, 0, 0, 0.775);
    background-color: #fff;
} 
.card-info_visolight {
    min-height: 300px;
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    font-weight: 400;
}

.card-info_visolight_details {
    -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16), 0 0px 0px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    font-weight: 400;
}

.card-box__title_produkte {
    position: relative;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    background-color: rgba(134,196,69, 0.7);
    color: #fff;
    width: 100%;
  /* padding: 15px 0px; */ 
    margin-top: -80px;
    bottom:  0px; 
}

.text-visolight {
  color: #86C445 !important;
}

.btn-primary {
  color: #fff;
  background-color: #86C445;
  border-color: #007bff;
}

.featured-box_produkte {
    padding: 10px;
    background: #FFFFFF;
    color: #888A85; /*#B0B0B0;*/
    max-width: 300px;
    height: 300px; /* 452px; */
    position: relative;
    -webkit-box-shadow: 0px 7px 5px 0px rgba(219,219,219,1);
    -moz-box-shadow: 0px 7px 5px 0px rgba(219,219,219,1);
    box-shadow: 0px 7px 5px 0px rgba(219,219,219,1);
    margin-top: -60px;
}
.featured-box__title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #999999;
    margin: 10px 0 10px;
}
.featured-box__title_produkte {
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: #999999;
    width: 100%;
  /* padding: 15px 0px; */
    margin: 10px 0 10px;
    bottom:  -5px;
}
.featured-box__image {
    text-align: center;
}
.featured-box__image_produkte {
    text-align: center;
    position: relative;
    margin-top: 20px;
    /*right:  60px;*/ 
    bottom: 10px;
}
.featured-box__text {
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    color: #999999;
}

.fixed-panel {
              min-height: 1000;
              /*max-height: 10;
              overflow-y: scroll;*/
}

.col-centered{
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media (min-width: 992px) {
    .col-md-border:not(:last-child) {
        border-right: 1px solid #d7d7d7;
    }
    .col-md-border + .col-md-border {
        border-left: 1px solid #d7d7d7;
        margin-left: -1px;
    }
}
@media only screen and (max-width: 1023px) {
 .display_small_devices {
  display: inline;
  }
 .display_big_devices {
  display: none;
 }