body {
    background: url("../debut_light.png") repeat scroll 0% 0% transparent;
}

h1, h2, h3, h4, h5, h6 {
    color: #2BA84A;
    font-weight: 600;
}

.nav-container {
    max-width: 1000px;
    margin: 0 auto;
}

.navbar-header {
    /*  height: 112px;*/
}
.navbar-header .navbar-toggle {
    margin-top: 39px;
}
.navbar-brand {
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);
    font-weight: bold !important;
    padding: 0;
    margin: 5px 30px 5px 5px;
    height: 102px;
}
.navbar-nav>li>a {
    line-height: 112px;
    text-align: center;
    padding: 0 10px;
}


.navbar.gotcha {
    border-top: 5px solid #2BA84A;
}
.navbar.gotcha-ups {
    border-top: 5px solid #333;
}
.navbar.gotcha-uups {
    border-top: 5px solid #428BCA;
}
.navbar.gotcha .navbar-brand,
.navbar.gotcha-ups .navbar-brand,
.navbar.gotcha-uups .navbar-brand {
    padding: 8px 30px 5px 5px;
}
.navbar.gotcha .navbar-nav>li>a,
.navbar.gotcha-ups .navbar-nav>li>a,
.navbar.gotcha-uups .navbar-nav>li>a {
    line-height: 118px;
}


/* Custom container */
.container-narrow {
    margin: 150px auto 20px 100px;
    padding-bottom: 40px;
    /*max-width: 970px;*/
    z-index: 10;
}

.container-narrow > hr {
    margin: 30px 0;
    border-color: #999 -moz-use-text-color #eee;
    border-top: 1px solid #999;
    border-bottom: 1px solid #eee;
}

.popover-content img {
    width: 3cm;
}

.form-signin {
    max-width: 400px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Main message and sign up button */
#hero-unit {
    text-align: center;
    background: none;
}

#hero-unit h1 {
    font-size: 72px;
    line-height: 1;
    color: #2BA84A;
}

#challenge img {
    max-width: 90%;
}

.jumbotron {
    margin-top: 30px;
    background-color: #2BA84A;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* Fix missing styles for h2,...,h6 in hero-unit */
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5,
.jumbotron h6 {
    color: #FFF;
    line-height: 1.5em;
}

/* thumbnail rows and ellipsis thumbnails */
.thumbnail {
    padding: 7px 15px;
}
.thumbnail.ellipsis.active {
    overflow: hidden;
    height: 150px;
}
.thumbnail .lead {
    word-wrap: normal;
    margin-top: 3px;
    margin-bottom: 6px;
}
.thumbnail.ellipsis a {
    color: #333;
}
.thumbnail.ellipsis a:hover {
    color: #2a6496;
    text-decoration: none;
}
.thumbnail.ellipsis span.readmore {
    text-decoration: underline;
    display: none;
}
.ellipsis-modal {
    display: none;
    /*  opacity: 0;*/
    position: absolute;
    top: 0;
    z-index: 1020;
    height: auto;
    min-height: 150px;
}
.ellipsis-modal span.readmore {
    display: none;
}
.ellipsis-modal-backdrop {
    z-index: 1010;
}

.btn {
    border-radius: 2px;
}

/* color of the "Anmeldung" Button*/ 
.btn-primary{
    background: #2BA84A
}

.btn-primary:hover{
    background: #2f8e46
}
/*Color of the "Passwort vergessen" Button*/
.btn-link{
    color: #2BA84A
}
.btn-link:hover{
    color: #2f8e46
}

.a{
    color: #2BA84A
}

.alert {
    border-radius: 1px;
}

.form-control {
    border-radius: 2px;
    box-shadow: none;
}

#auto-container {
    text-align: center;
    margin-top: 20px;
}

._25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._50 {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    display: inline;
    float: left;
}
form button[type="submit"] {
    max-width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

._75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
._100 {
    width: 98%;
    display: inline;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
form ._50 label {
    width: 100%;
}
input ._50 {
    width: 100%;
}

li > a > .checkbox {
    margin: 0px;
    margin-left: 10px;
    margin-right: 10px;
}
li > a > .checkbox > input[type="checkbox"] {
    padding-top: 10px;
    padding-bottom: 10px;
}

li > a > .checkbox input[type="checkbox"]:checked + label::after {
    padding-top: 10px;
    padding-bottom: 10px;
}

li > a > .checkbox > label {
    padding-top: 10px;
    padding-bottom: 10px;
}

#carolo-modal .modal-dialog {
    width: 682px;
}
/* @todo: medias anpassen! */

/* Desktop */
@media (min-width: 992px) {
    #team-struktur .col-md-2 {
        width: 20%;
    }
}
/* Tablets & Phones */
@media (max-width: 991px) {
    .container-narrow > * {
        margin-left: 10px;
        margin-right: 10px;
        width: auto;
    }
    #team-struktur .col-md-2 {
        padding: 0 10px;
    }
}
/* Phones */
@media (max-width: 767px) {
    .navbar-nav>li>a {
        line-height: 2.5em;
    }
    ._50 {
        width: 100%;
        display: block;
    }
    #hero-unit h1 {
        font-size: 36px;
    }
    #challenge .col-md-4 {
        padding: 0;
    }
    #challenge .img-container {
        text-align: center;
    }
    #challenge img {
        max-height: 280px;
    }
    #basteltreffen h2 {
        margin: 0 0 10px 0;
        font-size: 28px;
    }
    #basteltreffen h3 {
        margin: 0;
        font-size: 18px;
    }
    .thumbnail.ellipsis {
        height: auto;
    }
}
/* Mini Devices */
@media (max-width: 400px) {
    .navbar-header .navbar-toggle {
        margin-top: 28px;
    }
    .navbar-brand {
        height: 76px;
    }
    .navbar-brand img {
        width: 220px;
    }
}

@media print {
    .container {
        padding: 0;
        margin: 0;
        width: 100%;
        border-radius: 0;
    }
    .panel {
        border-radius: 0;
    }
    .panel-heading {
        border-radius: 0;
    }
    .container-narrow {
        margin: 0;
        max-width: none;
    }
    .print-header {
        margin-bottom: 0.5cm;
    }
    a:after {
        display: none;
    }
    /*
    table {
        display: table-row-group;
    }
    .print-page-footer {
        display: table-footer-group;
    }*/
}