/*!
Theme Name:     DHPdesignWP Child
Theme URI:      https://www.dhp.design
Template: 		neve
Author:         DHPdesign
Author URI:     https://www.dhp.design
Description:    DHPdesignWP ist ein superschnelles, leicht anpassbares, vielseitiges Theme. Es ist perfekt für Blogs, kleine Unternehmen, Start-ups, Agenturen, Firmen, E-Commerce-Shops (WooCommerce Storefront) sowie persönliche Portfolioseiten und die meisten Arten von Projekten. Als vollständig AMP-optimiertes und responsives Theme lädt DHPdesignWP in nur wenigen Sekunden und passt sich perfekt an jedes Anzeigegerät an. Obwohl es leichtgewichtig ist und ein minimalistisches Design hat, ist das Theme in hohem Maße erweiterbar, es hat einen hochgradig SEO-optimierten Code, was zu Top-Rankings in den Google-Suchergebnissen führt. DHPdesignWP funktioniert perfekt mit Gutenberg und den beliebtesten Page Buildern (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). DHPdesignWP ist außerdem WooCommerce-fähig, responsive, RTL- und übersetzungsfähig. Suchen Sie nicht weiter. DHPdesignWP ist das perfekte Theme für Sie!
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:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
/* Unnötige Animationen und Ladeverzögerungen */
html, body { opacity: 1 !important; visibility: visible !important; }

body.is-loading,
html.preload,
body.preload { opacity: 1 !important; visibility: visible !important; }

html, body { transition: none !important; }

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

.embed { aspect-ratio: 16 / 9; }

/* Smooth Scroll */
@media screen and(prefers-reduced-motion:no-preference) {
	html {
		scroll-behavior: smooth;
		overflow-y: scroll;
	}
}

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

@media (max-width: 768px) {
    .wp-block-cover h1,
    .wp-block-cover h2,
    .wp-block-cover h3,
    .wp-block-cover h4,
    .wp-block-cover h5,
    .wp-block-cover h6 {
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .wp-block-themeisle-blocks-accordion-item__title div {
        overflow-wrap: break-word;
        word-break: break-word;
        max-width: 100%;
        padding-left: 0px;
        padding-right: 40px;
        box-sizing: border-box;
    }
}

i.fas::before {
	margin-right: 5px !important;
	display: inline-block;
	width: 20px;
	height: auto;
	text-align: center;
}

a, a.brand, a.brand:hover {
	text-decoration: none;
}

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

.entry-content>h1, .entry-content>h2 {
	padding-top: 80px;
}

.entry-content h1+h2 {
	padding-top: 0px;
}

.nv-footer-content span {
	font-size: 80% !important;
}

.nv-footer-content p.widget-title {
	font-size: 100% !important;
}

.widget {
	word-break: break-word;
	margin-bottom: 15px;
}

a[target="_blank"]::after {
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==");
	margin: 0 3px 0 5px;
}

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

.nav-ul .caret { padding-left: 5px; }

.center { text-align: center !important; }

/* Aktiver Menüpunkt – beide Menüs (oben + unten) */
.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.current-menu-item > .wrap > a,
.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.current_page_item > .wrap > a,
.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.nv-active > .wrap > a,

.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.current-menu-item > .wrap > a,
.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.current_page_item > .wrap > a,
.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.nv-active > .wrap > a {
  /* color: #32737D; */
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important; /* 2px Linie */
}

:is(.item--inner.builder-item--primary-menu #nv-primary-navigation-main,
    .item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom) .sub-menu :is(.current-menu-item, .current_page_item, .nv-active) a {
    color: #FFFFFF !important;
}

.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.current-menu-item > .wrap > a,
.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.current_page_item > .wrap > a,
.item--inner.builder-item--primary-menu #nv-primary-navigation-main li.nv-active > .wrap > a {
  text-underline-offset: 4px !important;    /* 4px Abstand nach unten */
}

.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.current-menu-item > .wrap > a,
.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.current_page_item > .wrap > a,
.item--inner.builder-item--primary-menu_2 #nv-primary-navigation-bottom li.nv-active > .wrap > a {
  text-underline-offset: 6px !important;    /* 3px Abstand nach unten */
}

.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; }
.mb25 { margin-bottom: 25px !important; }

ul.liste { margin: 15px 0px 30px 15px !important; }

.alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 0px;
}

/* Dividers */

.beige_1oben, .beige_1unten { background: url(beige_frame1.svg) center/auto 100% repeat-x; }
.beige_2oben, .beige_2unten { background: url(beige_frame2.svg) center/auto 100% repeat-x; }

.green_1oben, .green_1unten { background: url(green_frame1.svg) center/auto 100% repeat-x; }
.green_2oben, .green_2unten { background: url(green_frame2.svg) center/auto 100% repeat-x; }

.litegreen_1oben, .litegreen_1unten { background: url(litegreen_frame1.svg) center/auto 100% repeat-x; }
.litegreen_2oben, .litegreen_2unten { background: url(litegreen_frame2.svg) center/auto 100% repeat-x; }


.white_1oben, .white_1unten { background: url(white_frame1.svg) center/auto 100% repeat-x; }
.white_2oben, .white_2unten { background: url(white_frame2.svg) center/auto 100% repeat-x; }

.beige_1oben, .beige_2oben, .green_1oben, .green_2oben, .litegreen_1oben, .litegreen_2oben, .white_1oben, .white_2oben {
    position: relative;
	margin-top: -60px;
	bottom: 0px;
	left: 0;
    height: 60px;
    width: 100%;
	background-size: cover;
	z-index: 1;
	margin-bottom: 0px;
}

@media (max-width: 768px) {
.beige_1oben, .beige_2oben, .green_1oben, .green_2oben, .litegreen_1oben, .litegreen_2oben, .white_1oben, .white_2oben {
    bottom: -50px;
	}
}

.beige_1unten, .beige_2unten, .green_1unten, .green_2unten, .litegreen_1unten, .litegreen_2unten, .white_1unten, .white_2unten {
    position: relative;
	top: 60px;
    margin-top: -60px;
    left: 0;
    height: 60px;
    width: 100%;
	background-size: cover;
	z-index: 1;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Dividers Ende */

.nv-footer-content h3 { text-transform: uppercase !important; font-size: 21px !important; color: #32737D; border-bottom: 2px solid #32737D; }

/* ============================================================
   Fluent Forms (Form ID 2)
============================================================ */

:root{
  /* helle Akzent-Tints (ohne Alpha) */
  --tz-accent: #32737D;
  --tz-accent-soft: #D6E7E9;   /* sehr hell */
  --tz-accent-soft2:#E9F1F2;   /* noch heller */
}

/* 1) Sichtbare Akzentleiste links + Headerbar oben */
.fluentform_wrapper_2.ffs_default_wrap{
  max-width: 1170px !important;
  margin: 0 auto !important;

  /* Akzent: links 14px, oben 6px */
  background:
    linear-gradient(to right, var(--tz-accent) 0 14px, #ffffff 14px 100%),
    linear-gradient(to bottom, var(--tz-accent) 0 6px, transparent 6px 100%) !important;

  border: 1px solid #e6e8eb !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px #e3e7ea !important;
  overflow: hidden !important;

  padding: 22px 22px 18px 22px !important;

  color: #000000 !important;
  font-family: system-ui, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

/* Innenabstand vom Akzentstreifen */
.fluentform_wrapper_2.ffs_default_wrap form#fluentform_2{
  background: transparent !important;
  padding-left: 6px !important;
}

/* 2) Labels: Akzent-Unterstrich */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-input--label label{
  color:#000 !important;
  font-weight:700 !important;
  margin:0 0 8px 0 !important;
  display:inline-block !important;
  padding-bottom:4px !important;
  border-bottom: 2px solid var(--tz-accent-soft) !important;
}

/* Required deutlich in Akzent */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-required-asterisk,
.fluentform_wrapper_2.ffs_default_wrap .ff-el-is-required label:before,
.fluentform_wrapper_2.ffs_default_wrap .ff-el-is-required label:after{
  color: var(--tz-accent) !important;
  font-weight: 900 !important;
}

/* 3) Inputs: neutral + Akzent sehr sichtbar bei Focus */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-form-control{
  background-color:#fff !important;
  background-image:none !important;
  color:#000 !important;

  border:1px solid #d7dbe0 !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  min-height:48px !important;

  box-sizing:border-box !important;
  font-size:16px !important;
}

/* Focus: Rand in Akzent + stärkerer Ring */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-form-control:focus{
  border:2px solid var(--tz-accent) !important;
  box-shadow: 0 0 0 6px var(--tz-accent-soft) !important; /* größer */
  outline:none !important;
}

/* Placeholder */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-form-control::placeholder{
  color:#9aa3af !important;
}

/* 4) Select-Pfeil in Akzent */
.fluentform_wrapper_2.ffs_default_wrap select.ff-el-form-control{
  appearance:none !important;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--tz-accent) 50%),
    linear-gradient(135deg, var(--tz-accent) 50%, transparent 50%) !important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50% !important;
  background-size: 6px 6px, 6px 6px !important;
  background-repeat:no-repeat !important;
  padding-right:44px !important;
}

/* 5) Button: Akzent-Gradient + Glow (ohne rgba) */
.fluentform_wrapper_2.ffs_default_wrap .ff_submit_btn_wrapper{
  margin-top: 10px !important;
}

.fluentform_wrapper_2.ffs_default_wrap button.ff-btn.ff-btn-submit,
.fluentform_wrapper_2.ffs_default_wrap .ff-btn.ff-btn-submit{
  background:
    linear-gradient(to bottom, #3A828D 0%, var(--tz-accent) 60%, #2C6670 100%) !important;
  background-image:
    linear-gradient(to bottom, #3A828D 0%, var(--tz-accent) 60%, #2C6670 100%) !important;

  border: 1px solid var(--tz-accent) !important;
  color:#fff !important;

  border-radius: 14px !important;
  padding: 13px 20px !important;
  min-height: 50px !important;

  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;

  box-shadow:
    0 16px 30px var(--tz-accent-soft),
    0 2px 0 #24565D !important;

  cursor:pointer !important;
  transition: transform .06s ease, box-shadow .18s ease, filter .18s ease !important;
}

.fluentform_wrapper_2.ffs_default_wrap button.ff-btn.ff-btn-submit:hover,
.fluentform_wrapper_2.ffs_default_wrap .ff-btn.ff-btn-submit:hover{
  filter: brightness(0.96) !important;
  box-shadow:
    0 20px 36px var(--tz-accent-soft),
    0 2px 0 #1F4C52 !important;
}

.fluentform_wrapper_2.ffs_default_wrap button.ff-btn.ff-btn-submit:active,
.fluentform_wrapper_2.ffs_default_wrap .ff-btn.ff-btn-submit:active{
  transform: translateY(1px) !important;
}

/* 6) Fehlerzustand (Rot bleibt Rot) */
.fluentform_wrapper_2.ffs_default_wrap .ff-el-is-error .ff-el-form-control{
  border-color:#B42318 !important;
  box-shadow: 0 0 0 6px #F5D3CF !important;
}

.fluentform_wrapper_2.ffs_default_wrap .ff-el-error-message{
  color:#B42318 !important;
  font-size:13px !important;
  margin-top:8px !important;
}

/* 7) Responsiv */
@media (max-width: 640px){
  .fluentform_wrapper_2.ffs_default_wrap{
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }
  .fluentform_wrapper_2.ffs_default_wrap button.ff-btn.ff-btn-submit,
  .fluentform_wrapper_2.ffs_default_wrap .ff-btn.ff-btn-submit{
    width: 100% !important;
  }
}

/* Accordion Titel Text */
.wp-block-themeisle-blocks-accordion-item__title h1,
.wp-block-themeisle-blocks-accordion-item__title h2,
.wp-block-themeisle-blocks-accordion-item__title h3,
.wp-block-themeisle-blocks-accordion-item__title h4,
.wp-block-themeisle-blocks-accordion-item__title h5,
.wp-block-themeisle-blocks-accordion-item__title h6,
.wp-block-themeisle-blocks-accordion-item__title span,
.wp-block-themeisle-blocks-accordion-item__title div {
    font-size: 24px;
    text-transform: uppercase;
	font-weight: 400;
}

/* Accordion Titel Textfarbe */
.wp-block-themeisle-blocks-accordion-item__title {
    color: #FFFFFF !important;
}

/* Aktiver Accordion Titel Textfarbe */
.wp-block-themeisle-blocks-accordion-item[open] .wp-block-themeisle-blocks-accordion-item__title {
    color: #FFFFFF !important;
}

/* Accordion Titel Hintergrundfarbe */
.wp-block-themeisle-blocks-accordion-item__title {
    background-color: #32737D !important;
}

/* Accordion Content Hintergrundfarbe */
.wp-block-themeisle-blocks-accordion-item__content {
    background-color: #F5F0E1 !important;
}

/* Accordion Border-Farbe */
.wp-block-themeisle-blocks-accordion,
.wp-block-themeisle-blocks-accordion-item__content,
.wp-block-themeisle-blocks-accordion-item__title {
    border: 1px solid #32737d !important;
}

/* Farben von Linkls im Menu */
@media (max-width: 768px) {
    .menu-item-476 > .wrap,
    .menu-item-834 > .wrap,
    .menu-item-991 > .wrap {
        position: relative;
        padding: 0 10px !important;
    }
    
    .menu-item-476 > .wrap::before,
    .menu-item-834 > .wrap::before,
    .menu-item-991 > .wrap::before {
        content: "";
        position: absolute;
        left: 0;
        top: 25%;
        width: 4px;
        height: 50%;
        background-color: #2b2b2b;
        transition: background-color 0.3s ease;
    }
    
    .menu-item-476 > .wrap:hover::before,
    .menu-item-834 > .wrap:hover::before,
    .menu-item-991 > .wrap:hover::before {
        background-color: #32737d !important;
    }
}

@media (max-width: 768px) {
    #block-16 .wp-block-image {
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
    
    #block-16 img {
        width: 100%;
        height: auto;
    }
}

/* Complianz Cookie Banner */
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 100%;
    margin-top: 0;
    max-width: 1170px;
    text-justify: inter-word;
}

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

.cmplz-placeholder-1 {
    max-height: 450px;
}

.cmplz-blocked-content-notice .cmplz-links a {
	color: #FFF !important;
}

.cmplz-links a {
	font-weight: bold;
	text-decoration: none !important;
}

.cmplz-links a:hover {
	font-weight: bold;
	text-decoration: underline !important;
	color: #1E73BE !important;
}

.time p {
border: 2px solid #23385b;
border-radius: 5px;
background: #F5F0E1;
color: #23385b;
padding: 15px;
font-weight: 600;
}