/*  Author:   Martin Stettler (http://dieweberei.ch/)
    Version:  22/08/2018 // BS V4.1.3
    Tablet styles > 767
*/

/* ==========================================================================
   HEADER
   ========================================================================== */
header {
    padding: 10vh 10vw; }

.button_container {
    right: 5%;}

.news-container {
    display:  block !important;
    top: 65px;
    text-align: right;
}

.news-container li {
    padding: 0 5px 5px 0;
}

.news-container li.news {
    display:  block !important;
    margin-bottom:  10px;
}

.news-container {
    right: calc(5% + 10px); }

.header-inner-bg {
    height: calc(100vh - 20vh);
    width: calc(100vw - 30vw); }

.header-image-container {
    top: 50%;
    left: 13vw;
    height: calc(80vh - 10vh);
    width: calc(80vw - 16vw);
    transform: translateY(-50%); }

.header-image {
    background-image: url(../img/Titel_Mobile.jpg);
    background-position: top center; }

header .title {
    bottom: 10vh;
    left: 8vw; }

.texture-ruled {
    background: repeating-linear-gradient(
        -55deg,
        #f08044,
        #f08044 40px,
        #FFF 40px,
        #FFF 80px); }

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */
.program-left {
    padding-top: 20vh; }

.program-right {
    background: #f08044;
    /*color: white;
    background: repeating-linear-gradient(
        -55deg,
        #f08044,
        #f08044 40px,
        #FFF 40px,
        #FFF 80px);*/ }

.carousel-control-next {
    bottom: -70px; }

.carousel-indicators {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    width: 20%; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
/*
.friends-left {
    position: relative;
    height: 100%;
    color: white;
    background: repeating-linear-gradient(
        -93deg,
        #f08044,
        #f08044 40px,
        #FFF 40px,
        #FFF 80px); }*/

a.ease:first-child {
    margin-right: 40px; }