.guide-page { background:#fffdf8; }
.guide-page .site-header { background:rgba(255,253,248,.88); border-bottom:1px solid rgba(19,46,41,.08); backdrop-filter:blur(18px); }
.guide-main { overflow:hidden; }
.guide-hero { position:relative; padding:158px 0 82px; background:linear-gradient(135deg,#f5f1e8 0%,#f8f6ef 58%,#edf3df 100%); }
.guide-hero::before { content:""; position:absolute; width:600px; height:600px; right:-180px; top:-260px; border:1px solid rgba(31,90,73,.08); border-radius:50%; box-shadow:0 0 0 90px rgba(31,90,73,.025),0 0 0 180px rgba(31,90,73,.018); }
.guide-hero-grid { position:relative; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:76px; }
.guide-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:24px; color:#668078; font-size:10px; font-weight:750; letter-spacing:.8px; text-transform:uppercase; }
.guide-breadcrumb a:hover { color:var(--green); }
.guide-kicker { display:inline-flex; align-items:center; gap:9px; margin-bottom:18px; color:#4d7267; font-size:10px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; }
.guide-kicker::before { content:""; width:28px; height:2px; border-radius:2px; background:#e5a126; }
.guide-hero h1 { max-width:650px; margin:0; font-size:clamp(48px,5.6vw,78px); line-height:.98; letter-spacing:-3.4px; }
.guide-hero h1 em { color:#7da36a; font-family:Georgia,serif; font-weight:400; }
.guide-lead { max-width:610px; margin:26px 0 0; color:#516b63; font-size:18px; line-height:1.75; }
.guide-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:31px; }
.guide-hero-note { display:flex; gap:14px; margin-top:27px; padding-top:23px; border-top:1px solid rgba(19,46,41,.1); color:#647970; font-size:11px; }
.guide-hero-note span { color:#57913e; font-weight:900; }
.guide-visual { position:relative; }
.guide-visual::before { content:""; position:absolute; inset:9% -6% -7% 12%; border-radius:36px; background:#173e35; transform:rotate(3deg); opacity:.12; }
.guide-visual figure { position:relative; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.72); border-radius:34px; box-shadow:0 35px 80px rgba(21,53,45,.18); }
.guide-visual img { width:100%; aspect-ratio:1.16 / 1; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.guide-visual:hover img { transform:scale(1.035); }
.guide-visual figcaption { position:absolute; left:18px; right:18px; bottom:18px; display:flex; justify-content:space-between; align-items:center; gap:14px; padding:14px 16px; border:1px solid rgba(255,255,255,.35); border-radius:17px; color:white; background:rgba(12,43,36,.82); backdrop-filter:blur(13px); }
.guide-visual figcaption > div { min-width:0; display:grid; gap:4px; }
.guide-visual figcaption strong { display:block; color:#fff; font-size:14px; font-weight:700; line-height:1.25; letter-spacing:-.2px; }
.guide-visual figcaption small { display:block; color:#bcd0c8; font-size:8px; font-weight:750; line-height:1.25; letter-spacing:.75px; text-transform:uppercase; }
.guide-visual figcaption b { width:37px; height:37px; display:grid; place-items:center; flex:0 0 auto; border-radius:12px; color:var(--ink); background:var(--lime); }
.guide-quicknav { position:relative; z-index:2; margin-top:-28px; }
.guide-quicknav-inner { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(19,46,41,.1); border-radius:20px; background:rgba(255,253,248,.95); box-shadow:0 17px 45px rgba(19,46,41,.1); backdrop-filter:blur(15px); }
.guide-quicknav a { display:flex; align-items:center; gap:11px; min-height:58px; padding:12px 18px; border-right:1px solid var(--line); color:#506b63; font-size:11px; font-weight:700; }
.guide-quicknav a:last-child { border:0; }
.guide-quicknav a span { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; color:#276955; background:#e9f1df; font-size:8px; }
.guide-quicknav a:hover { color:var(--ink); background:#f3f6ed; }
.guide-section { padding:105px 0; }
.guide-section.soft { background:#f5f1e8; }
.guide-section.dark { color:white; background:#0e3029; }
.guide-heading { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; margin-bottom:53px; }
.guide-heading .guide-kicker { margin:9px 0 0; }
.guide-heading h2 { margin:0; font-size:clamp(38px,4.5vw,60px); line-height:1.04; letter-spacing:-2.4px; }
.guide-heading h2 em { color:#80a96d; font-family:Georgia,serif; font-weight:400; }
.guide-heading p { max-width:630px; margin:20px 0 0; color:#667a73; font-size:15px; line-height:1.75; }
.dark .guide-heading p { color:#afc3bc; }
.process-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.process-card { position:relative; min-height:270px; padding:28px; overflow:hidden; border:1px solid rgba(19,46,41,.1); border-radius:24px; background:#fffdf9; box-shadow:0 12px 35px rgba(19,46,41,.05); transition:transform .3s ease,box-shadow .3s ease; }
.process-card:hover { transform:translateY(-7px); box-shadow:0 22px 48px rgba(19,46,41,.11); }
.process-number { width:48px; height:48px; display:grid; place-items:center; border-radius:15px; color:#205d4d; background:linear-gradient(145deg,#ecf4e4,#dfeecf); font-size:10px; font-weight:850; }
.process-card h3 { margin:29px 0 10px; font-size:21px; letter-spacing:-.7px; }
.process-card p { margin:0; color:#687a74; font-size:13px; line-height:1.7; }
.guide-page h3 { line-height:1.24; letter-spacing:-.45px; text-shadow:none; }
.benefit-grid-guide { counter-reset:benefit; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.benefit-guide { counter-increment:benefit; position:relative; display:flex; flex-direction:column; min-height:245px; padding:25px; overflow:hidden; border:1px solid rgba(255,255,255,.105); border-radius:23px; background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.045); transition:background .25s ease,transform .25s ease,border-color .25s ease; }
.benefit-guide::after { content:""; position:absolute; width:105px; height:105px; right:-55px; bottom:-54px; border:1px solid rgba(204,238,119,.12); border-radius:50%; box-shadow:0 0 0 26px rgba(204,238,119,.025); }
.benefit-guide:hover { transform:translateY(-6px); border-color:rgba(204,238,119,.24); background:linear-gradient(155deg,rgba(204,238,119,.105),rgba(255,255,255,.03)); }
.benefit-guide > span { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(204,238,119,.25); border-radius:14px; color:var(--lime); background:rgba(204,238,119,.08); font-size:0; }
.benefit-guide > span::before { content:counter(benefit,decimal-leading-zero); font-size:9px; font-weight:850; letter-spacing:.8px; }
.benefit-guide h3 { margin:28px 0 10px; color:#fff; font-size:19px; font-weight:700; line-height:1.22; letter-spacing:-.35px; }
.benefit-guide p { position:relative; z-index:1; margin:0; color:#b1c5bd; font-size:12px; line-height:1.7; }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.fit-copy { padding:32px; border:1px solid var(--line); border-radius:26px; background:white; }
.fit-copy h3 { margin:0 0 8px; font-size:25px; letter-spacing:-.8px; }
.fit-copy > p { margin:0 0 24px; color:var(--muted); font-size:13px; }
.fit-list { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.fit-list li { display:grid; grid-template-columns:31px 1fr; gap:12px; align-items:start; padding:15px 0; border-top:1px solid var(--line); color:#4c655d; font-size:12px; line-height:1.55; }
.fit-list li span { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; color:#2d6c55; background:#e9f3df; font-size:11px; font-weight:800; }
.guide-aside { position:relative; min-height:100%; padding:35px; overflow:hidden; border-radius:26px; color:white; background:linear-gradient(145deg,#173f35,#0c2923); }
.guide-aside::after { content:""; position:absolute; width:260px; height:260px; right:-100px; bottom:-110px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018); }
.guide-aside small { color:var(--lime); font-size:9px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; }
.guide-aside h3 { max-width:390px; margin:17px 0 15px; color:white; font-size:32px; line-height:1.12; letter-spacing:-1.3px; }
.guide-aside p { max-width:430px; margin:0; color:#b3c6bf; font-size:13px; line-height:1.75; }
.guide-aside .button { position:relative; z-index:1; margin-top:28px; }
.guide-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:50px; }
.guide-fact { padding:22px; border:1px solid var(--line); border-radius:19px; background:#fffefa; }
.guide-fact strong { display:block; font-size:16px; }
.guide-fact span { display:block; margin-top:6px; color:var(--muted); font-size:11px; line-height:1.55; }
.guide-related { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.guide-related a { position:relative; min-height:150px; padding:22px; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#fffefa; transition:transform .25s ease,border-color .25s ease; }
.guide-related a:hover { transform:translateY(-5px); border-color:rgba(31,90,73,.3); }
.guide-related small { color:#719068; font-size:9px; font-weight:850; letter-spacing:1px; }
.guide-related strong { display:block; max-width:170px; margin-top:23px; font-size:17px; }
.guide-related b { position:absolute; right:18px; bottom:16px; color:#759469; font-size:17px; }
.guide-cta { padding:32px 0 95px; background:#fffdf8; }
.guide-cta-card { position:relative; display:grid; grid-template-columns:1fr auto; align-items:center; gap:35px; padding:52px 58px; overflow:hidden; border-radius:31px; color:white; background:#102f29; }
.guide-cta-card::after { content:""; position:absolute; width:440px; height:440px; right:-220px; top:-180px; border:1px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 0 0 75px rgba(255,255,255,.025),0 0 0 150px rgba(255,255,255,.015); }
.guide-cta-card h2 { position:relative; z-index:1; max-width:720px; margin:0; color:white; font-size:clamp(31px,4vw,48px); line-height:1.08; letter-spacing:-1.7px; }
.guide-cta-card p { position:relative; z-index:1; margin:12px 0 0; color:#aec2bb; }
.guide-cta-card .button { position:relative; z-index:1; min-width:220px; }
[data-reveal] { opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1); }
[data-reveal].is-visible { opacity:1; transform:none; }
.guide-footer-topics { display:flex; flex-wrap:wrap; gap:8px; margin-top:8px; }
.guide-footer-topics a { padding:5px 8px; border:1px solid rgba(255,255,255,.1); border-radius:8px; }

@media (max-width:900px) {
  .guide-hero { padding-top:130px; }
  .guide-hero-grid,.guide-heading { grid-template-columns:1fr; gap:42px; }
  .guide-visual { max-width:680px; }
  .guide-heading { gap:12px; }
  .process-cards { grid-template-columns:1fr; }
  .process-card { min-height:0; }
  .benefit-grid-guide { grid-template-columns:1fr 1fr; }
  .guide-related { grid-template-columns:1fr 1fr; }
}
@media (max-width:700px) {
  .guide-hero { padding:112px 0 65px; }
  .guide-hero h1 { font-size:45px; letter-spacing:-2px; }
  .guide-lead { font-size:16px; }
  .guide-visual figure { border-radius:24px; }
  .guide-quicknav { margin-top:-20px; }
  .guide-quicknav-inner { grid-template-columns:1fr 1fr; }
  .guide-quicknav a:nth-child(2) { border-right:0; }
  .guide-quicknav a:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .guide-section { padding:78px 0; }
  .benefit-grid-guide,.fit-grid,.guide-facts { grid-template-columns:1fr; }
  .guide-related { grid-template-columns:1fr; }
  .guide-related a { min-height:120px; }
  .guide-cta-card { grid-template-columns:1fr; padding:40px 24px; }
  .guide-cta-card .button { width:100%; }
  .guide-visual figcaption { left:12px; right:12px; bottom:12px; }
  .guide-visual figcaption strong { font-size:12px; }
  .guide-visual figcaption small { font-size:7px; }
}
@media (prefers-reduced-motion:reduce) { [data-reveal] { opacity:1; transform:none; } }

/* ===== AVYRA Ratgeber-Icons & Karten-Finishing ===== */
.process-cards { position:relative; gap:20px; }
.process-card { min-height:238px; padding:28px 29px; border-color:rgba(19,46,41,.105); background:linear-gradient(155deg,#fffefa,#f9f8f2); box-shadow:0 16px 42px rgba(19,46,41,.065),inset 0 1px 0 #fff; }
.process-card::before { content:""; position:absolute; inset:0 0 auto; height:3px; opacity:0; background:linear-gradient(90deg,#b9dc69,#e7a42a); transition:opacity .28s ease; }
.process-card::after { content:""; position:absolute; width:150px; height:150px; right:-93px; bottom:-95px; border:1px solid rgba(31,90,73,.07); border-radius:50%; box-shadow:0 0 0 33px rgba(31,90,73,.018); }
.process-card:hover::before { opacity:1; }
.process-number { width:52px; height:52px; border:1px solid rgba(31,90,73,.11); border-radius:16px; font-size:0; background:linear-gradient(145deg,#edf5e5,#dcebcf); box-shadow:0 9px 22px rgba(31,90,73,.08),inset 0 1px 0 white; }
.process-number::before { content:""; width:23px; height:23px; display:block; background:#246b56; -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; mask-position:center; mask-repeat:no-repeat; mask-size:contain; }
.process-card:nth-child(1) .process-number::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10 2 2M19 5l-2 2M7 17l-2 2'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M12 2v3m0 14v3M2 12h3m14 0h3M5 5l2 2m10 10 2 2M19 5l-2 2M7 17l-2 2'/%3E%3C/svg%3E"); }
.process-card:nth-child(2) .process-number::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13m-4-4 4 4-4 4M20 16H7m4-4-4 4 4 4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h13m-4-4 4 4-4 4M20 16H7m4-4-4 4 4 4'/%3E%3C/svg%3E"); }
.process-card:nth-child(3) .process-number::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 2.6 2.7L16.5 9'/%3E%3C/svg%3E"); }
.process-card h3 { position:relative; z-index:1; margin:27px 0 10px; font-size:22px; letter-spacing:-.55px; }
.process-card p { position:relative; z-index:1; max-width:310px; font-size:13px; line-height:1.72; }

.benefit-guide > span::before { content:""; width:21px; height:21px; display:block; background:var(--lime); -webkit-mask-position:center; -webkit-mask-repeat:no-repeat; -webkit-mask-size:contain; mask-position:center; mask-repeat:no-repeat; mask-size:contain; }
.benefit-guide:nth-child(1) > span::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C10 4 5 8 5 15c0 3 2 5 5 5 7 0 10-7 10-16Z'/%3E%3Cpath d='M4 21c3-6 7-9 13-12'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4C10 4 5 8 5 15c0 3 2 5 5 5 7 0 10-7 10-16Z'/%3E%3Cpath d='M4 21c3-6 7-9 13-12'/%3E%3C/svg%3E"); }
.benefit-guide:nth-child(2) > span::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7l1-8Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7l1-8Z'/%3E%3C/svg%3E"); }
.benefit-guide:nth-child(3) > span::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='19' cy='6' r='2'/%3E%3Ccircle cx='19' cy='18' r='2'/%3E%3Cpath d='M7 12h5m0 0 5-5m-5 5 5 5'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='19' cy='6' r='2'/%3E%3Ccircle cx='19' cy='18' r='2'/%3E%3Cpath d='M7 12h5m0 0 5-5m-5 5 5 5'/%3E%3C/svg%3E"); }
.benefit-guide:nth-child(4) > span::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3c1.2 4.8 3.2 6.8 8 8-4.8 1.2-6.8 3.2-8 8-1.2-4.8-3.2-6.8-8-8 4.8-1.2 6.8-3.2 8-8Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M12 3c1.2 4.8 3.2 6.8 8 8-4.8 1.2-6.8 3.2-8 8-1.2-4.8-3.2-6.8-8-8 4.8-1.2 6.8-3.2 8-8Z'/%3E%3C/svg%3E"); }

/* Präzise zentrierte AVYRA-Medaillons */
.process-number,.benefit-guide > span { position:relative; display:grid !important; place-items:center !important; align-items:center !important; justify-content:center !important; overflow:hidden; line-height:0; }
.process-number { width:58px; height:58px; border-radius:19px; background:linear-gradient(145deg,#f2f8ec,#dcebcf); box-shadow:0 13px 28px rgba(31,90,73,.12),inset 0 1px 0 #fff,0 0 0 1px rgba(255,255,255,.5); }
.process-number::after,.benefit-guide > span::after { content:""; position:absolute; width:38px; height:38px; left:-17px; top:-17px; border-radius:50%; background:#fff; opacity:.72; filter:blur(7px); }
.process-number::before { position:relative; z-index:1; width:27px; height:27px; margin:auto; }
.benefit-guide > span { width:54px; height:54px; border-radius:18px; border-color:rgba(204,238,119,.28); background:linear-gradient(145deg,rgba(204,238,119,.16),rgba(255,255,255,.045)); box-shadow:0 12px 25px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13); }
.benefit-guide > span::before { position:relative; z-index:1; width:25px; height:25px; margin:auto; }
.benefit-guide:nth-child(1) > span { background:linear-gradient(145deg,rgba(137,194,103,.2),rgba(255,255,255,.04)); }
.benefit-guide:nth-child(2) > span { background:linear-gradient(145deg,rgba(240,182,57,.2),rgba(255,255,255,.04)); }
.benefit-guide:nth-child(3) > span { background:linear-gradient(145deg,rgba(67,175,163,.2),rgba(255,255,255,.04)); }
.benefit-guide:nth-child(4) > span { background:linear-gradient(145deg,rgba(163,202,108,.2),rgba(255,255,255,.04)); }

.guide-quicknav a span,.fit-list li span { position:relative; display:grid; place-items:center; overflow:hidden; color:transparent; font-size:0; }
.guide-quicknav a span::before,.fit-list li span::before { content:""; width:13px; height:13px; display:block; background:#276955; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat; }
.guide-visual figcaption b { width:42px; height:42px; overflow:hidden; border:1px solid rgba(255,255,255,.45); color:transparent; font-size:0; background:rgba(255,253,248,.95) url("assets/avyra-mark.png") center/30px no-repeat; box-shadow:0 8px 20px rgba(0,0,0,.16); }

/* Finale optische Zentrierung und 3D-Tiefe */
.process-number,.benefit-guide > span { isolation:isolate; background:radial-gradient(circle at 26% 19%,rgba(255,255,255,.78),transparent 28%),linear-gradient(145deg,#eff7e9,#d5e7c7 62%,#c6ddb7) !important; box-shadow:0 15px 30px rgba(23,65,53,.16),inset 0 2px 1px rgba(255,255,255,.95),inset 0 -9px 17px rgba(42,92,74,.1),0 0 0 1px rgba(255,255,255,.55) !important; }
.process-number::after,.benefit-guide > span::after { z-index:0; inset:4px !important; width:auto !important; height:auto !important; left:4px !important; top:4px !important; border:1px solid rgba(255,255,255,.58); border-radius:15px; background:linear-gradient(150deg,rgba(255,255,255,.22),transparent 44%,rgba(31,90,73,.07)) !important; opacity:1 !important; filter:none !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.65); }
.process-number::before,.benefit-guide > span::before { position:absolute !important; z-index:2 !important; left:50% !important; top:50% !important; margin:0 !important; transform:translate(-50%,-50%) !important; transform-origin:center; filter:drop-shadow(0 2px 1px rgba(25,70,56,.22)) drop-shadow(0 -1px 0 rgba(255,255,255,.42)); }
.process-card:nth-child(2) .process-number::before { transform:translate(-50%,-49%) !important; }
.benefit-guide:nth-child(1) > span::before { transform:translate(-51%,-50%) !important; }
.benefit-guide:nth-child(2) > span::before { transform:translate(-49%,-51%) !important; }
.benefit-guide:nth-child(3) > span::before { transform:translate(-50%,-50%) !important; }

.guide-quicknav a span,.fit-list li span { isolation:isolate; box-shadow:0 7px 15px rgba(31,90,73,.1),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -4px 8px rgba(31,90,73,.06); }
.guide-quicknav a span::before,.fit-list li span::before { position:absolute; left:50%; top:50%; margin:0; transform:translate(-50%,-50%); filter:drop-shadow(0 1px 1px rgba(31,90,73,.16)); }
.guide-visual figcaption b { position:relative; isolation:isolate; background:radial-gradient(circle at 28% 20%,#fff,transparent 35%),linear-gradient(145deg,#fffdf8,#dce9da) !important; box-shadow:0 10px 23px rgba(0,0,0,.2),inset 0 2px 1px white,inset 0 -7px 12px rgba(19,46,41,.08); }
.guide-visual figcaption b::before { content:""; position:absolute; inset:5px; border:1px solid rgba(31,90,73,.1); border-radius:9px; background:url("assets/avyra-mark.png") center/27px no-repeat; }

/* ===== Finaler Layout- und Ausrichtungs-Feinschliff ===== */
.guide-hero-actions .button { min-height:54px; }
.guide-hero-note { width:min(100%,610px); display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:13px; margin-top:25px; padding:14px 16px; border:1px solid rgba(19,46,41,.1); border-radius:17px; color:#5d746c; background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(248,248,240,.58)); box-shadow:0 11px 28px rgba(19,46,41,.055),inset 0 1px 0 rgba(255,255,255,.9); font-size:11px; }
.guide-hero-note > span { position:relative; width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border:1px solid rgba(31,90,73,.12); border-radius:14px; color:transparent; background:radial-gradient(circle at 27% 20%,rgba(255,255,255,.9),transparent 30%),linear-gradient(145deg,#edf6e5,#cfe3bf); box-shadow:0 10px 20px rgba(31,90,73,.11),inset 0 2px 1px #fff,inset 0 -7px 13px rgba(31,90,73,.09); font-size:0; line-height:0; }
.guide-hero-note > span::after { content:""; position:absolute; inset:4px; border:1px solid rgba(255,255,255,.72); border-radius:10px; background:linear-gradient(150deg,rgba(255,255,255,.18),transparent 48%,rgba(31,90,73,.05)); }
.guide-hero-note > span::before { content:""; position:absolute; z-index:2; left:50%; top:50%; width:19px; height:19px; margin:0; transform:translate(-50%,-50%); background:#2d765e; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center/contain no-repeat; filter:drop-shadow(0 1px 1px rgba(19,46,41,.18)); }
.guide-hero-note p { margin:0; line-height:1.62; }

.guide-quicknav-inner { overflow:hidden; }
.guide-quicknav a { min-width:0; line-height:1.35; transition:color .22s ease,background .22s ease; }
.guide-quicknav a span { flex:0 0 auto; }
.process-cards,.benefit-grid-guide,.guide-facts,.guide-related { align-items:stretch; }
.process-card,.benefit-guide,.guide-fact,.guide-related a { height:100%; }
.fit-list li { align-items:center; min-height:67px; }
.fit-list li span { align-self:center; }
.guide-visual figcaption > div { align-content:center; }
.guide-visual figcaption strong,.guide-visual figcaption small { overflow-wrap:anywhere; }
.guide-page a:focus-visible,.guide-page button:focus-visible { outline:3px solid rgba(229,161,38,.78); outline-offset:4px; }

@media (max-width:700px) {
  .guide-hero-note { grid-template-columns:38px minmax(0,1fr); padding:12px 13px; }
  .guide-hero-note > span { width:38px; height:38px; border-radius:12px; }
  .guide-hero-note > span::before { width:17px; height:17px; }
  .guide-quicknav a { padding:11px 12px; }
  .fit-list li { align-items:start; }
}