/* ===================================================================
       HOMEPAGE
====================================================================== */

/* Red teaser badge */
.red-dot {
    margin-top: 15px;
    background-color: #d00000;
    text-align: center;
    color: #ffffff !important;
    padding-top: 0.3571rem;
}

@media (min-width: 992px) {
    .red-dot {
        position: absolute;
        margin-top: 0px;
        top: 65px;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        height: 180px;
        width: 180px;
    }
}

/* "Read more" Button under the press quotes */
.btn-press {
    display: inline-block;
/*    width: 50%;*/
    float: right;
    padding: 0 1em;
    line-height: 2.3;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    color: #fff;
    background-color: #384351;
    border-bottom: 30px solid #0085cd;
    border-left: 20px solid transparent;
    height: 0;
    margin-right: -1.955rem;
    margin-bottom: -1.25rem;
    border-bottom-right-radius: .25rem;
}

/* ==================================================================
       DOWNLOAD-Page
===================================================================== */

/* Background Linux dropdown */
.dl-linux .dropdown-menu {
    background-color: #ddd;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: orange;
    text-decoration: none;
    background-color: transparent;
}

/* Vergößert den Abstand links und rechts vom Card-Deck. 
   Sonnst bricht die H1 (Windows) zu früh um */
@media (min-width: 992px) and (max-width: 1199px) {
    .wide-gutters {
        margin-right: -35px;
        margin-left: -35px;
    }
}


/* ==================================================================
       Promo SMOA Banner
===================================================================== */

.smo-mobile-banner {
    background: url("../../../images/banner/smo_mobile.jpeg") 50% 50% no-repeat;
    background-size: cover;
}
.smo-mobile-banner .overlay-banner {
    height: 100%;
    padding: 3vw;
    background: -moz-linear-gradient(left, rgba(249, 249, 249, 1) 0%, rgba(250, 250, 250, 1) 20%, rgba(255, 255, 255, 0.5) 60%);
    background: -webkit-linear-gradient(left, rgba(249, 249, 249, 1) 0%, rgba(250, 250, 250, 1) 20%, rgba(255, 255, 255, 0.5) 60%);
    background: linear-gradient(to right, rgba(249, 249, 249, 1) 0%, rgba(250, 250, 250, 1) 20%, rgba(255, 255, 255, 0.5) 60%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#00ffffff', GradientType=1);
}
/*
.smo-mobile-banner .container .apple,
.smo-mobile-banner .container .google {
    color: #242729;
    height: 55px;
}
*/
.smo-mobile-banner .modal .android-comparison {
    margin-top: 0px !important;
}
.smo-mobile-banner .modal-header {
    border: 0;
}
.smo-mobile-banner .modal-content {
    border: 0;
    border-radius: 0;
}
.smo-mobile-banner .modal .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}