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

body {
      font-family: Arial, sans-serif;
      background-color: #fff;
      
      padding: 0;
      margin:0;
    }
    h1 {
       margin-top: 1rem;
      font-size: 1.5rem;
    }
    #please-select {
      padding: 1rem;
    }
.video-section {
    margin-bottom: 30px;
    width: 100%;
    max-width: 800px;
}
    .video-section h2 {
      display: flex;
      align-items: center;
      font-size: 1.125rem;
      margin: 0.25rem;
      color: #4e6ca1;
    }
    .video-section h2 i {
      font-size: 1.5rem;
      margin-right: 10px;
    }
    video {
      width: 100%;
      border-radius: 5px;
      
    }

    main {
        width:100%;
        max-width:800px;
        margin: 0 auto;
        padding: 1rem;

    }

  /* Full-width Header */
.topbar{
    background-color: #4e6ca1;
  color: white;  
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
  width:100%;

}

.topbar-inner {
    width:100%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    flex-direction: column;
    padding: 1rem;
}
.topbar-title{
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  display:flex;
  align-items: center;
}

.topbar-sub{
  font-size: 0.9rem;
  opacity: 0.85;
  margin-top: 1rem;
}

.topbar-controls{
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Dropdown schöner */
.menu-select{
  min-width: 220px;
  max-width: 320px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 0.5rem;
  border: 1px solid rgba(255,255,255,0.28);
  background: rgba(255,255,255,0.10);
  color: white;
  outline: none;
  font-size: 1rem;
}

.menu-select:focus{
  border-color: rgba(255,255,255,0.55);
  box-shadow: 0 0 0 4px rgba(255,255,255,0.12);
}

/* Achtung: option-Farben sind browserabhängig */
.menu-select option{
  color: #111;
}

/* Badge für ausgewählten Namen */
.name-badge{
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.22);
  font-weight: 700;
  white-space: nowrap;
}