/* VEDES · kompakter HTML-Entwurf, 15.10.2026 */
.vo-page .hero{padding:32px 0 36px}
.vo-page .hero-grid{gap:40px;grid-template-columns:1.2fr .8fr}
.vo-page .hero-picture{max-width:365px;justify-self:end;width:100%}
.vo-page .section{padding-block:44px}
.vo-page .vo-field.section{padding-block:38px}
.vo-page :where(h1,h2,h3,h4,summary){hyphens:auto;-webkit-hyphens:auto;word-break:normal;overflow-wrap:break-word}
.vo-page .vo-topics{align-items:stretch;grid-auto-rows:1fr;gap:18px}
.vo-page .vo-topic{margin:0;min-width:0;height:100%;background:#fff;color:var(--navy)}
.vo-page .vo-topic h3{margin:0 0 18px;min-height:2.32em;font-size:23px}
.vo-page .vo-topic-link{margin-top:auto}
.vo-page .vo-field-grid{display:block}
.vo-page .vo-field-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:44px;position:static;margin:0 0 24px}
.vo-page .vo-intro-copy{position:relative;min-width:0}
.vo-page .vo-intro-copy h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15;padding-right:64px;max-width:850px;text-wrap:pretty}
.vo-page .vo-intro-copy>.vo-section-icon{position:absolute;right:0;top:0;width:46px;height:46px;padding:10px;margin:0;background:#fff;border-radius:13px;box-shadow:0 3px 14px #1e287810}
.vo-page .vo-headline{margin-top:12px;font-size:21px}
.vo-page .vo-description{margin-top:10px!important;font-size:18px;line-height:1.5;max-width:740px}
.vo-page .vo-field-visual{margin:0;min-width:0}
.vo-page .vo-field-visual>img{height:155px;width:100%;object-fit:cover;border-radius:17px;margin:0}
.vo-page #sortiment .vo-field-visual>img,.vo-page #finanzen .vo-field-visual>img{object-fit:contain}
.vo-page .vo-advice-art{display:flex;align-items:center;gap:18px;margin:0;padding:22px;border-radius:17px;min-height:155px}
.vo-page .vo-advice-art svg{width:48px;height:48px;margin:0;flex:none}
.vo-page .vo-advice-art span{font-size:20px}
.vo-page .vo-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:0;margin:0;padding:0;align-items:start}
.vo-page .vo-detail-column{min-width:0;border-top:1px solid #c8dce9}
.vo-page .vo-detail{margin:0;padding:0;min-height:0;height:auto}
.vo-page .vo-detail summary{min-height:58px;padding:15px 4px;gap:18px;line-height:1.3}
.vo-page .vo-detail summary h3{font-size:21px;line-height:1.3}
.vo-page .vo-plus{width:24px;height:24px}
.vo-page .vo-plus:before,.vo-page .vo-plus:after{left:4px;top:11px}
.vo-page .vo-detail-body{padding:0 4px 18px;font-size:17px;line-height:1.55}
.vo-page .vo-detail-body p+p{margin-top:12px}
.vo-page .vo-detail-body ul,.vo-page .vo-detail-body ol{margin:12px 0}
.vo-page .vo-detail-body li{margin:5px 0}
.vo-page .vo-contact-box{padding:30px;gap:36px}
.vo-page .vo-contact-box p{margin:16px 0 20px}
.vo-page .vo-route{padding:20px}
@media(max-width:900px){.vo-page .vo-field-intro{grid-template-columns:minmax(0,1fr) 210px;gap:28px}.vo-page .vo-field-visual>img{height:145px}.vo-page .vo-detail-list{gap:0 26px}.vo-page .vo-detail summary h3{font-size:20px}.vo-page .vo-topic h3{font-size:21px}}
@media(max-width:760px){.vo-page .vo-detail-list{display:block}.vo-page .vo-detail-column+.vo-detail-column{border-top:0}.vo-page .vo-field-intro{grid-template-columns:minmax(0,1fr) 180px;gap:24px}.vo-page .vo-intro-copy h2{font-size:29px}.vo-page .vo-description{font-size:17px}.vo-page .vo-headline{font-size:20px}}
@media(max-width:650px){.vo-page .hero{padding-block:26px}.vo-page .hero-grid{grid-template-columns:1fr;gap:20px}.vo-page .hero-picture{max-width:280px;justify-self:center}.vo-page .section{padding-block:32px}.vo-page .vo-field.section{padding-block:30px}.vo-page .vo-field-intro{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.vo-page .vo-intro-copy h2{font-size:29px;padding-right:56px}.vo-page .vo-intro-copy>.vo-section-icon{width:42px;height:42px;padding:8px}.vo-page .vo-field-visual{max-width:420px;width:100%}.vo-page .vo-field-visual>img{height:150px}.vo-page .vo-advice-art{min-height:100px;max-width:420px;padding:20px}.vo-page .vo-detail summary{min-height:56px;padding-block:14px}.vo-page .vo-detail summary h3{font-size:20px}.vo-page .vo-topics{gap:12px}.vo-page .vo-topic h3{font-size:20px}.vo-page .vo-contact-box{padding:24px;gap:24px}}
@media(max-width:380px){.vo-page .vo-topic h3{min-height:0;margin-bottom:6px}.vo-page .vo-intro-copy h2{font-size:27px}}
@media print{.vo-page .vo-field-intro{display:block}.vo-page .vo-detail-list{display:block}.vo-page .vo-section-icon,.vo-page .vo-advice-art{display:none}.vo-page .vo-detail-body{display:block!important}.vo-page .vo-field.section{padding-block:20px}}

/* Gemeinsame Hero-Geometrie für alle drei VEDES Seiten */
:root{--vedes-hero-width:460px;--vedes-hero-height:460px}
.hero,.vs-hero,.vo-page .hero{padding:32px 0;background:linear-gradient(150deg,#fff 44%,#edf5fb);overflow:hidden}
.hero .wrap,.vs-hero .vs-wrap,.header .wrap,.topbar .wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.hero-grid,.vs-hero-grid,.vo-page .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--vedes-hero-width);gap:56px;align-items:center;min-height:var(--vedes-hero-height)}
.hero-grid>div:first-child,.vs-hero-grid>div:first-child{min-width:0}
.hero h1,.vs-hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.1;margin:0 0 24px;max-width:680px}
.hero .lead,.vs-hero .vs-lead{font-size:22px;line-height:1.5;max-width:650px;margin:0;color:var(--muted)}
.hero .textlink,.vs-hero .vs-textlink{margin-top:30px;min-height:44px}
.hero-picture,.vs-hero-art,.vo-page .hero-picture{position:relative;isolation:isolate;width:var(--vedes-hero-width);max-width:none;justify-self:end;margin:0;padding:20px 22px 28px;box-sizing:border-box}
.hero-picture>img,.vs-hero-art>img,.vo-page .hero-picture img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border:8px solid #fff;border-radius:50%;box-sizing:border-box}
.hero-picture:before,.vs-hero-art:before{content:'';position:absolute;width:88%;height:auto;aspect-ratio:1;right:-30px;left:auto;top:-10px;bottom:auto;background:linear-gradient(135deg,#5ac8f060,#5ac8f005);border-radius:50%;z-index:-1}
.hero-picture:after,.vs-hero-art:after{content:'';position:absolute;width:60%;height:auto;aspect-ratio:1;left:-16px;right:auto;bottom:0;top:auto;background:linear-gradient(140deg,#0069b440,#0069b405);border-radius:50%;z-index:-1}
.hero-picture figcaption,.vs-hero-art figcaption{position:absolute;bottom:30px;right:7px;left:auto;background:#1e2878;color:#fff;border-radius:40px;padding:12px 22px;font-size:15px;line-height:1.5;font-weight:700;margin:0}
.header-main{min-height:100px}
@media(max-width:1100px){:root{--vedes-hero-width:380px;--vedes-hero-height:410px}.hero-grid,.vs-hero-grid,.vo-page .hero-grid{gap:36px}.hero h1,.vs-hero h1{font-size:clamp(40px,4.6vw,54px)}}
@media(max-width:900px){:root{--vedes-hero-width:320px;--vedes-hero-height:auto}.hero-grid,.vs-hero-grid,.vo-page .hero-grid{grid-template-columns:minmax(0,1fr) 320px;gap:26px;min-height:380px}.hero h1,.vs-hero h1{font-size:42px}.hero .lead,.vs-hero .vs-lead{font-size:20px}}
@media(max-width:700px){.hero .wrap,.vs-hero .vs-wrap,.header .wrap,.topbar .wrap{width:calc(100% - 40px)}.hero,.vs-hero,.vo-page .hero{padding:26px 0 30px}.hero-grid,.vs-hero-grid,.vo-page .hero-grid{grid-template-columns:1fr;gap:22px;min-height:0}.hero-picture,.vs-hero-art,.vo-page .hero-picture{width:min(320px,100%);justify-self:center;padding:16px 18px 24px}.hero h1,.vs-hero h1{font-size:clamp(36px,8vw,44px)}.hero-picture figcaption,.vs-hero-art figcaption{font-size:13px;padding:10px 17px;bottom:25px;right:0}.hero .textlink,.vs-hero .vs-textlink{margin-top:24px}}

/* Native Gutenberg groups: override WordPress flow margins explicitly. */
body.vd3-page #main.vo-page .vo-field-grid{display:block}
body.vd3-page #main.vo-page .vo-field-intro{display:grid;margin-bottom:24px;position:static}
body.vd3-page #main.vo-page .vo-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;border-top:0}
body.vd3-page #main.vo-page .vo-detail-column{margin:0;min-width:0;border-top:1px solid #c8dce9}
body.vd3-page #main.vo-page .vo-detail{margin:0!important;padding:0!important}
body.vd3-page #main.vo-page .vo-intro-copy{margin:0}
body.vd3-page #main.vo-page .vo-intro-copy>.vo-section-icon{position:absolute;right:0;top:0;width:46px;height:46px;margin:0;background:white;box-shadow:0 3px 14px #1e287810}
body.vd3-page #main.vo-page .vo-field-visual{border-radius:18px;overflow:hidden;background:transparent;margin:0}
body.vd3-page #main.vo-page .vo-field-visual>.wp-block-image img,body.vd3-page #main.vo-page .vo-field-visual>img{height:155px;width:100%;object-fit:cover;border-radius:18px;margin:0;display:block}
body.vd3-page #main.vo-page #sortiment .vo-field-visual>.wp-block-image img{object-fit:contain}
body.vd3-page #main.vo-page .vo-advice-photo>img{object-position:50% 45%}
@media(max-width:900px){body.vd3-page #main.vo-page .vo-detail-list{column-gap:26px}body.vd3-page #main.vo-page .vo-field-visual>.wp-block-image img,body.vd3-page #main.vo-page .vo-field-visual>img{height:145px}}
@media(max-width:760px){body.vd3-page #main.vo-page .vo-detail-list{display:block}body.vd3-page #main.vo-page .vo-detail-column+.vo-detail-column{border-top:0}}
@media(max-width:650px){body.vd3-page #main.vo-page .vo-field-intro{margin-bottom:20px}body.vd3-page #main.vo-page .vo-field-visual,body.vd3-page #main.vo-page .vo-field-visual img{border-radius:16px}body.vd3-page #main.vo-page .vo-field-visual>.wp-block-image img,body.vd3-page #main.vo-page .vo-field-visual>img{height:150px}body.vd3-page #main.vo-page .vo-intro-copy>.vo-section-icon{width:42px;height:42px}}
@media print{body.vd3-page #main.vo-page .vo-field-intro,body.vd3-page #main.vo-page .vo-detail-list{display:block}}