:root{--paper:#edf4ef;--ink:#17352d;--muted:#64776f;--line:rgba(23,53,45,.16);--accent:#1f7a5a;--accent-dark:#14543e;--soft:#d4e6dc;--white:#f9fcfa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.page-shell{width:min(1500px,calc(100% - 64px));margin:auto;min-height:100vh}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);font-size:1.25rem;font-weight:750;letter-spacing:-.04em;text-decoration:none}.wordmark span{color:var(--accent)}.status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.status i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(31,122,90,.10)}.hero{min-height:calc(100vh - 208px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:7vw;padding:80px 0 90px}.eyebrow,.section-number{margin:0 0 24px;color:var(--accent);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:.18em}.hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,9.2vw,10.5rem);font-weight:400;line-height:.77;letter-spacing:-.075em}.hero h1 em{color:var(--accent);font-weight:400}.intro{max-width:650px;margin:54px 0 0;color:var(--muted);font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.65}.actions{display:flex;align-items:center;gap:28px;margin-top:40px}.button{text-decoration:none}.primary{display:inline-flex;align-items:center;gap:26px;background:var(--ink);color:var(--white);padding:17px 20px 17px 24px;border-radius:4px;font-size:.92rem;transition:transform .2s,background .2s}.primary:hover{background:var(--accent);transform:translateY(-2px)}.primary span{font-size:1.15rem}.text-link{color:var(--ink);font-size:.9rem;border-bottom:1px solid var(--line);padding:16px 0}.visual{position:relative;aspect-ratio:1/1;max-width:570px;justify-self:end;width:100%;display:grid;place-items:center}.visual:before{content:"";position:absolute;inset:12%;border-radius:50%;background:var(--soft)}.orbit{position:absolute;border:1px solid rgba(23,53,45,.18);border-radius:50%}.orbit-one{inset:1%;animation:drift 14s ease-in-out infinite alternate}.orbit-two{inset:23%;border-color:rgba(31,122,90,.34);animation:drift 10s ease-in-out infinite alternate-reverse}.monogram{position:relative;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:clamp(7rem,12vw,12rem);letter-spacing:-.08em}.monogram span{color:var(--accent)}.visual-caption{position:absolute;right:0;bottom:10%;z-index:3;background:var(--white);padding:18px 22px;border-left:3px solid var(--accent);font-size:.8rem;line-height:1.5;box-shadow:0 14px 40px rgba(23,53,45,.09)}.visual-caption small{color:var(--muted)}.outlook{border-top:1px solid var(--line);padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.outlook h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,5.4rem);font-weight:400;line-height:.95;letter-spacing:-.055em;margin:0}.outlook-copy{align-self:end}.outlook-copy p{max-width:600px;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.75}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.tags span{border:1px solid var(--line);border-radius:99px;padding:9px 15px;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.site-footer{border-top:1px solid var(--line);min-height:100px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.78rem}.site-footer strong{color:var(--ink)}.site-footer nav{display:flex;gap:24px}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent)}@keyframes drift{to{transform:translate(9px,-12px) rotate(5deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.orbit{animation:none}}@media(max-width:850px){.page-shell{width:min(100% - 34px,720px)}.site-header{height:84px}.status{font-size:.65rem}.hero{min-height:auto;grid-template-columns:1fr;padding:72px 0 80px;gap:60px}.hero h1{font-size:clamp(4.4rem,21vw,8rem)}.intro{margin-top:40px}.visual{justify-self:center;max-width:470px}.outlook{grid-template-columns:1fr;gap:50px;padding:80px 0}.site-footer{padding:28px 0;gap:20px;align-items:flex-start}}@media(max-width:520px){.page-shell{width:calc(100% - 28px)}.status{letter-spacing:.08em}.hero{padding-top:55px}.hero h1{font-size:clamp(4.1rem,22vw,6rem)}.intro{font-size:1rem;margin-top:34px}.actions{align-items:flex-start;flex-direction:column;gap:8px}.primary{width:100%;justify-content:space-between}.visual-caption{right:-3px}.site-footer{flex-direction:column}.site-footer nav{gap:18px}}

button{font:inherit;border:0;cursor:pointer}.back-link{color:var(--muted);text-decoration:none;font-size:.85rem}.back-link:hover{color:var(--accent)}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:.22s}.modal.is-open{opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(12,35,28,.58);backdrop-filter:blur(7px)}.modal-card{position:relative;z-index:1;width:min(610px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--white);padding:44px;border-radius:18px;box-shadow:0 30px 90px rgba(12,35,28,.24)}.modal-close{position:absolute;right:20px;top:16px;background:transparent;color:var(--muted);font-size:2rem;line-height:1}.modal-card h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:400;letter-spacing:-.05em;margin:0}.modal-intro{color:var(--muted);line-height:1.6;margin:15px 0 28px}.contact-form{display:grid;gap:18px}.contact-form>label:not(.privacy-check){display:grid;gap:7px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:13px 14px;font:inherit;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,122,90,.10)}.privacy-check{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.82rem;line-height:1.5}.privacy-check input{width:auto;margin-top:3px}.privacy-check a,.legal a{color:var(--accent-dark)}.submit{justify-content:space-between;margin-top:4px}.hp{position:absolute!important;left:-9999px!important}.form-note{padding:12px 14px;border-radius:8px;margin-bottom:18px;font-size:.9rem}.form-note.error{background:#f8e8e6;color:#8b332c}.toast{position:fixed;z-index:120;right:28px;bottom:28px;background:var(--ink);color:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 18px 50px rgba(12,35,28,.2);transition:.4s}.toast.hide{opacity:0;transform:translateY(10px);pointer-events:none}
.legal-shell{max-width:1120px}.legal{padding:90px 0 110px;max-width:800px}.legal>h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(4rem,9vw,7.5rem);font-weight:400;letter-spacing:-.065em;line-height:.9;margin:0 0 70px}.legal-content{font-size:1rem;line-height:1.75;color:var(--muted)}.legal-content h2{color:var(--ink);font-size:1.05rem;margin:38px 0 8px}.legal-content p{margin:0 0 18px}.legal-content mark{background:#dceee5;color:var(--accent-dark);padding:2px 5px;border-radius:3px}.edit-hint{margin-top:55px;border-left:3px solid var(--accent);background:var(--soft);padding:18px 22px;color:var(--ink);font-size:.9rem}.edit-hint strong{display:block;margin-bottom:4px}
@media(max-width:520px){.modal-card{padding:36px 20px 24px;border-radius:14px}.legal{padding:60px 0 80px}.legal>h1{margin-bottom:48px}.toast{left:14px;right:14px;bottom:14px}}
.subjects{display:inline-block;margin:14px 0 10px;color:var(--ink);font-size:.82em;font-weight:650;letter-spacing:.025em}.subjects::before{content:"";display:inline-block;width:28px;height:1px;background:var(--accent);vertical-align:middle;margin:0 12px 3px 0}@media(max-width:520px){.subjects{line-height:1.7}.subjects::before{display:none}}

/* Versand-Rueckmeldung */
.status-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.status-modal.is-open{opacity:1;visibility:visible}.status-backdrop{position:absolute;inset:0;background:rgba(12,35,28,.58);backdrop-filter:blur(7px)}.status-card{position:relative;z-index:1;width:min(480px,100%);background:var(--white);padding:42px;border-radius:18px;box-shadow:0 30px 90px rgba(12,35,28,.24);transform:translateY(12px) scale(.985);transition:transform .22s ease}.status-modal.is-open .status-card{transform:none}.status-close{position:absolute;right:20px;top:16px;background:transparent;color:var(--muted);font-size:2rem;line-height:1}.status-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:28px;background:var(--soft);color:var(--accent-dark);font-size:1.65rem;font-weight:750}.status-card .eyebrow{margin-bottom:13px}.status-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,7vw,4.2rem);font-weight:400;line-height:.95;letter-spacing:-.055em}.status-card #statusText{margin:22px 0 30px;color:var(--muted);line-height:1.65}.status-button{width:100%;justify-content:space-between}.status-modal.is-error .status-icon{background:#f8e8e6;color:#8b332c}.status-modal.is-error .eyebrow{color:#8b332c}@media(max-width:520px){.status-card{padding:36px 22px 24px;border-radius:14px}}

/* Versandbestätigung */
.confirm-modal{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.confirm-modal.is-open{opacity:1;visibility:visible}
.confirm-backdrop{position:absolute;inset:0;background:rgba(12,35,28,.58);backdrop-filter:blur(7px)}
.confirm-card{position:relative;z-index:1;width:min(500px,100%);background:var(--white);padding:42px;border-radius:18px;box-shadow:0 30px 90px rgba(12,35,28,.24);transform:translateY(12px) scale(.985);transition:transform .22s ease}
.confirm-modal.is-open .confirm-card{transform:none}
.confirm-close{position:absolute;right:20px;top:16px;background:transparent;color:var(--muted);font-size:2rem;line-height:1}
.confirm-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:28px;background:var(--soft);color:var(--accent-dark);font-size:1.5rem;font-weight:750}
.confirm-card h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,7vw,4.2rem);font-weight:400;line-height:.95;letter-spacing:-.055em}
.confirm-card>p:not(.eyebrow){margin:22px 0 30px;color:var(--muted);line-height:1.65}
.confirm-actions{display:flex;gap:12px;justify-content:flex-end}
.confirm-actions .button{min-width:140px;justify-content:center}
.button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.button.secondary:hover{border-color:var(--accent);color:var(--accent-dark)}
#confirmSend:disabled{opacity:.65;cursor:wait}
@media(max-width:520px){.confirm-card{padding:36px 22px 24px;border-radius:14px}.confirm-actions{flex-direction:column-reverse}.confirm-actions .button{width:100%}}