@font-face {
    font-family: 'Duru Sans', sans-serif;
    src: url('../fonts/duru-sans/DuruSans-Regular.eot');
    src: url('../fonts/duru-sans/DuruSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/duru-sans/DuruSans-Regular.woff2') format('woff2'),
    url('../fonts/duru-sans/DuruSans-Regular.woff') format('woff'),
    url('../fonts/duru-sans/DuruSans-Regular.ttf') format('truetype'),
    url('../fonts/duru-sans/DuruSans-Regular.svg#DuruSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    font-family: 'Duru Sans', sans-serif;
    background-color: #ebebeb;
}
.head_top1{
    background-color: #fff;
    padding: 7px 0;
    color: #aaaaaa;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(203,203,203,1);
    -moz-box-shadow: 0px 4px 5px 0px rgba(203,203,203,1);
    box-shadow: 0px 4px 5px 0px rgba(203,203,203,1);
}
#suche input{
    border: 1px solid #ccc;
    color: #000;
    border-radius: 0px;
    font-style: italic;
}
#logo{
	margin-right:20px;
	float:left;
}
#top_2 {
    float: right;
    width: 170px;
}
#top_3 {
    float: right;
}
#suche {
    float: left;
    margin-right: 10px;
}
#use_log {
    float: left;
}
#menu_btn{
	float: left;
}
.head_top2 img{

}
.icons_bild {
    float: left;
	margin-right:10px;
}
.icons_text {
    float: left;
    margin-top: 5px;
    color: #4E5568;
}
.icons_text:hover {
    color: #EC7405;
}
.info_menu {

    margin-bottom: 25px;
}
.hvr-radial-out {
    display: block !important;
    background: #fff !important;
}
.info_menu li{
	display: inline-block;
    margin: 5px;
}
#logo_img{
	max-width: 70%;
}
.md_t_10{
margin-top:10px;
}
.marg_top_20{
margin-top:20px;
}
.inl_b{
    display: inline-block;
}
.btn_info_1{
    border: none;
	border: medium none;
    background-color: transparent;
    font-size: 61px;
    color: #046EAD;
	outline:none;

}
.hvr-radial-out:before {
       background: rgba(150, 195, 30, 0.44) !important;
}
.btn_info_1:hover{
    color: #EC7405;
}
.menu_button_on{
    padding: 8px 15px 0;
    color: rgb(170, 170, 170);
    border: medium none;
    font-size: 26px;
    outline: none;
    background-color: #fff;
}
.menu_navig{

}
.menu_navig ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}
.menu_navig ul li{
	display: inline-block;
}
.menu_navig a{
    color: #000000;
    padding-top: 10px;
    display: block;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    font-size: 19px;
    padding-right: 27px;
}
.menu_navig a:hover{
    color: #89D006;
    text-decoration: none;
}
.menu_navig_UP ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.menu_navig_UP a{
    color: #aaaaaa;
    padding-top: 10px;
    display: block;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    font-size: 19px;
    padding-right: 27px;
}
.menu_navig_UP a:hover{
    color: #7FC400;
    text-decoration: none;
}

.log_title {
    text-align: center;
    font-size: 19px;
    line-height: 3;
}
.inp_log{
    border-radius: 0px;
    margin-bottom: 5px;
}
.vergessen{
    text-align: center;
    margin-bottom: 5px;
}
.vergessen a{
    cursor:pointer;
	 color: #046EAD;
}
.vergessen a:hover{
    color: #C2E704;
}
.btn_all{
    background: #529E24;
    background: -moz-linear-gradient(top, #1e5799 0%, #b6cd1a 5%, #b6cd1a 5%, #a0dd1c 50%, #b6cd1a 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#b6cd1a 5%,#b6cd1a 5%,#a0dd1c 50%,#b6cd1a 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#b6cd1a 5%,#b6cd1a 5%,#a0dd1c 50%,#b6cd1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#b6cd1a',GradientType=0 );
    padding: 4px;
    border: 0px;
    font-size: 17px;
    color: #fff;
}
.btn_log{
width: 100%;
}
.registrieren{
    line-height: 2;
    text-align: center;
}
.registrieren a {
	 color: #046EAD;
}
.registrieren a:hover {
    color: #C2E704;
}
.social img{
	margin-right:20px;

}
#left_menu {
    background-color: #fff;
    margin-bottom: 20px;
    list-style-type: none;
    padding: 14px;
    line-height: 2;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}
.top_prod{
    background-color: #fff;
    margin-bottom: 15px;
    list-style-type: none;
    padding: 14px;
    line-height: 2;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #e2e2e2;
    height: 270px;
}
.top_prod:hover{
    border: solid 1px #7FC400;
}
.warengruppe a {
    color: #52586A;
}
.warengruppe a:hover {
    color: #7EB42A;
}
.schr_pr {
    margin-top: 30px;
    margin-bottom: 15px;
}
span.nr_scritt {
    font-size: 48px;
    font-weight: bold;
    display: inline-block;
}
#login_user {
    margin-left: 20px;
}
.carousel-control.left {
    background-image: none;

}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
}
.carousel-indicators li {
    width: 24%;
    height: 15px;
    cursor: pointer;
    background-color: #4f4f4f;
    border: 0px;
    border-radius: 0px;
    margin: 0px;
    float: left;
    margin-left: 1px;
}
.carousel-indicators .active {
    width: 25%;
    height: 15px;
    background-color: #7FC400;
    float: left;
    margin-left: 2px;
}
.carousel-indicators {
    top: 100%;
    bottom: 0px;
    left: -2px;
    margin-left: 0px;
    width: 103%;
    float: left;
    text-align: left;
}
#footer{
    background-color: #505050;
    padding: 7px 0;
    color: #fff;
    margin-top: 100px;
    border-top: solid 5px #96C31E;
}
#suche2 {
	display: none;
}
#suche1 {
    margin: 25px 0px;
}
#suche1 input{
	font-style:italic;
}
.btn-flyer{
    color: #fff;
    background-color: #80C300;
    border-color: #7FC400;
}
#search {
    background-color: #D6D6D6;
    display: none;
}
#logging{
    background-color: rgb(224, 241, 181);
    display: none;
}
.inact_col{
	color: #aaaaaa;
}
.inact_col:hover {
	color: #4F4F4F;
	cursor: pointer;
}
.mb_20{
	margin-bottom:20px;
}
.btn_anm{
    width: 100%;
    padding: 7px;
    color: #fff;
    font-size: 16px;
    background-color: #7FC400;
    border: none;
    border-radius: 4px;
}
.btn_anm:hover{
    background-color: #5EA72E;
}
.links{
	color: #5EA72E;
}
.mt_20{
	margin-top:20px;
}
#line_log{
    height: 0px;
    border-top: 1px solid #7FC400;
}
.tit_foot {
    color: #7FC400;
    font-size: 17px;
    font-weight: bold;
}
#trenn1_footer{
    border-right: 1px solid #fff;
}
.trenn1_footer{
    border-right: 1px solid #fff;
}
.trenn1_footer a{
    color: #fff;
}
.center{
	text-align: center;
}
#center1{
	margin-left:30%;
}
.fs_10{
	font-size: 10px;
}
.fs_12{
	font-size: 12px;
}
.fs_13{
	font-size: 14px;
}
.fs_16{
	font-size: 16px;
}
.fs_18{
	font-size: 18px;
}
.fw_b{
	font-weight: bold;
}
.sk1{
    margin-left: 12px;
    letter-spacing: 2px;
}
#right_foot{
	float: right;
    text-align: right;
}
.fl_r{
	float: right;
}
#pf_top{
	float: right;
}
/* #back-top {
    position: fixed;
    bottom: 300px;
    right: 0px;
    z-index: 10;
} */

#back-top {
    position: fixed;
    bottom: 286px;
    right: -7px;
    z-index: 10;
}
#back-top span {
    width: 55px;
    height: 55px;
    display: block;
    background: url('../img/nach oben.png') no-repeat;
}
#sidefix {
    width: 45px;
    position: fixed;
    right: 0px;
    margin-top: -348px;
}
#sidefix  img{
    margin-bottom: 7px;
    width: 45px;
}
.form-control:focus {
    border-color: #81B71D;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(224, 241, 181);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(224, 241, 181);
}
.mr_15{
	margin-right:15px;
}
.menu_navig_UP {

}
#pr_auflist{
    background-color: #EBEBEB;
    cursor: pointer;
}

.navbar_1 {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    background-color: #E0F1B5;
}
#product_btn{
    color: #000000;
    background-color: #EBEBEB;
    border-bottom: 1px solid #6D6D6D;
    border-top: 1px solid #6D6D6D;
    float: left;
    padding: 25px 2px;
    font-size: 20px;
    width: 100%;
}
#prod_left{
	display:none;
}
.hvr-icon-wobble-horizontal:before {
    color: #7FC400;
}

.navbar-nav {
    margin: 0px;
}
.navbar-toggle {
	float:left;
}
.menu_navig_UP ul{
	display:none;
}
.ebeneeins {
    padding: 5px 7px;
    list-style-type: none;
    margin-bottom: 3px;
}
.ebeneeins:hover {
    text-decoration: none;
    background-color: #C3E276;
}
.ebeneeins a{
    color: #000;
    display: inherit;
}
.ebeneeins a:hover{
    font-weight: bold;
}
.activeNavPoint {
    background-color: #96c31e;
}
.activeNavPoint a{
    color: #fff !important;
    font-size: 20px;
    font-weight: bold;
}
#pr_left_1 {
    margin-top: 20px;
}
.ebenezwei {
    padding: 5px 0px 5px 30px;
    background-color: #fff;
    margin-bottom: 3px;
}
.ebenezwei a:hover{
    font-weight: bold;
}
.ebenezwei:hover {
    text-decoration: none;
    background-color: #C3E276;
}
.activePoint2 a{
	color: #96C31E !important;
	font-weight: bold;
}
.activePoint3 a{
		color: #96C31E !important;
	font-weight: bold;
}
.ebenezwei a{
    color: #000;
}
.ebenezwei a:hover{
    font-weight: bold;
}
.ebenedrei {
    padding: 5px 0px 5px 50px;
    background-color: #fff;
    margin-bottom: 3px;
}
.ebenedrei a:hover{
    font-weight: bold;
}
.ebenedrei:hover {
    text-decoration: none;
    background-color: #C3E276;
}
.ebenedrei a{
    color: #000;
}
.ebenedrei a:hover{
    font-weight: bold;
}
.prod_artikel{
    background-color: #fff;
    list-style-type: none;
    padding: 14px;
    line-height: 2;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #e2e2e2;
    height: 225px;
    margin-right: 7px;
}
.prod_artikel:hover {
    border: solid 1px #7FC400;
}
.prod_artikel a{
	text-decoration:none;
}
.prod_artikel span:hover{
    color:#1e1e1e;
}
.prod_artikel img {
	width: 150px;
}
.prod_artikel span{
    color:#96C31E;
}
.bg_cont {
    margin-top: -14px;
    margin-bottom: 20px;
}
.bg_cont h5{
	font-weight: bold;
}
.produkt_description {
    margin-bottom: 10px;
    display: inline-block;
}
.productLongTitle {
    font-size: 16px;
    font-weight: bold;
}
.bg_col {
    background-color: #fff;
    padding: 10px 10px;
}
.info_btn {
    background-color: #96C31E;
    padding: 1px 8px;
    width: 20px;
    border-radius: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.info_btn_d {
    background-color: #96C31E;
    padding: 0px 12px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    float: right;
    margin-bottom: 3px;
    border: 0px;
    font-size: 20px;
}
.info_btn_d:hover{
        color: #333;
}
.info_btn:hover{
        color: #333;
}
.btn_kalk {
    background-color: #96C31E;
    border-radius: 0px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}
.bg_cont_det h4{
	    color: #96c31e;
    font-weight: bold;
}
.left_d{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.listbox_area{
    width: 100%;
    margin-bottom: 10px;
    height: 24px;
    background-color: #ebebeb;
	border: 1px solid #BFB9B9;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
    background-color: white;
    background-image: url(/rs_files/350/67/template/media/images/select.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 35px;
}
#tbl_1{

}
#tbl_2{

}
.info_btn_d{

}
#bemerk{
    width: 100%;
    min-height: 100px;
    background-color: #EBEBEB;
	border: 1px solid #A9A9A9;
}
#reference-field{
    width: 100%;
    background-color: #EBEBEB;
    border: 1px solid #A9A9A9;
}
.tit_rs_kalk{
    background-color: #96C31E;
    color: #fff;
    font-size: 17px;
    padding: 5px 15px;
    font-weight: bold;
}
.bg_cont_det_r{
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
}
.tenPT{
    width: 100%;
    line-height: 2.3;
}
.border_gr{
    height: 1px;
    border-top: 1px dashed #EBEBEB;
}
.btn_angebot {
    color: #fff;
    border: none;
    width: 100%;
    padding: 6px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    background-color: #D1D1D1;
}
.btn_angebot:hover {
color: #1e1e1e;
/*     background-color: #96C31E; */
}
.btn_kalk_det {
    background-color: #F79100;
    width: 100%;
    padding: 7px;
    border: none;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}
.btn_kalk_det:hover {
color: #1e1e1e;
/*     background-color: #96C31E; */
}
#gutscheincode{
	 width: 100%;
}
.bild_kalk {

}
#toggleContent {
    overflow: hidden;
    margin-bottom: 20px;
}
#toggleContentButton {
    text-align: right;
}
.mg_bt_10 {
    margin-bottom:10px;
}
.bg_cont_det {
    background-color: #fff;
    padding: 10px 20px;
}
#dl_header_direct {
    background-color: #96c31e;
    text-align: center;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 12px;
}
#dl_header_direct:hover{
    background-color: #F79100;
}
#dl_header_direct span{
    color: #fff;
    line-height: 2.3;
    font-size: 17px;
    font-weight: bold;
}
#upload_frame {
    border-width: 0px;
    min-height: 100%;
    width: 100%;
    margin-bottom: 5px;
}
#dl_header_later{
	background-color: #96c31e;
    text-align: center;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    margin-bottom: 12px;
}
#dl_header_later:hover{
    background-color: #F79100;
}
#dl_header_later span{
    color: #fff;
    line-height: 2.3;
    font-size: 17px;
    font-weight: bold;
}
.mg_tp_20{
	margin-top:20px;
}
.button_r {
    text-align: right;
}
.link{
	color:#96c31e;
}
.link:hover{
	color:#F79100;
}
.schr_pr_sm a{
	color:#fff;
}
#soc_ft img{
	width:50px;
}
.mainMenuPoint {

}
.mainMenuPoint:hover {
/*     background-repeat: no-repeat;
    background-position: 50% 100%; */
}
.mainMenuPoint > a, a:hover {

/*     padding: 20px 0;
    text-decoration: none; */
}
.hidden {
    display: none;
    visibility: hidden;
}
.subMenuContainer {
    z-index: 99;
    padding: 15px;
    position: absolute;
    height: auto;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-color: #F4F9EB;
}
.subMenuContainer a{
	font-size: 14px;
}
.Box {
    float: left;
}
.loginFooter {
    margin-bottom: 20px;
}
.btn_log{
    width: 100%;
    padding: 7px;
    color: #fff;
    font-size: 16px;
    background-color: #7FC400;
    border: none;
    border-radius: 4px;
    float: left;
    text-align: center;
    margin-bottom: 14px;
}
.btn_log:hover{
    background-color: #5EA72E;
	color:#fff;
	text-decoration:none;
}
    .glyphicon-chevron-right{
    margin-right: -41px !important;
	}
	.glyphicon-chevron-left{
		margin-left: -49px !important;
	}
#info_kalk {
    color: #fff;
    border: none;
    background-color: #F79100;
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
}
#info_kalk:hover{
    color: #000;
}
.hr_adresse{
    border-top: 1px solid #7fc400;
}
input#grossdruck_width {
    width: 100px !important;
}
input#grossdruck_height {
    width: 100px !important;
}
img.img_ware_2 {
    width: 136px;
}
.img_ware_3{
	    width: 240px;
		margin-bottom:22px;
}
#info_det{
    width: 280px;
    color: #fff;
    border: none;
    background-color: #F79100;
    padding: 5px;
    margin-bottom: 20px;
}
.bild_upload{
    float: none;
    width: 280px;
    margin-bottom: 22px;
}
#info_upl{
	    color: #fff;
    border: none;
    background-color: #F79100;
    width: 280px;
    padding: 5px;
    margin-bottom: 20px;
}
#info_upl:hover {
    color: #000;
}
.inp_kalk{
	padding-top: 5px;
	display: inline-block;
	padding-right:15px;
}
#zahlarten{
	width:100%;
}
#weitercheck {
    color: #fff;
    background-color: #F79100;
    float: right;
    padding: 10px 65px;
}

a.breadcr {
    background-color: #AAA;
    padding: 5px 20px;
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
    color: #fff;
}
.error_ms{
    background-color: #F79100;
    color: #fff;
    padding: 10px;
}
/* PRELOGIN */
.prelogin-wrapper {
    border: 3px solid #ddd;
}

.prelogin-form input[type=text],
.prelogin-form input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.prelogin-form button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.prelogin-form button:hover {
    opacity: 0.8;
}

.prelogin-form .container {
    padding: 16px;
}

.prelogin-form span.psw {
    float: right;
    padding-top: 16px;
}

.login-form-block {
    margin-top: 10%;
    margin-left: 25%;
    width: 50%;
    padding: 10px;
}

.prelogin-wrapper {
    background-color: #f6f6f6;
    width: 100%;
}

.prelogin-form > .errors {
    font-size: 14px !important;
}

.prelogin-form > .errors p {
    color: #835100;
}

.prelogin-form > .errors ul {
    list-style: none;
    padding-left: 0;
}

.prelogin-form > .errors li {
    color: #8f0007;
}
/* END PRELOGIN */

/*==========  @media ==========*/
@media only screen and (max-width : 1200px) {
	#sidefix{
		display:none;
	}
	#zahlarten{
		display:none;
	}

			#footer {
		background-color: #505050;
		padding: 7px 0;
		color: #fff;
		margin-top: 15px;
		border-top: solid 5px #96C31E;
	}


}
@media only screen and (max-width : 992px) {
	.menu_navig ul li {
		display: block;
	}
		.menu_navig ul {
		background-color: #6F7892;
		display: none;
		width: 100%;
	}
	.mr_15{
		margin-right: 0px;
	}

	#footer {
		background-color: #505050;
		padding: 7px 0;
		color: #fff;
		margin-top: 15px;
		border-top: solid 5px #96C31E;
	}
		#soc_ft{
		display:none;
	}
}
@media only screen and (max-width : 768px) {
	.info_menu {
		display: none;
		margin-top: 15px;
		padding: 14px;
		vertical-align: middle;
		width: 100%;
	}
	.menu_navig ul{
		display:none;
	}
	.db_rh{
	width:200px;
	display:inline-block;
	}
		#logo{
		width: 49%;
		margin-top: 10px;
		margin-right: 0px;

	}
	#footer {
		background-color: #505050;
		padding: 7px 0;
		color: #fff;
		margin-top: 15px;
		border-top: solid 5px #96C31E;
	}
		#soc_ft{
		display:block;
	}
	#top_3 {
    float: right;
    width: 150px;
}
}
@media only screen and (max-width : 480px) {
	.head_top2{
		display:none;
	}
	#logo{
		width: 49%;
		margin-top: 10px;
		margin-right: 0px;

	}
		#footer {
		background-color: #505050;
		padding: 7px 0;
		color: #fff;
		margin-top: 15px;
		border-top: solid 5px #96C31E;
	}
	#soc_ft{
		display:block;
	}
	#top_3 {
    float: right;
    width: 150px;
}

}

@media only screen and (max-width : 320px) {
	#logo{
		width: 49%;
		margin-top: 10px;
		margin-right: 0px;

	}
	#top_2 {
    float: right;
    width: 137px;
}
#top_3 {
    float: right;
    width: 150px;
}
	#footer {
		background-color: #505050;
		padding: 7px 0;
		color: #fff;
		margin-top: 15px;
		border-top: solid 5px #96C31E;
	}
	#soc_ft{
		display:block;
	}
}
@media only screen and (min-width : 320px) {
#soc_ft{
		display:block;
	}
	#top_3 {
    float: right;
}
.prod_artikel {
    margin-bottom: 10px;
}
}

@media only screen and (min-width : 768px) {

		.info_menu {
		display: block !important;
		}

}
@media only screen and (min-width : 992px) {
	.menu_navig ul {
		text-align:center;
	}
	#top_2 {
    float: right;
    width: 100px;
	}

}
@media only screen and (min-width : 1200px) {
	.navbar_1{
		display:none;
	}
	#soc_ft{
		display:none;
	}
	
}
.pw-lost-info {
    padding: 10px;
    margin: 10px 0 15px 0;
    display: block;
    box-sizing: border-box;
    font-weight: normal;
}

.pw-lost-info .title {
    font-size: 12px;
    text-align: left;
}

.pw-lost-info .list {
    margin-top: 10px;
    margin-left: 15px;
    text-align: left;
    font-size: 12px;
}

.font-bold {
    font-weight: bold !important;
}

.msg-box {
    padding: 8px;
    background-color: red;
    color: #ffffff;
    margin-top: 8px;
}

.msg-box .hidden {
    display: none;
}

.listPrice {
    position: absolute;
    left: 43%;
    top: 25%;
    font-size: 32px;
    transform: translate(-43%, -25%);
}

.listPrice .spinner-animation {
    display: none;
}