/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/themes/inspiro/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a fast, ultra-lightweight, and versatile WordPress theme for small businesses, creative professionals, photographers, and visual portfolios. Launch your website in minutes with 20+ ready-made starter sites for both Elementor and the WordPress Block Editor (Gutenberg), each designed for a specific niche — business, agency, portfolio, online store, or blog. Inspiro is also a great Elementor theme: it fully supports the Elementor header and footer builder (Theme Builder) along with other popular page builders like Beaver Builder, so you can design every part of your site visually. Built-in WooCommerce integration makes it easy to open an online store, while unique fullscreen video backgrounds (YouTube, Vimeo, and self-hosted) are perfect for photography, video, and multimedia projects. Fully responsive, SEO-friendly, GDPR-compliant, and privacy-focused with no external Google Fonts, Inspiro loads lightning-fast and looks perfect on every device. Discover more powerful features in the Premium version: https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles,block-patterns
Version: 2.2.2.1783948031
Updated: 2026-07-13 15:07:11

*/

/* Entfernt den Inspiro Theme-Credit von WPZOOM */
.site-info .copyright span:nth-child(2) {
    display: none;
}

/* SVG Logo für Inspiro sichtbar machen*/
.site-logo img[src$=".svg"], 
.navbar-brand img[src$=".svg"],
.custom-logo-link img {
    width: 50px !important; 
    height: auto !important;
    display: block;
}

/* Versteckt den automatisch generierten Datenschutz-Link im Footer */
.policy_privacy_link, 
.privacy-policy-link,
.footer-info-right .privacy-policy-link {
    display: none !important;
}

/* Suchleiste und Hinweistext auf der Inspirio 404-Seite entfernen */
.error404 .page-content p, 
.error404 .search-form {
    display: none !important;
}

/* Hintergrundfarbe Header behalten & Schrumpfen beim Scrollen stoppen */
.navbar, 
div.wpzoom-video-background-container {
    background: #000000 !important;
}

.navbar,
.navbar .navbar-inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Footer eine Spalte */
.site-footer .widget a,
.site-footer .widget_nav_menu li,
.site-footer .wp-block-navigation-item {
    display: inline-block !important;
    margin-right: 10px !important;
}

/* Erzwingt die schwarze Textfarbe im Magnetic Button */
.wp-block-kinetichub-magnetic-button, 
.wp-block-kinetichub-magnetic-button a,
.wp-block-kinetichub-magnetic-button span {
    color: #000000 !important;
}

/* Aufklappen Liste Box Field Headline und Pfeil */
details summary::-webkit-details-marker {
  display: none;
}
details summary {
  list-style: none;
}

details summary::before {
  content: "▶";
  display: inline-block;
  margin-right: 8px;
  margin-left: 15px;
  transition: transform 0.2s;
}

details[open] summary::before {
  transform: rotate(90deg);
}

/* Mobile Headline Größen parallel zum Desktop bzw H1 */

@media (max-width: 768px) {
  h2 { font-size: 21px !important; }
  h3 { font-size: 19px !important; }
  h4 { font-size: 15px !important; }
}

/* Preloader Tagline Styling & Font-Anwendung */
#khpl-loader .khpl-loader__tagline {
  font-family: 'Rationale', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Burger Menü unsichtbar machen */
.site-header .navbar-toggle,
.site-header .side-menu-trigger {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Sprachmenü Desktop: Box schmaler machen, Inhalt zentrieren & Pfeil weg */
@media (min-width: 769px) {
  .pll-parent-menu-item .sub-menu {
    width: 100% !important;
    min-width: 140px !important;
  }

  .pll-parent-menu-item .sub-menu li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  /* Dropdown-Pfeil ausblenden */
  .pll-parent-menu-item > a::after,
  .pll-parent-menu-item > a svg,
  .pll-parent-menu-item .dropdown-symbol {
    display: none !important;
  }
}

/* Sprachmenü Mobile exakt positionieren */
@media screen and (max-width: 990px) {
  .site-header nav,
  #side-menu {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    transform: translateY(-50%) !important;
  }
}

/* Sprachmenü Mobile nur Flaggen */
@media (max-width: 768px) {
  .pll-parent-menu-item > a,
  .sub-menu li a,
  ul.dropdown-menu li a {
    display: flex !important;
    justify-content: center !important;
    padding: 6px !important;
  }

  /* Sprachmenü Mobile Texte, Pfeile vollständig ausblenden */
  .pll-parent-menu-item > a svg,
  .pll-parent-menu-item > a span:not(:has(img)),
  .lang-item a span,
  .lang-item-name {
    display: none !important;
  }
}

/* Aktuelle Sprache im Dropdown ausblenden */
.sub-menu .current-lang,
ul.dropdown-menu .current-lang,
.sub-menu .current-menu-item,
ul.dropdown-menu .current-menu-item {
  display: none !important;
}
	
/* Cookie Button Mobile links raus */
@media screen and (max-width: 767px) {
    .ccm-settings-summoner {
        position: fixed !important;
        transform: translateX(-40px) !important; 
    }
}
	
/* Logo Header vergrößern */
#masthead .custom-logo {
    height: 35px !important;
    width: auto !important;
}

/* Footer Mobile zentriert */

@media (max-width: 768px) {
  ul[id^="menu-footer"] {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  ul[id^="menu-footer"] li {
    margin: 6px 0 !important;
  }

  .footer-widgets,
  .widget_nav_menu,
  footer .widget {
    padding-top: 15px !important;
    padding-bottom: 15px  !important;
    margin-bottom: 0 !important;
  }
}

/* Hero Mesh abrunden */

.kh-hm-hero-container {
    border-radius: 20px;
    overflow: hidden !important;
}

/* Hero Mesh Desktop Weichzeichner */

.kh-hm-hero-container .kh-hm-canvas-engine {
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 80%);
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 80%);
}

/* Hero Mesh Mobile Weichzeichner & Cut für Dichte */

@media (max-width: 767px) {
    .kh-hm-hero-container .kh-hm-canvas-engine {
        transform: none !important;
        -webkit-mask-image: radial-gradient(ellipse 65% 60% at center, rgba(0,0,0,1) 45%, rgba(0,0,0,0) 80%) !important;
        mask-image: radial-gradient(ellipse 65% 60% at center, rgba(0,0,0,1) 45%, rgba(0,0,0,0) 80%) !important;
    }
}

/* Abstand Zitat */

.wp-block-quote {
    margin-top: -60px !important;
    margin-bottom: -30px !important;
}

/* Split Scroll SVG verkleinern und in seiner Box positionieren */
@media (min-width: 769px) {
  .kh-ss-wrapper.wp-block-kinetichub-split-scroll .kh-ss-media-layer {
    display: flex !important; 
/*  align-items: center !important; */
    justify-content: center !important;
  }

  .kh-ss-wrapper.wp-block-kinetichub-split-scroll .kh-ss-media-layer img {
    height: 60% !important;
    width: auto !important;
    max-width: none !important;
  }
}


/* Split Scroll SVG Mobile Background Colour Fix: */
@media (max-width: 768px) {
  .kh-ss-wrapper.wp-block-kinetichub-split-scroll .kh-ss-pinned-col,
  .kh-ss-wrapper.wp-block-kinetichub-split-scroll .kh-ss-media-inner {
    background-color: #000000 !important;
  }
}
/* Split Scroll Text Size Fix */

@media (max-width: 768px) {
  .kh-ss-scroll-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }