/**
 * fonts 
 */
@font-face{
font-family:"Univers Next W02_n4";
src:url("/rest/matrix/fonts/73e16764-0099-40e0-9182-d69b99396d94.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W02";
src:url("/rest/matrix/fonts/73e16764-0099-40e0-9182-d69b99396d94.eot?#iefix");
src:url("/rest/matrix/fonts/73e16764-0099-40e0-9182-d69b99396d94.eot?#iefix") format("eot"),url("/rest/matrix/fonts/3de47ce5-a747-444b-b44b-20e0f8736ac8.woff2") format("woff2"),url("/rest/matrix/fonts/c6e5b0e0-ee60-4f51-975c-6e2f4bdd6225.woff") format("woff"),url("/rest/matrix/fonts/43a61655-19e5-478a-8d73-bb7e7f4f295f.ttf") format("truetype"),url("/rest/matrix/fonts/337b082c-c223-40e0-971b-39d9b5b610c0.svg#337b082c-c223-40e0-971b-39d9b5b610c0") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"Univers Next W02_n7";
src:url("/rest/matrix/fonts/4f1b0c34-1c71-42cf-813e-7927e52b538c.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W02";
src:url("/rest/matrix/fonts/4f1b0c34-1c71-42cf-813e-7927e52b538c.eot?#iefix");
src:url("/rest/matrix/fonts/4f1b0c34-1c71-42cf-813e-7927e52b538c.eot?#iefix") format("eot"),url("/rest/matrix/fonts/eec77ac3-1c4d-42cf-8eb6-aa54b353a00f.woff2") format("woff2"),url("/rest/matrix/fonts/7a425d6a-3af8-404b-a08e-eaf011616185.woff") format("woff"),url("/rest/matrix/fonts/e7b4c9b0-9a8b-46ad-a01f-d116e7fb23cd.ttf") format("truetype"),url("/rest/matrix/fonts/5e5e14de-2505-4fac-bfe5-b066e4a892c9.svg#5e5e14de-2505-4fac-bfe5-b066e4a892c9") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face{
font-family:"Univers Next W10_n4";
src:url("/rest/matrix/fonts/062525d8-abed-45b0-abd9-4e196b191ec3.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W10";
src:url("/rest/matrix/fonts/062525d8-abed-45b0-abd9-4e196b191ec3.eot?#iefix");
src:url("/rest/matrix/fonts/062525d8-abed-45b0-abd9-4e196b191ec3.eot?#iefix") format("eot"),url("/rest/matrix/fonts/33a322ae-ec51-413b-8f5a-a3732941128c.woff2") format("woff2"),url("/rest/matrix/fonts/d247792a-9e59-4a3a-8912-1e338fde35ad.woff") format("woff"),url("/rest/matrix/fonts/5ebd56da-960f-4cf4-889d-e3f35aa7c7c1.ttf") format("truetype"),url("/rest/matrix/fonts/91c78321-3687-4e04-8873-70d8287e69bb.svg#91c78321-3687-4e04-8873-70d8287e69bb") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"Univers Next W10_n7";
src:url("/rest/matrix/fonts/0d6a48ba-915e-413d-a73d-a1426180347f.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W10";
src:url("/rest/matrix/fonts/0d6a48ba-915e-413d-a73d-a1426180347f.eot?#iefix");
src:url("/rest/matrix/fonts/0d6a48ba-915e-413d-a73d-a1426180347f.eot?#iefix") format("eot"),url("/rest/matrix/fonts/751c9dc8-dce5-4ee7-a44c-5e865763b51f.woff2") format("woff2"),url("/rest/matrix/fonts/cad95360-990a-4207-8d68-8f6b1510996c.woff") format("woff"),url("/rest/matrix/fonts/556b10b8-61d7-477e-b8ee-a4bf33d1c703.ttf") format("truetype"),url("/rest/matrix/fonts/64419cdd-5cd6-4609-bfc8-802679c3cb4f.svg#64419cdd-5cd6-4609-bfc8-802679c3cb4f") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face{
font-family:"Univers Next W06_n4";
src:url("/rest/matrix/fonts/e61e3b7e-bbac-445d-b02c-7b1b4a46c7b8.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W06";
src:url("/rest/matrix/fonts/e61e3b7e-bbac-445d-b02c-7b1b4a46c7b8.eot?#iefix");
src:url("/rest/matrix/fonts/e61e3b7e-bbac-445d-b02c-7b1b4a46c7b8.eot?#iefix") format("eot"),url("/rest/matrix/fonts/66100d18-65e1-4341-a3b4-170def057f54.woff2") format("woff2"),url("/rest/matrix/fonts/e3758fe9-1688-4c54-bced-f0d3271944b2.woff") format("woff"),url("/rest/matrix/fonts/8bbc5f77-c473-4df2-b936-45d6e5389da9.ttf") format("truetype"),url("/rest/matrix/fonts/7784506a-b342-4ea9-9379-bdab1c51eb72.svg#7784506a-b342-4ea9-9379-bdab1c51eb72") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family:"Univers Next W06_n7";
src:url("/rest/matrix/fonts/5657edd6-88e5-4fae-bd4f-a32c60790592.eot?#iefix") format("eot")
}
@font-face{
font-family:"Univers Next W06";
src:url("/rest/matrix/fonts/5657edd6-88e5-4fae-bd4f-a32c60790592.eot?#iefix");
src:url("/rest/matrix/fonts/5657edd6-88e5-4fae-bd4f-a32c60790592.eot?#iefix") format("eot"),url("/rest/matrix/fonts/da2eebe5-9fa2-4172-bf74-4d7a63b4ee4e.woff2") format("woff2"),url("/rest/matrix/fonts/4a438ee4-e720-4ae4-84e7-f2312ae1b374.woff") format("woff"),url("/rest/matrix/fonts/0500caea-9447-459c-a90f-5d77547affe0.ttf") format("truetype"),url("/rest/matrix/fonts/0c573802-223c-452f-b7e5-8235cc676d30.svg#0c573802-223c-452f-b7e5-8235cc676d30") format("svg");
font-weight: 700;
font-style: normal;
}

/**
 *  general tags 
 */
html {
  font-size: 10px;
   -webkit-font-smoothing: antialiased;
}

body, img, table, p, table, tr, td, div, p, h1, h2, h3, h4, h5, h6, span, a, form {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  color: #323232;
  background-color: #e6e6e6;
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-family: 'Univers Next W02',Verdana;
}

body.pl_PL {
  font-family: 'Univers Next W06',Verdana;
}

body.ru_RU {
  font-family: 'Univers Next W10',Verdana;
}

img {
  border: 0px;
}

p {
  margin: 0 0 1em 0;
  padding: 0;
}

table {
  border: 0;
  padding: 0;
}

td {
  text-align: left;
  vertical-align: top;
}

h1 {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 700;
  color: #323232;
  margin-bottom : 1.0em;
}

h1.dir {
  margin-bottom: 3px;
}

h1.dir2 {
}

.spacerruler_headline h1 {
  margin-bottom: 10px;
}

h2 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: #323232;
  margin-bottom : 1.3em;
}

h3 {
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-weight: 400;
  color: #323232;
  padding-bottom: 1em;
}

h4, h5, h6 {
  font-size: 1.4rem;
  line-height: 2.0rem;
  font-weight: 400;
  color: #323232;
  padding-bottom: 1em;
}

hr {
  margin-top: 2.5rem;
  border-color: #ccc;
  margin-bottom: 2.5rem;
  width: 100%;
}

label {
  font-weight: 400;
}

/**
 * links 
 */
a,
a:visited,
a:active,
a:focus {
  color: #999999;
  text-decoration: none;
}

a:hover {
  color: #323232;
  text-decoration: none;
}

a.on,
a.on:visited,
a.on:active,
a.on:focus,
a.on:hover {
  color: #323232;
  text-decoration: none;
}

a.cross {
  color: #323232;
  text-decoration: underline;
}

h3 a {
  font-weight: bold;
  color: #323232;
}

h3 a:visited {
  font-weight: bold;
  color: #323232;
}

h3 a:active {
  font-weight: bold;
  color: #323232;
}

h3 a:hover {
  font-weight: bold;
  color: #323232;
}

a.underline {
  color: #323232;
  text-decoration: underline;
}

a.rsaquo {
  color: #8c8c8c;
  font-size: 1.4rem;
  line-height: 2.0rem;
  background: url(/images/rsaquo-8c8c8c.svg) no-repeat 0px 4px;
  padding-left: 11px;
  text-decoration: none;
  border-bottom: none;
}

a.rsaquo:hover {
  color: #323232;
  background: url(/images/rsaquo-323232.svg) no-repeat 0px 4px;
}

a.rsaquowhiteblue {
  color: white;
  background: url(/images/rsaquo_a_wb.gif) no-repeat 0px 4px;
  padding-left: 11px;
}

a.rsaquowhiteblue:hover {
  color: #323232;
}

a.download {
  background: url(/images/download_a.gif) no-repeat 0px 4px;
  padding-left: 11px;
}

#dv_info a {
  color: #323232;
  text-decoration: underline;
}

/**
 * generall classes
 */
.hyphens {
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.hidesubmit {
  display: none;
}

.warn::-webkit-input-placeholder {
  color: red;
}
.warn:-moz-placeholder {
  color: red;
  opacity:  1;
}
.warn::-moz-placeholder {
  color: red;
  opacity:  1;
}
.warn:-ms-input-placeholder {
  color: red;
}

.blue::-webkit-input-placeholder {
  color: white;
}
.blue-moz-placeholder {
  color: white;
  opacity:  1;
}
.blue::-moz-placeholder {
  color: white;
  opacity:  1;
}
.blue:-ms-input-placeholder {
  color: white;
}

::-webkit-input-placeholder {
  color: #8c8c8c;
}
:-moz-placeholder {
  color: #8c8c8c;
  opacity:  1;
}
::-moz-placeholder {
  color: #8c8c8c;
  opacity:  1;
}
:-ms-input-placeholder {
  color: #8c8c8c;
}

.lineheight-30 {
  line-height: 3rem;
}

.img-border {
  border: 1px solid #ccc;
  display: block;
}

#frame .large, 
#frame .linotype { /* deprecated */
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: normal;
}

#frame .xlarge {
  font-size: 3.6rem;
  line-height: 4.2rem;
  font-weight: 400;
}

.large li {
  padding-bottom: 1em;
}

#frame .warn, .warn {
  color: red;
}

#frame .bgwarn {
  background-color: #ffcccc;
}

.new {
  color: red;
}

.white {
  color: white;
}

.black, #frame .black {
  color: #323232;
}

.gray {
  color: #999;
}

.fixheight9em {
  height: 162px;
}

input.text {
  background-color: #fff;
  border: #c8c8c8 1px solid;
  height: 3.0rem;
  padding: 0px 1.0rem 0px 0.6rem;
  color: #8c8c8c;
  width: 100%;
  font-size: 1.2rem;
  line-height: 28px;
  font-family: 'Univers Next W02',verdana;
}

body.pl_PL input.text  {
  font-family: 'Univers Next W06',verdana;
}

body.ru_RU input.text  {
  font-family: 'Univers Next W10',verdana;
}

input.text.blue {
  border-top: #4c91aa 1px solid;
  border-left: #53b3e3 1px solid;
  border-right: #53bee3 1px solid;
  border-bottom: #67c3e5 1px solid;
  background-color: #67c4e6;
  color: #fff;
}

textarea.textarea {
  background-color: #fff;
  border: #c8c8c8 1px solid;
  color: #8c8c8c;
  padding: 0.6rem;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-family: 'Univers Next W02',verdana;
}

body.pl_PL textarea.textarea {
  font-family: 'Univers Next W06',verdana;
}

body.ru_RU textarea.textarea {
  font-family: 'Univers Next W10',verdana;
}

input.checkbox {
  vertical-align: middle;
}

input.radio {
  vertical-align: middle;
}

input.image {
  margin-right: 11px;
  margin-bottom: 23px;
}

select.select {
  background-color: #fff;
  border: 1px #c8c8c8 solid;
  height: 3rem;
  padding: 0px 0px 0px 0.6rem;
  margin-right: 1.1rem;
  margin-bottom: 2.3rem;
  color: #999;
  font-size: 1.2rem;
  line-height: 1.rem;
  font-family: 'Univers Next W02',verdana;
  width: 100%;
}

body.pl_PL select.select {
  font-family: 'Univers Next W06',verdana;
}

body.ru_RU select.select {
  font-family: 'Univers Next W10',verdana;
}


select.select option {
  padding-top: 0.6rem;
  height: 3.rem;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-family: 'Univers Next W02',verdana;
}

body.pl_PL select.select option {
  font-family: 'Univers Next W06',verdana;
}

body.ru_RU select.select option {
  font-family: 'Univers Next W10',verdana;
}


label {
}

.imgtxt {
  position: relative;  
}

/*
.bottom {
  position: absolute;
  bottom: 0px;
}
*/

.border {
  border: 1px #ccc solid;
  padding: 24px 17px 24px 17px;
  border-top: none;
}

:not(.border) + .border {
  border-top: 1px #ccc solid;
}

.border > .row.spacer-input:not(:last-child) > div {
  margin-bottom: 1.8rem;
}

.bordertop {
  border-top: 1px #ccc solid;
}

.nospacing {
  margin: 0;
  padding: 0;
}

p.nopadding {
  margin: 0;
}

#frame .nobottomspacing,  .nobottomspacing {
  margin-bottom: 0;
  padding-bottom: 0;
}

hr.black {
  border-color: #000;
}

a.but_fadein {
  display: block;
  padding-top: 3px;
  padding-left: 42px;
  height: 24px;
  background: url(/images/but_fadein.gif) no-repeat;
}

.cursor-pointer {
  cursor: pointer;
}

/**
 *  buttons
 */
span.but ,
a.but {
  display: block;
  text-align: center;
  height: 3.0rem;
  border-radius: 3.0rem;
  font-size: 1.2rem;
  line-height: 3.0rem;
  text-align: center;
  color: white;
  background-color: #969696;
  background-repeat: no-repeat;
  background-position: right 1.2rem center;
}

span.but-inline ,
a.but-inline {
  display: inline-block;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

span.but:hover,
a.but:hover {
  background-color: #5a5a5a;
}

a.but-green, 
a.but-green:hover {
  background-color: #87b400;
}

a.but-white-blue {
  background-color: white;
  color: #64c8eb;
  border: 1px white solid;
}

a.but-white-blue:hover {
  background-color: #64c8eb;
  color: white;
}

span.but-white-gray, 
a.but-white-gray {
  border: 1px #c8c8c8 solid;
  background-color: #fff;
  color: #999;
}

span.but-white-gray:hover,
a.but-white-gray:hover {
  background-color: #fff;
  color: #323232;
}

a.but-add {
  background-image: url(/images/but_add_ffffff.svg);
}

a.but-browse {
  background-image: url(/images/but_blaettern_ffffff.svg);
}

a.but-cancel,
a.but-close {
  background-image: url(/images/but_close_ffffff.svg);
}

a.but-cartadd {
  background-image: url(/images/icon-cartadd-8c8c8c.svg);
  background-position: center center;
  background-size: auto 18px;
}

a.but-continue {
  background-image: url(/images/but_continue_ffffff.svg);
}

a.but-copy {
  background-image: url(/images/but_copy_ffffff.svg);
}

a.but-continue.but-white-blue {
  background-image: url(/images/but_continue_64c8eb.svg);
}

a.but-continue.but-white-blue:hover {
  background-image: url(/images/but_continue_ffffff.svg);
}

a.but-delete {
  background-image: url(/images/but_delete_ffffff.svg);
}

a.but-download {
  background-image: url(/images/but_download_ffffff.svg);
}

a.but-input {
  background-image: url(/images/but_input_ffffff.svg);
}

a.but-mail {
  background-image: url(/images/but_mail_ffffff.svg);
}

a.but-notice {
  background-image: url(/images/but_notice_ffffff.svg);
}

a.but-update {
  background-image: url(/images/but_update_ffffff.svg);
}

a.but-basedata {
  background-image: url(/images/but_stammdaten_ffffff.svg);
}

a.but-assign {
  background-image: url(/images/but_folder_ffffff.svg);
  background-size: 17px auto;
}

/**
 * ok-menu-list
 */
.ok-menu-icon {
  width: 20px;
  height: auto;
  cursor: pointer;
}

.ok-menu-list {
  display: none;
}

.ok-menu-list-content a {
  display: block;
  padding: 5px 0 5px 30px;
  background-repeat: no-repeat;
  background-position: left center;
  white-space: nowrap;
  background-size: auto 16px;
}

a.ok-menu-list-add {
  background-image: url(/images/but_add_8c8c8c.svg);
}

a.ok-menu-list-add:hover {
  background-image: url(/images/but_add_323232.svg);
}

a.ok-menu-list-folder {
  background-image: url(/images/but_folder_8c8c8c.svg);
}

a.ok-menu-list-folder:hover {
  background-image: url(/images/but_folder_323232.svg);
}

a.ok-menu-list-basedata {
  background-image: url(/images/but_stammdaten_8c8c8c.svg);
}

a.ok-menu-list-basedata:hover {
  background-image: url(/images/but_stammdaten_323232.svg);
}

a.ok-menu-list-copy {
  background-image: url(/images/but_copy_8c8c8c.svg);
}

a.ok-menu-list-copy:hover {
  background-image: url(/images/but_copy_323232.svg);
}

a.ok-menu-list-delete {
  background-image: url(/images/but_delete_8c8c8c.svg);
}

a.ok-menu-list-delete:hover {
  background-image: url(/images/but_delete_323232.svg);
}

a.ok-menu-list-download {
  background-image: url(/images/but_download_8c8c8c.svg);
}

a.ok-menu-list-download:hover {
  background-image: url(/images/but_download_323232.svg);
}

a.ok-menu-list-edit {
  background-image: url(/images/but_input_8c8c8c.svg);
}

a.ok-menu-list-edit:hover {
  background-image: url(/images/but_input_323232.svg);
}

a.ok-menu-list-favorite {
  background-image: url(/images/but_favorite_8c8c8c.svg);
}

a.ok-menu-list-favorite:hover {
  background-image: url(/images/but_favorite_323232.svg);
}

a.ok-menu-list-image {
  background-image: url(/images/but_image_8c8c8c.svg);
}

a.ok-menu-list-image:hover {
  background-image: url(/images/but_image_323232.svg);
}

a.ok-menu-list-mail {
  background-image: url(/images/but_mail_8c8c8c.svg);
}

a.ok-menu-list-mail:hover {
  background-image: url(/images/but_mail_323232.svg);
}

.popover {
  border-radius: 0px;
}

.ok-list-room-sort .itemlist-col-pos-manual {
  cursor: move;
}

/**
 * Spacer and rulers
 */
.spacer-row {
  margin-bottom: 3rem;
}

.spacer-input {
  margin-bottom: 1.2rem
}

.spacer-image-headline {
  margin-bottom: 1.9rem;
}

.spacer-headline-text {
  margin-bottom: 1.4rem;
}

.ruler-small {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

h2.qv {
  margin: 30px 0 12px 0;
}

a.dir {
  float: left;
  margin: 47px 0 12px 0;
}

#frame ul.hyphen {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}

#frame ul.hyphen li {
  padding-left: 11px;
  text-indent: -5px;
}

#frame ul.hyphen li:before {
  content: "-";
  position: relative;
  left: -5px;
}

.aspect-ratio-1-1 {
  padding-top: 100%;
  position :relative;
}

.aspect-ratio-1-1 > div {
  position:absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.center {
  position: absolute; 
  top: 50%;
  left: 50%;
  margin-right: -50%; 
  transform: translate(-50%, -50%)
}

.image-border {
  border: 1px solid #ccc;
}

/**
 *  navigation 
 */
#navmaintop ul {
  margin: 0;
  padding: 4px 30px 0 0;
  list-style: none;
  float: right;
}

#navmaintop li {
  display: block;
  height: 18px;
  overflow: hidden;
  padding-left: 18px;
  float: left;
}

#navmaintop  li a {
  color: #8c8c8c;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

#navmaintop  li a:hover {
  color: #323232;
}

#navmaintop  li a.on {
  color: #323232;
}

#nmt-social-media {
  float: right;
}

#nmt-social-media > a > img {
  float: left;
  display: block;
  margin: 1px 3px;
}

ul#navmainbottom {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}

ul#navmainbottom li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 30px;
}

ul#navmainbottom li.last {
  padding-right: 0px;
}

ul#navmainbottom li a {
  font-size: 1.8rem;
  color: #a0a0a0;
}

ul#navmainbottom li a:hover {
  color: #323232;
}

ul#navmainbottom li a.on {
  color: #323232;
}

.navtopdown {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  min-height: 2.8rem;
}

h1 + .navtopdown {
  margin-bottom: 24px;
}

.navtopdown a {
  background: rgba(0, 0, 0, 0) url("/images/rsaquo-8c8c8c.svg") no-repeat scroll right center;
  color: #8c8c8c;
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 2.8rem;
  margin-right: 0.7rem;
  padding-right: 1.4rem;
}

.navtopdown a:last-child {
  background: none;
}

#navpath {
  margin-bottom: 11px;
}

#navpath a {
  margin-right: 17px;
}

#footertop h3 a {
  font-weight: 400;
}

#footertop ul li a {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #8c8c8c;
}

#footertop ul li a:hover {
  color: #323232;
}

#footertop ul li a.on {
  color: #323232;
}

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

ul#navfootertop li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 19px;
}

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

ul#navfooterbottom li {
  display: block;
  overflow: hidden;
  float: left;
  padding-right: 19px;
}

ul#navfooterbottom li a,
a#gototop {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #8c8c8c;
}

ul#navfooterbottom li a:hover {
  color: #323232;
}

ul#navfooterbottom li a.on {
  color: #323232;
}

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

ul#navfooterfixed li {
  display: block;
  overflow: hidden;
  float: left;
  padding-left: 19px;
}

ul#navfooterfixed li a {
  color: #8c8c8c;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

ul#navfooterfixed li a:hover {
  color: #323232;
}

ul#navfooterfixed li a.on {
  color: #323232;
}

a#sm_print { 
  padding-left: 24px;
  background: url(/images/sm_print_8c8c8c.svg) no-repeat left center;
}

a#sm_print:hover { 
  background: url(/images/sm_print_323232.svg) no-repeat left center;
}

a#sm_share { 
  padding-left: 20px;
  background: url(/images/sm_share_8c8c8c.svg) no-repeat left center;
}

a#sm_share:hover { 
  background: url(/images/sm_share_323232.svg) no-repeat left center;
}

a#sm_recommend { 
  padding-left: 24px;
  background: url(/images/sm_recommend_8c8c8c.svg) no-repeat left center;
}

a#sm_recommend:hover { 
  background: url(/images/sm_recommend_323232.svg) no-repeat left center;
}

div.navcapital  {
  margin-top: 12px;
  display: block;
  position: relative;
  border: 1px #ccc solid; 
  padding: 0.5rem 1.0rem 0.5rem 0.5rem;
  background-color: #fafafa;
}

div.navcapital:hover {
  background-color: #e5e5e5;
}

div.navcapital a {
  display: block;
}

div.navcapital a:hover {
  color: #999;
}

div.navcapital img {
  display: block;
  position: absolute;
  cursor: pointer;
  top: 0.5rem;
  right: 0.5rem;
}

a.navchapter {
  display: block;
  border-left: 1px #ccc solid; 
  border-right: 1px #ccc solid; 
  border-bottom: 1px #ccc dotted; 
  padding: 0.5rem;
  background-color: #fafafa;
}

a.navchapter:hover {
  background-color: #e5e5e5;
  color: #999;
}

a.navchapter-on {
  background-color: #969696;
  color: white;
}

a.navchapter-last {
  border-bottom: 1px #ccc solid; 
}

ul.navtab {
  margin: 0;
  padding: 0;
  background: url(/images/1x1_grau.gif) repeat-x left bottom; 
  list-style: none;
}

ul.navtab li {
  margin-top: 1px;
  border: 1px #cccccc solid;
  display: block;
  padding: 6px 11px;
  margin-right: 5px;
  float: left;
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#f5f5f5), color-stop(100%,#ccc)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 90%, #dfdfdf 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f5f5f5 90%, #dfdfdf 100%); /* W3C */
}

ul.navtab li:first-child {
  border-left: none;
}

ul.navtab li.on {
  background: none;
  border-bottom: 1px #fff solid;
}

.large ul.navtab li {
  margin-right: 12px;
  padding: 10px 16px;
}

.large ul.navtab li.on a {
  color: #323232;
}

.nt_info {
  display: none;
}

.nt_info .row h2 {
  padding-bottom: 0.6rem;
  border-bottom: 1px #ccc solid;
  margin-bottom: 1.6rem;
}

/**
 * grid
 */
#frame {
}

#navmaintop {
  overflow: hidden;
  text-align: left;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background: none;
}

.container.deeplinking {
  padding: 20px;
}

#container {
  padding-top: 0px;
}

#banner {
  padding-top: 30px;
  height: 120px;
  background-color: #fff;
  overflow: hidden;
}

#container-navmainbottom {
  padding-top: 0px;
  padding-bottom: 1.4rem;
}

#container-navtopdown {
  padding-top: 0px;
  padding-bottom: 0px;
}

#footertop {
  background-color: #f5f5f5;
  overflow: hidden;
}

#footerbottom {
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  background: none;
}

#footerfixed {
  position: fixed;
  left: 0px;
  bottom: 0px;
  height: 3.4rem;
  padding-top: 6px;
  width: 100%;
  border-top: 1px white solid;
  background-color: #e6e6e6;
}

#footerfixed > div {
  background: none;
}

#bg_shadow {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* page elements */
#giralogo {
  height: 42px;
  width: auto;
}

#hamburger {
  top: 0px;
  position: fixed;
  background-color: white;
  width: 100%;
  z-index: 999;
  border-bottom: 1px #ccc solid;
  box-shadow: 0 0px 5px #ccc;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}

#hamburger-card,
#hamburger-toggle {
  cursor: pointer;
}

#hamburger-panel {
  position: absolute;
  top: 0;
  padding-top:6.5rem;
  left: 100%;
  width: 90%;
  min-height: 100%;
  background-color: white;
  z-index: 600;
  padding-bottom: 1.4rem;
}

#hamburger-panel-search {
  background: #f5f5f5 url("/images/icon-lupe.svg") no-repeat scroll right 20px center;
  color: #8c8c8c;
  padding: 1.4rem 2.4rem;
}

#hamburger-panel-search input[name=search] {
  border: none;
  background: none;
  font-size: 1.6rem;
  line-height: 1.6rem;
  height: auto;
  width: 90%;
  padding: 0;
}


.hamburger-panel-folder {
  border-bottom: 1px solid #ccc;
  margin: 0 2.4rem;
}

.hamburger-panel-folder > a {
  display: block;
  padding: 1.4rem 0;
  padding-right: 2.0rem;
}

.hamburger-panel-folder > a.hamburger-panel-folder-down {
  background: url("/images/rsaquo-8c8c8c.svg") no-repeat  right center;
}

#hamburger-list {
  position: fixed;
  top: -17rem;
  left: 0%;
  width: 100%;
  z-index: 600;
}

#f_nsearch .spacer-input {
  position: relative;
}

.image-submit-hidden {
  display: none;
}  

.search-hits {
  border-top: 1px #ccc solid;
  padding-top: 3rem;
  padding-bottom: 3rem;
  line-height: 1em;
  border-bottom: 1px #ccc solid;
  margin-bottom: 3rem;
}

.container,
.container-fluid {
  background-color: #fff;
  padding-left: 3.60824742268%;
  padding-right: 3.60824742268%;
  padding-top: 35px;
  padding-bottom: 35px;
}

.container-fluid-nospacing {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dv_row_head {
  margin-top: 3.5rem;
  margin-bottom: 1.6rem;
}

.dv_row_head > div:nth-child(2) {
  padding-left: 0px;
  padding-right: 0px;
}

.dv_row_head h2.dir {
  margin-top: 4px;
  margin-bottom: 0;
}

#footerfixed > div {
}

#frame div.spacer_dd {
  margin: -32px 0 42px;
}

/* rows and cols */
.row_grid_3 > div {
  border: 1px #ccc solid;
  height: 24rem;
  overflow: hidden;
  padding: 2.1rem 1.8rem;
  border-top: none;
  border-left: none;
}

.row_grid_3 > div:nth-child(3n) {
  border-right: none;
}

.row_grid_3 > div {
  border-top: 1px #ccc solid;
}

.nt_info_headline {
  column-count: 2;
  column-gap: 12px;
  -webkit-column-count: 2;
  -webkit-column-gap: 12px;
  -moz-column-count: 2;
  -moz-column-gap: 12px;
  margin-bottom: 30px;
}

/* subnav */
#footertop ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#footertop ul a {
  display: block;
  background: url(/images/rsaquo-8c8c8c.svg) no-repeat 0px 5px;
  padding-left: 11px;
}

#footertop ul a:hover,
#footertop ul a.on {
  background: url(/images/rsaquo-323232.svg) no-repeat 0px 5px;
}

.download_gray {
  min-height: 2em;
  padding: 8px 0 10px 47px;
  background: url(/images/icon_download.gif) no-repeat 12px 12px #f5f5f5;
}

.download_white {
  min-height: 2em;
  padding: 8px 0 10px 47px;
  background: url(/images/icon_download.gif) no-repeat 12px 12px;
}

.download_gray a, a .download_gray {
  color: #323232;
}

.download_white a, a .download_white {
  color: #323232;
}

.download_gray a:hover, a:hover .download_gray {
  color: #323232;
}

.download_white a:hover, a:hover .download_white {
  color: #323232;
}

#mylistpre {
  float: right;
  background-color: #87b400;
  overflow: hidden;
  height: 30px;
  padding-right: 8px;
  padding-left: 10px;
  line-height: 30px;
  color: #fff;
  cursor: pointer;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

#mylistpost {
  float: right;
  background-color: #87b400;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  padding-right: 34px;
  margin-right: 10px;
  border-left: 1px white solid;
  padding-left: 6px;
  color: #fff;
  cursor: pointer;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

#mylists {
  position: absolute;
  top: 108px;
  left: 744px;
  white-space: nowrap;
  z-index: 600;
  display: none;
}

/*
a#gotocart {
  display: block;
  float: right;
  min-width: 113px;
  overflow: hidden;
  height: 24px;
  line-height: 24px;
  color: #fff;;
  padding-right: 38px;
  background: #8bbb13 url(/images/but_gotocart_post.gif) no-repeat right 0px;
  margin-top: 3px;
  margin-right: 10px;
}
#gotocart_before {
  display: block;
  float: right;
  margin-top: 3px;
  width: 10px;
  height: 24px;
}
*/

#itemlistcart {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
}

#i_search {
  width: 144px;
  padding: 0 24px 0 10px;
  height: 30px;
  line-height: 28px;
  float: right;
  margin: 0;
}

#card {
  float: right;
  height: 22px;
  padding-top: 2px;
  padding-left: 10px;
  margin-top: 1px;
  margin-right: 10px;
  color: #fff;
  width: 141px;
  background: url(/images/bg_card.gif) no-repeat;
}

#footertop h2 {
}

.navrow {
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

.navrow a {
  margin-right: 14px;
}

.navrow.navrow-select ul {
  list-style: none;
  padding-left: 0;
}

.navrow.navrow-select li {
  float: left;
}


#sm_navrow_teilen {
  position: absolute;
  right: 80px;
  bottom: 14px;
  z-index: 100;
  padding: 10px 0 0 10px;
  width: 109px;
  height: 108px;
  background: url(/images/bg_teilen_h95.png) no-repeat 0px 0px;
  text-align:left;
  visibility: hidden;
}

#sm_navrow_teilen img {
  vertical-align: middle;
  margin-bottom: 5px;
}

#designvariante {
  border: 1px #ccc solid;
  border-bottom: none;
}

#dv_panel {
  position: relative;
  height: 479px;
  overflow: hidden;
}

#dv_image {
  position: absolute;
  cursor: pointer;
}

#dv_image_zoom {
  position: absolute;
}

#dv_icons {
  position: absolute;
  background-color: #fff;
  top: 15px;
  right: 12px;
  width: 96px;
  height: 32px;
  opacity: .95;
  filter: alpha(opacity=95);
}

#dv_mediadb {
  position: absolute;
  bottom: 10px;
  right: 14px;
}

#dv_symbols {
  position: absolute;
  background-color: #fff;
  bottom: 17px;
  left: 16px;
  opacity: .95;
  filter: alpha(opacity=95);
}

#dv_zoom_in {
  position: absolute;
  top: 0px;
  right: 64px;
  cursor: auto;
  border: 3px white solid;
}

#dv_zoom_out {
  position: absolute;
  top: 0px;
  right: 32px;
  cursor: pointer;
  border: 3px white solid;
}

#dv_zoom_full {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  border: 3px white solid;
}

#dv_fs_panel {
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: 100%;
  display: none;
}

#dv_fs_image {
  position: absolute;
  cursor: pointer;
}

#dv_fs_zoom_in {
  position: absolute;
  top: 15px;
  right: 76px;
  cursor: auto;
  border: 3px white solid;
}

#dv_fs_zoom_out {
  position: absolute;
  top: 15px;
  right: 44px;
  cursor: pointer;
  border: 3px white solid;
}

#dv_fs_zoom_fullclose {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
  border: 3px white solid;
}

#dv_navigation {
  width: 898px;
  height: 58px;
  border-top: 1px #ccc solid;
}

#dv_pre {
  float: left;
  background-image: url(/images/dv_pre.gif);
  display: block;
  width: 34px;
  height: 58px;
}

#dv_info {
  float: left;
  padding-top: 7px;
  padding-left: 24px;
  height: 51px;
  width: 390px;
  border-left: 1px #ccc solid;
}

#dv_price {
  float: left;
  padding-top: 7px;
  padding-right: 24px;
  height: 51px;
  width: 390px;
  text-align: right;
  border-right: 1px #ccc solid;
}

#dv_next {
  float: left;
  background-image: url(/images/dv_next.gif);
  width: 34px;
  height: 58px;
  display: block;
}

.designvariante {
  float: left;
  width: 203px;
  height: 389px;
  padding: 0 9px 0 12px;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.dv_img {
  position: relative;
  height: 293px;
  border-bottom: 1px #ccc solid;
}

.dv_info {
  position: absolute;
  padding-bottom: 10px;
  bottom: 0px;
  left: 0px;
}

.dv_price {
  padding-top: 8px;
  height: 27px;
  border-bottom: 1px #ccc solid;
}

.dv_links {
  padding-top: 8px;
}

.dv_links a {
  color: #969696;
}

.designvariante:hover {
  background-image:url(/images/dv_border.gif);
}

.submenue {
  position: absolute;
  top: 130px;
  left: 0px;
  border: 1px #ccc solid;
  border-top: none;
  background-color: #f5f5f5;
  padding: 40px 34px 20px 34px;
  width: 900px;
  z-index: 1;
  display: none;
}

/* Datasheet */
.ok_crossref_row {
  margin-left: 0px;
  margin-right: 0px;
  border: 1px #ccc solid;
  padding: 2.0rem 0.9rem; 
}

.ok_crossref_row > hr {
  margin-top: 1.0rem;
  margin-bottom: 1.0rem;
}

.ok_crossref_col ul, .ok_crossref_col_last ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ok_crossref_col a, .ok_crossref_col_last a {
  background: url("/images/rsaquo-8c8c8c.svg") no-repeat 0 5px;
  display: block;
  padding-left: 11px;
}

.ok_crossref_col a:hover, .ok_crossref_col_last a:hover {
  background: url("/images/rsaquo-323232.svg") no-repeat 0 5px;
}

.ok_crossref_ruler {
  padding: 10px 0px;
  border-bottom: 1px #ccc solid;
  margin-bottom: 10px;
}

.ok_datasheet_row {
  margin-left: 0px;
  margin-right: 0px;
  border: 1px #ccc solid;
  border-bottom: none;
  padding: 1.0rem 0.9rem;
}

.nt_info .ok_datasheet_row hr {
  margin: 0px 6px 0px 0px;
}

.ok_datasheet_row_last {
  border-bottom: 1px #ccc solid;
}

.ok_datasheet_row_last > div {
  padding-top: 9px;
  padding-bottom: 9px;
}

.ok_datasheet_row_last > div > div:not(:first-child) {
  padding-top: 9px;
}

.ok_datasheet_row_last > div > div.ok_datasheet_col_room,
.ok_datasheet_row_last > div > div.ok_datasheet_col_count, 
.ok_datasheet_row_last > div > div.ok_datasheet_col_cartadd {
  padding-top: 4px;
}

.ok_datasheet_row_last > div > div:first-child td {
  vertical-align: middle;
}

.ok_datasheet_row_active, 
.ok_datasheet_row_last > div:hover:not(:last-child) {
/*  background: url(/images/bg_datasheet_row.gif) repeat-y 0px 0px; */
  background-color: #e4e4e4;
}

.ok_datasheet_ruler {
  padding: 10px 0px;
  border-bottom: 1px #ccc solid;
}

.nt_info hr {
  margin-top: 1em;
  margin-bottom: 1em;
}

.nt_info .row div.hyphen:before {
  content: "-";
  position: relative;
  left: -5px;
}

.nt_info .row > div.hyphen {
  padding-left: 17px;
  text-indent: -5px;
}

/* itemlist */
/* my lists */
.itemlist-row > div:nth-child(8) {
  text-align: right;
}

.mylists-img-fold, 
.mylists-img-folder {
  cursor: pointer;
}

.mylists-img-folder {
  width: 17px;
  height: auto;
}

.mylists-row-hide {
  display: none;
}

.itemlist-row > div  {
  padding-top: 0.4rem;
}

.itemlist-row > div.itemlist-col-pos:not(.itemlist-col-pos-manual),
.itemlist-row > div.itemlist-col-spec,
.itemlist-row > div.itemlist-col-room,
.itemlist-row > div.itemlist-col-count,
.itemlist-row > div.itemlist-col-orderno {
  padding-top: 0px;
}

.itemlist-row > div.itemlist-col-pos > input {
  padding-left: 0;
  padding-right: 0;
}

.itemlist-row > div.itemlist-col-spec {
  line-height: 1.1em;
}

.itemlist-col-update > img {
  margin-top: -0.2rem;
  height: 1.8rem;
  width: auto;
}

.itemlist-fade {
  cursor: pointer;
}

.mylists-buttons {
  margin-top: 1em;
  margin-bottom: 1em;
}

.itemlist-border,
.mylists-border {
  padding: 1rem 1.5rem;
}

.mylists-hr {
  margin: 0.5rem 0 1rem;
}

.itemlist-hr {
  margin: 1rem 0 1rem;
}

.itemlist-more {
  display: none;
}

.itemlist-more > .itemlist-detail {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

.itemlist-more > .itemlist-comment {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}

#itemlist-rooms-te {
  padding-bottom: 1em;
}

#itemlist-rooms-ktn {
  padding-bottom: 1em;
}

#itemlist-sort .itemlist-row {
  cursor: grab;
}
#itemlist-sort form:last-child hr {
  border-color: #323232;
}

.ok-fold-panel > .row > div > .but, 
.ok-fold-subpanel > .row > div > .but {
  margin-bottom: 4px;
}

.dfbcatcheye {
  display: none;
}

/* browse dir */
.dv_col_3_0,
.dv_col_4_0 {
  padding: 11px 11px 0 12px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.dv_col_3_1,
.dv_col_4_1,
.dv_col_4_2 {
  padding: 11px 11px 0 11px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.dv_col_3_2,
.dv_col_4_3 {
  padding: 11px 12px 0 11px;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.dv_row_3 + .dv_row_3 > div,
.dv_row_4 + .dv_row_4 > div {
  border-top: none;
}

.row.dv_row_3,
.row.dv_row_4 {
  margin-left: 0px;
  margin-right: 0px;
}

/*
.dv_row_4:last-child > div {
  border-bottom: 1px #ccc solid;
}
*/

.dv_col_3_active:hover,
.dv_col_4_active:hover {
  background-color: #f5f5f5;
}

.dv_col_3_over:hover,
.dv_col_4_over:hover {
  cursor: pointer;
}

.dv_col_3_over a,
.dv_col_4_over a {
  color: #323232;
}

.dv_col_3_img,
.dv_col_4_img {
  height: 23.5rem;
  position: relative;
}

.dv_col_3_img img,
.dv_col_4_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.dv_col_3_clip,
.dv_col_4_clip {
  height: 7.2rem;
  overflow: hidden;
}

.dv_col_3_link,
.dv_col_4_link {
  padding-top: 10px;
  border-top: 1px #e6e6e6 solid;
  margin-top: 10px;
  height: 51px;
}

.search_delete {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  cursor: pointer;
}

#bgfiller_shadow {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 150;
  opacity: .80;
  filter: alpha(opacity=80);
  background-color: gray;
}


.iframe_popup {
  position: fixed;
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 151;
  border: 0;
  width: 602px;
}

.popup_alert, #popup_confirm {
  display: none;
  position: fixed;
  background-color: #fff;
  left: 50%;
  top: 50%;
  margin-left: -301px;
  margin-top: -85px;
  z-index: 151;
  border: 0;
  padding: 25px;
  width: 552px;
}

#popup {
  position: absolute;
  padding: 20px;
  background-color: #fff;
  left: 50%;
  z-index: 200;
  display: none;
}

table.ok_dimensions {
  width: 100%; /* 444px */
  border-spacing: 0;
}

table.ok_dimensions td {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #cccccc;
}

table.ok_dimensions tr:first-child td {
  padding-top: 0em;
  border-top: none;
}

table.ok_dimensions td:nth-child(1) {
  width: 50%; /* 222px */
}

table.ok_dimensions td:nth-child(2) {
  width: 16.6666666667% /* 74px */;
}

table.ok_dimensions td:nth-child(3) {
  width: 16.6666666667% /* 74px */;
}

table.ok_dimensions td:nth-child(4) {
  width: 16.6666666667% /* 74px */;
}

table.ok_dims {
  width: 100%; /* 444px */
  border-spacing: 0;
}

table.ok_dims td {
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #cccccc;
}

table.ok_dims tr:first-child td {
  padding-top: 0em;
  border-top: none;
}

table.ok_dims td {
  width: 50%; /* 222px */
}


.compare-panel {
  display: table;
  width: 100%;
}
.compare-row {
  display: table-row;
}
.compare-row > div {
  display: table-cell;
  border: 1px solid #ccc;
  border-bottom: none;
}

.compare-row:last-child > div {
  border-bottom: 1px solid #ccc;
}

.compare-row > div:nth-child(1),
.compare-row > div:nth-child(3) {
  width: 49.4%;
  padding: 24px 10px;
}

.compare-row > div:nth-child(2) {
  width: 1.2%;
  border: none;
}

.compare-image {
  height: 22rem;
  position: relative;
}

.compare-image > img {
  position: absolute;
  max-width: 80%;
  height: auto;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

.rest-popup-info {
  padding: 1rem;
  border: none;
  background-color: #87b400;
  color: #fff;
  border-radius: 8px;
  display: inline-block;
  position: fixed;
  top: 20px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
  z-index: 666;
}

.rest-popup-info.rest-popup-info-warn {
  color: red;
}

/**
 * CSS File for ezMark jQuery Plugin
 *
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
  display: block;
  float: left;
  width: 36px;
  height: 24px;
	background: transparent url(/images/but_checkbox.svg) 0 0 no-repeat;
	display: inline-block;
  margin-top: -2px;
}

.ez-radio {
  display: block;
  float: left;
  width: 36px;
  height: 24px;
	background: transparent url(/images/but_radio.svg) 0 0 no-repeat;
	display: inline-block;
  margin-top: -2px;
}

.ez-label {
  display: block;
  padding: 2px 0 0 38px;
}

.ez-checked { background-position: 0 -24px; }
.ez-selected { background-position: 0 -24px; }

.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }

/* selectmenu */
.selectmenu-save-ext.selectmenu-save-ext-scroll > ul {
  height: 79px;
}
.selectmenu-save-pdf-language > ul {
  height: 179px;
}
.selectmenu-save-gaeb-version > ul {
  height: 271px;
}

.ui-selectmenu-open > ul {
  max-height: 271px;
}

.warn .ui-selectmenu-text {
  color: red;
}

/* accept cookie popup */
#ac_frame {
  background-color: #fff;
  padding: 35px;
}
 
#ac_buttons {
  text-align: center;
}
 
#ac_buttons form {
  display: inline-block;
}

#ac_buttons form a {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

/* mjs sortable */
ol.ok-mjs-list {
  margin-left: 0px;
  padding-left: 0px;
}

ol.ok-mjs-list, ol.ok-mjs-list ol {
  list-style-type: none;
}
    
.ok-mjs-list li div {
   border: 1px solid #ccc;
   cursor: move;
   padding: 5px 0px 5px 10px;
   margin: 2px 0px;
   position: relative;
   min-height: 32px;
}

.ok-mjs-list li.ok-mjs-room > div {
   border: 1px dashed #ccc;
}

.ok-mjs-list li div > img {
  padding: 0px 5px;
  margin: 0 5px;
  float: right;
  cursor: pointer;
}

.ok-mjs-list li div form {
  display: inline-block;
}
.ok-mjs-list li div input {
  border: none;
  line-height: 18px;
  width: 80%;
}

.searchresult_0 {
  padding: 10px 0px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 0;
}

.searchresult_1 {
  padding: 10px 20px;
  margin: 0;
}

.searchresult_2 {
  padding: 10px 20px;
  margin: 0;
  background-color: #f5f5f5;
}

/* cookie consent */
.consent-dialog {
  background-color: #e3e3e3;
  z-index: 40;
  position: fixed;
  left: 16px;
  right: 16px;
  top: 102px;
  border-radius: 6px;
  max-width: 800px !important;
  height: auto !important;
  margin: 30px auto;
}
@media (max-width: 767px) {
  .consent-dialog {
    top: 65px;
    position: absolute;
  }
}
.consent-dialog .consent-center {
  text-align: center;
}
.consent-dialog p,
.consent-dialog .text {
  color: #323232 !important;
}
.consent-dialog a:hover {
  color: #323232;
  text-decoration: none;
}
.consent-dialog label {
  font-weight: 400 !important;
}
.consent-dialog .consent-content {
  max-width: 800px !important;
  height: auto !important;
  border: 1px solid #c8c8c8 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 6px;
  outline: 0;
}
.consent-dialog .consent-body {
  position: relative;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}
.consent-dialog .options {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.consent-dialog .option {
  display: inline-flex;
  padding-left: 34px;
  margin-right: 1rem;
  min-height: 24px;
  margin-bottom: 10px;
  position: relative;
}
.consent-dialog .option .consent-input {
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: 3px;
  left: 3px;
  transform: scale(1.5);
  padding: 0;
}
.consent-dialog .option .consent-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
}
.consent-dialog .option .consent-input:checked ~ .consent-label::after {
  position: absolute;
  top: 6px;
  left: 5px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.consent-dialog .option .consent-label {
  position: static;
  margin-bottom: 0;
  vertical-align: top;
  margin-top: 3px;
}
.consent-dialog .option .consent-label:before {
  background-color: transparent !important;
  border-radius: 0;
  box-shadow: none !important;
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  top: 0;
  left: 0;
  border: #adb5bd solid 1px;
  pointer-events: none;
  display: block;
}
@media (min-width: 520px) {
  .consent-dialog .consent-buttons :not(:first-child) {
    margin-left: 15px;
  }
}
@media (max-width: 820px) {
  .consent-dialog .option {
    min-width: 150px;
  }
}
.consent-dialog .consent-btn {
  cursor: pointer;
  font-family: inherit;
  line-height: inherit;
  font-size: 14px;
  width: 200px;
  border-radius: 15px;
  border: none;
  background-color: #969696;
  color: #ffffff;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.consent-dialog .consent-btn.consent-btn-green {
  background-color: #87b400;
  color: #ffffff;
}

/**
 * Media queries 
 */
@media (max-width: 767px) {
  body {
    overflow-x: hidden;
  }
  .gray-xs {
    color: #999;
  }
  #frame {
    padding-top: 6.2rem;
  }

  #giralogo-xs {
    height: 2.6rem;
    width: auto;
  }

  .spacer-row-xs {
    margin-bottom: 3rem;
  }
  h1, 
  #frame .xlarge {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }

  .hp_teaser_row {
    margin-left: 0px;
    margin-right: 0px;
  }

  .hp_teaser_row > div:hover {
     background-color: #f5f5f5;
  }

  .hp_teaser_row a {
    display: block;
  }

  .hp_teaser_row > div {
    padding: 1.2rem 0px;
    border-bottom: 1px #ccc solid;
  }

  .hp_teaser_row > div:first-child {
    border-top: 1px #ccc solid;
  }

  .hp_teaser_dir {
    display: table-row;
  }

  .hp_teaser_dir > div {
    display: table-cell;
    vertical-align: middle;
  }
  .hp_teaser_dir h2 {
    font-size: 1.4rem;
    line-height: 2.0rem;
    color: black;
  }

  .dv_row_3, 
  .dv_row_4 {
    margin-top: 0px;
  }

  h1.dir2 + .dv_row_3 > div:first-child,
  h1.dir2 + .dv_row_4 > div:first-child,
  .dv_row_head + .dv_row_3 > div:first-child,
  .dv_row_head + .dv_row_4 > div:first-child {
    border-top: 1px #ccc solid;
  }

  .dv_row_3 > div,
  .dv_row_4 > div {
    padding: 0px;
    padding: 1.2rem 0px;
    border: none;
    border-bottom: 1px #ccc solid;
    display: table;
  }

  .dv_col_3_over,
  .dv_col_4_over {
    display: table-row;
  }

  .dv_col_3_over > div, 
  .dv_col_4_over > div {
    display: table-cell;
    overflow: hidden;
    height: auto;
    vertical-align: middle;
  }

  .dv_row_4:nth-child(4).visible-xs > div {
    margin-top: 3.0rem;
    border-top: 1px #ccc solid;
  }

  .ok_crossref_col:not(:last-child) {
    margin-bottom: 1em;
  }

  .hp_teaser_dir > div:nth-child(1),
  .dv_col_3_img,
  .dv_col_4_img {
    width: 17.5%;
    position: static;
    overflow: hidden;
    text-align: center;
  }

  .hp_teaser_dir > div:nth-child(1) > img {
    position: static;
    transform: none;
    width: 100%;
    height: auto;
    left: 0;
    margin-right: 0;
    top: 0;
  }

  #dv_fs_panel > img {
    top: 7.9rem;
  }

  /* aspect ratio 1 : 1*/
  .dv_col_3_img > div,
  .dv_col_4_img > div {
    width: 100%;
    padding-top: 100%; 
    position: relative;
  }

  .dv_col_3_img > div > div,
  .dv_col_4_img > div > div {
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0;
  }

  .dv_col_3_img > div > div > img.img-landscape, 
  .dv_col_4_img > div > div > img.img-landscape {
    width: 100%;
    height: auto;
  }

  .dv_col_3_img > div > div > img.img-portrait,
  .dv_col_4_img > div > div > img.img-portrait {
    width: auto;
    height: 100%;
  }

  .hp_teaser_dir > div:nth-child(2),
  .dv_col_3_clip,
  .dv_col_4_clip {
    padding: 0 1.2rem;
    width: 77.5%;
  }

  .hp_teaser_dir > div:nth-child(3),
  .dv_col_3_more,
  .dv_col_4_more {
    width: 5%;
    text-align: center;
  }

  .nt_info_headline {
    column-count: 1;
    column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-count: 1;
    -moz-column-gap: 0;
  }

  .nt_info_download .row > div {
    padding-bottom: 1em;
  }

  .nt_info_features .spacer-row {
    margin-bottom: 0px;
  }

  .nt_info_features > .row > div {
    margin-bottom: 3rem;
  }

  #frame .nt_info_features > .row > div > :last-child {
    margin-bottom: 0;
  }

  .ok_datasheet_row_last {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }

  .ok_datasheet_row_active, .ok_datasheet_row_last > div:hover {
    background: #f5f5f5;
  }

  .ok_datasheet_row_last > div > div:not(:first-child) {
    padding-top: 0px;
  }

  .ok_datasheet_row_last > div > div.ok_datasheet_col_room,
  .ok_datasheet_row_last > div > div.ok_datasheet_col_count, 
  .ok_datasheet_row_last > div > div.ok_datasheet_col_cartadd {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .spacer-col-xs {
    margin-bottom: 1em;
  }

  .border > .row.spacer-input:last-child > div:not(:last-child) {
    margin-bottom: 1.8rem;
  }

  .row_grid_3 > div {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 6px;
    height: auto;
    margin-bottom: 3rem;
  }

  .no-border-xs {
    border: none !important;
    padding: 0px;
    margin-bottom: 3rem;
  }

  .mylists-row > div:nth-child(5) {
    text-align: left;
  }

  .mylists-row.mylists-row-fold > div:nth-child(n + 3) {
     display: none;
  }

  .mylists-row.mylists-row-fold > div.spacer-col-xs {
    margin-bottom: 0rem;
  }

  .itemlist-row > div:nth-child(8) {
    text-align: left;
  }

  .itemlist-row > div {
    padding-top: 0px !important;
  }

  .navrow.navrow-select {
    position: relative;
  }

  .navrow.navrow-select > div {
    background: #fff url("/images/bg_select.gif") no-repeat scroll right center;
    border: 1px solid #c8c8c8;
    color: #8c8c8c;
    cursor: default;
    height: 3rem;
    line-height: 2.8rem;
    overflow: hidden;
    padding: 0 22px 0 6px;
    font-size: 1.2rem;
  }

  .navrow.navrow-select ul {
    position: absolute;
    top: 3rem;
    border: 1px solid #c8c8c8;
    border-top: none;
    width: 100%;
    display: none;
    z-index: 999;
  }

  .navrow.navrow-select li {
    float: none;
    width: 100%;
  	padding: 0 0 0 6px;
	  line-height: 2.8rem;
	  background: #fff;
	  cursor: default;
  }

  .navrow.navrow-select li a {
  	color: #323232;
    font-size: 1.2rem;
    display :block;
  }

  .navrow.navrow-select li:hover {
    background: #969696;
	  text-decoration:none;
  }

  .navrow.navrow-select li:hover a {
    color: #fff;
  }

  .popup_alert, #popup_confirm {
    display: none;
    position: fixed;
    background-color: #fff;
    left: 10%;
    top: 6.4rem !important; 
    margin-left: 0;
    margin-top: 0;
    padding: 20px;
    width: 80%;
  }

  #popup_confirm .but {
    width: 100%;
  }

  #popup_confirm .but:first-child {
    width: 100%;
    margin-bottom: 1.2rem;
  }

  #hamburger-panel {
    display: none;
  }

  .iframe_popup {
    width: 90%;
  }

  #ac_frame {
    border-top: 1px #323232 solid;
    position: fixed;
    z-index: 1000;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 24px 5.3215%;
  }
}

@media (min-width: 768px) {
  #frame {
    padding-bottom: 3.0rem;
  }
  .ok_datasheet_col_count input {
    width: 60% !important;
    padding-left: 5px;
    padding-right: 0;
  }
  .ok_datasheet_col_count img {
    margin-left: 5%;
    width: 35%;
    height: auto;
    cursor: pointer;
  }
  .mylists-row > div:nth-child(6) {
    text-align: right;
  }

}

@media (min-width: 768px) and (max-width: 969px) {
  html {
    font-size: 9px;
  }
  #giralogo {
    height: 34px;
  }
  .ok_datasheet_row_last > div > div:nth-child(2) {
    padding-top: 0px;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .mylists-buttons a.but {
    background-image: none;
  }
}

/* change div.container-fluid via css to div.container for md and lg */
@media (min-width: 970px) {
  .container,
  .container-fluid {
    width: 970px;
    padding-left: 35px;
    padding-right: 35px;
  }
  .text-right-md {
    text-align: right !important;
  }
}