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

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

.checkbox input[type="checkbox"] ::after {
    margin-top: 4px;
}

.nav-container {
    max-width: 970px;
    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;
    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-signup {
    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);
}

.form-signin {
    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;
}

h1,h2,h3,h4,h5 {
    font-family: 'Nunito', sans-serif;
}

/* 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
}

.btn-warning{
    background: #F23B20 
}

.btn-warning:hover{
    background: #cb3c27
}

.alert {
    border-radius: 1px;
}

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

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

#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;
    }
    #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;
    }*/
}
input[type='checkbox'], input[type='radio']{
	opacity: 1 !important;
    box-shadow: 1px 1px !important;
}
input[type='checkbox']{
	margin: 2px -20px 0 !important;
	content: none;
}
input[type='radio']{
	margin: 2px 0 0 !important;
	content: none;
}
input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after{
	content: none;
}
.checkbox label::before{
	content: none;
}