/* Pure & Joy – Album-Gestaltung. Dunkle Albumseiten aus Walnuss, Abzüge auf Papier, Notizen in Weißstift. */

:root{
  --walnuss:#2A221D;--walnuss-tief:#231C18;--papier:#FFFDF9;--leinen:#F6F1E9;--text:#D9D0C3;--leise:#A3968A;
  --honig:#E0A54A;--honig-hell:#EDBE6E;--honig-dunkel:#8F5C12;--waldgruen:#1F3B2A;--weissstift:#EEE7DA;--stein:#6B625A;--tinte:#43372F;
  --oben:var(--wp-admin--admin-bar--height,0px);
  --korn:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 .93  0 0 0 0 .85  0 0 0 .055 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  --fasern:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.012 .6' numOctaves='2' seed='4' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .4  0 0 0 0 .34  0 0 0 .22 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>");
  --leinwand:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='l'><feTurbulence type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 .9  0 0 0 .07 0'/></filter><rect width='100%25' height='100%25' filter='url(%23l)'/><filter id='m'><feTurbulence type='fractalNoise' baseFrequency='.06 .9' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23m)'/></svg>");
  --papierkorn:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4  0 0 0 0 .33  0 0 0 0 .25  0 0 0 .05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23p)'/></svg>");
}

/* Grundlagen */
html{background:var(--walnuss)}
body.pj{margin:0;background:var(--walnuss) var(--korn);color:var(--text);font-family:"Merriweather",Georgia,serif;font-optical-sizing:auto;font-weight:330;font-size:17px;line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.pj *,body.pj *::before,body.pj *::after{box-sizing:border-box}
.pj-main{display:block;overflow-x:clip}
.pj-kopf h1,.pj-kopf p,.pj-fuss h2,.pj-fuss p,
.pj-album h1,.pj-album h2,.pj-album h3,.pj-album p,.pj-album ul,.pj-album ol,.pj-album li,.pj-album dl,.pj-album dt,.pj-album dd,.pj-album figure,.pj-album figcaption,.pj-album blockquote,.pj-album cite{margin:0;padding:0;font-family:inherit;font-style:normal;font-weight:inherit;color:inherit;letter-spacing:normal;text-transform:none}
.pj-album ul,.pj-album ol{list-style:none}
.pj-album img{display:block;max-width:100%;height:auto;border:0}
body.pj a{color:inherit;text-decoration:none}
.pj-album p,.pj-album blockquote,.pj-fuss p{text-wrap:pretty}
.pj-album h1,.pj-album h2,.pj-album h3,.pj-fuss h2{text-wrap:balance}
body.pj a:focus-visible,body.pj summary:focus-visible{outline:2px solid var(--honig);outline-offset:5px}
.pj-sprung{position:absolute;left:16px;top:-80px;z-index:100;background:var(--papier);color:var(--walnuss)!important;padding:12px 18px;font:700 14px/1 "Lato",system-ui,sans-serif}
.pj-sprung:focus{top:calc(var(--oben) + 12px)}

.pj-album .wrap{max-width:1320px;margin:0 auto;padding:0 56px}
.pj-display,.pj-album .display{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;letter-spacing:-.006em;color:var(--papier)}
.pj-album .hand{font-family:"Nothing You Could Do",cursive;font-weight:400;color:var(--weissstift);font-size:22px;line-height:1.35;letter-spacing:.01em}
.pj-btn,.pj-album .btn{display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;padding:20px 32px;border-radius:2px;background:var(--honig);color:var(--walnuss)!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -10px rgba(0,0,0,.6);transition:background .25s}
.pj-btn:hover,.pj-album .btn:hover{background:var(--honig-hell)}
.pj-link,.pj-album .link{font:700 15px/1.2 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:var(--papier);padding:7px 0;border-bottom:1px solid rgba(255,253,249,.35);transition:border-color .25s}
.pj-link:hover,.pj-album .link:hover{border-color:var(--honig)}
.pj-aktionen,.pj-album .aktionen{display:flex;align-items:center;gap:30px;margin-top:42px;flex-wrap:wrap}

/* Kopf */
.pj-kopf{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:30px 56px;max-width:1560px;margin:0 auto}
.pj-marke{display:inline-flex;align-items:baseline;gap:.26em;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:25px;line-height:1;letter-spacing:-.01em;color:var(--papier)}
.pj-marke .und,.pj-album .und{color:var(--honig)}
.pj-kopf-rechts{display:flex;align-items:center;gap:30px}
.pj-kopf-link{font:700 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:var(--papier);padding:6px 0;border-bottom:1px solid transparent}
.pj-kopf-link:hover{border-color:var(--honig)}
.pj-menue{position:relative}
.pj-menue summary{list-style:none;cursor:pointer;font:700 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:var(--papier);padding:13px 20px;border:1px solid rgba(255,253,249,.3);border-radius:2px;transition:border-color .25s}
.pj-menue summary:hover{border-color:var(--honig)}
.pj-menue summary::-webkit-details-marker{display:none}
.pj-menue-liste{display:none;position:absolute;right:0;top:56px;min-width:290px;flex-direction:column;background:var(--papier) var(--papierkorn);color:var(--walnuss);padding:14px 12px 16px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.pj-menue[open] .pj-menue-liste{display:flex}
.pj-menue-gruppe{font:400 13px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--stein);padding:12px 14px 4px}
.pj-menue-gruppe+a{margin-top:2px}
.pj-menue-liste a{font-family:"Merriweather",Georgia,serif;font-size:18px;font-weight:400;line-height:1.3;padding:11px 14px}
.pj-menue-liste a:hover{background:var(--leinen)}
.pj-menue-liste a+.pj-menue-gruppe{margin-top:8px;border-top:1px solid rgba(42,34,29,.1);padding-top:16px}

/* Falz der Doppelseite */
.pj-album .falz{position:relative}
.pj-album .falz::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:300px;transform:translateX(-50%);pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.07) 30%,rgba(0,0,0,.2) 46%,rgba(0,0,0,.3) 49.7%,rgba(255,238,214,.05) 50.15%,rgba(0,0,0,.14) 53%,rgba(0,0,0,.05) 68%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0),#000 18%,#000 82%,rgba(0,0,0,0));mask-image:linear-gradient(180deg,rgba(0,0,0,0),#000 18%,#000 82%,rgba(0,0,0,0))}

/* Abzug, Fotoecken, Seidenpapier */
.pj-album .abzug{position:relative;background:var(--papier);padding:clamp(9px,.95vw,15px);box-shadow:0 1px 1px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.18),0 34px 64px -22px rgba(0,0,0,.7)}
.pj-album .bild{position:relative;overflow:hidden;aspect-ratio:var(--format,3/2);background:#3b3029}
.pj-album .bild img{width:100%;height:100%;object-fit:cover}
.pj-album .ecke{position:absolute;width:30px;height:30px;z-index:8;background:linear-gradient(135deg,rgba(255,253,249,.30),rgba(255,253,249,.10) 70%);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}
.pj-album .ecke.lo{left:-7px;top:-7px;clip-path:polygon(0 0,100% 0,0 100%)}
.pj-album .ecke.ro{right:-7px;top:-7px;clip-path:polygon(0 0,100% 0,100% 100%)}
.pj-album .ecke.lu{left:-7px;bottom:-7px;clip-path:polygon(0 0,100% 100%,0 100%)}
.pj-album .ecke.ru{right:-7px;bottom:-7px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.pj-album .seide-wrap{position:relative}
.pj-album .seide{display:none}
.pj-js .pj-album .seide{display:block;position:absolute;inset:-10px;z-index:6;pointer-events:none;transform-origin:0 50%;
  background:linear-gradient(104deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,.14) 60%,rgba(255,255,255,0) 100%),rgba(236,229,217,.66);
  -webkit-backdrop-filter:blur(10px) saturate(.7);backdrop-filter:blur(10px) saturate(.7);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 14px 34px rgba(0,0,0,.28);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 1.5s cubic-bezier(.6,0,.22,1),opacity .45s ease 1.05s}
.pj-js .pj-album .seide::after{content:"";position:absolute;inset:0;background-image:var(--fasern);mix-blend-mode:multiply;opacity:.8}
.pj-js .pj-album .offen .seide{transform:perspective(2000px) rotateY(-92deg);opacity:0}
.pj-ruhig .pj-album .seide{display:none!important}

/* Start: aufgeschlagenes Album */
.pj-album .start{display:grid;grid-template-columns:1fr 1fr;min-height:min(calc(100vh - 100px),920px)}
.pj-album .start-links{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:32px clamp(48px,6.5vw,120px) 72px max(56px,calc(50vw - 660px + 56px))}
.pj-album .start h1{font:400 15px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise)}
.pj-album .statement{font-size:clamp(54px,6.3vw,112px);line-height:.98;margin-top:26px;letter-spacing:-.012em}
.pj-album .statement span{display:block;white-space:nowrap}
.pj-album .start .einl{font-size:18px;line-height:1.8;max-width:29em;margin-top:34px}
.pj-album .beleg{margin-top:56px;max-width:30em;font:400 15px/1.6 "Lato",system-ui,sans-serif;letter-spacing:.01em;color:var(--leise)}
.pj-album .start-rechts{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px clamp(40px,4.6vw,84px) 72px}
.pj-album .start-abzug{width:100%;max-width:640px}
.pj-album .start-abzug .bild{--format:5/4}
.pj-album .start-abzug .bild img{object-position:42% 45%}
.pj-album .start-rechts .hand{align-self:flex-start;margin:22px 0 0 max(0px,calc((100% - 640px)/2));transform:rotate(-1.6deg)}
.pj-album .start .seide{transition-delay:.45s,1.5s}

/* Im Fotoalbum fehlt immer einer: die Doppelseite bleibt stehen, die Bilder wechseln */
.pj-album .fehlt{padding-top:150px}
.pj-js .pj-album .fehlt{padding-top:70px}
.pj-album .satz{font-size:clamp(38px,4.4vw,68px);line-height:1.08;text-align:center;max-width:14.5em;margin:0 auto}
.pj-album .buehne{position:relative}
.pj-album .buehne-sticky>.wrap{width:100%;margin-bottom:clamp(28px,5vh,56px)}
.pj-album .buehne-sticky{display:flex;flex-direction:column;justify-content:center;padding:56px 0 24px}
.pj-js .pj-album .buehne{height:300vh;height:300svh}
.pj-js .pj-album .buehne-sticky{position:sticky;top:var(--oben);height:calc(100vh - var(--oben));height:calc(100svh - var(--oben));padding:24px 0}
.pj-album .doppel{display:grid;grid-template-columns:1fr 1fr;padding:20px 0}
.pj-album .seite{position:relative;z-index:1;display:flex;justify-content:center;padding:0 clamp(32px,6vw,120px)}
.pj-album .seite figure{width:min(430px,100%);display:flex;flex-direction:column}
.pj-js .pj-album .seite figure{width:min(430px,100%,calc((100vh - var(--oben) - 400px)*.8));width:min(430px,100%,calc((100svh - var(--oben) - 400px)*.8))}
.pj-album .fach{position:relative;aspect-ratio:4/5}
.pj-album .leer{position:absolute;inset:0;background:rgba(0,0,0,.2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),inset 0 0 40px rgba(0,0,0,.25)}
.pj-album .fach .abzug{position:absolute;inset:0;display:flex}
.pj-album .fach .bild{flex:1;aspect-ratio:auto}
.pj-album .notizen{display:grid;margin-top:22px}
.pj-album .notizen>span{grid-area:1/1}
.pj-album .seite-links .notizen{transform:rotate(-1.4deg)}
.pj-album .seite-rechts .notizen{transform:rotate(1deg)}
.pj-album .wechsel{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}
.pj-album .fach .wechsel{transform:translateY(14px) rotate(-1deg) scale(.985);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1),visibility 0s linear .9s}
.pj-album [data-schritt="1"] .s1,.pj-album [data-schritt="2"] .s2,.pj-album [data-schritt="3"] .s3{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.pj-album .schritte{display:none}
.pj-js .pj-album .schritte{display:flex;justify-content:center;gap:10px;margin-top:30px}
.pj-album .schritte i{display:block;width:28px;height:2px;background:rgba(255,253,249,.2);transition:background .4s}
.pj-album [data-schritt="1"] .schritte i:nth-child(1),.pj-album [data-schritt="2"] .schritte i:nth-child(2),.pj-album [data-schritt="3"] .schritte i:nth-child(3){background:var(--honig)}
.pj-ruhig .pj-album .wechsel{transition:none!important}
.pj-album .fehlt .text{max-width:33em;margin:56px auto 0;padding:0 56px;text-align:center;font-size:19px;line-height:1.8}

/* Randloses Bild */
.pj-album .randlos{position:relative;margin-top:150px;height:min(88vh,860px);min-height:460px;overflow:hidden}
.pj-album .randlos img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.pj-album .randlos::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,20,16,.55) 0%,rgba(26,20,16,0) 34%)}
.pj-album .randlos .hand{position:absolute;left:max(56px,calc(50vw - 660px + 56px));bottom:44px;z-index:2;font-size:28px;transform:rotate(-1.5deg)}

/* Kein Shooting. Ein Familientag. */
.pj-album .erlebnis{padding-top:170px}
.pj-album .erlebnis-kopf{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .erlebnis-text{grid-column:1/7}
.pj-album .erlebnis-text h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05}
.pj-album .erlebnis-text p{margin-top:30px;font-size:18px;max-width:30em}
.pj-album .menue-spalte{grid-column:8/13;margin-top:10px}
.pj-album .menuekarte>div{display:grid;grid-template-columns:1fr auto;gap:2px 20px;padding:16px 0;border-bottom:1px dotted rgba(255,253,249,.2)}
.pj-album .menuekarte>div:first-child{border-top:1px dotted rgba(255,253,249,.2)}
.pj-album .menuekarte dt{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:20px;line-height:1.3;color:var(--papier)}
.pj-album .menuekarte .zeit{grid-column:2;grid-row:1;align-self:baseline;font:400 13px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.01em;color:var(--leise);text-align:right}
.pj-album .menuekarte .was{grid-column:1/3;font-size:15.5px;line-height:1.65}
.pj-album .menuekarte-fuss{margin-top:18px;font:400 14px/1.6 "Lato",system-ui,sans-serif;color:var(--leise)}
.pj-album .collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start;margin-top:110px}
.pj-album .collage-links{grid-column:1/8;display:flex;flex-direction:column;gap:90px}
.pj-album .collage-rechts{grid-column:9/13;display:flex;flex-direction:column;gap:90px;padding-top:150px}
.pj-album .collage figure{display:flex;flex-direction:column}
.pj-album .collage .hand{margin-top:20px}
.pj-album .c1 .abzug{transform:rotate(-.5deg)}
.pj-album .c1 .hand{transform:rotate(-1.2deg)}
.pj-album .c2 .bild{--format:2/3}
.pj-album .c2 .abzug{transform:rotate(1.2deg)}
.pj-album .c2 .hand{transform:rotate(1.4deg);margin-left:12px}
.pj-album .c3{width:74%;align-self:flex-end}
.pj-album .c3 .abzug{transform:rotate(-1deg)}
.pj-album .c3 .hand{transform:rotate(-.8deg)}
.pj-album .c4 .abzug{transform:rotate(.6deg)}
.pj-album .c4 .hand{transform:rotate(-1.6deg)}
.pj-album .c1 .bild img{object-position:50% 60%}
.pj-album .c3 .bild img{object-position:55% 50%}

/* Film */
.pj-album .film{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center;padding-top:170px;padding-bottom:40px}
.pj-album .film-bild{grid-column:1/8;position:relative;padding:0 0 70px}
.pj-album .film-abzug{width:88%}
.pj-album .film-abzug .bild img{object-position:60% 50%}
.pj-album .filmkarte{position:absolute;right:0;bottom:0;z-index:7;width:clamp(200px,19vw,250px);background:var(--papier);color:var(--walnuss);padding:22px 22px 20px;transform:rotate(2.2deg);box-shadow:0 1px 1px rgba(0,0,0,.3),0 24px 44px -16px rgba(0,0,0,.7);display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:end}
.pj-album .fk-titel{grid-column:1/2;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:24px;line-height:1.1;letter-spacing:-.01em}
.pj-album .fk-zeile{grid-column:1/2;font:400 12.5px/1.45 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .fk-qr{grid-column:2/3;grid-row:1/3;width:62px;height:62px;display:block}
.pj-album .fk-hinweis{grid-column:1/3;margin-top:10px;padding-top:10px;border-top:1px solid rgba(42,34,29,.14);font:700 12px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:var(--honig-dunkel)}
.pj-album .film-text{grid-column:9/13}
.pj-album .film-text h2{font-size:clamp(34px,3.2vw,52px);line-height:1.12}
.pj-album .film-text p{margin-top:28px;font-size:18px;line-height:1.8}
.pj-album .film-text .klein{font-size:16px;color:var(--leise);margin-top:22px}

/* Ablauf: ein loses Blatt im Album */
.pj-album .ablauf{padding-top:170px}
.pj-album .blatt{position:relative;background:var(--papier) var(--papierkorn);color:var(--tinte);padding:92px clamp(40px,6vw,104px) 96px;transform:rotate(-.35deg);box-shadow:0 1px 1px rgba(0,0,0,.35),0 4px 10px rgba(0,0,0,.18),0 50px 90px -30px rgba(0,0,0,.75)}
.pj-album .blatt h2{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;letter-spacing:-.006em;color:var(--walnuss);font-size:clamp(36px,3.8vw,58px);line-height:1.08;max-width:13em}
.pj-album .zeitleiste{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin-top:76px}
.pj-album .zeitleiste::before{content:"";position:absolute;left:0;right:0;top:46px;height:1px;background:rgba(42,34,29,.18)}
.pj-album .zeitleiste>li{position:relative;padding-top:78px}
.pj-album .zeitleiste>li::before{content:"";position:absolute;left:0;top:41px;width:11px;height:11px;border-radius:50%;background:var(--honig);box-shadow:0 0 0 6px var(--papier)}
.pj-album .zeitpunkt{position:absolute;left:0;top:-4px;font-family:"Nothing You Could Do",cursive;font-size:27px;line-height:1.3;color:var(--honig-dunkel);transform:rotate(-2deg);transform-origin:0 50%}
.pj-album .zeitleiste h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:27px;line-height:1.2;letter-spacing:-.01em;color:var(--walnuss)}
.pj-album .zeitleiste p{margin-top:16px;font-size:16.5px;line-height:1.75}
.pj-album .fristen{margin-top:18px;border-top:1px solid rgba(42,34,29,.12)}
.pj-album .fristen li{display:flex;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(42,34,29,.12);font-size:15.5px;line-height:1.5}
.pj-album .fristen b{flex:none;width:6.6em;font:700 13px/1.5 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--honig-dunkel)}

/* Stimmen */
.pj-album .stimmen{padding-top:170px}
.pj-album .stimmen-kopf{max-width:40em}
.pj-album .stimmen-kopf h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05}
.pj-album .stimmen-kopf p{margin-top:24px;font-size:18px}
.pj-album .zettel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start;margin-top:72px}
.pj-album .stimme{background:var(--papier) var(--papierkorn);color:var(--walnuss);padding:38px 34px 32px;box-shadow:0 1px 1px rgba(0,0,0,.3),0 30px 56px -20px rgba(0,0,0,.7)}
.pj-album .stimme blockquote{font-style:italic;font-weight:300;font-size:19px;line-height:1.65}
.pj-album .stimme figcaption{margin-top:18px;font:400 14px/1.4 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .stimme.z1{grid-column:1/6;transform:rotate(-1.1deg)}
.pj-album .stimme.z1 blockquote{font-size:22px;line-height:1.6}
.pj-album .stimme.z2{grid-column:6/10;margin-top:120px;transform:rotate(1.3deg)}
.pj-album .stimme.z3{grid-column:10/13;margin-top:36px;transform:rotate(-.6deg)}

/* Über Tom */
.pj-album .tom{background:var(--walnuss-tief) var(--korn);padding:170px 0;margin-top:170px}
.pj-album .tom-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.pj-album .tom-bild{grid-column:2/6;display:flex;flex-direction:column}
.pj-album .tom-bild .bild{--format:1/1}
.pj-album .tom-bild .bild img{object-position:50% 35%}
.pj-album .tom-bild .hand{margin-top:22px;transform:rotate(-1.6deg)}
.pj-album .tom-text{grid-column:7/13}
.pj-album .tom-text h2{font-size:clamp(38px,3.6vw,58px);line-height:1.06}
.pj-album .tom-text p{margin-top:28px;font-size:18px;line-height:1.8;max-width:31em}
.pj-album .zitat{margin-top:38px;padding-left:24px;border-left:1px solid var(--honig);font-style:italic;font-weight:300;font-size:20px;line-height:1.65;color:var(--papier)}
.pj-album .zitat cite{display:block;margin-top:12px;font:400 14px/1.4 "Lato",system-ui,sans-serif;color:var(--leise)}
.pj-album .tom-text .unterschrift{margin-top:30px;font-size:46px;line-height:1;color:var(--weissstift);transform:rotate(-4deg);transform-origin:0 50%}
.pj-album .tom-text .aktionen{margin-top:36px}

/* Kapitel als Inhaltsverzeichnis */
.pj-album .kapitel{padding-top:170px;padding-bottom:170px}
.pj-album .kapitel-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .inhalt{grid-column:1/8}
.pj-album .inhalt h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05}
.pj-album .inhalt>p{margin-top:28px;font-size:18px;max-width:30em}
.pj-album .verzeichnis{margin-top:56px}
.pj-album .eintrag{display:block;padding:26px 0;border-radius:2px}
.pj-album .eintrag-kopf{display:flex;align-items:baseline;gap:18px}
.pj-album .eintrag h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(28px,2.6vw,40px);line-height:1.15;letter-spacing:-.02em;color:var(--papier);transition:color .25s}
.pj-album .punkte{flex:1;min-width:24px;height:2px;align-self:center;transform:translateY(7px);background-image:radial-gradient(circle,rgba(255,253,249,.32) 1px,transparent 1.4px);background-size:9px 2px;background-repeat:repeat-x;background-position:0 50%}
.pj-album .nr{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-style:italic;font-size:clamp(28px,2.6vw,40px);line-height:1.15;color:var(--papier);font-variant-numeric:lining-nums tabular-nums;transition:color .25s}
.pj-album .eintrag p{margin-top:10px;font-size:16px;line-height:1.75;max-width:34em}
.pj-album a.eintrag:hover h3,.pj-album a.eintrag:hover .nr{color:var(--honig-hell)}
.pj-album .versprechen{margin-top:44px;padding-top:34px;border-top:1px solid rgba(255,253,249,.12);max-width:40em}
.pj-album .versprechen h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:26px;line-height:1.2;color:var(--papier)}
.pj-album .versprechen p{margin-top:14px;font-size:16.5px;line-height:1.75}
.pj-album .versprechen .aktionen{margin-top:28px}
.pj-album .kapitel-bild{grid-column:9/13;margin-top:150px;display:flex;flex-direction:column}
.pj-album .kapitel-bild .bild{--format:4/5}
.pj-album .kapitel-bild .bild img{object-position:48% 50%}
.pj-album .kapitel-bild .abzug{transform:rotate(1deg)}
.pj-album .kapitel-bild .hand{margin-top:22px;transform:rotate(-1.2deg)}

/* Häufige Fragen */
.pj-album .fragen{padding-bottom:170px}
.pj-album .fragen-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .fragen h2{grid-column:1/5;font-size:clamp(36px,3.6vw,56px);line-height:1.08}
.pj-album .fragen-liste{grid-column:6/13;border-top:1px solid rgba(255,253,249,.14)}
.pj-album .frage{border-bottom:1px solid rgba(255,253,249,.14)}
.pj-album .frage summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:26px 0;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:20px;line-height:1.4;color:var(--papier)}
.pj-album .frage summary::-webkit-details-marker{display:none}
.pj-album .frage summary::after{content:"";flex:none;width:14px;height:14px;transform:translateY(1px);background:linear-gradient(var(--honig),var(--honig)) 50% 50%/14px 1.5px no-repeat,linear-gradient(var(--honig),var(--honig)) 50% 50%/1.5px 14px no-repeat;transition:transform .3s ease}
.pj-album .frage[open] summary::after{transform:translateY(1px) rotate(45deg)}
.pj-album .frage summary:hover{color:var(--honig-hell)}
.pj-album .frage p{padding:0 48px 30px 0;font-size:16.5px;line-height:1.8;max-width:36em}
.pj-ruhig .pj-album .frage summary::after{transition:none}

/* Fuß: Rückdeckel in Leinen */
.pj-deckel{position:relative;background-color:var(--waldgruen);background-image:var(--leinwand),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,rgba(0,0,0,0) 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,rgba(0,0,0,0) 1px 3px);padding:130px 56px 110px;box-shadow:inset 0 30px 40px -30px rgba(0,0,0,.6);color:var(--leinen)}
.pj-praegung{max-width:760px;margin:0 auto;text-align:center;padding:76px 56px 72px;border:1px solid rgba(0,0,0,.28);box-shadow:inset 0 2px 4px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.07),0 1px 0 rgba(255,255,255,.07)}
.pj-marke-praegung{font-size:22px;color:var(--honig);text-shadow:0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(255,220,160,.12)}
.pj-marke-praegung .und{color:var(--honig)}
.pj-praegung h2{margin-top:30px;font-size:clamp(40px,4.6vw,68px);line-height:1.05;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.pj-praegung p{margin:22px auto 0;max-width:28em;font-size:18px;line-height:1.75;color:rgba(246,241,233,.82)}
.pj-aktionen-mitte{justify-content:center;margin-top:40px}
.pj-fuss .pj-absender{margin-top:44px;text-align:center;font:400 13px/1.7 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:rgba(246,241,233,.6)}
.pj-absender a{border-bottom:1px solid rgba(246,241,233,.25)}
.pj-absender a:hover{border-color:var(--honig)}
.pj-fussleiste{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;flex-wrap:wrap;max-width:1320px;margin:0 auto;padding:26px 56px 30px;font:400 13px/1.5 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise)}
.pj-fussleiste nav{display:flex;flex-wrap:wrap;gap:8px 26px}
.pj-fussleiste a:hover{color:var(--papier)}

/* Einfache Textseiten */
.pj-text-seite{max-width:760px;margin:0 auto;padding:80px 32px 140px}
.pj-text-seite h1{font-size:clamp(36px,4vw,56px);line-height:1.1;margin:0}
.pj-fliesstext{margin-top:32px}
.pj-fliesstext a{border-bottom:1px solid rgba(255,253,249,.35)}

@media (max-width:1100px){
  .pj-album .wrap{padding:0 40px}
  .pj-kopf{padding:24px 40px}
  .pj-album .start-links{padding-left:40px;padding-right:48px}
  .pj-album .start-rechts{padding-left:48px;padding-right:40px}
  .pj-album .erlebnis-text{grid-column:1/13}
  .pj-album .menue-spalte{grid-column:1/13;margin-top:20px}
  .pj-album .menuekarte{columns:2;column-gap:40px}
  .pj-album .menuekarte>div{break-inside:avoid}
  .pj-album .menuekarte>div:nth-child(4){border-top:1px dotted rgba(255,253,249,.2)}
  .pj-album .film-bild{grid-column:1/13;max-width:760px}
  .pj-album .film-text{grid-column:1/13;max-width:40em}
  .pj-album .zeitleiste{gap:36px}
  .pj-album .stimme.z1{grid-column:1/8}
  .pj-album .stimme.z2{grid-column:8/13;margin-top:90px}
  .pj-album .stimme.z3{grid-column:3/10;margin-top:0}
  .pj-album .tom-bild{grid-column:1/6}
  .pj-album .inhalt{grid-column:1/13}
  .pj-album .kapitel-bild{grid-column:4/10;margin-top:40px}
  .pj-album .fragen h2{grid-column:1/13}
  .pj-album .fragen-liste{grid-column:1/13;margin-top:20px}
  .pj-deckel{padding-left:40px;padding-right:40px}
  .pj-fussleiste{padding-left:40px;padding-right:40px}
}
@media (max-width:900px){
  .pj-kopf-link{display:none}
  .pj-album .start{grid-template-columns:minmax(0,1fr);min-height:0}
  .pj-album .start.falz::before{display:none}
  .pj-album .start-links{padding:24px 40px 0}
  .pj-album .start-rechts{padding:56px 40px 24px}
  .pj-album .start-rechts .hand{margin-left:0}
  .pj-album .beleg{margin-top:36px}
  .pj-album .zeitleiste{grid-template-columns:minmax(0,1fr);gap:44px;margin-top:56px}
  .pj-album .zeitleiste::before{left:5px;right:auto;top:8px;bottom:8px;width:1px;height:auto}
  .pj-album .zeitleiste>li{padding:0 0 0 40px}
  .pj-album .zeitleiste>li::before{top:9px}
  .pj-album .zeitpunkt{position:static;display:block;margin-bottom:6px}
  .pj-album .tom-raster{grid-template-columns:minmax(0,1fr)}
  .pj-album .tom-bild,.pj-album .tom-text{grid-column:auto}
  .pj-album .tom-bild{max-width:420px}
}
@media (max-width:640px){
  body.pj{font-size:16px}
  .pj-album .wrap{padding:0 22px}
  .pj-kopf{padding:18px 22px}
  .pj-marke{font-size:21px}
  .pj-menue summary{padding:11px 16px}
  .pj-menue-liste{min-width:min(290px,calc(100vw - 44px))}
  .pj-album .start-links{padding:14px 22px 0}
  .pj-album .statement{font-size:clamp(42px,12.4vw,56px);margin-top:18px}
  .pj-album .start .einl{font-size:17px;margin-top:24px}
  .pj-aktionen,.pj-album .aktionen{gap:20px;margin-top:30px}
  .pj-album .start .aktionen .btn{flex:1 1 100%}
  .pj-album .start-rechts{padding:44px 22px 8px}
  .pj-album .hand{font-size:20px}
  .pj-album .fehlt{padding-top:110px}
  .pj-js .pj-album .fehlt{padding-top:40px}
  .pj-album .satz{font-size:clamp(32px,9vw,40px);text-align:left;padding:0 2px}
  .pj-album .doppel{padding:0 10px}
  .pj-album .seite{padding:0 10px}
  .pj-album .doppel.falz::before{width:90px}
  .pj-album .notizen{margin-top:14px;font-size:17px}
  .pj-album .ecke{width:22px;height:22px}
  .pj-js .pj-album .seite figure{width:100%}
  .pj-album .fehlt .text{margin-top:40px;text-align:left;font-size:17px;padding:0 22px}
  .pj-album .randlos{margin-top:110px;height:72vh;min-height:420px}
  .pj-album .randlos .hand{left:22px;bottom:26px;font-size:23px}
  .pj-album .erlebnis{padding-top:110px}
  .pj-album .erlebnis-text p{font-size:17px;margin-top:22px}
  .pj-album .menuekarte{columns:1}
  .pj-album .menuekarte>div:nth-child(4){border-top:0}
  .pj-album .menuekarte dt{font-size:19px}
  .pj-album .collage{margin-top:64px;gap:0}
  .pj-album .collage-links,.pj-album .collage-rechts{grid-column:1/13;gap:56px}
  .pj-album .collage-rechts{padding-top:56px}
  .pj-album .c2{width:78%;align-self:flex-end}
  .pj-album .c3{width:86%;align-self:flex-start}
  .pj-album .c4{width:92%;align-self:flex-end}
  .pj-album .film{padding-top:110px;gap:0}
  .pj-album .film-bild{padding-bottom:96px}
  .pj-album .film-abzug{width:100%}
  .pj-album .filmkarte{width:206px;padding:18px 18px 16px;right:4px}
  .pj-album .film-text{margin-top:20px}
  .pj-album .film-text p{font-size:17px}
  .pj-album .ablauf{padding-top:110px}
  .pj-album .ablauf .wrap{padding:0 12px}
  .pj-album .blatt{padding:56px 24px 52px;transform:rotate(-.6deg)}
  .pj-album .zeitleiste h3{font-size:24px}
  .pj-album .zeitleiste p{font-size:16px}
  .pj-album .fristen b{width:6em}
  .pj-album .stimmen{padding-top:110px}
  .pj-album .stimmen-kopf p{font-size:17px}
  .pj-album .zettel{margin-top:44px;gap:28px}
  .pj-album .stimme{padding:30px 26px 26px}
  .pj-album .stimme.z1,.pj-album .stimme.z2,.pj-album .stimme.z3{grid-column:1/13;margin-top:0}
  .pj-album .stimme.z1{margin-right:10px}
  .pj-album .stimme.z2{margin-left:18px}
  .pj-album .stimme.z3{margin:0 24px 0 6px}
  .pj-album .stimme.z1 blockquote{font-size:19px}
  .pj-album .tom{padding:110px 0;margin-top:110px}
  .pj-album .tom-text p{font-size:17px}
  .pj-album .kapitel{padding-top:110px;padding-bottom:110px}
  .pj-album .inhalt>p{font-size:17px}
  .pj-album .verzeichnis{margin-top:36px}
  .pj-album .eintrag{padding:22px 0}
  .pj-album .eintrag-kopf{gap:12px}
  .pj-album .eintrag h3,.pj-album .nr{font-size:26px}
  .pj-album .kapitel-bild{grid-column:1/13;margin:56px 22px 0}
  .pj-album .fragen{padding-bottom:110px}
  .pj-album .frage summary{font-size:18px;padding:22px 0}
  .pj-album .frage p{padding-right:0;font-size:16px}
  .pj-deckel{padding:80px 16px 72px}
  .pj-praegung{padding:52px 22px 48px}
  .pj-aktionen-mitte{flex-direction:column;gap:22px}
  .pj-aktionen-mitte .pj-btn{width:100%}
  .pj-fussleiste{padding:24px 22px 28px;flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .pj-album *,.pj-album *::before,.pj-album *::after{transition-duration:0s!important}
}

/* ---------------------------------------------------------------
   Unterseiten, Navigation, Register, Formular, Ratgeber (0.2)
   --------------------------------------------------------------- */

/* Kopf: Kapitel auf breiten Bildschirmen sichtbar */
.pj-leiste{display:none;align-items:center;gap:26px;margin:0 36px 0 auto}
.pj-leiste a{font:700 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:rgba(255,253,249,.74);padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.pj-leiste a:hover{color:var(--papier);border-color:rgba(224,165,74,.6)}
.pj-leiste a[aria-current]{color:var(--papier);border-color:var(--honig)}
.pj-kopf-link{border-bottom-color:rgba(224,165,74,.55)}
.pj-menue-liste a[aria-current]{background:var(--leinen);box-shadow:inset 3px 0 0 var(--honig)}
@media (min-width:1180px){.pj-leiste{display:flex}}

/* Register im Fuß */
.pj-register{background:var(--walnuss-tief) var(--korn);color:var(--leise);padding:76px 56px 36px}
.pj-register-raster{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:44px}
.pj-register-spalte{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font:400 14px/1.6 "Lato",system-ui,sans-serif}
.pj-register-spalte a{color:var(--text);transition:color .2s}
.pj-register-spalte a:hover,.pj-register-spalte a[aria-current]{color:var(--papier)}
.pj-fuss .pj-register-titel{font:400 13px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise);margin-bottom:6px}
.pj-fuss .pj-register-adresse .pj-marke{font-size:22px;margin-bottom:12px}
.pj-fuss .pj-register-adresse p{margin:0 0 14px;max-width:24em;line-height:1.7}
.pj-fuss .pj-register-fuss{max-width:1320px;margin:52px auto 0;padding-top:22px;border-top:1px solid rgba(255,253,249,.08);font:400 13px/1.5 "Lato",system-ui,sans-serif;color:var(--leise)}

/* WhatsApp unten rechts */
.pj-whatsapp{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:11px 16px 11px 13px;border-radius:999px;background:rgba(35,28,24,.92);border:1px solid rgba(224,165,74,.55);color:var(--papier)!important;font:700 13px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;box-shadow:0 12px 28px -10px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .2s,background .2s}
.pj-whatsapp svg{width:20px;height:20px;color:var(--honig)}
.pj-whatsapp:hover{border-color:var(--honig);background:rgba(35,28,24,1)}

/* Gemeinsame Abstände */
.pj-album .abschnitt{padding-top:170px}
.pj-album .abschnitt-ende{padding-bottom:170px}
.pj-album .seiten-kopf{padding-top:70px;padding-bottom:40px}
.pj-album .seiten-kopf h1{font-size:clamp(44px,5.4vw,92px);line-height:1.02;letter-spacing:-.012em;max-width:12em}
.pj-album .seiten-kopf .unterzeile{font:400 15px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise);margin-bottom:22px}
.pj-album .seiten-kopf>p:not(.unterzeile){margin-top:28px;max-width:34em;font-size:18px}
.pj-album .start-abzug.hoch{max-width:470px}
.pj-album .start-abzug.hoch .bild{--format:4/5}
.pj-album .start-abzug.hoch+.hand{margin-left:max(0px,calc((100% - 470px)/2))}
.pj-album .bild.hoch{--format:4/5}
.pj-album .bild.hochkant{--format:2/3}
.pj-album .bild.quadrat{--format:1/1}
.pj-album .bild.breit{--format:16/10}

/* Gedanke: ein Satz in der Mitte */
.pj-album .gedanke{max-width:48em;margin:0 auto;text-align:center}
.pj-album .gedanke p{margin:32px auto 0;max-width:33em;font-size:19px}
.pj-album .gedanke .quelle{font:400 14px/1.6 "Lato",system-ui,sans-serif;color:var(--leise);margin-top:18px}
.pj-album .gedanke .quelle a{border-bottom:1px solid rgba(255,253,249,.25)}

/* Text und Bild nebeneinander */
.pj-album .reihe{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.pj-album .reihe-text{grid-column:1/7}
.pj-album .reihe-bild{grid-column:8/13;display:flex;flex-direction:column}
.pj-album .reihe.gespiegelt .reihe-text{grid-column:7/13;grid-row:1}
.pj-album .reihe.gespiegelt .reihe-bild{grid-column:1/6;grid-row:1}
.pj-album .reihe-text h2{font-size:clamp(34px,3.4vw,54px);line-height:1.1}
.pj-album .reihe-text h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:22px;line-height:1.3;color:var(--papier);margin-top:34px}
.pj-album .reihe-text p{margin-top:22px;font-size:18px;max-width:31em}
.pj-album .reihe-text h3+p{margin-top:10px}
.pj-album .reihe-bild .abzug{transform:rotate(.7deg)}
.pj-album .reihe.gespiegelt .reihe-bild .abzug{transform:rotate(-.7deg)}
.pj-album .reihe-bild .hand{margin-top:20px;transform:rotate(-1.2deg)}

/* Zwei Abzüge nebeneinander, der zweite tiefer */
.pj-album .paar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:start;margin-top:72px}
.pj-album .paar figure{display:flex;flex-direction:column}
.pj-album .paar figure:nth-child(2){margin-top:110px}
.pj-album .paar figure:nth-child(1) .abzug{transform:rotate(-.8deg)}
.pj-album .paar figure:nth-child(2) .abzug{transform:rotate(1deg)}
.pj-album .paar .hand{margin-top:18px}

/* Drei Abzüge als Streifen */
.pj-album .streifen{display:grid;grid-template-columns:5fr 4fr 4fr;gap:clamp(20px,3vw,44px);align-items:start;margin-top:80px}
.pj-album .streifen figure{display:flex;flex-direction:column}
.pj-album .streifen figure:nth-child(2){margin-top:90px}
.pj-album .streifen figure:nth-child(3){margin-top:30px}
.pj-album .streifen figure:nth-child(1) .abzug{transform:rotate(-.6deg)}
.pj-album .streifen figure:nth-child(2) .abzug{transform:rotate(.9deg)}
.pj-album .streifen figure:nth-child(3) .abzug{transform:rotate(-1.2deg)}
.pj-album .streifen .hand{margin-top:16px;font-size:20px}

/* Pakete als Inhaltsverzeichnis mit Preisen */
.pj-album .pakete{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .pakete-text{grid-column:1/9}
.pj-album .pakete-text h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05}
.pj-album .pakete-text>p{margin-top:26px;font-size:18px;max-width:32em}
.pj-album .pakete-seite{grid-column:10/13;margin-top:200px}
.pj-album .eintrag h3 .art{display:block;margin-top:8px;font:400 14px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise)}
.pj-album .preis{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(28px,2.6vw,40px);line-height:1.15;letter-spacing:-.02em;color:var(--papier);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.pj-album .preis small{font:400 15px/1 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise);margin-right:.4em}
.pj-album .notiz{display:inline-flex;align-items:center;gap:6px;font-size:21px;white-space:nowrap;transform:rotate(-2deg) translateY(-4px)}
.pj-album .notiz svg{width:46px;height:24px;flex:none;overflow:visible}
.pj-album .immer{margin-top:40px;padding-top:30px;border-top:1px solid rgba(255,253,249,.12);font-size:16.5px;max-width:40em}
.pj-album .kontingent{margin-top:14px;font-size:16px;color:var(--leise);max-width:40em}
.pj-album .pakete .aktionen{margin-top:40px}

/* Vergleich auf dem losen Blatt */
.pj-album .blatt.gerade{transform:none}
.pj-album .blatt>p.blatt-einl{margin-top:22px;max-width:36em;font-size:17px}
.pj-album .tabelle-rahmen{margin-top:44px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pj-album .vergleich{width:100%;min-width:640px;border-collapse:collapse;font:400 15.5px/1.5 "Lato",system-ui,sans-serif;color:var(--tinte)}
.pj-album .vergleich th,.pj-album .vergleich td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(42,34,29,.12)}
.pj-album .vergleich thead th{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:22px;line-height:1.2;color:var(--walnuss);vertical-align:bottom;border-bottom:1px solid rgba(42,34,29,.35)}
.pj-album .vergleich thead th span{display:block;margin-top:4px;font:400 13px/1.3 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .vergleich tbody th{font-weight:700;color:var(--walnuss);width:21%}
.pj-album .vergleich .empfohlen{background:rgba(224,165,74,.13)}
.pj-album .vergleich .nein{color:#9C9086}
.pj-album .vergleich tfoot th,.pj-album .vergleich tfoot td{border-bottom:0;padding-top:22px;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:24px;color:var(--walnuss)}
.pj-album .blatt .hinweis{margin-top:26px;font:400 14px/1.6 "Lato",system-ui,sans-serif;color:var(--stein);max-width:52em}

/* Die Rechnung: zwei Zettel nebeneinander */
.pj-album .rechnung{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);max-width:980px;margin:64px auto 0}
.pj-album .zettel-rechnung{background:var(--papier) var(--papierkorn);color:var(--tinte);padding:34px 32px 30px;box-shadow:0 1px 1px rgba(0,0,0,.3),0 30px 56px -22px rgba(0,0,0,.7);font:400 15.5px/1.5 "Lato",system-ui,sans-serif}
.pj-album .zettel-rechnung:nth-child(1){transform:rotate(-1.2deg)}
.pj-album .zettel-rechnung:nth-child(2){transform:rotate(.9deg);margin-top:36px}
.pj-album .zettel-rechnung h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:22px;color:var(--walnuss);margin-bottom:16px}
.pj-album .zettel-rechnung dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px dotted rgba(42,34,29,.3)}
.pj-album .zettel-rechnung dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.pj-album .zettel-rechnung .summe{border-bottom:3px double rgba(42,34,29,.45);font-weight:700;color:var(--walnuss)}
.pj-album .zettel-rechnung .vermerk{margin-top:16px;font-family:"Nothing You Could Do",cursive;font-size:21px;line-height:1.3;color:var(--honig-dunkel);transform:rotate(-1.5deg)}

/* Steckbrief */
.pj-album .steckbrief{background:var(--papier) var(--papierkorn);color:var(--tinte);padding:44px 44px 36px;box-shadow:0 1px 1px rgba(0,0,0,.3),0 34px 60px -24px rgba(0,0,0,.75);transform:rotate(.35deg)}
.pj-album .steckbrief h2{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:26px;line-height:1.25;color:var(--walnuss)}
.pj-album .steckbrief dl{margin-top:22px}
.pj-album .steckbrief dl>div{display:grid;grid-template-columns:9.5em 1fr;gap:16px;padding:11px 0;border-top:1px solid rgba(42,34,29,.1)}
.pj-album .steckbrief dt{font:700 13px/1.65 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--honig-dunkel)}
.pj-album .steckbrief dd{margin:0;font-size:15.5px;line-height:1.65}

/* Arbeitsweise */
.pj-album .prinzipien{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,4vw,64px);margin-top:64px}
.pj-album .prinzipien li{padding-top:26px;border-top:1px solid rgba(224,165,74,.55)}
.pj-album .prinzipien h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(30px,2.6vw,42px);line-height:1.1;letter-spacing:-.01em;color:var(--papier)}
.pj-album .prinzipien p{margin-top:18px;font-size:17px}

/* Zeitleiste: senkrecht und mit vier Stationen */
.pj-album .zeitleiste.vier{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.pj-album .zeitleiste.senkrecht{display:block;margin-top:64px}
.pj-album .zeitleiste.senkrecht::before{left:calc(10em + 24px);right:auto;top:12px;bottom:12px;width:1px;height:auto}
.pj-album .zeitleiste.senkrecht>li{display:grid;grid-template-columns:10em minmax(0,1fr);column-gap:48px;padding:0 0 46px}
.pj-album .zeitleiste.senkrecht>li:last-child{padding-bottom:0}
.pj-album .zeitleiste.senkrecht>li::before{left:calc(10em + 18.5px);top:9px}
.pj-album .zeitleiste.senkrecht .zeitpunkt{position:static;grid-column:1;grid-row:1/6;text-align:right;transform:rotate(-2deg);transform-origin:100% 50%}
.pj-album .zeitleiste.senkrecht>li>:not(.zeitpunkt){grid-column:2}
.pj-album .zeitleiste.senkrecht h3{margin-top:0}

/* Gutschein-Karte */
.pj-album .gutschein-buehne{position:relative;width:100%;max-width:600px;padding:40px 0 30px}
.pj-album .gutschein-buehne .abzug{position:absolute;right:0;top:0;width:58%;transform:rotate(5deg)}
.pj-album .gutschein-buehne .abzug .bild{--format:4/5}
.pj-album .gutschein-karte{position:relative;z-index:2;width:86%;aspect-ratio:7/5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;margin-top:120px;background-color:var(--waldgruen);background-image:var(--leinwand),repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,rgba(0,0,0,0) 1px 3px),repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,rgba(0,0,0,0) 1px 3px);box-shadow:0 1px 1px rgba(0,0,0,.4),0 44px 70px -26px rgba(0,0,0,.85);transform:rotate(-2.4deg)}
.pj-album .gutschein-karte::before{content:"";position:absolute;inset:16px;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 3px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.06);pointer-events:none}
.pj-album .gutschein-karte .pj-marke{font-size:19px;color:var(--honig);text-shadow:0 1px 0 rgba(0,0,0,.45)}
.pj-album .gk-titel{margin-top:16px;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(24px,2.6vw,36px);line-height:1.12;color:var(--honig);text-shadow:0 1px 0 rgba(0,0,0,.45)}
.pj-album .gk-zeile{margin-top:12px;font:400 12.5px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.04em;color:rgba(246,241,233,.72)}
.pj-album .gutschein-karte .hand{margin-top:18px;font-size:25px;transform:rotate(-3deg)}

/* Kontakt */
.pj-album .kontakt-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .kontakt-raster>.blatt{grid-column:1/8}
.pj-album .kontakt-seite{grid-column:9/13;padding-top:20px}
.pj-album .kontakt-seite h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15}
.pj-album .direkt{margin-top:24px}
.pj-album .direkt a{display:block;padding:16px 0;border-bottom:1px solid rgba(255,253,249,.12);font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-size:20px;color:var(--papier);transition:color .2s}
.pj-album .direkt a span{display:block;margin-bottom:4px;font:400 13px/1.3 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise)}
.pj-album .direkt a:hover{color:var(--honig-hell)}
.pj-album .kontakt-seite .drei-fragen{margin-top:40px;padding-top:28px;border-top:1px solid rgba(224,165,74,.5)}
.pj-album .kontakt-seite .drei-fragen p{margin-top:12px;font-size:16.5px}
.pj-album .kontakt-seite .drei-fragen ol{margin-top:14px;counter-reset:frage}
.pj-album .kontakt-seite .drei-fragen li{padding:6px 0 6px 34px;position:relative;font-family:"Merriweather",Georgia,serif;font-style:italic;font-weight:300;font-size:18px;color:var(--papier)}
.pj-album .kontakt-seite .drei-fragen li::before{counter-increment:frage;content:counter(frage);position:absolute;left:0;top:6px;font:700 13px/1.9 "Lato",system-ui,sans-serif;color:var(--honig);font-style:normal}

/* Formular auf Papier */
.pj-album .formular-titel{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(30px,3vw,44px);line-height:1.1;color:var(--walnuss)}
.pj-album .formular{margin-top:30px;position:relative}
.pj-album .feld-reihe{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.pj-album .feld{margin:0 0 20px}
.pj-album .feld label{display:block;margin-bottom:8px;font:700 13.5px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--walnuss)}
.pj-album .feld label span{font-weight:400;color:var(--stein)}
.pj-album .feld input[type=text],.pj-album .feld input[type=email],.pj-album .feld input[type=tel],.pj-album .feld select,.pj-album .feld textarea{display:block;width:100%;margin:0;padding:13px 14px;font:400 16px/1.5 "Lato",system-ui,sans-serif;color:var(--walnuss);background:#fff;border:1px solid rgba(42,34,29,.24);border-radius:2px;box-shadow:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.pj-album .feld select{padding-right:40px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%232A221D' stroke-width='1.6'/></svg>");background-repeat:no-repeat;background-position:right 15px center}
.pj-album .feld textarea{min-height:140px;resize:vertical}
.pj-album .feld input:focus,.pj-album .feld select:focus,.pj-album .feld textarea:focus{outline:none;border-color:var(--honig-dunkel);box-shadow:0 0 0 3px rgba(224,165,74,.28)}
.pj-album .feld-haken{display:flex;gap:12px;align-items:flex-start;margin-top:6px}
.pj-album .feld-haken input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--honig-dunkel)}
.pj-album .feld-haken label{margin:0;font:400 14px/1.6 "Lato",system-ui,sans-serif;letter-spacing:0;color:var(--tinte)}
.pj-album .feld-haken a{color:var(--honig-dunkel);border-bottom:1px solid rgba(143,92,18,.4)}
.pj-album .formular-senden{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:10px}
.pj-album .formular-senden span{font:400 14px/1.4 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .formular .btn{border:0;cursor:pointer}
.pj-album .formular .btn:focus-visible{outline:2px solid var(--walnuss);outline-offset:4px}
.pj-album .formular-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pj-album .formular-fehler{margin-bottom:22px;padding:12px 16px;border-left:3px solid #B4532A;background:#FBEFE6;font:400 15px/1.55 "Lato",system-ui,sans-serif;color:#5A2A12}
.pj-album .formular-fehler a{border-bottom:1px solid}
.pj-album .formular-danke .hand{color:var(--honig-dunkel);font-size:26px;transform:rotate(-2deg)}
.pj-album .formular-danke h2{margin-top:10px;color:var(--walnuss)}
.pj-album .formular-danke p:last-child{margin-top:16px;font-size:17px}
.pj-album .formular-danke a{color:var(--honig-dunkel);border-bottom:1px solid}

/* Ratgeber: Verzeichnis, Artikel, Autor */
.pj-album .lesezeit{font:400 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise);white-space:nowrap}
.pj-album .ratgeber-verzeichnis .eintrag h3{font-size:clamp(24px,2.3vw,34px);line-height:1.2}
.pj-album .ratgeber-verzeichnis .eintrag p{color:var(--text)}
.pj-album .leer-hinweis{margin-top:32px;color:var(--leise)}
.pj-album .artikel-kopf{padding-top:60px;padding-bottom:56px;max-width:1100px}
.pj-album .artikel-rubrik a{font:700 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.03em;color:var(--honig);padding-bottom:4px;border-bottom:1px solid rgba(224,165,74,.45)}
.pj-album .artikel-kopf h1{margin-top:26px;font-size:clamp(38px,4.4vw,70px);line-height:1.06;max-width:15em}
.pj-album .artikel-meta{margin-top:26px;font:400 15px/1.6 "Lato",system-ui,sans-serif;color:var(--leise)}
.pj-album .artikel-meta a{color:var(--text);border-bottom:1px solid rgba(255,253,249,.25)}
.pj-album .blatt.artikel{max-width:860px;margin:0 auto;padding:72px clamp(26px,6vw,88px) 70px;transform:none;color:var(--tinte)}
.pj-album .artikel>*+*{margin-top:1.1em}
.pj-album .artikel p,.pj-album .artikel li{font-size:18px;line-height:1.8}
.pj-album .artikel>p:first-of-type{font-size:20px;line-height:1.7;color:var(--walnuss)}
.pj-album .artikel h2{margin-top:2.1em;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:clamp(25px,2.4vw,31px);line-height:1.25;color:var(--walnuss)}
.pj-album .artikel h3{margin-top:1.7em;font-family:"Merriweather",Georgia,serif;font-weight:400;font-size:21px;line-height:1.35;color:var(--walnuss)}
.pj-album .artikel ul,.pj-album .artikel ol{padding-left:1.3em}
.pj-album .artikel ul{list-style:disc}
.pj-album .artikel ol{list-style:decimal}
.pj-album .artikel li+li{margin-top:.45em}
.pj-album .artikel li::marker{color:var(--honig-dunkel)}
.pj-album .artikel a{color:var(--honig-dunkel);border-bottom:1px solid rgba(143,92,18,.35)}
.pj-album .artikel strong{font-weight:700;color:var(--walnuss)}
.pj-album .artikel blockquote{padding-left:24px;border-left:2px solid var(--honig);font-style:italic;font-weight:300;font-size:20px;line-height:1.65;color:var(--walnuss)}
.pj-album .artikel blockquote cite{display:block;margin-top:10px;font:normal 400 14px/1.4 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .artikel figure{margin:2.2em 0}
.pj-album .artikel .wp-block-image img{width:100%;height:auto}
.pj-album .artikel figcaption{margin-top:12px;font:400 14px/1.5 "Lato",system-ui,sans-serif;color:var(--stein);text-align:left}
.pj-album .artikel table{width:100%;border-collapse:collapse;font:400 15.5px/1.5 "Lato",system-ui,sans-serif}
.pj-album .artikel th,.pj-album .artikel td{padding:12px 14px;border-bottom:1px solid rgba(42,34,29,.14);text-align:left;vertical-align:top}
.pj-album .artikel thead th{color:var(--walnuss);font-weight:700;border-bottom-color:rgba(42,34,29,.35)}
.pj-album .artikel .wp-block-table{overflow-x:auto}
.pj-album .artikel .wp-block-separator{border:0;border-top:1px solid rgba(42,34,29,.14);margin:2.4em 0}
.pj-album .artikel .kasten{padding:24px 28px;background:var(--leinen);border-left:3px solid var(--honig)}
.pj-album .artikel .kasten>*+*{margin-top:.6em}
.pj-album .artikel details{border-bottom:1px solid rgba(42,34,29,.14)}
.pj-album .artikel h2+details,.pj-album .artikel p+details{margin-top:1.4em;border-top:1px solid rgba(42,34,29,.14)}
.pj-album .artikel details+details{margin-top:0}
.pj-album .artikel summary{position:relative;cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-family:"Merriweather",Georgia,serif;font-size:19px;line-height:1.4;color:var(--walnuss)}
.pj-album .artikel summary::-webkit-details-marker{display:none}
.pj-album .artikel summary::after{content:"";position:absolute;right:4px;top:26px;width:13px;height:13px;background:linear-gradient(var(--honig-dunkel),var(--honig-dunkel)) 50% 50%/13px 1.5px no-repeat,linear-gradient(var(--honig-dunkel),var(--honig-dunkel)) 50% 50%/1.5px 13px no-repeat;transition:transform .3s}
.pj-album .artikel details[open] summary::after{transform:rotate(45deg)}
.pj-album .artikel details>p{padding-bottom:20px}
.pj-album .artikel .quellen,.pj-album .artikel .quellen li{font-size:14.5px;line-height:1.6;color:var(--stein)}
.pj-album .autor{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;align-items:center;max-width:860px;margin:90px auto 0}
.pj-album .autor .bild{--format:1/1}
.pj-album .autor .bild img{object-position:50% 35%}
.pj-album .autor .hand{font-size:26px;transform:rotate(-2deg)}
.pj-album .autor-text>p:not(.hand){margin-top:12px;font-size:17px;max-width:30em}
.pj-album .autor .aktionen{margin-top:26px}
.pj-album .weiterlesen{max-width:860px;margin:120px auto 0;padding-bottom:160px}
.pj-album .weiterlesen h2{font-size:clamp(34px,3.4vw,52px);line-height:1.1}
.pj-album .weiterlesen .verzeichnis{margin-top:30px}
.pj-album .ratgeber-hinweis{margin-top:110px}
.pj-album .ratgeber-hinweis h2{font-size:clamp(30px,3vw,44px);line-height:1.12}
.pj-album .ratgeber-hinweis .verzeichnis{margin-top:24px}

/* Fragen-Sammlung */
.pj-album .fragen.gruppe{padding-bottom:96px}
.pj-album .fragen.gruppe h2{font-size:clamp(28px,2.8vw,42px);line-height:1.12}
.pj-album .fragen.gruppe:last-of-type{padding-bottom:170px}

@media (max-width:1100px){
  .pj-register-raster{grid-template-columns:1fr 1fr;gap:40px}
  .pj-register{padding-left:40px;padding-right:40px}
  .pj-album .reihe-text,.pj-album .reihe.gespiegelt .reihe-text{grid-column:1/13;grid-row:auto}
  .pj-album .reihe-bild,.pj-album .reihe.gespiegelt .reihe-bild{grid-column:2/12;grid-row:auto;margin-top:24px}
  .pj-album .pakete-text{grid-column:1/13}
  .pj-album .pakete-seite{grid-column:3/11;margin-top:30px}
  .pj-album .zeitleiste.vier{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:56px}
  .pj-album .zeitleiste.vier::before{display:none}
  .pj-album .kontakt-raster>.blatt{grid-column:1/13}
  .pj-album .kontakt-seite{grid-column:1/13;padding-top:40px}
  .pj-album .prinzipien{grid-template-columns:minmax(0,1fr);gap:40px;max-width:40em}
}
@media (max-width:900px){
  .pj-album .zeitleiste.vier{grid-template-columns:minmax(0,1fr)}
  .pj-album .zeitleiste.vier::before{display:block}
  .pj-album .zeitleiste.senkrecht::before{left:5px}
  .pj-album .zeitleiste.senkrecht>li{display:block;padding:0 0 40px 40px}
  .pj-album .zeitleiste.senkrecht>li::before{left:0;top:9px}
  .pj-album .zeitleiste.senkrecht .zeitpunkt{text-align:left;transform-origin:0 50%;margin-bottom:6px}
  .pj-album .rechnung{grid-template-columns:minmax(0,1fr);max-width:520px}
  .pj-album .zettel-rechnung:nth-child(2){margin-top:8px}
  .pj-album .autor{grid-template-columns:120px minmax(0,1fr);gap:24px}
}
@media (max-width:640px){
  .pj-register{padding:60px 22px 100px}
  .pj-register-raster{grid-template-columns:minmax(0,1fr);gap:34px}
  .pj-whatsapp{right:14px;bottom:14px;padding:12px}
  .pj-whatsapp span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .pj-album .abschnitt{padding-top:110px}
  .pj-album .abschnitt-ende{padding-bottom:110px}
  .pj-album .seiten-kopf{padding-top:30px;padding-bottom:20px}
  .pj-album .seiten-kopf h1{font-size:clamp(40px,11vw,52px)}
  .pj-album .seiten-kopf>p:not(.unterzeile){font-size:17px}
  .pj-album .gedanke{text-align:left}
  .pj-album .gedanke p{font-size:17px}
  .pj-album .reihe-text p{font-size:17px}
  .pj-album .reihe-bild,.pj-album .reihe.gespiegelt .reihe-bild{grid-column:1/13}
  .pj-album .paar{grid-template-columns:minmax(0,1fr);margin-top:44px;gap:44px}
  .pj-album .paar figure:nth-child(2){margin-top:0;width:86%;justify-self:end}
  .pj-album .streifen{grid-template-columns:minmax(0,1fr);margin-top:48px;gap:40px}
  .pj-album .streifen figure:nth-child(2){margin-top:0;width:84%;justify-self:end}
  .pj-album .streifen figure:nth-child(3){margin-top:0;width:90%}
  .pj-album .pakete-seite{grid-column:1/13;margin:24px 6px 0}
  .pj-album .eintrag-kopf{flex-wrap:wrap}
  .pj-album .preis{font-size:28px}
  .pj-album .notiz{order:4;flex-basis:100%;margin:8px 0 0 4px;font-size:19px}
  .pj-album .blatt .hinweis{font-size:13.5px}
  .pj-album .steckbrief{padding:32px 24px 26px}
  .pj-album .steckbrief dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
  .pj-album .gutschein-buehne{padding-top:20px}
  .pj-album .gutschein-karte{width:94%;padding:26px;margin-top:90px}
  .pj-album .gutschein-karte .hand{font-size:21px;margin-top:12px}
  .pj-album .feld-reihe{grid-template-columns:minmax(0,1fr)}
  .pj-album .kontakt-raster .blatt{padding:44px 22px 40px}
  .pj-album .artikel-kopf{padding-top:24px;padding-bottom:36px}
  .pj-album .artikel-kopf h1{font-size:clamp(34px,9.6vw,46px)}
  .pj-album .blatt.artikel{padding:44px 22px 46px}
  .pj-album .artikel p,.pj-album .artikel li{font-size:17px}
  .pj-album .artikel>p:first-of-type{font-size:18.5px}
  .pj-album .autor{grid-template-columns:minmax(0,1fr);margin-top:64px}
  .pj-album .autor-bild{max-width:160px}
  .pj-album .weiterlesen{margin-top:80px;padding-bottom:110px}
  .pj-album .fragen.gruppe{padding-bottom:64px}
  .pj-album .fragen.gruppe:last-of-type{padding-bottom:110px}
}

/* Ergänzungen 0.2 */
.pj-album .statement.lang{font-size:clamp(44px,4.9vw,86px);line-height:1.02}
.pj-album .statement.lang span{white-space:normal}
.pj-album .pakete-seite.stimme{transform:rotate(1.2deg)}
.pj-album .ratgeber-hinweis,.pj-album .ratgeber-index{max-width:900px}
.pj-album .ratgeber-mehr{margin-top:48px;font-size:16.5px;color:var(--leise)}
.pj-album .ratgeber-mehr a{color:var(--text);border-bottom:1px solid rgba(255,253,249,.3)}
.pj-album .vergleich tbody th span{display:block;margin-top:2px;font-weight:400;font-size:14px;color:var(--stein)}
.pj-album .vergleich td.betrag{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:22px;color:var(--walnuss);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.pj-album .zweier{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .zweier>.links{grid-column:1/8}
.pj-album .zweier>.rechts{grid-column:9/13;margin-top:140px}
.pj-album .prinzipien.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
.pj-album .blatt h2+.verzeichnis{margin-top:30px}
.pj-album .blatt .aktionen .link{color:var(--walnuss);border-bottom-color:rgba(42,34,29,.35)}
.pj-album .blatt .zeitleiste+.hinweis{margin-top:40px}
.pj-album .reihe-text .aktionen{margin-top:32px}
.pj-album .eintrag-kopf h3 a{color:inherit}
@media (max-width:1100px){
  .pj-album .zweier>.links{grid-column:1/13}
  .pj-album .zweier>.rechts{grid-column:3/11;margin-top:40px}
  .pj-album .prinzipien.zwei{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .pj-album .statement.lang{font-size:clamp(38px,10.5vw,50px)}
  .pj-album .zweier>.rechts{grid-column:1/13;margin:30px 6px 0}
  .pj-album .vergleich td.betrag{font-size:19px}
}
.pj-album .vergleich.schmal{min-width:0}
.pj-album .tabelle-wischen{display:none}
@media (max-width:640px){
  .pj-album .vergleich tbody th,.pj-album .vergleich thead th:first-child,.pj-album .vergleich tfoot th{position:sticky;left:0;z-index:1;background:var(--papier);box-shadow:6px 0 8px -6px rgba(42,34,29,.25)}
  .pj-album .vergleich.schmal tbody th{position:static;box-shadow:none}
  .pj-album .vergleich.schmal th,.pj-album .vergleich.schmal td{padding:13px 10px}
  .pj-album .tabelle-wischen{display:block;margin-top:14px;font-family:"Nothing You Could Do",cursive;font-size:19px;color:var(--honig-dunkel);transform:rotate(-1deg)}
}

.pj-album .artikel table.has-fixed-layout{table-layout:fixed}
@media (max-width:640px){
  .pj-album .artikel table{font-size:14px}
  .pj-album .artikel th,.pj-album .artikel td{padding:10px 7px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
}

/* ---------------------------------------------------------------
   0.4: Leinen und Walnuss im Wechsel, Prägung, Preiskarte, Stationen
   --------------------------------------------------------------- */
:root{
  interpolate-size:allow-keywords;
  --leinen-hell:#F2EBDF;
  --tief:#1F1814;
  --leinen-struktur:repeating-linear-gradient(0deg,rgba(80,60,40,.045) 0 1px,rgba(0,0,0,0) 1px 3px),repeating-linear-gradient(90deg,rgba(80,60,40,.035) 0 1px,rgba(0,0,0,0) 1px 4px);
  --muster-dunkel:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='88' height='88'><g fill='none' stroke='%23E0A54A' stroke-opacity='.075' stroke-width='1' stroke-linecap='round'><path d='M12 30h20M15 30a7 7 0 0 1 14 0M22 20v-3M15.6 23.6l-2-2M28.4 23.6l2-2'/><path d='M56 74h20M59 74a7 7 0 0 1 14 0M66 64v-3M59.6 67.6l-2-2M72.4 67.6l2-2'/></g></svg>");
  --muster-hell:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='88' height='88'><g fill='none' stroke='%238F5C12' stroke-opacity='.13' stroke-width='1' stroke-linecap='round'><path d='M12 30h20M15 30a7 7 0 0 1 14 0M22 20v-3M15.6 23.6l-2-2M28.4 23.6l2-2'/><path d='M56 74h20M59 74a7 7 0 0 1 14 0M66 64v-3M59.6 67.6l-2-2M72.4 67.6l2-2'/></g></svg>");
}
.pj-album .preis .eur{font-size:.6em;letter-spacing:0;color:var(--leise)}
.pj-album .notiz svg{color:inherit}

/* Flächen: helles Leinen und tiefe Walnuss mit Prägemuster, jeweils randlos */
.pj-album .hell,.pj-album .tief{position:relative;isolation:isolate;margin-top:170px;padding-top:150px;padding-bottom:150px}
.pj-album .hell::before,.pj-album .tief::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;pointer-events:none}
.pj-album .hell::before{background-color:var(--leinen-hell);background-image:var(--leinen-struktur),var(--leinwand)}
.pj-album .tief::before{background-color:var(--tief);background-image:var(--muster-dunkel),var(--korn);box-shadow:inset 0 26px 40px -30px rgba(0,0,0,.75),inset 0 -26px 40px -30px rgba(0,0,0,.75)}
.pj-album .hell{color:var(--tinte);--flaeche:var(--leinen-hell)}
.pj-album .tief{--flaeche:var(--tief)}
.pj-album .randlos+.hell,.pj-album .tom+.hell,.pj-album .kopf+.hell{margin-top:0}
.pj-album .hell .display,.pj-album .hell h2,.pj-album .hell h3{color:var(--walnuss)}
.pj-album .hell .link{color:var(--walnuss);border-bottom-color:rgba(42,34,29,.35)}
.pj-album .hell .link:hover{border-bottom-color:var(--honig-dunkel)}
.pj-album .hell .hand{color:var(--honig-dunkel)}
.pj-album .hell .beleg,.pj-album .hell .quelle,.pj-album .hell .kontingent,.pj-album .hell .klein,.pj-album .hell .menuekarte .zeit,.pj-album .hell .menuekarte-fuss{color:var(--stein)}
.pj-album .hell .quelle a{border-bottom-color:rgba(42,34,29,.3)}
.pj-album .hell .abzug{box-shadow:0 1px 1px rgba(60,42,25,.24),0 3px 8px rgba(60,42,25,.10),0 32px 56px -26px rgba(60,42,25,.55)}
.pj-album .hell .menuekarte>div{border-color:rgba(42,34,29,.22)!important}
.pj-album .hell .menuekarte dt{color:var(--walnuss)}
.pj-album .hell .punkte{background-image:radial-gradient(circle,rgba(42,34,29,.35) 1px,transparent 1.4px)}
.pj-album .hell .eintrag h3,.pj-album .hell .preis,.pj-album .hell .nr{color:var(--walnuss)}
.pj-album .hell .prinzipien li{border-top-color:rgba(143,92,18,.45)}
.pj-album .hell .prinzipien h3{color:var(--walnuss)}
.pj-album .hell .stimme{box-shadow:0 1px 1px rgba(60,42,25,.2),0 30px 50px -26px rgba(60,42,25,.5)}

/* Kopf der Unterseiten: Titelblatt in Leinen, rechts das Bild bis an den Rand, darüber ein Streifen Seidenpapier */
.pj-album .kopf{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:min(calc(100vh - 104px),880px);color:var(--tinte)}
.pj-album .kopf::before{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--leinen-hell);background-image:var(--leinen-struktur),var(--leinwand)}
.pj-album .kopf-text{display:flex;flex-direction:column;justify-content:center;padding:72px clamp(40px,5vw,96px) 84px max(56px,calc(50vw - 660px + 56px))}
.pj-album .kopf h1{font:400 15px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--stein);max-width:28em}
.pj-album .kopf .statement{color:var(--walnuss);font-size:clamp(50px,5.4vw,96px)}
.pj-album .kopf .statement.lang{font-size:clamp(44px,4.5vw,80px);line-height:1.02}
.pj-album .kopf .statement.lang span{white-space:normal}
.pj-album .kopf .einl{font-size:18px;line-height:1.8;max-width:29em;margin-top:32px}
.pj-album .kopf .beleg{color:var(--stein);margin-top:48px}
.pj-album .kopf .link{color:var(--walnuss);border-bottom-color:rgba(42,34,29,.35)}
.pj-album .kopf .link:hover{border-bottom-color:var(--honig-dunkel)}
.pj-album .kopf-bild{position:relative;margin:0;overflow:hidden;background:#3b3029;min-height:520px}
.pj-album .kopf-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pj-album .kopf-bild::before{content:"";position:absolute;top:0;bottom:0;left:0;width:clamp(44px,4.4vw,84px);z-index:2;background-image:var(--fasern),linear-gradient(90deg,rgba(242,235,223,.92),rgba(236,228,215,.55));-webkit-backdrop-filter:blur(9px) saturate(.75);backdrop-filter:blur(9px) saturate(.75);box-shadow:1px 0 0 rgba(255,255,255,.4),10px 0 22px -10px rgba(0,0,0,.3)}
.pj-album .kopf-bild::after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;z-index:1;background:linear-gradient(0deg,rgba(26,20,16,.52),rgba(26,20,16,0))}
.pj-album .kopf-bild figcaption{position:absolute;right:clamp(22px,3vw,52px);bottom:clamp(20px,3vw,44px);z-index:3;font-size:27px;color:var(--weissstift);transform:rotate(-1.5deg)}
.pj-album .kopf-buehne{position:relative;display:flex;align-items:center;justify-content:center;padding:64px clamp(32px,5vw,90px);background:var(--walnuss) var(--korn);box-shadow:inset 22px 0 30px -24px rgba(0,0,0,.6)}
.pj-album .kopf-buehne .gutschein-buehne{max-width:560px}

/* Preiskarte: ein Blatt, in Felder gefaltet */
.pj-album .preiskarte{position:relative;display:grid;grid-template-columns:repeat(var(--felder,3),minmax(0,1fr));background:var(--papier) var(--papierkorn);color:var(--tinte);text-align:left;box-shadow:0 1px 1px rgba(0,0,0,.28),0 8px 18px rgba(0,0,0,.12),0 60px 100px -46px rgba(0,0,0,.7)}
.pj-album .preiskarte.zwei{--felder:2;max-width:980px;margin-left:auto;margin-right:auto}
.pj-album .preiskarte.vier{--felder:4}
.pj-album .hell .preiskarte{box-shadow:0 1px 1px rgba(60,42,25,.2),0 8px 18px rgba(60,42,25,.08),0 54px 90px -46px rgba(60,42,25,.55)}
.pj-album .feld{position:relative;display:flex;flex-direction:column;padding:64px clamp(26px,2.8vw,48px) 48px}
.pj-album .feld+.feld::before{content:"";position:absolute;top:0;bottom:0;left:-18px;width:36px;pointer-events:none;background:linear-gradient(90deg,rgba(80,58,36,0) 0%,rgba(80,58,36,.05) 38%,rgba(80,58,36,.13) 49.5%,rgba(255,255,255,.75) 50.5%,rgba(80,58,36,.04) 62%,rgba(80,58,36,0) 100%)}
.pj-album .feld-name{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(32px,2.8vw,44px);line-height:1.1;letter-spacing:-.015em;color:var(--walnuss)}
.pj-album .feld-art{margin-top:8px;font:400 14px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--stein)}
.pj-album .feld-preis{margin-top:30px}
.pj-album .feld .preis{font-size:clamp(40px,3.6vw,56px);line-height:1;color:var(--walnuss)}
.pj-album .feld .preis .eur{color:var(--stein)}
.pj-album .feld .preis small{color:var(--stein)}
.pj-album .feld-liste{margin-top:30px;border-top:1px solid rgba(42,34,29,.14)}
.pj-album .feld-liste li{padding:11px 0;border-bottom:1px solid rgba(42,34,29,.1);font:400 15.5px/1.5 "Lato",system-ui,sans-serif;color:var(--tinte)}
.pj-album .feld-preise{margin-top:30px;border-top:1px solid rgba(42,34,29,.14)}
.pj-album .feld-preise>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(42,34,29,.1)}
.pj-album .feld-preise dt{font-family:"Merriweather",Georgia,serif;font-size:18px;line-height:1.3;color:var(--walnuss)}
.pj-album .feld-preise dt span{display:block;margin-top:3px;font:400 13.5px/1.4 "Lato",system-ui,sans-serif;color:var(--stein)}
.pj-album .feld-preise dd{margin:0;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-size:24px;color:var(--walnuss);white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.pj-album .feld-fuss{margin-top:auto;padding-top:30px}
.pj-album .feld .link{color:var(--walnuss);border-bottom-color:rgba(42,34,29,.35)}
.pj-album .feld .link:hover{border-bottom-color:var(--honig-dunkel)}
.pj-album .feld .notiz{color:var(--honig-dunkel);font-size:20px;margin-top:10px;transform:rotate(-2deg)}
.pj-album .feld.empfohlen::after{content:"";position:absolute;top:-10px;right:clamp(24px,2.6vw,40px);width:22px;height:104px;background:linear-gradient(90deg,#C3862F 0%,#E6AE57 45%,#D39A42 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}
.pj-album .preiskarte-fuss{margin:32px auto 0;max-width:48em;font:400 14.5px/1.65 "Lato",system-ui,sans-serif;color:var(--leise);text-align:center}
.pj-album .hell .preiskarte-fuss{color:var(--stein)}
.pj-album .aktionen.mitte{justify-content:center}

/* Kopfzeile eines Bandes, mittig */
.pj-album .band-kopf{max-width:46em;margin:0 auto;text-align:center}
.pj-album .band-kopf h2{font-size:clamp(38px,4.2vw,64px);line-height:1.05}
.pj-album .band-kopf p{margin:24px auto 0;font-size:18px;max-width:36em}
.pj-album .band-kopf+.preiskarte{margin-top:76px}
.pj-album .band-stimme{max-width:38em;margin:80px auto 0;text-align:center}
.pj-album .band-stimme blockquote{font-style:italic;font-weight:300;font-size:21px;line-height:1.6;color:var(--papier)}
.pj-album .hell .band-stimme blockquote{color:var(--walnuss)}
.pj-album .band-stimme figcaption{margin-top:14px;font:400 14px/1.4 "Lato",system-ui,sans-serif;color:var(--leise)}
.pj-album .hell .band-stimme figcaption{color:var(--stein)}

/* Preisseite: Titel mittig, darunter gleich die Preiskarte */
.pj-album .preis-kopf{margin-top:0;padding-top:96px;text-align:center}
.pj-album .preis-kopf h1{font:400 15px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--stein)}
.pj-album .preis-kopf .statement{color:var(--walnuss);margin-top:22px}
.pj-album .preis-kopf .einl{max-width:36em;margin:30px auto 0;font-size:18.5px;line-height:1.8}
.pj-album .preis-kopf .preiskarte{margin-top:84px}

/* Was immer dabei ist */
.pj-album .immer-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:start}
.pj-album .immer-kopf{grid-column:1/5}
.pj-album .immer-kopf h2{font-size:clamp(36px,3.6vw,56px);line-height:1.08}
.pj-album .immer-kopf p{margin-top:22px;font-size:18px;max-width:22em}
.pj-album .immer-bild{margin-top:56px;max-width:330px;display:flex;flex-direction:column}
.pj-album .immer-bild .abzug{transform:rotate(-1.4deg)}
.pj-album .immer-bild .hand{margin-top:18px;transform:rotate(-1.6deg)}
.pj-album .immer-liste{grid-column:6/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 44px;margin:6px 0 0}
.pj-album .immer-liste>div{padding-top:22px;border-top:1px solid rgba(224,165,74,.45)}
.pj-album .immer-liste dt{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:22px;line-height:1.3;color:var(--papier)}
.pj-album .immer-liste dd{margin:12px 0 0;font-size:16px;line-height:1.75}

/* Kapitel als Abzüge mit Preis */
.pj-album .kapitel-karten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,40px);margin-top:72px}
.pj-album .kapitel-karte{display:flex;flex-direction:column;color:inherit}
.pj-album .kapitel-karte .abzug{transition:transform .45s ease}
.pj-album .kapitel-karten>li:nth-child(odd) .abzug{transform:rotate(-.8deg)}
.pj-album .kapitel-karten>li:nth-child(even) .abzug{transform:rotate(.9deg)}
.pj-album .kapitel-karten .bild{--format:4/5}
.pj-album .kapitel-karte:hover .abzug{transform:translateY(-5px) rotate(0)}
.pj-album .kk-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:26px}
.pj-album .kk-name{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;font-size:clamp(24px,2vw,30px);line-height:1.15;letter-spacing:-.01em;color:var(--walnuss)}
.pj-album .kk-kopf .preis{font-size:clamp(22px,1.8vw,26px)}
.pj-album .kk-kopf .preis small{font-size:13px}
.pj-album .kk-text{margin-top:10px;font-size:15.5px;line-height:1.65}
.pj-album .kapitel-hinweis{margin-top:64px;text-align:center;font-size:17px}
.pj-album .kapitel-hinweis a{border-bottom:1px solid rgba(42,34,29,.35)}

/* Ablauf als Stationen */
.pj-album .stationen-kopf{max-width:44em}
.pj-album .stationen-kopf h2{font-size:clamp(38px,4.2vw,64px);line-height:1.05}
.pj-album .stationen-kopf p{margin-top:24px;font-size:18px;max-width:38em}
.pj-album .stationen{counter-reset:station;position:relative;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:clamp(28px,3vw,48px);margin-top:84px}
.pj-album .stationen.drei{--n:3}
.pj-album .stationen.vier{--n:4}
.pj-album .stationen::before{content:"";position:absolute;left:34px;right:0;top:34px;height:1px;background:linear-gradient(90deg,rgba(224,165,74,.6),rgba(224,165,74,.15))}
.pj-album .hell .stationen::before{background:linear-gradient(90deg,rgba(143,92,18,.45),rgba(143,92,18,.1))}
.pj-album .stationen>li{position:relative;padding-top:104px}
.pj-album .stationen>li::before{counter-increment:station;content:counter(station);position:absolute;left:0;top:0;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font-family:"Merriweather",Georgia,serif;font-style:italic;font-weight:300;font-size:30px;line-height:1;color:var(--honig);background:var(--flaeche,var(--walnuss));border:1px solid rgba(224,165,74,.6)}
.pj-album .hell .stationen>li::before{color:var(--honig-dunkel);border-color:rgba(143,92,18,.5)}
.pj-album .stationen .zeitpunkt{position:static;display:block;margin:0 0 8px;font-size:23px;color:var(--honig);transform:rotate(-2deg)}
.pj-album .hell .stationen .zeitpunkt{color:var(--honig-dunkel)}
.pj-album .stationen h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:400;font-size:clamp(23px,1.9vw,27px);line-height:1.2;letter-spacing:-.01em;color:var(--papier)}
.pj-album .hell .stationen h3{color:var(--walnuss)}
.pj-album .stationen p{margin-top:14px;font-size:16px;line-height:1.75}
.pj-album .stationen .fristen{margin-top:18px;border-top:1px solid rgba(255,253,249,.14)}
.pj-album .stationen .fristen li{border-bottom-color:rgba(255,253,249,.14);font-size:15px}
.pj-album .hell .stationen .fristen{border-top-color:rgba(42,34,29,.14)}
.pj-album .hell .stationen .fristen li{border-bottom-color:rgba(42,34,29,.12)}
.pj-album .stationen .fristen b{color:var(--honig)}
.pj-album .hell .stationen .fristen b{color:var(--honig-dunkel)}
.pj-album .stationen-fuss{margin-top:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.pj-album .stationen-fuss p{max-width:40em;font-size:16px;color:var(--leise)}
.pj-album .hell .stationen-fuss p{color:var(--stein)}
.pj-album .stationen-fuss .aktionen{margin-top:0}

/* Häufige Fragen: ein Bogen Papier mit Prägerahmen auf der Albumseite */
.pj-album .fragen-blatt{position:relative;background:var(--papier) var(--papierkorn);color:var(--tinte);padding:clamp(52px,6.4vw,104px) clamp(28px,6vw,100px);box-shadow:0 1px 1px rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.14),0 64px 110px -44px rgba(0,0,0,.78)}
.pj-album .fragen-blatt::before{content:"";position:absolute;inset:16px;border:1px solid rgba(143,92,18,.28);box-shadow:inset 0 0 0 4px rgba(255,253,249,.6),inset 0 0 0 5px rgba(143,92,18,.12);pointer-events:none}
.pj-album .fragen-blatt .fragen-raster{position:relative}
.pj-album .fragen-kopf{grid-column:1/5;position:sticky;top:calc(var(--oben) + 40px)}
.pj-album .fragen-blatt h2{grid-column:auto;font-size:clamp(34px,3.2vw,52px);line-height:1.08;color:var(--walnuss)}
.pj-album .fragen-kopf p{margin-top:22px;font-size:16.5px;line-height:1.7;color:var(--tinte);max-width:22em}
.pj-album .fragen-kopf .link{color:var(--walnuss);border-bottom-color:rgba(42,34,29,.35)}
.pj-album .fragen-kopf .aktionen{margin-top:28px}
.pj-album .fragen-blatt .fragen-liste{grid-column:6/13;border-top:1px solid rgba(42,34,29,.16)}
.pj-album .fragen-blatt .frage{border-bottom:1px solid rgba(42,34,29,.16)}
.pj-album .fragen-blatt .frage summary{align-items:center;padding:24px 0;font-size:20px;color:var(--walnuss);transition:color .2s}
.pj-album .fragen-blatt .frage summary:hover{color:var(--honig-dunkel)}
.pj-album .fragen-blatt .frage summary::after{width:34px;height:34px;border-radius:50%;border:1px solid rgba(143,92,18,.45);transform:none;background:linear-gradient(var(--honig-dunkel),var(--honig-dunkel)) 50% 50%/12px 1.5px no-repeat,linear-gradient(var(--honig-dunkel),var(--honig-dunkel)) 50% 50%/1.5px 12px no-repeat;background-color:rgba(255,253,249,0);transition:transform .35s ease,background-color .35s ease}
.pj-album .fragen-blatt .frage[open] summary::after{transform:rotate(45deg);background-color:rgba(224,165,74,.2)}
.pj-album .fragen-blatt .frage p{color:var(--tinte);padding:0 60px 28px 0;font-size:16.5px}
.pj-album .fragen-blatt .frage p a{border-bottom:1px solid rgba(42,34,29,.35)}
.pj-album .frage::details-content{block-size:0;overflow:hidden;transition:block-size .4s ease,content-visibility .4s allow-discrete}
.pj-album .frage[open]::details-content{block-size:auto}
.pj-album .fragen-blatt+.fragen-blatt{margin-top:72px}

/* Startseite: nichts aussuchen */
.pj-album .nichts-raster{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px;align-items:center}
.pj-album .nichts-text{grid-column:1/7}
.pj-album .nichts-text h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05}
.pj-album .nichts-zeile{margin-top:26px;font-size:19px;max-width:28em}
.pj-album .nichts-text .aktionen{margin-top:36px}
.pj-album .briefkarte{grid-column:8/13;background:var(--papier) var(--papierkorn);color:var(--tinte);padding:44px 40px 34px;transform:rotate(-1.3deg);box-shadow:0 1px 1px rgba(60,42,25,.25),0 4px 10px rgba(60,42,25,.1),0 40px 70px -30px rgba(60,42,25,.55)}
.pj-album .briefkarte blockquote p{font-size:17px;line-height:1.75}
.pj-album .briefkarte blockquote p+p{margin-top:14px}
.pj-album .briefkarte figcaption{margin-top:18px;font-size:30px;color:var(--honig-dunkel);transform:rotate(-3deg);transform-origin:0 50%}

/* Rückdeckel größer, Ratgeber im Fuß */
.pj-deckel{padding:170px 56px 150px}
.pj-praegung{max-width:880px;padding:96px 64px 88px}
.pj-praegung h2{font-size:clamp(44px,5.4vw,84px)}
.pj-lesen{background:var(--walnuss-tief) var(--korn);color:var(--text);padding:120px 56px 24px}
.pj-lesen-innen{max-width:1320px;margin:0 auto}
.pj-lesen-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.pj-fuss .pj-lesen h2{font-size:clamp(30px,3vw,46px);line-height:1.1}
.pj-lesen+.pj-register{padding-top:72px}
.pj-lesen+.pj-register .pj-register-raster{border-top:1px solid rgba(255,253,249,.08);padding-top:64px}
.ratgeber-karten{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,48px)}
.ratgeber-karte{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.rk-bild{display:block;background:var(--papier);padding:clamp(8px,.8vw,12px);box-shadow:0 1px 1px rgba(0,0,0,.35),0 26px 46px -24px rgba(0,0,0,.75);transform:rotate(-.6deg);transition:transform .45s ease}
.ratgeber-karten>li:nth-child(3n+2) .rk-bild{transform:rotate(.7deg)}
.ratgeber-karten>li:nth-child(3n) .rk-bild{transform:rotate(-.3deg)}
.rk-bild img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.ratgeber-karte:hover .rk-bild{transform:translateY(-4px) rotate(0)}
.rk-titel{display:block;margin-top:24px;font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 72;font-weight:400;font-size:20px;line-height:1.35;color:var(--papier);transition:color .2s}
.ratgeber-karte:hover .rk-titel{color:var(--honig-hell)}
.rk-auszug{display:block;margin-top:10px;font-size:15.5px;line-height:1.7;color:var(--text)}
.rk-meta{display:block;margin-top:10px;font:400 13px/1.4 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--leise)}
.pj-album .ratgeber-index .ratgeber-karten{margin-top:24px;gap:72px 48px}
.pj-album .weiterlesen{max-width:1320px}
.pj-album .weiterlesen .ratgeber-karten{margin-top:36px}

@media (max-width:1100px){
  .pj-album .kopf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pj-album .kopf-text{padding-left:40px;padding-right:44px}
  .pj-album .preiskarte.vier{--felder:2}
  .pj-album .preiskarte.vier .feld:nth-child(3)::before{display:none}
  .pj-album .preiskarte.vier .feld:nth-child(n+3){border-top:1px solid rgba(42,34,29,.1)}
  .pj-album .immer-kopf{grid-column:1/13}
  .pj-album .immer-bild{display:none}
  .pj-album .immer-liste{grid-column:1/13;margin-top:40px}
  .pj-album .kapitel-karten{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
  .pj-album .stationen,.pj-album .stationen.vier{--n:2;row-gap:56px}
  .pj-album .stationen.drei{--n:3}
  .pj-album .stationen::before{display:none}
  .pj-album .fragen-kopf{grid-column:1/13;position:static}
  .pj-album .fragen-blatt .fragen-liste{grid-column:1/13;margin-top:36px}
  .pj-album .nichts-text{grid-column:1/13}
  .pj-album .briefkarte{grid-column:2/12;margin-top:40px}
  .pj-lesen{padding-left:40px;padding-right:40px}
}
@media (max-width:900px){
  .pj-album .kopf{grid-template-columns:minmax(0,1fr);min-height:0}
  .pj-album .kopf-bild,.pj-album .kopf-buehne{order:-1}
  .pj-album .kopf-bild{min-height:0;height:min(74vh,640px)}
  .pj-album .kopf-bild::before{top:auto;left:0;right:0;bottom:0;width:auto;height:38px;background-image:var(--fasern),linear-gradient(0deg,rgba(242,235,223,.95),rgba(236,228,215,.5))}
  .pj-album .kopf-bild figcaption{bottom:54px}
  .pj-album .kopf-text{padding:44px 40px 72px}
  .pj-album .preiskarte,.pj-album .preiskarte.zwei,.pj-album .preiskarte.vier{--felder:1}
  .pj-album .feld+.feld::before,.pj-album .preiskarte.vier .feld:nth-child(3)::before{display:block;top:-18px;bottom:auto;left:0;right:0;width:auto;height:36px;background:linear-gradient(180deg,rgba(80,58,36,0) 0%,rgba(80,58,36,.05) 38%,rgba(80,58,36,.13) 49.5%,rgba(255,255,255,.75) 50.5%,rgba(80,58,36,.04) 62%,rgba(80,58,36,0) 100%)}
  .pj-album .preiskarte.vier .feld:nth-child(n+3){border-top:0}
  .pj-album .feld{padding:52px 32px 40px}
  .pj-album .stationen,.pj-album .stationen.drei,.pj-album .stationen.vier{--n:1;row-gap:44px}
  .pj-album .stationen>li{padding:6px 0 0 96px;min-height:68px}
  .pj-album .stationen::before{display:block;left:34px;right:auto;top:68px;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,rgba(224,165,74,.5),rgba(224,165,74,.08))}
  .pj-album .hell .stationen::before{background:linear-gradient(180deg,rgba(143,92,18,.4),rgba(143,92,18,.06))}
}
@media (max-width:640px){
  .pj-album .hell,.pj-album .tief{margin-top:110px;padding-top:96px;padding-bottom:96px}
  .pj-album .randlos+.hell,.pj-album .tom+.hell,.pj-album .kopf+.hell{margin-top:0}
  .pj-album .kopf-bild{height:68vh;min-height:380px}
  .pj-album .kopf-bild figcaption{font-size:22px;right:20px}
  .pj-album .kopf-text{padding:36px 22px 60px}
  .pj-album .kopf .statement{font-size:clamp(42px,12vw,56px)}
  .pj-album .kopf .statement.lang{font-size:clamp(38px,10.5vw,50px)}
  .pj-album .kopf .einl{font-size:17px;margin-top:24px}
  .pj-album .kopf .beleg{margin-top:34px}
  .pj-album .kopf .aktionen .btn{flex:1 1 100%}
  .pj-album .preis-kopf{padding-top:64px}
  .pj-album .preis-kopf .einl{font-size:17px}
  .pj-album .preis-kopf .preiskarte{margin-top:56px}
  .pj-album .feld{padding:46px 24px 36px}
  .pj-album .feld.empfohlen::after{height:84px;right:22px}
  .pj-album .band-kopf p,.pj-album .stationen-kopf p,.pj-album .immer-kopf p{font-size:17px}
  .pj-album .band-kopf+.preiskarte{margin-top:52px}
  .pj-album .band-stimme{margin-top:56px}
  .pj-album .band-stimme blockquote{font-size:19px}
  .pj-album .immer-liste{grid-template-columns:minmax(0,1fr);gap:34px}
  .pj-album .kapitel-karten{grid-template-columns:minmax(0,1fr);gap:56px;padding:0 8px}
  .pj-album .stationen{margin-top:56px}
  .pj-album .stationen>li{padding-left:84px}
  .pj-album .stationen>li::before{width:58px;height:58px;font-size:26px}
  .pj-album .stationen::before{left:29px;top:58px}
  .pj-album .stationen-fuss{margin-top:48px}
  .pj-album .fragen-blatt{margin:0 -8px;padding:56px 26px 44px}
  .pj-album .fragen-blatt::before{inset:10px}
  .pj-album .fragen-blatt .frage summary{font-size:18px;gap:16px}
  .pj-album .fragen-blatt .frage summary::after{width:30px;height:30px}
  .pj-album .fragen-blatt .frage p{padding-right:0;font-size:16px}
  .pj-album .nichts-zeile{font-size:17.5px}
  .pj-album .briefkarte{grid-column:1/13;margin:36px 6px 0;padding:34px 26px 28px}
  .pj-album .briefkarte blockquote p{font-size:16.5px}
  .pj-deckel{padding:96px 16px 84px}
  .pj-praegung{padding:56px 22px 52px}
  .pj-lesen{padding:84px 22px 16px}
  .ratgeber-karten{grid-template-columns:minmax(0,1fr);gap:44px}
  .pj-lesen+.pj-register .pj-register-raster{padding-top:48px}
}
.pj-album .hell+.tief,.pj-album .tief+.hell{margin-top:0}
.pj-album .seiten-kopf+.fragen.gruppe{padding-top:40px}
@media (max-width:640px){
  .pj-album .preis-kopf,.pj-album .hell+.tief,.pj-album .tief+.hell{margin-top:0}
}
.pj-album .kapitel-karte .abzug,.pj-album .kapitel-karte .bild{display:block}
@media (max-width:1100px){
  .pj-album .fragen-blatt .fragen-raster{display:block}
}
.pj-album .feld .notiz{order:0;flex-basis:auto;align-self:flex-start;margin:10px 0 0}
.pj-album .ratgeber-index{max-width:none}
/* 0.4.1: Kapitel-Kopf auf breiten Bildschirmen am Inhaltsraster ausrichten, Titel nicht größer als bei 1440 px */
@media (min-width:1441px){.pj-album .kopf{grid-template-columns:minmax(0,calc(50vw - 66px)) minmax(0,1fr)}.pj-album .kopf-text{padding-right:72px}.pj-album .kopf .statement{font-size:78px}.pj-album .kopf .statement.lang{font-size:65px}}
/* 0.4.2: Kapitel-Kopf ohne Seidenpapier-Streifen, Hochzeit: Hinweis Fotos und Film zusammen */
.pj-album .kopf-bild::before{content:none;display:none}
.pj-album .kombi{max-width:36em;margin:64px auto 0;text-align:center}
.pj-album .kombi h3{font-size:clamp(26px,2.4vw,34px);line-height:1.15;color:var(--weissstift)}
.pj-album .kombi p{margin-top:14px;font-size:17px;line-height:1.75;color:var(--leise)}
.pj-album .hell .kombi h3{color:var(--walnuss)}
.pj-album .hell .kombi p{color:var(--stein)}
.pj-album .feld-preise dd small{font:400 14px/1 "Lato",system-ui,sans-serif;letter-spacing:.02em;color:var(--stein);margin-right:.25em}
/* 0.4.3: Hochzeit zwei Erklärungen nebeneinander, Hinweis im Formular, Preis-Links unter den Karten */
.pj-album .kombi-zwei{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1040px;margin:64px auto 0}
.pj-album .kombi-zwei .kombi{margin:0;max-width:none;text-align:left}
@media(max-width:800px){.pj-album .kombi-zwei{grid-template-columns:1fr;gap:36px}}
.pj-album .preiskarte-fuss a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap}
.pj-album .preiskarte-fuss a:hover{color:var(--honig)}
.pj-album .hell .preiskarte-fuss a:hover{color:var(--honig-dunkel)}
.anlass-info{margin:0 0 22px;padding:14px 18px;border-left:2px solid var(--honig);background:rgba(224,165,74,.09);font-size:15.5px;line-height:1.65}
.anlass-info[hidden]{display:none}
.anlass-info a{color:var(--honig-dunkel);text-underline-offset:3px}
/* 0.4.4: Formularfelder nicht wie Preiskarten-Felder behandeln */
.pj-album .formular .feld{display:block;padding:0;margin:0 0 20px}
.pj-album .formular .feld-haken{display:flex;flex-direction:row;gap:12px;align-items:flex-start;margin-top:6px}
.pj-album .formular .feld::before{content:none;display:none}
.pj-album .formular .anlass-info{margin:0 0 24px;padding:14px 18px;font-size:15px;line-height:1.65}
/* 0.4.6 */
.pj-album .neu{display:inline-block;margin-left:.3em;font-family:"Nothing You Could Do",cursive;font-variation-settings:normal;font-weight:400;font-size:.6em;line-height:1;letter-spacing:.01em;color:var(--honig-dunkel);transform:rotate(-6deg) translateY(-.4em);white-space:nowrap}
.pj-album .hand.neu-notiz{margin:0 0 8px;font-size:30px;color:var(--honig-dunkel);transform:rotate(-3deg);transform-origin:left center}
.pj-album .kk-name .neu{font-size:.72em}
.pj-album.rechtsseite{padding-bottom:120px}
.pj-album.rechtsseite .artikel h2{scroll-margin-top:110px}
.pj-album.rechtsseite .artikel table{margin:1.4em 0}
@media (max-width:640px){.pj-album.rechtsseite{padding-bottom:64px}.pj-album.rechtsseite .artikel table{display:block;overflow-x:auto;font-size:14.5px}}
/* 0.4.7: Logo als SVG, Elementor-Seiten lesbar */
.pj-marke{line-height:0;align-items:center}
.pj-marke svg{display:block;height:50px;width:auto}
.pj-kopf .pj-marke{color:var(--papier)}
.pj-marke-praegung svg{height:76px;margin:0 auto;color:var(--honig);filter:drop-shadow(0 1px 0 rgba(0,0,0,.45))}
.pj-fuss .pj-register-adresse .pj-marke svg{height:40px}
.pj-unsichtbar{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.pj-marke svg{height:36px}.pj-marke-praegung svg{height:64px}}
body.pj-elementor{background:var(--walnuss)}
body.pj-elementor .elementor[data-elementor-type="wp-page"],body.pj-elementor .elementor[data-elementor-type="wp-post"]{background:#fff;color:#2b2b2b}
body.pj-elementor .pj-kopf{position:relative;z-index:50;background:var(--walnuss);box-shadow:0 0 0 100vmax var(--walnuss);clip-path:inset(0 -100vmax)}
body.pj-elementor .pj-fuss .pj-display,body.pj-elementor .pj-fuss h2,body.pj-elementor .pj-fuss h3{font-family:"Merriweather",Georgia,serif;font-variation-settings:"opsz" 144;font-weight:300;color:var(--papier)}
body.pj-elementor .pj-fuss p,body.pj-elementor .pj-fuss a{font-family:"Lato",system-ui,sans-serif}
/* 0.4.9: Studio beim Babybauch */
.pj-album .studio-reihe{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center;margin-top:64px}
.pj-album .studio-reihe.gespiegelt{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin-top:clamp(28px,4vw,56px)}
.pj-album .studio-reihe figure{display:flex;flex-direction:column}
@media (max-width:640px){.pj-album .studio-reihe,.pj-album .studio-reihe.gespiegelt{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:40px}}
.pj-album .studio-vier{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);align-items:start;margin-top:64px}
.pj-album .studio-vier figure{display:flex;flex-direction:column}
.pj-album .studio-vier figure:nth-child(even){margin-top:48px}
.pj-album .studio-vier .bild img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:900px){.pj-album .studio-vier{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}.pj-album .studio-vier figure:nth-child(even){margin-top:28px}}