div.ccm-page header {
    border-top-width: 0 !important;
    margin-bottom: 50px;
}

.ssr-logo img.logo {
    position: absolute; 
    top: 0px; 
    left: -90px;
    width: 300px;
    /* display: none; */
}

.ssr-logo h1 {
    /* display: none; */
    position: absolute;
    top: 18px;
    left:40px;
    font-size: 1.6em !important;
    line-height: 1.1em !important;
}

.content h1.slogan {
    margin-top: 20px;
    margin-bottom: 50px;
}

footer .columns .support .row .columns.notice {
    padding-bottom: 5px;
}

footer .row h5 {
    margin-bottom: 1.5em;
}

footer .row .logo {
    padding: 2px 0px 0px 10px;
}
footer .row .logo img {
    width: 55px !important;
}

footer .row .notice {
    padding: 0px 0px 0px 15px;
}
footer .row .notice p {
    font-size: 0.9em;
}

hr.white,
div.ccm-page .ccm-block-page-list-pages .ccm-block-page-list-page-entry {
    border-bottom: 1px solid hsla(0,0%,100%,0.3) !important;
}

body nav a {
}
div.ccm-page .top-bar-section li:not(.has-form) a:hover:not(.button), 
div.ccm-page .top-bar-section .moved .dropdown li a.parentLink, 
div.ccm-page .top-bar-section .has-dropdown:not(.moved) .dropdown li:not(.has-form):not(.active) > a:not(.button):hover, 
div.ccm-page .top-bar-section li a:hover {
    background-color: hsl(174, 100%, 27%);
}

.ccm-page .row.nav-container {
    margin-top: 55px;
}

.ccm-page footer a,
.ccm-page #footline a
{
    color: hsl(174, 100%, 37%);
    /* color: #00fafa; */
}

.content p a
{
    color: #fff;
    padding: 0 4px 1px 4px;
    margin: 0 1px;
    background-color: hsl(174, 100%, 37%);
    border-radius: 2px;
}
.content .seitenleiste p a,
.content p a:hover
{
    background-color: initial !important;
}
.content .seitenleiste p a:hover {
    color: inherit;
}

.content .seitenleiste h6 {
    margin-left: 5px;
    margin-top: 2em;
    margin-bottom: 1em;
}
.content .seitenleiste h6.first { margin-top: 0em;}


.panel.preview {
    border-radius: 0.5em 0 0.5em 0;
}

.hausfarbe {
    color: hsl(174, 100%, 27%);
}
.hausfarbe_bg {
    background-color: hsl(174, 100%, 27%);
}


div.ccm-page .event {
    clear: both; margin-bottom: 4px; display: -webkit-flex; display: flex; flex-direction: row; align-items: stretch; 
}

div.ccm-page div .event .date {
    float: left; padding: 5px; text-align:right; width: 55px; min-width: 55px; max-width: 55px; line-height: 1.75em;
}
div.ccm-page div .event .date.seemore {
    padding: 6px 14px 0 0;
}

div.ccm-page .event .date div {
    font-size:1.7em;
}

div.ccm-page .event .main span.time {
    font-size:0.6em;
    text-transform:initial;
}

div.ccm-page .event.typ {
    border-radius: 0.5em 0 0.5em 0;
    /* fuer nichtfarbigen Hintergrund folgende Zeile aktivieren */
    background-color: hsla(0, 0%, 75%, 0.2); 
}

div.ccm-page .event.typ .date {
    border-radius: 0.5em 0 0.5em 0;
    /* background-color: hsla(0, 0%, 50%, 0.3) !important; */
    /* background-color: hsl(172, 88%, 30%) !important; */
}

div.ccm-page .event.typ.klassiker    .date {background-color: hsl(33,  100%, 50%);}
div.ccm-page .event.typ.film         .date {background-color: hsl(0,     0%, 50%);}
div.ccm-page .event.typ.familie      .date {background-color: hsl(323,  88%, 45%);}
div.ccm-page .event.typ.vergnuegen   .date {background-color: hsl(92,   70%, 45%);}
div.ccm-page .event.typ.bildung      .date {background-color: hsl(207,  80%, 45%);}
div.ccm-page .event.typ.neues        .date {background-color: hsl(282, 100%, 45%);}
div.ccm-page .event.typ.special      .date {background-color: hsl(174, 100%, 27%);}

div.ccm-page .event.typ.starred.film       {background-color: hsla(0,     0%, 30%, 0.5);}
div.ccm-page .event.typ.starred.klassiker  {background-color: hsla(33,  100%, 30%, 0.5);}
div.ccm-page .event.typ.starred.familie    {background-color: hsla(323,  88%, 30%, 0.5);}
div.ccm-page .event.typ.starred.vergnuegen {background-color: hsla(92,   70%, 30%, 0.5);}
div.ccm-page .event.typ.starred.bildung    {background-color: hsla(207,  88%, 30%, 0.5);}
div.ccm-page .event.typ.starred.neues      {background-color: hsla(282, 100%, 30%, 0.5);}
div.ccm-page .event.typ.starred.special    {background-color: hsla(174, 100%, 30%, 0.5);}

/* div.ccm-page .event.typ.seefirst           {background-color: hsla(0, 0%, 50%, 0.4); border-radius: 0.5em 0.5em 0 0} */
div.ccm-page .event.typ.seemore            {background-color: hsla(0, 0%, 50%, 0.4); border-radius: 0 0 0.5em 0.5em; margin-top: 15px;}
div.ccm-page .event.typ.seemore      .date {background-color: transparent;}



div.ccm-page .event .main {
    flex-grow: 1; 
    padding: 5px; 
    padding-left: 15px;
    /* background-color: transparent !important; */
}

div.ccm-page .event .main h4 {
    line-height: 1.24em; 
    margin-bottom: 0.24em;
}
div.ccm-page .event.seemore .main h4 {
    line-height: 1.2em; 
    margin-top: 0em;
    margin-bottom: 0em;
}

div.ccm-page .event .main h4 a {
    color: white;
}
div.ccm-page .event.seemore .main h4 a {
    font-size: 0.6em;
}

div.ccm-page .event .main p {
    line-height: 1.2em;
}

div.ccm-page .event .main .tag {
    display:inline-flex; 
    color: white; 
    padding: 4px 8px;
}
div.ccm-page    .event .main .tag.entfaellt,
   div.ccm-page .event .main .tag.ausverkauft {background-color: #c60f13;}
div.ccm-page .event .main .tag.info           {background-color: deepskyblue;}
div.ccm-page .event .main .tag.premiere       {background-color: deepskyblue;}

div.ccm-page .event .main .tag.starred        {float:right; color: white; padding: 0.3em 4px 0px 4px;}