:root{font-family:Verdana,Arial,sans-serif;color:#263345;background:#f4f5f7;font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:#34546a}.app-header{background:#fab630;min-height:115px;padding:16px 2%;display:flex;align-items:center;gap:3%;box-shadow:0 1px 4px #0001}.logo{background:white;padding:12px 16px;border-radius:7px;display:flex;align-items:center;flex-shrink:0}.logo img{width:340px;max-width:100%;height:auto}.header-actions,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.header-actions{flex:1;justify-content:flex-end}.nav-link,.button,button{background:#52565d;color:white;border:0;border-radius:7px;padding:13px 17px;text-decoration:none;font-weight:700;cursor:pointer;font:700 13px Verdana,Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px}.nav-link:hover,.button:hover,button:hover{background:#343940;color:#fff}button.primary,.button.primary{background:#fab630;color:#252d38}button.danger{background:#a34b4b}main{max-width:1700px;margin:22px auto;padding:0 20px 55px}.project-page main{max-width:none;margin:0;padding:0 20px 45px}.headline{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}h1{font-size:25px;margin:6px 0 12px}h2{font-size:18px;margin:0 0 17px;color:#263345}h3{font-size:14px;margin:14px 0}p{color:#687481}.card{background:#fbfcfd;border:1px solid #d9dee4;border-radius:8px;padding:21px;margin-bottom:14px;box-shadow:0 1px 2px #00000005}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 20px}label{display:block;font-size:12px;font-weight:500;color:#283548;margin:0 0 12px}input,select{display:block;width:100%;padding:10px 12px;margin-top:7px;border:1px solid #bfc6ce;border-radius:5px;background:#fff;color:#273242;font:13px Verdana,Arial,sans-serif;min-height:38px}input:focus,select:focus{outline:2px solid #fab630;outline-offset:1px}input[type=file]{max-width:450px}table{border-collapse:collapse;width:100%;font-size:12px;background:white}td,th{border-bottom:1px solid #e0e4e9;padding:12px;text-align:left}th{background:#e9edf1}.tabs{display:flex;gap:16px;flex-wrap:wrap;background:#f8f9fa;margin:0 -20px 18px;padding:0 38px;border-bottom:1px solid #e4e7eb}.tabs a{padding:16px 18px 13px;text-decoration:none;color:#263345;font-weight:700;border-bottom:4px solid transparent}.tabs a:hover,.tabs a.active{border-bottom-color:#fab630}.project-context{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 15px;color:#64717e}.project-grid{display:grid;grid-template-columns:1.15fr .94fr 1.03fr;gap:14px;align-items:start}.project-grid .section-card{margin:0;min-width:0;scroll-margin-top:20px}.project-grid .fields{display:flex;flex-direction:column;gap:0}.project-grid label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px}.project-grid input,.project-grid select{margin-top:0}.project-grid #Komponenten{grid-column:1/-1}.project-grid #Komponenten .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px}.project-grid #Komponenten label{grid-template-columns:150px minmax(0,1fr);margin:0}.attachments-card{margin-top:12px;scroll-margin-top:20px}.attachments-card>p{margin-top:-7px}.attachment-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.group{border:1px solid #dfe3e7;border-radius:6px;padding:12px;background:#fff;min-width:0}.group h3{margin:0 0 10px;padding-bottom:9px;border-bottom:2px solid #fab630}.group form{margin-top:10px}.group form input[type=file]{display:inline-block;width:auto;max-width:100%;margin-right:10px}.inline{display:inline-flex;gap:5px;margin-right:5px}.inline button{padding:7px 9px;min-height:32px}.login{max-width:460px;margin:80px auto}.sticky{position:sticky;bottom:14px;box-shadow:0 3px 12px #0002;margin:15px 0 4px;z-index:2}.notice{background:#fff1c8;padding:15px;border-radius:6px}footer{text-align:center;color:#7b8490;font-size:11px;padding:25px}@media(max-width:1250px){.logo img{width:250px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid #Standort{grid-column:1/-1}.project-grid #Komponenten{grid-column:1/-1}}@media(max-width:850px){.app-header{flex-wrap:wrap}.header-actions{justify-content:flex-start}.project-grid{grid-template-columns:1fr}.project-grid #Standort,.project-grid #Komponenten{grid-column:auto}.project-grid #Komponenten .fields{grid-template-columns:1fr}.attachment-groups{grid-template-columns:1fr}}@media(max-width:600px){.app-header{padding:12px}.logo img{width:215px}.header-actions{gap:6px}.nav-link{padding:10px}.project-page main{padding:0 12px 35px}.tabs{margin:0 -12px 16px;padding:0 10px;gap:2px}.tabs a{padding:13px 10px;font-size:11px}.card{padding:14px}.project-grid label,.project-grid #Komponenten label{grid-template-columns:1fr;gap:4px}.project-grid input,.project-grid select{margin-top:0}main{padding:0 12px}td,th{padding:8px}}
