.ech-header .ech-logo {
  opacity: 0.9; /* leicht transparent */
  filter: brightness(0.95); /* optional: etwas matter */
}

.ech-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;

  height: 70px;
  margin: 0;
  padding: 10px 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(242, 242, 242, 0.05);
  border-bottom: 1px solid rgba(0, 84, 134);
  backdrop-filter: blur(60px);
  -webkit-backdrop-filter: blur(60px);
  overflow: hidden;
}

.ech-header .ech-logo {
  height: 50px;
  width: auto;
  display: block;
  background: transparent;
  opacity: 0.9;
}

.ech-header .ech-home {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  line-height: 0px;
}

.ech-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;

  background: linear-gradient(
    to top,
    rgba(242, 242, 242, 0.25) 0%,
    rgba(242, 242, 242, 0.25) 40%,
    rgba(242, 242, 242, 0.15) 70%,
    rgba(242, 242, 242, 0.05) 90%,
    rgba(242, 242, 242, 0.00) 100%
  );
}

@media (prefers-color-scheme: dark) {
  .ech-header {
    background: rgba(60, 60, 60, 0.05);
    border-bottom: 1px solid rgba(242, 242, 242);
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
  }

  .ech-header::after {
    background: linear-gradient(
      to top,
      rgba(60, 60, 60, 0.25) 0%,
      rgba(60, 60, 60, 0.25) 40%,
      rgba(60, 60, 60, 0.15) 70%,
      rgba(60, 60, 60, 0.05) 90%,
      rgba(60, 60, 60, 0.00) 100%
    );
  }

/* Handy: Logo minimal kleiner, wenn es eng wird */
@media (max-width: 360px) {
  .ech-header { height: 92px; padding-top: 16px; padding-bottom: 16px; }
  .ech-header .ech-logo { height: 50px; }
}
  
  
}