/*
 Theme Name:   Astra Child Tabor Lobetal
 Theme URI:    https://www.eniky.com/
 Description:
 Author:       eniky GmbH
 Author URI:   https://www.eniky.com/
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/
:root {
  --blau: #013d60;
  --tuerkis: #00ffff;
  --weiss: #fff;
  --bg-blau: #013d60;
  --bg-tuerkis: var(--tuerkis);
}

/* Generell
--------------------------------------------*/
.site-content a {
  display: inline-block;
}

.site-content a::after {
  content: '';
  display: block;
  height: 2px;
  background: var(--bg-tuerkis);
  transition: transform 0.3s;
  transform: scaleX(1);
  transform-origin: bottom right;
  width: 100%;
  right: 0;
}

.site-content a:hover::after {
  transition: transform 0.3s;
  transform: scaleX(0);
}

/* Screenreader
--------------------------------------------*/

#a-screenreader-zeile {
  position: absolute;
  right: 0;
  top: calc(50vh - 30px);
}

#a-screenreader-zeile #accessibility-links #text_plugin {
  border-radius: 0;
  background-size: 54px 54px;
  height: 54px;
  margin: 0;
  padding: 0;
  top: -55px;
  width: 54px;

}
/* Hauptmenü
--------------------------------------------*/
#a-main-menue ul.menu>li a {
  background-repeat: no-repeat;
  background-image: linear-gradient(#0ff, #0ff);
  background-size: 0% 3px;
  background-position: bottom left;
  border-bottom: 0;
  transition: background-size 0.3s linear 0.2s;
}

#a-main-menue ul.menu>li a:hover {
  background-size: 100% 3px;
  transition: background-size 0.3s linear 0.2s;
}

#a-main-menue ul.menu>li.a-mainmenu-bg-blau {
  background: var(--bg-blau);
}

#a-main-menue ul.menu>li.a-mainmenu-bg-blau>a .menu-item-text {
  color: var(--weiss);
}