/* Scoped editorial service introduction; existing sections and imagery are retained. */
body.ri-magazine-preview #maklerleistungen.mls {
  --mls-white:#f7f6f0; --mls-copy:#d9e4e2; --mls-gold:#d5b66e;
  color:var(--mls-white); background:linear-gradient(125deg,#123a43 0%,#16434b 58%,#20515a 100%);
  padding:clamp(40px,5vw,72px) 0; border-top:1px solid #47686b; border-bottom:1px solid #47686b;
  scroll-margin-top:94px;
}
#maklerleistungen .mls-shell { width:min(1240px,calc(100% - 96px)); margin-inline:auto; display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(40px,6vw,96px); align-items:start; }
#maklerleistungen .mls-intro { padding-top:6px; }
#maklerleistungen .mls-kicker { color:var(--mls-gold); font:600 12px/1.5 'Source Sans 3',sans-serif; text-transform:uppercase; letter-spacing:.13em; margin:0 0 24px; }
#maklerleistungen #mls-heading { color:var(--mls-white); font:400 clamp(34px,3.5vw,48px)/1.16 'Literata',Georgia,serif; letter-spacing:-.045em; margin:0 0 28px; }
#maklerleistungen .mls-lead { font:400 18px/1.75 'Source Sans 3',sans-serif; color:var(--mls-copy); max-width:39ch; margin:0 0 20px; }
#maklerleistungen .mls-agreement { font:400 15px/1.65 'Source Sans 3',sans-serif; color:var(--mls-copy); max-width:35ch; margin:0 0 30px; }
#maklerleistungen .mls-contact { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:48px; padding:9px 0; color:var(--mls-white); border-bottom:1px solid var(--mls-gold); text-decoration:none; font:600 16px/1.45 'Source Sans 3',sans-serif; transition:color 180ms; }
#maklerleistungen .mls-contact span { color:var(--mls-gold); font-size:22px; }
#maklerleistungen .mls-contact:hover { color:var(--mls-gold); }
#maklerleistungen .mls-tabs { display:flex; gap:8px; border-bottom:1px solid #78918e; margin:0 0 24px; }
#maklerleistungen [hidden] { display:none !important; }
#maklerleistungen .mls-tabs button { appearance:none; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--mls-copy); font:600 16px/1.4 'Source Sans 3',sans-serif; min-height:50px; padding:11px 14px; cursor:pointer; margin:0 0 -1px; transition:background-color 180ms,color 180ms; }
#maklerleistungen .mls-tabs button[aria-selected="true"] { color:var(--mls-white); border-bottom-color:var(--mls-gold); background:#ffffff09; }
#maklerleistungen .mls-tabs button:hover { color:var(--mls-white); background:#ffffff10; }
#maklerleistungen .mls-panel-label { margin:0 0 16px; color:var(--mls-copy); font:400 14px/1.5 'Source Sans 3',sans-serif; letter-spacing:.02em; }
#maklerleistungen .mls-rows { border-top:1px solid #78918e; }
#maklerleistungen .mls-row { margin:0; padding:0; border:0; border-bottom:1px solid #78918e; border-radius:0; box-shadow:none; background:transparent; transition:background-color 180ms; }
#maklerleistungen .mls-row summary { list-style:none; display:grid; grid-template-columns:28px minmax(0,1fr) 20px; align-items:center; gap:16px; min-height:72px; margin:0; padding:18px 12px; cursor:pointer; color:var(--mls-white); background:transparent; border:0; }
#maklerleistungen .mls-row summary::-webkit-details-marker { display:none; }
#maklerleistungen .mls-row summary::after { content:none; }
#maklerleistungen .mls-number { color:var(--mls-gold); font:400 13px/1.5 'Source Sans 3',sans-serif; font-variant-numeric:tabular-nums; }
#maklerleistungen .mls-row-title { font:400 clamp(20px,1.7vw,24px)/1.35 'Literata',Georgia,serif; letter-spacing:-.025em; }
#maklerleistungen .mls-toggle { position:relative; width:18px; height:18px; }
#maklerleistungen .mls-toggle::before, #maklerleistungen .mls-toggle::after { content:""; position:absolute; background:var(--mls-gold); width:14px; height:1px; left:2px; top:8px; }
#maklerleistungen .mls-toggle::after { transform:rotate(90deg); transition:transform 180ms; }
#maklerleistungen .mls-row[open] .mls-toggle::after { transform:rotate(0); }
#maklerleistungen .mls-row[open] { background:#ffffff08; }
#maklerleistungen .mls-row:hover { background:#ffffff0e; }
#maklerleistungen .mls-answer { padding:0 48px 20px 56px; }
#maklerleistungen .mls-answer p, #maklerleistungen .mls-part-service>p:not(.mls-small-label) { margin:0 0 12px; color:var(--mls-copy); font:400 16px/1.7 'Source Sans 3',sans-serif; max-width:58ch; }
#maklerleistungen .mls-detail-link { display:inline-flex; align-items:center; gap:18px; min-height:44px; padding:7px 0; color:var(--mls-white); text-decoration:none; border:0; font:600 15px/1.45 'Source Sans 3',sans-serif; }
#maklerleistungen .mls-detail-link span { color:var(--mls-gold); font-size:19px; transition:transform 180ms; }
#maklerleistungen .mls-detail-link:hover { color:var(--mls-gold); }
#maklerleistungen .mls-detail-link:hover span { transform:translate(2px,-2px); }
#maklerleistungen .mls-panel+.mls-panel { margin-top:28px; }
#maklerleistungen.mls-enhanced .mls-panel+.mls-panel { margin-top:0; }
#maklerleistungen .mls-part-service { border-top:1px solid #78918e; padding:22px 12px 20px; }
#maklerleistungen .mls-part-service:last-child { border-bottom:1px solid #78918e; }
#maklerleistungen .mls-small-label { color:var(--mls-gold); font:600 12px/1.5 'Source Sans 3',sans-serif; letter-spacing:.08em; text-transform:uppercase; margin:0 0 12px; }
#maklerleistungen .mls-part-service h4 { color:var(--mls-white); font:400 24px/1.4 'Literata',Georgia,serif; letter-spacing:-.025em; margin:0 0 14px; }
#maklerleistungen .mls-method { border-left:2px solid var(--mls-gold); padding:0 0 0 20px; margin-top:28px; }
#maklerleistungen .mls-method h3 { color:var(--mls-white); font:600 16px/1.5 'Source Sans 3',sans-serif; margin:0 0 8px; }
#maklerleistungen .mls-method p { color:var(--mls-copy); font:400 15px/1.65 'Source Sans 3',sans-serif; margin:0; }
#maklerleistungen :is(a,button,summary):focus-visible { outline:2px solid var(--mls-gold); outline-offset:4px; }
#maklerleistungen .mls-panel:focus-visible { outline:2px solid var(--mls-gold); outline-offset:8px; }
@media(max-width:1100px) {
  #maklerleistungen .mls-shell { width:calc(100% - 64px); grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:36px; }
  #maklerleistungen #mls-heading { font-size:36px; }
  #maklerleistungen .mls-tabs button { padding-inline:10px; font-size:15px; }
  #maklerleistungen .mls-row-title { font-size:21px; }
}
@media(max-width:850px) {
  #maklerleistungen .mls-shell { grid-template-columns:1fr; gap:36px; }
  #maklerleistungen #mls-heading { font-size:42px; margin-bottom:20px; }
  #maklerleistungen #mls-heading br { display:none; }
  #maklerleistungen .mls-kicker { margin-bottom:18px; }
  #maklerleistungen .mls-lead { max-width:58ch; }
  #maklerleistungen .mls-agreement { max-width:none; margin-bottom:16px; }
  #maklerleistungen .mls-tabs button { font-size:16px; }
}
@media(max-width:540px) {
  #maklerleistungen .mls-shell { width:calc(100% - 40px); gap:28px; }
  #maklerleistungen #mls-heading { font-size:34px; }
  #maklerleistungen #mls-heading br { display:block; }
  #maklerleistungen .mls-lead { font-size:17px; }
  #maklerleistungen .mls-tabs { gap:4px; }
  #maklerleistungen .mls-tabs button { flex:1; padding:10px 5px; font-size:15px; }
  #maklerleistungen .mls-row summary { grid-template-columns:23px minmax(0,1fr) 18px; gap:10px; padding:16px 8px; }
  #maklerleistungen .mls-row-title { font-size:20px; }
  #maklerleistungen .mls-answer { padding:0 12px 18px 41px; }
  #maklerleistungen .mls-part-service { padding-inline:8px; }
  #maklerleistungen .mls-part-service h4 { font-size:23px; }
  #maklerleistungen .mls-method { padding-left:16px; }
}
@media(prefers-reduced-motion:reduce) { #maklerleistungen *,#maklerleistungen *::after { transition:none !important; } }