@import "../css/mini-default.min.css";
@import "../schriften/delightfont.css";
html,
* {
  font-size: calc(0.5rem + 2.5vmin);
  font-family: "Delight", sans-serif;
}

@media (min-width: 769px) {
  html,
  * {
    font-size: 1rem;
  }
}
h1 {
  font-size: calc(0.6rem + 2.5vmin);
}

@media (min-width: 769px) {
  h1 {
    font-size: 2rem;
  }
}
h2 {
  font-size: calc(0.45rem + 2.5vmin);
}

@media (min-width: 769px) {
  h2 {
    font-size: 1.5rem;
  }
}
hr {
  font-size: 0.8rem;
}

p {
  font-size: 0.8rem;
  line-height: 0.85rem;
}

body {
  font-family: "Delight", sans-serif;
  background-image: url("../bilder/Kuechenbild-Web.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* Mobile devices (up to 768px) */
  background-position: center center;
  background-size: cover;
}

/* Medium screens and up (769px+) - Cover whole screen */
@media (min-width: 769px) {
  body {
    background-position: center center;
    background-size: cover;
  }
}
header.hero {
  background-color: #007bff;
  color: white;
  padding: 20px;
  text-align: center;
}

footer {
  background-color: rgba(244, 244, 244, 0.63);
  text-align: center;
  padding: 0.2rem 0;
  position: fixed;
  bottom: 0vh;
}

.mybody {
  display: grid;
  grid-template-columns: 5vw 1fr 1fr 1fr 5vw;
  grid-template-rows: 5vh 20vh 20vh 20vh 20vh;
  grid-template-areas: ". . . . ." ". senft senft senft ." ". . . . ." ". . . links ." ". . . . .";
}

.light {
  font-weight: 100;
}

.myanker {
  background-color: rgba(2, 2, 2, 0.48);
  color: white !important;
  padding: 0.3rem;
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
  display: inline-block;
  clear: both;
  font-size: 0.95rem;
}

@media (min-width: 769px) {
  .myanker {
    font-size: 2rem;
  }
}
.myanker:hover {
  background-color: rgba(229, 42, 42, 0.73);
  text-decoration: none;
}

.impressum {
  display: grid;
  grid-template-columns: 15vw 1fr 1fr 5vw;
  grid-template-rows: 5vh 80vh 10vh;
  grid-template-areas: ". . . ." ". text text ." ". . . .";
  width: 100vw;
}

.bottomrightlink {
  text-align: center;
  position: fixed;
  bottom: -0.3rem;
  right: 0vh;
  /* font-size: 0.6rem; */
}

/*# sourceMappingURL=style.css.map */