/*
 Theme Name:   Williamson Child
 Description:  Williamson Child Theme
 Author:       Jochen Braun
 Author URI:   https://www.webtimiser.de/wordpress-child-theme-erstellen/
 Template:     williamson
 Version:      1.0
 Text Domain:  williamson-child
*/

/* pt-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/pt-serif-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/open-sans-v43-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('assets/fonts/open-sans-v43-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/open-sans-v43-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/open-sans-v43-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/open-sans-v43-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('assets/fonts/open-sans-v43-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/open-sans-v43-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/open-sans-v43-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('assets/fonts/montserrat-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('assets/fonts/montserrat-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/montserrat-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/montserrat-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('assets/fonts/montserrat-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/montserrat-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('assets/fonts/montserrat-v30-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Fonts Familie zuweisen */

body, p {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4 {
  font-family: 'Montserrat', sans-serif;
}

blockquote, cite {
  font-family: 'PT Serif', serif;
}



/*---------------------------*/
/* Alte CSS aus Parent Theme */

.wpforms-container .wpforms-form ul {
    list-style: none !important;
    padding-left: 0px !important;
}

.wpforms-submit {
	color: white !important;
}

 .sc_button {
	color: white !important;
}

@media (min-width: 960px) {
    .vc_do_cta3 {
        min-height: 340px;
    }
}

.sc_testimonials [class*="column"] .sc_testimonials_item_content {
	font-size: 1.6em !important;
	line-height: 28px !important;
}

.page_wrap {
	padding-left: 15px;
	padding-right: 15px;
}
#menu_mobile li,
#menu_mobile span,
.menu_mobile_close {
    font-family: 'Montserrat', sans-serif;
	letter-spacing: normal;
}

.vc_cta3-content-container {
    position: relative;
    height: 100%; /* Stellt sicher, dass der Container die volle Höhe einnimmt */
}

.vc_cta3-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px; /* Optional: Abstand nach innen hinzufügen */
}

@media (min-width: 768px) {
#widgetAnwaltde {
	margin-left: 50px;
}
}

@media (max-width: 767px) {
    /* Flexbox für das Hauptlayout: Logo links, Suche/Menü rechts */
    .top_panel .vc_row {
        display: flex !important;
        justify-content: space-between !important; /* Logo links, Menü/Telefon rechts */
        align-items: center !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: relative !important;
    }

	.sc_layouts_row_type_compact .sc_layouts_item {
		margin-top: 0;
    margin-bottom: 0;
	}
	
	.sc_layouts_item_text {
		display: none;
	}
	
	
    /* Links das Logo korrekt ausrichten */
    .top_panel .vc_col-sm-3 {
        display: flex !important;
        justify-content: flex-start !important; /* Logo explizit links ausrichten */
        padding-left: 0 !important;
        margin-left: 0 !important;
        width: auto !important;
    }

    /* Rechts das Element mit dem Suchfeld und Menü ausrichten */
    .top_panel .vc_col-sm-7 {
        display: flex !important;
        justify-content: flex-end !important; /* Rechtsbündig */
        align-items: center !important;
        width: auto !important;
    }

    /* Telefonnummer ausblenden */
    .top_panel #sc_layouts_iconed_text_2122140351 {
        display: none !important; /* Verhindert die Anzeige der Telefonnummer */
    }

    /* Text "Menü" ausblenden, nur das Icon anzeigen */
    .top_panel #sc_layouts_menu_179918870 .sc_layouts_item_text {
        display: none !important; /* Blendet den Text "Menü" aus */
    }

    /* Optional: Logo anpassen, falls es zu groß ist */
    .sc_layouts_logo img {
        max-width: 150px !important; /* Optional: Größe des Logos anpassen */
        height: auto !important;
    }
	
	.vc_cta3-content {
		padding-bottom: 20px;
	}
	
	.vc_btn3-container {
		margin-bottom: 0;
	}
	
	.vc_cta3-container {
		margin-bottom: 20px;
	}

}

.sc_layouts_row_delimiter {
	margin-left: 15px;
	margin-right: 15px;
}

.sc_layouts_search {
	display: none;
}

/* === Global Fonts === */
body, p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3rem;
	font-weight: 400;
  line-height: 1.6;
  color: #535b7c;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #202a44;
  line-height: 1.3;
}

/* === Headings Sizes === */
h1 { font-size: 3rem !important; }
h2 { font-size: 2.4rem !important; }
h3 { font-size: 1.8rem !important; }
h4 { font-size: 1.4rem !important; }
h5 { font-size: 1.2rem !important; }
h6 { font-size: 1rem !important; }

/* === Tablet Responsive (769px–1024px) === */
@media (max-width: 1024px) and (min-width: 769px) {
  p   { font-size: 1.2rem !important; }
  h1  { font-size: 2.2rem !important; }
  h2  { font-size: 1.7rem !important; }
  h3  { font-size: 1.5rem !important; }
  h4  { font-size: 1.4rem !important; }
}

/* === Mobile Responsive === */
@media (max-width: 768px) {
  p  { font-size: 1.2rem !important}
  h1 { font-size: 1.8rem !important;}
  h2 { font-size: 1.6rem !important;}
  h3 { font-size: 1.4rem !important;}
  h4 { font-size: 1.2rem !important;}

}

/* === Buttons === */
.sc_button_title {
  color: #ffffff; /* falls Button auf dunklem Hintergrund */
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

/* === Testimonials fix (nicht mini!) === */
.sc_testimonials_columns_wrap > div p {
  font-size: 1rem;
}

/* === Services – bessere Lesbarkeit === */
.sc_services_columns_wrap > div span {
  font-size: 1.6rem;
  line-height: 1.2;
}
/* Custom Selektoren */
.sc_services_light .sc_services_item_featured_left .sc_services_item_number,
.sc_services_light .sc_services_item_featured_right .sc_services_item_number {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 3rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #B5007C !important;
}
.sc_testimonials [class*="column"] .sc_testimonials_item_content {
  font-size: 1.1rem !important;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
  color: #535b7c;
}
.sc_action_item_title {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  font-weight: 600;
  color: #b5007c;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 768px) {
  .sc_action_item_title {
    font-size: 1.4rem;
  }
}

/* Standard-Links */
a {
  color: #d5007c;
}

a:hover,
a:focus {
  color: #202a44;
    }

/* Hamburger Menu Links - Grautöne */
.menu_mobile_inner a,
.menu_mobile_inner .menu-item a,
.menu_side_inner a,
.menu_side_inner .menu-item a {
    color: #666666 !important; /* Mittelgrau */
}

/* Submenu/Dropdown Links - etwas heller */
.menu_mobile_inner .sub-menu a,
.menu_side_inner .sub-menu a,
.menu_mobile_inner .children a,
.menu_side_inner .children a {
    color: #888888 !important; /* Helleres Grau für Submenü */
}

/* Hover-Effekt - Ihr Marken-Magenta */
.menu_mobile_inner a:hover,
.menu_mobile_inner .menu-item a:hover,
.menu_side_inner a:hover,
.menu_side_inner .menu-item a:hover,
.menu_mobile_inner .sub-menu a:hover,
.menu_side_inner .sub-menu a:hover {
    color: #b5007c !important; /* Ihr Marken-Magenta beim Hover */
}

/* Aktive Menu Items - auch Magenta */
.menu_mobile_inner .current-menu-item > a,
.menu_mobile_inner .current-menu-ancestor > a,
.menu_side_inner .current-menu-item > a,
.menu_side_inner .current-menu-ancestor > a {
    color: #b5007c !important; /* Aktive Items in Magenta */
}

/* Focus States für Accessibility */
.menu_mobile_inner a:focus,
.menu_side_inner a:focus {
    color: #b5007c !important;
    outline: 1px solid #b5007c;
}
/* Schließen-Button Container */
.menu_mobile_button_close,
.menu_mobile_close,
.menu_side_close {
    color: #666666 !important;
    border-color: #666666 !important;
}

/* X-Icon im Schließen-Button */
.menu_mobile_button_close:before,
.menu_mobile_close:before,
.menu_side_close:before,
.icon-cancel:before,
.icon-close:before {
    color: #b5007c !important;
}

/* Hover-Effekt für Schließen-Button */
.menu_mobile_button_close:hover,
.menu_mobile_close:hover,
.menu_side_close:hover {
    color: #b5007c !important;
    border-color: #b5007c !important;
}

/* X-Icon Hover */
.menu_mobile_button_close:hover:before,
.menu_mobile_close:hover:before,
.menu_side_close:hover:before
{
    color: #b5007c !important;
}

/* Falls es SVG-Icons sind */
.menu_mobile_close svg,
.menu_side_close svg {
    fill: #666666 !important;
    stroke: #666666 !important;
}

.menu_mobile_close:hover svg,
.menu_side_close:hover svg {
    fill: #b5007c !important;
    stroke: #b5007c !important;
}

/* Spezifisch für Williamson Theme */
.menu_mobile_overlay .menu_mobile_close,
.menu_mobile_overlay .menu_mobile_button_close {
    color: #666666 !important;
    border: 1px solid #666666 !important;
}

.menu_mobile_overlay .menu_mobile_close:hover {
    color: #b5007c !important;
    border-color: #b5007c !important;
}
/* Alle ThemeREX Standard-Buttons überschreiben */
a.sc_button.color_style_default,
a.sc_button.color_style_default:hover,
a.sc_button.color_style_default:focus {
  background-color: #b5007c !important;
  border-color: #b5007c !important;
  color: #ffffff !important;
}

/* Hover-Variante etwas dunkler */
a.sc_button.color_style_default:hover {
  background-color: #202a44 !important;
}

/* Optional: Icon-Farbe angleichen */
a.sc_button.color_style_default .trx_addons_icon-arrow {
  color: #ffffff !important;
    
/* Garstige Buttons färben */
    
 /* 1. Alle Buttons in scheme_dark überschreiben */
.scheme_dark a.sc_button,
.scheme_dark a.sc_button.sc_button_default,
.scheme_dark .sc_button_default,
.scheme_dark .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.scheme_dark button,
.scheme_dark input[type="submit"],
.scheme_dark input[type="button"],
.scheme_dark input[type="reset"],
.scheme_dark .more-link,
.scheme_dark .form-submit input[type="submit"],
.scheme_dark a.button {
  background-color: #d5007c !important;
  border-color: #d5007c !important;
  color: #ffffff !important;
}

/* 2. Hover-Farbe: Dunkelblau */
.scheme_dark a.sc_button:hover,
.scheme_dark .sc_button_default:hover,
.scheme_dark button:hover,
.scheme_dark input[type="submit"]:hover,
.scheme_dark input[type="button"]:hover,
.scheme_dark a.button:hover {
  background-color: #202a44 !important;
  border-color: #202a44 !important;
  color: #ffffff !important;
}

/* 3. Sogar Inline-Styles übersteuern */
.scheme_dark a[style*="background-color"] {
  background-color: #d5007c !important;
  border-color: #d5007c !important;
  color: #ffffff !important;
}
.scheme_dark a[style*="background-color"]:hover {
  background-color: #202a44 !important;
  border-color: #202a44 !important;
  color: #ffffff !important;
}

/* ------Wp-Forms -------*/
/* --- Grundschrift --- */
.wpforms-form {
  font-family: 'Open Sans', sans-serif;
  color: #535b7c;
}

/* --- Label-Styling --- */
.wpforms-form label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.95rem;
  color: #202a44;
  margin-bottom: 5px;
  display: block;
}

/* --- Input-Felder & Textareas --- */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="url"],
.wpforms-form textarea,
.wpforms-form select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #b4b3b6;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 1rem;
  color: #202a44;
  transition: border 0.2s ease-in-out, box-shadow 0.2s;
}

/* --- Fokuszustand --- */
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
  border-color: #d5007c !important;
  box-shadow: 0 0 0 2px rgba(213, 0, 124, 0.2);
  outline: none;
}

/* --- Checkboxen & Radiobuttons --- */
.wpforms-form input[type="checkbox"],
.wpforms-form input[type="radio"] {
  accent-color: #b5007c;
}

/* --- Submit-Button global --- */
.wpforms-form button[type="submit"],
.wpforms-submit {
  background-color: #b5007c !important;
  border: none;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding: 12px 25px;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}

/* --- Button Hover --- */
.wpforms-form button[type="submit"]:hover {
  background-color: #b5007c !important;
  cursor: pointer;
}
 /* Content area buttons*/   
    .sc_button,
.sc_form button,
.sc_action_item_link,
.sc_price_item_link {
  font-style: normal !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
}

/* --- Fehlermeldungen --- */
.wpforms-error {
  color: #d5007c !important;
  font-weight: 600;
  font-size: 0.9rem;
}

/* --- Erfolgsnachricht --- */
div[role="alert"].wpforms-confirmation-container {
  background-color: #b5007c;
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 500;
  border-radius: 6px;
  font-family: 'Montserrat', sans-serif;
}
/* Fehlerhafte Felder: Rand in CI-Farbe */
.wpforms-form input.wpforms-field-error,
.wpforms-form textarea.wpforms-field-error,
.wpforms-form select.wpforms-field-error {
  border: 1px solid #d5007c !important;
  box-shadow: none !important;
  border-radius: 4px;
}
/* Fokussierte Felder CI-konform */
body .wpforms-form input:focus,
body .wpforms-form textarea:focus,
body .wpforms-form select:focus {
  border: 1px solid #d5007c !important;
  border-bottom: 1px solid #d5007c !important;
  box-shadow: 0 0 0 2px rgba(213, 0, 124, 0.2) !important;
  outline: none !important;
  border-radius: 4px;
}
    
/* Footer */
.footer_wrap,
.footer_wrap .content_wrap,
.footer_wrap .columns_wrap,
.footer_wrap .footer_inner,
footer .vc_row,
footer .vc_column_container {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #202a44 !important;
}
 
    footer .vc_row.vc_row-no-padding,
footer .vc_row.vc_row-no-padding > .wpb_column,
footer .vc_row.vc_row-no-padding > .wpb_column > .vc_column-inner,
footer .vc_row.vc_row-no-padding > .wpb_column > .vc_column-inner > .wpb_wrapper {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #202a44 !important; /* falls nötig */
  box-sizing: border-box !important;
}
    body.scheme_dark .sc_button,
body.scheme_dark .sc_form button,
body.scheme_dark .sc_action_item_link,
body.scheme_dark .sc_price_item_link {
  font-style: normal !important;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
}