/* Seitenspezifische Elemente, die nicht in der allgemeinen style.css vorkommen oder
Elemente in dieser überschreiben */

.bilderMittlereSpalte {
    vertical-align: top;
    width: 280px;
    padding-left: 80px;
}

.bilderMittlereSpalte img {
    width: 300px;
    padding-bottom: 1rem;
}

.bilderRechteSpalte {
    vertical-align: top;
    width: 280px;
    padding-left: 60px;
}

.bilderRechteSpalte img {
    width: 300px;
    padding-top: 1rem;
}

#mobilAnzeige {
    display: none;
}


 /* Media Queries */   

 @media only screen and (max-width: 1100px) {

    #mobilAnzeige {
        display: inline;;
    }

    #mobilAnzeige p {
        margin-bottom: 1rem;
    }

    #desktopAnzeige {
        display: none;
    }
 }

 @media only screen and (max-width: 768px) {

    #mobilAnzeige {
        display: inline;
    }

    #desktopAnzeige {
        display: none;
    }

    .bilderMittlereSpalte img {
        width: 260px;
        padding-bottom: 1rem;
    }
    
    .bilderRechteSpalte img {
        width: 260px;
        padding-top: 1rem;
        padding-left: 1.3rem;
    }
}