@import url("https://use.typekit.net/bnl8nmo.css");

/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */


.footnote-vat{
	text-align: center;
}

.product-title {
	font-size: 50px;
	color: gold;
	display: none;
	visibility: hidden;
}

.card-header{
	background-color: black;
}

.card{
	background-color: black;
}


.desc h2 {
	color: gold;
}

.question-on-item span {
	color: gold;
}

.alert-info {
    color: #525252;
    background-color: #F5F7FA;
    border-color: #F5F7FA;
}


.nav-link {
	color: yellow;
}

#tabAccordion > .card .card-header {
    font-size: 2.0rem;
}


.breadcrumb-wrapper {
	border-style: none;
}

.breadcrumb-item.breadcrumb-backtolist {
    display: none;
}

.breadcrumb-container {
	display: none;
}

.product-title {
	text-transform:uppercase;
	font-family:"r41-etoile";
	letter-spacing: 0.08em;
	color: white !important;
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: transparent !important; /* wichtig: sonst liegt Weiß drüber */
}

/* Hintergrund über body, aber hinter dem Inhalt */
body::before {
    content: "";
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url('/bilder/bg.svg'); /* Pfad anpassen */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;      /* vollflächig + Zuschneiden */
    z-index: -1;                 /* hinter allem */
    pointer-events: none;        /* verhindert Klick-Probleme */
}


.vat_info {
    color: green;
}

#product-offer {
	color : green;
}

.table {
 color: green !important;
  }

a {
    color: white;
}

a.shipment.popup {
	color: darkgreen;
}

.question-on-item span {
    color: white;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid darkgreen;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 3px solid darkgreen;
}

#main-wrapper {
color: black !important;
}

.estimated-delivery {
    color: black;
}

.estimated-delivery-info {
    color: black;
}

header .dropdown-menu {
    background-color: orange;
    color: yellow;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    color: darkgreen;
}