/********************************************************
 *      Responsive-Styles max 1024px für Newsportal     *
 ********************************************************/

@media (max-width: 1024px) {

    #header-sublogo {
        height: 40px;
        position: absolute;
        right: 20px;
    }

    nav#main-navigation {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
        float: none;
        width: 100%;
        margin-top: 0;
    }

    nav#main-navigation ul li a {
        font-size: 18px;
    }

    .archive-posts.header-slider {
        grid-column: span 6;
    }

    main.startseite .header-part .widget-header-rechts-box,
    main.archive .header-part .widget-header-rechts-box {
        grid-column: span 6;
    }

    main.archive .archive-header {
        grid-column: span 6;
    }

    .archive-posts article {
        grid-column: span 2;
    }

    main.startseite .header-part .widget-header-rechts-box,
    main.archive .header-part .widget-header-rechts-box,
    main.singlepage .content-part .widget-header-rechts-box,
    main.page .content-part .widget-header-rechts-box,
    main.searchpage .content-part .widget-header-rechts-box{
        min-height: 0;
    }

    .singlepage .content,
    .page .content,
    .searchpage .content {
        grid-column: span 6;
    }

    .singlepage .rechte-spalte,
    .page .rechte-spalte {
        grid-column: span 6;
        text-align: center;
    }

    .singlepage .rechte-spalte .top-fixed {
        position: static;
        width: auto;
    }

    .singlepage .kommentar-box {
        grid-column: span 3;
    }
    .searchpage .rechte-spalte {
        display: none;
    }

    /* Werbebanner */
    .anzeigen-box-titel .anzeigen-banner .bild-banner {
        padding-bottom: 200px !important;
    }

    .anzeigen-box-titel .anzeigen-banner .bild-banner .bild-banner-image-container {
        height: 200px;
        background-size: 200px auto;
    }

    .anzeigen-box-horizontal.anzahl-3 .anzeigen-banner  {
        width: calc(48% - 2px);
        margin-left: 1%;
        margin-right: 1%;
    }

    .singlepage .singlepage-content .content-box .anzeigen-box {
        display: block;
    }

    .singlepage .rechte-spalte #anzeigen-box-rechtespalte {
        display: none;
    }

    .singlepage .rechte-spalte .anzeigen-box.responsive_banner {
        display: block;
    }
























}