/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* STANDARDS */
span.button { background: var(--wd-primary-color); color: #fff; border-radius: 50px; border: solid 2px #304b95; text-transform: unset; padding: 20px 30px; font-size: 90%; }
span.button:hover { background: unset; color: var(--wd-primary-color); border-radius: 50px; border: solid 2px #304b95;  }

.wd-dropdown-menu { padding-top: 0 !important; }
.wd-dropdown-menu .vc_row { background: var(--wd-primary-color); }
.mega-menu-kopfzeile a { text-transform: uppercase; font-weight: 300; color: #fff ; }
.mega-menu-kopfzeile a:hover { color: #B6E3DB; }

.wd-nav[class*="wd-style-"] > li:is(.current-menu-item, .wd-active, .active) > a { color: var(--wd-primary-color); }

form..frm-fluent-form .wpf_has_custom_css.ff-btn-submit { background-color: var(--wd-primary-color) !important ; border-color: var(--wd-primary-color) !important; }
.form-row-box { margin: 20px 0; }

/* HEADER */
.wd-logo img { padding-bottom: 25px !important; max-height: 120px !important; }
.whb-sticked .wd-logo img { padding-bottom: 0 !important; max-height: 60px !important; }
body .wd-sub-menu li > a { color: #444; }
	
/* TYPO */
h1 { font-size: 320%; font-weight: 300; }
h2 { font-size: 260%; font-weight: 300; }
span.colored { color: var(--wd-primary-color); }

.wpb_wrapper ul, .single-post .wd-page-content ul { list-style-type: none; margin-left: 0; padding-left: 0; margin-bottom: 35px; }
.wpb_wrapper ul li, .single-post .wd-page-content ul li { padding-left: 30px; /* Gibt Platz für das Bild */
  background-image: url('/wp-content/uploads/bulletpoint-list-blue.svg'); /* URL des Bildes, das als Listensymbol verwendet wird */
  background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
  background-position: 5px 10px; /* Positioniert das Bild am Anfang des Listenelements und etwas nach unten verschoben */
  list-style-type: none; /* Stellt sicher, dass keine andere Listensymbolart verwendet wird */
background-size: 32px; }

.wd-single-post-header { display: none !important; }


/* SPEZIFISCH / ELEMENTE */
#Ansprechpartner .people-box .vc_column-inner { background: #dff0ee; }
#Ansprechpartner .wpb_single_image { margin-bottom: 0 !important; }
#Ansprechpartner .people-box .kontakttitel { background: #dff0ee; color: var(--wd-title-color); padding: 30px 20px 0 20px; margin-top: -35px; z-index: 99; position: relative; clip-path: polygon(0 0, 87% 0, 100% 40%, 100% 100%, 0 100%); }
#Ansprechpartner .people-box .kontaktlinks { padding: 0 20px; font-size: 80%; }
/* #Ansprechpartner .people-box .kontaktlinks a { color: var(--wd-text-color); } */
#Ansprechpartner .people-box .disable-box .vc_column-inner { background: unset !important; }

#Ansprechpartner .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }
.gradient-background-box { background: linear-gradient(to bottom, #B8DED91A, #B8DED94D, #B8DED973); }
.headbox-maskimage .headbox-text .vc_column-inner {  margin-left: 18% !important; }

.gut-vorbereitet { padding-left: 25px !important; }
ul.list-gut-vorbereitet { padding-left: 25px !important; }

.wrapper-content-banner { position: relative; margin: 0 auto; overflow: hidden; }
.wrapper-content-banner:after {content: ''; position: absolute; width: 1100%; height: 1100%; top: 20px; right: -500%; background: rgba(48,75,149); transform-origin: 54% 0; transform: rotate(45deg); z-index: -1;}
.banner-content-background .wrapper-content-banner { background-color: unset !important; margin-top: -90px; }

.divider-icon-klinik { height: 120px; margin-top: -120px; margin-left: 80px !important; }

.ff-default .ff-el-form-control { background: #fff; }
.oberformularteil { margin-bottom: 20px; }

.headingkachel h3 strong { background: rgb(48,75,149); color: #fff; padding: 10px 20px; padding-right: 20px; margin-left: -20px; display: inline; padding-right: 60px; }
.headingkachel p strong { margin-top: 30px !important; }

.stelle .wpb_wrapper { border-bottom: solid 2px var(--wd-primary-color); }

.wd-wpb.wd-accordion .wd-accordion-title-text { background: var(--wd-primary-color); color: #fff; border-radius: 50px; border: solid 2px #304b95; text-transform: unset; padding: 20px 30px; }
.wd-accordion-title:is(.wd-active, :hover) > .wd-accordion-title-text { color: #fff !important; }

.button-corner:before { content: ""; position: absolute; top: -1px; left: -1px; transform: translate(-50%,50%); width: 40px; height: 40px; border-radius: 50%; background: #304B95; border: solid 3px #fff; }
.button-corner { border-left: solid 2px #fff; }

.herz-slogan h2 { font-size: 850%; line-height: 120%; }

h2.gemeinsam-perspektiven { font-size: 1.6rem; font-weight: 400; }

.wd-wpb.wd-accordion .wd-accordion-title-text:hover { background-color: #304b95e8; }

/* FORMS */
.ff-default .ff-el-form-control { font-family: var(--wd-text-font) !important; }

/* FOOTER */
.wd-copyrights a { font-size: 12px; text-transform: uppercase; margin: 0 10px; } 
.copyright-firmenname { font-size: 12px; text-transform: uppercase; }
.wd-copyrights { padding: 50px 0 30px 0 !important; }

/* KARRIERE BLOG */
.wd-post.wd-add-shadow .wd-post-inner { box-shadow: unset !important; }
.wd-blog-holder .wd-post-inner { padding: 0 !important; border-bottom: solid 2px var(--wd-primary-color); }

/* RESPONSIVE */

@media only screen and (max-width: 767px) {
	.headbox-maskimage .headbox-text .vc_column-inner { margin-left: 0 !important; }
	h1 { font-size: 250%; }
	h2 { font-size: 180%; }
	h1.headline-qm { font-size: 180%; }
	
	.promo-banner-wrapper { margin-bottom: 30px; }
	.divider-icon-klinik { background: #dff0ee; margin-top: 0 !important; }
	.herz-slogan h2 { font-size: 450%; line-height: 120%; }
	.page-id-52 #Ansprechpartner { padding: 0 30px; }
    .page-id-52 #Ansprechpartner h2 { font-size: 120%; }
	.button-corner:before { display: none !important; }
	.zuweiser-text br { display: none !important; }
}

@media only screen and (max-width: 667px) {
	h1.headline-qm { font-size: 180%; }
}