@charset "UTF-8";
/****************************/
/** Imports **/
/****************************/
@import url(../fonts/font.css);

/****************************/
/** Font **/
/****************************/
body{
	font-family: 'OpenSans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"' !important;
	cursor:default;
	color: #5B575E;
	background: url(../img/cms/bg_nolta_cms.png) !important;
     /** scroll-fix **/
	 min-height: 100vh; height: 100vh; 
     display:block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.hk-pg-wrapper .container-fluid{
	min-height: calc( 100vh + 400px ); height: calc( 100vh + 400px ); 
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, 
div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, 
big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, center, dl, dt, 
dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary, time, mark, 
audio, video{
	font-family: 'OpenSans' !important
}
.font-75{
	font-size: 75px !important;
}

/****************************/
/** Farben **/
/****************************/
.color-nolta-1{
	color:#DB002E !important;
}
.color-nolta-2{
	color:#B1B3B4 !important;
}
.color-nolta-3{
	color:#58585A !important;
}
.bg-nolta-1{
	background-color: #DB002E !important;
	color: #FFF !important;
}
.bg-nolta-2{
	background-color: #3F3E40 !important;
	color: #B1B3B4 !important;
}
.bg-nolta-3{
	background-color: #cfcfcf;
	background-image: url(../img/landing/mv2_d_4535_2268_s_2.jpg) !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
}
.border-nolta-1 {
    border-color: #B1B3B4 !important;
}
.shadow-nolta-1 {
    box-shadow: 0 1px 1px #B1B3B4 !important;
}
.grad-nolta-1 {
	background: -prefix-linear-gradient(top, #1A171B, #3F3E40) !important; 
	background: linear-gradient(to bottom, #1A171B, #3F3E40) !important;
}

.hk-wrapper,
.hk-pg-wrapper{
	background: none !important;
}

hr{
	border-top: 1px solid #5B575E;
}

.dropdown-menu .dropdown-item .dropdown-icon{
	color: unset;
}

a, .hk-breadcrumb .breadcrumb.breadcrumb-light .breadcrumb-item > a{
	color:#5B575E;
}

.hk-wrapper .hk-navbar .nav-link,
.hk-wrapper .hk-navbar .nav-link-hover,
.hk-auth-wrapper *:not(h6){
	color:#AEAFB0;
}

a:hover:not(.btn), a span:hover:not(.btn),
a:focus:not(.btn), a span:focus:not(.btn){
	color:#DB002E !important;
}

footer:not(.bg-white) *, footer:not(.bg-white) a{
	color:#AEAFB0;
	font-size: 13px;
}


/****************************/
/** Text **/
/****************************/
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-20::after{
	margin-left: 20px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-30::after{
	margin-left: 30px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-40::after{
	margin-left: 40px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-50::after{
	margin-left: 50px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-20::before{
	margin-right: 20px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-30::before{
	margin-right: 30px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-40::before{
	margin-right: 40px;
}
.hk-pg-wrapper.hk-auth-wrapper .auth-form-wrap .auth-form .option-sep.option-sep-50::before{
	margin-right: 50px;
}
/****************************/
/** Bilder **/
/****************************/
.img-nolta-os{
	height: 100%;
	width: 100%;
	max-width: 300px;
}
.img-nolta-default-1{
	position: absolute;
	top: calc(50% - 112px);
	left: 50%;
	width: 61px;
	height: 61px;
}
/****************************/
/** FakeSPAM **/
/****************************/
.noltaterms{
	display:none;
}
/****************************/
/** CSM-Page **/
/****************************/
input[type=text],
input[type=password],
input[type=email]{
	border: none !important;
    border-bottom-color: currentcolor !important;
    border-bottom-style: none !important;
    border-bottom-width: medium !important;
	border-bottom: 1px solid #B1B3B4 !important;
	background: #ffffff1a !important;
	border-radius: unset !important;
	color: #B1B3B4 !important;
}

.btn {
    text-transform: unset;
	background-color: #DB002E;
	color: #FFF;
	border: none;
	border-radius: unset;
}
.btn:hover{
	background-color: #FFF;
	color: #DB002E;
	border: none;
	cursor: pointer;	
}
/****************************/
/** Nolta-Slider **/
/****************************/
.nolta-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 62px;
  height: 34px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #3E3D40;
}

.nolta-switch:before {
	content: "";
	display: block;
	position: relative;
	z-index: 2;
	width: calc(100% - 22px);
	height: calc(100% - 22px);
	background-color: #DB002E;
	border-radius: 34px;
	left: 11px;
	top: 11px;
	border-radius: ;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transition: background-color ease 0.3s;
}

.nolta-switch:checked:before {
	background-color: #7ACA92;
}

.nolta-switch:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 26px;
	height: 26px;
	background-image: linear-gradient(#AFB1B2, #757678);
	left: 8px;
	top: 4px;
	border-radius: 50%;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s;
}
.nolta-switch:checked:after {
	left: 30px;
}
/****************************/
/** Bei Auflösung **/
/****************************/
@media (max-width: 1199px) { 
	.hk-wrapper .hk-navbar.grad-nolta-1 .navbar-collapse{
		background-color: #3F3E40 !important;
		color: #B1B3B4 !important;
	}
	.hk-wrapper .hk-navbar.hk-navbar-alt.grad-nolta-1 .navbar-collapse {
		top: 126px !important;
	}
}
@media (min-width: 1200px) { 
	.hk-landing .hk-preview-sec .container{
		padding: 40px 70px 0 0 !important;
	}
	.hk-landing .hk-preview-sec .container h1{
		font-size: 68px !important;
	}
	#page_product h2.color-nolta-1,
	#page_aboutus h2.color-nolta-1,
	#page_contact h2.color-nolta-1{
		font-size: 75px !important;
	}
}