/* Responsiveness for Custom website */
/* Breakpoints (Elementor): Mobile <=767 | Tablet 768-1024 (Hamburger) | Tablet Extra 1025-1200 | Laptop 1201-1366 | Desktop >1366 (1440 = Figma) */

/* Desktop + Laptop: 1025+ */
@media (min-width: 1025px){
	body .hm-formcard{align-self:stretch}
	body .hm-formcard>.elementor-element:last-child{margin-top:auto}
}

/* Laptop: 1201 - 1320 */
@media (min-width: 1201px) and (max-width: 1320px){
	body .hm-stat-1{left:-40px}
	body .hm-stat-3{right:-16px}
}

/* Tablet Extra: <= 1200 */
@media (max-width: 1200px){
	/* Tablet Extra: 1025 - 1200 (small laptops, iPad Air/Pro landscape) */
	body .hm-hero{min-height:0}
	body .hm-phone-card{height:560px;border-radius:48px 48px 0 0}
	body .hm-phone-card .hm-phone-img{width:360px;height:502px;top:48px}
	body .hm-stat{padding:8px 12px!important}
	body .hm-stat-1{left:-30px;top:120px;min-width:0}
	body .hm-stat-2{left:-10px;top:400px;min-width:0}
	body .hm-stat-3{right:-16px;top:270px;min-width:0}
	body .hm-member-img{flex:0 0 190px}
	body .hm-steps::before{display:none}
	body .hm-steps{flex-wrap:wrap!important;row-gap:40px!important}
	body .hm-steps>.hm-step{flex:1 1 calc(50% - 12px)}
	body .hm-f-cols{flex-wrap:wrap!important}
	body .hm-f-brand{width:100%!important}
	body .hm-f-col{width:calc(33.33% - 27px)!important;flex:0 0 auto!important}

	body .hm-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	body .hm-rstats{gap:16px!important}
}

/* Tablet: <= 1024 */
@media (max-width: 1024px){
	/* Tablet: 768 - 1024 (iPad portrait + landscape) */
	/* Header: hamburger right aligned */
	body .hm-header .elementor-widget-button{order:2;margin-left:auto}
	body .hm-header .elementor-widget-nav-menu{order:3;flex:0 0 auto!important;width:auto!important;--flex-grow:0}
	body .hm-header .elementor-menu-toggle{margin:0 0 0 auto}
	body .hm-header .elementor-nav-menu--dropdown{background:var(--e-global-color-secondary);border-top:1px solid color-mix(in srgb,var(--e-global-color-cn300) 15%,transparent);box-shadow:0 20px 40px rgba(0,0,0,.35)}
	body .hm-header .elementor-nav-menu--dropdown a{padding:14px 20px!important;border-bottom:1px solid color-mix(in srgb,var(--e-global-color-cn300) 10%,transparent)}
	body .hm-header .elementor-nav-menu--dropdown a:hover,body .hm-header .elementor-nav-menu--dropdown a.elementor-item-active{color:var(--e-global-color-accent)!important}
	body .hm-phone-card{align-self:center;width:100%!important;max-width:554px;height:560px}
	body .hm-phone-card .hm-phone-img{width:380px;height:530px}
	body .hm-stat-1{left:-20px;top:140px}
	body .hm-stat-2{left:0;top:420px}
	body .hm-stat-3{right:-20px;top:290px}
	body .hm-inds>.hm-ind{flex:0 0 28%;width:28%!important}
	body .hm-inds>.hm-ind-sep{display:none}
	body .hm-steps::before{display:none}
	body .hm-steps>.hm-step{flex:1 1 calc(50% - 12px)}
	body .hm-member-img{flex:0 0 254px}
	body .hm-f-col{width:calc(50% - 24px)!important}
	body .hm-footer-bottom{flex-direction:column!important;align-items:flex-start!important}
	.hm-testi-quote {min-height: 115px;}

	body .hm-rstats>.hm-rstat{padding:20px!important}
	body .hm-cta-btns{width:100%!important}
	body .hm-bsteps>.hm-bstep+.hm-bstep::before{display:none}
	body .hm-req{flex:0 0 auto!important}
	body .hm-imgcard,body .hm-req-img{width:100%!important}

	/* ===== Kontakt page ===== */
	body .hm-tab .elementor-button{font-size:20px;height:56px}
}

/* Mobile: <= 767 */
@media (max-width: 767px){
	/* Recruiting Landing Page – section glows */
	body .hm-bg-rm,body .hm-bg-rm.hm-bg-footer{--hm-rects:linear-gradient(color-mix(in srgb,var(--e-global-color-primary) 25%,transparent),color-mix(in srgb,var(--e-global-color-primary) 25%,transparent)) calc(50% + 0px) 859px / 1690px 1161px no-repeat,linear-gradient(color-mix(in srgb,var(--e-global-color-primary) 20%,transparent),color-mix(in srgb,var(--e-global-color-primary) 20%,transparent)) calc(50% + -388.5px) 439px / 779px 435px no-repeat;--hm-rw:970px;--hm-rh:828px;--hm-rx:394px;--hm-ry:332px;--hm-rr:55deg;--hm-ra:16%;--hm-rb:125px}
	
	body .hm-header .elementor-widget-nav-menu{margin-left:auto}
	body .hm-phone-card{height:440px;border-radius:40px 40px 0 0}
	body .hm-phone-card .hm-phone-img{width:300px;height:400px;top:36px}
	body .hm-stat-1{left:-6px;top:100px}
	body .hm-stat-2{left:-6px;top:320px}
	body .hm-stat-3{right:-6px;top:210px}
	body .hm-inds>.hm-ind{flex:0 0 45%;width:45%!important}
	body .hm-grid2>.hm-card{flex:1 1 100%}
	body .hm-steps>.hm-step{flex:1 1 100%}
	body .hm-member-img{flex:0 0 auto}
	body .hm-member>.e-con:last-child{flex:1 1 auto;width:100%}
	body .hm-feat:not(:last-child)::after{display:none}
	body .hm-f-col{width:100%!important}
	.hm-testi-quote {min-height: auto;}

	body .hm-grid4{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
	body .hm-req{flex:0 0 auto!important}
	body .hm-rstats>.hm-rstat{flex:1 1 auto}
	body .hm-btn-full-m,body .hm-btn-full-m .elementor-button{width:100%!important}
	body .hm-cta-btns{flex-wrap:wrap;width:100%!important;flex:1 1 auto!important}
	body .hm-cta-btns>.elementor-widget{width:100%!important}
	body .hm-calc{flex-wrap:wrap!important}
	body .hm-calc-head{flex:0 0 auto!important}
	body .hm-calc-col{border-left:0;border-top:1px solid var(--e-global-color-blueln);padding-left:0!important;padding-top:16px!important;align-items:center;text-align:center}
	body .hm-calc-col .elementor-heading-title,body .hm-calc-col p{text-align:center}
	body .hm-money{text-align:center}
	/* Karrierepfad – vertical timeline */
	body .hm-path::before{display:block!important;top:31px;bottom:31px;left:30px;right:auto;width:2px;height:auto}
	body .hm-path>.hm-path-step{flex-direction:row!important;flex-wrap:nowrap!important;gap:16px!important;flex:1 1 auto!important}
	body .hm-path-body{flex:1 1 0;width:auto!important}
	body .hm-path-num{flex:0 0 48px!important;width:48px!important;max-width:48px;height:48px;border-width:4px!important;padding:0!important}
	body .hm-path-num .elementor-heading-title{font-size:20px!important}
	body .hm-path::before{left:23px;top:24px;bottom:24px}
	body .hm-faq .elementor-tab-title{padding:12px 16px!important}
	body .hm-faq .elementor-tab-content{padding:0 16px 12px!important}
	body .hm-faq .elementor-accordion{gap:16px}
	body .hm-imgcard-overlay{left:16px;right:16px;bottom:16px}

	body .hm-tab .elementor-button{font-size:14px;height:44px;padding:0 4px!important;white-space:nowrap;display:flex;align-items:center;justify-content:center;letter-spacing:-0.2px}
	body .hm-tab .elementor-button-content-wrapper{gap:6px;align-items:center}
	body .hm-tab .elementor-button-icon svg{width:16px;height:16px}
	body .hm-fstep-title{font-size:20px}
	body .hm-fprog{gap:16px}
	body .hm-options .elementor-field-subgroup{gap:16px}
	body .hm-form .e-form__buttons{flex-direction:column-reverse}
	body .hm-backlink .elementor-button-text{font-size:13px}

	/* Kontakt – mobile */
	body .hm-header:has(.hm-backlink)>.e-con-inner{flex-wrap:nowrap}
	body .hm-backlink .elementor-button-text{font-size:0}
	body .hm-backlink .elementor-button-text::before{content:"Zurück";font-size:14px}
	body .e-con:has(>.hm-soc-l){flex-wrap:nowrap!important;gap:8px!important}
	body .hm-soc-l{flex:0 0 auto!important;flex-wrap:nowrap!important;padding-left:8px!important;padding-right:8px!important}
	body .hm-fstep-head{margin-bottom:32px}
	body .hm-form h3.hm-fstep-title,body .hm-fstep-head p{max-width:none}
	body .hm-map iframe{height:237px}
	body .hm-formcard{padding:24px!important}
	body #unternehmen h3.elementor-heading-title{font-size:20px}
	body #unternehmen>.e-con{margin-bottom:0}
	body #unternehmen>.e-con .elementor-widget-text-editor,body #unternehmen>.e-con .elementor-widget-text-editor p{font-size:14px;line-height:20px}
	body #unternehmen .elementor-field-type-submit{margin-top:8px}
	body .hm-form .e-form__buttons {flex-direction:row!important;}
}