a,
a:hover,
a:focus {
  color: #00a0e1;
}

h1 {
  color: #009ee0;
}

h3,
h4 {
  color: #009ee0;
}

a.more:before {
  border-color: transparent #009ee0;
}

a.more:hover {
  border-bottom: 1px solid #009ee0;
}

table thead th,
table thead td,
table .st-head-row {
  color: #009ee0;
}

.button,
input[type="submit"],
button,
button[type="submit"] {
  color: #009ee0;
  background-image: url('../Images/icon-checked-doris.png');
}

#tx-solr-search-form-pi-results .button,
#tx-solr-search-form-pi-results input[type="submit"],
#tx-solr-search-form-pi-results button,
#tx-solr-search-form-pi-results button[type="submit"] {
  background: transparent;
  color: #009ee0 !important;
}

.button:hover,
input[type="submit"]:hover,
button:hover,
button[type="submit"]:hover {
  background-color: #009ee0;
}

.checkbox label:hover:before,
.radio label:hover:before {
  border-color: #009ee0;
}

.checkbox label:hover,
.radio label:hover {
  color: #009ee0;
}

input[type="radio"]:checked + label:before {
  content: '\e615';
  color: #009ee0;
}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
  color: #009ee0;
}

.lang-switcher .label {
  color: #72c1e0;
}

.wrapper-dropdown:hover > .active-lang {
  color: #72c1e0;
}

.lang-switcher button.active-lang:hover,
.lang-switcher button.active-lang:focus  {
  color: #72c1e0;
}

.lang-switcher .dropdown-menu {
  background: #003c50;
}

.lang-switcher .dropdown-menu .dropdown-item:hover,
.lang-switcher .dropdown-menu .dropdown-item:focus-visible,
.lang-switcher .dropdown-menu .dropdown-item:focus {
  color: #72c1e0;
}

.wrapper-dropdown:hover:before {
  border-color: #72c1e0 transparent;
}

.wrapper-dropdown .dropdown a:hover {
  color: #72c1e0;
}

.top-nav a:hover,
.top-nav .active a {
  color: #72c1e0;
  text-decoration: underline;
}

.top-nav li:last-child a,
.lang-switcher .label-lang {
  color: #72c1e0;
}

.disclosure-nav > li:has(> .drop-down-menu.show) > a,
.disclosure-nav > li:has(> .drop-down-menu.show) > .disclosure-nav-button,
.disclosure-nav > li:focus > a,
.disclosure-nav > li:focus > .disclosure-nav-button,
.disclosure-nav > li:hover > a,
.disclosure-nav > li:hover > .disclosure-nav-button,
.disclosure-nav > li.hover > a,
.disclosure-nav > li.active > a,
.disclosure-nav > li.active > .disclosure-nav-button {
  background: #009ee0 !important;
  color: #ffffff !important;
}

/*.disclosure-nav > li.has-sub-nav:hover > a,*/
/*.disclosure-nav > li.active > a {*/
/*  background: #009ee0;*/
/*}*/

.disclosure-nav > li.has-sub-nav:hover > a:before,
.disclosure-nav > li.active > a:before {
  border-left: 1px solid #009ee0;
}

.disclosure-nav .drop-down-menu {
  background: #009ee0 !important;
}

.disclosure-nav > .active > a {
  color: #333333;
}

.disclosure-nav > li > a {
  color: #009ee0;
}

.disclosure-nav > li:hover > .disclosure-nav-button:hover,
.disclosure-nav .disclosure-nav-button:focus-visible {
  background: #E5EBED !important;
  color: #000000 !important;
}

.search {
  color: #009ee0;

}

.search:hover {
  background: #009ee0;
}

.content-header {
  height: 480px;
}

.content-header-box {
  border-left: 0 none;
  background: #e5ebed;
  left: 0;
}

.content-header-box h1 {
  color: #4691af;
  font-size: 1.875rem;
  line-height: 2.5rem;
}

.panel-news span,
.panel-blog span,
.panel-poll span {
  color: #009ee0;
}

.panel-news:after,
.panel-blog:after {
  background: #009ee0;
}

.panel-carousel h2 {
  color: #009ee0;
}

.panel-news .panel-image:before {
  content: '\e601';
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  text-align: center;
  background: none;
  font-size: 8.438rem;
  height: auto;
  width: 100%;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
}

.to-top {
  color: #009ee0;
}

footer {
  padding: 0 0 108px 0;
  background: url('../Images/bg-footer-doris.png') repeat 0px 7px;
}

.wrapper-footer {
  background: #009ee0;
}

.breadcrumb .active,
.breadcrumb a:hover {
  color: #009ee0;
}

.content ul li:before {
  background: #009ee0;
}

.content ul ul li:before {
  color: #009ee0;
}

.accordion .accordion-content {
  border: 1px solid #009ee0;
}

.accordion .accordion-title:hover,
.accordion.active .accordion-title {
  background: #009ee0;
}

.nav-tabs button.active,
.nav-tabs button:hover {
  background: #009ee0;
}

.tab-content {
  border: 1px solid #009ee0;
}

.page-info a:hover {
  border-bottom: 1px solid #009ee0;
}

.sub-nav a:hover, .sub-nav a.active {
  background: #009ee0;
}

.sub-nav .icon-arrow-list {
  color: #009ee0;
}

.sub-nav .active {
  color: #009ee0;
}

.sub-nav > span {
  background: #7fceef;
}

.content a.fancybox:after {
  background: #009ee0;
}

.fancybox-close:hover {
  background: #009ee0;
}

.fancybox-nav span {
  color: #009ee0;
}

.fancybox-nav span:hover {
  background: #009ee0;
}

table td {
  background: #e5f5fc;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
button:focus,
button[type="submit"]:focus,
textarea:focus,
select:focus {
  background: #e5f5fc;
}

.row.file-info {
  color: #009ee0;
}

.accordion .accordion-title {
  background: #e5f5fc;
}

.nav-tabs button {
  background: #e5f5fc;
}

table .odd td,
table .odd + .child td {
  background: #e5f5fc;
}

.wrapper-search .icon-search {
  color: #009ee0;
}

.wrapper-search .search-item {
  color: #009ee0;
}

.wrapper-search input {
  color: #009ee0;
}

.branch-nav a {
  color: #4691af;
}

.branch-nav a:hover,
.branch-nav .active a {
  color: #009ee0;
}

.change-to-viadonau {
  background: #e5ebed;
  padding: 15px 0;
}

.change-to-viadonau a {
  letter-spacing: 1px;
  margin: 0 0 0 40px;
}

.change-to-viadonau img {
  position: relative;
  top: -2px;
}

.wrapper-search input:focus {
  background: #ffffff;
}


.panel-iframe {

  position: relative;
}

.panel-iframe .wrapper-link {
  position: absolute;
  bottom: 0;
  margin: 30px 0 0 0;
  left: 0;
  width: 100%;
  background: #a6bbc2;

  display: block;
  padding: 24px 30px;
}

.panel-iframe iframe {
  min-height: 302px;
}

.panel-iframe {
  margin: 0 0 20px 0;
  background: #e5ebed;
  padding: 30px;
}

.panel-iframe h2 {
  font-family: 'Akkurat-Light', Arial, sans-serif;
  color: #009ee0;
  margin-top: 0;
  position: relative;
}

.panel-iframe h2 span {
  color: #999999;
  font-size: 36px;
  position: absolute;
  right: 0;
  top: -8px;
}


.panel-iframe .more {
  color: #ffffff;
  font-size: 0.813rem;
  line-height: 1.25rem;
}

.panel-iframe a.more:before {
  border-color: transparent #ffffff;
}

.panel-iframe a.more:hover {
  border-bottom: 1px solid #ffffff;
}

/* Pegelstände und FTM Meldungen */
#waterlevel th, #waterlevel table, #waterlevel td {
  font-size: 0.738rem;
}

#waterlevel th, #waterlevel td {
  padding: 1px 5px;
  text-align: center;
}

#waterlevel table {
  margin-bottom: 0;
}

#waterlevel .date, #ftmmessages .id {
  font-weight: bold;
  color: #009ee0;
}

.forecast {
  display: block;
  margin-bottom: 10px;
  color: #009ee0;
}

#ftmmessages LI {
  padding: 10px 0;
  border-bottom: 1px dotted #009ee0;
}

#ftmmessages LI.last {
  border: 0;
  padding-bottom: 0;
}

#ftmmessages P {
  margin: 0;
}

#ftmmessages .ajax-loader, #waterlevel .ajax-loader {
  text-align: center;
  width: 100%;
  height: 64px;
  background: url(../Images/ajax-loader.gif) 50% 0 no-repeat;
  display: block;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  footer {
    background-image: url('../Images/bg-footer-doris-2x.png');
    background-size: 35px 6px;
  }

  /* button */
  .button,
  input[type="submit"],
  button,
  button[type="submit"] {
    background-image: url('../Images/icon-checked-doris-2x.png');
  }
}

@media only screen and (max-width: 64em) {
  .icon-bar {
    background: #009ee0;
  }

  .nav-toggle:hover {
    background: #009ee0;
  }

  .nav-offcanvas .icon-close {
    color: #009ee0;
  }

  .nav-offcanvas a.active {
    color: #009ee0;
  }

  .nav-offcanvas .icon-arrow-list {
    color: #009ee0;
  }

  .nav-offcanvas .toggle-submenu a.active {
    background: #7fceef;
  }
}

/* <= 640 */
@media only screen and (max-width: 40em) {
  .change-to-viadonau img {
    display: block;
  }

  .change-to-viadonau a {
    margin: 10px 0 0 0;
  }
}


/* --------------- styles for Tooltip -----------------------*/

.simpletooltip[aria-hidden="true"],
.minimalist-simpletooltip[aria-hidden="true"],
.minimalist-left-simpletooltip[aria-hidden="true"] {
  display: none;
}

/* position relative for containers */
.simpletooltip_container,
.minimalist-simpletooltip_container,
.minimalist-left-simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip,
.minimalist-simpletooltip,
.minimalist-left-simpletooltip {
  position: absolute;
  z-index: 666;
  width: 8em;
  border-radius: .5em;
  background: rgba(0, 0, 0, .9);
  color: #eee;
  padding: .75rem;
  text-align: left;
  line-height: 1.3;
}

.simpletooltip,
.minimalist-simpletooltip {
  right: auto;
  left: 100%;
  margin-left: .5em;
}

.minimalist-left-simpletooltip {
  right: 100%;
  left: auto;
  margin-right: .5em;
}

/* used pseudo-element to make arrows */
.simpletooltip::before,
.minimalist-simpletooltip::before,
.minimalist-left-simpletooltip::before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 10px;
  height: 10px;
  pointer-events: none;
}

.simpletooltip::before,
.minimalist-simpletooltip::before {
  top: .5em;
  left: -10px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, .9);
}

.minimalist-left-simpletooltip::before {
  top: .5em;
  right: -10px;
  margin-right: -10px;
  border: 10px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, .9)
}


/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: mobile */
@media (max-width: 44.375em) {

  .simpletooltip,
  .minimalist-simpletooltip,
  .minimalist-left-simpletooltip {
    top: 100%;
    left: 50%;
    right: 0;
    margin: 0;
    margin-top: .7em;
    margin-left: -5em;
  }

  .simpletooltip::before,
  .minimalist-simpletooltip::before,
  .minimalist-left-simpletooltip::before {
    top: -10px;
    right: auto;
    left: 50%;
    margin-left: -5px;
    margin-top: -10px;
    border: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, .9);
  }

}
