:root {
    --main-grey: #474647;
}

body{
    font-family: "Open Sans", sans-serif;
    color: #474647;
}

/* Globale Link-Gestaltung - gleiche Farbe wie der Text, aber mit Unterstreichung */
a {
    color: #474647 !important;
    text-decoration: underline !important;
}

a:hover {
    color: #474647 !important;
    text-decoration: underline !important;
}

a:visited {
    color: #474647 !important;
    text-decoration: underline !important;
}
.text-dark{
    color: #474647 !important;
}

.container{
    max-width: 1064px;
}

header{
    min-height: 55px;
    background-color: #fff;
}

.nav-link{
    font-size: 12px;
    font-weight: normal !important;
}
.nav-link.active-green{
    color: #5BB56A !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

input.form-control.form-search {
    font-size: 10px;
    max-height: 26px;
    outline: none;
}
input.form-control.form-search:focus {
    box-shadow: unset;
}

.hero-section, .who{
    background-color: #F8F8F8;
}

.text-theme{
    color: #5AB567;
}

.hero-desc-area{
    max-width: 500px;
}
.hero-desc-area p{
    font-size: 14.5px;
    line-height: 130%;
}
.card{
    max-width: 180px;
}
.card-title{
    font-size: 12px;
}

.card-desc{
    font-size: 12px;
    text-align: justify;
}

.who p{
    max-width: 600px;
    font-size: 14.5px;
    text-align: justify;
}
.inner-container{
    margin: 0 7%;
}
.item-card{
    font-size: 13px;
}
.border-6{
    border-width: 10px !important;
}
footer{
    background-color: var(--main-grey);
    font-size: 10px;
}
footer p{
    padding-bottom: 3px;
}

footer span {
    display: inline-block;
    min-width: 35px;
}

/* Footer-Links: die globale Regel `a:visited { color:#474647 }` überstimmen,
   damit besuchte Impressum-/Datenschutz-Links nicht im grauen Footer untergehen. */
footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
footer a:focus {
    color: #fff !important;
    text-decoration: none !important;
}

.inner{
    max-width: 700px;
    margin: auto;
}

.sub-title{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: #5AB567;
}
.desc{
    font-size: 13px;
}
.desc-sm{
    font-size: 10px;
}
.dash-list{
    list-style-image: url(../images/dash.gif);
    list-style-position: outside;
}

.dash-list-green{
    list-style-image: url(../images/dash-green.gif);
    list-style-position: outside;
    color: #5AB567;
}

table{
    max-width: 500px;
}
table td{
    line-height: 1.2;
    font-size: 13px;
    vertical-align: middle;
}
table td a{
    color: #474647;
}

.table>:not(caption)>*>* {
    padding: .33rem .3rem;
    color: #474647;
    background-color: transparent !important;
}

.deleted{
    color: #FF0000;
    text-decoration: line-through;
}

#info .item-card .desc {
    max-width: 460px;
}
.newsleter-wrapper{
    max-width: 750px;
    margin: auto;
}
.newsleter-form{
    max-width: 550px;
}
.form-control{
    font-size: 13px;
}

.max-w-700{
    max-width: 700px;
    margin: auto;
}
.h6{
    font-size: 18px !important;
}
@media screen and (max-width: 768px) {
    .inner-container {
        margin: 0 4%;
    }

    .image-container img {
        max-width: 70px;
    }
    
}

/* Graues Menü (events_all, legal_texts_base) - passt zur Schriftgröße der Hauptnavigation und zur Aktiv-Farbe */
.grey-menu-nav a {
    font-size: 12px !important;
    color: #fff !important;
    text-decoration: none;
    transition: color 0.2s;
    font-weight: normal !important;
}
.grey-menu-nav a.active-grey,
.grey-menu-nav a:active,
.grey-menu-nav a:focus {
    color: #5BB56A !important;
}
.grey-menu-nav a:hover {
    color: #5BB56A !important;
}
.grey-menu-nav a i {
    color: #fff !important;
}

/* Gestaltung der Rechtstexte */
.legal-text {
    font-size: 13px;
    line-height: 1.4;
}

.main-grey-bar {
    background-color: var(--main-grey) !important;
}

/* Die graue Leiste unterhalb des fixierten Headers fixieren */
.sticky-grey {
    position: sticky;
    top: 55px; /* entspricht der min-height des Headers in _base.html */
    z-index: 1020; /* über dem Inhalt, bei Bedarf unter dem Offcanvas */
}

/* Einheitliche Schriftgröße für Summernote-HTML-Inhalte in den Veranstaltungsdetails */
.event-detail-content {
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.event-detail-content p {
    font-size: 13px !important;
    margin-bottom: 0.5rem !important;
}

.event-detail-content ul,
.event-detail-content ol {
    font-size: 13px !important;
    margin-bottom: 0.5rem !important;
}

.event-detail-content li {
    font-size: 13px !important;
}

.event-detail-content strong,
.event-detail-content b {
    font-weight: bold !important;
    font-size: 13px !important;
}

.event-detail-content em,
.event-detail-content i {
    font-style: italic !important;
    font-size: 13px !important;
}

.event-detail-content h1,
.event-detail-content h2,
.event-detail-content h3,
.event-detail-content h4,
.event-detail-content h5,
.event-detail-content h6 {
    font-size: 13px !important;
    font-weight: bold !important;
    margin-bottom: 0.5rem !important;
}

.event-detail-content a {
    color: #474647 !important;
    text-decoration: underline !important;
    font-size: 13px !important;
}

.event-detail-content a:hover {
    color: #474647 !important;
    text-decoration: underline !important;
}

.event-detail-content a:visited {
    color: #474647 !important;
    text-decoration: underline !important;
}