.et_pb_menu .et-menu-nav>ul ul{padding:0px 0;text-align:left;margin-top__:23px;width:170px;background:rgba(255,255,255,0)}.nav li ul{border-top:0px solid}.nav li li{padding:0 0px;margin:0;width:170px;margin-top:10px;background:rgba(255,255,255,.7)}.et-menu li li a{padding:6px 20px;width:176px;color:rgba(118,133,128,0.7)}#menu-oben li li a:before{bottom:10%;background:transparent!important}.heroclaim p{padding-top:3%!important;padding-bottom:1%!important}.herosubclaim p{font-size:2vw!important}body{cursor:url(//www.hb-beratungsgesellschaft.de/wp-content/uploads/2026/07/CursorPunkt_20x20.svg),auto!important}.acc-unternehmen li{margin-bottom:10px!important}.sn-engagement__segments label span{background-color:#ffffff!important;color:#0B3055!important}.sn-engagement__segments input:checked+span {border-color:#0b3055!important;background-color:#0B3055!important;color:#ffffff!important}.sn-engagement__segments label:hover span{background-color:#0B3055!important;color:#ffffff!important}.ti-widget[data-layout-id='4'][data-set-id='light-minimal'] .ti-verified-by-row[data-style="1"]>.ti-inner{background-color:#96B2AA!important;color:#D4DCD9!important}.et_pb_toggle_title:before{margin-top:10px!important}.et_pb_toggle_close .et_pb_toggle_title,.et_pb_toggle_close h5.et_pb_toggle_title{display:flex!important;color:rgba(11,48,85,1)!important;line-height:1.2em!important}.et_mobile_menu{border-color:rgba(118,133,128,1)!important}footer .mobile_menu_bar{position:relative;display:none;line-height:0}a.emaillink{text-decoration:underline!important;text-decoration-color:#C1CDC8!important}.adresse p{padding-bottom:20px}.adresse h2{padding-bottom:20px}.et_pb_menu--style-left_aligned .et_pb_menu__logo-wrap{max-width:330px!important}.et_pb_toggle_open .et_pb_toggle_title,.et_pb_toggle_open h5.et_pb_toggle_title{color:#0b3055!important;margin-left:10px!important;font-size:17px!important;line-height:1.2em!important}.faq .et_pb_accordion_1 .et_pb_toggle_close:not(.et_pb_toggle_empty) .et_pb_toggle_title:before {line-height:22px !important;margin-right:10px !important;right:6px !important;margin-left__:-20px!important;margin-top:0px!important}#faq .et_pb_toggle .et_pb_toggle_title:before{margin-right:10px!important;content:'\f111'!important;margin-right:10px !important}#faq .et_pb_toggle.et_pb_toggle_close .et_pb_toggle_title:before {font-family:"FontAwesome"!important;content:'\f111'!important;margin-right:10px !important}#faq .et_pb_toggle_open .et_pb_toggle_title:before {font-family:"FontAwesome"!important;content:' '!important;margin-right:10px !important}#faq .et_pb_toggle_content{position:relative;padding-top:20px;padding-bottom:20px;padding-left:10px}#bereichsteaser .et_pb_main_blurb_image{margin-left:12px;display:flex;align-items:center;justify-content:center}.stop_bg_video h1{padding-bottom:20px}.ti-widget.ti-goog .ti-review-header .ti-profile-img img{display:none!important}.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field{padding:0px 0!important;position:relative!important;max-height:70px}.wpforms-container .wpforms-recaptcha-container .g-recaptcha{margin-top:20px!important}div.wpforms-container-full .wpforms-field-label{margin:0 0 var(--wpforms-field-size-input-spacing) 0;padding:0;font-size:20px!important;line-height:var(--wpforms-label-size-line-height);color:#96B2AA!important}.wpforms-container.wpf-center{margin:0 auto!important;max-width:500px!important;width:500px!important}.wpf-center .wpforms-submit-container{display:inline-block;text-align:center;width:100%!important}.wpf-center .wpforms-field-pagebreak{display:inline-block;text-align:center;width:100%!important}.wpf-center .wpforms-pagebreak-left .wpforms-page-button:before,.wpf-center .wpforms-pagebreak-left .wpforms-page-button:after{content:none}.wpf-center .wpforms-title,.wpf-center .wpforms-description,.wpf-center .wpforms-field-label,.wpf-center .wpforms-field-sublabel,.wpf-center .wpforms-field-description{text-align:center}div.wpforms-container-full input[type=text]{padding-top:0px !important}.wpforms-container .wpforms-form .wpforms-field-label{padding-top:0px !important}div.wpforms-container-full .wpforms-field-label-inline{color:#96B2AA !important}.wpforms-container input[type=checkbox] {margin-left:20px !important}.wpforms-container .wpforms-field{padding:0px 0 !important}div.wpforms-container-full .wpforms-field-label {font-size:17px !important;color:#96B2AA !important}.wpforms-container.wpf-center{margin:0 auto!important;max-width:100%!important;width:100%!important}div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input{margin-left:20px!important}.wpforms-378-field_3-container{height:200px!important;max-height:auto!important}div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height:calc(var(--wpforms-field-size-input-height) * 4.8)!important}#wpforms-378-field_3-container .wpforms-field{height:220px!important;min-height:220px!important;float:none;clear:both}#wpforms-378-field_4-container{height:20px!important;max-height:20px!important;float:none;clear:both;display:block!important;position:realive!important}.wpforms-container .wpforms-field-textarea{max-height:220px!important}#wpforms-378-field_4-container .wpforms-field{height:20px!important;max-height:20px!important;float:none;clear:both;display:block!important}.et_pb_accordion_1 .et_pb_toggle_close:not(.et_pb_toggle_empty) .et_pb_toggle_title:before{font-size:4px;line-height:22px!important;margin-right:0px!important;right:6px!important}.et_pb_toggle{border:0px solid #ffffff!important;-vertical-gap:0}.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before{display:inline;font-family:"FontAwesome"!important;content:'\f054'!important;margin-left:-20px!important;color:#0b3055!important;font-size:4px;line-height:4px}.et_pb_toggle_open .et_pb_toggle_title,.et_pb_toggle_open h5.et_pb_toggle_title{margin-left:0px!important}#faq .et_pb_toggle_open .et_pb_toggle_title,.et_pb_toggle_open h5.et_pb_toggle_title{margin-left:0px!important;padding-left:14px}.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_close .et_pb_toggle_title:before{display:inline;font-family:"FontAwesome"!important;content:'\f054'!important;margin-left:-20px!important;margin-top:0px!important;color:#0b3055!important;font-size:4px;line-height:4px}.roundImage{border-radius:50%}.roundImage img{border-radius:50%}.motce_legend{position:absolute;bottom:0;width:100%;height:30px;background:transparent!important;color:#fff;line-height:30px}.pinguin .et_pb_row{top:57% !important}#acc-unternehmen .et_pb_toggle_close {background-color:#ffffff !important;padding:0px!important}#acc-unternehmen .et_pb_accordion_item{margin-bottom:15px!important}.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before{display:inline!important;position:static!important;color:#0B3055!important;content:'\f054'!important;font-size:20px!important}.et_pb_toggle_title:before{display:inline-block !important;position:static!important}.et_pb_toggle_content{position:relative;padding-top:0px}.et_pb_toggle {border:0px solid #d9d9d9!important;background-color:#ffffff !important;--vertical-gap:0}.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {color:#0b3055!important;font-size:17px!important}.et_pb_toggle_close{padding:0px!important}.et_pb_toggle_open{padding:0px!important}.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {color:#0b3055 !important;font-size:17px}h1{font-size:2.5vw!important;padding-top:3%;padding-bottom:3%;line-height:1.3em}.hero-home h1{font-size:2.5vw!important;line-height:1.3em}.hero-home p{font-size:1.5vw!important}h2___{font-size:28px!important}h2{font-size:2.5vh!important;line-height:1.3em}.et_pb_menu .et-menu>li{padding-left:20px!important;padding-right:20px!important}.et_pb_menu .et_pb_menu__menu>nav>ul{justify-content:center !important;display:flex!important;align-items:end!important}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul{margin-left:16px}#et-main-area{padding-top:65px!important}.opp1 ul{min-height:70px;list-style-type:none}.opp2 ul{list-style-type:none}.opp2 ul li{line-height:1.2em}.opp1 ul li{font-size:90px;font-family:"NotoSerif-VariableFont_wdthwght";font-weight:300!important}#outplacementprozess ul{list-style-type:none!important}.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{display:flex;align-items:center;padding:0px 0;padding-bottom:0;white-space:nowrap}#menu-oben .current-menu-item a::before,#menu-oben .current_page_item a::before{opacity:0!important;content:"";position:absolute;z-index:2;left:0;right:0}#menu-oben li a:before{content:"";position:absolute;z-index:-2;left:0;right:100%;bottom:-30%;background:#0B3055;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#menu-oben li a:hover{opacity:1!important}#menu-oben li a:hover:before{right:0}#menu-oben li li a:before{bottom:10%}#menu-unten .current-menu-item a::before,#menu-unten .current_page_item a::before{opacity:0!important;content:"";position:absolute;z-index:2;left:0;right:0}#menu-unten li a:before{content:"";position:absolute;z-index:-2;left:0;right:100%;bottom:15%;background:#0B3055;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#menu-unten li a:hover{opacity:1!important}#menu-unten li a:hover:before{right:0}#menu-unten li li a:before{bottom:10%}.et_pb_row{width:100%!important;max-width:100%!important}header .et_pb_row{width:100%!important;max-width:100%!important}.et_pb_image.faded-bottom .et_pb_image_wrap img{mask-image:linear-gradient(to top,transparent,black 50%);-webkit-mask-image:linear-gradient(to top,transparent,black 50%)}.et_pb_row_0_tb_header_{flex-grow:1;min-height:66px;align-items:flex-start!important;flex-wrap:nowrap}.full-video-bg .et_pb_section_video_bg video{object-fit:contain;width:100%!important;height:auto!important;min-height:100%;left:50%;transform:translateX(-50%);position:relative}form#wpforms-form-1682{position:relative}form#wpforms-form-1682 .floating label:nth-of-type(2){display:none}.floating input{position:relative;min-height:45px;padding:15px 10px 10px 15px!important}.floating textarea{position:relative;min-height:200px;padding:35px 15px 15px 15px!important}.floating input+label{position:relative!important;top:-50px!important;padding:15px 0 0 15px!important;opacity:.5;font-size:12px!important;transition:all .5s ease-in-out 0s}.floating textarea+label{position:relative!important;top:-200px!important;padding:35px 15px 15px 15px!important;opacity:.5;font-size:12px!important;transition:all .5s ease-in-out 0s}.floating input:focus+label,.floating input:not(:placeholder-shown)+label{top:-70px!important;opacity:1}.floating textarea:focus+label,.floating textarea:not(:placeholder-shown)+label{top:-250px!important;opacity:1}.floating.wpforms-has-error em.wpforms-error{position:relative;top:-50px;left:10px}.wpforms-field-textarea.floating.wpforms-has-error em.wpforms-error{position:relative;top:-190px;left:10px}.floating.wpforms-has-error label{display:none}.floating ::-webkit-input-placeholder{color:transparent!important}.floating :-moz-placeholder{color:transparent!important}.floating ::-moz-placeholder{color:transparent!important}.floating :-ms-input-placeholder{color:transparent!important}.floating ::-ms-input-placeholder{color:transparent!important}div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {background-color:#D4DCD9!important;color:#768580!important}.datenschutzfeld .wpforms-field {display:block!important}@media only screen and (max-width:600px){div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater){overflow-x:visible!important}.wpforms-container.wpf-center{max-width:unset!important;width:auto!important}}@media (min-width:1280px){h1{font-size:2.5vw!important;line-height:1.3em}h2{font-size:2.5vw!important;line-height:1.3em}}@media (min-width:768px){footer .et_pb_row{width:100%!important;max-width:800px!important}}@media (max-width:767px){.et_pb_menu_0_tb_header .et_pb_menu_inner_container{align-items:center!important}h2{font-size:22px!important;line-height:1.3em}.herosubclaim p{font-size:14px!important}.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul{margin-left:30px!important}.et_pb_row_0_tb_footer{max-width:100%!important;align-self:center!important;flex-wrap:nowrap}.et_pb_menu_0_tb_header.et_pb_menu--style-left_aligned .et_pb_menu__wrap{justify-content:flex-start;margin-top:-20px!important}.et_pb_menu_0_tb_header.et_pb_menu{align-self:flex-end!important}.et_pb_menu--style-left_aligned .et_pb_menu__logo{margin-right:0px!important;margin-left:50px!important}.hero-home h1{font-size:6vw!important;line-height:1.3em}.hero-home p{font-size:3.6vw!important}h1{font-size:22px!important;line-height:1.3em}h2{font-size:22px!important;line-height:1.3em}.et_pb_menu_0_tb_footer .et_mobile_nav_menu{display:none!important}.et_pb_menu_0_tb_footer .et_pb_menu__menu{display:flex}}@media only screen and (max-width:767px){.et_pb_menu_0_tb_footer .et_pb_menu__menu{display:flex!important}.et_pb_menu_0_tb_footer .et_mobile_nav_menu{display:none!important}}@media (max-width:980px){.et_pb_menu .et_mobile_nav_menu{float:none;margin:0 0px;display:flex;align-items:center;margin-top:6px!important}.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu{display:flex!important}.lwp-hide-mobile-menu .et_mobile_nav_menu{display:none!important}h2__{font-size:2.5vw!important;line-height:1.3em}#bereichsteaser h2{padding-bottom:0px!important}#bereichsteaser p{font-size:13px!important}.opp1 ul{min-height:150px!important;list-style-type:none;padding-left:5px}.opp2 ul{padding-left:5px}.opp1 ul li{font-size:70px;font-family:"NotoSerif-VariableFont_wdthwght";font-weight:300!important}.opp2 ul li{line-height:1.2em;width:120px;font-size:13px;overflow:visible}.opp3{font-size:13px}}@font-face{font-family:"NotoSerif-VariableFont_wdthwght";font-display:swap;src:url(https://www.hb-beratungsgesellschaft.de/wp-content/uploads/et-fonts/NotoSerif-VariableFont_wdthwght.ttf) format("truetype")}@font-face{font-family:"SourceSans3-Italic-VariableFont_wght";font-display:swap;src:url(https://www.hb-beratungsgesellschaft.de/wp-content/uploads/et-fonts/SourceSans3-VariableFont_wght.ttf) format("truetype")}.et-l--footer>.et_builder_inner_content .et_pb_section.et_pb_section_0_tb_footer{background-color:#d4dcd9!important}.et_pb_section_0_tb_footer.et_pb_section{margin-top:0px;padding-top:18px;padding-bottom:18px}.et_pb_row_0_tb_footer,.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row.et_pb_row_0_tb_footer{width:90%!important}.et_pb_row_0_tb_footer{max-width:90%!important;align-self:center!important;flex-wrap:nowrap}.et_pb_column_0_tb_footer{align-items:center;--et-pb-icon-self-align:center}.et_pb_group_0_tb_footer{align-self:end!important;max-width:30px;position:absolute!important;top:0px;left:0px;bottom:auto;right:auto;align-items:flex-end}.et_pb_menu_0_tb_footer.et_pb_menu{background-color:rgba(255,255,255,0);align-self:center!important;max-width:750px;overflow-x:visible}.et_pb_menu_0_tb_footer .et_pb_menu_inner_container{justify-content:center}.et_pb_menu_0_tb_footer.et_pb_menu ul li a{font-weight:400;color:#768580;font-size:17px;transition-property:color,font-weight;transition-duration:300ms;transition-timing-function:ease;transition-delay:0ms}.et_pb_menu_0_tb_footer.et_pb_menu ul li>a:hover{font-weight:400;color:var(--gcid-link-color)}.et_pb_menu_0_tb_footer.et_pb_menu ul li a:checked,.et_pb_menu_0_tb_footer.et_pb_menu ul li a:active,.et_pb_social_media_follow_0_tb_footer li.et_pb_social_icon a.icon:before{color:var(--gcid-o0gdihlifu)}.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__cart-button,.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__search-button,.et_pb_menu_0_tb_footer .et_pb_menu__icon.et_pb_menu__close-search-button{color:var(--gcid-primary-color);font-size:17px}.et_pb_menu_0_tb_footer .mobile_nav .mobile_menu_bar:before{color:var(--gcid-primary-color);font-size:32px}.et_pb_menu_0_tb_footer,.et_pb_text_5{text-align:start}.et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item>a:hover,.et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-ancestor>a:hover,.et_pb_menu_0_tb_footer.et_pb_menu ul:hover:not(.sub-menu)>li.current-menu-ancestor>a{color:var(--gcid-primary-color)!important}.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="nested"] li ul,.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="both"] li ul{left:auto;right:240px}.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="first-level"]>ul,.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="both"]>ul,.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="first-level"]>.sub-menu,.et_pb_menu_0_tb_footer .nav li.et-reverse-direction-nav[data-reverse-reason="both"]>.sub-menu{left:auto;right:2px}.et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_nav_menu {display:none !important}.et_pb_menu_0_tb_footer.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu>nav>ul{margin-right:0}.et_pb_menu_0_tb_footer nav>ul>li>a:hover{opacity:1}ul.et_pb_social_media_follow_0_tb_footer{align-self:end!important;max-width:30px;text-align:start;align-self:end!important;max-width:30px}.et_pb_social_media_follow_0_tb_footer.et_pb_module{justify-content:end}.et_pb_social_media_follow_0_tb_footer:after{content:none;display:none}.et_pb_social_media_follow_network_0_tb_footer a.icon{background-color:var(--gcid-o0gdihlifu)!important;transition-property:background-color;transition-duration:300ms;transition-timing-function:ease;transition-delay:0ms}.et_pb_social_media_follow_network_0_tb_footer a.icon:hover{background-color:var(--gcid-link-color)!important}.et_pb_social_media_follow_network_0_tb_footer a.icon:focus,.et_pb_social_media_follow_network_0_tb_footer a.icon:checked,.et_pb_social_media_follow_network_0_tb_footer a.icon:active{background-color:var(--gcid-o0gdihlifu)!important}li.et_pb_social_media_follow_network_0_tb_footer.et_pb_social_icon a.icon:before{color:var(--gcid-secondary-color)}.et_pb_text_5 .et_pb_text_inner a{font-style:normal;text-decoration-line:none}.et_pb_row_9.et_pb_row{padding-right:6%!important;padding-left:10%!important}.et_pb_row_9{flex-wrap:nowrap}@media only screen and (max-width:980px){.et_pb_menu_0_tb_footer .et_pb_menu_inner_container{justify-content:space-between}.et_pb_menu_0_tb_footer .et_pb_menu__wrap{justify-content:flex-end!important}.et_pb_menu_0_tb_footer{text-align:right}.et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_nav_menu {display:none !important}}@media only screen and (max-width:767px){.et_pb_section_0_tb_footer{width:100%}.et_pb_row_0_tb_footer,.et_pb_pagebuilder_layout.single-post:not(.et-tb-has-body) #main-content .et_pb_row.et_pb_row_0_tb_footer{width:100%!important}.et_pb_row_0_tb_footer{max-width:100%!important;align-self:stretch!important;justify-content:space-between;flex-wrap:nowrap}.et_pb_column_0_tb_footer{flex-grow:1;--horizontal-gap:0px;--vertical-gap:0px;justify-content:space-between;align-items:center;--et-pb-icon-self-align:center}.et_pb_column_0_tb_footer>[class*="et_flex_column"]{--horizontal-gap-parent:0px}.et_pb_menu_0_tb_footer.et_pb_menu{margin-right:0px!important;margin-left:0px!important;padding-right:0px;padding-left:0px;flex-grow:1;align-self:end!important;max-width:100%}.et_pb_menu_0_tb_footer .et_pb_menu_inner_container{justify-content:space-between}.et_pb_menu_0_tb_footer .et_pb_menu__wrap{justify-content:flex-end!important}.et_pb_menu_0_tb_footer{text-align:right}.et_pb_menu_0_tb_footer.et_pb_menu .et_mobile_nav_menu {display:none !important}.et_pb_row_9{flex-wrap:wrap}}.sn-engagement {
--sn-engagement-bg: #ffffff;
--sn-engagement-text: #101820;
--sn-engagement-muted: #26323a;
--sn-engagement-line: #d9e4e0;
--sn-engagement-accent: #007f75;
--sn-engagement-choice-bg: #ffffff;
--sn-engagement-choice-border: var(--sn-engagement-line);
--sn-engagement-hover-bg: #f4faf8;
--sn-engagement-hover-border: #b9d8d0;
--sn-engagement-focus: var(--sn-engagement-accent);
--sn-engagement-error: #dc2626;
--sn-engagement-success: #15803d;
--sn-engagement-button-hover: color-mix(in srgb, var(--sn-engagement-accent) 84%, #000000);
background: var(--sn-engagement-bg);
border: 1px solid var(--sn-engagement-line);
border-radius: 8px;
box-sizing: border-box;
box-shadow: 0 18px 42px rgba(0, 0, 0, .14);
color: var(--sn-engagement-text);
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
max-width: min(100%, 760px);
padding: 28px;
width: 100%;
}
.sn-engagement * { box-sizing: border-box; }
.sn-engagement [hidden] { display: none !important; }
.sn-engagement__form { display: grid; gap: 16px; margin: 0; }
.sn-engagement__form[hidden],
.sn-engagement__status[hidden] { display: none; }
.sn-engagement__title {
color: var(--sn-engagement-text);
font-size: clamp(1.35rem, 1.2rem + .5vw, 1.85rem);
line-height: 1.2;
margin: 0;
}
.sn-engagement .sn-engagement__intro {
color: var(--sn-engagement-text);
font-size: 1rem;
font-weight: 500;
line-height: 1.6;
margin: 0;
}
.sn-engagement fieldset {
border: 0;
margin: 0;
min-width: 0;
padding: 0;
}
.sn-engagement legend,
.sn-engagement label span {
color: var(--sn-engagement-muted);
font-size: 14px;
font-weight: 750;
}
.sn-engagement__segments {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-top: 10px;
}
.sn-engagement__segments label {
cursor: pointer;
}
.sn-engagement__segments input {
height: 1px;
min-height: 0;
position: absolute;
opacity: 0;
width: 1px;
}
.sn-engagement__segments span {
align-items: center;
background: var(--sn-engagement-choice-bg);
border: 1px solid var(--sn-engagement-choice-border);
border-radius: 6px;
color: var(--sn-engagement-text);
display: flex;
font-size: 14px;
font-weight: 750;
justify-content: center;
line-height: 1.3;
min-height: 42px;
padding: 10px 12px;
position: relative;
text-align: center;
}
.sn-engagement__segments span::before {
content: none;
}
.sn-engagement__segments span::after {
content: none;
}
.sn-engagement__segments label:hover span {
background: var(--sn-engagement-hover-bg);
border-color: var(--sn-engagement-hover-border);
}
.sn-engagement__segments input:checked + span {
background: color-mix(in srgb, var(--sn-engagement-accent) 82%, #ffffff);
border-color: var(--sn-engagement-accent);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sn-engagement-accent) 14%, transparent);
color: var(--sn-engagement-text);
}
.sn-engagement--intent-style-after_click:not(.sn-engagement--intent-touched) .sn-engagement__segments input:checked + span,
.sn-engagement--intent-style-neutral .sn-engagement__segments input:checked + span {
background: var(--sn-engagement-choice-bg);
border-color: var(--sn-engagement-choice-border);
box-shadow: none;
color: var(--sn-engagement-text);
}
.sn-engagement--intent-style-neutral .sn-engagement__segments input:checked + span {
border-color: color-mix(in srgb, var(--sn-engagement-accent) 28%, var(--sn-engagement-line));
}
.sn-engagement--intent-style-after_click:not(.sn-engagement--intent-touched) .sn-engagement__segments label:hover span,
.sn-engagement--intent-style-neutral .sn-engagement__segments label:hover span {
background: var(--sn-engagement-hover-bg);
border-color: var(--sn-engagement-hover-border);
}
.sn-engagement__segments input:focus-visible + span {
border-color: var(--sn-engagement-focus);
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sn-engagement-focus) 24%, transparent);
outline: 2px solid transparent;
}
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__grid,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__contact-flow,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__booking-picker,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__subject,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__message,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__privacy,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__trap,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__form > input[type="hidden"],
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__form > button,
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__form > button[type="submit"],
.sn-engagement--reveal-after_choice:not(.sn-engagement--intent-touched) .sn-engagement__notice {
display: none !important;
}
.sn-engagement__grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(2, minmax(0, 1fr));
min-width: 0;
}
.sn-engagement__contact-flow,
.sn-engagement__booking-picker {
display: grid;
gap: 14px;
min-width: 0;
}
.sn-engagement__booking-picker {
background: color-mix(in srgb, var(--sn-engagement-accent) 4%, #ffffff);
border: 1px solid color-mix(in srgb, var(--sn-engagement-accent) 18%, var(--sn-engagement-line));
border-radius: 8px;
padding: 14px;
}
.sn-engagement__booking-head {
display: grid;
gap: 3px;
}
.sn-engagement__booking-head strong {
color: var(--sn-engagement-text);
font-size: 15px;
line-height: 1.3;
}
.sn-engagement__booking-head span {
color: var(--sn-engagement-muted);
font-size: 13px;
line-height: 1.45;
}
.sn-engagement__booking-days,
.sn-engagement__booking-slots {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
min-height: 42px;
}
.sn-engagement__day,
.sn-engagement__slot {
background: #ffffff;
border: 1px solid var(--sn-engagement-line);
border-radius: 6px;
color: var(--sn-engagement-text);
cursor: pointer;
font: inherit;
font-size: 14px;
font-weight: 750;
min-height: 40px;
padding: 9px 10px;
}
.sn-engagement__day:hover,
.sn-engagement__slot:hover {
background: var(--sn-engagement-hover-bg);
border-color: var(--sn-engagement-hover-border);
}
.sn-engagement__day.is-selected,
.sn-engagement__slot.is-selected {
background: var(--sn-engagement-accent);
border-color: var(--sn-engagement-accent);
color: #ffffff;
}
.sn-engagement label {
display: grid;
gap: 6px;
min-width: 0;
}
.sn-engagement input,
.sn-engagement select,
.sn-engagement textarea {
background: #ffffff;
border: 1px solid var(--sn-engagement-line);
border-radius: 6px;
box-sizing: border-box;
color: var(--sn-engagement-text);
display: block;
font: inherit;
max-width: 100%;
min-height: 42px;
min-width: 0;
padding: 10px 12px;
width: 100%;
}
.sn-engagement textarea { resize: vertical; }
.sn-engagement.is-booking .sn-engagement__subject span::after,
.sn-engagement.is-booking .sn-engagement__message span::after {
color: var(--sn-engagement-muted);
content: " (optional)";
font-weight: 600;
}
.sn-engagement .sn-engagement__segments input[type="radio"] {
height: 1px;
min-height: 0;
width: 1px;
}
.sn-engagement input:focus,
.sn-engagement select:focus,
.sn-engagement textarea:focus {
border-color: var(--sn-engagement-focus);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sn-engagement-focus) 20%, transparent);
outline: none;
}
.sn-engagement .is-invalid {
border-color: var(--sn-engagement-error);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--sn-engagement-error) 18%, transparent);
}
.sn-engagement .sn-engagement__privacy {
align-items: start;
display: flex !important;
gap: 12px;
line-height: 1.5;
}
.sn-engagement .sn-engagement__privacy input {
appearance: none;
-webkit-appearance: none;
align-items: center;
background: #ffffff;
border: 1px solid var(--sn-engagement-line);
border-radius: 4px;
cursor: pointer;
display: inline-flex;
flex: 0 0 20px;
height: 20px;
justify-content: center;
margin: 2px 0 0;
min-height: auto;
padding: 0;
width: 20px;
}
.sn-engagement .sn-engagement__privacy input:checked {
background: var(--sn-engagement-accent);
border-color: var(--sn-engagement-accent);
}
.sn-engagement .sn-engagement__privacy input:checked::after {
color: #ffffff;
content: "✓";
font-size: 14px;
font-weight: 900;
line-height: 1;
}
.sn-engagement .sn-engagement__privacy input:focus-visible {
box-shadow: 0 0 0 3px color-mix(in srgb, var(--sn-engagement-focus) 24%, transparent);
outline: 2px solid transparent;
}
.sn-engagement .sn-engagement__privacy span {
color: var(--sn-engagement-muted);
display: block;
font-size: 14px;
font-weight: 650;
line-height: 1.55;
min-width: 0;
}
.sn-engagement__trap {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
left: -10000px;
overflow: hidden;
position: absolute;
top: auto;
white-space: nowrap;
width: 1px;
}
.sn-engagement__trap input {
border: 0;
height: 1px;
min-height: 0;
padding: 0;
width: 1px;
}
.sn-engagement button[type="submit"],
.sn-engagement__again {
background: var(--sn-engagement-accent);
border: 0;
border-radius: 6px;
color: #ffffff;
cursor: pointer;
font: inherit;
font-weight: 800;
min-height: 44px;
padding: 10px 16px;
width: fit-content;
}
.sn-engagement button[type="submit"]:hover {
background: var(--sn-engagement-button-hover);
}
.sn-engagement__again {
background: transparent;
border: 1px solid var(--sn-engagement-line);
color: var(--sn-engagement-text);
}
.sn-engagement__again:hover {
background: var(--sn-engagement-hover-bg);
border-color: var(--sn-engagement-hover-border);
}
.sn-engagement__notice {
border-radius: 6px;
font-weight: 700;
}
.sn-engagement__notice.is-error {
background: color-mix(in srgb, var(--sn-engagement-error) 9%, #ffffff);
border: 1px solid color-mix(in srgb, var(--sn-engagement-error) 28%, #ffffff);
color: color-mix(in srgb, var(--sn-engagement-error) 70%, #101820);
padding: 12px 14px;
}
.sn-engagement__status {
align-items: center;
display: grid;
gap: 14px;
justify-items: center;
min-height: 280px;
padding: 28px 16px;
text-align: center;
}
.sn-engagement__status-icon {
align-items: center;
background: color-mix(in srgb, var(--sn-engagement-success) 14%, #ffffff);
border: 1px solid color-mix(in srgb, var(--sn-engagement-success) 34%, #ffffff);
border-radius: 999px;
color: var(--sn-engagement-success);
display: flex;
font-size: 30px;
font-weight: 900;
height: 66px;
justify-content: center;
width: 66px;
}
.sn-engagement__status.is-processing .sn-engagement__status-icon {
animation: sn-engagement-spin 1s linear infinite;
background: transparent;
border-color: color-mix(in srgb, var(--sn-engagement-focus) 30%, transparent);
border-top-color: var(--sn-engagement-focus);
color: transparent;
}
.sn-engagement__status-title {
color: var(--sn-engagement-text);
font-size: clamp(1.35rem, 1.2rem + .4vw, 1.75rem);
line-height: 1.25;
margin: 0;
}
.sn-engagement .sn-engagement__status-text {
color: var(--sn-engagement-muted);
margin: 0;
max-width: 48ch;
}
@keyframes sn-engagement-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
.sn-engagement__status.is-processing .sn-engagement__status-icon { animation: none; }
}
@media (max-width: 640px) {
.sn-engagement { padding: 18px; }
.sn-engagement__grid,
.sn-engagement__segments { grid-template-columns: 1fr; }
.sn-engagement__booking-days,
.sn-engagement__booking-slots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sn-engagement button[type="submit"],
.sn-engagement__again { width: 100%; }
}
.sn-engagement [hidden],
.sn-engagement__conditional[hidden],
.sn-engagement__form[hidden],
.sn-engagement__status[hidden] {
display: none !important;
}