*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:root {
  --beige: #fff5f3;
  --rosa: #fdaac0;
  --dunkelbraun: #271301;
  --hellbraun: #522216;
  --black: #000000;
}

html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available; /* Safari mobile fix */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: var(--beige);
  margin: 0;
}

.rammetto-one-regular {
  font-family: "Rammetto One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.ibm-plex-sans-regular {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

footer {
  margin-top: auto; /* drückt Footer nach unten */
}