/*
 Theme Name:   08eins - Präsentation (Child)
 Description:  Child Theme von 08eins WP Presentation Theme
 Author:       Marc Iten Websolutions
 Author URI:   https://www.marc-iten.ch
 Template:     08eins_presentation
 Version:      1.3.0
 Text Domain:  08eins_presentation-child
*/

/*
Gold
#b18a20
Blau
#193A60
*/

h2 {
  font-size: 5vh;
}

.content-wrapper {
  margin-bottom: 110px;
}

/*** Title Switch ***/
section.titleswitch-section {
  background-attachment: scroll;
  background-position: center;
  background-size: cover;
  padding-top: 0 !important;
}

section.titleswitch-section.bgfixed {
  background-attachment: fixed;
}

section.titleswitch-section .bgcontainer {
  background-position: center 40px;
  background-size: 175px auto;
  background-repeat: no-repeat;
}

.titleswitch-section .hint {
  font-size: 5vh;
}



section.scrollspyobject.bgimage .blendedImg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.specialsvg-section .content-wrapper {
    padding-top: 4em;
}

.image-section.fullwidth .container,
.image-section.fullwidth .container .full-image-wrapper img.img-fluid {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: fit-content;
}

.facts-section {
    max-height: 100vh;
}

.countings-wrapper.firstrow {
    padding-top: 20px;
}

.end-section .content-wrapper {
  margin: 10vh auto 5vh;
  padding: 15vh 0 0;
  background-position: top center;
}

/*** IMAGES Section ***/
.swiper-container {
  flex: 0 0 40%;
  overflow: hidden;
}

.swiper.mySwiper, .swiper-container {
  width: 35vw;
  height: 35vh;
  min-width: 35vw;
}

.swiper-container img {
  width: 35vw;
  height: 35vh;
  min-width: 35vw;
  min-height: 35vh;
  max-height: 35vh;
  opacity: 0;
}

.swiper-container .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 35vw;
  height: 35vh;
}

.swiper-container .swiper .swiper-button-prev,
.swiper-container .swiper .swiper-button-next {
  color: #b18a20;
  outline: none;
}

.textimg-section .img-wrap div {
  width: 35vw;
  height: 35vh;
  background-position: center;
  background-size: cover;
}

.textimg-section .img-wrap img {
  display: none;
}

/*** Blend Mode ***/
.blend-mode-blue {
  /* background-color: #193A60; */
  background-color: rgba(25, 58, 96, 0.8);
  background-blend-mode: multiply;
}