/* Farben in Colors-XXX.css */

/*  ACCORDION
//-------------------------*/
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1rem;
  --bs-accordion-btn-padding-y: 0.6rem;
  --bs-accordion-btn-color:  var(--bs-primary); /* dunkelgrün */
  --bs-accordion-btn-bg:  var(--bs-primary); /* dunkelgrün */
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: none;
  --bs-accordion-body-padding-x: 1.0rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary); /* dunkelgrün */
  --bs-accordion-active-bg: var(--bs-primary); /* dunkelgrün */
}
.accordion-item:last-of-type .accordion-button.collapsed {border-bottom-right-radius:0; border-bottom-left-radius:0;}
.accordion-button:after { order: -1; margin-left: 0; margin-right:0.6em; } /* Icon vorne anordnen */

/*  DROPDOWN-MENU
//-------------------------*/
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 14px;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(0.375rem - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: none;
  --bs-dropdown-link-color: var(--bs-grey);
  --bs-dropdown-link-hover-color:var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-color-light); /*hellgrün*/
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--bs-primary);
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
}

.dropdown-item.btn a {color:inherit; text-decoration: inherit;} /*Admin Button*/
.dropdown-item.btn, .dropdown-text { padding: 0.25rem 0.5rem; color:var(--bs-grey);}/*Dropdown Items Button*/

/*  Button
//-------------------------*/
.btn {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 14px;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: #transparent;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-sm {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-font-size: 0.875rem;
	
}

/*  Accordion - Button small für Speichern Modal
//-------------------------*/
.btn-speichern { padding-top:4px; padding-bottom:4px; background-color:white; color:var(--bs-primary); font-size:14px; }
.btn-speichern:not(.collapsed) { color:#fff!important;  }
.btn-speichern:after { display: none;}

/*  Tooltip
//-------------------------*/
.tooltip {
	--bs-tooltip-bg: var(--bs-red);
}


/*  CONTAINER
//-------------------------*/
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
@media (min-width: 1600px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px;
  }
}

/*  TRANSITIONS
//-------------------------*/
a { transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; }
/*.collapsing { -webkit-transition: none; transition: none; display: none; }*/

/*  ALLGEMEIN
//-------------------------*/
body { width:100%; height:100%; }

h1 { font-weight:normal; font-size:22px; line-height:30px; font-family:var(--bs-font-heading); text-transform: uppercase;}
h2 { font-weight:normal; font-size:22px; line-height:30px; font-family:var(--bs-font-heading); text-transform: uppercase;}
.accordion h2 { font-weight:normal; font-size:16px; line-height:16px; font-family:var(--bs-font-heading); text-transform: uppercase; color:#fff; margin:0;}
h3{ font-weight:normal; font-size:19px; line-height:23px; font-family:var(--bs-font-heading); color:var(--bs-body-color); margin:0;}
h4{ font-weight:normal; font-size:14px; line-height:14px; font-family:var(--bs-font-heading); text-transform: uppercase; color:var(--bs-body-color); margin:0;}
p.error { color:var(--bs-red);}

@media (max-width: 768px) {
}
.font-sm { font-size:12.5px;}
.cursor-pointer{  cursor: pointer; }
.rowArtikel ul { margin-top:8px !important; padding-left:12px; list-style-type: none;}
.rowArtikel ul li { position:relative;}
.rowArtikel ul li:before { content:'- '; position:absolute; margin-left:-12px;}
.beta, .beta:hover, .beta:focus, .beta:first-child:active, :not(.btn-check)+.beta:active { color:var(--bs-red); background-color:#fff; padding:0 8px !important; border-radius: 0.375rem; font-size:14px; position: relative; top:-2px; border:1px solid var(--bs-red);}

.tooltip { font-size:12px; line-height:15px;}


/*  FORM / Buttons
//-------------------------*/
.form-control, .form-select { font-size:14px;}
.form-control { padding:.25rem .50rem;}
.form-control-sm { min-height:20px; padding:1px 6px; font-size:12.5px; width:70px; display: inline-block; text-align: center;}
.form-check-input { width:1.5em; height:1.5em;}
.detailTable .form-check-input { width:16px; height:16px; margin-right:2px;}
.form-check-input:checked { background-color:var(--bs-primary); border-color:var(--bs-primary);}
.form-check-input:focus {  border-color: var(--bs-primary); box-shadow: none; }
.form-control:focus, .form-select:focus {  border-color: var(--bs-primary); box-shadow: none;}
.form-check-label { padding:4px 0 0 6px;}

.bootstrap-select { width:100%!important; border:var(--bs-border-width) solid var(--bs-border-color); border-radius:.375rem; }
.bootstrap-select .dropdown-toggle .filter-option { text-align:left !important;}
.bootstrap-select .dropdown-menu li a { text-align:left !important; }
.bootstrap-select .dropdown-toggle .filter-option { margin-right:6px; }

.bootstrap-select .dropdown-menu.inner { min-width:auto !important;}

XX.noarrow .dropdown-toggle::after { display: none !important;}
/*  Selectpicker
//-------------------------*/
.form-floating .bootstrap-select .form-control { padding-top:1.625rem; padding-bottom:.625rem; padding-left:.75rem; padding-right:.75rem;}
.form-floating .bootstrap-select .bs-searchbox .form-control { padding:.3rem .75rem; }
.form-floating label.floatinglabel { opacity:.65 !important; transform: scale(.85) translateY(-.5rem) translateX(.15rem) !important;}


/*  HEADER
//-------------------------*/
#header .headerlogo { background-image: var(--bs-logo); width:var(--bs-logo-width); height:var(--bs-logo-height); background-repeat: no-repeat; background-size: cover;} 
.profil .benutzer { white-space:nowrap;}


/*  TABLE
//-------------------------*/
table th { font-weight:normal; color:var(--bs-primary);}
table.detailTable td, table.detailTable th { border-bottom:1px solid var(--bs-primary); padding:4px 6px;}
table.detailTable th { padding-top:0;}
table.detailTable th.gebinde, table.detailTable td.gebinde { padding-left:0; min-width:190px;}

@media (max-width: 1024px) {
table.detailTable { margin-top:10px;}
}
@media (max-width: 768px) {
table.detailTable td, table.detailTable th { padding:4px 4px;}
table.detailTable td.gebinde { min-width:auto;}

}
table.detailTable td:last-child, table.detailTable th:last-child { padding-right:0;}
.Amag table.detailTable td:last-child, .Amag table.detailTable th:last-child { padding-right:18px !important;}

/*  ARCHIV
//-------------------------*/
table.archivTable td { padding-right:30px !important;}
table.archivTable td.check { padding-right:10px !important;}
@media (min-width: 1024px) {
table.archivTable td.name { min-width:400px;}
}
table.archivTable input[type="text"]:disabled { border:0; background-color:transparent;} /*disabled Input-Feld nicht anzeigen*/


/*  CONTENT
//-------------------------*/
.artikelFilter, .artikelFilter a { color:var(--bs-grey);}
.artikelFilter { border-bottom:2px solid var(--bs-primary);}
.artikelFilter .btn { background-color:inherit !important; border-color:#fff !important; font-size:12.5px !important;}


a.link-grey, .link-grey { color:var(--bs-grey)!important; padding:5px 8px; border-radius:0.375rem; text-decoration: none; }
a.link-grey:hover { color:var(--bs-primary)!important; background-color:#eee;}
a.link-grey i { color:var(--bs-primary);}
a.btn.disabled.link-grey i { color:var(--bs-grey)!important;}

a.link-green, .link-green { color:#fff!important; background-color:var(--bs-primary); padding:5px 8px; border-radius:0.375rem; text-decoration: none; }
a.link-green:hover { color:#fff; background-color:var(--bs-primary)!important;}
a.link-green i { color:#fff;}


/*  Downloadcenter
//-------------------------*/
.modal .sharelinks { font-size:12.5px; max-height: 300px; overflow: hidden; overflow-y:scroll;}
.menuDownloadcenter a.link-grey { color:#fff; background-color:inherit;}



.artikelRow { font-size:12.5px; border-bottom:2px solid var(--bs-primary); padding: 16px 5px;}
.artikelRow.checked { background-color:var(--bs-color-light);}
.form-check-input, label.form-check-label { cursor:pointer;}
.rowCheck { padding-right:12px;}
.rowArtikel { padding-right:30px;}
.iconFlag { width:12px; height:12px; margin:0 2px;}

.artikelAuswahl { padding: 16px 0;}
.artikelAuswahl .artikelItem { font-size:12.5px; line-height:16px; padding: 6px 5px;}
.artikelAuswahl a { padding-top:2px; padding-bottom:2px;}
.artikelAuswahl a.link-artikel { padding:2px 4px; border-radius:0.375rem; text-decoration: none;}
.artikelAuswahl a.link-artikel:hover { background-color:#eee;}

.artikelImage {min-width:50px; width:50px; height:auto; }
.artikelImage img { width:100%; height:auto;}

.color-castrol {color:var(--bs-primary);}

/*Modals Printversion*/
/*.printversion_aral h1, .printversion_ford h1, .produktkatalog_aral h1, .preisliste_aral h1, .preisliste_ford h1, .produktkatalog_ford h1 { color:var(--bs-aral-primary);} 
.printversion_aral h2, .printversion_ford h2, .produktkatalog_aral h2, .preisliste_aral h2, .preisliste_ford h2, .produktkatalog_ford h2 { color:var(--bs-aral-primary);} 

.printversion_aral .btn, .printversion_ford .btn, .produktkatalog_aral .btn, .preisliste_aral .btn, .preisliste_ford .btn, .produktkatalog_ford .btn { background-color:var(--bs-aral-primary);}
.dropdown-item.btn.printversion, .produktkatalog_aral .dropdown-item.btn, .preisliste_aral .dropdown-item.btn, .preisliste_ford .dropdown-item.btn, .produktkatalog_ford .dropdown-item.btn { background-color:inherit !important; color:var(--bs-grey)!important;}
*/
.dropdown-item.btn.printversion { background-color:inherit !important; color:var(--bs-grey)!important;}
.modal h2 { font-size:16px; line-height:20px; margin-bottom:6px;}

.color-aral {color:var(--bs-aral-primary);}
.btn-aral { background-color:var(--bs-aral-primary);}
.btn-aral:hover, .btn-aral:active { background-color:var(--bs-aral-primary);}
.btn-aral.active, .btn-aral.show, .btn-aral:first-child:active, :not(.btn-check)+.btn-aral:active { background-color:var(--bs-aral-primary);}

.btn-ford { background-color:#1e6baf;}
.btn-ford:hover { background-color:#1e6baf;}

.btn-grey { background-color:var(--bs-grey) !important;}
.btn-grey:hover, .btn-grey:active { background-color:var(--bs-grey) !important;}
.btn-grey.active, .btn-grey.show, .btn-grey:first-child:active, :not(.btn-check)+.btn-grey:active { background-color:var(--bs-grey-dark) !important; border-color:var(--bs-grey-dark) !important;}

.btn-grey-outline { color:var(--bs-grey); background-color:inherit; border-color:var(--bs-grey);}
.btn-grey-outline:hover, .btn-grey-outline:active { color:var(--bs-grey); background-color:inherit; border-color:var(--bs-grey);}
.btn-grey-outline.active, .btn-grey-outline.show, .btn-grey-outline:first-child:active, :not(.btn-check)+.btn-grey-outline:active { color:var(--bs-grey); background-color:inherit; border-color:var(--bs-grey);}


/*.col-80 { width:100%; display: block; height:100%;}
.col-20 { width:200px; display: block; height:100%;}
x.col-80.collapse:not(.show) { width:100%; display: block; height:100%;}
.col-20.collapse:not(.show) { width:50px; display: block; height:100%;}
.col-20.collapse:not(.show) .artikelAuswahl { z-index:-10; position:relative; overflow:hidden;}
x#collapseAuswahl.collapse:not(.show) { width:50px; display: block;}
x#collapseAuswahl.collapse.show .artikelAuswahl { width:200px; }

*/


/*  JCONFIRM
//-------------------------*/
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { font-weight:normal !important; text-transform: inherit !important;}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { font-family:var(--bs-font-heading) !important; text-transform: uppercase; color:var(--bs-primary); font-size:1.25rem!important;}

/*  FONT SIZE
//-------------------------*/
.font-18 { font-size:18px;}


/*  SPINNER
//-------------------------*/
.loader {
    width: 48px;
    height: 48px;
    border: 5px solid var(--bs-primary);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
	position:absolute;
	z-index: 99;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 

/*Loader neu mit Text*/
       /* Fixierter, abgedunkelter Hintergrund */
        .loader-overlay-gen {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            display: flex;
            justify-content: center;
            align-items: center;
			z-index:99;
        }

        .loader-container-gen {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Drehender Kreis */
        .loader-gen {
            width: 50px;
            height: 50px;
            border: 5px solid rgba(255, 255, 255, 0.3);
            border-top-color: #ffffff;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        /* Textstil */
        .loader-text-gen {
            margin-top: 10px;
            font-size: 18px;
            color: #ffffff;
            font-weight: normal;
        }