/* One readable paper note, with a real destination when it promises a jump. */
.note-world{position:relative;min-width:0;padding-bottom:64px}
.note-world-compact{max-width:440px}
.product-main figure.note-world,.signal-hero-scene.note-world{overflow:visible;background:none}
.note-world>img{border-radius:16px}
.flowq-note{display:block;position:relative;width:min(300px,100%);padding:24px;background:#e9eee4;color:#252c25;border-radius:8px;box-shadow:6px 14px 30px #0000001c;text-decoration:none!important;transform:rotate(2deg)}
.note-world>.flowq-note,.contact-world>.flowq-note{position:absolute;right:0;bottom:0;z-index:3}
.flowq-note span.flowq-note-kicker{display:block;font:400 14px/1.5 Inter,system-ui,sans-serif;color:#4a584a;letter-spacing:normal;text-transform:none}
.flowq-note p.flowq-note-line{font:400 22px/1.35 Sora,system-ui,sans-serif;letter-spacing:-.02em;color:#252c25;margin:14px 0 0;max-width:none}
.flowq-note>svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;margin-top:16px}
a.flowq-note:hover{box-shadow:8px 18px 32px #00000028}
a.flowq-note:focus-visible{outline:2px solid var(--blue);outline-offset:6px}
.approved-main .text-hero:has(>.flowq-note){display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;max-width:none;align-items:center}
.approved-main .text-hero>.flowq-note{justify-self:end}
.approved-entry .approved-hero .approved-intro{width:100%;margin:24px 0 0}
.approved-entry .approved-hero .approved-intro p{font-size:18px;line-height:1.65}
.approved-entry .approved-hero{margin-bottom:0;border-bottom:0}
.approved-about .note-world{padding-bottom:0}
.approved-about .note-world>.approved-photo{max-height:360px}
.approved-about .note-world>.flowq-note{position:relative;right:auto;bottom:auto;margin:-16px 0 0 auto}
.approved-main [id^="kapitel-"],.signal-process,#service-flow-title,.contact-main section[id]{scroll-margin-top:112px}
/* Contact uses the same type scale and outer alignment as the other reading pages. */
.contact-main{width:calc(100% - 2 * var(--site-gutter));max-width:1240px;padding:0}
.contact-intro{padding:64px 0 80px;min-height:0;gap:64px}
[data-typography] .contact-main h1{font:400 var(--fs-display)/1.1 Sora,system-ui,sans-serif;letter-spacing:-.035em;max-width:18ch}
[data-typography] .contact-main .contact-lead{font:400 22px/1.5 Inter,system-ui,sans-serif}
[data-typography] .contact-main .contact-sections h2{font:400 var(--fs-h2)/1.25 Sora,system-ui,sans-serif;letter-spacing:-.025em}
[data-typography] .contact-main .contact-sections p,[data-typography] .contact-main .contact-sections address{font:400 var(--fs-body)/1.65 Inter,system-ui,sans-serif}
.contact-main #direkt li a{font:400 22px/1.4 Sora,system-ui,sans-serif;letter-spacing:-.02em}
.contact-world{padding-bottom:100px}
.contact-world .flowq-note{right:0;bottom:0}
@media(max-width:1000px){.approved-main .text-hero:has(>.flowq-note){display:flex;align-items:flex-start}.approved-main .text-hero>.flowq-note{align-self:flex-end}}
@media(max-width:800px){
 .contact-intro{display:flex;flex-direction:column;gap:32px;padding:40px 0 56px;align-items:stretch}
 .contact-world{max-width:580px;width:100%;padding-bottom:88px}
 [data-typography] .contact-main .contact-lead{font-size:18px;line-height:1.65}
 .flowq-note{width:min(280px,100%);padding:20px}
 .flowq-note p.flowq-note-line{font-size:20px;line-height:1.4}
 .note-world{padding-bottom:88px}
 .contact-main #direkt li a{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.flowq-note{transform:none}}