@charset "UTF-8";
/* Sozialrechtsinfo.de – Startseiten-Prototyp nach VMG-Goldstandard, 06.11.2026 */
/* Hauptnavigation, Themennavigation und interne Navigation: exakt 2px Abstand */
.vmg-nav-buttons,.vmg-standard-internal-links{font-size:0;line-height:0;text-align:left}
.vmg-nav-buttons>p.d-inline,.vmg-standard-internal-links>p.d-inline{display:inline-block!important;margin:0 2px 2px 0!important;font-size:1rem!important;line-height:1.5!important;vertical-align:top!important}
.vmg-nav-buttons a,.vmg-standard-internal-links a{color:#263746;text-decoration:none}
.vmg-nav-buttons a:hover,.vmg-nav-buttons a:focus,.vmg-standard-internal-links a:hover,.vmg-standard-internal-links a:focus{color:#c00000;text-decoration:underline}
.sr-header{background:linear-gradient(110deg,#e4e9ee 0%,#f8fafb 60%,#dfe6eb 100%);border-top:1px solid #ced4da;border-bottom:1px solid #bdc8d0}
.sr-header-inner{min-height:180px;max-height:230px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:24px;padding-bottom:24px;overflow:hidden}
.sr-eyebrow{color:#526474;font-size:.8rem;letter-spacing:.085em;text-transform:uppercase;font-weight:700;margin-bottom:.3rem}
.sr-brand{color:#263746;font-size:clamp(2rem,4.3vw,3.5rem);font-weight:750;line-height:1.08;letter-spacing:-.045em}
.sr-brand span{font-weight:450;color:#60778a;font-size:.66em;letter-spacing:-.02em}
.sr-subline{margin:.7rem 0 0;font-size:1.05rem;color:#485866}
.sr-header-symbol{font-family:Georgia,serif;color:#859aaa;font-size:8.5rem;font-weight:bold;line-height:1;opacity:.24;padding-right:2vw}
.sr-intro{max-width:1000px;margin-top:1.25rem}
.sr-intro h1{font-weight:650;color:#263746;font-size:clamp(1.45rem,2.25vw,2.1rem)}
.sr-intro p{font-size:1.06rem;max-width:900px}
.sr-ad-top{min-height:52px}.sr-ad-middle{min-height:70px;margin:1rem 0 1.75rem;background:#f5f7f9;border:1px solid #e3e7eb;border-radius:.2rem}
.sr-section-title{color:#263746;border-bottom:2px solid #cad2da;padding-bottom:.6rem;font-size:1.5rem;margin-bottom:1.1rem;font-weight:650}
.sr-topic{background:#fff;border:1px solid #ced4da;border-radius:.45rem;padding:1.15rem 1.2rem;box-shadow:0 1px 3px rgba(20,38,55,.035)}
.sr-topic h3 a{color:#263746;text-decoration:none}.sr-topic h3 a:hover,.sr-topic h3 a:focus{color:#c00000;text-decoration:underline}
.sr-topic p{color:#4a5560;font-size:.96rem;min-height:3em}
.sr-read{font-size:.92rem;font-weight:650;color:#355a76;text-decoration:none}.sr-read:hover{color:#c00000;text-decoration:underline}
.sr-about{background:#fff;border:1px solid #d8dfe5;padding:1.2rem 1.4rem;border-radius:.4rem;margin-top:2rem}
.sr-footer{background:#e7ebee;border-top:1px solid #c9d0d6;padding:1.2rem 0;color:#42505e;font-size:.93rem}
.sr-footer a{color:#263746}.sr-footer a:hover{color:#c00000}
@media(max-width:767.98px){.sr-header-inner{min-height:150px;padding-top:22px;padding-bottom:22px}.sr-header-symbol{display:none}.sr-subline{font-size:.95rem}.sr-topic p{min-height:0}}

/* V2 – Bildkarten und lesefreundliche Themenübersicht */
.sr-header{position:relative;overflow:hidden}
.sr-header-inner{position:relative;isolation:isolate}
.sr-header-inner>div:first-child{z-index:2;max-width:880px;position:relative}
.sr-header-visual{width:min(38vw,570px);height:198px;object-fit:cover;object-position:64% center;align-self:stretch;opacity:.55;filter:saturate(.67);mask-image:linear-gradient(to right,transparent,#000 28%);-webkit-mask-image:linear-gradient(to right,transparent,#000 28%);position:absolute;right:0;top:0;z-index:1}
.sr-section-lead{color:#526474;margin-top:-.25rem;margin-bottom:1.1rem}
.sr-topic{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s ease,border-color .15s ease}
.sr-topic:hover{box-shadow:0 6px 20px rgba(33,55,76,.11);border-color:#aebfcc}
.sr-topic-photo-link{display:block;overflow:hidden;background:#d7e0e8}
.sr-topic-photo{display:block;width:100%;height:155px;object-fit:cover;transition:transform .2s ease}
.sr-topic:hover .sr-topic-photo{transform:scale(1.02)}
.sr-topic-content{padding:1.05rem 1.2rem 1.2rem;display:flex;flex-direction:column;flex:1}
.sr-topic h3{font-size:1.12rem;font-weight:700;line-height:1.3;margin-bottom:.65rem}
.sr-topic p{min-height:0;flex:1;margin-bottom:.9rem}
.sr-topic a:focus-visible{outline:2px solid #1f5983;outline-offset:2px}
.sr-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}
.sr-footer-grid strong{color:#263746}.sr-footer-grid p{margin:.35rem 0;font-size:.9rem}
@media(max-width:767.98px){.sr-header-visual{opacity:.2;width:70vw}.sr-topic-photo{height:180px}.sr-footer-grid{grid-template-columns:1fr;gap:.8rem}}
@media(prefers-reduced-motion:reduce){.sr-topic-photo{transition:none}}