/*
 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 #113e61; 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 #113e61;  }

.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; line-height: 1.3; }
h2 { font-size: 260%; font-weight: 300; line-height: 1.3; }
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; }

body .wd-prefooter { padding-bottom: 0; margin-bottom: -1px; }

/* SPEZIFISCH / ELEMENTE */
#Ansprechpartner .people-box .vc_column-inner { background: #113e61; }
#Ansprechpartner .wpb_single_image { margin-bottom: 0 !important; }
#Ansprechpartner .people-box .kontakttitel { background: #113e61; color: white; 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%; color: white; }
#Ansprechpartner .people-box .kontaktlinks a { color: white; }
#Ansprechpartner .people-box .kontaktlinks a:hover { text-decoration: underline; }
#Ansprechpartner .people-box .disable-box .vc_column-inner { background: unset !important; }

#Ansprechpartner .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }


.headbox-maskimage .headbox-text .vc_column-inner {  margin-left: 18% !important; }

/* GRADIENT BOX */
.gradient-background-box { background: linear-gradient(to bottom, #b7becc1a, #ffffff4d, #21588421); }
body .wpb-content-wrapper .last-gradient-background-box { margin-bottom: -300px !important; padding-bottom: 320px !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-color: #113e61; transform-origin: 54% 0; transform: rotate(45deg); z-index: -1;}
.banner-content-background .wrapper-content-banner { background-color: unset !important; margin-top: -90px; } */
.promo-banner.banner-content-background .wrapper-content-banner,
.banner-content-background .promo-banner .wrapper-content-banner,
.banner-content-background .wrapper-content-banner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 40px 30px;
    overflow: visible !important;
    background: #113e61 !important;
    z-index: 2;
}

/* altes schräges Element deaktivieren */
.banner-content-background .wrapper-content-banner::after,
.promo-banner .wrapper-content-banner::after {
    content: none !important;
}

/* neue Welle */
.banner-content-background .wrapper-content-banner::before,
.promo-banner .wrapper-content-banner::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: 1;

    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'>\
<path fill='%23113e61' d='M0,85 C240,55 420,55 720,78 C980,98 1180,98 1440,65 L1440,120 L0,120 Z'/>\
</svg>");
}

.promo-banner .content-banner,
.banner-content-background .content-banner {
    position: relative;
    z-index: 3;
}

.promo-banner .banner-title,
.banner-content-background .banner-title {
    color: #fff;
    margin: 0;
}

.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-footer { position: relative; }
.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; border-top: 0 !important; }

@media only screen and (min-width: 1280px) {
	.wd-prefooter .vc_single_image-wrapper { width: 100vw; max-width: none !important; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
	.wd-prefooter .vc_single_image-wrapper img { width: 104% !important; max-width: 104% !important; margin: 0 -2% !important; height: auto; display: block; }
}

/* STICKY */
@media (min-width: 1025px) {
  body .sticky-element-placeholder {
    position: relative;
    box-sizing: border-box;
    width: calc(100vw - var(--wd-scroll-w) - var(--wd-sticky-nav-w)) !important;
    --wd-row-spacing: 15px !important;
    left: calc((50% - 50vw + var(--wd-sticky-nav-w) / 2 + var(--wd-scroll-w) / 2) + var(--wd-row-spacing)) !important;
  }
	
}
body .stickycont.element-is-sticky p { font-size: 90%; line-height: 120%; }

@media only screen and (max-width: 1024px) { 
	body .stickycont p { width: 45%; padding: 0 5%; float: left; text-align: left; font-size: 70% !important; line-height: 130% !important; }
	body .stickycont p a { text-align: left; display: block; margin-bottom: -5px; }
	
	body .mega-menu-kopfzeile a { color: inherit; font-size: 75%; line-height: 145%; display: block; }
	body .mega-menu-kopfzeile a:hover { color: #B6E3DB; font-weight: bold; }
	body .mega-menu-kopfzeile .wpb_text_column { margin-bottom: 0; }
	body .mega-menu-kopfzeile .wpb_text_column p { margin-bottom: 10px; }
	
	body .mega-menu-kopfzeile .wpb_text_column .wpb_wrapper { width: 80%; }
	
	.wd-page-wrapper :is(h1, h2, h3) {
	  -webkit-hyphens: auto;
	  hyphens: auto;
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	  word-break: auto-phrase;
	}
	body .wpb-content-wrapper .last-gradient-background-box { margin-bottom: -140px !important; padding-bottom: 90px !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: 200%; line-height: 130%; }
	h2 { font-size: 170%; line-height: 130%; }
	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; }
	
	body .wpb-content-wrapper .last-gradient-background-box { margin-bottom: -100px !important; padding-bottom: 90px !important; }
}

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