/*
Theme Name: Hestia Child
Theme URI: https://www.themeisle.com/
Description: This is a custom child theme I have created.
Author: ThemeIsle
URI: https://www.themeisle.com/
Template: hestia    
Version: 0.1
*/

/* SS Unter-Überschrift ändern*/

.page-header .container, .hestia-title h1 {
	color:#ccc475;
}

/* SS Unter-Überschrift Ende*/


/* SS Sektion "Über" Farbe Überschrift*/

.hestia-about.section-image h2{
	color:#ccc475;
}

/* SS Sektion "Über" Textfarbe Button Hover*/

.hestia-about.section-image .wp-block-button__link a:hover{
	color: black;
}

/* SS Sektion "Über" Ende*/


/* SS Team Sektion Schrift größer */

#team p.card-description {
	font-size: 16px;
} 

/* Team Sektion Teammitglied breiter */

@media screen and (min-width: 768px) {
	#team .col-xs-12.col-ms-6.col-sm-6{
		width: 60% !important;
		min-height: 400px !important;
	}
}

/*Team Sektion Ende */


/* Kontakt Sektion */
/* Schrift größer */

#contact .description{
	font-size: 16px;
	margin-bottom: 10px;
}

#contact .info-title{
	margin-bottom: 5px;
}

/* Kontakt Sektion Ende */


/* Footer */
/* Herstellerlink developed by ThemeIsle ausblenden */
.copyright{
	visibility: hidden;
	position: relative;
}

/* Eigenes Copyright einfügen*/

.copyright:after{
	content:'\00a9 2025 Lisa Wendler';
	visibility: visible;
	display: inline;
	position: static;
	padding: 0;
	
}

/*Ende von Footer*/

/* TEAM-Abschnitt: Mobile Lesbarkeit & Layout fixen */
@media (max-width: 767px) {

  /* 1) Stapeln: Bild oben, Text darunter – nichts wird abgeschnitten */
  #team .card,
  #team .hestia-team,
  #team [class*="col-"] {
    display: block;
    overflow: visible !important;
  }

  /* 2) Bild responsive */
  #team img {
    max-width: 100%;
    height: auto;
    display: block;
  }

  /* 3) Text sicher sichtbar (falls Theme ihn ausblendet/überdeckt) */
  #team .card-description,
  #team .description,
  #team p {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2;
    color: #222 !important;          /* dunkle, gut lesbare Farbe */
  }

  /* 4) Typografie für Mobile */
  #team .card-title,
  #team .title,
  #team h3,
  #team h4 {
    font-size: 20px;                  /* Überschrift kleiner */
    line-height: 1.25;
    margin-bottom: 6px;
  }

  #team .card-description,
  #team .description,
  #team p {
    font-size: 15px;                  /* Fließtext kleiner */
    line-height: 1.6;
    word-break: break-word;
    hyphens: auto;
    margin: 8px 0 0;
  }

  /* 5) Falls Hestia im Team-Block ein Overlay nutzt: deaktivieren */
  #team .section::before,
  #team .section::after {
    display: none !important;
  }

  /* 6) Falls irgendwo "hidden on mobile"-Klassen sitzen */
  #team .hidden-xs,
  #team .d-none,
  #team [class*="hidden-"] {
    display: block !important;
  }

  /* 7) Keine festen Höhen auf Mobile */
  #team [style*="height"],
  #team [style*="min-height"] {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (min-width: 768px) {
  #team .col-xs-12.col-ms-6.col-sm-6 {
    width: 60% !important;
    min-height: 400px !important;
  }
}