.fok-mieterportal{--fok-teal:#007f87;--fok-aqua:#019ba5;--fok-ink:#312f2f;--fok-muted:#686464;--fok-line:#d9e7e7;background:#fff;color:var(--fok-ink);font-family:Arial,sans-serif;margin:0 auto;max-width:1280px}.fok-mieterportal *{box-sizing:border-box}.fok-mieterportal button,.fok-mieterportal input{font:inherit}.fok-mieterportal button:focus-visible,.fok-mieterportal a:focus-visible,.fok-mieterportal input:focus-visible{outline:3px solid #88ddd8;outline-offset:3px}.fok-mieterportal__bar{align-items:center;background:var(--fok-ink);color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.07em;padding:10px 34px;text-transform:uppercase}.fok-mieterportal__intro{align-items:center;background:var(--fok-teal);color:#fff;display:grid;gap:44px;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);padding:46px max(32px,7vw)}.fok-mieterportal__intro h1,.fok-mieterportal__login-grid h1{color:#fff;font-family:"Encode Sans",Arial,sans-serif;font-size:clamp(30px,4vw,48px);font-weight:500;line-height:1.13;margin:8px 0 14px}.fok-mieterportal__intro p{font-size:17px;line-height:1.55;margin:0}.fok-mieterportal__kicker{font-size:12px!important;font-weight:700;letter-spacing:.09em;margin:0;text-transform:uppercase}.fok-mieterportal__identity{align-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.55);border-radius:8px;display:flex;gap:12px;margin-top:22px;padding:13px 15px;width:max-content}.fok-mieterportal__identity strong,.fok-mieterportal__identity small{display:block}.fok-mieterportal__progress{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.55);border-radius:10px;padding:22px}.fok-mieterportal__progress>span,.fok-mieterportal__progress>small{display:block}.fok-mieterportal__progress>strong{display:block;font-family:"Encode Sans",Arial,sans-serif;font-size:28px;font-weight:500;margin:4px 0 12px}.fok-mieterportal__progress>div{background:rgba(255,255,255,.34);border-radius:99px;height:9px;overflow:hidden}.fok-mieterportal__progress i{background:#fff;display:block;height:100%;transition:width .25s ease}.fok-mieterportal__progress small{margin-top:10px}.fok-mieterportal__main{padding:50px max(32px,7vw)}.fok-mieterportal__main header{align-items:end;display:flex;justify-content:space-between;margin-bottom:24px}.fok-mieterportal__main h2,.fok-mieterportal__detail h2{color:var(--fok-ink);font-family:"Encode Sans",Arial,sans-serif;font-size:30px;font-weight:500;margin:6px 0}.fok-mieterportal__main header p:last-child{color:var(--fok-muted);margin:0}.fok-mieterportal__grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.fok-mieterportal__card{border:1px solid #dedede;border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) auto;min-height:175px;padding:22px;transition:border .2s,box-shadow .2s}.fok-mieterportal__card.is-active{border-color:var(--fok-teal);box-shadow:0 0 0 2px rgba(0,127,135,.13)}.fok-mieterportal__card h3{font-family:"Encode Sans",Arial,sans-serif;font-size:20px;font-weight:500;line-height:1.25;margin:0 0 8px}.fok-mieterportal__card p{color:var(--fok-muted);font-size:14px;line-height:1.5;margin:0}.fok-mieterportal__meta{font-size:12px!important;font-weight:700;letter-spacing:.05em;margin-bottom:8px!important;text-transform:uppercase}.fok-mieterportal__card-actions{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.fok-mieterportal__status{border-radius:99px;font-size:12px;font-weight:700;padding:6px 9px;white-space:nowrap}.fok-mieterportal__status.is-open{background:#fff3cf;color:#70520a}.fok-mieterportal__status.is-done{background:#e8f4df;color:#365b25}.fok-mieterportal__status.is-info{background:#e8f1f4;color:#365361}.fok-mieterportal__card button,.fok-mieterportal__footer button{background:#fff;border:1px solid var(--fok-teal);border-radius:5px;color:var(--fok-teal);cursor:pointer;font-weight:700;padding:10px 14px}.fok-mieterportal__detail{background:#f1fafa;border-top:1px solid var(--fok-line);display:grid;gap:42px;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);padding:46px max(32px,7vw)}.fok-mieterportal__detail>div>p:not(.fok-mieterportal__kicker){color:var(--fok-muted);font-size:16px;line-height:1.6}.fok-mieterportal__pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.fok-mieterportal__pills span{background:#fff;border:1px solid var(--fok-line);border-radius:99px;color:var(--fok-muted);font-size:12px;padding:7px 10px}.fok-mieterportal__confirm{background:#fff;border:1px solid var(--fok-line);border-radius:9px;padding:22px}.fok-mieterportal__confirm h3{font-family:"Encode Sans",Arial,sans-serif;font-size:19px;font-weight:500;margin:0 0 16px}.fok-mieterportal__confirm>a{background:#fff;border:1px solid var(--fok-teal);border-radius:5px;color:var(--fok-teal);display:inline-block;font-weight:700;padding:11px 14px;text-decoration:none}.fok-mieterportal__confirm label{align-items:flex-start;display:flex;gap:10px;margin:18px 0}.fok-mieterportal__confirm input{accent-color:var(--fok-teal);height:18px;margin-top:2px;width:18px}.fok-mieterportal__confirm button,.fok-mieterportal__login button{background:var(--fok-teal);border:1px solid var(--fok-teal);border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px 15px;width:100%}.fok-mieterportal__confirm button:disabled{background:#d8d8d8;border-color:#d8d8d8;color:#777;cursor:not-allowed}.fok-mieterportal__confirm>p{border-left:4px solid var(--fok-aqua);color:var(--fok-muted);font-size:13px;line-height:1.5;padding:10px 12px}.fok-mieterportal__confirm>small{color:#777;display:block;line-height:1.45}.fok-mieterportal__empty{background:#f7f7f7;border-left:5px solid var(--fok-aqua);display:grid;gap:6px;padding:18px}.fok-mieterportal__footer{align-items:start;border-top:1px solid #e7e7e7;display:flex;gap:30px;justify-content:space-between;padding:28px max(32px,7vw) 44px}.fok-mieterportal__footer p{color:#777;font-size:12px;line-height:1.5;margin:0;max-width:760px}.fok-mieterportal__login-grid{background:var(--fok-teal);color:#fff;display:grid;gap:60px;grid-template-columns:minmax(0,1fr) minmax(320px,450px);padding:60px max(32px,8vw)}.fok-mieterportal__login-grid>div>p{font-size:17px;line-height:1.55}.fok-mieterportal__login-grid ol{display:flex;gap:25px;list-style:none;margin:28px 0 0;padding:0}.fok-mieterportal__login-grid ol li{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.45);border-radius:6px;padding:10px 12px}.fok-mieterportal__login{background:#fff;border-radius:10px;color:var(--fok-ink);padding:28px}.fok-mieterportal__login h2{font-family:"Encode Sans",Arial,sans-serif;font-size:26px;font-weight:500;margin:0 0 20px}.fok-mieterportal__login label{display:block;margin:0 0 16px}.fok-mieterportal__login label span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.fok-mieterportal__login input{border:1px solid #bdbdbd;border-radius:5px;padding:11px 12px;width:100%}.fok-mieterportal__login p{color:#777;line-height:1.45}.fok-mieterportal__message.is-error{background:#fff0f0;border-left:4px solid #b42318;color:#7a271a;padding:10px 12px}.fok-mieterportal__honeypot{left:-10000px!important;position:absolute!important}.fok-mieterportal.is-busy{cursor:wait;opacity:.82}
.fok-mieterportal__simple-head{align-items:start;background:var(--fok-teal);color:#fff;display:grid;gap:42px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);padding:46px max(32px,7vw)}.fok-mieterportal__simple-head h1,.fok-mieterportal__simple-message h1{color:#fff;font-family:"Encode Sans",Arial,sans-serif;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.14;margin:8px 0 14px}.fok-mieterportal__simple-head p{font-size:17px;line-height:1.55}.fok-mieterportal__simple-head dl{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.5);border-radius:9px;margin:0;padding:18px}.fok-mieterportal__simple-head dl div+div{border-top:1px solid rgba(255,255,255,.3);margin-top:12px;padding-top:12px}.fok-mieterportal__simple-head dt{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.fok-mieterportal__simple-head dd{font-size:16px;margin:4px 0 0}.fok-mieterportal__simple-document{padding:38px max(32px,7vw) 24px}.fok-mieterportal__simple-document iframe{background:#f4f4f4;border:1px solid var(--fok-line);border-radius:8px;height:min(72vh,820px);min-height:520px;width:100%}.fok-mieterportal__simple-document a{color:var(--fok-teal);font-weight:700}.fok-mieterportal__simple-confirm{background:#f1fafa;border:1px solid var(--fok-line);border-radius:10px;margin:10px max(32px,7vw) 48px;max-width:760px;padding:28px}.fok-mieterportal__simple-confirm h2{font-family:"Encode Sans",Arial,sans-serif;font-size:27px;font-weight:500;margin:0 0 12px}.fok-mieterportal__simple-confirm form{display:grid;gap:16px;margin:22px 0}.fok-mieterportal__simple-confirm label span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.fok-mieterportal__simple-confirm input[type=text],.fok-mieterportal__simple-confirm select{background:#fff;border:1px solid #aaa;border-radius:5px;padding:12px;width:100%}.fok-mieterportal__simple-confirm button{background:var(--fok-teal);border:1px solid var(--fok-teal);border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:13px 16px}.fok-mieterportal__simple-confirm button:disabled{cursor:wait;opacity:.7}.fok-mieterportal__simple-confirm small{color:#6d6d6d;display:block;line-height:1.5}.fok-mieterportal__message.is-success{background:#e8f4df;border-left:4px solid #4c7a36;color:#365b25;padding:11px 13px}.fok-mieterportal__message.is-info{background:#e8f1f4;border-left:4px solid #477384;color:#365361;padding:11px 13px}.fok-mieterportal__simple-message{background:var(--fok-teal);color:#fff;min-height:360px;padding:60px max(32px,8vw)}.fok-mieterportal__simple-message p{font-size:17px;line-height:1.55;max-width:760px}
.fok-mieterportal__test-warning{align-items:center;background:#fff3cf;border-bottom:1px solid #e4cf8d;color:#70520a;display:flex;gap:12px;justify-content:center;padding:13px 20px;text-align:center}.fok-mieterportal__test-warning strong,.fok-mieterportal__test-warning span{display:block}
.fok-mieterportal--folder{border:1px solid var(--fok-line);border-radius:10px;box-shadow:0 10px 34px rgba(32,65,67,.08);margin:28px auto 56px;overflow:hidden}.fok-mieterportal__folder-head{background:#f1fafa;padding:34px clamp(22px,5vw,56px)}.fok-mieterportal__folder-head h2{color:var(--fok-ink);font-family:"Encode Sans",Arial,sans-serif;font-size:clamp(28px,3.4vw,40px);font-weight:500;line-height:1.18;margin:8px 0 14px}.fok-mieterportal__folder-head>p:last-child{color:var(--fok-muted);font-size:17px;line-height:1.6;margin:0;max-width:850px}.fok-mieterportal__folder-list{padding:8px clamp(22px,5vw,56px) 38px}.fok-mieterportal__folder-document{border-bottom:1px solid #e5e5e5;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);padding:34px 0;scroll-margin-top:32px}.fok-mieterportal__folder-document.is-without-confirmation{grid-template-columns:1fr}.fok-mieterportal__folder-document:last-child{border-bottom:0}.fok-mieterportal__folder-copy h3{color:var(--fok-ink);font-family:"Encode Sans",Arial,sans-serif;font-size:24px;font-weight:500;line-height:1.3;margin:8px 0 10px}.fok-mieterportal__folder-copy>p:not(.fok-mieterportal__folder-meta):not(.fok-mieterportal__folder-date){color:var(--fok-muted);font-size:15px;line-height:1.6;margin:0 0 12px}.fok-mieterportal__folder-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0}.fok-mieterportal__folder-meta span{background:#edf5f5;border-radius:99px;color:#4d6061;font-size:12px;font-weight:700;padding:5px 9px}.fok-mieterportal__folder-date{color:#777;font-size:12px;line-height:1.5;margin:12px 0 0}.fok-mieterportal__folder-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.fok-mieterportal__folder-actions a{border:1px solid var(--fok-teal);border-radius:5px;color:var(--fok-teal);font-weight:700;padding:11px 14px;text-decoration:none}.fok-mieterportal__folder-actions a.is-primary{background:var(--fok-teal);color:#fff}.fok-mieterportal__folder-actions a:hover{box-shadow:0 4px 12px rgba(0,127,135,.16)}.fok-mieterportal__folder-confirm{align-self:start;background:#fafafa;border:1px solid #dedede;border-radius:8px;padding:0 18px}.fok-mieterportal__folder-confirm summary{color:var(--fok-teal);cursor:pointer;font-weight:700;padding:16px 0}.fok-mieterportal__folder-confirm[open]{padding-bottom:18px}.fok-mieterportal__folder-confirm[open] summary{border-bottom:1px solid #e5e5e5;margin-bottom:16px}.fok-mieterportal__folder-confirm>p:not(.fok-mieterportal__message){color:var(--fok-muted);font-size:13px;line-height:1.5}.fok-mieterportal__folder-confirm form{display:grid;gap:13px}.fok-mieterportal__folder-confirm label span{display:block;font-size:12px;font-weight:700;margin-bottom:5px}.fok-mieterportal__folder-confirm input[type=text],.fok-mieterportal__folder-confirm select{background:#fff;border:1px solid #aaa;border-radius:5px;padding:10px;width:100%}.fok-mieterportal__folder-confirm button{background:var(--fok-teal);border:1px solid var(--fok-teal);border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:11px 13px}.fok-mieterportal__folder-confirm button:disabled{cursor:wait;opacity:.7}.fok-mieterportal__folder-confirm small{color:#777;display:block;line-height:1.45;margin-top:12px}.fok-mieterportal__folder-empty{background:#fff;border-left:5px solid var(--fok-aqua);display:grid;gap:6px;margin:30px clamp(22px,5vw,56px) 42px;padding:20px}.fok-mieterportal__folder-empty span{color:var(--fok-muted)}
.post-password-form{background:#fff;border:1px solid #d9e7e7;border-radius:10px;box-shadow:0 10px 34px rgba(32,65,67,.08);margin:48px auto;max-width:720px;padding:clamp(28px,5vw,52px)}.post-password-form>p:first-child{color:#312f2f;font-size:17px;line-height:1.65;margin-top:0}.post-password-form label{color:#312f2f;display:block;font-weight:700}.post-password-form input[type=password]{border:1px solid #aaa;border-radius:5px;margin:8px 8px 0 0;min-height:44px;padding:10px 12px;width:min(100%,360px)}.post-password-form input[type=submit]{background:#007f87;border:1px solid #007f87;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;min-height:44px;padding:10px 16px}
@media(max-width:850px){.fok-mieterportal__intro,.fok-mieterportal__detail,.fok-mieterportal__login-grid,.fok-mieterportal__simple-head{grid-template-columns:1fr}.fok-mieterportal__grid{grid-template-columns:1fr}.fok-mieterportal__login-grid ol{flex-direction:column;gap:8px}.fok-mieterportal__footer{display:block}.fok-mieterportal__footer form{margin-top:18px}}
@media(max-width:850px){.fok-mieterportal__folder-document{grid-template-columns:1fr}.fok-mieterportal__folder-confirm{width:100%}}
@media(max-width:560px){.fok-mieterportal__bar{padding-left:20px;padding-right:20px}.fok-mieterportal__bar span:last-child{display:none}.fok-mieterportal__intro,.fok-mieterportal__main,.fok-mieterportal__detail,.fok-mieterportal__footer,.fok-mieterportal__login-grid,.fok-mieterportal__simple-head,.fok-mieterportal__simple-document,.fok-mieterportal__simple-message{padding-left:20px;padding-right:20px}.fok-mieterportal__simple-confirm{margin-left:20px;margin-right:20px}.fok-mieterportal__simple-document iframe{min-height:420px}.fok-mieterportal__card{grid-template-columns:1fr}.fok-mieterportal__card-actions{align-items:center;flex-direction:row}.fok-mieterportal__identity{width:100%}.fok-mieterportal--folder{border-left:0;border-radius:0;border-right:0}.fok-mieterportal__folder-actions{display:grid}.fok-mieterportal__folder-actions a{text-align:center}.post-password-form input[type=password],.post-password-form input[type=submit]{margin-right:0;width:100%}.post-password-form input[type=submit]{margin-top:10px}}