/* Bauteile aus Angelos Liste vom 05.11.2026 */
.sr-nur{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ik{width:26px;height:26px;flex:none;color:var(--blau,#0057B8)}
.s-mail{background:var(--navy,#0057B8);color:#fff}.s-mail .ik{color:#fff;width:24px;height:24px}
@media(max-width:700px){.fuss__notiz{padding-bottom:64px}}
.phero__unter em{font-style:italic}

/* Formulare untereinander, wie auf den Skizzen */
.anfrage__in--breit{display:block}
.anfrage__in--breit .anfrage__kopf{max-width:46rem;margin-bottom:32px}
.anfrage__in--breit .anfrage__kopf .sec__lead{max-width:none}
.anfrage__in--breit .anf{max-width:60rem;margin-inline:auto}
.anf__kopfzeile{margin-bottom:22px}.anf__titel{font:600 clamp(1.4rem,3vw,1.9rem)/1.2 var(--ff-d,"Poppins",sans-serif);margin:.2em 0 .4em}
.anf__block>.anf__hilfe{margin:-4px 0 12px}
.anf__bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}
.fotos__wahl{color:#fff}
.anf__bild{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:1.5px solid #C5D1DC;border-radius:12px;background:#fff;cursor:pointer;font-size:.9rem;line-height:1.3;min-width:0}
.anf__bild input{position:absolute;opacity:0;width:1px;height:1px}
.anf__bild svg{display:block;width:100%;height:auto}
.anf__bild span{overflow-wrap:break-word;hyphens:manual}
.anf__bild:hover{border-color:var(--navy,#0057B8)}
.anf__bild:has(input:checked){border-color:var(--navy,#0057B8);background:var(--water,#EAF4FB);box-shadow:0 0 0 1px var(--navy,#0057B8) inset}
.anf__bild:has(input:focus-visible),.anf__ikon:has(input:focus-visible){outline:3px solid var(--navy,#0057B8);outline-offset:2px}
.anf__ikonen{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px}
.anf__ikon{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:1.5px solid #C5D1DC;border-radius:12px;background:#fff;cursor:pointer;line-height:1.3;min-width:0}
.anf__ikon input{position:absolute;opacity:0;width:1px;height:1px}
.anf__ikon b{display:block;font-weight:500;font-size:.95rem}.anf__ikon small{display:block;font-size:.8rem;color:var(--muted,#4E5864)}
.anf__ikon span{min-width:0;overflow-wrap:anywhere}
.anf__ik{width:26px;height:26px;flex:none;color:var(--navy,#0057B8)}
.anf__ikon:hover{border-color:var(--navy,#0057B8)}
.anf__ikon:has(input:checked){border-color:var(--navy,#0057B8);background:var(--water,#EAF4FB);box-shadow:0 0 0 1px var(--navy,#0057B8) inset}
.anf__drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:560px){.anf__drei{grid-template-columns:minmax(0,1fr)}}

/* Startseite: Wann Pool und Wellness besonders gefragt sind */
.gef{display:grid;grid-template-columns:minmax(0,190px) repeat(12,minmax(0,1fr));gap:6px;margin:28px 0 30px}
.gef__m{padding:7px 0;border-radius:6px;text-align:center;font-size:.78rem;font-weight:500}
.gef__m--d{background:#14304F;color:#fff}.gef__m--h{background:#DCEBF8;color:#14304F}.gef__m--b{background:#0057B8;color:#fff}
.gef__n{padding:10px 12px;border-radius:10px 0 0 10px;background:#fff;min-width:0}.gef__n b{display:block;font-weight:600;font-size:.95rem}.gef__n small{display:block;font-size:.76rem;color:#4E5864}
.gef__z{display:contents}
.gef__c{display:block;min-height:46px;border-radius:6px;background:#E9F1F8}
.gef__c--b{background:linear-gradient(rgba(0,87,184,var(--s)),rgba(0,87,184,var(--s))),#EEF5FB}
.gef__c--s{background:linear-gradient(rgba(35,58,92,var(--s)),rgba(35,58,92,var(--s))),#EEF5FB}
@media(max-width:760px){
  .gef{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
  .gef__leer{display:none}
  .gef__m{font-size:.56rem;padding:5px 0;border-radius:4px}
  .gef__n{grid-column:1/-1;padding:12px 0 2px;background:none;border-radius:0}
  .gef__c{min-height:30px;border-radius:4px}
}

/* Poolbau: Koordination */
.koord{background:linear-gradient(180deg,#F4F9FD,#fff)}
.koord__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.koord__rund{position:relative;aspect-ratio:1/1;width:min(100%,430px);margin-inline:auto}
.koord__rund::before{content:"";position:absolute;inset:14%;border:1.5px solid #9CCBEE;border-radius:50%}
.koord__rund::after{content:"";position:absolute;inset:32%;background:#E7F2FB;border-radius:50%}
.koord__k{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:clamp(104px,34%,150px);padding:14px 8px 12px;background:#fff;border-radius:14px;box-shadow:0 10px 26px rgba(15,40,70,.1);text-align:center}
.koord__k b{font-weight:600;font-size:.92rem;overflow-wrap:anywhere}.koord__k .ik{width:42px;height:42px;padding:9px;border-radius:50%;background:#0057B8;color:#fff}
.koord__k--oben{top:0;left:50%;transform:translateX(-50%)}.koord__k--unten{bottom:0;left:50%;transform:translateX(-50%)}
.koord__k--links{left:0;top:50%;transform:translateY(-50%)}.koord__k--rechts{right:0;top:50%;transform:translateY(-50%)}
.koord__k--rechts .ik{background:#5DB3EE}.koord__k--unten .ik{background:#14304F}.koord__k--links .ik{background:#6F7C8A}
@media(max-width:860px){.koord__in{grid-template-columns:minmax(0,1fr)}}

/* Service: Leistungen */
.dienste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dienst{display:flex;gap:16px;padding:22px;border:1px solid #DCE3EA;border-radius:16px;background:#fff;min-width:0}
.dienst .ik{width:38px;height:38px}.dienst h3{font-size:1.05rem;margin:0 0 .4em;font-weight:600;overflow-wrap:anywhere;hyphens:manual}.dienst p{font-size:.92rem;line-height:1.5;margin:0;color:#4E5864}
.dienst>div{min-width:0}
@media(max-width:980px){.dienste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dienste{grid-template-columns:minmax(0,1fr)}}

/* Whirlpool: Was wir übernehmen */
.uebern{list-style:none;margin:0;padding:0;display:grid;gap:22px;max-width:52rem}
.uebern li{display:flex;gap:20px;align-items:flex-start}
.uebern__ik{display:grid;place-items:center;width:66px;height:66px;flex:none;border-radius:50%;background:#EAF4FB}
.uebern__ik .ik{width:32px;height:32px}
.uebern h3{color:#0057B8;font-size:1.05rem;font-weight:600;margin:.1em 0 .3em}.uebern p{margin:0;color:#4E5864;line-height:1.55}
.uebern li>div{min-width:0}

/* Sauna */
.sauna-bild img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:18px}
.zsp__in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.zsp__txt>*+*{margin-top:1.1rem}
.zsp__liste{list-style:none;padding:0;display:grid;gap:18px}
.zsp__liste li{display:flex;gap:16px;align-items:flex-start;padding-left:0}
.zsp__liste .ik{width:32px;height:32px;color:#fff}
.zsp__liste strong{color:#fff;display:block;font-weight:600}.zsp__liste p{margin:.2em 0 0;color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.5}
.zsp__liste li>div{min-width:0;padding-left:16px;border-left:1px solid rgba(255,255,255,.35)}
.zsp__bild img{display:block;width:100%;height:auto;border-radius:18px}
@media(max-width:860px){.zsp__in{grid-template-columns:minmax(0,1fr)}}
.galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.galerie figure{margin:0;min-width:0}
.galerie img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
@media(max-width:760px){.galerie{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Shop: Ihre Vorteile */
.vort{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:start}
.vort__liste{list-style:none;margin:0;padding:0;display:grid}
.vort__liste li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #DCE3EA}.vort__liste li:last-child{border-bottom:0}
.vort__ik{display:grid;place-items:center;width:56px;height:56px;flex:none;border-radius:12px;background:#EAF4FB}
.vort__liste h3{font-size:1.05rem;font-weight:600;margin:0 0 .3em}.vort__liste p{margin:0;font-size:.95rem;color:#4E5864;line-height:1.5}
.vort__liste li>div{min-width:0}
@media(max-width:860px){.vort{grid-template-columns:minmax(0,1fr)}}

/* Über uns */
.geschichte .sec__lead{max-width:52rem}.geschichte .sec__lead+.sec__lead{margin-top:1.2em}