/*@charset "UTF-8";
/*!
 * Sonepar Solution|Z
*/

/* Schriften. */
@font-face {
	font-family: "Roboto-Bold";
	font-weight: normal;
	font-style: normal;
	src: url("https://www.sonepar.de/authentication/fonts/Roboto-Bold.ttf");
}

@font-face {
	font-family: "Roboto-Light";
	font-weight: normal;
	font-style: normal;
	src: url("https://www.sonepar.de/authentication/fonts/Roboto-Light.ttf");
}

@font-face {
	font-family: "Roboto-Medium";
	font-weight: normal;
	font-style: normal;
	src: url("https://www.sonepar.de/authentication/fonts/Roboto-Medium.ttf");
}

@font-face {
	font-family: "Roboto-Regular";
	font-weight: normal;
	font-style: normal;
	src: url("https://www.sonepar.de/authentication/fonts/Roboto-Regular.ttf");
}

/*=======================*/
/*======Body======*/
/*=======================*/

/* Basic styles */
html {
	position: relative;
	min-height: 100%;
	overflow-x:hidden;
}

body {
	color: #272a37;
	font-family: "Roboto-Regular", Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

hr {
	border: 2px solid #F4F4F4;
}

@media (min-width: 720px) {
	body {
		font-size: 17px;
		line-height: 24px;
	}
}

@media (min-width: 1440px) {
	.margin-top-40-growing {
		margin-top: 60px;
	}
}

.navbar.sign-in-header{
	padding:12px;
}

header.sonepar-header .sonepar-logo.sonepar-logo-right {
	height: auto;
	max-width: 150px;
	width: 100%;
}

@media (max-width: 719px) {
	header.sonepar-header .sonepar-logo.sonepar-logo-right {
		height: auto;
		max-width: 80px;
		width: 100%;
	}
	header.sonepar-header .sonepar-logo.sonepar-logo-right {
		display: inline-block;
	}
}

/* XS - SM */
@media (max-width: 768px) {
	.alert, 
	.card .btn, 
	.can-toggle.input-group-text label .can-toggle__label-text,
	.input-group-text, 
	table {
		font-size: 0.75rem;
	}
	label {
		font-size: 0.85rem;
	}	
	.logo img{
		max-height: 20px;
	}
	main.container {
		margin-top: 52px;
	}
}
/* MD - XL */
@media (min-width: 769px) {
	.alert, 
	.card .btn:not(.btn-lg):not(.btn-sm),
	.can-toggle.input-group-text label .can-toggle__label-text,
	.input-group-text, 
	table{
		font-size: 0.85rem;
	}
	label {
		font-size: 0.95rem;
	}	
	.logo img{
		max-height: 48px;
	}
	main.container {
		margin-top: 68px;
	}	
}
/*=======================*/
/*======Button======*/
/*=======================*/

.btn {
	cursor: pointer;
}

.btn-sz, .btn-sz-rev {
  background-color: #95A2AB;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 800;
  color: #fff;
}

.btn-sz:hover, .btn-sz-rev:hover {
  background-color: #009EE3;
  color: #fff;
}

.btn-sz:focus, .btn-sz-rev:focus {
  color: #fff;
}

.btn-sz-rev {
  background-color: #009EE3;
}

.btn-sz-rev:hover {
  background-color: #95A2AB;
}

/*=======================*/
/*======font-size======*/
/*=======================*/
/* XS - SM */
@media (max-width: 767px) {
	.alert, 
	.card .btn, 
	.can-toggle.input-group-text label .can-toggle__label-text,
	.input-group-text, 
	footer,
	table {
		font-size: 0.75rem;
	}
	label {
		font-size: 0.85rem;
	}	
}
/* MD - XL */
@media (min-width: 768px) {
	.alert, 
	.card .btn:not(.btn-lg):not(.btn-sm),
	.can-toggle.input-group-text label .can-toggle__label-text,
	.input-group-text, 
	footer,
	table{
		font-size: 0.85rem;
	}
	label {
		font-size: 0.95rem;
	}	
}

/*
* 
* Sonepar Footer 
*
*/
footer.sonepar-footer {
  background: #F4F4F4 0 0 no-repeat padding-box;
  bottom: 0;
  display: block;
  font-family: "Roboto-Light", Arial, sans-serif;
  padding: 0;
  position: relative;
  width: 100%;
}

footer .sonepar-footer-top {
  height: 70px;
  padding: 20px;
}
footer .sonepar-footer-bottom {
  background: #009ee3 0 0 no-repeat padding-box;
  color: #ffffff;
  font-size: 14px;
  padding: 20px;
}

@media (min-width: 1320px)
.sonepar-container {
  width: 1270px;
  margin: auto;
}

.sonepar-container {
  width: 95%;
  margin: 0 auto;
}

footer .sonepar-footer-top .sonepar-social-media a {
  color: #272a37;
  margin-left: 15px;
  
}

footer .sonepar-footer-bottom a {
  color: #ffffff;
  font-size: 14px;
}

.sonepar-link-spearator {
  margin: 0 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
	align-self: center;
}

.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item {
	padding-left: .5rem;
	display: flex;
}
.breadcrumb-chevron .breadcrumb-item + .breadcrumb-item::before {
	color: inherit;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.5 9.5'%3E%3Cpath fill='none' stroke='rgba(0, 0, 0, 0.6)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.8 8.8l4-4-4-4'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.5 9.5'%3E%3Cpath fill='none' stroke='rgba(0, 0, 0, 0.6)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d='M.8 8.8l4-4-4-4'/%3E%3C/svg%3E");
	width: 0.6em;
	margin-left: 0.2em;
	margin-right: 0.6em;
	height: 0.8em;
	content: "";
	display: inline-block;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}


.las, .lab, .la {
	font-size: 18px;
}
.lax1 {
	font-size: 16px;
}
.lax2 {
	font-size: 24px;
}
.lax3 {
	font-size: 32px;
}
.lax4 {
	font-size: 48px;
}
.lax5 {
	font-size: 64px;
}

html body > img {
	display:none;
}


/** Container */
@media (min-width: 1280px) {
	#main-container {
		min-height: 100vh;
	}
}

/** Content */
#content-main-column header {
	margin-bottom: 40px;
}

#content-main-column ul {
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
	list-style: none;
}

#content-main-column ul li::before {
	content: "• ";
	color: #009ee3;
}

#content-main-column ul li>ul {
	margin-left: 1rem;
}

#logo-notagline {
	height: 1.6rem;
}

#logo-website {
	height: 3rem;
}

#content-main-column {
	padding: 20px 20px 30px 20px;
}

@media (min-width: 720px) {
	#content-main-column {
		padding: 30px 24px 40px 24px;
	}
}

@media (min-width: 1280px) {
	#content-main-column {
		padding: 40px 72px 60px 72px;
	}
}

@media (min-width: 1440px) {
	#content-main-column {
		padding: 60px 80px 60px 80px;
	}

	#content-main-column header {
		margin-bottom: 60px;
	}
}


/* Registration-Teaser */
#sonepar-registration-teaser-wrapper {
	height: 500px;
	background-image: url('https://www.sonepar.de/authentication/img/registrationteaser-1-bg-sm.jpg'); 
	background-position: center;
	position: relative;
}

#sonepar-registration-teaser-textbox {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80%;
	background-color: var(--c-sonepar-blue);
	background-color: #009ee3;
	color: white;
	padding: 20px;
}

#sonepar-registration-teaser-textbox ul {
	list-style-type: none;
	padding-inline-start: 0;
}

#sonepar-registration-teaser-textbox li {
	margin-bottom: 9px;
}

#sonepar-registration-teaser-textbox ul li::before {
	content: "\f058";
	font-family: 'Line Awesome Free';
	margin-right: 12px;
	font-size: 20px;
}


@media (min-width: 720px) {
	#sonepar-registration-teaser-wrapper {
		height: 600px;
		background-image: url('https://www.sonepar.de/authentication/img/registrationteaser-1-bg-md.jpg');
		background-size: cover;
	}

	#sonepar-registration-teaser-textbox {
		padding: 40px;
	}
}

@media (min-width: 1280px) {
	#sonepar-registration-teaser-wrapper {
		/*height: 720px;*/
		height: 100vh;
		position: sticky;
		top: 0;
		background-image: url('https://www.sonepar.de/authentication/img/registrationteaser-1-bg-lg.jpg');
	}

	#sonepar-registration-teaser-textbox {
		width: 60%;
	}
}

@media (min-width: 1440px) {
	#sonepar-registration-teaser-wrapper {
		height: 100vh;
		background-image: url('https://www.sonepar.de/authentication/img/registrationteaser-1-bg-xl.jpg');
	}
}

a.sonepar-back-link {
  color: #7D7F87;
  text-decoration: none;
  font-family: "Roboto-Medium", Arial, sans-serif;
}

@media (min-width: 720px) {
	.sonepar-text-link {
		margin-bottom: 30px;
	}
}
	
.sonepar-text-link {
	color: #009ee3;
	font-family: "Roboto-Medium", Arial, sans-serif;
	text-decoration: underline;
}