/*####################################### Allgemeines ##################################################################*/

.main-content { background-color: #fff; }
html, body { color: black; background: #efefef; }
.kachel_toolbox { background-color: #f7f7f7; }
.kachel_toolbox_white { background-color: white; box-shadow: 0px 0px 4px 1px gainsboro; }
.dropdown_aktionen_dokument_rahmen { box-shadow: 0px 0px 10px 3px lightgrey; }
.system_tabelle_head { border-bottom: 3px solid lightgrey; }
.system_tabelle_zeile { border-bottom: 1px solid #e6e6e6; }
.rahmen_block_eingabe { background-color: #efefef; }

.stueckliste_tabelle_headline { border-bottom: 1px solid #ddd; }
.stueckliste_tabelle_headline_ident { color: black; background-color: #efefef; }
.stueckliste_tabelle_headline_name { color:black; background-color: #efefef; }
.stueckliste_tabelle_headline_einzelpreis { color: black; background-color: #efefef; }
.stueckliste_tabelle_headline_gesamtpreis { color: black; background-color: #efefef; border-bottom: 1px solid white; }
.stueckliste_tabelle_zeile_rahmen { border-bottom: 1px solid #ddd; }
.stueckliste_tabelle_zeile_rahmen_liste { border-bottom: 1px solid #ddd; }
.stueckliste_tabelle_zeile_label_1 { color: darkgrey; }
.stueckliste_tabelle_zeile_label_2 { color: black; }
.stueckliste_tabelle_zeile_notiz { background-color: #f3f3f3 !important; }
.stueckliste_tabelle_summe_anzahl { color: #9da6a8; }
.stueckliste_tabelle_summe_preis { color: #9da6a8; }
#Stueckliste_Label_Gesamtpreis_Ohne_MWST { color: black; }
#Stueckliste_Label_Gesamtpreis_Mit_MWST { color: black; }
#Stueckliste_Label_Hinweis_GH_Preise, #Stueckliste_Label_Hinweis_PV_Preise { color: darkgrey; }
.stueckliste_edit_container { background-color: white; box-shadow: 0px 0px 10px 3px lightgrey; }
.stueckliste_edit_btn_option:hover { background-color:#efefef; }
#ArtikelEdit_Fenster_Schliessen, #ArtikelEdit_Kategorie_Fenster_Schliessen { background-color: #BA0C2F; color: white; }
#ArtikelEdit_Fenster_Schliessen:hover, #ArtikelEdit_Kategorie_Fenster_Schliessen:hover { background-color: dimgrey; }
.stueckliste_edit_suchliste_zeile { border-bottom: 1px solid #efefef; }
.stueckliste_edit_suchliste_zeile:hover { background-color: #efefef; color: black; }
.stueckliste_edit_btn_anzahl:hover { background-color:#efefef; }
.stueckliste_edit_btn_anzahl_2 { color: white; background-color: #BA0C2F; }
.stueckliste_edit_btn_anzahl_2:hover { background-color: dimgrey; }

.schaltplan_kachel_100 { background-color: white; box-shadow: 0 0 2px 0 rgb(0 0 0 / 10%), 0 0 27px 0 rgb(0 0 0 / 12%); }
.schaltplan_kachel_33 { background-color: white; }
.schaltplan_bild_33 { box-shadow: 0 0 2px 0 rgb(0 0 0 / 10%), 0 0 27px 0 rgb(0 0 0 / 12%); } 
.schaltplan_label_zeile { color: #808285; }

.artikeldetails_breadcrumb { color: darkgrey; }
.artikeldetails_label_1 { color: black; }
.artikeldetails_label_2 { color: dimgrey; }

.reglereinstellungen_headline_2 { color: lightgray; }
.reglereinstellungen_zeile { border-bottom: 1px solid #dfdfdf; }
.reglereinstellungen_label_1 { color: white !important; background-color: #BA0C2F; }
.reglereinstellungen_label_2 { color: #808285 !important; background-color: whitesmoke; }
.reglereinstellungen_info_icon { color: darkgrey; }
.reglereinstellungen_info_label { color: grey; }
.reglereinstellungen_info_link { color: grey; }

.installationsvideo_rahmen:hover { box-shadow: 0 1px 6px 4px #dfdfdf; }
.installationsvideo_label { color: darkgrey; }

.kachel_docs { border: 1px solid #f7f7f7; }
.kachel_docs_label_1 { color: black; }
.kachel_docs_label_2 { color: darkgrey; }

.Block_Selects_FAQ { background-color: #efefef; }
.faq_kachel { border-bottom: 1px solid lightgrey; }

.header_label_breadcrumb { color: black; }
.header_label_breadcrumb:hover { color: #BA0C2F; }
.header_pfeil_breadcrumb { color: black; }
.header_icon_zeile_1 { color:black; }
.header_icon_zeile_1:hover { color: #BA0C2F; }
#Homepage_Login_Loader { background-color: white; }
#Homepage_Login_Iframe { max-width: 800px; }
.loader_Login_Homepage { border: 7px solid white; border-top: 7px solid #748083; }
input[type=text].parsley-error::-webkit-input-placeholder{color: #e30613!important;}
input[type=password].parsley-error::-webkit-input-placeholder{color: #e30613!important;}
#Container_Header_Navigation { background-color: #888888; }
#Header_Navigation_Close { color: white; }
.Header_Navigation_Headline { color: white; font-family: F2F-Regular,Helvetica,Arial,sans-serif; }
.Header_Navigation_Item { color: white !important; border-bottom: solid 0.8px white; }
#Header_Seite_Navigation { background-color: white; }
/* .NavLeiste { color: dimgrey; } */
/* .NavLeiste:hover { background-color: #efefef; } */
.nav_leiste_label_ergebnis { color: darkgrey;}
.nav_leiste_markierung_gewaehlt { border-bottom: 1px solid #BA0C2F; color: #BA0C2F; }
.dashboard_projekt_kachel_rahmen { border-left: 3px solid #BA0C2F !important; }

.Menu_Apps_Rahmen:hover { color: #BA0C2F !important; }
#Header_Profilbild_Angemeldet, #Header_Icon_Profilbild { border: 1px solid #e1e1e1; }
.Hover_Button_Profilbild { color: #BA0C2F; }
#Header_Toolbox_Sidebar_Hover_Label:before { border-right: 10px solid #BA0C2F; }

#Rahmen_Footer_Toolbox { background-color: white; }
.footer_button:hover, .icon_footer_social_media:hover { color: #BA0C2F !important }
#PfeilToTopBottom { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE2IDE4Ij48cGF0aCBmaWxsPSIjOTQxNTFFIiBkPSJNMCAxNC4xVjE4bDgtNSA4IDV2LTMuOUw4IDlsLTggNS4xek04IDBMMCA1LjFWOWw4LTUgOCA1VjUuMUw4IDB6Ii8+PC9zdmc+); }

#Toolboxsuche_Rahmen { background-color: white; }
#Toolboxsuche_Suchfeld_Rahmen { border-bottom: 1px solid lightgrey; }
#Toolboxsuche_Suchfeld_Input { color: black; background-color: white; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; }
.Toolboxsuche_btn_Kategorie { color: dimgrey; }
.Toolboxsuche_Kachel { background-color: #f7f7f7; }
.Toolboxsuche_Kachel:hover { background-color: #dfdfdf; }
.Toolboxsuche_Icon { color: #BA0C2F; }
.Toolboxsuche_Icon_Systemhandbuch_Ein { color: #BA0C2F; }
.Toolboxsuche_Icon_Systemhandbuch_Aus { color: darkgrey; }
.Toolboxsuche_Label_2 { color: darkgrey; }
#Toolboxsuche_Label_Nichts_Gefunden { color: grey; }
.Toolboxsuche_btn_Alle_Anzeigen:hover { color: #BA0C2F; }
.suchfeld_rahmen { border: 1px solid lightgrey; background-color: white; }
.suchfeld_input {background-color: white !important; }
.suchfeld_icon { color: darkgrey; }
.suchfeld_suchergebnisse_objekt { background-color: white; border-top: 1px solid lightgrey; }
.suchfeld_suchergebnisse_label_2_left { font-family: STEInfoWeb,Helvetica,Arial,sans-serif; }
.suchfeld_suchergebnisse_label_2_right { font-family: STEInfoWeb,Helvetica,Arial,sans-serif; }

.button_primary {color: white; background-color: #BA0C2F;}
.button_secondary {color: white; background-color: #8e8e8e;}
.button_mit_icon_icon { background-color: white; }
a { color:rgb(51, 51, 51); }
/* a:focus, a:hover, a.arrow:active, a.arrow:focus { color: black; } */
a.arrow:before, a.arrow:hover:before, a.arrow:visited:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjkiIHZpZXdCb3g9IjAgMCA1IDkiPjxwYXRoIGZpbGw9IiM5NDE1MUUiIGQ9Ik01IDQuNUwyLjIgMEgwbDIuOCA0LjVMMCA5aDIuMkw1IDQuNXoiLz48L3N2Zz4=); }

.sel_description { color: dimgrey; }
.sel_txt { background-color: white; color:#BA0C2F; }
.sel_texteingabe { color:#BA0C2F !important; background-color: white !important; }
.sel_opt { color:black; background-color: white; box-shadow: 0 1px 1px 0 rgba(0,0,0,.3); }
.opt { border-top: 1px solid #ebebeb; }
.opt:hover { background-color:#efefef; }
.opt_input { background-color: #efefef; color: #BA0C2F; }
.opt_input_label { border-top: 1px solid #ebebeb; }
.icon-rahmen { background-color: white; }
.icon_system { border: 3px solid grey; color: #BA0C2F; border-color: #BA0C2F; }
.icon_opt_arrow_down:before { color: #BA0C2F; }
.icon_opt_arrow_up:before { color: #BA0C2F; }

input { color: black; }
input::-webkit-input-placeholder { color:  rgb(157, 166, 168) !important; }
input[type="checkbox"] + label:before { color: #777; }
input[type="checkbox"]:checked + label:after { color: #BA0C2F; }
.checkbox-label{ color: black !important; }

/* [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { color: #666; } */
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { background: unset; }
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { color: #BA0C2F; }

/* input[type="date"]{ color:#BA0C2F; }
input[type="date"]::-webkit-datetime-edit-month-field { color: #BA0C2F; }
input[type="date"]::-webkit-datetime-edit-day-field { color: #BA0C2F; }
input[type="date"]::-webkit-datetime-edit-year-field { color: #BA0C2F; }
input[type="date"]::-webkit-calendar-picker-indicator { color: #BA0C2F; } */

.slider_pill { background-color: darkgrey; }
.slider_pill:before { background-color: white; }
input:checked + .slider_pill { background-color: #BA0C2F; }
input:focus + .slider_pill { box-shadow: 0 0 1px #BA0C2F; }

.slider { background: #efefef; }
.slider::-webkit-slider-thumb { background: #BA0C2F; }
.slider::-moz-range-thumb { background: #BA0C2F; }

.modal {background-color: rgba(128,128,128,0.9); }
.modal_important {background-color: rgba(128,128,128,0.9); }
.modal-header { color: grey; }
.modal-body { background-color: white; }
.modal-body-small { background-color: white; }
.modal_Input_Text { background-color: white !important; border: 1px solid #e6e6e6 !important; }
.modal-content-ExcelImport { background-color: #dfdfdf; border: 1px solid #888; border-color:#dfdfdf; }

.overlay_rahmen {background-color: rgba(128,128,128,0.9); }
.overlay_body { background-color: white; }

.button_drucken_fortschritt { background-color: grey; opacity: 0.7; }
.sel_txt_projekt { background-color: transparent; color: #808285; }
#Banner_Alles_Gespeichert { color: white; background-color: black; box-shadow: 0px 0px 10px 3px lightgrey; }
.txtHinweisText { background-color: white; outline: white; }
.btnHinweistexte:hover { color:#BA0C2F; }

.ITML_Objekt_Neu_Anhang_Datei_Dragover,.ITML_Objekt_Anhang_Datei_Dragover { color: #BA0C2F; border-color: #BA0C2F; }
.ITML_Objekt_Neu_Anhang_Datei_Dragleave,.ITML_Objekt_Anhang_Datei_Dragleave { color: darkgrey; border-color: darkgrey; }
.ITML_Objekt_Neu_Anhang_Datei_Dropped,.ITML_Objekt_Anhang_Datei_Dropped { color: #BA0C2F; border-color: #BA0C2F; }
.Thumbnail_ITML_Objekt_Neu_Anhang_Datei_Abbrechen,.Thumbnail_ITML_Objekt_Anhang_Datei_Abbrechen { color:darkgrey; }
.block_input_itml { border-bottom: 1px solid white; }
.sel_txt_itml { background-color: white !important; outline: white; color: #BA0C2F!important; }
.sel_drag_drop_area_itml { border: 1px solid lightgrey; background-color: white; color: #BA0C2F; }
#EingabeITMLObjekt { background-color:#dfdfdf; }
#selHeadlineAuftraggeber, #selHeadlineProjekt { font-family: F2F-Regular,Helvetica,Arial,sans-serif; color: #808285; background-color:transparent; }

/*####################################### Schriften ##################################################################*/

@font-face { font-family: STEInfoWeb;            src: url(../fonts/STEInfoWeb.woff2)            format("woff2"); font-display: swap; rel: 'preload';}
@font-face { font-family: F2F-Regular;           src: url(../fonts/F2F-Regular.woff)            format("woff");  font-display: swap; rel: 'preload';}
@font-face { font-family: F2F-Bold;              src: url(../fonts/F2F-Bold.woff)               format("woff");  font-display: swap; rel: 'preload'; font-weight:400!important; }
@font-face { font-family: STEInfoWebBold;        src: url(../fonts/STEInfoWebBold.woff2)        format("woff2"); font-display: swap; rel: 'preload'; font-weight:400!important; }
@font-face { font-family: F2FOCRBczykCom-Regular;src: url(../fonts/F2FOCRBczykCom-Regular.woff) format("woff");  font-display: swap; rel: 'preload'; }

/*####################################### Farben ##################################################################*/

.color_1 {color: #BA0C2F !important}
.color_2 {color: black !important}
.color_3 {color: dimgrey !important}
.color_4 {color: #8e8e8e !important}
.color_5 {color: lightgrey !important}
.color_6 {color: white !important}
.color_7 {color: darkgrey !important}

.border_color_1 { border-color: #BA0C2F!important;}
.border_color_2 { border-color: #748083! important;}
.border_color_3 { border-color: darkgrey! important;}
.border_color_4 { border-color: white! important;}
.border_color_5 { border-color: #8e8e8e! important;}

.background_color_1 { background-color:#BA0C2F!important}
.background_color_2 { background-color:white!important}
.background_color_3 { background-color:#f7f7f7!important}
.background_color_4 { background-color:#efefef!important}
.background_color_5 { background-color:#8e8e8e!important}

.hover_color_1:hover { color:#BA0C2F!important }
.hover_color_2:hover { color:black!important }
.hover_color_3:hover { color:white!important }
.hover_background_color_1:hover { background-color:#BA0C2F!important }
.hover_background_color_2:hover { background-color:#f7f7f7!important }
.hover_background_color_3:hover { background-color:#8e8e8e!important }
.hover_border_color_1:hover { border-color: #BA0C2F!important; }
.hover_border_color_2:hover { border-color: #748083! important; }
.hover_border_color_3:hover { border-color: lightgrey! important; }
.hover_border_color_4:hover { border-color: #f7f7f7! important; }

.stroke_color_1 { stroke: #BA0C2F !important; }
.checkmark_circle { stroke: #BA0C2F; fill: white; }
.checkmark { stroke: #BA0C2F; }
  
/*####################################### Headlines ##################################################################*/

h1, h2, h3 { color: #748083; }
li:before { background-color: #BA0C2F; }

.headline_grey_1{float: left; font-size: 43px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_grey_2{float: left; font-size: 35px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_grey_3{float: left; font-size: 24px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}

.headline_colored_1{float: left; font-size: 43px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_colored_2{float: left; font-size: 35px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_colored_3{float: left; font-size: 24px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}

.headline_black_1{float: left; font-size: 43px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_black_2{float: left; font-size: 35px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.headline_black_3{float: left; font-size: 24px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 400;margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}

.subline_grey_1{float: left; font-size: 22px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: 30px; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_grey_2{float: left; font-size: 20px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_grey_3{float: left; font-size: 17px; color: #777; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}

.subline_colored_1{float: left; font-size: 22px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: 30px; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_colored_2{float: left; font-size: 20px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_colored_3{float: left; font-size: 17px; color: #BA0C2F; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}

.subline_black_1{float: left; font-size: 22px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: 30px; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_black_2{float: left; font-size: 20px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
.subline_black_3{float: left; font-size: 17px; color: black; font-family: STEInfoWeb,Helvetica,Arial,sans-serif; font-weight: 200; margin-bottom: 10px; width: 100%; line-height: normal; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}