/* Gemeinsame Utility-Klassen, die in den Stitch-HTMLs mehrfach inline verwendet wurden. */

html, body { height: 100%; }

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.bg-gold-gradient {
    background: linear-gradient(45deg, #775a19, #c5a059);
}

.glass-header {
    backdrop-filter: blur(20px);
    background: rgba(252, 249, 248, 0.7);
}

/* Signature Quote – Portfolio-Seite */
.signature-quote-box {
    position: relative;
}
.signature-quote-box::before {
    content: "";
    position: absolute;
    left: -2rem;
    top: 0;
    bottom: 0;
    width: 4px;
    background-color: #775a19;
}

.scroll-mt-32 { scroll-margin-top: 8rem; }

/* ── Stellenanzeigen: Markdown-Prose-Styling ──────────────────────────────── */
/* Gilt für .prose-pid-Container, in dem @Html.Raw(ContentHtml) ausgegeben wird */

.prose-pid { color: #1c1b1b; font-family: "Manrope", sans-serif; line-height: 1.75; }

.prose-pid h2 {
    font-family: "Noto Serif", serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #1c1b1b;
    margin-top: 2.5rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e5e2e1;
}

.prose-pid h3 {
    font-family: "Noto Serif", serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #1c1b1b;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.prose-pid h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #1c1b1b;
    margin-top: 1.5rem;
    margin-bottom: 0.25rem;
}

.prose-pid p {
    margin-bottom: 1rem;
    color: #4e4639;
}

.prose-pid ul, .prose-pid ol {
    margin-bottom: 1.25rem;
    padding-left: 1.5rem;
}

.prose-pid ul { list-style-type: disc; }
.prose-pid ol { list-style-type: decimal; }

.prose-pid li {
    margin-bottom: 0.4rem;
    color: #4e4639;
    padding-left: 0.25rem;
}

.prose-pid ul li::marker { color: #775a19; }
.prose-pid ol li::marker { color: #775a19; font-weight: 600; }

.prose-pid strong { font-weight: 700; color: #1c1b1b; }
.prose-pid em     { font-style: italic; }

.prose-pid a {
    color: #775a19;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.prose-pid a:hover { color: #c5a059; }

.prose-pid blockquote {
    border-left: 3px solid #775a19;
    padding-left: 1.25rem;
    margin: 1.5rem 0;
    color: #625e55;
    font-style: italic;
}

.prose-pid hr {
    border: none;
    border-top: 1px solid #e5e2e1;
    margin: 2rem 0;
}

.prose-pid code {
    background: #f0eded;
    padding: 0.15em 0.4em;
    border-radius: 3px;
    font-size: 0.875em;
    font-family: monospace;
    color: #5d4201;
}

.prose-pid pre {
    background: #f0eded;
    padding: 1.25rem;
    border-radius: 4px;
    overflow-x: auto;
    margin-bottom: 1.25rem;
}
.prose-pid pre code {
    background: none;
    padding: 0;
    color: inherit;
}