/* Hausmeister-Portal / kostenloser Firmeneintrag – nur für diese Seite. */
.hp-signup{--sf-ink:#192b26;--sf-muted:#6a756f;--sf-line:#e2e8e0;--sf-orange:#e65e35;--sf-bg:#fffefa;--sf-radius:18px;color:var(--sf-ink);padding:0 24px 85px}
.hp-signup-wrap{max-width:1120px;margin:0 auto}
.hp-signup-breadcrumb{display:flex;align-items:center;gap:10px;padding:23px 0 24px;font-size:12px;color:var(--sf-muted)}
.hp-signup-breadcrumb a{text-decoration:none}.hp-signup-breadcrumb a:hover{text-decoration:underline}
.hp-signup-intro{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:36px}
.hp-signup-overline,.hp-signup-aside-kicker{display:block;color:#b04d2b;letter-spacing:1.65px;font-weight:800;font-size:10px;margin-bottom:10px}
.hp-signup-intro h1{font-size:clamp(30px,4vw,51px);font-weight:830;letter-spacing:-2.4px;line-height:1.11;margin:0 0 16px}
.hp-signup-intro h1 em{color:var(--sf-orange);font-style:normal}
.hp-signup-intro p{max-width:620px;font-size:15px;line-height:1.75;color:var(--sf-muted);margin:0}
.hp-signup-free{flex:none;display:flex;align-items:center;gap:13px;padding:15px 18px;background:#e7eee3;border:1px solid #cbdcca;border-radius:14px;box-shadow:0 6px 25px #25352b09}
.hp-signup-free-icon{width:35px;height:35px;display:grid;place-items:center;background:#246948;border-radius:50%;color:white;font-size:18px;font-weight:800}
.hp-signup-free strong,.hp-signup-free small{display:block}.hp-signup-free strong{font-size:13px}.hp-signup-free small{font-size:11px;color:#53695c;margin-top:2px}
.hp-signup-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:23px}
.hp-signup-main{min-width:0}.hp-signup-form{background:var(--sf-bg);border:1px solid #e0e5d9;border-radius:20px;box-shadow:0 14px 38px rgba(31,49,39,.045);overflow:hidden}
.hp-signup-section{padding:30px 35px 34px;border:0;border-bottom:1px solid var(--sf-line);margin:0}
.hp-signup-section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px}
.hp-signup-step{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#e9eee5;color:#365e4d;font-size:12px;font-weight:850;letter-spacing:.2px}
.hp-signup-section-head h2{font-size:20px;font-weight:780;letter-spacing:-.65px;line-height:1.3;margin:1px 0 3px}
.hp-signup-section-head p{font-size:12px;line-height:1.65;color:var(--sf-muted);margin:0}
.hp-signup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.hp-signup-span2{grid-column:1/-1}
.hp-signup-field{margin:0;min-width:0}
.hp-signup-field>label,.hp-signup-label-row>label{display:block;color:#273a31;font-size:12px;font-weight:750;margin:0 0 8px}
.hp-signup-required,.hp-signup-consent b{color:#b53c2c;font-weight:800}
.hp-signup-optional{color:#77847b;font-weight:500;font-size:11px}
.hp-signup-field input,.hp-signup-field textarea{display:block;width:100%;min-width:0;max-width:100%;background:#fff;border:1px solid #d5dfd5;border-radius:10px;color:var(--sf-ink);font-size:14px;line-height:1.5;padding:12px 14px;box-shadow:0 1px 1px #14261d07;transition:border-color .18s,box-shadow .18s}
.hp-signup-field input{min-height:46px}.hp-signup-field textarea{min-height:133px;resize:vertical}
.hp-signup-field input::placeholder,.hp-signup-field textarea::placeholder{color:#9aa69b;opacity:1}
.hp-signup-field input:hover,.hp-signup-field textarea:hover{border-color:#b5c3b8}
.hp-signup-field input:focus,.hp-signup-field textarea:focus{border-color:#33745c;outline:2px solid #d3e7da;outline-offset:0;box-shadow:0 0 0 3px #dceee23b}
.hp-signup-field small{display:block;font-size:11px;line-height:1.6;color:var(--sf-muted);margin-top:7px}
.hp-signup-categories{border:0;margin:0;padding:0;min-width:0}.hp-signup-categories legend{font-size:12px;font-weight:750;padding:0;margin:0 0 12px}
.hp-signup-categories legend small{font-size:11px;font-weight:450;color:var(--sf-muted)}
.hp-signup-chips{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.hp-signup-chip{display:inline-flex;position:relative;align-items:center;margin:0;cursor:pointer}
.hp-signup-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.hp-signup-chip span{display:inline-flex;align-items:center;min-height:36px;padding:7px 13px;border:1px solid #dbe3d9;border-radius:8px;font-size:12px;font-weight:600;color:#415448;background:#f8faf5;transition:background .15s,border-color .15s,color .15s}
.hp-signup-chip:hover span{background:#e8efe6}
.hp-signup-chip input:checked + span{background:#e2f0e5;border-color:#85ab8f;color:#205b3c}
.hp-signup-chip input:checked + span::before{content:'✓';font-weight:850;margin-right:7px}
.hp-signup-chip input:focus-visible + span{outline:3px solid #d07650;outline-offset:3px}
.hp-signup-chip input:disabled + span{opacity:.45;cursor:not-allowed}
.hp-signup-extra-fields{margin-top:22px}
.hp-signup-label-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.hp-signup-label-row>span{color:var(--sf-muted);font-size:10px;margin-bottom:8px}
.hp-signup-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.hp-signup-upload{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:178px;padding:21px 14px;text-align:center;border:1.5px dashed #b9c7b8;border-radius:12px;background:#f8faf5;margin:0;cursor:pointer;transition:background .2s,border-color .2s}
.hp-signup-upload:hover,.hp-signup-upload.is-dragover{background:#edf4ec;border-color:#5e9476}
.hp-signup-upload:focus-within{outline:3px solid #9ebca7;outline-offset:2px}
.hp-signup-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.hp-signup-upload-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e6efe6;color:#417051;font-size:22px;font-weight:500;line-height:1}
.hp-signup-upload strong{font-size:13px;font-weight:750}.hp-signup-upload>span:not(.hp-signup-upload-icon):not(.hp-signup-upload-preview){font-size:11px;color:#556f5d}
.hp-signup-upload>small{font-size:10px;color:#808b7d;line-height:1.5}
.hp-signup-upload-preview{display:flex;max-width:100%;align-items:center;gap:10px;padding:10px 12px;background:#ecf7ed;border:1px solid #bedcc5;border-radius:9px;font-size:11px;overflow-wrap:anywhere;z-index:1;pointer-events:none}
.hp-signup-upload-preview img{width:42px;height:42px;object-fit:cover;border-radius:7px}.hp-signup-upload-preview span{min-width:0}
.hp-signup-upload-message{min-height:0;font-size:12px;color:#b53c2c;margin:9px 0 0}.hp-signup-upload-message:empty{display:none}
.hp-signup-finish{padding:29px 35px 28px;background:#fcfcf8}
.hp-signup-consent{display:grid;grid-template-columns:19px 1fr;gap:12px;align-items:start;margin:0;font-size:12px;line-height:1.75;color:#5c685e;cursor:pointer}
.hp-signup-consent input{width:18px;height:18px;accent-color:#27684a;margin:2px 0 0;cursor:pointer}
.hp-signup-consent a{color:#244f3d;text-decoration:underline;text-underline-offset:2px}
.hp-signup-action-row{display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid var(--sf-line);margin-top:22px;padding-top:25px}
.hp-signup-action-row>div{min-width:0}.hp-signup-action-row>div strong,.hp-signup-action-row>div span{display:block}.hp-signup-action-row>div strong{font-size:14px}.hp-signup-action-row>div span{font-size:11px;color:var(--sf-muted);margin-top:4px}
.hp-signup-submit{display:inline-flex;align-items:center;justify-content:center;gap:18px;flex:none;min-height:48px;padding:11px 18px;color:white;border:1px solid #192b26;border-radius:9px;background:#192b26;font-size:12px;font-weight:770;transition:background .2s,transform .2s}
.hp-signup-submit:hover{background:#294a3b;transform:translateY(-1px)}.hp-signup-submit:disabled{opacity:.5;cursor:wait;transform:none}.hp-signup-submit>span{font-size:18px;line-height:1}
.hp-signup-action-help{font-size:10px;color:var(--sf-muted);margin:16px 0 0}
.hp-signup-aside{position:sticky;top:28px}
.hp-signup-aside-card{background:#e8eee3;padding:26px 23px;border:1px solid #d6e1d3;border-radius:16px}
.hp-signup-aside-kicker{color:#4d775a;margin-bottom:13px}
.hp-signup-aside h2{font-size:22px;line-height:1.25;letter-spacing:-.8px;margin:0 0 24px;font-weight:800}
.hp-signup-process{list-style:none;padding:0;margin:0;display:grid;gap:24px}
.hp-signup-process li{display:grid;grid-template-columns:28px 1fr;gap:11px;position:relative}
.hp-signup-process li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #acbea9;border-radius:50%;color:#4e765b;background:#f5f8f1;font-size:12px;font-weight:800}
.hp-signup-process li:not(:last-child)::after{content:'';position:absolute;left:13px;top:32px;height:calc(100% - 10px);width:1px;background:#c6d5c3}
.hp-signup-process strong{font-size:12px;line-height:1.5;display:block;margin:3px 0 5px}
.hp-signup-process p{font-size:11px;line-height:1.65;color:#617464;margin:0}
.hp-signup-side-note{display:grid;grid-template-columns:25px 1fr;gap:10px;margin-top:30px;padding-top:23px;border-top:1px solid #c9d6c8}
.hp-signup-side-note>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#286348;color:white;font-weight:800;font-size:12px}
.hp-signup-side-note strong{font-size:11px;line-height:1.4;display:block}.hp-signup-side-note p{font-size:11px;line-height:1.6;color:#617464;margin:5px 0 0}
.hp-signup-help{font-size:12px;line-height:1.7;color:var(--sf-muted);padding:0 8px;margin:18px 0}
.hp-signup-help a{display:block;color:#2e6247;font-weight:750;text-decoration:none;margin-top:3px}.hp-signup-help a:hover{text-decoration:underline}
.hp-signup-alert{padding:16px 18px;border-radius:12px;background:#fff0e9;border:1px solid #eab69f;color:#8f3825;margin:0 0 20px}
.hp-signup-alert strong{font-size:13px}.hp-signup-alert p{font-size:12px;line-height:1.6;margin:5px 0 0}
.hp-signup-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:960px){.hp-signup-layout{grid-template-columns:minmax(0,1fr) 245px;gap:14px}.hp-signup-section,.hp-signup-finish{padding-left:25px;padding-right:25px}.hp-signup-aside-card{padding:22px 17px}}
@media(max-width:800px){.hp-signup-layout{grid-template-columns:1fr}.hp-signup-aside{position:static}.hp-signup-aside-card{display:grid;grid-template-columns:1fr 1.5fr;column-gap:25px}.hp-signup-aside-kicker{grid-column:1/-1}.hp-signup-aside h2{font-size:21px}.hp-signup-process{grid-column:2;grid-row:2 / span 2}.hp-signup-side-note{grid-column:1;grid-row:3;margin-top:15px;padding-top:15px}.hp-signup-free{padding:12px}}
@media(max-width:640px){.hp-signup{padding:0 14px 50px}.hp-signup-breadcrumb{padding:14px 0 23px}.hp-signup-intro{align-items:flex-start;flex-direction:column;gap:18px;padding-bottom:24px}.hp-signup-intro h1{letter-spacing:-1.45px;margin-bottom:10px}.hp-signup-intro p{font-size:13px}.hp-signup-section{padding:24px 18px 27px}.hp-signup-section-head{gap:12px;margin-bottom:19px}.hp-signup-section-head h2{font-size:18px}.hp-signup-fields{gap:15px;grid-template-columns:1fr}.hp-signup-span2{grid-column:auto}.hp-signup-upload-grid{grid-template-columns:1fr}.hp-signup-upload{min-height:154px}.hp-signup-finish{padding:23px 18px}.hp-signup-action-row{align-items:stretch;flex-direction:column}.hp-signup-submit{width:100%;min-height:50px}.hp-signup-aside-card{display:block}.hp-signup-aside h2{margin-bottom:21px}.hp-signup-side-note{margin-top:24px}.hp-signup-chips{gap:7px}.hp-signup-chip span{min-height:37px}.hp-signup-field input,.hp-signup-field textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hp-signup *{scroll-behavior:auto!important;transition:none!important}}
/* Bestätigungsseite nach Einreichung */
.hp-signup-thankyou{min-height:60vh;display:flex;align-items:flex-start;justify-content:center;padding-top:65px}
.hp-thankyou-card{width:min(100%,690px);text-align:center;padding:54px 50px;border:1px solid #dce4d8;border-radius:20px;background:#fffefa;box-shadow:0 15px 45px #172b1d10}
.hp-thankyou-icon{display:grid;place-items:center;width:65px;height:65px;margin:0 auto 25px;border-radius:50%;background:#e0f2e4;color:#286c46;font-size:30px;font-weight:800}
.hp-thankyou-card h1{font-size:clamp(26px,3.5vw,39px);line-height:1.18;letter-spacing:-1.3px;margin:0 0 19px}
.hp-thankyou-card>p{font-size:14px;line-height:1.85;color:#536459;max-width:520px;margin:0 auto}.hp-thankyou-card>p strong{color:#2a4a38;font-weight:670}
.hp-thankyou-notice{display:inline-flex;align-items:center;gap:9px;background:#e5f1e5;border-radius:9px;padding:12px 17px;margin:23px 0 28px;font-size:12px;font-weight:730;color:#255b3c}
.hp-thankyou-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:25px}.hp-thankyou-actions a:not(.hp-signup-submit){font-size:12px;text-decoration:underline;text-underline-offset:3px;color:#526e5b}
@media(max-width:640px){.hp-signup-thankyou{padding-top:32px}.hp-thankyou-card{padding:39px 20px}.hp-thankyou-actions{gap:18px}.hp-thankyou-actions .hp-signup-submit{width:auto}}