/* Contact page and website check: the homepage contact studio on a subpage, plus the parts only the check page uses. */
.subpage{--hs-mono:clamp(.625rem,.44rem + .4vw,1rem);--hs-label:clamp(.7rem,.5rem + .36vw,1rem);--hs-ui:clamp(.84rem,.6rem + .3vw,1.05rem);--hs-copy:clamp(1rem,.55rem + .5vw,1.25rem)}
@media(min-width:701px) and (max-width:1000px){.subpage{--hs-mono:clamp(.8rem,.741rem + .149vw,1rem);--hs-label:clamp(.78rem,.681rem + .208vw,1rem)}}

.subpage .contact-studio__top{font-size:var(--hs-mono)}
.subpage .contact-intro p{font-size:var(--hs-copy)}
.subpage .contact-process{font-size:var(--hs-label)}
.subpage .contact-process span{white-space:nowrap}
.subpage .contact-form legend small,.subpage .contact-form__label small,.subpage .contact-idea>span small{font-size:var(--hs-mono)}
.subpage .contact-form legend span,.subpage .contact-form__label>span,.subpage .contact-form--studio .contact-idea>span>span{font-size:clamp(.95rem,.7rem + .35vw,1.25rem)}
.subpage .choice-chips label>span{font-size:var(--hs-ui)}
.subpage .contact-fields label>span{font-size:var(--hs-label)}
.subpage .contact-form input:not([type=checkbox]),.subpage .contact-form--studio.contact-form textarea,.subpage .contact-form--studio.contact-form select{font-size:max(16px,var(--hs-ui))}
.subpage .contact-form--studio.contact-form .contact-note{max-width:none;font-size:var(--hs-label)}
.subpage .contact-form--studio.contact-form button[type=submit]{gap:2rem;padding:1rem 1.25rem;font-size:var(--hs-ui)}

.kp{padding-top:calc(18px + 7.5rem)}
.contact-studio__heading h1{margin:0;font-size:clamp(3rem,6.7vw,8.5rem);font-weight:400;line-height:1.06;letter-spacing:-.055em}
.contact-studio__heading h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;color:#98c6f0}
.contact-intro h2{margin:0 0 1.5rem;font-size:clamp(1.7rem,2.5vw,3rem);font-weight:400;line-height:1.1;letter-spacing:-.03em}
.contact-intro address{margin-top:2.4rem;font-style:normal;font-size:var(--hs-copy);line-height:1.6;color:#95afcf}
.contact-intro address small{display:block;margin-bottom:.6rem;font:400 clamp(.7rem,.64rem + .15vw,.82rem)/1.2 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase;color:#7f9cc0}
.contact-line .tel-icon{width:1.35em;height:1.35em;flex:none}
#anfrage{scroll-margin-top:6rem}

.contact-form--studio.contact-form select{width:100%;min-width:0;min-height:32px;padding:.45rem 1.6rem .45rem 0;border:0;border-bottom:1px solid #6b8bb755;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23acd4fc' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right .2rem center;color:#e4f1ff;font-family:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;outline-offset:4px}
.contact-form--studio.contact-form select option{color:#0e1a35;background:#fff}
.contact-form--studio.contact-form input::placeholder,.contact-form--studio.contact-form textarea::placeholder{color:#7f9cc0;opacity:1}

.cs-list{display:grid;gap:.85rem;margin:2.2rem 0 0;padding:0;list-style:none}
.cs-list li{position:relative;padding-left:1.6rem;font-size:var(--hs-copy);line-height:1.5;color:#c9dcf2}
.cs-list li::before{content:"";position:absolute;left:0;top:.75em;width:.8rem;height:1px;background:#acd4fc}
.cs-done{display:grid;gap:1.1rem;align-content:start;padding:clamp(1.6rem,3vw,2.6rem);border:1px solid #acd4fc40;border-radius:6px;background:#acd4fc0d}
.cs-done h3{margin:0;font-size:clamp(1.7rem,2.5vw,2.8rem);font-weight:400;line-height:1.1;letter-spacing:-.04em;color:#f3f7ff}
.cs-done p{margin:0;font-size:var(--hs-copy);line-height:1.6;color:#a9bdd6}
.cs-done a{color:#d6e8fb;text-underline-offset:3px}
.cs-done .sp-mono{color:#7f9cc0}

.pg-head--top{align-items:start}
.pg-hero__who{position:relative;margin:1.4rem 0 0;max-width:36rem;font-size:clamp(.92rem,.85rem + .2vw,1.05rem);line-height:1.6;color:#86a8cc}
.pg-hero__who b{font-weight:500;color:#e8f3ff}
.ck-report{display:grid;border:1px solid #1e48852e;border-radius:14px;background:#fff;color:#142749;box-shadow:0 40px 90px -50px #0a1a3a66;overflow:hidden}
.ck-report__head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;padding:1rem 1.3rem;border-bottom:1px solid #1e48852e;color:#5b749a}
.ck-report__row{display:grid;grid-template-columns:auto 1fr;gap:.9rem;padding:1rem 1.3rem;border-bottom:1px solid #1e48851f}
.ck-report__row p{margin:0}
.ck-report__row i{width:.7rem;height:.7rem;margin-top:.42em;border-radius:50%}
.ck-report__row i.is-bad{background:#d65a4a}
.ck-report__row i.is-mid{background:#d9a23a}
.ck-report__row i.is-good{background:#3f9d74}
.ck-report__row b{display:block;font-size:clamp(1rem,.92rem + .25vw,1.15rem);font-weight:500;letter-spacing:-.02em}
.ck-report__row span{display:block;margin-top:.2rem;font-size:clamp(.88rem,.82rem + .15vw,.98rem);line-height:1.45;color:#4d6690}
.ck-report__foot{margin:0;padding:1rem 1.3rem;background:#f5f8fd;font-size:clamp(.85rem,.8rem + .12vw,.95rem);line-height:1.5;color:#5b749a}
.pg-stats--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-refs--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-refs--four .pg-ref h3{font-size:clamp(1.25rem,1.6vw,1.7rem)}
@media(max-width:1000px){.pg-refs--four{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
.kp{padding-top:calc(10px + 6.5rem)}
.contact-studio__heading h1{font-size:clamp(2.4rem,10vw,3.8rem)}
.pg-stats--two{grid-template-columns:1fr}
.contact-fields--check{grid-template-columns:1fr}
.pg-refs--four{grid-template-columns:1fr 1fr;gap:1.6rem 14px}
.pg-refs--four .pg-ref{gap:.6rem}
.pg-refs--four .pg-ref__img{aspect-ratio:1}
}