/* === Rechtliche Seiten im Traun-Trails-Design === */
.legal-hero{position:relative;background:#16345F;color:#fff;padding:190px 32px 150px;overflow:hidden}
.legal-hero::before{content:"";position:absolute;width:70vw;max-width:900px;aspect-ratio:1;border-radius:50%;right:-18vw;top:-40%;background:rgba(255,255,255,0.04);pointer-events:none}
.legal-hero .wrap{position:relative}
.legal .legal-hero .eyebrow{color:#AEBF52}
.legal .legal-hero .section-title{color:#fff;clip-path:none;transform:none;opacity:1}
.legal .legal-hero .section-title .script-inline{color:#AEBF52;clip-path:none}
.legal-lede{margin-top:18px;font-size:19px;line-height:1.6;color:rgba(255,255,255,0.82);max-width:640px}
.legal-main{position:relative;background:#f6f7f5;padding:30px 32px 140px}
.legal-main .tt-sep{display:block}
.legal-card{position:relative;z-index:3;margin-top:-90px;background:#fff;border-radius:16px;border:1px solid rgba(22,52,95,0.08);box-shadow:0 24px 60px rgba(22,52,95,0.12);padding:56px 60px}
.legal-page h3{font-family:"Jost",-apple-system,sans-serif;font-size:24px;font-weight:500;color:#16345F;margin:40px 0 12px;padding-top:28px;border-top:1px solid rgba(22,52,95,0.08)}
.legal-page h3:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-page p{font-size:17px;line-height:1.75;color:#4b5866;margin:0 0 14px;max-width:none}
.legal-page p strong{color:#16345F}
.legal-page a{color:#16345F;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.legal-page a:hover{color:#557218}
.legal-page .note{margin-top:40px;padding:20px 24px;background:#eef3e1;border-left:0;border-radius:12px;font-size:16px;color:#1c2b3a}
.legal-back{margin-top:40px}
.legal-back .btn-primary{display:inline-flex;align-items:center;height:56px;padding:0 32px;text-transform:none;letter-spacing:0;font-family:"Jost",-apple-system,sans-serif;font-weight:500;font-size:17px}
.legal .footer{position:relative}
.legal .footer .tt-sep{display:block}
.legal .footer .tt-sep .l1,.legal .footer .tt-sep .l2{clip-path:none !important}
@media (max-width:880px){.legal-hero{padding:140px 24px 120px}.legal-main{padding:20px 16px 100px}.legal-card{padding:34px 24px;margin-top:-70px}}