/* Fonts */

@import url("/count/361fa8");

@font-face {font-family: 'HelveticaNeueLTStd-Bd';src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_0_0.eot');src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_0_0.eot?#iefix') format('embedded-opentype'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_0_0.woff') format('woff'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_0_0.ttf') format('truetype');}

@font-face {font-family: 'HelveticaNeueLTStd-Roman';src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_1_0.eot');src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_1_0.eot?#iefix') format('embedded-opentype'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_1_0.woff') format('woff'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_1_0.ttf') format('truetype');}  

@font-face {font-family: 'HelveticaNeueLTStd-Th';src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_2_0.eot');src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_2_0.eot?#iefix') format('embedded-opentype'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_2_0.woff') format('woff'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/361FA8_2_0.ttf') format('truetype');}

@font-face {font-family: 'HelveticaNeueLTPro-BdCn';src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/3B1A45_0_0.eot');src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/3B1A45_0_0.eot?#iefix') format('embedded-opentype'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/3B1A45_0_0.woff2') format('woff2'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/3B1A45_0_0.woff') format('woff'),url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/3B1A45_0_0.ttf') format('truetype');}

@import url("//hello.myfonts.net/count/3eabf1");
  
@font-face {
  font-family: "DiamantiCondEF-Regular";
  src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFRegular/font.woff2') format('woff2'), url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFRegular/font.woff') format('woff');
}
@font-face {
  font-family: "DiamantiCondEF-Bold";
  src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFBold/font.woff2') format('woff2'), url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFBold/font.woff') format('woff');
}
@font-face {
  font-family: "DiamantiCondEF-Medium";
  src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFMedium/font.woff2') format('woff2'), url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFMedium/font.woff') format('woff');
}
@font-face {
  font-family: "DiamantiCondEF-Light";
  src: url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFLight/font.woff2') format('woff2'), url('/myfactory/CustomUpload/374O357O340O370O356O369O350O320O338O/WebPortal/asbp-2021/webfonts/diamanti/DiamantiCondEFLight/font.woff') format('woff');
}

.HNbold { 
font-family: "DiamantiCondEF-Regular" !important;
font-weight: normal !important;
font-style: normal !important;
}
.HNroman { 
font-family: "DiamantiCondEF-Light";
font-weight: normal;
font-style: normal;
}
.HNthin { 
font-family: "DiamantiCondEF-Light";
font-weight: normal;
font-style: normal;
}

.HNboldcon { 
font-family: "HelveticaNeueLTPro-BdCn" !important;
font-weight: normal !important;
font-style: normal !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, html {
font-family: "DiamantiCondEF-Medium" !important;
}

p, div, body, td, tr, table, a, span {
font-family: "DiamantiCondEF-Regular";
}

.article .h1, .article h1,
.article .h2, .article h2,
.article .h3, .article h3,
.article .h4, .article h4,
.article .h5, .article h5,
.article .h6, .article h6 {
font-family: "DiamantiCondEF-Regular", sans-serif !important;
opacity: 1.0 !important;
}

p, .p, a, .a {
opacity: 1.0 !important;
}

/* Schriftgrößen */

.as-headline {
font-family: "DiamantiCondEF-Medium" !important;
font-weight: normal;
font-style: normal;
font-size: 36px !important;
}


.as-headline-condensed {
font-family: "HelveticaNeueLTPro-BdCn" !important;
font-weight: normal;
font-style: normal;
font-size: 36px !important;
letter-spacing: 0px !important;
}

.as-preview {
font-family: "DiamantiCondEF-Regular";
font-weight: normal;
font-style: normal;
font-size: 22px !important;
}
.as-preview-thin {
font-family: "DiamantiCondEF-Light";
font-weight: normal;
font-style: normal;
font-size: 22px !important;
}

.as-text {
font-family: "DiamantiCondEF-Light";
font-weight: normal;
font-style: normal;
font-size: 17px !important;
}

.as-micro {
font-family: "DiamantiCondEF-Light";
font-weight: normal;
font-style: normal;
font-size: 15px !important;
}

.text-condensed {
letter-spacing: -0.5px !important;
}


header {
border-bottom: 7px solid #C8102E;
}

.bg-orange {
background-color: #C8102E;
color: white;
border: none !important;
}

a.bg-orange:hover, a.bg-orange:active, a.bg-orange:focus, a.bg-orange:focus-visible, button.bg-orange:hover, button.bg-orange:active, button.bg-orange:focus, button.bg-orange:focus-visible, input.bg-orange:hover, input.bg-orange:active, input.bg-orange:focus, input.bg-orange:focus-visible, .dropdown-item:focus, .dropdown-item:active, .dropdown-item:focus-visible {
background-color: #8d0a20 !important;
color: white !important;
}

a.bg-orange:disabled, button.bg-orange:disabled {
background-color: #777 !important;
}

.text-orange {
color: #C8102E !important;
}

a:not(.bg-orange, .text-white, .dropdown-item) {
/*color: #ff8b51;*/
}

.display-none{
display: none !important;
}

.square, .btn, .alert {
border-radius: 0.0rem !important;
}

.form-control {
border-radius: 0.375rem !important;
}

.card-header {
border-radius: 0.375rem 0.375rem 0px 0px !important;
padding-top: 15px;
}

.product-preview{
height: 350px;
object-fit: contain;
}

.detail-link {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

hr {
    margin: 0 !important;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
}



/* Warenkorb */
.table-cart img {
	max-width: 100px;
}
.table-cart input[type=number] {
	width: 50px;
}
@media (min-width: 992px) {
.table-cart input[type=number] {
	width: 80px;
}
}


input.cart-plus-minus-box {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 16px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 25px;
}

.cart-plus-minus *::-moz-selection {
    background: transparent none repeat scroll 0 0;
    text-shadow: none;
}

.cart-plus-minus {
    overflow: hidden;
    padding: 12px 0 8px 5px;
    min-width: 80px;
}

.qtybutton {
    cursor: pointer;
    float: left;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    line-height: 25px;
    position: relative;
    text-align: center;
    width: 20px;
}

.cart-plus-minus *::-moz-selection {
    color: #333;
}

.cart-plus-minus {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-right: 5px;
}

.qtybutton {
    color: #727272;
}

.warenkorb-badge {
    top: 10px;
    right: 10px;
}


#JQUERY STUFF


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #000000;
    text-decoration: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #000000;
    text-decoration: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border: 0;
    overflow: auto;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #d8dcdf;
    font-weight: bold;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    border-radius: 0px !important;
    font-weight: bold;
    background: none;
    color: #000000;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: none;
    font-weight: bold;
    color: #000;
}

.ui-accordion .ui-accordion-header {
    margin-top: -1.89px;
}

.ui-accordion-content {
   height: auto !important;
}

.ui-state-hover .ui-icon {
    background-image: url(/myfactory/web/jquery.ui/10.1.3/themes/flick/images/ui-icons_454545_256x240.png) !important;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    transform: scale(1.2);
}

.shopping-cart {
    background: #fff none repeat scroll 0 0;
}

.shopping-cart {
    border-radius: 0;
    margin: 0 0 50px;
    text-align: center;
    width: 100%;
    border: none;
}

.shopping-cart {
    border-radius: 0;
    width: 100%;
}

.shopping-cart-headline div, .shopping-cart-content > div {
	display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
	align-items: center;
	justify-content: center;
}

.shopping-cart-headline div, .shopping-cart-content div {
    border-top: medium none;
    font-size: 16px;
    font-weight: normal;
    padding: 15px 10px 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

.shopping-cart-infotext {
	width: 100%;
	height: 100%;
    border: medium none;
    box-shadow: none;
    font-size: 13px;
}

.table-dark.sticky-top {
top: 156px !important;
}

@media (min-width: 992px) {
.table-dark.sticky-top {
top: 90px !important;
}
}

header {
z-index: 1035 !important;
}

.shopContainerHeightOverflow {
    height: calc(100vh - 157px);
    overflow-y: scroll;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

@media (min-width: 992px) {
.shopContainerHeightOverflow {
    height: calc(100vh - 91px);
    overflow-y: scroll;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Doppeltippen zum Zoomen deaktivieren bei Plus/Minus Knöpfen */
.qtybutton {
touch-action: manipulation;
}

@media (max-width: 800px) {
.hideiPadMini {
display: none;
}
}

@media (min-width: 800px) {
.showiPadMini {
display: none;
}
}


.bildergalerie a {
    width: 100px;
    height: 100px;
    #padding: .25rem;
    margin: 5px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    #border-radius: .25rem;
    max-width: 100%;
}

.bildergalerie a img {
    max-height: 100%;
    width: auto;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    display: block;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* Angebote Grid Mobilansicht */
@media (max-width: 1024px) {
  .angebot-block {
    width: 100%;
  }
  iframe.angebot-block{
    height: 500px;
  }
}
@media (min-width: 1025px) {
  .angebot-block {
    height: 78vh;
    overflow: auto;
    width: 100%;
  }
}
.mw-fit {
  max-width: fit-content;
}
.blog-image {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

[data-bs-theme="light"] .logo-dark {
  display: none;
}

[data-bs-theme="dark"] .logo-light {
  display: none;
}


.form-check-input:checked {
    background-color: #C8102E!important;  /* ← deine Rot-Farbe hier eintragen */
    border-color: #C8102E !important;
}

/* Light Mode */
.loginBackgroundBlur {
  background: rgba(255, 255, 255, 0.1) !important;
   backdrop-filter: blur(20px); 
   -webkit-backdrop-filter: blur(10px);
}

/* Dark Mode */
[data-bs-theme="dark"] .loginBackgroundBlur {
  background: rgba(33, 37, 41, 0.1) !important;
}

/* Light Mode */
.navbarBackgroundBlur {
  background: rgba(255, 255, 255, 0.5) !important;
   backdrop-filter: blur(20px); 
   -webkit-backdrop-filter: blur(10px);
}

/* Dark Mode */
[data-bs-theme="dark"] .navbarBackgroundBlur {
  background: rgba(33, 37, 41, 0.5) !important;
}

.modal-backdrop { z-index: 0 !important; }

.quick-link .icon-circle {
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.quick-link:hover .icon-circle {
  background-color: #C8102E !important;
  border-color: #C8102E !important;
  color: #fff !important;
}

.pulse-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.pulse-badge::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50rem;
  border: 2px solid currentColor;
  animation: pulse-ring 7s ease-out infinite;
  pointer-events: none;
}

@keyframes pulse-ring {
  0%   { inset: 0px;   opacity: 0.7; }
  40%  { inset: -12px; opacity: 0; }
  100% { inset: -12px; opacity: 0; }
}

.kpi-item {
  padding: 2rem 0.5rem;
  transition: background 0.15s;
}
.kpi-item:hover { background: var(--bs-secondary-bg); }

.kpi-value {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1px;
}

.kpi-label {
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 0.3rem;
}

.kpi-icon {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}

/* Trennlinien im 2x2 Grid */
.kpi-divider-right {
  border-right: 1px solid var(--bs-card-border-color);;
}
.kpi-divider-bottom {
  border-bottom: 1px solid var(--bs-card-border-color);;
}
.dropdown-menu {
  background: var(--bs-body-bg);
  border: 0.5px solid rgba(var(--bs-body-color-rgb), 0.1);
  border-radius: 0px;
  padding: 6px;
  min-width: 220px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 0px;
  color: var(--bs-body-color);
  font-size: 13.5px;
  border-left: 3px solid transparent;
  transition: background 0.12s, border-left 0.12s, color 0.12s, padding 0.12s;
}

.dropdown-menu .dropdown-item:hover {
  background: rgba(192, 57, 43, 0.12);
  border-left: 3px solid #c0392b;
  color: var(--bs-body-color);
  padding-left: 11px;
}

.dropdown-menu .dropdown-item i {
  font-size: 16px;
  color: var(--bs-secondary-color);
  flex-shrink: 0;
  transition: color 0.12s;
}

.dropdown-menu .dropdown-item:hover i {
  color: #c0392b;
}

.dropdown-divider {
  border-color: rgba(var(--bs-body-color-rgb), 0.08);
  margin: 4px 0;
}

.dropdown-menu form::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 12px;
  background-color: var(--bs-danger);
  flex-shrink: 0;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 273c9.4-9.4 9.4-24.6 0-33.9L361 95c-6.9-6.9-17.2-8.9-26.2-5.2S320 102.3 320 112l0 64-112 0c-26.5 0-48 21.5-48 48l0 64c0 26.5 21.5 48 48 48l112 0 0 64c0 9.7 5.8 18.5 14.8 22.2s19.3 1.7 26.2-5.2L505 273zM368 200l0-30.1 86.1 86.1-86.1 86.1 0-30.1c0-13.3-10.7-24-24-24l-136 0 0-64 136 0c13.3 0 24-10.7 24-24zM168 80c13.3 0 24-10.7 24-24s-10.7-24-24-24L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l72 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-72 0c-26.5 0-48-21.5-48-48l0-256c0-26.5 21.5-48 48-48l72 0z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}

.dropdown-menu form {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  padding-left: 14px;
  border-left: 3px solid transparent;
  border-radius: 0px;
  transition: background 0.12s, border-left 0.12s;
}

.dropdown-menu form:hover {
  background: rgba(192, 57, 43, 0.12);
  border-left: 3px solid #c0392b;
  padding-left: 11px;
}

.dropdown-menu form .dropdown-item {
  padding-left: 0;
  border-left: none !important;
  background: transparent !important;
  color: var(--bs-danger) !important;
}

.dropdown-menu form .dropdown-item:hover {
  background: transparent !important;
  border-left: none !important;
  padding-left: 0 !important;
}