/* cmsms stylesheet: global_styles modified: 15.10.2020 10:56:09 */
@font-face {
  font-family: 'FjallaOne-Regular';
  src: url('../../uploads/fonts/Fjalla/FjallaOne-Regular.eot');
  src: url('../../uploads/fonts/Fjalla/FjallaOne-Regular.eot?#iefix') format('embedded-opentype'),
       url('../../uploads/fonts/Fjalla/FjallaOne-Regular.svg#FjallaOne-Regular') format('svg'),
       url('../../uploads/fonts/Fjalla/FjallaOne-Regular.ttf') format('truetype'),
       url('../../uploads/fonts/Fjalla/FjallaOne-Regular.woff') format('woff'),
       url('../../uploads/fonts/Fjalla/FjallaOne-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Overpass-Black';
  src: url('../../uploads/fonts/Overpass/Overpass-Black.eot');
  src: url('../../uploads/fonts/Overpass/Overpass-Black.eot?#iefix') format('embedded-opentype'),
       url('../../uploads/fonts/Overpass/Overpass-Black.svg#Overpass-Black') format('svg'),
       url('../../uploads/fonts/Overpass/Overpass-Black.ttf') format('truetype'),
       url('../../uploads/fonts/Overpass/Overpass-Black.woff') format('woff'),
       url('../../uploads/fonts/Overpass/Overpass-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Overpass-Light';
  src: url('../../uploads/fonts/Overpass/Overpass-Light.eot');
  src: url('../../uploads/fonts/Overpass/Overpass-Light.eot?#iefix') format('embedded-opentype'),
       url('../../uploads/fonts/Overpass/Overpass-Light.svg#Overpass-Light') format('svg'),
       url('../../uploads/fonts/Overpass/Overpass-Light.ttf') format('truetype'),
       url('../../uploads/fonts/Overpass/Overpass-Light.woff') format('woff'),
       url('../../uploads/fonts/Overpass/Overpass-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html {
   font-size: 100%;
}

body {
  color: #050505;
}

.container {
  padding-top: 5vh;
}

p, .privacy-imprint ul li {
  font-family: 'Overpass-Light', 'Times New Roman', Times, serif;
  font-size: 0.9rem;
  line-height: 1.7;
  text-transform: lowercase;
}

h1, #index-title h1 {
  font-family: 'FjallaOne-Regular', 'Times New Roman', Times, serif;
  text-transform: uppercase;
  font-size: 4em;
}

h2 {
  font-family: 'FjallaOne-Regular', 'Times New Roman', Times, serif;
  text-transform: uppercase;
  font-size: 2em;
  margin-bottom: 0;
}

h3, .privacy-imprint h4{
  font-family: 'Overpass-Black', 'Times New Roman', Times, serif;
  font-size: 0.9em;
  line-height: 1.7;
  margin-bottom: 0;
}

.privacy-imprint h3{
  font-family: 'Overpass-Black';
  font-size: 1.2em;
  margin-bottom: 1%;
}

.margin-top-10 {
  margin-top: 10%
}

.margin-top-8{
  margin-top: 8%
}

.margin-top-5{
  margin-top: 5%
}

.margin-top-2 {
  margin-top: 2%;
}

.margin-bottom-5 {
  margin-bottom: 5%;
}

.white {
  color: white;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.display-md-block{
  display:none;
}

.md-full-height{
  height: 100vh;
}

.bottom-nav {
    display: flex;
    justify-content: center;
}

.arrow-nav a, .logo a, .bio-logo a, .bio-image-text a, .privacy-imprint a, footer a, #index-title a, a{
  color: inherit;

}

.arrow-nav a:hover, .logo a:hover , .bio-logo a:hover, .bio-image-text a:hover, .privacy-imprint a:hover, footer a:hover, #index-title a:hover, a:hover{
  text-decoration: none;
  color: black;
  
}

a p, .arrow-nav a p, .logo a p, .bio-logo a p, .bio-image-text a p, .privacy-imprint a p, footer a p, #index-title a p, a img, a h2{
  transition: transform ease-in-out .4s;
}

a:hover p, a:hover img, a:hover h2{
  transform: scale(1.05);
}

.arrow-nav:hover .slide-effect-left {
    transform: translateX(-10px);
}

.arrow-nav:hover .slide-effect-right {
    transform: translateX(10px);
}

.arrow-nav .slide-effect-right, .arrow-nav .slide-effect-left {
    transition: transform ease-in-out .4s;
}

.space-between .arrow-nav:hover p {
    font-family: 'Overpass-Black';
}

.space-between .arrow-nav p {
   transition: font-family ease-in-out .4s;
}
/* cmsms stylesheet: index_styles modified: 15.11.2020 11:05:45 */
.transparent {
  width: 100vw;
  padding: 50px;
  height: 100vh;
  text-align: center;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content:  center;
  z-index: 2;
}

.space-between {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#mobile-nav{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.mycarousel {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.slide {
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
  opacity: 0.8;

}

#first-slide{
  background-image: url(../../uploads/img/landingpage/slide1-min.jpg);
}

#second-slide{
  background-image: url(../../uploads/img/landingpage/slide2-min.jpg);
}

#third-slide{
  background-image: url(../../uploads/img/landingpage/slide3-min.jpg);
}

#fourth-slide{
  background-image: url(../../uploads/img/landingpage/slide4-min.jpg);
}

#fifth-slide{
  background-image: url(../../uploads/img/landingpage/slide5-min.jpg);
}

#index-title p {
  font-family: 'Overpass-Black', 'Times New Roman', Times, serif;
  text-transform: lowercase;
  letter-spacing: 1.6px;
}

#index-title strong {
  font-style: italic;
}

.space-between .arrow-nav a {
 width: 100px;
}
.space-between .arrow-nav p {
  display: inline;
  padding: 0 10px;
}

.arrow-nav {
display: flex;
flex-flow: row;
}

.arrow-nav.middle p {
  padding: 0 5px;
}


.arrow-nav.left div{
  display: flex;
  flex-flow: row;
}

.arrow-nav.left p {
  padding: 0 5px;
}

/*.arrow-nav.left i {
padding-top: 5px;
}*/


.project-nav {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

strong, .activ p{
  font-family: 'Overpass-Black';
}

#landing-page-footer {
  position: absolute;
  display: flex;
  z-index: 3;
  justify-content: center;
  padding: 0 50px;
}

#index-footer {
  position: absolute;
  display: flex;
  z-index: 3;
  justify-content: space-between;
  padding: 0 50px;
}
/* cmsms stylesheet: navigator_styles modified: 14.10.2020 15:30:43 */
.container-menu {
  padding-top: 5vh;
  margin-left: 3vw;
  max-width: 1920px;
}

.logo div{
  position: absolute;
  top: 5%;
  left:3%;
  padding-left: 15px;
}

.logo p, .bio-logo p{
  display: inline-block;
  font-family: 'Overpass-Light', 'Times New Roman', Times, serif;
}

strong, .activ p{
  font-family: 'Overpass-Black';
}

.logo .white a:hover , .bio-logo .white a:hover{
  text-decoration: none;
  color: white;
}
/* cmsms stylesheet: menu_styles modified: 14.10.2020 13:42:43 */
.project {
  margin-right: 5%; 
  margin-bottom: 2%;
  text-decoration: none;
  color: black;
}

.project-img {
  width: 310px;
  height: 310px;
  overflow: hidden;
  
}

.project-img img{
  width: 100%;
}

.project-text {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.project-text p {
  font-size: 0.7rem;
}

.project:hover{
  text-decoration: none;
  color: black;
}

.project-title {
  font-family: 'Overpass-Black';
  opacity: 0;
}

.project:hover .project-title {
  opacity:1;
  transition: opacity ease-in-out 0.9s;
}
/* cmsms stylesheet: footer_styles modified: 15.10.2020 11:02:18 */
footer {
  bottom: 0;
  width: 100vw;
  display: flex;
  justify-content: space-between;
}

footer p, .small{
 display: inline-block;
 font-size: 0.7em;
 margin-bottom: 0.5em;
}

@media (max-width: 777px){
 footer {
   flex-flow: column;
   align-items: center;
 }
 #index-footer {
   padding: 0px;
 }
}
/* cmsms stylesheet: detail_styles modified: 08.06.2020 19:03:51 */
.fullscreen {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.images {
  height: 100%;
  background-size: cover;
  background-position: center;
}

.img-text {
  display: flex;
  justify-content: flex-end;
}

.img-text p{
font-family: 'Overpass-Light';
display: block;
text-align: right;
}

.detail-text p {
  margin-bottom: 0;
  text-transform:lowercase;
}

.overflow-hidden {
  width: 100%;
  overflow: hidden;
}


.imagesHeight {
  height: 90%;
}

.textRight {
  text-align: right;
  padding-right: 20px;
}
.heightAuto {
  height: auto;
}

.flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.height80 {
  max-height: 80vh;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.imagesWidth {
  width: 100%;
}

.height {
  height: 100%;
}

.detail-img{
  overflow: hidden;
  width: 100%;
}

.detail-img.left{
  height: 90%;
}

.detail-img.right{
  height: 60%;
  align-self: flex-end;
}

.fullheight{
  height: 100%;
  min-width: 100%;
}

.detail-bottom-img{
  overflow:hidden;
  /* height: 100vh; */
}

.fullwidth{
  width: 100%;
  height: auto;
}

.full-img {
  max-height: 100vh;
}
/* cmsms stylesheet: detail2_styles modified: 14.10.2020 21:10:19 */
.full-screen {
  height: 100vh;
}

.flex-detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.flex-detail .description img{
 width: 100%;
height: auto;
}

.textRightAlign {
  text-align: right;
}

.margin-bottom-0 p {
  margin-bottom: 0px;
}

video {
 width: 100%;
 height: auto;
}

@media (max-width: 768px){
  .flex-detail{
    display: block;
  }
  .full-screen {
    height: inherit;
  }
}
/* cmsms stylesheet: about_styles modified: 05.10.2020 18:25:39 */
.bio-logo div {
  z-index: 1;
}

.bio-image{
  position: fixed;
  top: 0;
  right: 22px;
  width: 1140px;
  /*height: 90%;*/
  height: 100%;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  /*margin-top: 14vh;*/
}

.bio-image .bio-image-container {
    position: absolute;
    display: flex;
    flex-flow: column;
    /*top: 0;*/
    right: 22px;
    height: 100vh;
    width: 100%;
    align-items: flex-end;
    /*justify-content: start;*/
    justify-content: flex-end;
    padding-top: 5vh;
    padding-bottom: 5vh;
}

.bio-image img {
  /*width: 70%;*/
  width: 90%;
}

.bio-image-text p{
  margin-bottom: 0;
  text-align: right;
}

.bio-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-transform: lowercase;
}

.bio-inner-image-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
/* cmsms stylesheet: about2_styles modified: 02.01.2021 09:13:03 */
.left-column {
 padding-right: 2.5%;
}

.right-column {
 padding-left: 2.5%;
}

#biographie {
 display: flex;
 min-height: 65vh;
}

#current {
 display: flex;
}

#current .left-column {
 display: flex;
 flex-flow: column;
}

#current .right-column p{
  overflow: hidden;
  height: 100%;
}

#biographie .left-column {
 display: flex;
 flex-flow: column;
 justify-content: flex-end;
}


.bio2-inner-container {
 display: flex;
 flex-flow: column;
 justify-content: space-between;
 height: 100%;
 
}

.bio2-image {
  overflow: hidden;
  height: 100%;
  padding-bottom: 1rem;
}

.bio2-image img, #current img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blockquote p{
  color: #A3BFC2;
  text-align: center;
   font-size: 1rem;
}

.logo div.logo-contact {
    position: absolute;
    top: 5%;
    right: 6%;
    padding-right: 5px; 
    left: auto;
    padding-left: 0px;
    height: 79px;
    display: flex;
    align-items: flex-end;
    flex-flow: row;
}

.logo-contact-mail {
   padding-right: 30px;
}



.about-contact-nav .arrow-nav.left-column {
    display: flex;
    justify-content: flex-end;
    padding-right: 40px;
}

.about-contact-nav .arrow-nav.right-column {
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
}

@media (max-width: 777px){
.about-contact-nav .arrow-nav.left-column, .about-contact-nav .arrow-nav.right-column {
   justify-content: center;
   padding: 10px 0px;
 }

.logo div.logo-contact {
    position: absolute;
    top: 14%;
    /* right: 6%; */
    left: 0%;
    padding-right: 5px;
    /* left: auto; */
    padding-left: 15px;
    padding-top: 15px;
    height: auto;
    display: initial;
 }
 
 .logo .logo-contact-mail p {
   margin-bottom: 0;
}

  .row#biographie {
   margin-top:35%;
  }

}
/* cmsms stylesheet: mediaqueries_styles modified: 02.01.2021 09:17:42 */
@media only screen and (max-width: 600px){
  .transparent {
    padding: 0px;
  }
  .space-between {
    padding-left: 50px;
    padding-right: 50px;;
  }
  .space-between .arrow-nav {
    display: none;
  }

  #mobile-nav {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding: 0 20%;
  }

  #mobile-nav a {
    display: flex;
  } 

  .project-title {
    opacity: 1
  }
}


@media (max-width: 768px){
  .md-full-height {
    margin-bottom: 5%;
    /* height: initial;
    max-height: 100vh; */
  }

  .sm-initial-height {
    height: initial;
    margin-bottom: 0;
  }

  .imagesHeight{
    height: 100%;
  }

  .display-md-none {
    display: none;
  }

  .display-md-block {
    display: block;
  }

  .project-img {
    width: 250px;
    height: 250px;
  }
}

@media (max-width: 992px){
  .bio-image .bio-image-container {
    position: static;
    /*display: block;
    right: 22px;
    width: 100%;*/
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .bio-image {
    position: static;
    margin-top: 0;
  }

  .bio-image img {
    width: 100%;
  }

  .container-menu {
    padding-top: 5vh;
    margin-left: 0vw;
  }
  
  .bio-text {
    margin-top: 5%;}
}

@media (max-width: 777px){
 .logo div {
   left: 0%;
 }

 .container.margin-top-5 {
   margin-top: 50%;
 }

   .flex-container.margin-top-2 {
    margin-top: 35%;
  }