/* tpl-r3 v1 (09.11.2026): Standorte- + Plattformen-Template. 1) Ratgeber-Kopf (gw_*) 1:1 aus ls-leistung.v12.css, das auf den Templates fehlte. 2) Intro-Section im lib-bento-Stil (Section-Bibliothek D2, Leistungsseiten) mit gezeichneten Strich-Icons, Hook [data-seo-bento]. Nur auf diesen Templates eingebunden. */
/* --- 1) Ratgeber-Kopf, Regeln wie ls-leistung.v12 --- */
.section_ls-seo .gw_eyebrow{display:flex;align-items:center;column-gap:.875em;margin:0;color:var(--_colors---text-muted);font-weight:600;letter-spacing:.01em;line-height:1.2}
.section_ls-seo .gw_eyebrow-dot{width:.4em;height:.4em;border-radius:50%;background-color:var(--_colors---highlight);flex:none}
.section_ls-seo .gw_h2{margin:0;font-size:5em;line-height:1;letter-spacing:0;color:var(--_colors---text)}
.section_ls-seo .gw_h2 .text-style-italic{font-style:italic}
.section_ls-seo .gw_lead{margin:0;font-size:1.875em;line-height:1.3;color:var(--_colors---text-muted)}
.section_ls-seo .gw_head{display:flex;justify-content:space-between;align-items:flex-end;column-gap:3.75em;margin-bottom:5em}
.section_ls-seo .gw_head-left{display:flex;flex-direction:column;row-gap:1.75em;min-width:0}
.section_ls-seo .gw_head-lead{width:20.7em;max-width:100%;flex:none}
@media screen and (max-width:991px){
.section_ls-seo .gw_h2{font-size:3.5em}
.section_ls-seo .gw_lead{font-size:1.375em}
.section_ls-seo .gw_head{flex-direction:column;align-items:flex-start;row-gap:1.5em;margin-bottom:3em}
.section_ls-seo .gw_head-lead{width:100%;max-width:36em}
}
@media screen and (max-width:479px){
.section_ls-seo .gw_h2{font-size:2.625em;line-height:1.02}
.section_ls-seo .gw_lead{font-size:1.25em;line-height:1.3}
.section_ls-seo .gw_head{margin-bottom:2.25em}
}
/* Kapitel aus dem CMS-Rich-Text sind reiner Fliesstext (keine Preis-/Kartenmodule wie auf den Leistungsseiten): Text laeuft ueber die volle Kartenbreite */
.section_ls-seo [data-std-rg] .ls_kap-p,.section_ls-seo [data-std-rg] .ls_kap-ul{max-width:none}

/* Ratgeber unten so viel Luft wie oben (8.75em Desktop wie der Section-Rhythmus aus tpl-r2) */
body .section_ls-seo{padding-bottom:8.75em}
@media screen and (max-width:991px){body .section_ls-seo{padding-top:0;padding-bottom:6.25em}}
@media screen and (max-width:479px){body .section_ls-seo{padding-top:1.375em;padding-bottom:4.375em}}

/* --- 2) Intro im lib-bento-Stil --- */
[data-seo-bento]{--lib-text:var(--_colors---text,#dde4f0);--lib-muted:var(--_colors---text-muted,#a9b7cc);--lib-hl:#a6d8ff;--lib-line:rgba(220,228,240,.2);--lib-line-hl:rgba(166,216,255,.4);--lib-surface:rgba(255,255,255,.02);--lib-ease:cubic-bezier(.65,0,.35,1);--lib-out:cubic-bezier(.16,1,.3,1);position:relative;color:var(--lib-text);padding-top:0;padding-bottom:7.5em}
html[data-theme="light"] [data-seo-bento]{--lib-hl:#001638;--lib-line:rgba(0,22,56,.14);--lib-line-hl:rgba(0,22,56,.45);--lib-surface:rgba(0,22,56,.015)}
[data-seo-bento] *,[data-seo-bento] *::before,[data-seo-bento] *::after{box-sizing:border-box}
[data-seo-bento] .lib-bento_wrap{display:flex;flex-direction:column;row-gap:4.5em}
[data-seo-bento] .lib-head{display:flex;justify-content:space-between;align-items:flex-end;column-gap:3.75em;row-gap:1.25em}
[data-seo-bento] .lib-head_title{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.5em;min-width:0}
[data-seo-bento] .lib-head_intro{display:flex;flex-direction:column;align-items:flex-start;row-gap:1.25em;width:38.75em;flex:none}
[data-seo-bento] .lib-eyebrow{display:flex;align-items:center;column-gap:.875em;margin:0}
[data-seo-bento] .lib-eyebrow_dot{width:.375em;height:.375em;border-radius:50%;background-color:var(--lib-hl);flex:none}
[data-seo-bento] .lib-eyebrow_text{font-family:"Inter Display",Inter,sans-serif;font-size:.9375em;font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--lib-muted)}
[data-seo-bento] .lib-h2{margin:0;max-width:13.75em;font-family:"Perfectly Nineties",serif;font-weight:400;font-size:5em;line-height:1;letter-spacing:-.00625em;color:var(--lib-text)}
[data-seo-bento] .lib-lead{margin:0;font-family:"Perfectly Nineties",serif;font-size:1.5em;line-height:1.3;color:var(--lib-muted)}
[data-seo-bento] .lib-text{margin:0;font-family:"Inter Display",Inter,sans-serif;font-size:1.125em;line-height:1.5;color:var(--lib-muted)}
[data-seo-bento] .lib-text+.lib-text{margin-top:.75em}
[data-seo-bento] .w-richtext>*:first-child{margin-top:0}
[data-seo-bento] .w-richtext>*:last-child{margin-bottom:0}
html.js [data-seo-bento]:not(.is-bento-ready) .lib-head_intro .w-richtext>*:not(:first-child){display:none}
[data-seo-bento] .lib-text a,[data-seo-bento] .lib-lead a{color:var(--lib-text);text-decoration:underline;text-decoration-color:var(--lib-line-hl);text-underline-offset:.2em;transition:text-decoration-color .45s var(--lib-ease)}
@media (hover:hover) and (pointer:fine){[data-seo-bento] .lib-text a:hover,[data-seo-bento] .lib-lead a:hover{text-decoration-color:currentColor}}
[data-seo-bento] .lib-bento_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1.875em;row-gap:1.875em}
[data-seo-bento] .lib-bento_grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}
[data-seo-bento] .lib-bento_grid[data-count="2"],[data-seo-bento] .lib-bento_grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
[data-seo-bento] .lib-bento_tile{display:flex;flex-direction:column;justify-content:space-between;row-gap:3em;min-height:25em;padding:2em;border:1px solid var(--lib-line);border-radius:.625em;background-color:var(--lib-surface);min-width:0;transition:border-color .5s var(--lib-ease)}
[data-seo-bento] .lib-bento_tile-top{display:flex;justify-content:space-between;align-items:flex-start}
[data-seo-bento] .lib-bento_icon{width:6em;height:6em;color:var(--lib-hl)}
[data-seo-bento] .lib-bento_num{font-family:"Inter Display",Inter,sans-serif;font-size:.9375em;font-weight:600;line-height:1.2;color:var(--lib-muted)}
[data-seo-bento] .lib-bento_tile-body{display:flex;flex-direction:column;row-gap:.5em;max-width:40em}
[data-seo-bento] .lib-bento_title{margin:0 0 .25em;font-family:"Perfectly Nineties",serif;font-weight:400;font-size:2.375em;line-height:1.1;color:var(--lib-text)}
@media (hover:hover) and (pointer:fine){[data-seo-bento] .lib-bento_tile:hover{border-color:var(--lib-line-hl)}}
[data-seo-bento] [data-lib-icon] svg{display:block;width:100%;height:100%;overflow:visible}
[data-seo-bento] [data-lib-icon] svg *{stroke:currentColor;vector-effect:none}
/* Reveal wie die anderen Sections (1.25em, ease-out, Stagger 90 ms) + Icon zeichnet sich wie lib-bento */
html.js [data-seo-bento] .lib-bento_tile{opacity:0;transform:translate3d(0,1.25em,0);transition:opacity 1.2s var(--lib-out) calc(var(--i,0)*90ms),transform 1.2s var(--lib-out) calc(var(--i,0)*90ms),border-color .5s var(--lib-ease)}
html.js [data-seo-bento].is-bento-in .lib-bento_tile{opacity:1;transform:none}
html.js [data-seo-bento] [data-lib-icon] svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--lib-ease) calc(.3s + var(--i,0)*90ms)}
html.js [data-seo-bento].is-bento-in [data-lib-icon] svg *{stroke-dashoffset:0}
@media screen and (max-width:991px){
[data-seo-bento]{padding-bottom:5em}
html.is-pl-mig [data-seo-bento]{padding-top:1.25em}
[data-seo-bento] .lib-bento_wrap{row-gap:2.5em}
[data-seo-bento] .lib-head{flex-direction:column;align-items:flex-start}
[data-seo-bento] .lib-head_intro{width:100%;max-width:36em}
[data-seo-bento] .lib-h2{font-size:3.5em}
[data-seo-bento] .lib-bento_grid,[data-seo-bento] .lib-bento_grid[data-count]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75em;row-gap:.75em}
[data-seo-bento] .lib-bento_grid[data-count="3"]>:first-child{grid-column:1/-1}
[data-seo-bento] .lib-bento_tile{min-height:0;padding:1.5em;row-gap:2em}
[data-seo-bento] .lib-bento_icon{width:3em;height:3em}
[data-seo-bento] .lib-bento_title{font-size:1.75em}
}
@media screen and (max-width:767px){
[data-seo-bento] .lib-head_title{row-gap:1em}
[data-seo-bento] .lib-h2{font-size:2.75em;max-width:none}
[data-seo-bento] .lib-lead{font-family:"Inter Display",Inter,sans-serif;font-size:1.125em;line-height:1.5}
[data-seo-bento] .lib-bento_grid,[data-seo-bento] .lib-bento_grid[data-count]{grid-template-columns:minmax(0,1fr)}
}
@media screen and (max-width:479px){
[data-seo-bento]{padding-bottom:3.75em}
}