/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.1
Text Domain: stockholm
Template: stockholm
*/



/* Theme Defaults */

.full_width {
	position: relative !important;
}

.info_section_title {
margin-bottom: 15px;
}


/* --- TYPOGRAFIE --- */
:root{
  --fs-base: 41px;

  --fs-h1: var(--fs-base);
  --fs-h2: calc(var(--fs-base) * 0.95);
  --fs-h3: calc(var(--fs-base) * 0.90);
  --fs-h4: calc(var(--fs-base) * 0.51);
  --fs-h5: calc(var(--fs-base) * 0.41);
  --fs-h6: calc(var(--fs-base) * 0.41);
  --fs-p:  calc(var(--fs-base) * 0.44);
}

/* Typography */

h1{
  color: #44a57c;
  font-size: var(--fs-h1);
  text-transform: uppercase;
}

h2{
  color: #44a57c;
  font-size: var(--fs-h2);
  text-transform: uppercase;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

h3{
  color: #44a57c;
  font-size: var(--fs-h3);
  line-height: 43px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}

h4{
  color: #7d8280;
  font-size: var(--fs-h4);
  line-height: 33px;
  text-transform: none;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.3px;
}

h5{
  color: #7d8280;
  font-size: var(--fs-h5);
  text-transform: none;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0;
}

h6{
  color: #7d8280;
  font-size: var(--fs-h6);
  text-transform: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
}

p{
  color: #7d8280;
  font-family: Roboto, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-size: var(--fs-p);
  line-height: 29px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
  margin-top: 12px;
  margin-bottom: 9px;
}

a{
  color: inherit;
}

a:hover{
  color: inherit;
}



/* --- Theme Default - END ---  */


/* Hide Mobile Header  

@media only screen and (max-width: 1000px) {
  body.page .content {    
    margin-top: -100px !important;
  }
  body.page .header_bottom {    
    background-color: rgba(255,255,255,0) !important;
  }
}
*/

/* Hide all Logos */

.q_logo {display:none;}

/* Stretch Parallax Section from boarder to boarder */
.parallax_section_holder {
    background-size:cover;
}

/* Mobile arrow for dopdown menu */
nav.mobile_menu ul > li.has_sub > span.mobile_arrow {
    color: #02C936;
}

/* ------------ */

/* ------ Contact Form Messages sind nicht erschienen - Manuelle Anpassung ------ */
/* Standardstil für Erfolg- und Fehlermeldungen (unsichtbar am Anfang) */
.wpcf7-response-output {
    color: #179378 !important; /* Türkisgrüne Schriftfarbe */
    background-color: #e3f6f5; /* Heller Hintergrund */
    border: 1px solid #179378; /* Passender Rahmen */
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    display: none !important; /* Unsichtbar am Anfang */
    opacity: 0;
    transition: opacity 0.3s ease-in-out, display 0s linear 0.3s; /* Sanftes Einblenden */
}

/* Erfolgreiche Nachrichten sichtbar machen */
.wpcf7 form.sent .wpcf7-response-output {
    display: block !important;
    opacity: 1 !important;
}

/* Fehlermeldungen sichtbar machen */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    display: block !important;
    opacity: 1 !important;
}

/* Falls Contact Form 7 aria-hidden setzt, überschreiben */
.wpcf7-response-output[aria-hidden="true"] {
    display: none !important;
    opacity: 0 !important;
}

/* Erfolgreiche Nachricht */
.wpcf7 form.sent .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #179378 !important;
    background-color: #e3f6f5;
    border: 1px solid #179378;
}

/* Fehlermeldungen */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
    color: #d9534f; /* Rote Schrift für Fehler */
    background-color: #f8d7da; /* Helles Rot für Fehler */
    border: 1px solid #d9534f;
}

/* ------------------------------------------------------ */
/* Pricing Table - WP-Backery Modul                       */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* Price Button -  Konnte ich im Backend nicht einstellen */
/* ------------------------------------------------------ */


.own_price_button {
	color: #179378;
	border: none !important;
	margin: 10px;
}


.own_price_button:hover .price_button_hover a {
    background-color: #179378 !important;
}


.price_button {
    background-color: #f7f7f7 !important;
 }

.price_button a {
    color: #179378 !important;
}

.price_button:hover a {
    color: white !important;
}

.price_table_inner .price_button:hover {
    background-color: #179378 !important;
    color: white;
 }

.price_table_inner ul li {
    text-align: center;
    margin: 0;
    padding: 12px 0px 0px;
}