@media only screen and (max-width: 767px) {
    .about-iphone img {
        width: 100%;
    }
    .purchase-now .col-md-3 {
        text-align: center;
        padding-top: 50px;
    }
    .header-btns {
        margin-top: 50px;
    }
    .logo {
        margin-top: 10%;
    }
    #navigation {
        background-color: #00141F;
        border-color: #001321 !important;
        height: 65px;
    }
    #kontaktdaten {
        display: none;
    }
    .header-iphone {
        display: none;
    }
    .header-text,
    .header-btns {
        text-align: center;
    }
    h4 {
        text-align: center;
        padding-bottom: 9px;
    }
    h3 {
        text-align: center;
    }
    .navbar-brand img {
        height: 100px;
        justify-content: center;
    }
    .logo-container {
        height: 90px;
    }
    .navbar-collapse {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: #00141F;
        border-color: #001321 !important;
    }
    .navbar-nav {
        width: 100%;
        justify-content: center;
    }
    .navbar-nav .nav-item {
        text-align: center;
        width: 100%;
    }
    .navbar-nav .nav-item.empty {
        display: block;
    }
    .dropdown-menu {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
        background-color: #00141F;
        text-align: center; /* Zentriert den Text innerhalb des Dropdown-Menüs */
        padding: 0; /* Entfernt unnötigen Abstand */
        margin: 0; /* Entfernt unnötigen Abstand */
        list-style: none; /* Entfernt die Standard-Listenformatierung */
      }
      
      .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
      }
      
      .dropdown-menu li {
        margin: 0;
        padding: 10px 20px; /* Fügen Sie hier bei Bedarf Abstände hinzu */
      }
      
      .dropdown-menu li:hover {
        background-color: #00141F; /* Ändert die Hintergrundfarbe beim Hover */
        color: #7AF41D; /* Beibehaltung der Schriftfarbe */
      }
      
      .dropdown-menu li a {
        color: #FFFFFF; /* Standard Schriftfarbe */
      }
      
      .dropdown-menu li:hover a {
        color: #7AF41D; /* Schriftfarbe beim Hover */
        background-color: #00141F;
      }
}

@media only screen and (max-width: 1440px) {
    .navbar-light .navbar-nav > li > a {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .navbar-light .navbar-nav > li > a {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

@media only screen and (max-width: 1100px) {
    .navbar-light .navbar-nav > li > a {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media only screen and (max-width: 1000px) {
    .navbar-light .navbar-nav > li > a {
        padding-left: 17px !important;
        padding-right: 17px !important;
    }
}

@media only screen and (max-width: 830px) {
    .navbar-light .navbar-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    
}



@media (min-width: 768px) {
    .nav-link {
        text-decoration: none;
        color: #FFFFFF;
        font-size: 12px;
    }
    #navigation {
        opacity: 1;
        background-color: rgba(1, 19, 31);
    }
    .kontaktdatenMobil {
        display: none;
    }
}



/* ============= damit padding über Body-itmen verschwindet ============== */

@media (max-width: 767px) {
	html, body {
		margin: 0;
		padding: 0;
		width: 100%;
		overflow-x: hidden;
	}
}




/* ========= Anpassung über uns swiper in mobilen ansicht ============= */


@media (max-width: 767px) {
    #ABOUT .accordion__wrapper {
        padding: 0%;
    }

}



/* ============= ABOUT ============== */


  @media (max-width: 768px) {
    #ABOUT p{
        margin-left: 20%;
        margin-right: 20%;
      }
    }