/* seraif.de – Seiten-CSS erfolge (nur Regeln, die nicht im Kern css/seraif.css stehen).
   Quelle 1:1: mockup-erfolgsseite-2026-08-24.html
   Autor: Moritz Serif */
.gsc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.gsc-scroll::-webkit-scrollbar{display:none}
@media(max-width:600px){
.gsc-scroll{overflow:visible}
.gsc-scroll img{height:auto;width:100%;max-width:100%}
}
.usp .gsc-fig{grid-column:1/-1;margin-top:12px}
#selbsttest .usp-text{grid-column:1/-1;max-width:44em}
.chat img{display:block;width:100%;height:auto}
@media(max-width:920px){
.usp-text{order:2}
.usp .gsc-fig{order:3}
.pipeline{order:4}
}
@media(max-width:600px){
.usp .gsc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.usp .gsc-scroll img{width:720px;max-width:none;height:auto}
.usp .gsc-fig figcaption::after{content:" · SEITLICH WISCHEN"}
}
#massnahmen .bausteine{grid-template-columns:repeat(3,1fr)}
@media(max-width:1080px){
#massnahmen .bausteine{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
#massnahmen .bausteine{grid-template-columns:1fr}
}