/*************************************************
* Full PLS Map
*************************************************/
#map_image,
.map {
    max-width: 100%;
}

.parking {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.parkingCounter-wrap {
    width: calc(100vw - (var(--c80-padding) * 2));
}

.parking-wrap h2 {
    margin-bottom: 0;
    padding-left: 15px;
}

#parkraeume_karte {
    width: 100%;
    height: 436px;
    margin-bottom: 20px;
}

.map {
    position: relative;
    text-align: center;
    width: 980px;
    margin: 0 auto;
}

.map-pl {
    position: absolute;
    width: 19px;
    height: 23px;
    background: url('../Img/transparent.gif') repeat;
}

.map-pl21 {
    top: 244px;
    left: calc(332px + 2px);
}

.map-pl22 {
    top: 145px;
    left: calc(389px + 2px);
}

.map-pl23 {
    top: 189px;
    left: calc(424px + 2px);
}

.map-pl24 {
    top: 159px;
    left: calc(230px + 2px);
}

.map-pl25 {
    top: 181px;
    left: calc(44px + 2px);
}

.map-pl31 {
    top: 269px;
    left: calc(462px + 2px);
}

.map-pl32 {
    top: 309px;
    left: calc(357px + 2px);
}

.map-pl33 {
    top: 316px;
    left: calc(420px + 2px);
}

.map-pl41 {
    top: 52px;
    left: calc(590px + 2px);
}

.map-pl42 {
    top: 238px;
    left: calc(615px + 2px);
}

.map-pl43 {
    top: 302px;
    left: calc(627px + 2px);
}

.map-pl44 {
    top: 162px;
    left: calc(643px + 2px);
}

.map-pl51 {
    top: 109px;
    left: calc(880px + 2px);
}

.map-pl52 {
    top: 88px;
    left: calc(758px + 2px);
}

.map-pl53 {
    top: 36px;
    left: calc(826px + 2px);
}

.map-pl54 {
    top: 42px;
    left: calc(904px + 2px);
}

.map-pl .popup {
    position: absolute;
    top: 24px;
    left: 1px;
    -webkit-box-shadow: 6px 4px 10px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 6px 4px 10px 2px rgba(0, 0, 0, 0.3);

    height: 0px;
    width: 0px;
    overflow: hidden;

    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.map-pl.active .popup {
    width: 240px;
    height: 183px;
}

.map-pl .popup h4 {
    color: #fff;
    padding: 10px;
    background-color: var(--bodytext-color);
    width: 240px;
}

.map-pl .popup img {
    display: block;
}


/* PH Table ================================== */
.table-pls {
    margin-bottom: 10px;
}

.table-pls .label {
    padding: 15px 0;
    margin-right: calc(var(--bs-gutter-x) * .5);
    color: var(--bodytext-color);
    background-color: var(--theme-secondary);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.parkingCounter-innerwrap .table-pl {
    width: calc(var(--parking-state-width));
    font-size: 0.75rem;
    margin-bottom: 15px;
}


.parkingStatusMain,
.name {
    margin-right: calc(var(--bs-gutter-x) * .5)
}

.table-pls-Zentrum.West .parkingStatusMain {
    background-color: var(--yellow);
}

.table-pls-Marktplatz .parkingStatusMain {
    background-color: var(--orange);
}

.table-pls-Klosterviertel .parkingStatusMain {
    background-color: var(--pink);
}

.table-pls-Zentrum.Ost .parkingStatusMain{
    background-color: var(--blue);
}

/* #timestamp {
    flex: 1;
    margin-bottom: 25px;
    font-weight: 500;
    justify-content: flex-end;
    margin-right: var(--bs-gutter-x)
}

#timestamp .parkingStatusMain {
    padding: 10px 0;
    margin-right: 0;
} */

.table-pls span.name {
    text-align: center;
    padding: 5px 0;
}

.table-pls a:hover, .table-pls a:visited, .table-pls a:visited:hover {
    color: var(--bodytext-color);
}

.table-pls a {
    display: block;
    text-decoration: none;
    font-weight: 500;
}

.tx-kmi-pls-integration .teaser {
    width: 70%;
    font-size: 1.25em;
    line-height: 1.3em;
    margin-bottom: 4rem;
    min-width: 700px;
}

.table-pls-Zentrum.West .name,
.table-pls-Zentrum.West .current {
    background-color: var(--bright-yellow);
}

.table-pls-Klosterviertel .name,
.table-pls-Klosterviertel .current {
    background-color: var(--bright-pink);
}

.table-pls-Marktplatz .name,
.table-pls-Marktplatz .current {
    background-color: var(--bright-orange);
}

.table-pls-Zentrum.Ost .name,
.table-pls-Zentrum.Ost .current {
    background-color: var(--bright-blue);
}

/*************************************************
* PLS Details
*************************************************/

.content .parkspaces {
    margin-top: 20px;
}

.pl-details .parkspaces {
    margin: -18px 0 0 0;
}


.headerheight {
    height: calc(75vh - var(--headerheight));
}

.carousel-content h1 {
    padding-bottom: 40px;
}

.pl-details .properties {
    float: left;
    width: 60%;
    margin: 0px 10% 0 0;
}

.pl-details .properties-boxes {
    float: left;
    /* width: 240px; */
    width: 30%;
}

.pl-details .parkspaces .not-current li ul {
    display: none;
}

/* .pl-details .properties-boxes div {
    margin: 0 0 1em 0;
} */

.pl-details #map_canvas::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../Icons/google-maps.svg);
    background-size: contain;
    background-repeat: no-repeat;
}