/* Einzelansicht */
.plsboxiframe { 
    background: #f4f1e5;
    margin:0em 0 2em 0; padding-left:.5em; width: 70%;
} 

#main #content .plsboxiframe table { width:95%; font-size:1.2em}
.plsboxiframe .col1 {font-weight:bold; width:70%;}
.plsboxiframe .col1 span {font-weight:normal}
.plsboxiframe .col2 {text-align: right}
.plsboxiframe .col2 .phfrei {
    color: #FFFFFF; 
    font-weight: bold; 
    background-color: #336633;	
    padding: 2px
}

#errortext span {
    padding: 2px;
    font-size: .95em;
    border: 1px solid #e0202c;
    margin: 0 0 1em 0;
}


.plsbox {  margin-bottom:2em;  padding:4px}
.plstarife table caption {text-align:left; font-weight:bold; padding-left:4px}

.freie_plaetzePls_2 {
font-weight: bold; background-color: #000; 
color: #FFFF00;
border:1px solid black;
-moz-border-radius: 5px;
border-radius: 5px;
}

 
.trend {
 background-color:black;     width: 40px; padding: 3px; float: right
}

.trend .trendstrich {
    display: block;
    height: 4px;
    width: 36px;
}
.trend .trendstrich {
    transition: all 0.2s linear 0s;
}
.trend .trendstrich + .trendstrich {
    margin-top:2px;
}
.trend .trendstrich {
    background: yellow none repeat scroll 0 0;
    border-radius: 1px;
    border: 0px solid #fff;
    display: block;
    height: 4px;
    margin-bottom: 2px;
    width: 36px;
}
.trend span:nth-of-type(1) {background-color: rgba(255, 0, 0,.3)}
.trend span:nth-of-type(2) {background-color: rgba(255, 0, 0,.3)}
.trend span:nth-of-type(3) {background-color: rgba(255, 0, 0,.3)}
.trend span:nth-of-type(5) {background-color: rgba(0, 128, 0,.4)}
.trend span:nth-of-type(6) {background-color: rgba(0, 128, 0,.4)}
.trend span:nth-of-type(7) {background-color: rgba(0, 128, 0,.4)}


.trend.trendplus1 span:nth-of-type(3) {background-color: rgba(255, 0, 0,1)}
.trend.trendplus2 span:nth-of-type(2) {background-color: rgba(255, 0, 0,1)}
.trend.trendplus2 span:nth-of-type(3) {background-color: rgba(255, 0, 0,1)}
.trend.trendplus3 span:nth-of-type(1) {background-color: rgba(255, 0, 0,1)}
.trend.trendplus3 span:nth-of-type(2) {background-color: rgba(255, 0, 0,1)}
.trend.trendplus3 span:nth-of-type(3) {background-color: rgba(255, 0, 0,1)}

.trend.trendminus1 span:nth-of-type(5) {background-color: rgba(0, 128, 0,1)}
.trend.trendminus2 span:nth-of-type(5) {background-color: rgba(0, 128, 0,1)}
.trend.trendminus2 span:nth-of-type(6) {background-color: rgba(0, 128, 0,1)}
.trend.trendminus3 span:nth-of-type(5) {background-color: rgba(0, 128, 0,1)}
.trend.trendminus3 span:nth-of-type(6) {background-color: rgba(0, 128, 0,1)}
.trend.trendminus3 span:nth-of-type(7) {background-color: rgba(0, 128, 0,1)}


/* Gesamt + Mobil */

 
.parkhaus_div {display: flex; justify-content: space-between; align-items:center; margin: .5em 0 .5em 0;} 
 
#main .parkhaus h2 {
    color:#fff !important;
    padding: .1em 0 .1em .25em;
    margin-top:0;
    }

.parkzone_4 h2 {background:#ff8800}
.parkzone_1 h2 {background:#0a76ae}
.parkzone_2 h2 {background:#963568}
.parkzone_3 h2 {background:#05a856}
.parkzone_5 h2 {background:#b62b2f}

 
.ym-column .parkhaus p  {margin:0 0 .1em 0; }
.ym-column .parkhaus a  { font-size:1.1em;display: inline-flex;line-height:200%}



#main .ym-column .parkhaus a.internerLink::before { 
    background-image: url("../img/pls/pls0.svg");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: contain;
    content: "" !important;
    width:28px;
    height: 36px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    margin: 0 14px 0px 0; 
}

#main .ym-column .parkhaus .pls1 a.internerLink::before {background-image: url("../img/pls/pls01.svg")}
#main .ym-column .parkhaus .pls2 a.internerLink::before {background-image: url("../img/pls/pls02.svg")}
#main .ym-column .parkhaus .pls3 a.internerLink::before {background-image: url("../img/pls/pls03.svg")}
#main .ym-column .parkhaus .pls4 a.internerLink::before {background-image: url("../img/pls/pls04.svg")}
#main .ym-column .parkhaus .pls5 a.internerLink::before {background-image: url("../img/pls/pls05.svg")}
#main .ym-column .parkhaus .pls6 a.internerLink::before {background-image: url("../img/pls/pls06.svg")}
#main .ym-column .parkhaus .pls8 a.internerLink::before {background-image: url("../img/pls/pls08.svg")}
#main .ym-column .parkhaus .pls9 a.internerLink::before {background-image: url("../img/pls/pls09.svg")}
#main .ym-column .parkhaus .pls10 a.internerLink::before {background-image: url("../img/pls/pls10.svg")}
#main .ym-column .parkhaus .pls12 a.internerLink::before {background-image: url("../img/pls/pls12.svg")}
#main .ym-column .parkhaus .pls13 a.internerLink::before {background-image: url("../img/pls/pls13.svg")}
#main .ym-column .parkhaus .pls14 a.internerLink::before {background-image: url("../img/pls/pls14.svg")}
#main .ym-column .parkhaus .pls15 a.internerLink::before {background-image: url("../img/pls/pls15.svg")}
#main .ym-column .parkhaus .pls16 a.internerLink::before {background-image: url("../img/pls/pls16.svg")}
#main .ym-column .parkhaus .pls18 a.internerLink::before {background-image: url("../img/pls/pls18.svg")}
#main .ym-column .parkhaus .pls19 a.internerLink::before {background-image: url("../img/pls/pls19.svg")}

/* Smartphones (portrait and landscape) ----------- */
@media screen and ( max-width: 480px) {

.plsboxiframe {
	width:100%;
}

}


.parkhausplan {
    margin: 4em 0 0 1em;
}
.parkhausplan .pls_haltestelle,
.parkhausplan .pls_fuss,
.parkhausplan .pls_bahn4 {display: block;overflow: hidden; line-height:200%; }


.parkhausplan .pls_fuss::before,
.parkhausplan .pls_bahn1::before,
.parkhausplan .pls_bahn4::before,
.parkhausplan .pls_sbahn::before, 
.parkhausplan .pls_haltestelle::before {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 80px;
    height: 50px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    float: left;
    position: relative;top: -.6em
}

.parkhausplan .pls_haltestelle::before {
   background-image: url("../img/pls/pls_haltestelle.svg");}
.parkhausplan .pls_bahn4::before {
  background-image: url("../img/pls/pls_linie4.svg");}
.parkhausplan .pls_bahn1::before {
  background-image: url("../img/pls/pls_linie1.svg");}
.parkhausplan .pls_fuss::before {
  background-image: url("../img/pls/pls_fuss.svg");}
.parkhausplan .pls_sbahn::before {
  background-image: url("../img/pls/pls_sbahn.svg");}