/* Larger geography, with labels separated from neighbouring cities and markers. */
body:not(.destination-page) #places .map{width:min(100%,390px);isolation:isolate}
body:not(.destination-page) #places .pin b{
 font-size:15px;line-height:1.2;padding:5px 9px;left:14px;right:auto;top:-13px;
 box-shadow:0 3px 12px -5px #05140d40;
}
body:not(.destination-page) #places .pin i{
 width:10px;height:10px;left:-5px;top:-5px;z-index:2;
 box-shadow:0 0 0 3px #fff,0 2px 7px #05140d40;
}
body:not(.destination-page) #places .pin--cash i:after{
 inset:-6px;border:1.5px solid var(--green);animation:none;opacity:.55;
}
body:not(.destination-page) #places .pin[data-pin=berlin] b{left:auto;right:15px;top:-13px}
body:not(.destination-page) #places .pin[data-pin=hamburg] b{left:15px;top:-13px}
body:not(.destination-page) #places .pin[data-pin=duesseldorf] b{left:15px;top:-37px}
body:not(.destination-page) #places .pin[data-pin=koeln] b{left:15px;top:12px}
body:not(.destination-page) #places .pin[data-pin=karlsruhe] b{left:16px;right:auto;top:-45px}
body:not(.destination-page) #places .pin[data-pin=stuttgart] b{left:auto;right:18px;top:13px}
body:not(.destination-page) #places .pin[data-pin=muenchen] b{left:15px;right:auto;top:14px}

/* Short connectors retain the precise geographic position of every city. */
body:not(.destination-page) #places .pin:before{
 content:"";position:absolute;left:0;top:0;width:17px;height:1px;background:#718b7c;
 transform-origin:0 50%;pointer-events:none;
}
body:not(.destination-page) #places .pin[data-pin=berlin]:before{transform:rotate(180deg)}
body:not(.destination-page) #places .pin[data-pin=duesseldorf]:before{width:29px;transform:rotate(-52deg)}
body:not(.destination-page) #places .pin[data-pin=koeln]:before{width:24px;transform:rotate(45deg)}
body:not(.destination-page) #places .pin[data-pin=karlsruhe]:before{width:31px;transform:rotate(-57deg)}
body:not(.destination-page) #places .pin[data-pin=stuttgart]:before{width:27px;transform:rotate(138deg)}
body:not(.destination-page) #places .pin[data-pin=muenchen]:before{width:27px;transform:rotate(45deg)}

@media (min-width:1100px) and (min-height:640px){
 body:not(.destination-page) #places .places-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:38px}
 body:not(.destination-page) #places .map-col{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:26px;align-items:center}
 body:not(.destination-page) #places .map{width:min(100%,340px,calc((100svh - 310px) * .738))}
 body:not(.destination-page) #places .cash{padding:18px}
 body:not(.destination-page) #places .cash-cities{grid-template-columns:1fr;gap:10px}
 body:not(.destination-page) #places .cash-cities li{gap:3px;padding-bottom:8px}
}
@media (min-width:1100px) and (min-height:640px) and (max-height:760px){
 body:not(.destination-page) #places .places-grid{gap:30px}
 body:not(.destination-page) #places .map-col{gap:22px}
 body:not(.destination-page) #places .cash{padding:16px}
}
@media (max-width:479px){
 body:not(.destination-page) #places .map{width:min(calc(100% - 16px),340px)}
 body:not(.destination-page) #places .pin b{font-size:14px;padding:5px 8px}
}