/* SkinStyle #101: Neu RR 2026 */

@charset "utf-8";

:root {
	--color-background: rgb(247, 244, 238);
	--color-background-header: rgb(255, 255, 255);
	--background-header-image-filepath: /skin/div1/style/101/bg_header.png;
	--background-header-image-height: 294;
	--background-header-image-width: 1920;
	--font-body: "Oswald";
	--font-body-spec: "Oswald", sans-serif;
	--font-headlines: "Oswald";
	--font-headlines-spec: "Oswald", sans-serif;
	--font-menu: "Oswald";
	--font-menu-spec: "Oswald", sans-serif;
	--color-pri-0: rgb(198, 162, 105);
	--color-pri-1: rgb(247, 244, 238);
	--color-pri-2: rgb(232, 217, 187);
	--color-pri-3: rgb(107, 75, 50);
	--color-pri-4: rgb(44, 32, 25);
	--color-sec1-0: rgb(112, 80, 55);
	--color-sec1-1: rgb(44, 32, 25);
	--color-sec1-2: rgb(73, 51, 35);
	--color-sec1-3: rgb(164, 125, 72);
	--color-sec1-4: rgb(164, 125, 72);
	--color-sec2-0: rgb(189, 170, 144);
	--color-sec2-1: rgb(244, 240, 233);
	--color-sec2-2: rgb(224, 214, 199);
	--color-sec2-3: rgb(128, 108, 87);
	--color-sec2-4: rgb(48, 38, 31);
	--color-tbody-bg: Gainsboro;
	--color-tbody-fg: rgb(48, 38, 31);
	--color-text: rgb(48, 38, 31);
	--color-tfoot-bg: WhiteSmoke;
	--color-tfoot-fg: rgb(48, 38, 31);
	--color-thead-bg: rgb(232, 217, 187);
	--color-thead-fg: rgb(48, 38, 31);

}

body {
	background-color: rgb(247, 244, 238);
	color: rgb(48, 38, 31);
	font-family: "Oswald", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: rgb(44, 32, 25);
	font-family: "Oswald", sans-serif;
}

.text-info {
	color: rgb(128, 108, 87);
}

.header-top li, .header-top .btn-link, #main-menu.navbar, #cart .btn, .dropdown-menu, .product-head, .product-col .caption h4, .product-col .price, .product-col .btn-cart, .breadcrumb, .side-heading, .list-group-item, .product-filter, .pagination, .product-info .product-details, .tabs-panel .nav-tabs {
	font-family: "Oswald", sans-serif;
}

.main-header {
	padding: 15px 0;
	background-color: rgb(255, 255, 255);
	
	background: url("/skin/div1/style/101/bg_header.png") no-repeat center top;
	background-size: cover;
	
}

#search .input-group {
    background: #fff;
}

.header-top {
	background: rgb(247, 244, 238);
}

.header-links li, .header-links li a {
	color: rgb(164, 125, 72);
}
.header-links li a:hover, .header-links li a:focus {
	color: rgb(164, 125, 72);
	text-decoration: underline;
}
.header-links li.active a {
	color: rgb(164, 125, 72);
}


#cart .btn span#cart-total {
	background-color: rgb(44, 32, 25);
}
#cart .btn span#cart-total::before {
	border-color: transparent rgb(44, 32, 25);
	left: -7px;
	top: 15px;
}

#cart .dropdown-menu {
  background-color: rgb(247, 244, 238);
  color: rgb(48, 38, 31);
}

#cart .dropdown-menu table td a {
  color: ;
}
#cart .dropdown-menu table td a:hover {
  color: ;
}

#cart .btn-block1 a:hover, #cart .btn-block1 a + a {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
  color: #fff;
}

#main-menu.navbar {
	background-color: rgb(44, 32, 25);
}

#main-menu .navbar-nav > li a {
	color: white;
    font-style: normal;
    font-weight: normal;
    white-space: nowrap;
}

#main-menu .navbar-nav > li > a {
  text-transform: uppercase;
  padding-left: 30px;
  padding-right: 30px;
}


/* mehrstufige Popupmenüs */

#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li.open > a,
#main-menu .navbar-nav > li.open > i
{
	color: white;
	background-color: rgba(255, 255, 255, 0.3);
}

#main-menu .dropdown-menu > li > a:hover,
#main-menu .dropdown-menu > li > a:focus,
#main-menu .dropdown-menu > li.open a,
#main-menu .dropdown-menu > li.open i
{
	background: rgb(44, 32, 25);
}

#main-menu .dropdown-menu
{
	background: rgb(44, 32, 25);
	border: 1px outset rgb(198, 162, 105);
}

#main-menu .dropdown-menu li:hover > a,
#main-menu .dropdown-menu li:hover > i
{
	background-color: rgba(255, 255, 255, 0.3);
}


#main-menu .navbar-toggle {
  color: #fff;
}

.carousel-overlay > * {
  text-shadow: 0px 0px 4px rgb(48, 38, 31);
  color: rgb(247, 244, 238);
}

.footer-links {
    background-color: rgb(247, 244, 238);
    border-top: none;
    padding: 25px 0 40px;
}

.footer-links h5 {
	color: rgb(48, 38, 31);
}

.footer-links li + li {
  border-top: none;
}

.footer-links .last li a {
	color: rgb(48, 38, 31);
}

.footer-links .last h4.lead {
	color: rgb(48, 38, 31);
}


.copyright {
	background-color: rgb(44, 32, 25);
    color: rgb(247, 244, 238);
}
.copyright a, .copyright a:hover {
    color: rgb(232, 217, 187);
}


a {
  color: rgb(164, 125, 72);
}
a:hover {
  color: rgb(164, 125, 72);
  text-decoration: underline;
}

.btn-link {
  color: rgb(164, 125, 72);
}
.btn-link:hover {
  color: rgb(164, 125, 72);
}


#search .input-group .btn {
  color: rgb(44, 32, 25);
}

.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .btn-main {
    background-color: rgb(44, 32, 25);
}
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active {
}

.btn-primary {
  background-color: rgb(107, 75, 50);
  border-color: rgb(44, 32, 25);
  color: rgb(247, 244, 238);
}
.btn-primary:hover {
  background-color: rgb(44, 32, 25);
  border-color: rgb(44, 32, 25);
  color: rgb(247, 244, 238);
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
  background-color: rgb(44, 32, 25);
  border-color: rgb(44, 32, 25);
  color: rgb(247, 244, 238);
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
  background-color: rgb(107, 75, 50);
  border-color: rgb(44, 32, 25);
  color: rgb(247, 244, 238);
}

.btn-success {
  background-color: rgb(128, 108, 87);
  border-color: rgb(48, 38, 31);
  color: #fff;
}
.btn-success:hover {
  background-color: rgb(48, 38, 31);
  border-color: rgb(48, 38, 31);
  color: #fff;
}

.side-heading {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
  color: #fff;
}

.sidebar .panel-smart {
    border-color: rgb(224, 214, 199);
}
.sidebar .panel-heading {
    border-bottom-color: rgb(224, 214, 199);
    background-color: rgb(244, 240, 233);
}
.sidebar .panel-heading h6 {
    color: rgb(44, 32, 25);
}

.list-group-item {
  background-color: rgb(247, 244, 238);
  border-color: rgb(232, 217, 187);
  color: rgb(48, 38, 31);
}

.list-group-item .fa {
  color: rgb(44, 32, 25);
}

.list-group.categories a.list-group-item:hover, .list-group.categories a.list-group-item:focus {
  background-color: rgb(44, 32, 25);
}


.product-head {
    background: rgb(244, 240, 233);
    color: rgb(44, 32, 25);
    border: 1px solid rgb(224, 214, 199);
}

.product-filter .display a.active {
  color: rgb(44, 32, 25);
}

.well {
    background: rgb(244, 240, 233);
    border: 1px solid rgb(224, 214, 199);
}

.product-col {
    background: rgb(244, 240, 233);
    border: 1px solid rgb(224, 214, 199);
}

.product-col.cart-button-box {
  border: none;
}
.product-col.cart-button-box > td {
  border-top: 2px solid rgb(224, 214, 199);
}

.product-col .description {
    color: rgb(48, 38, 31);
}

.owl-product .owl-controls .owl-buttons .owl-prev,
.owl-product .owl-controls .owl-buttons .owl-next {
	color: rgb(48, 38, 31);
}

.product-carousel .text {
	color: rgb(48, 38, 31);
}

.product-col .price span.price-new {
  color: rgb(44, 32, 25);
}
.table .price span.price-new {
	color: rgb(44, 32, 25);
}

.product-col .btn-cart {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
  border: 1px solid rgb(44, 32, 25);
  color: #fff;
}
.product-col .btn-cart:hover {
  background: rgb(107, 75, 50) none repeat scroll 0 0;
  border-color: rgb(107, 75, 50);
  color: #fff;
}

.btn-info {
  background-color: rgb(247, 244, 238);
  border-color: rgb(232, 217, 187);
  color: rgb(44, 32, 25);
}
.btn-info:hover {
  background-color: rgb(44, 32, 25);
  color: rgb(247, 244, 238);
}

.product-col .btn-info {
  background: #fff none repeat scroll 0 0;
  border: 1px solid rgb(44, 32, 25);
  color: rgb(44, 32, 25);
}
.product-col .btn-info:hover {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
  color: rgb(247, 244, 238);
}

.product-col .btn-wishlist, .product-col .btn-compare {
  background: #fff none repeat scroll 0 0;
  border: 1px solid rgb(44, 32, 25);
  color: rgb(44, 32, 25);
}
.product-col .btn-wishlist:hover, .product-col .btn-compare:hover {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
  color: #fff;
}



.product-info .product-details .price-new {
  color: rgb(44, 32, 25);
}

.product-info .product-details .btn-wishlist:hover, .product-info .product-details .btn-compare:hover, .product-info .product-details .btn-cart {
  background: rgb(44, 32, 25) none repeat scroll 0 0;
}
.product-info .product-details .btn-cart:hover {
  background: rgb(107, 75, 50) none repeat scroll 0 0;
  color: #fff;
}

.product-info-box .heading {
  background: #fff none repeat scroll 0 0;
  border-color: #e8e8e8 #e8e8e8 rgb(44, 32, 25);
  color: rgb(44, 32, 25);
}


.alert-info {
  background-color: rgb(247, 244, 238);
  border-color: rgb(232, 217, 187);
  color: rgb(44, 32, 25);
}

/* Listennavigation */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
{
	background:   rgb(44, 32, 25);
	border-color: rgb(44, 32, 25);
}

/* Katnav */
#bxkatbrowser .list-group-item > .fa
{
	position: absolute;
	top: 16px;
	left: 15px;
}
#bxkatbrowser .list-group .list-group .list-group-item > .fa
{
	left: 35px;
}
#bxkatbrowser .list-group-item
{
	padding-left: 35px;
}
#bxkatbrowser .list-group-item.sel .fa-chevron-right::before
{
	/* .fa-chevron-down */
	content: "\f078";
}
#bxkatbrowser .list-group .list-group .list-group-item
{
	padding-left: 55px;
}

/* Katlogliste Pics */

.itemlist-layout-Pics .product-col .price,
.itemlist-layout-Pics .product-col .cart-button,
.itemlist-layout-Pics .product-col .artlist-hinweis-artikel
{
  text-align: center;
}

.itemlist-layout-Pics .product-col .description
{
  hyphens: auto;
}

/* InfoCenter: Adressen */
.mod-account_manageaddresses
{
	--color-kat-twisty: rgb(44, 32, 25);
}


/* datetimepicker */
.bootstrap-datetimepicker-widget .list-unstyled li {
	color: rgb(48, 38, 31);
	text-transform: none;
}
.bootstrap-datetimepicker-widget thead > tr:first-child
{
	font-family: "Oswald", sans-serif;
	background: rgb(44, 32, 25) none repeat scroll 0 0;
	color: #fff;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
	background: rgb(107, 75, 50) none repeat scroll 0 0;
}
.bootstrap-datetimepicker-widget .datepicker-days thead > tr:last-child
{
	font-family: "Oswald", sans-serif;
	color: rgb(48, 38, 31);
}
.bootstrap-datetimepicker-widget table th.cw,
.bootstrap-datetimepicker-widget table td.cw
{
	color: rgb(48, 38, 31);
	font-weight: bold;
	width: auto;
}
.bootstrap-datetimepicker-widget table td.cw:after
{
	content: ":";
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new
{
	color: rgb(48, 38, 31);
	opacity: 0.3;
}
.bootstrap-datetimepicker-widget table td.weekend
{
	color: rgb(107, 75, 50);
}

@media (max-width: 767px)
{
  .itemlist-layout-Pics .product-col .cart-button .btn-cart
  {
    display: block;
  }
}

/* CustomCSS */

/* ==================================================
   DER RINGROHLING
   NEUES SHOPDESIGN
   ==================================================

   Zentrale CSS-Gestaltung des Shops.

   Die bisherigen Anpassungen wurden entfernt.
   Neue Designregeln werden hier eingefuegt.

   ================================================== */

/* DER RINGROHLING 2026
   Goldglut fuer die Hauptnavigation */

#header-area #main-menu.navbar {
  background-color: #342519 !important;

  background-image:
    radial-gradient(
      ellipse at 75% 85%,
      rgba(220,155,68,.52),
      transparent 48%
    ),
    radial-gradient(
      ellipse at 15% 15%,
      rgba(175,110,42,.38),
      transparent 52%
    ),
    linear-gradient(
      110deg,
      #2e2018,
      #674525,
      #332419
    ) !important;

  background-size:
    160% 160%,
    160% 160%,
    100% 100% !important;

  border-bottom: 2px solid #c59b58 !important;

  animation: rr-goldglut-2026 10s ease-in-out
    infinite alternate;
}
@keyframes rr-goldglut-2026 {
  0% {
    background-position:
      0% 20%, 0% 20%, center;
  }

  100% {
    background-position:
      100% 80%, 100% 80%, center;
  }
}

@media (prefers-reduced-motion: reduce) {
  #header-area #main-menu.navbar {
    animation: none !important;
  }
}
/* ============================================
   DER RINGROHLING 2026
   OBEREN HEADER-BALKEN AUSBLENDEN
   Sprache, Waehrung, Ihr Konto, Zur Kasse
   ============================================ */

#header-area .header-top {
    display: none !important;
}

/* DER RINGROHLING 2026
   Mobile Navigation: MENUE mit Pfeil */

@media (max-width: 991px) {

  #header-area #main-menu .navbar-toggle {
    position: relative;
  }

  #header-area #main-menu .navbar-toggle::after {
    content: "MENÜ  ›";
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 12px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    pointer-events: none;
  }

}
/* DER RINGROHLING 2026
   Passwort vergessen besser lesbar */

a[href*="action=LoginHelp"] {
    color: #493323 !important;
}

a[href*="action=LoginHelp"]:hover,
a[href*="action=LoginHelp"]:focus {
    color: #A47D48 !important;
}


/* DER RINGROHLING 2026
   Kundenkonto einrichten im Loginbereich */

ul.list-unstyled > li > a.btn.btn-block[href*="action=NewAccount"] {
    color: #493323 !important;
    text-decoration: none !important;
}

ul.list-unstyled > li > a.btn.btn-block[href*="action=NewAccount"]:hover,
ul.list-unstyled > li > a.btn.btn-block[href*="action=NewAccount"]:focus {
    color: #A47D48 !important;
    text-decoration: underline !important;
}

/* ============================================
   DER RINGROHLING 2026
   KUNDENKONTO - LINKE NAVIGATION
   Dunkle Schrift im angemeldeten Zustand
   ============================================ */

a.btn.btn-block[href*="action=Account"],
a.btn.btn-block[href*="action=Acc.Merkzettel"],
a.btn.btn-block[href*="action=DoLogout"] {
    color: #493323 !important;
}

a.btn.btn-block[href*="action=Account"]:hover,
a.btn.btn-block[href*="action=Acc.Merkzettel"]:hover,
a.btn.btn-block[href*="action=DoLogout"]:hover {
    color: #A47D48 !important;
}

/* RINGROHLING – Logo auf Smartphones hervorheben */
/* Desktop bleibt vollständig unverändert */

@media (max-width: 760px) {

  #header-area #bxlogo #logo img.logo {
    filter:
      drop-shadow(1px 0 0 rgba(255,250,235,.85))
      drop-shadow(-1px 0 0 rgba(255,250,235,.85))
      drop-shadow(0 1px 0 rgba(255,250,235,.85))
      drop-shadow(0 -1px 0 rgba(255,250,235,.85))
      drop-shadow(0 3px 5px rgba(0,0,0,.75));
  }

}