/* custom.css J4 */
body {
  overflow: scroll; 
}

@font-face {
    font-family: 'avalonregular';
    src: url('../fonts/avalonn-webfont.eot');
    src: url('../fonts/avalonn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avalonn-webfont.woff') format('woff'),
         url('../fonts/avalonn-webfont.ttf') format('truetype'),
         url('../fonts/avalonn-webfont.svg#avalonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	font-family: avalonregular, sans-serif !important;
}

#container_main {
	padding-bottom: 70px;
}

#container_showcase1_modules > .wrapper960 {
	width: auto;
	max-width: 960px;
}

.header_top .wrapper960  {
	display: block !important;
}

.header-1 {
	display: block;
	float: left;
	max-width: 227px;
}

.header-2 {
	display: block;
}

.module + .module {
	margin-top: 0;
}

.header-1 > div + div, .header-2 > div + div {
	margin-left: 0;
}

.header_main {
  width: 100%;
  padding: 0;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.0);
}

.header_row .wrapper960 {
	padding: 0;
}

.header_top .wrapper960 {
	padding: 0;
}

#body_panel { 
	box-shadow: none; 
}

#container_footer {
    bottom: 0;
    padding-bottom: 0;
    position: fixed;
	width: 100%;
} 

#logo {
	display: none;
}

.header-wrap {
	display: block;
}

.copyright {
	width: 100%;
	padding: 0;
}

.copyright p {
	margin-bottom: 0;
	font-size: 14px;
	text-transform: none;
	color: #666;
	font-weight: 400;
	text-align: center;
	font-style: italic;
	display: block;
}

a:hover {
	color:#84a689;
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6 {
	color: #84a689;
}

h3 {
	font-weight: normal !important;
}

.item-page ul li {
  list-style-type: disc;
  margin: 0;
  padding: 5px;
  line-height: 1.5em;
}

#login-links-oben .button, button, input.button, a.button, input[type="submit"], p.readmore a, .btn-primary {
	background-color: #303030 !important;
	border: 1px solid #fff;
	box-shadow: -1px -1px 0 #666 inset, 1px 1px #666 inset;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 1em;
	margin: 0 0.25em;
	padding: 3px 12px 5px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	transition: all 0.3s ease-out 0s;
	white-space: nowrap;
}

div.inside {
	margin-top: 20px;
}

.module .module_surround, 
.module_menu .module_surround {
	padding: 0;
}

.maincontent {
	padding: 20px;
	margin-bottom: 10px;
	text-align: justify;
}

.item-page {
	padding: 0;
}

body.kontakt .maincontent {
	padding-top: 50px;
}

.module .module_header h3::after, 
.module_menu .module_header h3::after {
	content: '';
	background-color: #fff;
	height: 0;
	width: 0;
	display: block;
	margin: 0;
}

/* Slider */
.mslideshow {
	margin: 10px 0 0 10px;
}

.mslideshow div.djslider {
	max-height: 340px;
}


/* Login */
#text-registriert {
	float: left;
	width: 198px;
	margin-top: 10px;
	clear: both;
}

#text-registriert p {
	margin: 0;
	padding: 0;
}

.mlogo p {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
}

.mtext {
	float: left;
	clear: both;
	margin-top: 10px;
	display: block;
}

.mlogin {
	float: left;
	display: block;
	margin-top: 20px !important;
	clear: both;
}

.mlogin p {
	margin: 0;
	padding: 0;
}

.mlogin img {
	width: auto !important;
	height: auto !important;
}

.mlogin ul {
	display: none;
}

.mlogin .form-control {
	padding: .3rem 0.5rem;
	font-size: 1rem;
}

.mod-login__username .input-group-text {
	width: 38px;
	max-width: 38px;
	max-height: 38px;
	height: 38px;
	padding: .3rem 0.5rem;
	border-radius: 0;
}

.mlogin .btn.btn-secondary.input-password-toggle {
	width: 38px;
	max-width: 38px;
	max-height: 38px;
	height: 38px;
	margin-right: 0px;
	padding: .3rem 0.5rem;
	border-radius: 0;
}

.mlogin #modlgn-passwd-116 {
	padding: .3rem 0.5rem;
	max-height: 38px;
	font-size: 1rem;
}

#modlgn-username-141 {
	padding: .3rem 0.5rem;
	max-height: 38px;
	font-size: 1rem;
}

#modlgn-passwd-141 {
	padding: .3rem 0.5rem .3rem 0.5rem;
	max-height: 38px;
	font-size: 1rem;
}

.mlogin .input-password-toggle,
.maincontent .input-password-toggle {
	width: 38px;
	max-width: 38px;
	max-height: 38px;
	height: 38px;
	margin-right: 0px;
	padding: .3rem 0.5rem;
	border-radius: 0;
}

#form-login-remember-116 {
	display: none;
}

.form-group {
	margin-bottom: 4px !important;
}

::-moz-placeholder { 
    color: #333 !important;
}

::-webkit-input-placeholder {
    color: #333 !important;
}

:-ms-input-placeholder {
    color: #333 !important;
}

::placeholder {
    color: #333 !important;
}

.mlogin #form-login-username input, 
.mlogin #form-login-password input {
	font-size: 15px;
	color: rgb(102, 102, 102);
	font-family: "avalonregular",sans-serif !important;
}

.item-page .mod-login {
	float: left;
	margin-right: 20px;
}

.mlogin .logout-button {
	margin-top: -20px;
}

/* Social Icons */
.msocial {
	float: right;
	clear: both;
	padding: 0;
	margin: -35px 0 0 0 !important;
}

.msocial p {
	padding: 0 0px 0 0;
	margin: 0;
}

body.pdownload .msocial p {
	margin-top: -7px;
}

.msocial .icon-g {
	width: 24px;
	height: auto;
	margin: 5px 6px 0 59px;
}

.msocial .icon-f {
	width: 24px;
	height: auto;
	margin: 5px 0 0 0;
}

.msocial .icon-insta {
	width: 24px;
	height: auto;
	margin: 5px 5px 0 0;
	opacity: 0.8;
}

.icon-sg {
	width: 22px;
	height: auto;
	margin: 0 0 0 4px;
}

.icon-sf {
	width: 22px;
	height: auto;
	margin: 0;
}


/* navigation */
@font-face {
    font-family: 'OpenSansRegular';
    src: url('../font/OpenSans-Regular-webfont.eot');
    src: url('../font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Regular-webfont.woff') format('woff'),
         url('../font/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.hornav {
	padding: 0;
	margin: 15px 10px 15px 0;
 }
 
.hornav > ul {
	height: 60px;
	text-align: left;
	background: rgb(52,52,52); 
	background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(76,76,76,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(76,76,76,1) 100%);
	background: linear-gradient(to bottom, rgba(52,52,52,1) 0%,rgba(76,76,76,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#4c4c4c',GradientType=0 );
}

.hornav > ul > li {
	margin-right: 7px;
}

.hornav > ul > li a {
			font-family: OpenSansRegular, Arial, Helvetica, sans-serif;
			display: block;
			padding: 12px 7px 0 7px;
			line-height: 48px;
			text-transform: none;
			font-size: 16px;
			margin-top: -1px;
}

.hornav > ul > li.active > a,		
.hornav > ul > li:hover > a {
	background-color: #fff;
}

.hornav ul > li.active a,		
.hornav ul > li a:hover,
.hornav ul > li:hover > a { 
	color: #000; 
}

.hornav ul li ul li a { 
	border-bottom: 1px dotted #84a689; 
}

.hornav ul li ul li:last-of-type a { 
	border-bottom: 0; 
}

.hornav ul li.parent ul li a,
.hornav ul li.parent ul li a {
	color: #fff;
}

.hornav ul li ul li.active a,
.hornav ul li ul li a:hover { 
	color: #84a689; 
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
  text-shadow: none;
}

.hornav > ul > li > ul,
.hornav > ul > li > ul > li > ul,
.hornav > ul > li > ul > li > ul > li > ul {
  top: 55px;
}

.hornav ul li ul li a {
  color: #fff;
  font-size: 16px;
}

/* Navigation linke Spalte */
.kmenu h3 {
	color: #84a689;
	padding: 0 0 5px 0 !important;
	margin: 0 0 15px 0 !important;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.kmenu h3:after {
	border: 0;
	width: 0;
}

div.kmenu {
    position: relative;
	width: 230px;
}

div.kmenu ul {
    background-color: #eee;
    border: 1px solid #dedede;
    display: block;
    list-style: none;
    margin: 0 auto 5px;
    padding: 0;
    position: relative;
    z-index: 5;
}

div.kmenu ul li {
border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 1px 0 #fff;
    clear: both;
    display: block;
    float: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.module .module_content ul.menu li a:not([class^="fa-"])::before {
  content: "";
 }

div.kmenu ul li a {
    font-size: 130%;
	color: #555555 !important;
	line-height: 30px;
	display: block;
}

div.kmenu ul li a:hover,
div.kmenu ul li.active a {
	color: #ffffff !important;
	padding-left: 10px !important;
	background: #292929 !important;
	border: 0 !important;
}


/* chronoforms */
.chronoform .textfield {
	width: 400px !important;
	border: 1px solid rgba(0,0,0,0.4);
}

.chronoform textarea {
	width: 400px;
	height: 150px;
	border: 1px solid rgba(0,0,0,0.4) !important;
}

.chronoform #captcha1 {
	border: 1px solid rgba(0,0,0,0.4) !important;
}


.gcore-label-left span {
	display: none;
}

/* === cf messages === */
span.cf_alert {
	float: none;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	padding: 15px !important;
	padding-left: 60px !important;
	border: 1px solid #CC0000 !important;
	color: #CC0000 !important;
	font-family: verdana, arial, sans-serif;
	font-size: 0.9em;
	background: url(../images/system-message-alert.png) no-repeat;
	background-position: 10px 10px;
}

span.cf_alert ol,
span.cf_alert li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
}


div.contact-miscinfo div.jicons-text {
	position: absolute;
	height: 0px;
	left: -3600px;
	top: -2400px;
	width: 0px;
	visibility: hidden;
}

div.contact h3 {
	position: absolute;
	height: 0px;
	left: -3600px;
	top: -2400px;
	width: 0px;
	visibility: hidden;
}

.com-contact__miscinfo.contact-miscinfo .jicons-text {
	max-width: 95%;
}

.com-contact__miscinfo.contact-miscinfo span.jicons-text {
	display: none;
}

/* kontakt */
.table-contact  {
	width: 100%;
		}
.table-contact td {
	vertical-align: top;
	padding: 0 0px 0 0;
	}
.table-contact .td2 {
	width: 450px;
	}
div.contact-miscinfo {
	margin-top: 0px;
}
dl.dl-horizontal.dl-map dt {
	vertical-align: top;
}
dl.contact-address.dl-horizontal dt {
	width: 150px;
}
dl.contact-address.dl-horizontal dd {
	width: 400px;
}
dl.dl-horizontal.dl-map dd {
	padding: 0 0 0 0;
}
.contact-form {
	float: left;
	margin-top: 0px;
}

.com-contact__form.contact-form .control-group {
	margin: 0.5em 0;
}

#jform_contact_message {
	width: 380px;
}

#jform_contact_email_copy-lbl {
	width: auto;
	white-space: nowrap;
	float: right;
}

h1,h2,h3 {
    font-size: 1.6em !important;
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
/*	font-family:avalonregular,sans-serif !important; */
    font-weight: normal !important;
}

.moduletable-loginB {
	float: left;
	width: 250px;
}

.moduletable-loginB label {
	font-size: 15px;
}

.moduletable-loginB #form-login-username {
	float: left;
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.moduletable-loginB #form-login-password {
	float: left;
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.moduletable-loginB #form-login-remember {
	float: left;
	display: block;
	margin-bottom: 10px;
	clear: both;
}

#modlgn_username,
#modlgn_passwd {
	font-size: 15px;
	color: rgb(102, 102, 102);
	font-family: "avalonregular",sans-serif !important;
}

.moduletable-loginB .button {
	float: left;
	display: block;
	margin-bottom: 10px;
	clear: both;
}

.moduletable-loginB a {
	float: left;
	display: block;
	margin-bottom: 10px;
	clear: both;
	font-size: 15px !important;
}

.mlogin .btn {
	line-height: 18px;
	font-size: 1.0em;
	padding: 6px 13px;
	border: 1px solid #fff;
	box-shadow: -1px -1px 0 #666 inset, 1px 1px #666 inset;
	cursor: pointer;
	display: inline-block;
	font-family: "avalonregular",sans-serif !important;
	margin: 0 0.25em;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	transition: all 0.3s ease-out 0s;
	white-space: nowrap;
	max-width: 120px;
}

.moduletable-loginB #form-login .button {
	font-size: 12px;
	font-family: "avalonregular",sans-serif !important;
	display: inline-block;
	padding: 4px 12px;
	margin: 0;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f3f3f3;
	color: #333;
	border: 1px solid #b3b3b3;
	border-radius: 3px !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.contact-address dt{
	font-size: 120%;
	padding-top: 0px;
	padding-bottom: 0px;
}
.contact-address dd {
	font-size: 120%;
	padding-top: 4px;
	padding-bottom: 4px;
}
.img-theme {
	float: right;
	margin: 30px 0 50px 20px;
	border: 0;
}

/* Shop */
body.nauftrag h1 {
	margin-bottom: 20px;
}

body.nauftrag .row.jshop div.col-lg-4 {
	display: none;
}

body.nauftrag .row {
	padding: 4px 0 4px 0;
}

.prod_price {
	display: none;
}

.jshop .requiredtext {
	font-size: 15px;
	color: #666666;
	margin-top: 20px;
}

.jshop .prod_qty_input,
.jshop .prod_qty {
	display: none !important;
}

body.nauftrag select {
	min-width: 356px;
	padding: 5px;
	border: 1px solid #999;
	background: #fff;
	border-radius: 0;
}

.col-lg-3.products div,
.myorders_total {
	display: none;
}

#comjshop .table_order_list {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	padding: 5px;
}

#comjshop h1 {
	margin-bottom: 20px;
}

.table_order_list {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.table_order_list .row,
.table_order_list .col-lg-6.users {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#comjshop .col-lg-6.users div:nth-of-type(1) {
	font-size: inherit;
	margin-bottom: 5px;
}

#comjshop .col-lg-6.users div:nth-of-type(2),
#comjshop .col-lg-6.users div:nth-of-type(3) {
	display: none;
}

.jshop.myorderinfo .product_head,
.jshop.myorderinfo .order_total,
.jshop.myorderinfo th,
.jshop.myorderinfo td.single_price,
.jshop.myorderinfo td.quantity,
.jshop.myorderinfo td.total_price,
.jshop.myorderinfo .jshop.jshop_subtotal,
.jshop.myorderinfo .history {
	display: none;
}

.jshop.myorderinfo .name.prodname {
	font-weight: 700;
	font-size: 16px;
}



@media (min-width: 992px) {
body.nauftrag .col-lg-2 {
	width: 33.3333333%;
}

body.nauftrag .col-lg-10 {
	width: 66.6666666%;
}

body.nauftrag .col-lg-8 {
	width: 100%;
}

}

body.com_jshopping.task-editaccount .infotext {
	display: none;
} 

.buttons.product-buttons {
	margin-top: 30px;
}


/* Responsive */
@media only screen and (max-width: 1160px) {
	.header_top {
		padding: 0px 10px 0px 10px;
	}

}

@media only screen and (max-width: 1024px) {
	.header_top {
		padding: 0px 10px 0px 10px;
	}
.mslideshow {
	margin: 0;
}

#sidecol_a {
	padding: 0 0 30px 14px;
}

	.maincontent {
		min-height: 0;
		padding: 20px 20px 0 20px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 998px) {
.jshop .row.row-free-attr-9 > *,
.jshop .row.row-free-attr-10 > *,
.jshop .row.row-free-attr-11 > *,
.jshop .row.row-free-attr-12 > *,
.jshop .row.row-free-attr-13 > * {
	width: auto;
	min-width: 150px;
	max-width: 50%;
}
}

@media only screen and (max-width: 840px) {
.mslideshow div.djslider {
	max-height: 300px;
}
}

@media only screen and (max-width: 640px) {
.com-content-article__body img {
	width: 100%;
	margin-bottom: 20px;
}

.maincontent {
	padding-top: 10px;
}
}

@media only screen and (max-width: 600px) {
.table-responsive td {
	display:block;
	width: 100%;
	padding: 0 15px 0 0;
}
.table-contact iframe {
	width: 90% !important;
	}
.mslideshow {
	margin: 12px 5px 5px 5px !important;
}

.mtext {
	margin-top: 20px;
	padding: 0 0 0 20px;
}

.mlogin {
	padding: 0 0 0 20px;
}

.slideout-toggle {
	padding: 0 0 0 23px;
	margin: 15px 0 15px 0;
}

.img-theme {
	margin: 0 !important;
	float: none;
}

.moduletable-loginB {
	float: left;
	display: block;
	margin-top: 30px;
	width: 100%;
}

.moduletable-loginB label {
	display: block; 
	width: 100%;
	padding: 0;
}

#form-login-remember label {
	width: auto;
	margin: 10px 0 0 20px;
}

#modlgn-remember {
	margin-top: -17px;
}

.moduletable-loginB .button {
	margin-bottom: 10px !important;
}

div.contact-miscinfo {
	float: none;
	margin: 0;
	width: 100% !important;
}

.kontakt .well {
	padding: 0 !important;
}

#jform_contact_message {
	width: 100%;
}

.contact-form fieldset {
	margin-left: -2px;
}

}

@media only screen and (max-width: 480px) {
.mslideshow div.djslider {
	max-height: 200px;
}
}

@media only screen and (max-width: 400px) {
.header-1 {
	float: left;
	width: 100%;
	max-width: none;
	clear: both;
	height: 140px;
	margin-top: 170px;
}

.header-2 {
	float: left;
	width: 100%;
	max-width: none;
	clear: both;
	height: 160px;
	margin: -310px 0 30px 0;
}

.mlogo {
	display: block; 
	width: 100%;
	float: left;
	padding-left: 20px;
}

.mlogo p {
	float: left;
}

.msocial {
	margin-right: 92px !important;
}

.header_main {
	padding-bottom: 20px;
}

}

@media only screen and (max-width: 380px) {

body.nauftrag select {
	width: 340px !important;
	min-width: 340px;
}

body.nauftrag input,
body.nauftrag textarea.inputbox {
	width: 100%;
	min-width: none !important;
}

}

@media only screen and (max-width: 376px) {

.mslideshow div.djslider {
	max-height: 120px;
}

}

@media only screen and (max-width: 360px) {

.msocial {
	margin-right: 75px !important;
}

h3 {
	text-align: left;
}

}