.menu-icon {
    height: 15px !important;
}

.account-page {
    max-width: 1270px;margin: 0 auto;padding-left: 35px;padding-right: 35px;
    width: unset;
    box-sizing: border-box;
    margin-bottom: 80px;
    margin-top: 50px;
    font-size: clamp(1.3rem, 20px, 1.9rem);
}

.account-page * {
    box-sizing: border-box;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register, .woocommerce-ResetPassword.lost_reset_password {
border-radius: 1vw;
    padding: 4vw;
    border-color: #005c53;
    border-style: solid;
    border-width: 2px;
    max-width: 1000px;
    margin: 30px auto;
}

.side-page-wrapper-new {
    overflow: hidden;
    display: unset;
    width: unset;
}

.account-page .navigation {
    float: left;
    width: 23%;
    margin-right: 5%;
    background-color: #f7f7f7;
    display: unset;
        border-radius: 5px;
        border: 1px solid #ccc;
}

.account-page .content_dashboard {
    float: left;
    width: 72%;
}

.account-page ol, .account-page ul {
    list-style: none;
    margin: 0;
    padding: 0px;
}

.account-page .navigation li a {
    display: block;
    padding: 20px;
    color: #005C53;
    border-bottom:1px solid #ccc;
    font-weight: bold;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.account-page .navigation li:last-child a {
    border-bottom: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.account-page .navigation li:first-child a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.account-page .navigation li a:hover {
    background-color: #005C53;
    color:#fff;
}

.account-page h1.accountcustom {
    color: #9EC131;
    font-size: clamp(3rem, 4vw, 7rem);
    margin: 0;
    line-height: 0.9;
    margin-bottom: 40px;
}


.account-page button, .account-page input[type="submit"].cta-button, .account-page input[type="submit"].side-page-cta-button, .account-page input[type="submit"].cta-button:focus, .account-page input[type="submit"].side-page-cta-button:focus, .account-page input[type="submit"].cta-button:active, .account-page input[type="submit"].side-page-cta-button:active {
    border: none !important;
}

.account-page .cta-button:hover, .account-page .side-page-cta-button:hover {
    color: white;
    background-color: #005c53;
}

.account-page .process_content .inputfeld, .account-page .dashboard_form .inputfeld {
    height: 105px;
}

.process_content .col50_left, .dashboard_form .col50_left {
    float: left;
    width: 47.5%;
    margin-right: 2.5%;
}

.process_content .col50_right, .dashboard_form .col50_right {
    float: left;
    width: 47.5%;
    margin-left: 2.5%;
}

.process_content .inputfeld .col_various1, .content_dashboard .inputfeld .col_various1 {
        float: left;
        width: 24%;
        margin-right: 1.5%;
    }

.process_content .inputfeld .col_various2, .content_dashboard .inputfeld .col_various2 {
        float: left;
        width: 74.5%;
    }

.tab-content {
    margin-top: 35px;
}

.nav-tabs>li.active>a,.nav-tabs>li>a {
    color:#005c53;
    font-weight: bold;
}

.profilbild_preview {
    border-radius: 5px;
    display: block;
}

#static_preview.profilbild_preview {
    float: left;
}

.dropzone {
    width: 100%;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    color:#000;
    border-radius: 5px;
    margin-left: 20px;
    display: flex;
    align-items: center;     /* vertikal */
    justify-content: center; /* horizontal */
    text-align: center;
    min-height: 220px; /* wichtig für Höhe */
}

.logo-wrapper {
  width: 250px;
  aspect-ratio: 1 / 1; /* macht es quadratisch */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border:3px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  background-color: #fff;
}

/* .logo-wrapper.zfcmember {
  border:3px solid #0188c8;
} */

a.mitglied {
    border-bottom:1px solid #ccc;
    display: flex;
    padding: 20px;
    background-color: #f7f7f7;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #005C53;
    border-radius: 5px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    align-items: flex-start;
    cursor: pointer;
}

a.mitglied:hover {
    background-color: #ccc;
        color: #005C53;
}

a.mitglied .logo-wrapper {
    min-width: 180px;
    width: 180px;
    margin-right: 20px;
}

.roletyp {
    font-weight: bold;
    background-color: #005c53;
    color: #fff;
    padding: 8px;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    line-height: 1;
    max-width: 85px;
    margin-bottom: -27px;
    position: relative;
}

.roletyp img {
    margin-bottom: 3px;
}

.roletyp.bigger {
    font-size: 13px;
    max-width: 100px;
    margin-bottom: -29px;
}

.logo-wrapper img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* wichtig! */
}

.filter-form {
    display: flex;
    margin-bottom: 20px;
}

.filter-form input {
    max-width: 300px !important;
    margin-right: 10px;
    font-size: clamp(1.3rem, 1.1vw, 1.9rem);
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: "Barlow", sans-serif;
    padding: 0.5em;
}

.filter-form input::placeholder {
  color: #999;
  opacity: 1; /* wichtig für Firefox */
  font-size: clamp(1.3rem, 1.1vw, 1.9rem);
  font-family: "Barlow", sans-serif;
}

.alphabet-filter a {
    display: inline-block;
    padding:10px;
    background-color: #f7f7f7;
    border-radius: 5px;
    font-weight: bold;
    color: #005C53;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.alphabet-filter a.active {
    background-color: #005C53;
    color: #fff;
}

.alphabet-filter a:hover {
    background-color: #ccc;
}