*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#061420}
body{min-height:100vh;color:#f4f5f5;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.page{position:relative;width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 68% 28%,rgba(44,76,96,.16),transparent 34%),linear-gradient(110deg,#061420 0%,#071725 54%,#081723 100%)}
.scene{position:absolute;z-index:0;top:0;right:0;bottom:0;width:55vw;min-width:700px;background:url("background.jpg") center right/cover no-repeat;filter:saturate(.97) contrast(1.02)}
.veil{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#061420 0%,rgba(6,20,32,.99) 38%,rgba(6,20,32,.84) 51%,rgba(6,20,32,.47) 64%,rgba(6,20,32,.13) 79%,rgba(6,20,32,.02) 100%),linear-gradient(0deg,rgba(3,11,18,.29),transparent 43%)}
.content{position:relative;z-index:2;width:100%;min-height:100vh;padding:34px clamp(42px,5vw,100px) 32px clamp(58px,6.2vw,126px)}
.brand{width:min(570px,44vw)}
.brand img{display:block;width:100%;height:auto}
.hero{width:min(780px,58vw);margin-top:28px}
h1{margin:0;color:#f1f0ed;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(52px,4.45vw,80px);line-height:1;letter-spacing:-.025em;text-shadow:0 2px 18px rgba(0,0,0,.25)}
h1 span{color:#11a7ab}
.accent-line{width:72px;height:3px;margin:25px 0 24px;background:#1ab2b5}
.intro,.lead{margin:0;color:#f2f4f5;font-size:clamp(16px,1.05vw,20px);line-height:1.48}
.intro{font-weight:700;margin-bottom:5px}.lead{max-width:715px;color:#e6ebed}
.topics{display:flex;width:min(760px,100%);margin-top:27px}
.topic{flex:1 1 0;min-width:0;padding:0 13px;text-align:center;border-right:1px solid rgba(31,171,175,.30)}
.topic:first-child{padding-left:0}.topic:last-child{padding-right:0;border-right:0}
.topic svg{width:43px;height:43px;margin-bottom:9px;fill:none;stroke:#21b2b6;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.topic span{display:block;color:#f0f3f4;font-size:10.5px;font-weight:700;line-height:1.28}
.tagline{margin:19px 0 0;color:#22b4b7;font-size:13px;font-weight:600;letter-spacing:.025em}
.contact{width:min(800px,100%);margin-top:26px;display:grid;grid-template-columns:1.15fr 1.15fr 1fr 1.4fr;border:1px solid rgba(32,177,181,.42);border-radius:7px;background:rgba(5,20,31,.64);backdrop-filter:blur(4px);font-style:normal}
.contact-item{min-width:0;display:flex;align-items:center;gap:11px;padding:13px 15px;color:#f5f7f8;text-decoration:none;border-right:1px solid rgba(32,177,181,.22)}
.contact-item:last-child{border-right:0}a.contact-item:hover{background:rgba(30,170,174,.08)}
.contact-icon{flex:0 0 28px;width:28px;height:28px;color:#25b5b8;display:grid;place-items:center;font-size:22px}.person{border:2px solid #25b5b8;border-radius:50%;width:18px;height:18px;position:relative;transform:scale(.62)}.person:after{content:"";position:absolute;left:50%;top:19px;width:28px;height:17px;transform:translateX(-50%);border:2px solid #25b5b8;border-radius:16px 16px 4px 4px}.pin{border:2px solid #25b5b8;border-radius:50% 50% 50% 0;width:20px;height:20px;transform:rotate(-45deg);position:relative}.pin:after{content:"";position:absolute;width:5px;height:5px;border:2px solid #25b5b8;border-radius:50%;left:5px;top:5px}.phone,.mail{font-family:Arial,sans-serif}.contact-item div{min-width:0}.contact-item strong,.contact-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item strong{font-size:13px}.contact-item small{font-size:11px;margin-top:3px;color:#dce3e6}
.legal-links{display:flex;align-items:center;gap:9px;margin-top:15px;color:#77aeb4;font-size:12px}.legal-links a{color:#a9cdd1;text-decoration:none}.legal-links a:hover{color:#fff;text-decoration:underline}

/* Rechtliche Unterseiten */
.legal-page{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(21,91,111,.12),transparent 32%),linear-gradient(180deg,#061521,#06131f);color:#edf2f3}
.legal-shell{width:min(980px,calc(100% - 40px));margin:0 auto;padding:30px 0 44px}
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.legal-top .legal-logo{width:min(400px,47vw);height:auto;display:block}
.back-link{color:#b6d8db;text-decoration:none;font-size:14px}.back-link:hover{color:#fff;text-decoration:underline}
.legal-card{border:1px solid rgba(32,177,181,.28);border-radius:12px;background:rgba(6,22,35,.78);padding:28px 32px;box-shadow:0 18px 60px rgba(0,0,0,.14)}
.legal-card h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;margin:0 0 24px;color:#f2f2ef}
.legal-card h2{font-size:19px;color:#1eb1b5;margin:24px 0 9px}.legal-card h2:first-of-type{margin-top:0}
.legal-card p,.legal-card li{font-size:16px;line-height:1.62;color:#e2e9eb}.legal-card p{margin:0}.legal-card ul{padding-left:20px;margin:8px 0 0}.legal-card a{color:#bde5e8}.legal-card a:hover{color:#fff}.legal-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(32,177,181,.16);font-size:13px;color:#9ab9bd;line-height:1.5}

@media (min-width:1700px){.content{padding-top:46px}.brand{width:610px}.hero{width:820px;margin-top:32px}h1{font-size:82px}.intro,.lead{font-size:19px}.contact{width:830px}}
@media (max-width:1100px){.scene{width:65vw;min-width:0;opacity:.58;background-position:58% center}.veil{background:linear-gradient(90deg,rgba(6,20,32,.99) 0%,rgba(6,20,32,.95) 56%,rgba(6,20,32,.54) 100%),linear-gradient(0deg,rgba(3,11,18,.42),transparent 45%)}.content{padding:28px 34px 34px}.brand{width:min(570px,72vw)}.hero{width:min(780px,82vw)}.contact{grid-template-columns:1fr 1fr}.contact-item:nth-child(2){border-right:0}.contact-item:nth-child(-n+2){border-bottom:1px solid rgba(32,177,181,.22)}}
@media (max-width:700px){.content{padding:18px 18px 24px}.scene{width:100%;opacity:.35;background-position:61% center}.brand{width:100%;max-width:520px}.hero{width:100%;margin-top:24px}h1{font-size:clamp(40px,12vw,58px)}.intro,.lead{font-size:16px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:17px 0}.topic{padding:0 8px;border-right:0}.topic:nth-child(odd){border-right:1px solid rgba(31,171,175,.30)}.topic:last-child{grid-column:1/-1;width:50%;justify-self:center}.tagline{font-size:11px;line-height:1.55}.contact{grid-template-columns:1fr;margin-top:24px}.contact-item{border-right:0!important;border-bottom:1px solid rgba(32,177,181,.22)}.contact-item:last-child{border-bottom:0}.legal-links{margin-top:14px}.legal-shell{width:min(100% - 28px,980px);padding-top:18px}.legal-top{align-items:flex-start;flex-direction:column}.legal-top .legal-logo{width:min(420px,100%)}.legal-card{padding:22px 18px}.legal-card h1{font-size:34px}.legal-card p,.legal-card li{font-size:15px}}
@media (max-height:760px) and (min-width:1101px){.content{padding-top:22px;padding-bottom:22px}.brand{width:500px}.hero{margin-top:18px}h1{font-size:58px}.accent-line{margin:18px 0}.topics{margin-top:18px}.contact{margin-top:20px}}