/* Bildanleitung: vorhandene Referenzbilder unverändert einbinden. */
.guide-intro-note{font-size:.875rem;max-width:820px;margin:-15px 0 34px;padding-left:16px;border-left:3px solid #82baf4;line-height:1.7}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.guide-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;align-items:start}
.guide-image{position:relative;display:block;line-height:1;background:#eaf5ff;text-decoration:none;overflow:hidden}
.guide-image img{width:100%;height:auto;display:block}
.guide-image span{display:block;padding:14px 10px;background:#e8f2fe;text-align:center;color:#0750ba;font-size:.875rem;font-weight:650;line-height:1.5}
.guide-image:hover span{background:#d8eaff;text-decoration:underline}
.guide-copy{padding:26px 23px}.guide-number{font-weight:750;font-size:.78rem;letter-spacing:.12em;color:var(--blue);text-transform:uppercase;margin-bottom:16px}
.guide-copy h3{font-size:1.42rem;line-height:1.2;letter-spacing:-.03em;margin-bottom:17px}
.guide-copy>p:not(.guide-number):not(.eyebrow){font-size:1rem;line-height:1.7}.guide-copy ol{padding-left:21px;margin:21px 0}.guide-copy li{padding-left:3px;margin-bottom:12px;font-size:1rem;line-height:1.65}.guide-copy li::marker{color:var(--blue);font-weight:750}
.guide-copy .guide-tip{font-size:.875rem!important;line-height:1.65!important;border-top:1px solid var(--line);padding-top:17px;color:#4d6581}
.photo-guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:white;margin-top:28px;align-items:center}.photo-guide .guide-copy{padding:30px 38px 30px 8px;max-width:750px}.photo-guide .eyebrow{margin-bottom:17px}.photo-guide h3{font-size:1.8rem;max-width:600px}.photo-guide .guide-image{align-self:start}
.guide-next{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:40px;border-top:1px solid #c3d6ed;padding-top:32px}.guide-next h3{font-size:1.3rem;margin-bottom:12px}.guide-next p{font-size:1rem;max-width:660px}.guide-next .button{flex-shrink:0}
@media(max-width:1100px){.guide-card{grid-template-columns:1fr}.guide-card .guide-image{max-width:100%;padding:0 45px;background:#ecf6ff}.guide-card .guide-image img{max-width:300px;margin-inline:auto}.guide-card .guide-image span{margin-inline:-45px}.guide-copy{padding:27px}.guide-next{flex-direction:column;align-items:start}}
@media(max-width:650px){.guide-grid{grid-template-columns:1fr;gap:24px}.guide-card .guide-image{padding:0 30px}.guide-card .guide-image img{max-width:310px}.guide-card .guide-image span{margin-inline:-30px}.photo-guide{grid-template-columns:1fr;gap:0}.photo-guide .guide-image{padding:0 30px}.photo-guide .guide-image img{max-width:310px;margin-inline:auto}.photo-guide .guide-image span{margin-inline:-30px}.photo-guide .guide-copy{padding:27px}.guide-copy h3{font-size:1.5rem}.photo-guide h3{font-size:1.65rem}.guide-intro-note{margin-top:-8px}.guide-next .button{white-space:normal}}
