/*
Theme Name:     Twenty Twenty-Five Child
Theme URI:      https://tanja-richter.de
Description:    Child Theme für Twenty Twenty-Five
Author:         Tanja Richter
Author URI:     https://tanja-richter.de
Template:       twentytwentyfive
Version:        1.0
*/



ul.wp-block-list {
  list-style: none;
  padding-left: 0;
  margin: 2em 0;
}

ul.wp-block-list li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 1em;
  font-size: 1.2rem;
  font-family: 'Quicksand', sans-serif;
  color: #3c3c3c;
  line-height: 1.6;
}

ul.wp-block-list li::before {
  content: "✦"; 
  position: absolute;
  left: 0;
  top: 0.1em;
  color: #c9a24b; /* Goldton */
  font-size: 1.1em;
}



/*Absenden-Button direkt im Formular*/

.wpforms-submit.wpforms-absenden {
   display: inline-block;
    width: 100% !important;
    font-family: 'WindSong', cursive !important;
    text-align: center !important;
    font-size: 2rem !important;
    color: #A67F2D !important;
    text-decoration: none;
    position: relative;
    background-color: #FBFAF3 !important;
    border: 1px solid #A67F2D !important;
    border-radius: 50px !important;
    padding: 0.5em !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
	height:3em !important;
}

.wpforms-submit.wpforms-absenden::after {
  content: "";
    position: absolute;
    left: 10%;
    bottom: 0.7em;
    height: 1px;
    width: 80%;
    background-color: #A67F2D !important;
    transform-origin: left;
    transform: scaleX(1);
    transition: transform 0.4s ease;
}

   .wpforms-submit.wpforms-absenden:hover {
  background-color: #FBFAF3 !important;
  background-image: none !important;
}



.wpforms-submit.wpforms-absenden:hover::after {
    transform: scaleX(0);
  }



.linie-mittel {
	width:50%;
	text-align:center;
}


/* Navigation mobil */

@media (max-width: 768px) {
  .wp-block-navigation .wp-block-navigation-link__content,
  .wp-block-navigation a {
    padding-left: 2em !important;
    font-size: 1em;
  }

@media (max-width: 768px) {
  .wp-block-navigation .wp-block-navigation-link__content,
  .wp-block-navigation-service a {
    padding-left: 0em !important;
    font-size: 1em;
  }

  .wp-block-navigation {
    margin-top: 0em;
  }

.wp-block-navigation__responsive-container.is-menu-open::before {
  content: "";
  display: block;
  background-image: url('/wp-content/uploads/2025/06/Logo.jpg'); /* Pfad ggf. anpassen */
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 250px; /* war 100px – jetzt großzügiger */
  margin-bottom:-5em;
  margin-top:1em;
  width: 100%;
}
}

/*Akkordeon für FAQ-Seite*/

.faq-section {
  max-width: 800px;
  margin: 0 auto;
  font-family: "Quicksand", sans-serif;
}

.faq-item {
  border-bottom: 1px solid #ccc;
}

.faq-item input {
  display: none;
}

.faq-item label {
  display: block;
  padding: 1rem;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  background: #fffaf6;
}

.faq-item label::after {
  content: "➕";
  position: absolute;
  right: 1rem;
  font-size: 1.2rem;
  transition: transform 0.2s;
}

.faq-item input:checked + label::after {
  content: "➖";
}

.faq-content {
  max-height: 0;
  overflow: hidden;
  background: #fdfaf8;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 1rem;
}

.faq-item input:checked ~ .faq-content {
  max-height: 500px;
  padding: 1rem;
}



/*Lesezeit*/
.lesezeit {
  font-size: 0.9rem;
  color: #888;
  margin-bottom: 1rem;
  font-style: italic;
}

/*Autorenbox*/

.autorenbox {
  border-left: 4px solid #64831b;
  padding: 1em 1.2em;
  background-color: #fdfbf5;
  font-family: 'Quicksand', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 2em;
  margin-bottom: 3em;
}

.autorenbox a {
  color: #64831b;
  text-decoration: underline;
}


/* Optional: dunkleres Overlay (Geschmackssache) */
.glightbox-container .goverlay {
  background: rgba(0,0,0,0.4);
}

.glightbox-mobile .goverlay {
    background: rgba(0,0,0,0.7) !important;
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: rgb(0, 0, 0);
}