@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/OpenSans/open-sans-v34-latin-300.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/OpenSans/open-sans-v34-latin-500.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/OpenSans/open-sans-v34-latin-600.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/OpenSans/open-sans-v34-latin-700.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/OpenSans/open-sans-v34-latin-800.woff2') format('woff2');
}
@font-face{
	font-family: 'Open Sans';
	font-display: swap;
	font-style: normal;
	font-weight: regular;
	src: url('../fonts/OpenSans/open-sans-v34-latin-regular.woff2') format('woff2');
}

:root{
	--chili-color-bright-background: #ffffff;
	--chili-color-dark-background: #f2f5f9;
        --chili-color-bright-font: #cecdcd;
	--chili-color-dark-font: #7b7979ff;
	--chili-color-1: #303335ff;
	--chili-color-2: #d7dbdfff;
	--chili-color-3: #ff6d00ff;
	--chili-color-4: #d6d7dbff;
	--chili-color-5: #222526;
}
body{
background-color: #ffffff !important;
}
.chili-default .center {
  width: calc( 80% - 0em );
  margin: auto;
  max-width: 1400px;
  position: relative;
}
.chili-default header {
  width: 100%;
  height: 7em;
  z-index: 2;
  background-color: #ffffff;
  top: 0;
}
/*
.galerie-slider::after {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(229deg,#0003,#000);
  left: 0;
  top: 0;
  position: absolute;
}
*/
.chili-default .logo img {
  height: 100%;
}
.chili-default .logo {
  height: 19em;
top: -5px;

}
.chili-default.page_start .logo {
  height: 31em;
  position: relative;
  left: -57px;
  margin: 0;
  text-decoration: none;
  top: calc(58vh - 33em);
  background-position: center;
  font-size: 0.8em;
  display: block;
  background-size: contain;
  opacity: 1;
  background-repeat: no-repeat;
  padding: 0em;
  transition: all 0.3s;
  width: 60%;
  opacity: 0.6;
  filter: brightness(55555);
display:none;
}

.galerie-slider .aw_BoxContentNav {
  position: relative;
  z-index: 999999;
  left: 0px;
  width: calc( 100% + 0vh );
  text-align: center;
  bottom: auto;
  display: table;
  border-spacing: 1vh;
  margin: 0 0vh;
  display: none;
}

.galerie-slider .chili-slider::before {
  content: '';
  position: relative;
  display: block;
  margin-top: 100vh;
}
.galerie-slider .chili-slider-segment {
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  color: #222222;
  text-decoration: none;
  text-transform: none;
  width: calc( 100% - 0em );
  height: 100vh;
  position: relative;
  overflow: hidden;

  left: 0%;
  transition: all 1s;
  background-size: cover;
  left: 0em;
  top: 0em;
}
.galerie-slider .chili-slider {

  margin-top: 0em;
}

.chili-default header nav a {
  text-decoration: none;
  color: #737880;
  text-transform: uppercase;
  padding: 2em;
  letter-spacing: 0.2em;
  font-size: 0.8em;
  line-height: 6em;
  border-right: solid 1px #c0bdbd63;
}
.chili-default header nav li:last-of-type a {

  border-right: none;
}

.content {

  padding-top: 5em;
}

.products {
  font-size: 4.5em;
  font-weight: 700;
  z-index: 9999;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #fff;
  position: absolute;
  top: calc( 77dvh - 3.2em );
  left: 0%;
  width: 50%;
  text-align: left;
  line-height: 1em;
}

.chili-default .toggled + input + header .logo {
  height: 9em;
  top: -5px; 
filter: brightness(0.4);
}

.image-grid {
  position: relative;
  width: 100%;
  max-width: 1400px !important;
  margin: auto;
}
@media(max-width:1400px){
.products {
  font-size: 3.5em;
 
}
}

@media(max-width:1000px){
.chili-default .center {
  width: calc( 90% - 0em );

}
.content {
  padding-top: 0em;
}
.products {
  font-size: 9.6vw;
  font-weight: 700;
  z-index: 9999;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: #fff;
  position: absolute;
  top: calc( 75dvh - 3.2em );
  left: 0%;
  width: 90%;
  text-align: left;
  line-height: 1em;
}
  .chili-default.page_start .logo {
    height: 11em;
    left: 1em;
    top: calc(61dvh - 7.7em);
  }
.chili-default header {

  height: 0;

}
.photo-slider {
 
  height: 95vh !important;
  height: 95dvh  !important;
 
}
.photo-slider .photo-slider-nav {
  width: 100%  !important;
  height: 10%  !important;

  margin-left: 0%  !important;

}

.photo-slider-arrow.next,.photo-slider-arrow.prev  {

  bottom: 20vh !important;

}


}

.products::before {
  content: '';
  position: absolute;
  width: 120%;
  background-image: url(../images/design/logo_grau_200.svg);
  height: 4.4em;
  left: -0.5em;
  bottom: calc( 100% - 0.8em );
  background-repeat: no-repeat;
  filter: brightness(4444);
  background-size: 10em;
}

.photo-slider-arrow.next {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  color: #999999;
  text-decoration: none;
  text-transform: none;
  background-image: url(../images/design/arrow_right_white.svg);
  background-repeat: no-repeat;
  width: 4em;
  height: 4em;
  right: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  display: block;
  float: left;
  cursor: pointer;
  z-index: 90;
  margin: auto 0px;
  background-position: center;
border: none;
  background-color: #0008;
  background-size: 1.2em;
}
.photo-slider-arrow.prev {
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  color: #999999;
  text-decoration: none;
  text-transform: none;
  background-image: url(../images/design/arrow_left_white.svg);
  background-repeat: no-repeat;
  width: 4em;
  height: 4em;
  left: 0px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  display: block;
  float: left;
  cursor: pointer;
  z-index: 90;
  margin: auto 0px;
  background-position: center;
border: none;
  background-color: #0008;
  background-size: 1.2em;
}



a, button, label {
    -webkit-tap-highlight-color: transparent;
}