#sbn-story{--story-olive:#626e4d;--story-stone:#f5f2eb;--story-ink:#253e49;background:linear-gradient(#f5f2eb 0, #faf9f6 560px, #fff 1000px);padding-top:46px;color:var(--story-ink)}
#sbn-story .blog-detail{max-width:1040px;margin:auto;padding:0;background:transparent;box-shadow:none;border:0}
#sbn-story .blog-detail-header{max-width:900px;margin:0 auto 32px;text-align:left}
#sbn-story .blog-detail-back{display:inline-block;color:#205f7b;font-weight:600;margin-bottom:24px}
#sbn-story .sbn-story-kicker{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--story-olive);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}
#sbn-story .sbn-story-kicker span+span{letter-spacing:0;text-transform:none;font-weight:500;border-left:1px solid #c5cbbd;padding-left:12px}
#sbn-story .blog-detail-title{font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.025em;color:var(--story-ink);max-width:900px;margin:0 0 20px;text-wrap:balance}
#sbn-story .blog-detail-meta{font-size:13px;color:#63716f;gap:8px;flex-wrap:wrap}
#sbn-story .blog-detail-image{height:auto;aspect-ratio:auto;margin:0 0 44px;border:1px solid #e2ded4;border-radius:20px;overflow:hidden;background:#eeeee6;text-align:center;line-height:0}
#sbn-story .blog-detail-image img{display:block;width:100%;height:auto;max-height:590px;object-fit:contain;margin:auto}
#sbn-story .blog-detail-image figcaption{line-height:1.5;text-align:left;font-size:13px;color:#576553;background:#eef0e7;padding:14px 22px;border-top:1px solid #e0e4d6}
#sbn-story .blog-detail-content,#sbn-story .blog-detail-share{max-width:820px;margin-left:auto;margin-right:auto}
#sbn-story .blog-detail-content{font-size:17px;line-height:1.85;color:#33484d;overflow-wrap:break-word}
#sbn-story .blog-detail-content p{margin-bottom:22px}
#sbn-story .blog-detail-content h2{color:var(--story-ink);font-size:clamp(23px,2.2vw,30px);line-height:1.3;margin-top:42px;margin-bottom:17px;letter-spacing:-.015em;scroll-margin-top:160px}
#sbn-story .blog-detail-content h3{color:var(--story-olive);line-height:1.4;margin-top:28px}
#sbn-story .blog-detail-content li{margin:7px 0}
#sbn-story .blog-detail-content a:not(.sbn-card){text-underline-offset:3px}
#sbn-story #sbn-kurzantwort,#sbn-story #sbn-inline-products{background:#eef1e8!important;border-color:#75815f!important;border-radius:0 14px 14px 0!important;padding:23px 25px!important}
#sbn-story #sbn-kurzantwort strong{color:#4d5d3c}
#sbn-story #sbn-kurzantwort p,#sbn-story #sbn-inline-products p{margin-bottom:0}
#sbn-story nav[aria-label="Orientierung im Beitrag"]{background:#f8f6f1;border:1px solid #e5e0d6;border-radius:12px;padding:15px 18px!important;font-size:14px!important;line-height:2}
#sbn-story #sbn-planung,#sbn-story #sbn-weiterlesen{background:#f5f3ed!important;border-color:#dedfce!important;border-radius:16px!important;padding:26px!important}
#sbn-story #sbn-planung h2,#sbn-story #sbn-weiterlesen h2,#sbn-story #sbn-blog-products h2{margin-top:0}
#sbn-story #sbn-blog-products{margin:38px 0!important;padding:25px!important;background:#f1f3ec!important;border-color:#dce1d2!important;border-radius:18px!important}
#sbn-story .sbn-card{border-color:#dce1d3!important;border-radius:13px!important;overflow:hidden;box-shadow:none!important;background:white!important}
#sbn-story .sbn-card .sbn-button{background:#626e4d!important;color:#fff!important}
#sbn-story .blog-detail-content img{max-width:100%;height:auto;object-fit:contain}
#sbn-story .blog-detail-content>p>img,#sbn-story .blog-detail-content>img,#sbn-story .blog-detail-content figure img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:720px;margin:20px auto;border-radius:13px;object-fit:contain!important}
#sbn-story .blog-detail-content figure{max-width:100%;margin:32px 0}
#sbn-story .sbn-story-photo{background:#f4f2ec;border:1px solid #e3e1d7;border-radius:16px;overflow:hidden;margin:36px 0!important}
#sbn-story .blog-detail-content .sbn-story-photo img{width:100%!important;max-height:640px;margin:0 auto;border-radius:0}
#sbn-story .sbn-story-photo figcaption{font-size:13px;line-height:1.65;color:#59664d;padding:15px 20px;margin:0;border-top:1px solid #e0e2d6}
#sbn-story .blog-detail-content video{display:block;max-width:100%;height:auto;border-radius:15px}
#sbn-story .blog-detail-content table{display:block;max-width:100%;overflow-x:auto;font-size:15px}
#sbn-story .blog-detail-share{border-top-color:#dce1d2!important;padding-bottom:25px}
#sbn-story .share-btn{border-radius:9px!important}
#sbn-story .share-btn:not(.share-copy){background:#626e4d!important}
#sbn-story>.container>.section{max-width:1040px;margin:35px auto 0;padding:34px 0 55px;border-top:1px solid #e2e3d9}
#sbn-story .section-title{color:#253e49;font-size:28px}
#sbn-story .blog-card{background:#fff;border:1px solid #e1e2d8;border-radius:16px;overflow:hidden;box-shadow:none}
#sbn-story .blog-card-image{background:#f2f0e9;aspect-ratio:16/10;height:auto}
#sbn-story .blog-card-image img{height:100%;width:100%;object-fit:contain}
#sbn-story .blog-card-date{color:#626e4d}
#sbn-story .blog-card-title{font-size:19px;line-height:1.4}
#sbn-story :is(a,button):focus-visible{outline:3px solid #626e4d;outline-offset:4px}
@media(max-width:768px){#sbn-story{padding-top:27px}#sbn-story>.container{padding-left:20px;padding-right:20px}#sbn-story .blog-detail-title{font-size:30px}#sbn-story .blog-detail-header{margin-bottom:24px}#sbn-story .blog-detail-back{margin-bottom:20px}#sbn-story .blog-detail-image{border-radius:14px;margin-bottom:30px}#sbn-story .blog-detail-image img{max-height:510px}#sbn-story .blog-detail-image figcaption{padding:12px 15px}#sbn-story .blog-detail-content{font-size:16px;line-height:1.8}#sbn-story #sbn-blog-products,#sbn-story #sbn-planung,#sbn-story #sbn-weiterlesen{padding:19px!important}#sbn-story #sbn-kurzantwort,#sbn-story #sbn-inline-products{padding:20px!important}#sbn-story .blog-grid{grid-template-columns:1fr}#sbn-story .sbn-cards{grid-template-columns:1fr!important}}
#sbn-story .blog-detail-image figcaption:empty{display:none}

/* Reliable article media and anchor targets */
#sbn-story .sbn-photo{display:block;width:100%;height:220px;background:#f5f3ed}#sbn-story .sbn-photo img{display:block;width:100%!important;height:220px!important;max-height:none;object-fit:contain!important;margin:0!important;border-radius:0!important}#sbn-story .sbn-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#sbn-story .sbn-card-body{display:flex;flex-direction:column;gap:14px;padding:20px}#sbn-story .sbn-card-ready{display:flex;flex-direction:column;text-decoration:none;color:#253e49}#sbn-story .sbn-image-open{display:block;max-width:100%;cursor:zoom-in}#sbn-story .sbn-image-open img{display:block;height:auto!important;max-height:720px;max-width:100%;width:auto;margin:24px auto;object-fit:contain}#sbn-story [id]{scroll-margin-top:180px}#sbn-story :target{outline:2px solid #75815f;outline-offset:5px}#sbn-story .sbn-card-ready .sbn-button{display:block;padding:12px;border-radius:8px;text-align:center}#sbn-story .blog-detail-image a{display:block;cursor:zoom-in}@media(max-width:768px){#sbn-story .sbn-cards{grid-template-columns:1fr}#sbn-story [id]{scroll-margin-top:170px}}