@font-face {
    font-family: "Nobis Hand";
    src: url(../fonts/alegreya-kursiv.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    size-adjust: 85%;
}

.nb-karte {
    max-width: 260px;
    margin: 0 auto 1.5rem;
}

.nb-karte__blatt {
    position: relative;
    container-type: inline-size;
    aspect-ratio: 105 / 148.5;
    background: #fff center / 100% 100% no-repeat;
    border: 1px solid #e2e2de;
    box-shadow: 0 6px 18px rgba(60, 40, 30, .16);
}

.nb-karte__blatt > * {
    --mm: calc(100cqw / 105);
    position: absolute;
    left: calc(13 * var(--mm));
    width: calc(80 * var(--mm));
    overflow: hidden;
    overflow-wrap: anywhere;
    font: 400 calc(6 * var(--mm)) / calc(6.8 * var(--mm)) Gabriola, "Nobis Hand", Georgia, serif;
    color: #2f2f33;
}

.nb-karte__gruss {
    top: calc(46 * var(--mm));
    height: calc(70 * var(--mm));
}

.nb-karte__gruss p {
    margin: 0;
}

.nb-karte__gruss p:not([hidden]) + p:not([hidden]) {
    margin-top: calc(1.4 * var(--mm));
}

.nb-karte__von {
    top: calc(118 * var(--mm));
    height: calc(16 * var(--mm));
    color: #af272f;
}

.nb-karte__blatt--beispiel > * {
    opacity: .4;
}

.nb-karte [hidden] {
    display: none;
}

textarea.nb-grusstext {
    resize: none;
    overflow: hidden;
}

.nb-grusstext-zaehler {
    margin-top: .25rem;
    font-size: .75rem;
    color: #6b6b70;
    text-align: right;
}

.nb-karte__hinweis {
    margin-top: .625rem;
    font-size: .8125rem;
    line-height: 1.4;
    color: #6b6b70;
    text-align: center;
}

#add-to-cart .purchase-info,
#add-to-cart .nb-vorteile li:first-child {
    display: none;
}