body{
    background-color: #003e90;   
    max-height: 768px;
    overflow-y:hidden;
    max-height:100vh;
    color:#fff;
    margin-top:0;
}

.item1 { grid-area: header; display:none; }
.item2 { grid-area: left; width:auto; }
.item3 { grid-area: main; width:800px; height:80vh;margin-left:auto; margin-right:auto;}
.item4 { grid-area: right;width:auto;  }
.item5 { grid-area: impressum_content; width:80vw;margin-left:auto; margin-right:auto; margin-top:10vh;}
.item6 { grid-area: impressum;display:none; }

.grid-container {
  display: grid;
  grid-template-areas:
    'header header header header header header'
    'left left main main right right'
    'left left impressum_content impressum_content impressum impressum';
  gap: 10px;
  padding: 10px;
}

.grid-container > div {
  text-align: center;
  padding: 0 0;
}



#logo_svg{
}

/* Logo-SVG*/
.st0 {fill: #e8522f;}
.st1 {fill: #eddd95;}


.cursor{
   cursor:default;
}

.cursor a:hover{
    cursor:default;
}

.icon{
position: relative;    
float:right;
height:21px;
}

.footer_text{
    margin-right:20px;
}

p{  font-family:frau_rey;
    font-size:16px;
    text-align: left;
    /*margin-top:10px;*/
    margin-top:0px;
    margin-bottom:0px;
    
}

#imp-content p{
    padding:1px;
}

a{  font-family:frau_rey;
    font-style: normal;
    font-size:16px;
    text-decoration: none;
    color:#fff;
}


h1,h2,h3,h4,li{
    text-align: left;
    font-family:frau_rey;
    font-size:16px;
}

br{
    margin-top:5px;
}

li{
    text-align: left;
}

table{
    font-size:16px;
    text-align:left;
    font-family:frau_rey;
}
table.bold{
    font-family:nn_bold;
    font-size:16px;
}
td{
}
.imp_text{
    padding-left:10px;
}

/*Font heavy*/
@font-face {
    font-family: 'frau_rey_heavy';
    src: url('font/frau_rey_bold.woff') format('woff');
    font-weight: bold;
    font-style: bold;
    font-display: swap;
}
/*Font light*/
@font-face {
    font-family: 'frau_rey';
    src: url('font/frau_rey_light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: rgba(0,0,0,0);
  color: white;
  border: none;
  /*opacity: 0.8;*/
  bottom: 23px;
  right: 28px;
  text-align: right;
  font-family:frau_rey;
  font-size:16px;
}

.impressum-popup{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  display: none;
  bottom: 0;
  right: 15px;
  z-index: 9;
}

.impressum-content{
  /*margin-left:200px;*/
  width:40vw;
  margin-top:26vh;
  margin-left:auto;
  margin-right:auto;
  /*margin-right:100px;*/
  max-width: 400px;
  padding: 10px;
  background-color:rgba(0,0,0,0);
  color:#fff;
    letter-spacing: 1px;
  /*border:3px solid #fff;*/
    
}

.btn {
  color: #fff;
  padding: 16px 20px;
  border: none;
  /*cursor: pointer;*/
  width: 100%;
  margin-bottom:10px;
  font-size:16px;
  /*opacity: 0.8;*/
}

.cancel{
    
    background-color:rgba(0,0,0,0);
    text-align: right;
    font-family: frau_rey_heavy;
}

.dt{width:800px;}

/*Custom-Cursor*/
/*.cursor{
   cursor:url("img/cursor/rey_cursor_yellow-01.png") 14 14,auto;
}

.cursor a:hover{
    cursor:url(img/cursor/rey_cursor_blue-01.png"") 14 14,auto;
}
*/

/*Smartphone*/

@media screen and (max-width:920px){
    #logo_svg{
        margin-top:0;
    }
   .item3 { grid-area: main;width:80vw;height:80vh; margin-top:40%;}
   .item5 { grid-area: impressum_content; margin-top:70vh;position:fixed;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
    
    } 
    a , td, p, .open-button, .cancel{
        font-size:16px;
    }
    .impressum-content{
        margin-top:0;
        width:80%;
    }
    .footer_text{
        margin-right:10px;
        margin-left:10px;
    }
    .datenschutz{
        margin-top:10px;
    }
    .dt{width:80vw;}
    .close{
        position: relative;
        margin-top:20px;
        margin-bottom:20px;
    }

}