/* An informative catalogue: cards never behave as fish selections. */
.assortiment-hero{position:relative;isolation:isolate;min-height:530px;display:flex;align-items:center;overflow:hidden;background:#151e24}
.assortiment-hero>img{position:absolute;inset:0;height:100%;object-position:75% center;z-index:-2}
.assortiment-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#182025fa 0%,#182025ed 32%,#18202555 68%,#18202522),linear-gradient(0deg,#202426,transparent 42%)}
.assortiment-hero-content{padding-top:70px;padding-bottom:60px}
.assortiment-hero h1{font-size:clamp(48px,5.5vw,76px);max-width:690px}
.assortiment-hero-content>p:not(.eyebrow){margin-top:25px;max-width:465px;color:#e0e7e5;font-size:17px}
.assortiment-hero .text-link{margin-top:22px}
.assortiment-intro{padding-top:55px;padding-bottom:65px}
.assortiment-promise{display:flex;gap:28px;max-width:1000px}
.assortiment-promise>span{color:var(--accent);font:64px Georgia;line-height:1}
.assortiment-promise h2{font-size:32px;line-height:1.22}
.assortiment-promise p{margin-top:18px;color:var(--muted);font-size:15px;line-height:1.8;max-width:820px}
.assortiment-promise strong{color:var(--ink);font-weight:600}
.assortiment-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:36px;position:static;background:none;padding:0;border:0}
.assortiment-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:15px;font-size:13px;font-weight:600;color:var(--ink);line-height:1.4}
.assortiment-nav a:hover{border-color:var(--accent);color:var(--accent)}
.assortiment-nav span{color:var(--accent);font-size:21px}
.assortiment-key{margin-top:20px;font-size:12px;color:var(--muted);line-height:1.8}
.assortiment-biotope{border-top:1px solid var(--line);padding-top:75px;padding-bottom:65px;scroll-margin-top:35px}
.assortiment-biotope:nth-of-type(even){background:#24292b}
.biotope-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.biotope-overview .eyebrow{font-size:10px;line-height:1.8;margin-bottom:16px}
.biotope-overview h2{font-size:clamp(35px,3.8vw,52px)}
.biotope-overview p:not(.eyebrow){margin-top:22px;font-size:16px;color:var(--muted);max-width:560px;line-height:1.8}
.biotope-overview>img{height:235px;border-radius:8px;object-fit:cover}
.biotope-advice{background:#00c9f507;border:1px solid #00c9f528;border-left:3px solid var(--accent);border-radius:5px;padding:22px 28px;margin-top:28px}
.advice-label{font-size:10px;letter-spacing:.13em;font-weight:700;color:var(--accent)}
.biotope-advice ul{padding-left:18px;margin:12px 0 0;color:#d7e0de;font-size:13px;line-height:1.8}
.biotope-advice li+li{margin-top:6px}
.fish-group{margin-top:40px}
.fish-group>h3{font-size:21px;font-weight:600;letter-spacing:-.025em;margin-bottom:20px;line-height:1.4}
.fish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fish-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.fish-photo{height:205px;background:#11191c;display:flex;justify-content:center;align-items:center}
.fish-photo img{width:100%;height:100%;object-fit:contain}
.fish-photo-pending{color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:5px}
.fish-photo-pending>span:first-child{font:56px Georgia;color:var(--accent)}
.fish-photo-pending small{font-size:11px}
.fish-info{padding:21px 22px 18px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.fish-sizes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
.fish-sizes span{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.02em;color:#aeeaff;background:#00c9f50c;border:1px solid #00c9f533;border-radius:3px;padding:5px 8px}
.fish-info h4{font-size:17px;line-height:1.45;margin:0;letter-spacing:-.02em;font-weight:600}
.fish-latin{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}
.fish-facts{font-size:12px;padding:15px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%}
.fish-facts div{display:flex;justify-content:space-between;gap:14px;align-items:baseline}
.fish-facts div+div{margin-top:6px}
.fish-facts dd{font-size:12px;text-align:right;max-width:70%;line-height:1.6}
.fish-description{font-size:13px;line-height:1.8;color:#d9e2de;margin-bottom:15px}
.fish-credit{margin-top:auto;color:var(--muted);font-size:11px;line-height:1.7;width:100%;border:0}
.fish-credit summary{cursor:pointer;min-height:30px;display:list-item;list-style:disclosure-closed;font-size:11px;padding:5px 0;font-weight:400}
.fish-credit summary:after{content:none}
.fish-credit[open] summary{list-style:disclosure-open}
.fish-credit p{margin-top:6px;overflow-wrap:anywhere;font-size:11px;line-height:1.7;padding:0}
.fish-credit a{color:#7cddff;text-decoration:underline;text-underline-offset:3px}
.assortiment-back{display:inline-flex;align-items:center;min-height:44px;margin-top:30px;font-size:12px;color:var(--accent)}
.assortiment-visit{border-top:1px solid var(--line);background:var(--surface)}
.assortiment-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}
.assortiment-steps article{border-top:1px solid var(--line);padding-top:20px}
.assortiment-steps span{color:var(--accent);font-size:12px}
.assortiment-steps h3{font-size:23px;margin-top:14px;line-height:1.4}
.assortiment-steps p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}
.assortiment-photo-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:35px}
.assortiment-page #navigation [aria-current=page]{color:var(--accent)}
.biotope-content-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:24px;font-size:13px;color:var(--accent)}
.biotope-content-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.plant-section{margin-top:55px;padding-top:45px;border-top:1px solid #9dcf9233;scroll-margin-top:25px}
.plant-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}
.plant-heading .eyebrow{color:#add79f;font-size:10px;line-height:1.8;margin-bottom:12px}
.plant-heading h3{font-size:clamp(26px,3vw,36px);line-height:1.25;max-width:760px}
.plant-mark{color:#add79f;flex-shrink:0}
.plant-intro{font-size:15px;color:var(--muted);line-height:1.8;max-width:900px;margin-top:22px}
.plant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.plant-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.plant-photo{height:205px;background:#fff;display:flex;align-items:center;justify-content:center}
.plant-photo img{width:100%;height:100%;object-fit:contain;padding:12px}
.plant-info{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.plant-position{display:flex;gap:10px;align-items:baseline;color:#add79f;font-size:10px;letter-spacing:.025em;margin-bottom:13px;line-height:1.6}
.plant-position span{font-size:11px;opacity:.65}
.plant-info h4{font-size:17px;line-height:1.45;letter-spacing:-.02em;font-weight:600;margin:0}
.plant-latin{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6}
.plant-facts{padding:15px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;font-size:12px}
.plant-facts div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;align-items:baseline}
.plant-facts div+div{margin-top:8px}
.plant-facts dd{font-size:12px;text-align:left;line-height:1.7}
.plant-description{font-size:13px;line-height:1.8;color:#d9e2de;margin-bottom:15px}
.plant-source{margin-top:auto;font-size:11px;line-height:1.8}
.plant-source a,.plant-photo-credit a,.plant-care a{color:#add79f;text-decoration:underline;text-underline-offset:3px}
.plant-photo-credit{font-size:10px;line-height:1.8;color:var(--muted);margin-top:10px}
.plant-composition{padding:26px 28px;border:1px solid #9dcf9233;background:#9dcf9207;border-radius:8px;margin-top:28px}
.plant-composition h4{font-size:21px;line-height:1.4;font-weight:600}
.plant-composition dl{margin-top:20px}
.plant-composition dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:17px 0;border-top:1px solid var(--line)}
.plant-composition dt{color:#add79f;font-size:12px;font-weight:600;line-height:1.8}
.plant-composition dd{font-size:13px;text-align:left;line-height:1.8;color:#d9e2de}
.plant-care{font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
.plant-visit-note{font-size:12px;line-height:1.9;color:var(--muted);max-width:940px;margin-top:20px}
@media(max-width:1050px){.plant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.plant-section{margin-top:40px;padding-top:30px;scroll-margin-top:15px}.plant-mark{width:40px;height:40px}.plant-heading{gap:10px}.plant-intro{font-size:14px}.plant-grid{grid-template-columns:1fr;gap:18px}.plant-info{padding:20px}.plant-composition{padding:22px 20px}.plant-composition h4{font-size:19px}.plant-composition dl>div{grid-template-columns:50px minmax(0,1fr);gap:12px}.biotope-content-links{gap:0 18px;font-size:12px}}
@media(max-width:1050px){.assortiment-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.biotope-overview{gap:35px}.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.assortiment-hero{min-height:510px}.assortiment-hero-content{padding-top:75px;padding-bottom:40px}.assortiment-hero h1{font-size:clamp(40px,10vw,54px)}.assortiment-hero-content>p:not(.eyebrow){font-size:15px}.assortiment-intro{padding-top:35px;padding-bottom:45px}.assortiment-promise{gap:16px}.assortiment-promise>span{font-size:38px}.assortiment-promise h2{font-size:25px}.assortiment-promise p{font-size:14px}.assortiment-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px;gap:9px}.assortiment-nav a{padding:12px;min-height:62px;font-size:12px}.assortiment-nav a:last-child{grid-column:1/-1}.assortiment-biotope{padding:45px 0;scroll-margin-top:15px}.biotope-overview{grid-template-columns:1fr;gap:24px}.biotope-overview>img{height:190px}.biotope-overview p:not(.eyebrow){font-size:14px;margin-top:16px}.biotope-advice{padding:18px;margin-top:22px}.biotope-advice ul{font-size:12px}.fish-group{margin-top:30px}.fish-group>h3{font-size:19px}.fish-grid{grid-template-columns:1fr;gap:18px}.fish-photo{height:220px}.fish-info{padding:20px}.fish-credit summary{min-height:36px}.assortiment-steps{grid-template-columns:1fr;gap:25px;margin-top:30px}}