/* Mode Kontrast */
.mode-contrast #header {
}
.mode-contrast #page-title {
  background-color: #000!important;
}
.mode-contrast #content {
  background-color: #000;
}
.mode-contrast #content h1,
.mode-contrast #content h2,
.mode-contrast #content h3,
.mode-contrast #content h4,
.mode-contrast #content h5,
.mode-contrast #content h6 {
  color: #FFFFFD;
}
.mode-contrast #content h1 small,
.mode-contrast #content h2 small,
.mode-contrast #content h3 small,
.mode-contrast #content h4 small,
.mode-contrast #content h5 small,
.mode-contrast #content h6 small {
  color: #FFFFFD;
}
.mode-contrast .fancy-title h1, .mode-contrast .fancy-title h2, .mode-contrast .fancy-title h3, .mode-contrast .fancy-title h4, .mode-contrast .fancy-title h5, .mode-contrast .fancy-title h6 {
  background-color: #000;
}
.mode-contrast #footer.dark {
  background-color: #000; 
}
.mode-contrast #header {
  background-color: #000; 
}
.mode-contrast #primary-menu ul li a {
  color: #fff;
}
.mode-contrast #primary-menu ul ul {
  background-color: #000;
}
.mode-contrast #primary-menu ul ul a, .mode-contrast #primary-menu ul ul a:hover {
  color: #fff!important;
}
.mode-contrast #top-bar {
  background-color: #000; 
}
.mode-contrast #top-bar .top-links li > a {
  color: #fff;
}
.mode-contrast #logo {
  /*filter: invert(1);*/
  background-image: url('/typo3conf/ext/unesco/Resources/Public/Images/oeuk_logo_ws.svg');
  background-repeat: no-repeat;
}
.mode-contrast #logo img {
  opacity: 0;
}


.mode-contrast {
  color: #FFFFFD;
}
.mode-contrast a {
  color: #fff100;
  text-decoration: underline;
}
.mode-contrast a.btn {
  color: #000;
}
.mode-contrast .tagcloud a, .mode-contrast .spost a {
  color: #FFFFFD;
}
.mode-contrast #teasersubnavigation h3 a {
  color: #fff100;
}
.mode-contrast .well {
  background-color: #f5f5f533;
}
.mode-contrast .ipost .entry-title h3 a, .mode-contrast .ipost .entry-title h4 a {
  color: #fff100;
}
.mode-contrast .spost .entry-title h4 a, .mode-contrast .mpost .entry-title h4 a {
  color: #fff100;
}
.mode-contrast .faqlist li a {
  color: #fff100;
}
.mode-contrast #wrapper label {
    color: #ddd;
}
.mode-contrast .promo.promo-light {
  background-color: #222;
}
.mode-contrast .panel {
  background-color: transparent;
}
.mode-contrast .panel-default > .panel-heading {
  color: #333333;
  background-color: #222;
  border-color: #dddddd;
}
.mode-contrast .owl-theme .owl-dots .owl-dot span {
  background-color: #888;
}

.mode-contrast #teasersubnavigation {
  background-color: transparent;
}
.mode-contrast #teasersubnavigation .fancy-title h3 {
  background-color: #000;
}
.mode-contrast img {
  background-color: #fff;
}



/* Mode Text */
.mode-text {
  font-size: 22px;
}
.mode-text .lead {
  font-size: 28px;
}
.mode-text .tagcloud a {
  font-size: 18px!important;
}
.mode-text #primary-menu ul li a {
  font-size: 18px;
}
.mode-text .top-links li > a {
  font-size: 17px;
}
.mode-text #page-title.page-title-parallax .breadcrumb {
  font-size: 17px;
}
.mode-text #teasersubnavigation h3, .mode-text .fancy-title h3 {
  font-size: 28px;
}
.mode-text #copyrights {
  font-size: 20px;
}
.mode-text .faqlist li, .mode-text .postcontent ol li, .mode-text .newscontent ol li {
  font-size: 22px;
}
.mode-text .container {
  width: inherit;
  max-width: 1500px;
}
.mode-text #accessibility-bar .container {
  width: 1170px;
}

.mode-text #top-search a {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.mode-text .heading-block ~ p:not(.lead) {
  font-size: 22px;
}
.mode-text .small-thumbs .entry-title h2, .mode-text .ievent .entry-title h2 {
  font-size: 30px;
}
.mode-text .ipost .entry-meta li {
  font-size: 17px;
}
.mode-text .spost .entry-meta li, .mode-text .mpost .entry-meta li {
  font-size: 17px;
}
.mode-text .ipost .entry-title h4 {
  font-size: 22px;
}
.mode-text .ipost .entry-title h3, .mode-text .ipost .entry-title h4 {
  font-size: 22px;
}
.mode-text .mpost .entry-title h4 {
  font-size: 22px;
}
.mode-text .iconlist li, .mode-text .postcontent li, .mode-text .newscontent li {
  font-size: 20px;
}
.mode-text .btn {
  font-size: 18px;
}
.mode-text .social-icon.si-small {
  font-size: 24px;
}
.mode-text .widget > h4 {
  font-size: 18px;
}

.mode-text h4 {
  font-size: 26px;
}
.mode-text h5 {
  font-size: 18px;
}
.mode-text .widget p:not(.lead) {
  font-size: 18px;
}
.mode-text blockquote {
  font-size: 22px;
}
.mode-text .owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
}



@media (min-width:768px) {
  .mode-text .sidebar {
    width: 20%;
  }
  .mode-text .postcontent {
      width: 75%;
  }
  .mode-text #primary-menu ul ul {
    width: 320px!important;
  }
}


/* Mode Link */
.mode-link #content a {
  padding: 5px;
  background-color: #fff100!important;
  color: #000!important;
}
.mode-link #content a h2 {
  padding: 5px;
  background-color: #fff100!important;
  color: #000!important;  
}
.mode-link #content a h2 small {
  color: #000!important;  
}
/*.mode-link #content figure a {
  padding: 0px;
}*/
.mode-link #content figure a {
  display: inline-block;
}
.mode-link #content a img.border, .mode-link #content a.lightbox img {
  padding: 5px;
  background-color: #fff100;
}
.mode-link .sidebar-widgets-wrap a img {
  padding: 5px;
  background-color: #fff100;
}
.mode-link #content .entry-title a {
  padding: 0px;
}
.mode-link #page-title a {
  background-color: #fff100; 
  color: #000!important;
}
.mode-link #footer a {
  background-color: #fff100; 
  color: #000!important;
}
.mode-link #footer a i {
  color: #000!important;
}
.mode-link .spost .entry-c a {
  padding: 0px;
  background-color: #fff100!important;
  color: #000!important;
}
.mode-link .spost .entry-image a {
  padding: 0!important;
}

.mode-link #top-bar a {
  background-color: #fff100!important; 
  color: #000!important;
}
.mode-link #primary-menu a {
  background-color: #fff100!important; 
  color: #000!important;
}
.mode-link #primary-menu ul li a {
  color: #000!important;
}
.mode-link #primary-menu ul ul {
  background-color: #000!important;
}
.mode-link #primary-menu ul ul a, .mode-link #primary-menu ul ul a:hover {
  color: #000!important;
}
.mode-link .btn-default {
  background-color: #fff100;
}


/*User Interface */

#accessibility-bar {
  border-bottom: 1px solid #efefef;
  background-color: #efefef;

}
#accessibility-bar .flex.flex-space-between {
  padding-left: 8px;
}
#top-links-access a {
  display: flex;
  align-items: center;
  background-color: #efefef;
}
#top-links-access a.collapsed {
  background-color: transparent;
  color: #666!important;
}
#top-links-access .ts-icon {
  display: flex;
  align-items: center;
  opacity: 80%;
  margin-right: 4px;
}
#top-links-access a {
  color: #000!important;
}

#accessibility-bar .btn-outline-primary {
  border: 1px solid #000;
  text-transform: none;
  margin: 20px 10px 20px 0;
  font-weight: 600;
  letter-spacing: 0.25px;
  background-color: #fff;
  border-radius: 2rem;
  font-size: 16px;
}

#accessibility-bar .btn-outline-primary.active {
  box-shadow: none;
  background-color: #000;
  /*background-color: #116ab2;*/
  color: #fff;
}

#accessibility-bar .btn-outline-primary svg {
  position: relative;
  top:  2px;
}
#accessibility-bar .btn-outline-primary input {
  display: none;
}

#accessibility-bar-close {
  color: #666;
  padding-right: 2px;
  line-height: 1;
}

.flex {
  display: flex;
}
.flex-space-between {
  justify-content: space-between;
}
.flex-center {
  align-items: center;
}

@media (max-width: 767px){

  #accessibility-bar .btn-outline-primary {
    margin: 10px 10px 0px 0;
  }
  #accessibility-bar .btn-outline-primary:last-child {
    margin: 10px 10px 10px 0;
  }
  .mode-text #accessibility-bar .container {
    width: 100%;
  }

}