@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
:root {
  --cassiopeia-color-primary: #35539c;
  --cassiopeia-color-link: #35539c;
  --link-color: #35539c;
  --link-color-rgb: 48, 99, 141;
  --cassiopeia-color-hover: #35539c;
  --link-hover-color: #35539c;
  --link-hover-color-rgb: 149, 75, 86;
}

.mod-finder__search.input-group .awesomplete input {
  padding: 5px;
}
.mod-finder__search.input-group button {
  padding: 5px;
  height: 100%;
}

body {
  box-sizing: unset;
}

ul.mod-articlesnews-horizontal.newsflash-horiz.mod-list {
  display: flex;
  grid-gap: unset;
}

#logo img {
  width: auto;
  height: auto;
  object-fit: contain;
}

.back-to-top-link:hover,
.back-to-top-link:focus {
  color: black;
  background-color: var(--cassiopeia-color-hover);
  border-color: black;
}

/* ############################################################################# */
/* Changes before Joomla 4 update */

div#maximenuck115.maximenuckh ul.maximenuck li.maximenuck div.floatck {
  border: 1px #6b6b6b solid;
}

.moduletable.covid_link h2 {
  display: block !important;
  text-align: center;
  background: #e1e5f0;
}

.moduletable.covid_link h2 a {
  text-decoration: none;
  color: #ca0b1d;
  text-transform: none;
  padding: 2rem 0;
  display: inline-block;
  box-sizing: unset;
}

#all {
  background-color: #fff;
}
#logo {
  width: 265px;
  height: 76px;
  float: left;
  padding-right: 2em;
  padding-bottom: 0.5em;
  box-sizing: unset;
}
h1#logo {
  margin: 0;
}
#line {
  text-align: right;
  margin-right: 2em;
}
#main .spalte_links {
  width: 40%;
  float: left;
  padding: 0 5% 0 5%;
  box-sizing: unset;
}
#main .spalte_rechts {
  width: 39%;
  float: left;
  border-left: 1px solid #ca0b1d;
  padding: 0 5% 0 5%;
  box-sizing: unset;
}

a:link,
a:visited {
  color: #35539c;
}
a:hover,
a:active {
  color: #ca0b1d;
}

#footer-sub {
  background-color: #fff;
}
#footer {
  max-width: 65em;
  margin: 0 auto;
  padding: 2em 15%;
  box-sizing: unset;
}
#footer a:link,
#footer a:visited {
  color: #35539c;
  text-decoration: underline;
}
#footer a:hover,
#footer a:active {
  color: #ca0b1d;
  text-decoration: underline;
}

#footer-inner ul.mod-menu {
  padding: 0;
  margin-left: 0;
  box-sizing: unset;
}
#footer-inner ul.mod-menu a {
  text-decoration: underline;
}

a#scrollToTop {
  text-decoration: none;
}

/* +++++++++++++++  menus ++++++++++++++++++++++++ */
#header #nav {
  float: left;
  margin-top: 35px;
  margin-bottom: 1em;
}
#header #nav a {
  text-decoration: none;
}
.mobilemaximenuck div.level4.maximenuck.current a {
  color: #ca0b1d !important;
}

#right h3 {
  font-family: "Roboto Condensed", Arial, sans-serif;
  font-size: 1.5em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #35539c;
  background-image: url(../../../images/pfeil.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  padding: 4px 9px 2px;
  min-height: 37px;
  box-sizing: unset;
}
/* 1 Ebene */
#right ul.mod-menu {
  margin: 0;
  padding: 0;
  box-sizing: unset;
}
#right ul.mod-menu li {
  border-bottom: 1px solid #807c74;
  padding: 0;
  box-sizing: unset;
}
#right ul.mod-menu li a:link,
#right ul.mod-menu li a:visited {
  padding: 5px 0.5em;
  color: #807c74;
  box-sizing: unset;
}
#right ul.mod-menu li a:hover,
#right ul.mod-menu li a:active,
#right ul.mod-menu li.active a {
  color: #ca0b1d;
}

#right ul.mod-menu li.parent {
  border-bottom: 1px solid #807c74;
}
#right ul.mod-menu li.parent a:link,
#right ul.mod-menu li.parent a:visited {
  background-image: url(../../../images/pfeil_klein_rechts.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#right ul.mod-menu li.parent a:hover {
  padding: 5px 0.5em;
  color: #ca0b1d;
  background-color: #ebeef5;
  text-transform: uppercase;
  background-image: url(../../../images/pfeil_klein_unten.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu li.parent a:active,
#right ul.mod-menu li.parent.active a {
  padding: 5px 0.5em;
  color: #35539c;
  background-color: #ebeef5;
  text-transform: uppercase;
  background-image: url(../../../images/pfeil_klein_unten_blau.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu li.parent.active a:hover {
  color: #ca0b1d;
  background-image: none;
}
/* 2 Ebene */
#right ul.mod-menu ul.mod-menu__sub {
  padding-left: 1em;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub li {
  border-bottom: none;
}
#right ul.mod-menu ul.mod-menu__sub li a:link,
#right ul.mod-menu ul.mod-menu__sub li a:visited {
  padding: 5px 0;
  color: #807c74;
  background-color: #fff;
  text-transform: none;
  background-image: none;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub li a:hover,
#right ul.mod-menu ul.mod-menu__sub li a:active,
#right ul.mod-menu ul.mod-menu__sub li.current.active a {
  color: #ca0b1d;
  background-image: none;
}

#right ul.mod-menu ul.mod-menu__sub li.parent a:link,
#right ul.mod-menu ul.mod-menu__sub li.parent a:visited {
  background-image: url(../../../images/pfeil_klein_rechts.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#right ul.mod-menu ul.mod-menu__sub li.parent a:hover {
  padding: 5px 0;
  color: #ca0b1d;
  background-color: #fff;
  text-transform: uppercase;
  background-image: url(../../../images/pfeil_klein_unten.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub li.parent a:active,
#right ul.mod-menu ul.mod-menu__sub li.parent.active a {
  padding: 5px 0;
  color: #35539c;
  background-color: #fff;
  text-transform: uppercase;
  background-image: url(../../../images/pfeil_klein_unten_blau.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub li.parent.active a:hover {
  color: #ca0b1d;
  background-image: none;
}
/* 3 Ebene */
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li a:link,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li a:visited {
  padding: 5px 0;
  color: #807c74;
  background-color: #fff;
  text-transform: none;
  background-image: none;
  box-sizing: unset;
}

#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li a:hover,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li a:active,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.current.active a {
  color: #ca0b1d;
  background-image: none;
}

#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent a:link,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent a:visited {
  background-image: url(../../../images/pfeil_klein_rechts.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent a:hover {
  padding: 5px 0;
  color: #ca0b1d;
  background-color: #fff;
  text-transform: none;
  background-image: url(../../../images/pfeil_klein_unten.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent a:active,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent.active a {
  padding: 5px 0;
  color: #35539c;
  background-color: #fff;
  text-transform: none;
  background-image: url(../../../images/pfeil_klein_unten_blau.png);
  background-repeat: no-repeat;
  background-position: right center;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub li.parent.active a:hover {
  color: #ca0b1d;
  background-image: none;
}
/* 4 Ebene */
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub ul.mod-menu__sub li a:link,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub ul.mod-menu__sub li a:visited {
  padding: 5px 0;
  color: #807c74;
  background-color: #fff;
  text-transform: none;
  background-image: none;
  box-sizing: unset;
}
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub ul.mod-menu__sub li a:hover,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub ul.mod-menu__sub li a:active,
#right ul.mod-menu ul.mod-menu__sub ul.mod-menu__sub ul.mod-menu__sub li.active a {
  color: #ca0b1d;
  background-image: none;
}

.anker {
  text-decoration: none;
}
/* seitenunbruch, aktiver link  */
.toclink.active {
  color: #e43636;
}
/* +++++++++++++++  Module ++++++++++++++++++++++++ */

/* +++++  jevents +++++ */
#jevents .ev_navigation table {
  max-width: 50%;
}

#jevents .ev_navigation table td {
  width: 20%;
}

#jevents .ev_navigation table td.iconic_td {
  width: 60% !important;
}

tr.icon_labels td {
  text-align: center;
}

div#ev_icon_yearly {
  margin: 0 auto;
}

#jevents .ev_navigation table td a {
  margin: 0 auto;
  display: block;
}

#jevents .ev_navigation table td a img {
  margin: 0 auto;
  display: block;
}

#jevents .ev_navigation table td.iconic_td a img {
  height: 3rem;
}

/* +++++  Suche +++++ */
.suche {
  float: right;
}

/* +++++ Bilder +++++ */
.bild {
  max-width: 1280px;
  margin: 0 auto 0.5em auto;
}

/* +++++ Newsflash +++++ */
.aktuelles {
  background-color: #e1e5f0;
}
.moduletable_news {
  max-width: 65em;
  padding: 0 5%;
  margin: 0 auto;
  box-sizing: unset;
}
.moduletable_news h5 a {
  color: #807c74;
  text-decoration: none;
}
.moduletable_news a {
  text-decoration: none;
}
ul.newsflash-horiz {
  margin: 0;
  padding: 0;
  box-sizing: unset;
}
ul.newsflash-horiz li {
  float: left;
  margin: 0 1% 1em 1%;
  max-width: 21%;
  min-height: 30em;
  padding: 1%;
  list-style-type: none;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow: 1px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow: 1px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow: 1px 1px 6px #a0a0a0; /* CSS3 */
  box-sizing: unset;
}
.moduletable_news .article-separator {
  display: none;
}
.veranstaltungen {
  background-color: #e1e5f0;
}
ul._alleVeranstaltungen {
  margin: 0;
  padding: 0;
  box-sizing: unset;
}
._alleVeranstaltungen li {
  max-width: 65em;
  padding: 0.5em 15% 3em 15%;
  margin: 0 auto;
  display: block;
  list-style-type: none;
  text-align: center;
  font-size: 2em;
  box-sizing: unset;
}
._alleVeranstaltungen a {
  color: #ca0b1d;
  text-decoration: none;
}
._alleVeranstaltungen a:hover {
  color: #35539c;
}

/* +++++  Bereich Schnell gefunden +++++ */
.box1 {
  background-color: #e1e5f0;
  display: none;
}
body.itemid-101 .box1 {
  display: block;
}
.box1 h5 {
  margin-top: 0.75em;
}
.container_schnellgefunden {
  max-width: 65em;
  margin: 0 auto;
  padding: 0 15% 0 15%;
  box-sizing: unset;
}
.container_schnellgefunden:before {
  content: " Schnell gefunden ";
  margin-bottom: 0.75em;
  font-size: 2em;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0 0 0.5em 0;
  display: block;
  text-align: center;
  font-family: "Oswald", Arial, sans-serif;
}
.container_schnellgefunden p {
  margin: 0;
  padding: 0;
  line-height: 1em;
}
.moduletable_stadt,
.moduletable_piberegg,
.moduletable_buergerservice,
.moduletable_kinderbetreuung,
.moduletable_schulen,
.moduletable_senioren {
  max-width: 23%;
  margin-right: 2.66%;
  margin-bottom: 2.66%;
  text-align: center;
  float: left;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow: 1px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow: 1px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow: 1px 1px 6px #a0a0a0; /* CSS3 */
}
.moduletable_stadt a,
.moduletable_piberegg a,
.moduletable_buergerservice a,
.moduletable_verwaltung a,
.moduletable_kinderbetreuung a,
.moduletable_schulen a,
.moduletable_senioren a,
.moduletable_vereine a {
  text-decoration: none;
}

.moduletable_verwaltung,
.moduletable_vereine {
  max-width: 23%;
  margin-right: 0;
  margin-bottom: 2.66%;
  text-align: center;
  float: left;
  background-color: #fff;
  -moz-box-shadow: 1px 1px 6px #a0a0a0; /* Firefox */
  -webkit-box-shadow: 1px 1px 6px #a0a0a0; /* Chrome, Safari */
  -khtml-box-shadow: 1px 1px 6px #a0a0a0; /* Konqueror */
  box-shadow: 1px 1px 6px #a0a0a0; /* CSS3 */
}

/* +++++ Kontakt & Ineressante Informationen +++++ */
.box3 {
  max-width: 65em;
  margin: 0 auto;
  padding: 3em 15% 3em 15%;
  box-sizing: unset;
}
.moduletable_kontakt {
  width: 40%;
  float: left;
  padding: 0 5% 0 5%;
  box-sizing: unset;
}
.moduletable_interessanteInformationen {
  width: 39%;
  float: left;
  border-left: 1px solid #ca0b1d;
  padding: 0 5% 0 5%;
  box-sizing: unset;
}

/* +++++++++++++++++++++++++++++++++++  verschiedene Ausgaben ++++++++++++++++++++++++++++++++++++++++++++ */

@media only screen and (max-width: 980px) {
  /* +++++++++++++++  Module ++++++++++++++++++++++++ */
  /* +++++ Newsflash +++++ */
  ul.newsflash-horiz li {
    margin: 0 1% 1em 1%;
    max-width: 46%;
    min-height: 35em;
    padding: 1%;
  }
}

@media only screen and (max-width: 850px) {
  #jevents .ev_navigation table {
    max-width: none;
  }
  #header #nav {
    float: none;
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
  }
  #contentarea,
  #contentarea2 {
    padding: 3em 10% 5em 10%;
    box-sizing: unset;
  }
  #close {
    display: none;
  }
  #right {
    display: none;
  }
  #wrapper {
    width: 100%;
  }
  /* +++++++++++++++  Module ++++++++++++++++++++++++ */
  /* +++++ Newsflash +++++ */
  .moduletable_news {
    padding: 0 10%;
    box-sizing: unset;
  }
  ul.newsflash-horiz li {
    max-width: 96%;
  }
  /* +++++  Bereich Schnell gefunden +++++ */
  .container_schnellgefunden {
    padding: 0 10% 0 10%;
    box-sizing: unset;
  }
  .moduletable_stadt,
  .moduletable_buergerservice,
  .moduletable_kinderbetreuung,
  .moduletable_senioren {
    max-width: 48.67%;
    margin-right: 2.66%;
    margin-bottom: 2.66%;
  }
  .moduletable_piberegg,
  .moduletable_verwaltung,
  .moduletable_schulen,
  .moduletable_vereine {
    max-width: 48.67%;
    margin-right: 0;
    margin-bottom: 2.66%;
  }
  /* +++++ Kontakt & Ineressante Informationen +++++ */
  .box3 {
    padding: 3em 10% 3em 10%;
    box-sizing: unset;
  }
}

@media only screen and (max-width: 600px) {
  #logo {
    float: none;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    box-sizing: unset;
  }
  #logo img {
    display: inline;
  }
  #line {
    margin: 0;
  }
  #fontsize {
    display: none;
  }

  #main .spalte_links {
    width: 100%;
    float: none;
    margin-bottom: 3em;
    padding: 0;
    box-sizing: unset;
  }
  #main .spalte_rechts {
    width: 100%;
    float: none;
    border: none;
    padding: 0;
    box-sizing: unset;
  }
  /* +++++++++++++++  Module ++++++++++++++++++++++++ */
  /* +++++  Suche +++++ */
  .suche {
    float: none;
  }
  #header form {
    float: none;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    box-sizing: unset;
  }
  #header .inputbox {
    width: 100%;
  }
  /* +++++ Kontakt & Ineressante Informationen +++++ */
  .box3 {
    border-top: 1px solid #35539c;
  }
  .moduletable_kontakt {
    width: 100%;
    float: none;
    margin-bottom: 3em;
    padding: 0;
    box-sizing: unset;
  }
  .moduletable_interessanteInformationen {
    width: 100%;
    float: none;
    border: none;
    padding: 0;
    box-sizing: unset;
  }
}

/* +++++++++++++++  Mobile ++++++++++++++++++++++++ */
@media only screen and (max-width: 480px) {
  #logo {
    height: auto;
  }
  #logo img {
    width: 100%;
  }
  #contentarea,
  #contentarea2 {
    padding: 3em 5% 5em 5%;
    box-sizing: unset;
  }

  h1,
  h2 {
    line-height: 1.2em;
  }
  .container_schnellgefunden:before {
    line-height: 1.2em;
  }
  /* +++++++++++++++  Module ++++++++++++++++++++++++ */
  /* +++++ Newsflash +++++ */
  .moduletable_news {
    padding: 0 5%;
    box-sizing: unset;
  }
  /* +++++  Bereich Schnell gefunden +++++ */
  .container_schnellgefunden {
    padding: 0 5% 0 5%;
    box-sizing: unset;
  }
  .moduletable_stadt,
  .moduletable_buergerservice,
  .moduletable_kinderbetreuung,
  .moduletable_senioren,
  .moduletable_piberegg,
  .moduletable_verwaltung,
  .moduletable_schulen,
  .moduletable_vereine {
    max-width: 100%;
    margin-right: 0%;
  }
  /* +++++ Kontakt & Ineressante Informationen +++++ */
  .box3 {
    padding: 3em 5% 3em 5%;
    box-sizing: unset;
  }
}