/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.eingerueckt {
    text-indent: 8em;
}
.nav-float-right #site-navigation {
    margin-right: auto;
}




























.seo-headline { font-size: 50px; font-weight: 600; line-height: 1.6; color: #000; margin: 20px auto; word-break: break-word; } 
.seo-headline .highlight { border: 2px solid #000; border-radius: 50px; padding: 2px 18px; display: inline-block;} 
@media (max-width: 1024px) { .seo-headline { font-size: 35px; } }
@media (max-width: 768px) { .seo-headline { font-size: 30px !important; } .seo-headline .highlight { padding: 2px 4px; border: 2px solid #000; border-radius: 20px; font-size:23px !important; } }
@media (max-width: 768px) { .seo-headline .highlight { display: inline; border: none; border-bottom: 2px solid #000; border-radius: 0; padding: 0 0 2px 0; } }
.seo-headline-1 { font-size: 40px; font-weight: 600; line-height: 1.6; color: #fff; margin: 20px auto; word-break: break-word; } 
.seo-headline-1 .highlight { border: 2px solid #fff; border-radius: 50px; padding: 2px 20px; display: inline-block;} 
@media (max-width: 1024px) { .seo-headline-1 { font-size: 35px; } }
@media (max-width: 768px) { .seo-headline-1 { font-size: 30px !important; } .seo-headline .highlight { padding: 2px 4px; border: 2px solid #000; border-radius: 20px; font-size:35px !important; line-height: 1.6} }
@media (max-width: 768px) { .seo-headline-1 .highlight { display: inline; border: none; border-bottom: 2px solid #000; border-radius: 0; padding: 0 0 2px 0; } }

.fancy-underline {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: inherit;
  padding-bottom: 15px;
  overflow: hidden;
  
  opacity: 0;
  transform: translateY(50px);
  animation: fadeInUp 4.0s ease forwards;
  animation-delay: 0.8s; 
}


@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.fancy-underline::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #ccc;
  transition: transform 0.4s ease;
  transform-origin: left;
}


.fancy-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #000;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: 1;
}


.fancy-underline:hover::before {
  transform: translateX(100%);
}

.fancy-underline:hover::after {
  transform: translateX(0);
}