.intro{font-family:'Arial';display:flex;justify-content:center;align-items:center;max-width:100%;box-sizing:border-box;overflow:hidden}.intro.right{flex-direction:row-reverse}.intro .intro-image
img{width:697px;max-width:100%;height:567px;object-fit:cover}.intro .intro-text-wrapper{display:flex;align-items:center;flex-direction:column;padding:36px;box-sizing:border-box;word-break:keep-all;overflow-wrap:normal;max-width:100%}.intro.without-image .intro-text-wrapper{width:756px;max-width:100%;padding:0}.intro:not(.without-image) .intro-text-wrapper{width:612px;background:#fff;position:relative;z-index:1;padding:36px;max-width:100%;box-sizing:border-box}.intro.left .intro-text-wrapper{padding-left:0}.intro.right .intro-text-wrapper{align-items:flex-start;text-align:left;padding-right:0;align-items:flex-start;text-align:left}.intro.right .before-title{margin-left:0;text-align:left;width:100%}.intro .intro-text-wrapper .before-title{color:#00A97A;font-weight:700;margin:0
auto 16px}.intro .intro-text-wrapper .intro-title{margin:0;margin-bottom:24px}.intro .intro-text-wrapper .intro-title>*{margin:0}.intro.without-image .intro-text-wrapper .intro-title{text-align:center}.intro.without-image .intro-text-wrapper{text-align:center}.intro .intro-text-wrapper .intro-text{font-family:Arial,sans-serif;margin-bottom:24px}.intro.without-image .intro-text{line-height:2pc;text-align:center}.intro .intro-text-wrapper .reading-time{font-family:Arial,sans-serif;font-size:14px;color:#6e6e6e;display:flex;align-items:center}.intro .intro-text-wrapper .reading-time
span{margin-right:12px}.intro .intro-image{margin-left:-180px;width:calc(50% + 140px);max-width:100%}.intro.right .intro-image{margin-left:0;margin-right:-180px;max-width:100%}.intro.left .intro-text-wrapper{align-items:flex-start}.intro.left .intro-text-wrapper .before-title{margin:0
0 16px}.intro.bottom{flex-direction:column-reverse}.intro.bottom .intro-image,
.intro.bottom .intro-image
img{width:100%;margin-left:0}.intro.bottom .intro-text-wrapper{margin-top:-160px;width:828px;max-width:100%;padding:36px;text-align:center}.before-title.size-very-big{font-size:24px}.before-title.size-big{font-size:22px}.before-title.size-medium{font-size:20px}.before-title.size-small{font-size:18px}.before-title.size-very-small{font-size:16px}.intro-text.size-very-big{font-size:24px}.intro-text.size-big{font-size:22px}.intro-text.size-medium{font-size:20px}.intro-text.size-small{font-size:18px}.intro-text.size-very-small{font-size:16px}@media (max-width: 800px){.intro{flex-direction:column;padding:16px;margin:0
15px;text-align:center;max-width:100%;box-sizing:border-box;overflow:hidden}.intro .intro-image{order:1;width:100%;margin:0
!important;display:flex;justify-content:center}.intro .intro-text-wrapper{order:2;width:100%;padding:24px;text-align:center !important;margin:0
auto 16px !important;display:block;box-sizing:border-box;word-break:keep-all;overflow-wrap:normal}.intro .intro-image
img{margin:0
auto;width:100%;height:auto}.intro.bottom{flex-direction:column}.intro.bottom .intro-text-wrapper{margin-top:0;word-break:keep-all;overflow-wrap:normal}}@media (max-width: 600px){.intro{padding:8px;margin:0;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;margin:0
auto 68px;line-height:1}.intro .intro-image{order:1;width:100%;margin:0}.intro .intro-text-wrapper{order:2;padding:16px;word-break:keep-all;overflow-wrap:normal;max-width:100%;box-sizing:border-box}.intro .intro-image
img{width:100%;height:auto}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.pulse .icon:after{content:"";display:block;position:absolute;width:40px;height:40px;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(.24, 0, .38, 1) 3;animation:pulse-animation 1s cubic-bezier(.24, 0, .38, 1) 3;z-index:-1}.hotpoints
.hotpoint{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;transform:translate(-50%, -50%);overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}.hotpoints .hotpoint
.icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;background:#9e2ab5;border-radius:50%;cursor:pointer;border:1px
solid #9e2ab5;margin-top:40px;box-shadow:0 4px 8px rgba(51, 51, 51, .1607843137)}.hotpoints .hotpoint
.add{cursor:pointer;width:48px;height:48px;border-radius:50%;background:url("/wp-content/themes/bbraun/svg/add_white.svg") #9e2ab5 center no-repeat}.hotpoints .hotpoint
.remove{cursor:pointer;width:48px;height:48px;border-radius:50%;background:url("/wp-content/themes/bbraun/svg/remove_purple.svg") #fff center no-repeat;display:none}.hotpoints .hotpoint.open .remove, .hotpoints .hotpoint.open .hotpoint-wrapper{display:flex;flex-direction:column}.hotpoint .hotpoint-wrapper{width:280px;background:#9e2ab5;padding:20px
15px 20px;color:#fff;border-radius:10px;position:absolute;bottom:0;transform:translateY(-80px);box-sizing:border-box;display:none}.hotpoint .hotpoint-wrapper::after{content:"";display:block;width:0;height:0;position:absolute;top:99.5%;left:0;border-radius:1.5625rem;border-left:8.75rem solid transparent;border-right:8.75rem solid transparent;border-top:1.5625rem solid #9e2ab5}.hotpoint.open .hotpoint-wrapper{display:block;z-index:10}.hotpoint.open{z-index:10}.hotpoint.open .hotpoint-wrapper .hotpoint-title{font-family:'Arial';font-size:32px;margin-bottom:16px;font-weight:700;line-height:2.375rem}.hotpoint.open .hotpoint-wrapper .hotpoint-text{font-family:Arial;font-size:16px}.hotpoint .hotpoint-link{line-height:24px;margin-top:27px}.hotpoint .hotpoint-link
a{color:#fff;font-family:Arial;font-size:16px;font-weight:bold;text-decoration:none;line-height:24px}.hotpoint .hotpoint-link a+span{position:relative;top:6px;font-weight:700}.hotpoint.green .hotpoint-wrapper{background:#00a97a}.hotpoint.green .hotpoint-wrapper::after{border-top:24px solid #00a97a}.hotpoints .hotpoint.green
.icon{background:url("/wp-content/themes/bbraun/svg/add_white.svg") #00a97a center no-repeat;border:1px
solid #00a97a}.hotpoints .hotpoint.green
.icon.remove{background:url("/wp-content/themes/bbraun/svg/remove_green.svg") #fff center no-repeat}.hotpoint.grey .hotpoint-wrapper{background:#ececec;color:#333}.hotpoints .hotpoint.grey
.icon{background:url("/wp-content/themes/bbraun/svg/add_white.svg") #333 center no-repeat;border:1px
solid #333}.hotpoint.grey .hotpoint-wrapper::after{border-top:1.5625rem solid #ececec}.hotpoints .hotpoint.grey
.icon.remove{background:url("/wp-content/themes/bbraun/svg/remove_black.svg") #fff center no-repeat}.hotpoint.grey-white .hotpoint-wrapper{background:#ececec;color:#333}.hotpoint.grey-white .hotpoint-wrapper::after{border-top:1.5625rem solid #ececec}.hotpoints .hotpoint.grey-white
.icon{background:url("/wp-content/themes/bbraun/svg/add_black.svg") #fff center no-repeat;border:1px
solid #fff;color:#333}.hotpoint.grey-white.pulse .icon:after{background:#333}.hotpoints .hotpoint.grey-white
.icon.remove{background:url("/wp-content/themes/bbraun/svg/remove_white.svg") #333 center no-repeat}@media (max-width: 800px){.wp-block-bbraun-hotpoints.hotpoints{display:flex;justify-content:center;align-items:center}.hotpoint .hotpoint-wrapper{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);max-width:none;padding:20px;border-radius:0;background:#9e2ab5;z-index:10}.hotpoint .hotpoint-wrapper::after{display:none}.hotpoint .hotpoint-wrapper
.remove{position:absolute;top:10px;right:10px;display:block}.hotpoint .hotpoint-wrapper .remove
img{width:20px;height:20px}}.hotpoints{position:relative}.hotpoints .hotpoints-bg{width:100%}.hotpoints .hotpoints-bg
img{width:100%}