/*
 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
*/

/* Mobile Header auf Metallseiten Seiten ausblenden */
.page-id-1648 #mobile-header,
.page-id-1657 #mobile-header,
.page-id-1572 #mobile-header {
    display: none !important;
}

/* FAQ-RankMath METALL*/
.rank-math-answer {
  display: none;  /* Antworten standardmäßig verstecken */
  padding: 20px;
  background: #ffffff;
  border-left: 3px solid #008ab5;
  margin-bottom: 30px;
  font-size: 16px;

    /* WICHTIG: verhindert Überlappungen */ 
    overflow: hidden;
}

.rank-math-answer img {
    display: block; /* verhindert, dass Bilder aus dem Container ragen */
    float: none !important;
	clear: both !important;
    width: 50% !important;
    height: auto !important;
    margin: 12px 0;
}


.rank-math-question {
  cursor: pointer;
  font-weight: regular;
  font-size: 24px;
  padding: 20px;
  background-color: #008ab5;
  color: #fff;
  margin-bottom: 10px;
}

.rank-math-question.active {
  background: #ddd;  /*optisches Feedback bei geöffnetem Zustand */
}

/* FAQ – Seite mit ID 2506 VELUX → lila */
.page-id-2506 .faq-lila .rank-math-question {
    background: #6f1e82 !important;
    color: #fff !important;
}

.page-id-2506 .faq-lila .rank-math-answer {
    background: #ffffff !important;
    border-left: 3px solid #6f1e82 !important;
}

/* FAQ – Frage und Antwort so breit wie Block */
.page-id-2506 .faq-lila {
    flex: 1 1 100%;
    width: 100%;
}


/* Button Metallbearbeitung Formulare */
.wpcf7 .metallbutton {
    background-color: #008ab5; /* Buttonfarbe */
    color: #ffffff;            /* Textfarbe */
    padding: 12px 25px;
    border: none;
    border-radius: 0px;
    cursor: pointer;
}

.wpcf7 .metallbutton:hover {
    background-color: #575760; /* Hoverfarbe */
}