@charset "UTF-8";

.topdownloads {
        display: none !important;
}

.underline, hr {
	border-bottom: var(--hub-line); /* 1px solid var(--stone60); */
	border-top:none;
	border-left:none;
	border-right:none;
}

#UpperContainerBereich div {

  margin: 0 auto 0 auto;
  width: 92%;
  max-width: 72rem;
  padding: 0 2%;
  text-align: left;
  font-weight:400;
  font-size: 3rem;
}

.mega-menu .main-links ul li {
  margin-right: 38px !important;
}

.nav-logout {
  width: auto !important;
}

.nav-logout a {
  font-size:85% !important; 
  line-height: 180%; 
  display: block; 
  float: left !important;
}

@media (max-width: 767px) {

  .nav-logout {
    width: auto !important;
  }

  .nav-logout a {
    float: none !important;
  }
  
  #UpperContainerBereich div {
    font-size: 2rem;
  }
}

#navLogoClaim {
  float: left;
  display: block;
  padding: 13px 10px 0px 10px;
  font-size:2.6em;  
    line-height: 0.6em;
  font-weight: 200;
  color: var(--hellgrau);
}

h2.produktprofil, .html-fi a[name="Rubric1"] + b {
  font-size:2.4rem;
  font-weight: 400;
  text-transform: uppercase;
  /* color: var(--hellgrau); */
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

h3.produktprofil {
  font-size:1.6em;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1em;
}

@media (max-width: 767px) {
  h2.produktprofil, .html-fi a[name="Rubric1"] + b {
    font-size:2rem;
  }
  h3.produktprofil {
    font-size:1.5em;
  }
}

.product-overview {
	display:block;
	float:left;
	text-align:left;
  margin-bottom: 3em;
}

.product-overview img {
	width: 80%;
}

.content-home h1, .hub-h1 {
  text-transform: uppercase;
  color: var(--hellgrau);
  font-size: 4em;
  font-weight: 400;
}

.hub-h3 {
  font-size: 2em;
  font-weight: 400;
}

.indication-home {
  margin-bottom: 3em;
}

.indication-home h2 {
  text-transform: none;
  color: var(--hellgrau);
  font-size: 2em;
  font-weight: 400;
  padding-top: 0.6em;
  border-top: var(--hub-line);
  background: linear-gradient(-180deg, var(--stone10) 0%, #fff 100%);
}

.indication-home.active h2 {
  color: var(--blau);
}



.product-overview > div {
  height: 100%;
  border-bottom: var(--hub-line);
  padding-bottom: 1em;
  transition: all .3s ease-in-out;
} 

.indication-home .product-overview img {
  filter: grayscale(1);
  transition: all .3s ease-in-out;
  opacity: 0.5;
  display: block;
    margin-left: auto;
    margin-right: auto; 
  
} 

.indication-home.active .product-overview img, .product-overview:hover img {
  filter: grayscale(0);
  opacity: 1;
  transition: all .3s ease-in-out;
} 

.product-overview:hover img {
  scale: 111%;
} 

.product-overview:hover div {
  /* border-color: var(--blau); */
}

.indication-home .product-overview {
  color: var(--hellgrau);
}

.indication-home.active .product-overview, .indication-home .product-overview:hover {
  color: var(--blau);
}


#navFilterHome {
  border-top: var(--hub-line);
  border-bottom: var(--hub-line);
  background: linear-gradient(-180deg, #fff 0%, var(--stone10) 100%);
}

#navFilterHome ul{	
	list-style-type:none;
	display: block;
	margin:0 auto;
	padding:0;
	line-height: 0;
}

#navFilterHome li {
	display: inline-block;
	position:relative;
	line-height: 1.5;
}

#navFilterHome li a {
	padding: 9px 15px 6px 15px;
  font-size: 1.1em;
  font-weight: 400;
	display:block;
	height:40px;
	overflow:hidden;
	color: var(--grau);
	transition: color .3s ease 0s, background-color 0.3s ease 0s;
	margin-right: 1px;
}
#navFilterHome li a:hover, #navFilterHome li a.active {
	background-color: #fff;
	color: var(--blau);
}
#navFilterHome li:first-child a {

}

@media (max-width: 767px) {
  .content-home h1 {    
    font-size: 2.5em;
  }
  .indication-home h2 {
    font-size: 1.4em;
  }
  #navFilterHome li {
    width: 49%;
  }
}

.navBreadCrumbs {
	text-align:left;
}


#contactbot, #dlbot {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

#contactbothead, #dlbothead {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}

#dlbotopen, #contactbotopen {
  top: 7px !important;
  left: 11px !important;
}

.html-fi .chapter {
  border-top: var(--hub-line);
  margin: 0;
  padding: 0.8em 0 0.7em 0;
  transition: all .3s ease-in-out;
}
.html-fi .chapter h1 {
  margin:  0;
  display: block;
}

.html-fi h1 {
  font-size: 1.2rem;
}

.html-fi .chapter:not(.empty) h1:after {
	display:inline-block;
	font-family: 'Poppins';
	content:'+';
	font-size:1.3em;
	position: relative;
  vertical-align: text-baseline;
	top:0.25em;
	margin:0 0.2em;
  text-align: right;
  float:right;
	line-height: 0.5em;
	white-space:nowrap;
	text-decoration:none;
}

.html-fi .chapter.open:not(.empty) h1:after {
	content:'-';
}

.html-fi .chapter:not(.open, .empty):hover {
	background-color: var(--stone10);
}

.html-fi a[name="Rubric2001"]  {
  display: block;
  margin-top:3em;
}

.html-fi a[name="Rubric1"] + b {
  margin-top:2em;
  display: block;
}

/* MILs:  */


#milresult h3, .hub-dl h3 {
  margin:0;
  display: block;
}

#milresult h3 a, .hub-dl h3 a {
  border-top: var(--hub-line);
  font-size: 1.0rem;
  font-weight:400;
  padding: 0.8em 0 0.7em 0;
  margin: 0;
  display: block;
}

#milresult h3:last-child a, .hub-dl h3:last-child a {
  border-bottom: var(--hub-line);
}

#milresult h3 a:hover, .hub-dl h3 a:hover {
	background-color: var(--stone10);
}

#milresult h3 a:before, .hub-dl h3 a:before {
  display: none;
}

#milresult h3 a:after, .hub-dl h3 a:after {
	display:inline-block;
	font-family: 'FkFont';
	content:'\e90c';
	font-size:1.8em;
	position: relative;
  vertical-align: text-baseline;
	top:0.25em;
	margin:0 0.2em;
  text-align: right;
  float:right;
	line-height: 0.2em;
	white-space:nowrap;
	text-decoration:none;
}

   
     
#sliderHub .slick-slide {
        background: transparent;
        border-color: transparent;
}  
    
#sliderHub  .slick-prev::before, #sliderHub .slick-next::before {

  font-size: 70px;
  line-height: 1;
  opacity: .7;
  color: var(--grau);

    }
    
    #sliderHub .slick-dots li button::before {
  color: var(--grau) !important;
}
    
    @media (max-width: 767px) {
        .slideHubImg { 
            display: none;
        }
    }
    
    #sliderHub a, #sliderHub h4, #sliderHub p, #sliderHub span {
        /* color: var(--blau) !important; */
        /* font-weight: 200; */
        
    }
    
    #sliderHub a:hover button {
        background-color: rgba(255,255,255,0.9);
        color: var(--blau);
        
    }
    
     #sliderHub h4 {
         /* font-size: 2.2em; */
         /* font-weight: 160; */
    }
    
    #sliderHub .rlink {
        display: block;
        float: right;
    }
    
    #sliderHub .rlink::after {
        font-size:5em;
    }
    
    #sliderHub .slick-dots {
        border-top:1px solid var(--stone60);
    }
    
    
#sliderHub .slick-track {
        margin-bottom: 2.5em !important;
    }
    
    

.produkt-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: strech;
  justify-content: left;
}

.produkt-nav > div {
  display: flex;
}

.produkt-nav > div > a {
  display: flex;
  align-items: center;
  justify-content:left;
  background: linear-gradient(90deg, var(--blau) 0%, var(--sky) 80%);
  /* background-color: rgba(0, 129, 255, 0.5);
  background-blend-mode: soft-light; */
  color:#fff;
  padding:1em 1em;
  text-align: center;
  font-size: 1.25em;
  font-weight: 300;
  transition: all 0.3s;
  transition-timing-function: ease-out; 
  cursor:pointer;
  width: 100%;
  /* aspect-ratio: 1 / .7; */
  margin: 1% 5% 2em 0;
  /* box-shadow: 10px 10px 25px #999999; */
  text-align: left;
}


.produkt-nav > div > a .chatdoccheck {
  display: block;
  position: absolute;
  top: 4px;
  left: 22px;
  transition: all 0.3s ease-out; 
}

.produkt-nav > div > a .rlink {
  margin:0;
}

.produkt-nav > div > a:hover {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05);
}
.produkt-nav > div > a:hover {
  background: linear-gradient(270deg, var(--blau) 0%, var(--sky) 80%);
}


    
.material-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: strech;
  justify-content: left;
}
    

.material-nav > div > a {
  display: flex;
  align-items: flex-start;
  justify-content:flex-start;
  background-image: url("/img/global_nav/but-dna-5.jpg");
  background-color: rgba(0, 99, 195, 1);
  background-blend-mode: soft-light;
  color:#fff;
  padding:1.6em 1.6em 1em 1.6em;
  text-align: left;
  font-size: 1.8em;
  font-weight: 400;
  transition: all 0.3s;
  transition-timing-function: ease-out; 
  cursor:pointer;
  width: 100%;
  aspect-ratio: 1 / 0.53;
  margin: 1% 5% 1% 0;
  background-size:cover;
  margin-bottom: 2em;
  box-shadow: 10px 10px 25px #999999;
}

.material-nav > div > a > .text-b {
    font-size: 65%;
    font-weight: 400;
    display: none;
}

.material-nav > div > a > .text-a {
  text-shadow: 0px 0px 5px var(--blau);
}

.material-nav > div > a > .text-b {
  text-shadow: 0px 0px 5px var(--blau);
}
    
@media (max-width: 860px) {
.material-nav, .studien-nav {
  font-size:75%;
}
}
    
    
@media (max-width: 576px) {
.material-nav > div > a {
    aspect-ratio: inherit;
}
}

    


.material-nav > div > a.active {
    background-color:rgba(126, 224, 221, 0.8);
    transform: scale3d(1.10); 
}
.material-nav > div > a:hover, .studien-nav > div > a:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05);
}
.material-nav > div > a:hover {
  background-color:rgba(0, 99, 195, 0.9);
} 

.material-nav > div > a {
  display: block;
}

.material-nav > div > a > .text-a,
.material-nav > div > a > .text-b {
  width: 100%;
  overflow-y: hidden;
  display: block;
  max-height: 500px;
}

.material-nav > div > a > .text-b {
    font-size: 65%;
    font-weight: 400;
    max-height:0px;
}

.material-nav > div > a:hover > .text-b {
    max-height: 500px;
    transition: max-height 0.6s ease-in-out; 
}

.material-nav > div > a:hover > .text-a {
    max-height:0px;
}






.kachel-link .rlink {
  display: block;
}

.kachel-link p {
  margin: 0.4em 0;
}

.kachel-link:hover h4, .kachel-link:hover .rlink {
  text-decoration: underline;
}
        
#searchform input[name="search"] {
  border-radius: 4px;
  text-align: left;
}