/*CUSTOM FONTS*/

@font-face {
  font-family: AvenirRoman;
  src: url(AvenirRoman.ttf);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: AvenirLight;
  src: url(AvenirLight.ttf);
  font-weight: 300;
  font-style: normal;
}

/*LINK*/
a {
  text-decoration: none;
  font-family: AvenirLight;
  color: #000;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  font-family: AvenirRoman;
  color: #000;
}

/*MAIN STYLE*/

html {
  height: 100%;
}

body {
  font-family: AvenirLight;
  font-size: 3.5mm;
  color: #000;
  min-height: 100%;
}

.no-padding {
  padding: 0px;
}

#collapseWerkliste table {
  border-collapse:separate;
  border-spacing: 0 0.75em;
}

td {
  vertical-align: top;
  text-align: left;
}

.fett {
  font-family: AvenirRoman;
}

#logo {
  font-size: 12mm;
  font-family: AvenirRoman;
  line-height: 1.15;
  margin-bottom: 20mm;
  cursor: pointer;
}

#main-container {
  position: absolute;
  padding: 20mm;
  max-width: 100%;
  width: 100%;
  min-height: 100%;
  height: 100%;
}

#main-row, #left-side {
  height: 100%;
}

#address {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/* CAROUSEL */
#right-side {
  cursor: pointer;
}

#slideshow {
  height: calc(100vh -  40mm);
  display: none;
}

.carousel-item {
  height: 100%;
  width: 100%;
}

.max-width{
  width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}

.max-height {
  height: 100%;
  max-width: 100%;
}

.align-bottom-right {
  object-fit: contain;
  object-position: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  vertical-align: bottom;
}

/*ACCORDION*/
.card {
  border: 0px;
}

.card-bold {
  border: 0px;
  font-family: AvenirRoman;
}

.card-header {
  padding: 0px;
  margin-bottom: 0px;
  border: 0px;
  background-color: #fff;
}

.card-body {
  padding: 0px;
  color: #000;
  margin-bottom: 10mm;
}

.card-body.last {
  margin-bottom: 0mm;
}

#linkArpagaus, #linkSommer, #linkZarn, #linkWerkliste, {
  cursor: pointer;
}

#collapseInfo {
  display: none;
}


/* MOBILE SPECIAL */
@media (max-width: 991px) { /*767 991*/
  #main-container {
    padding: 8mm;
  }

  .align-bottom-right {
    position: unset;
    bottom: unset;
    top: 0px;
    right: unset;
    object-position: 0% 0%;
    margin-bottom: 5mm;
  }

  .max-height {
    height: auto;
    width: 100%;
    max-width: auto;
    max-height: 640px;

  }

  #slideshow {
    height: auto;
  }

  #main-row, #left-side, #collapseInfo {
    height: unset;
  }

  #address {
  position: relative;
  margin-top: 20mm;
  margin-bottom: 20mm;
  
  }

  #logo {
  font-size: 9mm;
  font-family: AvenirRoman;
  line-height: 1.15;
  margin-bottom: 20mm;
  cursor: pointer;
  }

  body {
    font-family: AvenirLight;
    font-size: 2.5mm;
    color: #000;
    min-height: 100%;
  }