.elementor-989066 .elementor-element.elementor-element-933e71b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-989066 .elementor-element.elementor-element-4f063c3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-989066 .elementor-element.elementor-element-b901092{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-989066 .elementor-element.elementor-element-2185f5c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-989066 .elementor-element.elementor-element-96a8975{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* Phones (operator, 2026-10-17): banner photo was cropped hard in a tall box - 4:3 frame; the phone image (picture source) is recomposed with the bed centred */
@media (max-width: 767px) {
  html body #vk-herra-hero .vk-herra-media { height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 3 !important; }
  html body #vk-herra-hero .vk-herra-media img { object-position: 50% 50% !important; }
}
/* Herra layer video, portrait phones (operator, 2026-10-20): the source is now a 1200x630 cut (52.5vw tall) - show the whole frame at the bottom, fill the band above with a blurred stretch of the video's own top wall, soft fade between */
@media (max-width: 767px) and (orientation: portrait) {
  html body:not(#vk-z1):not(#vk-z2):not(#vk-z3) #vk-herra-layers .vk-sticky, html body:not(#vk-z1):not(#vk-z2):not(#vk-z3) #vk-herra-layers .vk-stage video { background: transparent !important; }
  html body:not(#vk-z1):not(#vk-z2):not(#vk-z3) #vk-herra-layers .vk-stage { background: #cbb9a6 url("data:image/jpeg;base64,/9j//gAQTGF2YzYyLjI4LjEwMQD/2wBDAAgMDA4MDhAQEBAQEBMSExQUFBMTExMUFBQVFRUZGRkVFRUUFBUVGBgZGRscGxoaGRocHB4eHiQkIiIqKiszMz7/xABSAAEBAQEBAQAAAAAAAAAAAAADAgEABAYBAQEBAAAAAAAAAAAAAAAAAAABBBABAQAAAAAAAAAAAAAAAAAAAAERAQAAAAAAAAAAAAAAAAAAAAD/wAARCADAAGADASIAAhEAAxEA/9oADAMBAAIRAxEAPwD7gkGSMTWWEgoWKinOcCR0g6A6KloqKKoXUIPQSDJAJCQcJFRbHOBKKsdBFFS0VAVQuoRXoXBkgEhIMkVFuc4E0dXUAOjpKKoDqF1ApyQULAIuDJFRbnOBNQujBFFS0dQFUEoxTQkFCwCLQsRbWNUTRko6CKOkoqijqF1AFhYKFgEWhQi1JaoyjJRgOjpKOoo6NdQBoSChYBYpEWItqVKMHSUdAdFS0VRR1C6kCQsFCQCxaIsFKS1UYiro6CKKloqijqF1AFhIOEgEi0RYKUlSomoq0gOipaKoo6hdQBSQRYBIsawW1KhGJUkB0VLRUUdGuoApIMkAi0LBSkqEYlSQHRUtFRRVC6hAhYIsAi0RailJUI5C0AOipaKiiqF1CD//2Q==") 50% 0 / 100% 100% no-repeat !important; }
  html body:not(#vk-z1):not(#vk-z2):not(#vk-z3) #vk-herra-layers .vk-stage video { object-fit: contain !important; object-position: 50% 100% !important; -webkit-mask-image: linear-gradient(180deg, transparent calc(100% - 52.5vw), #000 calc(100% - 52.5vw + 40px)) !important; mask-image: linear-gradient(180deg, transparent calc(100% - 52.5vw), #000 calc(100% - 52.5vw + 40px)) !important; }
}/* End custom CSS */