/* tiv-nav-design-2026 */

/* --- Ziele: Podcast und Events vom Kategorie-Block abtrennen --- */
.navbar li.menu-item.tiv-nav-dest > a { color:#1f6f5c; font-weight:600; }
.navbar li.menu-item.tiv-nav-dest > a:hover { color:#0a4a4a; }
@media (min-width: 992px) {
  .navbar li.menu-item.tiv-nav-dest:first-of-type { border-left:1px solid #dfe9e6; margin-left:.55rem; padding-left:.85rem; }
}
/* --- Einsteiger-CTA: der wichtigste Weg für neue Leser --- */
.navbar li.menu-item.tiv-nav-cta > a {
  background:#1f6f5c; color:#fff !important; border-radius:999px;
  padding:.42em 1.05em !important; font-weight:700; white-space:nowrap;
  transition:background .15s ease;
}
.navbar li.menu-item.tiv-nav-cta > a:hover { background:#0a4a4a; color:#fff !important; }
.navbar li.menu-item.tiv-nav-cta > a::before { content:"🌱"; margin-right:.35em; }
/* --- Service-Buttons dezent --- */
.navbar li.menu-item.tiv-nav-btn > a {
  border:1.5px solid #c9d8d4; border-radius:999px; padding:.34em .9em !important;
  color:#0a4a4a; font-weight:600;
}
.navbar li.menu-item.tiv-nav-btn > a:hover { background:#0a4a4a; border-color:#0a4a4a; color:#fff !important; }

/* --- Mobile: gleiche Hierarchie, mehr Luft, klare Trennung --- */
@media (max-width: 991px) {
  .offcanvas li.menu-item.tiv-nav-dest { border-top:1px solid #e7ddca; margin-top:.35rem; }
  .offcanvas li.menu-item.tiv-nav-cta { margin:.9rem 1rem; }
  .offcanvas li.menu-item.tiv-nav-cta > a {
    display:block; text-align:center; background:#1f6f5c; color:#fff !important;
    border-radius:999px; padding:.72em 1em !important; font-weight:700;
  }
  .offcanvas li.menu-item.tiv-nav-btn > a { color:#0a4a4a; font-weight:600; }
  /* Unterpunkte klar als zweite Ebene lesbar */
  .offcanvas .sub-menu > .menu-item > a { padding-left:2.1rem !important; font-size:.94em; color:#4c6360; }
}

/* --- Platz schaffen: kompaktere Hauptleiste, keine Zeilenumbrueche --- */
@media (min-width: 992px) {
  .navbar ul.menu > li.menu-item > a { padding-left:.62rem !important; padding-right:.62rem !important; white-space:nowrap; letter-spacing:.02em; }
  .navbar ul.menu > li.menu-item > a { font-size:.82rem; }
  .navbar li.menu-item.tiv-nav-cta > a { padding:.4em .95em !important; font-size:.82rem; }
  .navbar li.menu-item.tiv-nav-btn > a { padding:.32em .8em !important; font-size:.8rem; }
}
@media (min-width: 1200px) {
  .navbar ul.menu > li.menu-item > a { font-size:.86rem; padding-left:.78rem !important; padding-right:.78rem !important; }
}

/* tiv-pod2-css */

.tiv-pod2-head{display:grid;gap:24px;padding-bottom:28px;border-bottom:2px solid var(--cr-ink);position:relative;z-index:30}
@media (min-width:900px){.tiv-pod2-head{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:48px}}
.tiv-pod2-head h1.tiv-cr-h{font-size:clamp(34px,4.6vw,64px)!important}
.tiv-pod2-cover{margin:0;max-width:260px}@media (min-width:900px){.tiv-pod2-cover{max-width:none}}.tiv-pod2-cover img{display:block;width:100%;height:auto;border-radius:3px}
.tiv-pod2-btns{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0!important}
.tiv-pod2-btns a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--cr-ink);border-radius:3px;font:600 15px/1 var(--cr-s);color:var(--cr-ink)!important;text-decoration:none!important;background:#fff}
.tiv-pod2-btns a.is-pri{background:var(--cr-ink);color:var(--cr-paper)!important}
.tiv-pod2-btns a:hover{border-color:var(--cr-green)}
.tiv-pod2-player{margin:28px 0 0}
.tiv-pod2-embed{min-height:152px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:22px;background:#fff;border:1px solid var(--cr-line);border-left:3px solid var(--cr-green);border-radius:3px}
.tiv-pod2-embed button{min-height:44px;padding:0 18px;border:0;border-radius:3px;background:var(--cr-ink);color:var(--cr-paper);font:600 15px/1 var(--cr-s);cursor:pointer}
.tiv-pod2-embed p{margin:0;font:400 13px/1.4 var(--cr-s);color:var(--cr-mute)}
.tiv-pod2-embed iframe{width:100%;height:352px;border:0;border-radius:3px}
.tiv-pod2-embed.is-on{padding:0;border:0;background:none}
.tiv-pod2-cols{display:grid;gap:24px 48px}@media (min-width:900px){.tiv-pod2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tiv-pod2-about p,.tiv-pod2-box p{font:400 17px/1.65 var(--cr-s);margin:0 0 1em;max-width:62ch}
.tiv-pod2-main h3{font:700 21px/1.2 var(--cr-d)!important;color:var(--cr-ink)!important;margin:6px 0 10px}
.tiv-pod2-quotes{list-style:none;margin:0 0 14px;padding:0}.tiv-pod2-quotes li{font:italic 400 19px/1.45 var(--cr-d);color:var(--cr-deep);padding:6px 0;border-bottom:1px solid var(--cr-line)}
.tiv-pod2-faces{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}
@media (min-width:768px){.tiv-pod2-faces{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1100px){.tiv-pod2-faces{grid-template-columns:repeat(7,minmax(0,1fr))}}
.tiv-pod2-faces a,.tiv-pod2-faces li>span{display:block;text-decoration:none}
.tiv-pod2-faces .tiv-cr-img{aspect-ratio:4/5;border-radius:3px}
.tiv-pod2-faces b{display:block;margin-top:8px;font:600 14px/1.3 var(--cr-s);color:var(--cr-ink)}
@media (hover:hover){.tiv-pod2-faces a:hover b{text-decoration:underline;text-decoration-color:var(--cr-green);text-underline-offset:3px}}
.tiv-pod2-list{margin:24px 0 0;border-top:1px solid var(--cr-line)}
.tiv-pod2-list summary,.tiv-pod2-faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font:600 16px/1.3 var(--cr-s);color:var(--cr-ink);list-style:none}
.tiv-pod2-list summary::after,.tiv-pod2-faq summary::after{content:"+";margin-left:auto;font:400 24px/1 var(--cr-s);color:var(--cr-green)}
.tiv-pod2-list[open] summary::after,.tiv-pod2-faq details[open] summary::after{content:"–"}
.tiv-pod2-list ul{list-style:none;margin:0;padding:0 0 12px;columns:1;column-gap:40px}@media (min-width:768px){.tiv-pod2-list ul{columns:2}}
.tiv-pod2-list li{break-inside:avoid;padding:5px 0;font:600 15px/1.4 var(--cr-s);color:var(--cr-ink)}.tiv-pod2-list li span{font-weight:400;color:var(--cr-mute)}
.tiv-pod2-list a{color:var(--cr-deep)!important;text-decoration:underline!important;text-decoration-color:var(--cr-green)!important;text-underline-offset:3px}
.tiv-pod2-box{padding:20px 22px;background:#fff;border:1px solid var(--cr-line);border-radius:3px}
.tiv-pod2-box a{color:var(--cr-deep)!important;font-weight:600;text-decoration:underline!important;text-decoration-color:var(--cr-green)!important}
.tiv-pod2-eq{display:grid;gap:18px 40px}@media (min-width:768px){.tiv-pod2-eq{grid-template-columns:repeat(3,minmax(0,1fr))}}
.tiv-pod2-eq ul{list-style:none;margin:0;padding:0}.tiv-pod2-eq li{padding:8px 0;border-bottom:1px solid var(--cr-line);font:500 15px/1.4 var(--cr-s)}
.tiv-pod2-eq a{color:var(--cr-ink)!important;text-decoration:none!important}.tiv-pod2-eq a:hover{color:var(--cr-deep)!important;text-decoration:underline!important}
.tiv-pod2-note{margin:14px 0 0;font:400 13px/1.5 var(--cr-s);color:var(--cr-mute)}
.tiv-pod2-faq details{border-bottom:1px solid var(--cr-line)}.tiv-pod2-faq details p{margin:0 0 16px;font:400 17px/1.65 var(--cr-s);max-width:68ch}
.tiv-pod2-faq a{color:var(--cr-deep)!important;text-decoration:underline!important;text-decoration-color:var(--cr-green)!important}
.tiv-pod2-end{margin:40px 0 0;padding-top:24px;border-top:2px solid var(--cr-ink)}