/* Gemeinsame mobile Darstellung; nach allen Branchen- und Layoutfarben laden. */
.mobile-label{display:none}
@media(max-width:1024px){
 html{scroll-padding-top:88px;scroll-padding-bottom:104px}
 body.has-contact-rail{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 body .wrap,body.industrial .wrap{width:calc(100% - 40px);max-width:740px}
 .header .nav,body.industrial .header .nav{height:72px;gap:16px}
 .header .nav nav{display:none}
 .header .nav .brand,body.industrial .header .nav .brand{width:154px;min-width:0}
 .header .nav>.button.small,body.industrial .header .nav>.button.small{min-height:44px;font-size:12px;line-height:1.3;padding:11px 15px;flex-shrink:0;white-space:normal;text-align:center}
 .desktop-label{display:none}.mobile-label{display:inline}
 .hero-grid,.trade-hero-grid,.home-finder-layout,.ertool-layout,.partner-grid,.trust-layout,.contact-grid,.faq-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .hero-copy,.trade-hero-copy,.hero-sector-panel,.home-finder-intro,.hero-finder,.industry-finder,.contact-grid>*,.partner-grid>*{min-width:0}
 .hero,.trade-hero{padding:36px 0 40px}
 .hero h1{font-size:clamp(36px,6.5vw,60px);line-height:1.09}
 body.industrial .trade-hero h1{font-size:clamp(36px,7.5vw,62px);line-height:1.05;overflow-wrap:anywhere}
 .hero .lead,.trade-hero .trade-lead{font-size:16px;line-height:1.75;max-width:620px}
 .hero-sector-panel{width:100%;max-width:none;justify-self:stretch;scroll-margin-top:0}
 .hero-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-sector-grid>a{grid-template-columns:38px minmax(0,1fr);gap:3px 11px;align-content:center;min-height:82px;padding:13px;min-width:0}
 .hero-sector-grid .hero-sector-icon{grid-row:1 / span 2;width:36px;height:40px}
 .hero-sector-grid strong,.hero-sector-grid>a>span:not(.hero-sector-icon){grid-column:2;overflow-wrap:normal;hyphens:none}
 .hero-sector-grid strong{font-size:14px;line-height:1.4}
 .hero-sector-grid>a>span:not(.hero-sector-icon){font-size:11px;line-height:1.5}
 .hero-sector-note{font-size:12px;line-height:1.7}
 .home-finder-row{padding:38px 0}
 .home-finder-intro{max-width:none}.home-finder-intro h2{font-size:34px}.home-finder-intro ul{gap:8px;margin-top:18px;font-size:13px}
 .finder-card,.hero-finder,.compact-hero-finder{width:100%;max-width:none;padding:24px;border-radius:15px;justify-self:stretch}
 #start{scroll-margin-top:0;scroll-margin-bottom:90px}
 .finder-card .finder-top{font-size:12px;letter-spacing:0;margin-bottom:18px}
 .finder-card .hero-finder-eyebrow,.finder-card .industry-finder-eyebrow{font-size:11px;line-height:1.6;letter-spacing:.08em;margin-bottom:17px}
 .finder-card h3,.compact-hero-finder h3{font-size:24px;line-height:1.3;margin-bottom:20px}
 .finder-card .finder-options{gap:10px}
 .finder-card .finder-option,.compact-hero-finder .finder-option{padding:14px 38px 14px 15px;min-height:70px;border-radius:8px;min-width:0;transform:none}
 .finder-card .finder-option strong,.compact-hero-finder .finder-option strong{font-size:14px;line-height:1.4;margin-bottom:5px;overflow-wrap:anywhere}
 .finder-card .finder-option>span,.compact-hero-finder .finder-option>span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
 .finder-card .finder-option:after,.compact-hero-finder .finder-option:after{top:50%;right:14px;transform:translateY(-50%)}
 .finder-card .finder-controls{gap:12px;margin-top:18px;scroll-margin-bottom:104px}
 .finder-card .finder-controls .button{flex:1;min-height:48px;font-size:14px;padding:12px 14px;width:auto;line-height:1.4}
 .finder-card .finder-back{min-height:48px;padding:12px 8px;font-size:13px;flex-shrink:0;display:flex;align-items:center}
 .finder-card .finder-privacy{font-size:11px;line-height:1.65;margin-top:17px}
 .finder-card h4{font-size:26px;line-height:1.2;overflow-wrap:anywhere}
 .finder-card #finder-result-copy{font-size:15px;line-height:1.75}
 .finder-card .finder-result-note{font-size:12px;line-height:1.75}
 .finder-card #finder-contact{min-height:50px;padding:13px 15px;font-size:14px;line-height:1.45;white-space:normal;scroll-margin-bottom:104px}
 .finder-card .finder-reset{min-height:44px;font-size:13px}
 .contact-rail{left:0;right:0;bottom:0;top:auto;transform:none;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:10px;box-sizing:border-box;padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px));background:#f7faf7f5;border-top:1px solid #d8e1d8;backdrop-filter:blur(12px)}
 .contact-rail a{width:100%;min-width:0;min-height:46px;flex-direction:row;gap:10px;padding:11px 14px;border-radius:7px;box-shadow:none}
 .contact-rail span{font-size:13px;line-height:1.3}.contact-rail svg{width:20px;height:20px}
 html.mobile-editing .contact-rail{display:none}
 footer,body.industrial footer{padding-bottom:26px}
 .services{grid-template-columns:minmax(0,1fr)}
 .section{padding:52px 0}
 .section-top{grid-template-columns:1fr;gap:0}
 .section-top>.eyebrow{margin-top:0}
 .ertool-benefits{grid-template-columns:1fr;gap:24px}
 .industry-content{grid-template-columns:1fr;gap:24px}.industry-content li{font-size:18px}
 .field-steps{grid-template-columns:1fr;gap:25px}.process-heading{display:block}
 .field-partner .partner-grid{gap:30px}
 .breadcrumbs{font-size:12px;padding-top:16px;gap:8px;line-height:1.6}.breadcrumbs a{display:inline-flex;min-height:34px;align-items:center}
 .contact form{padding:26px;min-width:0}
 .contact h2{font-size:36px;line-height:1.15}
 .contact-details a{font-size:16px;line-height:1.6;max-width:100%;overflow-wrap:anywhere}
 input,select,textarea{font-size:16px;min-height:48px}
 label{font-size:13px}.form-row{grid-template-columns:1fr;gap:0}
 #contact-form>.contact-scope{font-size:12px;line-height:1.7;padding:13px 14px}
 .form-note{font-size:12px;line-height:1.7}.copy-button{font-size:12px;min-height:44px;padding:10px 0}
 form .button{font-size:14px;min-height:50px}
 .technical-scope{padding:18px}.technical-scope>p{font-size:13px;line-height:1.75}
 summary{font-size:15px;min-height:56px;gap:15px}summary span{flex-shrink:0}details p{font-size:14px;padding-right:0;line-height:1.85}
 .footer-top{flex-wrap:wrap;gap:22px}.footer-origin{width:100%;align-items:flex-start}
 .sector-directory{grid-template-columns:1fr;gap:14px}.sector-directory a,.footer-websites a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;overflow-wrap:anywhere}
 .sector-directory>div,.footer-websites>div{gap:4px 20px}
 .footer-bottom{flex-direction:column;gap:14px}.footer-bottom>div a{display:inline-flex;min-height:40px;align-items:center;font-size:12px}
 .seo-links a{font-size:12px;min-height:40px;display:inline-flex;align-items:center}
 .legal{padding-top:40px}.legal h1{font-size:36px}
}
@media(max-width:600px){
 .hero-sector-panel{padding:23px 18px}
 .hero-sector-panel h2{font-size:28px;line-height:1.15;margin-bottom:20px}
 .hero-sector-grid{grid-template-columns:minmax(0,1fr);gap:8px}
 .hero-sector-grid>a{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:62px;padding:11px 12px;align-items:center;align-content:center}
 .hero-sector-grid .hero-sector-icon{grid-row:auto;grid-column:1;width:34px;height:36px}
 .hero-sector-grid strong{grid-column:2;font-size:14px;line-height:1.4}
 .hero-sector-grid>a>span:not(.hero-sector-icon){display:none}
 .hero-sector-note{margin-top:17px;font-size:12px}
 .hero-assurances{font-size:11px;gap:8px 12px;margin-top:20px;padding-top:17px}
 .hero-assurances span+span{border:0;padding:0}
 .hero-cta-hint{font-size:12px;line-height:1.65}
 .hero-copy>.eyebrow{font-size:9px;line-height:1.6;letter-spacing:.08em;margin-bottom:23px}
 .hero .actions>.button,.trade-hero .actions>.button{width:100%;min-height:50px;font-size:14px;padding:14px 16px}
 .trade-hero .trade-small{font-size:11px;line-height:1.7}
 .trade-hero-copy>.eyebrow{font-size:10px;line-height:1.7}
 .trade-hero-copy>.eyebrow>span{flex:0 0 20px}
 .trade-hero .pain-tags li{font-size:11px;line-height:1.5;padding:7px 9px}
 .trade-strip .wrap{gap:12px 20px}.trade-strip span{font-size:10px}.trade-strip strong{font-size:12px}
 .industry-switch{width:100%}.industry-switch button{flex:1;font-size:13px;min-height:48px;padding:11px}
 .sector-example{padding:20px}.sector-example h3{font-size:23px;line-height:1.25;overflow-wrap:anywhere}
 .sector-directory>div,.footer-websites>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
 .footer-top>p{margin:0}
}
@media(max-width:380px){
 body .wrap,body.industrial .wrap{width:calc(100% - 32px)}
 .header .nav .brand,body.industrial .header .nav .brand{width:137px}
 .header .nav>.button.small,body.industrial .header .nav>.button.small{font-size:12px;padding:11px 12px;min-height:44px}
 .hero h1{font-size:36px;letter-spacing:-.045em}
 body.industrial .trade-hero h1{font-size:37px;letter-spacing:-.05em}
 .finder-card,.hero-finder,.compact-hero-finder{padding:21px 17px}
 .finder-card h3,.compact-hero-finder h3{font-size:22px}
 .finder-card .finder-option,.compact-hero-finder .finder-option{padding-left:12px;padding-right:34px}
 .finder-card .finder-controls .button{font-size:13px;padding-inline:11px}
 .contact form{padding:22px 18px}.contact h2{font-size:33px}
 .contact-rail{padding-left:16px;padding-right:16px}
 .footer-websites>div,.sector-directory>div{grid-template-columns:1fr}
}
@media(hover:none){.hero-sector-grid>a:hover,.finder-card .finder-option:hover{transform:none}}

/* Kompakte Branchenwahl mit zwei Spalten auch auf kleinen Handys. */
@media(max-width:600px){
 .hero-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .hero-sector-grid>a{grid-template-columns:minmax(0,1fr);gap:8px;min-height:106px;padding:12px 10px;align-content:start}
 .hero-sector-grid .hero-sector-icon{grid-row:auto;grid-column:1;width:31px;height:32px}
 .hero-sector-grid .hero-sector-icon svg{width:23px;height:23px}
 .hero-sector-grid strong{grid-column:1;font-size:12px;line-height:1.4;overflow-wrap:anywhere;hyphens:auto}
 .hero-sector-grid>a>span:not(.hero-sector-icon){display:none}
}
@media(max-width:380px){
 .hero-sector-panel{padding:21px 14px}
 .hero-sector-grid>a{min-height:107px;padding:11px 9px}
 .hero-sector-grid strong{font-size:11px;line-height:1.4}
}

/* Kürzerer Einstieg auf der Homepage für schnellere Wege zu Branche und Funnel. */
@media(max-width:600px){
 .hero{padding:24px 0 30px}
 .hero-grid{gap:24px}
 .hero-copy>.eyebrow{font-size:8px;letter-spacing:.06em;line-height:1.5;padding-bottom:10px;margin-bottom:17px}
 .hero h1{font-size:clamp(34px,8.8vw,42px);line-height:1.07;letter-spacing:-.045em;margin-bottom:18px}
 .hero .lead{font-size:15px;line-height:1.6;margin-bottom:20px}
 .hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
 .hero .actions>.button{min-height:46px;font-size:13px;padding:12px 15px}
 .hero .actions>.text-link{font-size:12px;min-height:38px;padding:8px 0;justify-self:start}
 .hero-cta-hint{font-size:11px;line-height:1.5;margin-top:4px}
 .hero-assurances{margin-top:13px;padding-top:12px;font-size:10px;gap:5px 12px}
 .hero-sector-panel{padding-top:20px;padding-bottom:19px}
 .hero-sector-panel>.eyebrow{font-size:9px;margin-bottom:9px}
 .hero-sector-panel h2{font-size:25px;line-height:1.12;margin-bottom:17px}
 .home-finder-row{padding:30px 0}
 .home-finder-layout{gap:21px}
 .home-finder-intro h2{font-size:30px;line-height:1.15;margin-bottom:15px}
 .home-finder-intro>.eyebrow{margin-bottom:13px}
 .home-finder-intro>p:not(.eyebrow){font-size:14px;line-height:1.7;margin-bottom:0}
 .home-finder-intro ul{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:15px;font-size:11px;line-height:1.6}
 .home-finder-intro li{padding-left:12px}
 .home-finder-intro li:before{width:4px;height:4px;top:7px}
}
@media(max-width:360px){.hero h1{font-size:33px}.hero .lead{font-size:14px}.hero-copy>.eyebrow{font-size:7px}}

/* Kürzerer mobiler Einstieg auf allen Branchen-Unterseiten. */
@media(max-width:600px){
 body.industrial .breadcrumbs{padding-top:10px;gap:4px 8px;font-size:11px;line-height:1.5}
 body.industrial .breadcrumbs a{min-height:28px}
 body.industrial .trade-hero{padding:22px 0 30px}
 body.industrial .trade-hero-grid{gap:22px}
 body.industrial .trade-hero-copy>.eyebrow{font-size:9px;line-height:1.5;letter-spacing:.08em;margin-bottom:17px}
 body.industrial .trade-hero h1{font-size:clamp(34px,9.1vw,42px);line-height:1.04;letter-spacing:-.045em;margin-bottom:18px}
 body.industrial .trade-hero .trade-lead{font-size:15px;line-height:1.6;font-weight:550;margin-bottom:18px}
 body.industrial .trade-hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;margin-top:19px}
 body.industrial .trade-hero .actions>.button{min-height:46px;font-size:13px;padding:12px 14px}
 body.industrial .trade-hero .actions>.text-link{min-height:38px;font-size:12px;padding:8px 0;justify-self:start}
 body.industrial .trade-hero .pain-tags{gap:6px;margin-top:14px}
 body.industrial .trade-hero .pain-tags li{font-size:10px;line-height:1.5;padding:5px 8px}
 body.industrial .trade-hero .trade-small{font-size:10px;line-height:1.6;padding-top:11px;margin-top:14px}
}
@media(max-width:360px){
 body.industrial .trade-hero h1{font-size:33px}
 body.industrial .trade-hero .trade-lead{font-size:14px}
 body.industrial .trade-hero-copy>.eyebrow{font-size:8px}
}