/* Farben Restaurant:
   Weinrot hell      7A2F2F
   Weinrot dunkel    552020
   Beige             FFF7DB
   Beige heller      FFFEF8
*/

/****  Konfiguration - Light Theme  ****/
:root {
   --farbe-bg-seite: #552020;
   --farbe-bg-header: #FFFFF6;
   --farbe-bg-content: #FFFFF6;
   --farbe-bg-footer: #FFFFF6;

   --farbe-headline-header: #333;
   --farbe-headlines-content: #666;
   --farbe-text-content: #000;
   --farbe-text-footer: #999;

   /* Border Header & Footer */
   --header-border-bottom: none;
   --footer-border-top: none;

   /* Buttons vollfarbig */
   --farbe-voll-buttons-bg-lo: #7A2F2F;
   --farbe-voll-buttons-bg-hi: #552020;
   --farbe-voll-buttons-text-lo: #fff;
   --farbe-voll-buttons-text-hi: #fff;

   /* Buttons Kontur */
   --farbe-kontur-buttons-lo: #552020;
   --farbe-kontur-buttons-hi: #000;
   --farbe-kontur-buttons-text-lo: #552020;
   --farbe-kontur-buttons-text-hi: #000;
   --farbe-kontur-buttons-bg-lo: none;
   --farbe-kontur-buttons-bg-hi: none;

   /* Buttons zusaetzliche Optionen */
   --eckradius-buttons: 0;
   --text-transform: none;
   --font-weight: normal;

   /* Auswahlboxen */
   --farbe-auswahlbox-kontur-lo: #e7e7e7;
   --farbe-auswahlbox-kontur-hi: #00b52f;

   /* Breadcrumb */
   --bc-active-bg: #797979;
   --bc-complete-bg: #00b52f;
   --bc-bg: #ccc;

   /* Icon Buttons */
   --farbe-iconBT-bg: none;

   /* Gruens Versanddatum, Check- & Radiobuttons */
   --pos-feedback: #00b52f;
}


/****  Buttons / Navigationselemente  ****/
/* Buttons Kontur */
.button-fullsize,
.button-halfsize,
.button-fullsize-fett,
.button-fullsize-twolines,
.btn-outline-secondary {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-lo, #666) !important;
   font-weight: normal !important;
   font-weight: var(--font-weight, normal) !important;
   text-transform: none !important;
   text-transform: var(--text-transform, none) !important;
   border: 1px solid #666 !important;
   border: 1px solid var(--farbe-kontur-buttons-lo, #666) !important;
   border-radius: 0 !important;
   border-radius: var(--eckradius-buttons, 0) !important;
   background-color: none !important;
   background-color: var(--farbe-kontur-buttons-bg-lo, none) !important;
}
.button-fullsize:hover,
.button-fullsize:focus,
.button-halfsize:hover,
.button-halfsize:focus,
.button-fullsize-fett:hover,
.button-fullsize-fett:focus,
.button-fullsize-twolines:hover,
.button-fullsize-twolines:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
   cursor: pointer !important;
   color: #000 !important;
   color: var(--farbe-kontur-buttons-text-hi, #000) !important;
   border: 1px solid #2e251d !important;
   border: 1px solid var(--farbe-kontur-buttons-hi, #000) !important;
   background-color: none !important;
   background-color: var(--farbe-kontur-buttons-bg-hi, none) !important;
}

/* Buttons vollfarbig */
.button-orange {
   color: #fff !important;
   color: var(--farbe-voll-buttons-text-lo, #fff) !important;
   font-weight: normal !important;
   font-weight: var(--font-weight, normal) !important;
   text-transform: none !important;
   text-transform: var(--text-transform, none) !important;
   border: 2px solid #666 !important;
   border: 2px solid var(--farbe-voll-buttons-bg-lo, #666) !important;
   background: none !important;
   background-color: #666 !important;
   background-color: var(--farbe-voll-buttons-bg-lo, #666) !important;
}
.button-orange:hover,
.button-orange:focus {
   color: #fff !important;
   color: var(--farbe-voll-buttons-text-hi, #fff) !important;
   font-weight: normal !important;
   font-weight: var(--font-weight, normal) !important;
   border: 2px solid #333 !important;
   border: 2px solid var(--farbe-voll-buttons-bg-hi, #333) !important;
   background-color: #333 !important;
   background-color: var(--farbe-voll-buttons-bg-hi, #333) !important;
}

/* Auswahlboxen */
.auswahlbox {
   border-color: #999 !important;
   border-color: var(--farbe-auswahlbox-kontur-lo, #999) !important;
}
.auswahlbox:hover,
.auswahlbox:focus,
.auswahlbox-selected {
   border-color: #00b52f !important;
   border-color: var(--farbe-auswahlbox-kontur-hi, #00b52f) !important;
}
.icon-info-circled {
   color: #666 !important;
   color: var(--farbe-voll-buttons-bg-lo, #666) !important;
}

/****  Container  ****/
body {
   background-color: #fff;
   background-color: var(--farbe-bg-seite, #fff);
}
#content_outer_space {
   padding-top: 55px;
   background-color: #fff;
   background-color: var(--farbe-bg-content, #fff);
}
#fullwrap {
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   background-color: #fff;
   background-color: var(--farbe-bg-content, #fff);
}
#content {
   color: #333;
   color: var(--farbe-text-content, #333);
}


/****  Header  ****/
#header {
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   border-bottom: none;
   border-bottom: var(--header-border-bottom, none);
   margin-bottom: 10px;
   background-color: #ccc;
   background-color: var(--farbe-bg-header, #ccc);
}
#header-partner-shop-topline {
   color: #fff;
   color: var(--farbe-headline-header, #fff);
}
#header-partner-shop-topline-indi a {
   color: #fff;
   font-size: 1em;
}
#header-partner-shop-pb-text,
.state-error {
   text-transform: none;
}


/* Language Selector */
#co-language-selector .btn-light {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-lo, #666) !important;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   border-color: #666;
   border-color: var(--farbe-kontur-buttons-lo, #666);
   background-color: none !important;
   background-color: var(--farbe-kontur-buttons-bg-lo, none) !important;
   margin-right: 30px;
   transition: none;
   opacity: 0.5;
}
#co-language-selector .btn-light i {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-lo, #666) !important;
}
#co-language-selector .btn-light i:hover,
#co-language-selector .btn-light i:focus {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-hi, #666) !important;
}

#co-language-selector .btn-light:hover,
#co-language-selector .btn-light:focus {
   color: #000 !important;
   color: var(--farbe-kontur-buttons-text-hi, #000) !important;
   border-width: 1px;
   border-style: solid;
   border-radius: 3px;
   border-color: #000;
   border-color: var(--farbe-kontur-buttons-hi, #000);
   background-color: none !important;
   background-color: var(--farbe-kontur-buttons-bg-hi, none) !important;
}
#co-language-selector .btn-light i {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-lo, #666) !important;
}
#co-language-selector .btn-light:hover i,
#co-language-selector .btn-light:focus i,
#co-language-selector .btn-light:hover a,
#co-language-selector .btn-light:focus a {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-hi, #666) !important;
}
#co-language-selector a,
#co-language-selector i {
   color: #666 !important;
}
#co-language-selector .dropdown-menu {
   border: 1px solid #666;
   border: 1px solid var(--farbe-kontur-buttons-lo, #666);
   border-radius: 0;
   background-color: #fff;
}
#co-language-selector .dropdown-item.active,
#co-language-selector .dropdown-item:active,
#co-language-selector .dropdown-item.active i,
#co-language-selector .dropdown-item:active i,
#co-language-selector .dropdown-item:hover,
#co-language-selector .dropdown-item:hover {
   color: #fff !important;
   background-color: #666;
   background-color: var(--farbe-voll-buttons-bg-lo, #666);
}


/****  Content  ****/
/* Allgemein / Seitenuebergreifend */
h2 {
   color: #333;
   color: var(--farbe-headlines-content, #333);
   text-transform: uppercase;
}
.form-control,
input[type="checkbox"],
input[type="radio"] {
   color: #000 !important;
   border: 1px solid rgba(0, 0, 0, 0.14) !important;
   background-color: #fff !important;
}
.popover {
   background-color: white;
}
.teaser-box,
.card,
.box-wkorb-stil {
   background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Breadcrump */
.breadcrumb-arrow li a {
   background-color: #ccc;
   background-color: var(--bc-bg, #ccc);
   color: #fff !important;
}
.breadcrumb-arrow li a::before {
   border-left-color: #ccc;
   border-left-color: var(--bc-bg, #ccc);
}
.breadcrumb-arrow li.active a {
   color: #fff;
   background-color: #999;
   background-color: var(--bc-active-bg, #999);
   cursor: pointer;
}
.breadcrumb-arrow li.active a:before {
   border-left-color: #999;
   border-left-color: var(--bc-active-bg, #999);
}
.breadcrumb-arrow li.checkout-bar-complete a {
   cursor: pointer;
   color: #fff;
   background-color: #00b52f;
   background-color: var(--bc-complete-bg, #00b52f);
}
.breadcrumb-arrow li.checkout-bar-complete a:before {
   border-left-color: #00b52f;
   border-left-color: var(--bc-complete-bg, #00b52f);
}

/**** Warenkorb ****/
#table-checkout-basket {
   background-color: rgba(255, 255, 255, 0.05) !important;
}
.geschenkoption-trenner,
.artikel-trenner {
   border-bottom: 2px solid rgba(0, 0, 0, 0.14);
}
.custom-control-label:before {
   background-color: #fff !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
   color: #000 !important;
   background-color: #00b52f !important;
   background-color: var(--pos-feedback, #00b52f) !important;
}
.custom-control-input:checked ~ .custom-control-label::before {
   background-color: #00b52f !important;
   background-color: var(--pos-feedback, #00b52f) !important;
}
.custom-control-input ~ .custom-control-label::before {
   /*-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #797979;*/
   /*box-shadow: 0 0 0 1px #fff, 0 0 0 2px #797979;*/
}
.color-selected {
   color: #00b52f;
   color: var(--pos-feedback, #00b52f);
}
.icon-button {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-text-lo, #666) !important;
   border: 1px solid #666;
   border: 1px solid var(--farbe-kontur-buttons-lo, #666);
   background-color: none !important;
   background-color: var(--farbe-iconBT-bg, none) !important;
}
.icon-button:hover,
.icon-button:focus {
   color: #999 !important;
   color: var(--farbe-kontur-buttons-text-hi, #999) !important;
}
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
   border-top-color: #fff !important;
}
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
   border-right-color: #fff !important;
}
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
   border-bottom-color: #fff !important;
}
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
   border-left-color: #fff !important;
}
#checkout-basket-kosten {
   border-top: none;
}
#table-checkout-basket {
   background-color: transparent;
}
.input-group-text {
   background-color: transparent !important;
   border: 1px solid rgba(0, 0, 0, 0.14);
}
.shipping-price {
   border-top: 1px solid rgba(0, 0, 0, 0.14);
}
.close {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-lo, #666) !important;
   text-shadow: none !important;
}
.close:hover,
.close:focus {
   color: #000 !important;
   color: var(--farbe-kontur-buttons-hi, #000) !important;
}

/* Adressformular */
#woherkennenbox {
   display: none !important;
}
ul#list-lieferadressen li {
   border-color: rgba(0, 0, 0, 0.14);
}
.ui-widget-content {
   background: #fff;
}
.input-group-text {
   color: #333;
   background-color: rgba(0, 0, 0, 0.05) !important;
}

/* Kalender */
.ui-widget-header {
    border: 1px solid #000000 !important;
    background-color: #c5c5c5 !important;
    color: #fff;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border-color: #333;
    background-color: rgba(0, 181, 47, 1);
}


/****  Zusammenfassung  ****/
.box-wkorb-stil a[data-toggle="collapse"] {
   color: #ccc !important;
   color: var(--farbe-kontur-buttons-lo, #ccc) !important;
}
.box-wkorb-stil a[data-toggle="collapse"]:hover,
.box-wkorb-stil a[data-toggle="collapse"]:focus {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-hi, #666) !important;
}
.link_underline_no_color {
   color: #ccc !important;
   color: var(--farbe-kontur-buttons-lo, #ccc) !important;
   border-bottom-color: #ccc !important;
   border-bottom-color: var(--farbe-kontur-buttons-lo, #ccc) !important;
}
.link_underline_no_color:hover,
.link_underline_no_color:focus {
   color: #666 !important;
   color: var(--farbe-kontur-buttons-hi, #666) !important;
   border-bottom-color: #666 !important;
   border-bottom-color: var(--farbe-kontur-buttons-hi, #666) !important;
}


/****  Modale Fenster  ****/
.modal-content {
   background-color: #fff !important;
}
.modal-header {
   border-bottom: 1px solid #ccc;
}
.modal-title {
   color: #666;
   color: var(--farbe-headlines-content, #666);
   /*text-transform: uppercase;*/
}
.modal-header button.close {
   padding: 5px 5px 3px 5px;
}
.modal-body .table td,
.modal-body .table th,
#checkout-bestellung-betrag .table td,
#checkout-bestellung-betrag .table th {
   border-top: 1px solid #666;
}
.modal-body .table thead th {
   border-bottom: 2px solid #ccc;
}
.modal-footer {
   border-top: 1px solid #666;
}
/* Grusstextauswahl */
.greetingtext_accordion .icon-right-dir,
.greetingtext_accordion .icon-down-dir {
   color: #666 !important;
}
.greetingtext_accordion .item-odd,
#list-lieferadressen .item-odd {
   background-color: rgba(255, 255, 255, 0.1) !important;
}



/****  Footer  ****/
#footer {
   border-top: 1px solid #ccc;
   border-top: var(--footer-border-top, 1px solid #ccc);
   margin-top: 30px;
   background-color: #fff;
   background-color: var(--farbe-bg-footer, #fff)
}
#footer,
#footer a,
#footer i {
   color: #999;
   color: var(--farbe-text-footer, #999);
}
#footer a:hover {
   color: #ccc !important;
   color: var(--farbe-kontur-buttons-hi, #ccc) !important;
}