1<!doctype html><html lang="de"><head> 2 <meta charset="utf-8"> 3 4 <title>Erstgespräch anfragen | addhucate GmbH</title> 5 6 7 <link rel="shortcut icon" href="https://content.addhucate.com/hubfs/addhucate-final-22%20nur%20Logo.png"> 8 9 <meta name="description" content=""> 10 11 12 13 14 <meta name="viewport" content="width=device-width, initial-scale=1"> 15 16 17 <meta property="og:description" content=""> 18 <meta property="og:title" content="Erstgespräch anfragen | addhucate GmbH"> 19 <meta name="twitter:description" content=""> 20 <meta name="twitter:title" content="Erstgespräch anfragen | addhucate GmbH"> 21 22 23 24 25 <style> 26a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'âº';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} 27</style> 28 29<style> 30/* Settings */ 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87:root { 88 /* HubSpot DND layout grid */ 89 --hsElevate--column__gap: 2.13%; 90 --hsElevate--column__widthMultiplier: 8.333; 91 92 /* Sections */ 93 --hsElevate--contentWrapper--narrow__maxWidth: 768px ; 94 --hsElevate--contentWrapper--medium__maxWidth: 1120px ; 95 --hsElevate--contentWrapper--wide__maxWidth: 1296px ; 96 97 --hsElevate--section--extraSmall__verticalPadding: 48px ; 98 --hsElevate--section--small__verticalPadding: 64px ; 99 --hsElevate--section--medium__verticalPadding: 96px ; 100 --hsElevate--section--large__verticalPadding: 128px ; 101 --hsElevate--section--extraLarge__verticalPadding: 192px ; 102 103 /* Default section left/right padding */ 104 --hsElevate--section--horizontalPadding: 32px ; 105 106 /* Gap - default gaps that could be easily leveraged in module styles via class names */ 107 --hsElevate--gap--extraSmall: 16px ; 108 --hsElevate--gap--small: 24px ; 109 --hsElevate--gap--medium: 32px ; 110 --hsElevate--gap--large: 64px ; 111 --hsElevate--gap--extraLarge: 96px ; 112 113 /* Spacing - default spacing values */ 114 --hsElevate--spacing--4: 4px ; 115 --hsElevate--spacing--8: 8px ; 116 --hsElevate--spacing--12: 12px ; 117 --hsElevate--spacing--16: 16px ; 118 --hsElevate--spacing--20: 20px ; 119 --hsElevate--spacing--24: 24px ; 120 --hsElevate--spacing--32: 32px ; 121 --hsElevate--spacing--40: 40px ; 122 --hsElevate--spacing--48: 48px ; 123 --hsElevate--spacing--56: 56px ; 124 --hsElevate--spacing--64: 64px ; 125 --hsElevate--spacing--72: 72px ; 126 --hsElevate--spacing--80: 80px ; 127 --hsElevate--spacing--88: 88px ; 128 --hsElevate--spacing--96: 96px ; 129 --hsElevate--spacing--104: 104px ; 130 --hsElevate--spacing--112: 112px ; 131 --hsElevate--spacing--120: 120px ; 132 --hsElevate--spacing--128: 128px ; 133 --hsElevate--spacing--136: 136px ; 134 --hsElevate--spacing--144: 144px ; 135 --hsElevate--spacing--152: 152px ; 136 --hsElevate--spacing--160: 160px ; 137 --hsElevate--spacing--168: 168px ; 138 --hsElevate--spacing--176: 176px ; 139 --hsElevate--spacing--184: 184px ; 140 --hsElevate--spacing--192: 192px ; 141 142 /* Grids */ 143 --default-section-padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 144 --default-section-margin: 0; 145 --default-section-max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 146 --default-container-padding: 0; 147 --default-container-margin: 0; 148 --default-container-gap: var(--hsElevate--gap--medium); 149 --default-container-row-gap: var(--hsElevate--gap--medium); 150 --default-container-column-gap: var(--hsElevate--gap--medium); 151 --default-table-padding: 0; 152 --default-table-margin: 0; 153 --default-table-row-gap: var(--hsElevate--gap--medium); 154 --default-table-column-gap: var(--hsElevate--gap--medium); 155} 156 157 158 159 160 161 162 163 164 165 166 167:root { 168 /* Text spacing */ 169 170 --hsElevate--text--extraSmall__margin: 0 0.75rem; /* 12px */ 171 --hsElevate--text--small__margin: 0 1.25rem; /* 20px */ 172 --hsElevate--text__margin: 0 2rem; /* 32px */ 173 --hsElevate--text--large__margin: 0 2.5rem; /* 40px */ 174 --hsElevate--text--extraLarge__margin: 0 4rem; /* 64px */ 175 176 /* Body */ 177 178 --hsElevate--baseText__fontSize: 16px ; 179 --hsElevate--body__font: Roboto ; 180 --hsElevate--body--small__fontSize: 1.000125rem ; 181 --hsElevate--body__fontSize: 1.125rem ; 182 --hsElevate--body--large__fontSize: 1.499625rem ; 183 --hsElevate--body--extraLarge__fontSize: 1.9991249999999998rem ; 184 --hsElevate--body__fontWeight: normal ; 185 --hsElevate--body__fontStyle: normal ; 186 --hsElevate--body__lineHeight: 1.55; 187 188 /* Primary links */ 189 190 --hsElevate--link--primary__fontColor: #FF0C6B ; 191 192 193 --hsElevate--link--primary__textDecoration: none; 194 --hsElevate--link--primary__textDecorationColor: transparent; 195 196 197 /* Hover state */ 198 199 --hsElevate--link--primary__hover--fontColor: #FF0C6B ; 200 201 202 --hsElevate--link--primary__hover--textDecoration: underline; 203 --hsElevate--link--primary__hover--textDecorationColor: #FF0C6B ; 204 205 206 /* Secondary links */ 207 208 --hsElevate--link--secondary__fontColor: #FFCA45 ; 209 210 211 --hsElevate--link--secondary__textDecoration: none; 212 --hsElevate--link--secondary__textDecorationColor: transparent; 213 214 215 /* Hover state */ 216 217 --hsElevate--link--secondary__hover--fontColor: #FFCA45 ; 218 219 220 --hsElevate--link--secondary__hover--textDecoration: underline; 221 --hsElevate--link--secondary__hover--textDecorationColor: #FFCA45 ; 222 223 224 /* Headings */ 225 226 /* Percentage change for the heading font sizes on mobile */ 227 --hsElevate--heading__tablet-modifier: 0.8; 228 229 --hsElevate--heading__lineHeight: 1.2; 230 231 --hsElevate--display1__font: Roboto ; 232 --hsElevate--display1__fontSize: 6.313rem; 233 234 --hsElevate--display2__font: Roboto ; 235 --hsElevate--display2__fontSize: 4.75rem; 236 237 --hsElevate--h1__font: Roboto ; 238 --hsElevate--h1__fontSize: 3.5625rem ; 239 --hsElevate--h1__fontWeight: 700 ; 240 --hsElevate--h1__fontStyle: normal ; 241 242 --hsElevate--h2__font: Roboto ; 243 --hsElevate--h2__fontSize: 2.6875rem ; 244 --hsElevate--h2__fontWeight: 600 ; 245 --hsElevate--h2__fontStyle: normal ; 246 247 --hsElevate--h3__font: Roboto ; 248 --hsElevate--h3__fontSize: 2.0rem ; 249 --hsElevate--h3__fontWeight: 600 ; 250 --hsElevate--h3__fontStyle: normal ; 251 252 --hsElevate--h4__font: Roboto ; 253 --hsElevate--h4__fontSize: 1.5rem ; 254 --hsElevate--h4__fontWeight: 600 ; 255 --hsElevate--h4__fontStyle: normal ; 256 257 --hsElevate--h5__font: Roboto ; 258 --hsElevate--h5__fontSize: 1.25rem ; 259 --hsElevate--h5__fontWeight: normal ; 260 --hsElevate--h5__fontStyle: normal ; 261 262 --hsElevate--h6__font: Roboto ; 263 --hsElevate--h6__fontSize: 1.0rem ; 264 --hsElevate--h6__fontWeight: 600 ; 265 --hsElevate--h6__fontStyle: normal ; 266 267 /* Quotes */ 268 269 --hsElevate--quotes__font: Roboto ; 270 --hsElevate--quotes__fontColor: ; 271 --hsElevate--quotes__fontSize: 1.125rem ; 272 --hsElevate--quotes__fontWeight: normal ; 273 --hsElevate--quotes__fontStyle: normal ; 274 275 /* Captions */ 276 277 --hsElevate--captions__font: Roboto ; 278 --hsElevate--captions__fontSize: 0.75rem ; 279 --hsElevate--captions__fontWeight: 800 ; 280 --hsElevate--captions__fontStyle: normal ; 281 --hsElevate--captions__case: uppercase ; 282 283 /* Images */ 284 285 --hsElevate--rteImages__margin: 2rem; /* 32px */ 286} 287 288 289 290:root { 291 /* Base colors */ 292 --hsElevate--color--base--1: #FFFFFF ; 293 --hsElevate--color--base--2: #F5F5F5 ; 294 --hsElevate--color--base--3: #383838 ; 295 296 /* Accent colors */ 297 --hsElevate--color--accent--1: #FF0C6B ; 298 --hsElevate--color--accent--2: #FFCA45 ; 299 --hsElevate--color--accent--3: #FF0C6B ; 300} 301 302 303 304 305 306:root { 307 /* Primary button variables */ 308 --hsElevate--button--primary__buttonFill: filled ; 309 310 /* Primary button font */ 311 --hsElevate--button--primary__font: Roboto ; 312 /* 313 TODO: Look into why primary_button.text.size ~ primary_button.text.size_unit 314 is not evaluating to the correct size_unit, but can still take in px 315 */ 316 --hsElevate--button--primary__fontSize: 1.0rem ; 317 --hsElevate--button--primary__fontWeight: 500 ; 318 --hsElevate--button--primary__fontStyle: normal ; 319 320 /* Primary button text color */ 321 --hsElevate--button--primary__textColor: #FFFFFF ; 322 --hsElevate--button--primary__hover--textColor: #FFFFFF ; 323 324 /* Primary button shape */ 325 326 327 328 329 330 --hsElevate--button--primary__borderRadius: 8px; 331 332 333 /* Primary button background color */ 334 335 --hsElevate--button--primary__backgroundColor: #FF0C6B ; 336 --hsElevate--button--primary__hover--backgroundColor: #DB0056 ; 337 338 --hsElevate--button--primary__active--backgroundColor: #bd0038 ; 339 340 341 342 /* Primary button border */ 343 --hsElevate--button--primary__borderThickness: 0px ; 344 --hsElevate--button--primary__hover--borderThickness: 0px ; 345 346 347 --hsElevate--button--primary__borderColor: transparent; 348 --hsElevate--button--primary__hover--borderColor: transparent; 349 350 351 /* Secondary button variables */ 352 --hsElevate--button--secondary__buttonFill: no_fill ; 353 354 /* Secondary button font */ 355 --hsElevate--button--secondary__font: Roboto ; 356 --hsElevate--button--secondary__fontSize: 1.0rem ; 357 --hsElevate--button--secondary__fontWeight: 500 ; 358 --hsElevate--button--secondary__fontStyle: normal ; 359 360 /* Secondary button text color */ 361 --hsElevate--button--secondary__textColor: #FF0C6B ; 362 --hsElevate--button--secondary__hover--textColor: #383838 ; 363 364 /* Secondary button shape */ 365 366 367 368 369 370 --hsElevate--button--secondary__borderRadius: 8px; 371 372 373 /* Secondary button background color */ 374 375 --hsElevate--button--secondary__backgroundColor: transparent; 376 --hsElevate--button--secondary__hover--backgroundColor: transparent; 377 378 379 380 /* Secondary button border */ 381 --hsElevate--button--secondary__borderThickness: 2px ; 382 --hsElevate--button--secondary__hover--borderThickness: 2px ; 383 384 385 --hsElevate--button--secondary__borderColor: #FF0C6B ; 386 --hsElevate--button--secondary__hover--borderColor: #383838 ; 387 388 389 390 /* Tertiary button variables */ 391 --hsElevate--button--tertiary__buttonFill: filled ; 392 393 /* Tertiary button font */ 394 --hsElevate--button--tertiary__font: Roboto ; 395 --hsElevate--button--tertiary__fontSize: 1.0rem ; 396 --hsElevate--button--tertiary__fontWeight: 500 ; 397 --hsElevate--button--tertiary__fontStyle: normal ; 398 399 /* Tertiary button text color */ 400 --hsElevate--button--tertiary__textColor: #ffffff ; 401 --hsElevate--button--tertiary__hover--textColor: #ffffff ; 402 403 /* Tertiary button shape */ 404 405 406 407 408 409 --hsElevate--button--tertiary__borderRadius: 8px; 410 411 412 /* Tertiary button background color */ 413 414 --hsElevate--button--tertiary__backgroundColor: #ff0c6b ; 415 --hsElevate--button--tertiary__hover--backgroundColor: #db0056 ; 416 417 418 419 420 /* Tertiary button border */ 421 --hsElevate--button--tertiary__borderThickness: 0px ; 422 --hsElevate--button--tertiary__hover--borderThickness: 0px ; 423 424 425 --hsElevate--button--tertiary__borderColor: transparent; 426 --hsElevate--button--tertiary__hover--borderColor: transparent; 427 428 429 /* Accent button variables */ 430 --hsElevate--button--accent__buttonFill: no_fill ; 431 432 /* Accent button font */ 433 --hsElevate--button--accent__font: Roboto ; 434 --hsElevate--button--accent__fontSize: 1.0rem ; 435 --hsElevate--button--accent__fontWeight: 500 ; 436 --hsElevate--button--accent__fontStyle: normal ; 437 438 /* Accent button text color */ 439 --hsElevate--button--accent__textColor: #ff0c6b ; 440 --hsElevate--button--accent__hover--textColor: #383838 ; 441 442 /* Accent button shape */ 443 444 445 446 447 448 --hsElevate--button--accent__borderRadius: 8px; 449 450 451 /* Accent button background color */ 452 453 --hsElevate--button--accent__backgroundColor: transparent; 454 --hsElevate--button--accent__hover--backgroundColor: transparent; 455 456 457 458 /* Accent button border */ 459 --hsElevate--button--accent__borderThickness: 2px ; 460 --hsElevate--button--accent__hover--borderThickness: 2px ; 461 462 463 --hsElevate--button--accent__borderColor: #ff0c6b ; 464 --hsElevate--button--accent__hover--borderColor: #383838 ; 465 466 467} 468 469 470 471:root { 472 /* Form field background color */ 473 474 --hsElevate--formField__backgroundColor: #FFFFFF ; 475 476 477 /* Form field shape */ 478 479 480 481 482 483 --hsElevate--formField__borderRadius: 8px; 484 485 486 /* Form field border -- multiple fields to properly handle field visibility for both fill and no fill */ 487 488 489 490 491 /* Proper usage of variables to achieve "All" or "Bottom" will be within CSS */ 492 493 --hsElevate--formField__borderThickness: 0; 494 --hsElevate--formField__borderColor: transparent; 495 496 497 498 499 500 501 502 503 504 505 /* Form field text color */ 506 --hsElevate--formFieldInput__textColor: #383838 ; 507 508 /* Form field spacing */ 509 --hsElevate--formField__marginBottom: var(--hsElevate--spacing--32); 510 511 /* Form textarea border radius */ 512 --hsElevate--formFieldTextArea__borderRadius: calc(var(--hsElevate--formField__borderRadius) * 0.5); 513 514 /* Form field checkbox/radio */ 515 --hsElevate--formFieldCheckboxRadio__size: 24px; 516 --hsElevate--formFieldCheckboxRadio__fillColor: #000000; 517 518 /* Form field placeholder */ 519 --hsElevate--formFieldPlaceholder__textColor: #878787 ; 520 521 /* Form required field color */ 522 --hsElevate--formRequired__color: #de2828; 523 524 /* Form field datepicker icon */ 525 --hsElevate--formField__datepickerIcon: url("data:image/svg+xml,%3Csvg width='24' height='29' viewBox='0 0 24 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3812_12272)'%3E%3Cpath d='M8.14286 2.07136C8.14286 1.35886 7.56964 0.785645 6.85714 0.785645C6.14464 0.785645 5.57143 1.35886 5.57143 2.07136V4.21422H3.42857C1.5375 4.21422 0 5.75172 0 7.64279V8.49993V11.0714V24.7856C0 26.6767 1.5375 28.2142 3.42857 28.2142H20.5714C22.4625 28.2142 24 26.6767 24 24.7856V11.0714V8.49993V7.64279C24 5.75172 22.4625 4.21422 20.5714 4.21422H18.4286V2.07136C18.4286 1.35886 17.8554 0.785645 17.1429 0.785645C16.4304 0.785645 15.8571 1.35886 15.8571 2.07136V4.21422H8.14286V2.07136ZM2.57143 11.0714H21.4286V24.7856C21.4286 25.2571 21.0429 25.6428 20.5714 25.6428H3.42857C2.95714 25.6428 2.57143 25.2571 2.57143 24.7856V11.0714Z' fill='%2309152B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3812_12272'%3E%3Crect width='24' height='27.4286' fill='white' transform='translate(0 0.785645)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); 526 527 /* Form field select icon */ 528 --hsElevate--formField__selectIcon: url("data:image/svg+xml,%3Csvg width='24' height='25' viewB
528ox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A"); 529 530 /* Textarea drag icon */ 531 --hsElevate--formField__dragIcon: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='-1' x2='29.5206' y2='-1' transform='matrix(-0.666795 0.745241 -0.806754 -0.590888 19.6843 0)' stroke='%23303F59' stroke-width='2'/%3E%3Cpath d='M21.0005 9.99756L10.5005 21.9976' stroke='%23303F59' stroke-width='2'/%3E%3C/svg%3E%0A"); 532 533 /* Label text */ 534 --hsElevate--formLabel__textColor: #383838 ; 535 --hsElevate--formLabel__font: Roboto ; 536 --hsElevate--formLabel__fontSize: 0.875rem ; 537 --hsElevate--formLabel__fontWeight: normal ; 538 --hsElevate--formLabel__marginBottom: var(--hsElevate--spacing--8); 539 540 /* Help text */ 541 --hsElevate--formHelpText__textColor: #647390; 542 543 /* Form background color */ 544 545 --hsElevate--form__backgroundColor: transparent; 546 547 548 /* Form shape */ 549 550 551 552 553 554 --hsElevate--form__borderRadius: 24px; 555 556 557 /* Form border */ 558 559 --hsElevate--form__borderThickness: 0; 560 --hsElevate--form__borderColor: transparent; 561 562 563 /* Form spacing */ 564 --hsElevate--form__padding: var(--hsElevate--spacing--48); 565 566 /* CSS variables for new forms */ 567 568 /* Global vars */ 569 --hsf-global__font-family: var(--hsElevate--formLabel__font); 570 --hsf-global__font-size: var(--hsElevate--formLabel__fontSize); 571 --hsf-global__color: var(--hsElevate--formLabel__textColor); 572 --hsf-global-error__color: var(--hsElevate--formRequired__color); 573 574 /* Form */ 575 --hsf-background__background-color: var(--hsElevate--form__backgroundColor); 576 --hsf-background__padding: var(--hsElevate--form__padding); 577 --hsf-background__border-style: solid; 578 --hsf-background__border-color: var(--hsElevate--form__borderColor); 579 --hsf-background__border-radius: var(--hsElevate--form__borderRadius); 580 --hsf-background__border-width: var(--hsElevate--form__borderThickness); 581 582 /* Content */ 583 --hsf-heading__font-family: var(--hsf-global__font-family); 584 --hsf-heading__color: var(--hsf-global__color); 585 --hsf-heading__text-shadow: none; 586 --hsf-richtext__font-family: var(--hsf-global__font-family); 587 --hsf-richtext__font-size: var(--hsf-global__font-size); 588 --hsf-richtext__color: var(--hsf-global__color); 589 590 /* Labels */ 591 --hsf-field-label__font-family: var(--hsf-global__font-family); 592 --hsf-field-label__font-size: var(--hsf-global__font-size); 593 --hsf-field-label__color: var(--hsf-global__color); 594 --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color); 595 --hsf-module__vertical-spacing: var(--hsElevate--formLabel__marginBottom); 596 597 /* Help text */ 598 --hsf-field-description__font-family: var(--hsf-global__color); 599 --hsf-field-description__color: var(--hsElevate--formHelpText__textColor); 600 601 /* Errors */ 602 --hsf-erroralert__font-family: var(--hsElevate--formLabel__font); 603 --hsf-erroralert__color: var(--hsf-global-error__color); 604 605 /* Field footer */ 606 --hsf-field-footer__font-family: var(--hsf-field-description__font-family); 607 --hsf-field-footer__color: var(--hsf-field-description__color); 608 609 /* Field */ 610 --hsf-field-input__font-family: var(--hsf-global__font-family); 611 --hsf-field-input__background-color: var(--hsElevate--formField__backgroundColor); 612 --hsf-field-input__placeholder-color: var(--hsElevate--formFieldPlaceholder__textColor); 613 --hsf-field-input__border-color: var(--hsElevate--formField__borderColor); 614 615 --hsf-field-input__border-width: 0; 616 617 --hsf-field-input__border-style: solid; 618 --hsf-field-input__border-radius: var(--hsElevate--formField__borderRadius); 619 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--32); 620 --hsf-field-input__color: var(--hsElevate--formFieldInput__textColor); 621 --hsf-row__vertical-spacing: var(--hsElevate--formField__marginBottom); 622 --hsf-row__horizontal-spacing: var(--hsElevate--spacing--32); 623 624 /* Textarea */ 625 --hsf-field-textarea__font-family: var(--hsf-field-input__font-family); 626 --hsf-field-textarea__color: var(--hsf-field-input__color); 627 --hsf-field-textarea__background-color: var(--hsf-field-input__background-color); 628 --hsf-field-textarea__border-color: var(--hsf-field-input__border-color); 629 --hsf-field-textarea__border-style: var(--hsf-field-input__border-style); 630 --hsf-field-textarea__border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 631 --hsf-field-textarea__padding: var(--hsf-field-input__padding); 632 633 /* Checkbox */ 634 --hsf-field-checkbox__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 635 --hsf-field-checkbox__background-color: #fff; 636 --hsf-field-checkbox__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 637 --hsf-field-checkbox__border-color: var(--hsf-field-input__border-color); 638 --hsf-field-checkbox__border-width: 1px 1px 1px 1px; 639 --hsf-field-checkbox__border-style: var(--hsf-field-input__border-style); 640 641 /* Radio */ 642 --hsf-field-radio__padding: calc(var(--hsElevate--formFieldCheckboxRadio__size) / 2); 643 --hsf-field-radio__background-color: #fff; 644 --hsf-field-radio__color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 645 --hsf-field-radio__border-color: var(--hsf-field-input__border-color); 646 --hsf-field-radio__border-width: 1px 1px 1px 1px; 647 --hsf-field-radio__border-style: var(--hsf-field-input__border-style); 648 649 /* Progress bar CSS vars: 650 - --hsf-progressbar__font-family 651 - --hsf-progressbar__font-family 652 - --hsf-progressbar__font-size 653 - --hsf-progressbar__color 654 - --hsf-progressbar__background-color 655 - --hsf-progressbar__background 656 - --hsf-progressbar__border-color 657 - --hsf-progressbar__border-style 658 - --hsf-progressbar__border-width 659 */ 660 661 /* Button */ 662 --hsf-button__width: 100%; 663 --hsf-button__font-family: var(--hsElevate--button--primary__font); 664 --hsf-button__font-size: var(--hsElevate--button--primary__fontSize); 665 --hsf-button__font-weight: var(--hsElevate--button--primary__fontWeight); 666 --hsf-button__color: var(--hsElevate--button--primary__textColor); 667 --hsf-button__background-color: var(--hsElevate--button--primary__backgroundColor); 668 --hsf-button__background-image: none; 669 --hsf-button__border-radius: var(--hsElevate--button--primary__borderRadius); 670 --hsf-button__border-width: var(--hsElevate--button--primary__borderThickness); 671 --hsf-button__border-style: solid; 672 --hsf-button__border-color: var(--hsElevate--button--primary__borderColor); 673 --hsf-button__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--24); 674 --hsf-button__box-shadow: none; 675 --hsf-button--hover__color: var(--hsElevate--button--primary__hover--textColor); 676 --hsf-button--hover__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 677 --hsf-button--hover__border-color: var(--hsElevate--button--primary__hover--borderColor); 678 --hsf-button--focus__color: var(--hsElevate--button--primary__hover--textColor); 679 --hsf-button--focus__background-color: var(--hsElevate--button--primary__hover--backgroundColor); 680 --hsf-button--focus__border-color: var(--hsElevate--button--primary__hover--borderColor); 681} 682 683@media (max-width: 600px) { 684 :root { 685 --hsElevate--form__padding: var(--hsElevate--spacing--24); 686 } 687 688 .hsfc-PhoneInput__FlagAndCaret { 689 --hsf-field-input__padding: var(--hsElevate--spacing--20) var(--hsElevate--spacing--16); 690 } 691} 692 693 694 695 696 697 698 699 700 701 702 703 704:root { 705 /* Card variant 1 */ 706 707 /* Shape */ 708 709 710 711 712 713 --hsElevate--card--variant1__borderRadius: 16px; 714 --hsElevate--card--variant1__iconBorderRadius: 12px; 715 716 717 /* Border thickness */ 718 --hsElevate--card--variant1__borderThickness: 1px ; 719 720 /* Colors */ 721 722 --hsElevate--card--variant1__backgroundColor: #FFFFFF ; 723 724 725 726 --hsElevate--card--variant1__borderColor: #ffffff ; 727 728 729 --hsElevate--card--variant1__textColor: #383838 ; 730 731 /* Links */ 732 733 734 735 736 --hsElevate--card--variant1--link__fontColor: #FF0C6B ; 737 738 739 --hsElevate--card--variant1--link__textDecoration: none; 740 --hsElevate--card--variant1--link__textDecorationColor: transparent; 741 742 743 /* Hover state */ 744 745 --hsElevate--card--variant1--link__hover--fontColor: #FF0C6B ; 746 747 --hsElevate--card--variant1--link__hover--textDecoration: underline; 748 --hsElevate--card--variant1--link__hover--textDecorationColor: #FF0C6B ; 749 750 751 /* Icon colors */ 752 753 --hsElevate--card--variant1__iconColor: #FF0C6B ;
754 --hsElevate--card--variant1__iconBackgroundColor: #DEDEDE ; 755 756 /* Card variant 2 */ 757 758 /* Shape */ 759 760 761 762 763 764 --hsElevate--card--variant2__borderRadius: 16px; 765 --hsElevate--card--variant2__iconBorderRadius: 12px; 766 767 768 /* Border thickness */ 769 --hsElevate--card--variant2__borderThickness: 1px ; 770 771 /* Colors */ 772 773 --hsElevate--card--variant2__backgroundColor: #F5F5F5 ; 774 775 776 777 --hsElevate--card--variant2__borderColor: #F5F5F5 ; 778 779 780 --hsElevate--card--variant2__textColor: #383838 ; 781 782 /* Links */ 783 784 785 786 787 --hsElevate--card--variant2--link__fontColor: #FF0C6B ; 788 789 790 --hsElevate--card--variant2--link__textDecoration: none; 791 --hsElevate--card--variant2--link__textDecorationColor: transparent; 792 793 794 /* Hover state */ 795 796 --hsElevate--card--variant2--link__hover--fontColor: #FF0C6B ; 797 798 --hsElevate--card--variant2--link__hover--textDecoration: underline; 799 --hsElevate--card--variant2--link__hover--textDecorationColor: #FF0C6B ; 800 801 802 /* Icon colors */ 803 804 --hsElevate--card--variant2__iconColor: #FF0C6B ; 805 --hsElevate--card--variant2__iconBackgroundColor: #ffffff ; 806 807 /* Card variant 3 */ 808 809 /* Shape */ 810 811 812 813 814 815 --hsElevate--card--variant3__borderRadius: 16px; 816 --hsElevate--card--variant3__iconBorderRadius: 12px; 817 818 819 /* Border thickness */ 820 --hsElevate--card--variant3__borderThickness: 1px ; 821 822 /* Colors */ 823 824 --hsElevate--card--variant3__backgroundColor: #383838 ; 825 826 827 828 --hsElevate--card--variant3__borderColor: #383838 ; 829 830 831 --hsElevate--card--variant3__textColor: #ffffff ; 832 833 /* Links */ 834 835 836 837 838 --hsElevate--card--variant3--link__fontColor: #FFCA45 ; 839 840 841 --hsElevate--card--variant3--link__textDecoration: none; 842 --hsElevate--card--variant3--link__textDecorationColor: transparent; 843 844 845 /* Hover state */ 846 847 --hsElevate--card--variant3--link__hover--fontColor: #FFCA45 ; 848 849 --hsElevate--card--variant3--link__hover--textDecoration: underline; 850 --hsElevate--card--variant3--link__hover--textDecorationColor: #FFCA45 ; 851 852 853 /* Icon colors */ 854 855 --hsElevate--card--variant3__iconColor: #ff0c6b ; 856 --hsElevate--card--variant3__iconBackgroundColor: #383838 ; 857 858 /* Card variant 4 */ 859 860 /* Shape */ 861 862 863 864 865 866 --hsElevate--card--variant4__borderRadius: 16px; 867 --hsElevate--card--variant4__iconBorderRadius: 12px; 868 869 870 /* Border thickness */ 871 --hsElevate--card--variant4__borderThickness: 1px ; 872 873 /* Colors */ 874 875 --hsElevate--card--variant4__backgroundColor: #383838 ; 876 877 878 879 --hsElevate--card--variant4__borderColor: #383838 ; 880 881 882 --hsElevate--card--variant4__textColor: #ffffff ; 883 884 /* Links */ 885 886 887 888 889 --hsElevate--card--variant4--link__fontColor: #FF0C6B ; 890 891 892 --hsElevate--card--variant4--link__textDecoration: none; 893 --hsElevate--card--variant4--link__textDecorationColor: transparent; 894 895 896 /* Hover state */ 897 898 --hsElevate--card--variant4--link__hover--fontColor: #FF0C6B ; 899 900 --hsElevate--card--variant4--link__hover--textDecoration: underline; 901 --hsElevate--card--variant4--link__hover--textDecorationColor: #FF0C6B ; 902 903 904 /* Icon colors */ 905 --hsElevate--card--variant4__iconColor: #ff0c6b ; 906 --hsElevate--card--variant4__iconBackgroundColor: #383838 ; 907} 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924:root { 925 /* Light section 1 */ 926 --hsElevate--section--lightSection--1__backgroundColor: #f5f5f5 ; 927 --hsElevate--section--lightSection--1__textColor: #383838 ; 928 --hsElevate--section--lightSection--1__accentColor: #FF0C6B ; 929 --hsElevate--section--lightSection--1__captionColor: #545454 ; 930 --hsElevate--section--lightSection--1--blockquote__textColor: #383838 ; 931 --hsElevate--section--lightSection--1--blockquote__backgroundColor: #ffffff ; 932 --hsElevate--section--lightSection--1--blockquote__accentColor: #FF0C6B ; 933 934 935 936 937 938 --hsElevate--section--lightSection--1--link__fontColor: #FF0C6B ; 939 940 941 --hsElevate--section--lightSection--1--link__textDecoration: none; 942 --hsElevate--section--lightSection--1--link__textDecorationColor: transparent; 943 944 945 /* Hover state */ 946 947 --hsElevate--section--lightSection--1--link__hover--fontColor: #FF0C6B ; 948 949 --hsElevate--section--lightSection--1--link__hover--textDecoration: underline; 950 --hsElevate--section--lightSection--1--link__hover--textDecorationColor: #FF0C6B ; 951 952 953 /* Light section 2 */ 954 --hsElevate--section--lightSection--2__backgroundColor: #F5F5F5 ; 955 --hsElevate--section--lightSection--2__textColor: #383838 ; 956 --hsElevate--section--lightSection--2__accentColor: #FF0C6B ; 957 --hsElevate--section--lightSection--2__captionColor: #545454 ; 958 --hsElevate--section--lightSection--2--blockquote__textColor: #383838 ; 959 --hsElevate--section--lightSection--2--blockquote__backgroundColor: #F5F5F5 ; 960 --hsElevate--section--lightSection--2--blockquote__accentColor: #FF0C6B ; 961 962 963 964 965 966 --hsElevate--section--lightSection--2--link__fontColor: #FF0C6B ; 967 968 969 --hsElevate--section--lightSection--2--link__textDecoration: none; 970 --hsElevate--section--lightSection--2--link__textDecorationColor: transparent; 971 972 973 /* Hover state */ 974 975 --hsElevate--section--lightSection--2--link__hover--fontColor: #FF0C6B ; 976 977 --hsElevate--section--lightSection--2--link__hover--textDecoration: underline; 978 --hsElevate--section--lightSection--2--link__hover--textDecorationColor: #FF0C6B ; 979 980 981 /* Light section 3 */ 982 --hsElevate--section--lightSection--3__backgroundColor: #FF0C6B ; 983 --hsElevate--section--lightSection--3__textColor: #383838 ; 984 --hsElevate--section--lightSection--3__accentColor: #FF0C6B ; 985 --hsElevate--section--lightSection--3__captionColor: #545454 ; 986 --hsElevate--section--lightSection--3--blockquote__textColor: #383838 ; 987 --hsElevate--section--lightSection--3--blockquote__backgroundColor: #FF0C6B ; 988 --hsElevate--section--lightSection--3--blockquote__accentColor: #FF0C6B ; 989 990 991 992 993 994 --hsElevate--section--lightSection--3--link__fontColor: #FF0C6B ; 995 996 997 --hsElevate--section--lightSection--3--link__textDecoration: none; 998 --hsElevate--section--lightSection--3--link__textDecorationColor: transparent; 999 1000 1001 /* Hover state */ 1002 1003 --hsElevate--section--lightSection--3--link__hover--fontColor: #FF0C6B ; 1004 1005 --hsElevate--section--lightSection--3--link__hover--textDecoration: underline; 1006 --hsElevate--section--lightSection--3--link__hover--textDecorationColor: #FF0C6B ; 1007 1008 1009 /* Dark section 1 */ 1010 --hsElevate--section--darkSection--1__backgroundColor: #383838 ; 1011 --hsElevate--section--darkSection--1__textColor: #FFFFFF ; 1012 --hsElevate--section--darkSection--1__accentColor: #FF0C6B ; 1013 --hsElevate--section--darkSection--1__captionColor: #Dedede ; 1014 --hsElevate--section--darkSection--1--blockquote__textColor: #FFFFFF ; 1015 --hsElevate--section--darkSection--1--blockquote__backgroundColor: #383838 ; 1016 --hsElevate--section--darkSection--1--blockquote__accentColor: #FF0C6b ; 1017 1018 1019 1020 1021 1022 --hsElevate--section--darkSection--1--link__fontColor: #FFCA45 ; 1023 1024 1025 --hsElevate--section--darkSection--1--link__textDecoration: none; 1026 --hsElevate--section--darkSection--1--link__textDecorationColor: transparent; 1027 1028 1029 /* Hover state */ 1030 1031 --hsElevate--section--darkSection--1--link__hover--fontColor: #FFCA45 ; 1032 1033 --hsElevate--section--darkSection--1--link__hover--textDecoration: underline; 1034 --hsElevate--section--darkSection--1--link__hover--textDecorationColor: #FFCA45 ; 1035 1036} 1037 1038 1039:root { 1040 /* Font */ 1041 --hsElevate--tag__font: Roboto ; 1042 --hsElevate--tag__fontColor: ; 1043 --hsElevate--tag__fontSize: 0.875rem ; 1044 --hsElevate--tag__fontWeight: 500 ; 1045 --hsElevate--tag__fontStyle: normal ; 1046 1047 /* Text colors */ 1048 --hsElevate--tag__textColor: #383838 ; 1049
1050 /* Background colors */ 1051 1052 --hsElevate--tag__backgroundColor: #ffffff ; 1053 1054 1055 /* Shape */ 1056 1057 1058 1059 1060 1061 --hsElevate--tag__borderRadius: 8px; 1062 1063 1064 /* Border thickness */ 1065 --hsElevate--tag__borderThickness: 1px ; 1066 --hsElevate--tag__borderColor: #ffffff ; 1067 1068 /* Case */ 1069 --hsElevate--tag__case: none ; 1070} 1071:root { 1072 /* Border radius based on shape */ 1073 --hsElevate-sharp: 0; 1074 --hsElevate-rounded--extra-small: 4px; 1075 --hsElevate-rounded--small: 8px; 1076 --hsElevate-rounded: 16px; 1077 --hsElevate-rounded--large: 24px; 1078 --hsElevate-rounded--extra-large: 32px; 1079 --hsElevate-circle: 50%; 1080} 1081:root { 1082 --hsElevate--icon--small__size: 16px; 1083 --hsElevate--icon--medium__size: 24px; 1084 --hsElevate--icon--large__size: 32px; 1085} 1086 1087/* Generic */ 1088 1089*, 1090*:before, 1091*:after { 1092 box-sizing: border-box; 1093} 1094/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 1095 1096/* Document 1097 ========================================================================== */ 1098 1099/** 1100 * 1. Correct the line height in all browsers. 1101 * 2. Prevent adjustments of font size after orientation changes in iOS. 1102 */ 1103 1104html { 1105 line-height: 1.15; /* 1 */ 1106 -webkit-text-size-adjust: 100%; /* 2 */ 1107} 1108 1109/* Sections 1110 ========================================================================== */ 1111 1112/** 1113 * Remove the margin in all browsers. 1114 */ 1115 1116body { 1117 margin: 0; 1118 overflow-x: hidden; 1119} 1120 1121/** 1122 * Correct the font size and margin on `h1` elements within `section` and 1123 * `article` contexts in Chrome, Firefox, and Safari. 1124 */ 1125 1126h1 { 1127 font-size: 2em; 1128 margin: 0.67em 0; 1129} 1130 1131/* Grouping content 1132 ========================================================================== */ 1133 1134/** 1135 * Add the correct box sizing in Firefox. 1136 */ 1137 1138hr { 1139 box-sizing: content-box; 1140 height: 0; 1141} 1142 1143/** 1144 * 1. Correct the inheritance and scaling of font size in all browsers. 1145 * 2. Correct the odd `em` font sizing in all browsers. 1146 */ 1147 1148pre { 1149 font-family: monospace, monospace; /* 1 */ 1150 font-size: 1em; /* 2 */ 1151} 1152 1153/* Text-level semantics 1154 ========================================================================== */ 1155 1156/** 1157 * 1. Remove the bottom border in Chrome 57- 1158 * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. 1159 */ 1160 1161abbr[title] { 1162 border-bottom: none; /* 1 */ 1163 text-decoration: underline; /* 2 */ 1164 -webkit-text-decoration: underline dotted; 1165 text-decoration: underline dotted; /* 2 */ 1166} 1167 1168/** 1169 * Add the correct font weight in Chrome, Edge, and Safari. 1170 */ 1171 1172b, 1173strong { 1174 font-weight: bolder; 1175} 1176 1177/** 1178 * 1. Correct the inheritance and scaling of font size in all browsers. 1179 * 2. Correct the odd `em` font sizing in all browsers. 1180 */ 1181 1182code, 1183kbd, 1184samp { 1185 font-family: monospace, monospace; /* 1 */ 1186 font-size: 1em; /* 2 */ 1187} 1188 1189/** 1190 * Add the correct font size in all browsers. 1191 */ 1192 1193small { 1194 font-size: 80%; 1195} 1196 1197/** 1198 * Prevent `sub` and `sup` elements from affecting the line height in 1199 * all browsers. 1200 */ 1201 1202sub, 1203sup { 1204 font-size: 75%; 1205 line-height: 0; 1206 position: relative; 1207 vertical-align: baseline; 1208} 1209 1210sub { 1211 bottom: -0.25em; 1212} 1213 1214sup { 1215 top: -0.5em; 1216} 1217
1218/* Forms 1219 ========================================================================== */ 1220 1221/** 1222 * 1. Change the font styles in all browsers. 1223 * 2. Remove the margin in Firefox and Safari. 1224 */ 1225 1226button, 1227input, 1228optgroup, 1229select, 1230textarea { 1231 font-family: inherit; /* 1 */ 1232 font-size: 100%; /* 1 */ 1233 line-height: 1.15; /* 1 */ 1234 margin: 0; /* 2 */ 1235} 1236 1237/** 1238 * Remove the inheritance of text transform in Edge and Firefox. 1239 * 1. Remove the inheritance of text transform in Firefox. 1240 */ 1241 1242button, 1243select { 1244 text-transform: none; 1245} 1246 1247/** 1248 * Correct the inability to style clickable types in iOS and Safari. 1249 */ 1250 1251button, 1252[type='button'], 1253[type='reset'], 1254[type='submit'] { 1255 -webkit-appearance: button; 1256} 1257 1258/** 1259 * Remove the inner border and padding in Firefox. 1260 */ 1261 1262button::-moz-focus-inner, 1263[type='button']::-moz-focus-inner, 1264[type='reset']::-moz-focus-inner, 1265[type='submit']::-moz-focus-inner { 1266 border-style: none; 1267 padding: 0; 1268} 1269 1270/** 1271 * Restore the focus styles unset by the previous rule. 1272 */ 1273 1274button:-moz-focusring, 1275[type='button']:-moz-focusring, 1276[type='reset']:-moz-focusring, 1277[type='submit']:-moz-focusring { 1278 outline: 1px dotted ButtonText; 1279} 1280 1281/** 1282 * Correct the padding in Firefox. 1283 */ 1284 1285fieldset { 1286 padding: 0.35em 0.75em 0.625em; 1287} 1288
1289/** 1290 * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. 1291 */ 1292 1293legend { 1294 padding: 0; 1295} 1296 1297/** 1298 * Add the correct vertical alignment in Chrome, Firefox, and Opera. 1299 */ 1300 1301progress { 1302 vertical-align: baseline; 1303} 1304 1305/** 1306 * Correct the cursor style of increment and decrement buttons in Chrome. 1307 */ 1308 1309[type='number']::-webkit-inner-spin-button, 1310[type='number']::-webkit-outer-spin-button { 1311 height: auto; 1312} 1313 1314/** 1315 * 1. Correct the odd appearance in Chrome and Safari. 1316 * 2. Correct the outline style in Safari. 1317 */ 1318 1319[type='search'] { 1320 -webkit-appearance: textfield; /* 1 */ 1321 outline-offset: -2px; /* 2 */ 1322} 1323 1324/** 1325 * Remove the inner padding in Chrome and Safari on macOS. 1326 */ 1327 1328[type='search']::-webkit-search-decoration { 1329 -webkit-appearance: none; 1330} 1331 1332/** 1333 * 1. Correct the inability to style clickable types in iOS and Safari. 1334 * 2. Change font properties to `inherit` in Safari. 1335 */ 1336 1337::-webkit-file-upload-button { 1338 -webkit-appearance: button; /* 1 */ 1339 font: inherit; /* 2 */ 1340} 1341 1342/* Interactive 1343 ========================================================================== */ 1344 1345/* 1346 * Add the correct display in Edge and Firefox. 1347 */ 1348 1349details { 1350 display: block; 1351} 1352 1353/* 1354 * Add the correct display in all browsers. 1355 */ 1356 1357summary { 1358 display: list-item; 1359} 1360 1361/* Objects */ 1362 1363.dnd-section { 1364 padding: var(--hsElevate--section--medium__verticalPadding) var(--hsElevate--section--horizontalPadding); 1365} 1366 1367.dnd-section > .row-fluid, 1368.hs-elevate-content-wrapper { 1369 margin: 0 auto; 1370 max-width: var(--hsElevate--contentWrapper--wide__maxWidth); 1371} 1372 1373.hs-elevate-content-wrapper { 1374 padding: 0 var(--hsElevate--section--horizontalPadding); 1375} 1376 1377/* Helper Classes */ 1378 1379.hs-elevate-content-wrapper--sm { 1380 max-width: var(--hsElevate--contentWrapper--narrow__maxWidth); 1381 padding: 0; 1382} 1383 1384.hs-elevate-content-wrapper--md { 1385 max-width: var(--hsElevate--contentWrapper--medium__maxWidth); 1386 padding: 0; 1387} 1388 1389/* Padding for non DND sections */ 1390 1391.hs-elevate-content-padding { 1392 padding-block: var(--hsElevate--section--medium__verticalPadding); 1393} 1394 1395.hs-elevate-content-padding--extra-small { 1396 padding-block: var(--hsElevate--section--extraSmall__verticalPadding); 1397} 1398 1399.hs-elevate-content-padding--small { 1400 padding-block: var(--hsElevate--section--small__verticalPadding); 1401} 1402 1403.hs-elevate-content-padding--large { 1404 padding-block: var(--hsElevate--section--large__verticalPadding); 1405} 1406 1407.hs-elevate-content-padding--extra-large { 1408 padding-block: var(--hsElevate--section--extraLarge__verticalPadding); 1409} 1410 1411.row-fluid { 1412 display: flex; 1413 flex-wrap: wrap; 1414 width: 100%; 1415} 1416 1417.row-fluid .span1, 1418.row-fluid .span2, 1419.row-fluid .span3, 1420.row-fluid .span4, 1421.row-fluid .span5, 1422.row-fluid .span6, 1423.row-fluid .span7, 1424.row-fluid .span8, 1425.row-fluid .span9, 1426.row-fluid .span10, 1427.row-fluid .span11, 1428.row-fluid .span12 { 1429 min-height: 1px; 1430 width: 100%; 1431} 1432 1433@media (min-width: 768px) { 1434 .row-fluid { 1435 flex-wrap: nowrap; 1436 justify-content: space-between; 1437 } 1438 1439 .row-fluid .span1 { 1440 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 1 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 11 / 100); 1441 } 1442 1443 .row-fluid .span2 { 1444 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 2 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 10 / 100); 1445 } 1446 1447 .row-fluid .span3 { 1448 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 3 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 9 / 100); 1449 } 1450 1451 .row-fluid .span4 { 1452 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 4 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 8 / 100); 1453 } 1454 1455 .row-fluid .span5 { 1456 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 5 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 7 / 100); 1457 } 1458 1459 .row-fluid .span6 { 1460 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 6 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 6 / 100); 1461 } 1462 1463 .row-fluid .span7 { 1464 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 7 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 5 / 100); 1465 } 1466 1467 .row-fluid .span8 { 1468 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 8 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 4 / 100); 1469 } 1470 1471 .row-fluid .span9 { 1472 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 9 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 3 / 100); 1473 } 1474 1475 .row-fluid .span10 { 1476 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 10 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 2 / 100); 1477 } 1478 1479 .row-fluid .span11 { 1480 width: calc(var(--hsElevate--column__widthMultiplier) * 1% * 11 - var(--hsElevate--column__gap) * var(--hsElevate--column__widthMultiplier) * 1 / 100); 1481 } 1482} 1483 1484/* Elements */ 1485 1486html { 1487 font-size: var(--hsElevate--baseText__fontSize); 1488} 1489 1490body { 1491 background-color: var(--hsElevate--section--lightSection--1__backgroundColor); 1492 color: var(--hsElevate--section--lightSection--1__textColor); 1493 font-family: var(--hsElevate--body__font); 1494 font-size: var(--hsElevate--body__fontSize); 1495 font-style: var(--hsElevate--body__fontStyle); 1496 font-weight: var(--hsElevate--body__fontWeight); 1497 line-height: var(--hsElevate--body__lineHeight); 1498 overflow-wrap: break-word; 1499} 1500 1501html[lang^='ja'] body, 1502html[lang^='zh'] body, 1503html[lang^='ko'] body { 1504 line-break: strict; 1505 overflow-wrap: normal; 1506 word-break: break-all; 1507} 1508
1509/* Paragraphs */ 1510 1511p { 1512 margin-block: var(--hsElevate--text__margin); 1513} 1514 1515a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link), 1516a.hs-elevate-link--primary, 1517.hs-elevate-link--primary a { 1518 color: var(--hsElevate--link--primary__fontColor); 1519 cursor: pointer; 1520 -webkit-text-decoration: var(--hsElevate--link--primary__textDecoration); 1521 text-decoration: var(--hsElevate--link--primary__textDecoration); 1522 text-decoration-color: var(--hsElevate--link--primary__textDecorationColor); 1523} 1524 1525a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1526a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus, 1527a.hs-elevate-link--primary:hover, 1528.hs-elevate-link--primary a:hover, 1529a.hs-elevate-link--primary:focus, 1530.hs-elevate-link--primary a:focus { 1531 color: var(--hsElevate--link--primary__hover--fontColor); 1532 -webkit-text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1533 text-decoration: var(--hsElevate--link--primary__hover--textDecoration); 1534 text-decoration-color: var(--hsElevate--link--primary__hover--textDecorationColor); 1535} 1536 1537a.hs-elevate-link--secondary, 1538.hs-elevate-link--secondary a { 1539 color: var(--hsElevate--link--secondary__fontColor); 1540 cursor: pointer; 1541 -webkit-text-decoration: var(--hsElevate--link--secondary__textDecoration); 1542 text-decoration: var(--hsElevate--link--secondary__textDecoration); 1543 text-decoration-color: var(--hsElevate--link--secondary__textDecorationColor); 1544} 1545 1546a.hs-elevate-link--secondary:hover, 1547.hs-elevate-link--secondary a:hover a.hs-elevate-link--secondary:focus, 1548.hs-elevate-link--secondary a:focus { 1549 color: var(--hsElevate--link--secondary__hover--fontColor); 1550 -webkit-text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1551 text-decoration: var(--hsElevate--link--secondary__hover--textDecoration); 1552 text-decoration-color: var(--hsElevate--link--secondary__hover--textDecorationColor); 1553} 1554 1555/* Headings */ 1556 1557h1, 1558h2, 1559h3, 1560h4, 1561h5, 1562h6, 1563.hs-elevate-display-1, 1564.hs-elevate-display-2 { 1565 line-height: var(--hsElevate--heading__lineHeight); 1566 margin-block: var(--hsElevate--text__margin); 1567} 1568 1569.hs-elevate-display-1 { 1570 font-family: var(--hsElevate--display1__font); 1571 font-size: calc(var(--hsElevate--display1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1572 font-style: normal; 1573 font-weight: 400; 1574} 1575 1576.hs-elevate-display-2 { 1577 font-family: var(--hsElevate--display2__font); 1578 font-size: calc(var(--hsElevate--display2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1579 font-style: normal; 1580 font-weight: 400; 1581} 1582 1583h1, 1584.hs-elevate-h1 { 1585 font-family: var(--hsElevate--h1__font); 1586 font-size: calc(var(--hsElevate--h1__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1587 font-style: var(--hsElevate--h1__fontStyle); 1588 font-weight: var(--hsElevate--h1__fontWeight); 1589} 1590 1591h2, 1592.hs-elevate-h2 { 1593 font-family: var(--hsElevate--h2__font); 1594 font-size: calc(var(--hsElevate--h2__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1595 font-style: var(--hsElevate--h2__fontStyle); 1596 font-weight: var(--hsElevate--h2__fontWeight); 1597} 1598 1599h3, 1600.hs-elevate-h3 { 1601 font-family: var(--hsElevate--h3__font); 1602 font-size: calc(var(--hsElevate--h3__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1603 font-style: var(--hsElevate--h3__fontStyle); 1604 font-weight: var(--hsElevate--h3__fontWeight); 1605} 1606 1607h4, 1608.hs-elevate-h4 { 1609 font-family: var(--hsElevate--h4__font); 1610 font-size: calc(var(--hsElevate--h4__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1611 font-style: var(--hsElevate--h4__fontStyle); 1612 font-weight: var(--hsElevate--h4__fontWeight); 1613} 1614 1615h5, 1616.hs-elevate-h5 { 1617 font-family: var(--hsElevate--h5__font); 1618 font-size: calc(var(--hsElevate--h5__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1619 font-style: var(--hsElevate--h5__fontStyle); 1620 font-weight: var(--hsElevate--h5__fontWeight); 1621} 1622 1623h6, 1624.hs-elevate-h6 { 1625 font-family: var(--hsElevate--h6__font); 1626 font-size: calc(var(--hsElevate--h6__fontSize) * var(--hsElevate--heading__tablet-modifier)); 1627 font-style: var(--hsElevate--h6__fontStyle); 1628 font-weight: var(--hsElevate--h6__fontWeight); 1629} 1630 1631@media (min-width: 767px) { 1632 .hs-elevate-display-1 { 1633 font-size: var(--hsElevate--display1__fontSize); 1634 } 1635 1636 .hs-elevate-display-2 { 1637 font-size: var(--hsElevate--display2__fontSize); 1638 } 1639 1640 h1, 1641 .hs-elevate-h1 { 1642 font-size: var(--hsElevate--h1__fontSize); 1643 } 1644 1645 h2, 1646 .hs-elevate-h2 { 1647 font-size: var(--hsElevate--h2__fontSize); 1648 } 1649 1650 h3, 1651 .hs-elevate-h3 { 1652 font-size: var(--hsElevate--h3__fontSize); 1653 } 1654 1655 h4, 1656 .hs-elevate-h4 { 1657 font-size: var(--hsElevate--h4__fontSize); 1658 } 1659 1660 h5, 1661 .hs-elevate-h5 { 1662 font-size: var(--hsElevate--h5__fontSize); 1663 } 1664 1665 h6, 1666 .hs-elevate-h6 { 1667 font-size: var(--hsElevate--h6__fontSize); 1668 } 1669} 1670 1671/* Lists */ 1672 1673ul, 1674ol { 1675 margin-block: var(--hsElevate--text__margin); 1676} 1677 1678/* Blockquotes */ 1679 1680blockquote { 1681 padding: var(--hsElevate--spacing--24, 24px); 1682 border-radius: var(--hsElevate-rounded--extra-small); 1683 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1684 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1685 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1686 font-family: var(--hsElevate--quotes__font); 1687 font-size: var(--hsElevate--quotes__fontSize); 1688 font-style: var(--hsElevate--quotes__fontStyle); 1689 font-weight: var(--hsElevate--quotes__fontWeight); 1690 margin-block: var(--hsElevate--text__margin); 1691} 1692
1693:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1694 padding: var(--hsElevate--spacing--24, 24px); 1695 border-radius: var(--hsElevate-rounded--extra-small); 1696 border-left: 3px solid var(--hsElevate--blockquote__accentColor, var(--hsElevate--section--lightSection--1--blockquote__accentColor)); 1697 background-color: var(--hsElevate--blockquote__backgroundColor, var(--hsElevate--section--lightSection--1--blockquote__backgroundColor)); 1698 color: var(--hsElevate--blockquote__fontColor, var(--hsElevate--section--lightSection--1--blockquote__textColor)); 1699 font-family: var(--hsElevate--quotes__font); 1700 font-size: var(--hsElevate--quotes__fontSize); 1701 font-style: var(--hsElevate--quotes__fontStyle); 1702 font-weight: var(--hsElevate--quotes__fontWeight); 1703 margin-block: var(--hsElevate--text__margin); 1704} 1705 1706@media (max-width: 767.98px) { 1707 :is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) blockquote { 1708 font-size: calc(var(--hsElevate--body__fontSize) + 4px); 1709 margin-inline: 0; 1710 } 1711} 1712 1713/* Captions */ 1714 1715.hs-elevate-caption { 1716 color: var(--hsElevate--captions__fontColor, var(--hsElevate--section--lightSection--1--captionColor)); 1717 font-family: var(--hsElevate--captions__font); 1718 font-size: var(--hsElevate--captions__fontSize); 1719 font-style: var(--hsElevate--captions__fontStyle); 1720 font-weight: var(--hsElevate--captions__fontWeight); 1721 text-transform: var(--hsElevate--captions__case); 1722} 1723 1724/* Tags */ 1725.hs-elevate-tag { 1726 padding: 2px 8px; 1727 border-color: var(--hsElevate--tag__borderColor); 1728 border-radius: var(--hsElevate--tag__borderRadius); 1729 border-style: solid; 1730 border-width: var(--hsElevate--tag__borderThickness); 1731 background-color: var(--hsElevate--tag__backgroundColor); 1732 color: var(--hsElevate--tag__textColor); 1733 font-family: var(--hsElevate--tag__font); 1734 font-size: var(--hsElevate--tag__fontSize); 1735 font-style: var(--hsElevate--tag__fontStyle); 1736 font-weight: var(--hsElevate--tag__fontWeight); 1737 text-transform: var(--hsElevate--tag__case); 1738} 1739 1740/* Images in rich text */ 1741:is(.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_inline_richtext_field) img { 1742 max-width: 100%; 1743 margin-block-end: var(--hsElevate--rteImages__margin); 1744} 1745.hs-elevate-button:focus { 1746 outline: 2px solid #53acff; 1747 outline-offset: 2px; 1748} 1749 1750.hs-elevate-button--primary { 1751 font-family: var(--hsElevate--button--primary__font); 1752 font-size: var(--hsElevate--button--primary__fontSize); 1753 font-weight: var(--hsElevate--button--primary__fontWeight); 1754 font-style: var(--hsElevate--button--primary__fontStyle); 1755 color: var(--hsElevate--button--primary__textColor); 1756 border-width: var(--hsElevate--button--primary__borderThickness); 1757 background-color: var(--hsElevate--button--primary__backgroundColor); 1758 border-style: solid; 1759 border-color: var(--hsElevate--button--primary__borderColor); 1760 border-radius: var(--hsElevate--button--primary__borderRadius); 1761 text-decoration: none; 1762} 1763 1764.hs-elevate-button--primary:hover { 1765 color: var(--hsElevate--button--primary__hover--textColor); 1766 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 1767 border-color: var(--hsElevate--button--primary__hover--borderColor); 1768 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1769 text-decoration: none; 1770} 1771 1772.hs-elevate-button--primary:active { 1773 color: var(--hsElevate--button--primary__hover--textColor); 1774 background-color: #bd0038 ; 1775 border-color: ; 1776 border-width: var(--hsElevate--button--primary__hover--borderThickness); 1777 text-decoration: none; 1778} 1779 1780.hs-elevate-button--secondary { 1781 font-family: var(--hsElevate--button--secondary__font); 1782 font-size: var(--hsElevate--button--secondary__fontSize); 1783 font-weight: var(--hsElevate--button--secondary__fontWeight); 1784 font-style: var(--hsElevate--button--secondary__fontStyle); 1785 color: var(--hsElevate--button--secondary__textColor); 1786 border-width: var(--hsElevate--button--secondary__borderThickness); 1787 background-color: var(--hsElevate--button--secondary__backgroundColor); 1788 border-style: solid; 1789 border-color: var(--hsElevate--button--secondary__borderColor); 1790 border-radius: var(--hsElevate--button--secondary__borderRadius); 1791 text-decoration: none; 1792} 1793 1794.hs-elevate-button--secondary:hover {
1795 color: var(--hsElevate--button--secondary__hover--textColor); 1796 background-color: var(--hsElevate--button--secondary__hover--backgroundColor); 1797 border-color: var(--hsElevate--button--secondary__hover--borderColor); 1798 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1799 text-decoration: none; 1800} 1801 1802.hs-elevate-button--secondary:active { 1803 color: var(--hsElevate--button--secondary__hover--textColor); 1804 background-color: transparent ; 1805 border-color: #1a1a1a ; 1806 border-width: var(--hsElevate--button--secondary__hover--borderThickness); 1807 text-decoration: none; 1808} 1809 1810.hs-elevate-button--tertiary { 1811 font-family: var(--hsElevate--button--tertiary__font); 1812 font-size: var(--hsElevate--button--tertiary__fontSize); 1813 font-weight: var(--hsElevate--button--tertiary__fontWeight); 1814 font-style: var(--hsElevate--button--tertiary__fontStyle); 1815 color: var(--hsElevate--button--tertiary__textColor); 1816 border-width: var(--hsElevate--button--tertiary__borderThickness); 1817 background-color: var(--hsElevate--button--tertiary__backgroundColor); 1818 border-style: solid; 1819 border-color: var(--hsElevate--button--tertiary__borderColor); 1820 border-radius: var(--hsElevate--button--tertiary__borderRadius); 1821 text-decoration: none; 1822} 1823 1824.hs-elevate-button--tertiary:hover { 1825 color: var(--hsElevate--button--tertiary__hover--textColor); 1826 background-color: var(--hsElevate--button--tertiary__hover--backgroundColor); 1827 border-color: var(--hsElevate--button--tertiary__hover--borderColor); 1828 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1829 text-decoration: none; 1830} 1831 1832.hs-elevate-button--tertiary:active { 1833 color: var(--hsElevate--button--tertiary__hover--textColor); 1834 background-color: #bd0038 ; 1835 border-color: ; 1836 border-width: var(--hsElevate--button--tertiary__hover--borderThickness); 1837 text-decoration: none; 1838} 1839 1840.hs-elevate-button--accent { 1841 font-family: var(--hsElevate--button--accent__font); 1842 font-size: var(--hsElevate--button--accent__fontSize); 1843 font-weight: var(--hsElevate--button--accent__fontWeight); 1844 font-style: var(--hsElevate--button--accent__fontStyle); 1845 color: var(--hsElevate--button--accent__textColor); 1846 border-width: var(--hsElevate--button--accent__borderThickness); 1847 background-color: var(--hsElevate--button--accent__backgroundColor); 1848 border-style: solid; 1849 border-color: var(--hsElevate--button--accent__borderColor); 1850 border-radius: var(--hsElevate--button--accent__borderRadius); 1851 text-decoration: none; 1852} 1853 1854.hs-elevate-button--accent:hover {
1855 color: var(--hsElevate--button--accent__hover--textColor); 1856 background-color: var(--hsElevate--button--accent__hover--backgroundColor); 1857 border-color: var(--hsElevate--button--accent__hover--borderColor); 1858 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1859 text-decoration: none; 1860} 1861 1862.hs-elevate-button--accent:active { 1863 color: var(--hsElevate--button--accent__hover--textColor); 1864 background-color: ; 1865 border-color: #1a1a1a ; 1866 border-width: var(--hsElevate--button--accent__hover--borderThickness); 1867 text-decoration: none; 1868} 1869.hs-elevate-card--variant-1 { 1870 border-color: var(--hsElevate--card--variant1__borderColor); 1871 border-radius: var(--hsElevate--card--variant1__borderRadius); 1872 border-style: solid; 1873 border-width: var(--hsElevate--card--variant1__borderThickness); 1874 background-color: var(--hsElevate--card--variant1__backgroundColor); 1875 color: var(--hsElevate--card--variant1__textColor); 1876} 1877.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1878 color: var(--hsElevate--card--variant1--link__fontColor); 1879 -webkit-text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1880 text-decoration: var(--hsElevate--card--variant1--link__textDecoration); 1881 text-decoration-color: var(--hsElevate--card--variant1--link__textDecorationColor); 1882} 1883.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1884.hs-elevate-card--variant-1 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1885 color: var(--hsElevate--card--variant1--link__hover--fontColor); 1886 -webkit-text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1887 text-decoration: var(--hsElevate--card--variant1--link__hover--textDecoration); 1888 text-decoration-color: var(--hsElevate--card--variant1--link__hover--textDecorationColor); 1889} 1890 1891.hs-elevate-card--variant-2 { 1892 border-color: var(--hsElevate--card--variant2__borderColor); 1893 border-radius: var(--hsElevate--card--variant2__borderRadius); 1894 border-style: solid; 1895 border-width: var(--hsElevate--card--variant2__borderThickness); 1896 background-color: var(--hsElevate--card--variant2__backgroundColor); 1897 color: var(--hsElevate--card--variant2__textColor); 1898} 1899 1900.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1901 color: var(--hsElevate--card--variant2--link__fontColor); 1902 -webkit-text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1903 text-decoration: var(--hsElevate--card--variant2--link__textDecoration); 1904 text-decoration-color: var(--hsElevate--card--variant2--link__textDecorationColor); 1905} 1906 1907.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1908.hs-elevate-card--variant-2 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1909 color: var(--hsElevate--card--variant2--link__hover--fontColor); 1910 -webkit-text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1911 text-decoration: var(--hsElevate--card--variant2--link__hover--textDecoration); 1912 text-decoration-color: var(--hsElevate--card--variant2--link__hover--textDecorationColor); 1913} 1914 1915.hs-elevate-card--variant-3 { 1916 border-color: var(--hsElevate--card--variant3__borderColor); 1917 border-radius: var(--hsElevate--card--variant3__borderRadius); 1918 border-style: solid; 1919 border-width: var(--hsElevate--card--variant3__borderThickness); 1920 background-color: var(--hsElevate--card--variant3__backgroundColor); 1921 color: var(--hsElevate--card--variant3__textColor); 1922} 1923 1924.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1925 color: var(--hsElevate--card--variant3--link__fontColor); 1926 -webkit-text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1927 text-decoration: var(--hsElevate--card--variant3--link__textDecoration); 1928 text-decoration-color: var(--hsElevate--card--variant3--link__textDecorationColor); 1929} 1930 1931.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1932.hs-elevate-card--variant-3 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1933 color: var(--hsElevate--card--variant3--link__hover--fontColor); 1934 -webkit-text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1935 text-decoration: var(--hsElevate--card--variant3--link__hover--textDecoration); 1936 text-decoration-color: var(--hsElevate--card--variant3--link__hover--textDecorationColor); 1937} 1938 1939.hs-elevate-card--variant-4 { 1940 border-color: var(--hsElevate--card--variant4__borderColor); 1941 border-radius: var(--hsElevate--card--variant4__borderRadius); 1942 border-style: solid; 1943 border-width: var(--hsElevate--card--variant4__borderThickness); 1944 background-color: var(--hsElevate--card--variant4__backgroundColor); 1945 color: var(--hsElevate--card--variant4__textColor); 1946} 1947 1948.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link) { 1949 color: var(--hsElevate--card--variant4--link__fontColor); 1950 -webkit-text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1951 text-decoration: var(--hsElevate--card--variant4--link__textDecoration); 1952 text-decoration-color: var(--hsElevate--card--variant4--link__textDecorationColor); 1953} 1954 1955.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):hover, 1956.hs-elevate-card--variant-4 a:not(.hs-elevate-button, .hs-elevate-blog-listing__pagination-link, .hs-elevate-card--blog__link):focus { 1957 color: var(--hsElevate--card--variant4--link__hover--fontColor); 1958 -webkit-text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1959 text-decoration: var(--hsElevate--card--variant4--link__hover--textDecoration); 1960 text-decoration-color: var(--hsElevate--card--variant4--link__hover--textDecorationColor); 1961} 1962.cs-feature { 1963 overflow: hidden; 1964} 1965 1966.cs-feature .hs-elevate-details__label { 1967 font-weight: 600; 1968} 1969 1970.cs-feature .cs-feature__link:hover { 1971 opacity: 0.8; 1972} 1973 1974.cs-feature .cs-feature__link .cs-feature__chevron-path { 1975 fill: currentcolor; 1976} 1977 1978.cs-feature .cs-feature__link:hover .cs-feature__chevron-path { 1979 opacity: 0.8; 1980} 1981/* Form */ 1982 1983.hs-form, 1984.hs-elevate-system-form form, 1985.hs-elevate-system-form--subscription-preferences form .email-prefs { 1986 padding: var(--hsElevate--form__padding); 1987 border-color: var(--hsElevate--form__borderColor); 1988 border-radius: var(--hsElevate--form__borderRadius); 1989 border-style: solid; 1990 border-width: var(--hsElevate--form__borderThickness); 1991 background: var(--hsElevate--form__backgroundColor); 1992} 1993 1994/* Form labels */ 1995 1996:is(.hs-form, .hs-elevate-system-form) label, 1997.hs-elevate-system-form--subscription-preferences .fakelabel { 1998 display: block; 1999 color: var(--hsElevate--formLabel__textColor); 2000 font-family: var(--hsElevate--formLabel__font); 2001 font-size: var(--hsElevate--formLabel__fontSize); 2002 font-weight: var(--hsElevate--formLabel__fontWeight); 2003 margin-block-end: var(--hsElevate--formLabel__marginBottom); 2004} 2005 2006/* Form fields */ 2007 2008.hs-form .hs-form-field { 2009 margin-block-end: var(--hsElevate--formField__marginBottom); 2010} 2011 2012:is(.hs-form, .hs-elevate-system-form) input[type='text'], 2013:is(.hs-form, .hs-elevate-system-form) input[type='email'], 2014:is(.hs-form, .hs-elevate-system-form) input[type='password'], 2015:is(.hs-form, .hs-elevate-system-form) input[type='tel'], 2016:is(.hs-form, .hs-elevate-system-form) input[type='number'], 2017:is(.hs-form, .hs-elevate-system-form) input[type='search'], 2018:is(.hs-form, .hs-elevate-system-form) select, 2019:is(.hs-form, .hs-elevate-system-form) textarea { 2020 width: 100% !important; 2021 border-radius: var(--hsElevate--formField__borderRadius); 2022 border-top: var(--hsElevate--formField__borderTop); 2023 border-right: var(--hsElevate--formField__borderRight); 2024 border-bottom: var(--hsElevate--formField__borderBottom); 2025 border-left: var(--hsElevate--formField__borderLeft); 2026 background-color: var(--hsElevate--formField__backgroundColor); 2027 color: var(--hsElevate--formFieldInput__textColor); 2028 padding-block: var(--hsElevate--spacing--20); 2029 padding-inline: var(--hsElevate--spacing--32); 2030} 2031 2032.hs-input.hs-fieldtype-intl-phone { 2033 display: flex; 2034 width: 100% !important; 2035 flex-direction: row; 2036 flex-wrap: wrap; 2037 align-items: center; 2038 justify-content: flex-start; 2039 gap: 8px; /* matches column margins from form injection */ 2040} 2041 2042.hs-input.hs-fieldtype-intl-phone > input { 2043 flex: 1 0 calc(70% - 8px) !important; 2044} 2045 2046.hs-input.hs-fieldtype-intl-phone > select { 2047 flex: 1 0 30% !important; 2048} 2049 2050@media (max-width: 600px) { 2051 .hs-input.hs-fieldtype-intl-phone { 2052 display: flex; 2053 width: 100%; 2054 flex-direction: column; 2055 gap: 8px; 2056 } 2057 2058 .hs-input.hs-fieldtype-intl-phone > select, 2059 .hs-input.hs-fieldtype-intl-phone > input { 2060 min-width: 100%; 2061 flex: 1 1 100%; 2062 } 2063 2064 .hs-input.hs-fieldtype-intl-phone > select { 2065 padding-inline: var(--hsElevate--spacing--16); 2066 } 2067} 2068 2069.hs-form-field.hs-fieldtype-file .hs-input, 2070.hs-form fieldset { 2071 max-width: 100% !important; 2072} 2073 2074/* Form fields - textarea */ 2075 2076.hs-form textarea { 2077 position: relative; 2078 height: 160px; 2079 border-radius: var(--hsElevate--formFieldTextArea__borderRadius); 2080} 2081 2082.hs-form textarea::-webkit-resizer { 2083 display: none; 2084} 2085 2086.hs-form .hs_multi_line_field .input { 2087 position: relative; 2088} 2089 2090.hs-form .hs_multi_line_field .input:after { 2091 position: absolute; 2092 right: var(--hsElevate--spacing--8); 2093 bottom: var(--hsElevate--spacing--8); 2094 content: var(--hsElevate--formField__dragIcon); 2095 pointer-events: none; 2096} 2097 2098/* Form fields - select */ 2099 2100.hs-form .hs-fieldtype-select .input { 2101 position: relative; 2102} 2103 2104.hs-form select { 2105 -webkit-appearance: none; 2106 -moz-appearance: none; 2107 appearance: none; 2108} 2109 2110.hs-form .hs-fieldtype-select .input:after { 2111 position: absolute; 2112 top: 50%; 2113 right: var(--hsElevate--spacing--32); 2114 content: var(--hsElevate--formField__selectIcon); 2115 pointer-events: none; 2116 transform: translateY(-50%); 2117} 2118 2119/* Form fields - datepicker */ 2120 2121.hs-form .hs-dateinput { 2122 position: relative; 2123} 2124
2125.hs-form .hs-dateinput:before { 2126 position: absolute; 2127 top: 50%; 2128 right: var(--hsElevate--spacing--32); 2129 content: var(--hsElevate--formField__datepickerIcon); 2130 pointer-events: none; 2131 transform: translateY(-50%); 2132} 2133 2134/* Form fields - placeholders */ 2135 2136::-moz-placeholder { 2137 color: var(--hsElevate--formFieldPlaceholder__textColor); 2138} 2139 2140::placeholder { 2141 color: var(--hsElevate--formFieldPlaceholder__textColor); 2142} 2143 2144/* Form fields - checkbox/radio */ 2145 2146.hs-form .inputs-list { 2147 padding: 0; 2148 margin: 0; 2149 list-style: none; 2150} 2151 2152.hs-form .inputs-list li { 2153 display: block; 2154 margin-block-end: var(--hsElevate--spacing--16); 2155} 2156 2157.hs-form .inputs-list li:last-of-type { 2158 margin-block-end: 0; 2159} 2160 2161.hs-form .inputs-list :is(input, span) { 2162 vertical-align: middle; 2163} 2164 2165:is(.hs-form, .hs-elevate-system-form) input[type='checkbox'], 2166:is(.hs-form, .hs-elevate-system-form) input[type='radio'] { 2167 height: var(--hsElevate--formFieldCheckboxRadio__size); 2168 width: var(--hsElevate--formFieldCheckboxRadio__size) !important; 2169 accent-color: var(--hsElevate--formFieldCheckboxRadio__fillColor); 2170 cursor: pointer; 2171 margin-inline-end: var(--hsElevate--spacing--12); 2172} 2173 2174/* Form help text */ 2175 2176.hs-form legend { 2177 /* To do: figure out where we should pull this from */ 2178 color: var(--hsElevate--formHelpText__textColor); 2179 margin-block-end: var(--hsElevate--spacing--8); 2180} 2181 2182/* Form rich text */ 2183 2184.hs-form .hs-richtext { 2185 color: var(--hsElevate--formLabel__textColor); 2186} 2187 2188.hs-form .hs-richtext img { 2189 height: auto; 2190 max-width: 100% !important; 2191} 2192 2193/* Form error messages */ 2194 2195.hs-form .hs-input.error { 2196 border-color: var(--hsElevate--formRequired__color); 2197} 2198 2199.hs-form .hs-error-msg, 2200.hs-form .hs-error-msgs { 2201 color: var(--hsElevate--formRequired__color); 2202 margin-block-start: var(--hsElevate--spacing--4); 2203} 2204 2205/* Form button */ 2206 2207:is(.hs-form, .hs-elevate-system-form) .hs-button, 2208:is(.hs-form, .hs-elevate-system-form) input[type='submit'] { 2209 display: inline-block; 2210 width: 100%; 2211 border-color: var(--hsElevate--button--primary__borderColor); 2212 border-radius: var(--hsElevate--button--primary__borderRadius); 2213 border-style: solid; 2214 border-width: var(--hsElevate--button--primary__borderThickness); 2215 background-color: var(--hsElevate--button--primary__backgroundColor); 2216 color: var(--hsElevate--button--primary__textColor); 2217 cursor: pointer; 2218 font-family: var(--hsElevate--button--primary__font); 2219 font-size: var(--hsElevate--button--primary__fontSize); 2220 font-style: var(--hsElevate--button--primary__fontStyle); 2221 font-weight: var(--hsElevate--button--primary__fontWeight); 2222 padding-block: var(--hsElevate--spacing--20); 2223 padding-inline: var(--hsElevate--spacing--24); 2224 text-align: center; 2225 text-decoration: none; 2226 transition: all 0.15s linear; 2227 white-space: normal !important; 2228} 2229 2230:is(.hs-form, .hs-elevate-system-form) .hs-button:hover, 2231:is(.hs-form, .hs-elevate-system-form) .hs-button:focus, 2232:is(.hs-form, .hs-elevate-system-form) input[type='submit']:hover, 2233:is(.hs-form, .hs-elevate-system-form) input[type='submit']:focus { 2234 border-color: var(--hsElevate--button--primary__hover--borderColor); 2235 border-width: var(--hsElevate--button--primary__hover--borderThickness); 2236 background-color: var(--hsElevate--button--primary__hover--backgroundColor); 2237 color: var(--hsElevate--button--primary__hover--textColor); 2238 text-decoration: none; 2239} 2240 2241/* Captcha */ 2242 2243.grecaptcha-badge { 2244 margin-block: 0; 2245 margin-inline: auto; 2246} 2247 2248/* Components */ 2249 2250/* Navigation skipper */ 2251 2252.hs-elevate-header__skip { 2253 position: absolute; 2254 top: -1000px; 2255 left: -1000px; 2256 overflow: hidden; 2257 height: 1px; 2258 width: 1px; 2259 text-align: left; 2260} 2261 2262.hs-elevate-header__skip:hover, 2263.hs-elevate-header__skip:focus, 2264.hs-elevate-header__skip:active { 2265 z-index: 2; 2266 top: 0; 2267 left: 0; 2268 overflow: visible; 2269 height: auto; 2270 width: auto; 2271} 2272/* 2273 TODO: Move this code to the MenuComponent styled-component code -- keeping it here to prevent conflicts with open Menu PRs 2274 TODO: Remove this file and its references from main.hubl.css 2275*/ 2276 2277@media (max-width: 767px) { 2278 .hs-elevate-footer .hs-elevate-menu { 2279 display: flex; 2280 flex-direction: column; 2281 align-items: center; 2282 } 2283} 2284/* 2285 Spacing variables are: 2286 --hsElevate--menuItem__padding 2287 --hsElevate--menuItem__margin 2288 --hsElevate--menu--topLevel__gap 2289 --hsElevate--flyoutSubMenu__top 2290 --hsElevate--flyoutSubMenu__left 2291 --hsElevate--flyoutSubMenu__right 2292 --hsElevate--flyoutSubMenu__bottom 2293 --hsElevate--firstFlyoutMenu__top 2294 --hsElevate--firstFlyoutMenu__left 2295 --hsElevate--firstFlyoutMenu__right 2296 --hsElevate--firstFlyoutMenu__bottom 2297 */ 2298 2299.hs-elevate-menu { 2300 display: flex; 2301} 2302 2303.hs-elevate-menu, 2304.hs-elevate-menu ul { 2305 list-style: none; 2306} 2307 2308.hs-elevate-menu li { 2309 position: relative; 2310} 2311 2312.hs-elevate-menu--horizontal { 2313 flex-direction: row; 2314 flex-wrap: wrap; 2315} 2316 2317.hs-elevate-menu--vertical { 2318 flex-direction: column; 2319} 2320 2321.hs-elevate-menu {
2322 gap: var(--hsElevate--menu--topLevel__gap, 0); 2323} 2324 2325.hs-elevate-menu--desktop { 2326 margin: 0; 2327} 2328 2329.hs-elevate-menu__flyout-submenu { 2330 min-width: -moz-max-content; 2331 min-width: max-content; 2332 max-width: 250px; 2333 white-space: nowrap; 2334 overflow-wrap: break-word; 2335 padding: 20px; 2336 border: 1px solid #f7f7f7; 2337 border-radius: 8px; 2338 background-color: white; 2339} 2340.logo-company-name { 2341 margin-block: 0; 2342} 2343 2344/* Offsets margin on ul element inside default image grid */ 2345.hs-image__grid__list { 2346 margin-block: 0; 2347} 2348 2349/* Logo responsive styling */ 2350.widget-type-logo img { 2351 height: auto; 2352 max-width: 100%; 2353} 2354 2355/* Preset-specific styles */ 2356/* Onyx preset specific styles */ 2357 2358 2359</style> 2360 2361<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2362 2363<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-DE4UNwVr.css"> 2364 2365<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2366 2367<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2368 2369<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-DE4UNwVr.css"> 2370 2371<link rel="preload" as="style" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2372 2373<style> 2374 @font-face { 2375 font-family: "Roboto"; 2376 font-weight: 400; 2377 font-style: normal; 2378 font-display: swap; 2379 src: url("/_hcms/googlefonts/Roboto/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/regular.woff") format("woff"); 2380 } 2381 @font-face { 2382 font-family: "Roboto"; 2383 font-weight: 500; 2384 font-style: normal; 2385 font-display: swap; 2386 src: url("/_hcms/googlefonts/Roboto/500.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/500.woff") format("woff"); 2387 } 2388 @font-face { 2389 font-family: "Roboto"; 2390 font-weight: 600; 2391 font-style: normal; 2392 font-display: swap; 2393 src: url("/_hcms/googlefonts/Roboto/600.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/600.woff") format("woff"); 2394 } 2395 @font-face { 2396 font-family: "Roboto"; 2397 font-weight: 700; 2398 font-style: normal; 2399 font-display: swap; 2400 src: url("/_hcms/googlefonts/Roboto/700.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/700.woff") format("woff"); 2401 } 2402 @font-face { 2403 font-family: "Roboto"; 2404 font-weight: 800; 2405 font-style: normal; 2406 font-display: swap; 2407 src: url("/_hcms/googlefonts/Roboto/800.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/800.woff") format("woff"); 2408 } 2409 @font-face { 2410 font-family: "Roboto"; 2411 font-weight: 600; 2412 font-style: italic; 2413 font-display: swap; 2414 src: url("/_hcms/googlefonts/Roboto/600italic.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/600italic.woff") format("woff"); 2415 } 2416 @font-face { 2417 font-family: "Roboto"; 2418 font-weight: 400; 2419 font-style: italic; 2420 font-display: swap; 2421 src: url("/_hcms/googlefonts/Roboto/italic.woff2") format("woff2"), url("/_hcms/googlefonts/Roboto/italic.woff") format("woff"); 2422 } 2423 @font-face { 2424 font-family: "Inter"; 2425 font-weight: 400; 2426 font-style: normal; 2427 font-display: swap; 2428 src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); 2429 } 2430 @font-face { 2431 font-family: "Inter"; 2432 font-weight: 500; 2433 font-style: normal; 2434 font-display: swap; 2435 src: url("/_hcms/googlefonts/Inter/500.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/500.woff") format("woff"); 2436 } 2437 @font-face { 2438 font-family: "Inter"; 2439 font-weight: 600; 2440 font-style: normal; 2441 font-display: swap; 2442 src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); 2443 } 2444 @font-face { 2445 font-family: "Inter"; 2446 font-weight: 800; 2447 font-style: normal; 2448 font-display: swap; 2449 src: url("/_hcms/googlefonts/Inter/800.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/800.woff") format("woff"); 2450 } 2451 @font-face { 2452 font-family: "Inter"; 2453 font-weight: 600; 2454 font-style: italic; 2455 font-display: swap; 2456 src: url("/_hcms/googlefonts/Inter/600italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600italic.woff") format("woff"); 2457 } 2458 @font-face { 2459 font-family: "Inter"; 2460 font-weight: 700; 2461 font-style: normal; 2462 font-display: swap; 2463 src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); 2464 } 2465 @font-face { 2466 font-family: "Inter"; 2467 font-weight: 400; 2468 font-style: italic; 2469 font-display: swap; 2470 src: url("/_hcms/googlefonts/Inter/italic.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/italic.woff") format("woff"); 2471 } 2472</style> 2473 2474<!-- Editor Styles --> 2475<style id="hs_editor_style" type="text/css"> 2476#hs_cos_wrapper_module_17652088079666 .hs-submit { text-align: LEFT !important } 2477#hs_cos_wrapper_module_17652088079666 .hs-submit { text-align: LEFT !important } 2478.header-module-1-flexbox-positioning { 2479 display: -ms-flexbox !important; 2480 -ms-flex-direction: column !important; 2481 -ms-flex-align: center !important; 2482 -ms-flex-pack: start; 2483 display: flex !important; 2484 flex-direction: column !important; 2485 align-items: center !important; 2486 justify-content: flex-start; 2487} 2488.header-module-1-flexbox-positioning > div { 2489 max-width: 100%; 2490 flex-shrink: 0 !important; 2491} 2492.dnd_area-row-0-max-width-section-centering > .row-fluid { 2493 max-width: 1296px !important; 2494 margin-left: auto !important; 2495 margin-right: auto !important; 2496} 2497.module_176190470008211-flexbox-positioning { 2498 display: -ms-flexbox !important; 2499 -ms-flex-direction: column !important; 2500 -ms-flex-align: start !important; 2501 -ms-flex-pack: start; 2502 display: flex !important; 2503 flex-direction: column !important; 2504 align-items: flex-start !important; 2505 justify-content: flex-start; 2506} 2507.module_176190470008211-flexbox-positioning > div { 2508 max-width: 100%; 2509 flex-shrink: 0 !important; 2510} 2511.footer-module-2-flexbox-positioning { 2512 display: -ms-flexbox !important; 2513 -ms-flex-direction: column !important; 2514 -ms-flex-align: center !important; 2515 -ms-flex-pack: start; 2516 display: flex !important; 2517 flex-direction: column !important; 2518 align-items: center !important; 2519 justify-content: flex-start; 2520} 2521.footer-module-2-flexbox-positioning > div { 2522 max-width: 100%; 2523 flex-shrink: 0 !important; 2524} 2525/* HubSpot Non-stacked Media Query Styles */ 2526@media (min-width:768px) { 2527 .dnd_area-row-0-vertical-alignment > .row-fluid { 2528 display: -ms-flexbox !important; 2529 -ms-flex-direction: row; 2530 display: flex !important; 2531 flex-direction: row; 2532 } 2533 .cell_1765266972757-vertical-alignment { 2534 display: -ms-flexbox !important; 2535 -ms-flex-direction: column !important; 2536 -ms-flex-pack: start !important; 2537 display: flex !important; 2538 flex-direction: column !important; 2539 justify-content: flex-start !important; 2540 } 2541 .cell_1765266972757-vertical-alignment > div { 2542 flex-shrink: 0 !important; 2543 } 2544 .cell_17652088079662-vertical-alignment { 2545 display: -ms-flexbox !important; 2546 -ms-flex-direction: column !important; 2547 -ms-flex-pack: start !important; 2548 display: flex !important; 2549 flex-direction: column !important; 2550 justify-content: flex-start !important; 2551 } 2552 .cell_17652088079662-vertical-alignment > div { 2553 flex-shrink: 0 !important; 2554 } 2555 .cell_17619047000813-row-1-vertical-alignment > .row-fluid { 2556 display: -ms-flexbox !important; 2557 -ms-flex-direction: row; 2558 display: flex !important; 2559 flex-direction: row; 2560 } 2561 .cell_17619047000815-vertical-alignment { 2562 display: -ms-flexbox !important; 2563 -ms-flex-direction: column !important; 2564 -ms-flex-pack: center !important; 2565 display: flex !important; 2566 flex-direction: column !important; 2567 justify-content: center !important; 2568 } 2569 .cell_17619047000815-vertical-alignment > div { 2570 flex-shrink: 0 !important; 2571 } 2572} 2573/* HubSpot Styles (default) */ 2574.header-row-0-padding { 2575 padding-top: 24px !important; 2576 padding-bottom: 24px !important; 2577} 2578.dnd_area-row-0-padding { 2579 padding-top: 50px !important; 2580 padding-bottom: 50px !important; 2581 padding-left: 10px !important; 2582 padding-right: 10px !important; 2583} 2584.dnd_area-row-1-padding { 2585 padding-top: 50px !important; 2586 padding-bottom: 50px !important; 2587 padding-left: 20px !important; 2588 padding-right: 20px !important; 2589} 2590.footer-row-0-padding { 2591 padding-top: 64px !important; 2592 padding-bottom: 64px !important; 2593} 2594.footer-row-0-background-layers { 2595 background-image: linear-gradient(rgba(56, 56, 56, 1), rgba(56, 56, 56, 1)) !important; 2596 background-position: left top !important; 2597 background-size: auto !important; 2598 background-repeat: no-repeat !important; 2599} 2600.footer-column-1-row-0-margin { 2601 margin-bottom: 16px !important; 2602} 2603/* HubSpot Styles (mobile) */ 2604@media (max-width: 767px) { 2605 .header-row-0-padding { 2606 padding-top: 10px !important; 2607 padding-bottom: 10px !important; 2608 padding-left: 20px !important; 2609 padding-right: 20px !important; 2610 } 2611 .header-module-1-padding > #hs_cos_wrapper_header-module-1 { 2612 padding-top: 0px !important; 2613 padding-bottom: 0px !important; 2614 padding-left: 0px !important; 2615 padding-right: 0px !important; 2616 } 2617 .dnd_area-row-0-padding { 2618 padding-top: 20px !important; 2619 padding-bottom: 20px !important; 2620 } 2621 .module_176190470008211-hidden { 2622 display: none !important; 2623 } 2624 .cell_17619047000815-padding { 2625 padding-bottom: 32px !important; 2626 } 2627} 2628</style> 2629 2630 2631 2632<!-- Added by GoogleTagManager integration -->
2633<script data-cookieconsent="ignore"> 2634var _hsp = window._hsp = window._hsp || []; 2635window.dataLayer = window.dataLayer || []; 2636function gtag(){dataLayer.push(arguments);} 2637 2638var useGoogleConsentModeV2 = true; 2639var waitForUpdateMillis = 1000; 2640 2641if (useGoogleConsentModeV2) { 2642 2643 gtag('set','developer_id.dZTQ1Zm',true); 2644 2645 gtag('consent', 'default', { 2646 'ad_storage': 'denied', 2647 'analytics_storage': 'denied', 2648 'ad_user_data': 'denied', 2649 'ad_personalization': 'denied', 2650 'wait_for_update': waitForUpdateMillis 2651 }); 2652} 2653 2654var hsLoadGtm = function loadGtm() { 2655 if(window._hsGtmLoadOnce) { 2656 return; 2657 } 2658 2659 if (useGoogleConsentModeV2) { 2660 _hsp.push(['useGoogleConsentModeV2']) 2661 }
vendor: 349 bytes, lines 2661-2667
2661 2662 2663 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2664 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2665 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2666 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2667 })(window,document,'script','dataLayer','
2667GTM-5BVJKP8T
vendor: 9 bytes, lines 2667-2669
2667'); 2668 2669
2669window._hsGtmLoadOnce = true; 2670}; 2671 2672_hsp.push(['addPrivacyConsentListener', function(consent){ 2673 if(consent.allowed || (consent.categories && consent.categories.analytics)){ 2674 hsLoadGtm(); 2675 } 2676}]); 2677 2678</script>
2678 2679 2680<!-- /Added by GoogleTagManager integration --> 2681 2682 <link rel="canonical" href="https://content.addhucate.com/anfrage"> 2683 2684 2685<meta property="og:url" content="https://content.addhucate.com/anfrage"> 2686<meta name="twitter:card" content="summary"> 2687<meta http-equiv="content-language" content="de"> 2688 2689 2690 2691 2692 2693 2694 <meta name="generator" content="HubSpot"></head> 2695 2696 <body class="body-wrapper hs-content-id-293939335408 hs-landing-page hs-page theme-overrides"> 2697<!-- Added by GoogleTagManager integration -->
vendor: 68 bytes, lines 2697-2698
2697 2698<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2698GTM-5BVJKP8T
vendor: 84 bytes, lines 2698-2699
2698" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2699
2700<!-- /Added by GoogleTagManager integration --> 2701 2702 2703 2704 <div data-global-resource-path="@hubspot/elevate/templates/partials/lp-header.hubl.html"> 2705 2706 2707 2708 2709 2710 2711<header class="hs-elevate-header"> 2712 <div class="container-fluid"> 2713<div class="row-fluid-wrapper"> 2714<div class="row-fluid"> 2715<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2716 2717<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding"> 2718<div class="row-fluid "> 2719<div class="span4 widget-span widget-type-custom_widget header-module-1-padding header-module-1-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="4"> 2720<div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 <span id="hs_cos_wrapper_header-module-1_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://addhucate.com/" target="_blank" id="hs-link-header-module-1_hs_logo_widget" rel="noopener" style="border-width:0px;border:0px;"><img src="https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=300&height=106&name=addhucate.png" class="hs-image-widget " height="106" style="height: auto;width:300px;border-width:0px;border:0px;" width="300" alt="addhucate" title="addhucate" srcset="https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=150&height=53&name=addhucate.png 150w, https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=300&height=106&name=addhucate.png 300w, https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=450&height=159&name=addhucate.png 450w, https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=600&height=212&name=addhucate.png 600w, https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=750&height=265&name=addhucate.png 750w, https://content.addhucate.com/hs-fs/hubfs/addhucate.png?width=900&height=318&name=addhucate.png 900w" sizes="(max-width: 300px) 100vw, 300px"></a></span> 2746</div> 2747 2748</div><!--end widget-span --> 2749</div><!--end row--> 2750</div><!--end row-wrapper --> 2751 2752</div><!--end widget-span --> 2753</div> 2754</div> 2755</div> 2756</header></div> 2757 2758 2759 2760 <main id="main-content"> 2761 2762 <div class="container-fluid"> 2763<div class="row-fluid-wrapper"> 2764<div class="row-fluid"> 2765<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2766 2767<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-max-width-section-centering dnd_area-row-0-vertical-alignment dnd-section dnd_area-row-0-padding"> 2768<div class="row-fluid "> 2769<div class="span6 widget-span widget-type-cell cell_17652088079662-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> 2770 2771<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> 2772<div class="row-fluid "> 2773<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2774 2775<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> 2776<div class="row-fluid "> 2777<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2778<div id="hs_cos_wrapper_widget_1765209442552" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2779<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.widget_1765209442552.richTextContentHTML"><div style="color: #ff0c6b;">KONTAKTFORMULAR</div> 2780<h2>Euer Weg zum Modern Workplace</h2></div> 2781
2781<script type="text/javascript"> 2782 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2783 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2784 window.__hsBasePath = "\u002Fanfrage"; 2785 </script>
2785 2786 </div> 2787 2788</div><!--end widget-span --> 2789</div><!--end row--> 2790</div><!--end row-wrapper --> 2791 2792</div><!--end widget-span --> 2793</div><!--end row--> 2794</div><!--end row-wrapper --> 2795 2796<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 2797<div class="row-fluid "> 2798<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2799<div id="hs_cos_wrapper_widget_1765268124789" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-DE4UNwVr.css"> 2800<ul class="hs-elevate-list-container _hs-elevate-list-container_18o3t_1" style="--hsElevate--list__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--list__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--list__sectionBackgroundColor:var(--hsElevate--section--lightSection--1__backgroundColor)"><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.widget_1765268124789.groupListItems[0].groupListContent.listItemContent">Transparente Einschätzung der aktuellen Microsoft-365-Situation.</span></li><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.widget_1765268124789.groupListItems[1].groupListContent.listItemContent">Klarer Ãberblick über sinnvolle nächste Schritte im Modern Workplace.</span></li><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.widget_1765268124789.groupListItems[2].groupListContent.listItemContent">Fundierte Empfehlung auf Basis realer Projekterfahrung.</span></li></ul> 2801
2801<script type="text/javascript"> 2802 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2803 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2804 window.__hsBasePath = "\u002Fanfrage"; 2805 </script>
2805 2806 </div> 2807 2808</div><!--end widget-span --> 2809</div><!--end row--> 2810</div><!--end row-wrapper --> 2811 2812<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> 2813<div class="row-fluid "> 2814<div class="span12 widget-span widget-type-custom_widget module_176190470008211-hidden module_176190470008211-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2815<div id="hs_cos_wrapper_module_176190470008211" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827<span id="hs_cos_wrapper_module_176190470008211_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=500&height=500&name=Alex%20Erstgespr%C3%A4ch.png" class="hs-image-widget " width="500" height="500" style="max-width: 100%; height: auto;" alt="Alex Erstgespräch" title="Alex Erstgespräch" loading="eager" srcset="https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=250&height=250&name=Alex%20Erstgespr%C3%A4ch.png 250w, https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=500&height=500&name=Alex%20Erstgespr%C3%A4ch.png 500w, https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=750&height=750&name=Alex%20Erstgespr%C3%A4ch.png 750w, https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=1000&height=1000&name=Alex%20Erstgespr%C3%A4ch.png 1000w, https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=1250&height=1250&name=Alex%20Erstgespr%C3%A4ch.png 1250w, https://content.addhucate.com/hs-fs/hubfs/Alex%20Erstgespr%C3%A4ch.png?width=1500&height=1500&name=Alex%20Erstgespr%C3%A4ch.png 1500w" sizes="(max-width: 500px) 100v
2827w, 500px"></span></div> 2828 2829</div><!--end widget-span --> 2830</div><!--end row--> 2831</div><!--end row-wrapper --> 2832 2833</div><!--end widget-span --> 2834<div class="span6 widget-span widget-type-cell cell_1765266972757-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> 2835 2836<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> 2837<div class="row-fluid "> 2838<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2839<div id="hs_cos_wrapper_module_17652088079666" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2840 2841 2842 2843 2844 2845 2846 <span id="hs_cos_wrapper_module_17652088079666_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"> 2847<div id="hs_form_target_module_17652088079666" class="hs-form-html" data-form-id="06f0fe98-bd5b-413f-9634-5d89c2adfd1a" data-portal-id="24914179" data-region="eu1"></div> 2848 2849 2850 2851 2852</span> 2853</div> 2854 2855</div><!--end widget-span --> 2856</div><!--end row--> 2857</div><!--end row-wrapper --> 2858 2859</div><!--end widget-span --> 2860</div><!--end row--> 2861</div><!--end row-wrapper --> 2862 2863<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd_area-row-1-padding dnd-section"> 2864<div class="row-fluid "> 2865<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2866 2867<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> 2868<div class="row-fluid "> 2869<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2870<div id="hs_cos_wrapper_module_17652689810703" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2871<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.module_17652689810703.richTextContentHTML"><div style="color: #ff0c6b;">DER NÃCHSTE SCHRITT AUF EUREM WEG</div> 2872<h2>Ein kurzes Gespräch für Orientierung und Klarheit</h2></div> 2873
2873<script type="text/javascript"> 2874 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2875 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2876 window.__hsBasePath = "\u002Fanfrage"; 2877 </script>
2877 2878 </div> 2879 2880</div><!--end widget-span --> 2881</div><!--end row--> 2882</div><!--end row-wrapper --> 2883 2884<div class="row-fluid-wrapper row-depth-1 row-number-9 cell_17619047000813-row-1-vertical-alignment dnd-row"> 2885<div class="row-fluid "> 2886<div class="span12 widget-span widget-type-cell cell_17619047000815-vertical-alignment cell_17619047000815-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2887 2888<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> 2889<div class="row-fluid "> 2890<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2891<div id="hs_cos_wrapper_module_17619047000828" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2892<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--lightSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--lightSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--lightSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--lightSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--lightSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--lightSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--lightSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--lightSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--lightSection--1--blockquote__accentColor)" data-hs-token="module.module_17619047000828.richTextContentHTML"><p>Nach eurer Anfrage tauschen wir uns in einem kurzen 15-Minuten-Call aus. Wir sprechen über eure aktuelle Lage, mögliche Ansätze und unser Vorgehen.</p> 2893<p><strong>Worum es in diesem Austausch geht:</strong></p></div> 2894
2894<script type="text/javascript"> 2895 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2896 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2897 window.__hsBasePath = "\u002Fanfrage"; 2898 </script>
2898 2899 </div> 2900 2901</div><!--end widget-span --> 2902</div><!--end row--> 2903</div><!--end row-wrapper --> 2904 2905<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> 2906<div class="row-fluid "> 2907<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2908<div id="hs_cos_wrapper_module_1765269307265" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-DE4UNwVr.css"> 2909<ul class="hs-elevate-list-container _hs-elevate-list-container_18o3t_1" style="--hsElevate--list__textColor:var(--hsElevate--section--lightSection--1__textColor);--hsElevate--list__accentColor:var(--hsElevate--section--lightSection--1__accentColor);--hsElevate--list__sectionBackgroundColor:var(--hsElevate--section--lightSection--1__backgroundColor)"><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.module_1765269307265.groupListItems[0].groupListContent.listItemContent">aktuelle Herausforderungen oder Fragen</span></li><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.module_1765269307265.groupListItems[1].groupListContent.listItemContent">erste Impulse zu sinnvollen nächsten Schritten</span></li><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.module_1765269307265.groupListItems[2].groupListContent.listItemContent">Transparenz über unsere Arbeitsweise</span></li><li class="hs-elevate-list-container__item _hs-elevate-list-container__item_18o3t_9"><span class="hs-elevate-list-container__icon-container _hs-elevate-list-container__icon-container_18o3t_21"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true" class="hs-elevate-list-container__icon _hs-elevate-list-container__icon_18o3t_21"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"></path></svg></span><span data-hs-token="module.module_1765269307265.groupListItems[3].groupListContent.listItemContent">gemeinsames Gefühl, ob die Zusammenarbeit passt</span></li></ul> 2910
2910<script type="text/javascript"> 2911 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2912 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2913 window.__hsBasePath = "\u002Fanfrage"; 2914 </script>
2914 2915 </div> 2916 2917</div><!--end widget-span --> 2918</div><!--end row--> 2919</div><!--end row-wrapper --> 2920 2921</div><!--end widget-span --> 2922</div><!--end row--> 2923</div><!--end row-wrapper --> 2924 2925</div><!--end widget-span --> 2926</div><!--end row--> 2927</div><!--end row-wrapper --> 2928 2929</div><!--end widget-span --> 2930</div> 2931</div> 2932</div> 2933 2934 </main> 2935 2936 2937 <div data-global-resource-path="@hubspot/elevate/templates/partials/lp-footer.hubl.html"> 2938 2939 2940 2941 2942 2943 2944<footer class="hs-elevate-footer"> 2945 <div class="container-fluid"> 2946<div class="row-fluid-wrapper"> 2947<div class="row-fluid"> 2948<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 2949 2950<div class="row-fluid-wrapper row-depth-1 row-number-1 footer-row-0-background-color dnd-section footer-row-0-padding footer-row-0-background-layers"> 2951<div class="row-fluid "> 2952<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2953 2954<div class="row-fluid-wrapper row-depth-1 row-number-2 footer-column-1-row-0-margin dnd-row"> 2955<div class="row-fluid "> 2956<div class="span12 widget-span widget-type-custom_widget footer-module-2-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2957<div id="hs_cos_wrapper_footer-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 <span id="hs_cos_wrapper_footer-module-2_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://addhucate.com/" target="_blank" id="hs-link-footer-module-2_hs_logo_widget" rel="noopener" style="border-width:0px;border:0px;"><img src="https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=300&height=106&name=addhucate_Logo_RGB_wei%C3%9F.png" class="hs-image-widget " height="106" style="height: auto;width:300px;border-width:0px;border:0px;" width="300" alt="addhucate_Logo_weiÃ" title="addhucate_Logo_weiÃ" loading="lazy" srcset="https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=150&height=53&name=addhucate_Logo_RGB_wei%C3%9F.png 150w, https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=300&height=106&name=addhucate_Logo_RGB_wei%C3%9F.png 300w, https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=450&height=159&name=addhucate_Logo_RGB_wei%C3%9F.png 450w, https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=600&height=212&name=addhucate_Logo_RGB_wei%C3%9F.png 600w, https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=750&height=265&name=addhucate_Logo_RGB_wei%C3%9F.png 750w, https://content.addhucate.com/hs-fs/hubfs/addhucate/addhucate_Logo_RGB_wei%C3%9F.png?width=900&height=318&name=addhucate_Logo_RGB_wei%C3%9F.png 900w" sizes="(max-width: 300px) 100vw, 300px"></a></span> 2983</div> 2984 2985</div><!--end widget-span --> 2986</div><!--end row--> 2987</div><!--end row-wrapper --> 2988 2989<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> 2990<div class="row-fluid "> 2991<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2992<div id="hs_cos_wrapper_footer-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://145747460.fs1.hubspotusercontent-eu1.net/hubfs/145747460/raw_assets/cms-elevate-theme/master/2274/js_client_assets/assets/index-AJ-XpXDx.css"> 2993<div class="hs-elevate-rich-text _hs-elevate-rich-text_6uweg_1" style="--hsElevate--richText__textColor:var(--hsElevate--section--darkSection--1__textColor);--hsElevate--richText__accentColor:var(--hsElevate--section--darkSection--1__accentColor);--hsElevate--richText__linkColor:var(--hsElevate--section--darkSection--1--link__fontColor);--hsElevate--richText__textDecoration:var(--hsElevate--section--darkSection--1--link__textDecoration);--hsElevate--richText__textDecorationColor:var(--hsElevate--section--darkSection--1--link__textDecorationColor);--hsElevate--richText__linkHoverColor:var(--hsElevate--section--darkSection--1--link__hover--fontColor);--hsElevate--richText__linkHoverTextDecoration:var(--hsElevate--section--darkSection--1--link__hover--textDecoration);--hsElevate--richText__linkHoverTextDecorationColor:var(--hsElevate--section--darkSection--1--link__hover--textDecorationColor);--hsElevate--blockquote__textColor:var(--hsElevate--section--darkSection--1--blockquote__textColor);--hsElevate--blockquote__backgroundColor:var(--hsElevate--section--darkSection--1--blockquote__backgroundColor);--hsElevate--blockquote__accentColor:var(--hsElevate--section--darkSection--1--blockquote__accentColor)" data-hs-token="module.footer-module-3.richTextContentHTML"><div style="text-align: center;"> 2994<span>© 2025. All rights reserved.</span> 2995</div></div> 2996
2996<script type="text/javascript"> 2997 window.__hsEnvConfig = {"hsDeployed":true,"hsEnv":"prod","hsJSRGates":["CMS:JSRenderer:GetServerSideProps","CMS:JSRenderer:EnvAllowlistRenderTime","CMS:JSRenderer:EnvAllowlist","CMS:JSRenderer:StripNullBytes"],"hublet":"eu1","portalID":24914179}; 2998 window.__hsServerPageUrl = "https:\u002F\u002Fcontent.addhucate.com\u002Fanfrage"; 2999 window.__hsBasePath = "\u002Fanfrage"; 3000 </script>
3000 3001 </div> 3002 3003</div><!--end widget-span --> 3004</div><!--end row--> 3005</div><!--end row-wrapper --> 3006 3007</div><!--end widget-span --> 3008</div><!--end row--> 3009</div><!--end row-wrapper --> 3010 3011</div><!--end widget-span --> 3012</div> 3013</div> 3014</div> 3015</footer></div> 3016 3017 3018 3019 3020 3021 3022<!-- HubSpot performance collection script -->
3023<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3023
3023
3024<script> 3025var hsVars = hsVars || {}; hsVars['language'] = 'de'; 3026</script>
3026 3027
3028<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
3028 3029 3030
3030<script data-hs-allowed="true"> 3031 ((d=document,q='querySelectorAll',l='hs-form-html',m='script',b='/_hcms/forms/embed/v4/render-definition/ssr',u='https://js-eu1.hsforms.net/forms/embed/24914179.js') => { 3032 const a = (t,i) => t.replace(/{{hs_form_instance_id_placeholder}}/g,i); 3033 const i = (f,o) => {f.innerHTML=o;for(const s of f[q](m)){const n=d.createElement(m);for(const{name:e,value:t}of s.attributes)n.setAttribute(e,t);n.appendChild(d.createTextNode(s.innerHTML)),s.parentNode.replaceChild(n,s)}}; 3034 const j = (e,f) => {const fb=()=>{const n=f.cloneNode(true);n.classList.replace(l,'hs-form-frame');i(f,'<'+m+' src="'+u+'"></'+m+'>'+n.outerHTML);};try{if(e.status === 404){e.text().then((t)=>{if(!/Form not found/i.test(t))fb();}).catch(fb);return;}}catch(_){}fb();}; 3035 const r = (el,c=el.dataset) => {if(c.fetched)return;c.fetched=Date.now();fetch(`${b}/${c.portalId}/${c.formId}`).then((r) => {if(!r.ok)throw r;return r.text().then((t) => {i(el,a(t,el.id));c.loaded=Date.now();});}).catch((e) => j(e,el));}; 3036 d[q]('.'+l).forEach((el) => r(el)); 3037 })(); 3038 </script>
3038 3039 3040 3041
3041<script data-hs-allowed="true"> 3042 ((el) => { 3043 el && el.addEventListener('hs-form-event:on-ready', (e) => { 3044 window.HubSpotFormsV4.getFormFromEvent(e).setExtraSubmissionMetadata({ 3045 3046 3047 3048 3049 3050 3051 3052 }); 3053 }); 3054 })(document.getElementById('hs_form_target_module_17652088079666')); 3055 </script>
3055 3056 3057 3058<!-- Start of HubSpot Analytics Code -->
3059<script type="text/javascript"> 3060var _hsq = _hsq || []; 3061_hsq.push(["setContentType", "landing-page"]); 3062_hsq.push(["setCanonicalUrl", "https:\/\/content.addhucate.com\/anfrage"]); 3063_hsq.push(["setPageId", "293939335408"]); 3064_hsq.push(["setContentMetadata", { 3065 "contentPageId": 293939335408, 3066 "legacyPageId": "293939335408", 3067 "contentFolderId": null, 3068 "contentGroupId": null, 3069 "abTestId": null, 3070 "languageVariantId": 293939335408, 3071 "languageCode": "de", 3072 3073 3074}]); 3075</script>
3075 3076
3077<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/24914179.js"></script>
3077 3078<!-- End of HubSpot Analytics Code --> 3079 3080
3081<script type="text/javascript"> 3082var hsVars = { 3083 render_id: "4ed75a19-bbd2-4dad-b3f7-8f3d84c54b08", 3084 ticks: 1790664163985, 3085 page_id: 293939335408, 3086 3087 content_group_id: 0, 3088 portal_id: 24914179, 3089 app_hs_base_url: "https://app-eu1.hubspot.com", 3090 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3091 language: "de", 3092 analytics_page_type: "landing-page", 3093 scp_content_type: "", 3094 3095 analytics_page_id: "293939335408", 3096 category_id: 1, 3097 folder_id: 0, 3098 is_hubspot_user: false 3099} 3100</script>
3100 3101 3102
3103<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3103 3104 3105 3106 3107 3108 3109</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.