/* Studien-Vorschau (templates/partials/studie.php): blätterbare Studie links, Kernergebnisse rechts */
.studie{padding-top:80px;padding-bottom:20px}
.studie .ftitle{margin-bottom:10px}
.studie-landing h2{margin-bottom:24px}
.studie .studie-intro{max-width:720px;margin:0 auto 40px;text-align:center;font-size:19px;line-height:1.6;color:#4a4a4a}

.studie-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:36px;align-items:center;
  padding:48px 36px;border-radius:28px;background:linear-gradient(135deg,#fff3f1 0%,#fbeeea 55%,#f7e6e1 100%);
  box-shadow:0 4px 10px rgba(30,20,20,.06),0 24px 48px -18px rgba(30,20,20,.28)}

/* Buch */
.studie-book{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0}
.studie-stage{position:relative;width:min(100%,700px);aspect-ratio:1000/1415;perspective:1900px;outline:0;border-radius:4px}
.studie-stage:focus-visible{outline:3px solid #d54940;outline-offset:8px}
.studie-page{position:absolute;inset:0;margin:0;transform-origin:left center;backface-visibility:hidden;
  border-radius:3px 7px 7px 3px;background:#fff;overflow:hidden;
  /* Seitenstapel: Kanten rechts und unten wie bei einem Buch */
  box-shadow:1px 1px 0 #f4f0ee,2px 2px 0 #e7e1de,3px 3px 0 #f4f0ee,4px 4px 0 #ddd5d1,0 22px 40px -14px rgba(60,20,16,.55);
  transition:transform .85s cubic-bezier(.45,.05,.2,1),opacity .35s ease,visibility 0s}
/* Ohne JavaScript bleibt nur die Titelseite sichtbar */
.studie-page{visibility:hidden;opacity:0}
.studie-page:first-child{visibility:visible;opacity:1}
.studie-page img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
/* Rücken: Schatten an der linken Kante, dazu ein heller Falz */
.studie-page::before{content:"";position:absolute;inset:0 auto 0 0;width:9%;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.10) 22%,rgba(255,255,255,.14) 34%,rgba(0,0,0,0) 62%)}
/* Glanz, der beim Umblättern über die Seite läuft */
.studie-page::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(100deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.28) 100%);transition:opacity .85s ease}

.studie-page.is-turned{transform:rotateY(-112deg);opacity:0;visibility:hidden;pointer-events:none;
  transition:transform .85s cubic-bezier(.45,.05,.2,1),opacity .3s ease .55s,visibility 0s .85s}
.studie-page.is-turned::after{opacity:1}
.studie-page.is-next{opacity:0;visibility:hidden;transform:translateX(0)}
.studie-page.is-peek{opacity:1;visibility:visible}
.studie-page.is-current{opacity:1;visibility:visible}

/* Bedienung */
.studie-nav{display:flex;align-items:center;justify-content:center;gap:20px}
.studie-count{min-width:112px;text-align:center;font:400 16px/1 var(--f-body,Lato,Arial,sans-serif);color:#5a4a47;letter-spacing:.01em}
.studie-count b{font-family:var(--f-bold,Lato,Arial,sans-serif);color:#d54940}
.studie-btn{width:54px;height:54px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;
  background:#d54940;color:#fff;box-shadow:0 8px 20px -6px rgba(213,73,64,.7);
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease}
.studie-btn svg{width:24px;height:24px}
.studie-btn:hover,.studie-btn:focus-visible{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 26px -8px rgba(213,73,64,.75)}
.studie-btn:focus-visible{outline:3px solid #4e0503;outline-offset:3px}
.studie-btn:active{transform:translateY(0)}
.studie-btn[aria-disabled="true"]{opacity:.35;cursor:default;box-shadow:none;transform:none;filter:none}

/* Kernergebnisse */
.studie .studie-points ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.studie .studie-points li{margin:0;padding:0}
.studie-point{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px 18px;cursor:pointer;
  border-radius:18px;background:#fff;box-shadow:0 1px 0 rgba(30,20,20,.05),0 10px 22px -14px rgba(60,20,16,.35);
  border:2px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.studie-point:hover,.studie-point:focus-visible{transform:translateX(3px);border-color:rgba(213,73,64,.35);box-shadow:0 14px 26px -14px rgba(60,20,16,.45)}
.studie-point:focus-visible{outline:3px solid #d54940;outline-offset:2px}
.studie-point.is-active{border-color:#d54940}
.studie-stat{flex:0 0 auto;font:900 32px/1 var(--f-bold,Lato,Arial,sans-serif);color:#d54940;letter-spacing:-.02em;white-space:nowrap}
.studie-text{flex:1;font:400 15.5px/1.5 var(--f-body,Lato,Arial,sans-serif);color:#3a3a3a}
.studie-text small{display:block;margin-top:4px;font-size:13px;line-height:1.3;color:#8a7873;letter-spacing:.02em}
.studie .studie-note{margin:22px auto 0;text-align:center;white-space:nowrap;font-size:14px;line-height:1.5;color:#7a6c68}

@media (max-width:980px){
  .studie{padding-top:56px}
  .studie .studie-note{white-space:normal}
  .studie-grid{grid-template-columns:1fr;gap:36px;padding:32px 22px}
  .studie-stage{width:min(100%,540px)}
}
@media (max-width:520px){
  .studie .studie-intro{font-size:17px;margin-bottom:28px}
  .studie-grid{padding:26px 16px;border-radius:22px}
  .studie-point{padding:16px 18px}
  .studie-stat{font-size:32px}
}

/* Ohne Bewegung: Seite wechselt einfach per Überblendung */
@media (prefers-reduced-motion:reduce){
  .studie-page,.studie-page.is-turned,.studie-page::after,.studie-btn,.studie-point{transition:none}
  .studie-page.is-turned{transform:none}
}