.markerimage-block{position:relative}@media only screen and (max-width: 769px){.markerimage-block .markerimage-scroller{overflow-x:scroll;overflow-y:hidden}}.markerimage-block .markerimage-wrapper{position:relative}@media only screen and (max-width: 769px){.markerimage-block .markerimage-wrapper{width:200vw}}@media only screen and (max-width: 769px){.markerimage-block .markerimage-wrapper .mobile-animation-scroll{position:absolute;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.4)}.markerimage-block .markerimage-wrapper .mobile-animation-scroll:has(div.effect-me){animation-name:bg-opacity;animation-duration:5s;opacity:0;z-index:0}.markerimage-block .markerimage-wrapper .mobile-animation-scroll .anim-arrow{width:40px !important;height:40px !important;border-radius:50px;z-index:2;background:#fff !important;filter:drop-shadow(0 0 0.5rem #88d1d1);top:calc(50% - 20px);position:relative;left:calc(40% - 20px);transition:.1s}.markerimage-block .markerimage-wrapper .mobile-animation-scroll .anim-arrow::after{transition:.2s;content:url(../../../../img/Pfeile_Handy.svg) !important;width:20px;height:20px;margin:10px 10px;display:inline-block}.markerimage-block .markerimage-wrapper .mobile-animation-scroll .anim-arrow.effect-me{transition:all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;animation-name:swipe-anim;animation-duration:4s;left:calc(25% - 20px);opacity:0}@keyframes swipe-anim{0%{left:calc(40% - 20px);opacity:1}20%{left:calc(25% - 20px)}25%{left:calc(40% - 20px)}55%{left:calc(25% - 20px)}60%{left:calc(40% - 20px);opacity:1}100%{left:calc(25% - 20px);opacity:0}}@keyframes bg-opacity{0%{opacity:1;z-index:2}50%{opacity:1;z-index:2}99%{opacity:0;z-index:0}100%{display:none}}}.markerimage-block .markerimage-wrapper .cover-illu img{width:100%}.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker{position:absolute;top:0;left:0}.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker svg{width:75px;height:75px;display:block;transition:.2s}@media only screen and (max-width: 1382px){.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker svg{width:55px;height:55px}}@media only screen and (max-width: 1024px){.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker svg{width:45px;height:45px}}.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker:hover svg{transform:scale(1.1)}.markerimage-block .markerimage-wrapper .marker-wrapper .marker-item .marker:focus{outline:auto}.markerimage-block .wrapper-detail{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;display:flex;opacity:0;transition:.2s}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail{grid-template-rows:repeat(2, 1fr);width:calc(100vw - 60px);display:none;margin-top:30px;position:relative}}.markerimage-block .wrapper-detail.active{opacity:1;transition:.2s;z-index:2;display:block}.markerimage-block .wrapper-detail .deco-border{position:absolute;width:52%;height:100%;top:0;left:0;z-index:2;background:#fff;clip-path:polygon(100% 0, 100% calc(100% - 8rem), calc(100% - 8rem) 100%, 0 100%, 0 0)}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail .deco-border{display:none}}.markerimage-block .wrapper-detail .deco-border::before{content:"";background:#00569c;z-index:2;width:calc(100% - 3px);height:100%;display:block}.markerimage-block .wrapper-detail .deco-border::after{content:"";background:#fff;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:-3px;clip-path:polygon(calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - (8rem - 1px)), calc(100% - (8rem - 1px)) calc(100% - 2px), 2px calc(100% - 2px), 2px 2px)}.markerimage-block .wrapper-detail .container{display:grid;align-items:center;grid-template-columns:repeat(2, 1fr);height:100%;align-content:center}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail .container{width:calc(200vw - 60px)}}.markerimage-block .wrapper-detail .container .wrapper-text{display:flex;flex-direction:column;height:100%;padding-right:50px;position:relative;z-index:3;padding-bottom:30px;justify-content:center}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail .container .wrapper-text{justify-content:center}}.markerimage-block .wrapper-detail .container .wrapper-text .item-btn{margin-top:50px}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail .container .wrapper-text .item-btn{margin-top:25px}}.markerimage-block .wrapper-detail .container .wrapper-text .close-btn{position:absolute;right:0;top:15px;width:50px;height:50px;transition:.3s}.markerimage-block .wrapper-detail .container .wrapper-text .close-btn:hover{transform:scale(1.1)}.markerimage-block .wrapper-detail .container .wrapper-text .close-btn::before{content:"";height:50px;border-left:2px solid #00569c;position:absolute;transform:rotate(45deg);left:28px}.markerimage-block .wrapper-detail .container .wrapper-text .close-btn::after{content:"";height:50px;border-left:2px solid #00569c;position:absolute;transform:rotate(-45deg);left:28px}.markerimage-block .wrapper-detail .container .wrapper-img{padding-left:20px}@media only screen and (max-width: 769px){.markerimage-block .wrapper-detail .container .wrapper-img{display:none}}