/* Originalnahe Schrift: Roboto. Die Schriftdateien werden per install-fonts.sh lokal heruntergeladen. */
@font-face{font-family:'Roboto Local';src:url('../fonts/Roboto-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Local';src:url('../fonts/Roboto-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* Gestaltung in Anlehnung an die vorherige Website von Rohrreinigung Röckle */
body{margin:0;color:#272727;background:#fff;font-family:"Roboto Local",Roboto,Arial,Helvetica,sans-serif;font-size:14px}a{color:#007fae;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1060px}.grey{background:#f0f0f0}.topbar{background:#006b98;color:#fff;padding:11px 0;font-size:14px}.topbar a{color:#fff}.sep{padding:0 14px}.header{height:270px;display:flex;align-items:center}.brand-logo{display:block;width:360px;max-width:85%;height:auto;margin:auto}.intro{padding:38px 0 29px}.features{max-width:940px;margin:auto}.feature{padding:0 17px}.feature-icon{height:53px;color:#0094c4;font-size:39px;font-weight:bold;line-height:50px}.feature h2{font-size:17px;font-weight:400;margin:5px 0 10px}.feature p{font-size:12px;line-height:1.35}.owner{padding-top:19px}.owner img{height:175px;width:175px;object-fit:cover;border-radius:50%}.owner p{margin:12px 0 12px;font-size:12px}.blue-button{display:inline-block;background:linear-gradient(#009ac7,#006b98);color:white;min-width:300px;padding:13px 24px;font-size:17px;line-height:1.1;font-weight:600;text-align:center}.blue-button:hover{color:#fff;text-decoration:none;background:#006a94}.lead-section{padding:60px 0 62px}.lead-section h1{font-size:23px;font-weight:400;line-height:1.25;margin:0 0 28px}.lead-section p{font-size:13px;margin-bottom:10px}.services{padding:12px 0 65px}.section-title{font-size:23px;font-weight:400;margin:0 0 35px}.service-grid{max-width:740px;display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin:auto}.service-img img{display:block;width:100%;height:190px;object-fit:cover}.service-text{max-width:920px;margin:38px auto 0}.service-text h3{font-size:17px;font-weight:400;margin-bottom:10px}.service-text p{font-size:12px;line-height:1.35}.service-cta{margin-top:35px}.about{padding:48px 0}.about h2{font-size:22px;line-height:1.15;font-weight:400;margin-bottom:22px}.about p{font-size:13px;line-height:1.35;margin-bottom:15px}.about-image img{display:block;width:100%;height:390px;object-fit:cover}.about .blue-button{min-width:270px;margin-top:4px}.contact{padding:65px 0 52px}.contact h2{font-size:23px;font-weight:400;margin-bottom:36px}.contact-details{font-size:15px;line-height:1.5}.contact-details p{margin-bottom:19px}.contact-details .blue-button{min-width:220px}.footer{padding:25px 0 30px;font-size:12px}.footer nav{margin-bottom:17px}.footer p{line-height:1.5}@media(max-width:767px){.header{height:195px}.brand-logo{width:300px}.intro{padding:30px 0}.feature{padding:0 10px;margin-bottom:20px}.features{row-gap:8px}.lead-section{padding:43px 0}.lead-section h1,.section-title,.contact h2{font-size:21px}.services{padding-bottom:45px}.service-img img{height:150px}.service-text{margin-top:25px}.about{padding:40px 0}.about-image img{height:270px}.contact{padding:48px 0}.blue-button{min-width:260px}.sep{padding:0 8px}}@media(max-width:420px){.topbar{font-size:12px}.feature h2{font-size:16px}.feature p{font-size:11px}.service-img img{height:120px}.service-text h3{font-size:16px}}

/* Originalbilder und Icons */
.feature-icon{height:70px;display:flex;align-items:center;justify-content:center}
.feature-icon img{max-height:62px;max-width:79px;width:auto;height:auto;object-fit:contain}
.owner img{object-position:center 25%}
.about-image img{object-fit:contain;background:#f0f0f0}

/* Rechtliche Unterseiten */
.legal-top{background:#00608b;color:#fff;padding:10px 15px;text-align:center;font-size:14px}
.legal-top a{color:#fff}
.legal-header{padding:30px 0 25px;text-align:center;border-bottom:1px solid #e8e8e8}
.legal-header img{width:min(340px,85%);height:auto}
.legal-content{max-width:900px;margin:auto;padding:55px 22px 80px;font-size:16px;line-height:1.75;color:#333}
.legal-content h1{font-size:34px;line-height:1.2;margin:0 0 34px;font-weight:600}
.legal-content h2{font-size:25px;margin:50px 0 22px;font-weight:600;color:#222}
.legal-content h3{font-size:19px;margin:30px 0 12px;font-weight:600;color:#252525}
.legal-content h4{font-size:17px;margin:22px 0 9px;font-weight:600}
.legal-content p{margin:0 0 17px;overflow-wrap:anywhere}
.legal-content ul{padding-left:25px;margin-bottom:20px}
.legal-content li{margin:6px 0}
.legal-content a{color:#007db5}
.legal-back{display:inline-block;margin-bottom:26px}
.legal-bottom{background:#eee;text-align:center;padding:30px 15px;font-size:14px}
.legal-bottom a{color:#0074ab}
@media(max-width:576px){.legal-content{padding:35px 20px 60px;font-size:15px}.legal-content h1{font-size:28px}.legal-content h2{font-size:22px}}