/* Generado: fuentes locales + maqueta v7-oro + sv-wp.css. Editar sv-wp.css, no este fichero. */
@font-face{font-family:Figtree;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/figtree-normal-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:300;font-display:swap;src:url(fonts/figtree-normal-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-normal-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-normal-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-normal-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/figtree-normal-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-normal-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-normal-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-normal-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-normal-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* strafverteidiger.es · maqueta v6 · receta visual de sheffandcook.com adaptada al cliente
   Figtree (cuerpo, menú, botones, titulares) + Source Serif 4 (solo titulares grandes de especialidad).
   Paleta: marino #0C2443 (principal), azul medio #163A66 (degradado), dorado #B8975C (acento sobre oscuro),
   hielo cálido #F3F1EC (bandas claras), gris #4d4d4d (cuerpo). Radio 8/12 px en imágenes y tarjetas, 999 px en botones.
   Sin sombras, sin líneas decorativas, sin bordes finos en tarjetas, fotos a color.
   Revisión v6.1: hero con imagen absoluta, degradado continuo cabecera/hero, foco invertido en todos los enlaces,
   toolbar móvil solo con e-mail, prensa sin líneas, sedes sin etiquetas, foto de Palma fija (sticky).
   Revisión v6.2 (dirección de arte): toolbar oculta en móvil, hero móvil más corto con foto mayor, foto antes del texto
   en «Drei Dinge», H3 serif a 26 px en móvil, estrellas SVG, medios en una línea, enlaces «ver todos» al pie de sección
   en móvil, sin líneas de 1 px en pie ni menú, tamaños de toque ≥ 44 px, sin sombras (chat con borde). */

:root{
  --navy:#0C2443; --navy2:#163A66; --navy-card:#173256; --navy-ink:#0C2443;
  --gold:#B9AA6E; --gold-30:rgba(185,170,110,.38); --olive:#6F6A3C;
  --ice:#F3F1EC; --ice-card:#E8E3D7; --white:#fff;
  --body:#4d4d4d; --muted:#6b6b6b; --line:#DDD8CC;
  --navy-30:rgba(12,36,67,.3);
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:var(--sans);
  --gutter:20px; --wrap:1200px; --narrow:820px;
  --grad:linear-gradient(90deg,#0C2443 0%,#163A66 100%);
  --head-pre:44px; /* móvil: solo el aviso (44) se va al hacer scroll; en escritorio aviso 44 + toolbar 35 */
}

/* ===== Base ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 15px/1.6 var(--sans);color:var(--body);background:var(--white);overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus{outline:none}
h1,h2,h3,h4{margin:0;font-family:var(--sans);font-weight:400;color:var(--navy);text-wrap:balance;line-height:1.2}
h1{font-size:33px;font-weight:300}
h2{font-size:30px}
h3{font-size:21px;font-weight:500;line-height:1.3}
h2.serif,.spec-list h3{font-family:var(--serif);font-weight:400}
h2.serif{font-size:40px;line-height:1.1}
p{margin:0 0 1em;text-wrap:pretty}
p:last-child{margin-bottom:0}
.lead{font-size:17px;line-height:1.55}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.wrap.narrow{max-width:var(--narrow)}
em{font-style:italic}

/* Bandas: el cambio de color es el único separador */
.band{padding:56px 0}
.band.white{background:var(--white)}
.band.ice{background:var(--ice)}
.band.navy{background:var(--navy);color:rgba(255,255,255,.85)}
.band.navy h2,.band.navy h3{color:#fff}
.band+.band.white+.band.white{padding-top:0}

/* Etiqueta (una por bloque, como en la referencia) */
.label{display:block;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);margin-bottom:14px;text-wrap:balance}
.label .cities{display:none} /* la segunda parte del antetítulo solo en escritorio */
.navy .label,.hero-panel .label,.split-panel .label,.page-head .label,.case .label{color:var(--gold)}

/* Titular de sección en línea con una píldora pequeña */
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-bottom:24px}
.sec-head h2{margin:0}
.sec-head .pill.small{display:none}
.sec-more{margin-top:28px}
.navy .sec-more{color:#fff}
.sec-head+.lead{margin-top:-8px;margin-bottom:32px}
.band h2+.lead,.band h2+p{margin-top:14px}
.band .lead{margin-bottom:28px}

/* ===== Botones píldora y enlaces con flecha ===== */
.pill{display:inline-flex;align-items:center;gap:.5em;border-radius:999px;padding:1.1em 1.8em;border:2px solid var(--navy);background:transparent;color:var(--navy);font:500 14px/1 var(--sans);text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s,color .15s;min-height:44px}
.pill .arr{width:1.25em;height:1.25em;opacity:.8;transition:transform .15s,opacity .15s;flex:none}
.pill:hover .arr,.pill:focus-visible .arr,.arrow-link:hover .arr,.arrow-link:focus-visible .arr{transform:translateX(.25em);opacity:1}
.pill.small{padding:.7em 1.1em;border-color:var(--navy-30);font-size:13px;min-height:44px}
.pill.small:hover,.pill.small:focus-visible{border-color:var(--navy)}
.pill.solid{background:var(--navy);color:#fff;border-color:var(--navy)}
.pill:focus-visible{background:var(--navy);color:#fff}
.pill.solid:focus-visible{background:#fff;color:var(--navy)}
/* sobre fondos oscuros el acento es el dorado */
.navy .pill,.hero-panel .pill,.split-panel .pill,.page-head .pill,.pill.gold{border-color:var(--gold);color:#fff}
.navy .pill.small,.pill.gold.small{border-color:var(--gold-30);color:#fff}
.navy .pill.small:hover,.navy .pill.small:focus-visible{border-color:var(--gold)}
.navy .pill:focus-visible,.hero-panel .pill:focus-visible,.split-panel .pill:focus-visible,.pill.gold:focus-visible{background:var(--gold);color:var(--navy)}
.pill.gold.solid{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.pill.gold.solid:focus-visible,.pill.gold.solid:hover{background:#fff;border-color:#fff;color:var(--navy)}
.arrow-link{display:inline-flex;align-items:center;gap:.5em;font-weight:500;font-size:14px;color:var(--navy);text-decoration:none;min-height:44px}
.arrow-link .arr{width:1.25em;height:1.25em;opacity:.8;transition:transform .15s,opacity .15s;flex:none}
.arrow-link:focus-visible{background:var(--navy);color:#fff;border-radius:999px;padding:0 .6em}
.hero-panel .arrow-link:focus-visible,.navy .arrow-link:focus-visible,.split-panel .arrow-link:focus-visible{background:var(--gold);color:var(--navy)}
.hero-panel .arrow-link,.navy .arrow-link,.split-panel .arrow-link{color:#fff}

/* Nube de píldoras-etiqueta */
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.tags .tags-l{flex:0 0 100%;font-size:14px;font-weight:500;color:var(--navy);margin-bottom:2px}
.tags a,.tags span:not(.tags-l){display:inline-flex;align-items:center;min-height:44px;padding:.6em 1.1em;border-radius:999px;border:2px solid var(--navy-30);background:var(--ice);color:var(--navy);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s}
.ice .tags a,.ice .tags span:not(.tags-l){background:#fff}
.tags a:hover,.tags a:focus-visible{border-color:var(--navy)}
.tags a:focus-visible{background:var(--navy);color:#fff}

/* ===== Cabecera: aviso dorado + toolbar + barra de navegación con caja oscura ===== */
.site-header{position:sticky;top:calc(-1 * var(--head-pre));z-index:999;background:var(--grad);color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}
.notice{height:44px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy);padding:0 var(--gutter);text-align:center}
.notice a{color:var(--navy);font-weight:700;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;max-width:100%;line-height:1;padding:0 6px;min-height:44px}
.notice a .arr{width:1.1em;height:1.1em;vertical-align:-.2em;margin-left:.3em;opacity:.8}
.notice a:focus-visible{background:var(--navy);color:#fff;text-decoration:none;border-radius:4px}
.toolbar{display:none;height:35px;background:rgba(255,255,255,.075);backdrop-filter:blur(1em);-webkit-backdrop-filter:blur(1em);font-size:12px;font-weight:500}
.toolbar .wrap{height:100%;display:flex;align-items:center;gap:10px;white-space:nowrap}
.toolbar a{color:#fff;text-decoration:none;min-height:44px;margin:-5px 0;display:inline-flex;align-items:center}
.toolbar a{padding:0 4px;border-radius:4px}
.toolbar a:hover{text-decoration:underline;text-underline-offset:3px}
.toolbar a:focus-visible{background:var(--gold);color:var(--navy);text-decoration:none}
.toolbar .sep{opacity:.5}
.toolbar .h24{margin-left:auto;opacity:.8;display:none}
.navbar{height:50px;display:flex;align-items:stretch;justify-content:space-between}
.navbar .brand{display:flex;align-items:center;padding-left:var(--gutter);text-decoration:none}
.navbar .brand img{width:150px;height:auto}
.nav-desktop{display:none}
.head-actions{display:flex;align-items:stretch;background:rgba(12,36,67,.7);backdrop-filter:blur(1em);-webkit-backdrop-filter:blur(1em)}
.hbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:50px;color:#fff;text-decoration:none;transition:background .15s}
.hbtn svg{width:22px;height:22px;flex:none}
.hbtn .l{display:none}
.hbtn:hover,.hbtn:focus-visible{background:var(--gold);color:var(--navy)}
.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;border:0;background:transparent;color:#fff;cursor:pointer;padding:0}
.menu-btn .ic{width:28px;height:28px}
.menu-btn .t{display:none}
.menu-btn:hover,.menu-btn:focus-visible{background:var(--gold);color:var(--navy)}
.nav-mobile{display:none;background:var(--navy);padding:8px var(--gutter) 20px}
.nav-mobile[data-open]{display:block;min-height:calc(100dvh - 94px)}
.nav-mobile ul{list-style:none;margin:0;padding:0}
.nav-mobile li a{display:block;padding:14px 0;color:#fff;font-size:20px;font-weight:500;text-decoration:none}
/* desplegables */
.chev{width:14px;height:14px;flex:none;transition:transform .15s}
.acc-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:14px 0;background:transparent;border:0;color:#fff;font:500 20px/1.2 var(--sans);text-align:left;cursor:pointer}
.acc-btn .chev{width:18px;height:18px}
.acc-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.acc-btn:hover,.acc-btn:focus-visible{color:var(--gold)}
.nav-mobile .acc-list{background:#19364a;border-radius:8px;padding:6px 16px;margin:0 0 8px}
.nav-mobile .acc-list[hidden]{display:none}
.nav-mobile .acc-list li a{font-size:16px;font-weight:400;padding:0;min-height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);line-height:1.3}
.nav-mobile .acc-list li:last-child a{border-bottom:0}
.dd-btn{display:none}

.nav-mobile li.small a{font-size:15px;font-weight:400;color:rgba(255,255,255,.8)}
.nav-mobile li a[aria-current],.nav-mobile li a:hover,.nav-mobile li a:focus-visible{color:var(--gold)}

/* ===== Hero partido 50/50 ===== */
.hero{display:grid;grid-template-columns:1fr;background:var(--grad)}
.hero-panel{color:#fff;padding:36px var(--gutter) 32px;order:1}
.hero-panel .inner{max-width:600px}
.hero-panel h1{color:#fff;margin-bottom:20px}
.hero-panel h1 em{font-style:italic;font-weight:300}
.hero-panel .lead{color:rgba(255,255,255,.85);margin-bottom:22px}
.hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.hero .actions .arrow-link{padding:0 .5em}
.emergency{display:none}
.hero-media{order:2;height:340px}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}

/* ===== Bloque foto + texto (banda hielo) ===== */
.media-text .wrap{display:grid;gap:32px}
.media-text .media img{width:100%;aspect-ratio:16/9;object-fit:cover}
.media-text:not(.reverse) .media{order:1}
.media-text:not(.reverse) .text{order:2}
.media-text .media.rounded img{border-radius:12px;aspect-ratio:3/4}
.media-text h2{margin-bottom:18px}
.steps{display:grid;gap:18px;margin:24px 0 28px}
.steps h3{font-size:19px;margin-bottom:4px}
.steps p{font-size:15px}
.media-text.reverse .media{display:none}
.why{display:grid;gap:22px;margin-top:28px}
.why h3{font-size:18px;margin-bottom:4px}
.why p{font-size:15px}
.cross{margin-top:32px;padding-top:0}
.cross p{margin-bottom:8px}

/* ===== Especialidades: imagen fija a la izquierda, bloques a la derecha ===== */
.specialties{padding:0}
.specialties .wrap{max-width:none;padding:0;display:grid;grid-template-columns:1fr}
.spec-media{display:none}
.spec-text{padding:56px var(--gutter)}
.spec-text h2{margin-bottom:18px}
.spec-text .lead{max-width:600px}
.spec-list article{margin-top:44px;max-width:600px}
.spec-list h3{font-size:26px;line-height:1.15;margin-bottom:12px;color:var(--navy);hyphens:manual}
.spec-list p{font-size:16px;margin-bottom:20px}

/* ===== Casos: banda marino, tarjetas un tono más claras, sin borde ===== */
.cases{display:grid;gap:16px}
.case{background:var(--navy-card);border-radius:8px;padding:28px 24px;display:flex;flex-direction:column}
.case:hover .pill .arr{transform:translateX(.25em);opacity:1}
.case .label{margin-bottom:10px;font-size:12px}
.case h3{font-size:26px;font-weight:400;color:#fff;margin-bottom:14px}
.case p{font-size:15px;color:rgba(255,255,255,.78);flex:1;margin-bottom:22px}
.case .pill{align-self:flex-start}

/* ===== Prensa: rejilla de «noticias» sin caja ===== */
.press{display:grid;gap:28px 24px}
.post{display:flex;flex-direction:column;text-decoration:none;color:var(--body)}
.post .meta{font-size:12px;letter-spacing:.05em;text-transform:uppercase;display:flex;gap:8px;align-items:center;color:var(--muted)}
.post .meta .k{color:var(--navy);font-weight:500}
.post .meta .dot{color:var(--muted)}
.post strong{display:block;font-size:17px;font-weight:500;color:var(--navy);margin:8px 0 8px;line-height:1.35;text-decoration:underline transparent;text-decoration-thickness:2px;text-underline-offset:4px;transition:text-decoration-color .15s}
.post:hover strong{text-decoration-color:var(--navy)}
.post:focus-visible strong{background:var(--navy);color:#fff;text-decoration:none;border-radius:4px;padding:2px 6px}
.post .q{font-size:15px;flex:1}
.post .more{display:inline-flex;align-items:center;gap:.5em;margin-top:12px;font-size:14px;font-weight:500;color:var(--navy)}
.post .more .arr{width:1.25em;height:1.25em;opacity:.8}

.media-list{margin-top:36px;max-width:760px;font-size:15px;color:var(--muted)}
.media-list b{color:var(--navy);font-weight:500}

/* ===== Reseñas ===== */
.score{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:28px;font-size:14px}
.score b{font-size:40px;font-weight:300;color:var(--navy);line-height:1}
.nw{white-space:nowrap}
.stars{display:inline-flex;gap:2px;color:var(--gold)}
.stars .star{width:16px;height:16px;display:block}
.score .stars .star{width:18px;height:18px}
.score a,.review footer a{color:var(--navy);font-weight:500;display:inline-block;padding:11px 0;margin:-11px 0}
.reviews{display:grid;gap:16px}
.review{background:var(--ice);border-radius:8px;padding:26px 24px;display:flex;flex-direction:column}
.ice .review{background:#fff}
.review p{font-size:15.5px;margin:12px 0 18px;flex:1;color:var(--body)}
.review footer{font-size:13.5px;color:var(--muted)}
.review footer b{display:block;color:var(--navy);font-weight:500;font-size:14px}

/* ===== Sedes ===== */
.offices{display:grid;gap:16px;margin-top:8px}
.office{background:#fff;border-radius:8px;padding:26px 24px}
.white .office{background:var(--ice)}
.office .label{font-size:12px;margin-bottom:8px}
.office h3{font-size:22px;margin-bottom:8px}
.office p{font-size:15px}
.office-photo{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin:32px 0}

/* ===== Tarjetas rellenas (referencias, contacto, filosofía) ===== */
.card{display:flex;flex-direction:column;background:var(--ice);border-radius:8px;padding:26px 24px;text-decoration:none;color:var(--body);transition:background .15s}
.ice .card{background:#fff}
.card h3{font-size:21px;margin-bottom:10px}
.card p{font-size:15px;flex:1}
.card .label{font-size:12px;margin-bottom:8px}
.card .more{display:inline-flex;align-items:center;gap:.5em;margin-top:16px;font-size:14px;font-weight:500;color:var(--navy)}
.card .more .arr{width:1.25em;height:1.25em;opacity:.8;transition:transform .15s}
a.card:hover .more .arr,a.card:focus-visible .more .arr{transform:translateX(.25em)}
a.card:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
a.card:focus-visible{background:var(--navy);color:rgba(255,255,255,.85)}
a.card:focus-visible h3,a.card:focus-visible .more,a.card:focus-visible .label{color:#fff}
.cards3,.cards4,.stack{display:grid;gap:16px;margin-top:8px}
.two-col{display:grid;gap:32px;margin-top:8px}
.two-col .article p{font-size:16px}

/* ===== FAQ ===== */
.faq{margin-top:24px}
.faq-wrap .faq,.faq-wrap .lead{max-width:var(--narrow)}
.faq details{background:var(--ice);border-radius:8px;margin-bottom:8px}
.ice .faq details{background:#fff}
.faq summary{list-style:none;cursor:pointer;padding:16px 52px 16px 20px;font-size:16.5px;font-weight:500;color:var(--navy);position:relative;line-height:1.4;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:22px;width:10px;height:10px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:transform .15s}
.faq details[open] summary::after{transform:rotate(-135deg);top:28px}
.faq summary:focus-visible{background:var(--navy);color:#fff;border-radius:8px}
.faq summary:focus-visible::after{border-color:#fff}
.faq details p{padding:0 20px 20px;font-size:15.5px}

/* ===== CTA partido: foto + panel marino con formulario ===== */
.split-cta{display:grid;grid-template-columns:1fr}
.split-img{height:240px}
.split-img img{width:100%;height:100%;object-fit:cover}
.split-panel{background:var(--navy);color:rgba(255,255,255,.85);padding:48px var(--gutter) 56px}
.split-panel .inner{max-width:560px}
.split-panel h2{color:#fff;margin-bottom:14px}
.split-panel .lead{margin-bottom:24px;font-size:16px}
.form{display:grid;gap:6px}
.form label{font-size:14px;font-weight:500;color:#fff;margin-top:10px}
.form input,.form select,.form textarea{width:100%;font:400 16px/1.4 var(--sans);color:var(--navy);background:#fff;border:2px solid transparent;border-radius:8px;padding:12px 14px;min-height:48px;transition:border-color .15s}
.form textarea{resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold)}
.form .hint{font-size:13px;color:rgba(255,255,255,.7);margin:12px 0 14px}
.form .pill{justify-self:start}
.form .ok{margin-top:12px;color:#fff;font-weight:500}
.form .ok:empty{display:none}

/* ===== Páginas interiores ===== */
.crumbs{font-size:13px;padding:12px 0;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{color:var(--navy);text-decoration:none;font-weight:500}
.crumbs a:hover{text-decoration:underline}
.crumbs a:focus-visible{background:var(--navy);color:#fff;border-radius:4px;padding:0 4px;text-decoration:none}
.page-head{background:var(--grad);color:rgba(255,255,255,.85);padding:40px 0 48px}
.page-head h1{color:#fff;margin-bottom:18px}
.page-head .lead{color:rgba(255,255,255,.85)}
.article-band{padding-top:40px}
.article{max-width:var(--narrow);margin:0 auto}
.article h2{font-size:28px;margin:44px 0 14px}
.article p,.article li{font-size:16px;line-height:1.65}
.article ul,.article ol{padding-left:22px;margin:0 0 1.2em}
.article li{margin-bottom:8px}
.article strong{color:var(--navy);font-weight:500}
.article a:not(.pill):not(.arrow-link){color:var(--navy);font-weight:500;text-underline-offset:3px}
.article a:not(.pill):not(.arrow-link):focus-visible,.profile-text a:not(.pill):focus-visible,.score a:focus-visible,.review footer a:focus-visible,.cross a:focus-visible,.sv-b.bot a:focus-visible,.form .ok a:focus-visible{background:var(--navy);color:#fff;text-decoration:none;border-radius:4px;padding:0 4px}
.article ul.keyfacts,.keyfacts{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.keyfacts li{background:var(--ice);border-radius:8px;padding:16px 16px 18px;font-size:13.5px;line-height:1.45;margin:0}
.keyfacts b{display:block;font-size:22px;font-weight:500;color:var(--navy);margin-bottom:4px;line-height:1.1}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
.toc .tags-l{flex:0 0 100%;font-size:14px;font-weight:500;color:var(--navy)}
.toc ol{list-style:none;display:contents;margin:0;padding:0}
.toc li{margin:0}
.toc a{display:inline-flex;align-items:center;min-height:36px;padding:.4em 1em;border-radius:999px;border:2px solid var(--navy-30);color:var(--navy);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s}
.toc a:hover,.toc a:focus-visible{border-color:var(--navy)}
.toc a:focus-visible{background:var(--navy);color:#fff}
.callout{background:var(--ice);border-radius:8px;padding:24px;margin:28px 0}
.callout strong{display:block;font-size:18px;font-weight:500;color:var(--navy);margin-bottom:8px}
.callout p{font-size:15.5px}
.article table{width:100%;border-collapse:collapse;margin:20px 0 28px;font-size:15px}
.article thead{display:none}
.article tr{display:block;background:var(--ice);border-radius:8px;padding:8px 16px;margin-bottom:10px}
.article td{display:block;padding:8px 0;border:0}
.article td::before{content:attr(data-label);display:block;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);font-weight:500;margin-bottom:2px}
.author{display:flex;align-items:center;gap:16px;margin-top:44px;font-size:14.5px}
.author img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none}
.author b{display:block;color:var(--navy);font-weight:500;font-size:16px}
.legal{font-size:13px;color:var(--muted)}
.profile{display:grid;gap:28px}
.profile-media img{width:100%;max-width:420px;aspect-ratio:3/4;object-fit:cover;object-position:50% 15%;border-radius:12px}
.profile-text p{font-size:16px}
.creds{padding-left:20px;margin:18px 0}
.creds li{margin-bottom:8px;font-size:15px}
.contact-ways{padding-top:40px}

/* ===== Pie: blanco, dos columnas, copyright en hielo ===== */
.site-footer{background:#fff;color:var(--body);font-size:14px}
.foot-grid{display:grid;gap:36px;padding-top:56px;padding-bottom:40px}
.foot-main .brand img{width:200px}
.mission{font-size:19px;color:var(--navy);margin:20px 0 28px;text-wrap:balance}
.foot-sub{display:grid;gap:24px}
.foot-h{font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:500;color:var(--navy);margin-bottom:10px}
.foot-sub p{margin:0 0 6px}
.foot-sub b{color:var(--navy);font-weight:500}
.site-footer a{color:var(--body);text-decoration:none}
.foot-sub a,.copy a{display:inline-block;padding:12px 0;margin:-12px 0}
.foot-main .brand{display:inline-block;padding:8px 0;margin:-8px 0}
.site-footer a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.site-footer a:focus-visible{background:var(--navy);color:#fff;border-radius:4px;padding:0 4px;text-decoration:none}
.foot-nav li a:focus-visible{padding:10px 8px}
.foot-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.foot-nav li a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:16px;font-weight:500;color:var(--navy)}
.copy{background:var(--ice);font-size:13px;color:var(--muted)}
.copy .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;padding-top:14px;padding-bottom:14px}
.copy a{color:var(--navy)}

/* ===== Barra fija inferior (móvil) y chat de respuestas cortas ===== */
body:not(.no-callbar){padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:900;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--navy);padding:0 0 env(safe-area-inset-bottom);border-top:2px solid rgba(255,255,255,.1)}
.cb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:62px;color:#fff;text-decoration:none;font-size:14px;font-weight:500}
.cb svg{width:22px;height:22px;flex:none}
.cb-tel{background:var(--gold);color:var(--navy)}
.cb:focus-visible,.cb:hover{background:#fff;color:var(--navy)}
.cb-tel:focus-visible,.cb-tel:hover{background:#fff}
.sv-chat{font-family:var(--sans)}
.sv-chat-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:62px;width:100%;border:0;background:transparent;color:#fff;font:500 14px/1 var(--sans);cursor:pointer;padding:0 8px}
.sv-chat-btn .ic,.sv-chat-btn .ic svg{width:22px;height:22px;display:block}
.sv-chat-btn:hover,.sv-chat-btn:focus-visible,.sv-chat.open .sv-chat-btn{background:#fff;color:var(--navy)}
/* sin barra (página Kontakt): el botón flota como píldora */
.sv-chat>.sv-chat-btn{position:fixed;right:24px;bottom:24px;width:auto;min-height:52px;padding:0 20px 0 16px;border-radius:999px;background:var(--navy);border:2px solid var(--gold);z-index:900}
.sv-chat>.sv-chat-btn:hover,.sv-chat>.sv-chat-btn:focus-visible{background:var(--gold);color:var(--navy)}
.sv-chat-panel{position:fixed;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));z-index:1000; /* por encima de la cabecera fija: así se ve siempre el botón Schließen */max-height:calc(100dvh - 100px - env(safe-area-inset-bottom));background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;border:2px solid var(--navy)}
.sv-chat-panel[hidden]{display:none}
.sv-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--navy);color:#fff}
.sv-chat-head strong{display:block;font-weight:500;font-size:15px}
.sv-chat-head small{display:block;font-size:12px;color:var(--gold);margin-top:2px}
.sv-chat-close{background:transparent;border:2px solid var(--gold);color:#fff;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex:none}
.sv-chat-close svg{width:18px;height:18px}
.sv-chat-close:hover,.sv-chat-close:focus-visible{background:var(--gold);color:var(--navy)}
.sv-chat-log{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--ice)}
.sv-b{max-width:90%;padding:11px 14px;font-size:15px;line-height:1.5;border-radius:12px;color:var(--body)}
.sv-b.bot{background:#fff;align-self:flex-start;border-bottom-left-radius:4px}
.sv-b.bot a{color:var(--navy);font-weight:500}
.sv-b.me{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;font-weight:500}
.sv-b.small{font-size:13px;color:var(--muted);background:transparent;padding:2px 4px}
.sv-opts{display:flex;flex-direction:column;gap:6px;align-self:stretch}
.sv-opt{text-align:left;background:#fff;border:2px solid var(--navy-30);color:var(--navy);padding:10px 16px;min-height:44px;font:500 14px/1.3 var(--sans);cursor:pointer;border-radius:999px;transition:border-color .15s}
.sv-opt:hover{border-color:var(--navy)}
.sv-opt:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}
.sv-routes{display:grid;gap:6px;align-self:stretch}
.sv-r{display:flex;align-items:center;gap:12px;background:#fff;border-radius:8px;padding:10px 14px;min-height:48px;text-decoration:none;color:var(--navy);font-weight:500;font-size:14.5px;border:2px solid transparent;transition:border-color .15s}
.sv-r svg{width:20px;height:20px;flex:none;color:var(--navy)}
.sv-r small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:1px}
.sv-r:hover,.sv-r:focus-visible{border-color:var(--navy)}
.sv-r.urgent{background:var(--gold);color:var(--navy)}
.sv-r.urgent small{color:var(--navy);opacity:.8}
.sv-r.urgent:hover,.sv-r.urgent:focus-visible{background:var(--navy);color:#fff;border-color:var(--navy)}
.sv-r.urgent:hover svg,.sv-r.urgent:focus-visible svg,.sv-r.urgent:hover small,.sv-r.urgent:focus-visible small{color:#fff}

/* ===== Tablet (≥600) ===== */
@media(min-width:600px){
  .press{grid-template-columns:1fr 1fr}
  .cards4{grid-template-columns:1fr 1fr}
  .why{grid-template-columns:1fr 1fr}
  .steps{gap:22px}
  .sv-chat-panel{left:auto;width:380px;right:16px}
  .foot-sub{grid-template-columns:1fr 1fr}
}

/* ===== Tablet grande (≥782) ===== */
@media(min-width:782px){
  body{font-size:16px}
  h1{font-size:42px}
  h2{font-size:38px}
  h2.serif{font-size:52px}
  .band{padding:80px 0}
  .lead{font-size:18px}
  .cases,.reviews,.offices,.cards3{grid-template-columns:repeat(3,1fr)}
  .sec-head .pill.small{display:inline-flex}
  .sec-more{display:none}
  .keyfacts{grid-template-columns:repeat(4,1fr)}
  .profile{grid-template-columns:360px 1fr;gap:48px;align-items:start}
  .article thead{display:table-header-group}
  .article tr{display:table-row;background:none;padding:0;border-radius:0}
  .article td,.article th{display:table-cell;padding:12px 14px;vertical-align:top;text-align:left}
  .article th{font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--navy);font-weight:500;background:var(--ice)}
  .article td{border-bottom:1px solid var(--ice-card)}
  .article td::before{display:none}
  .article tbody tr:nth-child(odd) td{background:rgba(243,241,236,.5)}
  .hero-media{height:420px}
  .split-img{height:320px}
  .page-head{padding:48px 0 56px}
  .page-head .emergency{display:inline-flex;flex-direction:column;margin-top:28px;color:#fff;text-decoration:none}
  .page-head .emergency b{font-size:26px;font-weight:500}
  .page-head .emergency span{font-size:14px;color:rgba(255,255,255,.8)}
  .page-head .emergency:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--gold)}
  .page-head .emergency:focus-visible b{background:var(--gold);color:var(--navy);border-radius:4px;padding:0 6px;align-self:flex-start}
  .foot-grid{grid-template-columns:1.3fr 1fr;gap:64px}
  /* barra fija: solo queda el botón del chat, flotante a la derecha */
  body:not(.no-callbar){padding-bottom:0}
  .callbar{left:auto;right:24px;bottom:24px;display:block;background:transparent;border:0;padding:0}
  .callbar .cb{display:none}
  .callbar .sv-chat-btn{min-height:52px;width:auto;padding:0 20px 0 16px;border-radius:999px;background:var(--navy);border:2px solid var(--gold)}
  .callbar .sv-chat-btn:hover,.callbar .sv-chat-btn:focus-visible,.sv-chat.open .callbar .sv-chat-btn{background:var(--gold);color:var(--navy)}
  .sv-chat>.sv-chat-btn{right:24px;bottom:24px}
  .sv-chat-panel{right:24px;bottom:90px;max-height:min(640px,calc(100vh - 120px))}
}

/* ===== Escritorio (≥1000) ===== */
@media(min-width:1000px){
  :root{--head-pre:79px}
  html{scroll-padding-top:100px}
  .toolbar{display:block}
  .toolbar .h24{display:inline}
  .label .cities{display:inline}
  .label .cities::before{content:"· "}
  .navbar{height:80px}
  .navbar .brand{padding-left:32px}
  .navbar .brand img{width:170px}
  .nav-desktop{display:flex;align-items:stretch;margin-left:auto;margin-right:16px}
  .nav-desktop a{display:inline-flex;align-items:center;padding:0 16px;color:#fff;font-size:16px;font-weight:500;text-decoration:none;position:relative}
  .nav-desktop a::after{content:"";position:absolute;left:16px;right:16px;bottom:24px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .15s}
  .nav-desktop a:hover::after,.nav-desktop a:focus-visible::after,.nav-desktop a[aria-current]::after{transform:scaleX(1)}
  .nav-desktop a:focus-visible{color:var(--gold)}
  .navbar{position:relative}
  .nav-desktop .dd{position:relative;display:flex;align-items:stretch}
  .dd-btn{display:inline-flex;align-items:center;gap:6px;padding:0 16px;border:0;background:transparent;color:#fff;font:500 16px/1 var(--sans);cursor:pointer;position:relative}
  .dd-btn::after{content:"";position:absolute;left:16px;right:16px;bottom:24px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .15s}
  .dd:hover .dd-btn::after,.dd[data-open] .dd-btn::after,.dd-btn[data-here]::after{transform:scaleX(1)}
  .dd[data-open] .chev{transform:rotate(180deg)}
  .dd-btn:focus-visible{color:var(--gold)}
  .nav-desktop .dd-panel{display:none;position:absolute;top:100%;left:0;min-width:300px;background:#19364a;border-radius:8px;padding:8px;z-index:5}
  .nav-desktop .dd[data-open] .dd-panel{display:block}
  .nav-desktop .dd-panel a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:6px;font-size:16px;font-weight:500;white-space:nowrap}
  .nav-desktop .dd-panel a::after{display:none}
  .nav-desktop .dd-panel a:hover,.nav-desktop .dd-panel a:focus-visible{background:var(--gold);color:var(--navy)}
  .nav-desktop .dd-panel a[aria-current]{color:var(--gold)}
  .head-actions{padding:0 8px 0 16px}
  .hbtn{width:auto;padding:0 14px}
  .hbtn .l{display:inline;font-size:15px;font-weight:500}
  .hbtn-wa .l{display:none}
  .hbtn-wa{width:52px}
  .menu-btn{display:none}
  .nav-mobile[data-open]{display:none}
  .hero{grid-template-columns:1fr 1fr;min-height:min(800px,calc(100vh - 155px))}
  .hero-media{order:1;height:auto;position:relative;min-height:0}
  .hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
  .hero-panel{order:2;display:flex;align-items:center;padding:40px 64px;background:var(--grad);background-size:200% 100%;background-position:100% 0}
  .hero-panel h1{margin-bottom:16px}
  .hero-panel .lead{margin-bottom:24px}
  .hero-panel .inner{max-width:560px}
  .hero .emergency{display:inline-flex;flex-direction:column;margin-top:26px;color:#fff;text-decoration:none}
  .hero .emergency b{font-size:24px;font-weight:500}
  .hero .emergency span{font-size:14px;color:rgba(255,255,255,.75)}
  .hero .emergency:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--gold)}
  .hero .emergency:focus-visible b{background:var(--gold);color:var(--navy);border-radius:4px;padding:0 6px;align-self:flex-start}
  .media-text .wrap{grid-template-columns:1fr 1fr;gap:64px;align-items:center}
  .media-text:not(.reverse) .text{order:2}
  .media-text:not(.reverse) .media{order:1}
  .media-text .media img{aspect-ratio:4/3}
  .media-text.reverse .wrap{grid-template-columns:1.3fr 1fr;align-items:start}
  .media-text.reverse .text{order:1}
  .media-text.reverse .media{order:2;display:block;position:sticky;top:120px}
  .media-text .media.rounded img{aspect-ratio:3/4}
  .specialties .wrap{grid-template-columns:1fr 1fr}
  .spec-media{display:block;align-self:stretch;position:relative}
  /* la foto se queda fija a la altura de la ventana: no se estira ni se pixela al seguir el texto */
  .spec-media img{position:sticky;top:80px;display:block;width:100%;height:calc(100vh - 80px);min-height:520px;max-height:900px;object-fit:cover;object-position:50% 55%}
  .spec-text{padding:100px 72px 100px 72px}
  .spec-list h3{font-size:34px}
  .press{grid-template-columns:repeat(4,1fr)}
  .cards4{grid-template-columns:repeat(4,1fr)}
  .two-col{grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
  .split-cta{grid-template-columns:55fr 45fr}
  .split-img{height:auto}
  .split-panel{padding:100px 72px}
}
@media(min-width:1200px){
  .band{padding:100px 0}
  .specialties .wrap{grid-template-columns:1fr 1fr}
}

/* ===== Puntuación destacada (anwalt.de + Best Lawyers) ===== */
.proof{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 22px}
.proof a{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:44px;padding:10px 16px;border-radius:8px;background:var(--navy-card);color:#fff;text-decoration:none;font-size:14px;line-height:1.35}
.proof-a b{font-size:30px;font-weight:300;line-height:1}
.proof .stars .star{width:17px;height:17px}
.proof-a .t{flex:1 1 150px}
.proof-b{font-weight:500}
.proof a:hover{background:#1e3f6b}
.proof a:focus-visible{background:var(--gold);color:var(--navy)}
.proof a:focus-visible .stars{color:var(--navy)}
.rating{padding-bottom:32px}
.rating-grid{display:grid;gap:16px}
.rcard{background:var(--navy-card);border-radius:8px;padding:28px 24px;color:rgba(255,255,255,.85);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rcard p{margin:0}
.brandname{font:500 30px/1.1 var(--sans);color:#fff;margin-bottom:10px}
.bignum{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.bignum b{font-size:88px;font-weight:300;line-height:1;color:#fff}
.rcard .stars .star{width:28px;height:28px}
.rcard .sg{font:400 26px/1.25 var(--sans);color:#fff;margin-top:6px}
.rcard.main .sg{font-size:30px}
.rcard .cnt{font-size:17px;margin-bottom:16px}
.rcard .pill{margin-top:auto}
.score-big{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:28px}
.score-big b{font-size:64px;font-weight:300;line-height:1;color:var(--navy)}
.score-big .stars .star{width:24px;height:24px}
.score-big .sg{font:500 20px/1.2 var(--sans);color:var(--navy)}
.score-big .cnt{flex-basis:100%;font-size:16px;color:var(--muted)}
.score-big a{color:var(--navy);font-weight:500;display:inline-block;padding:11px 0;margin:-11px 0}
.score-big a:focus-visible{background:var(--navy);color:#fff;border-radius:4px;padding:0 4px}
.review h3{font-size:18px;margin:12px 0 0}
.review p{margin-top:8px}
.reviews{grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin:0 calc(var(--gutter)*-1);padding-left:var(--gutter);padding-right:var(--gutter);scroll-padding-left:var(--gutter)}
.review{scroll-snap-align:start}
@media(min-width:782px){
  .rating-grid{grid-template-columns:1.35fr 1fr;gap:20px}
  .rcard{padding:40px 40px}
  .bignum b{font-size:120px}
  .rcard .stars .star{width:34px;height:34px}
  .proof{flex-direction:row;flex-wrap:wrap;align-items:stretch}
  .reviews{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,1fr);overflow:visible;margin:0;padding:0}
  .score-big{margin-bottom:36px}
  .score-big .cnt{flex-basis:auto}
}
.band.specialties{padding:0}
.proof a{border:2px solid var(--gold);background:rgba(255,255,255,.08)}
.proof a:hover{background:rgba(255,255,255,.16)}
.proof-a{width:100%;max-width:440px;padding:12px 18px}
.proof-a b{font-size:38px}
.proof-a .t{flex:1 1 100%;font-size:15px;font-weight:500}
.proof-b{font-size:15px}
@media(min-width:782px){.proof-a{width:auto;max-width:none}.proof-a .t{flex:0 1 auto}}

.sv-b ol{margin:8px 0 0;padding-left:20px}.sv-b li{margin:0 0 4px}.sv-b strong{font-weight:600}

/* ===== ajustes 07/11 tras revisar la opción 5 con Xiomara ===== */
/* 1) móvil: sin banda dorada y con la foto de María recortada sobre el titular */
@media(max-width:899px){
  .notice{display:none}
  .hero-media{order:1;height:clamp(200px,58vw,260px)}
  .hero-media img{object-position:50% 14%}
  .hero-panel{order:2;padding-top:26px}
}
/* 3) una sola caja para la puntuación y Best Lawyers */
.proof{gap:0;align-items:stretch;border:2px solid var(--gold);border-radius:8px;background:rgba(255,255,255,.06);overflow:hidden;max-width:460px}
.proof a{border:0;border-radius:0;background:transparent}
.proof a:hover{background:rgba(255,255,255,.1)}
.proof-b{border-top:1px solid rgba(255,255,255,.22);font-size:14px;min-height:44px}
.proof-a{width:auto;max-width:none}
@media(min-width:782px){.proof-a{width:auto;max-width:none}}
/* 2) titular sin cursiva */
.hero-panel h1 em{font-style:normal}

/* =====================================================================
   v7 · «clara y concisa»: orden de una web de urgencias, con nuestro estilo (Figtree, marino, dorado en contornos)
   Una promesa, una acción, la cara, la puntuación pegada al hero; sin etiquetas por bloque, sin numeraciones, sin líneas.
   ===================================================================== */
:root{--head-pre:0px!important}
.pill svg{width:1.25em;height:1.25em;flex:none}
/* hero: foto de María con su nombre, titular y una llamada */
.hero-media{position:relative}
.hero-media .cap{position:absolute;left:14px;bottom:14px;margin:0;background:var(--navy);color:#fff;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;line-height:1.3;font-size:13px}
.hero-media .cap b{font-weight:500;font-size:15px}
.hero-media .cap span{opacity:.8}
.hero-panel .lead{max-width:34em}
.hero .actions{margin-top:6px}
.hero .actions .pill{font-size:15px;padding:1.2em 1.7em}
@media(max-width:899px){
  .hero-media{height:clamp(190px,50vw,230px)}
  .hero-media .cap{left:10px;bottom:10px;padding:8px 12px}
  .hero-panel{padding-top:22px;padding-bottom:28px}
  .hero .actions{flex-direction:column;align-items:stretch;gap:6px}
  .hero .actions .pill{justify-content:center}
  .hero .actions .arrow-link{justify-content:center}
}
/* puntuación: banda propia pegada al hero */
.trust{background:var(--ice)}
.trust .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 56px;padding-top:24px;padding-bottom:24px}
.tr-score{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--navy);border-radius:10px}
.tr-score b{font:300 clamp(54px,11vw,72px)/1 var(--sans);letter-spacing:-.02em}
.tr-t{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.3}
.tr-t .stars{display:flex;gap:3px;color:var(--gold)}
.tr-t .star{width:20px;height:20px}
.tr-t strong{font-weight:500}
.tr-bl{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--navy);font-size:14px;border-radius:10px}
.tr-bl strong{font-size:22px;font-weight:500;line-height:1.2}
.tr-score:hover,.tr-bl:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.tr-score:focus-visible,.tr-bl:focus-visible{background:var(--navy);color:#fff;text-decoration:none;padding:6px 14px;margin:-6px -14px}
.tr-score:focus-visible .stars,.tr-score:focus-visible b{color:#fff}
@media(max-width:560px){.trust .wrap{gap:14px}.tr-bl{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}}
/* qué hacer ahora: pestañas y tres pasos */
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 22px}
.tabs button{font:500 15px/1 var(--sans);min-height:48px;padding:0 22px;border-radius:999px;border:2px solid var(--navy-30);background:transparent;color:var(--navy);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.tabs button:hover{border-color:var(--navy)}
.tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.tabs button:focus-visible{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.steps7{display:grid;gap:12px;margin-bottom:30px}
.steps7[hidden]{display:none}
.steps7>div{background:var(--ice);border-radius:12px;padding:24px}
.steps7 h3{font-size:20px;margin-bottom:8px}
.steps7 p{margin:0}
@media(max-width:520px){.tabs button{flex:1 1 100%;text-align:left}}
@media(min-width:900px){.steps7{grid-template-columns:repeat(3,1fr);gap:20px}.band h2{font-size:38px}}
/* áreas */
.areas{display:grid;gap:14px;margin-top:26px}
.area{background:#fff;border-radius:12px;padding:26px 24px;display:flex;flex-direction:column;gap:10px}
.area h3{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.2}
.area p{flex:1;margin:0;font-size:15px}
@media(min-width:700px){.areas{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.areas{grid-template-columns:repeat(3,1fr);gap:20px}}
/* María y la filosofía de la kanzlei (textos originales) */
.kanzlei7{display:grid;gap:28px}
.k-media{display:none}
.creds{color:var(--muted);font-size:14.5px;margin:0 0 6px}
.why7{display:grid;gap:18px;margin:26px 0 30px}
.why7 h3{font-size:17px;margin-bottom:4px}
.why7 p{margin:0;font-size:15px}
.k-links{display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center}
@media(min-width:900px){
  .kanzlei7{grid-template-columns:.75fr 1.25fr;gap:72px;align-items:start}
  .k-media{display:block}
  .k-media img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
  .why7{grid-template-columns:repeat(3,1fr);gap:26px}
}
/* reseñas: una sola fila deslizable */
.rv-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 28px;margin-bottom:24px}
.rv-head h2{margin:0}
.reviews7{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gutter) 14px;margin:0 calc(-1 * var(--gutter));scrollbar-width:thin;scrollbar-color:var(--navy-30) transparent}
.reviews7 .review{flex:0 0 min(84%,390px);scroll-snap-align:start;background:#fff}
.reviews7 .review h3{margin-top:10px;font-size:18px}
@media(min-width:900px){.reviews7{padding-inline:0;margin-inline:0}.reviews7 .review{flex-basis:calc((100% - 32px)/3)}}
.reviews7:focus-visible{background:rgba(12,36,67,.06);border-radius:12px}
/* casos y prensa en dos columnas, solo texto */
.pc{display:grid;gap:48px}
.pc h2{margin-bottom:22px}
.case7,.post7{display:block;text-decoration:none;color:var(--body);margin-bottom:26px}
.case7 .k,.post7 .m{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.case7 h3{font-size:21px;margin-bottom:6px}
.case7 p{margin:0 0 4px;font-size:15px}
.post7 strong{display:block;font-size:17px;font-weight:500;color:var(--navy);line-height:1.35;text-decoration:underline transparent;text-decoration-thickness:1px;text-underline-offset:4px}
.post7:hover strong{text-decoration-color:var(--navy)}
.post7:focus-visible strong{background:var(--navy);color:#fff;border-radius:4px;padding:2px 6px;text-decoration:none}
@media(min-width:900px){.pc{grid-template-columns:1fr 1fr;gap:96px}}
/* llamada final */
.cta7 .wrap{max-width:900px}
.cta7 h2{color:#fff;font-size:clamp(28px,5vw,44px);margin-bottom:12px}
.cta7 .lead{color:rgba(255,255,255,.85);margin:0}
.cta7 .actions{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:26px}
.cta7 .pill{font-size:15px;padding:1.2em 1.7em}
@media(max-width:520px){.cta7 .actions{flex-direction:column}.cta7 .pill{justify-content:center}}
/* contacto: datos + formulario, sin foto */
.contact7 .grid{display:grid;gap:36px}
.c-list{list-style:none;margin:24px 0 22px;padding:0;display:grid;gap:4px}
.c-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 16px}
.c-list b{min-width:112px;font-weight:500;color:var(--navy)}
.c-list a{color:var(--navy);font-weight:500;display:inline-block;padding:11px 0;text-underline-offset:4px}
.c-list a:focus-visible{background:var(--navy);color:#fff;text-decoration:none;border-radius:4px;padding-inline:6px}
.c-off{display:grid;gap:6px;font-size:14.5px}
.c-off p{margin:0}
.form7{background:#fff;border-radius:12px;padding:26px}
.form7 label{color:var(--navy)}
.form7 input,.form7 select,.form7 textarea{background:var(--ice)}
.form7 .hint{color:var(--muted)}
.form7 .ok{color:var(--navy);font-size:14px;margin-top:10px}
@media(min-width:900px){.contact7 .grid{grid-template-columns:1fr 1fr;gap:72px;align-items:start}.form7{padding:34px}}
/* chat: panel con el tono de esta opción */
.sv-b ol{margin:8px 0 0;padding-left:20px}.sv-b li{margin:0 0 4px}.sv-b strong{font-weight:600}

.k-media img{aspect-ratio:4/5;object-position:50% 50%}
.creds{padding:0;margin:0 0 6px}
.k-text .label .cities{display:inline}
.k-text .label{margin-bottom:12px}
@media(max-width:899px){.k-text .label .cities{display:none}}

@media(max-width:560px){
  .trust .wrap{display:grid;grid-template-columns:1fr;gap:12px;padding-top:20px;padding-bottom:20px}
  .tr-score{background:#fff;border-radius:12px;padding:14px 16px}
  .tr-bl{background:#fff;border-radius:12px;padding:14px 16px;flex-direction:column;gap:2px}
  .tr-score:focus-visible,.tr-bl:focus-visible{margin:0;padding:14px 16px}
}

/* los tres pilares de la kanzlei (textos originales): banda marino de ancho completo, con presencia */
.pillars7 h2{color:#fff;font-size:clamp(28px,4.6vw,44px);max-width:16em;margin-bottom:34px}
.pil-grid{display:grid;gap:16px}
.pil-grid article{background:var(--navy-card);border-radius:12px;padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.pil-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,34px);line-height:1.15;color:#fff;text-wrap:balance}
.pil-grid p{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.88)}
@media(min-width:900px){.pil-grid{grid-template-columns:repeat(3,1fr);gap:24px}.pil-grid article{padding:38px 34px}.pillars7 h2{margin-bottom:44px}}
.k-links{margin-top:26px}

/* punto verde «jetzt erreichbar»: vibra suave; sin animación si el sistema pide menos movimiento */
.live{position:relative;display:inline-block;flex:none;width:10px;height:10px;border-radius:50%;background:#2fd37b;animation:live-beat 2s ease-in-out infinite}
.live::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2fd37b;opacity:.6;animation:live-ring 2s ease-out infinite}
@keyframes live-ring{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(2.9);opacity:0}}
@keyframes live-beat{0%,100%{transform:scale(1)}8%{transform:scale(1.18)}16%{transform:scale(.96)}24%{transform:scale(1.1)}34%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.live,.live::after{animation:none}.live::after{display:none}}
.avail{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:15px;font-weight:500;color:#fff}
.cta7 .avail{margin:0 0 14px}
.hero .avail{margin-bottom:14px}
/* en la cabecera: en escritorio, delante del icono; en móvil, en la esquina del botón */
.hbtn-tel{position:relative}
.hbtn-tel .live{margin-right:2px}
@media(max-width:899px){.hbtn-tel .live{position:absolute;top:10px;right:9px;margin:0;width:9px;height:9px}}
.cb-tel{position:relative}
.cb-tel .live{width:9px;height:9px;margin-right:-2px;box-shadow:0 0 0 2px var(--navy)}

/* ===================== v7 · pie, chat con urgencia, franjas de llamada ===================== */
/* pie azul marino: el teléfono manda, el resto en tres columnas ordenadas */
.site-footer.f7{background:var(--navy);color:rgba(255,255,255,.82);font-size:15px}
.f7-grid{display:grid;gap:40px;padding-top:56px;padding-bottom:44px}
.f7 a{color:#fff;text-decoration:none}
.f7 a:hover{text-decoration:underline;text-underline-offset:4px}
.f7 a:focus-visible{background:var(--gold);color:var(--navy);border-radius:4px;text-decoration:none;padding:0 6px}
.f7 .brand{display:inline-block;padding:6px 0;margin:-6px 0}
.f7 .brand img{width:210px}
.f7-mission{margin:18px 0 8px;font-size:17px;color:#fff;max-width:20em}
.f7-live{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:14.5px;font-weight:500;color:#fff}
.f7-tel{display:inline-flex;align-items:center;gap:12px;font-size:clamp(24px,5.4vw,34px);font-weight:500;letter-spacing:-.01em;min-height:56px}
.f7-tel svg{width:.9em;height:.9em;flex:none;color:var(--gold)}
.f7-links{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:6px}
.f7-links a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:rgba(255,255,255,.9);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
.f7 .foot-h{font-size:13px;letter-spacing:.05em;text-transform:uppercase;font-weight:500;color:var(--gold);margin:0 0 12px}
.f7-col ul{list-style:none;margin:0;padding:0}
.f7-col li a{display:flex;align-items:center;min-height:44px;font-size:16px}
.f7-col address{font-style:normal}
.f7-col address p{margin:0 0 16px;line-height:1.5}
.f7-col address b{display:block;color:#fff;font-weight:500}
.f7-copy{background:#081A31;font-size:13px;color:rgba(255,255,255,.7)}
.f7-copy .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 24px;padding-top:12px;padding-bottom:12px}
.f7-legal{display:flex;flex-wrap:wrap;gap:0 20px}
.f7-copy a{display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.85)}
@media(min-width:760px){.f7-grid{grid-template-columns:1fr 1fr;gap:44px 56px}.f7-brand{grid-column:1/-1}}
@media(min-width:1000px){.f7-grid{grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:56px;padding-top:68px}.f7-brand{grid-column:auto}}
/* chat: botón con punto verde y aviso discreto */
.sv-chat-btn .live{width:9px;height:9px}
.sv-chat>.sv-chat-btn{gap:9px}
.sv-chat-head small{display:flex;align-items:center;gap:8px}
.sv-chat-head small .live{width:8px;height:8px}
.sv-nudge{position:fixed;z-index:950;right:16px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:min(320px,calc(100vw - 32px));display:flex;align-items:flex-start;background:#fff;color:var(--navy);border-radius:14px;box-shadow:0 8px 28px rgba(12,36,67,.28);animation:nudge-in .35s ease-out both}
.sv-nudge-go{display:flex;gap:12px;align-items:flex-start;text-align:left;background:none;border:0;color:inherit;font:400 14.5px/1.4 var(--sans);padding:16px 8px 16px 16px;cursor:pointer;border-radius:14px}
.sv-nudge-go strong{font-weight:700}
.sv-nudge-go .live{margin-top:5px}
.sv-nudge-go:hover,.sv-nudge-go:focus-visible{background:var(--ice)}
.sv-nudge-x{flex:none;width:44px;height:44px;background:none;border:0;color:var(--navy);font-size:24px;line-height:1;cursor:pointer;border-radius:50%}
.sv-nudge-x:hover,.sv-nudge-x:focus-visible{background:var(--navy);color:#fff}
@keyframes nudge-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:900px){.sv-nudge{right:24px;bottom:96px}}
@media(prefers-reduced-motion:reduce){.sv-nudge{animation:none}}
body.sv-chat-open .sv-nudge{display:none}
/* urgencia real: las 72 horas y llamadas cortas tras los bloques que convencen */
.urgent7{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;max-width:60em;margin:6px 0 4px;color:var(--navy)}
.urgent7 .hrs{font:300 clamp(34px,7vw,52px)/1 var(--sans);color:var(--navy);letter-spacing:-.02em;white-space:nowrap}
.urgent7{font-size:17px}
.strip7{background:var(--navy);color:#fff}
.strip7 .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-top:22px;padding-bottom:22px}
.strip7 p{display:flex;align-items:center;gap:12px;margin:0;font-size:16.5px;line-height:1.4}
.strip7 b{font-weight:700}
.strip7 .pill{flex:none}
@media(max-width:560px){.strip7 .pill{width:100%;justify-content:center}}
@media(min-width:900px){.f7-copy .wrap{padding-right:210px}}
@media(max-width:899px){.callbar .sv-chat-btn{padding-inline:6px;gap:7px;font-size:14px}.callbar .sv-chat-btn .live{margin-left:2px}}
@media(max-width:899px){.callbar{grid-template-columns:1fr 1fr 1.3fr}}

.strip7 p{align-items:flex-start}
.strip7 p .live{margin-top:7px}
.strip7 .tx{display:block}
/* 72 horas: cifra a la izquierda, texto a la derecha en escritorio */
.urgent7{display:grid;grid-template-columns:1fr;gap:8px;align-items:start;margin:10px 0 6px}
@media(min-width:760px){.urgent7{grid-template-columns:auto 1fr;gap:6px 36px;align-items:center}.urgent7 .hrs{font-size:clamp(48px,6vw,72px)}}
/* móvil: la foto de María se ve entera de cabeza a hombros (retrato vertical 2:3, anclado arriba, sin cortar la cabeza) */
@media(max-width:899px){
  .hero-media{height:auto;aspect-ratio:1/1.02;max-height:min(112vw,520px)}
  .hero-media img{object-position:50% 0%}
  .hero-media .cap{left:12px;bottom:12px}
}
@media(max-width:899px) and (max-height:700px){.hero-media{aspect-ratio:1/.86}}
/* móviles pequeños (320-360 px): nada se sale, los títulos se parten con guion y la barra inferior cabe */
h1,h2,h3{hyphens:auto;overflow-wrap:break-word}
@media(max-width:380px){
  .pil-grid article{padding:24px 20px}
  .pil-grid h3{font-size:23px}
  .area h3{font-size:22px}
  .area{padding:22px 20px}
  .steps7>div{padding:20px}
  .callbar{grid-template-columns:1fr 1fr 1fr;gap:0}
  .cb{font-size:14px;gap:6px;padding-inline:4px}
  .callbar .sv-chat-btn .txt{display:none}
  .callbar .sv-chat-btn{gap:6px;justify-content:center}
  .callbar .sv-chat-btn::after{content:"Hilfe";font-size:14px;font-weight:500}
}
h1,.hero h1,.hero-panel h1,.cta7 h2,.urgent7,.pillars7>.wrap>h2{hyphens:manual}
/* móvil: un solo punto verde, el de la barra fija */
@media(max-width:899px){.live{display:none}.live-pill .live{display:inline-block}.avail,.strip7 p,.sv-chat-head small,.sv-nudge-go{gap:0}}

/* móvil: barra fija bajo la cabecera con el único punto verde */
.live-pill{display:none}
@media(max-width:899px){
  .live-pill{display:flex;align-items:center;justify-content:center;gap:10px;min-height:36px;background:#fff;color:var(--navy);font:600 14px/1 var(--sans);text-decoration:none;border-bottom:1px solid rgba(12,36,67,.12)}
  .live-pill:hover,.live-pill:focus-visible{background:var(--navy);color:#fff;outline:0}
  .live-pill .live{display:inline-block}
  .sv-nudge{display:none}
  html{scroll-padding-top:96px}
}
/* menos cajitas: pasos, áreas y pilares como texto sobre el fondo */
.steps7{gap:26px}
.steps7>div{background:none;border-radius:0;padding:0}
.areas{gap:34px 40px;margin-top:34px}
.area{background:none;border-radius:0;padding:0;gap:10px}
@media(min-width:900px){.areas{grid-template-columns:repeat(3,1fr)}}
.pil-grid{gap:34px}
.pil-grid article{background:none;border-radius:0;padding:0}
@media(min-width:900px){.pil-grid{gap:48px}.pil-grid article{padding:0}}
@media(max-width:380px){.pil-grid article,.steps7>div,.area{padding:0}}

/* anwalt.de en la primera pantalla */
.proof7{display:flex;flex-direction:column;gap:10px;background:#fff;color:var(--navy);border-radius:12px;padding:16px 20px 14px;margin:0 0 24px;max-width:440px}
.p7-a{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;border-radius:8px}
.p7-a b{font:300 clamp(54px,14vw,68px)/1 var(--sans);letter-spacing:-.02em}
.p7-t{display:flex;flex-direction:column;gap:5px;font-size:15px;line-height:1.3}
.p7-t .stars{display:flex;gap:3px;color:var(--olive)}
.p7-t .star{width:22px;height:22px}
.p7-t strong{font-weight:600}
.p7-b{font-size:14.5px;color:var(--navy);text-decoration:none;border-radius:6px}
.p7-a:hover span:last-child,.p7-b:hover{text-decoration:underline;text-underline-offset:4px}
.p7-a:focus-visible,.p7-b:focus-visible{background:var(--navy);color:#fff;text-decoration:none;outline:0}
.p7-a:focus-visible .stars,.p7-a:focus-visible b{color:#fff}
.p7-b:focus-visible{padding:2px 8px}
/* estrellas sobre fondo claro en verde oliva profundo */
.review .stars,.tr-t .stars,.reviews .stars{color:var(--olive)}

/* opiniones de anwalt.de flotando sobre la foto */
.hero-media{position:relative}
.flo{position:absolute;margin:0;background:#fff;color:var(--navy);border-radius:12px;padding:10px 14px 9px;box-shadow:0 10px 30px rgba(12,36,67,.28)}
.flo .stars{display:flex;gap:2px;color:var(--olive);margin-bottom:4px}
.flo .star{width:14px;height:14px}
.flo blockquote{margin:0;font-size:13px;line-height:1.35;font-weight:500}
.flo figcaption{margin-top:5px;font-size:11.5px;color:var(--muted)}
.flo1{display:none}
.flo2{display:block;bottom:12px;left:12px;right:12px}
@media(max-width:899px){.hero-media .cap{top:12px;bottom:auto;left:12px}}
@media(min-width:900px){
  .flo{padding:14px 18px 12px;max-width:290px}
  .flo blockquote{font-size:15px}
  .flo figcaption{font-size:12.5px}
  .flo .star{width:16px;height:16px}
  .flo1{display:block;top:12%;left:24px;right:auto}
  .flo2{display:block;right:24px;bottom:26%}
}

/* estrellas siempre en amarillo de Google */
:root{--star:#FBBC04}
.stars,.stars .star,.p7-t .stars,.flo .stars,.review .stars,.reviews .stars,.tr-t .stars,.rcard .stars,.p7-a:focus-visible .stars,.tr-score:focus-visible .stars{color:var(--star)}
.stars .star,.star{fill:currentColor}

/* bloque de opiniones rotativo sobre la foto */
.flo{position:absolute;display:grid;margin:0;padding:0;background:none;box-shadow:none;max-width:none}
.flo .fl-i{grid-area:1/1;margin:0;background:#fff;color:var(--navy);border-radius:12px;padding:10px 14px 9px;box-shadow:0 10px 30px rgba(12,36,67,.28);opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.flo .fl-i.on{opacity:1;visibility:visible}
.flo{bottom:12px;left:12px;right:12px;top:auto}
@media(min-width:900px){.flo{bottom:92px;left:24px;right:auto;width:320px;top:auto}.flo .fl-i{padding:14px 18px 12px}}
@media(prefers-reduced-motion:reduce){.flo .fl-i{transition:none}}
/* móvil: puntuación de anwalt.de sin caja, sobre el azul */
@media(max-width:899px){
  .proof7{background:none;color:#fff;border-radius:0;padding:0;margin-bottom:22px;gap:8px}
  .p7-a b{color:#fff}
  .p7-b{color:rgba(255,255,255,.88)}
  .p7-a:focus-visible,.p7-b:focus-visible{background:#fff;color:var(--navy)}
  .p7-a:focus-visible b{color:var(--navy)}
}

/* conmutador «Wer ist betroffen?»: pestañas y pasos dentro de la misma caja */
.sw-q{margin:26px 0 10px;font-weight:600;font-size:16px;color:var(--navy)}
.switch7{background:var(--ice);border-radius:16px;overflow:hidden;margin-bottom:26px}
.switch7 .tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:6px;background:#dfe5ee;border-radius:0}
.switch7 .tabs button{min-height:56px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:var(--navy);font:600 16px/1.2 var(--sans);text-align:center;text-wrap:balance}
.switch7 .tabs button:hover{background:rgba(255,255,255,.55)}
.switch7 .tabs button[aria-selected=true]{background:var(--navy);color:#fff;box-shadow:0 4px 14px rgba(12,36,67,.25)}
.switch7 .tabs button:focus-visible{background:var(--gold);color:var(--navy);outline:0}
@media(max-width:520px){.switch7 .tabs button{flex:none;text-align:center;font-size:15px}}
.switch7 .steps7{counter-reset:paso;display:grid;gap:22px;margin:0;padding:26px 22px 28px}
.switch7 .steps7[hidden]{display:none}
.switch7 .steps7>div{counter-increment:paso;position:relative;padding-left:56px}
.switch7 .steps7>div::before{content:counter(paso);position:absolute;left:0;top:-2px;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:600 18px/1 var(--sans)}
.switch7 .steps7 h3{font-size:21px;line-height:1.25;font-weight:600;color:var(--navy);margin:0 0 6px}
.switch7 .steps7 p{font-size:16.5px;line-height:1.55;color:var(--body);margin:0}
@media(min-width:900px){
  .switch7 .tabs{max-width:520px;margin:18px 18px 0;border-radius:14px}
  .switch7 .steps7{grid-template-columns:repeat(3,1fr);gap:40px;padding:30px 32px 34px}
  .switch7 .steps7>div{padding-left:0;padding-top:52px}
  .switch7 .steps7>div::before{top:0;width:42px;height:42px}
}

/* servicios: tarjetas con caja, tipografía de palo seco */
.area h3,.pil-grid h3,.spec-list h3,h2.serif{font-family:var(--sans);font-weight:600;letter-spacing:-.005em}
.areas{gap:16px;margin-top:30px}
.area{background:#fff;border-radius:14px;padding:26px 24px 22px;gap:12px;box-shadow:0 1px 2px rgba(12,36,67,.06),0 8px 24px rgba(12,36,67,.07);border:1px solid rgba(12,36,67,.07)}
.area h3{font-size:22px;line-height:1.25;color:var(--navy);margin:0}
.area p{font-size:16px;line-height:1.55;color:var(--body)}
.area .arrow-link{margin-top:6px;font-weight:600;color:var(--navy);padding-top:14px;border-top:1px solid rgba(12,36,67,.1)}
.pil-grid h3{font-size:clamp(24px,3vw,30px);line-height:1.2}
@media(min-width:900px){.areas{grid-template-columns:repeat(3,1fr);gap:22px}.area{padding:30px 28px 24px}}
@media(max-width:380px){.area{padding:22px 20px 18px}}

/* pilares: título a la izquierda, tarjetas a la derecha apareciendo desde abajo */
.pil-grid{gap:16px}
.pil-grid article{background:var(--navy-card);border-radius:14px;padding:28px 26px}
.pil-grid h3{font-size:clamp(22px,2.6vw,28px);line-height:1.2;margin:0}
.pil-grid p{font-size:17px}
.rv .pil-grid article{opacity:0;transform:translateY(56px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv .pil-grid article.in{opacity:1;transform:none}
@media(min-width:900px){
  .pillars7 .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
  .pillars7 h2{position:sticky;top:120px;margin:0;max-width:11em}
  .pil-grid{grid-template-columns:1fr;gap:20px}
  .pil-grid article{padding:34px 36px}
}
@media(prefers-reduced-motion:reduce){.rv .pil-grid article{opacity:1;transform:none;transition:none}}
/* títulos menos pesados */
.area h3,.pil-grid h3,.spec-list h3,h2.serif{font-weight:500}
.area .arrow-link{font-weight:500}
/* servicios clicables: toda la tarjeta es el enlace y al pasar se tiñe del color de acento */
.area{position:relative;transition:background .18s,border-color .18s,box-shadow .18s}
.area .arrow-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.area .arrow-link{border-radius:0}
.area:focus-within{background:var(--navy);border-color:var(--navy)}
.area:focus-within h3,.area:focus-within p,.area:focus-within .arrow-link{color:#fff}
.area:focus-within .arrow-link{border-top-color:rgba(255,255,255,.3)}
.area .arrow-link:focus-visible{background:none;color:#fff;outline:0}
@media(hover:hover){
  .area:hover{background:var(--gold);border-color:var(--gold);box-shadow:0 14px 34px rgba(12,36,67,.18)}
  .area:hover h3,.area:hover p,.area:hover .arrow-link{color:var(--navy)}
  .area:hover .arrow-link{border-top-color:rgba(12,36,67,.28)}
}

/* casos y prensa ordenados en tarjetas clicables */
#medien .blk+.blk{margin-top:64px}
.blk-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:24px}
.blk-h h2{margin:0}
.cases7{display:grid;gap:16px}
.case7{position:relative;display:flex;flex-direction:column;gap:10px;margin:0;padding:26px 24px 22px;background:var(--ice);border-radius:14px;color:var(--body);transition:background .18s,box-shadow .18s}
.case7 .k{align-self:flex-start;margin:0 0 4px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--navy);font-size:13px;font-weight:500}
.case7 h3{font-size:22px;line-height:1.25;font-weight:500;color:var(--navy);margin:0}
.case7 p{flex:1;margin:0;font-size:16px;line-height:1.55}
.case7 .arrow-link{margin-top:6px;padding-top:14px;border-top:1px solid rgba(12,36,67,.12);font-weight:500;color:var(--navy);border-radius:0}
.case7 .arrow-link::after{content:"";position:absolute;inset:0;border-radius:14px}
.case7:focus-within{background:var(--navy)}
.case7:focus-within h3,.case7:focus-within p,.case7:focus-within .arrow-link{color:#fff}
.case7 .arrow-link:focus-visible{background:none;outline:0}
.press7{display:grid;gap:14px}
.post7{display:flex;flex-direction:column;gap:6px;margin:0;padding:20px 22px;border:1px solid rgba(12,36,67,.12);border-radius:14px;background:#fff;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.post7 .m{margin:0;font-size:13px;color:var(--muted)}
.post7 strong{font-size:17px;font-weight:500;line-height:1.35;color:var(--navy);text-decoration:none}
.post7:hover strong{text-decoration:none}
.post7:focus-visible{background:var(--navy);outline:0}
.post7:focus-visible strong,.post7:focus-visible .m{background:none;color:#fff;padding:0}
@media(hover:hover){
  .case7:hover,.post7:hover{background:var(--gold);border-color:var(--gold)}
  .case7:hover .k{background:rgba(255,255,255,.55)}
  .case7:hover .arrow-link{border-top-color:rgba(12,36,67,.28)}
  .case7:hover,.case7:hover p,.post7:hover .m{color:var(--navy)}
}
@media(min-width:900px){.cases7{grid-template-columns:repeat(3,1fr);gap:22px}.case7{padding:30px 28px 24px}.press7{grid-template-columns:1fr 1fr;gap:16px}}
/* llamada final centrada, con una foto casi invisible de fondo */
.cta7{position:relative;overflow:hidden;isolation:isolate;text-align:center}
.cta7::before{content:"";position:absolute;inset:0;z-index:-1;background:url(img/Despatx-800x600-1.jpg) center/cover no-repeat;opacity:.09;filter:grayscale(1)}
.cta7 .wrap{max-width:820px}
.cta7 .avail{justify-content:center}
.cta7 .actions{justify-content:center}
.cta7 .lead{max-width:34em;margin-inline:auto}
/* preguntas frecuentes: título y contacto a la izquierda, preguntas a la derecha */
.faq-wrap{text-align:left}
.faq-wrap .faq,.faq-wrap .lead{max-width:none;margin-inline:0}
.faq-wrap h2{max-width:14em;margin:0 0 22px;text-wrap:balance}
.faq-cta{border-radius:16px;padding:26px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--navy);color:#fff}
.faq-cta .avail{margin:0 0 2px;font-size:14px;color:rgba(255,255,255,.85)}
.faq-cta .fc-t{margin:0;font-size:22px;font-weight:500;line-height:1.25;color:#fff}
.faq-cta .fc-s{margin:0 0 8px;font-size:15.5px;color:rgba(255,255,255,.85)}
.faq-cta .pill{width:100%;justify-content:center}
.faq-wrap .faq{margin-top:28px}
@media(min-width:900px){
  .faq-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
  .faq-side{position:sticky;top:120px}
  .faq-wrap .faq{margin-top:6px}
  .faq-cta .pill{width:auto}
}
.cta7::before{opacity:.05}
.faq-cta{flex-direction:row;flex-wrap:wrap;gap:10px 12px}
.faq-cta>p{width:100%}
@media(max-width:520px){.faq-cta .pill{width:100%}}
/* móvil: la caja de contacto de las FAQ sobra (la llamada final está justo encima) */
@media(max-width:899px){.faq-cta{display:none}}
/* opiniones sobre la foto: sale una y después entra la siguiente, sin solaparse */
.flo .fl-i{transition:opacity .25s ease,visibility 0s .25s}
.flo .fl-i.on{transition:opacity .45s ease .25s,visibility 0s .25s}

/* móvil: la franja verde va fija justo encima de los botones de abajo */
@media(max-width:899px){
  .callbar .live-pill{position:absolute;left:0;right:0;bottom:100%;top:auto;margin:0;width:auto;min-height:36px;border-radius:0;justify-content:center;background:#fff;color:var(--navy);box-shadow:0 -6px 18px rgba(12,36,67,.14);border-bottom:0;font-size:14px}
  .callbar .live-pill:hover,.callbar .live-pill:focus-visible{background:var(--navy);color:#fff}
  body:not(.no-callbar){padding-bottom:calc(100px + env(safe-area-inset-bottom))}
  html{scroll-padding-top:70px}
}
/* títulos más finos */
.switch7 .steps7 h3,.sw-q,.switch7 .tabs button,.p7-t strong,.faq-cta .fc-t,.case7 h3,.area h3,.pil-grid h3{font-weight:500}
.switch7 .steps7 h3{font-weight:500;font-size:20px}
.switch7 .tabs button{font-weight:500}
.switch7 .steps7>div::before{font-weight:500}

/* valoración de anwalt.de bajo el título de los pilares (solo escritorio) */
.pil-proof{display:none}
@media(min-width:900px){
  .pillars7 h2{position:static}
  .pil-side{position:sticky;top:120px}
  .pil-side h2{margin:0 0 34px}
  .pil-proof{display:flex;flex-direction:column;gap:12px;max-width:380px;padding:22px 24px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
  .pp-a{display:flex;align-items:center;gap:16px;color:#fff;text-decoration:none;border-radius:8px}
  .pp-a b{font:300 64px/1 var(--sans);letter-spacing:-.02em}
  .pp-t{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.3}
  .pp-t .stars{display:flex;gap:3px}
  .pp-t .star{width:20px;height:20px}
  .pp-t strong{font-weight:500}
  .pp-b{color:rgba(255,255,255,.88);text-decoration:none;font-size:15px;border-radius:6px}
  .pp-a:hover span:last-child,.pp-b:hover{text-decoration:underline;text-underline-offset:4px}
  .pp-a:focus-visible,.pp-b:focus-visible{background:#fff;color:var(--navy);outline:0;text-decoration:none}
  .pp-a:focus-visible b{color:var(--navy)}
}
/* verde con un degradado suave para que no quede plano */
:root{--gold-grad:linear-gradient(135deg,#CBBF8A 0%,#B9AA6E 48%,#A39660 100%)}
.pill.gold.solid,.cb-tel,.notice,.sv-r.urgent,.tabs button:focus-visible,.hbtn:hover,.hbtn:focus-visible,.menu-btn:hover,.menu-btn:focus-visible,.sv-chat>.sv-chat-btn:hover,.sv-chat>.sv-chat-btn:focus-visible,.sv-chat-close:hover,.sv-chat-close:focus-visible,.nav-desktop .dd-panel a:hover,.nav-desktop .dd-panel a:focus-visible,.switch7 .tabs button:focus-visible{background-image:var(--gold-grad)}
.pill.gold.solid:hover,.pill.gold.solid:focus-visible{background-image:none}
@media(hover:hover){.area:hover,.case7:hover,.post7:hover{background-image:var(--gold-grad)}}
.pill.gold.solid,.cb-tel{box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
/* bordes más finos en los botones */
.pill.gold.solid,.pill.solid{border-width:0;padding:calc(1.2em + 2px) calc(1.7em + 2px)}
.pill.gold.solid{box-shadow:none}
.pill{border-width:1.5px}
.cb-tel{box-shadow:none}

/* ===== WordPress ===== */
/* Piezas propias del WordPress (interiores, cookies, formulario). Se añade al final de sv.css con generar_tema.py. */

.skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--navy);color:#fff;padding:12px 18px;border-radius:0 0 8px 0;text-decoration:none}
.skip:focus{left:0}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.nav-desktop a[aria-current],.nav-mobile a[aria-current]{color:var(--gold)}

/* ---------- Cabecera de las páginas interiores ---------- */
.sv-head{background:var(--grad);color:rgba(255,255,255,.88);padding:0 0 40px}
.sv-head .crumbs{padding:14px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:13.5px}
.crumbs li{display:flex;gap:8px;align-items:center}
.crumbs li+li::before{content:"›";opacity:.6}
.sv-head .crumbs,.sv-head .crumbs a{color:rgba(255,255,255,.75)}
.sv-head .crumbs a{font-weight:400}
.sv-head .crumbs [aria-current]{color:#fff}
.sv-head__in{display:grid;gap:26px;padding-top:26px}
.sv-head h1{color:#fff;font-size:clamp(30px,6.4vw,50px);line-height:1.12;letter-spacing:-.01em;max-width:18em;text-wrap:balance}
.sv-head .lead{color:rgba(255,255,255,.86);font-size:17px;line-height:1.6;margin:16px 0 0;max-width:40em}
.sv-head .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.sv-head .pill:not(.solid){border-color:rgba(255,255,255,.55);color:#fff}
.sv-head .pill:not(.solid):hover,.sv-head .pill:not(.solid):focus-visible{background:#fff;color:var(--navy);border-color:#fff}
.sv-head .pill svg{width:18px;height:18px}
.sv-head .pil-proof{display:flex;flex-direction:column;gap:10px;align-self:end;padding:18px 20px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);max-width:380px}
.sv-head .pp-a{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none;border-radius:8px}
.sv-head .pp-a b{font:300 52px/1 var(--sans);letter-spacing:-.02em}
.sv-head .pp-t{display:flex;flex-direction:column;gap:5px;font-size:14.5px;line-height:1.3}
.sv-head .pp-t .stars{display:flex;gap:3px}
.sv-head .pp-t .star{width:18px;height:18px}
.sv-head .pp-t strong{font-weight:500}
.sv-head .pp-b{color:rgba(255,255,255,.85);text-decoration:none;font-size:14.5px;border-radius:6px}
.sv-head .pp-a:focus-visible,.sv-head .pp-b:focus-visible{background:#fff;color:var(--navy);outline:0}
@media(max-width:899px){
  .sv-head{padding-bottom:30px}
  .sv-head .actions .solid{width:100%;justify-content:center}
  .sv-head .actions .sv-wa{display:none} /* en móvil WhatsApp ya está en la barra fija */
  .sv-head .pil-proof{background:none;border:0;padding:0}
  .sv-head .pp-b{display:none}
}
@media(min-width:900px){
  .sv-head{padding-bottom:56px}
  .sv-head__in{grid-template-columns:minmax(0,1fr) 360px;gap:56px;padding-top:34px}
}

/* ---------- Cuerpo: texto + columna de contacto ---------- */
.sv-cuerpo{padding-top:44px}
.sv-cuerpo__in{display:grid;gap:40px}
.sv-article{max-width:720px;margin:0}
.sv-article>:first-child{margin-top:0}
.sv-article h2{font-size:clamp(24px,3.4vw,30px);font-weight:400;margin:46px 0 14px;scroll-margin-top:110px}
.sv-article h3{font-size:20px;font-weight:500;margin:28px 0 8px}
.sv-article h4{font-size:18px;font-weight:500;margin:24px 0 6px;color:var(--navy)}
.sv-article p,.sv-article li{font-size:17px;line-height:1.7}
.sv-article blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid var(--gold);font-size:19px;line-height:1.55;color:var(--navy)}
.sv-article blockquote p{font-size:inherit;margin:0}
.sv-article table{width:100%;border-collapse:collapse;margin:20px 0 26px;font-size:15px}
.sv-article th{text-align:left;font-weight:500;color:var(--navy);background:var(--ice);padding:12px 14px}
.sv-article td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
@media(max-width:640px){
  .sv-article thead{display:none}
  .sv-article tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
  .sv-article td{display:block;border:0;padding:4px 0}
  .sv-article td::before{content:attr(data-label);display:block;font-size:12.5px;color:var(--muted)}
}
.sv-article .callout{background:var(--ice);border-radius:14px;padding:22px 24px;margin:26px 0}
.sv-article .callout strong{display:block;font-size:18px;margin-bottom:6px}
.sv-article .callout p{margin:0}
.sv-article .toc{background:var(--ice);border-radius:14px;padding:18px 22px;margin:0 0 30px;display:block}
.sv-article .toc b{display:block;color:var(--navy);font-weight:500;margin-bottom:8px}
.sv-article .toc ol{display:block;list-style:none;margin:0;padding:0}
.sv-article .toc li{margin:4px 0;font-size:16px}
.sv-article .keyfacts{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.sv-article .keyfacts li{font-size:14px}
.sv-article .author,.sv-article .cross{display:none} /* la autora y el enlace a la Kanzlei los pone la plantilla */
.sv-cross{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;margin:40px 0 0;padding:18px 22px;border-radius:14px;background:var(--ice)}
.sv-cross span{font-size:13.5px;color:var(--muted)}
.sv-cross a{color:var(--navy);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.sv-cross a:hover{text-decoration:underline;text-underline-offset:4px}
.sv-cross a:focus-visible{background:var(--navy);color:#fff;outline:0;border-radius:6px;padding:0 6px}
.sv-cross .arr{width:18px;height:18px}
.sv-autora{display:flex;align-items:center;gap:14px;margin:28px 0 0;font-size:14px!important;color:var(--muted)}
.sv-autora img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.sv-autora b{color:var(--navy);font-weight:500}
.sv-fecha{color:var(--muted);font-size:14px!important;margin:0 0 14px}

.sv-aside{display:none}
@media(min-width:1000px){
  .sv-cuerpo__in{grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}
  .sv-aside{display:flex;flex-direction:column;gap:22px;position:sticky;top:110px}
}
.sv-aside__card{background:var(--grad);color:rgba(255,255,255,.85);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}
.sv-aside__card .avail{margin:0;font-size:14px;color:rgba(255,255,255,.85)}
.sv-aside__tel{font-size:26px;color:#fff;text-decoration:none;font-weight:400;letter-spacing:-.01em;border-radius:6px}
.sv-aside__tel:focus-visible{background:#fff;color:var(--navy);outline:0}
.sv-aside__card p{margin:0 0 6px;font-size:14.5px}
.sv-aside__card .pill{justify-content:center}
.sv-aside__card .pill:not(.solid){border-color:rgba(255,255,255,.5);color:#fff}
.sv-aside__card .pill:not(.solid):hover,.sv-aside__card .pill:not(.solid):focus-visible{background:#fff;color:var(--navy)}
.sv-aside__card .pill svg{width:18px;height:18px}
.sv-aside__h{font-size:13.5px;color:var(--muted);margin:0 0 8px}
.sv-aside__nav ul{list-style:none;margin:0;padding:0}
.sv-aside__nav a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--navy);text-decoration:none;font-size:15px}
.sv-aside__nav a:hover{color:var(--navy2);text-decoration:underline;text-underline-offset:4px}
.sv-aside__nav a[aria-current]{font-weight:500}
.sv-aside__nav a:focus-visible{background:var(--navy);color:#fff;outline:0;padding-left:8px}

/* ---------- Pasos en páginas interiores ---------- */
.sv-pasos{padding-top:0}
.sv-pasos h2{margin-bottom:6px}
.sv-pasos--uno{margin-top:22px}

/* ---------- Kanzlei y Kontakt ---------- */
.sv-perfil{display:grid;gap:34px}
.sv-perfil__foto{margin:0}
.sv-perfil__foto img{width:100%;height:auto;border-radius:16px;display:block;aspect-ratio:3/4;object-fit:cover;object-position:50% 20%}
.sv-perfil__foto figcaption{font-size:13.5px;color:var(--muted);margin-top:10px}
.sv-botones{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:900px){.sv-perfil{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}.sv-perfil__foto{position:sticky;top:110px}}
.sv-vias{display:grid;gap:14px}
@media(min-width:700px){.sv-vias{grid-template-columns:1fr 1fr}}
.sv-via{display:flex;flex-direction:column;gap:6px;padding:24px;border-radius:14px;background:var(--ice);text-decoration:none;color:var(--body);transition:background .18s}
.sv-via .k{font-size:13.5px;color:var(--muted)}
.sv-via b{font-size:22px;font-weight:500;color:var(--navy)}
.sv-via:focus-visible{background:var(--navy);outline:0}
.sv-via:focus-visible *{color:#fff}
@media(hover:hover){.sv-via:hover{background:var(--gold);background-image:var(--gold-grad,none)}.sv-via:hover .k{color:var(--navy)}}

/* ---------- Ratgeber ---------- */
.sv-posts{display:grid;gap:14px}
@media(min-width:900px){.sv-posts{grid-template-columns:1fr 1fr}}
.sv-ex{font-size:15px;color:var(--body);margin-top:4px}
.sv-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sv-links a{color:var(--navy);font-size:18px}

/* ---------- Formulario: respuesta ---------- */
.form .ok{margin:12px 0 0;font-size:15px;font-weight:500;color:var(--navy)}
.form .ok.is-err{color:#9b1c1c}
.form .hint a{color:inherit}

/* ---------- Aviso de cookies: hoja inferior, no bloquea la web ---------- */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:0 12px 12px;pointer-events:none}
.ck[hidden]{display:none}.ck [hidden]{display:none!important}
.ck__box{pointer-events:auto;max-width:640px;margin:0 auto;background:#fff;color:var(--body);border-radius:16px;padding:20px 22px 16px;box-shadow:0 18px 50px rgba(12,36,67,.28),0 0 0 1px rgba(12,36,67,.06)}
.ck__box:focus{outline:none}
.ck__title{font-size:18px;font-weight:500;color:var(--navy);margin:0 0 6px}
.ck__text{font-size:14.5px;line-height:1.55;margin:0 0 14px}
.ck__text a{color:var(--navy)}
.ck__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck__btn{min-height:46px;border-radius:999px;border:1.5px solid var(--navy);background:var(--navy);color:#fff;font:500 15px/1 var(--sans);cursor:pointer;padding:0 14px}
.ck__btn:hover,.ck__btn:focus-visible{background:#fff;color:var(--navy);outline:0}
.ck__more{display:flex;justify-content:center;margin:8px 0 0}
.ck__link{background:none;border:0;padding:6px 8px;font:inherit;font-size:14px;color:var(--navy);text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:8px}
.ck__link:hover,.ck__link:focus-visible{background:var(--navy);color:#fff;outline:0;text-decoration:none}
.ck__cat{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.ck__cat b{font-size:15.5px;font-weight:500;color:var(--navy)}
.ck__cat p{grid-column:1/-1;margin:0;font-size:14px;line-height:1.5}
.ck__always{font-size:13px;color:var(--muted)}
.ck__sw{appearance:none;width:46px;height:26px;border-radius:99px;background:#c9cfd8;position:relative;cursor:pointer;border:0;transition:background .2s;margin:0}
.ck__sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.ck__sw:checked{background:var(--navy)}.ck__sw:checked::after{transform:translateX(20px)}
.ck__sw:focus-visible{outline:none;background:var(--gold)}
[data-ck-view="prefs"] .ck__actions{margin-top:12px}
@media(max-width:899px){.ck{bottom:calc(100px + env(safe-area-inset-bottom))}}
.f7-legal .abrir-cookies{color:inherit}
@media(max-width:520px){.sv-article .keyfacts{grid-template-columns:1fr}}
#bewertungen.ice + #kontakt.ice{padding-top:0}
/* Submenú en el azul marino de la cabecera; oro solo al pasar */
@media(min-width:900px){.nav-desktop .dd-panel{background:var(--navy);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px rgba(6,18,36,.35)}}

/* ---------- Landings de ciudad: bloque «Vor Ort» ---------- */
.sv-ort{display:grid;gap:34px}
.sv-ort__facts{display:grid;gap:10px;margin:22px 0 0}
.sv-ort__facts div{background:var(--ice);border-radius:12px;padding:14px 18px}
.sv-ort__facts dt{font-size:13.5px;color:var(--muted);margin:0 0 2px}
.sv-ort__facts dd{margin:0;font-size:16.5px;line-height:1.45;color:var(--navy)}
.sv-ort__kanzlei img{width:100%;height:auto;border-radius:16px;display:block;margin-bottom:20px;aspect-ratio:4/3;object-fit:cover}
.sv-ort__kanzlei h3{font-size:24px;font-weight:400;margin:0 0 10px}
.sv-ort__kanzlei p{font-size:16.5px;line-height:1.6;margin:0 0 18px}
.sv-ort .k-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
@media(min-width:900px){
  .sv-ort{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
  .sv-ort__facts{grid-template-columns:1fr 1fr}
  .sv-ort--sin .sv-ort__kanzlei{background:var(--ice);border-radius:16px;padding:30px}
}
.f7 address a{color:inherit;text-decoration:none}
.f7 address a:hover b{text-decoration:underline;text-underline-offset:4px}
/* Pie: el hover heredado ponía el texto azul marino sobre fondo azul marino */
.site-footer.f7 a:hover,.site-footer.f7 a:hover b{color:#fff;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:5px}
.site-footer.f7 a:focus-visible,.site-footer.f7 a:focus-visible b{color:var(--navy)}

/* página de gracias y botón enviando (también en sv-wp.css) */
.sv-danke-pasos{padding-left:1.2em}.sv-danke-pasos li{margin:.5em 0}
.form7 button.is-sending{opacity:.75;cursor:progress}

/* refuerzo de contenido (12/11/2026): Kurz gesagt, Aus unserer Praxis, página Fälle */
.sv-kurz{background:var(--ice);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:18px 20px;margin:0 0 28px}
.sv-kurz p{margin:0 0 8px}.sv-kurz p:last-child{margin:0}
.sv-kurz__k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--olive)}
.sv-kurz__q{font-weight:700;color:var(--navy);font-size:17px;text-wrap:balance}
.sv-praxis{margin:36px 0 8px;padding-top:24px;border-top:1px solid var(--line)}
.sv-praxis h2{margin-bottom:14px}
.sv-praxis .cases7{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.sv-praxis__nota{font-size:13px;color:var(--muted);margin-top:4px}
.sv-faelle{display:grid;gap:34px}
.sv-fall{padding-bottom:30px;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.sv-fall:last-of-type{border-bottom:0}
.sv-fall__k{font-size:13px;color:var(--muted);margin:0 0 6px}.sv-fall__k span{color:var(--olive);font-weight:600}
.sv-fall h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 12px;text-wrap:balance}
.sv-fall p{text-wrap:pretty}
.sv-fall__q{font-size:14px;color:var(--muted)}
.sv-fall__q a{color:var(--navy)}