/*
MODUL:Building Room
*/
.rd-building-room .rd-container              { max-width:var(--medium-container-width); --grid-gap: 1rem; }
.rd-building-room .rd-building-room-overview { display: flex; margin-left: calc(var(--grid-gap) * -1); flex-wrap: wrap }

.rd-building-room .rd-text-box               { width: calc(33.333331% - var(--grid-gap)); margin: 0 0 3rem var(--grid-gap); }

.rd-building-room-name                       { font-size:var(--font-size-h4); font-weight:var(--font-weight-bold); }
.rd-building-room-name p                     { margin-bottom: 0; }
.rd-building-room-address                    { font-size: 18px; }
.rd-building-room-info li                    { background-color:var(--color-bg-2); max-width: 250px; margin-bottom: 10px; padding-left: 10px !important;}

main .rd-building-room-info,
main .rd-building-room-list                  { padding-left: 0; margin-bottom: 16px; }
main .rd-building-room-list li               { padding-left:0; }
.rd-building-room-info li:before, .rd-building-room-list li:before { display:none !important; }

main .rd-building-room-list a                { color: var(--color-black); text-decoration: none; display: inline-block; }
main .rd-text-box .rd-building-room-list a:before { display:none; }
.rd-building-room-list li span               { position: relative; display:flex; }

.rd-building-room-list li span:before {
    content:'';
    width:20px;
    height:15px;
    background-size: auto 15px;
    background-repeat:no-repeat;
    background-position:0 center ;
    display: block;
    margin:auto 1rem auto 0;
    filter:var(--svg-color-1)
}

.rd-building-room-list li.rd-building-room-email span:before { background-image:url(../images/icon-mail.svg); background-size:15px auto; }
.rd-building-room-list li.rd-building-room-phone span:before { background-image:url(../images/icon-phone.svg); }
.rd-building-room-list li.rd-building-room-fax span:before { background-image:url(../images/icon-printer.svg); }

@media (max-width:960px) {
  .rd-building-room .rd-text-box             { width: calc(50% - var(--grid-gap));   }
}
@media (max-width:645px) {
    .rd-building-room .rd-text-box           { width: calc(100% - var(--grid-gap)); }
    .rd-building-room-info li                { max-width: 236px; }
}