@font-face { font-family: "Fluffi Grund"; src: url("fonts/FluffiGrund-Light.woff?v=6") format("woff"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Fluffi Grund"; src: url("fonts/FluffiGrund-Regular.woff?v=6") format("woff"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Fluffi Grund"; src: url("fonts/FluffiGrund-Bold.woff?v=6") format("woff"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Fluffi Grund"; src: url("fonts/FluffiGrund-Black.woff?v=6") format("woff"); font-weight: 900; font-display: swap; }

.paper-world {

    --font-display: "Fluffi Grund", "Londrina Solid", cursive;

    --pw-paper: #F7F0E3;
    --pw-paper-light: #FBF7EF;
    --pw-kraft: #E4D2B4;
    --pw-rose: #E2A1A8;
    --pw-moss: #A3A15A;
    --pw-sky: #A7C6D9;
    --pw-terracotta: #C5654A;
    --pw-honey: #DDAE6A;
    --pw-ink: #4A3B32;

    --pw-grid-line: rgba(150, 105, 70, .17);

    --bite-color: var(--pw-paper);

    --pw-button: var(--pw-terracotta);
    --pw-button-text: var(--pw-paper-light);

    --bg: var(--pw-paper);
    --accent-light: #F1E6D3;

    background-color: var(--pw-paper);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .25 0 0 0 0 .17 0 0 0 .10 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
        radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, .55), transparent 55%),
        radial-gradient(ellipse at 90% 60%, rgba(221, 174, 106, .10), transparent 50%);
    background-attachment: fixed, scroll, scroll;
}

.paper-world main img.pw-print {
    mix-blend-mode: multiply;
}

.paper-world .paper-note > * {
    z-index: auto;
}

.paper-world nav {
    background: var(--pw-paper-light);
    backdrop-filter: none;
    filter: drop-shadow(0 5px 6px rgba(74, 59, 50, .10));
}

.paper-world nav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -21px;
    height: 22px;
    background: var(--pw-paper-light);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 22' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 10 L4.9 5.2 L8.4 8.3 L11.7 11.1 L17.3 7.6 L22.9 13.6 L27.2 9.0 L33.7 7.2 L37.0 10.9 L40.8 4.9 L48.7 5.4 L55.6 7.0 L58.9 4.5 L66.0 7.4 L72.5 7.6 L80.3 9.6 L86.7 8.2 L94.1 6.3 L97.8 7.3 L101.7 10.9 L108.7 10.1 L117.0 6.5 L123.6 8.6 L131.6 11.6 L138.6 4.5 L145.5 11.9 L150.2 7.1 L153.3 7.7 L157.0 4.5 L160.8 6.0 L169.0 4.6 L175.3 11.1 L183.5 6.2 L188.7 11.1 L192.6 5.4 L197.0 7.9 L201.5 4.0 L206.8 8.5 L213.9 8.1 L221.0 4.4 L228.6 11.0 L234.0 10.2 L240.8 7.5 L245.0 5.3 L248.4 4.0 L252.0 9.9 L260.2 11.9 L264.7 6.8 L268.5 10.8 L274.3 10.9 L277.9 6.7 L285.8 8.3 L294.6 11.2 L300.8 4.2 L309.7 10.9 L314.2 6.9 L321.9 8.3 L326.9 5.8 L335.8 10.8 L343.7 9.9 L349.8 9.8 L353.0 6.2 L360.1 11.7 L368.7 11.9 L373.9 5.8 L378.1 5.6 L386.5 10.7 L393.4 13.4 L400 10 L400 0 Z'/%3E%3C/svg%3E") left top / 520px 100% repeat-x;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 22' preserveAspectRatio='none'%3E%3Cpath d='M0 0 L0 10 L4.9 5.2 L8.4 8.3 L11.7 11.1 L17.3 7.6 L22.9 13.6 L27.2 9.0 L33.7 7.2 L37.0 10.9 L40.8 4.9 L48.7 5.4 L55.6 7.0 L58.9 4.5 L66.0 7.4 L72.5 7.6 L80.3 9.6 L86.7 8.2 L94.1 6.3 L97.8 7.3 L101.7 10.9 L108.7 10.1 L117.0 6.5 L123.6 8.6 L131.6 11.6 L138.6 4.5 L145.5 11.9 L150.2 7.1 L153.3 7.7 L157.0 4.5 L160.8 6.0 L169.0 4.6 L175.3 11.1 L183.5 6.2 L188.7 11.1 L192.6 5.4 L197.0 7.9 L201.5 4.0 L206.8 8.5 L213.9 8.1 L221.0 4.4 L228.6 11.0 L234.0 10.2 L240.8 7.5 L245.0 5.3 L248.4 4.0 L252.0 9.9 L260.2 11.9 L264.7 6.8 L268.5 10.8 L274.3 10.9 L277.9 6.7 L285.8 8.3 L294.6 11.2 L300.8 4.2 L309.7 10.9 L314.2 6.9 L321.9 8.3 L326.9 5.8 L335.8 10.8 L343.7 9.9 L349.8 9.8 L353.0 6.2 L360.1 11.7 L368.7 11.9 L373.9 5.8 L378.1 5.6 L386.5 10.7 L393.4 13.4 L400 10 L400 0 Z'/%3E%3C/svg%3E") left top / 520px 100% repeat-x;
    pointer-events: none;
}

body.paper-world nav ul li a {
    position: relative;
    font-family: var(--font-display);
    font-size: 1.4rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pw-ink);
}

body.paper-world nav > .container > ul > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C20 2 35 8 55 5 S90 2 118 4' fill='none' stroke='%23C5654A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    opacity: 0;
    transform: scaleX(.4);
    transform-origin: left;
    transition: opacity .2s ease, transform .25s ease;
}

body.paper-world nav > .container > ul > li > a:hover::after,
body.paper-world nav > .container > ul > li > a[aria-current]::after {
    opacity: 1;
    transform: scaleX(1);
}

.paper-world .dropdown-menu {
    border: 0;
    border-radius: 3px 12px 5px 14px / 12px 4px 14px 5px;
    background: var(--pw-paper-light);
    box-shadow: 0 2px 4px rgba(74, 59, 50, .08), 0 14px 28px rgba(74, 59, 50, .16);
    transform: rotate(-1.2deg);
    padding: 20px 22px 16px;
}

.paper-world .dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 78%;
    width: 64px;
    height: 20px;
    background-color: color-mix(in srgb, var(--pw-rose) 72%, transparent);
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, transparent 2px 7px);
    transform: translateX(-50%) rotate(-3deg);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

body.paper-world .dropdown-menu li a {
    font-size: 1.3rem;
}

body.paper-world .dropdown-menu li a:hover {
    color: var(--pw-terracotta);
}

@media (max-width: 750px) {
    body.paper-world nav ul li a { font-size: 1.2rem; }
    body.paper-world nav ul { gap: 4px 16px; }
}

.paper-world .fluffel-more::after {
    height: 9px;
    bottom: -3px;
    border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C20 2 35 8 55 5 S90 2 118 4' fill='none' stroke='%23C5654A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    transform: none;
}

.paper-world .fluffel-more:hover { color: var(--pw-terracotta); }

.paper-world .fluffel-button {
    isolation: isolate;
    padding: 11px 22px 11px 34px;
    border: 0;
    border-radius: 4px 14px 14px 4px;
    background: transparent;
    color: var(--pw-button-text);
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: .05em;
    filter: drop-shadow(0 6px 8px rgba(74, 59, 50, .16));
    box-shadow: none;
    rotate: -1.5deg;
}

.paper-world .fluffel-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background: var(--pw-button);

    -webkit-mask: radial-gradient(circle 4.5px at 17px 50%, transparent 96%, #000 100%);
            mask: radial-gradient(circle 4.5px at 17px 50%, transparent 96%, #000 100%);
}

.paper-world .fluffel-button:hover {
    box-shadow: none;
    filter: drop-shadow(0 9px 12px rgba(74, 59, 50, .2));
}

.paper-world .fluffel-crumbs i {
    width: 9px;
    height: 8px;
    background: #A8703F;
    border-radius: 60% 40% 55% 45% / 50% 60% 40% 50%;
}

.paper-world .fluffel-crumbs i:nth-child(2),
.paper-world .fluffel-crumbs i:nth-child(5) {
    width: 6px;
    height: 6px;
    background: #5A3722;
}

.paper-world .fluffel-crumbs i:nth-child(3) {
    width: 11px;
    height: 9px;
    background: #C08A52;
}

.paper-world .fluffel-button-mampf::after { display: none; }

.paper-world .fluffel-button-mampf:hover::before {
    -webkit-mask:
        radial-gradient(circle 4.5px at 17px 50%, transparent 96%, #000 100%),
        radial-gradient(circle 8px at calc(100% - 4px) calc(100% - 2px), transparent 96%, #000 100%),
        radial-gradient(circle 8px at calc(100% - 15px) calc(100% - 4px), transparent 96%, #000 100%),
        radial-gradient(circle 7px at calc(100% - 27px) calc(100% + 1px), transparent 96%, #000 100%);
    -webkit-mask-composite: source-in, source-in, source-in;
            mask:
        radial-gradient(circle 4.5px at 17px 50%, transparent 96%, #000 100%),
        radial-gradient(circle 8px at calc(100% - 4px) calc(100% - 2px), transparent 96%, #000 100%),
        radial-gradient(circle 8px at calc(100% - 15px) calc(100% - 4px), transparent 96%, #000 100%),
        radial-gradient(circle 7px at calc(100% - 27px) calc(100% + 1px), transparent 96%, #000 100%);
            mask-composite: intersect;
}

.paper-world .pw-tape {
    position: absolute;
    z-index: 4;
    top: -13px;
    left: 50%;
    width: 92px;
    height: 26px;
    background-color: color-mix(in srgb, var(--tape, var(--pw-rose)) 88%, transparent);
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, transparent 2px 7px);
    transform: translateX(-50%) rotate(var(--tape-rotation, -3deg));

    pointer-events: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.paper-world .pw-tape--sky { --tape: var(--pw-sky); --tape-rotation: 4deg; }
.paper-world .pw-tape--moss { --tape: var(--pw-moss); --tape-rotation: -5deg; }
.paper-world .pw-tape--honey { --tape: var(--pw-honey); --tape-rotation: 2deg; }
.paper-world .pw-tape--corner { left: 18px; transform: rotate(-32deg); width: 74px; }
.paper-world .pw-tape--corner-right { left: auto; right: -14px; transform: rotate(35deg); width: 74px; }

.paper-world .fluffel-hero-image { position: relative; }

.paper-world .pw-hand-note {
    position: absolute;
    z-index: 3;
    left: 8%;
    top: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    font-family: var(--font-display);
    font-weight: 300;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--pw-terracotta);
    transform: rotate(-7deg);
    pointer-events: none;
}

.paper-world .pw-hand-note img {
    width: 66px;
    height: auto;
    margin-top: 6px;
    transform: rotate(35deg) scaleX(-1);
    opacity: .85;
}

.paper-world .pw-grid-paper {
    position: relative;
    margin: 30px 0;
    padding: 70px 0 90px;
    background-color: var(--pw-paper-light);

    background-image: url("Portfolio/Fluffel/karo-krakelig.svg");
    background-size: 312px 312px;
    background-position: center top;
}

.paper-world .pw-grid-paper::before,
.paper-world .pw-grid-paper::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 16px;
    background: var(--pw-paper-light);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9L6 6 11 10 17 5 24 9 29 4 36 8 42 6 48 10 55 5 61 8 67 3 74 9 80 6 86 10 93 5 99 8 105 4 112 9 120 6V16Z'/%3E%3C/svg%3E") left / 240px 100% repeat-x;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9L6 6 11 10 17 5 24 9 29 4 36 8 42 6 48 10 55 5 61 8 67 3 74 9 80 6 86 10 93 5 99 8 105 4 112 9 120 6V16Z'/%3E%3C/svg%3E") left / 240px 100% repeat-x;
}

.paper-world .pw-grid-paper::before { top: -15px; }
.paper-world .pw-grid-paper::after { bottom: -15px; transform: scaleY(-1); }

.paper-world .pw-section-head {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.paper-world .pw-section-head h2 {
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    line-height: .95;
}

.paper-world .pw-prop {
    position: absolute;
    pointer-events: none;
    height: auto;
}

.paper-world .pw-prop--vase { left: -190px; top: -30px; width: 130px; transform: rotate(-3deg); }
.paper-world .pw-prop--topf { left: -190px; top: -10px; width: 120px; transform: rotate(-3deg); }

.paper-world .fluffel-link-grid > .paper-note {
    padding-top: 34px;
    background-color: #F6EEDF;
    box-shadow:
        0 1px 3px rgba(74, 59, 50, .12),
        0 12px 26px rgba(74, 59, 50, .16),
        inset 0 0 40px rgba(74, 59, 50, .07);
}

.paper-world .fluffel-link-grid > .paper-note:nth-child(1) { --paper-rotation: -2deg !important; }
.paper-world .fluffel-link-grid > .paper-note:nth-child(2) { --paper-rotation: 0deg !important; }
.paper-world .fluffel-link-grid > .paper-note:nth-child(3) { --paper-rotation: 1.5deg !important; }
.paper-world .fluffel-link-grid > .paper-note:nth-child(4) { --paper-rotation: 0deg !important; }

.paper-world .fluffel-link-grid .paper-note__image { height: 170px; }

.paper-world .fluffel-link-grid .paper-note__image img {
    width: auto;
    max-width: 92%;
    max-height: 100%;
    object-fit: contain;
    transition: transform .35s cubic-bezier(.2, 1.4, .4, 1);
}

.paper-world .fluffel-link-grid > .paper-note:hover .paper-note__image img {
    transform: rotate(-4deg) scale(1.06);
}

.paper-world .pw-kicker--moss { color: #7C7A33; }
.paper-world .pw-kicker--rose { color: #B8616B; }
.paper-world .pw-kicker--sky { color: #4E7F9C; }

.paper-world .pw-crumb {
    position: absolute;
    z-index: 2;
    width: var(--size, 34px);
    height: auto;
    opacity: .9;
    pointer-events: none;
    transform: rotate(var(--rot, 0deg));
}

.paper-world .pw-kraft {
    --pw-letter: #FCF8F0;
    --paper-texture: url("Portfolio/Fluffel/knitter_papier_1.webp");
    --paper-color: var(--pw-letter);
    --paper-rotation: -.6deg;
    --bite-color: var(--pw-letter);
    overflow: visible;
}

.paper-world .pw-kraft::before { opacity: .22; }

.paper-world .pw-kraft .pw-prop--schuh {
    right: -40px;
    bottom: -50px;
    width: 150px;
    z-index: 3;
}

.paper-world .pw-section-head .hero-intro { margin-top: 12px; }

.paper-world .pw-has-props,
.paper-world .fluffel-post-card--status,
.paper-world .bisher-entry--right { position: relative; }

.paper-world .pw-prop--buch-vase { left: -200px; top: -10px; width: 140px; transform: rotate(-3deg); }
.paper-world .pw-prop--buch-topf { right: -200px; top: 10px; width: 130px; transform: rotate(3deg); }

.paper-world .pw-prop--laterne { right: -78px; bottom: -14px; width: 92px; transform: rotate(4deg); }

.paper-world .pw-prop--wegweiser { right: calc(100% + 90px); bottom: -10px; width: 170px; transform: rotate(-2deg); }

.paper-world .pw-prop--bauphase { right: 7%; bottom: -24px; width: 120px; }

.paper-world .paper-note.paper-note--long::before {
    background-size: cover;
    background-repeat: no-repeat;
}

.paper-world .paper-note--article {
    --paper-rotation: 0deg !important;
}

.paper-world .paper-note--article:hover {
    transform: none;
}

.paper-world .fluffel-post-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 380px;
    margin: 28px auto 6px;
    object-fit: contain;
}

.paper-world .fluffel-blog-article-content p:has(> .fluffel-post-image) + p > em:only-child {
    display: block;
    text-align: center;
    color: var(--text-secondary);
}

.paper-world .pw-update {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 28px;
    padding: 14px 20px 12px;
    background: var(--pw-paper-light);
    border-radius: 3px 10px 4px 12px / 10px 3px 12px 4px;
    box-shadow: 0 1px 3px rgba(74, 59, 50, .10), 0 10px 20px rgba(74, 59, 50, .12);
    transform: rotate(-1.5deg);
}

.paper-world .pw-update.reveal.active { transform: rotate(-1.5deg); }

.paper-world .pw-update .pw-tape { top: -11px; width: 62px; height: 20px; }

.paper-world .pw-update__label {
    color: var(--accent-text);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.paper-world .pw-update__text {
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--pw-ink);
}

.paper-world .pw-update__text time { color: var(--accent-text); margin-right: 4px; }

.paper-world .fluffel-moodboard > .pw-visitenkarte {
    position: relative;
    display: grid;
    grid-template-columns: 36% 1fr;
    align-items: center;
    gap: 14px;
    aspect-ratio: 85 / 55;
    min-height: auto;
    flex: 0 1 clamp(260px, 30%, 360px);
    max-width: 380px;
    padding: 16px 22px 16px 14px;
    border: 0;
    border-radius: 4px;
    background: #FCF9F2;
    color: var(--pw-ink);
    text-decoration: none;

    box-shadow:
        inset 0 0 0 7px #FCF9F2,
        inset 0 0 0 8px rgba(197, 101, 74, .35),
        0 1px 2px rgba(74, 59, 50, .12),
        0 10px 22px rgba(74, 59, 50, .14);
    transition: transform .3s ease, box-shadow .3s ease;
}

.paper-world .fluffel-moodboard > .pw-visitenkarte:hover {
    transform: translate(7%, .5em) rotate(-1deg);
    box-shadow:
        inset 0 0 0 7px #FCF9F2,
        inset 0 0 0 8px rgba(197, 101, 74, .5),
        0 2px 4px rgba(74, 59, 50, .14),
        0 16px 30px rgba(74, 59, 50, .18);
}

.paper-world .pw-visitenkarte .pw-tape { top: -11px; left: 22%; width: 70px; height: 22px; }

.paper-world .pw-visitenkarte__bild {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: contain;
    transform: scale(1.25);
}

.paper-world .pw-visitenkarte__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.paper-world .pw-visitenkarte__kicker {
    color: var(--accent-text);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.paper-world .pw-visitenkarte__name {
    font-family: var(--font-display);
    font-size: clamp(1.7rem, 2.4vw, 2.1rem);
    line-height: .95;
    text-transform: uppercase;
}

.paper-world .pw-visitenkarte__rolle {
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(74, 59, 50, .3);
    color: var(--text-secondary);
    font-size: .82rem;
    line-height: 1.35;
}

.paper-world .pw-visitenkarte__kontakt {
    margin-top: 6px;
    font-size: .88rem;
    font-weight: 700;
}

.paper-world .pw-visitenkarte:hover .pw-visitenkarte__kontakt { color: var(--pw-terracotta); }

.paper-world .murmelrode-intro .fluffel-hero-paper img:first-child { top: calc(50% - 35px); }

.paper-world .pw-paper--brown { --paper-color: #E9D5B2 !important; --paper-rotation: -.8deg !important; }
.paper-world .pw-paper--brown + .pw-paper--brown { --paper-color: #E3CCA6 !important; --paper-rotation: .6deg !important; }
.paper-world .pw-paper--brown::before { opacity: .3; }

.paper-world .murmelrode-follow-art {
    height: 240px;
    min-height: 0;
    max-height: none;
    object-fit: contain;
}

.paper-world .murmelrode-follow-card--whatsapp .murmelrode-follow-art { transform: scale(1.4); }

.paper-world .murmelrode-follow-card--blog .murmelrode-follow-art { mix-blend-mode: normal; }

.paper-world .murmelrode-note:nth-child(1) { --paper-rotation: -.7deg !important; }
.paper-world .murmelrode-note:nth-child(2) { --paper-rotation: .5deg !important; }
.paper-world .murmelrode-note:nth-child(3) { --paper-rotation: .3deg !important; }
.paper-world .murmelrode-note:nth-child(4) { --paper-rotation: -.4deg !important; }

.paper-world .murmelrode-follow-heading { position: relative; }
.paper-world .pw-prop--follow-wegweiser { left: -275px; top: 30px; width: 125px; transform: rotate(-3deg); }
.paper-world .pw-prop--follow-laterne { right: -270px; top: 130px; width: 130px; transform: rotate(4deg); }

.paper-world .fluffel-moodboard img,
.paper-world .fluffel-blog-card-image,
.paper-world .fluffel-blog-article-image,
.paper-world .fluffel-post-image,
.paper-world .fluffel-split-image img,

.paper-world .fluffel-hero-paper > img:first-child,
.paper-world .fluffel-note > img:first-child {
    mix-blend-mode: normal;
}

.paper-world .paper-note > .fluffel-mood-tape { z-index: 4; }

.paper-world .card-surface {
    border: 0;
    background-color: var(--pw-paper-light);
    box-shadow: 0 1px 3px rgba(74, 59, 50, .08), 0 12px 26px rgba(74, 59, 50, .12);
}

.paper-world .card-surface:hover {
    box-shadow: 0 2px 5px rgba(74, 59, 50, .10), 0 18px 34px rgba(74, 59, 50, .16) !important;
}

.paper-world .ink-outline:not(.fluffel-button) { border: 0; }

.paper-world .fluffel-split-image { padding: 12px 12px 6px; }

.paper-world .card-surface.surface-tint { background-color: var(--pw-paper-light); }

.paper-world .fluffel-quote {
    border-left: 0;
    background: transparent;
    color: var(--pw-terracotta);
    padding-left: 0;
}

.paper-world .fluffel-says {
    padding: 20px 26px;
    background: var(--pw-paper-light);
    color: var(--pw-ink);
    box-shadow: 0 1px 3px rgba(74, 59, 50, .08), 0 12px 26px rgba(74, 59, 50, .12);
}

.paper-world .washi-tape::before,
.paper-world .washi-tape-alt::after {
    clip-path: none;
    opacity: 1;
    background-color: color-mix(in srgb, var(--pw-rose) 88%, transparent);
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, transparent 2px 7px);

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M3 0H97L100 4 96 8 100 12 97 16 100 20 96 24 100 28 97 30H3L0 26 4 22 0 18 3 14 0 10 4 6 0 2Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

.paper-world .washi-tape-alt::after {
    background-color: color-mix(in srgb, var(--pw-sky) 88%, transparent);
}

.paper-world .fluffel-mood-tape.washi-tape::before,
.paper-world .fluffel-mood-tape.washi-tape-alt::after { opacity: .8; }

.paper-world .paper-note p .fluffel-more { background-image: none; }

.paper-world .pw-karo,
.paper-world .fluffel-blog-section {
    position: relative;
    background-color: var(--pw-paper-light);
    background-image: url("Portfolio/Fluffel/karo-krakelig.svg");
    background-size: 312px 312px;
    background-position: center top;
}

.paper-world .pw-karo::before,
.paper-world .pw-karo::after,
.paper-world .fluffel-blog-section::before,
.paper-world .fluffel-blog-section::after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    height: 16px;
    background: var(--pw-paper-light);
    pointer-events: none;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9L6 6 11 10 17 5 24 9 29 4 36 8 42 6 48 10 55 5 61 8 67 3 74 9 80 6 86 10 93 5 99 8 105 4 112 9 120 6V16Z'/%3E%3C/svg%3E") left / 240px 100% repeat-x;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9L6 6 11 10 17 5 24 9 29 4 36 8 42 6 48 10 55 5 61 8 67 3 74 9 80 6 86 10 93 5 99 8 105 4 112 9 120 6V16Z'/%3E%3C/svg%3E") left / 240px 100% repeat-x;
}

.paper-world .pw-karo::before,
.paper-world .fluffel-blog-section::before { top: -15px; }

.paper-world .pw-karo::after,
.paper-world .fluffel-blog-section::after { bottom: -15px; transform: scaleY(-1); }

.paper-world .fluffel-section--flush-bottom.pw-karo::after,
.paper-world .fluffel-section--flush-bottom + .pw-karo::before { display: none; }

.paper-world .pw-karo > .container,
.paper-world .fluffel-blog-section > .container { position: relative; z-index: 2; }

@media (max-width: 1100px) {
    .paper-world .pw-prop--vase,
    .paper-world .pw-prop--topf,
    .paper-world .pw-prop--buch-vase,
    .paper-world .pw-prop--buch-topf,
    .paper-world .pw-prop--follow-wegweiser { display: none; }
}

@media (max-width: 750px) {

    .paper-world .murmelrode-intro .fluffel-hero-paper img:first-child {
        top: calc(50% - 34px);
        left: calc(50% + 30px);
        width: 112%;
    }

    .paper-world .murmelrode-intro .fluffel-hero-image { margin-bottom: 28px; }

    .paper-world .pw-prop--laterne { right: -6px; bottom: -30px; width: 58px; }

    .paper-world .pw-prop--wegweiser,
    .paper-world .pw-prop--follow-wegweiser { display: none; }

    .paper-world .pw-prop--follow-laterne { right: 36px; top: -140px; width: 73px; }

    .paper-world .murmelrode-follow-art { height: 200px; }

    .paper-world .fluffel-moodboard > .pw-visitenkarte {
        flex: 0 0 auto;
        width: min(100%, 380px);
    }

    .paper-world .fluffel-moodboard > .pw-visitenkarte:hover { transform: rotate(.6deg); }

    .paper-world .pw-prop--bauphase { right: 4%; bottom: -20px; width: 86px; }
}

@media (max-width: 750px) {
    .paper-world { background-attachment: scroll, scroll, scroll; }

    .paper-world .paper-note::before { background-image: var(--paper-texture); }

    .paper-world .pw-hand-note {
        left: 4%;
        font-size: 1.1rem;
    }

    .paper-world .pw-hand-note img {
        width: 50px;
        margin-top: 4px;
    }

    .paper-world .pw-grid-paper { padding: 50px 0 70px; }

    .paper-world .fluffel-link-grid .paper-note__image { height: 150px; }

    .paper-world .pw-crumb--desktop { display: none; }

    .paper-world .pw-kraft .pw-prop--schuh {
        right: -8px;
        bottom: -40px;
        width: 100px;
    }
}

.paper-world .pw-prop--tee { right: -240px; top: 15px; width: 180px; transform: rotate(3deg); }

.paper-world .bisher-entry::after {
    width: 40px; height: 40px; margin: -13px; border: 0; border-radius: 0;
    background: url("Portfolio/Fluffel/farbig/Keks_1-klein.webp") center / contain no-repeat;
}
.paper-world .bisher-entry:nth-child(3n+2)::after { background-image: url("Portfolio/Fluffel/farbig/Keks_2-klein.webp"); transform: rotate(25deg); }
.paper-world .bisher-entry:nth-child(3n)::after { background-image: url("Portfolio/Fluffel/farbig/Keks_3-klein.webp"); transform: rotate(-15deg); }

.paper-world .pw-prop--bisher-topf { left: calc(100% + 40px); bottom: -10px; width: 120px; transform: rotate(3deg); }

.paper-world .bisher-entry--breit { width: 78%; margin-left: auto; margin-right: auto; }

.paper-world .bisher-entry--breit .pw-prop--bisher-topf { display: block; left: calc(100% + 10px); bottom: 0; width: 110px; }

@media (max-width: 1250px) {
    .paper-world .bisher-entry--breit { width: 100%; }
    .paper-world .bisher-entry--breit .pw-prop--bisher-topf { left: auto; right: -10px; bottom: -25px; width: 80px; }
}
@media (max-width: 750px) {
    .paper-world .bisher-entry--breit .pw-prop--bisher-topf { display: none; }
}

.paper-world .buch-motiv { position: relative; container-type: inline-size; }
.paper-world .buch-motiv-bild { display: block; width: 100%; height: auto; }

.paper-world .buch-seite {
    position: absolute;
    top: 13%;
    bottom: 13%;
}

.paper-world .buch-seite--links {
    left: 11%;
    right: 56%;
    display: flex;
    align-items: center;
    transform: rotate(-1.5deg);
}

.paper-world .buch-seite--rechts {
    left: 56%;
    right: 10%;
    transform: rotate(1deg);
}

.paper-world .buch-seite h2 { font-size: 5cqw; line-height: 1; margin: 0; }
.paper-world .buch-seite p,
.paper-world .buch-seite a { font-size: 2.3cqw; line-height: 1.35; margin: 0 0 .5em; }

@media (max-width: 1000px) {
    .paper-world .buch-seite p,
    .paper-world .buch-seite a { font-size: 2.35cqw; }
}

@media (max-width: 750px) {
    .paper-world .buch-seite { position: static; transform: none; margin-top: 1rem; }
    .paper-world .buch-seite h2 { font-size: 1.6rem; margin-bottom: -.25rem; }
    .paper-world .buch-seite p,
    .paper-world .buch-seite a { font-size: 1rem; }
}

.paper-world .murmelrode-map { display: block; width: 100%; max-width: 280px; height: auto; }

.paper-world .fluffel-month-archive,
.paper-world .fluffel-blog-feed .fluffel-section-heading { position: relative; }
.paper-world .pw-prop--polychromos { right: 0; top: -20px; width: 150px; transform: rotate(-6deg); }
.paper-world .pw-prop--tombow { right: 165px; top: -10px; width: 150px; transform: rotate(8deg); }

@media (max-width: 1250px) {
    .paper-world .pw-prop--tee,
    .paper-world .pw-prop--bisher-topf { display: none; }
}
@media (max-width: 750px) {
    .paper-world .bisher-entry::after { width: 32px; height: 32px; margin: -9px; }
    .paper-world .pw-prop--polychromos { width: 90px; top: -10px; }
    .paper-world .pw-prop--tombow { width: 90px; right: 100px; }
}

@media (min-width: 751px) {
    .paper-world #fluffel { padding-bottom: 0; }
    .paper-world #fluffel .fluffel-hero { padding-bottom: 10px; }
}

.paper-world .fluffel-month-archive {
    display: block;
    column-gap: 0;
    row-gap: 34px;
}
.paper-world .fluffel-month-archive > .kicker,
.paper-world .fluffel-month-archive > h2 { grid-column: 1 / -1; }
.paper-world .fluffel-month-archive > h2 {
    margin-bottom: 4px;

}
.paper-world .fluffel-month-group + .fluffel-month-group { margin-top: 30px !important; }
.paper-world .fluffel-month-group { margin: 22px 0 0 !important; padding: 0; max-width: 560px; }
.paper-world .fluffel-month-group h3 {
    display: inline-block;
    margin: 0 0 14px -6px;
    padding: 4px 14px 2px;
    background: rgba(226, 184, 120, .45);
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    transform: rotate(-1.5deg);
    clip-path: polygon(2% 0, 98% 4%, 100% 100%, 0 94%);
}
.paper-world .fluffel-month-group:nth-of-type(3n+2) h3 { background: rgba(160, 196, 214, .45); transform: rotate(1deg); }
.paper-world .fluffel-month-group:nth-of-type(3n) h3 { background: rgba(170, 190, 140, .45); transform: rotate(-.5deg); }
.paper-world .fluffel-month-group a { align-items: baseline; gap: 12px; padding: 8px 0; }
.paper-world .fluffel-month-group time { flex: 0 0 auto; font-size: .85rem; font-weight: 700; }
.paper-world .fluffel-month-group span { flex: 1; }
.paper-world .fluffel-month-group b { color: var(--accent); font-weight: 400; transition: transform .2s; }
.paper-world .fluffel-month-group a:hover b { transform: translateX(4px); }
@media (max-width: 750px) {
    .paper-world .fluffel-month-group { padding: 0 6px 0 16px; }
}

.paper-world .fluffel-month-archive {
    --pw-hand-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 9' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C20 2 35 8 55 5 S90 2 118 4' fill='none' stroke='%23C5654A' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    --pw-hand-line-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 120' preserveAspectRatio='none'%3E%3Cpath d='M5 2 C2 20 8 35 5 55 S2 90 4 118' fill='none' stroke='%23C5654A' stroke-width='2' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E");
    border-top: 0;
    background: var(--pw-hand-line) center top / 100% 9px no-repeat;
}
.paper-world .fluffel-month-archive > h2 { display: table; padding-bottom: 8px; background: var(--pw-hand-line) left bottom / 100% 9px no-repeat; }
.paper-world .fluffel-month-group li + li { border-top: 0; background: var(--pw-hand-line) left top / 100% 5px no-repeat; }
.paper-world .fluffel-month-group li + li a { padding-top: 10px; }

@media (min-width: 1000px) {
    .paper-world .fluffel-moodboard { display: block; columns: 3; column-gap: 6px; }
    .paper-world .fluffel-moodboard > .fluffel-mood-piece,
    .paper-world .fluffel-moodboard > .fluffel-mood-interlude { display: block; break-inside: avoid; margin: 0 0 4px; }
    .paper-world .fluffel-moodboard > .pw-visitenkarte { display: grid; width: min(100%, 380px); margin: 14px auto 18px; }
}

.paper-world .fluffel-mood-tape.washi-tape::before { top: -12px; left: 22%; transform: rotate(-6deg); }
.paper-world .fluffel-mood-tape.washi-tape-alt::after { top: -12px; right: 22%; transform: rotate(5deg); }

.paper-world .pw-hand-note img { width: 30px; margin: 4px 0 0 34px; transform: scaleX(-1); }

body.paper-world nav > .container > ul > li > a[aria-current="page"]:not(.nav-dropdown-toggle)::before,
body.paper-world .dropdown-menu a[aria-current="page"]::before {
    content: ""; display: inline-block; width: 14px; height: 14px; margin-right: 5px; vertical-align: -1px;
    background: url("Portfolio/Fluffel/farbig/Keks_mini.webp") center / contain no-repeat;
}

.paper-world .pfeil {
    display: inline-block; width: 1.1em; height: 1em; vertical-align: -.15em; margin-inline: .25em;
    background: var(--pw-terracotta, #C5654A);
    -webkit-mask: url("Portfolio/Fluffel/Pfeil.svg") center / contain no-repeat;
            mask: url("Portfolio/Fluffel/Pfeil.svg") center / contain no-repeat;
}
.paper-world .pfeil--links { transform: scaleX(-1); }
.paper-world .pfeil--runter { transform: rotate(90deg); }

.paper-world .pw-tape--klammer {
    left: 18%; top: -26px; width: 30px; height: 50px;
    background: url("Portfolio/Fluffel/farbig/Bueroklammer_1-klein.webp") center / contain no-repeat;
    -webkit-mask: none; mask: none;
    transform: rotate(-6deg);
}

.paper-world .fluffel-moodboard > .fluffel-mood-piece:nth-of-type(3n) .fluffel-mood-tape::after { display: none; }
.paper-world .fluffel-moodboard > .fluffel-mood-piece:nth-of-type(3n) .fluffel-mood-tape::before {
    content: ""; display: block; top: -24px; left: 50%; right: auto;
    width: 46px; height: 46px; opacity: 1;
    background: url("Portfolio/Fluffel/farbig/Reisszwecke-klein.webp") center / contain no-repeat;
    -webkit-mask: none; mask: none; clip-path: none;
    transform: translateX(-50%) rotate(-8deg);
}

.paper-world .fluffel-month-archive::after {
    content: ""; position: absolute; top: 4px; left: 0; width: 34px; height: 42px;
    background: url("Portfolio/Fluffel/farbig/Bueroklammer_2-klein.webp") center / contain no-repeat;
    transform: translate(-60%, -40%) rotate(-12deg); pointer-events: none;
}

.paper-world :is(h1, h2, h3, h4) {
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1.02;
}

.paper-world .kicker {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
    text-wrap: balance;
}

.paper-world .bisher-date { font-weight: 700; }

.paper-world .workshop-note {
    font-weight: 700;
    line-height: 1.2;
    color: var(--text-main);
}

.paper-world .bisher-note :is(p, .bisher-number-label) + :is(p, .workshop-note) { margin-top: .8em; }

.paper-world .bisher-number {
    font-size: clamp(2.8rem, 6vw, 4.5rem);
    font-weight: 900;
    line-height: .95;
}

.paper-world .fluffel-link-grid h3 { font-size: clamp(1.4rem, 2vw, 1.75rem); }

.paper-world .fluffel-button,
.paper-world .pw-visitenkarte__name {
    letter-spacing: 0;
    text-transform: none;
}

@media (min-width: 751px) and (max-width: 1000px) {
    .paper-world .fluffel-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.fp-letter {
    position: fixed; left: calc(env(safe-area-inset-left, 0px) - 18px); bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    z-index: 1100; width: 104px; border: 0; background: none; padding: 0; cursor: pointer;
    filter: drop-shadow(0 6px 10px rgba(63, 47, 39, .35)); rotate: -8deg;
    transition: transform .35s cubic-bezier(.2, .8, .2, 1);
}
.fp-letter img { display: block; width: 100%; height: auto; }
.fp-letter:hover, .fp-letter:focus-visible { transform: translateY(-6px) rotate(3deg); }
.fp-letter:focus-visible { outline: 3px solid var(--pw-terracotta); outline-offset: 4px; border-radius: 8px; }
.fp-letter.fp-stups { animation: fp-stups 1.6s ease-in-out; }
@keyframes fp-stups { 0%, 100% { transform: none; } 20% { transform: translateY(-8px) rotate(-3deg); } 40% { transform: rotate(2deg); } 60% { transform: translateY(-4px); } }
.fp-letter .fp-punkt { position: absolute; top: -2px; right: 4px; width: 14px; height: 14px; border-radius: 50%; background: var(--pw-terracotta); border: 2px solid #fff; }

.fp-wrap {
    position: fixed; inset: 0; z-index: 1200; display: flex; overflow-y: auto; padding: 34px 16px 16px;
    background: rgba(63, 47, 39, .45); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
    animation: fp-fade .4s ease both;
}
.fp-wrap[hidden] { display: none; }
@keyframes fp-fade { from { opacity: 0; } }
.fp-wrap.fp-zu { animation: fp-fade .3s ease reverse both; }
.fp-card {
    position: relative; width: min(400px, 100%); margin: auto;
    color: var(--pw-ink); border-radius: 3px; padding: 30px 22px 20px; display: grid; gap: 10px;
    background-color: var(--pw-paper-light);
    background-image: repeating-linear-gradient(transparent 0 27px, rgba(110, 140, 190, .18) 27px 28px);
    box-shadow: 0 18px 40px rgba(63, 47, 39, .4); rotate: -1deg;
    animation: fp-rise .55s cubic-bezier(.2, .8, .2, 1) both;
    font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; line-height: 1.5;
}
@keyframes fp-rise { from { opacity: 0; transform: translateY(24px) scale(.97); } }
.fp-card::before {
    content: ""; position: absolute; top: -12px; left: 50%; width: 96px; height: 24px; translate: -50% 0; rotate: 3deg;
    background-color: color-mix(in srgb, var(--pw-honey) 85%, transparent);
    background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .22) 0 2px, transparent 2px 7px);
}
.fp-card .fp-marke { position: absolute; top: -20px; right: 50px; width: 54px; rotate: 6deg; pointer-events: none; }
.fp-card .fp-stempel { position: absolute; top: 4px; right: 88px; width: 66px; opacity: .85; rotate: -10deg; pointer-events: none; }
.fp-card h2 { margin: 0; padding-right: 30px; font-size: 1.9rem; }
.fp-card p { margin: 0; }
.fp-card .fp-gruss { font-family: var(--font-display); font-size: 1.2rem; }
.fp-card form { display: grid; gap: 9px; }
.fp-card label { display: grid; gap: 4px; font-size: 14px; font-weight: 600; }
.fp-card .fp-check { display: flex; gap: 8px; align-items: flex-start; font-weight: 400; }
.fp-card .fp-check input { margin-top: 3px; accent-color: var(--pw-terracotta); flex: none; }
.fp-card input[type=email] { font: inherit; padding: 10px 12px; border: 1.5px solid #E4D2B4; border-radius: 8px; background: #fff; color: var(--pw-ink); }
.fp-card input[type=email]:focus { outline: 2px solid var(--pw-terracotta); outline-offset: 1px; }
.fp-card a { color: var(--pw-terracotta); }
.fp-card .fp-senden { font: inherit; font-weight: 700; border: 0; border-radius: 12px; padding: 12px 18px; cursor: pointer; background: var(--pw-terracotta); color: #fff; }
.fp-card .fp-senden:hover { filter: brightness(.95); }
.fp-card .fp-klein { font-size: 12px; color: #6E5A4C; }
.fp-card .fp-fehler { min-height: 1.2em; font-size: 13px; font-weight: 600; color: #9C3B27; }
.fp-card .fp-x { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #F1E4CC; color: var(--pw-ink); font: inherit; font-weight: 800; cursor: pointer; }
.fp-card .fp-nein { font: inherit; font-size: 13px; font-weight: 600; background: none; border: 0; color: #6E5A4C; text-decoration: underline; cursor: pointer; justify-self: start; padding: 0; }
.fp-card .fp-falle { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
@media (max-width: 600px) { .fp-letter { width: 78px; left: calc(env(safe-area-inset-left, 0px) - 12px); } }
@media (prefers-reduced-motion: reduce) { .fp-wrap, .fp-card, .fp-letter.fp-stups { animation: none !important; } }