body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  background-color: #3a1a3d;
  color: #d5b886;

  display: flex;
  flex-direction: column;
  align-items: stretch;        /* <-- important so children are full width */
  min-height: 100dvh;          /* mobile-friendly vh */

  text-align: center;
}

/* Center the main content, not the whole body */
.container {
  flex: 1;                     /* pushes footer to the bottom */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

/* Footer logo bar: single row, no scrolling */
/* Footer logo bar: single row, always fits */
/* Kill tiny horizontal overflows on mobile */
html, body { overflow-x: hidden; }






.brille,
.logo {
  height: 40px;
  width: auto;
  margin: 0 auto 20px auto;
  display: block;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 30px;
}

.contact p {
  margin: 5px 0;
  font-size: 1.1em;
}

a[href^="tel"],
a[href^="mailto"] {
  color: inherit !important;
  text-decoration: none !important;
  -webkit-text-decoration: none !important;
  -webkit-tap-highlight-color: transparent;
}