/* Allgemeines */
body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.15px !important;
    color:#333 !important;
    background:#eee !important;
}

/* Header */
header .lead {
    padding-top: 0;
}

#headerLogo {
    display: none;
}

#headerTitle {
    margin: 0;
}

@media (min-width: 992px) {
    #headerLogo,
    #headerTitle {
        float: left;
        display: block;
    }

    #headerLogo img {
        height: 70px;
    }

    #headerTitle {
        margin-left: 20px;
        margin-top: 5px;
    }

    .trait {
        margin-top: 20px;
    }
}

@media print {
    #headerLogo {
        display: none;
    }
}

/* Footer */
#footer {
    border-top: 1px solid #e8e6ed;
    padding-top: 27px;
    margin-top: 20px;
}

#footer {
    text-align: center;
}

/* Links */
a,
a:visited,
label {
    color: #56398f;
    cursor: pointer;
    text-decoration:none;
    transition: 0.15s all ease-in-out;
}

a:hover {
    color: #fca504;
    text-decoration:none
}

/* Überschriften */
h1 {
    font-size: 25px;
}

h2 {
    font-size: 17px !important;
}

h3, h4 {
    color: #7256a8;
}

/* Forms */
.form-control:focus {
    border-color: #9e83bb;
    box-shadow: 0 0 10px #d4bbdd
}

/* Content */
.ombre {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    border-radius: 20px;
}

@media screen {
    .ombre {
        box-shadow: 0 0 25px rgba(50, 50, 50, 0.2) !important;
    }
}

@media (max-width: 767px) {
    .ombre {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
    }
}

.well {
    min-height: 0;
    padding: 5px;
    margin-bottom: 0;
    background-color: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 7px;
}

.well.summary {
    padding: 5px !important;
    margin-bottom: 20px !important;
}

.input-group.input-group-sm {
    margin-top: 5px;
    margin-bottom: 5px;
}

.trait {
    background-color: #cac2da;
    height: 3px;
}

.jumbotron {
    background-color: #f5f4f6;
    border-radius: 10px !important;
}

.container .jumbotron p {
    word-break: break-word;
}

/* Buttons */
.btn-success {
    background-color: #5bb851;
    border: none;
    text-shadow: none;
}

.btn-success:hover {
    background-color: #46a13c;
    border: none;
    text-shadow: none;
}

.btn-primary {
    background-color: #56398f;
    border: none;
    text-shadow: none;
}

.btn-primary:hover {
    background-color: #6749a2;
    border: none;
    text-shadow: none;
}

.btn-warning {
    background-color: #f2b23a;
    border: none;
    text-shadow: none;
}

.btn-warning:hover {
    background-color: #fca504;
    border: none;
    text-shadow: none;
}

.btn-info {
    background-color: #d9edf7;
    border: none;
    text-shadow: none;
    color: #31708f;
}

.btn-info:hover {
    background-color: #bcdff1;
    border: none;
    text-shadow: none;
    color: #31708f;
}

/* Hinweise */
.alert-info {
    background-color: #d9edf7;
    color: #31708f;
    border: none;
    border-left: 5px solid #bcdff1;
    border-radius: none;
}

.alert-success {
    background-color: #dff0d8;
    color: #3c763d;
    border: none;
    border-left: 5px solid #d0e9c6;
    border-radius: none;
}

.alert-warning {
    background-color: #fcf8e3;
    color: #9c8051;
    border: none;
    border-left: 5px solid #f4ecc4;
    border-radius: none;
}

.alert-danger {
    background-color: #f2dede;
    color: #a94442;
    border: none;
    border-left: 5px solid #ebcccc;
    border-radius: none;
}

kbd {
    border: 1px solid #ccc;
    background-color: #fff;
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 12px;
    word-break: break-word;
}

.text-success,
.yes .btn, .yes .btn:hover {
    color: #419430;
}

.yes input[type="radio"]:checked + label {
    background-color: #419430;
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}

.text-warning,
.ifneedbe .btn, .ifneedbe .btn:hover {
    color: #e79724;
}

.ifneedbe input[type="radio"]:checked + label {
    background-color: #e79724;
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}

.text-danger,
.no .btn, .no .btn:hover {
    color: #d43333;
}

.no input[type="radio"]:checked + label {
    background-color: #d43333;
    border-color: #fff;
    color: #fff;
    box-shadow: none;
}

.list-unstyled.choice .btn,
.no .btn.startunchecked,
.no .btn.startunchecked:hover {
    border-color: #fff !important;
}

form[action="https://abstimmung.kkbula.de/pkXAGRNQbAmGxMGw"] .ifneedbe {
    display: none;
}

table.results .bg-danger .glyphicon {
    opacity: 1;
    animation-duration: 0s !important;
}