/* Designvariante „Silber" (silberhochzeit.net): ruhiges Ratgeber-Raster.
   Sehr heller Grund, weiße Karten mit feinem Rand, Serifentitel, silberblauer Akzent.
   Startseite und Rubriken: Kategorienbox links, Bildkarten im Dreierraster rechts. */
@font-face{font-family:"Figtree";src:url(fonts/figtree-latin.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(fonts/figtree-italic-latin.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}

.theme-silber{--sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Source Serif 4",Georgia,Cambria,serif;--display:var(--serif);--radius:4px;--accent-c:var(--accent,#5f7193);--deep-c:var(--deep,#2c3140);--frame:#e4e5ea}
body.theme-silber{background:var(--paper);font:400 17px/1.65 var(--sans);color:var(--ink)}
.theme-silber a{color:var(--link)}

/* Kopf: weiß, Logo links, Menü in kleinen Versalien */
.theme-silber .masthead{background:#fff;border-bottom:0;box-shadow:0 1px 0 var(--frame),0 2px 6px rgba(20,24,40,.04)}
.theme-silber .mast-row{padding-block:14px 6px}
.theme-silber .brand{display:inline-flex;align-items:center;gap:10px}
.theme-silber .brand-sign{width:38px;height:38px}
.theme-silber .brand-name{font:600 clamp(24px,2.6vw,30px)/1 var(--serif);letter-spacing:-.01em;color:var(--deep-c)}
.theme-silber .brand-name b{font-weight:600;font-style:italic;color:var(--accent-c)}
.theme-silber .brand-tag{border-left:0;padding-left:0;font-size:14px;color:var(--muted)}
.theme-silber .catnav{border-top:0}
.theme-silber .catnav ul{gap:4px 30px}
.theme-silber .catnav a{font:500 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--deep-c);padding:12px 0 13px;border-bottom:2px solid transparent}
.theme-silber .catnav a:hover,.theme-silber .catnav a[aria-current]{border-bottom-color:var(--accent-c);color:var(--accent-c)}

/* Kopf der Übersichtsseiten */
.sv-wrap{padding-top:clamp(18px,2.6vw,30px);padding-bottom:clamp(30px,4vw,56px)}
.theme-silber .crumbs a{color:var(--accent-c)}
.sv-h1{margin:14px 0 clamp(18px,2.4vw,30px);font:500 clamp(28px,3.2vw,36px)/1.15 var(--serif);letter-spacing:-.01em;color:var(--deep-c)}
.sv-intro{max-width:none;margin:-10px 0 26px;font-size:16.5px;color:#4a4f5c}
.sv-intro p{margin:0 0 .7em}

/* Zwei Spalten: Kategorienbox links, Raster rechts */
.sv-cols{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(18px,2vw,26px);align-items:start}
.sv-side{display:flex;flex-direction:column;gap:18px;position:sticky;top:16px}
.sv-box{background:#fff;border:1px solid var(--frame);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.04);padding:18px 18px 14px}
.sv-box-h{margin:0 0 12px;font:700 16px/1.2 var(--sans);color:var(--deep-c)}
.sv-tree{list-style:none;margin:0;padding:0}
.sv-tree li{margin:0}
.sv-tree a{display:block;padding:5px 0;font:400 15.5px/1.35 var(--sans);color:var(--deep-c);text-decoration:none}
.sv-tree a:hover{color:var(--accent-c)}
.sv-tree a[aria-current]{color:var(--accent-c);font-weight:600}
.sv-n{font-size:13px;color:var(--muted);font-weight:400}
.sv-sub ul{list-style:none;margin:0 0 4px;padding:0 0 0 14px;border-left:1px solid var(--frame)}
.sv-sub a{font-size:14.5px;padding:4px 0}

/* Abschnitte und Kartenraster */
.sv-sec+.sv-sec{margin-top:clamp(28px,3.4vw,44px)}
.sv-sec-h{margin:0 0 16px;font:600 22px/1.2 var(--serif);color:var(--deep-c)}
.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-card{position:relative;background:#fff;border:1px solid var(--frame);border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.sv-card:hover{box-shadow:0 6px 18px rgba(30,36,60,.10);transform:translateY(-2px)}
.sv-card-link{display:flex;flex-direction:column;flex:1;color:inherit;text-decoration:none}
.sv-card-img{position:relative;display:block;aspect-ratio:2/1;overflow:hidden;background:linear-gradient(135deg,#eceef3,#dfe2ea)}
.sv-card-img>a{display:block;height:100%}
.sv-card-img .pic,.sv-card-img picture{display:block;height:100%}
.sv-card-img img{width:100%;height:100%!important;object-fit:cover;transition:transform .5s ease}
.sv-card:hover .sv-card-img img{transform:scale(1.03)}
.sv-card-img .pic-credit{z-index:2}
.sv-card-ph{display:block;height:100%;background:radial-gradient(circle at 42% 50%,transparent 17%,rgba(255,255,255,.75) 18% 20%,transparent 21%),radial-gradient(circle at 58% 50%,transparent 17%,rgba(255,255,255,.75) 18% 20%,transparent 21%)}
.sv-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 20px}
.sv-kicker{font:400 12px/1.3 var(--sans);color:var(--muted)}
.sv-card-title{font:700 19px/1.35 var(--serif);color:#3b3d44;text-wrap:pretty;hyphens:auto}
.sv-card-link:hover .sv-card-title{color:var(--accent-c)}
.sv-card-link:focus-visible{outline:2px solid var(--accent-c);outline-offset:-2px}

/* Beitragsseiten im gleichen Look */
.theme-silber .post{border-radius:var(--radius);border:1px solid var(--frame);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.theme-silber .post-hero,.theme-silber .post-hero img{border-radius:var(--radius) var(--radius) 0 0;overflow:hidden}
.theme-silber h1,.theme-silber .post-head h1,.theme-silber .arch-head h1{font:500 clamp(28px,3.4vw,40px)/1.15 var(--serif);letter-spacing:-.01em;color:var(--deep-c)}
.theme-silber .prose h2,.theme-silber .prose h3{font-family:var(--serif);font-weight:600;color:var(--deep-c)}
.theme-silber .prose{font-family:var(--sans)}
.theme-silber .kicker{font:600 11.5px/1 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-c)}
.theme-silber .card{border-radius:var(--radius);border:1px solid var(--frame)}
.theme-silber .card-title{font-family:var(--serif)}
.theme-silber .card-title a{color:#3b3d44}
.theme-silber .rubrik-head{border-bottom:1px solid var(--frame)}
.theme-silber .rubrik-head h2{font-family:var(--serif)}
.theme-silber .rubrik-head h2 a{color:var(--deep-c)}

/* Fuß */
.theme-silber .foot{background:var(--deep-c);color:#e3e5ec;border-top:0}
.theme-silber .foot a,.theme-silber .foot .consent-open{color:#fff}
.theme-silber .foot-brand{font-family:var(--serif)}
.theme-silber .foot-brand b{color:var(--signal);font-style:italic}

@media (max-width:1100px){.sv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){
  .sv-cols{grid-template-columns:1fr}
  .sv-side{position:static;order:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width:540px){.sv-grid{grid-template-columns:1fr}.sv-card-title{font-size:18px}}
@media (prefers-reduced-motion:reduce){.sv-card,.sv-card-img img{transition:none}.sv-card:hover{transform:none}}