/* ALLEGMEINE EINSTELLUNGEN */
body {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	color: black;
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
	overflow-y: auto;
}
body.mobile{
	overflow-x: hidden;
}
* {
	box-sizing: border-box;
}
p, b, strong, a {
	font-size: 14px;
}
a[onclick^=loadModal]{
	cursor: pointer!important;
}
.btn,.btn:hover {
	color: white;
}


img:not(.draggable){
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
}
a, div, li{
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
menu {
	display: none;
}
.product_name {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
form img.preview {
	pointer-events: auto;
}
.margin-0 {margin:0px!important;}
.margin-right-0 {margin-right:0px!important;}
.margin-top-0 {margin-top:0px!important;}
.margin-left-0 {margin-left:0px!important;}
.margin-bottom-0 {margin-bottom:0px!important;}

.margin-bottom-10 {margin-bottom:10px!important;}
.margin-top-10 {margin-top:10px!important;}
.margin-left-10 {margin-left:10px!important;}
.margin-right-10 {margin-right:10px!important;}

.margin-bottom-20 {margin-bottom:20px!important;}
.margin-top-20 {margin-top:20px!important;}
.margin-left-20 {margin-left:20px!important;}
.margin-right-20 {margin-right:20px!important;}






.padding-0 {padding:0px!important;}
.padding-right-0 {padding-right:0px!important;}
.padding-top-0 {padding-top:0px!important;}
.padding-left-0 {padding-left:0px!important;}
.padding-bottom-0 {padding-bottom:0px!important;}

.padding-bottom-10 {padding-bottom:10px!important;}
.padding-top-10 {padding-top:10px!important;}
.padding-left-10 {padding-left:10px!important;}
.padding-right-10 {padding-right:10px!important;}

.padding-bottom-20 {padding-bottom:20px!important;}
.padding-top-20 {padding-top:20px!important;}
.padding-left-20 {padding-left:20px!important;}
.padding-right-20 {padding-right:20px!important;}

/* ALLEGMEINE EINSTELLUNGEN ----- ENDE ----- */
.alert {
	border-width: 0px!important;
	border-left-width: 5px!important;
	border-radius: 0px!important;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	font-weight: bolder;
}
.alert.alert-warning { border-color: #e5b830;}
.alert.alert-info { border-color: #0da8c4;}
.alert.alert-danger { border-color: #c61717;}
.alert.alert-success { border-color: #63aa65;}

.display-block {	display: block!important;	}
.display-inline-block {	display: inline-block!important;	}
.display-inline {	display: inline!important;	}

.width-100 {width: 100%!important;}
.width-75 {width: 50%!important;}
.width-50 {width: 50%!important;}
.width-25 {width: 25%!important;}

.slide_animated:before, .main_form button:before{
	content: "";
	width: 100%;
	height: 100%;
	top: 0px;
	right: 0px;
	background: rgba(0,0,0,0.06);
	position: absolute;
	transition: 0.17s opacity ease 0.03s;
	opacity: 0;
}
.slide_animated:hover:before, .main_form button:hover:before{
	transition: 0.27s opacity ease 0.015s;
	left: 0px;
	right: auto;
	opacity: 1;
}



.slide_animated_top:before{
	content: "";
	width: 100%;
	height: 0%;
	top: 0px;
	right: 0px;
	background: rgba(0,0,0,0.02);
	position: absolute;
	transition: 0.1s height ease-out 0.2s;
}
.slide_animated_top:hover:before{
	height: 100%;
	transition: 0.14s height ease-in 0.2s;
	bottom: 0px;
	top: auto;
}
.overview_box_nav li.active.slide_animated:before,.overview_box_nav li.active.slide_animated_top:before{
	display: none!important;
}
.no-padding {
	padding: 0px!important;
	padding-left: 0px!important;
	padding-top: 0px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
}
.no-margin {
	margin: 0px!important;
	margin-left: 0px!important;
	margin-top: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
}
body.offer_is_out #second_nav, body.offer_is_out #second_content {
	transform: translateX(-25vw);
	transition: 0.35s transform ease;
}

#second_nav, #second_content {
	transition: 0.35s transform ease;
}


/* MAIN-NAVIGATION */
#main_nav {
	position: fixed;
	height: 100%;
	overflow-y: auto;
	padding: 0px!important;
	z-index: 10;
}
#second_nav {
	border-right: 1px solid rgba(0,0,0,0.06);
	height: 100%;
}
#second_nav hr{
	border-color: rgba(0,0,0,0.1);
	width: 100%;
}
#main_nav #main_menu {
	width: 100%;
	padding: 0px;
	text-align: left;
	list-style: none;
	margin-top: 0vw;
}
#main_nav #main_menu hr {
	width: 80%;
	border-color: rgba(255,255,255,0.5);
}

#main_nav #main_menu .main_menu_li {
	width: 100%;
	padding: 0px;
	position: relative;
	overflow: hidden;
}
#main_nav #main_menu .main_menu_li a{
	line-height: 50px;
	padding: 0px 24px;
	color: white;
	display:block;
	text-transform: none;
	text-decoration: none;
	font-weight: 100;
	letter-spacing: 0px;
	font-size: 16px;
	white-space: nowrap;
	cursor: pointer;
}
#main_nav #main_menu .main_menu_li a i.fa{
	margin-right: 0.6vw;
}
#main_nav #main_menu .main_menu_li:hover a{
	background: rgba(0,0,0,0.2);
}
#main_nav #main_menu .main_menu_li a.active_link{
	border-left: 6px solid  #0066b1;
	background-color: #363636;
	background: #1d1d1d;
	position: relative;
	background: -moz-linear-gradient(left, #1d1d1d 0%, #363636 100%);
	background: -webkit-linear-gradient(left, #1d1d1d 0%,#363636 100%);
	background: linear-gradient(to right, #1d1d1d 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#363636',GradientType=1 );
	padding: 0px 18px;
}
#main_nav #main_menu .main_menu_li .main_menu_sub{
	padding-left: 0px;
	list-style: none;
	height: 0px;
	transition: 0.3s height ease;
}
#main_nav #main_menu .main_menu_li .main_menu_sub a{
	padding-left: 70px;
	line-height: 35px;
	font-size: 12px;
}
#main_nav #main_menu .main_menu_li .main_menu_sub a.active_link {
	padding: 0px 64px;
}
#main_nav #main_menu .main_menu_li:hover .main_menu_sub, #main_nav #main_menu .main_menu_li.active_link_li .main_menu_sub{
	height: 70px;
	transition: 0.3s height ease 0.5s;
}
#lang_switch {
	list-style: none;
	padding: 0px;
	font-size: 0px;
	text-align: left;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0px 5% 0px 5%;
	background: rgba(255,255,255,0.045);
}
#lang_switch .lang_flagg{
	padding: 10px 0.2vw;
	cursor: pointer;
	transition: 0.3s transform ease;
}
#lang_switch .lang_flagg img{
	max-width: 100%;
	width: 22px;
}
#lang_switch .lang_flagg:hover img{
	transition: 0.3s transform ease;
}
#lang_switch .lang_flagg:hover img{
	transform: scale(1.07);
	transition: 0.3s transform ease;
}

.toggle_mobile_menu {
	line-height: 60px;
	height: 60px;
	position: fixed;
	z-index: 12;
}
.toggle_mobile_menu .menu_toggle{
	text-align: right;
	font-size: 25px;
	cursor: pointer;
}

/* MAIN-HEADER */

#main_nav #main_header{
	padding: 10px;
	text-align: center;
	padding: 25px 0px;
}
#main_nav #main_header .main_logo {
	height: 100%;
	max-height: 80px;
	text-align: center;
	text-align: center;
}

/* MAIN-HEADER ----- ENDE ----- */

/* MAIN-NAVIGATION ----- ENDE ----- */



#second_nav {
	height: calc(100vh - 80px - 35px)!important;
	overflow-y: auto;
}


/* MAIN-CONTENT */
#user_header{
	background: rgba(255,255,255,0.9);
	text-align: right;
	position: fixed;
	bottom: 0px;
	right: 0px;
	line-height: 35px;
	padding: 0px 0px;
	box-sizing: border-box;
	border-top: 1px solid #0067B0;
	z-index: 102;
}

.user_header-offer_list_wrapper i{
	cursor: pointer;
	padding: 10px;
}

#offer_list > .col-md-12 {
	padding: 10px 0px!important;
}
#offer_list > .col-md-12 .alert{
	line-height: 18px;
}
#offer_overview {
	position: absolute;
	top: 0px;
	right: 0px;
	transform: translate(100%, -100%);
	margin-top: -1px;
	width: 25vw;
	display: block;
	text-align: left;
	border-left: 1px solid #0067B0;
	height: calc(100vh - 80px - 36px) !important;
	transition: 0.35s transform ease;
}
#offer_overview.out {
	transform: translate(0%, -100%);
	transition: 0.35s transform ease; 
}
#offer_overview >.fragment{
	background: rgba(255,255,255,0.96);
	height: 100%;
}




.small_offer_table {
	text-align: left;
}

.small_offer_table td{
	vertical-align: top!important;
}


.small_offer_table input[type=number]{
	-moz-appearance:textfield;
	-webkit-appearance:textfield;
	appearance:textfield;
	text-align: right;
	border: none;
}
.small_offer_table button{
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	text-align: right;
	border: 1px solid rgba(0,0,0,0.1);
	background: none!important;
	color: red!important;
}

#offer_overview ul {
    padding-left: 10px!important;
    list-style: square!important;
    max-width: 200px;
    text-align: left;
    line-height: 15px;
    font-size: 11px;
    max-width: 230px;
    width: 100%;
}
#offer_overview ul li{
   	margin-bottom: 10px;
}
#main_content {
	position: relative;
	float: right;
	padding: 0px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-bottom: 20px;
	background-color: #F1F1F1;
	min-height: 100vh;
}
#main_content > .second_content_wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
}
#second_content {
	background: #f9f9f9;
	min-height: 100%;
	padding: 15px;
    background: #f9f9f9;
    float: right;
    height: calc(100vh - 80px - 35px) !important;
    overflow-y: auto;
    overflow-x: hidden;
}

#second_content.users {
	background: #f9f9f9;
	padding: 0px;
    background: #f9f9f9;
    min-height: 0px;
    float: left;
    height: 100%!important;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
#loadingDiv {
	position: fixed;
	overflow: hidden;
	right: 0px;
	top: 0px;
	height: 100%;
	z-index: 99;
	background: white;
	text-align: center;
}
#loadingDiv img{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	height: 200px;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;         
}
#main_content h1, #main_modal h1 {
	display: block;
	width: 100%;
	padding: 0px 30px;
	line-height: 80px;
	max-height: 80px;
	font-size: 22px;
	color: white;
	text-transform: uppercase;
	margin: 0px;
	letter-spacing: 2px;
	font-weight: 100;
}
#main_content h2, #main_modal h2 {
	display: block;
	width: 100%;
	max-height: 50px;
	line-height: 50px;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: 100;
	margin-top: 0px;
	position: relative;
}
#main_modal h2 {
	color: #1D1D1D;
	padding: 0px;
	line-height: 35px;
	max-height: 35px;
}
#main_modal h3 {
	font-weight: 600;
	font-size:16px;
	text-transform: uppercase;
}
#main_content .content {
	padding: 10px 0px 0px 10px;
}
#main_content .overview_box {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

#main_content .overview_box{
	padding: 0px;
}
#main_content .overview_box .overview_box_nav{
	display: flex;
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
	position: relative;
}
#main_content .overview_box .overview_box_nav li{
	flex: 1;
	margin: 0px;
	position: relative;
	filter: drop-shadow(2px 0px 2px rgba(0,0,0,0.6));
}
#main_content .overview_box .overview_box_nav li.active{
	background: rgba(0,0,0,0.02);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.76) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.02)), color-stop(100%, rgba(0,0,0,0.76)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.76) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.76) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.76) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.02) 0%, rgba(0,0,0,0.76) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
#main_content .overview_box .overview_box_nav li a{
	color: white;
	display: block;
	width: 100%;
	height: 400px;
	position: relative;
}
#main_content .overview_box .overview_box_nav li.active:after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateY(100%) translateX(-50%);
	width: 0; 
   	height: 0;
   	border-top: 10px solid #00091A;
   	border-left: 15px solid transparent; 
   	border-right: 15px solid transparent; 
}
#main_content .overview_box .overview_box_nav li a > span{
	display: inline-block;
	width: 100%;
	mix-blend-mode: overlay;
    opacity: 0.75;
    transition: 0.3s background-color ease;
}
#main_content .overview_box .overview_box_nav li.active a > span{
	mix-blend-mode: normal;
    opacity: 1;
}
#main_content .overview_box .overview_box_nav li a span.overview_box_nav_icon{
	font-size: 150px;
	font-weight: 900;
	margin-top: 50px;
	
}
#main_content .overview_box .overview_box_nav li a span.overview_box_nav_text{
	font-size: 19px;
	font-weight: 100;
	text-transform: uppercase;
}

#main_content .tab-content{
	margin:0px;
	padding: 0px;
}
#main_content .tab-content h2 {
	display: block;
	width: 100%;
	max-height: 60px;
	line-height: 60px;
	padding: 0px 20px;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: 100;
	position: relative;
	background-color: white!important;
	color: rgba(0,0,0,0.7)!important;
	font-weight: 100;
}

#main_content .tab-content h2 a i.fa{
	margin-right: 10px;
}


.main_form img.preview{
}
.main_form input, .main_form select{
	line-height: 50px;
	outline: none;
	border: none;
	border-bottom:1px solid rgba(0,0,0,0.25);
	background: rgba(0,0,0,0.0);
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	transition: 0.3s border-color ease;
	font-weight: 400;
	letter-spacing: 0.5px;
}
.main_form#searchform input, .main_form#searchform select{
	border-bottom: none;
}
.main_form input[type="checkbox"]{
	height: 30px;
	width: 30px;
	vertical-align: -8px;
	border: none
}
.main_form select {
	height: 50px;
}
.main_form input:active {;
	outline: none;
}
.main_form button {
	line-height: 45px;
	outline: none;
	border: none;
	border-radius: 0px;
	color: white;
	text-transform: uppercase;
	text-align: left;
}
.main_form label {
	margin: 10px 0px;
}

.main_form label .fa{
	font-size: 18px;
	color: rgba(0,0,0,0.7);
	line-height: 50px;
	margin: 0px;
	padding: 0px;

}
.main_form button i.fa{
	color: white;
	margin: 0px 0.6vw;
	vertical-align: baseline;

}
.main_form button.small-btn i.fa{
	margin: 0 auto;
	text-align: center;

}
.main_form button.small-btn{
	text-align: center;
}
.main_form label > span:first-child {
	background: rgba(0,0,0,0.0);
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.main_form:not(#searchform) label.active_input input {
	transition: 0.3s border-color ease;
	border-bottom:1px solid #004A87;
}




/* USER */
#main_content .user_table_wrapper {
	overflow-y: scroll;
	position: relative;
	max-height: 44vh;
	display: block;
}
#main_content .user_table_wrapper table {
	position: relative;
	width: 100%;
	overflow-x: hidden!important;
}

#main_content .user_table_wrapper table tr{
	cursor: pointer;
	position: relative;
}
#main_content .user_table_wrapper table tr:hover{
	outline: 1px solid #1D1D1D!important;
}
#main_content .main_table tr:nth-child(odd){
	background-color: rgba(0,0,0,0.023);
}
#main_content .main_table thead{
	background-color: #0066b1;
	color: white;
	text-transform: uppercase;
}
#main_content .main_table td, #main_content .main_table th{
	padding: 10px 20px;
}

#main_content #edit_user_form,
#main_content .user_settings,
#main_content .user_image_wrapper {
	padding-left: 0px!important;
	padding-right: 0px!important;
}

#main_content .user_editor .user_image_wrapper{
	background: #1d1d1d;
	background: -moz-linear-gradient(left, #1d1d1d 0%, #363636 100%);
	background: -webkit-linear-gradient(left, #1d1d1d 0%,#363636 100%);
	background: linear-gradient(to right, #1d1d1d 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#363636',GradientType=1 );
	min-height: 200px;
}
.fragment {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
	background: white;
	padding: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-top: 0px;
	}
.active_user_row {
	background: -moz-linear-gradient(left, #1d1d1d 0%, #363636 100%);
	background: -webkit-linear-gradient(left, #1d1d1d 0%,#363636 100%);
	background: linear-gradient(to right, #1d1d1d 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#363636',GradientType=1 );
	color: white!important;
	font-weight: 900;
	box-sizing: border-box;
	outline: 0px solid transparent!important;
}




/* CLIENTS */
.client-boxes-wrapper .client_box{
	overflow: hidden;
	position: relative;
	cursor: pointer;
	color: #0066b1;
	height: auto;
	display: inline-block;
}


.client_box .client_box_thumb {
	overflow: hidden;
	height:12vw;
	width: 100%;
	max-width: 100%;
	padding: 0px;
	background-color: white!important;
}
.client_box .client_box_thumb img{
	transform: translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	/*min-height: 60px;
	width: auto;
	max-height: 85px;
	min-width: 60px;
	max-width: 180px;*/
	height: 100%;
	width: 100%;
	padding: 0px;
}
.client_box .client_box_text strong{
	position: relative;
	margin-top: 10px;
	display: block!important;
	line-height: 20px;
	text-transform: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

/* PRODUKTVERWALTUNG */
#cat_frame{
	box-shadow: inset 0px 0px 2px 0px rgba(0,0,0,0.2);
	background: rgba(0,0,0,0.015);
	max-height: 350px;
	overflow-y:auto;
}
#cat_frame a {
	display: block;
}
#cat_frame ul{
	padding-left: 20px;
	list-style: none;
}
#cat_frame ul li{
	margin: 0px;
}
#cat_frame > ul{
	padding-left: 0px;

}
.product_cat_frame#cat_frame > ul > li > ul{
	display: none;
}
#cat_frame > ul > li{
	padding-left: 0px;
	border-left: 1px solid  rgba(0,0,0,0.08);
}
#cat_frame > ul > li > a{
	border-left: 4px solid  #0066b1;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 40px!important;

}


#cat_frame > ul > li ul{
	line-height: 30px!important;
	padding-left: 0px;
}

#cat_frame > ul > li > ul{
	padding-left: 10px;
}
.dropdown-ul {
	#display: none;
}

select:required:invalid {
  color: lightgrey;
  font-weight: 200;
}





/* ANGEBOTSVERWALTUNG */
.offer_start_box {
	background: ;
	text-align: center;
	cursor: pointer;
}
.offer_start_box .slide_animated_top {
	background: #0064AE;
	color: white;
}

.offer_start_box .slide_animated_top:before {
	background: rgba(0,0,0,0.14);
}
.offer_start_box .slide_animated:hover {
	background: #0064AE;
	color: white;
	transition: 0.45s color ease-out, 0.45s background ease-out;
}

.offer_start_box .slide_animated_top:hover {
	background: #0064AE;
	transition: 0.45s background ease-out;
}


.offer_start_box .slide_animated_top:hover img{
	filter: brightness(100%);
	transition: 0.45s filter ease-out;
}
.offer_start_box img.offer_start_box_icon{
	margin-right: 40px;
	transition: 0.45s filter ease-out;
	display: inline-block!important;
	width: 64px!important;
	filter: brightness(100%);
}

.offer_start_box a , .offer_start_box:hover{
	color: #0066b1!important;
}

.main_modal .selected_product {
	outline: 1px solid #a5a5a5;
}
.main_modal .selected_product_2 {
	outline: 1px solid #0067b0;
}
.main_modal .selected_product {
	outline: 1px solid #db2727;
	background: #f9f9f9;
}
.main_modal .client_box_text{
	cursor: pointer;
}

body::-webkit-scrollbar {
    width: 0.2em;
}

.client_box, .client_box * {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}

/* KONFIGURATOR */
#configurator {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	background: #F9F9F9;
	height: 100%;
	width: 100%;
}
#configurator > h2 {
	margin-top: 50px;
	z-index: 3;
	font-weight: 500;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main_configurator {
	width: 100%;
	min-height: calc(100vh - 100px);
	overflow-y: scroll;
}

#configurator #visual_configurator-wrapper {
	max-width: 600px;
	width: 100%;
	float: left;
	min-height: calc(100vh - 216px);
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #F9F9F9 0%, #dbdbdb 73%, #d1d1d1 73%, #fefefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #F9F9F9 0%,#dbdbdb 73%,#d1d1d1 73%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #F9F9F9 0%,#dbdbdb 73%,#d1d1d1 73%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	margin-top: 00px;
	position: relative;
	height: calc(100% - 100px);
	margin-top: 100px;
	position: fixed;
	z-index: 6;
}
#configurator .visual_configurator-menu_box{
	padding: 20px 20px;
}
#configurator .visual_configurator-menu_box:nth-child(odd){
	background: rgba(0,0,0,0.025);
}
.visual_configurator-basic_img {
	position: absolute;
	filter: drop-shadow(-50px -10px rgba(0,0,0,0.02));
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
}

.visual_configurator-basic_img[src*="placeholder"] {
	filter: none;
}

.visual_configurator-addon_img {
	position: absolute;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	pointer-events: none;
	
}


#visual_configurator-menu {
    width: 50%;
    float: right;
    background: white;
    border-left: 1px solid rgba(0,0,0,0.1);
    min-height: calc(100vh - 156px);
    margin-top: -60px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100px;
    z-index: 7;
    position: absolute;
    right: 0px;
    margin-top: 40px;
}
label.checkbox_wrapper {
    background: white;
    padding: 15px 20px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,.13);
    color: #8e8e8e;
    font-weight: 400;
    
}
#configurator {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.main_modal label.checkbox_wrapper {
	padding: 13px 15px;
	text-align: left!important;
	margin-top: 5px 0px;

}
label.checkbox_wrapper mark{
	font-size: 11px;
	opacity: 0.8;
	background: none;
	color: #8e8e8e;
}

label.checkbox_wrapper.checked, label.checkbox_wrapper.checked mark{
	background:  #6d6d6d;
	color: white;

}

label.checkbox_wrapper:not(.checked) .far.fa-check-square, label.checkbox_wrapper.checked .far.fa-square{
	display: none;
}

.checkbox_wrapper input[type=checkbox]{
	-webkit-appearance: none!important;
	-moz-appearance: none!important;
	appearance: none!important;
	display: none;
}
#configurator .configurator_scroll_wrapper {
	max-height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.configuration_price_table, .configuration_price_table tr {
	width: 100%;
	vertical-align: top;
}
.configuration_price_table > tr:nth-child(odd) {
	background: rgba(0,0,0,0.03);
}

.configuration_price_table tr > td:first-child{
	width: 30%;

}

.configuration_price_table tr > td:last-child{
	width: 70%;
	text-align: right;
}

.configuration_price_table tr td .configuration_default_price{
	font-size: 22px;
	font-weight: 800;
	color: #676872;
}
.configuration_price_table input.rabatt {
	padding: 0px;
	width: 75%;
	line-height: 20px;
	border: 1px solid rgba(0,0,0,0.05);
}
#configurator form h2 {
	font-weight: 700;
}
button[name=safe_configuration]{
	text-align: center;
}
.option_prices_configs_table, .option_prices_configs_table tr {
	width: 100%; 
	text-align: right;
}

.option_prices_configs_table {
	width: 100%,;
}

.option_prices_configs_table tr td:last-child{
	width: 50%;
	text-align: right;
}

.option_prices_configs_table tr td:first-child{
	width: 50%;
	text-align: left;
}

.configuration_price_table  tr{
	line-height: 40px;
}
.option_prices_configs_table > tr {
	line-height: 16px;
	font-size: 12px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.option_prices_configs_table > tr td:first-child{
	width: 75%;
	padding: 5px 0px;
}
.configuration_price_table > tbody > tr:last-child{
	border-top: 1px solid #aa1d1d;
}
#configurator_addon-50 {
	mix-blend-mode: hue!important;
	z-index: 10;
}


.config_ar_1 {
	display: none;
}
 h1 span.reset_cc {
	font-size: 10px;
	float: right;
	background: #aa1d1d;
	padding: 0px 25px;
	cursor: pointer;
	transition: 0.2s background ease;
	display: none;
}
h1 span.reset_cc:hover {
	background: #db2727;
	transition: 0.2s background ease;
}
ul.configuration_bc_ul {
	list-style: none;
	padding: 0px;
	background: #E7E7E7;
	width: 100%;
	position: fixed;
	z-index: 4;
}
ul.configuration_bc_ul li{
	display: inline-block;
	padding: 10px 12px;
	color:lightslategray;
	font-weight:300;
	overflow: visible;
	pointer-events: auto;
	cursor: pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.configuration_bc_ul li:last-child {
	pointer-events: none;
	cursor: default;
	font-weight: 800;
	max-width: 450px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: absolute;
}
ul.configuration_bc_ul li:last-child i{
	display: none!important;

}
ul.configuration_bc_ul li:hover{
	color: black;
}





/* MAIN-CONTENT ----- ENDE ----- */


/* MAIN-MODAL */
#main_modal_wrapper {
	position: fixed;
	right: 0px;
	height: 100%;
	z-index: 100;
	display: none;
}
#main_modal {
	position: fixed;
	top: 10%;
	left: 50%;
	margin-left: -25%;
	display: block;
	background: white;
	height:600px;
	padding: 0px;
	overflow: hidden;
	box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1), 3px 3px 9px 9px rgba(0,0,0,0.03);
	z-index: 100;
}
#modal_product_container {
	overflow-y: auto!important;
	max-height: calc(100% - 153px);
}

#main_modal > form {
	position: relative;
	width: 100%;
	height: calc(100% - 80px);
	overflow-x: hidden;
	overflow-y: scroll;
}

#main_modal .modal_handle {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 80px;
	height: 80px;
	display: block;
	color: white;
}
.custom_options {
	display: none;
}
#main_modal .modal_handle > span{
	margin-right: 15px;
	line-height: 80px;
	height: 80px;
	font-size: 23px;
	cursor: pointer;
}

#main_modal .modal_handle > span.modal_close{
	margin-right: 25px;
}
#main_modal .modal_handle > span.modal_close:hover{
	color: #d25353;
}



#main_modal.modal_minimized *:not("h1"), #main_modal.modal_minimized *:not("h1 span"), #main_modal.modal_minimized *:not("h1 i"){
	display: none!important;
}
#main_modal.modal_minimized {
	max-height: 35px;
	height: 35px!important;
	display: inline-block;
	max-width: 220px;
	position: relative;
	background-color: #363636;
	background: #1d1d1d;
	margin: 0px!important;
	left: 0px!important;
	background: -moz-linear-gradient(left, #1d1d1d 0%, #363636 100%);
	background: -webkit-linear-gradient(left, #1d1d1d 0%,#363636 100%);
	background: linear-gradient(to right, #1d1d1d 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#363636',GradientType=1 );
	left: 0px!important;
	top: 0px!important;
}
#main_modal.modal_minimized .modal_minimize {
	display: none!important;
}
#main_modal.modal_minimized h1{
	font-size: 10px!important;
	line-height:35px;
	height: 35px;
	cursor: pointer;
	overflow: hidden;
	padding-left: 0px;
	padding-right: 0px;
	background: none!important;
	width: 88%;
	text-align: left;
	padding-left: 10px;
}

#main_modal.modal_minimized .modal_handle{
	line-height: 35px;
	height: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#main_modal.modal_minimized .modal_handle > span{
	font-size: 13px!important;
	line-height:35px;
	height: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 10px;
}

.modal_dropbox {
	text-align: left;
	padding: 0px!important;
}


.message_box {
	position: fixed!important;
	bottom: 36px;
	left: 17%;
	max-width: 385px;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.12);
	border-bottom: 0px;
	z-index:499;
	background: rgba(255,255,255,0.97);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow-y: auto;
}
.message_box > .col-md-12 {
    padding: 10px 10px 0px 10px;
    margin-bottom: 0px;
}
.message_box > .col-md-12 .col-md-12 {
    margin-bottom: 0px;
}
.message_box *{
	display: none;
}
.message_box{
	font-size: 0px;
	line-height: 0px;
}
.message_box .col-md-12{
	display: block;
	font-size: 13px;
	line-height: 20px;
}










/* RESPONSIVE */
@media screen and (max-width:1100px){
	#main_nav #main_menu, #lang_switch{
		text-align: center;
	}
	#lang_switch{
		transform: translateY(-50%);
	}
	#main_nav #main_menu .main_menu_li:after {
		width: 100%;
	}
	#main_nav #main_menu .main_menu_li a{
		font-size: 13px;
		line-height: 48px;
		padding: 0px;
	}
	#main_nav #main_menu .main_menu_li .main_menu_sub {
		display: none;
	}
	#main_content .overview_box .overview_box_nav li a{
		line-height: 110px;
		height: auto;
	}
	#main_content .overview_box .overview_box_nav li a span{
		width: 30%;
	}
	#main_content .overview_box .overview_box_nav li a .overview_box_nav_icon{
		font-size: 20px!important;
		margin-top: 0px!important;
	}
	#main_nav #main_menu .main_menu_li a.active_link{
		padding: 0px;
		padding-left: -6px;
	}

}
/* RESPONSIVE */
@media screen and (max-width:992px){
	#main_content h1 {
		line-height: 62px;
		max-height: 62px;
		font-size: 20px;
		letter-spacing: 0px;
		white-space: nowrap;
	}
	#main_nav #main_menu .main_menu_li a i.fa{
		margin-right: 0;
	}
}
@media screen and (max-width:768px){
	#main_nav, #main_content {
		top: 60px;
	}
	#main_nav {
		width: 80%;
		opacity: 0;
		transform: translateX(-100%);
		transition: 0.2s transform ease, 0s opacity 0.2s;
	}
	#main_nav #main_menu{
		text-align: center;
	}
	#main_content {
		transform: translateX(0%);
		transition: 0.2s transform ease;
	}
	#main_content.mobile_menu_active {
		transform: translateX(80%);
		transition: 0.4s transform ease;
	}
	#main_nav.mobile_menu_active {
		transform: translateX(0%);
		opacity: 1!important;
		transition: 0.4s transform ease;
	}
}








.test-box {
	width: 600px;
	height: 300px;
	background: red;
}
.test {
	background: green;
}


/* LOGOUT-BUTTON */

.logout {
	bottom: 60px;
	position: absolute;
}

.logout-form {
	font-size: 11px; 
	width: 100%;
/*	display: inline-block;*/
}

.logout-form label {
	margin: 0; 
	font-weight: 400;
	width: 100%;
}


.footer-logout-button {
	line-height: 35px !important;
	transition: 0.2s;
	width: 100%;
	background: #aa1d1d;
	text-align: center !important;
}

.footer-logout-button:hover {
	background-color: #db2727; !important;
	transition: 0.2s;
	cursor: pointer;
}

.footer-logout-button i {
	margin: 0px 0.25vw !important; 
	font-size: 13px !important; 
	line-height: 35px !important;
}

.icon-no-padding {
	padding: 0 !important;
}

/* LOGOUT-BUTTON ENDE */


#versionsnummer {
	margin-left:10px;
	font-size:13px;
}

#second_nav {
	background: #ededed;
}