:root{--company-color:#a2ba47;--company-color-dark:#839739;--company-color-medium:#a2ba47;--company-color-light:#c3e056;--color-text-primary:#333;--color-text-light:#fff;--color-text-light-muted:rgba(255, 255, 255, 0.8);--color-text-dark:#1a1a1a;--color-text-dark-muted:rgba(0, 0, 0, 0.6);--color-overlay:rgba(0, 0, 0, 0.35);--color-hover:rgba(0, 0, 0, 0.05);--font-family:'Poppins', sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--nav-height:72px;--nav-padding-x:24px;--nav-padding-y:16px;--nav-font-size:15px;--nav-dropdown-font-size:14px;--max-width-content:1200px;--banner-max-height:550px;--transition-fast:0.2s;--transition-normal:0.3s}@font-face{font-family:'Poppins';src:url('../fonts/poppins-light.woff') format('woff');font-weight:300;font-display:swap}@font-face{font-family:'Poppins';src:url('../fonts/poppins-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:'Poppins';src:url('../fonts/poppins-medium.woff') format('woff');font-weight:500;font-display:swap}@font-face{font-family:'Poppins';src:url('../fonts/poppins-semibold.woff') format('woff');font-weight:600;font-display:swap}@font-face{font-family:'Poppins';src:url('../fonts/poppins-bold.woff') format('woff');font-weight:700;font-display:swap}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-semibold);line-height:1.25;color:var(--color-text-dark);margin:1.5em 0 0.5em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:0.875rem}:where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}ul{padding-left:40px}body{font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:1.6;color:var(--color-text-primary);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.main-nav{background:var(--color-text-light);border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.nav-container{display:flex;align-items:center;max-width:var(--max-width-content);margin:0 auto;height:var(--nav-height);padding:0 var(--nav-padding-x)}.nav-logo{position:absolute;left:50%;transform:translateX(-50%);line-height:0;color:var(--color-text-dark)}.nav-logo svg{height:56px;width:auto;display:block}.nav-left,.nav-right{list-style:none;display:flex;align-items:center;padding-left:0}.nav-left{margin-right:auto}.nav-right{margin-left:auto}.nav-item > a{display:block;padding:var(--nav-padding-y) var(--nav-padding-x);color:var(--color-text-dark);text-decoration:none;font-size:var(--nav-font-size);font-weight:var(--font-weight-regular);transition:color var(--transition-fast)}.nav-item > a:first-child{padding-left:0}.nav-item > a:hover,.nav-item.active > a{color:var(--company-color)}.nav-right .nav-item:last-child > a{background:var(--company-color);color:var(--color-text-light);border-radius:6px;padding:10px 24px;font-weight:var(--font-weight-medium);margin-left:8px;transition:background var(--transition-fast)}.nav-right .nav-item:last-child > a:hover{background:var(--company-color-dark);color:var(--color-text-light)}.nav-item{position:relative}.nav-dropdown{list-style:none;position:absolute;top:100%;left:0;min-width:220px;background:var(--color-text-light);border:1px solid #e8e8e8;border-radius:0 0 6px 6px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:10;padding-left:0}.nav-item:hover > .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown li a{display:block;padding:10px var(--nav-padding-x);color:var(--color-text-dark-muted);text-decoration:none;font-size:var(--nav-dropdown-font-size);transition:color var(--transition-fast)}.nav-dropdown li a:hover,.nav-dropdown li.active a{color:var(--company-color)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--nav-padding-y) 0;z-index:11}.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-text-dark);margin:5px 0;transition:transform var(--transition-normal), opacity var(--transition-normal)}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#content,#content_fullscreen{flex:1}.section_container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:40px 20px}.section[data-title="hellgrau"]{background-color:#f6f6f6}.sf_row{margin:50px auto}.sf_column:has(.zitat_container){display:flex;align-items:center}.site-footer{background:var(--color-text-dark);padding:32px 20px}.footer-container{max-width:var(--max-width-content);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-social{display:flex;gap:16px}.footer-social a{display:block;width:36px;height:36px;color:var(--color-text-light);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--company-color)}.footer-social svg{width:100%;height:100%;max-height:25px}.footer-legal{display:flex;gap:24px}.footer-legal a{color:var(--color-text-light-muted);text-decoration:none;font-size:var(--nav-dropdown-font-size);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--company-color)}@media (max-width: 768px){.nav-container{flex-wrap:wrap;height:auto;padding:var(--nav-padding-y) 20px;position:relative}.nav-logo{position:static;transform:none;order:1}.nav-toggle{display:block;order:2;margin-left:auto}.nav-left,.nav-right{display:none;flex-direction:column;width:100%;order:3;margin:0;align-items:flex-start}.nav-container.open .nav-left,.nav-container.open .nav-right{display:flex}.nav-item > a{padding:12px 0}.nav-right .nav-item:last-child > a{display:inline-block;margin-left:0;margin-top:8px;text-align:center}.nav-dropdown{position:static;opacity:1;visibility:visible;transform:none;border:none;border-radius:0}.nav-dropdown li a{padding-left:16px}.banner-content{padding:30px 20px}.banner-title{font-size:1.8rem}.section_container{padding:20px 10px}.sf_col--2{display:block !important}.sf_col--2 > .sf_column{width:100% !important;float:none !important;margin-bottom:24px}.sf_col--2 > .sf_column:last-child{margin-bottom:0}.sf_row{margin:24px 0}.section{padding-left:20px;padding-right:20px}}@media (min-width: 769px){.sf_row.sf_row--reversed > .sf_column:first-child{order:2}.sf_row.sf_row--reversed > .sf_column:last-child{order:1}}body:has(form){background-color:#f6f6f6}#content{width:100%}#content:not(:has(.wohnung-detail-page)){max-width:var(--max-width-content);margin:0 auto;padding-top:50px}#content form:not(.wohnungen-filter){width:780px}form{margin:40px auto;background:#fff;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.form_displaygroup{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-light);background:var(--color-text-dark);padding:20px 32px;margin:0;border:none}.form_displaygroup ~ .form_displaygroup,.tabs .form_displaygroup{color:var(--company-color-dark);background:#f6f6f6;border-top:1px solid #e0e0e0}.form_row{display:flex;align-items:baseline;padding:14px 32px;border-bottom:1px solid #f0f0f0}.form_row:last-of-type{border-bottom:none}.form_label{flex:0 0 220px;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form_label label.required::after{content:" *";color:var(--company-color-medium)}.form_field{flex:1;font-size:14px;color:var(--color-text-primary)}.form_field input.text,.form_field select{width:100%;padding:10px 14px;font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:#fff;border:1px solid #e8e8e8;border-radius:4px;outline:none;transition:border-color var(--transition-fast)}.form_field input.text:focus,.form_field select:focus{border-color:var(--company-color)}.form_field input.checkbox{accent-color:var(--company-color-medium);width:18px;height:18px;vertical-align:middle;margin-right:8px;cursor:pointer}.form_field input.checkbox + label{font-size:13px;color:var(--color-text-dark-muted);cursor:pointer;vertical-align:middle}.form_field input.checkbox + label a{color:var(--company-color-medium);text-decoration:underline;transition:color var(--transition-fast)}.form_field input.checkbox + label a:hover{color:var(--company-color-dark)}.form_field .fileinput-button{display:inline-block;padding:8px 16px;font-size:13px;font-weight:var(--font-weight-medium);color:var(--company-color-dark);background:#fff;border:1px solid var(--company-color-light);border-radius:4px;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.form_field .fileinput-button:hover{background:#f6f6f6;border-color:var(--company-color)}.form_field .fileinput-button input[type="file"]{position:absolute;opacity:0;width:100%;height:100%;overflow:hidden}input[type="date"],input[type="time"],input[type="datetime-local"]{padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:14px}.form_submitbutton{padding:24px 32px;display:flex;align-items:center;gap:12px;border-top:1px solid #e0e0e0}.form_submitbutton .formbutton{display:inline-block;padding:12px 40px;font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-light);background:var(--company-color-medium);border:none;border-radius:4px;cursor:pointer;transition:background var(--transition-fast)}.form_submitbutton .formbutton:hover{background:var(--company-color-dark)}.progressWrapper{margin-top:8px}.progressContainer{background:#f6f6f6;border-radius:4px;padding:10px 14px}.progressName{font-size:13px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:4px}.progressBarStatus{font-size:12px;color:var(--color-text-dark-muted);margin-bottom:6px}.progressBarInProgress{height:4px;background:var(--company-color);border-radius:2px;transition:width var(--transition-fast)}.progressCancel{float:right;font-size:12px;color:var(--color-text-dark-muted);text-decoration:none}.fileupload_thumbnails{margin-top:8px}.form_success{margin:40px auto;padding:20px 32px;font-size:15px;font-weight:var(--font-weight-medium);color:var(--company-color-dark);background:#d7e993;border:1px solid var(--company-color-light);border-radius:6px}.form_errordata{margin:40px auto;background:#fff;border:1px solid #e0e0e0;border-radius:6px;border-collapse:separate;border-spacing:0;overflow:hidden}.form_errordata th{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--color-text-light);background:#c0392b;padding:16px 32px;text-align:left}.form_errordata td{padding:16px 32px}.form_errors{list-style:none;display:flex;flex-direction:column;gap:6px}.form_error{font-size:14px;color:#c0392b}.mietbewerbung-tabs-wrapper .mietbewerbung-tabs button.active{background:#f6f6f6;border-bottom-color:#f6f6f6}.mietbewerbung-tabs-wrapper .mietbewerbung-tabs button{background:#fff}.mietbewerbung-tabs{display:flex;gap:5px;padding-left:10px;margin:10px 0 -1px;position:relative;z-index:1;flex-wrap:wrap}.mietbewerbung-tabs button{padding:12px 20px;border:1px solid #e0e0e0;background:#f6f6f6;color:var(--color-text-dark-muted);cursor:pointer;font-family:var(--font-family);font-size:14px;font-weight:var(--font-weight-medium);border-radius:4px 4px 0 0;transition:background var(--transition-fast), color var(--transition-fast)}.mietbewerbung-tabs button:hover{background:#e8e8e8}.mietbewerbung-tabs button.active{background:#fff;color:var(--color-text-dark);font-weight:var(--font-weight-semibold);border-bottom-color:#fff}.mietbewerbung-tab-content{display:none}.mietbewerbung-tab-content.active{display:block}.ang-list{padding:0 32px}.ang-entry{border:1px solid #e0e0e0;padding:16px 20px;margin:12px 0;background:#fafafa;border-radius:4px;position:relative}.ang-entry .form_row{padding:8px 0;border-bottom:none}.ang-entry .form_label{flex:0 0 140px}.ang-entry .form_field input.text,.ang-entry .form_field input[type="date"]{width:100%;padding:10px 14px;font-family:var(--font-family);font-size:14px;color:var(--color-text-primary);background:#fff;border:1px solid #e8e8e8;border-radius:4px;outline:none;transition:border-color var(--transition-fast)}.ang-entry .form_field input:focus{border-color:var(--company-color)}.ang-remove{position:absolute;top:0;right:0;background:none;border:1px solid #e0e0e0;padding:4px 12px;cursor:pointer;border-radius:3px;font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-dark-muted);transition:border-color var(--transition-fast), color var(--transition-fast)}.ang-remove:hover{border-color:#c0392b;color:#c0392b}.ang-add-btn{display:inline-block;padding:10px 20px;margin:12px 32px 16px;font-size:13px;font-weight:var(--font-weight-semibold);color:var(--company-color-dark);background:#fff;border:1px solid var(--company-color-light);border-radius:4px;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.ang-add-btn:hover{background:#f6f6f6;border-color:var(--company-color)}.ang-empty-hint{padding:20px 0;font-size:14px;color:var(--color-text-dark-muted)}@media (max-width: 768px){form{margin:20px 12px}.form_row{flex-direction:column;gap:4px;padding:12px 20px}.form_displaygroup,.form_displaygroup ~ .form_displaygroup{padding:16px 20px}.form_field{width:100%}.form_label{flex:none}.form_submitbutton{padding:20px}.form_success{margin:20px 12px;padding:16px 20px}.form_errordata{margin:20px 12px}.form_errordata th,.form_errordata td{padding:12px 20px}.mietbewerbung-tabs{padding:0 20px;overflow-x:auto}.mietbewerbung-tabs button{padding:10px 14px;font-size:13px;white-space:nowrap}.ang-list{padding:0 20px}.ang-add-btn{margin:12px 20px 16px}.ang-entry .form_row{flex-direction:column;gap:4px}.ang-entry .form_label{flex:none}}