/* KernAstro.de style.css für Bildschirme mit einer Pixelbreite größer 700 */
/*  */
      /* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/mulish-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/mulish-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/Mulish-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/mulish.woff') format('woff'), /* Modern Browsers */
       url('./fonts/mulish-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/mulish-v12-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

body {
     /*width: 1000 px;  = 63em;  1em = 16px float: left; */
     left: 0px;
     font-family: 'Mulish', Helvetica, Verdana, Arial, sans-serif;
     font-size: 0.95em;
     font-display: swap;
     color: #3f3f3f;
     line-height: 160%;
     margin: 0px;
     padding: 0px;
     background: #faf9f5;
}


.menubutton {
    visibility: hidden;
    height: 0px;
}


.grid-box {
position: relative;
box-sizing:border-box;
margin: 0px auto;
max-width: 1000px; /*vw;*/

    height: 100vh;
    display: grid;
    align-items: stretch;
    grid-template-columns: 250px 1fr 10px;
    grid-template-rows: max-height 160px 1fr 10%;
    grid-template-areas:
        "box-head box-head box-head"
        "box-navi box-inhalt box-seite"
        "box-footer box-footer box-footer";
}


/*
.box-head {
    background: #2782AD;
    grid-area: box-head;
}

.box-navi {
    background: #527097; /*#d6d6d6;*/
    color: white;
    grid-area: box-navi;
}

.box-inhalt {
    background: #faf9f5;
    grid-area: box-inhalt;
}

.box-seite {
    background: #faf9f5;
    grid-area: box-seite;
    padding: 0px;
    border-left: 1px solid #d6d6d6;
}

.box-footer {
    background: #d6d6d6;
    grid-area: box-footer;
}
*/