/* Lesen. Sehen. Erleben. – gemeinsame visuelle Dreiergruppe */





.chapter-experience .experience-steps.experience-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:44px auto 24px;padding:0;border:0;align-items:stretch}





.chapter-experience .experience-path>.experience-step{position:relative;background:#e1edf2;border:1px solid #aac7d5;border-top:5px solid #174f70;border-radius:4px;padding:28px 26px 30px;min-width:0}





.chapter-experience .experience-path .step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #8db2c5;border-radius:50%;font:600 12px/1 Arial,sans-serif;letter-spacing:.06em;color:#174f70;background:#f0f7fa;margin:0 0 24px}





.chapter-experience .experience-path h3{font:400 clamp(36px,3.5vw,49px)/1.08 Georgia,serif;color:#174f70;margin:0 0 14px;letter-spacing:-1px}





.chapter-experience .experience-path .step-subtitle{font:600 16px/1.4 Arial,sans-serif;color:#244654;margin:0 0 12px}





.chapter-experience .experience-path .experience-step>p:not(.step-subtitle){font-size:16px;line-height:1.6;margin:0;color:#344d58}





@media(max-width:760px){.chapter-experience .experience-steps.experience-path{grid-template-columns:1fr;gap:16px;margin-top:32px}.chapter-experience .experience-path>.experience-step{padding:24px 24px 25px 80px;border-top:1px solid #aac7d5;border-left:5px solid #174f70}.chapter-experience .experience-path .step-number{position:absolute;left:23px;top:27px;width:33px;height:33px;margin:0}.chapter-experience .experience-path h3{font-size:37px;margin-bottom:10px}.chapter-experience .experience-path .step-subtitle{font-size:15px;margin-bottom:8px}}









/* A clearer blue field makes the existing light topic separator visible. */



#erleben{background:linear-gradient(120deg,#d4e6ed,#deebf1)}






/* Quiet line illustration in the section palette, replacing the cover badge. */


#erleben .experience-signet.experience-line{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border-radius:0;box-shadow:none;background:transparent}


@media(max-width:700px){#erleben .experience-signet.experience-line{max-width:300px}#erleben .video-intro{gap:26px}}



/* Keep the film preview quieter on large screens. */
#erleben .chapter-poster{width:100%;max-width:760px;margin-left:auto;margin-right:auto}