html, body {
  margin: 0;
  padding: 0;
}

.start_team_hintergrund {
  background-color: #f5f0e6;
  max-width: 1200px;
  margin: 0 auto; /* Zentriert das Element */
  padding: 0 0px; /* optionaler Innenabstand */
  margin-bottom: 0;
  overflow: hidden;
  display: block;
  text-align: center;
}

.start_main {
  position: relative; 
  top: 0em; 
  text-align: center;
}

body {
  font-family: Arial,
  sans-serif; }

.gruppe {
  margin-bottom: 30px;
}

.user {
  display: inline-block;
  text-align: center;
  margin: 10px; }

.user img {
  width: 150px;
  height: 150px;
  border-radius: 25px;
  object-fit: cover; }

.bildaendern img:hover {
  transform: scale(1.05);
}

hr {
  width: 96.5%;
  border: none;
  border-top: 2px solid #ddd;
  margin: 10px 20px;
}

.msg {
    max-width: 600px;
    margin: 20px auto;
    padding: 12px 18px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    animation: fadeIn 0.4s ease-out;
}

.msg-error {
    background: #ffe6e6;
    border: 1px solid #cc0000;
    color: #a00000;
}

.msg-success {
    background: #e6ffe6;
    border: 1px solid #00aa00;
    color: #007700;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to   { opacity: 1; transform: translateY(0); }
}