html {
    scroll-behavior: smooth;
    scrollbar-gutter: inherit;
    overflow-x: hidden;
    
    /* Für Internet Explorer / Edge (alt) */
    -ms-overflow-style: none;
    /* Für Firefox */
    scrollbar-width: none;
}
/* Für Chrome, Safari und Opera */
.element-oder-body::-webkit-scrollbar {
  display: none;
}

    
body {
    margin: 0px;
    background-color:rgb(242, 242, 242);
    overflow: hidden;   /* Scrollbalken komplett entfernen */
}

header {
    background-color: lightgray;
    height: 60px;
    color: rgb(146, 146, 146);
    border-radius: 15px;

    display: flex;
    align-items: center;
    gap: 10px;

    position: fixed;
    top: 8px;
    left: 8px;
    right: 8px;

    padding: 0 20px;
    box-sizing: border-box;
    z-index: 1000;
}

/* Der innere Inhaltsbereich */
.header-container {
  max-width: 1200px;  /* Verhindert das "Kleben" am Rand bei breiten Bildschirmen */
  margin: 0 auto;     /* Zentriert den Container */
  padding: 10px 20px; /* Erzeugt den Abstand zum Rand auf kleinen Bildschirmen */
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.img_logo{
    width: 150px;
    height: auto;
}

nav {
    display: flex;
    gap: 30px;       /* Abstand zwischen Links */
    margin-left: 40px;
}

nav a {
    text-decoration: none;
    color: rgb(79, 79, 79);
    font-family: Helvetica;
    font-weight: 500;
}
.header_right {
    margin-left: auto;      /* schiebt alles nach rechts */
    display: flex;
    align-items: center;
    gap: 15px;
    margin-right: 20px;
}
.warenkorb_image {
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.icon_circle {
    width: 42px;
    height: 42px;
    background-color: rgb(138, 138, 138);
    border-radius: 50%;

    display: flex;              /* HIER gehört flex hin */
    justify-content: center;    /* horizontal Mitte */
    align-items: center; 
    cursor: pointer;       /* vertikal Mitte */
}

.merkliste_btn{
    text-decoration: none;
    color: rgb(127, 127, 127);
}

.login_btn {
    padding: 8px 18px;
    background-color: rgb(138, 138, 138);
    color: white;
    border-radius: 30px;
    cursor: pointer;
    font-family: Helvetica;
    font-weight: 500;
    text-decoration: none;
    border: none;
}