.modul.hotspot_image .intro{margin:calc(var(--content_spacing) * 2) 0 calc(var(--content_spacing) * 3) 0}.modul.hotspot_image .hotspot_wrapper{display:flex;gap:calc(var(--content_spacing) * 2);align-items:center}.modul.hotspot_image .hotspot_image{flex:1;position:relative}.modul.hotspot_image .hotspot_image img{width:100%;height:auto}.modul.hotspot_image .hotspot_image .hotspot{position:absolute;color:var(--color_link_main);cursor:pointer;width:24px;aspect-ratio:1/1;border-radius:50%;background:var(--color_link_main);transform:translate(-50%,-50%);z-index:1}.modul.hotspot_image .hotspot_image .hotspot.product{background:#fff}.modul.hotspot_image .hotspot_image .hotspot.product:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-230deg);width:16px;aspect-ratio:1/1;transition:all .2s ease-out;background:url(/wp-content/themes/bircher/images/icon_arrow_right_red.svg) no-repeat center center;background-size:contain!important}.modul.hotspot_image .hotspot_image .hotspot .product_spot{position:absolute;top:50%;left:28px;transform:translateY(-63%);white-space:nowrap;border-radius:3em;padding:.1em .7em;font-size:var(--font_size_s);max-width:250px;text-overflow:ellipsis;overflow:hidden;background:#fff;transition:all .2s ease-out}.modul.hotspot_image .hotspot_image .hotspot.active,.modul.hotspot_image .hotspot_image .hotspot:hover{z-index:10}.modul.hotspot_image .hotspot_image .hotspot.active.product,.modul.hotspot_image .hotspot_image .hotspot:hover.product{background:var(--color_link_main)}.modul.hotspot_image .hotspot_image .hotspot.active.product:after,.modul.hotspot_image .hotspot_image .hotspot:hover.product:after{background:url(/wp-content/themes/bircher/images/icon_arrow_right.svg) no-repeat center center;filter:invert(1)}.modul.hotspot_image .hotspot_image .hotspot.active .product_spot,.modul.hotspot_image .hotspot_image .hotspot:hover .product_spot{background:var(--color_link_main);color:#fff}.modul.hotspot_image .hotspot_image .hotspot:hover{z-index:11}.modul.hotspot_image .hotspot_image .hotspot.left_text.product:after{transform:translate(-50%,-50%) rotate(30deg)}.modul.hotspot_image .hotspot_image .hotspot.left_text .product_spot{left:auto;right:28px}.modul.hotspot_image .hotspot_image .hotspot.text{outline:0 solid var(--color_link_main);outline-offset:0;transition:all .1s ease-out}.modul.hotspot_image .hotspot_image .hotspot.text:hover{outline:2px solid var(--color_link_main);outline-offset:4px}.modul.hotspot_image .hotspot_image .hotspot.text:hover .text_tooltip{opacity:1;pointer-events:auto}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip{position:absolute;width:300px;color:var(--color_typo_main);font-size:var(--font_size_s);z-index:20;opacity:0;pointer-events:none;transition:opacity .2s ease-out}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip.position_above{bottom:100%;top:auto;padding-bottom:12px;padding-top:0}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip.position_below{top:100%;bottom:auto;padding-top:12px;padding-bottom:0}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip.align_left{left:0;right:auto;transform:none}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip.align_right{left:auto;right:0;transform:none}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip.align_center{left:50%;right:auto;transform:translateX(-50%)}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip a:hover{text-decoration:underline}.modul.hotspot_image .hotspot_image .hotspot .text_tooltip .inner{background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:1.1em 1.4em;border-radius:16px}.modul.hotspot_image .text_tooltip_modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1000;display:none;align-items:center;justify-content:center;padding:calc(var(--content_spacing) * 2)}.modul.hotspot_image .text_tooltip_modal.active{display:flex}.modul.hotspot_image .text_tooltip_modal .modal_content{background:#fff;border-radius:16px;padding:calc(var(--content_spacing) * 2);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 4px 20px rgba(0,0,0,.3)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close{position:absolute;top:calc(var(--content_spacing) * 1);right:calc(var(--content_spacing) * 1);width:32px;height:32px;border-radius:50%;border:1px solid var(--color_border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease-out}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close:hover{background:var(--color_bg_card)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close:after,.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close:before{content:"";position:absolute;width:14px;height:2px;background:var(--color_typo_main)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close:before{transform:rotate(45deg)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_close:after{transform:rotate(-45deg)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_text{padding-right:calc(var(--content_spacing) * 2);font-size:var(--font_size_s);color:var(--color_typo_main)}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_text p:first-child{margin-top:0}.modul.hotspot_image .text_tooltip_modal .modal_content .modal_text p:last-child{margin-bottom:0}@media (max-width:600px){.modul.hotspot_image .hotspot.text .text_tooltip{display:none!important}.modul.hotspot_image .hotspot.text:hover{outline:2px solid var(--color_link_main);outline-offset:4px}.modul.hotspot_image .hotspot.product .product_spot{opacity:0;pointer-events:none}.modul.hotspot_image .hotspot.product.active .product_spot{opacity:1;pointer-events:auto}}.modul.hotspot_image .product_container{flex:.5}.modul.hotspot_image .product_preview{display:none}.modul.hotspot_image .product_preview.active{display:block}.modul.hotspot_image .product_preview .image{border-radius:var(--border_radius);background:var(--color_bg_page);padding:20px}.modul.hotspot_image .product_preview .button_wrapper{display:flex;gap:calc(var(--content_spacing) * .666)}.modul.hotspot_image .daten_button_container{position:relative;z-index:20}.modul.hotspot_image .daten_button_container .button{line-height:1.5}.modul.hotspot_image .daten_button_container .datenblatt_modal{position:absolute;right:999999px;top:50%;transform:translateY(-50%);opacity:0;width:600px;border-radius:16px;font-size:var(--font_size_s);background:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);padding:24px;transition:opacity .2s ease-out}.modul.hotspot_image .daten_button_container .datenblatt_modal.active{right:calc(100% + 30px);opacity:1}.modul.hotspot_image .daten_button_container .datenblatt_modal P:first-of-type{margin-top:0}.modul.hotspot_image .daten_button_container .datenblatt_modal h3,.modul.hotspot_image .daten_button_container .datenblatt_modal h4{margin-bottom:.5em}.modul.hotspot_image .daten_button_container .datenblatt_modal ul{margin-top:0}.modul.hotspot_image .daten_button_container .datenblatt_modal .datenblatt_close{position:absolute;top:16px;right:16px;cursor:pointer;width:16px;aspect-ratio:1/1;border:0;background:url(/wp-content/themes/bircher/images/icon_close.svg) no-repeat center center;background-size:contain!important}@media (max-width:1200px){.modul.hotspot_image .hotspot_wrapper{flex-direction:column;align-items:stretch}.modul.hotspot_image .product_container{flex:1;display:flex;flex-direction:column;gap:calc(var(--content_spacing) * 2)}.modul.hotspot_image .product_preview{display:block;scroll-margin-top:100px}.modul.hotspot_image .product_preview.highlight{animation:highlight .6s ease-out}}@keyframes highlight{0%{box-shadow:0 0 0 0 var(--color_ci_primary)}50%{box-shadow:0 0 0 8px rgba(var(--color_ci_primary_rgb),.4)}100%{box-shadow:0 0 0 0 rgba(var(--color_ci_primary_rgb),0)}}
/*# sourceMappingURL=../sourcemaps/hotspot_image.min.css.map */