/* ====== Base (CI Farben) ====== */
:root{
  --tile-primary:#afca0a;
  --tile-variant-1:#c2d745;
  --tile-variant-2:#9eb807;
  --tile-variant-3:#d5e366;
}

.uk-navbar-container {
  background: #fff;
  border-bottom-color: #afca0a !important;

  position: relative;
  z-index: 990;
 
}

.tm-header{
 margin-bottom: 20px !important;
}

/* ====== CSS Grid für Tiles (max 4 Spalten) ====== */
.intra-grid{
  display:grid;
  grid-gap:14px;
  grid-template-columns:repeat(2,1fr);
  grid-auto-rows:var(--tile-row,140px);
    grid-auto-flow: dense; 
}
@media (min-width:960px){ .intra-grid{ grid-template-columns:repeat(3,1fr); } }
@media (min-width:1200px){ .intra-grid{ grid-template-columns:repeat(4,1fr); } }

.tile-s  { grid-column:span 1; grid-row:span 1; }
.tile-w  { grid-column:span 2; grid-row:span 1; }
.tile-m  { grid-column:span 1; grid-row:span 2; }
.tile-xl { grid-column:span 2; grid-row:span 2; }
.tile-xxl { grid-column:span 3; grid-row:span 2; }

/* Füller-Tiles – neutraler Stil */
.tile-filler .intra-card{
  background:#f5f5f5;
  color:#111;
}
.tile-filler .intra-card.has-bg{
  color:#fff;
  position: relative;
  overflow: hidden;
}
.tile-filler .intra-card.has-bg::before{
  content:"";
  position:absolute; inset:0;
  background: var(--filler-bg, #ccc) center/cover no-repeat;
  filter:saturate(1.05);
}
.tile-filler .uk-card-body{ position:relative; z-index:1; }
.tile-filler .uk-text-meta{ opacity:.85; }

/* Sichtbarkeitsklassen für Breakpoints (nur 1 Satz Füller je Breite anzeigen) */
.filler-only-xl,.filler-only-m,.filler-only-s{ display:none; }
@media (min-width:1200px){
  .filler-only-xl{ display:block; }
}
@media (min-width:960px) and (max-width:1199.98px){
  .filler-only-m{ display:block; }
}
@media (max-width:959.98px){
  .filler-only-s{ display:block; }
}

.dashboard-gap
{
  padding-top:14px !important;
} 

.intra-grid .intra-card{ height:100%; }

.intra-grid .intra-card{ height:100%; }

/* ====== Windows 8 Look ====== */
.intra-card.tile-win8{
  --intra-card-color: var(--intra-card-color, var(--tile-primary));
  background:var(--intra-card-color);
  color:#fff;border:none;box-shadow:none;
  transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;
  min-height:140px;display:flex;align-items:flex-start;position:relative;
  overflow-wrap: break-word;
  text-wrap: balance;
  word-break: break-all;
}
.intra-card.tile-win8 .uk-card-body{ padding:16px 16px 14px 16px; width:100%; }
.intra-card.tile-win8 .uk-h4,.intra-card.tile-win8 .uk-h5{ color:#fff;font-weight:700;letter-spacing:.01em;margin:0; }
.intra-card.tile-win8 .uk-text-meta{ color:rgba(255,255,255,.88); margin-top:6px; }
.intra-card.tile-win8 .intra-card__badge,
.uk-badge.intra-card__badge{
  position:absolute;top:10px;right:10px;background:rgba(255,255,255,.18);
  color:#fff;border:1px solid rgba(255,255,255,.22);font-weight:600;
}
.intra-card.tile-win8:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.18); }

/* Font Awesome Icons in Cards */
.intra-card i.fa-solid,
.intra-card i.fa-regular,
.intra-card i.fa-brands{ font-size:34px; line-height:1; }

/* Auto-Varianten wenn keine Farbe gesetzt (optional, falls gebraucht) */
.intra-grid > div:nth-child(4n+1) .tile-win8{ background:var(--tile-primary); }
.intra-grid > div:nth-child(4n+2) .tile-win8{ background:var(--tile-variant-1); }
.intra-grid > div:nth-child(4n+3) .tile-win8{ background:var(--tile-variant-2); }
.intra-grid > div:nth-child(4n+4) .tile-win8{ background:var(--tile-variant-3); }

/* ====== Flip-Effekt ====== */
.tile-flip{ position:relative; perspective:1200px; height:100%; }
.tile-flip .tile-inner{ position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform .5s ease; outline:none; }
/* .tile-flip:hover .tile-inner,
.tile-flip:focus-within .tile-inner,
.tile-flip.is-flipped .tile-inner{ transform:rotateY(180deg); } */
.tile-face{ position:absolute; inset:0; backface-visibility:hidden;  }
/* .tile-front{ transform:rotateY(0); }
.tile-back { transform:rotateY(180deg); } */

/* ====== Shell-Layout ====== */
.intra-shell{ display:grid; grid-template-columns:280px 1fr; gap:18px; }
@media (max-width:1024px){ .intra-shell{ grid-template-columns:1fr; } }
.intra-shell-sidebar{ }
.intra-shell-content{ }
.intra-shell-footer{ }

/* ====== News Slider (Hover-BG + Meta + Breaking) ====== */
.intra-news .intra-news-slider,
.intra-news-slider{  overflow:hidden; }
.news-slide{ position:relative; min-height:260px; background:#1a1a1a; }
@media (min-width:960px){ .news-slide{ min-height:320px; } }
.news-slide::before{
  content:""; position:absolute; inset:0;
  background-image:var(--news-bg);
  background-size:cover; background-position:center;
  opacity:0; transform:scale(1.04);
  transition:opacity .35s ease, transform .35s ease; will-change:opacity, transform;
}
.news-slide:hover::before,
.news-slide:focus-within::before{ opacity:1; transform:scale(1.02); }
.news-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(194, 215, 69, 0.5),   /* #c2d745 mit 50 % */
    rgba(158, 184, 7, 0.5)     /* #9eb807 mit 50 % */
  );
  pointer-events: none;
}

.news-slide__body{ position:relative; z-index:2; color:#fff; padding:22px; }
.news-slide__title{ margin:0 0 6px; font-weight:800; letter-spacing:.01em; color:#fff; padding-top:10px;}
.news-slide__excerpt{ margin:0 0 12px; color:rgba(255,255,255,.92); }
.news-slide__btn{ border-color:rgba(255,255,255,.5); color:#fff; }

/* Meta Chips + Badge */
.news-slide__meta{ position:absolute; left:12px; top:10px; display:flex; gap:10px; z-index:3; }
.news-chip{ display:inline-block; padding:3px 8px; font-size:12px; line-height:1; border-radius:999px;
  background:rgba(0,0,0,.55); color:#fff; backdrop-filter:saturate(1.2) blur(2px); }
.news-chip--cat{ background:rgba(175,202,10,.95); color:#111; }
.news-chip--date{ background:rgba(0,0,0,.55); }
.news-badge{ position:absolute; right:10px; top:10px; z-index:3; background:#e63737; color:#fff;
  font-weight:700; font-size:12px; letter-spacing:.03em; padding:4px 8px; 
  box-shadow:0 4px 14px rgba(230,55,55,.35); }
.is-breaking .news-badge{ animation:pulseBadge 1.6s ease-in-out infinite; }
@keyframes pulseBadge{
  0%,100%{ transform:scale(1); box-shadow:0 4px 14px rgba(230,55,55,.35); }
  50%{ transform:scale(1.06); box-shadow:0 6px 24px rgba(230,55,55,.45); }
}

/* News-Tile Rückseite mit Bild (falls genutzt) */
.tile-news .tile-back .tile-win8{ position:relative; overflow:hidden; }
.tile-news .tile-back .tile-win8::before{
  content:""; position:absolute; inset:0;
  background-image:var(--news-bg); background-size:cover; background-position:center;
  opacity:.95; transform:scale(1.05); filter:saturate(1.05);
}
.tile-news .tile-back .uk-card-body{ position:relative; z-index:1; }

/* ====== Notice Bar / Status ====== */
.intra-notice-wrap{ margin-bottom:12px; }
/* .intra-notice{ border-radius:8px; } */
.intra-notice .uk-alert-close{ opacity:.9; }
.intra-notice__meta{ font-size:12px; opacity:.85; }
.intra-notice--sticky-holder{ position:relative; z-index:1000; }
.intra-status .notice-card{ overflow:hidden; }
.intra-status .uk-label + .uk-label{ margin-left:6px; }

/* === Kompakte Sidebar-Tiles am linken Rand === */


/* === CLEAN RESET für die Sidebar (übersteuert alte Regeln) === */
.intra-side-nav-wrap,
.intra-side-nav,
.intra-side-item { all: unset; }

/* === Sidebar: Container links bündig ================================== */
:root { --sidebar-width: 240px; --sidebar-top: 0px; }

.intra-side-nav-wrap {
  position: fixed;             /* am linken Bildschirmrand kleben */
  left: 0; top: var(--sidebar-top); bottom: 0;
  width: var(--sidebar-width);
  background: #fff;
  border-right: 1px solid #eaeaea;
  z-index: 1000;
  display: flex; flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 12px;               /* Innenabstand für die Liste */
  box-sizing: border-box;
}

/* === Liste vertikal, kompakte Abstände ================================ */
.intra-side-nav {
  display: flex;
  flex-direction: column;
  gap: 8px;                    /* Abstand zwischen den Kacheln */
}

#tm-dialog .uk-modal-body{
  width:100% !important;

}


.bpress-page-header {

  padding: 10px 5px 30px !important;
  background-color: #afca0a !important;
  background-size: cover;
  background-position: center;
}

.bpress-crumbs-wrap, .bpress-sidebar {
    background-color: #d5e366 !important;
}

 .widget_basepress_nav_widget {
    background-color: #c2d745 !important;
}

/* .uk-modal-body{
  width:100% !important;
  background-color: #e63737;
    background: #f0f !important;
} */

/* === Kachel (weiß, kompakt, eckig) ==================================== */
.intra-side-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;            /* Standard: weiß */
  color: #111;
  border: 1px solid #e6e6e6;   /* dezente Linie */
  border-radius: 0;            /* eckig */
  min-height: 56px;
  padding: 10px 12px;
  text-decoration: none;
  line-height: 1.2;
  box-sizing: border-box;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Hover & Active -> HPZ-Grün */
.intra-side-item:hover,
.intra-side-item.is-active {
  background: #afca0a;
  border-color: #afca0a;
  color: #fff;
}

/* Titel/Icons passend einfärben */
/* Kleinere, flexiblere Typografie für lange Titel */
.intra-side-title {
  font-size: 0.9rem;          /* etwas kleiner */
  font-weight: 600;
  white-space: normal;        /* erlaubt weichen Umbruch */
  word-break: break-word;     /* bricht lange Wörter */
  line-height: 1.3;
}

.intra-side-desc { display: none !important; }  /* Beschreibung ausblenden */

.intra-side-icon i {
  font-size: 22px;
  width: 28px;
  text-align: center;
  color: inherit;              /* übernimmt weiß/dunkel vom Elternteil */
}

/* Optionaler Footer */
.intra-side-footer {
  margin-top: auto;
  border-top: 1px solid #eaeaea;
  padding: 12px 4px 10px;
  font-size: .8rem;
  color: #8a8a8a;
  background: #fff;
}

/* Hilfreich: Layout rechts neben der fixen Sidebar nicht überdecken */
body { --sidebar-offset-inline: var(--sidebar-width); }
.intra-shell, .uk-container, .site-content, main {
  /* Falls dein Content unter die Sidebar rutscht, diese Regel aktivieren: */
  /* margin-left: var(--sidebar-offset-inline) !important; */
}

/* Touch-Ziel etwas größer, aber kompakt halten */
@media (pointer: coarse) {
  .intra-side-item { min-height: 60px; padding: 12px 14px; }
}