/*
Theme Name:     DHPdesignWP Child
Theme URI:      https://www.dhp.design
Template: neve
Author:         DHPdesign
Author URI:     https://www.dhp.design
Description:    DHP ist ein äußerst schnelles, flexibel anpassbares und vielseitig einsetzbares Theme. Es eignet sich hervorragend für Blogs, kleine Unternehmen, Start-ups, Agenturen, Firmen, E-Commerce-Plattformen (WooCommerce Storefront) sowie persönliche Portfolio-Webseiten und zahlreiche andere Projektarten. Als vollständig AMP-optimiertes und responsives Theme lädt DHP in nur wenigen Sekunden und passt sich optimal an jedes Endgerät an. Trotz seines leichten Gewichts und des minimalistischen Designs ist das Theme hochgradig erweiterbar und bietet einen SEO-optimierten Code, der zu hervorragenden Platzierungen in den Google-Suchergebnissen führt. DHP arbeitet einwandfrei mit Gutenberg sowie den gängigsten Page Buildern (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi) zusammen. Zudem ist DHP für WooCommerce geeignet, responsiv, RTL-fähig und unterstützt Übersetzungen. Suchen Sie nicht weiter. DHP ist das ideale Theme für Ihre Bedürfnisse!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    dhpdesign
Tags: blog, benutzerdefiniertes-logo, e-commerce, rtl-sprachunterstützung, post-formate, grid-layout, einspaltig, zweispaltig, benutzerdefinierter-hintergrund, benutzerdefinierte-farben, benutzerdefinierte-kopfzeile, benutzerdefiniertes-menü, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
body {
    --wp--preset--font-size--small: 16px !important;
    --wp--preset--font-size--medium: 24px !important;
    --wp--preset--font-size--large: 36px !important;
    --wp--preset--font-size--x-large: 42px !important;
	--bodyfontfamily: 'Spline Sans' !important;
}

.builder-item .item--inner {
    color: var(--color);
    font-family: var(--fontfamily,var(--bodyfontfamily));
    font-size: var(--fontsize,var(--bodyfontsize));
    line-height: var(--lineheight,var(--bodylineheight));
    letter-spacing: var(--letterspacing,var(--bodyletterspacing));
    font-weight: var(--fontweight,var(--bodyfontweight));
    text-transform: var(--texttransform,var(--bodytexttransform));
    padding: var(--padding,0);
    margin: var(--margin,0);
    position: relative;
}

h1, h2, h3, h4, h5, h6, span, strong, p, a {
	word-wrap: break-word;
	hyphens: auto;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Outfit';
}

h1+h2, h2+h3 {
	font-size: 30px;
}

a[target="_blank"]::after {
    font-family: 'Font Awesome 6 Free';
    content: "\f35d";
	font-weight: 600;
	margin: 0 3px 0 5px;
	color: var(--text-color) !important;
	font-size: 90% !important;
}

.page .nv-post-cover {
    margin-bottom: 0px;
}

.dhpfooter {
    font-size: 0.80em !important;
    font-weight: 400;
}

.test span span {
	font-size: 0 !important;
}

/* .excerpt-wrap li, */ .nv-content-wrap li {
    margin-top: 10px;
    margin-left: 30px;
}

.header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu>.sub-menu {
	background-color: #FFF !important;
}

.neve-mm-heading span {
	color: var(--nv-primary-accent)!important;
	text-transform: uppercase;
	font-weight: 700;
}

.neve-mega-menu li.neve-mm-divider {
    height: 2px;
    margin: 10px auto;
    width: 100%;
    background-color: var(--nv-primary-accent)!important;
}

.nav-ul .caret {
    padding-left: 3px !important;
}

/* Blog */
.blog h1 {
	font-size: var(--h1fontsize);
	margin-bottom: 0px !important;
}

div#recent-posts-2 p.widget-title {
	color: #0066cc;
	text-transform: uppercase;
}

/* Footer Menu */

ul#footer-menu a {
	color: #FFF;
}

ul#footer-menu a:hover {
	color: #FFF;
}

/* Breadcrumbs */
.nv-page-title .neve-breadcrumbs-wrapper, .nv-title-meta-wrap .neve-breadcrumbs-wrapper {
    margin-bottom: 0px;
    display: block;
}

/* Weiterlesen Button */
.excerpt-wrap.entry-summary p:first-child a {
	display: none;
}

.excerpt-wrap>:last-child {
    margin-top: 25px;
	margin-bottom: 10px;
}

p.read-more a {
	color: var(--nv-text-dark-bg);
    background: var(--nv-primary-accent);
	cursor: pointer;
    box-sizing: border-box;
    padding: var(--btnpadding,13px 15px);
    border-radius: var(--primarybtnborderradius,3px);
    font-weight: var(--btnfontweight,700);
    font-size: var(--btnfs,var(--bodyfontsize));
    line-height: var(--btnlineheight,1.6);
    letter-spacing: var(--btnletterspacing,var(--bodyletterspacing));
    text-transform: var(--btntexttransform,none);
}

/*#menu-item-1153 > div > a::after {
	content: "\A\A Hier finden Sie unsere Fachabteilungen" !important;
	white-space: pre;
	display: block !important;
	position: relative;
	left: -137px;
	font-size: 12px;
	text-transform: none;
}*/

/* Jobs */
.jobs-modal.open .jobs-modal-content {
    top: 66px !important;
}
.job-listing .job-preview .job-content h5 {
	padding-bottom: 20px !important;
}

.job_custom_message {
	padding-top: 20px !important;
}

div.job-content > div > span:nth-child(1),
div.job-content > div > span.job-preview-details-separator > span > span {
	padding: 5px;
	background-color: #0057AD;
	color: #FFF;
	border-radius: 3px;
}

body .job-listing .job-preview .job-cta .apply-btn,
body .jp-apply-button,
.jobs-modal-form .job-submit {
	border-radius: 5px !important
}

div.jobs-row-label > span {
	
}

.job-post .jobs-row.position_title .jobs-row-input {
    font-weight: 600;
}

.job-post {
    padding-top: 0px !important;
}

/* Readspeaker */
.nv-single-post-wrap>div:not(:last-child) {
    margin-bottom: var(--spacing,30px);
}

/* Complianz Einstellungen */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
	font-size: 100%;
	max-width: 100%;
}

#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 100%;
}

.cmplz-blocked-content-notice-body {
	color: #FFF;
}

@media (max-width: 667px) {
.cmplz-blocked-content-notice {
	text-align: center;
    padding-top: 10%;
    margin: 0 auto;
    position: relative;
	}
}

@media (min-width: 667px) {
.cmplz-blocked-content-notice {
	text-align: center;
    padding-top: 25%;
    margin: 0 auto;
    position: relative;
	}
}

div.cmplz-blocked-content-notice a.cmplz-link {
    color: #fff !important;
	font-weight: 600;
}

.cmplz-links .cmplz-documents {font-weight: 700 !important;}

.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {
    white-space: normal;
    text-transform: initial;
    position: absolute !important;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 300px;
    font-size: 14px;
    padding: 10px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: center;
    z-index: 98;
    line-height: 23px;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: max-content !important;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}

/* Abstände für Blöcke */

.p15 {
	position: relative;
	left: 15px;	
}

.pl25 {
	padding-left: 15px;	
}

.pl25:before {
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	content: '\f152';
	float: left;
	display: block;
	margin-right: 5px;
}

.p50 {
	padding-left: 30px;	
}

.pl50 {
	padding-left: 30px;	
}

.pl50:before {
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	content: '\e4c0';
	float: left;
	display: block;
	margin-right: 5px;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}

/* Cover und Startbanner */

.wp-block-cover, .wp-block-cover-image {
    min-height: 350px;
	max-height: 350px;
}

.startbanner {
	max-height: 350px !Important;
	font-weight: 700;
	line-height: 1.3;
	text-shadow: 3px  3px 4px #000,
                 1px -1px 1px #555,
                 -1px  1px 1px #555,
                 -1px -1px 1px #555;
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 3s; /* Firefox < 16 */
	-ms-animation: fadein 3s; /* Internet Explorer */
	-o-animation: fadein 3s; /* Opera < 12.1 */
	animation: fadein 3s;
}

@media only screen and (min-width: 0px) and (max-width: 667px) {

.wp-block-cover, .wp-block-cover-image {
    width: auto;
	height: 250px !important;
	min-height: 250px !important;
	max-height: 250px !important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 667px) {

.startbanner {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 55% !important;
	padding: 0 !important;
	text-align: center;
	}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    line-height: 1.3;
}

.nv-post-cover .container {
    display: flex;
    justify-content: var(--justify,center);
    flex-wrap: wrap;
    align-content: center;
}

/* Schriften */
/* spline-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: 'Spline Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/spline-sans-v10-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-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: 'Spline Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/spline-sans-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-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: 'Spline Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/spline-sans-v10-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-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: 'Spline Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/spline-sans-v10-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* spline-sans-700 - 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: 'Spline Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/spline-sans-v10-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-200 - 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: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/outfit-v11-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/outfit-v11-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/outfit-v11-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/outfit-v11-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-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: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/outfit-v11-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-700 - 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: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit-v11-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-800 - 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: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/outfit-v11-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-900 - 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: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/outfit-v11-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Listenstyle mit Häkchen */
ul.haken li {
  margin-left: 0px;
  padding-left: 10px;
}

ul.haken li::marker {
  content: '\2713'; /* Leeres Zeichen, um das Standard-Häkchen zu ersetzen */
  color: var(--nv-text-color); /* Farbe des Häkchens */
  font-size: 1.5em; /* Größe des Häkchens */
  font-weight: 600;
}

ul.haken ul li::marker {
  content: '\2022'; /* Leeres Zeichen, um das Standard-Häkchen zu ersetzen */
  color: var(--nv-text-color); /* Farbe des Häkchens */
  font-size: 1.5em; /* Größe des Häkchens */
  font-weight: 600;
}

/* Bilderbeschreibung */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background-color: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

/* acwp-toolbar */
body #acwp-toolbar-btn-wrap {
    bottom: 30px !important;
}

#acwp-toolbar-btn-wrap {
    border: 0px solid #1E7AB9;
}

/* Google maps complianz */
.page-id-2851 .cmplz-placeholder-1 {
    max-height: 380px !important;
}

.blog .nv-page-title {
	padding-bottom: 25px;
}

.blog .nv-page-title h1 {
    color: var(--nv-secondary-accent);
}

/* Barrierefreiheit */
/* Mobile */
@media only screen and (max-width: 576px) {
    .onetap-container-toggle .onetap-toggle {
        right: 0 !important;
        margin-right: 15px !important;
        bottom: 60px !important;
        margin-bottom: 15px !important;
    }
}

/* Tablet */
@media only screen and (min-width: 576px) and (max-width: 991.98px) {
    .onetap-container-toggle .onetap-toggle {
        right: 0 !important;
        margin-right: 15px !important;
        bottom: 70px !important;
        margin-bottom: 30px !important;
    }
}

/* Desktop */
@media only screen and (min-width: 992px) {
    .onetap-container-toggle .onetap-toggle {
    right: 0 !important;
    margin-right: 20px !important;
    bottom: 50px !important;
    margin-bottom: 30px !important;
	}
}