/*
Theme Name: AquariumFundus
Description: Ruhiges, barrierearm gestaltetes Redaktionstheme für Süßwasseraquaristik.
Version: 0.1.1
Requires at least: 6.6
Requires PHP: 8.1
Author: Simon Kern
License: GNU General Public License v2 or later
Text Domain: aquariumfundus
*/
:root{--ink:#143d43;--muted:#49666b;--teal:#17636a;--pale:#e8f3f0;--paper:#fbfaf6;--line:#cfddd8;--white:#fff;--sand:#efe8d8;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--ink)}img{max-width:100%;height:auto;display:block}button,input{font:inherit}button,.button{cursor:pointer}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a8601d;outline-offset:5px}h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.5rem,5.2vw,4.8rem);margin:.6em 0}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:0 0 1rem}h3{font-size:1.35rem}p{margin:0 0 1.2rem}small,.meta{font-size:.875rem;color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.skip{position:absolute;left:1rem;top:-8rem;z-index:999;background:white;padding:1rem}.skip:focus{top:1rem}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:94px}.brand{font-size:1.45rem;font-weight:750;letter-spacing:-.06em;text-decoration:none;color:var(--ink);white-space:nowrap}.brand b{color:var(--teal);font-weight:400}.brand-mark{display:inline-block;margin-right:.65rem;font-size:1.8rem;vertical-align:middle}.nav{display:flex;align-items:center;gap:1.35rem}.nav a{font-size:.88rem;color:var(--ink);text-decoration:none;line-height:1.4;padding:.8rem 0}.nav a:hover{text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--ink);background:none;border-radius:4px;padding:.5rem .85rem;color:var(--ink)}.eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--teal)}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:2rem;align-items:center;padding-block:4.2rem}.hero h1 span{color:var(--teal)}.hero p{max-width:33rem;color:var(--muted);font-size:1.08rem}.hero figure{margin:0}.hero img{width:100%;aspect-ratio:3/2;object-fit:cover;mix-blend-mode:multiply}.hero figcaption{font-size:.75rem;color:var(--muted);text-align:right;margin-top:1rem}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.25rem;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:white;text-decoration:none;font-weight:600;font-size:.92rem}.button:hover{background:var(--teal);color:white}.button.secondary{background:transparent;color:var(--ink)}.section{padding-block:4rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-head p{max-width:29rem;color:var(--muted);margin:0}.journey{background:var(--pale);border-block:1px solid var(--line);padding-block:2.5rem}.journey h2{font-size:1.25rem;letter-spacing:-.015em;margin-bottom:1.5rem}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.steps li{font-size:.94rem;line-height:1.5}.steps span{display:block;font-size:.75rem;letter-spacing:.1em;color:var(--teal);margin-bottom:.6rem}.steps a{color:var(--ink);text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{position:relative;padding:1.8rem;background:white;border:1px solid var(--line);border-radius:6px}.card a{text-decoration:none;color:var(--ink)}.card h3{margin:.8rem 0}.card p{font-size:.94rem;color:var(--muted);margin:0}.card .number{font-size:.8rem;color:var(--teal)}.card:hover{border-color:var(--teal)}.card .arrow{display:block;margin-top:1.5rem;color:var(--teal)}.cards .card:nth-child(4),.cards .card:nth-child(5){background:var(--pale)}.problems{background:var(--ink);color:var(--paper)}.problems .eyebrow,.problems .section-head p{color:#bbd9d6}.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:0 3rem}.problem-list a{display:flex;justify-content:space-between;gap:1rem;color:var(--paper);padding:1.1rem 0;border-top:1px solid #527174;text-decoration:none}.problem-list a:hover{text-decoration:underline}.selected{display:grid;grid-template-columns:1fr 1fr;gap:2rem;border-top:1px solid var(--line);padding-top:2rem}.selected img{border-radius:5px;aspect-ratio:3/2;object-fit:cover}.trust{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:3rem}.trust ul{padding-left:1.2rem}.site-footer{margin-top:2rem;padding-block:2.8rem;background:var(--pale);border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:2rem;align-items:start}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem}.breadcrumb{font-size:.8rem;color:var(--muted);padding-top:2rem}.breadcrumb a{color:var(--muted)}.article-head{max-width:840px;margin:2.5rem auto 2rem}.article-head h1{font-size:clamp(2.25rem,4.3vw,3.8rem)}.article-image{max-width:900px;margin:2rem auto}.article-image img{width:100%;border-radius:6px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;gap:4rem;align-items:start;justify-content:center}.prose{min-width:0;overflow-wrap:anywhere}.prose h2{font-size:1.8rem;margin:2.8rem 0 1rem}.prose h3{margin:1.8rem 0 .8rem}.prose li{margin-bottom:.55rem}.prose table{border-collapse:collapse;width:100%;font-size:.94rem;margin:1.5rem 0}.prose th,.prose td{border-bottom:1px solid var(--line);padding:.8rem;text-align:left;vertical-align:top;overflow-wrap:anywhere}.prose th{background:var(--pale)}.af-answer{background:var(--pale);border-left:3px solid var(--teal);padding:1.5rem 1.7rem;margin:1.8rem 0}.af-answer h2{font-size:1.05rem;margin:0 0 .7rem;letter-spacing:0}.af-answer p:last-child,.af-notice p:last-child{margin-bottom:0}.af-notice{padding:1.25rem 1.5rem;border:1px solid #bbac85;background:#f5f0e2;margin:2rem 0}.toc{border-top:2px solid var(--ink);padding-top:1rem;font-size:.87rem;position:sticky;top:2rem}.toc ol{padding-left:1.2rem}.toc li{margin:.65rem 0}.toc a{color:var(--muted)}.faq{margin:3rem 0}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq summary{cursor:pointer;font-weight:650;min-height:30px}.faq details p{margin:1rem 0 0}.sources{border-top:1px solid var(--line);padding-top:1rem;font-size:.9rem}.sources a{overflow-wrap:anywhere}.page-content{max-width:800px;margin:3rem auto}.archive-head{max-width:800px;margin:3rem 0}.archive-head h1{font-size:clamp(2.3rem,4vw,3.7rem)}.archive-head p{color:var(--muted)}.empty{padding:1.5rem;border:1px solid var(--line);background:white}.search-form{display:flex;gap:.6rem;max-width:600px}.search-form label{flex:1;min-width:0}.search-field{width:100%;min-height:48px;background:white;border:1px solid var(--muted);padding:.6rem;border-radius:3px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagination{padding:2rem 0}.nav-links{display:flex;gap:1rem;flex-wrap:wrap}.page-numbers{padding:.3rem .7rem}.wp-caption{max-width:100%}.alignwide{max-width:100%}@media(max-width:1050px){.nav{gap:.8rem}.nav a{font-size:.8rem}.article-layout{grid-template-columns:minmax(0,1fr) 200px;gap:2rem}}@media(max-width:850px){.header-inner{flex-wrap:wrap;min-height:80px;padding-block:1rem}.menu-toggle{display:block}.nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:.5rem}.nav a{font-size:1rem;padding:.75rem 0;border-top:1px solid var(--line)}.js .nav[hidden]{display:none}.hero{grid-template-columns:1fr;padding-block:2.5rem;gap:.8rem}.hero h1{max-width:600px}.hero figure{max-width:620px}.hero figcaption{text-align:left}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:.8rem}.steps li{display:flex;gap:1rem;align-items:baseline}.steps span{margin:0}.section-head{display:block}.section-head p{margin-top:1rem}.article-layout{display:flex;flex-direction:column;gap:1rem}.toc{position:static;order:-1;width:100%}.toc ol{columns:2}.article-head{margin:2rem auto}.trust{grid-template-columns:1fr;gap:1rem}}@media(max-width:560px){.wrap{width:calc(100% - 2rem)}.brand{font-size:1.3rem}.hero h1{font-size:2.65rem}.hero p{font-size:1rem}.section{padding-block:2.8rem}.cards,.problem-list,.selected{grid-template-columns:1fr}.card{padding:1.5rem}.footer-inner{flex-direction:column}.article-head h1{font-size:2.25rem}.toc ol{columns:1}.prose table{font-size:.82rem}.prose th,.prose td{padding:.5rem}.af-answer{padding:1.2rem}.search-form{flex-wrap:wrap}.hero figcaption{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.site-header,.site-footer,.toc,.actions{display:none}.article-layout{display:block}body{background:white;color:black}}
