body {
  font-size: .85em;
  background-image: url( "../images/bg_watermark.png" );
  background-position: bottom right;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #eee;
  color: #5E3C28;
  height: 100%;
}

#minibody {
  background-image: none;
}

h1, h2, h3 {   font-family: LatoWebLight, sans, arial; }
h1 { font-size: 1.5rem; font-weight:bold; }
h2 { font-size: 1.1rem; font-weight: bold;}
h3 { font-size: 0.9rem; font-weight: bold;}
.page-subtitle { font-size:1.2em;}
.page-head h1,
.page-head h2,
.page-head h3 {
  color: #fff;
}
.page-head { margin-bottom: 2em; }

a, .nav-link { color: #5E3C28; }
a:hover { color: #6E4C38; text-decoration:none;}

.landingpage a, .landingpage,
#frontend a, #frontend
{ color: #5E3C28;}
a.ui-state-default { color: #000 !important; }

/** Frontend / Shop */
.shop-product-categories-headline {
    font-size:12px;
    margin-left: -25px;
    padding-left: 18px;
    padding-right: 17px;
}
.shop-product-categories {
  left: -14px;
  position: relative;
}
.shop-product-categories .list-group-item {
  background-color: transparent;
  border: none;
  margin-bottom: 0px;
  color: #fff;
}
.shop-product-categories .shop-sub-category {
  padding: 0;
  margin:0;
}
.shop-product-categories div.list-group-item:hover {
  color: #fff;
}
.shop-product-categories div.list-group-item a:hover {
  text-shadow: 2px 2px 2px #999999;
  color: #fff;
}
.shop-product-categories li span.badge {
  background-color: #ffffff !important;
  color: #666 !important;
}
.shop-product-categories a { text-decoration: none;}

#frontend h1 {
  font-size: 2.5rem; font-weight:bold;
}
.shop-content-background,
#shop-product-list .card {
  background: #ffffffaa;
}
#shop-product-list .price {
  font-size: 1.2em;
  font-weight: bold;
  transform: rotate(-20deg);
  display: inline-block;
  float:right;
}

#shop-product-list .btn-outline-primary {
  border: 1px solid #aaa;
  color: #aaa;
}
#shop-product-list .btn-outline-primary:hover {
  background-color: #ffffffaa;
  color: #333;
}

.shop-product-background { background-color: #ffffffaa; }


.shop-product-detail .product-meta { padding: 10px; transition: all 0.5s ease;}
.shop-product-detail .product-meta:hover { background-color: #ffffffaa; }
.shop-product-detail .product-meta h3 { border-bottom: solid 1px #6E4C38; }
.shop-product-detail .product-meta table {
  font-size: 0.8em;
  width: 100%;
}
.shop-product-detail .main-image { max-height: 469px; }
.shop-product-detail .thumbnail { max-width: 150px; max-height: 112px; cursor:pointer; }
@media (max-width: 600px) {
  .shop-product-detail .thumbnail { max-width: 75px; max-height: 56px;}
}

.shop-product-detail .main-image-descr { font-size: 0.8em; padding: 5px; }
.shop-product-detail .shop-product-not-available { border-radius: 5px; background: #8c6701; color: #fff; padding:5px 10px;}

#full-screen-background-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -1;
  overflow: hidden;
}


.root { height: 100%; }

.wrapper::before {
  width: 100%;
  height: 264px;
  position: absolute;
  top: 0;
  left: 0;
  background: #3A1414;
  content: " ";
  z-index: -1;
}
.wrapper {
  align-items: stretch;
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}


/* Sidebar
-------------------------------------------------- */
nav { display:block; }
.sidebar {
  min-width: 250px;
  max-width: 250px;
  transition: all 0.3s ease;
  background: transparent;
  border-right: 0;
  background-color: #fff;
}
.sidebar-logo {
  background: #3A1414;
  color: #fff;
  padding: 10px;
}
.sidebar-logo img { max-width: 200px; vertical-align:middle; padding: 10px;}
.sidebar-content {
  background: #fff;
  transition: all 0.3s ease;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.sidebar-user {
  text-align: center;
  padding: 1.5rem 1rem 1rem;
}
.sidebar-user img { width: 64px; height: 64px; }

.sidebar-nav {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}
.sidebar-nav li {
  padding-left:15px;
}
.sidebar-nav li .fa {
  padding-right: 10px;
  color: #3A1414;
}

.main {
  width: 100%;
  min-height: 100vh;
  min-width: 0;
  transition: all 0.3s ease;
}
.main input.main-search {
  background: transparent;
  color: #888;
  padding: 5px;
  border: none;
  margin-left:10px;
}
input.main-search:focus {
  background: #fff;
  color: #000;
  border:none;
}


.sidebar-toggle {
  cursor: pointer;
  width: 26px;
  height: 26px;
  margin: 0 0.5rem;
  color: #fff;
  font-size: 1.5rem;
  padding: 0 10px;
}
.sidebar-nav .btn-toggle-nav .active {
  font-weight: bold;
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 7%, rgba(238,238,238,1) 100%);
}

/* Top Bar Navi
-----------------------------------------------*/
.navbar-leitholz { background-color: #00000088; }


.main .breadcrumb a, .main .breadcrumb .breadcrumb-item::before  {
  color: #fff;
}
.main .navbar-collapse .nav-tabs {
  border:0;
  margin-left: auto;
}
.main .navbar-collapse .nav-tabs li.nav-item a .fa {
  color: #fff;
  font-size:1.75em;
}
.main .navbar-collapse .nav-tabs li.nav-item .dropdown-item .fa {
  color: #000;
  font-size:1em;
}
.main .navbar-collapse .nav-tabs .nav-link {
  background-color: transparent !important;
}
.main .navbar-collapse .nav-tabs .nav-link:hover,
.main .navbar-collapse .nav-tabs .nav-link:focus,
.main .navbar-collapse .nav-tabs .nav-link:active {
  border:0;
}

.page-buttons .btn {
  font-size: 0.85em;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand {
  margin-right: 2rem;
}
.navbar .nav-item {
  line-height: 3rem;
}
.navbar-theme .navbar-nav .show > .nav-link, .navbar-theme .navbar-nav .active > .nav-link, .navbar-theme .navbar-nav .nav-link.show, .navbar-theme .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-theme .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar .nav-item .nav-link {
font-weight: 500;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar .nav-item a {
  text-decoration: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.dropdown a {
  cursor: pointer;
}
.position-relative {
  position: relative !important;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  content: none;
}

.content {
  margin-top: 2em;
  padding: 0 0.5em;
}

.container-fluid { width:95%; }


.dropdown-toggle { outline: 0; }

.btn-toggle {
  padding: .25rem .5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
  background-color: transparent;
  font-size: 1em;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
  background-color: var(--bs-tertiary-bg);
}

.btn-toggle.has-submenu::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
  text-align: right;
  display: inline-block;
  position: absolute;
  left: 220px;
}

[data-bs-theme="dark"] .btn-toggle::before {
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(var(--bs-emphasis-color-rgb), .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: var(--bs-tertiary-bg);
}

.scrollarea {
  overflow-y: auto;
}

.main .navbar .form-inline .form-control {
  background: transparent;
  transition: all 0.4s ease;
}
.main .navbar .form-inline {
  min-width: 80%;
}
.main .navbar .form-inline .form-control:focus {
  background: #fff;
}

/* Buttons
-------------------------------------------------- */
/* Bootstrap Button Overrides for Wood-Themed Website */

/* Primary Button - Eichenbraun */
.btn-primary {
  background-color: #1F0000 !important;
  border-color: #D8B6A2 !important;
  color: #FFF !important;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #6A4834 !important;
    border-color: #6A4834 !important;
    color: #FFF !important;
}

/* Secondary Button - Lehmbeige */
.btn-secondary {
    background-color: #A67B5B !important;
    border-color: #A67B5B !important;
    color: #FFF !important;
}

.btn-secondary:hover, .btn-secondary:focus {
    background-color: #3A1414 !important;
    border-color: #3A1414 !important;
    color: #FFF !important;
}

/* Secondary Button - Lehmbeige */
.btn-outline-secondary {
background-color: #F2F2F2 !important;
  border-color: #C09575 !important;
  color: #C09575 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
    background-color: #B68B6B !important;
    border-color: #3A1414 !important;
    color: #FFF !important;
}

/* Success Button - Moosgrün */
.btn-success {
    background-color: #6D7F58 !important;
    border-color: #6D7F58 !important;
    color: #FFF !important;
}

.btn-success:hover, .btn-success:focus {
    background-color: #556644 !important;
    border-color: #556644 !important;
    color: #FFF !important;
}

/* Info Button - Sandbeige */
.btn-info {
    background-color: #D4C2A8 !important;
    border-color: #D4C2A8 !important;
    color: #5E3C28 !important;
}

.btn-info:hover, .btn-info:focus {
    background-color: #A67B5B !important;
    border-color: #A67B5B !important;
    color: #FFF !important;
}

/* Danger Button - Walnussbraun */
.btn-danger {
    background-color: #9E7C68 !important;
    border-color: #5E3C28 !important;
    color: #b00 !important;
}

.btn-danger:hover, .btn-danger:focus {
    background-color: #3E291A !important;
    border-color: #ff291A !important;
    color: #F00 !important;
}

/* Warning Button - Steingrau */
.btn-warning {
    background-color: #B7B1A0 !important;
    border-color: #B7B1A0 !important;
    color: #5E3C28 !important;
}

.btn-warning:hover, .btn-warning:focus {
    background-color: #3A1414 !important;
    border-color: #3A1414 !important;
    color: #FFF !important;
}

/* Light Button - Helles Sandbeige */
.btn-light {
    background-color: #F2E7D3 !important;
    border-color: #F2E7D3 !important;
    color: #5E3C28 !important;
}

.btn-light:hover, .btn-light:focus {
    background-color: #D4C2A8 !important;
    border-color: #D4C2A8 !important;
    color: #5E3C28 !important;
}

/* Dark Button - Walnussbraun */
.btn-dark {
    background-color: #5E3C28 !important;
    border-color: #5E3C28 !important;
    color: #FFF !important;
}

.btn-dark:hover, .btn-dark:focus {
    background-color: #3E291A !important;
    border-color: #3E291A !important;
    color: #FFF !important;
}

/* Main Page Content Wrapper
-------------------------------------------------- */
.content-wrapper {
  padding: 1em;
  background-color: #fff;
  margin-top: 2em;
  border-radius:5px;
}

/* Main Page Footer
-------------------------------------------------- */
footer { color: #888; }
footer a { color: #999; }
footer h1, footer h2, footer h3, footer h4 { color: #3E291A; }





/* Nav-Tabs
---------------------------------------------------*/
.nav-tabs .nav-link.active {
  border-bottom: 2px solid #fff;
  position: relative !important;
  margin-bottom: -2px;
}
.nav-tabs .nav-link {
  background: #e0e0e0;
  color: #666;
  padding: 4px 10px;
  margin-right: 1px;
}

/* User List
---------------------------------------------------*/
ul.userlist {
  list-style-type: none;
  padding:10px;
}
ul.userlist li {
  width: 180px;
  text-align:center;
  box-shadow: 2px 2px 2px #ccc;
  background:#fff;
  padding:10px;
  float: left;
  margin: 10px;
}
ul.userlist li div {
  font-size: 1.2em;
}



/* Verbesserung für Datatable (Space zwischen Filter und Tabelle) */
.dataTables_wrapper .dataTables_filter { margin-bottom: 4px; }
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #aaa !important;
}