/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  /* font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
  font-family: 'Open Sans' !important;
  font-size: 16px;
  line-height: 23px;
  color: #3e0100;
}

html, body {
  position: relative;
  height: 100%;
}

h1, h2, h3, h4, h5 {text-transform:uppercase;}

list-inline > li {
    display: inline-block;
    padding-left: 5px;
}


.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}
.country-selection > li > a {
  font-size: 12px;
}

.slider-left {
 max-width: 50%;
}

/* carousel */
.carousel-control {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  bottom: inherit;
  width: 45px;
  height: 45px;
  background: #777;
}
.carousel-control:hover {
  background: #6a6a6a;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.carousel-control .fa {
  line-height: 45px;
}

.carousel-indicators {
  bottom: -90px;
}
.carousel-indicators > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.carousel-indicators > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.carousel-inner {
  height:100vh;
 /*in-height:1024px;*/
  position:absolute;
  top:0;
  width:100vw;
}
/* for 100% full screen */
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}
  /*---Firefox Bug Fix --*/
  .carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.carousel-item.active,
.carousel-item-left,
.carousel-item-right {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
/*#Startseite .carousel-item {min-height: 766px;} */


/* nfor 100% full screen end */

li:hover, .btn:hover, .btn-default:hover { /*-webkit-tap-highlight-color: transparent;*/ background:transparent;background-color:transparent;background-image:none;}
footer{position:sticky;}

.full-bg, .carousel-item{
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}

.portfolio {width:240px; height:160px;display:block; } 
.portfolio img {width:100%; height:100%; } 


.portfolio a {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.portfolio a:last-of-type {
  margin-right: 0;
}

.portfolio a img {
  vertical-align: top;
}

.detailpage {width:30%; height:100%; background: rgba(255,255,255,.8);}


.imgBox {display:block;}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
/*
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -webkit-tap-highlight-color: transparent;
}*/
input[type="button" i], input[type="submit" i], input[type="reset" i], 
input[type="file" i]::-webkit-file-upload-button, button {background-color:transparent;/*-webkit-tap-highlight-color: transparent;*/} 


/*.filters-container  { font-size: 18px;text-tranform:uppercase; text-align:center;margin: 1em auto 2em;}*/
.filters-buttons-container {
  /*  -webkit-background-color:transparent;*/
    background-image:none;
    background-color:transparent;
    border:none;
  /*  padding:5px10px;*/
    margin:30px auto 30px; 
    text-align:center; 
    text-transform:uppercase;
}
.filters-buttons-container:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;

} 

.filters-buttons-group{
    -webkit-appearance: value;
    -moz-appearance:    value;
    appearance:         value;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block;
    background-image:none;
 }

.filters-buttons-group>li{
    display: inline-block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    -webkit-appearance: value;
    -moz-appearance:    value;
    appearance:         value;      
    background-image:none;
  /*  font-weight: 400;
    color: #212529;*/
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-background-color:transparent;
    background-color: transparent;
    border:0solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   
    
}

.filters-buttons-group>li:last-child{
    margin-right: 0 !important;
}

.filters-buttons-group>li .filter-button{
    -webkit-box-sizing: content-box ; /* Safari/Chrome, other WebKit */
       -moz-box-sizing: content-box ;    /* Firefox, other Gecko */
            box-sizing: content-box ;         /* Opera/IE 8+ */

    vertical-align: top;
    border: 0 none;
    display: inline;
    cursor: pointer;
    color: #6C6C6C;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    text-decoration: none;
    margin: 0;
    padding: 0 15px;
    -webkit-background-color:transparent;
    background-color: transparent;
    background-image:none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    -webkit-transition: border .1s;
       -moz-transition: border .1s;
         -o-transition: border .1s;
        -ms-transition: border .1s;
            transition: border .1s;
     -webkit-appearance: value;
     -moz-appearance:    value;
     appearance:         value;      
  }

.filters-buttons-group>li .filter-button:hover{
    text-decoration: none;
    border: 0 none;
  }

.filters-buttons-group>li .filter-button .selected,.filters-buttons-group>li .filter-button .active, .filters-buttons-group>li .filter-button:active,.filters-buttons-group>li .filter-button:hover{
    background: transparent; 
    color: #3D3D3D ;
    background-image:none;
  }
.filters-buttons-group>.filter-button { -webkit-background-color:transparent; background-color:transparent; color:#6C6C6C;}
.filters-buttons-group>.filter-button:hover, .filters-buttons-group>.filter-button .active, .filters-buttons-group>.filter-button:active,
.filters-buttons-group>.li:hover, .filters-buttons-group>.li .active, .filters-buttons-group>.li:active {
   -webkit-background-color:transparent;
   background-color:transparent;
   background-image:none;
   color: #3D3D3D; 
   font-weigth:bold; 
}

.filter-button {
  border: none;
  outline: none;
  padding: 12px 16px;
  -webkit-background-color:transparent;
  background-color: transparent;
  cursor: pointer;
  background-image:none;

}

.filters-button, .filters-button:hover, 
.filters-button:active, .filters-button:focus {
  -webkit-background-color:transparent; 
  -webkit-background:transparent;
  background:transparent;
  background-color:transparent; 
  background-image:none;
  
}


/*
.projectView {max-height:260px;}
.projectView img {max-height:320px;}*/

  .projectView{
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  
  /* Hack to center the image */
  .projectView div[data-width][data-height]{
    position: relative;
    overflow: hidden;
  }
  .projectView div[data-width][data-height] img{
    position: absolute;
    top:-100%; left:0; right: 0; bottom:-100%;
    margin: auto;
  }
  /* End Hack */
  
  /* fill-height instead of the width */
  .projectView .media-box-fill-height[data-width][data-height] img{
    top: 0 !important; 
    left: -100% !important; 
    right: -100% ; 
    bottom: 0 ;
    min-width: 100% ;
    width: auto ;
    max-width: none;
    height: 100%;
  }

  .projectView  img{
    width: 100%;
    max-width: 100%;
    display: block;
  }
  
  .projectView img{
    max-width: 100%;
    -webkit-transform: translate3D(0, 0, 0);
       -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
         -o-transform: translate3D(0, 0, 0);
            transform: translate3D(0, 0, 0);
  }

.projTitel {
   position: absolute;
   z-index:52;
   font-size:14px;
   font-weight:normal;
   margin-top:79px; 
   background-color:#fff;
   padding:10px 18px;
   color:#3E0100;
   z-index:20;
}



.targets:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.detailpage {position:relative; left:10px; top:120px; color:#fff;}



.gallery_project
{
    margin-bottom: 30px;
}

.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}
/* Target Elements
---------------------------------------------------------------------- */

.imgBox {
    display: inline-block;
    vertical-align: top;
}

.imgBox {
    background: #fff;
   
    margin-bottom: 1rem;
    position: relative;
}

.imgBox:before {
    content: '';
    display: inline-block;
    padding-top: 0;
}

.container{padding:10px;min-width:320px;}
.imgBox{
  display:block;
  padding:0;
  margin:0 0 30px;
}
.imgBox img{
  width:270px;
  height:auto;
  
}

.targets:after {
    content: '';
    display: inline-block;
    width: 100%;
}

.hiddenText {display: none !important;}

.normal-height{border-bottom: 0 none;}
.full-height {border-bottom: 0 none} 

.left-padding{padding-left:15px;}
body #2{overflow-y:hidden;}
#myCarousel{overflow-y:hidden;}






footer {
  background: rgba(255,255,255,.9) !important;
  height: 50px;
  width: 100%;
  display: block;
  z-index:2000;
  position:fixed;
  right:0;
  bottom:0;
  color:#202020;
  text-align: right;
}
.footerContent{position:relative;}
footer > a{ color:#202020;}
.header{
  width: 100%;
  height:90px;
  
  z-index:5000;
  background-color:rgba(255,255,255,.9);
}

















@media screen and (max-width:379px){
  body{padding-left:0;padding-right:0;}
  .mobileX {display:block;}
  .deskX {display:none;}
  .carousel-inner {min-height:0; min-width:0;}
  .modal .carousel-item { background-size:100%;}
  .main-menu-btn {right: -4px;}
  .projTitel {max-width:50%;}
  .container {padding: 0 10px;}
  footer .metanav {margin-right:10px;}
  :lang(de) ul#main-menu {width:95%;top:9px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:9px;background-color:#fff;}  
}



@media screen and (max-width:400px){
 /* ul#main-menu {width:95% !important;margin-top:13px!important;}*/
  :lang(de) ul#main-menu {width:95%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:-1px;background-color:#fff;} 
  .specialnavmobile {}
  .topbar{margin-top:10px;margin-right:10px;}
  
}
@media screen min-width:401px) and (max-width:480px){
  :lang(de) ul#main-menu {width:95%;top:0;background-color:#fff;}
  :lang(fr) ul#main-menu {width:95%;top:0;background-color:#fff;} 
  
}
@media screen min-width:481px) and (max-width:520px){  
    body{padding-left:0 !important;padding-right:0 !important;} 
  :lang(de) ul#main-menu {width:69%;top:0;background-color:#fff;}
  :lang(fr) ul#main-menu {width:69%;top:0;background-color:#fff;} 
}
@media screen min-width:521px) and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
  :lang(de) ul#main-menu {width:55%;top:-1px;background-color:#fff;}
  :lang(fr) ul#main-menu {width:55%;top:-1px;background-color:#fff;} 
}

@media screen min-width:641px) and (max-width:767px){
  body{padding-left:0 !important;padding-right:0 !important;}
  #myCarousel{margin-top: 155px;}    
  footer {bottom:0;}
  .carousel-inner {min-height:0;} 
  .mobile{margin-top:0;}
  .sm-simple {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #bbbbbb;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  } 
  .wrapper > footer .container {
    padding: 30px 15px;
    min-width: 480px;
    min-width: -moz-min-content;
  }