body{margin:0}

#valon-draft{--vi-paper:#f7f5f0;--vi-ink:#191d25;--vi-red:#bd1738;--vi-line:#d9d5ce;font-family:Arial,Helvetica,sans-serif;background:var(--vi-paper);color:var(--vi-ink);line-height:1.55;overflow:hidden}#valon-draft *{box-sizing:border-box}#valon-draft a{color:inherit;text-decoration:none}#valon-draft .vi-wrap{width:min(1140px,90%);margin:auto}#valon-draft h1,#valon-draft h2,#valon-draft h3,#valon-draft p{margin:0}#valon-draft h1{font-size:clamp(48px,6.8vw,90px);font-weight:500;line-height:1.02;letter-spacing:-.055em}#valon-draft h2{font-size:clamp(34px,4.5vw,58px);font-weight:500;line-height:1.09;letter-spacing:-.045em}#valon-draft h3{font-size:23px;font-weight:500;line-height:1.2;letter-spacing:-.02em}#valon-draft .vi-nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--vi-line)}#valon-draft .vi-brand{font-size:25px;font-weight:600;letter-spacing:-1px;white-space:nowrap}#valon-draft .vi-navlinks{display:flex;align-items:center;gap:25px;font-size:14px}#valon-draft .vi-cta{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:15px 23px;border-radius:40px;background:var(--vi-red);color:#fff;font-size:14px;font-weight:600;min-height:48px}#valon-draft .vi-outline{background:transparent;color:var(--vi-ink);border:1px solid var(--vi-line)}#valon-draft .vi-eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;color:var(--vi-red);font-weight:600}#valon-draft .vi-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:70px 0 65px}#valon-draft .vi-hero em{color:var(--vi-red);font-style:normal}#valon-draft .vi-lead{font-size:18px;line-height:1.6;max-width:480px;margin-top:28px}#valon-draft .vi-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;align-items:center}#valon-draft .vi-portrait{position:relative}#valon-draft .vi-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:160px 160px 12px 12px}#valon-draft .vi-caption{padding-top:15px;font-size:13px;display:flex;justify-content:space-between;gap:10px}#valon-draft .vi-caption span{color:var(--vi-red)}#valon-draft .vi-proof{display:grid;grid-template-columns:1fr 1.2fr .8fr;border-top:1px solid var(--vi-line);padding:26px 0 38px;gap:30px}#valon-draft .vi-proof strong{display:block;font-weight:500;font-size:20px}#valon-draft .vi-proof p{font-size:13px;margin-top:5px}#valon-draft .vi-section{padding:85px 0}#valon-draft .vi-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:48px}#valon-draft .vi-intro p{font-size:17px}#valon-draft .vi-services{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}#valon-draft .vi-service{border-top:1px solid var(--vi-line);padding:25px 0 30px;display:grid;grid-template-columns:30px 1fr;gap:14px}#valon-draft .vi-number{font-size:13px;color:var(--vi-red)}#valon-draft .vi-service p{font-size:15px;margin-top:12px;max-width:410px}#valon-draft .vi-white{background:#fff}#valon-draft .vi-company{background:#202933;color:#fff}#valon-draft .vi-company .vi-eyebrow{color:#ffc0ca}#valon-draft .vi-company .vi-service{border-color:#56606a}#valon-draft .vi-company .vi-number{color:#ffc0ca}#valon-draft .vi-company .vi-services{grid-template-columns:repeat(3,1fr);gap:28px}#valon-draft .vi-company .vi-service{display:block}#valon-draft .vi-company h3{margin-top:20px}#valon-draft .vi-about{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}#valon-draft .vi-about-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin-bottom:30px}#valon-draft .vi-quote{font-size:22px;line-height:1.5;margin-top:25px}#valon-draft .vi-career h3{font-size:15px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:18px}#valon-draft .vi-career article{border-top:1px solid var(--vi-line);padding:16px 0;display:grid;grid-template-columns:105px 1fr;gap:15px}#valon-draft .vi-career time{font-size:12px;color:var(--vi-red);padding-top:4px}#valon-draft .vi-career strong{font-size:18px;font-weight:500;display:block}#valon-draft .vi-career p{font-size:13px;margin-top:4px}#valon-draft .vi-education{margin-top:34px}#valon-draft .vi-process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}#valon-draft .vi-process article{border-top:1px solid var(--vi-line);padding-top:22px}#valon-draft .vi-process h3{margin:18px 0 12px}#valon-draft .vi-process p{font-size:15px}#valon-draft .vi-contact{padding:70px 0;text-align:center;background:#ede4dd}#valon-draft .vi-contact p{margin:24px auto 0;max-width:490px;font-size:17px}#valon-draft .vi-contact .vi-actions{justify-content:center}#valon-draft .vi-foot{padding:28px 0;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font-size:12px}#valon-draft .vi-foot a{text-decoration:underline;text-underline-offset:4px}#valon-draft a:focus-visible{outline:3px solid #2b69c7;outline-offset:5px}#valon-draft .vi-cta:hover{filter:brightness(.94)}
@media(max-width:760px){#valon-draft .vi-navlinks>a:not(.vi-cta){display:none}#valon-draft .vi-hero{grid-template-columns:1fr;gap:40px;padding-top:44px}#valon-draft h1{font-size:62px}#valon-draft .vi-portrait{max-width:420px;width:100%;margin:auto}#valon-draft .vi-intro,#valon-draft .vi-about{grid-template-columns:1fr;gap:30px}#valon-draft .vi-section{padding:60px 0}#valon-draft .vi-company .vi-services{grid-template-columns:1fr}#valon-draft .vi-company .vi-service{padding-bottom:12px}#valon-draft .vi-proof{gap:20px}#valon-draft .vi-proof strong{font-size:17px}#valon-draft .vi-process{gap:22px}#valon-draft .vi-services{gap:0 28px}}
@media(max-width:480px){#valon-draft .vi-wrap{width:88%}#valon-draft .vi-brand{font-size:21px}#valon-draft .vi-nav .vi-cta{font-size:12px;padding:12px 16px}#valon-draft h1{font-size:51px}#valon-draft .vi-proof,#valon-draft .vi-services,#valon-draft .vi-process{grid-template-columns:1fr}#valon-draft .vi-proof{gap:16px}#valon-draft .vi-proof>div{padding-bottom:12px;border-bottom:1px solid var(--vi-line)}#valon-draft .vi-career article{grid-template-columns:85px 1fr}#valon-draft .vi-caption{flex-direction:column;gap:2px}}

#valon-draft .vi-approach-intro{max-width:640px;font-size:18px;line-height:1.6;margin-top:26px}
#valon-draft .vi-followup{max-width:740px;margin-top:36px;padding-top:24px;border-top:1px solid var(--vi-line);font-size:16px}

#valon-draft{overflow:clip}
#valon-draft h1{font-size:clamp(40px,5.6vw,74px);overflow-wrap:normal}
#valon-draft .vi-hero>div{min-width:0}
#valon-draft .vi-company .vi-eyebrow,#valon-draft .vi-company .vi-number{color:var(--vi-red);background:transparent;display:inline-block;padding:0;border-radius:0}
#valon-draft .vi-lang{display:flex;align-items:center;gap:6px}
#valon-draft .vi-lang a{padding:10px 6px;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
#valon-draft .vi-lang a[aria-current]{color:var(--vi-red);text-decoration:underline;text-underline-offset:6px;font-weight:600}
#valon-draft .vi-role{font-size:14px;margin-top:16px}
#valon-draft .vi-contact-details{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px;margin-top:30px;font-size:15px}
#valon-draft .vi-contact-details a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}
#valon-draft .legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
#valon-draft .legal-grid h2{font-size:28px}
#valon-draft .legal-grid p{font-size:14px;margin-top:18px;overflow-wrap:anywhere}
#valon-draft .legal-grid a,#valon-draft .checkline a{text-decoration:underline}
#valon-draft .kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--vi-red);font-weight:600;margin-bottom:20px}
#valon-draft .intro{max-width:740px;margin-bottom:28px}
#valon-draft .sub{font-size:17px;margin-top:20px}
#valon-draft .review-action{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}
#valon-draft .test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
#valon-draft .testimonial{padding:24px;border:1px solid var(--vi-line);border-radius:12px;overflow-wrap:anywhere}
#valon-draft .testimonial p{margin:14px 0;white-space:pre-wrap}
#valon-draft .stars{color:var(--vi-red);letter-spacing:2px}
#valon-draft .review-form{display:grid;gap:20px;max-width:700px}
#valon-draft .review-form label:not(.checkline){display:grid;gap:8px}
#valon-draft .review-form input:not([type=checkbox]),#valon-draft .review-form textarea,#valon-draft .review-form select{width:100%;padding:13px;font:inherit;font-size:16px;color:var(--vi-ink);background:#fff;border:1px solid #79766e;border-radius:8px}
#valon-draft .review-form textarea{resize:vertical}
#valon-draft .checkline{display:flex;gap:12px;align-items:flex-start;font-size:14px}
#valon-draft .checkline input{width:20px;height:20px;flex-shrink:0;accent-color:var(--vi-red)}
#valon-draft .review-form button{border:0;font-family:inherit;cursor:pointer}
#valon-draft .review-form button:disabled{opacity:.65;cursor:wait}
#valon-draft .review-form small{color:var(--vi-ink)!important}
#valon-draft .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#valon-draft :is(input,select,textarea,button):focus-visible{outline:3px solid #2b69c7;outline-offset:3px}
@media(max-width:950px){#valon-draft .vi-nav{flex-wrap:wrap;padding:18px 0;gap:8px 20px}#valon-draft .vi-navlinks{gap:16px;flex-wrap:wrap}}
@media(max-width:760px){#valon-draft .legal-grid,#valon-draft .test-grid{grid-template-columns:1fr}#valon-draft .vi-navlinks{margin-left:auto}#valon-draft .vi-hero{grid-template-columns:1fr}#valon-draft h1{font-size:clamp(39px,8vw,62px)}#valon-draft .vi-navlinks>a:not(.vi-cta){display:inline-flex;align-items:center;min-height:44px}#valon-draft .vi-navlinks{width:100%;justify-content:space-between}#valon-draft .vi-lang{margin-left:auto}}
@media(max-width:480px){#valon-draft .vi-navlinks{gap:8px 12px;font-size:13px}#valon-draft .vi-navlinks .vi-cta{width:100%}#valon-draft .vi-services,#valon-draft .vi-company .vi-services{grid-template-columns:1fr}#valon-draft .vi-caption{font-size:12px}}

#valon-draft .vi-service{display:block}
#valon-draft .vi-process h3{margin-top:0}
#valon-draft .vi-legal-page{max-width:800px;padding-top:50px;padding-bottom:70px}
#valon-draft .vi-legal-page h1{font-size:42px;margin:35px 0 24px;letter-spacing:-.03em}
#valon-draft .vi-legal-page p{font-size:16px;margin-top:20px;overflow-wrap:anywhere}
#valon-draft .vi-legal-page a{text-decoration:underline;text-underline-offset:4px}
#valon-draft .vi-legal-preview{background:var(--vi-paper);color:var(--vi-ink);border:0;border-radius:12px;width:min(850px,92vw);max-height:88vh;padding:28px}
#valon-draft .vi-legal-preview::backdrop{background:rgba(0,0,0,.55)}
#valon-draft .vi-legal-preview .vi-legal-page{width:100%;padding:0}
#valon-draft .vi-legal-preview button{border:1px solid var(--vi-line);border-radius:25px;background:transparent;color:inherit;padding:10px 18px;float:right;font:inherit;cursor:pointer}

#valon-draft dialog:not([open]){display:none!important}

#valon-draft .vi-questions{border-top:1px solid var(--vi-line)}
#valon-draft .vi-question-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:55px}
#valon-draft .vi-question-grid p{font-size:21px;line-height:1.4;padding:25px 0;border-top:1px solid var(--vi-line);max-width:100%}
#valon-draft .vi-question-link{display:inline-flex;align-items:center;min-height:44px;margin-top:20px;color:var(--vi-red);text-decoration:underline;text-underline-offset:5px;font-size:15px}
#valon-draft .vi-orientation{background:#ede4dd}
#valon-draft .vi-orientation-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}
#valon-draft .vi-orientation-grid>div{border-top:1px solid #c7bcb2;padding-top:25px}
#valon-draft .vi-orientation-grid ul{padding-left:20px;margin:20px 0 0;font-size:16px;line-height:1.65}
#valon-draft .vi-orientation-grid li{padding:5px 0}
#valon-draft .vi-orientation-invite p{font-size:16px;margin-top:20px}
#valon-draft .vi-orientation-facts{font-weight:600}
#valon-draft .vi-orientation-invite .vi-cta{margin-top:24px}
@media(max-width:760px){#valon-draft .vi-question-grid,#valon-draft .vi-orientation-grid{grid-template-columns:1fr;gap:0}#valon-draft .vi-question-grid p{font-size:19px;padding:20px 0}#valon-draft .vi-orientation-invite{margin-top:30px}}

#valon-draft .vi-intro{grid-template-columns:1fr;align-items:start;gap:22px}
#valon-draft .vi-intro>p{max-width:740px}
#valon-draft .vi-hero .vi-eyebrow{font-size:18px;line-height:1.5}
#valon-draft .vi-startup-offer{margin-top:22px;padding-top:18px;border-top:1px solid #56606a}

#valon-draft .vi-eyebrow,#valon-draft .kicker,#valon-draft .vi-company .vi-number{font-size:18px;line-height:1.5;letter-spacing:.07em;font-weight:600}
#valon-draft .vi-portrait img{aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:16px}
#valon-draft .vi-company{background:#f5ede2;color:var(--vi-ink)}
#valon-draft .vi-company .vi-service,#valon-draft .vi-startup-offer{border-color:#d8cabb}
#valon-draft .vi-intro>p,#valon-draft .vi-approach-intro{color:var(--vi-red);font-size:18px;line-height:1.65;max-width:860px;text-wrap:pretty}
#valon-draft p,#valon-draft h1,#valon-draft h2,#valon-draft h3,#valon-draft .vi-eyebrow,#valon-draft .kicker,#valon-draft .vi-number{hyphens:none;word-break:normal;overflow-wrap:normal}
@media(max-width:480px){#valon-draft .vi-eyebrow,#valon-draft .kicker,#valon-draft .vi-company .vi-number{letter-spacing:.035em}}

#valon-draft .vi-portrait img{aspect-ratio:6/5;object-fit:cover;object-position:center 30%;border-radius:16px}

#valon-draft #vi-private .vi-service p{font-size:18px;line-height:1.65;max-width:none}

/* Entwurf: Zusammenspiel, einheitliche Lesegroesse und klare Hintergrundfolge */
#valon-draft .vi-triangle{max-width:440px;margin-top:22px;color:var(--vi-red)}
#valon-draft .vi-triangle svg{display:block;width:100%;height:auto;overflow:visible}
#valon-draft .vi-proof-band{background:#fff}
#valon-draft .vi-proof{border-top:0;padding-top:32px;padding-bottom:32px}
#valon-draft .vi-company{background:var(--vi-paper)}
#valon-draft .vi-company .vi-service,#valon-draft .vi-startup-offer{border-color:var(--vi-line)}
#valon-draft .vi-orientation,#valon-draft .vi-contact{background:#f7eef0}
#valon-draft .vi-orientation-grid>div{border-color:#e2cdd2}
#valon-draft .vi-company .vi-service p,
#valon-draft .vi-orientation-grid ul,
#valon-draft .vi-orientation-invite p,
#valon-draft .vi-about-support,
#valon-draft .vi-process p,
#valon-draft .vi-followup{font-size:18px;line-height:1.65;max-width:none}
@media(max-width:480px){#valon-draft .vi-triangle{margin-top:24px;margin-bottom:4px}#valon-draft .vi-triangle svg text{font-size:20px}}

#valon-draft .vi-question-link{font-size:20px;line-height:1.5;font-weight:500}
#valon-draft .vi-review-entry{text-align:center;padding:30px 0 36px;margin-top:18px;border-bottom:1px solid var(--vi-line)}
#valon-draft .vi-review-entry a{display:inline-block;color:var(--vi-red);font-size:18px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
#valon-draft .vi-review-dialog{width:min(760px,92vw);max-height:88vh;overflow:auto;padding:32px;border:0;border-radius:16px;background:var(--vi-paper);color:var(--vi-ink)}
#valon-draft .vi-review-dialog::backdrop{background:rgba(0,0,0,.55)}
#valon-draft .vi-review-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}
#valon-draft .vi-review-dialog-head .vi-eyebrow{margin:0}
#valon-draft .vi-review-dialog-head button{font:inherit;font-size:14px;padding:10px 15px;border:1px solid var(--vi-line);border-radius:24px;background:transparent;cursor:pointer;color:inherit;flex-shrink:0}
#valon-draft .vi-review-dialog h2{font-size:clamp(30px,5vw,44px)}
#valon-draft .vi-review-dialog .test-grid{display:block;margin-top:20px}
#valon-draft .vi-review-write{margin:28px 0 24px;padding-top:26px;border-top:1px solid var(--vi-line)}
#valon-draft .vi-review-write p{font-size:18px;line-height:1.65;margin-top:12px}
#valon-draft .vi-review-dialog button:disabled{cursor:not-allowed}
@media(max-width:480px){#valon-draft .vi-review-dialog{padding:22px}#valon-draft .vi-review-dialog-head .vi-eyebrow{font-size:14px}}

/* Zwei Hintergrundtoene aus der ausgewaehlten Referenz, konsequent im Wechsel. */
#valon-draft{--vi-paper:#f7f5f0;--vi-alt:#ece4de;background:var(--vi-paper)}
#valon-draft .vi-proof-band,
#valon-draft #vi-private,
#valon-draft #vi-orientation,
#valon-draft #vi-approach{background:var(--vi-paper)}
#valon-draft #vi-questions,
#valon-draft #vi-company,
#valon-draft #vi-about,
#valon-draft #kontakt{background:var(--vi-alt)}
#valon-draft .vi-orientation-grid>div{border-color:var(--vi-line)}
#valon-draft .vi-contact-details{background:var(--vi-alt);margin-top:0;padding:0 6% 32px}
#valon-draft .vi-review-entry{background:var(--vi-paper)}
#valon-draft .vi-review-dialog,#valon-draft .vi-legal-preview{background:var(--vi-paper)}

#valon-draft .vi-proof-band{background:#fff;border-top:1px solid var(--vi-line)}
#valon-draft .vi-contact-details a{gap:10px;text-decoration:none}
#valon-draft .vi-contact-details a span{text-decoration:underline;text-underline-offset:4px;min-width:0}
#valon-draft .vi-contact-icon{width:21px;height:21px;flex:0 0 21px;color:var(--vi-red)}

#valon-draft .vi-triangle-creative{max-width:460px;margin-top:18px}
@media(max-width:480px){#valon-draft .vi-triangle-creative svg text{font-size:20px}#valon-draft .vi-triangle-creative svg text:last-child{font-size:17px}}

#valon-draft .vi-role{font-size:18px;line-height:1.5;margin-top:20px}
#valon-draft .vi-caption{font-size:18px;line-height:1.5;flex-direction:column;gap:3px;padding-top:10px}
#valon-draft .vi-question-grid p{font-size:18px;line-height:1.6}
#valon-draft .vi-career h3{font-size:18px;line-height:1.5;letter-spacing:.07em;color:var(--vi-red)}
#valon-draft .vi-career strong{font-size:18px;line-height:1.45}
#valon-draft .vi-career p{font-size:16px;line-height:1.6}
#valon-draft .vi-career time{font-size:14px;line-height:1.6}

#valon-draft .vi-review-dialog .testimonial{margin-bottom:16px}