:root {
  --cassiopeia-color-primary: #0b5d2a;
  --cassiopeia-color-hover: #0e7a38;
}
.container-header {
  background-image: none;
  background-color: #ffffff88;
}
.navbar-collapse,.card-header {
    border: 0 !important;
}
/*WHS RED*/
.responsive-video {
    display: block;
    max-width: 100%;
    height: auto;
}
.navbar-expand-lg .navbar-toggler {
    display: block !important;
    background: #ffffff99;
}
  .firmenliste h2 { margin-top: 2rem; padding-top: 1rem; border-bottom: 2px solid #4caf50; color: #2d6a4f; }
  .firmenliste ol { list-style: none; padding-left: 0; }
  .firmenliste li.company { margin-bottom: 1.5rem; padding: 0.75rem; background: #f9f9f9; border-left: 4px solid #4caf50; border-radius: 0 8px 8px 0; }
  .firmenliste .company h3 { margin: 0 0 0.5rem 0; }
  .firmenliste .company address { font-style: normal; font-size: 1rem; line-height: 1.3; }
  .firmenliste .company .contact span { display: inline-block; margin-right: 1rem; }
  .firmenliste .company a { color: #2c7da0; text-decoration: none; }
  .firmenliste .company a:hover { text-decoration: underline; }
  .filter-nav { background: #e9f5e9; padding: 0.75rem 1rem; margin-bottom: 2rem; border-radius: 40px; text-align: center; }
  .filter-nav select { padding: 0.5rem 1rem; font-size: 1rem; border-radius: 30px; border: 1px solid #ccc; background: white; cursor: pointer; }
  /* Kategorien standardmäßig anzeigen, später per JS ausblenden */
  .category-section { transition: all 0.2s ease; }
  @media (max-width: 600px) { .firmenliste li.company address .real, .firmenliste li.company .contact .real { display: flex; flex-direction: column; } }
.main-top .card-header  {display:none !important;}
.container-header {
    position: static !important;
}
.sticky-top {
    position: static !important;
}
.sidebar-left, .sidebar-left .mod-articles, .sidebar-left .mod-list  {background:#f4f4f4 !important;}
.container-sidebar-left .sidebar-left:first-child {
    margin: 1rem;
}
body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: main-end;
    margin: 2rem;
}
.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 10px;
    background: #ffffff55;
}
body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: auto;
    width: 100%;
    min-width: 70vw;
    margin: 2rem;
}
h1, h2, h3, h4, h5, h6 {font-size:1.1rem !important;}
p, ul, li {font-size:1.1rem !important;font-weight:300}
h1 {font-size:1.2rem !important;}
h2 {font-size:1.21rem !important;}
/**/
.navbar-collapse, .card-header {
    background: #fefefe;
}
.sidebar-left, .sidebar-left .mod-articles, .sidebar-left .mod-list {
    background: #fefefe !important;
}
/*WHS RED*/
@media (min-width: 992px) {
.sidebar-left p, .sidebar-left a {font-size:1.2rem !important;font-weight:400}
  
  .sidebar-left a {
    background: #ffffff !important;
    transition: transform .2s ease;
}
  .sidebar-left a::before {
    content: "\203A";
    position: absolute;
    left: 5px;
    margin-top:2px;
    transform: translateY(-5%);
    color: #3a8356;
    font-size: 1.0rem;
    font-weight: 700;
    transition: transform .2s ease;
}
 
.sidebar-left a:hover::before {
    transform: translateY(-5%) translateX(4px);
  
}
.container-component > *,
.container-sidebar-left > *,
.container-sidebar-right > * {
    margin: 1rem;
}
    .navbar-toggler {
        display: block !important;
    }

    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-collapse.show {
        display: block !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block !important;
    }
}
.navbar-toggler::after {
    content: " NAVIGATION";
    font-size: 1rem;
    vertical-align: middle;
    font-weight: bold;
}
a {
    color: #005b0e !important;
}
.navbar-collapse {
    border: 1px solid #ccc;
}
.container-component>:first-child, .container-sidebar-left>:first-child, .container-sidebar-right>:first-child, .container-component>*+*, .container-sidebar-left>*+*, .container-sidebar-right>*+* {
    margin-top: 10px;
}
h1 {font-size:1.8rem;}
h2 {font-size:1.4rem;}
.site-description {color:black !important;}
.left.item-image {
    float: none;
}
.breadcrumb .active {display:none !important;}
.site-grid {
    display: grid;
    grid-template-columns: /* Sidebar links, Content rechts */;
    /*direction: rtl;*/
}
/*

.site-grid > * {
    direction: ltr;
}*/
.site {
  background-image:url('https://ubb.de/2026/images/bg1280ok.jpg');
  background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
.breadcrumb, .blog-item, .com-content-article__body  {
  background:#ffffff;  
  border-radius:15px !important;
  box-shadow:3px 3px #00000050;
  padding:10px !important;
}
p {background:#fff;}
ol, ul, dl, .com-content-article__body {
    background: white;
  border-radius:15px !important;
}
/* Make the grid use more of the screen width */
body.wrapper-fluid .site-grid {
    grid-gap: 0 10px;
  
}
.item-content {}
.page-header {color:white;text-shadow:1px 1px #005b0e;}
.container-topbar, .container-below-top {
    float: right;
    height: 0;
    z-index: 99;
}
.brand-logo img {max-height:100px !important; width:auto !important;}
#site-top-banner {margin-top:34px;}
.breadcrumb, .article-info {
    display: none;
}

@media(max-width:768px) {
  body:not(.has-sidebar-right) .site-grid .container-component {
    grid-column-end: auto;
    width: 100%;
    min-width: 85vw;
    margin: 1rem;
}
  h1 {font-size:1rem !important; font-weight:300}
  #site-top-banner {margin-top:0px;}
  .brand-logo img {max-height:100px !important; margin-top:50px;}
}