:root{--wine:#6d0011;--wine-dark:#4b000b;--ink:#20201d;--paper:#f6f3ed;--cream:#e8e1d6;--line:rgba(32,32,29,.18);--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}img{display:block;width:100%}a{color:inherit}.skip-link{position:fixed;top:-60px;left:16px;background:#fff;padding:12px;z-index:99}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:92px;display:grid;grid-template-columns:220px 1fr 180px;align-items:center;padding:0 4vw;background:rgba(246,243,237,.97);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{width:145px;height:63px;overflow:hidden}.brand img{height:100%;object-fit:cover}.main-nav{height:100%;display:flex;justify-content:center;align-items:stretch}.main-nav a{min-width:145px;display:grid;place-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;border-left:1px solid var(--line);position:relative}.main-nav a:last-child{border-right:1px solid var(--line)}.main-nav a.active:after,.main-nav a:hover:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:3px;background:var(--wine)}.header-place{text-align:right;text-transform:uppercase;letter-spacing:.18em;font-size:.64rem}.menu-button{display:none}.hero{height:calc(100vh - 92px);min-height:600px}.slider,.slide{height:100%;position:relative;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}.slide.is-active{opacity:1}.slide img{height:100%;object-fit:cover;object-position:center 48%}.slide-crop-two img{object-position:73% 50%;transform:scale(1.08)}.slide-crop-three img{object-position:25% 50%;transform:scale(1.14)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,6,.67),rgba(8,9,6,.08) 65%),linear-gradient(0deg,rgba(8,9,6,.35),transparent 45%)}.hero-copy{position:absolute;left:8vw;bottom:16%;color:white}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:500}.hero h1,.detail-hero h1{font:400 clamp(3.3rem,7vw,7.8rem)/.91 var(--serif);letter-spacing:-.035em;margin:18px 0 32px}.text-link{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-size:.72rem;display:inline-flex;gap:25px;border-bottom:1px solid currentColor;padding-bottom:8px}.light,.light-link{color:white}.slider-controls{position:absolute;right:5vw;bottom:8%;color:#fff;display:flex;align-items:center;gap:17px;font-size:.72rem;letter-spacing:.12em}.slider-controls button{color:#fff;border:1px solid rgba(255,255,255,.55);background:transparent;width:42px;height:42px;border-radius:50%;cursor:pointer}.slider-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(255,255,255,.3)}.slider-progress span{display:block;height:100%;background:var(--wine);animation:progress 6s linear infinite}.restarting .slider-progress span{animation:none}.restarting .slider-progress span{animation:progress 6s linear infinite}@keyframes progress{from{width:0}to{width:100%}}.section{padding:120px 8vw}.section-label{display:flex;align-items:center;gap:14px;margin-bottom:55px}.section-label span{color:var(--wine)}.section-label:after{content:"";width:55px;height:1px;background:currentColor;opacity:.4}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.intro h2,.section-heading h2,.breeding h2,.contact h2,.pedigree h2{font:400 clamp(3rem,5.6vw,6.5rem)/.96 var(--serif);letter-spacing:-.035em;margin:0}.copy-column{max-width:560px;padding-top:14px}.lead{font:400 clamp(1.35rem,2vw,2rem)/1.45 var(--serif)}.copy-column>p:not(.lead),.breeding-copy>p,.contact-grid>div>p,.detail-copy>p:not(.lead){line-height:1.85;color:#5d5b55;margin:25px 0 38px}.horses{background:#ebe6dd}.section-heading{display:grid;grid-template-columns:.7fr 1.2fr .75fr;gap:5vw;align-items:end;margin-bottom:65px}.section-heading .section-label{align-self:start}.section-heading p{line-height:1.7;color:#66625b}.horse-grid{display:grid;grid-template-columns:1.18fr .91fr .91fr;gap:24px}.horse-card{text-decoration:none;background:var(--paper);transition:transform .3s}.horse-card:hover{transform:translateY(-6px)}.horse-card figure{height:420px;margin:0;overflow:hidden}.horse-card.featured figure{height:500px}.horse-card img{height:100%;object-fit:cover;object-position:68% center;transition:transform .6s}.horse-card:hover img{transform:scale(1.025)}.horse-card .image-focus img{object-position:72% center;transform:scale(1.18)}.horse-card .image-wide img{object-position:26% center;transform:scale(1.12)}.horse-card>div{padding:27px 29px}.horse-card p,.horse-card span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#706c65}.horse-card h3{font:400 1.7rem var(--serif);margin:10px 0 24px}.horse-card span{color:var(--wine)}.editor-note{font-size:.72rem;color:#77736c;margin-top:20px}.breeding{background:var(--wine-dark);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.breeding-copy>p{color:rgba(255,255,255,.72);max-width:620px}.breeding .section-label span{color:#d8b7ba}.offspring-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.offspring-gallery figure{margin:0}.offspring-gallery figure:nth-child(2){padding-top:70px}.offspring-gallery img{height:430px;object-fit:cover;object-position:70% center}.offspring-gallery figure:nth-child(2) img{object-position:27% center}.offspring-gallery figcaption{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;padding-top:14px;color:rgba(255,255,255,.72)}.offspring-gallery figcaption span{margin-right:12px}.sales-box{grid-column:1/-1;margin-top:25px;border-top:1px solid rgba(255,255,255,.26);padding:55px 0 0;display:grid;grid-template-columns:.4fr .7fr 1.2fr .7fr;align-items:center;gap:35px}.sales-box h3{font:400 2.4rem var(--serif);margin:0}.sales-box p{color:rgba(255,255,255,.7);line-height:1.6}.sales-box a{justify-self:end;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;border-bottom:1px solid;padding-bottom:8px}.sales-box a span{padding-left:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.contact-grid>div>p{max-width:450px}.contact address{font-style:normal}.contact address div{display:grid;grid-template-columns:150px 1fr;padding:24px 0;border-bottom:1px solid var(--line)}.contact small{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:#77736c}.contact strong,.contact address a{font-weight:400;text-decoration:none}footer{padding:42px 4vw;background:#1e1c1a;color:white;display:flex;align-items:center;gap:50px;font-size:.68rem;text-transform:uppercase;letter-spacing:.11em}footer img{width:110px;height:47px;object-fit:cover}footer p{margin-right:auto}footer div{display:flex;gap:30px}footer a{text-decoration:none}.detail-header{position:absolute;left:0;right:0;background:rgba(246,243,237,.94)}.back-link{text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;text-align:center}.detail-hero{height:88vh;min-height:620px;position:relative;color:white}.detail-hero>img{height:100%;object-fit:cover;object-position:center}.detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,12,11,.62),transparent 65%)}.detail-hero>div{position:absolute;left:8vw;bottom:9%;z-index:1}.detail-intro{display:grid;grid-template-columns:.45fr 1fr .7fr;gap:6vw}.facts{margin:0}.facts div{border-bottom:1px solid var(--line);padding:14px 0}.facts dt{font-size:.64rem;text-transform:uppercase;letter-spacing:.13em;color:#77736c}.facts dd{margin:6px 0;font-family:var(--serif);font-size:1.2rem}.detail-gallery{padding-top:0;display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.detail-gallery figure{margin:0;height:590px;overflow:hidden}.detail-gallery figure:nth-child(2){height:285px}.detail-gallery figure:nth-child(3){height:285px;grid-column:2;margin-top:-305px;transform:translateY(305px)}.detail-gallery img{height:100%;object-fit:cover;object-position:70% center}.detail-gallery figure:nth-child(2) img{object-position:24% center}.pedigree{background:var(--wine-dark);color:#fff;display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw}.pedigree-tree{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;align-items:center}.pedigree-root{grid-row:1/3;border:1px solid rgba(255,255,255,.45)}.pedigree-tree>div{padding:28px;background:rgba(255,255,255,.06)}.pedigree-tree small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.62rem;color:#d8b7ba}.pedigree-tree strong{display:block;font:400 1.4rem var(--serif);margin:8px 0}.pedigree-tree span{font-size:.74rem;line-height:1.8;color:rgba(255,255,255,.6)}
@media(max-width:900px){.site-header{height:74px;grid-template-columns:1fr auto;padding:0 20px}.brand{width:112px;height:49px}.header-place{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;justify-content:center;align-items:center;border:0;background:none}.menu-button span:not(.sr-only){width:22px;height:1px;background:var(--ink)}.main-nav{position:absolute;top:74px;left:0;right:0;height:auto;display:none;background:var(--paper);padding:15px 20px 25px}.main-nav.is-open{display:block}.main-nav a{height:54px;border:0!important;justify-content:start}.main-nav a:after{display:none}.hero{height:calc(100svh - 74px);min-height:560px}.hero-copy{left:24px;right:24px;bottom:18%}.hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}.slider-controls{right:20px}.section{padding:82px 24px}.intro-grid,.section-heading,.breeding,.contact-grid,.detail-intro,.pedigree{grid-template-columns:1fr}.section-label{margin-bottom:36px}.copy-column{padding:0}.horse-grid{grid-template-columns:1fr}.horse-card figure,.horse-card.featured figure{height:420px}.breeding{gap:45px}.offspring-gallery{gap:10px}.offspring-gallery img{height:280px}.offspring-gallery figure:nth-child(2){padding-top:40px}.sales-box{grid-template-columns:1fr;gap:8px}.sales-box a{justify-self:start;margin-top:15px}.contact address div{grid-template-columns:115px 1fr}footer{align-items:flex-start;flex-wrap:wrap;gap:20px 35px}footer p{width:calc(100% - 150px);margin:15px 0 0}footer div{width:100%;border-top:1px solid rgba(255,255,255,.2);padding-top:20px}.detail-header .brand{display:block}.detail-header{grid-template-columns:1fr 1fr}.detail-hero{height:78vh}.detail-intro{gap:35px}.detail-gallery{grid-template-columns:1fr;padding-top:0}.detail-gallery figure,.detail-gallery figure:nth-child(2),.detail-gallery figure:nth-child(3){height:320px;grid-column:auto;margin:0;transform:none}.pedigree-tree{grid-template-columns:1fr}.pedigree-root{grid-row:auto}.pedigree{gap:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.horse-card,.horse-card img{transition:none}.slider-progress span{animation:none}}

/* Ergänzungen: Bild im Über-uns-Bereich */
.intro-grid{grid-template-columns:1fr .75fr .8fr;gap:5vw;align-items:start}
.intro-image{margin:0;height:500px;overflow:hidden}
.intro-image img{height:100%;object-fit:cover;object-position:67% center}

/* Durchklickbare Pferdeübersicht */
.horse-carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:30px;font-size:.7rem;letter-spacing:.13em}
.horse-carousel-controls button{width:44px;height:44px;border:1px solid rgba(32,32,29,.45);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;font-size:1rem;transition:.25s}
.horse-carousel-controls button:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.horse-grid>.horse-card:nth-child(n+4){display:none}

/* Einheitliche Bilder-Slideshow auf Pferde-Detailseiten */
.detail-gallery{display:block;padding-top:0}
.detail-slider{height:min(72vh,760px);min-height:480px;background:#201d1b}
.detail-gallery .detail-slider .slide{position:absolute;inset:0;width:100%;height:100%;margin:0;transform:none;grid-column:auto}
.detail-slider .slide img{object-position:67% center}
.detail-slider-controls{right:35px;bottom:30px;padding:10px 12px;background:rgba(20,18,17,.55);backdrop-filter:blur(6px)}

/* Nachzucht: bewusst nur ein großes Bild */
.offspring-gallery{display:block}
.offspring-gallery figure{width:min(100%,572px);margin:0 auto}
.offspring-gallery figure:nth-child(2){padding-top:0}
.offspring-gallery img{height:auto;object-fit:contain;object-position:center}

/* Verkaufspferde-Unterseite */
.sales-hero{padding:210px 8vw 110px;background:#ebe6dd}
.sales-hero h1{font:400 clamp(3rem,6vw,6.8rem)/.95 var(--serif);letter-spacing:-.035em;margin:0;max-width:1050px}
.sales-hero>p{max-width:570px;line-height:1.75;color:#66625b;margin:36px 0 0}
.listing-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:55px}
.listing-intro h2{font:400 clamp(2.5rem,4vw,4.5rem)/1 var(--serif);margin:0}
.listing-intro p{line-height:1.7;color:#66625b;margin:0;max-width:550px}
.listing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.listing-card{background:#ebe6dd;text-decoration:none;display:grid;grid-template-columns:.85fr 1fr;min-height:300px;transition:transform .3s}
.listing-card:hover{transform:translateY(-5px)}
.listing-card img{height:100%;object-fit:cover;object-position:68% center}
.listing-card>div{padding:36px;display:flex;flex-direction:column;align-items:flex-start}
.listing-card p,.listing-card span{text-transform:uppercase;letter-spacing:.13em;font-size:.66rem;color:#706c65}
.listing-card h3{font:400 1.8rem var(--serif);margin:16px 0 auto}
.listing-card span{color:var(--wine);border-bottom:1px solid;padding-bottom:6px}

@media(max-width:900px){
  .intro-grid{grid-template-columns:1fr}
  .intro-image{height:420px;order:3}
  .horse-carousel-controls{justify-content:center}
  .detail-slider{height:62vh;min-height:420px}
  .detail-slider-controls{right:18px;bottom:18px}
  .sales-hero{padding:150px 24px 80px}
  .listing-intro,.listing-grid{grid-template-columns:1fr}
  .listing-card{grid-template-columns:1fr;min-height:0}
  .listing-card img{height:330px}
}

/* Reduzierter Stammbaum: nur Vater und Mutter-Vater */
.pedigree-tree{grid-template-columns:repeat(2,minmax(0,1fr))}
.pedigree-tree .parent{min-height:150px;display:flex;flex-direction:column;justify-content:center}

@media(max-width:900px){
  .pedigree-tree{grid-template-columns:1fr}
}

/* Galerie */
.gallery-intro{padding:115px 8vw 95px;background:#ebe6dd}
.gallery-intro h1{font:400 clamp(3.5rem,7vw,7.5rem)/.92 var(--serif);letter-spacing:-.04em;margin:0}
.gallery-categories{display:flex;gap:38px;margin-top:55px}
.gallery-categories a{text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;border-bottom:1px solid;padding-bottom:7px}
.gallery-category{scroll-margin-top:92px}
.gallery-category-heading{display:flex;align-items:baseline;gap:24px;margin-bottom:50px}
.gallery-category-heading span{color:var(--wine);font-size:.68rem;letter-spacing:.14em}
.gallery-category-heading h2{font:400 clamp(2.5rem,4.5vw,5rem)/1 var(--serif);margin:0}
.photo-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:320px 320px;gap:18px}
.photo-grid a{display:block;overflow:hidden;background:#ddd}
.photo-grid .photo-large{grid-row:span 2}
.photo-grid img{height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease}
.photo-grid a:hover img{transform:scale(1.025);filter:brightness(.92)}
.photo-grid-reverse{grid-template-columns:.85fr .85fr 1.15fr}
.photo-grid-simple{grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:520px}
.gallery-dark{background:var(--wine-dark);color:#fff}
.gallery-dark .gallery-category-heading span{color:#d8b7ba}
.category-slider{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:3/2;background:#dfd9cf}
.category-slider .slide{display:grid;place-items:center;background:#dfd9cf}
.category-slider .slide a{display:block;width:100%;height:100%;padding:0}
.category-slider .slide img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transform:none;filter:none}
.category-slider-dark,.category-slider-dark .slide{background:#270006}
.category-slider-controls{right:26px;bottom:22px;padding:9px 11px;background:rgba(18,16,15,.7);backdrop-filter:blur(6px)}
.category-slider-controls button{background:rgba(255,255,255,.04)}

@media(max-width:1100px) and (min-width:901px){
  .main-nav a{min-width:115px}
}

@media(max-width:900px){
  .gallery-intro{padding:80px 24px 70px}
  .gallery-categories{gap:20px;flex-wrap:wrap;margin-top:38px}
  .gallery-category{scroll-margin-top:74px}
  .photo-grid,.photo-grid-reverse,.photo-grid-simple{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px}
  .photo-grid a,.photo-grid .photo-large{grid-row:auto;height:250px}
  .photo-grid a:first-child{grid-column:1/-1;height:390px}
  .category-slider{height:auto;min-height:0;max-height:none;aspect-ratio:3/2}
  .category-slider .slide a{padding:0}
  .category-slider-controls{right:16px;bottom:16px}
}

@media(max-width:560px){
  .photo-grid,.photo-grid-reverse,.photo-grid-simple{grid-template-columns:1fr}
  .photo-grid a,.photo-grid .photo-large,.photo-grid a:first-child{grid-column:auto;height:330px}
  .category-slider{height:auto;min-height:0;aspect-ratio:3/2}
}

/* Social-Media-Verweise in der Kopfleiste */
.header-socials{display:flex;justify-content:flex-end;align-items:center;gap:15px;text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:500;white-space:nowrap}
.header-socials a,.header-socials>span{text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
.header-socials a:hover{color:var(--wine);border-bottom-color:var(--wine)}
.header-socials .social-placeholder{color:#908b84;cursor:default}
.social-short{display:none}

@media(max-width:900px){
  .site-header{grid-template-columns:1fr auto auto;column-gap:8px}
  .header-socials{gap:9px;margin-left:3px;font-size:.62rem;letter-spacing:.08em}
  .header-socials a,.header-socials>span{padding:8px 2px}
  .social-full{display:none}
  .social-short{display:inline}
}

/* Impressum */
.legal-page{min-height:calc(100vh - 170px);background:var(--paper)}
.legal-intro{padding:210px 8vw 75px;background:#ebe6dd}
.legal-intro h1{font:400 clamp(3.5rem,7vw,7rem)/.95 var(--serif);letter-spacing:-.04em;margin:0}
.legal-subtitle{margin:24px 0 0;font-size:1rem;letter-spacing:.03em;color:#5d5b55}
.legal-content{max-width:920px;padding:85px 8vw 120px}
.legal-section{display:grid;grid-template-columns:260px 1fr;gap:45px;padding:28px 0;border-bottom:1px solid var(--line)}
.legal-section h2{font:400 1.45rem var(--serif);margin:0}
.legal-section p{margin:0;line-height:1.8;color:#5d5b55}
.legal-note{margin:45px 0 0;padding:20px 24px;border-left:3px solid var(--wine);background:#ebe6dd;line-height:1.65;color:#5d5b55}
.image-credits{scroll-margin-top:110px}
.detail-copy>p:not(.lead){text-align:justify;hyphens:auto;-webkit-hyphens:auto}

@media(max-width:900px){
  .legal-header{grid-template-columns:1fr 1fr}
  .legal-intro{padding:150px 24px 60px}
  .legal-content{padding:55px 24px 85px}
  .legal-section{grid-template-columns:1fr;gap:12px}
}

/* Feste Bildformate unabhängig vom Browserfenster */
.horse-card figure,.horse-card.featured figure{height:auto;aspect-ratio:1/1}
.horse-card figure img{width:100%;height:100%;object-fit:cover}
.horse-card:hover .image-focus img{transform:scale(1.21)}
.horse-card:hover .image-wide img{transform:scale(1.15)}
.detail-slider{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:2/1}

/* Logos vollständig und ohne Beschnitt anzeigen */
.brand img,footer img{object-fit:contain;object-position:center}

/* Erweiterter Stammbaum auf Charics Detailseite */
.pedigree-extended{grid-template-columns:.55fr 1.45fr;gap:6vw}
.family-tree{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(470px,1.8fr);gap:50px;align-items:center}
.tree-families{display:grid;gap:30px;position:relative}
.tree-families::before{content:"";position:absolute;left:-25px;top:25%;bottom:25%;border-left:1px solid rgba(255,255,255,.38)}
.tree-family{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.2fr);gap:50px;align-items:center;position:relative}
.tree-family::before{content:"";position:absolute;left:-25px;top:50%;width:25px;border-top:1px solid rgba(255,255,255,.38)}
.tree-node{position:relative;padding:24px 22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);min-width:0}
.tree-node small{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.13em;font-size:.62rem;color:#d8b7ba}
.tree-node strong{display:block;font:400 clamp(1.05rem,1.55vw,1.4rem) var(--serif);overflow-wrap:anywhere}
.tree-node .tree-meta{display:block;margin-top:9px;font-size:.66rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.tree-horse{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.48)}
.tree-horse::after,.tree-parent::after{content:"";position:absolute;left:100%;top:50%;width:25px;border-top:1px solid rgba(255,255,255,.38)}
.tree-grandparents{display:grid;gap:12px;position:relative}
.tree-grandparents::before{content:"";position:absolute;left:-25px;top:25%;bottom:25%;border-left:1px solid rgba(255,255,255,.38)}
.tree-grandparents .tree-node::before{content:"";position:absolute;right:100%;top:50%;width:25px;border-top:1px solid rgba(255,255,255,.38)}

@media(max-width:1050px){
  .pedigree-extended{grid-template-columns:1fr}
}

@media(max-width:700px){
  .family-tree{grid-template-columns:1fr;gap:18px}
  .tree-families{gap:18px}
  .tree-family{grid-template-columns:1fr;gap:12px;padding-left:18px;border-left:1px solid rgba(255,255,255,.38)}
  .tree-grandparents{padding-left:18px;border-left:1px solid rgba(255,255,255,.25)}
  .tree-families::before,.tree-family::before,.tree-horse::after,.tree-parent::after,.tree-grandparents::before,.tree-grandparents .tree-node::before{display:none}
}