@charset "ISO-8859-1";
@import url("soko_responsive.css");

/* montserrat-regular - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/montserrat-v25-latin_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin_cyrillic-regular.woff') format('woff');
}

/* montserrat-600 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/montserrat-v25-latin_cyrillic-600.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin_cyrillic-600.woff') format('woff');
}

/* montserrat-800 - latin_cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/montserrat-v25-latin_cyrillic-800.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin_cyrillic-800.woff') format('woff'); 
}

:root {
	--rot: #9a989a;
	--weiss: #ffffff;
	--grau: #cac8c9;
	--blau: #615f61;
}

body {
	font-family: Montserrat, Arial, sans-serif;
}

b {
	font-weight: 600;
}
a:hover {
	color: var(--rot);
}

select {
	font-family: Montserrat, Arial, sans-serif;
	cursor: pointer;
}
input {
	font-family: Montserrat, Arial, sans-serif;
}
input[type="checkbox"] {
	cursor: pointer;
	accent-color: var(--blau);
}
input[type="radio"] {
	accent-color: var(--blau);
	margin-bottom: 2px;
}
div {
	font-family: Montserrat, Arial, sans-serif;
}
label, .schnellerfassung label {
	font-family: Montserrat, Arial, sans-serif;
}

div.headline_logo {
	background-image: url('../pic/mandant58/header.jpg');
}
div.headline_warenkorb_gesamt {
	background-image: url("../pic/mandant58/warenkorb.png");
	background-position: 14px 6px;
}
#musterslider {
    background-image: url("../pic/mandant58/slideleft.gif");
}
#musterslider.open {
	background-image: url("../pic/mandant58/slideright.gif");
}

#welcometext {
    bottom: auto;
    font-size: 16px;
    left: 20px;
    right: auto;
    top: 30px;
    width: 400px;
}

#welcometext a, #welcometext a:LINK, #welcometext a:VISITED {
	color: white;
}

.switch-button-label.on{
	color: #9ab715;
}

.materialzusammensetzung{
	display: none;
}
.artikelanzeige_vkpreis {
/* display: none; */
}

tr.terminaufschlag {
	display: table-row;
}

div.preis_hinweis img.info {
	float: left;
}

span.nz_modellname {
/*	display: none;	*/
}

span.masshinweis {
    font-style: italic;
    margin-left: 10px;
    display: inline-block;
    color: #727272;
    font-size: 12px;
}

#check_endkundenlieferung {
	display: none;
}
input[name='storno'] {
	display: block;
}

#menu {
    top: 181px;
}

#head_bestellvorgang {
	color: var(--rot);
    font-weight: 800;
    font-size: 16px;
    margin-top: 26px;
}
#aktuelle_auswahl_text {
	color: var(--rot);
    font-weight: 400;
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}

.muster_schnell_vorschau {
    width: 90px;
    height: 90px;
}

.transparent_box_umbruch {
	text-shadow: none;
}
.menu_konfig_text {
	text-transform: uppercase;
	left: 0px;
	color: #000000;
	position: relative;
}
.selcolor .menu_konfig_text {
	color: var(--rot);
}
#menu_schnellerfassung .menu_konfig_text {
	color: var(--rot);
	left: 20px;
}
.menu_konfig_text b {
	font-weight: 800;
}
.selcolor .menu_konfig_zahl, .selcolor .menu_konfig_zahl_wk {
	color: var(--rot);
	position: relative;
}

.submenu_hidden {
    border: 1px solid var(--grau);
    background-color: var(--weiss);
    overflow-x: hidden;
    overflow-y: hidden;
     transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
#hm_produktgruppen li, #hm_gruppen li {
	height: 32px;
	margin-right: 0;
}
.submenu_hidden li a {
    background-color: unset !important;
    height: 32px;
    font-size: 15px;
    text-transform: none;
    border: none;
    padding: 8px 20px 0px 20px;
    position: relative;
    transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
}
.submenu_hidden li a:hover {
	color: var(--rot);
	transform: translate(10px, 0);
}
.vermassung_content {
	width: 71%;
}

input.mass_input_button, button.mass_input_button, #login_logout input, #login_logout button, 
a.wk_loeschen_button.info_button3, a.wk_aendern_button.info_button3, a.wk_angebot_button.info_button3,
#anmeldung_button, .info_button4 {
	width: 150px;
	height: 42px;
	color: var(--rot);
	background-color: var(--weiss);
	border: 1px solid var(--rot);
	font-weight: 400;
	font-size: 15px;
	margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
#login_logout input, #login_logout button {
    margin-top: 7px;
    transition: all 0.3s ease-in-out;
}
a.wk_loeschen_button.info_button3 {
    display: block;
    max-height: 30px;
    padding-top: 10px;
}
a.wk_aendern_button.info_button3 {
    display: block;
    max-height: 30px;
    padding-top: 10px;
}
a.wk_angebot_button.info_button3 {
    display: block;
    max-height: 30px;
    padding-top: 10px;
}
#anmeldung_button {
	margin-top: 2px;
	cursor: pointer;
}
#remember-me {
	cursor: pointer;
}
#login_page .info_button3, #register_form .info_button2 {
	width: 150px;
    height: 20px;
    color: var(--rot);
    background-color: var(--weiss);
    border: 1px solid var(--rot);
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    padding-top: 10px;
    padding-bottom: 10px;
}
#register_form .info_button2 {
	width: 148px;
	margin-bottom: 52px;
}
#register_form .info_button4 {
	width: 150px;
	margin-top: 0px;
	font-size: 15px !important;
}
input#reg_kennwort_button {
    width: auto;
    padding: 0px 10px;
    left: 20px;
    position: absolute;
}
input#reg_kennwort_button.info_button4.kennwort_neu {
	width: auto;
}
input.mass_input_button:hover, button.mass_input_button:hover, 
#login_logout input:hover, #login_logout button:hover, 
a.wk_loeschen_button.info_button3:hover,
a.wk_aendern_button.info_button3:hover, a.wk_angebot_button.info_button3:hover, 
#login_page .info_button3:hover, #anmeldung_button:hover, .info_button4:hover, 
#register_form .info_button2:hover {
	color: var(--weiss);
	background-color: var(--rot);
}

div.mass_input_button {
	width: 136px;
    height: 30px;
    color: var(--blau);
    background-color: var(--weiss);
    border: 1px solid var(--blau);
    font-weight: 400;
    font-size: 15px;
    padding: 10px 6px 0px 6px;
    transition: all 0.3s ease-in-out;
}
div.mass_input_button:hover {
	color: var(--weiss);
	background-color: var(--blau);
}

div.warenkorb_in_button, div.weiter_button_sel, div.zurueck_button_sel, input.weiter_button_sel, div.weiter_button {
	border: 1px solid var(--rot);
    border-radius: 0;
    background-color: var(--rot);
    height: 42px;
    font-size: 15px;
    padding: 0;
    width: 160px;
    transition: all 0.3s ease-in-out;
}
div.warenkorb_in_button:hover, div.weiter_button_sel:hover, div.zurueck_button_sel:hover, input.weiter_button_sel:hover, div.weiter_button:hover {
    background-color: var(--weiss);
    color: var(--rot) !important;
}
a.warenkorb_in_button, div.weiter_button_sel a.weiter_button_sel, div.zurueck_button_sel a.zurueck_button_sel, div.weiter_button a {
    font-size: 15px;
    text-align: center;
    display: block;
    height: 100%;
    color: var(--weiss);
    transition: all 0.3s ease-in-out;
}
a.warenkorb_in_button:hover, a.weiter_button:hover, div.weiter_button_sel a:hover, div.zurueck_button_sel a:hover, div.weiter_button a:hover {
	color: var(--rot) !important;
}
div.weiter_button_sel {
	margin-top: 5px !important;
	height: 40px;
	max-width: 100% !important;
}

#schnell_fachhaendlernummer_submit {
	margin-top: 0px;
}

#preisinfo .preis_preis {
	color: var(--blau);
	font-weight: 600;
}

input.modify_position[type=submit],
button.modify_position[type=submit] {
	width: auto;
	margin-right: 10px;
	clear: none;
}
input.modify_position[name=action_delete],
button.modify_position[name=action_delete] {
	float: left;
}
input.modify_position[name=action_copy],
button.modify_position[name=action_copy] {
	float: left;
}

#schnellauswahl_zum_warenkorb {
	padding: 3px 8px 8px 8px;
}
#raumbild div.positionsuebersicht {
	/*position: sticky;*/
	width: 100%;
	position: relative;
	top: 0px;
}

.gesamt_sel_1 {
	padding-left: 50px;
}
.gesamt_sel_1 img {
	display: none;
}

#aktuelle_auswahl_text i.fas.fa-shopping-cart.fa-2x {
	display: none;
}
#head_bestellvorgang i.fas.fa-shopping-cart.fa-2x {
	position: absolute;
	top: 20px;
	left: 20px;
}
div#weiter_button_zahlung {
    margin-left: 10px;
    margin-right: 10px;
}
.weiter_button_sel .no_print_a, .weiter_button_sel a.no_print {
    color: var(--weiss);
}

form#verarbeitungsrichtungauswahl_form1 {
    margin: 3px 0px 4px 0px;
}
input.mass_input.select_on_focus.numeric_1_decimal.rapporteingabe {
    margin: 2px 0px;
}
#schnell_modellnummer {
	margin-top: 1px;
}
div#artikelanzeige_erweitert1 table tr td:nth-child(1) {
    font-weight: 600;
    padding-right: 5px;
}
span.modellinfo_beschreibung {
    display: inline-block;
    font-weight: 600;
}
.modellinfo_lr span.preisgruppe {
    font-weight: 600;
}
#login_page form td input, #register_form td input{
    margin-bottom: 4px;
}

#info_titel {
	color: var(--rot);
	background-color: var(--weiss);
	font-size: 24px;
}
#info_titelleiste {
	background-color: var(--grau);
}
#info_menu {
	background-color: var(--grau);
}
#agb_neukunde {
	cursor: pointer;
}

.footer_neukunde {
	display: none;
}

.muster_info_button  span.info_i {
    border: 1px solid #000000;
    border-radius: 20px;
    margin-left: 6px;
    padding: 0px 5px 1px 5px;
    font-weight: 700;
}
.muster_info_button  span.info_i:hover {
    color: var(--weiss);
    background-color: var(--rot);
    border-color: var(--rot);
}

li.auswahl a:hover, a.info_button_rund:hover {
	color: var(--rot) !important;
	border-color: var(--rot);
}

.switch-button-label.off {
	color: var(--rot);
}
.switch-button-background {
    background-color: var(--rot);
}
.switch-button-label.on {
	color: var(--blau);
}
.switch-button-background.checked {
    background-color: var(--blau);
}

@media only screen and (min-width: 1800px) {
	#schnellauswahl_zum_warenkorb input.modify_position[name=action_copy],
	#schnellauswahl_zum_warenkorb button.modify_position[name=action_copy] {
		float: none;
	}
}
@media only screen and (max-width: 1068px) {
	#schnellauswahl_zum_warenkorb div.weiter_button_sel {
		float: left;
	}
}
form.email_wk_form {
	display: none;
}
#positionsinfo div.weiter_button_sel {
    margin-left: 5px;
}
#hotline {
	display: none;
}

#mp_rechnung, #mp_liefer, #mp_adresse, #mp_password, #mp_newsletter, #mp_zusatzeinstellungen, #mp_adresschange {
    width: 350px;
}

li.footer_info {
	display: none;
}

#raumbild table tr.highlight_position {
	background-color:  #ebc3be;
}


a.info_button_rund, a.info_button_rund2 {
  width: 26px;
  height: 26px;
}
.info_i {
  padding-left: 0;
  position: relative;
  top: -2px;
  left: 1px;
}

#quick_muster2_form {
	clear: right;
}