*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101c24;color:#fff;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}.background,.shade{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.shade{background:linear-gradient(90deg,rgba(10,22,30,.96),rgba(10,22,30,.76) 38%,rgba(10,22,30,.10) 77%)}main{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:48px 6vw 26px}header{margin-bottom:70px}.wordmark{font-family:Georgia,serif;letter-spacing:.17em;font-size:42px;color:#e5c792}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:.3em;margin-top:8px;color:#eee}.logo{max-width:260px;max-height:150px;object-fit:contain;object-position:left}section{max-width:610px;margin:auto 0}.eyebrow{font-size:11px;letter-spacing:.22em;color:#e5c792;display:flex;align-items:center;gap:12px}.eyebrow span{width:28px;height:1px;background:#e5c792}h1{font-family:Georgia,serif;font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:26px 0}.intro{max-width:470px;font-size:17px;line-height:1.8;color:#e4e7e9}.contact{display:inline-flex;gap:30px;align-items:center;padding:15px 23px;background:#e5c792;color:#15232d;text-decoration:none;margin-top:18px;border-radius:3px;font-size:14px;font-weight:bold}.services{font-size:13px;line-height:1.65;color:#c4cbd0;border-left:2px solid #b99d6e;padding-left:17px;margin-top:38px}footer{display:flex;gap:20px;justify-content:space-between;font-size:11px;color:#b8c0c5;margin-top:70px}footer a{color:inherit}a:focus-visible{outline:3px solid white;outline-offset:5px}@media(max-width:650px){main{padding:30px 25px 24px}.background{object-position:68% center}.shade{background:rgba(8,20,29,.78)}header{margin-bottom:55px}.wordmark{font-size:34px}h1{font-size:44px}.intro{font-size:16px}.eyebrow{font-size:9px}.logo{max-width:220px}footer{margin-top:55px;flex-wrap:wrap;line-height:1.6}}

/* Lange deutsche Überschriften bleiben innerhalb des Viewports. */
main,section{min-width:0}section{width:100%}h1{max-width:100%;overflow-wrap:anywhere;hyphens:auto}.logo{max-width:min(300px,100%);height:auto}
@media(max-width:650px){h1{font-size:clamp(32px,9vw,44px)}.logo{max-width:min(260px,100%)}}
.logo{mix-blend-mode:screen}