/* Kontrast-Umschaltung: Schwarze Schrift auf wei�em Grund */
html,
*,
#footer,
div.page,
div.hlist {
  color: #fff !important;
  background-image: none;
  background-color: #000 !important;
}

i.iv {
  background-color: transparent !important;
}

div.formElementOptions {
  display: inline-block;
}

input,
textarea,
select {
  border: 1px solid black !important;
}

.bx-pager.bx-default-pager {
  background-color: transparent !important;
}

.veranstaltungen_und_grusswort::after,
.veranstaltungen_und_grusswort::before {
  background-color: transparent !important;
}

.basecontent-dynamic-content .odd,
.basecontent-dynamic-content .even {
  border-color: #000 !important;
}

.l-content__sidebar .sidebar-inner-info {
  border: 3px solid #fff !important;
  padding: 10px 0px 40px 15px;
}

.page-header__main-navigation .sf-menu>li.ebene1.currentParent>a {
  border-color: #fff !important;
}

.kontakt-touristinfo:before,
.haeufiggestelltefragen:before {
  color: #fff !important;
}

/* Startseite - Slider */
.contrast_BW.home .bx-wrapper .bx-pager {
  background-color: transparent !important;
}

.contrast_BW .bx-wrapper .bx-pager-item {
  padding: 6px;
}

.contrast_BW .bx-wrapper .bx-pager.bx-custom-pager a {
  background: #fff !important;
}

.contrast_BW .bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff !important;
}

.contrast_BW .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #6096e6 !important;
}

.bx-wrapper .bx-controls-direction a {
  background-color: transparent !important;
}

/* Slider - mehr lesen */
.contrast_BW.home .l-page__hero .mehrlesen a:hover,
.contrast_BW.home .l-page__hero .mehrlesen a:focus {
  text-decoration: underline;
}

.contrast_BW.home .l-page__hero .mehrlesen a:hover:before,
.contrast_BW.home .l-page__hero .mehrlesen a:focus:before {
  color: #fff;
}

.contrast_BW .l-page__hero .mehrlesen:hover:before {
  color: #fff;
}

.contrast_BW #hamburger span,
.contrast_BW #hamburger:after,
.contrast_BW #hamburger:before {
  background: #fff !important;
  z-index: 1;
}

/* Startseite - Hinweis */
.contrast_BW .hinweis-gruen {
  border: 1px solid #fff !important;
}

/* Startseite - Zitat */
.contrast_BW.home .zitat .zitat-text:before {
  color: #fff !important;
}

/* Header */
.contrast_BW .page-header input[type=search] {
  border: 1px solid #fff !important;
}

/* Footer */
.l-page__footer {
  border-top: 3px solid #fff;
}

/* Dynamic Content More Links */
.contrast_BW .basecontent-dynamic-content .moreLink a {
  border: 1px solid #fff;
}


.contrast_BW .basecontent-dynamic-content .moreLink a:hover,
.contrast_BW .basecontent-dynamic-content .moreLink a:focus {
  text-decoration: underline;
}

/* Suche */
.contrast_BW.body_search .searchForm input[type=search] {
  border: 1px solid #fff !important;
}


.contrast_BW.body_search .searchDiv button {
  color: #000 !important;
  transition: all 0.2s ease-in;

}

.contrast_BW.body_search .searchDiv button:hover,
.contrast_BW.body_search .searchDiv button:focus {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}

.contrast_BW.body_search .ergebnisse li {
  border-bottom: 1px solid #fff !important;
  padding: 20px 0;
}

.contrast_BW.body_search .ergebnisse li:hover {

  padding: 20px 0;
}

.contrast_BW.body_search .ergebnisse h3 {
  margin-top: 0;
}

.contrast_BW #ui-id-1 li * {
  color: #fff !important;
}

/* Gewerbeimmobilien */
.contrast_BW .gewerblicheimmobilien .mehrlesen a {
  border: 1px solid #fff;
}

.contrast_BW .page-header__submenu .kontrast-switcher a {
  border: 1px solid #fff;
  padding: 8px;
}

.contrast_BW .basecontent-attachment.binary a[href$=".pdf"]:before {

  content: "\f1c1";
  font-size: 18px;
  font-family: "Font Awesome Light";
  margin-left: 0px;
  margin-right: 0;
  color: #fff;
  font-weight: 300;
}

.contrast_BW .basecontent-attachment.binary a[href$=".pdf"] img {
  display: none;
}

.contrast_BW .page-header__logo img {
  /*background: #fff !important; */
}

.contrast_BW .c-meta__weinsueden img {
  background: #fff !important;
}

.contrast_BW .ui-accordion .ui-accordion-header:focus, .contrast_BW .ui-accordion .ui-accordion-header:hover{
  text-decoration: underline;
}

.contrast_BW .ui-icon, .contrast_BW .ui-widget-content .ui-icon {
background-image: url("../images/ui-icons_ffffff_256x240.png");
}

.contrast_BW .ui-state-active .ui-icon, .contrast_BW .ui-button:active .ui-icon{
  background-image: url("../images/ui-icons_ffffff_256x240.png");
}


/* #if(${vars.getString("css.switch.contrast").equals("BW")} )
  <image width="177" height="49" xlink:href="/master/img/iteos/iteos-inv.svg"></image>
#else
  <image width="177" height="49" xlink:href="/master/img/iteos/iteos.svg"></image>
#end */