/* orange: #ED7B37 / #FF9900 / #F08F40 / #f6722f */
:root {
	font-size: 14px;
	font-family: Arial,sans-serif;
	line-height: 1.625;
	--text-color: #444;
	--linogate-orange: #f6722f;
}

@font-face {
	font-family:'BankGothicBT-Light';
	src:url('27ECF1_0_0.eot');
	src:url('27ECF1_0_0.eot?#iefix') format('embedded-opentype'),
	    url('27ECF1_0_0.woff') format('woff'),
			url('27ECF1_0_0.ttf') format('truetype'),
			url('27ECF1_0_0.svg#wf') format('svg');
}

@font-face {
	font-family:'BankGothicBT-Medium';
	src:url('27ECF1_1_0.eot');
	src:url('27ECF1_1_0.eot?#iefix') format('embedded-opentype'),
	    url('27ECF1_1_0.woff') format('woff'),
			url('27ECF1_1_0.ttf') format('truetype'),
			url('27ECF1_1_0.svg#wf') format('svg');
}
.icon-ban-circle::before {
	color:#c66;
}

* {
	box-sizing:border-box;
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	color: #444;
}
body.menu-open {
	overflow: hidden;
}

#container {
	background:#fff;
}

input,
select,
textarea {
	font-size: 1rem;
	border:1px solid #e4e4e4;
	background-color:transparent;
}

form table th {
	text-align:right;
}

.textblock {
	margin-top:1em;
	margin-bottom:1em;
}

.slides .slide {
	position:relative;
}
.hidden {
	display:none;
}
.rot90 {
	-webkit-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform:rotate(270deg);
}
.grid {
	display: grid;
	grid-gap: 2em;
}
.extwrap_msg {
	display:inline-block;
	width:100%;
	padding:1em;
	border:1px solid #ddd;
	border-radius:0.6rem;
	background-image:repeating-linear-gradient(135deg, #ffffff,#f4f4f4 35px, #fff 70px);
}
.extwrap_btn {
	display:inline-block;
	text-align:center;
	width:100%;
}
.extwrap_hidden {
	display:none;
}
#gri_products2 {
	text-align:center;
}
#download #body .grid {
	padding-bottom:7em;
}
.box {
	display:inline-block;
	text-align:initial;
}
.grid.cols1 {
	grid-template-columns: 1fr;
}
.grid.cols2 {
	grid-template-columns: 1fr 1fr;
}
.grid.cols3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.grid.cols4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.cols5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.span2 {
	grid-column: span 2;
}
.span3 {
	grid-column: span 3;
}
.span4 {
	grid-column: span 4;
}
.span5 {
	grid-column: span 5;
}
.rowspan2 {
	grid-row: span 2;
}
.rowspan3 {
	grid-row: span 3;
}
.rowspan4 {
	grid-row: span 4;
}

/*TODO? */
.box .bottom {
	padding:0.5em 0;
}
.box .bottom > a,
.box .bottom > span {
	background-color:#f6722f;
	border-radius:0.6rem;
	padding:0.5em 1em;
	color:#fff;
	font-size: 1.2rem;
	white-space:nowrap;
}

span.req { /* indicator for required form elements */
	color:#f00;
	margin-left:0.5em;
	margin-right:0.5em;
}

.crit,
.warn {
	display: grid;
	align-content: center;
	border:1px solid #bbb;
	padding:1em 1em 1em 50px;
	margin:1em 0;
	min-height:62px;
	color: #444;
	background-repeat: no-repeat;
	background-color: #e4e4e4;
	background-position: 15px center;
	background-image:url('../img/warn_info.png');
}
.crit {
	background-image:url('../img/warn_crit.png');
}

/***** Productnames *****/
span.defendo {
	display:inline-block;
	font-size:1.3em;
	line-height:1em;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
	white-space:nowrap;
}
span.vm {
	display:inline-block;
	font-size:1.2em;
	line-height:1em;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
	white-space:nowrap;
}
span.vm span.p1 {
	display:inline-block;
	font-size:0.95em;
}
span.vm span.p2 {
	display:inline-block;
	font-family:Arial,sans-serif;
	font-style:italic;
	font-size:1.05em;
}
span.pw {
	display:inline-block;
	font-size:1.25em;
	line-height:1em;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
	white-space:nowrap;
}
span.pw span.p1 {
	color: #918f90;
}
span.pw span.p2 {
	color: #231f20;
}
span.orbiter {
	display:inline-block;
	line-height:1em;
	font-size:1.3em;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
	white-space:nowrap;
}
span.orbiter span.p1 {
	display:inline-block;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
}
span.orbiter span.p2 {
	display:inline-block;
	font-family:"BankGothicBT-Light",Arial,sans-serif;
	color:#f6722f;
	font-size:0.80em;
	position:relative;
	top:-0.3em;
	left:-0.6em;
	margin-right:-0.6em;
}
span.rdp {
	display:inline-block;
	line-height:1em;
	font-family:"BankGothicBT-Medium",Arial,sans-serif;
	font-size:1.3em;
	white-space:nowrap;
}
span.rdp span.p1 {
	display:inline-block;
	position:relative;
	display:inline-block;
	top:-0.5em;
	letter-spacing:0.1em;
	font-size:0.50em;
}
span.rdp span.p2 {
	display:inline-block;
	color:#f6722f;
	margin-left:0.1em;
	margin-right:0.1em;
}

span.rdp span.p3 {
	display:inline-block;
	letter-spacing:0.1em;
	font-size:0.50em;
}

/***** Links *****/
a,
a:active,
a:hover,
a:visited {
	color:#f6722f;
	text-decoration:none;
	outline:none;
}
a i {
	margin-left:1em;
	font-size:0.80em;
}
a.expandable {
	color:#999;
	display:inline-block;
}
a.expandable i {
	font-size:1em;
	margin-left:0.3em;
	margin-right:0.3em;
	color:#666;
}
.expand {
	position:relative;
	z-index:1;
	text-align:left;
	display:none;
	font-weight:normal;
}
.expand .textblock {
	white-space:nowrap;
	margin:0;
}
a.expandable:hover,
a.expandable.open {
	color:#444;
	background-color:#f6722f;
	border-radius:0.6rem 0 0 0.6rem;
}
a.expandable:hover .expand,
a.expandable.open .expand {
	position:absolute;
	display:inline-block;
	margin-top:0;
	color:#666;
	background-color:#ddd;
	opacity:1;
	border:2px solid #f6722f;
	border-radius:0 0.6rem 0.6rem 0.6rem;
	text-align:left;
	text-indent:0;
	padding:2em 2em;
	max-width:30em;
	white-space:normal;
	cursor:text;
}

/***** Headings *****/
h1 {
	font-size:1.9rem;
	line-height:1.1em;
	font-weight:normal;
	text-align:left;
	color:#333;
	margin-top:1.8em;
	margin-bottom:1.2em;
}
.info {
	margin-top:-1em;
	font-size:1.2rem;
	line-height:1.1em;
	font-weight:normal;
	color:#999;
	white-space:nowrap;
}
#body.pw .info {
	color:#020202;
}
table caption,
h2 {
	color:#333;
	margin-top:1.2em;
	margin-bottom:0.8em;
	text-align:left;
	font-size:1.5rem;
	line-height:1.1em;
	font-weight:normal;
}
h3 i,
h2 i {
	margin-right:0.5em;
}
#rdp-2-defendo h2,
#rack-server h2,
#thin-server h2,
#thin-server table caption,
#eco-server h2,
#eco-server table caption,
#orbiter h2,
#defendo-vm h2 {
	margin-top:3em;
}
h3 {
	margin-top:1em;
	margin-bottom:0.5em;
	color:#333;
	font-size:1.3rem;
	line-height:1.1em;
	font-weight:normal;
}
.box h3 {
	font-weight:normal;
	margin:0 0 0.5em 0;
}
.icon-at:before {
	font-weight:bold;
	content:'@';
}
h4 {
	line-height:1.1em;
	margin-top:1em;
	margin-bottom:0.5em;
}
#category h1:first-child,
#category h2:first-child {
	margin-top:0;
}

/***** Lists / Tables *****/
ul[class] {
	list-style:none;
}
ul.downloads {
	padding:0.5em 0.25em;
}
.text ul.downloads {
	padding:0;
}
#body .content ul {
	margin-left: 0;
}
#body .content ul.icons-ul {
	margin-left:2em;
}
#body .content .expand ul {
	margin-left:0;
	padding-top:0;
}
#body .content ul.downloads {
	margin-left:0;
}
.expand ul,
.expand dl {
	list-style-type:disc;
}

dt {
	font-weight:bold;
	margin-top:1em;
}
dd {
	margin-left:1em;
}
#category dd {
	margin-bottom:1em;
}
.expand dt,
.expand dd,
.expand li {
	white-space:nowrap;
}
.expand dd {
	display:list-item;
	margin-left:2em;
}

ul.nowrap > li,
dl.nowrap > dt,
dl.nowrap > dd,
table.nowrap th,
table.nowrap td {
	white-space:nowrap;
}
table.compare {
	width:100%;
	display:inline-table;
	white-space:nowrap;
	text-align:center;
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;
}
#thin-server table.compare {
	width:40em;
}
#praxis-waechter table.compare,
#eco-server table.compare {
	width:20em;
}
table.compare th {
	color:#666;
	font-weight:bold;
}
table.compare td {
	vertical-align:top;
}
table.compare th,
table.compare td {
	padding:0.25em;
}

td.br,
th.br {
	border-right:1px solid #999;
}
tr.bb td,
tr.bb th,
td.bb,
th.bb {
	border-bottom:1px solid #999;
}
form .grid.cols2 {
	grid-template-columns: auto 1fr;
	grid-gap: 1em;
}
form .grid .th {
	padding-top:1em;
	color: #666;
	font-weight: bold;
}
.grid input[size="40"],
.grid select,
.grid textarea {
	width: 100%;
}

/***** Page header *****/
#top {
	text-align:right;
	font-size:0.9rem;
	line-height:1em;
}
#top .content {
	display: flex;
	gap: 1rem;
	align-items: center;
	padding: 1rem 2rem;
}
#top .js-info {
	display:inline-block;
	background-color:#f00;
	color:#000;
	padding:1em 5em;
}
#top .item {
	color: #888;
}
#top .item {
	display:inline-block;
	margin:0;
}
#top .item input {
	padding:0;
}
#top ul.item {
	display: flex;
	gap: 1rem;
	align-content: center;
}
#top ul.item li {
	display:inline-block;
	line-height: 0;
}
#top a.item:hover,
#top a.item.on { /* TODO: .on gibt es hier nicht */
	color: #f6722f;
}

#nav .content {
	display: grid;
	grid-template-columns: min-content auto;
	align-items: end;
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
	padding: 2rem;
}
.logo {
	line-height: 0;
}
.logo img {
	max-width: 180px;
}

#navbar .item {
	display:inline-block;
}
#navbar .item a {
	display: inline-block;
	color:#444;
	font-size:1.3rem;
	line-height:1em;
  text-decoration-color: transparent;
	transition: all 0.5s ease;
}
#navbar .item.on a {
	color: #f6722f;
}
#navbar .item a:hover {
  text-decoration: underline;
  text-decoration-color: #f6722f;
  text-decoration-thickness: 4px;
}

#header {
	height: 300px;
	background-image: url('../img/header_default.jpg');
	margin-top: 2rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: grid;
	align-content: center;
}

/* Show page title by default at the right side of the header image */
#header .content {
	color:#fff;
	text-shadow:2px 2px 6px #000;
	font-size:3.5rem;
	font-weight: bold;
	line-height:1em;
	text-align:center;
	width: 50%;
	margin-left: 50%;
}

/* Disable selected page titles */
#news_itsmig #header .content,
#oem #header .content {
	display: none;
}

/* Individual header images */
#support #header { background-image: url('../img/header_support.jpg'); }
#category #header,
#categories #header { background-image: url('../img/header_faq.jpg'); }
#company #header { background-image: url('../img/header_company.jpg'); }
#contact #header { background-image: url('../img/header_contact.jpg'); }
#buy #header { background-image: url('../img/header_buy.jpg'); }
#download #header { background-image: url('../img/header_download.jpg'); }
#oem #header { background-image: url('../img/header_oem.jpg'); }
#news_itsmig #header { background-image: url('../img/header_itsmig.jpg'); }

/* special cases for Praxis-Wächter page headers */
body.pw #header {
	background-image: url('../img/header_pw.jpg');
	align-content: start;
}
body.pw #header .content {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-left: 2rem;
	padding-right: 2rem;
}

/* Disable some header images */
#www #header,
#defendo #header,
#products #header {
	display: none;
}

/* Page title at the left side of the header images */
#company #header .content {
	margin-left: auto;
	margin-right: 50%;
}

/* always show image's right edge */
#news_itsmig #header {
	background-position-x: right;
}

#breadcrumb {
	color:#999;
	line-height:2em;
	padding:0.5em 2em;
	border-bottom:1px solid #e4e4e4;
}
#breadcrumb a {
	color:#999;
}
#www #breadcrumb {
	display:none;
}

/***** Page Body *****/
#body {
	padding:2rem;
}
.inner.with-sidebar {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-gap: 2rem;
}
#products .inner.with-sidebar,
#defendo .inner.with-sidebar {
	grid-template-columns: min-content auto;
}
#body .content table {
	border-spacing:1em;
}
#body .content .img {
	margin-bottom:2em;
	margin-left:2em;
	float:right;
}
#body .content .img.product {
	margin-left:0;
}
#body .content .img img {
	display:block;
}
#body .content .img.landscape img {
	width:300px;
}
#body .content .img.portrait img {
	height:200px;
}
#body .content .img.landscape.product img {
	width:250px;
}
#body .content .img.landscape.product.pw-tab img {
	width:400px;
}
#rack-server #body .content .img.landscape.product img {
	width:500px;
}
#body .content .img.portrait.product img {
	height:300px;
}

/***** Sidebar *****/
#sidebar {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
#sidebar ul.links {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-bottom: 0;
}
#sidebar .box {
	background:#fff;
	color:#666;
	border:2px solid #f6722f;
	border-radius:0.6rem;
	padding:0;
	font-size: 1.2rem;
}
#sidebar .box h3 {
	background-color:#f6722f;
	font-size: 1.3rem;
	text-align:center;
	padding:0.25rem;
	margin:0;
	color:#fff;
}
#sidebar .box .text {
	margin:0.5em;
}
#sidebar .box.legend > .text {
	width: 15em;
}
.buttons {
	display: flex;
	flex-direction: row-reverse;
	margin-top: 1em;
}
input[type="submit"] {
	border:0;
	font-size:1.1em;
}
#sidebar ul.links a {
	font-size:1.3rem;
}
input[type="submit"],
#sidebar ul.links a {
	background-color:#f6722f;
	border-radius:0.6rem;
	padding:0.5em;
	color:#fff;
	text-align:right;
	white-space:nowrap;
}
#sidebar ul.links li a {
	display:block;
}
#sidebar ul.links a i {
	color:inherit;
}
#sidebar ul.links li a.back {
	text-align:left;
}
#sidebar ul.downloads a {
	text-align:left;
	background-color:#fff;
	color:#666;
	transition: all 0.5s ease;
}
#sidebar ul.downloads a:hover {
	color:#000;
}
#sidebar ul li a i {
	margin-right:1em;
	color:#666;
}
ul.downloads a:before {
	padding-right:0.25em;
}
ul.downloads a.pdf:before {
	content:url('../img/icon_pdf.png');
}
ul.downloads a.bin:before {
	content:url('../img/icon_bin.png');
}
ul.downloads a.url:before {
	content:url('../img/icon_lnk.png');
}
ul.downloads a.ref:before {
	content:url('../img/icon_ref.png');
}

/***** Individual Pages *****/
#www .benefits .box {
	padding: 2em;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}
#www .benefits .box .bottom {
	text-align: right;
}
#www .benefits .box h3 {
	font-size:1.5rem;
	margin-bottom:1em;
	font-weight:normal;
}
#www .benefits h3 i {
	font-size:1.7rem;
}
#www .benefits .box .text {
	font-size:1.2rem;
	min-height:8.2em; /* 5 lines * 1.625 line-height */
	margin-bottom:1em;
}
#gri_products_d > .rack-server {
	grid-column: 1/4;
	grid-row: 1;
}
#gri_products_d > .thin-server {
	grid-column: 1;
	grid-row: 2/4;
}
#gri_products_d > .eco-server {
	grid-column: 2;
	grid-row: 2;
}
#gri_products_d > .orbiter {
	grid-column: 2;
	grid-row: 3;
}
#gri_products_d > .defendo-vm {
	grid-column: 3;
	grid-row: 2/4;
}
#gri_products,
#gri_products_d,
#gri_why_pw,
#gri_why {
	grid-gap: 12px;
}
#gri_products .box > a,
#gri_why_pw .box > a,
#gri_why .box > a,
#gri_products_d .box > a {
	display: block;
	position:relative;
	border-radius:0.6rem;
	padding:0.5em;
	background-position: right;
	background-size: cover;
}
#gri_why .box > a,
#gri_why_pw .box > a {
	height:200px;
}
#gri_products .box > a,
#gri_products_d .box > a {
	height:250px;
}
#gri_why_pw .box > a {
	width:789px;
	box-shadow:2px 2px 10px rgba(102, 102, 102, 0.8);
}
#gri_why_pw h3,
#gri_products h3 {
	color:#fff;
	text-align:right;
	font-size:1.5rem;
}
#gri_products #cel_oem h3 { /* TODO */
	color:#fff;
}
#gri_products #cel_pw h3 {
	color:#5b5b5b;
}
#gri_why_pw h3 {
	color:#333;
}
#gri_why_pw a {
	background-repeat:no-repeat;
}
#gri_why .box > a {
	display: grid;
	align-content: center;
}
#gri_why .box > a {
	width:100%;
}
#gri_why .span2 > a {
	width:100%;
}
#gri_products_d .box > a {
	background-color:#000;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size: cover;
}
#gri_products_d .orbiter > a {
	background-position-y:-16px;
}
#gri_products_d .rack-server > a {
	height:200px;
	width:774px;
}
#gri_products_d .thin-server > a {
	height:442px;
	width:250px;
}
#gri_products_d .defendo-vm > a {
	height:442px;
	width:250px;
}
#gri_products_d .eco-server > a {
	height:264px;
	width:250px;
}
#gri_products_d .orbiter > a {
	height:165px;
	width:250px;
}
#gri_products_d .box h3 {
	color:#fff;
	font-size:1.5rem;
	font-weight:normal;
	margin:0;
}
#gri_why .box h3 {
	color:#000;
	font-size:2rem;
	line-height:90%;
	width:100%;
	text-align:center;
}
#gri_why .box h3 span.defendo {
	display:block;
	font-size:0.7em;
	color:#555;
}
#gri_why_pw .box .bottom,
#gri_why .box .bottom,
#gri_products_d .box .bottom {
	position:absolute;
	bottom:0.5em;
	right:0.5em;
}

#compare #body .content {
	text-align:center;
}
#update #body img {
	height:24px;
	margin-right:4px;
}
#update #body h2 {
	font-size:1.3rem;
	font-weight:normal;
}

#contact #body .box {
	font-size:1.1rem;
}
#contact #address #cel_1 {
	grid-row: 1/3;
}
#contact #address img {
	float:left;
	width:100px;
	margin-right:2em;
	margin-bottom:1em;
}
#contact #address .box h3 {
	margin-top:1em;
	margin-bottom:0.5em;
}
#contact #address .box h3 i {
	font-size:1.4em;
}
#contact #address .box .text {
	padding-left:1em;
}

#failsafe #body h2,
#secure #body h2,
#fault #body h2,
#flex #body h2 {
	color:#999;
}
#gri_why a {
	background:#F2D6A7;
}
#gri_why .span2 > a {
	background:#E69205;
}
#gri_why .box .bottom span {
	background-color:transparent;
	color:#444;
}

#partner #sidebar ul.icons-ul li {
	color:#666;
}

#buy #body .box h3 {
	margin-bottom:0;
}
#buy #body .box .text {
	min-height:11em;
	margin-bottom:1em;
	margin-left:1em;
}

#body.pw {
	background:linear-gradient(to bottom, #aed8e8, #fff 25%);
}
#body.pw .content .img img {
	filter:drop-shadow(2px 2px 10px rgba(102, 102, 102, 0.8));
}
#praxis-waechter #body .content .img {
	margin-top:2em;
	margin-bottom:2em;
	margin-left:2em;
}
/***** Appendix *****/
#appendix {
	padding:2em;
	background-color:#000;
	color: #fff;
	font-size: 0.9em;
	line-height: 1.3em;
}
#appendix .box h3 {
	font-size:1.5em;
	font-weight:bold;
	color: #fff;
	margin-bottom:0;
}
#appendix .box h3 i {
	font-size:1.3em;
}
#appendix .box .text {
	margin-top:1em;
}

/***** Footer *****/
#body + #footer {
	border-top:1px solid #e4e4e4;
}
#footer {
	background-color:#fff;
	color:#666;
	font-size:0.9rem;
	line-height:1em;
}
#footer .content {
	display: grid;
	grid-template-columns: auto auto;
	padding:1rem 2rem;
}
#totop {
	text-align: right;
}
#totop a {
	color: #444;
}

/***** TabContainer / Wizard *****/
#tc {
	width:100%
}
#tc ul.tabs {
	margin:0;
	padding:0 0.2rem;
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	font-size:1.4rem;
	line-height:110%;
	background-color:#e4e4e4;
}
#tc ul.tabs li {
	display:inline-block;
	border-left:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;
	padding:1em;
	margin:0;
	background-color:#e4e4e4;
}
#tc ul.tabs li a {
	color:#f6722f;
}
#tc ul.tabs li.active {
	border-left-color:#bbb;
	border-top-color:#bbb;
	border-right-color:#bbb;
	background-color:#fff;
	margin-top:-0.5em;
	padding-top:1.5em;
}
#tc ul.tabs li.active a {
	color:#444;
	font-weight:bold;
}
#tc .tab {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;
	padding:1em;
	min-height:37em;
}
.pw #tc ul.tabs {
	border-color: #aed8e8;
	background-color: #c1e8f1;
}
.pw #tc ul.tabs li {
	border-color: #c1e8f1;
	background-color: #c1e8f1;
}
.pw #tc ul.tabs li.active {
	border-color: #aed8e8;
	background-color: #aed8e8;
}
.pw #tc .tab {
	border-color: #aed8e8;
}
#wiz .tabs {
	display:none;
}
#wiz .tab .textblock ul {
	min-height:5em;
}
#failsafe #wiz .tab .textblock ul {
	min-height:7em;
}
#parallel #wiz .tab .textblock ul {
	min-height:8em;
}
#seriell #wiz .tab .textblock ul {
	min-height:12em;
}
#wiz .nav {
	margin-top:1em;
	border:1px solid rgba(221, 221, 221, 0.85);
	background-color: rgba(255, 255, 255, 0.85);
}
#wiz .nav.force_vis {
	position:fixed;
	bottom:0;
	width:800px;
}
#wiz div.btn {
	visibility:hidden;
	display:inline-block;
	width:50%;
	text-align:center;
	padding:1em 0;
}
#wiz div.btn.active {
	visibility:visible;
	cursor:pointer;
	background-color: rgba(221, 221, 221, 0.85);
	transition: all 0.5s ease;
}
#wiz div.btn.active:hover {
	background-color: rgba(204, 204, 204, 0.85);
}
#wiz div.next i.first {
	display:none;
}
#wiz div.next i.next {
	display:inline;
}
#wiz div.next.first i.first {
	display:inline;
}
#wiz div.next.first i.next {
	display:none;
}
#wiz .tab .info {
	margin-top:unset;
	text-align:right;
	font-size:1rem;
	white-space: normal;
}
#wiz .tab .img.sz {
	margin-bottom:unset;
	margin-left:unset;
	float:none;
}
.img.sz img {
	filter:drop-shadow(0px 17px 15px rgba(102, 102, 102, 0.8));
}

/***** WIKI *****/
#category #appendix,
#categories #appendix {
	margin-top:15em;
}
#category #body .content .box h3,
#categories #body .content .box h3 {
	border-bottom:1px solid #e7e7e7;
	margin:0;
	padding:0.4em;
	letter-spacing:0.2em;
}
#category #body .content .box ul:not([class]) li::after,
#categories #body .content .box ul:not([class]) li::after {
	top: 0.95em;
}
#category #body .content .box ul li,
#categories #body .content .box ul li {
	padding-top:0.5em;
	padding-bottom:0.5em;
}
#category #gri_1 > .box:nth-child(1) > ul,
#categories #gri_1 > .box:nth-child(1) > ul {
	columns: auto 30em;
}
#categories #gri_1 > .box:nth-child(2) > ul {
	columns: auto 12em;
}
#category #body .content img {
	margin:0.5em 1em;
}
#category #body .content pre {
	max-width:71em;
	overflow:auto;
	margin:0.5em 1em;
	font-size:0.9em;
	padding:1em;
	border:1px dashed #444;
	background-color:#e4e4e4;
	color:#666;
}
#category #body .content a,
#category #body .content a:active,
#category #body .content a:hover,
#category #body .content a:visited {
	color:#f6722f;
}
#category #sidebar .box.plink,
#categories #sidebar .box.plink {
	padding-right:0;
	text-align:center;
	line-height:0;
	width:234px;
}
#category #sidebar .box.plink h3,
#categories #sidebar .box.plink h3 {
	display:block;
	text-align:right;
	background-color:#f6722f;
	color:#fff;
	font-size:1.1rem;
	padding:0.5em;
}

#syntax #body,
#nomatch #body,
#search #body {
	display:block;
	min-height:40em;
}
#syntax form table,
#nomatch form table,
#search form table {
	float:left;
}
#search dl.result {
}
#search dl.result dt {
	margin-top:2em;
}
#search dl.result dd {
	margin-left:0;
}
#search dl.result dt a {
	color:#333;
	font-size:1.4rem;
	font-weight:normal;
}
#search dl.result dt .percent {
	display:none;
}
#search dl.result dt .stars {
	margin-right:1em;
}
#search dl.result dt .stars img {
	height:16px;
}
#search dl.result dd .excerpt {
	display:block;
	max-width:50em;
}
#search dl.result dd .url {
	display:block;
}
#search .num_results {
	border-bottom:1px solid #e4e4e4;
	display:inline-block;
	width:100%;
}
#search .pagenav {
	font-size:1.3rem;
	display:inline-block;
	margin-top:2em;
	font-weight:bold;
}
#nomatch #body .content .textblock {
	font-size:1.5rem;
}

.jslghtbx.jslghtbx-active {
	background-color:rgba(0, 0, 0, 0.9);
}
.jslghtbx-close {
	color:#f6722f;
}
.jslghtbx-prev.jslghtbx-no-img {
	border-right-color:#f6722f;
}
.jslghtbx-prev.jslghtbx-no-img:hover {
	border-right-color:#b74308;
}
.jslghtbx-next.jslghtbx-no-img {
	border-left-color:#f6722f;
}
.jslghtbx-next.jslghtbx-no-img:hover {
	border-left-color:#b74308;
}
.jslghtbx-thmb,
.jslghtbx-thmb:hover {
	margin:0;
	padding:0;
	box-shadow:none;
}
.thumbs {
	text-align:center;
}
.thumb {
	display:inline-block;
	margin:1em;
	padding:0.35rem;
	border-radius:0.35rem;
	box-shadow:0 0 0.25rem 0 rgba(0, 0, 0, 0.9);
	background-color:#ddd;
	color:#333;
	transition: all 0.5s ease;
}
.thumb:hover {
	box-shadow:0 0 1rem 0 rgba(0, 0, 0, 0.7);
}
.thumb-descr {
	display:block;
	margin:0.2em;
}

#www #appendix {
	display: none;
}
.menu-wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
.nav-wrap {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #fff;
}
/*** Menü ***/
/** Menü Button **/
/* Menü Button Grundaufbau */
#menu-button {
	display: grid;
	align-content: center;
	overflow: visible;
	margin: 0;
	cursor: pointer;
	text-transform: none;
}

#menu-button-box {
	position: relative;
	display: block;
	width: 40px;
	height: 24px;
	transform: scale(0.7);
}

#menu-button-inner {
	position: absolute;
	width: 40px;
	height: 4px;
	background-color: #000;
	transition: transform 0.25s ease;
	border-radius: 4px;
	top: 50%;
	display: block;
	margin-top: -2px;
}
#menu-button-inner:after,
#menu-button-inner:before {
	position: absolute;
	width: 40px;
	height: 4px;
	background-color: #000;
	transition: transform 0.25s ease;
	border-radius: 4px;
}
#menu-button-inner:after {
	display: block;
	content: "";
}
#menu-button-inner:before {
	display: block;
	content: "";
	top: -10px;
}
#menu-button-inner:after {
	bottom: -10px;
}
/* Menü Button active */
.menu-open #menu-button-inner:before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.menu-open #menu-button-inner:after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}

/*************
 * Start
 *************/
.c-black {
	color: #000;
}
.c-orange {
	color: #f6722f;
}
.block {
	display: block;
}
.bold {
	font-weight: 600;
}
.tac {
	text-align: center;
}
.font-bigger {
	font-size: 1.3em !important;
}
.text-link {
	color: #f6722f;
	font-weight: 600;
}
.space-bottom-20 {
	padding-bottom: 20px;
}
.flex-fullwidth {
	width: 100%;
}
.mtb-small {
	margin-top: 2em;
	margin-bottom: 2em;
}
.mtb-normal {
	margin-top: 120px;
	margin-bottom: 120px;
}
#www h1,
#www .hl--h1,
#www h2,
#www .hl--h2 {
	margin-top: 0;
	margin-bottom: 50px;
	line-height: 45px;
}
#www h2,
#www .hl-h2 {
	font-size: 40px;
	font-weight: 600;
}
#www h3,
#www .hl-h3 {
	margin-bottom: 25px;
	font-size: 28px;
	line-height: 32px;
	font-weight: normal;
}
.c-image {
	margin-bottom: 20px;
}
.c-image .c-image-inner {
	height: 150px;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.c-image.img-border {
	border: 1px solid #e8e8e8;
}
.grid-products {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
	height: 730px;
}
.product-item {
	flex: 1 0 30%;
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease;
}
.product-item > div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	background-size: cover;
	background-position: left top;
	transition: all 250ms ease-in-out;
}
.product-item > a {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	position: relative;
	padding-top: 30px;
}
.product-item:first-of-type > div {
	background-position: center bottom;
}
.product-item:nth-child(2) {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.product-item:last-of-type > div {
	background-position: center center;
}
.product-item > a > * {
	color: #fff;
}
.product-item h1,
.product-item h2 {
	font-size: 160%;
	line-height: 45px;
	margin-top: 0;
	margin-bottom: 50px;
	padding: 0 10px;
	font-weight: 500;
}
.product-item .csc-body {
	display: grid;
	justify-items: center;
}
.product-item .csc-body p {
	text-align: left;
	font-size: 1.15em;
}
.product-item .csc-body p i {
	margin-left: 0;
	margin-right: 15px;
	font-size: 16px;
}
.product-item > a > span:last-of-type {
	position: absolute;
	height: 60px;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 20px;
	font-size: 16px;
	line-height: 26px;
	transition: all 250ms ease-in-out;
	background: rgba(0, 0, 0, .6);
}
.product-item > a:hover > span:last-of-type {
	padding: 40px 20px;
}
.product-item:hover {
	transform: scale(1.02)
}
.product-item .hide,
.product-item .infotext {
	transition: all 250ms ease-in-out;
}
.product-item:hover .hide {
	opacity: 0;
	height: 0;
}
.product-item .infotext {
	opacity: 0;
	color: transparent;
}
.product-item:hover .infotext {
	opacity: 1;
	color: #fff;
}
.product-item:hover > a > span:last-of-type {
	height: 410px;
}
.product-item > a > span:last-of-type span {
	font-size: 16px;
}
.product-item.no-headline a span > p {
	margin-top: 60px;
}
#www .benefits .box h3 {
	font-size: 1.8rem;
	font-weight: 600;
}
#www .benefits .box .text {
	min-height: unset;
}
.text-pic-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.text-pic-wrap .box-pic {
	flex: 1;
}
.text-pic-wrap .box-text {
	width: 70%;
}
.box-pic {
	display: block;
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	height: 224px;
}
.text-pic-wrap .btn {
	right: unset;
}
/***************
 * OEM / ITSMIG
 ***************/
#body.mps {
	margin: 60px auto;
}
#body.mps .content > h2,
#body.mps .content > .textblock,
#oem.mps .content #gri_1 {
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.mps h1 {
	margin-top: 0;
	margin-bottom: 50px;
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: #f6722f;
}
.mps h2 {
	margin-top: 2.5em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 2rem;
	line-height: 2.3rem;
	font-weight: normal;
}
.mps h3 {
	margin-bottom: 1em;
	font-size: 1.5rem;
	color: #919191;
	font-weight: bold;
}
.mps .textblock {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1.15rem;
	line-height: 1.9rem;
}
#news_itsmig #gri_1 {
	font-size: 1.1rem;
	padding-top: 60px;
	max-width: unset;
}
#oem #gri_1 .box + .box,
#news_itsmig #gri_1 .box + .box {
	border-left: 1px solid #919191;
}
#body .content ul:not([class]) li::after,
#oem #gri_1 li::after {
	position: absolute;
	content: '';
	left: 0;
	top: 0.95em;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 0.6em 0.6em;
	border-color: transparent transparent #f6722f transparent;
}
#body .content ul:not([class]) li {
	position: relative;
	list-style: none;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#oem #gri_1 li {
	position: relative;
	padding-left: 1.2em;
	margin-left: 0;
	margin-bottom: 1em;
	list-style: none;
	font-size: 1.1rem;
}
.mps #gri_1 .box {
	padding: 2rem;
}
#news_itsmig #gri_1 .box .text + .text {
	padding-top:2em;
}
.img-with-txt {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0;
	margin-top: 8rem;
	margin-bottom: 8rem;
	background-color: #e8e8e8;
}
.img-with-txt .box {
	box-shadow: none;
	padding: 0;
}
.img-with-txt .box .text {
	margin-bottom: 0;
}
.img-with-txt #cel_1 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	line-height: 0;
}
#www .img-with-txt #cel_1 {
	background-image: url('../img/security-system.jpg');
}
#oem .img-with-txt #cel_1 {
	background-image: url('../img/oem_desk.jpg');
}
#news_itsmig .img-with-txt #cel_1 {
	background-image: url('../img/teletrust_seal.jpg');
	background-size: contain;
	background-color: #fff;
	border: 1px solid #e8e8e8;
}
.img-with-txt #cel_1,
.img-with-txt #cel_1 .text,
.img-with-txt #cel_1 img {
	height: 100%;
}
.img-with-txt #cel_2 {
	padding: 3rem;
	color: #333;
	font-size: 1.5rem;
	display: grid;
	align-content: center;
}
.img-with-txt h3 {
	color:#333;
}
.img-with-txt #cel_2 .bottom {
	margin-top: 1.5rem;
}

/* Warnings on start page */
#imp_msg {
	padding: 2rem;
	font-size: 12px;
}
#imp_msg .content {
	padding:0.5em;
	border:0.5em solid red;
	color:black;
	overflow: auto;
}
#imp_msg .msg,
#imp_msg .log {
	display:inline-block;
	white-space:pre;
}
#imp_msg .msg {
	font-weight:bold;
	font-size:1.5em;
	line-height:1.7em;
}
#imp_msg .log {
	font-size:1.2em;
	line-height:1.4em;
}

/***** Responsive Design *****/
@media screen and (min-width: 1180px) {
	.menu-wrap #nav {
		order: 2;
	}
	.nav-wrap > .item {
		right: 0;
		top: 14px;
		transform: translateY(0) scale(1);
	}
	.menu-wrap #top {
		order: 1;
	}
	#top > .content {
		justify-content: right;
		width: 1180px;
		margin-left: auto;
		margin-right: auto;
	}
	#ham {
		display: none;
	}
	#ham .logo {
		display: none;
	}
	#menu-button {
		display: none;
	}
	#menu-overlay {
		display: none !important;
	}
	#navbar {
		display: flex;
		flex-direction: row;
		gap: 2.6em;
		place-content: end;
		line-height: 1em;
	}
	#container,
	#appendix .content,
	#footer .content {
		width:1180px;
		margin:0 auto;
	}
	#appendix .content {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	#nav {
		box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.37);
	}
	#nav .content {
		height: 6rem;
	}
	.nav-wrap {
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 1180px) {
	/*** Header ***/
	#ham {
		display: grid;
		grid-template-columns: min-content auto min-content min-content;
		gap: 1rem;
		padding: 1rem;
		height: 70px;
		align-content: center;
	}
	#ham > form {
		display: grid;
		align-content: center;
	}
	#ham input[name="words"] {
		width: 100%;
	}
	#nav .logo {
		display: none;
	}
	#ham .logo {
		display: grid;
		place-items: center;
	}
	#ham .logo img {
		width: 200px;
	}
	#ham > ul {
		display: flex;
		align-items: center;
		line-height: 0;
		gap: 1rem;
	}
	#ham > ul a {
		display: inline-block;
	}
	/*** Menu ***/
	#nav .content {
		grid-template-columns: 1fr;
	}
	.menu-wrap {
		position: fixed;
		top: 70px; /* Abstand Ham-Bar */
		right: 0;
		bottom: 0;
		z-index: 99;
		padding-top: 2rem;
		background: #fff;
		overflow-y: auto;
		width: 100%;
		max-width: 20em;
		border-top: 2px solid #e4e4e4;
		transform: translateX(100%);
		transition: transform 0.25s ease;
		box-shadow: -4px 6px 8px 0px rgba(0,0,0,0.37);
	}
	.menu-wrap #nav {
		order: 1;
	}
	.menu-wrap #top {
		order: 2;
		border-top: 1px solid #e4e4e4;
		border-bottom: none;
		margin-top: 1rem;
		padding-top: 1rem;
	}
	.menu-wrap #navbar {
		border: none;
	}
	#nav,
	#top {
		text-align: left;
		padding: 0 1.6rem;
	}
	#top > .content {
		display: grid;
		grid-template-rows: auto;
		grid-gap:1.75em;
	}
	#top .item {
		display: block;
	}
	.menu-wrap #top .content > .item {
		font-size: 1rem;
		padding: 0;
		border-left: none;
	}
	.menu-wrap #navbar > .item a {
		font-size: 1.5rem;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		width: 100%;
	}
	.menu-open .menu-wrap {
		transform: translateX(0);
	}
	#top .item input {
		padding: 10px;
		border: none;
		background: #dbdbdb;
	}
	.menu-wrap form.item {
		margin: 30px 0 !important;
	}
	.menu-wrap #top .content > ul,
	.menu-wrap #top .content > form {
		display: none;
	}

	#navbar {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1.5em;
		place-content: start;
		line-height: 1em;
	}
	.nav-wrap {
		box-shadow: 0px 6px 8px 0px rgba(0,0,0,0.37);
		margin-bottom: 1em;
	}
	#container {
		width:100%;
	}
	#header {
		border:0;
		height: unset; /* TEST: "height" weg bei kleinen Screens und stattdessen "aspect-ratio"? */
		aspect-ratio: 1180/300;
	}

	#gri_products_d .box.rack-server > a,
	#gri_products_d .box.defendo-vm > a,
	#gri_products_d .box.thin-server > a,
	#gri_products_d .box.eco-server > a,
	#gri_products_d .box.orbiter > a {
		width: 100%;
	}
	#address .box {
		margin-top:2em;
	}

	#www .benefits .box {
		padding:1.5em 0.5em 0.5em 0.5em;
	}

	#www .benefits .box ul,
	#www .benefits .box .text {
		margin-top:0.5em;
		margin-bottom:0.5em;
		min-height:6em;
	}


	#category #body img {
		margin:0.5em 0;
		max-width:560px;
	}
}
@media screen and (max-width: 900px) {
	#header .info {
		margin-left:0;
	}
	#body .content .img.landscape img {
		width:150px;
	}
	#defendo .inner.with-sidebar {
		grid-template-columns: auto;
	}
	#buy #gri_1 {
		grid-template-columns: auto auto;
	}
	#buy .extwrap {
		width: 100%;
		grid-column: 1/3;
	}
	.grid.cols5,
	.grid.cols4 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 830px) {
	#top,
	#nav,
	#breadcrumb,
	#appendix,
	#body {
		padding-left:0.5em;
		padding-right:0.5em;
	}
	#imp_msg {
		padding: 0.5rem;
	}


	#gri_products .box,
	#gri_why_pw .box {
		width:100%;
	}
	.inner.with-sidebar {
		grid-template-rows: 1fr auto;
		grid-template-columns: auto;
	}
}
@media screen and (max-width: 800px) {
	#gri_products_d {
		text-align:center;
		grid-template-columns: 1fr 1fr;
	}
	#gri_products_d > .rack-server {
		grid-column: 1/3;
		grid-row: 1;
	}
	#gri_products_d > .thin-server {
		grid-column: 1;
		grid-row: 2;
	}
	#gri_products_d > .eco-server {
		grid-column: 2;
		grid-row: 2;
	}
	#gri_products_d > .orbiter {
		grid-column: 1;
		grid-row: 3;
	}
	#gri_products_d > .defendo-vm {
		grid-column: 2;
		grid-row: 3;
	}
	#gri_products_d > .thin-server > a,
	#gri_products_d > .eco-server > a {
		height: 386px;
	}
	#gri_products_d > .orbiter > a {
		background-position-y:bottom;
	}
	#gri_products_d > .orbiter > a,
	#gri_products_d > .defendo-vm > a {
		height: 280px;
	}
	#gri_why_pw .box > a {
		width: 100%;
		background-size: contain;
	}
	#wiz .nav.force_vis,
	#wiz .nav,
	#body .content .img.sz img,
	#body.pw .content .img img {
		width: 100%;
	}
	#gri_why.grid.cols3 {
		grid-template-columns: 1fr 1fr;
	}	
	.mtb-normal {
		margin-top: 80px;
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 700px) {
	#header .content {
		font-size:2.5rem;
	}
	#top .item {
		display:block;
		padding:0.2em 0.5em;
	}
	#top ul.item li {
		margin-top:0;
		margin-bottom:0;
	}
	#top .item + .item {
		border:0;
	}
	.grid.cols3 {
		grid-template-columns: 1fr 1fr;
	}
	.span3 {
		grid-column: span 2;
	}
	#news_itsmig #gri_1,
	#oem #gri_1 {
		grid-template-columns: auto;
	}
	#oem #gri_1 .box + .box,
	#news_itsmig #gri_1 .box + .box {
		border-left: none;
	}
	#news_itsmig h1,
	#oem h1,
	#news_itsmig h2,
	#oem h2 {
		text-align: left;
	}
	#sidebar .box.legend > .text {
		width: unset;
	}
	.img-with-txt {
		grid-template-columns: auto;
	}
	.img-with-txt #cel_1 {
		height: 200px;
	}
	#oem #gri_1 .box {
		display: block;
	}
	.text-pic-wrap {
		display: block;
	}
	.text-pic-wrap .box-text {
		width: 100%;
	}
}
@media screen and (max-width: 550px) {
	:root {
		font-size: 12px;
	}
	#header .content {
		font-size:1.5rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.5);
	}
	#why #body .content,
	#products #body .content,
	#defendo #body .content {
		width:100%;
	}

	#imp_msg {
		padding: 2rem 0;
	}

	#category #body img {
		margin:0.5em 0;
		max-width:430px;
	}
	#categories #body .cols1 .span5 ul li {
		width:100%;
	}
	#www #body {
		padding: 0;
	}
	#www .benefits.cols2 {
		grid-template-columns: 1fr;
	}
	#www .benefits {
		padding-left: 1em;
		padding-right: 1em;
	 }
	#www .benefits .box {
		padding: 2rem;
	}
	.mtb-normal {
		margin-top: 60px;
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 420px) {
	#ham .logo {
		display: none;
	}
	#ham {
		grid-template-columns: auto min-content min-content;
		padding: 1em;
	}
	form .grid.cols2,
	.grid.cols2,
	.grid.cols3,
	.grid.cols4,
	.grid.cols5 {
		grid-template-columns: 1fr;
	}
	.span2,
	.span3,
	.span4,
	.span5 {
		grid-column: unset;
	}
	#gri_products_d {
		grid-template-columns: 1fr;
	}
	#gri_products_d .rack-server > a {
		aspect-ratio: 774 / 500;
	}
	#gri_products_d .thin-server > a {
		aspect-ratio: 250 / 370;
	}
	#gri_products_d .defendo-vm > a,
	#gri_products_d .eco-server > a,
	#gri_products_d .orbiter > a {
		aspect-ratio: 250 / 250;
	}
	#gri_products_d > .rack-server,
	#gri_products_d > .thin-server,
	#gri_products_d > .eco-server,
	#gri_products_d > .orbiter,
	#gri_products_d > .defendo-vm {
		grid-column: unset;
		grid-row: unset;
	}
	#gri_products_d > .box > a {
		height: unset;
		background-size: cover;
	}
	#body .content .img {
		float:none;
	}
	#gri_why.grid.cols3 {
		grid-template-columns: 1fr;
	}	
}
@media screen and (max-width: 270px) {
	.logo img {
		width:100%;
		height:unset;
	}
}
/* MPunkt */
@media screen and (min-width: 900px) and (max-width: 1100px) {
	.product-item.no-headline a span > p {
		margin-top: 80px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
	.product-item.no-headline a span > p {
		margin-top: 90px;
	}
}
@media screen and (max-width: 1024px){
	.c-image {
		margin-bottom: 10px;
	}
	.product-item:hover > a > span:last-of-type {
		height: 400px;
	}
}
@media screen and (min-width: 768px) {
	.c-image .c-image-inner {
		height: 300px;
	}
}
@media screen and (min-width: 756px) and (max-width: 1100px) {
	.product-item.no-headline a span > p {
		margin-top: 60px;
	}
}
@media screen and (max-width: 730px) {
	.grid-products {
		display: block;
		height: auto;
		overflow-x: hidden;
	}
	.product-item {
		border: none !important;
		height: 500px;
		max-width: 350px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 730px) and (max-width: 1100px) {
	.grid-products {
		height: auto;
		width: auto;
	}
	.product-item {
		height: 400px;
		border-left: 5px solid transparent !important;
		border-right: 5px solid transparent !important;
	}
	.product-item:first-of-type,
	.product-item:nth-child(2) {
		flex: 1 0 50%;
		height: 700px;
	}
	.product-item:last-of-type {
		flex: 1 0 auto;
		margin-top: 10px;
	}
	.product-item:last-of-type > div {
		background-position: center;
	}
	.product-item.no-headline a span > p {
		margin-top: 140px;
	}
}
@media screen and (max-width: 600px){
	.product-item:hover > a > span:last-of-type {
		height: 500px;
	}
}
@media screen and (min-width: 320px) and (max-width: 1100px) {
	.product-item > a > span:last-of-type {
		background: rgba(0, 0, 0, .9);
	}
}

/* Effects */
.buttons input,
#sidebar ul.links a,
.box .bottom a {
	transition: all 200ms ease-in-out;
}
.buttons input:hover,
#sidebar ul.links a:hover,
.box .bottom > a:hover,
.box .bottom > span:hover {
	filter: brightness(1.2);
}