/* Seite /becken-und-technik/ (Gman 21.10.2026 23:22), nur fuer diese Seite */
.ts-body{background:#F7F2E8}
.ts-seite{font-family:Figtree,sans-serif;color:#122E4D}
.ts-kopf{padding:140px 0 24px;background:#F7F2E8}
.ts-kopf .brotkrume{font-size:.9rem;margin-bottom:28px;color:#55606E}
.ts-kopf .brotkrume a{color:#122E4D}
.ts-titel{font-family:Figtree,sans-serif;font-weight:700;font-size:clamp(2.3rem,5.2vw,4.2rem);line-height:1.04;letter-spacing:-.02em;margin:.3rem 0 1.1rem;max-width:16ch;color:#122E4D}
.ts-lead{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.55;max-width:44rem;margin:0 0 1.4rem;color:#2B4460}
.ts-kopf .tl{font-weight:600}
.ts-kreislauf{padding-top:24px}
.ts-kreislauf .kl-bild{background:#FBF8F2;box-shadow:0 18px 40px -24px rgba(18,46,77,.35)}
.ts-teile .t2,.ts-kreislauf .t2{color:#122E4D}
.ts-titel .akzent{color:#A3421D}
.ts-q a,.ts-q{font-size:.875rem;font-weight:600}
.ts-q a{color:#A3421D;text-decoration:none;margin-left:2px}
.ts-q a:hover,.ts-q a:focus-visible{text-decoration:underline}
.ts-raum-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media (max-width:860px){.ts-raum-in{grid-template-columns:1fr;gap:20px}}
.ts-raum-bild img{width:100%;height:auto;border-radius:16px;display:block}
.ts-raum-text p{line-height:1.6;max-width:36rem}
.ts-q-titel{font-size:1rem;margin:0}
.ts-q-liste{font-size:.88rem;color:#55606E;padding-left:20px;margin:0}
.ts-q-liste li{margin:3px 0;overflow-wrap:anywhere}
@media (max-width:767px){.ts-kopf{padding:110px 0 12px}}
html{scroll-behavior:auto}

/* Technikseite 24.10.2026 20:2x (Gman 20:12): Bauteil-Leiste ohne Rand-Abschnitt, Quellen einklappbar */
.ts-q-det{border-top:1px solid #E6DCC8}
.ts-q-sum{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;list-style:none}
.ts-q-sum::-webkit-details-marker{display:none}
.ts-q-sum::after{content:"+";font-size:1.4rem;line-height:1;color:#A3421D;margin-left:auto;padding-right:4px}
.ts-q-det[open]>.ts-q-sum::after{content:"\2212"}
.ts-q-sum:focus-visible{outline:3px solid #E39B3B;outline-offset:2px}
.ts-q-anz{font-size:.875rem;color:#55606E}
.ts-q-in{padding:4px 0 0}
@media (max-width:767px){.ts-q-liste{padding-left:22px}.ts-q-liste li{margin:0;padding:10px 0;border-top:1px solid #E6DCC8;line-height:1.5}.ts-q-liste li:first-child{border-top:0}}

/* 24.10.2026 21:0x (Gman 20:56): Neukunden-Aufruf, Quellen am Seitenende, FAQ-Links */
.abschluss-bestand{font-size:1rem;line-height:1.5;color:rgba(246,241,232,.85);margin-top:28px;max-width:680px}
.abschluss-bestand .tl{margin-left:6px;white-space:nowrap}
.faq-antwort .tl{display:inline-block;margin-top:2px}
.faq-antwort .text+.text{margin-top:12px}
.ts-quellen{background:var(--sand,#F1EADB);padding-top:40px;padding-bottom:40px}

/* 24.10.2026 21:1x (Gman 21:03): Schritte nur einmal (Schritt-Liste der Zeichnung); Bauteil-Leiste entfernt */

/* 24.10.2026 22:5x (Gman, Jury-Kritiken): unauffaellige Textlinks im Fliesstext */
.ts-textlink{color:inherit;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ts-textlink:hover,.ts-textlink:focus-visible{color:#A3421D}

/* 24.10.2026 L13: Bauteil-Karten, Foto gross (60 %), Text klein, abwechselnd links/rechts; Handy Foto volle Breite */
.ts-teile{padding-top:48px}
.ts-intro{margin:0 0 1.5rem;max-width:42rem;color:#122E4D;line-height:1.55;font-size:1.0625rem}
.ts-liste{display:grid;gap:2rem}
.ts-karte{display:grid;grid-template-columns:60% 1fr;align-items:stretch;background:#fff;border:1px solid #E6DCC8;border-radius:16px;overflow:hidden}
.ts-karte:nth-child(even){grid-template-columns:1fr 60%}
.ts-karte:nth-child(even) .ts-foto{order:2}
.ts-foto{margin:0;background:#F1EADB;display:flex;flex-direction:column;position:relative;overflow:hidden}
.ts-foto picture{display:block;flex:1;min-height:0}
.ts-foto img{display:block;width:100%;height:100%;object-fit:cover}
.ts-foto-zoom img{transform:scale(1.7);transform-origin:50% 88%}
.ts-foto figcaption{position:absolute;left:12px;bottom:8px;font-size:.8125rem;line-height:1.3;color:#55606E;background:rgba(241,234,219,.85);padding:2px 8px;border-radius:6px}
.ts-text{padding:1.5rem 1.75rem;align-self:center;color:#122E4D}
.ts-kopfzeile{display:flex;align-items:center;gap:.6rem;margin:0 0 .5rem}
.ts-nr{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 5px;border-radius:999px;border:1.5px solid #122E4D;font-weight:700;font-size:.95rem}
.ts-text h3{margin:0 0 .5rem;font-size:1.5rem;line-height:1.2}
.ts-fkt{margin:0;font-size:.9375rem;line-height:1.55}
.ts-text .kl-werte{list-style:none;margin:.75rem 0 0;padding:.75rem 0 0;border-top:1px solid #E6DCC8;display:grid;gap:.4rem;font-size:.9375rem;line-height:1.5}
.ts-text .kl-werte li{margin:0}
.ts-text .kl-wk{font-weight:700}
.ts-mehr{margin:.75rem 0 0;border-top:1px solid #E6DCC8}
.ts-mehr summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;font-weight:700;font-size:.9375rem;color:#122E4D;list-style:none}
.ts-mehr summary::-webkit-details-marker{display:none}
.ts-mehr summary::after{content:"+";font-size:1.4rem;line-height:1;color:#A3421D;margin-left:auto;padding-right:4px}
.ts-mehr[open] summary::after{content:"\2212"}
.ts-mehr summary:focus-visible{outline:3px solid #E39B3B;outline-offset:2px}
.ts-mehr-in>p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.5}
.ts-mehr-in .kl-werte{margin:0 0 .5rem;padding-top:0;border-top:0}
.ts-herst{margin:.25rem 0 0;font-size:.875rem;line-height:1.4;color:#55606E}
.ts-herst a{color:#122E4D}
@media (max-width:899px){
.ts-karte,.ts-karte:nth-child(even){grid-template-columns:1fr}
.ts-karte:nth-child(even) .ts-foto{order:0}
.ts-foto{aspect-ratio:4/3}
.ts-text{padding:1.1rem 1.1rem 1rem}
.ts-text h3{font-size:1.375rem}
}