body {
  overflow-x: hidden;
background-color: #fff!important;
    color: #000!important;
}

* {
  box-sizing: border-box;
}


p {
  line-height: 1.5;
  font-size: 1.0rem;
}

a, a:focus, a:active { color: #000; text-decoration: none; }
a:hover  {color: #ffd630; text-decoration: underline; }
a:visited {color: #000; text-decoration: none; }


.no-margin { margin-left: 0; margin-right: 0; }
.no-padding { padding-left: 0; padding-right: 0; }


#infos { padding-top: 1rem; }
.lottie-wrapper { display: flex; width: 100%; justify-content: center; padding-top: 3rem;}
lottie-player { width: 85% }

@media (min-width: 576) {
    lottie-player { width: 75%;}
}
@media (min-width: 768px) {
    lottie-player { width: 65%;}
}
@media (min-width: 992px) {
    lottie-player { width: 55%;}
}
@media (min-width: 1200px) {
    lottie-player { width: 45%;}
}


/* OWL CAROUSEL */
.owl-theme .owl-nav [class*="owl-"] { color: #000; font-size: 1rem; background: #ffd630!important; display: flex; cursor: pointer; border-radius: 0; margin: 0; }
.owl-theme .owl-nav [class*="owl-"]:hover {   background: #000!important; color: #ffd630; text-decoration: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }
.owl-nav { position: absolute;  margin-top: 24px !important;  width: 100%;  top: 50%;}
.owl-theme i { margin: 0.5rem; }
.owl-prev { position: absolute; bottom: 0; }
.owl-next { position: absolute; bottom: 0; right: 0; }
.owl-dots { margin-top: 10px; }
.owl-theme .owl-dots .owl-dot span { background: #ffd630; width: 25px; height: 5px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #000;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }

/* LIGHTBOX */
.lightbox .lb-image { border: 2px solid #ffd630; }
.lb-data .lb-close { opacity: 1!important; color: #ffd630; }
.lb-data .lb-close:hover { opacity: 1!important; color: #000; }
.lb-nav a.lb-prev, .lb-nav a.lb-next { background: #ffd630; color: #000; }
.lb-nav a.lb-prev:hover, .lb-nav a.lb-next:hover { background: #000; color: #ffd630; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Open Sans, "Helvetica Neue", Arial, sans-serif; 
    color: #000;
    text-transform: uppercase;
}

h1, h2 { padding-bottom: 2rem; }
.accordion-item h2 { padding-bottom: 0; }
h3 { font-size: 1.5rem; }
.table { color: #000; }

.anwendungen li { font-size: 2rem; }
.button-anfragen { display: inline-flex; font-size: 1.5rem; background: #ffd630; color: #000; border: 1px solid #000; border-radius: 10rem; padding: 0.25rem 2rem; margin-top: 2rem;  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Open Sans, "Helvetica Neue", Arial, sans-serif, }
.button-anfragen:hover, .button-anfragen:focus { background: #000; color: #00ffd6300; border-color: #ffd630; text-decoration: none; 
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; }


/* NAVIGATION */

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #ffd630;
  border-bottom: 1px solid #000;
}

#mainNav .navbar-toggler {
  padding: 0.75rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.75rem;
  color: #000;
  text-transform: uppercase;
  background-color: #ffd630;
  border: none;
  box-shadow: 0 0 0 0!important;

}

#mainNav .navbar-brand {
}

#mainNav .navbar-brand img {
  height: 1.7rem;
}
#mainNav .navbar-nav .nav-item .nav-link {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Open Sans, "Helvetica Neue", Arial, sans-serif; 
  font-size: 1.5rem;
  color: #000;
  letter-spacing: 0.0625em;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #000; font-weight: 700;
}


@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
    
  #mainNav .navbar-brand {
    font-size: 1.5em;
    transition: font-size 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 2.5rem;
    transition: height 0.3s ease-in-out;
  }
    
  #mainNav.navbar-shrink {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #000;
      -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 10px 10px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 10px 10px 0px rgba(50, 50, 50, 0.3);
  }
    
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
  }
    
#mainNav.navbar-shrink .navbar-brand img {
    height: 2.5rem;
  }
  #mainNav .navbar-nav .nav-item {
    margin-right: 1rem;
  }
  #mainNav .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
}

@media (min-width: 1200px) {

    #mainNav {
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  #mainNav .navbar-brand img {
    height: 3rem;
    transition: height 0.3s ease-in-out;
  }
}


/* ICON-NAV */

.icon-nav { 
	position: fixed;
	top: 100px;
	right: 0;
	padding: 1rem;
	z-index: 2000;
	overflow: hidden;
}

.icon-nav ul {
	position: relative;
	right: -100%;
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
    list-style-image: none;
}

.icon-nav li { margin-bottom: 0.5rem; }

.icon-nav ul li a {
	position: relative;
	right: 3rem;
	display: inline-block;
	background: #ffd630;
	color: #000;
    border: 1px solid #000;
	padding: 0.25em 0.5em;
	width: 110%;
}

.icon-nav ul li a:hover {
	right: 100%;
	color: #ffd630;
    border: 1px solid #ffd630;
    background: #000;
	text-decoration: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.icon-nav-text {
	padding-left: 2rem;
	font-size: 1.5rem;
	display: inline-block;
}

/* ACCORDION */
.accordion { background: #000; color: #fff; }
.accordion-item, .accordion-button { border-radius: 0!important; color: #fff!important; background: #000; }
.accordion-item { border: none; border-bottom: 1px solid #fff; }
.accordion-item:last-of-type { border: none;  }
.accordion-button { justify-content: space-between; }
.accordion-button:focus { background: #000; box-shadow: none; }
.accordion-button:not(.collapsed) { background: #ffd630; color: #000!important; border-bottom: none; }
.accordion-button::after { display: none; }

.accordion { text-align: left; }
.accordion > .card { border: none;  border-bottom: 1px solid #222!important; border-radius: 0; }
.accordion .card-header { background: none; border: none; padding: .75rem 1.25rem .75rem .25rem;  }
.accordion > .card:last-child { border: none!important; }

.accordion-closed { display: none; float: right; }
.accordion-open { display: inline-block; float: right; }
.collapsed > .accordion-closed { display: inline-block; }
.collapsed > .accordion-open { display: none; }

.accordion .btn { font-size: 1.3rem; }


/* SYSTEMS */

.system {  padding: 2rem!important;  border: 1px solid #000; background: none!important; height: 100%; }
.system-wrapper { margin-bottom: 1.5rem; }
.si { width: 100%; fill: #fff; }
.system-icon > .si { fill: #ffd630; }

/* FEATURES */

.feature {  padding: 2rem!important;  border: 1px solid #fff; background: none!important; height: 100%; }
.feature-wrapper { margin-bottom: 1.5rem; }
.fi { width: 100%; fill: #fff; }
.feature-icon > .fi { fill: #ffd630; }

/* SECTIONS */
#materialien { background: #000; }
#materialien h1, #materialien h2, #materialien h3, #materialien h4, #materialien p { color: #fff; }
#anwendungen { background: #ffd630; }
#header { background: #ffd630; padding-top: 10rem; padding-bottom: 4rem; }
#kontakt { background: #ffd630; }

/* #lieferung { background: #ffd630; } */ 

.kontakt-item { text-align: center; margin: 0 auto; padding: 1.15rem; }
.kontakt-item p { font-size: 1rem; margin-bottom: 0; color: #000; }
.kontakt-item a:hover { color: #000; text-dcoration: underline; }
#hl-kontakt { color: #000; }
#hl-kontakt:hover, #hl-kontakt:focus, #hl-kontakt:active { text-decoration: none; }


/* MODAL */
.modal-content { width: 90%!important; margin: 0 auto; background: rgba(255,255,255,1); border: 1px solid #000; }

.btn-modal { background-color:#000; border-color:#fff; color: #fff;}
.btn-modal:hover, .btn-modal:active, .btn-modal:focus  { background-color:#d8000; border-color: #d8000; color: #000; }

.modal-body h2 {
    font-size: 2rem!important;
}

.modal-dialog {
  margin: 1rem auto;
  max-width: 100vw;
}

.modal-content {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
}

.portfolio-modal .close-modal {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-color: transparent;
}
.portfolio-modal .close-modal:hover {
  color: #ffd630;
}


.page-section {
  padding: 8rem 0;
}

@media (min-width: 768px) {
  section {
    padding: 6rem 0;
  }
}

::-moz-selection {
  background: #ffd630;
  text-shadow: none;
}

::selection {
  background: #ffd630;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

.btn-xl {
  padding: 1.25rem 2.5rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.125rem;
  font-weight: 700;
}

.btn-social {
  height: 2.5rem;
  width: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 100%;
}


.footer {
    padding-top: 0.5rem;
    border-top: 1px solid #000; 
  text-align: center;
  font-size: 0.9rem;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",  "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}