*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  min-height: 100dvh;           /* sicheres Viewport-Unit für Mobile */
  display: flex;
  flex-direction: column;
  font-family: Arial, sans-serif;
  background: linear-gradient(145deg, #f0f0f0, #e0e0e0);
  margin: 0;
  padding: 0;
}

header {
  background-color: #1f2937;
  color: white;
  padding: 1rem;
  text-align: center;
}

.link {
  /* text-align:center; 
  margin-bottom: 1rem; 
  margin-top: 1rem; */
  color: #577590; 
  text-decoration: none; 
  /* font-weight: bold; */
}

.link_container {
  text-align:center; 
  margin-bottom: 1rem; 
  margin-top: 1rem;
  /* color: #577590;  */
  text-decoration: none; 
  font-weight: bold;
}

.flashes { margin: 16px auto; max-width: 640px; }
.flash { padding: 12px 16px; border-radius: 8px; margin-bottom: 8px; }

.flash.success { background:#d1e7dd; color:#0f5132; border:1px solid #badbcc; }
.flash.danger  { background:#f8d7da; color:#842029; border:1px solid #f5c2c7; }
.flash.info    { background:#cff4fc; color:#055160; border:1px solid #b6effb; }
.flash.warning { background:#fff3cd; color:#664d03; border:1px solid #ffecb5; }