/*
Theme Name:   Greyd Child Theme
Theme URI:    https://greyd.io/
Description:  A child theme for the Greyd Theme
Author:       Greyd
Author URI:   http://example.com
Template:     greyd-theme
Version:      1.0.0
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, entertainment, site-editing, block-patterns, block-styles
Text Domain:  greyd-child-theme
*/


/*** DISABLE TEXT-DECORATION ***/
.wp-block-navigation li a:hover,
.wp-block-accordion h3 button.wp-block-accordion-heading__toggle:hover span{
  text-decoration: none !important;
}
main{
  margin-top: 0 !important;
}
/*** ACCORDEON ***/
.wp-block-accordion h3{
  font-style: normal !important;
}


/*** HEADER-NAV ***/
header nav ul li{
  font-style: italic;
}

/*** BUTTON ***/
a.button{
  font-style: italic;
  justify-content: space-between;
  position: relative;
  isolation: isolate;
}
a.button:after{
  content: '';
  background-image: url(img/arrow-right.svg);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
}
a.button::before{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: -1;
}
a.button.is-style-sec::before{
  background: #f2aa00;
}
a.button:hover::before {
  transform: scaleX(1);
}
a.button:not(.is-style-sec):hover::after {
  transform: scaleX(1);
  background-image: url(img/arrow-right-dark.svg);
}

/*** HERO-WRAPPER ***/
.hero-wrapper{
  height: 100vh;
}
@media(max-width: 768px) {
  .hero-wrapper{
    height: 70vh;
  }
}
/*** POPUPs ***/
.popup_wrapper{
  position: relative;
}
.popup_wrapper .checkbox-label a{
  color: #fff !important;
}

/*** FORMS ***/
.input-wrapper{
  margin: 0 0 1em 0;
}
.img_pnl_wrapper{
  margin-top: 0.7em;
}
.checklist-kacheln .img_pnl {
  width: 100%;
}
@media(min-width: 768px) {
  .checklist-kacheln .img_pnl {
      width: 49%;
  }
}
.checkbox-label span::after{
  background: var(--wp--preset--color--secondary) !important;
}
.greyd_multiradio .option{
  text-align: center;
}
.greyd_multiradio .option span{
  line-height: 1.2em;
}

.ablauf-zeile-zahl{
  max-width: 80px;
  height: 80px;
}
.ablauf-zeile-content{
  height: 80px;
}

@media(max-width: 768px) {
  .ablauf-zeile-zahl{
    max-width: 60px;
    height: 70px;
  }
  .ablauf-zeile-content{
    height: 70px;
  }
}


/*** TICKER-CAROUSEL ***/
.wp-block-lcb-ticker-carousel {
    -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}