@font-face {
    font-family: "apfel";
    src: url("ApfelGrotezk-Regular.woff2") format("woff2"),
         url("ApfelGrotezk-Regular.woff") format("woff");
  }

*{padding:0; margin:0;}

body::-webkit-scrollbar {
    display: none;  }
body{
    overflow: hidden;
    font-size: 0.85em;
    line-height: 1.2em;
    font-family: "apfel";
    color: gainsboro;
    background-color: Black;
}

a{
    text-decoration: none;
}
a:link, a:visited, a:visited:active,a:link:active {
    color:  gainsboro;
  }
.active{
    text-decoration: underline gainsboro;
    text-underline-offset: 2px;
    /* background-color: white !important;  */
   text-decoration: underline 1.5px solid gainsboro !important; 
   color: gainsboro !important;
   text-decoration-line: underline; 
 text-decoration-color: gainsboro !important;
    text-decoration-style: solid !important;
text-decoration-thickness: 1.5px !important;
   -webkit-text-decoration-line:  underline !important;
   -webkit-text-decoration-color: gainsboro !important;
   -webkit-text-decoration-style: solid !important;
   -webkit-text-decoration-thickness: 1.5px !important;
}

header{
    width: 33%;
    position: fixed;
}
.menuWrapper{
    width: 100%;
    display: inline-flex;
    padding-top: 1.5vh;

    /* height: 10vh;
    padding: 0;
    margin: 0;
    display: inline-flex;
    border: 1px solid red; */
}
.logo{
    width: 48%;
}
form{
    /* padding-top: 4vh; */
    width: 49%;
}

select::-ms-expand {
    display: none;
    }


.label{
    width: 48.4%;
}



select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='tan' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%; */
    color: gainsboro;
    opacity: 0.9;
    border-radius: 0.9em;
    margin: 0.5em;
    padding: 0.1em 2em 0.1em 0.8em;
    width: 48.5%;
    font-size: 1em; 
    outline: none;
    cursor: pointer;
    border: 0.95px solid  gainsboro;
    background-color: Black;
}
option:after {
    content: ' \00A7';
  }


.navWrapper{
    width: 100%;
    height: 96vh;
    position: relative;
    margin-top: 0.4vh;
    /* padding-top: 3vh; */
    /* display: inline-flex; */

}
.general{
    position: absolute;
    top: 0;
    width: 48.9%;
    height: 100%;
    overflow-y: scroll;
}
.languageSwitch{
    display: inline;
}

.descr{
    padding: 1em;
    position: absolute;
    bottom: 2vh;
    
}
.descr1{
    padding-left: 1em;
    padding-right: 1em;
}
.works{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow-y: scroll;
}

/* width */
::-webkit-scrollbar {
    width: 9px;
    scroll-padding-right: 1em;
    scroll-padding-bottom: 10em;
    z-index: 90;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    /* background: white; 
    border: 1px solid black; */
    border: 0.95px solid  gainsboro;
    border-radius: 10px;

  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    /* background-color:  #eaeaea; */
    background-color: gainsboro;
    opacity: 0.9;
    border: 0.45px solid  gainsboro;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-button:end:increment {
    height: 3%;
    display: block;
    background: transparent;
  }
.worksItems{
    padding: 0.75em;
    position: relative;
    
    
    
}
.hoverBox {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width:80%;

  }
  .worksItems:hover .hoverBox {
    opacity: 1;
   
   
  }
  
  .workTitle {
    background-color:  white;
    opacity: 0.85;
    border-radius: 5px;
    /* color: tan; */
    padding: 0.3em;
    border: 0.45px solid  gainsboro;
    

  }

/* main{
    width: 66.5%; 
    height: 99%;
    position: fixed;
    top: 0;
    right: 0.5em;
} */
@media screen and (min-width: 600px){
    main{
        width: 66.8%; 
        height: 99%;
        position: fixed;
        top: 0;
        right: 0.5em;
    }
}
.titleWrapper{
    padding-top: 1.5vh;
}
.title{
    /* color: white;
    background-color: black; */
    /* background-color: #eaeaea; */
    border: 0.95px solid  gainsboro;
    /* color: tan; */
    opacity: 0.9;
    /* border: 1px solid black; */
    border-radius: 0.9em;
    margin: 0.5em;
    padding: 0.15em 0.9em 0.15em 0.9em;
    /* font-size: 0.9em; */
    font-kerning: inherit;
    position: relative;
    bottom: 0;
   
}

    
    

.content{
    margin-top: 1vh;
    position: relative;
    height: 96vh;
    overflow-y: scroll;
    scroll-behavior: smooth;
    margin-bottom: 1em;
    

}
.contentWrapper{
    margin-left: 1em;
    margin-right: 1em;
    
}
.logoLanding{
    position: relative;
margin-top: 5vh;
margin-right: 2vh;
    width: 98%;
text-align: center;
}
img{
    width: 100%;
}

.coverphoto{
    position: relative;
    width: 95%;
    margin: auto;
    margin-top: 1em;
    
}

.coverphotoMain{
    position: relative;
    width: 95%;
    margin: auto;
    
    
}

.block {
    margin-bottom: 1em;
    /* width: 100%; */

}
.block-type-text{
    /* padding-left: 1em;
    padding-right: 1em; */
    width: 95%;
    
}
.block-type-longtext{
    padding-left: 2em;
    padding-right: 2em;
    column-count: 2;
}
.block-type-shorttext{
    padding-left: 2em;
    padding-right: 2em;
}
.heading{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 8px;
    margin-left: 2em;
    margin-right: 2em;
}


.block-type-heading{
    padding-left: 2em;
    padding-right: 2em;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: x-small;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.floatLeft{
    /* width: 70%  !important; */
    margin-right: 30%;
}

.floatRight{
    /* width: 70%  !important; */
    margin-left: 30%;
    float: right;
}

.floatCenter{
    /* width: 70%  !important; */
  margin-left: auto;
  margin-right: auto;
  width: 50% !important;
    
}

.floatLeftPortrait{
    margin-right: 60%;
}

.floatLeftLandscape{
    margin-right: 45%;
}

.floatRightPortrait{
    margin-left: 60%;
}

.floatRightLandscape{
    margin-left: 45%;
}
.info-box{
    margin: 2em;
}
table {
    border-collapse: collapse;
    width: 100%;
  }
  
  td {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    width: 50%;
    overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  }

  #disclaimer,
  .closeButton{
    display: none;
  }
  .footerMobile{
    display: none;
  }
@media screen and (min-width: 600px){
  .backMobile{
    display: none;
  }
}

  @media screen and (max-width: 600px){
    header{
        width: 100%;
        position: fixed;
        top: 0;
        }
        #disclaimer {
            padding: 0.75em;
            position: relative;
            display: block;
            /* display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            position: fixed;
                top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              text-align: center;
              width:95%;
              backdrop-filter: blur(10px);
              border-radius: 5px;
              color: tan;
              padding: 1em;
              margin-top: 5em;
              border: 0.45px solid  #b9b9b9;
              font-size: small;
              z-index: 99; */
          }

          /*.closeButton{
            display: block;
          position: absolute; 
          top: 0; 
          right: 0; 
          padding-right: 0.8em;
          padding-top: 0.4em;
          font-size: medium;
          }*/

        body{
            font-size: 1em;
          }

          .workTitle {
            background-color:  white;
            opacity: 0.85;
            border-radius: 5px;
            /* color: tan; */
            padding: 0.2em;
            border: 0.45px solid  gainsboro;
            width: 90%;
            margin: auto;
            /*position: center;
            text-align: center;
            display: block;*/
            
        
          }
          .label{
            width: 33%;
          }
          .menu-desktop{
            width: 65%;
            margin-left: 0;
          }
        .footerMobile{
            display: block;
            padding: 0.75em;
            /* border: 0.45px solid gainsboro;
            background-color: white; */
            /* border-top: 1px solid tan; */
            position: fixed;
            width: 100%;
            bottom: 0;
        }
        .footerMobile a{
           color: gainsboro!important; 
            
        }
        .block-type-longtext{
            
            column-count: 1;
        }


        .floatCenter{
            /* width: 70%  !important; */
          margin-left: auto;
          margin-right: auto;
          width: 70% !important;
            
        }
        .disclaimerTitle{
            background-color: black;
            color: gainsboro;
            padding: 1.5em;
            width: 65%;
            margin: auto;
        }

        .thumbnail{
            width: 75%;
            margin-left: auto;
          margin-right: auto;
            
        }

       select {
            background-color: black !important;
        
            }

       

  }