/* Boxshadow weg UND keine Hintergrundfarbe UND Hgr-Anweisung für den Inhalt "unter" den Modulen */
.astroid-layout.astroid-layout-boxed .astroid-wrapper {
    max-width_: 1240px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    background-color: transparent;
    background-image_: linear-gradient(45deg, rgba(248, 248, 248, 0.45), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 1.0), rgba(248, 248, 248, 0.2));
}


/* Systemoutput */
#inhalt {
    background-color: transparent;
    padding: 0px;
}


/* Komplette Navbar | z-index brauche ich damit Joomshopping Detailbild drüber liegt  */
.astroid-header-section {
	z-index: 10;
	background-color: #96cd76 !important;
	height: 50px;
    box-shadow: 0px 5px 5px rgb(100, 100, 100) !important;
}


/* Hauptmenüpunkte hover | transition ist default */
.astroid-nav .nav-link:hover {
    transition: color 400ms, background-color 400ms; 
}

 /* Abstände Hauptmenüpunkte horizontal */
.astroid-nav > li > a {
	margin-top: -2px;
    margin-left: 7px;
    margin-right: 6px;
    padding-left: 7px;
    padding-right: 8px;
    letter-spacing:	0.2px;
    line-height: 1.8;
}


/* Hauptmenüpunkte activ */
.astroid-nav .nav-link.active {
    color_: #fff;
    background: #fff;
    font-size_: 14pt;
    padding-top_: 16px;
    margin-top_: -8px;
    height: 50px;
    transition_: color 2000ms, background-color 2000ms;
}


/* Hauptmenüpunkte hover | transition ist default */
.astroid-nav .nav-link:hover {
    color_: #12879a;
    background_: #71b6c3;
    font-size_: 14pt;
    padding-top_: 16px;
    margin-top_: -8px;
    height_: 100px;
    transition_: color 400ms, background-color 400ms; 
}

/* Hauptmenüpunkte Sutitel */
.nav-subtitle {
  margin-top: -11px;
  font-size: 10pt;
}

/* SUBMENÃœs */

/* Submenü normal > Breite und Position etc */
.astroid-nav .nav-submenu > li > a {
	border-top: 0px solid rgba(253, 126, 20, 0.4);
    margin-top: 15px !important;
    transition: all 0.3s ease-in-out;
    letter-spacing:	0.2px;
}

/* Submenü normal > Breite und Position etc */
.megamenu-container.nav-submenu-container {
	margin-top: 15px;
}

/* Submenü hover */
.astroid-nav .nav-submenu > li > a:hover {
    transition: all 0.3s ease-in-out;
  	padding-left: 25px;
}

/* Submenü aktiv */
.astroid-nav .nav-submenu > li a.active {
  color_: #b61c13;
}


/* Submenü Linie weg */
.megamenu-container, .megamenu-container .nav-submenu .nav-submenu {
    border-top: 0px solid rgba(253, 126, 20, 0.4);
}


/* Submenü 3 Eckle */
.astroid-nav .nav-item-parent .nav-title > .nav-item-caret {
  text-align: left;
}


/* Submenü 3te Ebene Katen weiter nach rechts */
.megamenu-container .nav-submenu .nav-submenu {
  margin-left: 5px;
}



/* Modul-TITEL-Ãœberschriften */
/* Schriftart ist H3 > über Astroid festlegen */
.module-title {
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 4px;
    font-size_: 14pt;
    color: #079239 !important;
}

/* Horizontale Linie */
hr {
    margin-bottom_: -50px;
    border-top: 1px solid #4d4d4d;
}

.zeilenabstand1 {
    line-height: 1.15;
}


/* Mobile Menü offcanvas Knopf */
.burger-menu-button .box {
  height: 45px;
}


/* Akkordeon Widgetkit */
.uk-scope .uk-accordion-title {
  color: #4d4d4d;
  font-size: 14pt;
  background: linear-gradient(to bottom, #d3e7c5 0%, #5fb128 100%);
  padding: 5px 10px 5px 10px;
  font-weight: bold;
}

.uk-scope .uk-accordion-title:hover {
  color: #4d4d4d;
}


/* ↓ FLEXICONTACTPLUS ↓ */

/* Hintergrund */
div.fcp_wrapper {
    border: 0px solid #e8e8e8;
    background-color: transparent;
}


/* Absendenknopf */
.fcp_form input.fcp_btn {
    background-color: red !important;
    font-size: 14pt !important;
    padding: 5px !important;
}

/* Absendenknopf */
.fcp_form input.fcp_btn:hover {
	background-color: green !important;
    font-size: 14pt !important;
    padding: 5px !important;
}


/* Feldnamen / Labels */
div.fcp_line label {
    font-size: 15px;
}


/* Texte IN den Feldern */
div.fcp_label {
	position_: absolute;
	padding: 7px 0px 3px 10px;
}

/* Texte die IM Anfragefel geschrieben werden */
div.fcp_line input {
    border: 1px solid #828282 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
    padding: 0px 0px 0px 10px !important;
    color: #fff;
}

/* hover über Texte die IM Anfragefel geschrieben werden */
div.fcp_line input:hover {
	transition: all 0.3s ease-in-out;
    border: 1px solid #878787 !important;
    background-color: rgba(0, 0, 0, 0.3) !important;
}


/* hover über dem Nachrichten-Eingabefeld */
div.fcp_line textarea {
    border: 1px solid #878787;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 7px 0px 3px 10px;
}

/* hover über dem Nachrichten-Eingabefeld */
div.fcp_line textarea:hover {
	transition: all 0.3s ease-in-out;
    border: 1px solid #878787;
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* Feldbeschriftung | Farbe, wenn geschrieben wird */
div.fcp_line label.fcp_focus {
    color: #636363 !important;
}

/* ↑ FLEXICONTACTPLUS ENDE ↑ */


/* ↓ Joomshopping ANFANG ↓ */

.jshop h1 {
  margin-top_: 20px;
  margin-bottom: 10px;
  color: #e83614;
  font-size: 14pt;
  font-weight: bold;
  text-align: center;
}


/* Produktbilder > Größe" */
.productfull .image_middle {
  width: 280px;
  margin-top: 30px;
}


/* Die Knöpfe im Shop werden über Astroid > Design > Farbenauswahl und Auswahl bei "Primary" festgelegt !   */
/* Die hover-Zustände der Knöpfe hier: */
.btn-primary:hover {
  color: #000;
  background: #3a9534;
}


/* Knöpfe */
.btn {
  --bs-btn-color: #fff;
  --bs-btn-bg: #e83614;
  font-size: 10.5pt;
  padding: 3px 5px 3px 5px;
  background: #27a94d !important;
}

/* Knöpfe hover */
.btn:hover {
  color: #000;
  background: #3a9534;
}


.jshop_list_product .product .buttons a {
  border-radius: 0px;
}

/* Bestellvorgang > Fenster etwas nach unten bringen */
.astroid-column.col-lg-6.order-xl-0.order-lg-0.order-md-0.order-sm-0.order-0.col-lg-12 {
  margin-top: 20px;
}


/* Parameter "Lagermenge*" des Produkts im Shop unsichtbar machen */
.available {
  display: none;
}

.not_available {
  display: none;
}


/* ↓ weitere Anweisungen ↓ */

.jshop_list_product .product .name {
  font-size: 15px;
  font-weight: bold;
}

.jshop_price {
  color: #e93515;
}


.jshop_list_product .jshop .price_extra_info {
  margin-bottom: -5px;
  margin-top: -5px;
  font-weight: bold;
}

.jshop_code_prod {
  color: #4d4d4d;
  font-weight: bold;
  font-size: 14px;
}

.productfull #block_price {
  color: #e93515;
}

.productfull .taxinfo {
  font-size: 12px;
  font-weight: bold;
}


.productfull .jshop_oiproduct {
  margin-bottom: 0px;
  margin-top: 30px;
}



.form-control {
  height: calc(1.5em + 14px);
}


/* Joomshopping ENDE */