/* TODO Wardenburg */

.flex-wrapper .flex-box.two-thirds:nth-child(4) {
    margin-bottom: 0;
}

.flex-wrapper .flex-box.two-thirds:nth-child(5) {
    margin-bottom: 1rem;

}



/* 20170924 QR-Code in Start-Toolbar für Tablet */

@media (max-width: 719px) {

    .smartphonebar{
        display: flex;
    }

    .tabletbar{
        display: none;
    }

}

@media (min-width: 720px) {

    #start .tabs__toolbar--wrapper {
        display: block; /* bislang auf none, sollte in SASS entfernt werden - das div mit dem QR-Code muss innerhalb von .tabs__toolbar--wrapper im Code stehen, sonst setzt Onsen dieses div beim Seitenaufruf in den Content-Bereich */
    }

    .smartphonebar{
        display: none;
    }

    .tabletbar{
        display: flex;
    }

    .tabletbar .qrcode {
        /*padding: 5px;  bei Veränderungen auch den size-Parameter am Bild im home-Template anpassen! */
    }

}

/* -------------------- Allgemein ---------------------------------------- */

.responsiveContainer1by1 {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}

.responsiveContainer16by9 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.responsiveContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.categoryfilter,
.datefilter{
    display: inline-block;
    padding: 12px;
}

/* ---------------------------------------- Loader (über dem Content) ---------------------------------------- */

.progress-bar--indeterminate:before,
.progress-bar--indeterminate:after{
    background-color: #2a3966;
}

/* ---------------------------------------- Teilen-Leiste ----------------------------------------

.sharenav {
    margin-bottom: 0;
    transition: margin-bottom 0.5s ease-out;
    border-bottom: 1px solid #fff;
}

.sharenav.active {
    margin-bottom: 44px;
}*/