.woocommerce-MyAccount-navigation-link.is-active a {
background-color: unset !important;
}

/* Entfernt float und sorgt für zentrierte Kacheln */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin-bottom: 30px; /* Abstand zum Inhalt */
    text-align: center;
}

/* Entfernt Standard-Listen-Styling */
.woocommerce-MyAccount-navigation ul {
    display: contents; /* Damit das Flex-Layout direkt auf die <li>-Elemente wirkt */
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Design für Kacheln */
.woocommerce-MyAccount-navigation li {
    width: 30%; /* 3 Kacheln pro Reihe, anpassbar */
    min-width: 250px; /* Damit sie auch auf kleineren Screens gut aussehen */
    text-align: center;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Kachel Hover-Effekt */
.woocommerce-MyAccount-navigation li:hover {
    transform: scale(1.05);
}

/* Styling für Links in den Kacheln */
.woocommerce-MyAccount-navigation li a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Icons oder Bilder für jede Kachel */
.woocommerce-MyAccount-navigation li a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

/* Icons für jede Kachel individuell setzen */
/* Dashboard-Icon */
.woocommerce-MyAccount-navigation li:nth-child(1) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M3 13h8V3H3v10zm10 8h8v-6h-8v6zm-10 0h8v-6H3v6zm10-8h8V3h-8v10z"/></svg>');
}

/* Bestellungen-Icon */
.woocommerce-MyAccount-navigation li:nth-child(2) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M3 3v18h18V3H3zm16 16H5V5h14v14zM7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h6v2H7v-2z"/></svg>');
}

/* Lizenzen-Icon */
.woocommerce-MyAccount-navigation li:nth-child(3) a::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M21,11V10a1,1,0,0,0-2,0v1H17V10a1,1,0,0,0-2,0v1H9.86a4,4,0,1,0,0,2H21a1,1,0,0,0,0-2ZM6,14a2,2,0,1,1,2-2A2,2,0,0,1,6,14Z"/></svg>');
}




/* Downloads-Icon */
.woocommerce-MyAccount-navigation li:nth-child(4) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M11 15.59V5h2v10.59l3.29-3.3 1.42 1.42L12 19.41l-5.71-5.7 1.42-1.42 3.29 3.3zM5 21h14v2H5v-2z"/></svg>');
}

/* Adressen-Icon */
.woocommerce-MyAccount-navigation li:nth-child(5) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M12 2C8.13 2 5 5.13 5 9c0 2.93 3.56 7.19 5.88 9.86.3.34.82.34 1.12 0C15.44 16.19 19 11.93 19 9c0-3.87-3.13-7-7-7zm0 10.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg>');
}

/* Zahlungsmethoden-Icon */
.woocommerce-MyAccount-navigation li:nth-child(6) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M3 3h18v18H3V3zm16 16V7H5v12h14zm-2-6h-2v2h2v-2z"/></svg>');
}

/* Kontodetails-Icon */
.woocommerce-MyAccount-navigation li:nth-child(7) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08s5.97 1.09 6 3.08C16.71 18.72 14.5 20 12 20z"/></svg>');
}

/* Meine Kurse-Icon */
.woocommerce-MyAccount-navigation li:nth-child(8) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M4 3h16a2 2 0 012 2v11a2 2 0 01-2 2h-5v2h2v2H7v-2h2v-2H4a2 2 0 01-2-2V5a2 2 0 012-2zm0 13h16V5H4v11zm7-9l6 4-6 4V7z"/></svg>');
}


/* Newsletter-Icon */
.woocommerce-MyAccount-navigation li:nth-child(9) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M3 5v14h18V5H3zm16 2v.01L12 13 5 7V7h14zM5 17V9.01L12 15l7-5.99V17H5z"/></svg>');
}



/* Abmelden-Icon */
.woocommerce-MyAccount-navigation li:nth-child(10) a::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M16 17l1.41-1.41L13.83 12l3.58-3.59L16 7l-5 5 5 5zM3 19h2V5H3v14z"/></svg>');
}

/* Der WooCommerce-Inhalt unter den Kacheln */
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
   
    margin-top: 30px; /* Abstand zu den Kacheln */
    
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* Responsives Design */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation {
        flex-direction: column;
    }
    
    .woocommerce-MyAccount-navigation li {
        width: 100%;
    }
}






.newsletter-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px; /* Mehr Abstand zwischen den Feldern */
    width: 100%;
}

.newsletter-container label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #333;
}

.newsletter-container input[type="text"],
.newsletter-container input[type="email"] {
    width: 100%;
    max-width: 400px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 16px;
    background-color: #f8f8f8;
    text-align: left;
}

.newsletter-container input[type="checkbox"] {
    transform: scale(1.2);
}

.newsletter-container input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    border: none;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.3s ease-in-out;
    width: 100%;
    max-width: 220px;
}

.newsletter-container input[type="submit"]:hover {
    background-color: #005f8d;
}


.newsletter-container .tnp-subscription div.tnp-field {
	width:100%;
	text-align:left;
}