/* Landingpage Webinar «Vom isolierten Wissen zum intelligenten Support», Look der Einladung. Alles unter .wb, damit Cookie-Banner und übrige Website unberührt bleiben. */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/v3/fonts/manrope-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:200 800;src:url(/v3/fonts/manrope-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

body{background:#090A0F}
.wb{--wb-bg:#090A0F;--wb-card:#161C23;--wb-field:#0F1319;--wb-line:#2F3743;--wb-teal:#43D1CA;--wb-teal-2:#01A9AC;--wb-text:#FFFFFF;--wb-muted:#9EA9BA;--wb-err:#FF9C87;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--g:clamp(16px,4vw,48px);
  background:var(--wb-bg);color:var(--wb-text);font-family:var(--sans)}
.wb .wrap{max-width:1200px;margin:0 auto;padding:0 var(--g)}
.wb :focus-visible{outline:2px solid var(--wb-teal);outline-offset:3px}
.wb .kick{display:block;font:700 12px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--wb-teal)}

/* Navigation */
.wb .nav{transition:background .25s}
.wb .nav.solid{background:rgba(9,10,15,.94);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--wb-line)}
.wb .nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
.wb .brand{gap:5px;flex-shrink:0}
.wb .brand span{display:block}
.wb .nav-r{display:flex;align-items:center;gap:28px}
.wb .home{font-size:14px;font-weight:600;text-decoration:none;color:var(--wb-text)}
.wb .home:hover{color:var(--wb-teal)}
.wb .btn{justify-content:center;font:700 14px/1.2 var(--sans);padding:13px 20px;border-radius:10px;white-space:normal}
.wb .btn-teal{background:var(--wb-teal);color:var(--wb-bg)}
.wb .btn-teal:hover{background:#7BE3DD}
@media (max-width:640px){.wb .home{display:none}}

/* Hero */
.wb .hero{height:auto;min-height:0;background:none;padding:clamp(116px,12vw,160px) 0 clamp(40px,5vw,72px)}
.wb .hero-grid{display:grid;grid-template-columns:minmax(0,13fr) minmax(0,7fr);gap:clamp(24px,3vw,40px);align-items:center}
.wb h1{font:700 clamp(34px,3.9vw,50px)/1.1 var(--sans);letter-spacing:-.02em;margin:18px 0 20px}
.wb .lead{font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--wb-text);max-width:56ch}
.wb .hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:32px}
.wb .hero-cta .btn{font-size:15px;padding:16px 26px}
.wb .hero-cta span{font-size:14px;line-height:1.5;color:var(--wb-muted);flex:1 1 220px}
.wb .hero-illu{width:100%;height:auto}
@media (max-width:900px){
  .wb .hero-grid{grid-template-columns:minmax(0,1fr)}
  .wb .hero-illu{max-width:520px;margin:0 auto}
}

/* Gegenüberstellung */
.wb .compare{padding-bottom:clamp(48px,6vw,88px)}
.wb .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wb .vs{background:var(--wb-card);border:1px solid transparent;border-radius:16px;padding:clamp(24px,3vw,36px)}
.wb .vs .kick{color:var(--wb-text)}
.wb .vs h2{font:600 clamp(24px,2.4vw,30px)/1.25 var(--sans);letter-spacing:-.01em;margin:10px 0 14px}
.wb .vs p{font-size:16px;line-height:1.6}
.wb .vs.on{border-color:var(--wb-teal-2);color:var(--wb-teal)}
.wb .vs.on .kick{color:var(--wb-teal)}
@media (max-width:760px){.wb .cards{grid-template-columns:minmax(0,1fr)}}

.wb .when{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 48px;margin-top:clamp(24px,3vw,36px);padding-bottom:clamp(24px,3vw,36px);border-bottom:1px solid var(--wb-line)}
.wb .date{display:flex;align-items:center;gap:16px;color:var(--wb-teal-2)}
.wb .date svg{width:40px;height:40px;flex:none}
.wb .date b{font:700 clamp(16px,1.5vw,18px)/1.3 var(--sans);letter-spacing:.04em;color:var(--wb-teal-2)}
.wb .meta{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0}
.wb .meta dt{font-size:12px;color:var(--wb-muted)}
.wb .meta dd{margin:0;font-size:15px;font-weight:600}

/* Referenten und Anmeldung */
.wb .reg{padding-bottom:clamp(56px,7vw,104px)}
.wb .reg-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,80px);align-items:start}
.wb .intro{color:var(--wb-muted);font-size:16px;line-height:1.6;max-width:50ch;margin-top:12px}
.wb .sp-list{display:grid;gap:22px;margin-top:28px}
.wb .sp{display:flex;gap:16px;align-items:center}
.wb .avatar{flex:0 0 56px;width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--wb-card);box-shadow:inset 0 0 0 1px var(--wb-line);display:grid;place-items:center;font:600 17px var(--sans);color:var(--wb-teal)}
.wb .avatar img{width:100%;height:100%;object-fit:cover}
.wb .sp b{display:block;font-size:16px;font-weight:700;line-height:1.35;color:var(--wb-text)}
.wb .sp span{display:block;font-size:14px;line-height:1.45;color:var(--wb-muted);margin-top:2px}
.wb .logos{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;margin-top:36px}
.wb .logo-compan{height:24px;width:auto;filter:brightness(0) invert(1);opacity:.92}

.wb .form-card{background:var(--wb-card);border:1px solid var(--wb-line);border-radius:16px;padding:clamp(24px,3vw,40px);scroll-margin-top:100px}
.wb form{position:static;display:block;padding:0;background:none;box-shadow:none;color:inherit}
.wb form::before{content:none}
.wb .form-card h3{font:700 26px/1.2 var(--sans);letter-spacing:-.01em;color:var(--wb-text)}
.wb .form-card .sub{font-size:14px;color:var(--wb-muted);margin:8px 0 24px}
.wb .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
@media (max-width:520px){.wb .row{grid-template-columns:minmax(0,1fr)}}
.wb .field{display:flex;flex-direction:column;margin-bottom:16px}
.wb label{display:block;font:500 13px/1.6 var(--sans);color:var(--wb-muted);margin-bottom:6px}
.wb label .opt{opacity:.75}
.wb label .req{color:var(--wb-teal)}
.wb input,.wb select{width:100%;height:49px;padding:12px 14px;font:500 15px var(--sans);color:var(--wb-text);background-color:var(--wb-field);border:1px solid var(--wb-line);border-radius:8px;color-scheme:dark;appearance:none;-webkit-appearance:none}
.wb select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%239EA9BA' stroke-width='1.5'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:auto;padding-right:38px}
.wb input:hover,.wb select:hover{border-color:#47525F}
.wb input:focus,.wb select:focus{outline:none;border-color:var(--wb-teal);background-color:var(--wb-field);box-shadow:0 0 0 3px rgba(67,209,202,.25)}
.wb input.err{border-color:var(--wb-err)}
.wb .msg-err{display:none;font-size:12px;color:var(--wb-err);margin-top:5px}
.wb .field.has-err .msg-err{display:block}
.wb .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wb .cf-turnstile{margin-bottom:12px}
.wb .submit{width:100%;margin-top:6px;font-size:15px;padding:16px 26px}
.wb .fine{font-size:12px;line-height:1.55;color:var(--wb-muted);margin-top:16px}
.wb .fine a{color:var(--wb-teal)}
.wb .fmsg{padding:12px 14px;margin-bottom:20px;border-radius:8px;background:rgba(255,156,135,.1);color:var(--wb-err);border-left:3px solid var(--wb-err)}
.wb .fmsg a{color:inherit}
.wb .done{display:none}
.wb .check{width:46px;height:46px;border-radius:50%;background:var(--wb-teal);color:var(--wb-bg);display:grid;place-items:center;font-size:22px;font-weight:700;margin-bottom:18px}
.wb .done p{color:var(--wb-muted);margin-top:10px}
.wb .done b{color:var(--wb-text)}
.wb .form-card.sent form,.wb .form-card.sent .fmsg{display:none}
.wb .form-card.sent .done{display:block}
@media (max-width:960px){.wb .reg-grid{grid-template-columns:minmax(0,1fr)}.wb .form-card{order:-1}}

/* Abschluss und Fuss */
.wb .closing{padding:clamp(48px,6vw,80px) 0;text-align:center;border-top:1px solid var(--wb-line)}
.wb .closing h2{font:700 clamp(28px,3vw,38px)/1.2 var(--sans);letter-spacing:-.015em;margin-bottom:12px}
.wb .closing p{color:var(--wb-muted);margin:0 auto 26px;max-width:52ch}
.wb .closing .btn{font-size:15px;padding:16px 26px}
.wb footer{background:none;border-top:1px solid var(--wb-line);padding:28px 0 36px;font-size:12px;color:var(--wb-muted)}
.wb footer .wrap{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}
.wb footer a{color:var(--wb-muted);text-decoration:underline}
.wb footer a:hover{color:var(--wb-teal)}