@font-face {
  font-family: garamond;
  src: url(fonts/ITCGaramondStd-BkCond.woff2);
}

body {margin:0;padding:0 12px 0 12px;
font-family: garamond;
font-size: 14px; letter-spacing: -0.1px;}

.rinde {min-height: 100vh;
display: grid;
grid-template-columns: 1fr 1fr;
  grid-template-rows: 80px 1fr 25px;
}
.logo {grid-column: 1;
  grid-row:1;
place-self: start start;margin-top: 12px; }
.footer {grid-column: 2;
  grid-row:3;
place-self: start end;
}
.footer a {color: #000; text-decoration: none;}
.kontakt {grid-column-start: 1; grid-column-end: 3;
    grid-row:1;
place-self: start end;
list-style-type: none;
padding:0; margin-top: 12px;
}
.kontakt li {text-align: right;}
.kontakt li a {color: #000; text-decoration: none;}

.kantholz {grid-column-start: 1; grid-column-end: 3;
      grid-row:2;
place-self: center center; width: auto; height: 30vh; margin-bottom: 60px;}

@media screen and (min-width: 1300px){
  .rinde {
  grid-template-columns: 1fr 1fr;
    grid-template-rows: 50px 1fr 50px;
  }

  .logo {grid-column: 1;
    grid-row:1;  margin-top: 0px;
  place-self: end start;}

  body {margin:0;padding:0 20px 0 20px;

  font-size: 30px;}

  .kontakt {grid-column-start: 1; grid-column-end: 3;
      grid-row:1;
  place-self: end end;
  list-style-type: none;
  padding:0; margin:0;
  }
.kantholz {margin: 0;}
  .kontakt li {display:inline;
  margin-left:30px;}

}