/* CSS für DEZ - Relaunch 2016 */
/* Definitionen für die Startseite */
/* Definitionen für alle Bildschirmgrößen */
#mod_artikel_optionen,
#mod_breadcrump {
    display: none;
}

#main {
    margin: 0 auto;
}

.artikel_liste {
    margin: 0 0 35px 0;
    border: none;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

#main .slider-container-outer {
/*    margin-left: -10px;*/
    display: block;
    margin-left: -60px;
    padding: 0 50px;
    position: relative;
}
#main .slider {
/*    margin-left: 50px;
    margin-right: 50px;*/
}
/** Artikel-Teaser auf der Startseite **/
#main .startseite_teaser {
    background-color: #fff9ed;
    margin: 10px -0.9375rem;
    border-bottom: none;
    border-radius: 12px;
    padding: 25px 0.9375rem;
}

#main .startseite_teaser h1 {
    color: #f17a16;
    font-size: 1rem;
    /* Silbentrennung ausschalten */
    hyphens: none;
    text-align: left;
}

#main .artikel_nr_8 {
    background-color: #f1f1f1;
    /* hellgrau */
}

/** ENDE - Artikel-Teaser auf der Startseite **/
/* Die folgenden Media-Queries gelten nur für die Startseite. */
/* Definitionen ab 690px Bildschirmbreite (2 Teaser) */
@media only screen and (min-width: 690px) {
    #main .startseite_teaser {
        width: 99%;
        /*355px;*/
        height: 420px;
        overflow: hidden;
        float: left;
        margin: 10px;
        padding: 25px 20px 25px 20px;
    }

    #main .startseite_teaser h1 {
        margin-left: -20px;
        padding-left: 20px;
    }
}

/* Definitionen ab 1024px Bidlschirmbreite (3 Teaser) */
@media only screen and (min-width: 1024px) {
    #main .startseite_teaser {
        width: 70%;
        max-width: 430px;
    }
}