.mem-username {
	font-family: var(--eins-fontakzent);
    color: var(--eins-color) !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
}
.mem-usertitle {
	padding-right: 10px;
    text-transform: uppercase;
	color: var(--eins-color);
}

.mem-h {
	font-family: var(--eins-fontakzent);
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 2px solid var(--eins-color);
    padding-bottom: 4px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    color:var(--eins-color);
    padding: 0px 10px 4px 10px;
}

.tabs input {
    display: none;
}

.tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.mem-header {
    width: 100%;
    /*height: 120px;*/
    background: var(--eins-bgakzent);
	padding: 30px;
	box-sizing: border-box;
}

.tab-buttons {
    width: 70%;
    margin-left: auto; /* wichtig */
    
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-right: 20px;
}

.tabs label {
    position: relative;
    z-index: 2;

    flex: 1;
    text-align: center;

    margin-top: -40px; /* schiebt die Tabs in den Balken */
    background: var(--eins-bgdark);
    padding: 10px;
	font-family: var(--eins-fontakzent);
    font-weight: 600;
    text-transform: uppercase;
	color: var(--eins-color);
}

.tab-buttons label {
    padding: 8px 20px;
    background: var(--eins-bgdark);
    cursor: pointer;
}

.content {
    display: none;
    flex-basis: 100%;
	border-top: 15px solid var(--eins-bgakzent);
}

#tab1:checked ~ .tab1,
#tab2:checked ~ .tab2 {
    display: block;
}

.mem-b { font-size: 12px; text-transform: uppercase; letter-spacing:1px; font-weight:600; color: var(--eins-akzent); }
.mem-tdsmall { flex: 1 1 50%; padding: 8px;box-sizing: border-box; }
.mem-sig { padding-top: 15px; }
.mem-sig img, .content img { max-width: 100%; height: auto; }