#search .input-group-addon button, #search-form .input-group .btn {
  color: #1a3d5c;
  font-size: 18px;
}
.dropdown-menu {
  border-radius: 40px;
}
.content-cats-small .thumbnail, .content-cats-small a, .content-cats-small a:hover, .content-cats-small a:focus {
    text-decoration: none;
    border-color: #ccc;
    box-shadow: none;
}
.content-cats-small .thumbnail:hover {
  border: 1px solid #152870;
  -webkit-box-shadow: 0 0px 5px #dddddd;
  box-shadow: 0 1px 1,6px #332a2a;

}
.img-responsive-width {
    max-width: 100%;
    height: auto;
    border-radius: 3px;
}
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 15px;
    line-height: 1.62857143;
    color: #000;
}
p {
    margin: 0 0 5px;
}
.text-info {
  color: #2b2525;
}
b, strong {
    font-weight: bold;
    font-family: Arial
}
.fa-trash-o::before {
    content: "\f014";
    color: #fff;
}
.fa-square-o::before {
  content: "\f0da";
  color: #0b0f4d;	
}

/* HEADER */
#logo a img {
  max-height: 105px;
  width: 320px;
}
.btn-primary {
  color: #f8f8f8;
  background-color: #24354f;
  border-color: #24354f;
}	
 .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
}
  #shop-nav {
    margin-top: 45px;
  }
header #top-bar .cms-pages {
  font-size: .94em;
  background: #f3f3ff;
  border-radius: 7px;
  padding: 1px 3px;
}
.slick-up,
.stick-down {
  outline: none;
  font-family: "";
  background: transparent;
  border: none;
  font-size: 16px;
  line-height: 1;
  padding: 0;
  width: 19px;
  height: 19px;
  color: #58026e;
  opacity: 0.75;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #550510;
  border-radius: 14px;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 14px;
  line-height: 0;
  color: #24354f;
}
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 42px;
  width: 50px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px \9;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  transform: translate(0,+200%);
  padding: 0;
  border: none;
  outline: none;
}

.fa-arrow-circle-right:before {
  content: "\f0a4";
  color: #fff;
  font-size: 13px;
}

h1 {
    font-size: 18px;
}

h1.product-title {
    font-size: 18px;
}
a {
  color: #000000;
  text-decoration: none;
}
.alert-info {
  background-color: #ffffff; /* Macht den Hintergrund weiß statt hellblau */
  border-color: #e0e0e0;     /* Macht den Rahmen dezent hellgrau statt lila */
  color: #333333;            /* Dunkelgrauer Text für beste Lesbarkeit */
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 0px 0 rgba(255,255,255,0.25);
}
.navbar {
border: 1px solid transparent;

}	
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
  background-image: -webkit-linear-gradient(top, #632f05 0%, #632f05 100%);
  background-image: -o-linear-gradient(top, #632f05 0%, #632f05 100%);
  background-image: linear-gradient(to bottom, #152e54 0%, #152e54 100%);
	
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: linear-gradient(to bottom, #152e54 0%, #152e54 100%);
  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);

}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #edeff2;
}
.navbar-default {
  background-image: linear-gradient(to bottom, #ffffff 3%, #152e54 1%);
  background-repeat: repeat-x;
  border-radius: 0px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 3.3px 0px rgb(88, 2, 14);
}
	
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 1px 15px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 0.8px solid #635a5a;
  border-radius: 18px;
}
.form-control::placeholder {
  color: #4b4444;
  opacity: 1;
}
.input-group-addon {
  padding: 0px 7px;
  font-size: 14px;
  font-weight: normal;
  line-height: 0;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #2d5579;
  border-radius: 0px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -0px;
	
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 7px 15px;
  font-size: 13px;
  line-height: 1.23;
  border-radius: 20px;
  border-color: #000;

}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: 820404;
  background-color: #e6e6e6;
  border-color: #58020e;
}

header #header-branding {
padding-bottom: 9px;
padding-left: 0;
padding-right: 0;
padding-top: 5px; 
background-size: 100% 100%;
	
}
.panel-default > .panel-heading {
  background-image: linear-gradient(to bottom, #152e54 90%, #58020e 10%);
  background-repeat: repeat-x;
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.09);
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #f5f5f5;
    font-family: Comic Sans MS;
    font-weight: bold;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0.8px solid #511414;
    border-radius: 6px;	
}
a:hover,
a:focus,
.sidebox-categories a:hover,
.nav-panel a:hover,
.product-wrapper .product-title a:hover {
  color: #222222 !important;
  text-decoration: underline !important;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #fff;
  border-radius: 0px;
  -webkit-box-shadow: 0 0 0px 0px #15456b;
}
.text-muted {
  color: #243540;
}
.nav-wizard > li.active > a,
.nav-wizard > li.active > a,
.nav-wizard > li.active .nav-badge,
.nav-wizard > li.active .nav-badge {
  color: #292523;
  background-color: #d9edf7;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #58020e;
    background-color: #fff;
    border: 1px solid #ddd;
        border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: default;
}
.product-primary .product-info {
    border-left: 1px solid #ccc;
    background: #f6f6f6;
}
.product-primary .product-info {
    border-left: 0px solid #ccc;
    background: #f6f6f6;
}
::before, ::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
#footer .box-linkgroup .nav > li > a, #footer .box-linkgroup .dropdown-menu > .active > a {
    color: #D3D3D3;
}
#footer {
    font-size: 15px;
    color: #9a9a9a;
}
.megamenu .mega-categories .category-wrapper:hover, .megamenu .mega-categories .category-wrapper.active {
  border: 1px solid #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}	
small, .small {
  font-size: 92%;

}
Element {
  color: #ad6565;
}

#footer .panel-heading {
  line-height: 27px;
  border-bottom: none;
  padding: 10px 0 0 0;
  margin-bottom: 0;
  text-transform: uppercase;
  background-color: transparent;
  background-image: none;
  color: #cc6666;

}

/* Überschreibt die Bootstrap Info-Boxen systemweit */
.bg-info, 
#pushed-success.notification-alert.bg-info {
    background-color: #ffffff !important; /* Weißer Hintergrund */
    color: #333333 !important;            /* Dunkler Text für bessere Lesbarkeit */
    border: 1px solid #e0e0e0 !important; /* Dezenter, hellgrauer Rahmen */
 
}
/* Macht die Überschriften im Footer weiß und fett */
#footer h5, 
#footer .footer-col h5, 
#footer .nav-title {
    color: #ffffff !important;
    font-weight: bold !important;
}
/* ==========================================================================
   MODERNE HEAD-BOX FÜR DEN JTL 4.06 WARENKORB (ZARTER HOVER-EFFEKT)
   ========================================================================== */

/* 1. Den gesamten Warenkorb-Link in eine moderne Box verwandeln */
header .basket-wrapper,
header .shop-cart,
header [id*="shop-cart"],
header a[href*="warenkorb"],
header .cart-icon-wrapper {
    background-color: #f8f9fa !important; /* Dezentes E-Commerce-Hellgrau */
    border: 1px solid #e0e0e0 !important; /* Feiner, sauberer Rahmen */
    border-radius: 4px !important; /* Leicht abgerundete Ecken */
    padding: 6px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out !important; /* Sanfter Farbübergang */
}

/* 2. DAS JTL 4.06 ICON VOM TEXT WEGSCHIEBEN (FontAwesome-Abstand-Fix) */
header .basket-wrapper i,
header .shop-cart i,
header a[href*="warenkorb"] i,
header .basket-wrapper .fa,
header .shop-cart .fa,
header a[href*="warenkorb"] .fa,
header .basket-wrapper .fa-shopping-cart,
header .shop-cart .fa-shopping-cart {
    margin-right: 8px !important; /* Schafft den perfekten Platz zur Zahl hin! */
}

/* 3. ZARTER HOVER-EFFEKT (Nur minimale Farbänderung, kein Wackeln/Anheben) */
header .basket-wrapper:hover,
header .shop-cart:hover,
header [id*="shop-cart"]:hover,
header a[href*="warenkorb"]:hover {
    background-color: #f1f3f5 !important; /* Zartes, minimal dunkleres Hellgrau */
    border-color: #cccccc !important; /* Der Rahmen wird ganz weich betont */
    text-decoration: none !important;
    transform: none !important; /* Verhindert jegliche Bewegung oder Skalierung */
}

/* 4. Schriftart und Farbe für den Text im Button anpassen */
header .basket-wrapper a,
header .shop-cart a,
header a[href*="warenkorb"] {
    font-family: sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    color: #222222 !important; /* Kräftiges, modernes Dunkelgrau */
}
@media (min-width: 768px) {
  #main-wrapper.fluid header, 
  #main-wrapper.fluid #content-wrapper .container-block.beveled {
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.1);
  }
}
@media (min-width: 768px) {
  #content-wrapper .panel {
    border: 1px solid #e0e0e0 !important; /* Überschreibt das alte Dunkelrot */
  }
}
/* 1. Kategorien und normale Text-Links beim Hovern auf Anthrazit und Unterstreichen */
.sidebox-categories a:hover,
#content-wrapper a:hover,
.product-wrapper .product-title a:hover {
  color: #222222 !important;
  text-decoration: underline !important;
}

/* 2. SCHUTZSCHILD: Verhindert, dass die weißen Links im blauen Hauptmenü dunkel werden */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active > a:hover {
  color: #ffffff !important;
  background-color: #152e54 !important; /* Behält dein Shop-Dunkelblau im Hintergrund */
  text-decoration: none !important;
}

/* 3. FOOTER-SCHUTZ: Hält die Links im Footer beim Drüberfahren hell */
#footer a:hover,
#footer .box-linkgroup .nav > li > a:hover {
  color: #ffffff !important; /* Macht die Links beim Hovern strahlend weiß */
  text-decoration: underline !important; /* Sinnvolle Unterstreichung auch im Footer */
}
/* Globale Schärfe & Design für alle Aktions-Links (Wunschzettel, Frage zum Produkt, etc.) */
.product-actions a:hover,
.product-actions a:focus,
.product-functions a:hover,
.product-functions a:focus,
#content-wrapper .product-actions a:hover,
#content-wrapper .product-actions a:focus {
    color: #ffffff !important;
    background-color: #152e54 !important; /* Behält das originale JTL-Dunkelblau */
    text-decoration: none !important;      /* Entfernt die störende Unterstreichung auf den Aktions-Flächen */
    
    /* Schaltet das künstliche Verschwimmen der weißen Schrift bei Hover-Animationen ab */
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-shadow: none !important;          
    transform: none !important;            /* Verhindert Ruckeln oder Verschieben im Browser */
}
/* ==========================================
   BUTTONS: FARBEN FESTREITEN + NUR UNDERLINE
   ========================================== */

/* 1. Blaue Haupt-Buttons (In den Warenkorb, Weiter zur Bestellung, etc.) */
#content-wrapper .btn-primary:hover,
#content-wrapper .btn-primary:focus,
#content-wrapper .btn-primary:active,
.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover {
    color: #ffffff !important;            /* Schrift bleibt BOMBENSICHER WEISS - kein Schwarz! */
    background-color: #24354f !important; /* Hintergrund bleibt fest im originalen Dunkelblau */
    border-color: #24354f !important;     /* Rahmen bleibt unverändert */
    text-decoration: underline !important; /* NUR der Text wird sauber unterstrichen */
}

/* 2. Graue neutrale Buttons (Weiter einkaufen, etc.) */
#content-wrapper .btn-default:hover,
#content-wrapper .btn-default:focus,
#content-wrapper .btn-default:active,
.btn-default:hover,
a.btn-default:hover,
button.btn-default:hover {
    color: #820404 !important;            /* Schrift bleibt beim originalen DUNKELROT */
    background-color: #e6e6e6 !important; /* Hintergrund bleibt beim originalen GRAU */
    border-color: #58020e !important;     /* Rahmen bleibt dunkelrot */
    text-decoration: underline !important; /* NUR der Text wird sauber unterstrichen */
}
/* Schutz für das kleine Mini-Warenkorb-Fenster oben rechts */
#shop-nav .dropdown-menu .btn-primary:hover,
#shop-nav .dropdown-menu a.btn:hover,
.cart-dropdown .btn-primary:hover,
.dropdown-menu .btn:hover {
    color: #000000 !important;            /* Macht die Schrift beim Drüberfahren wieder sichtbar schwarz */
    background-color: #ffffff !important; /* Hält den Hintergrund des Buttons sauber auf weiß/hell */
    text-decoration: underline !important;/* Verpasst dem Text nur eine saubere Unterstreichung */
}
/* Warenkorb-Button im Dropdown reparieren */
a.btn.btn-primary[title="Zum Warenkorb"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 20px !important;
    height: auto !important;
    width: auto !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* Icon sauber im Button zentrieren */
a.btn.btn-primary[title="Zum Warenkorb"] i {
    margin-right: 8px !important;
    position: static !important;
    float: none !important;
    display: inline-block !important;
    line-height: inherit !important;
}
/* 1. Den Bogen bei ALLEN aufklappenden Fenstern (Warenkorb & Login) korrigieren */
.dropdown-menu,
#login-dropdown,
.modal-content,
.dropdown-menu-right {
    border-radius: 4px !important; /* Macht den gesamten Kasten dezent rund */
}

/* 2. Den Bogen bei absolut ALLEN Textfeldern und Buttons darin korrigieren */
input[type="text"], 
input[type="search"], 
input[type="email"], 
input[type="password"], 
select, 
textarea,
.form-control,
#quick-login input,
#email_quick,
#password_quick,
.btn {
    border-radius: 3px !important; /* Macht die Felder und Buttons darin dezent rund */
}
/* Hover-Effekt für den Anmelden-Button im Login-Dropdown reparieren */
#submit-btn.btn-primary:hover,
#login-dropdown .btn-primary:hover,
ul#login-dropdown button#submit-btn:hover {
    background-color: #0056b3 !important; /* Das professionelle Dunkelblau beim Drüberfahren */
    border-color: #004085 !important;     
    color: #ffffff !important;            
}
/* Verspielte Schrift in allen Überschrift-Boxen entfernen */
.panel-heading,
.panel-heading *,
.panel-title, 
h5.panel-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
}
/* Versteckt das alte Icon in den Boxen der Startseite */
.panel-title .more i.fa {
    display: none !important;
}

/* Fügt das rotierende Doppel-Zahnrad bei "Neu im Sortiment" und "Top-Angebote" ein */
.panel-title .more::after {
    content: "\f085" !important; /* Hex-Code für fa-cogs */
    font-family: "FontAwesome" !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: normal !important;
    display: inline-block !important;
    animation: fa-spin 3.5s infinite linear; /* Ruhige, gleichmäßige Drehung */
    margin-left: 5px;
    vertical-align: middle;
}

/* Farbwechsel beim Drüberfahren mit der Maus */
.panel-title .more:hover::after {
    color: #ffffff; 
}
/* Schiebt das optimierte Logo dauerhaft in die perfekte Position */
img[src*="isking-modellbahn-logo-online-shop"] {
    position: relative !important;
    margin-left: -24px !important;
}