/*! normalize-plus.css v8.0.1 | MIT License | vincentleinhos.com/normalize-plus */*,:before,:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%}html{line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}address{font-style:normal}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}ul{list-style:none}a{outline:0;background-color:transparent;-webkit-text-decoration-skip:objects}b,strong{font-weight:bolder}small{font-size:80%}abbr[title],dfn[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}code,kbd,samp,pre{font-family:monospace,monospace}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img,video{max-width:100%;height:auto!important}audio{width:100%}audio,canvas,iframe,img,svg,video{vertical-align:middle}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-spacing:0}input{-webkit-border-radius:0;border-radius:0}input[type=checkbox],input[type=radio]{cursor:pointer}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}button,input,optgroup,select,textarea{font:inherit;color:inherit;line-height:inherit}button:focus,input:focus,optgroup:focus,select:focus,textarea:focus{outline:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}[disabled]{color:#777;cursor:default}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}textarea{overflow:auto;resize:vertical}progress{vertical-align:baseline}legend{display:table;max-width:100%;white-space:normal;color:inherit}details,main{display:block}summary{display:list-item}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}template,[hidden]{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation;touch-action:manipulation}


/* document
========================================================================== */

html {
  height: 100%;
  overflow-x: hidden;
  line-height: 1.32;
}
body {
  font-family: Calibri, "Calibri", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: calc(15px + 0.125vw);
  color: #000;
  background-color: #FFF;
  min-height: 100%;
}


h1, h2, h3 {
  display: table; /* yup, really */
}
h1, h2, h3, b {
  font-weight: 700;
}


/* cutlery
========================================================================== */

#dessertspoon-svg,
#fork-svg,
#knife-svg {
  fill: #FFF; /* alternative: #e9e9ea */
  stroke: #000;
  stroke-width: 2.4px;
  stroke-linecap: butt;
  stroke-linejoin: bevel;
}


/* split-view: `main`, `aside`
========================================================================== */

.split-container {
  display: grid;
  grid-template-columns: 1fr;

  min-height: 100vh;

  padding-left: calc(22.5px + 0.5vw);
  padding-right: calc(22.5px + 0.5vw);
  padding-bottom: calc(34px + 0.5vw);
}
main {
  width: 100%;

  padding-top: calc(30px + 0.5vw);

  max-width: 76ch;
  margin: 0 auto;

  height: 100%;
}
aside {
  display: none;
}

main h1 {
  font-size: calc(23px + 0.125vw);

  letter-spacing: 0.2px;
  word-spacing: 0.4px;

  border-bottom-style: solid;
  border-bottom-color: #d5ed9d;
  border-bottom-width: 10px;
  border-bottom-width: calc(8px + 0.125vw);

  margin-bottom: 2.5rem;
}
main h2 {
  font-size: calc(19px + 0.125vw);

  border-bottom-style: solid;
  border-bottom-color: #d5ed9d;
  border-bottom-width: 6px;
  border-bottom-width: calc(6px + 0.125vw);

  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
main h3 {
  /* inherit default `body` font-size, yep */
  margin-top: calc(7.5px + 0.5vw);
}
main a {
  color: #000;
  text-decoration: underline;
}

.imprint main .gos + h3 {
  margin-top: calc(20px + 0.5vw);
}


/* footer
========================================================================== */

footer {
  display: grid;
  grid-template-columns: 1fr;

  width: 100%;

  padding-left: calc(22.5px + 0.5vw);
  padding-right: calc(22.5px + 0.5vw);
  
  padding-top: 2rem;
  padding-bottom: 4rem;

  background: #000;

  margin-top: 2rem;
}
footer small {
  font-size: 100%; /* Resets it to normal size on mobile */
}
footer .credit,
footer .legal {
  padding-top: calc(22.5px + 0.5vw);

  width: 100%;
  max-width: 76ch;
  margin: 0 auto;

  color: #FFF;
}

footer small a {
  text-decoration: none;
}
footer small a:hover {
  text-decoration: underline;
}
footer a {
  color: #FFF;
}
footer p > a {
  text-decoration: underline;
}
footer p + p {
  margin-top: calc(15px + 0.125vw);
}

main .lop,
main .gos,
footer #sol {
  display: block;

  color: transparent;
  line-height: 1.09;
}
footer #sol {
  /*width: 100%;*/
  cursor: pointer;
}


/* development
========================================================================== */



/* production
========================================================================== */

img, svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* media queries
========================================================================== */
/* mobile phone */
/*@media only screen and (min-width: 320px) {

}*/

/* tablet portrait */
@media only screen and (min-width: 720px) {

}

/* tablet landscape */
@media only screen and (min-width: 1025px) {
  .split-container,
  footer {
    grid-template-columns: 1fr 1fr;

    padding-right: 0;
  }
  main,
  footer .credit {
    width: 76ch;
  }
  footer .legal {
    width: auto;
    margin: 0;
  }
  aside {
    width: auto;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 100vh;

    z-index: -1;
  }

  aside #fork-svg,
  aside #knife-svg {
    width: auto;
    height: 44.5vh;
    min-height: 100px;
    fill: #ededee;
    position: absolute;
  }
  aside #fork-svg {
    transform: rotate(26deg);
  }
  aside #knife-svg {
    transform: rotate(-26deg);
  }
  aside #dessertspoon-svg {
    width: 39.4vh;
    height: 100%;
    fill: #eadeb4;
  }
  aside #dessertspoon-svg {
    transform: rotate(330deg);
  }
}

/*@media only screen and (min-width: 1260px) {

}*/