/* Gedankenjournal Shop – ergänzt style.css. Entwurf 12.11.2026 */
.entwurf{background:var(--rosa);color:var(--bg);font-family:var(--klein);font-size:.78rem;letter-spacing:.06em;text-align:center;padding:8px 16px}
.schmal{max-width:760px!important}
.mitte{text-align:center}
.held h1,.produktkopf h1{font-size:clamp(2rem,7vw,3.4rem)!important;font-style:italic;text-transform:none;letter-spacing:.01em;font-weight:400}
.lead{font-size:1.12em;color:var(--fg);max-width:36em;margin-left:auto;margin-right:auto}
.knopf{display:inline-block;background:var(--fg);color:var(--bg);text-decoration:none;border:0;cursor:pointer;
font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;padding:16px 26px;min-height:48px;border-radius:2px;font-family:var(--klein)}
.knopf:hover,.knopf:focus-visible{background:var(--rosa);color:var(--bg)}
.knopf.voll{width:100%}
.knopf[disabled]{opacity:.6;cursor:wait}
.produktkopf{display:grid;gap:36px;align-items:center;text-align:left;padding-top:40px}
.produktkopf .text{max-width:34em}
.produktkopf .lead{margin-left:0}
@media(min-width:900px){.produktkopf{grid-template-columns:1fr 1.05fr;padding-top:64px}}
.preiszeile{font-family:var(--klein);letter-spacing:.06em;color:var(--leise);margin:.6em 0 1.2em}
.preiszeile strong{font-family:var(--titel);font-size:1.7rem;color:var(--fg);letter-spacing:0;margin-right:.2em}
.vorschau{position:relative;height:clamp(300px,62vw,470px);max-width:520px;margin:0 auto;width:100%}
.vorschau img{position:absolute;width:52%;height:auto;box-shadow:0 18px 40px rgba(0,0,0,.55);border-radius:2px}
.vorschau img:nth-child(1){left:24%;top:0;z-index:3}
.vorschau img:nth-child(2){left:0;top:9%;z-index:2;transform:rotate(-5deg);opacity:.92}
.vorschau img:nth-child(3){right:0;top:9%;z-index:1;transform:rotate(5deg);opacity:.92}
.haken-liste{list-style:none;padding:0;margin:0}
.haken-liste li{padding:12px 0 12px 34px;border-bottom:1px solid var(--linie);position:relative}
.haken-liste li::before{content:"";position:absolute;left:4px;top:1.15em;width:14px;height:7px;border-left:1.5px solid var(--rosa);border-bottom:1.5px solid var(--rosa);transform:rotate(-45deg)}
.haken-liste.leise li::before{width:8px;height:8px;border:0;background:var(--rosa);border-radius:50%;transform:none;top:1.3em}
.wochen .raster{display:grid;gap:14px}
@media(min-width:640px){.wochen .raster{grid-template-columns:1fr 1fr}}
.wochen .raster>div{background:var(--flaeche);border:1px solid var(--linie);padding:20px 22px;border-radius:3px}
.wochen .nr{font-family:var(--titel);font-size:2rem;color:var(--rosa);line-height:1}
.wochen h3{color:var(--fg);margin:.5em 0 .3em;font-size:1rem}
.wochen p{margin:0;color:var(--leise);font-size:.95em}
.zitat .spruch{font-family:var(--titel);font-style:italic;font-size:clamp(1.4rem,4.6vw,2rem);line-height:1.3}
.zitat .klein{text-align:center;color:var(--rosa);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;margin-top:1em}
.kaufbox{max-width:560px;margin:64px auto 0;background:var(--flaeche);border:1px solid var(--rosa);padding:30px 24px;border-radius:3px;scroll-margin-top:24px}
.kaufbox h2{margin:0 0 .4em;font-size:1.35rem}
.kaufbox h2::after{display:none}
.preis{font-family:var(--titel);font-size:2.6rem;margin:.2em 0 .6em;line-height:1}
.preis span{display:block;font-family:var(--klein);font-size:.75rem;letter-spacing:.08em;color:var(--leise);margin-top:.5em}
.haken-zeile{display:flex;gap:12px;align-items:flex-start;font-family:var(--klein);font-size:.86rem;line-height:1.5;color:var(--fg);margin:0 0 18px;cursor:pointer}
.haken-zeile input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--rosa)}
.meldung{font-family:var(--klein);font-size:.88rem;color:#f0b4ab;margin:12px 0 0}
.kaufbox .klein{font-size:.78rem;color:var(--leise);margin:16px 0 0;line-height:1.55}
label{display:block;font-family:var(--klein);font-size:.82rem;letter-spacing:.04em;color:var(--leise);margin:16px 0 6px}
input[type=email],input:not([type]),textarea{width:100%;font:inherit;font-size:16px;background:var(--bg);color:var(--fg);border:1px solid #77706b;border-radius:2px;padding:13px 14px;min-height:48px}
input:focus-visible,textarea:focus-visible{outline:2px solid var(--rosa);outline-offset:1px}
form .knopf{margin-top:20px}
.faq details{border-bottom:1px solid var(--linie);padding:4px 0}
.faq summary{cursor:pointer;padding:14px 0;font-family:var(--titel);font-size:1.05rem;min-height:44px;list-style-position:outside}
.faq details p{color:var(--leise);margin:0 0 14px}
.weiter{border-top:1px solid var(--linie);margin-top:56px}
.produkte{display:grid;gap:28px}
@media(min-width:760px){.produkte{grid-template-columns:1fr 1fr}}
.produkt{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--fg);background:var(--flaeche);border:1px solid var(--linie);padding:24px;border-radius:3px}
.produkt:hover{border-color:var(--rosa)}
.produkt img{width:62%;margin:0 auto 14px;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.ptitel{font-family:var(--titel);font-style:italic;font-size:1.5rem;line-height:1.2}
.ptext{color:var(--leise)}
.ppreis{font-family:var(--titel);font-size:1.6rem;color:var(--rosa)}
.recht h2{font-size:1.1rem;text-align:left}
.mails article{background:var(--fg);color:#1d1a1c;margin:18px 0;padding:0;border-radius:3px;overflow:hidden}
.mails .mk{font-family:var(--klein);font-size:.8rem;padding:10px 14px;background:var(--flaeche);color:var(--leise)}
.mails iframe{width:100%;height:640px;border:0;background:#f3efe8}
.held h1,.produktkopf h1{margin-bottom:.45em}
[data-widerruf],[data-testkasse] .kaufbox{text-align:left}
[data-widerruf] h1,[data-widerruf] .etikett{text-align:center}
.widerrufknopf{display:inline-block;border:1px solid var(--rosa);color:var(--fg);text-decoration:none;font-family:var(--klein);
font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;padding:13px 22px;min-height:44px;margin:4px 0 14px}
.widerrufknopf:hover{background:var(--rosa);color:var(--bg)}
.schnell{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.schnell a{font-family:var(--klein);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--linie);padding:12px 16px;color:var(--fg);text-decoration:none;min-height:44px}
.ppreis small{display:block;font-family:var(--klein);font-size:.72rem;color:var(--leise);letter-spacing:.04em}