@font-face{font-family:'MLV Sans';src:url('/assets/fonts/source-sans-3-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'MLV Sans';src:url('/assets/fonts/source-sans-3-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'MLV Serif';src:url('/assets/fonts/literata-latin-ext.woff2') format('woff2');font-display:swap;unicode-range:U+0100-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'MLV Serif';src:url('/assets/fonts/literata-latin.woff2') format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.mlv-standalone{margin:0;background:#f7f6f0;color:#163e46;font-family:'MLV Sans',sans-serif}
.mlv-preview-bar,.mlv-preview-footer{width:min(1240px,calc(100% - 96px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:15px}
.mlv-preview-bar a{color:#163e46;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.mlv-preview-bar .mlv-preview-brand{font:400 25px/1.3 'MLV Serif',Georgia,serif;letter-spacing:-.05em}
.mlv-preview-brand span{font:400 14px/1.4 'MLV Sans',sans-serif;letter-spacing:.03em;margin-left:5px}
.mlv-preview-bar a:focus-visible{outline:2px solid #163e46;outline-offset:4px}
.mlv-preview-footer{padding-block:26px;color:#446269;flex-wrap:wrap}
#maklerleistungen.mlv{--mlv-white:#f7f6f0;--mlv-copy:#d9e4e2;--mlv-gold:#d5b66e;--mlv-line:#628387;color:var(--mlv-white);background:linear-gradient(115deg,#123a43,#16434b 65%,#20515a);padding:0;border-block:1px solid #527278;scroll-margin-top:96px;font-family:'MLV Sans',sans-serif;text-align:left}
#maklerleistungen.mlv,#maklerleistungen.mlv *{box-sizing:border-box}
#maklerleistungen .mlv-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
#maklerleistungen .mlv-main{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,6vw,88px);padding-block:64px 60px;align-items:start}
#maklerleistungen .mlv-kicker{color:var(--mlv-gold);font:600 13px/1.5 'MLV Sans',sans-serif;text-transform:uppercase;letter-spacing:.11em;margin:0 0 23px}
#maklerleistungen #mlv-heading{font:400 clamp(38px,3.7vw,52px)/1.16 'MLV Serif',Georgia,serif;letter-spacing:-.045em;color:var(--mlv-white);margin:0 0 28px}
#maklerleistungen .mlv-lead{font:400 20px/1.55 'MLV Sans',sans-serif;max-width:35ch;margin:0 0 20px;color:var(--mlv-white)}
#maklerleistungen .mlv-intro-copy{font:400 17px/1.65 'MLV Sans',sans-serif;max-width:42ch;margin:0 0 26px;color:var(--mlv-copy)}
#maklerleistungen .mlv-primary{display:inline-flex;min-height:48px;align-items:center;gap:23px;justify-content:space-between;color:var(--mlv-white);border:0;border-bottom:1px solid var(--mlv-gold);padding:9px 0;font:600 17px/1.45 'MLV Sans',sans-serif;text-decoration:none}
#maklerleistungen .mlv-primary span,#maklerleistungen .mlv-link span{color:var(--mlv-gold);font-size:22px}
#maklerleistungen .mlv-agreement{color:var(--mlv-copy);font:400 16px/1.55 'MLV Sans',sans-serif;margin:18px 0 0}
#maklerleistungen [hidden]{display:none!important}
#maklerleistungen .mlv-tabs{display:flex;gap:12px;border-bottom:1px solid var(--mlv-line);margin:0 0 24px}
#maklerleistungen .mlv-tabs button{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--mlv-copy);font:600 17px/1.45 'MLV Sans',sans-serif;min-height:52px;padding:10px 12px;margin-bottom:-1px;cursor:pointer}
#maklerleistungen .mlv-tabs button[aria-selected=true]{color:var(--mlv-white);border-bottom-color:var(--mlv-gold)}
#maklerleistungen .mlv-tabs button:hover{background:#ffffff09}
#maklerleistungen .mlv-panel-caption{font:400 16px/1.5 'MLV Sans',sans-serif;color:var(--mlv-copy);margin:0 0 18px}
#maklerleistungen .mlv-panel+.mlv-panel{margin-top:28px}
#maklerleistungen.mlv-enhanced .mlv-panel+.mlv-panel{margin-top:0}
#maklerleistungen .mlv-rows{border-top:1px solid var(--mlv-line)}
#maklerleistungen .mlv-row{background:transparent;border:0;border-bottom:1px solid var(--mlv-line);border-radius:0;margin:0;padding:0;box-shadow:none}
#maklerleistungen .mlv-row summary{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;gap:14px;align-items:center;min-height:65px;padding:17px 9px;list-style:none;cursor:pointer;color:var(--mlv-white);font:400 22px/1.4 'MLV Serif',Georgia,serif;letter-spacing:-.025em;border:0;background:transparent}
#maklerleistungen summary::-webkit-details-marker{display:none}
#maklerleistungen summary::after{content:none}
#maklerleistungen .mlv-number{font:400 14px/1.5 'MLV Sans',sans-serif;color:var(--mlv-gold);letter-spacing:0}
#maklerleistungen .mlv-plus{position:relative;width:18px;height:18px;display:inline-block;flex:none}
#maklerleistungen .mlv-plus::before,#maklerleistungen .mlv-plus::after{content:'';width:14px;height:1px;background:var(--mlv-gold);position:absolute;top:8px;left:2px}
#maklerleistungen .mlv-plus::after{transform:rotate(90deg);transition:transform 180ms}
#maklerleistungen details[open]>summary .mlv-plus::after{transform:rotate(0)}
#maklerleistungen .mlv-row[open]{background:#ffffff06}
#maklerleistungen .mlv-row summary:hover{background:#ffffff08}
#maklerleistungen .mlv-answer{padding:0 32px 19px 49px}
#maklerleistungen .mlv-answer p{font:400 17px/1.65 'MLV Sans',sans-serif;margin:0 0 10px;color:var(--mlv-copy)}
#maklerleistungen .mlv-link{color:var(--mlv-white);font:600 16px/1.4 'MLV Sans',sans-serif;min-height:44px;display:inline-flex;align-items:center;gap:16px;padding:7px 0;border:0;text-decoration:none}
#maklerleistungen :is(.mlv-link,.mlv-primary):hover{color:var(--mlv-gold)}
#maklerleistungen .mlv-panel-note{font:400 16px/1.6 'MLV Sans',sans-serif;color:var(--mlv-copy);margin:20px 9px 0}
#maklerleistungen .mlv-situations{background:#ffffff04;border-top:1px solid var(--mlv-line);padding:39px 0 30px}
#maklerleistungen .mlv-situations-intro{display:grid;grid-template-columns:1.16fr .84fr;gap:60px;align-items:end;margin-bottom:34px}
#maklerleistungen .mlv-situations-intro .mlv-kicker{margin-bottom:10px}
#maklerleistungen #mlv-situations-heading{font:400 29px/1.4 'MLV Serif',Georgia,serif;letter-spacing:-.025em;color:var(--mlv-white);margin:0}
#maklerleistungen .mlv-situations-intro>p{font:400 17px/1.55 'MLV Sans',sans-serif;margin:0;color:var(--mlv-copy);max-width:45ch}
#maklerleistungen .mlv-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;align-items:start}
#maklerleistungen .mlv-situation{border-top:1px solid var(--mlv-gold);padding:17px 0 0;background:none;border-radius:0;box-shadow:none}
#maklerleistungen .mlv-situation-label{font:400 15px/1.5 'MLV Sans',sans-serif;color:var(--mlv-gold);margin:0 0 17px;display:flex;align-items:center;gap:16px}
#maklerleistungen .mlv-situation h4{font:400 25px/1.4 'MLV Serif',Georgia,serif;letter-spacing:-.025em;color:var(--mlv-white);margin:0 0 16px;min-height:70px}
#maklerleistungen .mlv-situation>p:not(.mlv-situation-label){font:400 17px/1.65 'MLV Sans',sans-serif;color:var(--mlv-copy);margin:0 0 17px}
#maklerleistungen .mlv-more{border:0;border-top:1px solid var(--mlv-line);border-radius:0;margin:0;padding:0;background:transparent;box-shadow:none}
#maklerleistungen .mlv-more>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;min-height:48px;list-style:none;cursor:pointer;font:600 16px/1.5 'MLV Sans',sans-serif;color:var(--mlv-white);background:none;border:0}
#maklerleistungen .mlv-more>div{padding:6px 0 0}
#maklerleistungen .mlv-more p{font:400 16px/1.65 'MLV Sans',sans-serif;color:var(--mlv-copy);margin:0 0 15px}
#maklerleistungen .mlv-more .mlv-result{color:var(--mlv-white);border-left:1px solid var(--mlv-gold);padding-left:15px;margin-top:22px}
#maklerleistungen .mlv-comparison{margin:20px 0;display:block}
#maklerleistungen .mlv-comparison>div{border-top:1px solid var(--mlv-line);padding:10px 0;display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px}
#maklerleistungen .mlv-comparison dt{font:600 16px/1.5 'MLV Sans',sans-serif;color:var(--mlv-white)}
#maklerleistungen .mlv-comparison dd{font:400 16px/1.5 'MLV Sans',sans-serif;color:var(--mlv-copy);margin:0}
#maklerleistungen .mlv-closing{border-top:1px solid var(--mlv-line);padding-top:24px;margin:28px 0 0;font:400 17px/1.5 'MLV Sans',sans-serif;color:var(--mlv-copy)}
#maklerleistungen :is(a,button,summary):focus-visible{outline:2px solid var(--mlv-gold);outline-offset:4px}
#maklerleistungen .mlv-panel:focus-visible{outline:2px solid var(--mlv-gold);outline-offset:6px}
@media(max-width:1100px){#maklerleistungen .mlv-wrap,.mlv-preview-bar,.mlv-preview-footer{width:calc(100% - 64px)}#maklerleistungen .mlv-main{gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}#maklerleistungen #mlv-heading{font-size:40px}#maklerleistungen .mlv-tabs{gap:4px}#maklerleistungen .mlv-tabs button{padding-inline:7px;font-size:16px}#maklerleistungen .mlv-row summary{font-size:20px}#maklerleistungen .mlv-situation-grid{gap:24px}#maklerleistungen .mlv-situation h4{font-size:22px;min-height:66px}#maklerleistungen .mlv-situations-intro{gap:30px}}
@media(max-width:850px){#maklerleistungen .mlv-main{grid-template-columns:1fr;gap:34px;padding-block:42px}#maklerleistungen #mlv-heading{font-size:42px;margin-bottom:22px}#maklerleistungen #mlv-heading br{display:none}#maklerleistungen .mlv-intro-copy,#maklerleistungen .mlv-lead{max-width:60ch}#maklerleistungen .mlv-situations-intro{grid-template-columns:1fr;gap:14px}#maklerleistungen .mlv-situations-intro>p{max-width:60ch}#maklerleistungen .mlv-situation-grid{grid-template-columns:1fr;gap:26px}#maklerleistungen .mlv-situation h4{min-height:0;font-size:27px}#maklerleistungen .mlv-situation h4 br{display:none}#maklerleistungen .mlv-situation-label{margin-bottom:12px}#maklerleistungen .mlv-more{max-width:none}#maklerleistungen .mlv-comparison>div{display:grid;grid-template-columns:145px 1fr;gap:20px}}
@media(max-width:540px){#maklerleistungen .mlv-wrap,.mlv-preview-bar,.mlv-preview-footer{width:calc(100% - 40px)}.mlv-preview-bar{padding-block:14px;gap:14px}.mlv-preview-brand span{display:none}.mlv-preview-bar>a:last-child{font-size:14px;max-width:140px;text-align:right}.mlv-preview-footer{font-size:14px;gap:12px}#maklerleistungen #mlv-heading{font-size:36px}#maklerleistungen #mlv-heading br{display:block}#maklerleistungen .mlv-lead{font-size:19px}#maklerleistungen .mlv-primary{font-size:16px;gap:14px}#maklerleistungen .mlv-tabs button{flex:1;font-size:16px;padding:12px 5px}#maklerleistungen .mlv-row summary{grid-template-columns:21px minmax(0,1fr) 18px;gap:9px;padding:15px 5px;font-size:20px}#maklerleistungen .mlv-answer{padding:0 12px 17px 35px}#maklerleistungen .mlv-answer p{font-size:16px}#maklerleistungen #mlv-situations-heading{font-size:27px}#maklerleistungen .mlv-situation h4{font-size:26px}#maklerleistungen .mlv-situation h4 br{display:block}#maklerleistungen .mlv-comparison>div{grid-template-columns:1fr;gap:2px}#maklerleistungen .mlv-closing{font-size:16px}}
@media(prefers-reduced-motion:reduce){#maklerleistungen *,#maklerleistungen *::before,#maklerleistungen *::after{transition:none!important;scroll-behavior:auto!important}}