/*
Theme Name: Pyaar Zero MD R3.6
Author: Florian Werner
Author URI: https://phongjim.com/
Description: Ein Theme exklusiv für Sigrid Schaffhauser. Design by Jutta Walker
Text Domain: pyaar-translation
License: Copyright 2025 - 2026
License URI:
Theme Version: Pv.3.6.0 - PY-R51 | 2026/01/15
Version: 0.0.10
*/

/* noto-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: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('includes/fonts/noto-sans-v42-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-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: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('includes/fonts/noto-sans-v42-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-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: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: url('includes/fonts/noto-sans-v42-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
   font-size: 16px;

   --color-salbei:#97b3a6;
   --color-gelb:#f7ed71;
   --color-hellblau:#d2dbe7;
   --color-prime: var(--color-salbei);
   --color-sec: var(--color-gelb);

   --main-bg-color: #fff;
   --footer-bg-color: var(--color-prime);

   --menu-text-color: #1A1A1A;
   --menu-text-highlight: var(--color-prime);
   --menu-hover-bg-color: var(--color-prime);

   --font-dark-color: #1A1A1A;
   --font-light-color: #fff;
   --font-footer-color: #fff;
   --font-heading-color: #1A1A1A;

   --link-color: var(--color-prime);
   --link-color-hover: #666;

   --font-text: 'Noto Sans', sans-serif;
   --font-heading: 'Noto Sans', sans-serif;
   --font-menu: 'Noto Sans', sans-serif;
   --font-weight-normal: 300;
   --font-weight-bold: 500;
   --p-margin-bottom: 1.5em;

   --font-p-size: 1.1rem;

   --header-height: 10em;
   --header-max-width: 1600px;

   --transition-setting: 0.3s ease;
}


/* @media (min-width: 1400px) {
   .container {max-width: 1300px;}
} */

html {
   scroll-behavior: smooth;
}

html,
body {
   width: 100vw;
   overflow-x: hidden;
}

body {
   background-color: var(--footer-bg-color);
   font-family: var(--font-text);
   font-weight: var(--font-weight-normal);
   color: var(--font-dark-color);
}

/* === HEADER SECTION ===
===============================================================*/
.fixed-top {
   position: relative;
}

header {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   height: auto;
   background: rgba(255, 255, 255, 1);
   box-shadow: 0 0.2em 0.5em rgba(0, 0, 0, .25);
}

header .header-inner-wrapper {
   align-items: center;
   padding-left: 0;
   padding-right: 0;
   padding: 0;
}

header .logo {
   display: flex;
   flex-flow: column;
   justify-content: center;
}

header .logo img {
   display: block;
   height: 4rem;
   width: auto;
   /* margin-top:.7rem; 
   margin-bottom: 1rem; */
   margin-left: .75em;
}

header .nav-main-wrapper {
   justify-content: flex-end;
}

/* # TOPMENU WRAPPER */
.nav-wrapper {
   order: 3;
   flex: 1 0 100vw;
   border-top: 1px solid #e1e1e1;
}

.home-hero {
   background: var(--main-bg-color);
}
/* @media (min-width: 768px) { Breakpoint SM */
@media (min-width: 992px) {
   .fixed-top {
      position: fixed;
   }

   header {
      height: var(--header-height);
      display: flex;
      background: rgba(255, 255, 255, .85);
      border-bottom: 0;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border-bottom: 1px solid rgba(0, 0, 0, 0.0);
      /* box-shadow: 0 .25em .5em -.15em rgba(0, 0, 0, .15);  */
   }

   .header-offset {
      box-shadow: 0 .35em .5em -.15em rgba(0, 0, 0, .12);
   }

   header .header-inner-wrapper {
      padding: 0 2rem;
      align-items: center;
      max-width: 100%;
     
   }

   header .header-inner-wrapper-top-menu {
      align-items: stretch;
      justify-content: space-between;
   }

   /* # TOPMENU WRAPPER */
   .nav-wrapper {
      display: flex;
      flex-flow: column;
      align-items: flex-end;
      justify-content: space-between;
      flex: none;
      border: 0;

   }
   /* header .nav-main-wrapper {justify-content: flex-end; align-items: flex-end; flex: 0 1 auto;} */
   header .logo {
      width: auto;
   }

   header .logo img {
      height: 6rem;
      max-height: calc(var(--header-height)*.8);
      /* transition: all 0.5s ease; */
   }

   /* header .logo img:hover {transform: scale(1.03);} */
   .home-hero {
      padding-top: var(--header-height);
   }
}
 
@media (min-width: 1600px) {

   .content-innerwrapper-limited,
   header .header-inner-wrapper {
      min-width: var(--header-max-width);
      max-width: var(--header-max-width);
      /* min-width: 1220px;
      max-width: 1220px; */
   }
}

/* STICKY HEADER header-offset 
===============================================================*/
/* @media (min-width: 768px) { Breakpoint SM */
@media (min-width: 992px) {

   .header-offset {
      height: 4em;
      min-height: 4em !important; 
      transition: all var(--transition-setting);
   }

   .header-offset .header-inner-mainwrapper {
      padding: 0 0 .8em 0!important;
   }

   .header-offset .header-inner-wrapper-top-menu,
   .header-offset .header-inner-wrapper-logo,
   .header-offset .top-nav,
   .header-offset .logo  {
      height: 0;
      min-height: 0;
      opacity: 0;
        transition: all 0.4s ease;
   }

   .header-offset .header-inner-wrapper-nav {
      padding-top: 0 !important; 
   }
 
}

/* === HAUPTMENU NAVBAR SECTION ===
===============================================================*/
.nav-main {
   text-align: center;
}

.nav-main>li>a {
   padding: 1rem 1.5rem !important;
   border-top: 1px solid rgba(0, 0, 0, 0.05);
   display: block;
   font-size: 1.2rem;
   text-align: right;
   background: var(--color-prime);
   font-family: var(--font-menu);
}

.nav-main>li>a>.menu-text {
   color: #fff;
   /* text-transform: uppercase; */
   transition: color, border var(--transition-setting);
}

/* MENU LINK ELEMENT */
.nav-main>li>a:hover,
.nav-main>li>a:focus {
   text-decoration: none;
   background: var(--color-hellblau);
   
}

.nav-main>li.active>a,
.nav-main>li.active>a:hover,
.nav-main>li.current-menu-parent,
.nav-main>li.current-menu-parent>a,
.nav-main>li.current-menu-parent>a:hover {
   color: var(--font-dark-color);
   background: var(--color-hellblau);
   text-decoration: none;
}

/* MENU-TEXT ELEMENT */
.nav-main>li>a:hover>.menu-text,
.nav-main>li>a:focus>.menu-text {
   color: var(--font-dark-color);
   border-bottom: 0;
}

.nav-main>li.active>a>.menu-text,
.nav-main>li>a.active>.menu-text,
.nav-main>li>a.active:focus>.menu-text,
.nav-main>li>a.active:hover>.menu-text,
.nav-main>li.current-menu-parent>a>.menu-text,
.nav-main>li.current-menu-parent>a:hover>.menu-text {
   color: var(--font-dark-color);
}

/* @media (min-width: 768px) { Breakpoint SM */
@media (min-width: 992px) {
   .nav-main {
      text-align: left;
   }

   /* MENU LINK ELEMENT */
   .nav-main>li>a {
      padding: .5em 1.1em !important;
      font-size: 1.2rem;
      border-top: 0;
      background: none;
      font-weight: var(--font-weight-bold);
   }

   .nav-main>li:last-of-type>a {
      padding-right: 0 !important;
   }

   .nav-main>li>a:hover,
   .nav-main>li>a:focus {
      background: none;
   }

   .nav-main>li.active>a,
   .nav-main>li.active>a:hover,
   .nav-main>li.current-menu-parent,
   .nav-main>li.current-menu-parent>a,
   .nav-main>li.current-menu-parent>a:hover {
      color: #fff;
      background: none;
      text-decoration: none;
   }

   /* MENU-TEXT ELEMENT */
   .nav-main>li>a>.menu-text {
      color: var(--menu-text-color);
   }

   .nav-main>li>a:focus>.menu-text,
   .nav-main>li>a:hover>.menu-text {
      color: var(--menu-text-highlight);
   }

   .nav-main>li.active>a>.menu-text,
   .nav-main>li.active>a:focus>.menu-text,
   .nav-main>li.active>a:hover>.menu-text,
   .nav-main>li>a.active>.menu-text,
   .nav-main>li>a.active:focus>.menu-text,
   .nav-main>li>a.active:hover>.menu-text,
   .nav-main>li.current-menu-parent>.menu-text,
   .nav-main>li.current-menu-parent>a>.menu-text,
   .nav-main>li.current-menu-parent>a:hover>.menu-text {
      color: var(--menu-text-highlight);
      /* border-bottom: 1px solid var(--menu-text-highlight); */
   }

   /*.nav-main > li:last-of-type > a {	 padding-right: 0; border-right: 0; }*/
}

/* IPAD 10,5 & 12 HOCHFORMAT OVERWRITE */
/* @media (min-width: 768px) and (max-width: 991px) { Breakpoint SM */
@media (min-width: 992px) and (max-width: 1199.98px) {
   .nav-main>li>a {
      font-size: 1.0rem;
   }
}


@media (min-width: 992px) {
   .nav-main>li>a {
      /* padding: .5rem .6rem!important;  */
      /* font-size: 1.2rem; */
   }
}

@media (min-width: 1200px) {
   .nav-main>li>a {
      /* padding: .5rem .9rem!important; */
      /* font-size: 1.2rem; */
   }
}



/* === DROPDOWN CLICKABLE PARENT 2.1 ===
===============================================================*/
.dropdown {
   display: flex;
   flex-wrap: wrap;
}

.dropdown .dropdown-toggle {
   flex: 1 1 auto;
}

.dropdown .dropdown-plus {
   color: #000;
   cursor: pointer;
   padding: 1rem 0.9em !important;
}

.dropdown .dropdown-plus:hover {
   color: var(--font-light-color);
}

.dropdown .dropdown-menu {
   flex: 1 1 100%;
}

.dropdown-menu {
   padding: 0;
   background: #f6f6f6;
   border-radius: 0;
   border: 0;
   display: block;
}

.dropdown-menu>li>a {
   padding: .9em;
   text-align: right;
   background: rgba(0, 0, 0, .03);
   font-size: 1.1em;
   border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.dropdown-menu>li>a .menu-text {
   font-size: 1.25em;
   text-transform: uppercase;
   color: #555;
}

.dropdown-menu>li:last-of-type>a {
   border-bottom: 0;
}

.dropdown-menu>li>a:hover {
   background: var(--menu-hover-bg-color);
}
/* @media (max-width: 767.98px) { { Breakpoint SM */
@media (max-width: 991.98px) {
   .dropdown:hover>a {
      background: #181818;
   }

   .dropdown:hover .dropdown-plus {
      color: var(--font-light-color);
   }

   .dropdown .dropdown-toggle {
      padding-right: 0.35em !important;
   }
}


.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-item.active,
.dropdown-item:active {
   color: #333;
   background: #efefef;
}

.dropdown-toggle::after {
   color: var(--menu-text-color);
   display: none;
}
/* @media (min-width: 768px) { Breakpoint SM */
@media (min-width: 992px) {
   .dropdown-menu {
      box-shadow: 0px .3em .3em rgba(0, 0, 0, .14);
      border: 1px solid #e1e1e1;
      background-color: rgba(255, 255, 255, 0.95);
      border-radius: 0;
      margin-top: 0px;
      right: 0 !important;
      left: auto !important;
      top: 100% !important;
      display: none;

   }

   .dropdown-menu>li>a {
      text-align: left;
      padding: 0.72em 0.8em;
   }

   .dropdown-toggle::after {
      display: inline-block;
   }

   .dropdown:hover .dropdown-menu {
      display: block;
   }
}


/* === TOP NAV SECTION ===
===============================================================*/
.top-nav .nav {
   justify-content: center;
}

.top-nav .nav>li>a {
   font-size: 0.95em;
   /* text-transform: uppercase; */
   color: var(--color-prime);
   padding: 1rem 1em;
   text-align: center;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   display: block;
   font-weight: var(--font-weight-bold);
     text-decoration: none;
}

.top-nav .nav>li:nth-last-child(4) {
   margin-right: auto;
}

.top-nav .nav>li:last-of-type>a {
   border-bottom: 0;
}

.top-nav .nav>li>a:hover,
.top-nav .nav>li>a:focus {
   color: var(--color-prime);
   text-decoration: none;
   background: rgba(255, 255, 255, .05);
}

.top-nav .nav>li.current_page_item>a,
.top-nav .nav>li.current_page_item>a:focus,
.top-nav .nav>li.current_page_item>a:hover {
   color: var(--color-prime);
   text-decoration: none;
   background: rgba(255, 255, 255, .07);
}
/* @media (min-width: 768px) { Breakpoint SM */
@media (min-width: 992px) {
   .top-nav {
      padding-top: 1.2em;
   }

   .top-nav .nav>li>a {
      font-size: 1.5rem;
      padding: .5em 0.3em .5em 1.3em;
      border-bottom: 0;
      
   }

   .top-nav .nav>li:last-of-type>a {
      padding-right: 0 !important;
   }

   .top-nav .nav>li>a:hover {
      background: none;
   }

   .top-nav .nav>li.current_page_item>a {
      background: none;
   }
}

/* === CONTENT SECTION ===
===============================================================*/
.content-wrapper {
   background-color: var(--main-bg-color);
   padding-bottom: 3rem;
}

.wpb_single_image a:hover {
   border: 0;
}

.wpb_single_image a:hover img {
   opacity: 0.8;
}

@media (min-width: 992px) {
   .content-wrapper {
      padding-top: var(--header-height);
   }

   .home-hero+.content-wrapper {
      padding-top: 0.4rem;
   }
}

/* IPAD 10,5 & 12 HOCHFORMAT CONTENT OVERWRITE */
@media (min-width: 768px) and (max-width: 1100px) {
   /* .wp-block-column {flex-basis: 50%!important;}
    h2 {font-size: 1.8em!important;} */
}

 

/* === SINGLE PAGE SECTION ===
===============================================================*/
.post-thumbnail {
   overflow: hidden;
   position: relative;
   max-height: 60vh;
}

.post-thumbnail img {
   width: 100%;
   height: auto;
}

.thumbnail-title {
   position: absolute;
   padding: .4em .8em;
   background: rgba(255, 217, 89, 0.8);
   color: #000;
   text-transform: none;
   bottom: 1em;
   left: 1.8em;
   /*transform: translate(-50%, -50%);*/
   box-shadow: 0 0em .8em rgba(0, 0, 0, .3);
}

.single-content,
.make-grid,
.make-blog {
   padding-top: 2em;
   padding-bottom: 3em;
}



.make-grid {
   padding-left: 0;
   margin-bottom: 0;
}

/* .post-thumbnail + .single-content {margin-top: 2em; } */

.home-content-wrapper .single-content,
.single-format-gallery .single-content,
.single-content-gallery {
   /* padding-top: 0; */
}

.sidebar-wrapper {
   padding-left: 15px;
   padding-right: 15px;
}

.content-innerwrapper {
   padding-left: 0;
   padding-right: 0;
}

@media (min-width: 768px) {
   .post-thumbnail {
      padding-left: 0;
      padding-right: 0;
      display: flex;
      align-items: center;
   }

   .single-content,
   .make-grid {
      padding-top: 3.5em;
      padding-bottom: 4rem;
   }

   /* SIDEBAR */
   .content-wrapper aside {
      /* border-left: 2px dotted #dfdfdf; */
      /* background-color: rgba(170, 83, 83, 0.07); */
      margin-top: 2em;
   }

   .sidebar-wrapper {
      padding-left: 0;
      padding-right: 0;
   }

   .sidebar-wrapper .widget {
      /* border-left: 2px dotted #dfdfdf;
       padding-left: .7rem; */
   }
}

/* === FOOTER SECTION ===
===============================================================*/
footer {
   padding: 3rem 0 4rem;
   color: var(--font-footer-color);
   background: var(--footer-bg-color);
   min-height: 140px;
}

.footer-inner-wrapper {
   align-items: flex-start;
   -ms-flex-align: center;
   justify-content: space-between;
}

.footer-copyright {
   font-size: 0.75em;
   color: #666;
   text-align: left;
   padding-top: 1em;
}



.footer-logo-leiste {
   margin-bottom: 2em;
}

.footer-logo {
   display: block;
   height: auto;
   width: 70%;
   display: inline-block;
   margin-right: .8em;
   text-align: center;

   transition: var(--transition-setting);
}


p:has(a.shortcode-m) {margin-bottom: 0;}

@media (min-width: 768px) {
   footer {
      padding: 3rem 0;
   }
  
   .footer-logo {
   width: 40%;
}

}
.footer-logo-wrapper {
   margin-bottom: 3rem;
}

.footer-logo:hover,
.footer-logo:focus {
   opacity: .7;
}


.fazebe {
   background-image: url('images/fazebook.svg');
   background-size: 100% auto;
}

.inschta {
   background-image: url('images/instagram.svg');
   /* background-position: 63.1% 5%; */
   background-size: 100% auto;
}

@media only screen and (max-width: 767.98px) {
   .footer-nav .nav {
      display: table;
      margin: 0 auto;
      width: 100%;
      text-align: center;
      clear: both;
   }
   .footer-widget-wrapper {
      text-align: center;
   }
   .footer-logo-wrapper {
   text-align: center;
}
}
 
 

/* === FOOTER NAV SECTION ===
===============================================================*/
.footer-nav .nav>li>a {
   font-size: 0.95em;
   /* text-transform: uppercase; */
   color: var(--font-footer-color);
   padding: .75rem 0;
   text-align: center;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   display: block;
}

.footer-nav .nav>li:last-of-type>a {
   border-bottom: 0;
}

.footer-nav .nav>li>a:hover,
.footer-nav .nav>li>a:focus {
      color: var(--font-dark-color);
   text-decoration: none;
   background: rgba(255, 255, 255, .05);
}

.footer-nav .nav>li.current_page_item>a,
.footer-nav .nav>li.current_page_item>a:focus,
.footer-nav .nav>li.current_page_item>a:hover {
   color: var(--font-dark-color);
   text-decoration: none;
   background: rgba(255, 255, 255, .07);
}

@media (min-width: 768px) {
   .footer-nav .nav {
   flex-flow: column;
   align-items: start;
   }
   .footer-nav .nav>li>a {

      font-size: 0.9em;
      padding: 0 0 0.4em 0em;
      border-bottom: 0;
      text-align: left;
      line-height: 1.3;
      
   }

   .footer-nav .nav>li>a:hover {
      background: none;
   }

   .footer-nav .nav>li.current_page_item>a,
.footer-nav .nav>li.current_page_item>a:focus,
.footer-nav .nav>li.current_page_item>a:hover{
      background: none;
   }
}

.footer-nav-padding {padding-bottom: 1.0em;}



/* === BOTTOM NAV SECTION ===
===============================================================*/
.bottom-nav {
   margin-top: 2em;
}

.bottom-nav .nav {
   flex-flow: column;
   align-items: center;
}

.bottom-nav .nav>li>a {
   font-size: 0.95em;
   text-transform: uppercase;
   color: #fff;
   padding: .75rem 0;
   text-align: center;
   border-bottom: 1px solid rgba(255, 255, 255, 0.08);
   display: block;
}

.bottom-nav .nav>li:last-of-type>a {
   border-bottom: 0;
}

.bottom-nav .nav>li>a:hover,
.bottom-nav .nav>li>a:focus {
   color: var(--color-prime);
   text-decoration: none;
   background: rgba(255, 255, 255, .05);
}

.bottom-nav .nav>li.current_page_item>a,
.bottom-nav .nav>li.current_page_item>a:focus,
.bottom-nav .nav>li.current_page_item>a:hover {
   color: var(--color-prime);
   text-decoration: none;

}

.bottom-nav .nav>li>a::before {
   content: "// ";
}

@media (min-width: 768px) {
   .bottom-nav .nav {
      flex-flow: column;
      align-items: flex-start;
   }

   .bottom-nav .nav>li>a {
      font-size: 1rem;
      padding: 0 1.6em 0.5em 0em;
      border-bottom: 0;
   }

   .bottom-nav .nav>li>a:hover {
      background: none;
   }

   .bottom-nav .nav>li.current_page_item>a {
      background: none;
   }
}

/* VERTIKALER SIDEBUTTON 
===============================================================*/
@media (max-width: 767px) {
   .side-button {
      font-size: 1.0em;
      font-family: var(--font-heading);
      /* text-transform: uppercase; */
      color: var(--font-footer-color);
      padding: .75rem 0;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      display: block;
   }

   .side-button:hover,
   .side-button:focus {
      color: #fff;
      text-decoration: none;
      background: rgba(255, 255, 255, .05);
   }
}


@media (min-width: 768px) {
   .side-button {
      position: fixed;
      font-style: initial;
      top: 35%;
      z-index: 9999;
      right: 4rem;
      border: 1px solid var(--color-sec);
      border-radius: .3em;
      padding: .2em .5em;
      background: rgba(255, 255, 255, .5);
      transform: rotate(-90deg);
      transform-origin: top right;

      font-size: 1.4em;
      color: var(--color-sec);
      transition: background-color ease 0.3s;
   }

   .side-button:hover {
      text-decoration: none;
      color: #fff;
      background: var(--color-sec);
   }
}

/* === TEXT & HEADING STYLES SEXTION ===
===============================================================*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
   font-family: var(--font-heading);
   font-weight: var(--font-weight-bold);
   color: var(--font-heading-color);
   line-height: 1.1;
}

h1, .h1 { font-size: clamp(2rem, 3.5vw, 4rem);           margin: 1.0em 0 0.65em; }
h2, .h2, .has-x-large-font-size
        { font-size: clamp(1.75rem, 3.1vw, 3rem);        margin: 1.2em 0 0.6em; }
h3, .h3 { font-size: clamp(1.2rem, 2.5vw, 2rem);         margin: 1.12em 0 0.55em; font-weight: var(--font-weight-normal); }
h4, .h4 { font-size: clamp(1.1rem, 2.2vw, 1.7rem);       margin: 1.0em 0 0.40em; font-weight: var(--font-weight-normal);}
h5, .h5 { font-size: clamp(1.0rem, 2.0vw, 1.5rem);       margin: 1.0em 0 0.40em; }
h6, .h6 { font-size: clamp(1.0rem, 1.8vw, 1.5rem);       margin: 1.0em 0 0.40em; }

@media (min-width: 768px) {
   h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
   h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
         line-height: 1.12;
      }
/* 
   h1, .h1 { margin:1.5em 0 .65em;}
   h2, .h2 { margin:1.5em 0 .60em;}
   h3, .h3 { margin:1.2em 0 .40em;}
   h4, .h4 { margin:1.0em 0 .40em;}
   h5, .h5 { margin:1.0em 0 .40em;}
   h6, .h6 { margin:1.0em 0 .40em;} */
}

h2+h3 {
   margin-top: 0.7em;
}

article p {
   font-size: var(--font-p-size);
   margin-bottom: var(--p-margin-bottom);
   /* line-height: 1.65; */
}

.single-title {text-align: left;}
.cat-title {margin-top: 1rem;}

.has-x-large-font-size a {
text-decoration: none!important;
}

/* === ARTICLE SECTION ===
===============================================================*/
article img {
   max-width: 100%;
   height: auto;
}


/* BLOCKQUOTE
===============================================================*/

blockquote {
   text-align: center;
   margin: 3em auto 4em;
   padding: 1.8em 1em;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
}

blockquote p {
   font-family: Georgia, serif;
   line-height: 1.3;
   font-size: 1.7em;
   margin-bottom: .2em;
}

blockquote cite {
   line-height: 1.1;
   font-size: 0.9em;
   display: inline-block;
   color: var(--font-light-color);
   font-style: inherit;
}

figcaption {
   line-height: 1.1;
   font-size: 0.8em;
   color: var(--font-light-color);
   font-style: italic;
   text-align: right;
   padding-right: .5em;
}

@media (min-width: 768px) {
   blockquote {
      margin: 3em auto 4em;
      max-width: 60%;
      padding: 1.8em 1em;
   }
}

/* WP BLOCK EDITOR OVERWRITES V.1.2
===============================================================*/

.wp-block-image img {
   /* height: auto; */
}

@media screen and (min-width: 960px) {
   .alignwide {
      margin-left: calc(25% - 25vw);
      margin-right: calc(25% - 25vw);
   }

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

/* FEATURE-BLOCKS - FAQ - BLOCKEDITOR VORLAGE
===============================================================*/
.feature-block {
   background-color: var(--color-sport);
   padding: 1.1em 1em;
   border-radius: 1em;
}

.feature-block p,
.feature-block li {
   color: var(--text-light-color);
}

/* .feature-block-sport {
   background-color: var(--color-sport);
} */

.feature-block .wp-block-heading {
   margin: 0 0 .5em;
}

@media (min-width: 768px) {
   .feature-block {
      padding: 2.1em 2em;
   }
}

.feature-block h1,
.feature-block h2,
.feature-block h3,
.feature-block h4 {
   color: var(--font-heading-color);
   font-family: var(--font-text);
   /* font-weight: 300!important; */
   font-size: 1.4em;
}

 

/* BOOTSTRAP ACCORDION - BLOCKEDITOR VORLAGE
===============================================================*/
.accordion-item {
   display: block;
   margin-bottom: .1em;
   border: none !important;
   background-color: rgba(0, 0, 0, 0) !important;
}

.accordion-header {
   margin-top: .3em;
   margin-bottom: .5em;
}

.accordion-button,
.wp-block-button_link,
.wp-element-button {
   position: relative;
   margin-top: 0;
   font-size: 1.5rem !important;
   font-weight: 300 !important;
   /* font-family: var(--font-heading); */
   color: var(--text-light-color);
   text-align: left !important;
   padding: 0.1em .6em 0.1em 1.5em !important;
   border: none !important;
   background-color: rgba(0, 0, 0, 0) !important;
   display: block !important;
   width: auto !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   line-height: 1.2;
}


.accordion-button::before {
   position: absolute;
   left: 0;
   content: url('images/icons/icon-plus.svg') !important;
   width: .9em !important;
   height: auto !important;
   top: 0.12em !important;
   display: inline-block;
   margin-right: .5em;
   opacity: 0.6;
}

.accordion-button:not(.collapsed)::before {
   content: url('images/icons/icon-minus.svg') !important;
   opacity: 1;
}

.accordion-body {
   /* margin-top: 1em; */
   padding: 0.6em 3em;
}

@media (min-width: 768px) {

   .accordion-button,
   .wp-block-button_link_link,
   .wp-element-button {
      font-size: 1.8rem !important;
   }
}

.accordion-button:hover,
.accordion-button:focus,
.wp-element-button:hover,
.wp-element-button:focus {
   box-shadow: none !important;
   text-decoration: none;
   border: none !important;
}

.accordion-button::after {
   content: "" !important;
   display: none;
}

.accordion-button:not(.collapsed) {
   background-color: rgba(0, 0, 0, 0) !important;
   color: var(--text-light-color);
   border: none !important;
   box-shadow: none !important;
}

.accordion-button:focus {
   border: none !important;
   box-shadow: none !important;
   outline: none !important;
}

.accordion-header {
   border: none !important;
}

.accordion-collapse {
   border: none !important;
}



/* Gutenberg Tempaltes BLOCKEDITOR VORLAGE
===============================================================*/
/* QUICKFIX */
@media (min-width: 768px) {
   .wp-block-columns-is-layout-flex,
   .is-layout-flex {
   display: flex;
   justify-content: space-between;
   /* gap: 2em; */
   }
}

.is-style-rounded img {
   border-radius: 1.2em;
}
.single-content:has(.pyaar-fullwide-row) {
   padding-top: 0;
}

.patientenstimmen-name {
   margin-bottom: 0.1em;
   font-size: 1.2em;
   font-weight: var(--font-weight-bold);
}

@media (max-width: 767.92px) {
   .pyaar-fullwide-row {
      margin-top: -1.7em;
   }
}
.pyaar-fullwide-row figure {margin-bottom: 0;}
.pyaar-fullwide-row div:not(.fullwide-logo) img {width: 100%; }

@media (min-width: 768px) {
   .pyaar-fullwide-row h2 {margin-top: 0;}
}
/* HOME HERO MIT LOGO */
.pyaar-fullwide-row.home-hero-logo {
  position: relative;
  overflow: auto;
}

.pyaar-fullwide-row.home-hero-logo::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  aspect-ratio: auto;  /* Nutzt SVG-intrinsic Ratio (Chrome 88+, Firefox 89+, Safari 15+) */
  background-image: url('images/logo-sub.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
   height: 0;
  padding-bottom: 31%; /* Schätze basierend auf 130/420, passe an */
}

/* FULLWIDE FOTO RECHTS */

.fullwide-text-foto { 
 
}

.fullwide-text-foto-right { 
}
.fullwide-text-foto-left { 
}

.fullwide-text-text {
   align-self: center;
}
 .fullwide-text-text > .wp-block-columns {
      padding-left: clamp(2em, 5vw, 10em);
      padding-right: clamp(2em, 5vw, 10em);
       
      padding-top: 4em;
      padding-bottom: 4em;
      box-sizing: border-box;    
      justify-content: center;
   }

   .fullwide-box {
   gap: 4em;
   padding: 6em 5vw 8em;
}

   .fullwide-box ul {
      padding-left: 1.2em;
   }

@media (min-width: 768px) {
   .fullwide-text-text > .wp-block-columns {
      padding-top: 1em;
      padding-bottom: 1em;
   }
}

@media (min-width: 991.92px) {

}

@media (min-width: 1600px) {
   .fullwide-box {
       padding-left: 10vw;
       padding-right: 10vw;
   }
   .fullwide-text-text > .wp-block-columns {
      padding-left: clamp(2em, 7vw, 10em);
      padding-right: clamp(2em, 7vw, 10em);
   }
}

@media (min-width: 2000px) {
   .fullwide-box {
       padding-left: 15vw;
       padding-right: 15vw;
   }
}


@media (min-width: 2500px) {
   .fullwide-box {
       padding-left: 20vw;
       padding-right: 20vw;
   }
}
.fullwide-box a {color: var(--font-dark-color)!important;}
.fullwide-box-salbei {background-color: var(--color-salbei);}
.fullwide-box-gelb {background-color: var(--color-gelb);}
.fullwide-box-hellblau {background-color: var(--color-hellblau);}

.logo-text-zeile {padding: 4em 0 0em;}

.fullwide-logo {display: table; margin: 0 auto;}
.fullwide-logo img {
   height: clamp(250px, 20vw, 400px)!important;
   width: auto!important;
   min-height: 75%!important;
   max-height: 90%;
   display: block;
    
}

@media (min-width: 768px) {
 
}

/* BOOKLY OVERWERITE  
===============================================================*/
@media only screen and (max-width: 768px) {
    /* Direkt alle Bilder mit loader.gif ansprechen */
    img[src*="loader.gif"] {
        max-width: 31px !important; /* gewünschte Breite */
        height: auto !important;
        display: block !important;
        margin: 2em auto !important; /* zentriert */
    }

    /* Optional: Container ebenfalls begrenzen */
    .bookly-loading,
    .bookly-loading-container {
        width: auto !important;
        max-width: 31px !important;
        margin: 0em auto !important;
    }
}





/* WP-Block Grid
===============================================================*/
/* @media screen and (min-width: 600px) {
   .wp-block-latest-posts.columns-2 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-2 li:nth-child(2n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-3 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-3 li:nth-child(3n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-4 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-4 li:nth-child(4n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-5 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-5 li:nth-child(5n) {
      margin-right: 1.4em !important;
   }

}

@media screen and (min-width: 768px) {
   .wp-block-latest-posts.columns-2 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-2 li:nth-child(2n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-3 li {
      width: calc(33.3333% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-3 li:nth-child(4n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-4 li {
      width: calc(33.3333% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-4 li:nth-child(4n) {
      margin-right: 1.4em;
   }

   .wp-block-latest-posts.columns-5 li {
      width: calc(33.3333% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-5 li:nth-child(5n) {
      margin-right: 1.4em !important;
   }
}

@media screen and (min-width: 992px) {
   .alignfull .wp-block-column {
      flex-basis: 930px !important;
   }

   .wp-block-latest-posts.columns-2 li {
      width: calc(50% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-2 li:nth-child(2n) {
      margin-right: 0;
   }

   .wp-block-latest-posts.columns-3 li {
      width: calc(33.33333% - .9375em) !important;
   }

   .wp-block-latest-posts.columns-3 li:nth-child(3n) {
      margin-right: 0;
   }

   .wp-block-latest-posts.columns-4 li {
      width: calc(25% - .9375em) !important;
   }

   .wp-block-latest-posts.columns-4 li:nth-child(4n) {
      margin-right: 0;
   }

   .wp-block-latest-posts.columns-5 li {
      width: calc(20% - 1.4em) !important;
   }

   .wp-block-latest-posts.columns-5 li:nth-child(5n) {
      margin-right: 0;
   }
} */
/* SCROLL ARROW
===============================================================*/
.scroll-arrow {
  --arrow-size: 3.2rem;
  
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 2.5rem;
  transform: translateX(-50%);
  
  width: var(--arrow-size);
  height: var(--arrow-size);
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  cursor: pointer;
  z-index: 99;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.scroll-arrow::before {
  content: '';
  width: 0.85em;
  height: 0.85em;
  border-right: 2px solid var(--color-prime, #43a047); /* Fallback Salbei */
  border-bottom: 2px solid var(--color-prime, #43a047);
  transform: rotate(45deg);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.scroll-arrow:hover {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.4);
  transform: translateX(-50%) scale(1.1);
  box-shadow: 
    0 16px 40px rgba(0, 0, 0, 0.15),
    0 0 0 4px rgba(var(--color-prime-rgb, 67,160,71), 0.2), /* Glow mit Prime-Farbe */
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.scroll-arrow:hover::before {
  border-color: var(--color-sec, #f5c518); /* Gelb bei Hover */
  transform: rotate(45deg) scale(1.1);
}

.scroll-arrow:active::before {
  transform: rotate(45deg) scale(0.95);
}

/* Sanfte Puls-Animation */
@keyframes arrow-pulse {
  0%, 100% { 
    transform: translateX(-50%) scale(1) translateY(0);
    opacity: 1;
  }
  50% { 
    transform: translateX(-50%) scale(1.05) translateY(-8px);
    opacity: 0.7;
  }
}

.scroll-arrow {
  animation: arrow-pulse 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite;
}





/* === A LINKS SECTION ===
===============================================================*/
a {
   color: var(--link-color);
}

a:hover {
   color: var(--link-color-hover);
}

.single-content p a,
.single-content li a {
   /* border-bottom: 1px solid var(--link-color); */
   text-decoration: underline;
   color: var(--link-color);
}

.single-content p a:hover,
.single-content p a:focus {
   border-bottom: 1px dotted var(--link-color-hover);
   text-decoration: none;
   color: var(--link-color-hover);
}

strong,
b {
   font-weight: var(--font-weight-bold);
}

/* a:focus { outline: thin dotted; } */

footer a {
   color: var(--font-footer-color);
   text-decoration: none;
}

@media (min-width: 768px) {

   /* Ersetzt .target-offset */
   .content-wrapper [id] {
      scroll-margin-top: var(--header-height, 10em); 
   }

   .is-header-offset .content-wrapper [id] {
      scroll-margin-top: 5rem; 
   }

}

/* === CONTENT GRID & FLEX GRID SECTION ===
===============================================================*/
.make-grid {
   display: -ms-flexbox;
   /* TWEENER - IE 10 */
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   /* moderne Alternative: */
   /* display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 1rem; */
   /* Viel sauberer als Flex-Wrapper */
}

.make-grid.container-fluid {
   justify-content: flex-start;
   margin-left: 0;
   margin-right: 0;
}

.grid-element-wrapper {
   width: 100%;
   border: 0;
   position: relative;
   min-height: 10em;
   padding: 0 1rem 2rem;
   display: -ms-flexbox;
   /* TWEENER - IE 10 */
   display: flex;
   align-content: stretch;
}

.grid-3-flex {
   width: 100%;
}

.grid-4-flex {
   width: 100%;
}

.grid-6-flex {
   width: 100%;
}

.grid-12-flex {
   width: 100%;
}

@media (min-width: 768px) {
   .grid-element-wrapper {
      width: 50%;
   }

   /* .make-grid {margin-left: -15px; margin-right: -15px;} */
   .grid-3-flex {
      width: 50%;
   }

   .grid-4-flex {
      width: 33.33333%;
   }

   .grid-6-flex {
      width: 50%;
   }

   .grid-12-flex {
      width: 100%;
   }
}

@media (min-width: 992px) {
   .grid-element-wrapper {
      width: 33.333333%;
   }

   .grid-3-flex {
      width: 25%;
   }

   .grid-4-flex {
      width: 33.33333%;
   }

   .grid-6-flex {
      width: 50%;
   }

   .grid-12-flex {
      width: 100%;
   }
}

@media (min-width: 1600px) {
   .grid-element-wrapper {
      width: 25%;
   }
}

.grid-3 {
   width: 25%;
}

.grid-4 {
   width: 33.33333%;
}

.grid-6 {
   width: 50%;
}

.grid-12 {
   width: 100%;
}


.grid-element {
   display: -ms-flexbox;
   /* TWEENER - IE 10 */
   display: flex;
   flex-direction: column;
   width: 100%;
   box-shadow: 0 .1em .3em rgba(0, 0, 0, 0.15);
   background: rgba(0, 0, 0, .02);
   border-bottom: 0;
   /* PERFORMANCE */
   contain: layout style paint;
   content-visibility: auto;
   contain-intrinsic-size: 300px;
   /* Platzhalter-Größe */
}

.grid-thumbnail {
   position: relative;
   float: left;
   overflow: hidden;
   max-width: 100%;
   overflow: hidden;
   display: block;
   background: #333;
}

.grid-thumbnail::after {
   content: url("images/more-icon.svg");
   display: block;
   width: 10%;
   height: auto;
   position: absolute;
   right: 7%;
   bottom: 5%;
   opacity: 50%;
   transition: all var(--transition-setting);

   pointer-events: none;
}

.grid-content {
   padding: 1rem 1rem 0.7rem;
   display: inline-block;
   width: 100%;
   color: var(--font-dark-color);
   flex: 1 0 auto;
}

.grid-title {
   padding: 0;
   color: #666;
   font-size: 1.2em;
   font-weight: var(--font-weight-bold);
   /*text-transform: uppercase;*/
   position: relative;
   width: 100%;
   text-align: left;
}

.grid-meta {
   font-size: 0.8em;
   color: var(--font-light-color);
   margin-bottom: .2em;
   margin-top: .5em;
}

.grid-excerpt {
   font-size: .8em;
}

.grid-readmore {
   font-size: 0.8em;
   text-align: left;
   color: var(--font-light-color);
   padding: 0rem 1rem 1.4rem;
}

.external .grid-title:after {
   content: "\e144"
}

.filelink .grid-title:after {
   content: "\e025"
}

/*e022 = fileicon*/

/* .grid-element:hover .grid-content p {text-decoration: none; border: 0;} */


/* Gutenberg Grid Overwrites 
===============================================================*/
.wp-block-latest-posts li>a {
   padding: 0.2em;
   color: #666 !important;
   font-size: 1.0rem !important;
   font-weight: var(--font-weight-bold);
   /*text-transform: uppercase;*/
   display: block;
   width: 100%;
   text-align: left;
   text-decoration: none !important;
   margin-top: .3em !important;
   line-height: 1.15 !important;
}

.wp-block-latest-posts li:hover>a {
   color: var(--color-prime) !important;
}


/*  READMORE
===============================================================*/
.readmore {
   background: rgba(255, 221, 0, 0.35);
   border: 0 solid rgba(0, 0, 0, .10);
   border-radius: 3px;
   color: #2b2b2b;
   padding: 0.7em 1.3em;
   transition: all var(--transition-setting);
   float: right;
}

.readmore:hover {
   background: rgba(255, 221, 0, 0.7);
   text-decoration: none;
   border: 0;
}



/* === CONTENT BLOG SECTION ===
===============================================================*/
.blog-element {
   display: flex;
   flex-flow: column;
   /*padding: 2.5rem 1.5rem;
   */
   background-color: #efefef;
   margin: 0 .6em 2em;
   transition: all var(--transition-setting);

   /* PERFORMANCE */
   contain: layout style paint;
   content-visibility: auto;
   contain-intrinsic-size: 300px;
   /* Platzhalter-Größe */
}

.blog-thumbnail {
   background-image: url('images/placeholder-news.jpg');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   min-height: 12em;
   position: relative;
}

.blog-thumbnail::after {
   content: url("images/more-icon.svg");
   display: block;
   width: 15%;
   height: auto;
   position: absolute;
   right: 10%;
   bottom: 8%;
   opacity: .4;
   transition: all var(--transition-setting);

   pointer-events: none;
}

.blog-content {
   padding: 2em;
   transition: var(--transition-setting);
}

.blog-title {
   margin-top: 0.07em !important;
}

.blog-title a:hover {
   text-decoration: none;
   color: #585858 !important;
}

.blog-meta {
   color: #bbbbbb;
}

.blog-date {
   font-weight: var(--font-weight-bold);
}

.blog-excerpt {
   padding-bottom: .5em;
}

.blog-readmore-wrapper {
   text-align: left;
   font-weight: var(--font-weight-bold);
   padding-bottom: .5em;
}

.blog-readmore {}

.blog-element:hover .blog-content {
   background-color: #d9d6d6;
}

.blog-element:hover .blog-thumbnail {
   opacity: .9;
}

.blog-element:hover {
   will-change: transform;
   transform: scale(1.03);

   cursor: pointer;
}

.blog-element:hover .blog-thumbnail::after {
   will-change: transform;
   opacity: .3;
   transform: scale(1.3);
}

@media (min-width: 768px) {
   .blog-element {
      flex-flow: row;
      margin: 0 0 2em;
      /* box-shadow: .1em .5em 1em rgba(0, 0, 0, .3); */
      border-radius: .7em;
   }

   .blog-thumbnail {
      flex: 1 1 30%;
      border-radius: .7em 0 0 .7em;
   }

   .blog-content {
      flex: 1 1 70%;
      padding: 2em 2em 2em 1.5em;
      border-radius: 0 .7em .7em 0;
   }
}

/* CONTENT BLOG GRID BOOTSTRAP HOVER ANIMATIONEN
===============================================================*/
.grid-element,
.grid-thumbnail,
.grid-thumbnail img,
.grid-content,
.grid-readmore {
   transition: all var(--transition-setting);
}

.grid-element:hover {
   will-change: transform;
   box-shadow: 0 0.35em 0.5em rgba(0, 0, 0, 0.2);
   text-decoration: none;
   background: rgba(0, 0, 0, .06);
   border-bottom: 0;
}

.grid-element:hover .grid-thumbnail img,
.grid-element:focus .grid-thumbnail img {
   transform: scale(1.02);
}

.grid-element:hover .grid-thumbnail img {
   opacity: 0.60;
}

.grid-element:hover .grid-content {
   color: #000;
}

.grid-element:hover .grid-title {
   color: var(--color-prime);
}

.grid-element:hover .grid-readmore {
   color: var(--font-dark-color);
}

.grid-element:hover .grid-thumbnail::after {
   will-change: transform;
   opacity: 80%;
   transform: scale(1.3);
}


/* POST NAV
===============================================================*/
.post-nav {
   display: flex;
   justify-content: space-between;
   border-top: 1px solid #efefef;
   line-height: 1.3;
}

.post-prev,
.post-next,
.post-return {
   font-size: 1rem;
   flex: 1 0 40%;
   position: relative;
   font-weight: var(--font-weight-bold);
   display: inline-block;
   font-style: normal;
   font-variant: normal; 
   line-height: 1;
   opacity: 0.7;
}

.post-return {
   flex: 1 0 auto;
   text-align: center;
}

.post-prev {
   padding-left: 1em;
}

.post-next {
   padding-right: 1em;
}

.post-prev:has(span)::before {
   content: "\f053";
   height: 100%;
   width: 1em;
   display: inline-block;
   position: absolute;
   margin-top: 2px;
   left: 0px;
   font-family: "Font Awesome 6 Free";
}

.post-next:has(span)::before {
   content: "\f054";
   height: 20px;
   width: 1em;
   display: inline-block;
   position: absolute;
   margin-top: 2px;
   right: 0px;
   font-family: "Font Awesome 6 Free";
}

.post-prev {
   text-align: left;
}

.post-next {
   text-align: right;
}

.post-nav-text {
   text-transform: uppercase;
   font-weight: var(--font-weight-bold);
   display: block;
   font-size: .95em;
}

.post-nav-link {
   /* padding-left: 1em!important;
 padding-right: 1em!important; */
}

.post-nav-link a {
   color: var(--menu-text-highlight);
   /* color: #fff; */
}

.post-nav-link a:hover {
   text-decoration: none;
}

.post-prev .post-nav-text {
   text-align: right;
}

.post-next .post-nav-text {
   text-align: left;
}


/* NUMERICAL PAGEINATION
===============================================================*/
.page-navigation {
   padding-bottom: 2rem;
}

.pagination .page-link {
   border-radius: 0 !important;
   border: 0 !important;
   background: rgba(0, 0, 0, 0.05);
   color: var(--color-prime);
}

.pagination .page-link:hover {
   background: rgba(0, 0, 0, 0.1);
}

.pagination a {
   transition: all var(--transition-setting);
}

.page-navigation .page-item.active .page-link {
   background-color: var(--color-prime);
   border-color: var(--color-prime);
}


/* SEARCH FORM & SEARCH v.1.1
===============================================================*/
.searchform {
   background: #f0f0f0;
}

.sidebar-wrapper .searchform {
   margin-bottom: 1.5rem;
}

.searchform .input-group {
   border: 1px solid #ddd;
}

.searchform .form-control {
   border: 0;
   font-size: 1em;
   padding: .2rem .75rem;
   background: none;
   box-shadow: 0 0;
   color: var(--font-dark-color);
   font-weight: var(--font-weight-bold);
   background: #efefef;
}

.searchform .form-control:focus {
   background: #e6e6e6;
}

.searchform .input-group-btn {
   display: flex;
   align-items: stretch;
   justify-content: stretch;
}

.searchform .btn-secondary {
   border: 0;
   color: #777;
   background: rgba(0, 0, 0, .02);
   font-size: .8em;
   border-radius: 0;
   padding: 0 .55rem 0 .66rem;
}

.searchform .btn-secondary:hover {
   color: #666;
   background: rgba(0, 0, 0, .05);
}

footer .searchform .form-control {
   border: 0;
   font-size: 1.3rem;
   color: #666;
   font-weight: var(--font-weight-bold);
   background: #fff;
   padding: .65rem 1rem;
}

footer .searchform .form-control:focus {
   background: #fff;
}

footer .searchform .form-control::placeholder {
   color: #666;
}

footer .searchform .btn-secondary {
   padding: 0 1.3rem;
   color: #000;
   background: #ccc;
   border-radius: 0;
}

.search-wrapper {
   margin-bottom: 2rem;
   padding: 1rem 1.5rem;
   background: rgba(0, 0, 0, .03)
}

.search-content-wrapper {
   padding-top: 1.5rem;
}

.search-heading {
   padding-left: 1.5rem;
}

@media (min-width: 768px) {
   footer .searchform .form-control {
      border: 0;
      font-size: 1rem;
      color: var(--font-dark-color);
      font-weight: var(--font-weight-bold);
      padding: .2rem .75rem;
      background: none;
   }

   footer .searchform .btn-secondary {
      font-size: 1em;
      background: none;
      padding: .2rem .75rem;
   }
}

footer .searchform .input-group {
   border-bottom: 0;
}

/* MEGA LINK - BLOCKEDITOR VORLAGE
===============================================================*/
.mega-link {
   position: relative;
   display: block;
   text-align: center;
   margin: .4em !important;
   /* padding: 0.7em 0 !important; */
   transition: color var(--transition-setting);
   /* top: 50%;
   transform: translateY(-50%); */
   line-height: 1.1 !important;
}

@media (min-width: 768px) {
   .mega-link {
      margin: .4em;
      padding: 1em 0 0.5em;
      box-sizing: border-box;
   }
}

.mega-link a {
   /* font-size: 0.9em; */
   text-decoration: none !important;
   border-bottom: 0 !important;
   color: var(--font-dark-color) !important;
   font-weight: 300;
   transition: opacity var(--transition-setting);
   opacity: 1;
   font-family: var(--font-text) !important;
}
.mega-link a::after {
   content: "";
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
}

.

@media (max-width: 767.92px) {
   .mega-link {
      /* padding: 1.3em 0 2.0em!important;
      line-height: 1.1 !important; */
   }

   /* .mega-link a {
      font-size: 2em;
   }

   .bottom .mega-link a {
      font-size: 2em;
      line-height: normal;
   } */
}

.mega-link:hover a,
.mega-link:focus a {
   opacity: 0.6;
}

.mega-link::after {
   content: "";
   display: block;
   height: .5em;
   margin-top: 0.1em;
   background: no-repeat url('images/icons/link-pfeil.svg');
   background-position: center bottom;
   background-size: 3em;
   transition: margin var(--transition-setting), background-position var(--transition-setting);
   margin-left: 0;
}

.mega-link:hover::after,
.mega-link:focus::after {
   background-position: center bottom;
   margin-left: 1em;
}

.mega-link-icon a {
   display: block; 
}

.mega-link-icon::after {
      margin-top: 1.4em;
   background-size: 8em;
}
/* Responsive Schriftgrößen */
/* @media (min-width: 768px) {
   .mega-link {
      font-size: 1.2em;
   }
}

@media (min-width: 992px) {
   .mega-link {
      font-size: 1.4em;
   }
}

@media (min-width: 1200px) {
   .mega-link {
      font-size: 1.7em;
   }
} */


.fullwide-text-megalink h3,
.fullwide-text-megalink h4 {
   text-align: center;
   margin-top: 0;
}
.fullwide-text-megalink h3 {font-size: clamp(1.1em, 1.6vw, 1.8em); line-height: 1.2;}
.fullwide-text-megalink h4 {font-size: clamp(1.4em, 2.7vw, 2.4rem); line-height: 1.2;}

@media (min-width: 768px) {
   .fullwide-text-megalink h3 {}
   .fullwide-text-megalink h4 {}
}

/* LEISTUNGSBLOCK - BLOCKEDITOR VORLAGE
===============================================================*/
.karten-grid>.wp-block-group__inner-container {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   /* 3 Spalten Desktop */
   gap: 1rem;
}

@media (min-width: 768px) {
   .karten-grid>.wp-block-group__inner-container {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      /* 3 Spalten Desktop */
      gap: 2rem;
   }
}

@media (min-width: 992px) {
   .karten-grid>.wp-block-group__inner-container {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      /* 3 Spalten Desktop */
      gap: 2rem;
   }
}

/* Gutenberg-inner Container als Grid-Item */
.karten-grid>.wp-block-group>.wp-block-group__inner-container {
   display: block;
}

/* Basis-Karte */
.karte {
   position: relative;
   padding: 3em;
   border-radius: 1.5rem;
   color: white;
   font-size: 1rem;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
   line-height: 1.6;
   height: 100%;
   overflow: visible;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Farbvarianten über Variablen */
.karte-innere,
.karte-infusion {
   background-color: var(--color-prime);
}

.karte-sport {
   background-color: var(--color-sport);
}

.karte-allgemein {
   background-color: var(--color-allgemein);
}

.karte-akupunktur,
.karte-orthomolekure {
   background-color: var(--color-akupunktur);
}

/* Titel */
.karte h2,
.karte h3 {
   margin-top: 0;
   font-size:2.7em;
   font-weight: var(--font-weight-bold);
   line-height: .9;
   color: #fff;
}

.karte-akupunktur h2,
.karte-orthomolekure h2,
.karte-akupunktur li,
.karte-orthomolekure li {
   text-shadow: .01em 0.01em 0.01em rgba(0, 0, 0, 0.3);
}

/* Listen */
.karte ul {
   list-style: none;
   padding: 0;
   margin: 1rem 0 0 0;
}

.karte ul li {
   position: relative;
   /* Für absolute Positionierung des Pseudoelements */
   padding-left: 1.5rem;
   /* Platz für Bullet plus Abstand */
}

.karte ul li::before {
   content: "•";
   position: absolute;
   left: 0;
   /* Links bündig am Listenelement */
   top: 0;
   /* Oben am Text */
   margin-right: 0.5rem;
   /* Abstand zwischen Bullet und Text */
   line-height: 1;
   /* Bullet etwas bündiger setzen */
}

/* Hover Effekt */
.karte:hover {
   transform: translateY(-5px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* Gestreckter Link */
.karte a {
   position: absolute !important;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-decoration: none;
   z-index: 1;
   color: inherit;
   display: block;
   overflow: hidden;
   text-indent: 100%;
   white-space: nowrap;
   border: none!important;
}

/* Plus-Icon fix unten rechts */
.karte a::after {
   content: url('images/icons/icon-plus-kr.svg');
   position: absolute;
   bottom: 1.5em;
   right: 3em;
   width: 2em;
   height: 2em;
   pointer-events: none;
   display: block;
   z-index: 2;
   transition: transform 0.2s;
   object-fit: contain;
}

/* Hover-Animation auf Plus */
.karte a:hover::after {
   /* transform: scale(1.1); */
}

/* Theme-Link-Hover/Focus überschreiben */
.karte a:hover,
.karte a:focus {
   border: none !important;
   text-decoration: none !important;
   color: inherit !important;
   outline: none;
}

/* Responsive */
@media (max-width: 768px) {
   .karten-grid {
      grid-template-columns: 1fr;
      /* eine Spalte Mobile */
   }

   .karte {
      padding: 2em;
      /* font-size: 0.95rem; */
   }

   .karte h2,
   .karte h3 {
      /* font-size: 1.2rem; */
   }

   .karte a::after {}
}

/* BUCHEN BOX *
===============================================================*/
.wp-block-image>a {
   display: inline !important;
}

@media (max-width: 767.92px) {
   .buchen-box-button img {
      /* margin-top: 2em; */
      display: none;
   }
}

.buchen-box-button img {
   max-height: 11em;
}

.buchen-box-header {
   font-size: 3.5em;
   line-height: .8;
   margin-bottom: 0;
}

@media (min-width: 768px) {
   .buchen-box-button a img {
      transition: all var(--transition-setting);
   }

   .buchen-box-button a:hover img {
      transform: scale(1.03);
   }

   .buchen-box-header {
   font-size: 5.5em;
   line-height: .8;
   margin-bottom: 0;
   }
}

/* === POPUP 2023 SECTION ===
===============================================================*/
.infopopup-wrapper {
   position: fixed;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.6);
   top: 0;
   left: 0;
   z-index: 9997;
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;

   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
}

.infopopup {
   position: relative;
   width: auto;
   max-width: 80vw;
   min-width: 30vw;
   background: rgba(255, 255, 255, 0.8);
   box-shadow: 0 .3em 2em rgba(0, 0, 0, 0.8);
   text-align: center;
   /* border: 3px solid #f18e00;   */
   margin-bottom: 3em;
   padding: 1.5rem;
   z-index: 9999;
   /* border-radius: 1.3em; */
}

.infopopup span {
   font-weight: bold;
   font-size: 1.2em;
}

.infopopup iframe {
   width: 100%;
}

.infopopup img {
   max-width: 1100px;
   width: 100%;
   height: auto;
}

.infoclose-img {
   position: absolute;
   top: .7em;
   right: .7em;
   font-size: 1.5em;
   width: 1.5em;
   opacity: .35;
   cursor: pointer;
   transition: all .3s;
}

.infoclose {
   cursor: pointer;
   transition: all .3s;
   color: #000;

}

.infoclose .fa {
   margin-top: .3em;
   font-size: 2.0em !important;

}

.infoclose:hover {
   /* opacity: 1; */
   text-decoration: none;
   color: #ccc;
}


.popop-img p {
   margin: 0 !important;
}

@media (max-width: 768px) {
   .infopopup {
      /* height: 50vh; */
      /* margin-bottom: 0;
     align-self: flex-start;
     margin-top: 15vh; */
   }
}

/* BOOKING POPUP  
===============================================================*/
 .bookingpopup {
   position: fixed;
   width: 40vw;
   height: auto;
   /*background-color: #7C342B;
   */right: 8vw;
   bottom:10vh;
   /*border-radius: 5em;
   -webkit-border-radius: 5em;
   -moz-border-radius: 5em;
   -ms-border-radius: 5em;
   -o-border-radius: 5em;
   */text-align: center;
   color: #fff;
   opacity: 1;
   animation: bounce2 2.5s ease infinite;
   -webkit-animation: bounce2 2.5s ease infinite;
}
.bookingpopup a {color: #fff;}

 @keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
 }

 @media (min-width: 768px) {
   .bookingpopup {
      width: 7em;
      height: 7em;
      /* display: none; */
   }

}


/* SEARCH POPUP 
===============================================================*/
.searchpopup-wrapper {
   display: none;
}

.searchpopup-wrapper .searchform .input-group {
   border: 0;
}

.searchpopup-wrapper .form-control {
   font-size: 2.0em;
}

.searchpopup-wrapper .searchform .btn-secondary {
   background-color: transparent;
   font-size: 2.2em;
}

.searchpopup {
   box-shadow: 0 .3em 2em rgba(0, 0, 0, 0.8);
   margin-top: -5em;

}

.searchpopup form {
   z-index: 9999;
}

.searchpopup,
.searchpopup form,
.searchpopup input {
   border-radius: .85rem;
}

.searchpopup input,
.searchpopup .form-control {
   border-radius: 0 .85rem .85rem 0 !important;
}

.searchpopup .input-group-btn {
   padding: 0 1rem 0 1rem
}


.searchform .form-control:focus {
   background: #e6e6e6;
}

/* BOOTSTRAP MENU-TOGGLER OVERRIDE
===============================================================*/
.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

   /* LIGHT */
   /* url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
   /* DARK */
   /* url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
}

.navbar-toggler {
   padding: 1.5rem;
   height: 100%;
}

/* ANIMATED TOOGLER */
.toggler-wrapper {
   position: relative;
   align-self: stretch;
   background: var(--color-prime);
   display: flex;
   height: 5rem;

}

@media (min-width: 768px) {
   /* .toggler-wrapper {margin-right: -15px;} */
}

.navbar-toggler:focus,
.navbar-toggler:active {
   outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #fff;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler:not(.collapsed) span {
   margin-top: 0;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
   position: absolute;
   left: 25px;
   top: 50%;
   transform: rotate(135deg);
   opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
   /* height: 25px; */
   visibility: hidden;
   background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
   position: absolute;
   left: 25px;
   top: 50%;
   transform: rotate(-135deg);
   opacity: 0.9;
}

/* WP GALLERY V.2.0
===============================================================*/
.gallery {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   /* justify-content: space-between; */
   /* background: #f90; */
   /* margin-right: -.5rem !important; */
}

.gallery-item {
   float: none !important;
   flex: 0 1 auto;
   margin-top: 0 !important;
   margin-bottom: .5rem !important;
   margin-right: .5rem !important;
}

.gallery-icon img {
   border: 0px solid #fff !important;
   width: 100%;
   height: auto;
}

@media (max-width: 767.98px) {
   .gallery-columns-1 .gallery-item {
      width: 100% !important;
      margin-right: 0 !important;
   }

   .gallery-columns-2 .gallery-item,
   .gallery-columns-3 .gallery-item,
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width: calc(50% - .25rem) !important;
   }

   .gallery-item:nth-of-type(2n) {
      margin-right: 0 !important;
   }

}

@media (min-width: 768px) and (max-width: 991px) {
   .gallery-columns-1 .gallery-item {
      width: 100% !important;
      margin-right: 0 !important;
   }

   .gallery-columns-2 .gallery-item {
      width: calc(50% - .25rem) !important;
   }

   .gallery-columns-3 .gallery-item {
      width: calc(33.33333% - .33333rem) !important;
   }

   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item {
      width: calc(25% - .375rem) !important;
   }

   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width: calc(20% - .4rem) !important;
   }

   .gallery-columns-1 .gallery-item,
   .gallery-columns-2 .gallery-item:nth-of-type(2n),
   .gallery-columns-3 .gallery-item:nth-of-type(3n),
   .gallery-columns-4 .gallery-item:nth-of-type(4n),
   .gallery-columns-5 .gallery-item:nth-of-type(4n),
   .gallery-columns-6 .gallery-item:nth-of-type(4n),
   .gallery-columns-7 .gallery-item:nth-of-type(4n),
   .gallery-columns-8 .gallery-item:nth-of-type(5n),
   .gallery-columns-9 .gallery-item:nth-of-type(5n) {
      margin-right: 0 !important;
   }
}

@media (min-width: 992px) {
   .gallery-columns-1 .gallery-item {
      width: 100% !important;
      margin-right: 0 !important;
   }

   .gallery-columns-2 .gallery-item {
      width: calc(50% - .25rem) !important;
   }

   .gallery-columns-3 .gallery-item {
      width: calc(33.33333% - .33333rem) !important;
   }

   .gallery-columns-4 .gallery-item {
      width: calc(25% - .375rem) !important;
   }

   .gallery-columns-5 .gallery-item {
      width: calc(20% - .4rem) !important;
   }

   .gallery-columns-6 .gallery-item {
      width: calc(16.6666666% - .41666rem) !important;
   }

   .gallery-columns-7 .gallery-item {
      width: calc(14.2857142% - .428571428571429rem) !important;
   }

   .gallery-columns-8 .gallery-item {
      width: calc(12.5% - .4375rem) !important;
   }

   .gallery-columns-9 .gallery-item {
      width: calc(11.1111111% - .44444rem) !important;
   }

   .gallery-columns-2 .gallery-item:nth-of-type(2n),
   .gallery-columns-3 .gallery-item:nth-of-type(3n),
   .gallery-columns-4 .gallery-item:nth-of-type(4n),
   .gallery-columns-5 .gallery-item:nth-of-type(5n),
   .gallery-columns-6 .gallery-item:nth-of-type(6n),
   .gallery-columns-7 .gallery-item:nth-of-type(7n),
   .gallery-columns-8 .gallery-item:nth-of-type(8n),
   .gallery-columns-9 .gallery-item:nth-of-type(9n) {
      margin-right: 0 !important;
   }
}



/* SKIP LINKS & SCROLL TOP
===============================================================*/
.visible-hidden {
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   overflow: hidden;
   position: absolute;
   white-space: nowrap;
   width: 1px;
}

.visible-hidden:focus {
   clip: auto;
   height: auto;
   overflow: auto;
   position: absolute;
   width: auto;
   background: rgba(255, 255, 255, 0.8);
   padding: .5em 1.5em;
   color: #000;
   border: #333 solid 1px;
   box-shadow: 0 .5em .5em rgba(0, 0, 0, 0.6);
   z-index: 2000;
   outline: none;
   margin: 5px;
}


/* TO TOP
===============================================================*/
#toTop-right {
   display: none;
   text-decoration: none;
   position: fixed;
   bottom: 2rem;
   right: 2rem;
   outline: none;
   border-radius: 999px;
   background-color: var(--menu-hover-bg-color);
   border-color: var(--menu-hover-bg-color);
   color: var(--font-dark-color);
   box-shadow: 0 0.1em 0.35em rgba(0, 0, 0, .2);
   opacity: 1;
   transition: var(--transition-setting);

}

#toTop-right:hover {
   opacity: 0.6;
}


/* WP Logout Screen
===============================================================*/
.aiowps-site-lockout-body {
   background: #fff !important;
   width: 100%;
   height: 100%;
   min-height: 100vw;
   padding-top: 5em;
}

.aiowps-site-lockout-box {
   max-width: 1170px;
   border: 0;
   padding-bottom: 8em;
   margin-top: 0;
}

.aiowps-site-lockout-msg {
   color: #333;
   font-size: 16px;
   font-weight: normal;
}

.aiowps-site-lockout-msg h1 {
   color: #444;
}

.offline-logo {
   width: 25rem;
   height: auto;
   margin: 0 auto;
}


/* BOOTSTRAP OVERWRITE
===============================================================*/
.btn-primary {
   background-color: var(--link-color);
   border-color: transparent;
   border-radius: 0;
}

.btn-primary.disabled,
.btn-primary:disabled {
   background-color: rgba(0, 0, 0, .35);
   border-color: transparent;
   border-radius: 0;
}

.btn-primary.disabled,
.btn-primary:disabled:hover {
   background-color: rgba(0, 0, 0, .35);
   border-color: transparent;
   border-radius: 0;
   cursor: not-allowed;
}

.btn-primary:hover {
   background-color: var(--link-color-hover);
   border-color: transparent;
}

/* Contact 7 OVERWRITE 2021
===============================================================*/
/* .wpcf7 {margin-left: 15px; margin-right: 15px;} */
.wpcf7 label {
   display: block;
   font-weight: normal;
}

.wpcf7 textarea.form-control {
   height: auto;
}

.wpcf7-form-control-wrap {
   margin-bottom: 1.0rem !important;
   display: block;
}

.wpcf7-form-control {
   width: 100%;
   height: 3.5em;
   padding: .6em 1em;
   font-size: 1.1rem;
   line-height: 1.42857143;
   color: #495057;
   background-color: #fff;
   background-image: none;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
   border: 1px solid rgb(206, 206, 206);
   background-color: rgb(245, 245, 245);
}

.wpcf7-form-control-wrap textarea {
   height: auto;
}

.wpcf7-checkbox,
.wpcf7-acceptance {
   background: transparent;
   padding: 0;
}

.wpcf7-list-item {
   margin: 0 0 .5em 0 !important;
   display: flex !important;
   align-items: baseline !important;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
   margin-right: 0.3em;
}

.wpcf7-list-item-label {
   flex: 1 1 auto;
   padding-left: .3em;
   line-height: 1.8 !important;
}


.wpcf7-select {
   /* -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none; */
}

.wpcf7-submit {
   display: inline-block;
   font-weight: normal;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border: 1px solid transparent;
   padding: .1rem 1.75rem;
   font-size: 1rem;
   line-height: 1.5;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   width: auto !important;
   background-color: var(--link-color);
   color: #333;
   cursor: pointer;
}

.wpcf7-submit:hover,
.wpcf7-submit:active {
   color: #111;
   background-color: var(--link-color-hover);
}

.wpcf7 .wpcf7-submit:disabled {
   opacity: 0.2;
}

.wpcf7-not-valid {
   color: #721c24;
   background-color: #fabfbf !important;
   border-color: #dc3232;
}

.wpcf7-not-valid ::placeholder {
   color: #fff;
}

.wpcf7-not-valid-tip {
   color: #dc3232;
   font-size: .75em !important;
}

.wpcf7 ::placeholder {
   /* Chrome, Firefox, Opera, Safari 10.1+ */
   color: #666;
   opacity: 1;
   /* Firefox */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
   color: #721c24 !important;
   ;
   background-color: #fabfbf !important;
   border-color: #dc3232 !important;
   padding: 0.9em 1.5em;
   margin-left: 0 !important;
}

.wpcf7 form.sent .wpcf7-response-output {
   color: #721c24 !important;
   ;
   background-color: #92daaa !important;
   border-color: #75bb8c !important;
   padding: 0.9em 1.5em;
   margin-left: 0 !important;
}


/*  WARNUNGEN UND INFOS
===============================================================*/
.info-wrapper {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 1rem 1.5rem;
   background: rgba(0, 0, 0, .04);
   margin-bottom: 1em;
}

.info-wrapper .fa {
   font-size: 1.5em;
   margin-left: .2em;
   margin-right: 1.1em;
   color: var(--color-prime);
}

.info-wrapper h2 {
   font-size: 1rem;
   padding: 0;
   margin: 0;
   color: var(--font-dark-color);
   font-family: var(--font-text);
   font-weight: var(--font-weight-bold);
}

.has-error input,
.has-error .form-control {
   color: #c6313f;
   background-color: #ffb2b5 !important;
   border-color: #c6313f;
}

.red,
.red ::-webkit-input-placeholder,
.red ::-moz-placeholder,
.red :-ms-input-placeholder,
.red :-moz-placeholder {
   color: #c6313f;
}

.red .form-control {
   background-color: #fff5f5;
}


/* ÖFFNUNGSZEITEN 
===============================================================*/
.oeffnungszeiten-wrapper {
   margin-bottom: 2em;
}

.oeffnungszeiten-wrapper strong {
   font-weight: var(--font-weight-bold);
}


/* === LANDINGPAGE SECTION ===
===============================================================*/

body.landingpage {
    background: var(--footer-bg-color);
    color: var(--font-dark-color);
    font-family: var(--font-text);
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.landingpage header {
    padding: 4em 0 .5em;
    background: var(--main-bg-color);
    height: 30vh;
    min-height: 15em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.landingpage .logo {
    max-width: 85%;
    height: auto;
    max-height: 100%;
}

.landingpage footer {
    background: var(--footer-bg-color);
    color: var(--font-light-color);
    padding: 3em 1em 1em;
    box-sizing: border-box;
}

.landingpage .footer-info>div {
    padding: 0 0 2em;
}

.landingpage a {
    display: block;
    margin-bottom: .8em;
}

.landingpage .menu a {
    display: block;
    margin-bottom: 1em;
}

.landingpage .footer-info {
    display: flex;
    flex-direction: column;
    gap: 1em;
    text-align: center;
}

.landingpage footer a {
    color: var(--font-light-color);
    text-decoration: underline;
}

.landingpage footer a:hover {
    color: var(--color-sec);
    text-decoration: underline;
}

.landingpage footer a:hover,
.landingpage footer a:focus {
    text-decoration: underline;
}

.landingpage .footer-logo {
    max-width: 3em;
    margin-top: 1em;
}

.landingpage .footer-info .f3 a {
    font-size: 1.2em;
    font-weight: bold;
}

.landingpage .footer-info h2 {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}


@media (min-width: 768px) {
    .landingpage header {
        height: 60vh;
    }

    .landingpage .logo {
        max-width: 60%;
    }

    .landingpage a {
        display: inline;
        margin-bottom: 0;
    }

    .landingpage footer {
        padding: 4em 15% 1em;
    }

    .landingpage .footer-info {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }

    .landingpage .footer-info>div {
        flex: 1 1 33.333%;
    }

    .landingpage .intro {
        padding: 1em 15%;
    }
}


.landingpage .intro {
    text-align: center;
    padding: 1em 1em;
    background: #fff;
    color: var(--font-dark-color);
}

.landingpage .intro h1 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    color: var(--color-prime);
}

.landingpage .cta-link {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 1.5em;
    background: var(--color-prime);
    color: var(--font-light-color);
    font-size: 1.2rem;
    font-weight: 600;
    padding: .4em 1em;
    text-decoration: none;
    transition: background .3s ease, color .3s ease;
}

.landingpage .cta-link:hover,
.landingpage .cta-link:focus {
    background: var(--color-sec);
    text-decoration: none;
}

/* INFOBANNER TOP
===============================================================*/
.infobanner {
   display: block;
   height: auto;
   padding-bottom: 0.5em;
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   max-width: 100vw;
   text-align: left;
   z-index: 9999;
   padding: 1rem 3rem 1.4rem 2rem;
   background: var(--color-prime);
   font-size: 1.3em;
   line-height: 1.4;
   opacity: .95;
   border-top: 1px solid #333;
}

.infobanner {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.info-text {
   padding: 0 !important;
   margin: 0 0 0 20px;
   color: #fff;
   font-size: 1rem;
   text-align: center;
}

.infobanner a {
   color: red;
   text-decoration: underline;

}

.infobanner a:hover {
   color: red;
}

.infobanner img {
   height: auto;
   min-width: 3em;
}

.infobanner .info-close {
   position: absolute;
   top: 0.5em;
   right: 1.2em;
   font-weight: bold;
}

.inline-close {
   text-decoration: underline;
   cursor: auto;
   /* display: block;
    margin-top: -1rem; */
   color: var(--link-color);
   color: #fff;
   display: none;
}

.inline-close-button {
   font-size: 1.2em;
   cursor: pointer;
   transition: all .3s;
   color: #fff;
}

.inline-close-button:hover {
   color: rgb(201, 201, 201);
}

/* SIDEBAR BOTTOM :OPTIONAL
===============================================================*/
.bottom {
   padding: 3rem 0 3.5rem;
   background: var(--footer-bg-color);
   border-bottom: 1px solid rgba(255, 255, 255, .1);
   font-size: 0.9rem;
   text-align: justify;
}

.bottom-inner-wrapper {
   align-items: center;
   -ms-flex-align: center;
   justify-content: space-between;
}

.bottom * {
   color: var(--font-footer-color);
   font-size: 0.9rem;
}

.bottom a:hover {
   text-decoration: none;
}

/* PRINT QR CODE 
===============================================================*/
@media screen {
   .print-qr {
      display: none;
   }
}

@media print {
   .fixed-top {
      position: relative;
      float: left;
   }

   .print-qr {
      position: absolute;
      right: 0;
      top: 0;
      display: block;
      width: 110px;
      height: auto;
      z-index: 9999;
      float: right;
   }
}


/* SONSTIGES & HILFSKLASSEN
===============================================================*/
.img-fluid {
   width: 100vw;
   height: auto;
}

@-moz-document url-prefix() {
   .img-fluid {
      width: 100%
   }

   /* Nur Firefox */
}

.clearfix {
   width: 100%;
   clear: both;
}

.loop-alert {
   margin: 2em;
}

.aligncenter {
   text-align: center;
   margin: 0 auto;
}

.forcecenter {
   display: table;
   margin: 0 auto;
}

.remove-break {
   display: inline;
}

.wp-block-table {
   width: 100%;
}

.checkbox input,
.radio input {
   margin-right: .25em;
}

.radio label {
   font-size: 1.2rem;
}

.form-control {
   font-size: 1.2rem;
   padding: .55rem 1rem;
}

/* @import "pyaar-woocomerce-001.css"; */


/* ========== BOOTSTRAP 5 BREAKPOINT INDICATOR - FINAL CSS ========== */

.breakpoint-indicator {
    position: fixed !important;
    top: 20vh !important;           /* Admin-Bar Platz (32px + Puffer) */
    left: 20px !important;
    z-index: 99999 !important;     /* Über Admin-Bar (z-index: 99990) */
    
    /* Deine Farben */
    background: var(--color-prime, #43a047) !important;
    border: 3px solid var(--color-sec, #f5c518) !important;
    color: white !important;
    
    /* Perfektes Styling */
    font-weight: 700 !important;
    font-size: 0.875rem !important;     /* fs-6 */
    font-family: var(--font-text, -apple-system, sans-serif) !important;
    padding: 0.625rem 1rem !important;  /* p-3 */
    border-radius: 50px !important;     /* rounded-pill */
    
    /* Glas-Effekt */
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    background: rgba(67, 160, 71, 0.95) !important;
    
    /* Schatten & Glow */
    box-shadow: 
        0 8px 32px rgba(0,0,0,0.3),
        0 0 0 1px rgba(245, 197, 24, 0.3),
        inset 0 1px 0 rgba(255,255,255,0.2) !important;
    
    /* Animation */
    animation: pulse-glow 2s ease-in-out infinite !important;
    transform: translateZ(0);
}

@keyframes pulse-glow {
    0%, 100% { 
        transform: scale(1) translateY(0);
        box-shadow: 
            0 8px 32px rgba(0,0,0,0.3),
            0 0 0 1px rgba(245, 197, 24, 0.3);
    }
    50% { 
        transform: scale(1.05) translateY(-2px);
        box-shadow: 
            0 12px 40px rgba(67, 160, 71, 0.4),
            0 0 20px rgba(245, 197, 24, 0.5);
    }
}

/* Desktop: dezenter */
@media (min-width: 1400px) {
    .breakpoint-indicator {
        opacity: 0.8;
        transform: scale(0.9);
    }
}

/* Hover-Effekt */
.breakpoint-indicator:hover {
    transform: scale(1.1) !important;
    opacity: 1 !important;
    box-shadow: 
        0 16px 48px rgba(67, 160, 71, 0.5),
        0 0 30px rgba(245, 197, 24, 0.6) !important;
}
 

.breakpoint-indicator {
    min-width: 85px !important;  /* Platz für 2 Zeilen */
    text-align: center !important;
    line-height: 1.2 !important;
}

.breakpoint-indicator small {
    opacity: 0.85 !important;
    font-size: 0.7em !important;
}


/* BARRIEREFREIHEIT OPTIMIERUNG BETA!
===============================================================*/
@media (min-width: 768px) {
   .accordion-button:focus,
   .wp-element-button:focus,
   #toTop-right:focus,
   a:focus {
      outline: 3px solid rgba(78, 66, 215, 0.792) !important;
      outline-offset: 4px !important;
      box-shadow: 0;
      z-index: 10000;
   }
}

@media (prefers-reduced-motion: reduce) {
   :root {
   --transition-setting: 0 none;
   }
   
   *,
   *::before,
   *::after {
      /* animation-duration: 0 !important;
      transition-duration: 0 !important;
      transition-delay: 0s !important; */
      animation-iteration-count: 1 !important;
      scroll-behavior: auto !important;
      transition: none !important;
      animation: none !important;
   }
}

/* sonstige Media Queries
===============================================================*/
@media only screen and (max-width: 767.98px) {

   /* PYAAR MOBILE HILFSKLASSEN  */
   .mobile-padding-top {
      padding-top: 1.5rem;
   }

   .mobile-padding-bottom {
      padding-bottom: 1.5rem;
   }

   .mobile-center {
      text-align: center;
      justify-content: center;
   }

   .mobile-forcebreak {
      display: block;
   }
   /* .post-nav-link {text-overflow: ellipsis; width: 40vw;} */
   .force-break {
      display: block;
   }

 
   /* Header */
   /* header .header-inner-wrapper {
      max-width: 100vw;
   }

   .dropdown-toggle {
      outline: 0;
   } Breakpoint SM */
   /* CONTENT */
   .post-thumbnail {
      padding-left: 0;
      padding-right: 0;
   }

   .single-content img {
      width: 100%;
      height: auto;
   }

   .alert {
      text-align: center;
   }
}

@media (max-width: 991.98px) {

/* Header */
   header .header-inner-wrapper {
      max-width: 100vw;
   }

   .dropdown-toggle {
      outline: 0;
   }

}

/* @media (min-width: 768px) { Breakpoint SM */

@media (min-width: 768px) { 
   .affix {
      position: fixed;
      background: red;
   }
 .img-fluid {
      width: 100%;
   }

   .remove-break {
      display: block;
   }
}
@media (min-width: 992px) {
   
   .admin-bar .fixed-top,
   .admin-bar .header-offset {
      margin-top: 32px;
   }

  
}