/* Responsive Design für Phone */
@media (max-width: 1024px) {
    .heading {
        width: 100%;
        /*
        padding-left: 8px;
        padding-right: 8px;
        */
    }
    .logo {
        display: flex;
        width: 60px;
        padding: 10px 10px;
    }
    .logo-link-footer {
        margin-right: 0px;
    }
    .navbar-lower a {
        margin-right: 10px;
        font-size: 10px;
    }
    .image-container img {
        max-width: 100%;
        height: auto;
    }
    .image-container {
        display: block;
        padding: 25px;
    }
    .image {
        width: 60%;
        padding-bottom: 10px;
    }
    .menu-button {
        display: block;
        width: 30%;
        font-size: 30px;
    }
    .footerPhone {
        padding-right: 10px;
    }
    .warenkorb-Login {
        display: none;
    }
    .warenkorb-Login-menu {
        text-align: left;
    }
    .footerLinkSeparator {
        font-size: 10px;
    }
    .kontaktbar-upper,
    .kontaktbar-lower {
        text-align: center;
        padding: 10px;
        display: block;
    }
    .show-phone {
        display: block;
        text-align: center;
    }
    .hide-phone {
        display: none;
    }
    .kontakbar-upper-phonenumberMail, 
    .kontakbar-lower-phonenumberMail {
        text-align: center;
        padding-right: 0px;
    }
    .kontakbar-lower-newsletter {
        margin-left: 0px;
    }
    .kontakbar-upper-link {
        text-align: center;
    }
    .search {
        width: 90%;
    }
    .login-abstand {
        padding-left: 0px;
    }
    .warenkorb-abstand {
        padding-left: 0px;
        padding-right: 0px;
    }
    .warenkorbLoginAbstand {
        margin-right: 0px;
    }
    .navbar-upper {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 0px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .search-field {
        margin: 0 auto;
    }
    .search-field input {
        font-size: 22px;
    }
    .warenkorb-login-button {
        display: block; 
        text-align: center;
        margin-top: 20px;
    }
    .warenkorb {
        width: 80%;
    }
    .login {
        width: 25%;
    }
    .navLinks a {
        text-decoration: none;
    }
    .header-container {
        flex-wrap: wrap;
        text-align: center;
    }
    .overlapBackground {
        margin-top: -30px;
    }
    .dot {
        width: 10px;
        height: 10px;
    }
    .linkColor {
        text-decoration: none;
    }
    .popup-content {
        width: 330px;
        height: 330px;
    }
    .popupText {
        font-size: 16px;
    }
    .close-popup-btn {
        top: -50px;
        right: 0px;
    }
    .image-mond {
        width: 40%;
    }
    .text-size-28 {
        font-size: 20px;
    }
    .logo-link {
        margin-right: 0px;
    }
    .links {
        display: flex;                /* Flexbox aktivieren */
        justify-content: center;      /* Inhalt horizontal zentrieren */
        align-items: center;          /* Inhalt vertikal zentrieren */
        gap: 30px;                    /* Abstand zwischen den Bildern */
    }
    .links img {
        max-width: 50px;              /* Optional: Bildgröße begrenzen */
        /*height: auto;*/             /* Bildseitenverhältnis beibehalten */
    }
    .text-size-18 {
        font-size: 14px;
    }
    .text-size-20 {
        font-size: 16px;
    }
    .text-size-24 {
        font-size: 20px;
    }
    .text-justify {
        padding: 0px 0px;
    }
    .text-padding50 {
        padding: 0px 20px;
    }
    .se-eos-spez-image {
        padding: 0px 0px;
    }
    .se-eos-spez-subtext {
        font-size: 16px;
    }
    .se-eos-spez-title {
        font-size: 20px;
    }
    .text-size-32 {
        font-size: 28px;
    }
    .beratung-image {
        padding: 0px 0px;
    }
    .beratung-image-links {
        float: none;
        width: 70%;
        padding-right: 0px;
        margin-bottom: 0px;
    }
    .firma-image-links {
        float: none;
        width: 70%;
        padding-right: 0px;
        margin-bottom: 0px;
    }
    .image-rechts {
        float: none;
        width: 80%;
    }
    .text-ebenen {
        padding: 0px 10px;
    }
    .flex-container {
        display: block;
    }
    .se-product-center {
        padding: 0px 10px;
    }
    .eos-product-center {
        padding: 0px 10px;
    }
    .spez-product-center {
        padding: 0px 10px;
    }
    .navbar {
        flex-direction: row;
        justify-content: space-evenly;
    }
    .dropdown-menu {
        top: 70%;
        left: 50%;
        transform: translateX(-50%);
     }
     .text-container-mond {
        flex-direction: column;
        align-items: center;
    }
    .text-mond {
        padding: 0px 10px;
    }
    .padding-maya {
        padding: 0px 10px;
    }
    .buecher-product-subtitle {
        font-size: 18px;
    }
    .buecher-product-name {
        font-size: 40px;
    }
    .firma-image {
        padding: 0px 0px;
    }
    .mystikundfarben-text-container {
        font-size: 14px;
        padding: 0px 10px;
    }
    .inputwidth-icon {
        width: 60% !important;
        font-size: 14px !important;
    }
    .login-font-size {
        font-size: 28px;
    }
    .login-text-font-size {
        font-size: 16px;
    }
    .buttonLogin {
        padding: 10px;
        width: 70%;
    }
    .register-font-size {
        font-size: 28px;
    }
    .register-font {
        font-size: 16px;
    }
    .register-lieferadresse-style {
        padding-left: 0px;
    }
    .register-empty-input {
        height: 129.5px;
    }
    .register-font {
        font-size: 16px;
    }
    .buttonRegistrieren {
        width: 80%;
    }
    .onlyShowOnPhone {
        display: block;
    }
    .onlyHideOnPhone {
        display: none;
    }
    .register-phone-lable {
        display: block;
    }
    .register-center-radio {
        text-align: left;
        padding: 0px 30%;
    }
    .register-flex-container {
        display: block; /* Ändert die Flexbox zu einem Block-Layout */
    }
    .register-flex-container > div {
        width: 100%; /* Nimmt die volle Breite ein */
        margin-bottom: 20px; /* Fügt Abstände zwischen den Feldern hinzu */
    }
    .register-input, .register-select {
        /*width: 100%;*/ /* Breite auf 100% setzen */
        box-sizing: border-box; /* Padding in die Breite einrechnen */
    }
    label.register-font {
        display: block; /* Labels erscheinen über den Feldern */
        margin-bottom: 5px; /* Abstand zum Eingabefeld */
        padding: 0px 10px;
    }
    .register-lieferadresse-style {
        margin-top: 20px; /* Abstand zu den Radiobuttons */
    }
    .register-delivery-address-border {
        padding: 10px; /* Innenabstand */
        border: 1px solid #ddd; /* Rahmen für die Lieferadresse */
        margin-top: 20px; /* Abstand zu den Radiobuttons */
    }
    .logo-footer {
        display: inline;
        width: 150px;
    }
    .homeBeschreibungRudolf {
        text-align: justify;
        font-size: 16px;
        padding: 10px 10px;
    }
    .text-size-18-mobile {
        font-size: 18px;
    }
    .text-padding-small-mobile {
        padding: 0px 10px;
    }
    .cart-title-font-size {
        font-size: 20px;
    }
    .tr-size {
        font-size: 12px;
    }
    .cart-url {
        font-size: 12px;
    }
    .cart-pic {
        width: 35px;
    }
    .desktop-form {
        display: none;
    }
    .mobile-form {
        display: block;
    }
    .setting-form-row {
        display: block;
    }
    .setting-deleteaccount {
        display: block;
    }
    .buttonSpeichernPasswort {
        width: 80%;
    }
    .se-product-subtitle-text {
        font-size: 18px;
    }
    .se-product-subtitle {
        font-size: 18px;
    }
    .se-product-description {
        font-size: 16px;
    }
    .eos-product-subtitle {
        font-size: 18px;
    }
    .eos-product-subtitle-text {
        font-size: 18px;
    }
    .eos-product-description {
        font-size: 16px;
    }
    .spez-product-subtitle {
        font-size: 18px;
    }
    .spez-product-subtitle-text {
        font-size: 18px;
    }
    .spez-product-description {
        font-size: 16px;
     }
     .drucke-product-title {
        font-size: 24px;
    }
    .drucke-product-subtitle {
        font-size: 18px;
    }
    .popup-content-cart-1 {
        width: 70%;
        top: 80px;
    }
    .popup {
        top: 80px;
    }
    .links-cart {
        display: block;
    }
    .warenkorb-popup-btn, .kasse-popup-btn {
        padding: 10px 0px;
    }
    .relation-popup {
        display: block;
    }
    .login-btn, .register-btn {
        width: 100%;
        margin: 0px auto;
        padding: 10px 0px;
    }
    .checkout-checklogin-columns {
        display: block;
    }
    .checkout-checklogin-passwortvergessen {
        padding-right: 15%;
    }
    .popupTextAnwendung {
        font-size: 12px;
    }
    .close-popup-btn-cart {
        top: 70px;
        right: 0px;
    }
    .qrcode {
        width: 70%;
    }
    .impressum-table {
        font-size: 12px; 
    }
    .cart-quantity-field {
        padding: 10px 7px;
        width: 12px;
        margin-right: 2px;
        font-size: 12px;
    }
    .cart-edit-btn {
        padding: 10px 7px;
        font-size: 12px;
    }
    table th, table td {
        padding: 4px;
    }
    .delete-button {
        width: 30px;
        height: 30px;
    }
    .icon {
        font-size: 30px;
    }
    .checkout-adresse-change-button-speichern {
        width: 100%;
    }
    .order-flex-container {
        flex-direction: column;
    }
    .order-confirmation-left-column, .order-confirmation-right-column {
        width: 70%;
    }
}