.location {
  padding-left: 10px;
  border-left: 10px solid #777;
  margin-bottom: 30px;
}


p.info {
  display: inline-block;
  border-bottom: 10px solid;
}


[class*="ce_"], [class*="mod_"], .pdf_link {
  padding: 0 0px 0 0px;
}


.layout_full.block.card.kalendar-card {
  margin-bottom: 30px;
}



.mod_eventlist.block .event,
.mod_newslist.block {
    display: flex;
    flex-direction: column;
}

/* Der Text- oder Teaserbereich dehnt sich aus und schiebt den Rest nach unten */
.mod_eventlist.block .event .teaser,
.mod_newslist.block {
    flex-grow: 1; 
}

/* Oder alternativ dem "Weiterlesen"-Button einfach das hier geben: */
.mod_eventlist.block .event .more,
.mod_newslist.block .more {
    margin-top: auto; /* Schiebt den Button automatisch ganz nach unten */
} {
}
/* Der Container,
der die 3 Beiträge umschließt */
.mod_eventlist.block,
.mod_newslist.block {
    display: grid;
    grid-template-columns: repeat(3,
minmax(0,
1fr)); /* 3 gleich große Spalten */
    gap: 30px; /* Der Abstand zwischen den Beiträgen */
}

/* Die einzelnen Beiträge/Kacheln */
.mod_eventlist.block .event,
.layout_latest.block {
    display: flex;
    flex-direction: column; /* Richtet den Inhalt (Bild,
Text,
Button) vertikal aus */
    height: 100%; /* Nutzt die volle,
vom Grid vorgegebene Höhe */
    background: #ffffff; /* Falls du einen Hintergrund hast */
    /* Hier kannst du noch Padding oder Rahmen hinzufügen,
falls gewünscht */
}

/* Responsive Design: Auf Tablets 2 Spalten,
auf Handys 1 Spalte */
@media (max-width: 992px) {
    .mod_eventlist.block,
.mod_newslist.block {
        grid-template-columns: repeat(2,
minmax(0,
1fr));
    }
}
@media (max-width: 768px) {
    .mod_eventlist.block,
.layout_latest.block  {
        grid-template-columns: 1fr;
    }
} {
}
.mod_eventlist .event {
  margin-bottom: 1rem;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 12px;
} {
}
.mod_eventlist.block {
    transition: opacity .3s ease;
}
.mod_eventlist.block.is-loading {
    opacity: .5; /* Lässt die Liste leicht ausgrauen,
während geladen wird */
    pointer-events: none; /* Verhindert doppelte Klicks während des Ladens */
} {
}

/* wojuschau */
.op-nav.block {
    display: block;
      margin-top: 200px;
}

/* wojuschau */
.wojuschau-nav {
    height: 300px;
      width: 100%;
      border-bottom: 1px solid #dedede;
}

/* wojuschau */
#foerderer {
    padding-top:20px;
    padding-bottom:60px;
    height: auto;
    background: #A7D60F;
}

/* news rechtsbündig */
.rebue {
    text-align: right;
}

/* teaser */
.content {
    padding-top: 20px !important;
}
.ce_text.b14.vertical-line.block {
    padding-right: 20px;
    border-right: 2px solid;
} {
}
body.musikschule {
    border-left:10px solid #007bc1;
}
body.parktheater {
    border-left:10px solid #01998c;
}
body.museum {
    border-left:10px solid #f28800;
}
body.bibliothek {
    border-left:10px solid #e40613;
}
body.galerien {
    border-left:10px solid #77b82a;
}
body.events {
    border-left:10px solid #a81681;
}
.klone-info {
    color: red !important;
} {
}
.klone-info li {
    color:#f00;
    color: #343f45 !important;
    font-family: Oswald,
Arial-Narrow !important;
    text-transform: uppercase;
} {
}
.vertical-subnav ul li {
    text-align: center;
    display: table-cell;
} {
}
.vertical-subnav ul span.active,
.vertical-subnav ul a.active,
.vertical-subnav ul a:hover,
.vertical-subnav li a {
    background-color:#786c5c;
    border: none !important;
} {
}
.vertical-subnav ul a,
.vertical-subnav ul span {
    font-family:Oswald,
Arial-Narrow;
    text-transform:uppercase;
    letter-spacing:.08em;
} {
}
.vertical-subnav ul a,
.vertical-subnav ul span.active {
    line-height:43px;
} {
}
.ce_gallery ul,
.image_container ul {
        padding:0;
    list-style-type:none;
}

.ce_gallery ul:after,
.image_container ul:after {
    content:"";
    display:block;
    clear:both;
}

/*.ce_gallery li {
    width:48%;
    float:left;
    margin:1%;
}*/

.ce_gallery figure,
.image_container figure {
    float:left;
    max-width:100%;
    margin:0;
    position:relative;
}

.ce_gallery img,
.image_container img {
    display:block;
    max-width:100%;
    height:auto;
}

.ce_gallery figcaption,
figure.image_container figcaption {
    position:absolute;
    bottom:0;
    left:10px;
    right:10px;
    background-color:rgba(0,
0,
0,
.8);
    color:white;
    padding:5px;
    transition:.8s;
    opacity:0;
    visibility:hidden;
}

.ce_gallery figure:hover figcaption,
figure.image_container:hover figcaption.caption {
    opacity:1;
    visibility:visible;
} {
}
.img-border img {
    border:1px solid #dedede;
    border-radius:6px;
}
#footer .toggler::before {
    padding-right:.1em !important;
}
#footer .toggler::before {
    font-family: icons;
    content: '\e842';
}
#footer .toggler {
    position: relative;
    padding: 3px 4px;
    border-bottom: 0px solid;
}
.mod_mae_event_filter li.category a:hover {
    color: #e30613 !important;
}
.mod_mae_event_filter li.category a {
    font-size:90%;
    color:#444;
}
.mod_eventlist .ce_text,
.mod_eventreader .ce_text {
    padding-left:0;
}

/* event */
.datetime {
    width:40px;
    text-align:center;
    background-color:#fff;
}

/* event */
.mod_eventlist .image_container {
    margin-top:-45px;
    z-index: -1;
}

/* event */
.layout_teaser .day,
.layout_list .day {
    line-height:3.9rem;
    font-size: 3.8rem;
    font-weight: 600;
    font-family: Barlow Condensed;
}

/* event */
.layout_teaser .month::after,
.layout_list .month::after {
    position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #808080;
        width: 40px;
}

/* event */
.layout_teaser .month,
.layout_list .month {
    text-transform: uppercase;
    font-size: 2rem;
    position: relative;
    font-family: Barlow Condensed;
    font-weight: 600;
}
#main [class*="mod_"] .inside {
    padding-top:1rem;
    padding-bottom:1rem;
}
.btn-small .inactive-categories ul li {
    float:left;
    margin-right:10px;
}
.mod_mae_event_filter li.category {
    float:left;
    margin-right:10px;
}
.mm-navbar__title {
    display:none;
}

/* mm */
.mm-listview {
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight: 500;
}

/* hamburger */
/* Darstellung wenn das Close-Icon angezeigt werden soll */

/*.hamburger-active .hamburger-icon-container {
  color:#febe43;
}*/

.hamburger-active .hamburger-icon {
  background: transparent;
  transform: rotate(-135deg)
}

.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0
}

.hamburger-active .hamburger-icon:before {
  transform: rotate(90deg)
} {
}

/* hamburger */
/* Basis Styling */

.hamburger-icon-container {
  _color:#58b047;
  color:#$mainC;
  height: 1.7em;
  width: 1.7em;
  position: fixed;
  top: 30px;
right: 30px;
  cursor: pointer;
  background: none;
  /*border:9px solid currentColor;*/
  border-radius: 1px;
  z-index: 200;
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  content: '';
  position: absolute;
  height: 4px;
  width: 1.7em;
  background: #444444;
  transition: all .2s ease;
}

.hamburger-icon {
  top: .75em
}

.hamburger-icon:before {
  top: -0.55em
}

.hamburger-icon:after {
  top: .55em
} {
}
ul.level_1 li.submenu.trail a.submenu.trail span,
nav#nav.mod_navigation.block ul.level_1 li.trail.first a.trail.first span,
nav#nav.mod_navigation.block ul.level_1 li.trail a.trail {
    color:#e30613;
}
.caption-cr figcaption {
    min-width:100px;
    bottom:5%;
    left:5%;
    position:absolute;
    display:inline-block;
    padding:.2rem 1rem;
    background-color:rgba(214,212,212,.5);
    font-size:1rem;
    font-weight:bold;
    color:#333;
    z-index: 2;
}
.layout_latest.columns_3.arc_5.block.card.space-bottom40._non-news-klick.padding-bottom20.first.even,
.layout_latest.columns_3.arc_5.block.card.space-bottom40.padding-bottom20.odd {
    padding-bottom:34px;
}
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a,
#nav ul.level_1 li.trail {
    color:#e30613;
}
#nav li .active,
.forward.trail:active,
.forward.trail {
    color:#ababab;
}
a:hover {
    text-decoration:underline;
}
#nav a {
    font:1rem Barlow Condensed;
    text-transform:uppercase;
    letter-spacing:.1em;
}

/* Headernavigation umbauen wegen Lupe oben */
#nav {
    height:3rem;
    top:5rem;
}
[class*="ce_"] th,
.mod_calendar th,
[class*="ce_"] td,
.mod_calendar td {
    padding: 8px 15px;
}
#logo-sk-bensheim {
    padding-top:15px;
    padding-left:16px;
}
.no-border .kalendar-card {
    border: none !important;
}

/* suchefunktion */
#search-slot:hover input {
    background-color:rgba(255,255,255,.7);
    padding: 8px 0 8px 20px !important;
        width: 200px !important;
}

/* suchefunktion */
#search-slot input {
    padding:0;
} {
}

/* suchefunktion */
#search-slot .btn {
    padding-top:8px;
    padding-bottom:8px;
    border:0px;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0;
    behavior:url('assets/css3pie/1.0.0/PIE.htc');
    font-size: 150%;
    background: #dedede !important;
    color: #ffffff !important;
} {
}

/* suchefunktion */
#search-slot [class^="icon-"]::before {
    margin-left: -1px;
    line-height: 0px;
}
.icon-search {
    margin-left: 0 !important;
    line-height: 0 !important;
}

/* google-map opt-in */
#confirm-googlemaps {
    width:80%;
    min-height:100px;
    left:5%;
    right:5%;
    top:5%;
    position:absolute;
    overflow:hidden;
    display:block;
    padding:10px;
    background-color:#ededed;
} {
}

/* google-map opt-in */
#confirm-googlemaps:hover {
    cursor: pointer;
}

/* news */
.kalendar-card {
    margin-right:10px;
    border-bottom:1px solid #eee;
}

/* news */
.non-news-klick .more {
    display: none;
}

/* news */
.cardnr {
    position:relative;
    float:right;
    display:block;
}

/* ausschalten padding */
div.ce_text:nth-child(5) {
    padding-bottom: 0px !important;
}

/* news */
.columns_3 {
    width:33%;
    margin-right:.33%;
}

/* news */
.card {
    min-height:10em;
    padding:10px;
    border-color:#eee;
    border-radius:8px;
    background: #dedede !important;
}

/* news */
.mod_newsreader .card {
    min-height:10em;
    padding:10px;
    background-color:#f7f7f7;
    border: none !important;
	border-radius:8px;
}

/* news + event */
.mod_newsreader .card h1 {
    padding:0;
    color:#444;
    padding-left: 0px;
}

/* news */
.mod_newsreader [class*="ce_"] {
    padding-right:0;
    padding-bottom:10px;
    padding-left:0;
    background: none !important;
}
#nav li .active {
    color: #444444!important;
}
.section-border {
    border-bottom:1px solid #dedede;
}
p.center > a:nth-child(1),
p.center > a:nth-child(2),
p.center > a:nth-child(3) {
    font-family:Sen;
    color:#632424;
    color: #666666 !important;
}
#nav > ul > li > a,
#nav ul.level_1 li strong.active,
#nav ul.level_1 li strong.forward {
    padding-right:1.0rem;
    padding-left:1.0rem;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p {
    margin-top:1px;
    margin-bottom:8px;
}
#footer h2 {
    text-transform:uppercase;
    letter-spacing:.1em;
}
#nav li:hover ul {
    background: #f3f3f3 !important;
    opacity: .85;
}
#nav > ul > li > a,
#nav > ul > li strong.active,
#nav ul > li strong.forward,
#nav > ul.level_1 li strong.active {
    text-transform:uppercase;
    letter-spacing:.1em;
}
#nav li ul,
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a,
#nav ul.level_1 li.trail,
#nav > ul > li:hover > a,
#nav > ul:not(:hover) > li.active > a,
#nav ul.level_1 li.trail,
#nav ul.level_1 li.trail a {
    background: inherit;
    color: inhertit;
}
#nav ul.level_1 > li.active {
    background-color: inherit;
    color: inherit;
}