@-webkit-keyframes floater-slide-in{0%{-webkit-transform:translateX(0);transform:translateX(0);left:calc(100% - 93px);max-height:93px}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%;max-height:100%}}@keyframes floater-slide-in{0%{-webkit-transform:translateX(0);transform:translateX(0);left:calc(100% - 93px);max-height:93px}to{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%;max-height:100%}}@-webkit-keyframes floater-slide-out{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%;max-height:100%}to{-webkit-transform:translateX(0);transform:translateX(0);left:calc(100% - 93px);max-height:93px}}@keyframes floater-slide-out{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:100%;max-height:100%}to{-webkit-transform:translateX(0);transform:translateX(0);left:calc(100% - 93px);max-height:93px}}#contactFloaterBox{--color-font:var(--color-background-theme-contrast);display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;z-index:9;background:var(--color-background-theme);color:var(--color-background-theme-contrast);min-height:93px;width:100%;max-width:500px;overflow:hidden;margin-top:50px;-webkit-transform:translateX(0);transform:translateX(0);left:calc(100% - 93px);max-height:93px}#contactFloaterBox.opened{-webkit-animation:floater-slide-in 1.5s forwards;animation:floater-slide-in 1.5s forwards}#contactFloaterBox.closed{-webkit-animation:floater-slide-out 0.5s forwards;animation:floater-slide-out 0.5s forwards}#contactFloaterBox a,#contactFloaterBox button{color:var(--color-background-theme-contrast)}#contactFloaterBox .floaterButton{width:93px;height:93px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--font-size-small);line-height:var(--line-height-small);padding:12px 19px 12px 19px;background-color:transparent;border:0;cursor:pointer}#contactFloaterBox .floaterButton:before{content:"";display:block;width:50px;height:50px;background-color:var(--color-background-theme-contrast);-webkit-mask-image:url(../../../images/portal2024/icons/sprechblase.svg);mask-image:url(../../../images/portal2024/icons/sprechblase.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}#contactFloaterBox .floaterButton[aria-expanded=true]:before{-webkit-mask-image:url(../../../images/portal2024/icons/schliessen.svg);mask-image:url(../../../images/portal2024/icons/schliessen.svg)}#contactFloaterBox .floaterButton:focus{opacity:0.5}#contactFloaterBox .floaterContent{padding:20px 15px 20px 15px}#contactFloaterBox .floaterContent .bezeichnung{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:15px}#contactFloaterBox .floaterContent .bezeichnung .line1{text-transform:uppercase;font-size:var(--font-size-h6);line-height:var(--line-height-h6);font-weight:var(--font-weight-medium)}#contactFloaterBox .floaterContent .bezeichnung .line2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-extrabold)}
/*# sourceMappingURL=mod_contact_floater.css.map */