p {font-family: Verdana, Geneva, sans-serif}

nav>.row>div {padding-top: 2px;}
@media (min-width: 576px) {
  nav>.row>div {padding-left: 2px !important;padding-right: 2px !important;padding-top: 2px;}
  nav>.row>div:first-child {padding-left: 12px !important;}
  nav>.row>div:last-child {padding-right: 12px !important;}
}


nav>.row>div>div {background-color: #e5e5e5; width: 100%}
nav a:hover {color: #777; font-weight: bolder; text-decoration: none;}
nav>.row>div>div.selected {background-color: #cd0a24}

nav a {color: #000; font-weight: bolder;text-decoration: none;}
nav div.selected a {color: #fff}
#main {max-width: 824px;}

h2 {font-family: Verdana, Geneva, sans-serif; font-size: var(--bs-body-font-size) !important; font-weight: bolder !important}
h3 {font-family: Verdana, Geneva, sans-serif; font-size: var(--bs-body-font-size) !important; font-weight: bolder !important}

section {border-bottom: 1px; border-bottom-color: #e5e5e5; margin-bottom: 16px; border-bottom-style: solid;}

.veranstaltung h2 {font-family: Verdana, Geneva, sans-serif; font-size: var(--bs-body-font-size); font-weight: bolder;} 
.veranstaltung h3 {font-family: Verdana, Geneva, sans-serif; font-size: var(--bs-body-font-size); font-weight: bolder;}
.veranstaltung img, .hero { margin-bottom: 16px;}

.thumbs img {max-width: 100%; width: 100%}

     a.info { font-family: verdana; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#777; -webkit-transition-property: color; -webkit-transition-duration: 0.3s; } 
a.info:visited { font-family: verdana; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#777} 
 a.info:hover { font-family: verdana; text-decoration: none; font-style:normal; font-weight:normal; font-size:14px; color:#ccc; -webkit-transition-property: color; -webkit-transition-duration: 0.3s; } 
                .i {font-family: verdana; text-decoration: none; font-style:normal; font-weight:bold; font-size:18px; color:#cd0a24; }