/* Helle, ruhige Portaloberfläche; gemeinsame mobile Regeln für alle Rollen. */
:root{color-scheme:light;--portal-backdrop:#f5f8f7;--portal-surface:#fff;--portal-soft:#f2f6f4;--portal-text:#233d34;--portal-muted:#60736b;--portal-line:#dfe8e3;--portal-glass:#fff;--portal-active:#eaf6ee;--portal-shadow:0 2px 8px #163c2b08}
html.fi .sv-vorschau-banner{background:#fff6df;color:#654e1f;border-color:#ecddb5;box-shadow:none}
html.fi .sv-vorschau-banner button{background:#fff;border:1px solid #d6c393;color:#654e1f;min-height:40px;border-radius:10px}
@media(max-width:700px){
 html.fi .fi-main{padding-inline:12px!important;padding-top:12px}
 html.fi .fi-topbar-ctn{padding:8px 10px}
 html.fi .fi-topbar{border-radius:12px;min-height:52px;box-shadow:none}
 html.fi .fi-header-heading{font-size:1.3rem;line-height:1.3;overflow-wrap:anywhere}
 html.fi .fi-header-subheading{font-size:.82rem;line-height:1.5}
 html.fi :is(.fi-section-header,.fi-section-content,.fi-section-footer){padding:12px}
 html.fi :is(.fi-page-content,.fi-sc.fi-sc-has-gap){gap:14px}
 html.fi .fi-section:not(.fi-aside):not(.fi-section-not-contained){border-radius:12px;box-shadow:none}
 html.fi .fi-header-actions{display:flex;flex-wrap:wrap;gap:8px}
 html.fi .fi-header-actions .fi-btn{white-space:normal;max-width:100%;font-size:.8rem}
 html.fi .fi-wi-stats-overview-stat{padding:13px;border-radius:12px;box-shadow:none}
 html.fi .fi-wi-stats-overview-stat-value{font-size:1.5rem}
 html.fi .fi-fo-field-label-content{font-size:.85rem}
 html.fi .fi-modal-window{max-width:calc(100vw - 16px);border-radius:14px}
 html.fi :is(input,textarea,select){scroll-margin-block:90px}
 html.fi .sv-vorschau-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 12px;font-size:11px;line-height:1.4;position:sticky}
 html.fi .sv-partnerfreigabe{padding:12px!important;border-radius:12px!important;font-size:.8rem;line-height:1.5;margin-bottom:0!important}
 html.fi .sv-partnerfreigabe p{margin:6px 0}
 html.fi .sv-vorschau-banner__text{min-width:0;overflow-wrap:anywhere}
 html.fi .sv-vorschau-banner__protokoll{display:none}
 html.fi .sv-vorschau-banner form{width:auto}
 html.fi .sv-vorschau-banner button{width:auto;padding:0 10px;min-height:40px;font-size:11px}
 html.fi .mep-vergleich{border:0;box-shadow:none;background:transparent;overflow:visible}
 html.fi .mep-vergleich__kopf{padding:8px 0 12px}
 html.fi .mep-vergleich__inhalt{padding:0;gap:16px}
 html.fi .mep-karten{grid-template-columns:minmax(0,1fr);gap:14px}
 html.fi .mep-karte{min-width:0;padding:14px;border:1px solid #dce7df;border-radius:13px;background:#fff;box-shadow:none}
 html.fi .mep-karte--gewaehlt{border-color:#65b598;box-shadow:inset 3px 0 #65b598}
 html.fi .mep-karte__kopf{display:flex;flex-direction:column;gap:7px;min-width:0;padding-bottom:10px}
 html.fi .mep-karte__kopf>div{min-width:0;max-width:100%}
 html.fi .mep-karte__firma{font-size:1.1rem;line-height:1.3;overflow-wrap:anywhere}
 html.fi .mep-karte__kategorien{font-size:.8rem;margin-top:3px}
 html.fi .mep-status{display:inline-block;white-space:normal;max-width:100%;line-height:1.4;font-size:11px;padding:3px 7px;overflow-wrap:anywhere}
 html.fi .mep-karte__preis{font-size:1.15rem;line-height:1.4;margin-top:12px;overflow-wrap:anywhere}
 html.fi .mep-karte>p{font-size:.82rem;line-height:1.5;margin-block:6px}
 html.fi .mep-karte__gueltig{font-size:.76rem;line-height:1.5}
 html.fi .mep-karte__abschnitt{margin-top:12px;padding-top:12px}
 html.fi .mep-karte__liste{font-size:.82rem;line-height:1.5}
 html.fi .mep-karte__fuss{gap:10px;padding-top:14px}
 html.fi .mep-karte__dokument{max-width:100%}
 html.fi .sv-kontakt{margin:10px 0;padding:11px;border:1px solid #d9e9df;border-top:2px solid #8ac8aa;border-radius:10px;background:#f1f8f3;box-shadow:none}
 html.fi .sv-kontakt__kopf{gap:8px;align-items:center}
 html.fi .sv-kontakt .sv-kontakt__titel h4{font-size:14px;line-height:1.35}
 html.fi .sv-kontakt__titel>svg{display:none}
 html.fi .sv-kontakt__weg{width:44px;min-height:44px;border-color:#dbe7df;background:#fff}
 html.fi .sv-kontakt__weg svg{width:19px;height:19px}
 html.fi .sv-kontakt__weg span{font-size:9px}
 html.fi .sv-kontakt__ansehen{margin-top:8px;padding:8px 13px;min-height:42px;font-size:13px}
 html.fi .sv-kontakt__hinweis{font-size:10px;line-height:1.4;margin-top:7px}
 html.fi .sv-kontakt__daten{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:11px;margin-top:6px}
 html.fi .sv-kontakt__daten p{margin:0}
 html.fi .sv-kontakt textarea{min-height:64px;font-size:16px}
 html.fi .sv-kontakt__aktionen{gap:8px}
 html.fi .sv-kontakt__aktionen button{min-height:44px;font-size:13px;padding:8px 12px}
 html.fi .sv-angebot{padding:13px;border-radius:12px;box-shadow:none}
 html.fi .sv-angebot__kopf{gap:6px;align-items:flex-start}
 html.fi .sv-chip{white-space:normal;max-width:100%;font-size:10px;line-height:1.4}
 html.fi .sv-nav--leiste{background:#fff;border-top:1px solid #dde7e0;box-shadow:0 -2px 8px #173c2c06;height:calc(62px + env(safe-area-inset-bottom));backdrop-filter:none}
 html.fi .sv-nav--leiste a{min-width:0;flex:1;color:#64776c;font-size:10px}
 html.fi .sv-nav--leiste a[aria-current=page]{color:#087653;background:#eef8f0;border-radius:10px}
 html.fi .sv-nav--leiste a .sv-icon{width:21px;height:21px}
 html.fi .sv-kontaktstatistik__zahlen{grid-template-columns:1fr}
}