.page-fixed-area-bottom{
padding-bottom: 50px;
}
.fixed-area{
position: fixed;
left: 0;right: 0;
z-index: 50;
background: #fff;
padding: 15px;
}
.fixed-area.bottom{
bottom: 0;
box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
}
.fixed-area.top{
top: 90px;
box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}
.fixed-area > .elementlist{
margin-bottom: 0;
align-items: center;
}
@media (max-width: 767.98px){
.fixed-area > .elementlist > div{
text-align: center;
}
.fixed-area > .elementlist > div:first-child *{
font-size: 1.5rem !important;
}
.fixed-area .btn{
display: block;
}
}
@media (min-width: 1280px){
.fixed-area > .elementlist{
max-width: calc(1110px + 15px + 15px);
margin: 0 auto;
}
}


/* ======================================================== */
.fixed-area.accent{
background: #CEEFED;
}
/* RESET */
.fixed-area .textfragment,
.fixed-area h3:last-child,
.fixed-area h4:last-child,
.fixed-area p:last-child,
.fixed-area .btn{
margin-bottom: 0 !important;
}