#kontrast-alles .contrast {
  display: none;
}
.contrast {
  display: none;
}
.contrast2 {
  display: block;
}
.contrast2 img {
  transform: scaleX(-1);
  filter: brightness(2);
}

.nav_responsive_activate,
.nav_responsive_active {
  background: #000000 url(../images/mainMenueResponsive.png) no-repeat scroll -28px
    center;
}
.nav_responsive_active {
  background-position: 13px center;
}
#wrap01 a.mehr {
  margin-left: calc(50% - 96px) !important;
}
#slogan .alles {
  background: #000;
}

.menueId ul li ul {
  background: rgb(255 255 255);
}
.header02 {
  background: #000000;
}
.kontaktheader li {
  filter: grayscale(100%);
}
.il {
  border-bottom: 1px solid #ffffff;
}
.infolinks p {
  color: #ffffff;
}
.ql01 {
  background: #ffdc4d url(../images/ql01.png) no-repeat top 42px center;
}
.stellenausschreibungen a {
  background-color: rgb(0 0 0);
}
#suchehome {
  background: #000 url(../images/suchlupe2.png) no-repeat center center;
}
#ortsplan {
  background: #000 url(../images/aktuelles.png) no-repeat center center;
}

#app {
  background: #000 url(../images/handy.png) no-repeat center center;
}

#kontakt {
  background: #000 url(../images/kontakt.png) no-repeat center center;
}

#sehenswertes {
  background: #000 url(../images/kamera.png) no-repeat center center;
}

#veranstaltungen {
  background: #000 url(../images/kalender.png) no-repeat center center;
}
.weiterlesen {
  float: left;
  position: relative;
  text-transform: uppercase;
  margin-top: 43px;
  padding: 15px 50px;
  border-radius: 7px;
  cursor: pointer;
  border: 2px solid #000000;
  background: linear-gradient(45deg, #000 50%, white 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  font-family: "Fira Sans Medium";
  font-size: 18px;
}
.weiterlesen:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, #ffffff 50%, #000000 50%);
  z-index: -1;
}
.weiterlesen,
.weiterlesen:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}
#bx-pager li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  width: 100%;
  background-color: #000000;
  box-shadow: 0 0 1px #000000;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
#wrap01 h1::before {
  filter: grayscale(100) brightness(0);
}
.menueId ul li ul li a {
  border-bottom: 2px solid #000000 !important;
}
.menueId ul.navId li ul li ul li a:hover,
.menueId ul.navId li ul li ul li a.l3-act {
  background: url(../images/li_menue2.png) no-repeat left 5px center !important;
}
.mehr {
  float: left;
  position: relative;
  text-transform: uppercase;
  margin-top: 43px;
  padding: 0 67px;
  padding-bottom: 13px;
  padding-top: 11px;
  border-radius: 7px;
  cursor: pointer;
  border: 2px solid #000;
  background: linear-gradient(45deg, #000 50%, white 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  font-family: "Fira Sans Medium";
  font-size: 22px;
}

.mehr:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, #ffffff00 50%, #000000 50%);
  z-index: -1;
}

.mehr,
.mehr:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

.mehr:hover,
.mehr:hover:after {
  background-position: 0;
  color: orangeRed; /*For IE*/
}
.input-switch label.switch {
  background: #000000;
}
.input-switch input:checked + label.switch {
  background: #000000;
}
#wrap02 h1::before {
  filter: grayscale(100) brightness(0);
}
#wrap02 h1::after {
  filter: grayscale(100) brightness(0);
}
.ql:hover::after {
  background: #000000;
}
.ql::after {
  background: #000000;
}
.rathaus,
.tourist,
.offen {
  border-top: 1px solid #000000;
}
.rathaus::before {
  background: #000000 url(../images/home.png) no-repeat center center;
}
.tourist::before {
  background: #000000 url(../images/info.png) no-repeat center center;
}
.offen::before {
  background: #000000 url(../images/uhr.png) no-repeat center center;
}
.mehrkarte {
  float: left;
  position: relative;
  text-transform: uppercase;
  margin-top: 83px;
  padding: 0 54px;
  padding-bottom: 14px;
  padding-top: 14px;
  border-radius: 7px;
  cursor: pointer;
  border: 2px solid #000000;
  background: linear-gradient(45deg, #000 50%, white 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  font-family: "Fira Sans Medium";
  font-size: 18px;
}

.mehrkarte:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(45deg, white 50%, #000000 50%);
  z-index: -1;
}

.mehrkarte,
.mehrkarte:after {
  background-size: 300%;
  background-position: 100%;
  transition: 1s, font-size 0.2s;
}

.mehrkarte:hover,
.mehrkarte:hover:after {
  background-position: 0;
  color: orangeRed; /*For IE*/
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}
.header01 a:hover {
  color: #000;
  text-decoration: underline;
}
.schrift img {
  filter: grayscale(100) brightness(100);
}
#footer2 {
  background: #000000;
}
.menuequick a {
  color: #ffffff;
}
.copyright span {
  color: #ffffff;
}
.copyright a {
  color: #ffffff;
}
#wrap03 h1 {
  background: #000;
  max-width: 570px;
}
#popUp:hover {
  opacity: 1;
}
#popUp {
  background: #000000;
}
#nachOben a {
  background: url(../images/top.png) no-repeat scroll center center #000000;
}
#drucken a {
  background: url(../images/drucken.png) no-repeat scroll center center #000000;
}
.image-caption,
.minigal .caption {
  background: #000000;
}
.ce-textpic .ce-gallery.ce-border .ce-column IMG,
.ce-textpic .ce-border .csc-textpic-single-image IMG {
  border: 1px solid #000000;
}
#contentbereich .minigal a.browse {
  background: #000000 url(../images/prev.png) no-repeat scroll center center;
}
#contentbereich .minigal a.right {
  background: #000000 url(../images/next.png) no-repeat scroll center center;
}
#contentbereich .minigal a.right:hover {
  background: #000000 url(../images/next.png) no-repeat scroll center center;
}
#contentbereich .minigal a.left:hover {
  background: #000000 url(../images/prev.png) no-repeat scroll center center;
}
#contentbereich .minigal .scrollable img {
  background-color: #000000;
}
#contentbereich .minigal .scrollable .active {
  background: #ffffff none repeat scroll 0 0;
}
#contentbereich .contentbereichInfobox {
  border: 2px solid #000000;
}
#contentbereich .contentbereichInfobox h4 {
  color: #000000;
}
.mail,
#contentbereich .mail {
  background: url(../images/mail2.png) no-repeat scroll left 4px;
}
.external-link,
.external-link-new-window {
  background: transparent url(../images/external_link2.png) no-repeat scroll 0px
    5px;
}
.internal-link,
.internal-link-new-window {
  background: transparent url(../images/internal_link2.png) no-repeat scroll 0px
    5px;
}
.download {
  background: url(../images/download2.png) no-repeat scroll 0 0px;
}
#contentbereich a {
  color: #000000;
}
#suchbereich .btn-search img {
  filter: grayscale(100) brightness(0);
}
#contentbereich .contentblocksmall {
  background: #000000;
}
#contentbereich .contentblocksmall .internal-link:hover,
#contentbereich .contentblocksmall .internal-link-new-window:hover,
#contentbereich .contentblocksmallnone .internal-link:hover,
#contentbereich .contentblocksmallnone .internal-link-new-window:hover {
  background: #000000e6;
  color: #fff;
}
#contentbereich .contentblocksmall .internal-link,
#contentbereich .contentblocksmall .internal-link-new-window,
#contentbereich .contentblocksmallnone .internal-link,
#contentbereich .contentblocksmallnone .internal-link-new-window {
  color: #000000;
}
#contentbereich .contentblocksmallnone {
  background: #000000;
}
#contentbereich .contentblocksmallnone .internal-link:hover,
#contentbereich .contentblocksmallnone .internal-link-new-window:hover,
#contentbereich .contentblocksmallnone .internal-link:hover,
#contentbereich .contentblocksmallnone .internal-link-new-window:hover {
  background: #000000e6;
  color: #fff;
}
#contentbereich .contentblocksmallnone .internal-link,
#contentbereich .contentblocksmallnone .internal-link-new-window,
#contentbereich .contentblocksmallnone .internal-link,
#contentbereich .contentblocksmallnone .internal-link-new-window {
  color: #000000;
}
.search__inner--down {
  color: #fff;
  background: #000000;
}
.search__inner--up {
  color: #000000;
  background: #fff;
}
#suchen img.contrast02 {
  display: block;
}
.il {
  border-color: #ffffff !important;
}
.descriptionOpenCloseBlock,
.btnDownloadIcal:hover {
  background: #000 none repeat scroll 0 0;
}
#kalenderOutlook .calTextDetailTitleOutlook {
  color: #000;
  font-size: 22px;
  font-family: "Fira Sans Medium";
  margin: 14px 0;
}
#kalenderOutlook span.calTextDetailOrganizerPre,
#kalenderOutlook span.calTextDetailLocationPre {
  color: #000;
}
#footer1 li.email:hover a {
  color: #000;
  background: #cfcfcf;
}
input[type="submit"],
input[type="reset"],
#kalender .outlook,
#contentbereich .gastro .infoGastro,
#contentbereich .gastro .infoGastroBuchen,
.abstimmen,
.ergebnis {
  background: #000 none repeat scroll 0 0;
}
#kalenderOption .kalenderansichtBtn.btnActive,
#kalenderOption .listenansichtBtn.btnActive {
  background-color: #000;
  box-shadow: 0 0 0 2px #000 inset;
}
#kalenderOption .kalenderBtn:hover {
  background-color: #000;
  box-shadow: 0 0 0 2px #000 inset;
  color: #fff;
}
#contentbereich .fc-toolbar h2 {
  color: #000;
}
#outlookCal .fc-event {
  background: #000 none repeat scroll 0 0;
  border-color: #000;
}
#outlookCal .calendarOutlookDetail .buttonOutlook {
  background: #000 none repeat scroll 0 0;
}
#outlookCalDetailWindow #detailTitle {
  color: #000;
}
#kalenderOutlook #mainHeadlineOutlook.calTextMainHeadlineOutlook {
  color: #000;
}
.input-switch label.switch::after {
  background: #fff;
}
#homekalender .tag {
  color: #000;
}
#homekalender h2 {
  background: #000;
}
#homekalender li:hover h2 {
  background: #fff;
  color: #000;
}
#wrap01 #homekalender li:hover a {
  color: #000;
}
#rathausnews .news:hover h2 {
  background: #fff;
  color: #000;
}
#rathausnews h2 {
  background: #000;
}
#wrap01 #rathausnews li.news:hover a {
  color: #000;
}
.header01 {
  background: #fff;
}
#contentbereich .contentblocksmall h4,
#contentbereich .contentblocksmallnone h4 {
  background: #000;
}
#contentbereich .contentblocksmall .ce-bodytext {
  background: #000;
}
#contentbereich .contentblocksmallnone .ce-bodytext {
  background: #000;
}
table.contenttable thead,
tfoot,
table.contenttable tbody th,
table.contenttable th {
  background: #000 none repeat scroll 0 0;
}
.GeoLink a {
  background: #000;
}
.GeoLink a:hover {
  background: #fff;
  color: #000 !important;
  border: 1px solid #000;
}
#contentbereich #sbw3Details li a:hover,
#contentbereich #sbw3ListItems li a:hover {
  background: #000 none repeat scroll 0 0;
}
#contentbereich .formularecat li a:hover {
  background-color: #000;
}
#contentbereich ul li,
#infoboxbereich ul li {
  background: url("../images/li-contrast.png") no-repeat scroll left 4px;
}
#contentbereich .detailNeu button.slideToLeft {
  background: url("../images/prevpicture-contrast.png") no-repeat scroll center;
}
#contentbereich .detailNeu button.slideToRight {
  background: url("../images/nextpicture-contrast.png") no-repeat scroll center;
}
#hitsheadline {
  color: #000;
}
#switchbtn #moduleView:hover,
#switchbtn #moduleView.active {
  background-image: url(../images/moduleView_hover-contrast.png);
}
#switchbtn #listView:hover,
#switchbtn #listView.active {
  background-image: url(../images/listView_hover-contrast.png);
}
#moduleView:hover #moduleViewTxt,
#moduleView.active #moduleViewTxt,
#listView:hover #listViewTxt,
#listView.active #listViewTxt {
  color: #000;
}
#breadcrumb a:hover,
#breadcrumb span:hover {
  color: #000;
  background: #d7d7d7;
}
#contentbereich .firstFont .external-link-new-window {
  background: transparent url("../images/external_link2.png") no-repeat scroll
    0px 5px;
}
#contentbereich #dynamischeListe2 ul li {
  background: #ececec none repeat scroll 0 0;
}
#dynamischeListe2 .weiterlesenNews {
  background: #000 none repeat scroll 0 0;
}
#contentbereich .headline a {
  color: #000 !important;
}
#contentbereich .zurueck a {
  background: transparent url("../images/internal_link2.png") no-repeat scroll
    left 7px;
}
@media only screen and (max-width: 959px) {
  .menueId ul li ul li a {
    border-bottom: none !important;
  }
  .menueId ul li {
    background: #000000;
  }
  .menueId ul li a::after {
    background: url(../images/side.png) no-repeat center !important;
  }
  .menueId ul li ul li a::after {
    background: url(../images/sideb.png) no-repeat center !important;
  }
  .menueId ul li:hover,
  .menueId ul li.menueebene0Active,
  .menueId ul li.menueebene1Active,
  .menueId ul li.menueebene2Active,
  .menueId ul li.menueebene3Active,
  .menueId ul li.menueebene4Active,
  .menueId ul li.menueebene5Active,
  .menueId ul li.menueebene6Active {
    background: #787878;
  }
  .menueId ul.navId li ul li ul li a:hover,
  .menueId ul.navId li ul li ul li a.l3-act {
    background: none !important;
  }
  .menueId ul.menueebene0Sub.dropdownSlide li ul li:hover {
    background: #000000 !important;
  }
}
#bx-pager a {
  width: 44px;
  height: 44px;
}

#outlookCal button {
  font-size: 21px;
}
.il {
  background-color: #000;
}
#contrast {
  filter: invert();
}
#sprache p {
  color: #000;
}

#sprache a:hover p {
  border-bottom: 2px solid #000;
}

#sbw3HeaderItems {
  border: 1px solid #000000;
}