body, button, select, input, textarea, p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.heading {
    width: 1728px;
    margin: 0 auto;
    background-color: #fff3db;
}
.headingCenter {
    text-align: center;
}
.backgroundHome {
    background-color: #fff3db;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundTagesenergie {
    background-color: #fffbf1;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundEmotional {
    background-color: #fde4cb;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundMental {
    background-color: #fef0e0;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundPhysisch {
    background-color: #fdf2f5;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundSpirituell {
    background-color: #fce5e0;
    background-attachment: fixed;
    margin-top: 0px;
}
.backgroundUniversell {
    background-color: #fffce6;
    background-attachment: fixed;
    margin-top: 0px;
}
.links {
    display: flex;
    font-size: 18px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.warenkorb-Login {
    display: flex;
    font-size: 12px;
    align-items: center;
    flex-wrap: wrap;
}
footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    background-color: #59358c;
    height: 50px;
    padding-right: 50px;
}
.footerLinkSeparator {
    position: relative;
    padding: 0 10px;
    text-decoration: none;
    color: #ffffff;
}
.footerLinkSeparator:not(:last-child)::after {
    content: "|";
    position: absolute;
    right: -10px;
}
.kontakt {
    background-color: #603c90;
} 
.kontaktbar {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
}
.kontaktbar-upper,
.kontaktbar-lower {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #ffc734;
    padding: 10px;
}
.kontaktbar-upper .links a, .kontaktbar-lower a {
    text-decoration: none;
}
.kontaktbar-lower {
    justify-content: left;
    font-size: 12px;
    text-align: left;
    color: #ffc734;
}
.flex-container {
    display: flex;
    justify-content: space-between; 
    width: 100%;
}
.flex-container p {
    flex: 1;
    margin: 0; 
}
.kontakbar-lower-link {
    color: #ffc734;
    font-size: 14px;
    text-decoration: none;
}
.kontakbar-lower-newsletter, 
.kontakbar-upper-newsletter {
    color: #88c946;
    text-align: center;
    text-decoration: none;
    flex: 1;
    font-size: 16px;
}
.kontakbar-lower-phonenumberMail, .kontakbar-upper-phonenumberMail {
    color: #ffa32b;
    text-decoration: none;
    flex: 1;
}
.kontakbar-lower-phonenumberMail {
    text-align: right;
    font-size: 14px;
}
.kontakbar-upper-phonenumberMail {
    font-size: 18px;
}
.kontakbar-upper-phonenumberMail {
    text-align: right;
    padding-right: 50px;
}
.kontakbar-upper-link {
    color: #ffc734;
    text-align: left;
    flex: 1;
    font-size: 18px;
}
.navbar-upper .links a, .navbar-lower a {
    text-decoration: none;
    font-size: 18px;
}
.navbar-lower {
    font-size: 18px;
    position: relative;
}
.navbar-lower a {
    margin-right: 20px;
}
.navLinks {
    color: #000000;
    position: relative;
}
.linkColor {
    color: #000000;
}
.navLinksContainer {
    position: relative;
}
.menu-content {
    max-height: 80vh; /* Begrenze die maximale Höhe auf 80% der Viewport-Höhe */
    overflow-y: auto; /* Scrollbalken aktivieren, wenn Inhalt zu groß */
    box-sizing: border-box; /* Padding wird bei max-height berücksichtigt */
  }
.menu-content-sirianische-Farbessenzen {
    width: 1735px;
    margin: 0 auto;
    display: none;
    position: absolute;
    left: -109%;
    background-color: #fff9ed;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    padding-bottom: 20px;
}
.menu-content-maya {
    width: 1735px;
    margin: 0 auto;
    display: none;
    position: absolute;
    left: -297%;
    background-color: #fff9ed;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    padding-bottom: 20px;
}
.menu-content-beratungen-veranstaltungen {
    width: 1735px;
    margin: 0 auto;
    display: none;
    position: absolute;
    left: -331%;
    background-color: #fff9ed;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    padding-bottom: 20px;
}
.menu-content-buecher-farbdrucke {
    /*width: 1731px;*/
    width: 1735px;
    margin: 0 auto;
    display: none;
    position: absolute;
    /*left: -653%;*/
    left: -656%;
    background-color: #fff9ed;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    padding-bottom: 20px;
}
.menu-content-hamani-energies {
    width: 1750px;
    margin: 0 auto;
    display: none;
    position: absolute;
    left: -953%;
    background-color: #fff9ed;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: center;
    padding-bottom: 20px;
}
.menu-content-sirianische-Farbessenzen a, 
.menu-content-maya a, 
.menu-content-beratungen-veranstaltungen a, 
.menu-content-buecher-farbdrucke a, 
.menu-content-hamani-energies a {
    padding: 10px;
    text-decoration: none;
    display: block;
}
.menu-content-sirianische-Farbessenzen a:hover, 
.menu-content-maya a:hover, 
.menu-content-beratungen-veranstaltungen a:hover, 
.menu-content-buecher-farbdrucke a:hover, 
.menu-content-hamani-energies a:hover {
    background-color: transparent;
}
.navLinks:hover .menu-content-sirianische-Farbessenzen, 
.navLinks:hover .menu-content-maya, 
.navLinks:hover .menu-content-beratungen-veranstaltungen, 
.navLinks:hover .menu-content-buecher-farbdrucke, 
.navLinks:hover .menu-content-hamani-energies {
    display: flex;
    justify-content: space-between;
}
.columns-container {
    display: flex;
    justify-content: space-between;
}
.sirianischeFarbessenzenColumn1,
.sirianischeFarbessenzenColumn2,
.sirianischeFarbessenzenColumn3 {
    padding: 10px;
    box-sizing: border-box;
}
.sirianischeFarbessenzenColumn1 {
    width: 50%;
}
.sirianischeFarbessenzenColumn2 {
    width: 30%;
}
.sirianischeFarbessenzenColumn3 {
    width: 20%;
}
.subcolumn-container {
    margin: 0 auto;
}
.subcolumns {
    display: flex;
    flex-wrap: wrap;
}
.subcolumn {
    flex: 1;
    padding-top: 10px;
}
.subcolumnBuecher {
    /*margin-right: 20px;
    margin-left: 100px;*/
    margin-right: 2%;
    margin-left: 5%;
    padding-top: 10px;
}
.subcolumnWissenderMaya {
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 10px;
}
.subcolumnPaddingTop {
    padding-top: 12px;
}
.subcolumnLeft {
    text-align: left;
}
.subcolumn-title {
    flex: 1;
    margin-top: 10px;
    padding: 10px;
}
.subcolumn a {
    display: block;
    margin: 5px 0; 
    text-decoration: none;
}
.subcolumn h3 {
    text-align: center;
}
.single-column a {
    display: block;
    padding: 5px;
}
.warenkorbLoginAbstand {
    margin-right: 10px;
    color: #e52e8c;
}
.search {
    width: 100%;
    padding: 5px;
}
.search-field {
    position: relative;
    display: inline-block;
}
.search-field input {
    padding-left: 30px; 
    font-size: 18px;
}
.search-field::before {
    content: "\1F50D"; /* Unicode für Lupe (🔍) */
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px; 
}
.homeTitelRudolf {
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}
.homeBeschreibungRudolf {
    text-align: justify;
    font-size: 18px;
    padding: 10px 50px;
}
.homeBackgroundRudolf {
    color: #ffffff;
    flex: 2 1 0;
}
.imageContainer {
    flex: 1 1 0;
    text-align: center;
}
.sideImage {
    width: 50%; 
}
.contentContainer {
    padding-top: 20px;
    background-color: #062e6a;
    display: flex;
}
.contentContainerPhone {
    padding-top: 20px;
    background-color: #062e6a;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.overlapBackground {
    background-color: #062e6a;
    margin-top: -20px;
}
.image-container {
    display: flex; 
    justify-content: space-between;
    align-items: center;
    padding: 50px 250px ;
}
.image-container img {
    max-width: 100%;
    height: auto;
}
.gallery-container {
    max-width: 100%;
    position: relative;
    margin: auto;
}  
.gallery-slides {
    display: flex;
}
.slide {
    display: none;
}
.slide img {
    width: 100%;
    height: auto;
}
.gallery-dots {
    text-align: center;
    margin-top: 10px;
}
.dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #7b7b7b;
}
.dot.active {
    background-color: #7b7b7b;
}
/*
.submenu {
    display: none;
}
.menu-button {
    cursor: pointer;
    display: none;
    padding: 10px;
    text-align: center;
}
*/
.warenkorb-login-button {
    display: none;
}
.show-phone {
    display: none;
}
.warenkorb-abstand {
    padding-right: 10px;
    display: flex;
    align-items: center;
    text-decoration: none;
}
.warenkorb {
    width: 40px;
    height: auto;
    margin-right: 8px;
}
.marginRightPasswordNeu {
    margin-right: 20px;
}
  .divInlineFlex {
    display: inline-flex;
  }
  .marginRightPasswordNeu {
    margin-right: 20px;
  }
  .inputwidth {
    width: 370px;
    padding: 2px 2px;
    min-height: 30px;
    font-size: 14px;
  }
  .inputwidth-dropdown {
    width: 370px;
    padding: 2px 2px;
    min-height: 30px;
    font-size: 14px;
    height: 38px;
  }
  .smalldivwidth{
    float: left;
    width: 50%;
  }
  .buttonLogin {
    border: solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    border-radius: 10px;
    width: 55%;
    background-color: #ffffff;
    cursor: pointer;
  }
  .buttonSpeichernPasswort {
    border: solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    border-radius: 10px;
    width: 55%;
    background-color: #ffffff;
    cursor: pointer;
  }
  .buttonRegistrieren {
    /*
    border: solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    border-radius: 10px;
    width: 92%;
    background-color: #ffffff;
    cursor: pointer;
    */
    width: 20%;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #e52e8c;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    border-color: transparent;
    cursor: pointer;
  }
.register-font {
    font-size: 18px;
}
  .header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;   
    top: 0;
    z-index: 1000;
    background-color: #fff3db;
    border-bottom: 2px solid #e30613;
  }
  .logo-link {
    margin-right: 20px; 
  }
  .logo {
    width: 100px;
    padding: 10px 50px;
  }
  .logo-footer {
    width: 100px;
    padding: 10px 50px;
  }
  .navbar {
    display: flex;
    flex-direction: column; 
    justify-content: flex-start;
    flex-grow: 1; 
  } 
  .navbar-lower {
    display: flex;
    justify-content: space-between; 
    padding: 10px 20px;
  }
  .navbar-upper {
    display: flex;
    justify-content: space-between; 
    padding: 10px 20px;
    flex-direction: row-reverse;
  }
  .siriusEnergiesLink {
    font-size: 24px;
    color: #df0029;
  }
  .energiesOfSpaceLink {
    font-size: 24px;
    color: #353a90;
  }
  .spezielleEssenzenLink {
    font-size: 24px;
    color: #009f62;
  }
  .physischeEbeneLink {
    font-size: 18px;
    color: #f39e86;
  }
  .emotionaleEbeneLink {
    font-size: 18px;
    color: #e97117;
  }
  .mentaleEbeneLink {
    font-size: 18px;
    color: #f1af00;
  }
  .spirituelleEbeneLink {
    font-size: 18px;
    color: #df0029;
  }
  .universelleEbeneLink {
    font-size: 18px;
    color: #81007b;
    /*color: #f9f400;*/
  }
  .product-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
/*
.product-image {
    flex-basis: 30%;
}
.product-image img {
    width: 35%;
}
*/
.product-details {
    flex-basis: 70%; /* Rechte Spalte nimmt 2/3 des Platzes ein */
    /*padding-left: 20px;*/ /* Abstand zwischen Bild und Produktdaten */
}
.product-details p {
    margin: 10px 0;
}
.anwendung-btn {
    padding: 10px 20px;
    background-color: #fad0c5;
    color: #59358c;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 250px;
    height: 50px;
    font-size: 20px;
}
.anwendung-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.popup-content {
    position: relative;
    width: 600px;
    height: 600px;
    background-image: url('/grafiken/rays/poc900.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%; /* Macht das Popup rund */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 20px;
}
.popup-content-cart {
    position: fixed;
    background-color: white;
    display: flex;
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    top: 135px;
    right: 0;
    border: 1px solid black;
    /*
    overflow-y: auto;
    max-height: 800px;
    */
}
.popup-product-scrollbar {
    overflow-y: auto;
    max-height: 600px;
}
/* Schließen-Button */
.close-popup-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 80px;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
}
.close-popup-btn-cart {
    /*position: absolute;
    top: -15px;
    right: 0px;*/
    position: fixed;
    top: 110px;
    right: 20px;
    font-size: 50px;
    background-color: transparent;
    color: grey;
    border: none;
    cursor: pointer;
}
.close-link {
    display: block;
    margin-top: 20px;
    color: white;
    text-decoration: underline;
    cursor: pointer;
}
.popupText {
    font-size: 20px;
}
.table-container {
    width: 100%; /* oder eine andere Breite nach Bedarf */
    margin: 0 auto; /* Zentriert das Element horizontal */
}
table {
    width: 100%;
    border-collapse: collapse;
}
table th, table td {
    border: 1px solid #ddd; /* Fügt eine dünne Border hinzu */
    padding: 8px; /* Fügt Padding hinzu */
    text-align: left;
}
table th {
    background-color: #f2f2f2; /* Hintergrundfarbe für die Kopfzeile */
}
.delete-button {
    background-color: #e74c3c; /* Rot für Löschen */
    color: #fff; /* Weiße Schriftfarbe */
    border: none; /* Kein Rahmen */
    border-radius: 8px; /* Leicht abgerundete Ecken */
    width: 40px; /* Breite */
    height: 40px; /* Höhe */
    display: flex; /* Flexbox für das Layout */
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
    cursor: pointer; /* Zeiger-Cursor */
    /*font-size: 20px;*/ /* Größe des X */
    /*padding: 0;*/ /* Keine zusätzliche Polsterung */
    /*text-align: center;*/ /* Text zentrieren */
    transition: background-color 0.3s, box-shadow 0.3s; /* Sanfter Übergang bei Hover */
}
.delete-button:hover {
    background-color: #c0392b; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.icon {
    font-size: 40px; /* Größe des X angepasst */
    position: relative; /* Für weitere Feinjustierung */
}
.links-cart {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.productname-popup-cart {
    font-size: 30px;
}
.warenkorb-popup-btn {
    width: 200px;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: green;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    background-color: white;
    border: 2px solid green;
}
.kasse-popup-btn {
    width: 200px;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #e52e8c;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.bestellung-abschliessen-btn {
    width: 400px;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #e52e8c;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    border: 0;
    cursor: pointer;
}
.bilder-popup {
    width: 150px;
}
.relation-popup {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 10px 40px;
}
.relation-link-popup {
    text-decoration: none;
}
.relation-link-popup:last-child {
    flex: 1; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.relation-name-popup {
    font-size: 35px;
    color: black;
}
.relation-title-popup {
    font-size: 16px;
    color: black;
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 999; 
}
.in-den-warenkorb-btn {
    width: 250px;
    height: 50px; 
    display: inline-block;
    padding: 0; 
    font-size: 20px;
    color: #fff;
    background-color: green;
    text-decoration: none;
    transition: background-color 0.3s ease;
    border: 0;
    cursor: pointer;
    line-height: 50px; 
    text-align: center; 
    vertical-align: middle; 
}
.weiter-einkaufen {
    color: black;
    font-size: 20px;
}
#addToCartForm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0; 
}
.product-description {
    text-align: left;
    padding: 20px;
}
.product-price {
    font-size: 30px;
}
.order-picture {
    width: 5%;
    text-align: center;
}
.order-product {
    width: 60%;
    text-align: center;
}
.order-product-title {
    width: 60%;
    text-align: center;
}
.order-price {
    width: 10%;
    text-align: center;
}
.order-quantity {
    width: 15%;
    text-align: center;
}
.cart-empty {
    font-size: 32px;
}
.cart-product {
    width: 60%;
    text-align: center;
}
.cart-product-title {
    width: 60%;
    text-align: center;
}
.cart-price {
    width: 10%;
    text-align: center;
}
.cart-quantity {
    width: 15%;
    text-align: center;
}
.cart-total {
    width: 10%;
    text-align: center;
}
.cart-total-sum {
    text-align: center;
}
.cart-delete {
    width: 0%;
}
.cart-picture {
    width: 5%;
    text-align: center;
}
.cart-pic {
    width: 60px;
}
/* Stil für das Zahlenfeld */
.cart-quantity-field {
    padding: 5px;
    width: 50px;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 20px;
}
/* Stil für den "Ändern"-Button */
.cart-edit-btn {
    background-color: #4CAF50; /* Grüner Hintergrund */
    color: white;
    border: none;
    padding: 6px 10px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
}
.cart-edit-btn .icon {
    margin-right: 5px; /* Platz zwischen Icon und Text */
}
.cart-edit-btn:hover {
    background-color: #45a049; /* Dunkleres Grün beim Hover */
}

/*
Sirius Energies (SE)
*/
.se-headingCenter {
    text-align: center;
    /*
    padding-bottom: 20px;
    margin-bottom: -20px;
    */
}
.se-product-description {
    padding: 20px;
    font-size: 18px;
    padding-right: 100px;
    text-align: justify;
    margin-bottom: 20px;
}
.se-product-title {
    font-size: 22px;
}
.se-product-subtitle {
    font-size: 22px;
}
.se-product-subtitle-text {
    font-size: 20px;
}
.se-product-center {
    padding-left: 20px;
    padding-right: 100px;
}
.se-product-name {
    font-family: 'Handlee', cursive;
    font-size: 50px;
}
.se-product-name-extension {
    font-family: 'Handlee', cursive;
    font-size: 30px;
}
.se-product-typ {
    font-size: 25px;
    color: #df0029;
}
.se-in-den-warenkorb-quantity {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid green;
    /*background-color: #fff3db;*/
    cursor: pointer;
    height: 50px; 
    line-height: normal; 
    margin-right: -5px; 
    vertical-align: middle; 
    width: auto; 
}
.se-name-suffix-usage {
    font-size: 20px;
}
.se-product-image {
    flex-basis: 30%; /* Linke Spalte nimmt 1/3 des Platzes ein */
}
.se-product-image img {
    width: 35%;
    /*object-fit: cover;*/
}
.se-image-30 {
    width: 35%;
}
/*
SE - 1. ray
*/
.se-1ray-headingCenter {
    background-color: #fdf2f5;
}
.se-1ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 2. ray
*/
.se-2ray-headingCenter {
    background-color: #fdf2f5;
}
.se-2ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 3. ray
*/
.se-3ray-headingCenter {
    background-color: #fdf2f5;
}
.se-3ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 4. ray
*/
.se-4ray-headingCenter {
    background-color: #fdf2f5;
}
.se-4ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 5. ray
*/
.se-5ray-headingCenter {
    background-color: #fdf2f5;
}
.se-5ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 6. ray
*/
.se-6ray-headingCenter {
    background-color: #fdf2f5;
}
.se-6ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 7. ray
*/
.se-7ray-headingCenter {
    background-color: #fdf2f5;
}
.se-7ray-prodcut-name {
    color: #f39e86;
}
/*
SE - 8. ray
*/
.se-8ray-headingCenter {
    background-color: #fde4cb;
}
.se-8ray-prodcut-name {
    color: #e97117;
}
/*
SE - 9. ray
*/
.se-9ray-headingCenter {
    background-color: #fde4cb;
}
.se-9ray-prodcut-name {
    color: #e97117;
}
/*
SE - 10. ray
*/
.se-10ray-headingCenter {
    background-color: #fde4cb;
}
.se-10ray-prodcut-name {
    color: #e97117;
}
/*
SE - 11. ray
*/
.se-11ray-headingCenter {
    background-color: #fde4cb;
}
.se-11ray-prodcut-name {
    color: #e97117;
}
/*
SE - 12. ray
*/
.se-12ray-headingCenter {
    background-color: #fde4cb;
}
.se-12ray-prodcut-name {
    color: #e97117;
}
/*
SE - 13. ray
*/
.se-13ray-headingCenter {
    background-color: #fde4cb;
}
.se-13ray-prodcut-name {
    color: #e97117;
}
/*
SE - 14. ray
*/
.se-14ray-headingCenter {
    background-color: #fde4cb;
}
.se-14ray-prodcut-name {
    color: #e97117;
}
/*
SE - 15. ray
*/
.se-15ray-headingCenter {
    background-color: #fef0e0;
}
.se-15ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 16. ray
*/
.se-16ray-headingCenter {
    background-color: #fef0e0;
}
.se-16ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 17. ray
*/
.se-17ray-headingCenter {
    background-color: #fef0e0;
}
.se-17ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 18. ray
*/
.se-18ray-headingCenter {
    background-color: #fef0e0;
}
.se-18ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 19. ray
*/
.se-19ray-headingCenter {
    background-color: #fef0e0;
}
.se-19ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 20. ray
*/
.se-20ray-headingCenter {
    background-color: #fef0e0;
}
.se-20ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 21. ray
*/
.se-21ray-headingCenter {
    background-color: #fef0e0;
}
.se-21ray-prodcut-name {
    color: #f1af00;
}
/*
SE - 22. ray
*/
.se-22ray-headingCenter {
    background-color: #fce5e0;
}
.se-22ray-prodcut-name {
    color: #df0029;
}
/*
SE - 23. ray
*/
.se-23ray-headingCenter {
    background-color: #fce5e0;
}
.se-23ray-prodcut-name {
    color: #df0029;
}
/*
SE - 24. ray
*/
.se-24ray-headingCenter {
    background-color: #fce5e0;
}
.se-24ray-prodcut-name {
    color: #df0029;
}
/*
SE - 25. ray
*/
.se-25ray-headingCenter {
    background-color: #fce5e0;
}
.se-25ray-prodcut-name {
    color: #df0029;
}
/*
SE - 26. ray
*/
.se-26ray-headingCenter {
    background-color: #fce5e0;
}
.se-26ray-prodcut-name {
    color: #df0029;
}
/*
SE - 27. ray
*/
.se-27ray-headingCenter {
    background-color: #fce5e0;
}
.se-27ray-prodcut-name {
    color: #df0029;
}
/*
SE - 28. ray
*/
.se-28ray-headingCenter {
    background-color: #fce5e0;
}
.se-28ray-prodcut-name {
    color: #df0029;
}
/*
SE - 29. ray
*/
.se-29ray-headingCenter {
    background-color: #fffce6;
}
.se-29ray-prodcut-name {
    color: #81007b;
}
/*
SE - 30. ray
*/
.se-30ray-headingCenter {
    background-color: #fffce6;
}
.se-30ray-prodcut-name {
    color: #81007b;
}
/*
SE - 31. ray
*/
.se-31ray-headingCenter {
    background-color: #fffce6;
}
.se-31ray-prodcut-name {
    color: #81007b;
}
/*
SE - 32. ray
*/
.se-32ray-headingCenter {
    background-color: #fffce6;
}
.se-32ray-prodcut-name {
    color: #81007b;
}
/*
SE - 33. ray
*/
.se-33ray-headingCenter {
    background-color: #fffce6;
}
.se-33ray-prodcut-name {
    color: #81007b;
}
/*
SE - 34. ray
*/
.se-34ray-headingCenter {
    background-color: #fffce6;
}
.se-34ray-prodcut-name {
    color: #81007b;
}
/*
SE - 35. ray
*/
.se-35ray-headingCenter {
    background-color: #fffce6;
}
.se-35ray-prodcut-name {
    color: #81007b;
}

/*
Energies Of Space (EOS)
*/
.eos-product-center {
    padding-left: 20px;
    padding-right: 100px;
}
.eos-headingCenter {
    text-align: center;
    /*
    padding-bottom: 20px;
    margin-bottom: -20px;
    */
}
.eos-background {
    background-color: #ebf5ec;
    background-attachment: fixed;
}
.eos-product-description {
    padding: 20px;
    font-size: 18px;
    padding-right: 100px;
    text-align: justify;
    margin-bottom: 20px;
}
.eos-product-title {
    font-size: 22px;
}
.eos-product-subtitle {
    font-size: 22px;
}
.buecher-product-title {
    font-size: 22px;
}
.buecher-product-subtitle {
    font-size: 22px;
}
.drucke-product-title {
    font-size: 28px;
}
.drucke-product-subtitle {
    font-size: 22px;
}
.eos-product-short-description {
    font-size: 20px;
}
.eos-products-container {
    display: flex; 
    flex-direction: column;
}
.eos-product-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
.eos-product-typ {
    font-size: 25px;
    color: #353a90;
}
.buecher-product-typ {
    font-size: 25px;
    color: #154194;
}
.drucke-product-typ {
    font-size: 25px;
    color: #f7a600;
}
.eos-secound-product-container {
    margin-top: -800px;
}
.eos-product-name {
    font-family: 'Handlee', cursive;
    font-size: 50px;
}
.buecher-product-name {
    font-size: 50px;
}
.eos-product-name-extension {
    font-family: 'Handlee', cursive;
    font-size: 30px;
}
.eos-in-den-warenkorb-quantity {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid green;
    /*background-color: #ebf5ec;*/
    cursor: pointer;
    height: 50px; 
    line-height: normal; 
    margin-right: -5px; 
    vertical-align: middle; 
    width: auto; 
}
.eos-name-suffix-usage {
    font-size: 20px;
}
.eos-product-subtitle-text {
    font-size: 20px;
}
.eos-image-12 {
    width: 35%;
}
.eos-image-100 {
    width: 55%;
}
.eos-product-image {
    flex-basis: 30%; 
}
.buecher-image {
    width: 100%;
}
.drucke-image {
    width: 100%;
}
.buecher-sirius-image {
    width: 80%;
    padding-top: 12%;
}
.buecher-tarot-image {
    width: 80%;
    padding-top: 10%;
}
.sem-farbe-image {
    width: 80%;
    padding-top: 12%;
}
/*
EOS-green
*/
.eos-green-headingCenter {
    background-color: #e4eed3;
}
.eos-green-product-title {
    color: #009f62;
}
.eos-green-product-name {
    color: #009f62;
}
.eos-green-product-short-description {
    color: #009f62;
}
/*
EOS-red
*/
.eos-red-headingCenter {
    background-color: #fce5e0;
}
.eos-red-product-title {
    color: #df0029;
}
.eos-red-product-name {
    color: #df0029;
}
.eos-red-product-short-description {
    color: #df0029;
}
/*
EOS-gold
*/
.eos-gold-headingCenter {
    background-color: #fef0e0;
}
.eos-gold-product-title {
    color: #f1af00;
}
.eos-gold-product-name {
    color: #f1af00;
}
.eos-gold-product-short-description {
    color: #f1af00;
}
/*
EOS-redmusk
*/
.eos-redmusk-headingCenter {
    background-color: #fcd9c1;
}
.eos-redmusk-product-title {
    color: #e6572d;
}
.eos-redmusk-product-name {
    color: #e6572d;
}
.eos-redmusk-product-short-description {
    color: #e6572d;
}
/*
EOS-coral
*/
.eos-coral-headingCenter {
    background-color: #fdf2f5;
}
.eos-coral-product-title {
    color: #f39e86;
}
.eos-coral-product-name {
    color: #f39e86;
}
.eos-coral-product-short-description {
    color: #f39e86;
}
/*
EOS-orange
*/
.eos-orange-headingCenter {
    background-color: #fde4cb;
}
.eos-orange-product-title {
    color: #e97117;
}
.eos-orange-product-name {
    color: #e97117;
}
.eos-orange-product-short-description {
    color: #e97117;
}
/*
EOS-yellow
*/
.eos-yellow-headingCenter {
    background-color: #fffce6;
}
.eos-yellow-product-title {
    color: #6d6166;
}
.eos-yellow-product-name {
    color: #6d6166;
}
.eos-yellow-product-short-description {
    color: #6d6166;
}
/*
EOS-olive
*/
.eos-olive-headingCenter {
    background-color: #f2f6e5;
}
.eos-olive-product-title {
    color: #7dc622;
}
.eos-olive-product-name {
    color: #7dc622;
}
.eos-olive-product-short-description {
    color: #7dc622;
}
/*
EOS-turquoise
*/
.eos-turquoise-headingCenter {
    background-color: #e2f1f1;
}
.eos-turquoise-product-title {
    color: #00a49e;
}
.eos-turquoise-product-name {
    color: #00a49e;
}
.eos-turquoise-product-short-description {
    color: #00a49e;
}
/*
EOS-blue
*/
.eos-blue-headingCenter {
    background-color: #e1f2fd;
}
.eos-blue-product-title {
    color: #00b2ec;
}
.eos-blue-product-name {
    color: #00b2ec;
}
.eos-blue-product-short-description {
    color: #00b2ec;
}
/*
EOS-royalblue
*/
.eos-royalblue-headingCenter {
    background-color: #dfddf0;
}
.eos-royalblue-product-title {
    color: #353a90;
}
.eos-royalblue-product-name {
    color: #353a90;
}
.eos-royalblue-product-short-description {
    color: #353a90;
}
/*
EOS-violet
*/
.eos-violet-headingCenter {
    background-color: #ebe0f0;
}
.eos-violet-product-title {
    color: #81007b;
}
.eos-violet-product-name {
    color: #81007b;
}
.eos-violet-product-short-description {
    color: #81007b;
}
/*
EOS-magenta
*/
.eos-magenta-headingCenter {
    background-color: #fae6f0;
}
.eos-magenta-product-title {
    color: #d30077;
}
.eos-magenta-product-name {
    color: #d30077;
}
.eos-magenta-product-short-description {
    color: #d30077;
}
/*
EOS-lotus
*/
.eos-lotus-headingCenter {
    background-color: #fff8ec;
}
.eos-lotus-product-title {
    color: #ffba54;
}
.eos-lotus-product-name {
    color: #ffba54;
}
.eos-lotus-product-short-description {
    color: #ffba54;
}
/*
EOS-ment
*/
.eos-ment-headingCenter {
    background-color: #d5e7e7;
}
.eos-ment-product-title {
    color: #01abaa;
}
.eos-ment-product-name {
    color: #01abaa;
}
.eos-ment-product-short-description {
    color: #01abaa;
}
/*
EOS-2012
*/
.eos-2012-headingCenter {
    background-color: #d7e9cd;
}
.eos-2012-product-title {
    color: #4fac24;
}
.eos-2012-product-name {
    color: #4fac24;
}
.eos-2012-product-short-description {
    color: #4fac24;
}
/*
EOS-risingsun
*/
.eos-risingsun-headingCenter {
    background-color: #faf4b1;
}
.eos-risingsun-product-title {
    color: #e68d24;
}
.eos-risingsun-product-name {
    color: #e68d24;
}
.eos-risingsun-product-short-description {
    color: #e68d24;
}
/*
Bücher - Zeigen Sie auf Ihre Farbe
*/
.buecher-zeigensieaufihrefarbe-headingCenter {
    background-color: #dfddf0;
}
.buecher-zeigensieaufihrefarbe-product-title {
    color: #b92c26;
}
.buecher-zeigensieaufihrefarbe-product-name {
    color: #b92c26;
}
.buecher-zeigensieaufihrefarbe-product-short-description {
    color: #b92c26;
}
/*
Bücher - Neue Erkenntnisse der Farbenlehre
*/
.buecher-farbenlehre-headingCenter {
    background-color: #dfddf0;
}
.buecher-farbenlehre-product-title {
    color: #ec6607;
}
.buecher-farbenlehre-product-name {
    color: #ec6607;
}
.buecher-farbenlehre-product-short-description {
    color: #ec6607;
}
/*
Bücher - Unser Weg vom Sirius zur Erde
*/
.buecher-unserwegvomsiriuszurerde-headingCenter {
    background-color: #dfddf0;
}
.buecher-unserwegvomsiriuszurerde-product-title {
    color: #821f81;
}
.buecher-unserwegvomsiriuszurerde-product-name {
    color: #821f81;
}
.buecher-unserwegvomsiriuszurerde-product-short-description {
    color: #821f81;
}
/*
Bücher - Sirius Energien & Wissen der Maya
*/
.buecher-siriusenergienundwissendermaya-headingCenter {
    background-color: #dfddf0;
}
.buecher-siriusenergienundwissendermaya-product-title {
    color: #00a49e;
}
.buecher-siriusenergienundwissendermaya-product-name {
    color: #00a49e;
}
.buecher-siriusenergienundwissendermaya-product-short-description {
    color: #00a49e;
}
/*
Bücher - Das Tarot der Farben
*/
.buecher-dastarotderfarben-headingCenter {
    background-color: #dfddf0;
}
.buecher-dastarotderfarben-product-title {
    color: #b92c26;
}
.buecher-dastarotderfarben-product-name {
    color: #b92c26;
}
.buecher-dastarotderfarben-product-short-description {
    color: #b92c26;
}
/*
Bücher - Arbeitsbuch - Das Tarot der Farben
*/
.buecher-tarotderfarben-headingCenter {
    background-color: #dfddf0;
}
.buecher-tarotderfarben-product-title {
    color: #b92c26;
}
.buecher-tarotderfarben-product-name {
    color: #b92c26;
}
.buecher-tarotderfarben-product-short-description {
    color: #b92c26;
}
.buecher-tarotderfarben-product-center {
    text-align: center;
}
.drucke-product-center {
    text-align: center;
}
/*
Seminarunterlagen - Sirianische Farbfrequenzen
*/
.buecher-sirianischefarbfrequenzen-headingCenter {
    background-color: #dfddf0;
}
.buecher-sirianischefarbfrequenzen-product-title {
    color: #821f81;
}
.buecher-sirianischefarbfrequenzen-product-name {
    color: #821f81;
}
.buecher-sirianischefarbfrequenzen-product-short-description {
    color: #821f81;
}
/*
Seminarunterlagen - Raumharmonisierung
*/
.buecher-raumharmonisierung-headingCenter {
    background-color: #dfddf0;
}
.buecher-raumharmonisierung-product-title {
    color: #009640;
}
.buecher-raumharmonisierung-product-name {
    color: #009640;
}
.buecher-raumharmonisierung-product-short-description {
    color: #009640;
}
/*
Seminarunterlagen - Wirbelsäule + Farbfrequenzen
*/
.buecher-wirbelsaeuleundfarbfrequenzen-headingCenter {
    background-color: #dfddf0;
}
.buecher-wirbelsaeuleundfarbfrequenzen-product-title {
    color: #821f81;
}
.buecher-wirbelsaeuleundfarbfrequenzen-product-name {
    color: #821f81;
}
.buecher-wirbelsaeuleundfarbfrequenzen-product-short-description {
    color: #821f81;
}
/*
Drucke - Sternzeichen & Farbzuordnung
*/
.drucke-sternzeichenundfarbzuordnung-headingCenter {
    background-color: #fef2e1;
}
.drucke-sternzeichenundfarbzuordnung-product-title {
    color: #ec6607;
}
.drucke-sternzeichenundfarbzuordnung-product-name {
    color: #ec6607;
}
.drucke-sternzeichenundfarbzuordnung-product-short-description {
    color: #ec6607;
}
/*
Drucke - Farben der 5 Ebenen am menschlichen Körper
*/
.drucke-drebenen-headingCenter {
    background-color: #fef2e1;
}
.drucke-drebenen-product-title {
    color: #ec6607;
}
.drucke-drebenen-product-name {
    color: #ec6607;
}
.drucke-drebenen-product-short-description {
    color: #ec6607;
}
/*
Drucke - Energiefelder - Chakren
*/
.drucke-drfelder-headingCenter {
    background-color: #fef2e1;
}
.drucke-drfelder-product-title {
    color: #ec6607;
}
.drucke-drfelder-product-name {
    color: #ec6607;
}
.drucke-drfelder-product-short-description {
    color: #ec6607;
}
/*
Drucke - Maya Farben
*/
.drucke-drmaya-headingCenter {
    background-color: #fef2e1;
}
.drucke-drmaya-product-title {
    color: #ec6607;
}
.drucke-drmaya-product-name {
    color: #ec6607;
}
.drucke-drmaya-product-short-description {
    color: #ec6607;
}
/*
Drucke - play of color - Sticker
*/
.drucke-drpoc-headingCenter {
    background-color: #fef2e1;
}
.drucke-drpoc-product-title {
    color: #ec6607;
}
.drucke-drpoc-product-name {
    color: #ec6607;
}
.drucke-drpoc-product-short-description {
    color: #ec6607;
}
/*
Drucke - Wirbelsäule & Farben
*/
.drucke-drwirbel-headingCenter {
    background-color: #fef2e1;
}
.drucke-drwirbel-product-title {
    color: #ec6607;
}
.drucke-drwirbel-product-name {
    color: #ec6607;
}
.drucke-drwirbel-product-short-description {
    color: #ec6607;
}
/*
Notfallcreme
*/
.notfallcreme-headingCenter {
    background-color: #fff1c7;
}
.notfallcreme-product-title {
    color: #ae0f09;
}
.notfallcreme-product-name {
    color: #ae0f09;
}
.notfallcreme-product-short-description {
    color: #ae0f09;
}
.notfallcreme-product-typ {
    font-size: 25px;
    color: #ae0f09;
}
.notfallcreme-image {
    width: 55%;
}
/*
Aqualizer
*/
.aqualizer-headingCenter {
    background-color: #d4eaf2;
}
.aqualizer-product-title {
    color: #78a9d0;
}
.aqualizer-product-name {
    color: #78a9d0;
}
.aqualizer-product-short-description {
    color: #78a9d0;
}
.aqualizer-product-typ {
    font-size: 25px;
    color: #78a9d0;
}
.aqualizer-center {
    text-align: center;
}
.aqualizer-image-12 {
    width: 35%;
}
.aqualizer-image-30 {
    width: 35%;
}

.flex-container-1 {
    display: flex;
    justify-content: space-between;
}
.product-list {
    flex: 1; /* Nimmt den größten Teil des Platzes ein */
    margin-right: 20px; /* Abstand zur Beschreibung */
}
.product-details-1 {
    flex: 1; /* Nimmt den restlichen Platz ein */
    max-width: 400px; /* Maximalbreite für die Beschreibung */
}
.product-item {
    margin-bottom: 20px; /* Abstand zwischen den Produkten */
}
.popup-content-cart-1 {
    position: fixed;
    background-color: white;
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    top: 125px;
    right: 0;
    border: 1px solid black;
    /*max-width: 700px;*/
    /*max-height: 80vh;*/
    max-height: 70%;
    overflow-y: auto;
    /*width: 700px;*/
    width: 30%;
    /*
    overflow-y: auto;
    max-height: 800px;
    */
}
.popup {
    display: none;
    position: fixed;
    top: 125px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1;
}

/*
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    background: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.popup-content-cart-1 {
    position: relative; 
    background-color: white;
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    border: 1px solid black;
    width: 90%; 
    max-width: 700px; 
    max-height: 80vh; 
    overflow-y: auto; 
}
*/
.popup-relation-text {
    font-size: 20px;
}
.cart-url {
    color: black;
    text-decoration: none;
    font-size: 20px;
}
.table-head {
    font-size: 20px;
}
.tr-size {
    font-size: 20px;   
}
.emptyLinkHeight{
    height: 18px;   
}
/*
Watermark
*/
.watermark-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Passt sich der Bildschirmgröße an */
    /*grid-template-rows: repeat(auto-fill, 300px);*/ /* Höhe der Reihen */
    grid-auto-rows: 200px; /* Höhe der Reihen */
    gap: 0;
    pointer-events: none; /* Verhindert Interaktivität */
    z-index: -1;
}
.watermark {
    font-size: 40px;
    color: rgba(0, 0, 0, 0.1); /* Transparenz für Wasserzeicheneffekt */
    transform: rotate(-45deg); /* Diagonal drehen */
    display: flex;
    justify-content: center;
    align-items: center;
}
.se-eos-spez-title {
    font-size: 25px;
}
.se-eos-spez-text {
    padding: 10px;
}
.se-eos-spez-image {
    padding: 0px 50px 0px 50px;
}
.se-eos-spez-subtext {
    text-align: justify;
    font-size: 20px;
    padding: 10px;
}
.image-rechts {
	float: right;
    width: 50%;
}
.se-title-color {
    color: #df0029;
}
.eos-title-color {
    color: #353a90;
}
.spez-title-color {
    color: #009f62;
}
.eos-subtext-list {
    text-align: center;
}
.eos-subtext-list-gap-1 {
    margin-left: 150px;
}
.eos-subtext-list-gap-2 {
    margin-left: 315px;
}
.se-bg-color {
    background-color: #fce5e0;
}
.eos-bg-color {
    background-color: #dfddf0;
}
.spez-bg-color {
    background-color: #e4eed3;
}
/*
Produkt Fehler 
*/
.product-error {
    padding-top: 20px;
    font-size: 20px;
}
/*
Spezielle Essenzen
*/
.spez-image-30 {
    width: 35%;
}
.spez-image-12 {
    width: 35%;
}
.spez-image-100 {
    width: 55%;
}
.spez-headingCenter {
    text-align: center;
}
.spez-product-image {
    flex-basis: 30%; 
}
.spez-product-typ {
    font-size: 25px;
    color: #009f62;
}
.spez-name-suffix-usage {
    font-size: 20px;
}
.spez-in-den-warenkorb-quantity {
    font-size: 20px;
    padding-left: 10px;
    padding-right: 5px;
    border: 1px solid green;
    cursor: pointer;
    height: 50px; 
    line-height: normal; 
    margin-right: -5px; 
    vertical-align: middle; 
    width: auto; 
}
.spez-product-name {
    font-family: 'Handlee', cursive;
    font-size: 50px;
}
.spez-product-name-extension {
    font-family: 'Handlee', cursive;
    font-size: 30px;
}
.spez-product-center {
    padding-left: 20px;
    padding-right: 100px;
}
.spez-product-subtitle {
    font-size: 22px;
}
.spez-product-subtitle-text {
    font-size: 20px;
}
.spez-product-description {
    padding: 20px;
    font-size: 18px;
    padding-right: 100px;
    text-align: justify;
    margin-bottom: 20px;
}
.spez-product-title {
    font-size: 22px;
}
/*
2020 
*/
.spez-2020-headingCenter {
    background-color: #ddebcf;
}
.spez-2020-product-name {
    color: #dd044b;
}
.spez-2020-product-title {
    color: #dd044b;
}
.spez-2020-product-short-description {
    color: #dd044b;
}
.spez-2020-color {
    color: #dd044b;
}
.spez-2020-text-center {
    text-align: center;
}
/*
bedingungslose Feiheit 
*/
.spez-be-fr-headingCenter {
    background-color: #f1e8ef;
}
.spez-be-fr-product-name {
    color: #f3954a;
}
.spez-be-fr-product-title {
    color: #f3954a;
}
.spez-be-fr-product-short-description {
    color: #f3954a;
}
.spez-be-fr-color {
    color: #f3954a;
}
.spez-be-fr-text-center {
    text-align: center;
}
/*
BewusstSEIN 
*/
.spez-bewusstsein-headingCenter {
    background-color: #fbdbd0;
}
.spez-bewusstsein-product-name {
    color: #890f01;
}
.spez-bewusstsein-product-title {
    color: #890f01;
}
.spez-bewusstsein-product-short-description {
    color: #890f01;
}
.spez-bewusstsein-color {
    color: #890f01;
}
.spez-bewusstsein-text-center {
    text-align: center;
}
/*
Erlösung trifft Erneuerungskraft
*/
.spez-erloesungtrifftErneuerungskraft-headingCenter {
    background-color: #fff2cd;
}
.spez-erloesungtrifftErneuerungskraft-product-name {
    color: #af137c;
}
.spez-erloesungtrifftErneuerungskraft-product-title {
    color: #af137c;
}
.spez-erloesungtrifftErneuerungskraft-product-short-description {
    color: #af137c;
}
.spez-erloesungtrifftErneuerungskraft-color {
    color: #af137c;
}
.spez-erloesungtrifftErneuerungskraft-text-center {
    text-align: center;
}
/*
für mich
*/
.spez-fuermich-headingCenter {
    background-color: #ffeaca;
}
.spez-fuermich-product-name {
    color: #2e8529;
}
.spez-fuermich-product-title {
    color: #2e8529;
}
.spez-fuermich-product-short-description {
    color: #2e8529;
}
.spez-fuermich-color {
    color: #2e8529;
}
.spez-fuermich-text-center {
    text-align: center;
}
/*
Heil WERDEN - GANZ sein
*/
.spez-heilwerdenganzsein-headingCenter {
    background-color: #d9e9cf;
}
.spez-heilwerdenganzsein-product-name {
    color: #dd044b;
}
.spez-heilwerdenganzsein-product-title {
    color: #dd044b;
}
.spez-heilwerdenganzsein-product-short-description {
    color: #dd044b;
}
.spez-heilwerdenganzsein-color {
    color: #dd044b;
}
.spez-heilwerdenganzsein-text-center {
    text-align: center;
}
/*
Herzenskraft
*/
.spez-herzenskraft-headingCenter {
    background-color: #ffeac0;
}
.spez-herzenskraft-product-name {
    color: #3aa935;
}
.spez-herzenskraft-product-title {
    color: #3aa935;
}
.spez-herzenskraft-product-short-description {
    color: #3aa935;
}
.spez-herzenskraft-color {
    color: #3aa935;
}
.spez-herzenskraft-text-center {
    text-align: center;
}
/*
ich
*/
.spez-ich-headingCenter {
    background-color: #c8d6ef;
}
.spez-ich-product-name {
    color: #0069b4;
}
.spez-ich-product-title {
    color: #0069b4;
}
.spez-ich-product-short-description {
    color: #0069b4;
}
.spez-ich-color {
    color: #0069b4;
}
.spez-ich-text-center {
    text-align: center;
}
/*
Reinigung/Stärkung
*/
.spez-reinigungstaerkung-headingCenter {
    background-color: #deeccf;
}
.spez-reinigungstaerkung-product-name {
    color: #d60076;
}
.spez-reinigungstaerkung-product-title {
    color: #d60076;
}
.spez-reinigungstaerkung-product-short-description {
    color: #d60076;
}
.spez-reinigungstaerkung-color {
    color: #d60076;
}
.spez-reinigungstaerkung-text-center {
    text-align: center;
}
/*
Schöpfungskraft
*/
.spez-schoepfungskraft-headingCenter {
    background-color: #f7d0d2;
}
.spez-schoepfungskraft-product-name {
    color: #59358b;
}
.spez-schoepfungskraft-product-title {
    color: #59358b;
}
.spez-schoepfungskraft-product-short-description {
    color: #59358b;
}
.spez-schoepfungskraft-color {
    color: #59358b;
}
.spez-schoepfungskraft-text-center {
    text-align: center;
}
/*
release
*/
.spez-release-headingCenter {
    background-color: #fff8ec;
}
.spez-release-product-name {
    color: #ffba54;
}
.spez-release-product-title {
    color: #ffba54;
}
.spez-release-product-short-description {
    color: #ffba54;
}
.spez-release-color {
    color: #ffba54;
}
.spez-release-text-center {
    text-align: center;
}
/*
Durchgang 
*/
.spez-durchgang-headingCenter {
    background-color: #fff7b2;
}
.spez-durchgang-product-name {
    color: #c51a1b;
}
.spez-durchgang-product-title {
    color: #c51a1b;
}
.spez-durchgang-product-short-description {
    color: #c51a1b;
}
.spez-durchgang-color {
    color: #c51a1b;
}
.spez-durchgang-text-center {
    text-align: center;
}
/*
Maya Jahreswechsel
*/
.spez-mayajahreswechsel-headingCenter {
    background: linear-gradient(to bottom, #f2f6e5, #e4eed3);
}
.spez-mayajahreswechsel-product-name {
    color: #009640;
}
.spez-mayajahreswechsel-product-title {
    color: black;
}
.spez-mayajahreswechsel-product-short-description {
    color: #009640;
}
.spez-mayajahreswechsel-color {
    color: #009640;
}
.spez-mayajahreswechsel-text-center {
    text-align: center;
}
/*
persönliche Jahresessenz
*/
.spez-persoenlichejahresessenz-headingCenter {
    background-color: #fde4c7;
}
.spez-persoenlichejahresessenz-product-name {
    color: #791c78;
}
.spez-persoenlichejahresessenz-product-title {
    color: #791c78;
}
.spez-persoenlichejahresessenz-product-short-description {
    color: #791c78;
}
.spez-persoenlichejahresessenz-color {
    color: #791c78;
}
.spez-persoenlichejahresessenz-text-center {
    text-align: center;
}
.dropdown-menu {
    display: none; 
    position: absolute; 
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    padding: 10px 10px;
    z-index: 1;
    right: 0;
    top: 40%; 
    margin-top: 8px; 
}
.dropdown-menu a {
    display: block;
    padding: 8px 12px;
    color: black;
    text-decoration: none;
}
.dropdown-menu a:hover {
    background-color: #f1f1f1;
}
.dropdown-menu.show {
    display: block;
}
.login {
    cursor: pointer;
    width: 30px; 
}
.warenkorb-font-size {
    font-size: 32px;
}
.register-font-size {
    font-size: 32px;
}
.setting-font-title {
    font-size: 32px;
}
.order-confirmation-font-title {
    font-size: 32px;
    color: #b70065;
}
.order-confirmation-text-big {
    font-size: 22px;
}
.order-confirmation-text {
    font-size: 18px;
}
.account-delete-title {
    font-size: 32px;
}
.login-font-size {
    font-size: 32px;
}
.orders-history-font-size {
    font-size: 32px;
}
.orders-history-text {
    font-size: 18px;
}
.orders-history-text-center {
    text-align: center;
}
.bestelluebersicht-font-size {
    font-size: 32px;
}
.cart-title-font-size {
    font-size: 24px;
    font-weight: normal;
}
.order-title-font-size {
    font-size: 18px;
    font-weight: normal;
}
.checkout-daten-font-size {
    font-size: 24px;
}
/* Flexbox Layout für linke und rechte Spalte */
.order-flex-container {
    display: flex;
    justify-content: space-between;
}
.register-flex-container {
    display: flex;
    justify-content: space-between;
}
.left-column, .right-column {
    width: 50%;
}
.order-confirmation-left-column, .order-confirmation-right-column {
    width: 50%;
    margin-left: 15%;
    text-align: left;
}
/* Optionale Anpassung der Formularfelder */
.register-input {
    width: 80%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.register-select {
    width: 82%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.register-font {
    font-size: 18px;
}
.register-lieferadresse-font {
    font-size: 22px;
}
.checkout-font {
    font-size: 18px;
}
.checkout-input {
    width: 80%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.checkout-select {
    width: 82%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
    cursor: pointer;
}
.setting-font-text {
    font-size: 18px;
}
/* Stellt sicher, dass die Checkbox und der Text nebeneinander stehen */
.setting-newsletter {
    /*display: flex;*/
    display: inline-flex;
    align-items: center;
    font-size: 18px; 
    gap: 8px; 
}
.setting-newsletter-checkbox {
    width: 18px; 
    height: 18px;
    margin-right: 8px;
}
.setting-checkbox-container {
    text-align: center;
}
.setting-deleteaccount {
    /*display: flex;*/
    display: inline-flex;
    align-items: center;
    font-size: 18px; 
    gap: 8px; 
}
.setting-deleteaccount-checkbox {
    width: 18px; 
    height: 18px;
    margin-right: 8px;
}
.account-delete-text {
    font-size: 18px;
}
.register-empty-input {
    height: 75px;
}
.settings-empty-input {
    height: 73px;
}
.separator {
    width: 2px; 
    background-color: #ccc; 
    margin: 0 10px;
}
.horizontal-separator {
    height: 2px; 
    background-color: #ccc; 
    width: 100%; 
}
.register-delivery-address-border {
    border: 1px solid #7b7b7b;
}
.login-text-font-size {
    font-size: 18px;
}
.setting-success {
    font-size: 18px;
    color: green;
}
.setting-error {
    font-size: 18px;
    color: red;
}
.setting-button-nav {
    background-color: #FFFFFF;
    border-radius: 20px;
    font-size: 17px;
    padding: 8px;
  }
.setting-div-width {
    width: 50%;
}
.setting-input {
    width: 80%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.setting-input-delete {
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.setting-select {
    width: 82%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.setting-div-save-width {
    width: 100%;
    margin-top: 50px;
}
.setting-button-speichern {
    border: solid;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    border-radius: 10px;
    width: 92%;
    background-color: #ffffff;
    cursor: pointer;
  }
  .checkout-adresse-change-button-speichern {
    border: solid;
    color: black;
    padding: 10px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    border-radius: 10px;
    width: 50%;
    background-color: #ffffff;
    cursor: pointer;
  }
.setting-div {
    display: flex;
    flex-direction: column;
}
.setting-form-row {
    display: flex;
    justify-content: space-between;
}
.setting-column {
    flex: 1;
    padding: 0 15px;
}
.eye-icon {
    position: absolute;
    cursor: pointer;
    margin-left: -35px;
    margin-top: 13px;
    font-size: 22px;
}
.orders-history-trennstrich {
    border: 1px solid;
    margin-top: 20px;
    margin-bottom: 20px;
}
.orders-confirmation-trennstrich {
    border: 1px solid;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #b70065;
}
.orders-confirmation-color {
    color: #b70065;
}
.orders-history-produkt {
    width: 70%;
}
.orders-history-anzahl {
    width: 15%;
}
.orders-history-preis {
    width: 15%;
}
.orders-history-text {
    font-weight: normal;
    font-size: 18px;
}
.order-left-column {
    text-align: right;
    padding-right: 10px;
}
.order-right-column {
    text-align: left;
    padding-left: 10px;
}
.checkout-checklogin-columns {
    display: flex; gap: 20px; 
    align-items: flex-start; 
    margin: 0 auto;
}
.checkout-checklogin-column-form {
    flex: 1;
}
.checkout-checklogin-column-div {
    flex: 1;
}
.register-btn {
    width: 30%;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #e52e8c;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}
.login-btn {
    width: 30%;
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    background-color: green;
    border: 2px solid green;
}
.checkout-checklogin-subtitle {
    font-size: 22px;
}
.checkout-checklogin-text {
    font-size: 18px;
}
.checkout-checklogin-enum {
    font-size: 18px;
    text-align: left;
    padding-left: 30%;
}
.checkout-checklogin-passwortvergessen {
    text-align: right;
    padding-right: 22%;
}
.register-lieferadresse-style {
    text-align: left;
    padding-left: 40%;
}
.color-red {
    color: red;
}
.color-green {
    color: green;
}
.text-size-16 {
    font-size: 16px;
}
.text-size-18 {
    font-size: 18px;
}
.text-size-20 {
    font-size: 20px;
}
.text-size-22 {
    font-size: 22px;
}
.text-size-24 {
    font-size: 24px;
}
.text-size-28 {
    font-size: 28px;
}
.text-size-32 {
    font-size: 32px;
}
.text-error {
    color: red;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-padding50 {
    padding: 0px 50px;
}
.text-justify {
    text-align: justify;
    padding: 0px 50px;
}
.text-ebenen {
    text-align: justify;
    padding: 0px 50px;
}
.text-mond {
    text-align: justify;
    padding: 0px 50px;
}
.image {
    display: block;
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.image-mond {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
}
.image-container-mond {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.text-container-mond {
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    text-align: center;
}
.text-mond-title {
    font-family: 'Handlee', cursive;
}
.handlee-font {
    font-family: 'Handlee', cursive;
}
.text-mond-center {
    text-align: center;
}
.link-color {
    color: #551A8B;
}
.hr-mond {
    border: 1px solid; 
    margin-top: 20px; 
    margin-bottom: 20px; 
}
/*
Mond color...
*/
.backgroundMond1 {
    background-color: #fce5e0;
    background-attachment: fixed;
}
.mond1-color {
    color: #df0029;
}
.backgroundMond2 {
    background-color: #fdf2f5;
    background-attachment: fixed;
}
.mond2-color {
    color: #f39e86;
}
.backgroundMond3 {
    background-color: #fde4cb;
    background-attachment: fixed;
}
.mond3-color {
    color: #e97117;
}
.backgroundMond4 {
    background-color: #fef0e0;
    background-attachment: fixed;
}
.mond4-color {
    color: #f1af00;
}
.backgroundMond5 {
    background-color: #fffce6;
    background-attachment: fixed;
}
.mond5-color {
    color: #6d6166;
}
.backgroundMond6 {
    background-color: #f2f6e5;
    background-attachment: fixed;
}
.mond6-color {
    color: #7dc622;
}
.backgroundMond7 {
    background-color: #e4eed3;
    background-attachment: fixed;
}
.mond7-color {
    color: #009f62;
}
.backgroundMond8 {
    background-color: #e2f1f1;
    background-attachment: fixed;
}
.mond8-color {
    color: #00a49e;
}
.backgroundMond9 {
    background-color: #e1f2fd;
    background-attachment: fixed;
}
.mond9-color {
    color: #00b2ec;
}
.backgroundMond10 {
    background-color: #dfddf0;
    background-attachment: fixed;
}
.mond10-color {
    color: #353a90;
}
.backgroundMond11 {
    background-color: #ebe0f0;
    background-attachment: fixed;
}
.mond11-color {
    color: #81007b;
}
.backgroundMond12 {
    background-color: #fae6f0;
    background-attachment: fixed;
}
.mond12-color {
    color: #d30077;
}
.backgroundMond13 {
    background-color: #fff8ec;
    background-attachment: fixed;
}
.mond13-color {
    color: #ffba54;
}
.backgroundGruenerTag {
    background-color: #e4eed3;
    background-attachment: fixed;
}
.gruenerTag-color {
    color: #009f62;
}
.backgroundMondJahr {
    background-color: #e4eed3;
    background-attachment: fixed;
}
.mondJahr-color {
    color: #009f62;
}
.warning-text {
    color: #E53935;
}
.divider {
    font-size: 30px;  /* Vergrößert den Trennstrich */
    color: black;      /* Farbe nach Wunsch */
    margin: 0 15px;   /* Abstand links und rechts */
}
.text-decoration-none {
    text-decoration: none;
}
.textarea-height {
    height: 200px;
}
.tagesenergie-bg-color {
    background-color: #fffbf1;
}
.tagesenergie-color {
    color: #ffba54;
}
.hr-tagesenergie {
    border: 1px solid; 
    margin-top: 20px; 
    margin-bottom: 20px; 
}
.text-block-justify {
    display: block;
    text-align: justify;
}
.text-block-center {
    display: block;
    text-align: center;
}
/*
Beratung
*/
.beratung-text {
    padding: 10px;
}
.beratung-image {
    padding: 0px 50px 0px 50px;
}
.beratung-image-links {
	float: left;
    width: 50%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.beratung-image img {
    position: relative; /* Verhindert eine absolute Positionierung */
    max-width: 100%;
    height: auto;  /* Verhindert verzerrte Bilder */
}
.beratung-link {
    color: black;
    text-decoration: underline;
}
/*
Kabbala
*/
.kabbala-bg-color {
    background-color: #eaf2de;
}
.kabbala-color {
    color: #e97117;
}
.kabbala-box {
    border: 2px solid #e97117;  
    border-radius: 10px;       
    padding: 20px;              
    color: #e97117;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
Farbberatung
*/
.farbberatung-bg-color {
    background-color: #eaf2de;
}
.farbberatung-color {
    color: #00a49e;
}
.farbberatung-box {
    border: 2px solid #00a49e;  
    border-radius: 10px;       
    padding: 20px;              
    color: #00a49e;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
Essenzenberatung
*/
.essenzenberatung-bg-color {
    background-color: #eaf2de;
}
.essenzenberatung-color {
    color: #81007b;
}
.essenzenberatung-box {
    border: 2px solid #81007b;  
    border-radius: 10px;       
    padding: 20px;              
    color: #81007b;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
Maya und Farben
*/
.mayaundfarben-bg-color {
    background-color: #eaf2de;
}
.mayaundfarben-color {
    color: #f1af00;
}
.mayaundfarben-box {
    border: 2px solid #f1af00;  
    border-radius: 10px;       
    padding: 20px;              
    color: #f1af00;              
    background-color: #eaf2de;  
    clear: both;
}
/*
persönliche Jahressituation
*/
.jahresanalyse-bg-color {
    background-color: #eaf2de;
}
.jahresanalyse-color {
    color: #353a90;
}
.jahresanalyse-box {
    border: 2px solid #353a90;  
    border-radius: 10px;       
    padding: 20px;              
    color: #353a90;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
releasing
*/
.releasing-bg-color {
    background-color: #eaf2de;
}
.releasing-color {
    color: #d30077;
}
.releasing-box {
    border: 2px solid #d30077;  
    border-radius: 10px;       
    padding: 20px;              
    color: #d30077;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
TAROT der FARBEN
*/
.tarotderfarben-bg-color {
    background-color: #eaf2de;
}
.tarotderfarben-color {
    color: #df0029;
}
.tarotderfarben-box {
    border: 2px solid #df0029;  
    border-radius: 10px;       
    padding: 20px;              
    color: #df0029;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
Raumharmonisierung
*/
.raumharmonisierung-bg-color {
    background-color: #eaf2de;
}
.raumharmonisierung-color {
    color: #009f62;
}
.raumharmonisierung-box {
    border: 2px solid #009f62;  
    border-radius: 10px;       
    padding: 20px;              
    color: #009f62;              
    background-color: #eaf2de;  
    text-align: center;         
    clear: both;
}
/*
unsere Firma 
*/
.firma-padding30 {
    padding: 0px 30%;
}
.firma-text {
    padding: 10px;
}
.firma-image {
    padding: 0px 50px 0px 50px;
}
.firma-image-links {
	float: left;
    width: 30%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.firma-image img {
    position: relative; /* Verhindert eine absolute Positionierung */
    max-width: 100%;
    height: auto;  /* Verhindert verzerrte Bilder */
}
.firma-bg-color {
    background-color: #fffce6;
}
.firma-color {
    color: #00a49e;
}
.firma-box {
    border: 2px solid #00a49e;  
    border-radius: 10px;       
    padding: 20px;              
    color: #00a49e;              
    background-color: #fffce6;  
    text-align: center;         
    clear: both;
}
/*
unser Thema
*/
.thema-bg-color {
    background-color: #fffce6;
}
.thema-color {
    color: #00a49e;
}
.thema-box {
    border: 2px solid #00a49e;  
    border-radius: 10px;       
    padding: 20px;              
    color: #00a49e;              
    background-color: #fffce6;  
    text-align: center;         
    clear: both;
}
/*
unsere Themen
*/
.thema-bg-color {
    background-color: #fffce6;
}
.thema-color {
    color: #00a49e;
}
.thema-box {
    border: 2px solid #00a49e;  
    border-radius: 10px;       
    padding: 20px;              
    color: #00a49e;              
    background-color: #fffce6;  
    text-align: center;         
    clear: both;
}
/*
unsere Philosophie
*/
.philosophie-bg-color {
    background-color: #fffce6;
}
.philosophie-color {
    color: #b92c26;
}
.philosophie-box {
    border: 2px solid #b92c26;  
    border-radius: 10px;       
    padding: 20px;              
    color: #b92c26;              
    background-color: #fffce6;  
    text-align: center;         
    clear: both;
}
.philosophie-padding5 {
    padding: 5% 0px;
}
/*
siriusbedeutung
*/
.siriusbedeutung-bg-color {
    background-color: #fffce6;
}
.siriusbedeutung-color {
    color: #81007b;
}
/*
mystikundfarben
*/
.mystikundfarben-bg-color {
    background-color: #fffce6;
}
.mystikundfarben-color {
    color: #81007b;
}
/* Einheitliche Gestaltung der Buttons */
.mystikundfarben-button-container button {
    background-color: #DDC0D8; /* Grüner Hintergrund */
    color: #81007B;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
    transition: background-color 0.3s ease; /* Farbänderung beim Hover */
    width: 95%;
    border: 1px solid #81007B;
}
/* Hover-Effekt für Buttons */
.mystikundfarben-button-container button:hover {
    background-color: #81007B; /* Etwas dunklerer Grünton */
    color: #DDC0D8;
}
/* Gestaltung der Text-Container */
.mystikundfarben-text-container {
    font-size: 18px;
    /*max-height: 0; */ /* Startzustand: unsichtbar */
    overflow: hidden;
    transition: max-height 1.1s ease-out, opacity 1.1s ease-out; /* Sanfter Übergang */
    opacity: 0;
    text-align: justify;
    padding: 0px 50px;
}
.mystikundfarben-text-container.visible {
    max-height: 100%; /* Zeigt Inhalt */
    opacity: 1;
}
.maya-allgemeines-bg-color {
    background-color: #f2f6e5;
}
.maya-allgemeines-color {
    color: #ffba54;
}
.hr-maya-allgemeines {
    border: 1px solid; 
    margin-top: 20px; 
    margin-bottom: 20px; 
}
.agb-color {
    color: #5E5E5E; 
}
.impressum-table {
    width: 60%; /* Breite der Tabelle (zentriert durch margin) */
    margin: 0 auto; /* Zentriert die Tabelle horizontal */
    border-collapse: collapse; /* Entfernt doppelte Rahmen */
    font-size: 20px; /* Schriftgröße */
    text-align: left; /* Text links ausrichten */
}
.impressum-table th, .impressum-table td {
    width: 50%; /* Gleiche Spaltenbreite */
    border: none; /* Rahmen um Zellen */
    padding: 10px; /* Innenabstand */
}
.impressum-table th {
    text-align: center; /* Zentriert die Header-Inhalte */
}


.menu-container {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 1000;
  }
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
  }
  .menu-content-header {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
  }
  .menu-header {
    padding: 10px;
    background: #f5f5f5;
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .menu-body {
    padding: 10px;
  }
  .menu-item {
    margin-bottom: 10px;
  }
  .menu-item .submenu {
    display: none;
    padding-left: 10px;
  }
  .menu-button {
    display: none;
    padding: 10px 15px;
    border: none;
    cursor: pointer;
    font-size: 16px;
  }
  .text-decoration-underline {
    text-decoration: underline;
  }
  .padding-maya {
    padding: 0px;
  }
  .onlyShowOnPhone {
    display: none;
}
.onlyHideOnPhone {
    display: block;
}
.desktop-form {
    display: block;
}
.mobile-form {
    display: none;
}
.passwortreset-input {
    width: 55%;
    padding: 8px;
    margin: 5px 0;
    font-size: 18px;
}
.popupTextAnwendung {
    font-size: 20px;
}
input[readonly] {
    background-color: #f0f0f0; /* Hellgrauer Hintergrund */
    border: 1px solid #ccc; /* Graue Umrandung */
    cursor: default; /* Zeiger bleibt ein Pfeil */
}
.cursorpointer {
    cursor: pointer;
}
.qrcode {
    width: 30%;
}
.buttonAdmin {
    display: inline-block;
    padding: 10px 20px;
    margin: 5px;
    font-size: 20px;
    color: #fff;
    background-color: #e52e8c;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    border-color: transparent;
    cursor: pointer;
}
.user-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}
.user-table th, .user-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}
.user-table th {
    background-color: #f2f2f2;
    width: 150px;
}
.user-table td {
    background-color: #fafafa;
}
.register-empty-input-3 {
    height: 73px;
}
.padding-top-20 {
    padding-top: 20px;
}
.spezialseite-product-description {
    padding: 20px;
    font-size: 20px;
    padding-right: 50px;
    padding-left: 50px;
    text-align: justify;
    margin-bottom: 20px;
}