/* TOROLL-MOD: CSS in filesystem folder "themes" */
/* TOROLL-MOD: see also app.less wg. p.panel */
/* Hausfarbe: hsl(174, 100%, 27%) = rgb(0, 138, 124) = #008a7c */
.ssr-logo img.logo {
  position: absolute;
  top: 14px;
  left: 110px;
  height: 90px /* display: none; */;
}
.ssr-logo h1 {
  /* display: none; */
  position: absolute;
  top: 18px;
  left: 30px;
  font-size: 1.6em !important;
  line-height: 1.1em !important;
}
/* over main.css */
.ccm-page .row.nav-container {
  margin-top: 80px;
}
.ccm-page .panel p {
  line-height: 1.2em;
}
/* START */
div.ccm-page label,
div.ccm-page .label {
  color: #fff;
}
.content p a {
  color: inherit !important;
  padding: 0 4px 1px 4px;
  margin: 0 1px;
  background-color: #008a7c !important;
  border-radius: 2px;
}
.content a:hover,
.content .sidebar a {
  background-color: initial !important;
}
.content .sidebar a {
  margin: 0px;
  padding: 0px;
}
.content .sidebar a:hover {
  color: inherit !important;
}
.content .sidebar h6 {
  margin-left: 5px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 1.2em;
  line-height: 1em;
}
.content .sidebar h6.first {
  margin-top: 0em;
}
hr.white,
.ccm-page .ccm-block-page-list-pages .ccm-block-page-list-page-entry {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.panel {
  background-color: rgba(71, 235, 218, 0.75) !important;
  border-radius: 0.5em 0 0.5em 0;
}
.panel p a:visited,
.panel p a {
  color: #fff !important;
  background-color: transparent !important;
  text-decoration: underline !important;
}
.panel p a:hover {
  background-color: #008a7c !important;
}
/* Navigation */
.ccm-page div.top-bar-section li:not(.has-form) a:hover:not(.button),
.ccm-page div.top-bar-section .moved .dropdown li a.parentLink,
.ccm-page div.top-bar-section .has-dropdown:not(.moved) .dropdown li:not(.has-form):not(.active) > a:not(.button):hover,
.ccm-page div.top-bar-section li a:hover {
  background-color: #008a7c;
}
/* TOROLL-MOD 2021.06.04: Dropdown-Menüs links ausrichten, ACHTUNG: dazu auch im Template (section.top-bar-section) die CSS-Klasse für UL rechts auf links ändern */
div.ccm-page .top-bar-section ul li li li {
  float: none;
}
div.ccm-page .top-bar-section ul li li {
  text-align: center;
}
@media only screen and (min-width: 58.188em) {
  div.ccm-page .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after {
    /* content: "\00AB"; */
    content: "\00bb";
  }
}
/* END */
.content h1 {
  margin-left: -0.06em !important;
  /* Ausgleich für Bündigkeit links bei grosser Schrift */
}
.content .breadcrumbs {
  /* padding-left: 0px; */
  margin-left: -10px !important;
}
.content .breadcrumbs li {
  line-height: initial;
  /* damit underline bei hover klappt */
}
.content .breadcrumbs a {
  background-color: transparent !important;
}
.content .breadcrumbs a:hover {
  text-decoration: underline;
}
header {
  padding-top: 0px;
}
footer .columns .support .row .columns.notice {
  padding-bottom: 5px;
}
footer .row h5 {
  margin-bottom: 1.2em;
}
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;
  line-height: 1.3em;
}
.hausfarbe {
  color: #008a7c;
}
.hausfarbe_bg {
  background-color: #008a7c;
}
.content .event {
  clear: both;
  margin-bottom: 4px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.content .event p {
  font-size: 0.9em;
}
.content div .event .date {
  float: left;
  padding: 5px;
  text-align: right;
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  line-height: 1.75em;
  padding-right: 9px;
  font-weight: bold;
}
.content div .event .date.seemore {
  padding: 6px 14px 0 0;
}
.content .event .date div {
  margin-right: -6px;
  font-size: 1.9em;
}
.content .event .main span.time {
  font-size: 0.6em;
  text-transform: initial;
}
.content .event.cat {
  border-radius: 0.5em 0 0.5em 0;
  /* fuer nichtfarbigen Hintergrund folgende Zeile aktivieren */
  background-color: rgba(191, 191, 191, 0.2);
}
.content .event.cat .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; */
}
.content .cat .date {
  background-color: #008a7c;
}
/* pastell:  #008a7c */
.content .cat.special .date {
  background-color: #ff8c00;
}
/* orange:   #ff8c00 // für is_featured */
.content .cat.gastspiel .date {
  background-color: #59a673;
}
/* mattgrün: #59a673 */
.content .cat.klassiker .date {
  background-color: #6dc322;
}
/* hellgrün: #6dc322 */
.content .cat.film .date {
  background-color: #177ccf;
}
/* blau:     #177ccf */
.content .cat.bildung .date {
  background-color: #52e0c9;
}
/* cyan:     #52e0c9 */
.content .cat.workshop .date {
  background-color: #a100e6;
}
/* violett:  #a100e6 */
.content .cat.abgesagt .date {
  background-color: #666 !important;
}
/* grau: cat wird in diesem Falle hardcodiert vom entsprechenden tag übernommen */
/* .content .cat.familie      .date {background-color: hsl(323,  88%, 45%);} // pink:    #d80e8a */
/* hsl(92,   70%, 45%);} // hellgrün:    #6dc322 */
/* hsl(0,     0%, 50%);} // grau:     #808080 */
.content .cat.top.special {
  background-color: rgba(153, 84, 0, 0.5);
}
.content .cat.top.gastspiel {
  background-color: rgba(54, 99, 69, 0.5);
}
.content .cat.top.klassiker {
  background-color: rgba(73, 130, 23, 0.5);
}
.content .cat.top.film {
  background-color: rgba(15, 83, 138, 0.5);
}
.content .cat.top.bildung {
  background-color: rgba(23, 130, 112, 0.5);
}
.content .cat.top.workshop {
  background-color: rgba(107, 0, 153, 0.5);
}
/* .content .cat.top.familie    {background-color: hsla(323,  88%, 30%, 0.5);} */
/* .content .cat.seefirst           {background-color: hsla(0, 0%, 50%, 0.4); border-radius: 0.5em 0.5em 0 0} */
.content .cat.seemore {
  background-color: rgba(128, 128, 128, 0.4);
}
/* border-radius: 0 0 0.5em 0.5em; margin-top: 15px; */
.content .cat.seemore .date {
  background-color: transparent;
}
.content .event .main {
  flex-grow: 1;
  padding: 5px;
  padding-left: 15px;
  /* background-color: transparent !important; */
}
.content .event .main h4 {
  line-height: 1.24em;
  margin-bottom: 0.24em;
}
.content .event.seemore .main h4 {
  line-height: 1.2em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.content .event .main h4 a {
  color: white;
}
.content .event.seemore .main h4 a {
  font-size: 0.6em;
}
.content .event .main p {
  line-height: 1.2em;
}
.content .event .main .tag {
  display: inline-flex;
  color: white;
  padding: 1px 8px 3px 8px;
  border-radius: 2px;
}
.content .event .main .tag.abgesagt,
.content .event .main .tag.ausverkauft {
  background-color: #c60f13;
}
.content .event .main .tag.neu_im_programm {
  background-color: darkcyan;
}
.content .event .main .tag.premiere {
  background-color: dodgerblue;
}
.content .event .main .tag.derni_re {
  background-color: hotpink;
}
.content .event .main .tag.anmeldung_erforderlich {
  background-color: coral;
}
.content .event .main .tag.top {
  float: right;
  color: white;
  padding: 0.3em 4px 0px 4px;
}
/* Sternchen-Icon rechtsbündig ausrichten */
/* Simple Newsletter MODs */
/* farbliche Hervorhebung */
.alert.alert-success {
  color: chartreuse;
  font-weight: bold;
}
.alert.alert-danger {
  color: gold;
  font-weight: bold;
}
/* Icons voran stellen */
.alert.alert-success::before {
  font-family: FontAwesome;
  content: "\f14a";
  margin-right: 0.5em;
}
.alert.alert-danger::before {
  font-family: FontAwesome;
  content: "\f071";
  margin-right: 0.5em;
}
/* weitere Layoutanpassungen:
   - besseres Layout durch mehr Abstände und Texteinzug für Checkbox-Labels
   - CAPTCHA-Eingabefeld: verkleinern auf CAPTCHA-Bildgröße / Textgröße angleichen
   - Hinweistext zu Neugenerierung des CAPTCHA-Bildes neben CAPTCHA platzieren und farblich hervorheben
*/
.simple-newsletter-subscribe-form {
  margin-top: 1em !important;
}
.simple-newsletter-subscribe-form .control-label {
  margin-bottom: 0.25em;
}
.simple-newsletter-subscribe-form .checkbox {
  padding-bottom: 0.5em;
}
.simple-newsletter-subscribe-form .checkbox label {
  padding: 0.5em 1em 0.5em 2em;
}
.simple-newsletter-subscribe-form .checkbox input.ccm-input-checkbox {
  margin-left: -1.5em;
  margin-right: 0.3em;
  margin-bottom: 0px;
}
.simple-newsletter-captcha .control-label.hinweis {
  float: right;
  width: 46%;
  padding-left: 0.5em;
  color: #ff9900;
  font-size: 0.8em;
  text-shadow: none;
}
.simple-newsletter-captcha .simple-newsletter-captcha-input {
  margin-top: 5px;
}
.simple-newsletter-captcha #ccm-captcha-code {
  width: 190px;
  font-size: 1.8em;
}