/*
 * style.css
 * (c) by websigna(R)
 * websigna.de // Wir. Machen. Web.
 */

/* ****************************** */
/* Helper Classes */
/* ****************************** */

.clear:after,
.list:after {
  content: '';
  display: table;
  clear: both;
}

.clearer {
	display: block;
	clear: both;
}

.element-hidden {
	position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}

img {
	max-width: 100%;
	height: auto !important;
}


.list-2 {
	margin-right: -30px;
}

.list-2 > * {
	float: left;
	width: 50%;
	padding-right: 30px;
}
	.list-2 > *:nth-child(2n+1) {
		clear: left;
	}

.list-3 {
	margin-right: -30px;
}

.list-3 > * {
	float: left;
	width: 33.333%;
	padding-right: 30px;
}
	.list-3 > *:nth-child(3n+1) {
		clear: left;
	}

.list-4 {
}

.list-4 > * {
	float: left;
}
	.list-4 > *:nth-child(4n+1) {
		clear: left;
	}

/* ****************************** */
/* General */
/* ****************************** */

/* brand blue: rgba(13,21,45, 1) */

*, *:after, *:before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  outline: 0 !important;
}

html {
  font-size: 16px;
  background: rgba(13,21,45, 1);
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  line-height: 1.375;
  min-width: 320px;
	background: #fff;
	color:rgba(13,21,45, 0.85);
	font-size: 0.875rem;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.34375em;
}

p, pre {
  margin: 0 0 1.375em;
}

a {
	color: rgba(13,21,45, 1);
}

.container > * {
	width: 90%;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0 auto;
}

.header-container {
	background: #6aad0a;
}

#header {  
   top: 0;
   left: 0;
   z-index: 100;
   transition: all 0.35s ease;
   background: #6aad0a;
   &.on-scroll {
      background: var(--color-black-300);
      box-shadow: var(--shadow-medium);
   }


}

#branding {
	float: left;
	width: 25%;
}

#branding a {
	display: flex;
    flex-direction: row;
}

#logo {
	width: 224px;
	margin: 1.375em 0 0;
}

.main-container {
	background: rgba(13,21,45, 0.24);
	padding-top: 40px;
	padding-bottom: 40px;
}

#main {
	padding-top: 20px;
	padding-bottom: 40px;
	background: #fff;
	max-width: 1240px;
}

/* no-sidebar */
.no-sidebar #content-column {
  width: 100%;
}

/* right */
.sidebar-right #content,
.sidebar-right .sidebar {
  clear: none;
  float: left;
	width: 100%;
}

.sidebar-right #content-column {
  margin-left: 0%;
  margin-right: 33.333%;
  width: auto;
}

.sidebar-right #sidebar-right {
  margin-left: -33.333%;
  width: 33.333%;
	padding-left: 80px;
}

.footer-container {
	background: #6aad0a;
}

#footer {
	background: #6aad0a;
	padding-top: 20px;
	padding-bottom: 40px;
}

/* ****************************** */
/* Blocks */
/* ****************************** */

#sidebar-right .block {
	margin-bottom: 2.75em;
}

#sidebar-right .block-title {
	background: rgba(13,21,45, 0.75);
	color: #fff;
	padding: 1.03125em;
	margin: 0;
	font-size: 1rem;
}

#sidebar-right .block-content {
	padding: 0.6875em 1.03125em;
	border: 1px solid rgba(13,21,45, 0.12);
	border-top: 0;
	color: rgba(13,21,45, 0.75);
    background: rgba(13,21,45, 0.12);
}

/* footer */
.footer-container {
	background: #6aad0a;
	padding-top: 20px;
	padding-bottom: 40px;
}

#footer {
	background: #6aad0a;
	padding-top: 20px;
	padding-bottom: 40px;
}

#footer .block {
	float: left;
	width: 25%;
	padding-right: 40px;
}

#footer .block-title {
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#footer .block-content {
	color: #fff;
}

@media (max-width: 60rem) {
  .footer-container {
    display: block; 
    padding: 20px; 
  }


  #footer .block {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px; 
  }
}



/* contact */
.block-contact strong {
	display: block;
}

/* member */
.block-member a {
	display: block;
	margin-bottom: 1.375em;
}

.block-member p {
	color: rgba(255,255,255, 0.5);
	font-size: 0.875rem;
}

/* ****************************** */
/* Content */
/* ****************************** */

.page-title {
	color: #6aad0a;
	margin-bottom: 1.375em;
	position: relative;
}
	.page-title:after {
		content: '';
		position: absolute;
		width: 10%;
		height: 4px;
		background: #6aad0a;
		bottom: -0.6875em;
		left: 0;
		z-index: 1;
	}

.page-content {
	padding: 0;
}

.page-content h2,
.page-content h3 {
	color: rgba(13,21,45, 1);
	margin-bottom: 1.375em;
	position: relative;
}
	.page-content h2:after,
	.page-content h3:after {
		content: '';
		position: absolute;
		width: 10%;
		height: 2px;
		background: #6aad0a;
		bottom: -0.6875em;
		left: 0;
		z-index: 1;
	}

/* home */
.section-home #slider {
	width: 100%;

}


/* product */

.product {
	text-align: center;
}
	.product.caption {
		text-align: right;
	}
	.product.highlight {
		position: relative;
		z-index: 99;
		background: #fff;
	}

.product-title {
	background: #6aad0a;
	color: rgba(255,255,255, 1) !important;
	padding: 1.03125em;
	margin: 0 !important;
	font-size: 1rem;
}
	.product.caption .product-title {
		background: none;
	}
	.product-title:after {
		display: none;
	}

.product-content {
	padding: 0.6875em 1.03125em;
	border: 1px solid rgba(13,21,45, 0.5);
	border-top: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.product-content > div:nth-child(n) {
	margin-top: auto;
}

	.product-content > div:not(.details):not(.wrapper) {
		margin-bottom: 0.6875rem;
		border-bottom: 1px solid rgba(13,21,45, 0.24);
		padding-bottom: 0.6875rem;
	}
		.product-content .price {
			font-size: 2rem;
		}
	.product.caption .product-content {
		border: 0;
	}

.product-content .wrapper-image {
}

.product-content .wrapper-content {
    flex: 1

}
.product-content .wrapper-content .text,
.product-content .wrapper-content .price {
	margin-bottom: 0.6875rem;
	border-bottom: 1px solid rgba(13,21,45, 0.24);
	padding-bottom: 0.6875rem;
}
	
.product-content .price sup {
	font-size: 0.75rem;
	position: relative;
	top: -1.5em;
}

.product-content .price-per-unit {
	font-size: 0.75rem;
}

.product-content .details .btn {
	display: inline-block;
	width: 66.666%;
	max-width: 180px;
}

.info-container .products.list-4 .product-content {
  height: 420px;
}

.products.list-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



.designs.product {
    flex: 1 1 calc(25% - 1rem);
    box-sizing: border-box;
    margin: 0.5rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.designs.product:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.products.list-4 .product-content{
    height: 600px;
}


@media (max-width: 1400px) {
    .designs.product {
        flex: 1 1 calc(50% - 1rem);
    }
    .products.list-4 .product-content{
    height: 950px;
}
}

@media (max-width: 768px) {
    .designs.product {
        flex: 1 1 calc(100% - 1rem);
    }
    .products.list-4 .product-content{
    height: 1000px;
}
}

/* ****************************** */
/* Elements */
/* ****************************** */

/* button */
.btn, .button_form {
	background: rgba(13,21,45, 1);
	padding: 0.34375em 1.375em;
	color: rgba(255,255,255, 1);
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
	.btn:hover, .button_form:hover {
		opacity: 0.75;
	}
	.btn-2nd, .button_form-2nd {
		color: rgba(255,255,255, 1);
		background: rgba(13,21,45, 0.5);
	}

.button_form_small {
	text-decoration: none;
}
	.button_form_small:hover {
		text-decoration: underline;
	}

/* form */
.form {}

.form-field {
	margin-bottom: 0.6875em;
}

.form-field label {
	font-weight: bold;
}

.form-label {
	margin-bottom: 0.6875em;
	display: block;
}

input[type="text"],
input[type="password"],
textarea {
	background: rgba(13,21,45, 0.12);
	width: 100%;
	padding: 0.34375em 0.6875em;
	height: 32px;
	border: 1px inset #0d152d;
}
	input[readonly] {
		padding: 0;
		border: 0px;
		background: none;
	}
	textarea {
		resize: vertical;
	}

select {
	background: rgba(13,21,45, 0.12);
	width: 100%;
	padding: 0.34375em 0.6875em;
	border: 0;
	min-width: 75px;
	height: 32px;
}

.field-gfxcheck .form-item {
	position: relative;
}

.field-gfxcheck .form-item img {
	position: absolute;
	right: 5px;
	top: 5px;
}

.field-checkbox label{
	display:inline;
}

.form-1-1 {
	clear: left;
}

.form-2-1,
.form-2-2 {
	float: left;
	width: 50%;
}
	.form-2-1 {
		clear: left;
		padding-right: 0.34375em;
	}
	.form-2-2 {
		padding-left: 0.34375em;
	}

.form-3-1,
.form-3-2,
.form-3-3 {
	float: left;
	width: 33.333%;
}
	.form-3-1 {
		clear: left;
		padding-right: 0.34375em;
	}
	.form-3-2 {
		padding-left: 0.34375em;
		padding-right: 0.34375em;
	}
	.form-3-3 {
		padding-left: 0.34375em;
	}

/* ****************************** */
/* Checkout */
/* ****************************** */

.table {}

.table tr th {
  border-bottom: 2px solid rgba(13,21,45, 1);
  padding: 12px 25px;
  text-align: left;
  font-family: 'RobotoDraft', Arial, Helvetica, sans-serif;
}

.table tr {}

.table tr:hover td {
  background: rgba(13,21,45, 1);
  color: #fff;
}

.table td {
  padding: 10px 25px;
  border-bottom: 1px solid #e5e5e5;
}

.table .de td {
  font-weight: bold;
}

.table tr:last-child td {
  border-bottom: 0;
}

.table tr:hover .btn {
  background: #fff;
  color: rgba(13,21,45, 1);
}

.table td h2 {
  margin: unset;
}

.cart form.cart {
  padding: 0 0 20px;
}

.cart table {
  width: 100%;
}

.cart table thead {
  position: relative;
}

.cart table th {
  padding: 10px 15px;
  background: rgba(13,21,45, 1);
  color: #fff;
  font-size: 20px;
  font-weight: 300 !important;
  vertical-align: top;
}

.cart table td {
  padding: 15px 15px;
  vertical-align: top;
}

.cart table tr.item td {
  border-bottom: 1px solid #e5e5e5;
}

.cart table .subtotal td,
.cart table .shipping td,
.cart table .payment td,
.cart table .netto td,
.cart table .tax td,
.cart table .credits td {
  padding: 2px 15px;
}

.cart .pos {
  text-align: center;
}

.cart .sku {
  text-align: left;
}

.cart td.sku {
  text-transform: uppercase;
}

.cart .desc {
  text-align: left;
}

.cart td.desc .product {
  font-size: 14px;
  font-weight: bold;
  display: block;
	text-align: left;
	margin-bottom: 0.6875em;
}

.cart td.desc .properties {
  font-size: 12px;
}

.cart .unit-price {
  text-align: left;
}

.cart .qty {
  text-align: center;
}

.cart .price {
  text-align: right;
  font-weight: bold;
}

.cart .total .price {
  font-size: 24px;
}

.cart .cart-action {
  text-align: center;
}

.cart input {
  width: 50px;
  padding: 4px 6px;
  height: 30px;
  text-align: center;
  margin-top: -6px;
}

.steptable {
  width: 100%;
  margin: 0 0 2.750em;
}

.steptable td {
  background: rgba(13,21,45, 0.15);
	color: rgba(13,21,45, 0.85);
}

.steptable .step-active,
.steptable .step-done {
  background: rgba(13,21,45, 1);
  color: rgba(255,255,255, 1);
}

.steptable .step-icon {
  width: 8%;
  text-align: right;
  padding: 10px;
}

.steptable .step-text {
  width: 25%;
  padding: 10px;
}

.steptable .step-step {
  font-weight: bold;
  display: block;
}

.steptable .step-desc {
  display: block;
  font-weight: 300;
  font-size: 18px;
  margin-top: -6px;
}

.payment {
  width: 100%;
  margin: 1.375em 0 2.750em;
}

.payment label {
  cursor: pointer;
}

.payment tr td {
  padding-bottom: 28px;
  position: relative;
}

.payment tr td:first-child:before,
.payment tr td:last-child:before {
  content: "";
  width: 38px;
  height: 1px;
  background: #eee;
  top: -14px;
  left: 0;
  position: absolute;
  z-index: 5;
}

.payment tr td:last-child:before {
  left: auto;
  right: 0;
}

.payment tr:first-child td:last-child:before,
.payment tr:first-child td:first-child:before {
  display: none;
}

.form-is-customer,
.form-new-customer {
	margin: 0 auto;
	max-width: 640px;
}

/* ****************************** */
/* Menus */
/* ****************************** */

/* main-menu */
#main-menu {
    
	padding: 0 40px;
	float: left;
	width: 100%;
    font-size: 1rem;
    margin: 1.375em 0;
    top: 0;
    background-color: var(--color-black-300);
    box-shadow: var(--shadow-medium);
    transition: all 0.4s ease-in-out;

   &.is-active {
      top: 0;
      width: 100%;
      height: auto;
   }

   &-inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      row-gap: 1.25rem;
   }

   &-link {
      font-family: inherit;
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.5;
      color: var(--color-white-100);
      text-transform: uppercase;
      transition: all 0.3s ease;
   }

   &-block {
      display: inline-block;
      font-family: inherit;
      font-size: 0.875rem;
      font-weight: 500;
      line-height: 1.25;
      user-select: none;
      white-space: nowrap;
      text-align: center;
      margin-left: auto;
      padding: 0.65rem 1.5rem;
      border-radius: 3rem;
      text-transform: capitalize;
      color: var(--color-white);
      background-color: var(--color-blue-600);
      box-shadow: var(--shadow-medium);
      transition: all 0.3s ease-in-out;
   }


   @media only screen and (min-width: 8rem) {
      position: relative;
      top: 0;
      width: auto;
      height: auto;
      padding: 0rem;
      margin-left: auto;
      background: none;
      box-shadow: none;

      &-inner {
         display: flex;
         flex-direction: row;
         column-gap: 2rem;
         margin: 0 auto;
      }

      &-link {
         text-transform: capitalize;
      }

      &-block {
         margin-left: 2rem;
      }
   }
   
}

#main-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-menu li.level-0 {
	float: left;
	position: relative;
	margin-left: 4px;
}

#main-menu a.level-0 {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 16px;
	border-radius: 4px;
}
	#main-menu a.level-0:before {
  content: '';
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid rgba(0,0,0, 0.04);
  width: 0;
  height: 0;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -12px;
  z-index: 26;
  display: none;
	}
		#main-menu li.level-0:not(.end):hover a.level-0:before {
			display: block;
		}
	#main-menu a.level-0:after {
  content: '';
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(255,255,255, 1);
  width: 0;
  height: 0;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -10px;
  z-index: 27;
  display: none;
	}
		#main-menu li.level-0:not(.end):hover a.level-0:after {
			display: block;
		}
	#main-menu li.level-0:hover a.level-0 {
		background: #fff;
		color: rgba(13,21,45, 1);
	}
	#main-menu li.level-0.active a.level-0 {
		background: #fff;
		color: rgba(13,21,45, 1);
	}

#main-menu ul.level-1 {
	position: absolute;
	z-index: 25;
	left: 0;
	top: 47px;
	width: 220px;
	background: #fff;
	box-shadow: 0 1px 2px rgba(43,59,93, 0.29);
	border-radius: 4px;
	padding: 5px 0;
	display: none;
}
	#main-menu ul.level-1:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: -16px;
  height: 16px;
  width: 100%;
	}
	#main-menu li.level-0:hover ul.level-1 {
		display: block;
	}

#main-menu li.level-1 {
	position: relative;
}

#main-menu a.level-1 {
	color: rgba(13,21,45, 1);
	text-decoration: none;
	display: block;
	padding: 10px 20px;
}
	#main-menu li.level-1:hover a.level-1 {
		background: rgba(13,21,45, 1);
		color: #FFF;
	}

/* footer-menu */
.menu-light {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-light li.level-0 {
	padding-bottom: 5px;
}

.menu-light a.level-0 {
	color: #fff;
	text-decoration: none;
}
	.menu-light a.level-0:hover {
		text-decoration: underline;
	}*/

/* ****************************** */
/* Misc */
/* ****************************** */

/* slider-payment */
#slider-payment {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}

#slider-payment .logo {
	margin-top: 1.375em;
	margin-bottom: 0.6875em;
	text-align: center;
}

#slider-payment .logo img {
	width: auto;
	display: inline;
}

.notice {
	color: #888;
	border-top: 1px solid #e5e5e5;
	margin-top: 1.375em;
	padding-top: 0.6875em;
	text-align: justify;
}

.notice p {
	font-size: 10px;
}

.notice h4 {
	font-size: 16px;
	margin-bottom: 0;
	color: rgba(13, 21, 45, 0.85);
}


#wiki_mainmenu, #wiki_contentmenu {color:#71878e;border: 0px solid #DBDBDB;background:none;border-radius:4px;padding:15px;margin-bottom:20px;width:270px;}
#wiki_mainmenu ul, #wiki_contentmenu ul {margin:0px;padding:0px;list-style: none;}
#wiki_mainmenu li, #wiki_contentmenu li {font-size:0.857em;font-weight:400;line-height:1.5em;}
#wiki_mainmenu li li, #wiki_contentmenu li li {font-size:1.0em;line-height:1.5em;}
#wiki_mainmenu ol, #wiki_contentmenu ol {margin:0px;padding:0px 0px 0px 15px;}
#wiki_mainmenu b, #wiki_contentmenu b {color:#586265}
#wiki_mainmenu a, #wiki_contentmenu a {color:#71878e;padding:2px 0 2px 0px;display: block;}
#wiki_mainmenu a:hover, #wiki_contentmenu a:hover {color:#30464b;}

#wiki_fixed {position:fixed;}
#wiki_content {line-height:24px;}
#wiki_content h1 {margin-bottom:40px;line-height:40px;font-weight:200;}
#wiki_content h2 {margin-bottom:30px;height:35px;line-height:30px;font-weight:200;border-bottom: 2px solid #DBDBDB;}
#wiki_content h3 {margin-bottom:20px;line-height:30px;font-weight:200;border-bottom: 2px dashed #DBDBDB;}
#wiki_content h4 {margin-bottom:20px;line-height:24px;font-weight:200;border-bottom: 2px dotted #DBDBDB;}
#wiki_content hr, #wiki_mainmenu hr {border: 0;height: 1px;margin-top:20px;margin-bottom:20px;background: #DBDBDB;}
#wiki_content ul, #wiki_content ol {margin:0px 0px 20px 0px;padding:0px 0px 0px 40px;}
#wiki_content li {font-size:1.1em;}
#wiki_content li li {font-size:1.0em;}
#wiki_content .col-md-3, #wiki_content .col-md-4, #wiki_content .col-md-6 {margin-bottom:0px;}
#wiki_content pre {margin-top:20px;margin-bottom:20px;}
#wiki_content a:not(.btn) {color:#71878e;text-decoration:underline;}
#wiki_content a:hover:not(.btn) {color:#30464b;}

.wiki_list {line-height:20px !important;}
.wiki_list b {font-size:1.1em;}
.wiki_list hr {margin: 10px 0px !important;}
.wiki_errorbox {padding:10px;background-color:#ffc6c6;color:#620f0f;font-size: 1.0em;border-radius: 3px;border-left:3px solid #cc9393;margin-top:20px;margin-bottom:20px;line-height:1.5em;}
.wiki_infobox {padding:10px;background-color:#ffeec6;color:#624b0f;font-size: 1.0em;border-radius: 3px;border-left:3px solid #ccbb93;margin-top:20px;margin-bottom:20px;line-height:1.5em;}
.wiki_codebox {font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;font-size:0.9em;border-left:3px solid #c2c2c2;line-height:1.5em;padding:10px !important;overflow: auto;white-space: pre;resize: none;background: #f5f5f5 !important;border-radius: 3px;}

.wiki_colorstd {color:#182225;}
.wiki_colorone {color:#b22222;}
.wiki_colortwo {color:#b22222;}
.wiki_colorthree {color:#b22222;}
.wiki_space {height:40px;line-height:40px;}
.wiki_xsmall.wiki_space {height:20px;line-height:20px;}
.wiki_small.wiki_space {height:30px;line-height:30px;}
.wiki_normal.wiki_space {height:40px;line-height:40px;}
.wiki_big.wiki_space {height:50px;line-height:50px;}

.wiki_xsmall li {line-height:16px;}
.wiki_small li {line-height:20px;}
.wiki_normal li {line-height:24px;}
.wiki_big li {font-size: 26px;}
.wiki_xsmall {font-size: 0.8em !important;}
.wiki_small {font-size: 1.0em !important;}
.wiki_normal {font-size: 1.1em !important;}
.wiki_big {font-size: 1.3em !important;}

.wiki_p {font-size: 1.1em;}
.wiki_p .wiki_xsmall {font-size: 0.6em;}
.wiki_p .wiki_small {font-size: 0.8em;}
.wiki_p .wiki_big {font-size: 1.1em;}

.wiki_img {width:100%;height:auto;margin-bottom:20px;}

#wiki_content ul.nav.nav-pills {margin:0px;padding:0px;}
#wiki_content ul.nav.nav-pills a {text-decoration:none;padding: 6px 12px;}
#wiki_content ul.nav-pills li.active a {color:#fff;background-color:#30383b;}
#wiki_content img {border-radius:4px;border: 1px solid #DBDBDB;}
#wiki_content .tab-content {border:0px;border-radius:0px;box-shadow:none;padding:0px;}
#wiki_content .label.label-lg {font-size:.9em;}

@media (max-width:1199px) {
#wiki_mainmenu, #wiki_contentmenu {width:222px;}
}

@media (max-width:991px) {
#wiki_contentmenu {width:100%;position:relative;}	}

@media (max-width:767px) {
#wiki_mainmenu, #wiki_contentmenu {border: 1px solid #dbdbdb;background-color:#fefefe;}
#wiki_content h1 {margin-bottom:30px;font-size:2.0em;line-height: 32px;height:35px;}
#wiki_content h2 {margin-bottom:25px;font-size:1.8em;line-height: 28px;height:33px;}
#wiki_content h3 {margin-bottom:15px;font-size:1.5em;line-height: 28px;height:31px;}
#wiki_content h4 {margin-bottom:15px;font-size:1.4em;line-height: 24px;height:24px;}
.wiki_space {height:30px;line-height:30px;}
.wiki_xsmall .wiki_space {height:10px;line-height:10px;}
.wiki_small .wiki_space {height:20px;line-height:20px;}
.wiki_normal.wiki_space {height:30px;line-height:30px;}
.wiki_big .wiki_space {height:40px;line-height:40px;}
}

@media (max-width:479px) {
#wiki_mainmenu li, #wiki_contentmenu li {font-size:0.923em;}
#wiki_content {line-height:22px;}
#wiki_content h1 {margin-bottom:25px;font-size:1.8em;line-height: 28px;height:33px;}
#wiki_content h2 {margin-bottom:20px;font-size:1.6em;line-height: 24px;height:28px;}
#wiki_content h3 {font-size:1.4em;line-height: 22px;height:25px;}
#wiki_content h4 {font-size:1.3em;line-height: 22px;height:22px;}
#wiki_content li {font-size:1.1em;}
.wiki_space {height:25px;line-height:25px;}
.wiki_xsmall .wiki_space {height:5px;line-height:5px;}
.wiki_small .wiki_space {height:15px;line-height:15px;}
.wiki_normal.wiki_space {height:25px;line-height:25px;}
.wiki_big .wiki_space {height:35px;line-height:35px;}
.wiki_p {font-size: 1.0em;}
.wiki_errorbox {font-size: 1.0em;}
.wiki_infobox {font-size: 1.0em;}
.wiki_codebox {font-size:0.9em;line-height:20px;}
}


.hljs, .hljs-subst {
    color: #5e5e5e;
}



  @media only screen and (min-width: 769px) {
    .products .item {
      width: 50%;
      margin-top: 10px;
      padding: 20px;
      transition: 0.3s;
      margin-bottom: 30px;
      box-sizing: border-box;
    }
    .products .item:hover {
      transform: scale(1.1);
    }
  }

@media only screen and (max-width: 768px) {
    .products .item {
      width: 100%;
      padding: 20px;
      transition: 0.3s;
      margin-bottom: 30px;
      box-sizing: border-box;
    }
    .products .item:hover {
      transform: scale(1.1);
    }
  }

 @media only screen and (min-width: 1400px) {
    .products .item {
      width: 25%;
      padding: 20px;
      transition: 0.3s;
      margin-bottom: 30px;
      box-sizing: border-box;
    }
    .products .item:hover {
      transform: scale(1.1);
	}
  }