/* CSS für das Modul Sponsorlogos mit Bootstrap */

/*.sponsorlogos .row { margin-left: -15px; margin-right: -15px; } */

.sponsorlogos.logos-with-desc .row { margin-left: 0; margin-right: 0; }

.sponsorlogos img { max-width: 100%; height: auto; }
.sponsorlogos a:focus { outline: 0 none; }

.sponsorlogos div[class^=sponsorlogo] {
    box-sizing: border-box; 
    display: inline-block; 
    padding: 5px; 
}
div[class^=sponsorlogo] > a.logo-link {
    display: block; padding: 10px; 
    border: 1px solid #efefef;
            border-radius: 6px 6px 6px 6px;
       -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    transition: 0.5s ease;
}
div[class^=sponsorlogo] > a.logo-link:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
       -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.logos-only div[class^=sponsorlogo] > a.logo-link:hover,
.logos-with-desc-overlay div[class^=sponsorlogo] > a.logo-link:hover { border-color: #666; }


/* logos mit beschreibung */
.logos-with-desc { display: table; }
.sponsorlogos.logos-with-desc img {
    max-width: inherit; 
}
.logos-with-desc .sponsorimg {
    display: table-cell; padding: 0 2em 1em 0;
}
.logos-with-desc .sponsorinfo {
    display: table-cell; vertical-align: top;
}

.sponsorinfo a.logo-link {
    display: block; padding: .5em 0;
}

@media (max-width: 767px) {
    .logos-with-desc { display: block; }
    .sponsorlogos.logos-with-desc img { max-width: 100%; }
    .logos-with-desc .sponsorimg {
        display: block; width: 100%; padding: 0 0 1em 0;
    }
    .logos-with-desc .sponsorinfo {
        display: block; width: 100%;
    }
}

/* bootstrap modal-overlys */
.sponsorlogos .modal .sponsor-modal { display: table; width: 100%; }
.sponsorlogos .modal .sponsorimg {
    display: inline-block;
    padding: 0 0 1em 2em;
    float: right;
}
.sponsorlogos .modal .sponsordesc {
    padding: 0 0 .5em;
}
.sponsorlogos .modal h4.modal-title {
    font-weight: 600;
}
.sponsorlogos .modal h6.companyUrl {
    font-size: 16px; font-weight: 600;
    margin-bottom: 0;
}





/* xs => < 544px */
@media (max-width: 543px) {
    .lpr-xs-1 div[class^=sponsorlogo] { width: 100%; }
    .lpr-xs-2 div[class^=sponsorlogo] { width: 50%; }
    .lpr-xs-3 div[class^=sponsorlogo] { width: 33.3%; }
    .lpr-xs-4 div[class^=sponsorlogo] { width: 25%; }
}

/* sm => >= 544px */
@media (min-width: 544px) {
    .lpr-sm-1 div[class^=sponsorlogo] { width: 100%; }
    .lpr-sm-2 div[class^=sponsorlogo] { width: 50%; }
    .lpr-sm-3 div[class^=sponsorlogo] { width: 33.3%; }
    .lpr-sm-4 div[class^=sponsorlogo] { width: 25%; }
    .lpr-sm-5 div[class^=sponsorlogo] { width: 20%; }
    .lpr-sm-6 div[class^=sponsorlogo] { width: 16.6%; }
}

/* md => >= 768px */
@media (min-width: 768px) {
    .lpr-md-1 div[class^=sponsorlogo] { width: 100%; }
    .lpr-md-2 div[class^=sponsorlogo] { width: 50%; }
    .lpr-md-3 div[class^=sponsorlogo] { width: 33.3%; }
    .lpr-md-4 div[class^=sponsorlogo] { width: 25%; }
    .lpr-md-5 div[class^=sponsorlogo] { width: 20%; }
    .lpr-md-6 div[class^=sponsorlogo] { width: 16.6%; }    
}

/* lg => >= 992px */
@media (min-width: 992px) {
    .lpr-lg-1 div[class^=sponsorlogo] { width: 100%; }
    .lpr-lg-2 div[class^=sponsorlogo] { width: 50%; }
    .lpr-lg-3 div[class^=sponsorlogo] { width: 33.3%; }
    .lpr-lg-4 div[class^=sponsorlogo] { width: 25%; }
    .lpr-lg-5 div[class^=sponsorlogo] { width: 20%; }
    .lpr-lg-6 div[class^=sponsorlogo] { width: 16.6%; }     
}

/* xl => >= 1200px */
@media (min-width: 1200px) {
    .lpr-xl-1 div[class^=sponsorlogo] { width: 100%; }
    .lpr-xl-2 div[class^=sponsorlogo] { width: 50%; }
    .lpr-xl-3 div[class^=sponsorlogo] { width: 33.3%; }
    .lpr-xl-4 div[class^=sponsorlogo] { width: 25%; }
    .lpr-xl-5 div[class^=sponsorlogo] { width: 20%; }
    .lpr-xl-6 div[class^=sponsorlogo] { width: 16.6%; }     
}