.swr-zs-form-wrap{--blue:#1689c9;--dark:#14354c;--soft:#f4f8fb;--border:#d6e1e8;width:100%;box-sizing:border-box}.swr-zs-form-wrap *{box-sizing:border-box}.swr-zs-form{display:flex;flex-direction:column;gap:20px}.swr-zs-form section{background:#fff;border:1px solid var(--border);padding:24px}.swr-zs-form h3{margin:0 0 18px;color:var(--dark);font-size:20px}.swr-zs-form .grid{display:grid;gap:16px}.swr-zs-form .three{grid-template-columns:repeat(3,minmax(0,1fr))}.swr-zs-form .two{grid-template-columns:repeat(2,minmax(0,1fr))}.control span{display:block;margin-bottom:7px;font-weight:600;color:#223b4d}.control input{width:100%;height:48px;padding:10px 12px;border:1px solid #bfcdd7;border-radius:0;background:#fff;box-shadow:none}.control input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px rgba(22,137,201,.12)}.swr-zs-form-wrap .toggle,.swr-zs-form-wrap .privacy{display:flex!important;gap:16px!important;align-items:flex-start!important;line-height:1.5}.swr-zs-form-wrap .toggle>input,.swr-zs-form-wrap .privacy>input{flex:0 0 auto!important;margin:4px 0 0 0!important}.swr-zs-form-wrap .toggle>span,.swr-zs-form-wrap .privacy>span{display:block!important;margin:0!important;padding:0!important}.billing{margin-top:20px}.billing[hidden]{display:none!important}.privacy{padding:18px 20px;background:var(--soft);border-left:4px solid var(--blue)}.swr-zs-form-wrap .swr-zs-form .submit{display:inline-flex!important;width:auto!important;max-width:max-content!important;min-width:0!important;align-self:flex-start!important;justify-content:center!important;border:0!important;border-radius:0!important;background:var(--blue)!important;color:#fff!important;padding:14px 24px!important;font-weight:700!important;cursor:pointer!important}.message{padding:16px 18px;margin-bottom:18px;border-left:4px solid}.message.success{background:#eef8f2;border-color:#2f8b57;color:#245a3b}.message.error{background:#fff3f2;border-color:#c5473c;color:#7a2c25}.hp{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important}@media(max-width:767px){.swr-zs-form section{padding:18px}.swr-zs-form .three,.swr-zs-form .two{grid-template-columns:1fr}.swr-zs-form-wrap .swr-zs-form .submit{width:auto!important;max-width:max-content!important;align-self:flex-start!important;text-align:center!important}}


/* SWR Fluid Typography 2026
   Einheitliche fluide Typografie fuer Smartphone, Tablet und Desktop. */
h1{
    font-size:clamp(28px,4vw,46px)!important;
    line-height:1.1!important;
}
h2{
    font-size:clamp(23px,3vw,38px)!important;
    line-height:1.14!important;
}
h3{
    font-size:clamp(17px,1.8vw,24px)!important;
    line-height:1.2!important;
}
h4{
    font-size:clamp(15px,1.45vw,20px)!important;
    line-height:1.25!important;
}
p,
li,
td,
th,
label{
    font-size:clamp(13px,1.05vw,16px)!important;
    line-height:1.58!important;
}
button,
.button,
a[class*="button"],
input[type="submit"]{
    font-size:clamp(11.5px,.95vw,14px)!important;
    line-height:1.2!important;
}

@media(max-width:767px){
    h1{
        font-size:clamp(24px,7vw,32px)!important;
    }
    h2{
        font-size:clamp(20px,6vw,28px)!important;
    }
    h3{
        font-size:clamp(15px,4.6vw,20px)!important;
    }
    h4{
        font-size:clamp(14px,4vw,18px)!important;
    }
    p,
    li,
    td,
    th,
    label{
        font-size:clamp(12px,3.55vw,14.5px)!important;
        line-height:1.5!important;
    }
    button,
    .button,
    a[class*="button"],
    input[type="submit"]{
        font-size:clamp(10.5px,3.15vw,12.5px)!important;
    }
}

@media(max-width:380px){
    h1{font-size:clamp(22px,6.6vw,27px)!important;}
    h2{font-size:clamp(19px,5.7vw,24px)!important;}
    h3{font-size:clamp(14px,4.2vw,17px)!important;}
    p,
    li,
    td,
    th,
    label{font-size:clamp(11.5px,3.35vw,13.5px)!important;}
}

.swr-zs-form-wrap .privacy .swr-zs-privacy-link{color:var(--blue)!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:2px}.swr-zs-form-wrap .privacy .swr-zs-privacy-link:hover{color:var(--dark)!important}.swr-zs-form-wrap .privacy .swr-zs-privacy-link:focus-visible{outline:2px solid var(--blue)!important;outline-offset:3px}
