.nda-merken {
display: none;
}
.nda-js .nda-merken {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5rem;
border: 0;
border-radius: var(--wp--custom--border-radius--round, 50%);
background: transparent;
color: var(--wp--preset--color--darkblue, #12295C);
line-height: 1;
cursor: pointer;
transition: var(--wp--custom--transition--standard, all .35s ease);
}
.nda-merken:hover,
.nda-merken:focus-visible {
color: var(--wp--preset--color--red, #D2121E);
}
.nda-merken-icon--filled { display: none; }
.nda-merken[aria-pressed="true"] .nda-merken-icon--outline { display: none; }
.nda-merken[aria-pressed="true"] .nda-merken-icon--filled { display: block; }
.nda-merken[aria-pressed="true"] { color: var(--wp--preset--color--red, #D2121E); 
}
.nda-merken-text { display: none; }
.nda-merken.nda-merken--labeled {
border-radius: var(--wp--custom--border-radius--large, 2rem);
padding: 0.5rem 1rem 0.5rem 0.75rem;
}
.nda-merken--labeled .nda-merken-text {
display: inline;
font-weight: 500;
}
.company-card {
position: relative;
}
.company-card .nda-merken {
position: absolute;
top: 0.25rem;
right: 0.25rem;
z-index: 2;
background: var(--wp--preset--color--white, #fff);
} .nda-merkliste-summary-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
margin-bottom: 1rem;
}
.nda-merkliste-summary {
margin-bottom: 0;
font-weight: 600;
}
.nda-merkliste-share {
display: none;
}
.nda-js .nda-merkliste-share {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
white-space: nowrap;
cursor: pointer;
}
.nda-merkliste-share:disabled,
.nda-merkliste-share[aria-busy="true"] {
opacity: 0.5;
cursor: not-allowed;
}
.nda-merkliste-share-status {
margin: -0.5rem 0 1rem;
font-size: var(--wp--preset--font-size--small, 0.875rem);
text-align: right;
}
.nda-merkliste-share-status:empty {
display: none;
}
.nda-merkliste-share-status--error {
color: var(--wp--preset--color--red, #D2121E);
}
.nda-merkliste-list {
width: 100%;
}
.nda-merkliste-list[aria-busy="true"] {
opacity: 0.5;
}
.nda-merkliste-empty,
.nda-merkliste-error,
.nda-merkliste-noscript {
margin: 0;
}
.nda-merkliste-error {
color: var(--wp--preset--color--red, #D2121E);
}
.nda-merkliste-table-wrap {
max-width: 100%;
overflow: hidden;
}
.nda-merkliste-table {
width: 100%;
color: var(--wp--preset--color--darkblue, #12295C);
}
.nda-merkliste-table__header,
.nda-merkliste-item {
display: flex;
align-items: stretch;
}
.nda-merkliste-table__cell {
padding: 0.875rem 1rem;
border-bottom: 1px solid var(--wp--preset--color--cyan, #58C5C7);
text-align: left;
align-content: center;
min-width: 0;
}
.nda-merkliste-table__header {
font-weight: 500;
font-size: var(--wp--preset--font-size--small, 0.875rem);
}
.nda-merkliste-table__betrieb {
flex: 1 1 24%;
}
.nda-merkliste-item .nda-merkliste-table__betrieb {
font-weight: 600;
}
.nda-merkliste-table__veranstaltungsort {
flex: 1 1 22%;
}
.nda-merkliste-table__berufe {
flex: 1 1 32%;
}
.nda-merkliste-table__profil {
flex: 0 0 9rem;
}
.nda-merkliste-table__body .nda-merkliste-item:last-child .nda-merkliste-table__cell {
border-bottom: 0;
}
.nda-merkliste-table__merken {
flex: 0 0 5rem;
text-align: center !important;
white-space: nowrap;
}
.nda-merkliste-table .nda-merken {
margin: 0 auto;
}
.nda-merkliste-table__merken .nda-merken--trash {
background-color: #fbe7e9;
}
@media (max-width: 767px) {
.nda-merkliste-summary-row {
align-items: flex-start;
}
.nda-merkliste-table-wrap {
overflow: visible;
}
.nda-merkliste-table__header {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.nda-merkliste-item {
flex-wrap: wrap;
align-items: flex-start;
padding: 0.65rem 0;
border-bottom: 1px solid var(--wp--preset--color--cyan, #58C5C7);
}
.nda-merkliste-table__cell {
padding: 0.35rem 0;
border-bottom: 0;
}
.nda-merkliste-table__cell::before {
content: attr(data-label);
display: block;
margin-bottom: 0.2rem;
font-size: 0.75rem;
font-weight: 600;
opacity: 0.7;
}
.nda-merkliste-table__betrieb {
flex: 1 1 calc(100% - 3.5rem);
order: 1;
}
.nda-merkliste-table__merken {
flex: 0 0 3.5rem;
order: 2;
padding-left: 0;
}
.nda-merkliste-table__merken::before {
display: none;
}
.nda-merkliste-table__veranstaltungsort {
flex: 1 0 100%;
order: 3;
}
.nda-merkliste-table__berufe {
flex: 1 0 100%;
order: 4;
}
.nda-merkliste-table__profil {
flex: 1 0 100%;
order: 5;
margin-top: 1rem;
}
.nda-merkliste-table__profil::before {
display: none;
}
.nda-merkliste-table__body .nda-merkliste-item:last-child {
border-bottom: 0;
}
}