@font-face {
  font-family: Damion;
  src: local('Damion'), url('/Damion-Regular.ttf') format('truetype');
}

header {
  background: #cdc0b9;
}

main {
  background: #ebebeb;
  min-height: 100vh;
}

footer {
  background: #ebebeb;
  border-top: 1px solid black;
}

h1, h2, h3, h4, h5, h6 {
  --pico-font-family: Damion;
  --pico-font-weight: regular;
}

h2 {
  display: flex;
}
h2::after {
  border-bottom: 1px solid black;
  content: "";
  height: 1px;
  flex: 1;
  align-self: center;
  margin-left: 0.5em;
}

.add-button {
  float: right;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.initial {
  display: flex;
}

.rezepte-list + h2 {
  margin-top: 1em;
}

.initial {
  margin-bottom: 0;
}

.rezepte-list {
  margin-left: 2em;
}

.rezepte-list a {
  display: block;
}

.rezept-image {
  width: 100%;
  max-height: 25vh;
  object-fit: cover;
}

.rezept-header {
  display: flex;
}

.rezept-header h1 {
  margin-bottom: 0;
}

.back {
  flex: 1 auto;
  padding-right: 1em;
}

.back img {
  height: 100%;
}