.splitScreen{
    margin-top:15px;
    position: relative;
    z-index: 0;
}

.splitScreen .col-lg-6,
.splitScreen .col-lg-6{
    padding:0;
}

.splitScreen #map {
    height: 400px;
    z-index: 0;
}

@media (min-width: 1200px) {
    .splitScreen #map {
        height: 750px;
    }
}

/*.splitScreen .leaflet-tile-pane{
    filter: grayscale(1);
}*/

.awesome-marker-icon-oy {
    background-position: 0 0;
    background-image:url(img/oy-marker.png);
    width: 35px;
    height: 46px;
    background-size:auto;
}


.splitScreen .brick{
    height: 250px;
    padding:0;
    background-size:cover;
}

.splitScreen .bright{
    width:100%;
    height:100%;
    opacity: 0;
    /*transition: opacity 0.2s ease-in-out;*/
}

.splitScreen .pinHover .bright,
.splitScreen .brick:hover .bright{
    background-color:#000;
    opacity: 0.1;
}

.splitScreen .pinHover,
.splitScreen .brick:hover{
    border: 2px solid #9ebd01;
}

.splitScreen .title{
    color: #fff;
    text-shadow: 0 0 2px #000;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 24px;
    font-weight: normal;
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 999;
}

/*
bildurl relativ zur domain angeben
oder komplett angeben
(wichtig fürs infowindow der kartenpins)
*/
.b1{
    background-image: url(/fileadmin/oy-splitscreen/img/Kletterwald_Gruentensee_Oy-Mittelberg.jpg);
}
.b2{
    background-image: url(/fileadmin/oy-splitscreen/img/Skatepark_Oy-Mittelberg.jpg);
}
.b3{
    background-image: url(/fileadmin/oy-splitscreen/img/Kirche_Maria_Rain_Oy-Mittelberg.jpg);
}
.b4{
    background-image: url(/fileadmin/oy-splitscreen/img/Moosaikreich_Oy-Mittelberg.jpg);
}
.b5{
    background-image: url(/fileadmin/oy-splitscreen/img/Panoramaweg_Oy-Mittelberg.jpg);
}
.b6{
    background-image: url(/fileadmin/oy-splitscreen/img/Auf_SEINER_Spur_Oy-Mittelberg.jpg);
}

.infoWindowShrink{
    max-height:200px;
    overflow: hidden;
    text-align: center;
}
.infoWindowShrink img{
    width:200px;
}