/* netPDF – Produktseite und Handbuch. Baut auf netmail-beta.css auf (Handbuch
   mit den netmail-docs-Klassen wie das netMail-Handbuch) und setzt
   die netPDF-Markenfarben (Net-Base-Blau #2B579A, Cyan #00A7E1). */

.netpdf-shell {
    --netmail-blue: #2b579a;
    --netmail-cyan: #00a7e1;
    --netmail-navy: #1d3a66;
    background:
        radial-gradient(circle at 78% 6%, rgba(0, 167, 225, 0.16), transparent 30rem),
        radial-gradient(circle at 8% 30%, rgba(43, 87, 154, 0.11), transparent 32rem),
        #f7fafc;
}

.netpdf-shell .netmail-beta-brand img { border-radius: 12px; }

/* Überschrift: etwas kleiner als bei Postavio, Fachbegriffe nicht trennen */
.netpdf-shell .netmail-beta-hero h1 { font-size: clamp(2.2rem, 4.4vw, 3.9rem); line-height: 1.05; overflow-wrap: anywhere; }
.netpdf-nowrap { white-space: nowrap; }

.netpdf-hero-note {
    margin-top: 1.25rem;
    padding: 0.85rem 1rem;
    border-left: 3px solid var(--netmail-cyan);
    border-radius: 0 10px 10px 0;
    background: rgba(0, 167, 225, 0.07);
    color: var(--netmail-copy);
    font-size: 0.95rem;
}

/* Bildschirmfotos: Seitenverhältnis des Programmfensters */
.netpdf-shell .netmail-screenshot-grid .netmail-product-window img { aspect-ratio: 1440 / 900; }

/* E-Rechnung */
.netpdf-einvoice { background: linear-gradient(180deg, rgba(43, 87, 154, 0.05), transparent); }
.netpdf-checklist { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 0.7rem; }
.netpdf-checklist li {
    position: relative;
    padding-left: 2rem;
    color: var(--netmail-copy);
    line-height: 1.55;
}
.netpdf-checklist li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: var(--netmail-cyan) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;
}
.netpdf-checklist strong { color: var(--netmail-ink); }

/* Registrierung in drei Schritten */
.netpdf-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}
.netpdf-steps li {
    padding: 1.6rem;
    border: 1px solid var(--netmail-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(16, 42, 67, 0.06);
}
.netpdf-steps li > span {
    display: inline-grid;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--netmail-blue), var(--netmail-cyan));
    color: #fff;
    font-weight: 700;
}
.netpdf-steps h3 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.netpdf-steps p { color: var(--netmail-copy); margin: 0; }

.netpdf-docs-teaser .netmail-docs-topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Handbuch: Kapitelsymbole (gleiche Strichform wie die netMail-Kapitel; installation/hilfe aus netmail-beta.css) */
.netmail-docs-topic-card.topic-erste-schritte { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8.5 5 3.5-5 3.5z'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-lesen-suchen { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3H6v18h6M13 3l5 5v3M13 3v5h5'/%3E%3Ccircle cx='16' cy='16' r='3'/%3E%3Cpath d='m18.2 18.2 2.3 2.3'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-kommentieren { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H10l-5 4v-4H4z'/%3E%3Cpath d='M8 9h8M8 12h5'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-bearbeiten { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='m13.5 6.5 4 4'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-formulare { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 7.5h8M8 11h8'/%3E%3Crect x='8' y='14.5' width='3' height='3' rx='.5'/%3E%3Cpath d='M13.5 16h2.5'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-seiten { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='12' height='14' rx='1.5'/%3E%3Cpath d='M5 7v13h11'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-umwandeln { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14m-3-3 3 3-3 3M20 16H6m3-3-3 3 3 3'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-e-rechnung-pruefen { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='m9 14 2.2 2.2L15.5 12'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-zugferd-erzeugen { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6v18h12V7z'/%3E%3Cpath d='M14 3v4h4'/%3E%3Cpath d='M12 11v7m-3.5-3.5h7'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-pdf-a { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='5' rx='1'/%3E%3Cpath d='M5 9v11h14V9M10 13h4'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-schutz-eigenschaften { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 3 8 7 10 4-2 7-5.5 7-10V6z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); }
.netmail-docs-topic-card.topic-kommandozeile { --netmail-docs-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='m7 9 3 3-3 3m6 0h4'/%3E%3C/svg%3E"); }
.netpdf-shell .netmail-docs-product-logo { border-radius: 18px; }

.netpdf-shell kbd {
    padding: 0.1rem 0.4rem;
    border: 1px solid var(--netmail-line);
    border-bottom-width: 2px;
    border-radius: 5px;
    background: #fff;
    color: var(--netmail-ink);
    font-size: 0.85em;
}

@media (max-width: 575px) {
    .netpdf-shell .netmail-beta-nav .netmail-beta-text-link { display: none; }
    .netpdf-shell .netmail-beta-nav .btn { padding: 0.45rem 0.8rem; font-size: 0.9rem; }
    .netpdf-shell .netmail-beta-hero h1 { font-size: 2.1rem; }
    .netpdf-nowrap { white-space: normal; }
}

@media (max-width: 991px) {
    .netpdf-steps,
    .netpdf-docs-teaser .netmail-docs-topic-grid { grid-template-columns: 1fr; }
}