/*  Override  CSS - Language Switcher  */
 /*  gleiche Angaben auch im Template Showcase in user.css  */
 
div.mod-languages ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div.mod-languages li {
/*  margin: 0 .5rem;*/
  margin: 0 .2rem;
}

div.mod-languages ul.lang-inline li {
  display: inline-block;
}

div.mod-languages ul li.lang-active {
  background-color: #fff;
}

div.mod-languages a {
/*  padding: .5rem;*/
  padding: .2rem;
  text-decoration: none;
}

/* kein Text zur Sprachauswahl */
div.mod-languages .visually-hidden {
    display: none;
}

/* speziell für Projekte */
/* *******  Navi-Bereich auf Bildern soll groesser sein als nur der kleine Pfeil *******  */

@media screen and (min-width: 992px) {
/* Kompromiss in Höhe wegen Video-Player  */
.uk-slidenav-previous {
/*  padding: 275px 300px 275px 2px !important;*/
  padding: 200px 300px 200px 2px !important;
/*  border: 2px solid green !important;*/
  }

.uk-slidenav-next {
/*  padding: 275px 2px 275px 300px !important;*/
  padding: 200px 2px 200px 300px !important;
/*  border: 2px solid #ff0 !important;*/
  }
}
 @media screen and (max-width: 992px) and (min-width: 600px) { 
  /* Kompromiss in Höhe wegen Video-Player  */  
.uk-slidenav-previous {
/*  padding: 200px 200px 200px 2px !important;*/
  padding: 120px 200px 120px 2px !important;
/*  border: 2px solid green; !important;*/
  }

.uk-slidenav-next {
/*  padding: 200px 2px 200px 200px !important;*/
  padding: 120px 2px 120px 200px !important;
/*  border: 2px solid #ff0 !important;*/
  }      
}

 @media screen and (max-width: 600px) { 
/* Kompromiss in Höhe wegen Video-Player  */
.uk-slidenav-previous {
/*  padding: 150px 160px 150px 2px !important;*/
  padding: 70px 90px 70px 2px !important;
/*  border: 2px solid #f0f; !important;*/
 }

.uk-slidenav-next {
/*  padding: 150px 2px 150px 160px !important;*/
  padding: 100px 2px 100px 90px !important;
/*  border: 2px solid green !important;*/
  } 
}

/*   Bilder im Slider sollen etwas langsamer einblenden - bisher kein Effekt erreicht!!!  */
/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-animation-fade {
  animation-name: uk-fade;
/*  animation-duration: 0.8s;*/
  animation-duration: 1,5s !important;
  animation-timing-function: linear;
}


/* ========================================================================
   Component: Inverse
 ========================================================================== */
/*
 * Implemented class depends on the general theme color
 * `uk-light` is for light colors on dark backgrounds
 * `uk-dark` is or dark colors on light backgrounds
 */
.uk-light
{
/*  color: rgba(255, 255, 255, 0.7);*/
  color: rgba(155, 155, 155, 0.7);
/*  background: #ccc;*/
}
/*.uk-slidenav {color:green;}*/

/* aus uikit-rtl.css: */

.uk-slidenav:hover{color:rgba(102,102,102,.9)}

/*.uk-slidenav:active{color:rgba(102,102,102,.5)}*/