body{--color-frage: #F0F8FF;--color-ai: #D1FFB4;--color-status: #DCE4FB;--stroke: #D1DDE0;--bg: #ffffff;--surface: #ffffff;--text-color: #141419;--brand-color: #102924;--brand-contrast: #C8FFA5;--brand-hover: #193D36;--brand-active: #217846;--logo-height: 40px;--muted-text: #666666;--link-color: #1E4132;--link-hover-color: #102924;--tint-1: rgba(30, 65, 50, .1);--tint-2: rgba(30, 65, 50, .05);--tint-3: rgba(30, 65, 50, .02);--focus-border-color: var(--color-ai);--focus-ring-color: rgba(209, 255, 180, .2);--navbar-bg: var(--color-ai);--footer-bg: var(--color-frage);--error: #d32f2f;--error-bg: #ffebee;--disabled-bg: #6c757d;--starter-hover-bg: #e8f4f8;--starter-active-bg: #d1e7dd;--select-arrow-icon: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141419' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}*{box-sizing:border-box}body{color:var(--text-color);margin:0;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg)}#root{display:flex;flex-direction:column;height:100vh;height:100dvh}.navbar{background-color:var(--navbar-bg);border-bottom:1px solid var(--stroke);padding:0}.navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 24px}.logo-section{display:flex;align-items:center}.logo{height:var(--logo-height);width:auto}.nav-actions{display:flex;align-items:center}.anmelden-btn{background-color:var(--brand-color);color:var(--brand-contrast);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;border:none}.anmelden-btn:hover{background-color:var(--brand-hover)}.anmelden-btn:active{background-color:var(--brand-active)}.banner-section{display:flex;justify-content:center;background-color:transparent;padding:0}.banner{height:160px;width:auto;max-width:100%}main{flex:1;height:0;display:flex;align-items:flex-start;gap:32px}.left{width:300px;height:auto;padding-left:16px;padding-top:32px}.right{width:300px;height:auto;padding-right:16px;padding-top:32px}.chat{flex:1;height:100%;display:flex;flex-direction:column;gap:16px;overflow-y:scroll;scrollbar-width:none;padding-bottom:16px;padding-top:8px}.frage-bubble,.ai-bubble,.status-bubble{padding:16px;border-radius:16px;max-width:600px;margin-block:0;animation:fadeIn .3s ease-in-out;white-space:pre-wrap;word-wrap:break-word}.frage-bubble{align-self:flex-end;background-color:var(--color-frage);margin-inline-start:128px}.ai-bubble{align-self:flex-start;background-color:var(--color-ai);margin-inline-end:128px;white-space:normal}.status-bubble{align-self:flex-start;background-color:var(--color-status);border:1px solid var(--stroke);margin-inline-end:128px;display:flex;align-items:center;gap:8px}.status-icon{color:var(--muted-text);font-size:14px}.status-text{color:var(--muted-text)}.ai-bubble h1,.ai-bubble h2,.ai-bubble h3,.ai-bubble h4,.ai-bubble h5,.ai-bubble h6{margin:20px 0 12px;font-weight:600;line-height:1.4;color:var(--brand-color)}.ai-bubble h1:first-child,.ai-bubble h2:first-child,.ai-bubble h3:first-child,.ai-bubble h4:first-child,.ai-bubble h5:first-child,.ai-bubble h6:first-child{margin-top:0}.ai-bubble h1{font-size:1.5em}.ai-bubble h2{font-size:1.3em}.ai-bubble h3{font-size:1.1em}.ai-bubble h4{font-size:1em}.ai-bubble h5{font-size:.9em}.ai-bubble h6{font-size:.8em}.ai-bubble p{margin:0 0 16px;line-height:1.7}.ai-bubble p:last-child{margin-bottom:0}.ai-bubble ul,.ai-bubble ol{margin:12px 0 16px;padding-left:24px}.ai-bubble li{margin:6px 0;line-height:1.6}.ai-bubble code{background-color:var(--tint-1);padding:2px 4px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--link-color)}.ai-bubble pre{background-color:var(--tint-1);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0;border-left:4px solid var(--brand-color)}.ai-bubble pre code{background-color:transparent;padding:0;font-size:.85em;line-height:1.5}.ai-bubble blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid var(--brand-color);background-color:var(--tint-2);color:var(--link-color);font-style:italic}.ai-bubble blockquote p{margin:0 0 8px}.ai-bubble blockquote p:last-child{margin-bottom:0}.ai-bubble strong{font-weight:600;color:var(--brand-color)}.ai-bubble em{font-style:italic;color:var(--link-color)}.ai-bubble table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9em}.ai-bubble th,.ai-bubble td{border:1px solid var(--stroke);padding:10px 14px;text-align:left}.ai-bubble th{background-color:var(--tint-1);font-weight:600;color:var(--brand-color)}.ai-bubble tr:nth-child(2n){background-color:var(--tint-3)}.ai-bubble hr{border:none;border-top:1px solid var(--stroke);margin:20px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.fade-out{animation:fadeOut .3s ease-in-out forwards}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-pulse 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fa-pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}a:link{color:var(--link-color)}a:hover{color:var(--link-hover-color)}footer{background-color:var(--footer-bg);padding:16px 16px 0;border-top:1px solid var(--stroke);text-align:center}form{display:flex;justify-content:center;gap:16px;max-width:744px;margin:auto}input.frage-field{box-sizing:border-box;flex-grow:1;border:1px solid var(--stroke);border-radius:100px;background-color:var(--surface);padding:4px 16px;line-height:1.5;font-family:Arial,sans-serif;font-size:16px;color:var(--text-color)}input.frage-field:focus{outline-color:var(--focus-border-color);color:var(--text-color)}button{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100px;padding:4px 16px;line-height:1.5;background-color:var(--brand-color);color:var(--brand-contrast);font-family:Arial,sans-serif;font-size:16px;cursor:pointer}button:hover{background-color:var(--brand-hover)}button:active{background-color:var(--brand-active)}#new-conversation{display:flex;align-items:center;justify-content:center;padding:4px 12px}.stacked-form{display:flex;flex-direction:column;align-items:stretch;gap:12px}.container{max-width:900px;margin:16px auto;padding-left:16px;padding-right:16px;padding-bottom:16px;background-color:var(--color-ai);border-radius:16px;box-shadow:0 2px 8px #00000014;animation:fadeIn .3s ease-in-out}h1{text-align:center;margin-bottom:16px;color:var(--brand-color);font-size:22px;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}label{margin-bottom:4px;font-weight:500;color:#1e4132c7}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--stroke);border-radius:8px;background-color:var(--surface);color:var(--text-color);padding:8px 12px;line-height:1.4;font-family:Arial,sans-serif;font-size:16px;transition:border-color .2s,box-shadow .2s}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:var(--select-arrow-icon);background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus-border-color);box-shadow:0 0 0 3px var(--focus-ring-color)}textarea{resize:vertical;min-height:50px}.checkbox-group{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:var(--color-frage);border-radius:8px}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.2);align-self:center}.checkbox-group label{margin:0;font-weight:400;cursor:pointer}.submit-section{text-align:center}.meta-info{opacity:.45;font-size:14px;text-align:center;margin-top:12px}.required{color:var(--error)}input:invalid,select:invalid,textarea:invalid{border-color:var(--error)}input.error,select.error,textarea.error,.checkbox-group.error{border-color:var(--error)!important;background-color:var(--error-bg)!important}.checkbox-group.error{border:1px solid var(--error)}button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--disabled-bg)}button:disabled:hover{background-color:var(--disabled-bg)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.container{margin:20px;padding:24px}.banner-section,.left,.right{display:none}main{gap:0;padding:0 16px}.frage-bubble{margin-inline-start:16px}.ai-bubble,.status-bubble{margin-inline-end:16px}body,#root{min-height:100vh;min-height:100svh}footer{position:relative;z-index:10}}.conversation-starters{max-width:744px;margin:0 auto;padding:32px}.starters-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.starter-button{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--stroke);border-radius:20px;padding:16px 18px;background-color:var(--surface);color:var(--text-color);font-family:Arial,sans-serif;font-size:14px;line-height:1.4;cursor:pointer;text-align:center;transition:all .2s ease;max-width:200px;min-height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow:hidden}.starter-button:hover{background-color:var(--starter-hover-bg);border-color:var(--brand-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.starter-button:active{transform:translateY(0);box-shadow:none;background-color:var(--starter-active-bg)}@media (max-width: 768px){.conversation-starters{padding:12px 16px}.starters-grid{flex-direction:column;gap:8px}.starter-button{max-width:none;min-height:44px}}