/* Freibrief - Theme im Bootstrap-2015-Stil, Primärfarbe #d90877 */

html, body {
    /* Bugfix: verhindert horizontales "Schaukeln"/Ziehen der Seite, das durch
       zu breite Elemente (z. B. feste Anzeigenbreiten) entstehen kann */
    overflow-x: hidden;
    max-width: 100%;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #f5f5f5;
    color: #333;
}

a { color: #d90877; }
a:hover, a:focus { color: #a30559; }

.pilot-banner {
    background: #fff3f9;
    border-bottom: 1px solid #f0c6dc;
    color: #7a0246;
    font-size: 12px;
    padding: 4px 0;
    line-height: 1.4;
}
.pilot-banner .fa { margin-right: 4px; }
.pilot-banner-link { text-decoration: underline; }

.navbar-default {
    background-color: #ffffff;
    border-color: #eee;
    border-radius: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.08);
    margin-bottom: 0; /* Bugfix: Bootstrap-Standardabstand von 20px sorgte zusammen mit
                          dem Container-Padding für zu viel Leerraum vor dem Jumbotron */
}
.navbar-default .navbar-brand {
    color: #d90877;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a {
    color: #555;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #d90877;
}
.btn-navbar-cta, .btn-navbar-cta:hover {
    background: #d90877 !important;
    color: #fff !important;
    border-radius: 4px;
    margin: 8px 6px;
    padding: 6px 14px !important;
}

.main-container { min-height: 60vh; padding-top: 12px; padding-bottom: 20px; }

.btn-cta, .btn-cta:hover, .btn-cta:focus {
    background-color: #d90877;
    border-color: #b40662;
    color: #fff;
}
.btn-cta:hover { background-color: #b40662; }

.panel-cta {
    border-top: 3px solid #d90877;
}

.jumbotron.brand {
    background: linear-gradient(135deg, #d90877 0%, #ff4fa3 100%);
    color: #fff;
    border-radius: 6px;
    padding: 30px 30px;
    margin-top: 0;
}
.jumbotron.brand h1 { font-weight: bold; }
.jumbotron.brand .btn-cta { background: #fff; color: #d90877; font-weight: bold; }
.jumbotron.brand .btn-cta:hover { background: #f2f2f2; }

.badge-limit {
    background: #d90877;
}

.label-status-in_bearbeitung { background: #f0ad4e; }
.label-status-versendet { background: #5cb85c; }
.label-status-storniert { background: #d9534f; }

.site-footer {
    background: #2b2b2b;
    color: #ccc;
    padding: 30px 0 15px 0;
    margin-top: 40px;
}
.site-footer h4 { color: #fff; }
.site-footer a { color: #ff9bcb; }
.site-footer a:hover { color: #fff; }

.ad-box {
    text-align: center;
    margin: 20px 0;
    max-width: 100%;
}
.ad-box .ad-label {
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.ad-box ins.adsbygoogle {
    max-width: 100% !important;
}
.ad-leaderboard { margin: 15px 0 25px 0; }
.ad-infeed { margin: 30px 0; padding: 10px 0; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.ad-rectangle { margin: 25px auto; }

.upload-hint-box {
    background: #fff8fb;
    border: 1px dashed #d90877;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

#adblock-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,.85);
    z-index: 99999;
    text-align: center;
}
#adblock-overlay .adblock-box {
    background: #fff;
    max-width: 500px;
    margin: 10% auto;
    padding: 30px;
    border-radius: 6px;
    border-top: 5px solid #d90877;
}
#adblock-overlay .fa-exclamation-triangle {
    font-size: 40px;
    color: #d90877;
    margin-bottom: 10px;
}

.badge-neu { background: #d90877; }