/* ==================================================
   large: Theme + Layout Overrides
   ================================================== */

/* Basis */
html, body{
  background: var(--bg-body);
  color: var(--text-main);
}

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

/* Keine Rundungen, konsequent */
.box,
nav,
header,
footer,
input,
textarea,
select,
button,
.top-nav li a,
.aside-nav-noresponsee a{
  border-radius: var(--radius) !important;
}

/* Maximalbreite 1920 - Responsee size override */
body.size-1140 .line{
  max-width: var(--max-width);
  width: 100%;
  margin: 0 auto;
  padding-left: var(--content-padding);
  padding-right: var(--content-padding);
}

/* Head-Bereich oberhalb Navigation */
.header-head{
  background: var(--head-bg);
}

/* Navigation Container */
#main-nav{
  background: var(--nav0-bg);
  border-bottom: 1px solid var(--nav0-border);
}

/* Responsee nav-text (Mobile Label) */
.nav-text{
  color: var(--nav0-link);
}

/* Ebene 0 Links */
.top-nav li a{
  color: var(--nav0-link);
  background: transparent;
}
.top-nav li a:hover{
  color: var(--nav0-link-hover);
  background: var(--nav0-hover-bg);
}
.top-nav .active-item a,
.top-nav li.active > a{
  background: var(--nav0-active-bg);
}

/* Dropdown Ebenen: Grundflächen */
.top-nav ul ul{
  background: var(--nav1-bg) !important;
  border: 1px solid var(--nav0-border);
}
.top-nav li ul li a{
  background: transparent !important;
  color: var(--nav1-link) !important;
}
.top-nav li ul li a:hover{
  background: var(--nav1-hover-bg) !important;
  color: var(--nav1-link-hover) !important;
}
.top-nav li ul li.active-item > a{
  background: var(--nav1-active-bg) !important;
}

/* Ebene 2 */
.top-nav li ul li ul{
  background: var(--nav2-bg) !important;
}
.top-nav li ul li ul li a{
  color: var(--nav2-link) !important;
}
.top-nav li ul li ul li a:hover{
  background: var(--nav2-hover-bg) !important;
  color: var(--nav2-link-hover) !important;
}
.top-nav li ul li ul li.active-item > a{
  background: var(--nav2-active-bg) !important;
}

/* Ebene 3 */
.top-nav li ul li ul li ul{
  background: var(--nav3-bg) !important;
}
.top-nav li ul li ul li ul li a{
  color: var(--nav3-link) !important;
}
.top-nav li ul li ul li ul li a:hover{
  background: var(--nav3-hover-bg) !important;
  color: var(--nav3-link-hover) !important;
}
.top-nav li ul li ul li ul li.active-item > a{
  background: var(--nav3-active-bg) !important;
}

/* Mobile Navigation Hintergründe (Responsee setzt eigene Farben) */
@media screen and (max-width:768px){
  #main-nav{
    background: var(--nav0-bg);
  }
  .top-nav li a{
    background: transparent !important;
    border-top: 1px solid var(--nav0-border);
  }
  .top-nav li ul li a{ background: transparent !important; }
  .top-nav li ul li ul li a{ background: transparent !important; }
  .top-nav li ul li ul li ul li a{ background: transparent !important; }
}

/* Content-Flächen */
section .box{
  background: var(--content-bg);
  border: 1px solid var(--border);
  box-shadow: none;
}

/* Breadcrumbs harmonisieren */
.im-breadcrumbs{
  color: var(--text-muted);
}
.im-breadcrumbs a{
  color: var(--link);
}
.im-breadcrumbs a:hover{
  color: var(--link-hover);
}

/* Layout: Sidebar rechts (nur wenn Block 2 vorhanden - wird durch Template-Logik erzeugt) */
.layout-sidebar article{
  background: transparent;
}
.sidebar-right{
  background: var(--bg-surface-2);
  border: 1px solid var(--border);
  padding: 14px;
}

/* Footer */
footer .box{
  background: var(--bg-surface);
  border: 1px solid var(--border);
  box-shadow: none;
}