/* Tableiste mehrreihig oben */
    
#tabbrowser-tabs, 
#tabbrowser-arrowscrollbox, 
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
   margin-top: -5px !important;
   margin-bottom: -3px !important;
}

[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
   padding-top: 10px !important;
}

#titlebar,#tabbrowser-tabs {
   appearance: none !important;
}

[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
   display: block;
}

/* Mehrzeilige Tab-Symbolleiste, aktuell sind es 9 Zeilen  */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { 
   display: block; 
   contain: none !important; 
}

scrollbox[part][orient="horizontal"] > slot,
scrollbox[part][orient="horizontal"] {
   display: flex;
   flex-wrap: wrap;
   max-height: calc(var(--tab-min-height) * 9);
   overflow-x: hidden;
   overflow-y: auto;
}

#firefox-view-button {
  display: none !important;
}
  
#tabbrowser-tabs {
border-inline-start: none !important;
}


:root {
   --tab-min-height: 27px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 30px !important; 
}

/* Schriftgröße Tabs */
.tab-label-container {
font-size: 12px!important;
}

/*Tableiste - leeres Feld vor dem ersten Tab entfernen*/
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
display: none !important;
}

/*Tabtext zentriert*/
.tab-content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
}

/*Tabinhalt auf ganze Tabbreite*/
.tab-label-container {
margin: auto !important;
}

/*Tab schließen Button verschoben*/
.tab-close-button{
flex-shrink: 0 !important;
margin-right: -6px !important;
}

/*Tab schließen Button HG bei hover rot und das X weiß*/
.tab-close-button[fadein]:hover {
fill: white !important;
background: red !important;
}

/*Abgerundete Tabs*/
.tab-background {
border-radius: 80px !important;
}

/*Abgerundeter Schließen Button*/
.tab-close-button {
border-radius: 80px !important;
}

/*Alle Tabs ausgewählt HG grün*/
#main-window .tab-background[multiselected] {
background: red !important;
}

/*Alle Tabs ausgewählt Schrift gelb und fett auf Ursprungstab*/
.tabbrowser-tab[visuallyselected][multiselected] {
color: yellow !important;
font-weight: bold !important;
}

/*Alle Tabs ausgewählt hover Schrift rot und fett auf Ursprungstab*/
.tabbrowser-tab[visuallyselected]:hover[multiselected] {
color:red !important;
font-weight: bold !important;
}

/*Aktiver Tab HG red*/
.tabbrowser-tab[visuallyselected] .tab-background{
background: red !important;
}

/*Aktiver Tab hover HG grün*/
.tabbrowser-tab[visuallyselected]:hover > .tab-stack > .tab-background {
background: orange !important;
}

/*Aktiver Tab hover Schrift weiß*/
.tabbrowser-tab[visuallyselected]:hover {
color: white !important;
}

/*Aktiver Tab Schatten außen rot*/
#TabsToolbar .tabbrowser-tab[visuallyselected] > .tab-stack > .tab-background {
box-shadow: 0 0 10px red !important;
}

/*Aktiver Tab Schatten innen rot*/
#TabsToolbar .tabbrowser-tab[visuallyselected] > .tab-stack > .tab-background {
box-shadow: inset 0 0 8px red !important;
}

/*Inaktiver Tab HG hellgrau*/
.tabbrowser-tab:not([visuallyselected]) > .tab-stack > .tab-background {
background: green !important;
}

/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected]) {
color: white !important;
}

/*Inaktiver Tab hover HG blau*/
.tabbrowser-tab:not([visuallyselected]):hover  > .tab-stack > .tab-background {
background: blue !important;
}

/*Inaktiver Tab hover Schritf weiß*/
.tabbrowser-tab:not([visuallyselected]):hover {
color: white !important;
}

/*Inaktiver Tabtext kleiner*/
.tabbrowser-tab:not([selected]) .tab-label {
font-size: 100% !important;
}

/*Das X vom Ende des Tabtext nach rechts verschoben*/
.tab-label-container[textoverflow]:not([pinned]) {
mask-image: unset !important;
margin-right: 7px !important;
}

/* Angepinter HG hellgrün*/
.tabbrowser-tab .tab-content[pinned] {
background: lightgreen !important;
}

/* Angepinter hover HG gelb */
.tabbrowser-tab .tab-content[pinned]:hover {
background: yellow !important;
}

/*Abstand vom ersten Tab zum letzten angepinnten Tab schmaler*/
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 1px !important;
}

/*Tabbreite und Höhe schmaler und etwas Abstand nach rechts/links zum nächsten Tab*/
.tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0 !important;
width: 155px !important;
}

/*Aktiver Tab: Schriftfarbe*/
   .tab-background[selected]{       
    color: red !important; 
}    

/*Tab Abstand nebeneinander*/
.tabbrowser-tab {
padding-inline: .9px !important;
}

/*Damit wird der Tabtext nicht blasser, wenn kein Fokus auf dem Fx ist*/
.tab-label {
opacity: 1 !important;
}

/*Tabtext wird am Ende nicht ausgeblendet*/
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
mask-image: none !important;
}

/*Neuer Tabbutton verschoben*/
#TabsToolbar #tabs-newtab-button {
margin-top: -15px !important;
margin-bottom: -15px !important;
margin-left: 0px !important;
}

/*Eckiger Neuer Tab Button rot, das X weiß*/
#TabsToolbar #tabs-newtab-button {
background:  !important;
fill: white !important;
}

/*Eckiger Neuer Tab Button das X bei hover weiß, der HG blau
#TabsToolbar #tabs-newtab-button:hover,
#TabsToolbar #tabs-newtab-button:hover > image {
background: blue !important;
}*/

/*Runder Neuer Tab Button rot, das X weiß*/
#TabsToolbar #tabs-newtab-button > image {
background: red !important;
fill: white !important;
border-radius: 120px !important;
}

/*Runder Neuer Tab Button das X bei hover weiß, der HG blau*/
#TabsToolbar #tabs-newtab-button:hover > image {
background: blue !important;
}

/*Neuer Tabbutton hover HG blau, funktioniert nur, ohne eigenen HG für den Button*/
#TabsToolbar #tabs-newtab-button {
--toolbarbutton-hover-background: rgb(2, 80, 187) !important;
}

/*2te Zeile im Tab bei Ton ausgeblendet, alternativ in about:config*/
label.tab-icon-sound-label {
display: none !important;
}

/*Lautsprechersymbol auf Tab größer und weiß*/
.tab-icon-overlay {
fill: green !important;
transform: scale(1.8, 1.8) !important;
}

/*Hintergrund der Buttons in der Tableiste bei Überlauf und hover rot*/
#TabsToolbar {
--toolbarbutton-hover-background: red !important;
}

/*Scrollbutton vor/zurück Icon weiß HG rot*/
toolbarbutton#scrollbutton-up image.toolbarbutton-icon,
toolbarbutton#scrollbutton-down image.toolbarbutton-icon {
background: red !important;
fill: white !important;
}

/*Alle Tabs auflisten Icon weiß bei hover*/
#alltabs-button:hover {
fill: white !important;
}

/*Button für Neuer Tab weiß bei hover*/
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
fill: white !important;
}

/*Abstand der Icons im Überlauf*/
#TabsToolbar {
--toolbarbutton-inner-padding: 1px!important;
}

/*Abstand Neuer Tab Button im Überlauf*/
#new-tab-button, #alltabs-button {
padding-bottom: 1px!important;
}

@-moz-document url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xhtml") {


#sidebar-box,.sidebar-placesTreechildren,
#sidebar-search-container {
background: white;
}

.sidebar-placesTreechildren,#search-box {
color: black !important;
}

#search-box {
appearance: none !important;
background-color: white !important;
}
}