html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Default presentation of HTML elements */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, s, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { text-align: left; font-weight: normal; vertical-align: middle; }
caption, figcaption{ font-weight: normal; font-style: italic; text-align:center; vertical-align: middle; }

th { text-align: center; }

q, blockquote { quotes: none; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

figure { margin:10px; text-align: center;}

sup { font-size:70%;}

body { background-color: #EBEBEB; color:#39454C; font-family: "Oxygen", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 15px; font-weight: 300; line-height: 22px; }

b, strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { color: #39454c; font-weight: 300; text-transform: uppercase; }

h1 { margin: 10px 0 25px 0; font-size: 30px; line-height: 30px; }
.kategorietypseite h1 { font-size:26px; }
.delivery h1{ margin-bottom:5px;}

h2 { margin: 0 0 20px 0; font-size: 30px; line-height: 30px; }
.delivery h2 { margin-top:20px; }

h3, h4, h5, h6 { margin: 0 0 10px 0; font-size: 20px; line-height: 20px; }

ol, ul { margin: 0 0 30px 0; padding: 0 0 0 20px; color: #39454C; font-weight: 400; line-height: 30px; list-style: initial; list-style-position: outside; }

.delivery ul{ margin-top:20px;}

p { margin: 0 0 20px 0; }

input, textarea { font-size:100%; font-family: sans-serif; }

a { color:#007bc8; text-decoration:none; }

a:hover:not(.active) { text-shadow: -0.1px 0 #007bc8, 0 0.1px #007bc8, 0.1px 0 #007bc8, 0 -0.1px #007bc8; }

input { border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#39454C; padding:5px; }

input::-placeholder { position:relative; padding-left:0; transition: all ease 1.5s;}
input:-moz-placeholder { position:relative; padding-left:0; -moz-transition: all ease 1.5s;}
input::-moz-placeholder { position:relative; padding-left:0; -moz-transition: all ease 1.5s;}
input::-ms-input-placeholder { position:relative; padding-left:0; -ms-transition: all ease 1.5s;}
input::-webkit-input-placeholder { position:relative; padding-left:0; -webkit-transition: all ease 1.5s;}

textarea::-placeholder { position:relative; padding-left:0;  transition: all ease 1.5s; }
textarea:-moz-placeholder { position:relative; padding-left:0; -moz-transition: all ease 1.5s; }
textarea::-moz-placeholder { position:relative; padding-left:0; -moz-transition: all ease 1.5s; }
textarea::-ms-input-placeholder { position:relative; padding-left:0; -ms-transition: all ease 1.5s; }
textarea::-webkit-input-placeholder { position:relative; padding-left:0; -webkit-transition: all ease 1.5s; }

input.show::-placeholder { color:#999999; }
input.show:-moz-placeholder { color:#999999; }
input.show::-moz-placeholder { color:#999999; }
input.show::-ms-input-placeholder { color:#999999; }
input.show::-webkit-input-placeholder { color:#999999; }

input.error { outline:none; color:#39454C; border:1px solid #FF0000; }
input.error::-placeholder { color:#FF0000; }
input.error:-moz-placeholder { color:#FF0000; }
input.error::-moz-placeholder { color:#FF0000; }
input.error::-ms-input-placeholder { color:#FF0000; }
input.error::-webkit-input-placeholder { color:#FF0000; }

input:focus:-placeholder { padding-left:50%; color:white;}
input:focus::-webkit-input-placeholder { padding-left:50%; color:white; }
input:focus::-webkit-input-placeholder { padding-left:50%; color:white; }
input:focus:-moz-placeholder { padding-left:50%; color:white;}
input:focus::-moz-placeholder { padding-left:50%; color:white; }
input:focus:-ms-input-placeholder {  padding-left:50%; }

textarea:focus:-placeholder { padding-left:50%; color:white; }
textarea:focus::-webkit-input-placeholder { padding-left:50%; color:white; }
textarea:focus::-webkit-input-placeholder { padding-left:50%; color:white; }
textarea:focus:-moz-placeholder { padding-left:50%; color:white; }
textarea:focus::-moz-placeholder { padding-left:50%; color:white; }
textarea:focus:-ms-input-placeholder { padding-left:50%; color:white; }

textarea { border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#39454C; padding:5px; }
textarea.error { border:1px solid #FF0000; color:#39454C; }
textarea.error::-placeholder { color:#FF0000; }
textarea.error:-moz-placeholder { color:#FF0000; }
textarea.error::-moz-placeholder { color:#FF0000; }
textarea.error::-ms-input-placeholder { color:#FF0000; }
textarea.error::-webkit-input-placeholder { color:#FF0000; }

select {
  padding:5px; margin: 0px;
  border:1px solid #cccccc; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;
  background: white; background-color: transparent; appearance:none; -moz-appearance:none; -webkit-appearance:none;
  text-indent: 0.01px; text-overflow: ""; scrollbar-corner: #2774c7; -webkit-scrollbar-corner: #2774c7; -moz-scrollbar-corner: #2774c7;
  display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3goJDAwUbC3iwQAAANpJREFUKM/V07EuRUEQxvHfud5Cp9pIaMmphEKlcUuvQCOZDtEoFKcg0XuDS+iuREKzvUaOtzjRo1mJ3JybIzpfN7P5787OfMOMUuSrFHnHgKoZ6AxH6LDWNvXbIJgib2GKhZJ6Rd02ddcHjgq0jgnecYgnLOM6Ra56wRR5Ffd4xkrb1BfYxAG2cdJba4p8kyLvzTlbSpGP/XOlyJO//HGEU1ymyHcp8mIBqhR5Hy/fI+s1QJnjFB/lojE2cItx29SfQ855+PHCsHOgbepHnJeww+48aF6zfrUdX5TxTG5hbZJGAAAAAElFTkSuQmCC) no-repeat right white;
  font-size: 100%;
}

select::-ms-expand { display: none; }
/* Modifiers */
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center; }
.bold { font-weight:bold;}
.nobr { white-space:nowrap;}
.error { color:#FF0000; }
.selecterror { color:#FF0000; padding-left:20px; }
.clearboth {clear:both;}
.pale { color:#999999;}
.pointer { cursor:pointer;}
.smaller-font { font-size:80%; }
.bigger-font { font-size:130%; }
.valign-super  { vertical-align:super;}
.valign-sub { vertical-align:sub; }
.valign-bottom { vertical-align:bottom; }
.padding-top-bottom { padding-top:10px; padding-bottom:10px; }
.list-with-image ol, .list-with-image ul { list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAlUlEQVQYlY3QMQrCQBCF4S9BbAU7OwuL2HiL3CadTcDGRrCx8zbewkaE9HYBe0GbSdgEBX9YmJ339g07mYRVfZngGtdNcyxfnZYbUmEdp0qFLElb4IZZtJ5YN8fyAdmqvkzj9Q7z0YQWB5wnuGPpO3OcUOV4/zANyFFgG2PGtKEVf3+mX0809knavjMNjME5Um9R93wAEk4lpXXmsL4AAAAASUVORK5CYII=); padding-left:20px; }
.tiny-right { float:right; font-size:80%; margin-right:10px; }
.border-bottom { border-bottom:1px solid #cccccc; }
.shaded { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC) repeat; }
.confirm-text{ width:1000px; margin:auto; font-weight: 300; font-size:16px; color:#39454C; }

.empty { margin: 30px; text-align:center; }
.empty > a { display:inline; }

.flex-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.space-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.pdf:before  { content: url(gen-images/ab2db1c21308b94b450fc9b324232cb1.png);  position: absolute; margin: -1px 10px 0 -20px; }
.step:before { content: url(gen-images/66a57bf0df57e2f392b6f563e76a3b1a.png); position: absolute; margin: -1px 10px 0 -20px; }
.iges:before { content: url(gen-images/5430fe4c15002662a81e8e6914652380.png); position: absolute; margin: -1px 10px 0 -20px; }

.subtitle { display:block; font-size:18px; margin-bottom: 20px; }

.text { position:relative; }

.circle-links{
  /*z-index:1;*/
  position:absolute;
  top:250px;
  left:200px;
  border-radius: 50%;
  width: 800px;
  height: 800px;
  background: #BED2E6;
  opacity: 0.4;
  /*filter: alpha(opacity=40); /* For IE8 and earlier */
}

.circle-rechts{
  /*z-index:1;*/
  position: absolute;
  top:-200px;
  left:800px;
  border-radius: 50%;
  width: 1100px;
  height: 1100px;
  background: #BED2E6;
  opacity: 0.4;
  /*filter: alpha(opacity=40); /* For IE8 and earlier */
}

.fadeIn {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-opacity: 0.0;
  -moz-opacity: 0.0;
  opacity: 0.0;
}

.fadeOut {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.doFadeIn{ -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; z-index : 10; }
.doFadeOut{ -webkit-opacity: 0.0; -moz-opacity: 0.0; opacity: 0.0; z-index : -10; }
/*
.ui-tooltip{
  position:absolute;
  font-family: "Oxygen", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
  background:#2774c7;
  color:#ffffff;
  border:none;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  padding:5px;
}*/
/*
span.ui-button {
  width: 1.5em;
  height:1.5em;
}*/

/* scrollable table body */

table.scrollable thead:after { display:block; line-height:10px; content:"-"; visibility:hidden; }
table.scrollable tbody { overflow:visible; overflow-y: auto;overflow-x: hidden; }
table.scrollable tbody,
table.scrollable thead { display:block; scrollbar-face-color: #2774c7; scrollbar-arrow-color: #2774c7; }
::-webkit-scrollbar { width: 10px; height: 0px; }
::-webkit-scrollbar-track {  background-color: #999;}
::-webkit-scrollbar-button { color:#2774c7;border-radius: 5px;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }
::-webkit-scrollbar-thumb { height: 50px; background-color: #2774c7; border-radius: 5px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; }
body > .Tooltip {
  position: absolute;
  pointer-events: none;

  max-width: 500px;
  margin-top: 10px;
  margin-left: 10px;

  font-weight: normal;
  font-family: "Oxygen", "Helvetica Neue", "Helvetica", sans-serif;
  font-size:12px;

  background-color: #2774c7;
  line-height:15px;
  color:#ffffff;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  border: 1px solid #2774c7;
  border-radius: 5px;
  box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.5);

  padding: 5px;
  z-index: 1000;
}
body > .Tooltip.tooltip-hidden  {
  opacity: 0.00;
}
body > .Tooltip > :first-child {
  margin-top: 0px;
}
body > .Tooltip > :last-child {
  margin-bottom: 0px;
}
/* Main Layout */

html { height:100%; }

body { min-width: 1232px; min-height:100%; position:relative; padding-bottom:210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.HEADER_WRAPPER {
  position: fixed; top: 0; min-width: 1232px; width: 100%; height: 60px; z-index:10;
  background-color: #39454c; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAA8CAMAAAB7GJvLAAAA81BMVEULDg8NERQQFRgTGBwVGx4ZHB0XHSEYHyMZICQaISUaISYaIiYaIicbIycbIygeIyYcJCgcJCkdJSodJiseJiseJywfKC0fKC4jKCsgKS4gKi8hKjAhKzAiKzEiLDImLDAjLTIjLTMkLjQnLjIkLzUnLzMnLzQlMDYmMDcoMDQmMTcpMTUpMTYnMjgnMjkqMjcnMzkrMzcoNDopNDsrNDgpNTwsNToqNj0qNz4rNz4tNzsuNzwrOD8vOD4sOUAwOT8tOkEtOkItO0IuO0MxO0EvPEQzPEMvPUU0PkQ0PkU1QEY2QUc3Q0k4RUs5Rk05R007SFA2ZMycAAAAlElEQVQI1xXE1xqBAACA0d8KJRTZhey9Za8km/d/Gp9zcSCAx4M3hs+HP4MgECwSChGuIIpINSSJSB1ZRm4RjRLvoCgoXVQVdUAiQXKEpqFNSaVIz8lmya3I5yms0XWMLaUS5T2mSfVMo0HzQrtN78pwyPjOZMLsgWWxfLLZsHtxOHD6YNu4X1z3v+NwfLNY0L9hGD9abBG3j+95VwAAAABJRU5ErkJggg==');
  background-repeat: repeat-x;
}

.HEADER {
  position:relative; margin: 0 auto; width: 1200px; height: 70px; z-index:100;
  border-color: #2774c7; border-style: solid; border-width: 0 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.MENU { height: 60px; border-color: #66a8d7; border-style: solid; border-width: 0 0 1px 0; }

.BREADCRUMBS_WRAPPER {
  position:relative; width: 100%; height: 60px; z-index:9; margin: 60px auto 0px auto;
  background-color: white; background-image: url(gen-images/996a559403882f854e43f5ce1e921245.jpg); background-position: center; background-repeat: no-repeat;
}

.CIRCLES { position:fixed; overflow:hidden; top:0; bottom:0; width:100%; }
.CIRCLES.hidden { display:none; }

.SLIDER_WRAPPER { width: 1200px; margin: 0 auto; }

.CONTENT_WRAPPER { width: 100%; height: auto; background-color: #EBEBEB; }
.CONTENT { width: 1200px; height: auto; margin: 0 auto; padding: 10px 0 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.GRID { width: 1200px; position: relative; }
.GRID > h1:empty { display:none; }
.GRID_COLUMNS { display: table-row; }
.GRID_WIDE_COLUMN { display: table-cell; width: 820px; vertical-align:top; }
.GRID_NARROW_COLUMN { display: table-cell; width: 370px; padding-left: 10px; vertical-align:top; }
.GRID_NARROW_COLUMN.fixed-top{ position: fixed; top: 80px; }
.GRID_NARROW_COLUMN.fixed-bottom{ vertical-align:bottom; }

.SHOP { width: 1200px; position: relative; }
.SHOP > h1:empty { display:none; }
.SHOP_COLUMNS { width: 1200px; display: table-row; }
.SHOP_WIDE_COLUMN { display: table-cell; width: 820px; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.SHOP_NARROW_COLUMN { display: table-cell; width: 370px; padding-left: 10px; vertical-align:top; }
.SHOP_WIDE_COLUMN_ROW { width:100%; height: 300px; position: relative; }

.FOOTER_WRAPPER{ position:absolute; bottom:0; width:100%; overflow: hidden; background-color: #232d33; z-index:9; height:210px; }/* Widget: AddressInputTable */

.AddressInputTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.AddressInputTable.hidden, .AddressInputTable .hidden { display:none; }
.AddressInputTable span.icons-info { margin: 0px 0px 5px 0px; }

.AddressInputTable > tbody > tr > td { padding: 5px 0px 5px 0px; width:50%; vertical-align:top; }
.AddressInputTable > tbody > tr > td > select { padding-right:25px; margin-top:10px;}
.AddressInputTable > tbody > tr > td > input { margin-left:0px; margin-top:10px; width:96%; }
.AddressInputTable > tbody > tr > td > textarea { height:100px; margin-left:0px; margin-top:10px; width:98%; }
.AddressInputTable > tbody > tr > td > input.deliveryZip,
.AddressInputTable > tbody > tr > td > input.billingZip { width: 15%; margin-right:3px;}
.AddressInputTable > tbody > tr > td > input.billingCity,
.AddressInputTable > tbody > tr > td > input.deliveryCity { width: 77%; }
.AddressInputTable > tbody > tr > td > input[type=checkbox]{ margin-left:0; margin-top:10px; margin-bottom:15px; width: 2%;}
.AddressInputTable > tbody > tr > td > input.error { border:1px solid #cccccc; }

.application-contact .AddressInputTable > tbody > tr > td > input.error { border: 1px solid #FF0000; }
.application-contact .AddressInputTable > tbody > tr.stellenbezeichnung > td > input { width:98%; }

.contact .AddressInputTable { width:820px; margin: 0 -5px 20px auto;}
.contact .AddressInputTable > tbody > tr > td > input:not(.billingZip) { width:95%; }
.contact .AddressInputTable > tbody > tr > td > input.billingZip { width:16%; margin-right:3px;}
.contact .AddressInputTable > tbody > tr > td > input.billingCity { width:75%; }
.contact .AddressInputTable > tbody > tr > td > textarea { width:97.5%; }
/* Widget: AddressTable */

.AddressTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.AddressTable > thead:before,
.AddressTable > tbody:before { line-height:20px; content:"-"; visibility:hidden; display:block; }
.AddressTable > thead > tr { height:30px; }
.AddressTable > thead > tr > th { font-size:18px; text-align:left; border-bottom:1px solid #cccccc; }
.AddressTable > thead > tr > th.gap { width:50px; border:none; }
.AddressTable > tbody > tr > td.label { font-weight:300; color:black; padding-right:10px; }
.AddressTable span.checkmark:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAkFBMVEUndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMcndMf///8KwycTAAAALnRSTlMAXrYw9VsS3cwBA7dBgbNM/vspCCTwl9h8DArR8hds52oGpX1w6eVyYXcCZ59GPQjZ4gAAAAFiS0dELyPUIBEAAABlSURBVAjXTYxXEoJQEAQfoAQlPIIgOWeZ+x+PWKzzM9s1tc0YRRD/QHo8CWRF1W54vaHTZMAksLjtbOUe4H3g7x18Q8aiGEm6U8bzoqyA+vxogBbookvQY8tw+0Ygnkg//5bzWAG3ngcxZcBVaAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNC0wOS0yNVQxNDoyMDozNSswMDowMI+TBqYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMDktMjVUMTQ6MjA6MzUrMDA6MDD+zr4aAAAAAElFTkSuQmCC); margin: 0 5px 0 0px; border:1px solid #cccccc; padding:2px; }/* Widget: AddToCart */

.AddToCart { position:relative; z-index:1; background-color:white; margin:0px 0 10px 0; min-height:280px; padding:10px;}
.AddToCart .hidden { display:none; }
.AddToCart > div:nth-child(1) { color:#2774c7; font-size:18px; text-transform: uppercase; }
.AddToCart > div:nth-child(2) { margin-top: 10px; }
.AddToCart > div:nth-child(2) .Button { width:70%; margin: 0 auto; padding:0; }
.AddToCart > div:nth-child(2) table { width:100%; height:230px; }
.AddToCart.addtocart-min > div:nth-child(2) table { height:300px; }

.AddToCart > div:nth-child(2) table th { text-align:left; min-width:100px; }
.AddToCart > div:nth-child(2) table tr.anzahl { height:50px;}
.AddToCart > div:nth-child(2) table tr.anzahl { height:50px;}
.AddToCart > div:nth-child(2) table tr.anzahl input { width:70px; float:right; }

.AddToCart > div:nth-child(2) table tr.anzahl td:first-of-type { padding-left:20px; }
.AddToCart > div:nth-child(2) table tr.einzelpreis { border-bottom:1px solid #cccccc;}
.AddToCart > div:nth-child(2) table tr.einzelpreis td,
.AddToCart > div:nth-child(2) table tr.einzelpreis th { padding-bottom:5px;}
.AddToCart > div:nth-child(2) table tr.gesamtpreis { height:35px;}
.AddToCart > div:nth-child(2) table tr.gesamtpreis td,
.AddToCart > div:nth-child(2) table tr.gesamtpreis th { padding-top:10px; color:#39454C;}
.AddToCart > div:nth-child(2) table tr.gesamtpreis td { text-align:right; }
.AddToCart > div:nth-child(2) table td.gesamtpreis { font-size:22px; font-weight:bold;}
.AddToCart > div:nth-child(2) table tr.versandundmwst td { font-size:10px; height:30px;}/* Widget: Breadcrumbs */

.Breadcrumbs { overflow: hidden; margin: 0 auto; padding: 10px 0 0 0; width: 1200px; height: 50px; font-size: 13px; font-weight: 300;}
.Breadcrumbs > a { color: white;  line-height: 50px; text-decoration: none; text-shadow: #a0a0a0 0 -1px; }
.Breadcrumbs > a:hover { text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white; }
.Breadcrumbs > a:after { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAMAAACg0N8BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAclBMVEUCAgMCAgMCAgPh4eGXl5cCAgPl5eXk5OSioqMCAgPj4+Pk5OStra0CAgPl5eXk5OTl5eXPz88CAgPPz8/l5eXg4OAVFRbd3d3l5eXl5eUCAgPHx8fl5eXl5eWsrKzk5OTl5eXl5eXl5eXl5eXl5eX////1FlSTAAAAJXRSTlMAEgSjOgVT1kQHottNDRfZ5IQPcOaIDLPZRQNwwSMo3J8NbnEBcE2SUAAAAAFiS0dEJcMByQ8AAABBSURBVAjXY2BkYgABZhZWEMXGzsEJorm4eXiBFB+/gKAQkBYWERFlYBATF5GQZJCSFpGRZWCQk1dQBMooKasASQBDJQLXxz+tEgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNC0wOS0xNlQxMzo0MDowNiswMDowMN9gOLUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMDktMTZUMTM6NDA6MDYrMDA6MDCuPYAJAAAAAElFTkSuQmCC); margin: 0 6px 0 10px; }
.Breadcrumbs > span:last-child { color: #e5e5e5;  line-height: 50px; text-shadow: #a0a0a0 0 -1px; }/* Widget: Button */

.Button { display: block; padding: 10px 20px; width: auto; min-height: 40px; background-color: #2774c7; color: white; cursor: pointer;
  font-size: 16px; font-weight: 300; line-height: 20px; text-align: center; text-decoration: none;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.Button{
  background: -webkit-linear-gradient(180deg, #2463a8, #2774c7);
  background: -moz-linear-gradient(180deg, #2463a8, #2774c7);
  background: -o-linear-gradient(180deg, #2463a8, #2774c7);
  background: linear-gradient(180deg, #2463a8, #2774c7);
}

.Button:hover:not(.disabled){
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
  text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;
}

.Button.disabled {
  cursor:default;
  background: -webkit-linear-gradient(360deg, #cccccc, #afafaf);
  background: -moz-linear-gradient(360deg, #cccccc, #afafaf);
  background: -o-linear-gradient(360deg, #cccccc, #afafaf);
  background: linear-gradient(360deg, #cccccc, #afafaf);
}
.Button.disabled:hover {
  text-shadow: none;
}
.Buttons { width:1000px; margin: 20px auto; min-height:40px;}
.Buttons > .Button { width:230px; }
/*.Buttons > .Button:hover { text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;}*/

.Buttons > .Button:nth-child(1) { float:left; }
.Buttons > .Button:nth-child(2) { float:right; }


.Button.page-up { display:inline; font-size:14px; max-width: 250px; text-transform:none; padding:5px 12px; vertical-align:middle; /*margin-left:15px;*/}
.Button.page-up img { height:13px; }
h2 .Button.page-up,
h3 .Button.page-up,
h4 .Button.page-up{  margin-left:15px; }

.contact .Button { float:right; margin-right:10px; }
.Button.hidden { display:none; }/* Widget: CartBox */

.CartBox { float:right; margin-top:20px; margin-right:15px; }
.CartBox.hidden { display:none; }
.CartBox > a > span { margin:0 3px 20px 0px; color:white; font-weight:bold; }
/* Widget: CartInputTable */

.CartInputTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; background-color:white; border:1px solid #cccccc;}
.CartInputTable .hidden { display:none; }
.CartInputTable > tbody > tr > td:first-of-type { padding-left:20px; }
.CartInputTable > tbody > tr > td:last-of-type { padding-right:20px; }
.CartInputTable > tbody > tr > td.cart-item-image { text-align:center; }
.CartInputTable > tbody > tr > td > img { max-height:100px; padding-top:10px; }
.CartInputTable > tbody > tr > td > a.artikelname { color:black; font-size:16px; cursor:pointer; }
.CartInputTable > tbody > tr > td > input { width: 6em; margin-left: 20px;}
.CartInputTable > tbody > tr.item-data-numbers td,
.CartInputTable > tbody > tr.cart-summary:last-of-type td { padding-bottom:20px; }
.CartInputTable > tbody > tr.cart-summary-first td { padding-top:30px; }
.CartInputTable > tbody > tr.item td { padding:20px;}

.CartInputTable > tbody > tr.item { border-top:1px solid #cccccc; }
.CartInputTable > tbody > tr.item-data-numbers,
.CartInputTable > tbody > tr.cart-summary:last-of-type{ border-bottom:1px solid #cccccc; }
.CartInputTable > tbody > tr.item-data td,
.CartInputTable > tbody > tr.item-data-numbers td,
.CartInputTable > tbody > tr.cart-summary td { padding-right:30px; }
.CartInputTable > tbody > tr.cart-summary { background-color:#e5e5e5;}
.CartInputTable > tbody > tr.cart-summary.totalPrice > td { font-size: 20px; font-weight: bold; padding-top:20px;}/* Widget: NavMenu */
.NavMenu { margin-left: auto; margin-right:auto; }
.NavMenu > thead > tr { overflow: hidden; padding: 0 20px; height: 40px; background-color: #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NavMenu > thead > tr > th { text-align:center; font-size: 16px; font-weight: 300; line-height: 44px; text-transform: uppercase; padding-left:20px; padding-right:20px; color:white; }
.NavMenu > thead > tr > th > a { color:white; }
.NavMenu > thead > tr > th > a:hover:not(.disabled) { text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;}
.NavMenu > thead > tr > th.disabled > a:hover { cursor:default; text-shadow:none; }
.NavMenu > thead > tr > th > a.disabled { cursor:default; text-shadow:none; }
.NavMenu > thead > tr > th.active { background-color:#2774C7; }
.NavMenu > thead > tr > th.done { background-color:#39454C; }


.NavMenu > thead > tr > th span { padding-right:5px; }
.NavMenu > thead > tr > th:first-of-type { overflow: hidden; margin: 0 0 40px 0; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -ms-border-radius: 5px 0px 0px 5px; -o-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.NavMenu > thead > tr > th:last-of-type  { overflow: hidden; margin: 0 0 40px 0; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -ms-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Widget: CartTable */

.CartTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.CartTable > thead:before,
.CartTable > tbody:before { line-height:20px; content:"-"; visibility:hidden; display:block; }
.CartTable > thead > tr { height:30px; }
.CartTable > thead > tr > th { font-size:18px; text-align:left; border-bottom:1px solid #cccccc; }
.CartTable > tbody > tr > td { padding-top:10px; vertical-align:top;}
.CartTable > tbody > tr:first-of-type > td { padding-bottom:10px; font-weight:bold; }
.CartTable > tbody > tr.data > td { color:#39454C;}
.CartTable > tbody > tr > td.mwst { padding-left:15px; }
.CartTable > tbody > tr:last-of-type > td { font-size:18px; font-weight:bold;}.CheckoutTable { float:right; margin: 20px 100px 20px 20px;}
.CheckoutTable .hidden { display:none; }
.CheckoutTable > tbody > tr > td { text-align:right; float:right; padding-top:10px; padding-bottom:10px; }
.CheckoutTable > tbody > tr > td > a { width:270px; }

/* Widget: DataTable */

.DataTable { width:100%; min-width:770px; overflow: hidden; margin-bottom:10px; caption-side:bottom; }

.DataTable > thead > tr { color: white; padding: 0 20px; height: 50px; white-space:nowrap; background-color: #39454c; }
.DataTable > thead > tr:last-child > th{ border-color: #2774c7; border-style: solid; border-width: 0 0 6px 0; }
.DataTable > thead > tr > th { padding-left:10px; color: white; font-size: 16px; font-weight: 300; line-height: 44px; border-right: 2px solid #39454c; }
.DataTable > tbody > tr > td { padding: 0 10px; height: 30px; background-color: white; border:2px solid #e5e5e5; color: black; font-size: 13px; }
.DataTable > tbody > tr.rowspan-bottom > td { border-bottom:0px; }
.DataTable > tbody > tr.rowspan-top > td { border-top:0px; }

.DataTable > tbody > tr > td:first-child { border-left:none; white-space:nowrap;}
.DataTable > tbody > tr > td:last-child { border-right:none; }
.DataTable > tbody > tr > td:nth-child(even) { background-color: #f1f1f1; }
.DataTable > tbody > tr > td > a { color: #2774c7; text-decoration: none; }

.DataTable.datatable-td-centered > tbody > tr > td { text-align:center; }

.DataTable > thead > tr > th.gap,
.DataTable > tbody > tr > td.gap { color:white; background-color:white; border-top:none; border-bottom:none; }

.DataTable.datatable-multihead > thead > tr { height:30px; }
.DataTable.datatable-multihead > thead > tr > th { line-height: 30px; border-right: 2px solid #39454c; }
.DataTable.datatable-multihead > thead > tr:first-of-type { background-color: #2774c7; }
.DataTable.datatable-multihead > thead > tr:first-of-type > th { border-right: 2px solid #2774c7; }

.DataTable.datatable-td-uniform > tbody > tr > td { background-color: white; min-width:20px; }

.DataTable.datatable-compact > thead > tr > th { padding-left:5px; text-align:center; }
.DataTable.datatable-compact > tbody > tr > td { padding:0px; height:20px; min-width:0px; background-color: white; text-align:center;}


.DataTable.datatable-td-fixed { table-layout:fixed; }
.DataTable.datatable-td-fixed > tbody > tr > td { white-space:wrap; width:25%; }
.DataTable.datatable-nowrap > tbody > tr > td { white-space:nowrap; }
.DataTable > tbody > tr.pale > td { background-color: #cccccc; }

/* DataTable rangetable*/
.DataTable.datatable-rangetable > tbody > tr > td { background-color: white; }
.DataTable.datatable-rangetable > tbody > tr:first-child td { font-size: 14px; line-height:44px; text-align:left;}
.DataTable.datatable-rangetable .rangetable-has-data { background-color: #39454c; text-align: center; padding: 0px;}

.DataTable.datatable-rangetable > tbody > tr:first-child  td { padding:0px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  td > div { padding-left:10px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul { list-style-type:square; padding:0px; margin:0px; margin-right:15px; text-align:left; float:right; display:flex; font-size:40px; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul li { margin-top:4px; margin-left:50px; vertical-align:middle;}
.DataTable.datatable-rangetable > tbody > tr:first-child  ul span { font-size:14px; vertical-align:middle; color:#000000; }
.DataTable.datatable-rangetable > tbody > tr:first-child  ul li span { margin-left: -15px;}

.DataTable.datatable-rangetable .opt1 { color:#01DF01;}
.DataTable.datatable-rangetable .opt2 { color:#FFFF00;}
.DataTable.datatable-rangetable .opt3 { color:#999999;}

.DataTable.datatable-img-left-right{ width:50%; min-width:550px; overflow: hidden;}/* Widget: DeliveryTable */

.DeliveryTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.DeliveryTable .hidden{ display:none; }
.DeliveryTable > tbody > tr > td { padding-top:10px; vertical-align:top; }
.DeliveryTable > tbody > tr > td:last-of-type { text-align:right; }
.DeliveryTable > tbody > tr > td > label { color:#39454C; }
.DeliveryTable > tbody > tr > td > input { margin: 10px 10px 20px 10px; }
.DeliveryTable > tbody > tr > td > input[type="radio"]:checked + label,
.DeliveryTable > tbody > tr > td > span.deliverTo,
.DeliveryTable > tbody > tr > td > span.pflicht { color:#2774C7; }
/* Widget: DetailLinksTable */

.DetailLinksTable { text-align:center; vertical-align:middle; margin:0px; padding:0px; text-decoration:none; display:inline-block; }
.DetailLinksTable > tbody > tr { background-color: #39454c; text-align: center; padding: 0px;}
.DetailLinksTable > tbody > tr > td { padding: 0px 2px 0px 2px;}
.DetailLinksTable > tbody > tr > td:hover { background-color:#2774c7; }/* Widget: Downloads */

.Downloads > a { display: block; margin: 10px 0 10px 0; padding: 0 0 0 30px; color: #39454C; font-size: 14px; text-decoration: none; line-height:35px;}
.Downloads > a > span { padding-left:15px; }
.Downloads > a > span:hover{ color: #2774c7; }.EnumList ul { margin:0; }
.EnumList ol{ list-style-type: none; counter-reset: item; margin: 0; padding: 0; line-height:20px; }
.EnumList ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; }
.EnumList ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em }
.EnumList li ol > li { margin: 0; padding: 0; }
.EnumList li ol > li:before { content: counters(item, ".") " "; }
.EnumList table { margin-top:30px; }/* Widget: FooterMenu */

.FooterMenu { overflow: hidden; margin: 40px auto; width: 1200px; }
.FooterMenu > div:not(.footermenu-copyright) { float:left; border-color: #2774c7; border-style: solid; border-width: 0 0 0 1px; width:25%;}
.FooterMenu > div:not(.footermenu-copyright) > a {
  display: inline-block; padding: 0 25px; width: 100%; height: 32px; color: white;
  font-size: 13px; font-weight: 300; line-height: 32px; text-decoration: none; text-transform: uppercase;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.FooterMenu > div:not(.footermenu-copyright) > a:hover { background-color: #2774c7; text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;}

.FooterMenu > div.footermenu-copyright { float:left; width:20%;}
.FooterMenu > div.footermenu-copyright > span { display: block; float: left; margin: 0 10px 0 0; color: white; font-size: 14px; font-weight: 300; line-height: 60px; }

.FooterMenu .Logo { border:none; }.FrachtTable tbody { background-color:white; }
.FrachtTable tbody tr { border-bottom:1px solid #cccccc; }
.FrachtTable tbody tr td { padding:3px 10px 3px 10px; }
.FrachtTable thead tr th { color:#39454C; font-weight:bold; text-align:left; }
.FrachtTable thead tr th:last-child { width:150px; }
.FrachtTable thead tr th:first-child { width:200px; white-space:nowrap; padding-left:10px; padding-right:10px; }
.FrachtTable.fracht-ausland tbody { height:250px; }
.FrachtTable.fracht-ausland tbody tr td:first-child{ width:200px; }
.FrachtTable.fracht-ausland tbody tr td:last-child{ width:100px; }
/* Widget: GridOptions */

.GridOptions { overflow: hidden; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions select:not(.operator) { min-width:100px; }

.GridOptions > div:nth-child(1) { padding-left:10px; padding-bottom:10px; border-bottom: 1px solid #cccccc; margin: 10px 10px 0px 10px;}
.GridOptions > div:nth-child(1) > span:nth-child(1) { font-size:18px; color:#39454C; text-transform:uppercase; }
.GridOptions > div:nth-child(1) > span:nth-child(2) { font-size:14px; float:right; text-transform:none; }
.GridOptions > div:nth-child(2) { overflow:hidden; margin: 0px 10px 10px 10px; padding-left:10px;}

.GridOptions-rechts { overflow: hidden; position:relative; float:right; width: 225px; min-height:235px; margin: 10px 0 0 0; padding-left:15px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions-rechts .Button { position:absolute; bottom:10px; width:90%; }
.GridOptions-rechts .reset { color:#2774C7; position:absolute; bottom:60px; cursor:pointer;}
.GridOptions-rechts .reset:hover { text-shadow: -0.1px 0 #2774C7, 0 0.1px #2774C7, 0.1px 0 #2774C7, 0 -0.1px #2774C7; }
.GridOptions-rechts .suchbegriff > span {  display:block; padding-bottom:10px; }
.GridOptions-rechts .suchbegriff > input { width: 90%; }

.GridOptions-links { overflow: hidden; position:relative; float: left; margin: 10px 0 0 0; width: 560px; min-height:235px; border-right: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridOptions-links > div { display:table; }
.GridOptions-links > div:not(:last-child) { margin-bottom:7px; position:relative;}

.GridOptions-links > div div { display:table-cell; }
.GridOptions-links > div div:first-of-type { width:250px; vertical-align:middle;}
.GridOptions-links > div select { width:100px; margin-right:0px;}
.GridOptions-links > div.operator select { width:50px; margin-right:20px; margin-left:50px;}
.GridOptions-links > div.dinschluessel select { width:auto; }
.GridOptions-links > div.grid-kategorie select { width:auto;padding-right:15px; }
.GridOptions-links .grid-kategorie-buttons label{ padding-left:10px; padding-right:10px;}

.GridOptions-links .lengths { position:absolute; bottom:0px; right:-140px;}
.GridOptions-links .images { width:100%; float:right; vertical-align:middle; }
/*.GridOptions-links .images img.visible { display:inline;}*/
/*.GridOptions-links .images img { display:inline;}*/
.GridOptions-links .images img.hidden { display:none;}

.GridOptions-links .images img.image { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.GridOptions-links .images select { vertical-align: top; }
.GridOptions-links .grid-kategorie-buttons input[type="radio"]:checked + label{ color:#2774C7; }
/* Widget: GridResults */

.GridResults { overflow: visible; position:relative; margin-top:10px; padding:10px; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* Widget: GridTable */
.GridTable select { padding-right:10px; }

/* Chrome */
@media screen and/*!*/(-webkit-min-device-pixel-ratio:0) {
  .GridTable select{ padding-right:20px;}
}

.GridTable { background-color: white; width:100%; margin-left:auto; margin-right:auto; }
.GridTable > thead > tr > th { padding: 4px 5px 4px 5px; }
.GridTable > thead > tr.limit { color: white; background-color: #2774C7; height:40px; font-size:16px; }
.GridTable > thead > tr.limit > th { text-align:center; border:none; vertical-align: bottom; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.GridTable > thead > tr.limit .prev,
.GridTable > thead > tr.limit .next { margin:10px; cursor: pointer; }
.GridTable > thead > tr.limit .prev.hidden,
.GridTable > thead > tr.limit .next.hidden { display:none; }
.GridTable > thead > tr.limit .prev { float: left; }
.GridTable > thead > tr.limit .next { float: right; }

.GridTable > thead > tr.label { height: 40px; color:#2774C7;}
.GridTable > thead > tr.label > th { cursor: pointer; font-size:14px; text-align:center; padding:0px; border:none;}
.GridTable > thead > tr.label > th:hover { text-shadow: -0.1px 0 #2774C7, 0 0.1px #2774C7, 0.1px 0 #2774C7, 0 -0.1px #2774C7; }
.GridTable > thead > tr.label > th.reset { width:100px; }
.GridTable > thead > tr.label > th > .order { float: right; width: 0.9em; height: 1.1em; overflow: hidden; font-size: 110%; text-align: center;}
.GridTable > thead > tr.label > th > .order > .arrow-n-s { color: #cccccc; }
.GridTable > thead > tr.label > th > .order > .arrow-n,
.GridTable > thead > tr.label > th > .order > .arrow-s,
.GridTable > thead > tr.label > th.asc > .order > .arrow-n-s,
.GridTable > thead > tr.label > th.desc > .order > .arrow-n-s { display: none; }
.GridTable > thead > tr.label > th.asc > .order > .arrow-n,
.GridTable > thead > tr.label > th.desc > .order > .arrow-s { display: block; }

.GridTable > thead > tr.value > th.string > input { width: 125px; }
.GridTable > thead > tr.value > th.number > input { width: 65px; text-align:right;}
.GridTable > thead > tr.value > th > select { min-width:75px; max-width:180px; }

.GridTable > tbody > tr.selected,
.GridTable > tbody > tr:hover { background-color: #E5E5E5;}
.GridTable > tbody > tr > td { padding: 4px 5px 4px 5px; border-bottom: 1px solid #cccccc; }
.GridTable > tbody > tr > td.name { color:#2774C7; cursor:pointer; }
.GridTable > tbody > tr > td.name:hover { text-shadow: -0.1px 0 #2774C7, 0 0.1px #2774C7, 0.1px 0 #2774C7, 0 -0.1px #2774C7; }
.GridTable > tbody > tr > td.filter .smaller-font { padding-left:3px; }
.GridTable > tbody > tr > td.verfuegbargesamt { padding-right:3px;}
.GridTable > tbody > tr > td.preview { display: none;}
.GridTable > tbody > tr > td.rechts { text-align: right;}
.GridTable > tbody > tr > td.links { text-align: left;}
.GridTable > tbody > tr > td.zentriert { text-align: center;}
/* Widget: ImgBox*/

.ImgBox { background-color:white; height: 280px; width:400px; float:right; padding:10px; display: inline-block;}
.ImgBox > img { padding-top:30px; vertical-align: middle;}
/* Widget: ImgLinkList und ImgLinkItem */

.ImgLinkList { overflow: hidden; margin: 0; }
.ImgLinkList > .imglinklist-infobox { overflow: hidden; float: left; margin:10px 0px 0px 0px; padding:10px; background-color:white; width:800px; font-size:14px;
  border-color: #3a7fca; border-style: solid; border-width: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ImgLinkList div.ImgLinkItem:nth-child(odd) { margin: 10px 0px 0px 0px;}
.ImgLinkList div.ImgLinkItem:nth-child(even) { margin: 10px 0px 0px 10px;}

.ImgLinkItem {
  position:relative; overflow: hidden; float: left; background-color:white; width: 395px; height: 250px; border:1px solid #cccccc;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ImgLinkItem > div:first-child { visibility: hidden; padding-top: calc(50vh - 125px); margin-top: calc(-50vh + 125px); }

.ImgLinkItem > a { position: relative; display: block; line-height: 0; text-decoration: none; width: 100%; height: 100%; }
.ImgLinkItem > a > img { position: absolute; display: block; top: 30px; }
.ImgLinkItem > a > img.hover { display: none; margin: -1px; height: 250px; }
.ImgLinkItem > a:hover > img.hover { display: block; position: absolute; top:0px;}

.ImgLinkItem > a > div:nth-child(1) /* title */ { position: absolute; top: 20px; left: 20px; font-size: 16px; z-index:10; }
.ImgLinkItem > a > div:nth-child(2) /* footer */ { position:absolute; bottom:0px; width:100%; text-align:left; z-index:10; padding-left:20px; line-height:30px;
  font-size: 12px; font-weight: 300; color: #3a7fca; background-color:#d5d5d5;  }/* Widget: InfoLayer */

.InfoLayer {
  position:fixed; padding: 20px; font-size:14px; font-weight:300; width:100%;
  color:white; background-color: #2774c7;
  opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
  z-index:99;
}
.InfoLayer.hidden, .InfoLayer .hidden { display:none; }
.InfoLayer > div:nth-child(1) /* close */ { position:relative; top:-10px; left:-10px; cursor:pointer; }
.InfoLayer > div:nth-child(2) /* title */ { text-transform: uppercase; font-size:16px; padding-bottom:10px; text-align:center; font-weight:bold; margin-top: -20px; }
.InfoLayer > div:nth-child(3) /* text */  { text-align:left; }

.InfoLayer.infolayer-rangetable { top:500px; left:600px; width:30%; }
.InfoLayer.infolayer-3dviewer   { top:450px; left:700px; width:25%; }
.InfoLayer.infolayer-3dviewer > div:nth-child(3) { text-align:center; }


.InfoLayer.infolayer-cart-popup { top:30px; right:320px; width:600px; z-index:100;}
.InfoLayer.infolayer-cart-popup > div:nth-child(3) { text-align:center; font-size:12px;}
.InfoLayer.infolayer-cart-popup a.artikelname { color:white; font-weight:300;}
.InfoLayer.infolayer-cart-popup a.loeschen span.icons-trash{ padding-bottom:10px;}
.InfoLayer.infolayer-cart-popup a.loeschen{ padding-top:3px; }
.InfoLayer.infolayer-cart-popup input{ padding:1px; display:table-cell;}
.InfoLayer.infolayer-cart-popup table.cart { width:100%;}
.InfoLayer.infolayer-cart-popup table.cart th { padding-bottom:10px;font-weight:bold;}
.InfoLayer.infolayer-cart-popup table.cart tr td img { max-height:30px; padding:0; }
.InfoLayer.infolayer-cart-popup table.cart td { padding-top:0px; padding-bottom:0px; vertical-align:top;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl{height:20px;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl input { width:3.5em;vertical-align:middle;display:table-cell;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl span { padding-left:3px;}
.InfoLayer.infolayer-cart-popup table.cart tr.cart-summary-first { border-top:1px solid; padding-top:5px;}
.InfoLayer.infolayer-cart-popup table.cart tr.cart-summary.total-price { font-size:120%; }
.InfoLayer.infolayer-cart-popup table.cart tr.versandundmwst td { font-size:8px; font-weight:bold; padding-top:0px; padding-bottom:0px; vertical-align:top;}
.InfoLayer.infolayer-cart-popup table.cart tr.versandundmwst { padding:0px;}
.InfoLayer.infolayer-cart-popup table.cart td.anzahl{ display:inline-flex;}
.InfoLayer.infolayer-cart-popup table.cart .cart-popup-forward a { color:white; font-weight:bold; font-size:130%;}
.InfoLayer.infolayer-cart-popup table.cart .cart-popup-forward .icons-cart-white{ margin: 0 3px 10px 0px; }

.InfoLayer.infolayer-cart-popup .cart-popup-is-empty { margin-top: 30px; margin-bottom:10px;}
.InfoLayer.infolayer-cart-popup .cart-popup-is-empty a { display:inline; width:100px;}
/* Widget JumpLabel */
.JumpLabel { 
  visibility:hidden; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: calc(50vh - 125px);
  padding-top: -webkit-calc(50vh - 125px); 
  padding-top: -moz-calc(50vh - 125px); 
  margin-top: calc(-50vh + 125px);
  margin-top: -webkit-calc(-50vh + 125px); 
  margin-top: -moz-calc(-50vh + 125px); 
}
.Logo {
  display: block;
  float: left;
  padding: 10px 20px 10px 0;
  height: 60px;
  border-right: 1px solid #181f23;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
  color: white;
  text-decoration: none;
}
.Logo > span {
  font-weight: 900;
  vertical-align: middle;
  text-transform: uppercase;
}
.Logo > svg {
  vertical-align: middle;
}
.Logo > svg .a {
  transition: fill .5s;
  fill: #2774C7;
}
.Logo:hover > svg .a {
  fill: white;
}
.Logo > svg .b {
  transition: fill .5s;
  fill: white;
}
.Logo:hover > svg .b {
  fill: #2774C7;
}/* Widget: MenuItem */

.MenuItem { position: relative; overflow: visible; float: left; color: white; }
.MenuItem > a {
  display: inline-block; padding: 0 25px; height: 60px;
  border-color: #181f23; border-style: solid; border-width: 0 1px 0 0;
  color: white; font-size: 14px; font-weight: 300; line-height: 60px;
  text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap;
}

.MenuItem:hover > a{
  background: -webkit-linear-gradient(180deg, #1c538e, #2774c7);
  background: -moz-linear-gradient(180deg, #1c538e, #2774c7);
  background: -o-linear-gradient(180deg, #1c538e, #2774c7);
  background: linear-gradient(180deg, #1c538e, #2774c7);
  text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;
}

.MenuItem:hover > div { display: block; }

.MenuItem > div { display: none; position: absolute; padding: 9px 0 0 0; background-color: #2774c7; min-width:100%;}
.MenuItem > div > a {
  display: block; padding: 12px 30px;
  border-color: #3d82cd; border-style: solid; border-width: 1px 0 0 0;
  color: white;  font-size: 16px; font-weight: 300; text-decoration: none; white-space: nowrap;
}
.MenuItem > div > a:first-child { border: none; }
.MenuItem > div > a:hover { background-color: #3d82cd; text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;}
.MenuItem.menuitem-languages { float: right; margin-right:10px; }
.MenuItem.menuitem-languages > div { overflow-y: auto; max-height:500px; }
.MenuItem.menuitem-languages > a { border:none; }
.MenuItem.menuitem-languages > a:before { content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAATUlEQVQImXXOsQmAQBAF0bncYizAVqzFCkwt8kBTIxmjk2VZJ/y84Dd1AVb+u4ANFfWw7lRnlQEr/KEMI+4RVRB1z0ilqfn8BDzAHccXfkqQVX4DzZAAAAAASUVORK5CYII=); margin:5px; }

.MenuItem.menuitem-account { margin-left:100px; }
.MenuItem.menuitem-account > a { border:none; }
.MenuItem.menuitem-account.is-logged > a { font-size: 11px; text-transform:none; color:white; }
.MenuItem.menuitem-account-logout > a { padding:0px 10px 0px 10px; vertical-align:sub; border-right:none; border-left:1px solid #181f23; }


/* Rangetable MenuItem Info */
.MenuItem.menuitem-rangetable { position: relative; width:220px; float:right; background-color: #2774c7; }
.MenuItem.menuitem-rangetable > span:first-child { padding: 5px 8px; font-weight:300; line-height: 20px; height: 20px;}
.MenuItem.menuitem-rangetable > div > span { display: block; width:220px; padding: 5px 8px;  font-size: 13px; white-space: nowrap; z-index:100; line-height:20px; border-bottom: 1px solid #3d82cd;}
.menuitem-rangetable > div > span:hover { background-color: #3d82cd;}
/* Widget: NavSubTitle */

.NavSubTitle { width:1000px; margin-left: auto; margin-right:auto; font-size:18px; padding-top:30px; margin-bottom: 20px; height: 30px;
  border-color: #cccccc; border-style: solid; border-width: 0 0 1px 0; }
.NavSubTitle a { float:right; }/* Widget: Panel */
.Panel {
  position:relative; width:370px; min-height:300px; background-color:white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  display: flex; flex-direction: column; }

.Panel.hidden { display:none; }

.PanelList {
  display:flex; display: -ms-flexbox; display: -webkit-flex;
  -webkit-flex-flow: row wrap; -ms-flex-wrap: row-wrap; flex-flow: row wrap; flex-direction:row;
  -webkit-justify-content:flex-start;  -ms-flex-pack:justify; justify-content:flex-start;
  -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start;
 }

.PanelList .Panel { margin: 0 10px 10px 0; }

.Panel > div:nth-child(1)/*header*/{ overflow: hidden; padding-left: 10px; height: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  color: #2774c7; font-size: 20px; font-weight: 300; line-height: 44px; text-transform: uppercase; }
.Panel.panel-blackhead > div:nth-child(1)/*header*/{ background-color: #39454c; border-bottom:6px solid #2774c7; color:white;}

.Panel > div:nth-child(2)/*content*/{ flex:auto; padding:10px; font-size:16px; position:relative;}

.GRID_NARROW_COLUMN .Panel.panel-onlineshop { margin-top:10px;}

.Panel.panel-onlineshop > div:nth-child(2) { 
  background-image:url(gen-images/f93741d090923afeaedbb64c6ca43252.png); background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size:cover; -o-background-size: cover; background-size: cover;
  padding: 50px 10px 50px 200px; font-size:14px; height:160px;}
.Panel.panel-onlineshop > div:nth-child(2) > a { position:absolute; bottom:10px; right:10px; text-transform: uppercase; min-width:160px; }

.Panel.panel-sprachen > div:nth-child(2) { background-image:url(gen-images/6d5e7b464522e4a0e6046cd967d0179f.png); background-repeat: no-repeat; }
.Panel.panel-sprachen > div:nth-child(2) > ul { padding:30px; z-index:100; list-style-type:none; font-size:14px; columns: 3; -webkit-columns: 3; -moz-columns: 3; }
.Panel.panel-sprachen > div:nth-child(2) > ul > li { line-height:25px; }
.Panel.panel-sprachen > div:nth-child(2) > ul > li > a { color:#39454C; }
.Panel.panel-sprachen > div:nth-child(2) > ul > li.active,
.Panel.panel-sprachen > div:nth-child(2) > ul > li > a:hover {  color:#2774c7; font-weight:bold; }

.Panel.panel-payment > div:nth-child(2) > span { display:block; margin-top:20px; }
.Panel.panel-payment > div > .AuthorizeNetSeal { margin:0 auto; }
.Panel.panel-contact > div:nth-child(2) .contact-img { position:absolute; bottom:0; right:0;}
.Panel.panel-contact > div:nth-child(2) .person-title { font-size: 22px; font-weight: 500; line-height: 30px; margin-top:20px;}
.Panel.panel-contact > div:nth-child(2) .person-subitle { margin: 0 0 20px 0; font-size: 12px; font-weight: 300; line-height: 16px; }
.Panel.panel-contact > div:nth-child(2) .contact-methods { margin: 40px 0 0 0; }
.Panel.panel-contact > div:nth-child(2) .contact-method-label { display: inline-block; width: 80px; font-size: 16px; font-weight: 300; line-height: 23px; }
.Panel.panel-contact > div:nth-child(2) .contact-method-value { font-size: 16px; font-weight: 300; line-height: 23px; }

.Panel.panel-preview > div:nth-child(2) > div:nth-child(1) { padding:10px 10px 0px 10px; text-align:center; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(1) > img { height:60px; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(2) { line-height:40px; margin-left:0px; font-size:18px; }
.Panel.panel-preview > div:nth-child(2) > div:nth-child(3) { font-size:13px; float:left;line-height:16px; padding-top:0px; padding-left:0px;}

.Panel > div:nth-child(3)/*footer*/{ color:#39454C; border-top:1px solid #e5e5e5; height:50px; padding:10px; }
.Panel.panel-payment > div:nth-child(3) > div { display:inline; float:left;}
.Panel.panel-payment > div:nth-child(3) > div:nth-child(2) { width:75%; padding-left:20px;}

.Panel.panel-produkte .panel-kategorieinfo { position:absolute; bottom:50px;}
.Panel.panel-produkte .panel-kategorieinfo p { margin:0; padding:0; }
.Panel.panel-produkte .panel-kategorieinfo > span { color: #999999; position:relative; top:5px;}
.Panel.panel-produkte .panel-kategorieinfo a { padding:2px 5px 2px 5px; display:inline; vertical-align: sub;}
.Panel.panel-produkte .panel-3dansicht { width:100%; height:170px;}
.Panel.panel-produkte .panel-3dansicht .image { background-color:white; height:170px;}
.Panel.panel-produkte .panel-3dansicht .image div.container { position:absolute; top:50px; }
.Panel.panel-produkte .panel-3dansicht span { position:absolute; right:10px;top:0px;padding:2px 5px 2px 5px; color:white; background-color: #D5D5D5; }

.Panel.panel-produkte .Select { position:absolute; left:0px; bottom:0; width:100%; }
.Panel.panel-produkte .Select > div { line-height:40px; font-size:18px;}
.Panel.panel-produkte .SelectOptions { width:100%;}
.Panel.panel-produkte .SelectOptions ul { line-height:30px; font-size:16px;}
.Panel.panel-produkte .SelectContent { color: #2774c7; }
/* Widget: PaymentTable */

.PaymentTable { width:1000px; margin: 0 auto 20px auto; padding-bottom:30px; }
.PaymentTable > thead > tr > th { text-align:left;}
.PaymentTable > tbody > tr > td > select { padding-right:20px; }
.PaymentTable > tbody > tr > td { padding-top:10px;vertical-align:top; }
.PaymentTable > tbody > tr > td:last-of-type { text-align:right; }
.PaymentTable > tbody > tr > td > input { margin: 10px 10px 20px 0px; }
.PaymentTable > tbody > tr > td > label { color:#39454C; }
.PaymentTable input.x_exp_date,
.PaymentTable input.cardexpiredate,
.PaymentTable input.cardcvc2 { width:50px; }
.PaymentTable > tbody > tr > td > label > span.pflicht { color:#2774C7; }
.PaymentTable > tbody > tr > td .AuthorizeNetSeal { float:right; }
/* Widget: PriceRange */

.PriceRange { position:relative; z-index:1; background-color:white; margin:0px 0 10px 0; min-height:280px; padding:10px;}
.PriceRange > div:nth-child(1) { color:#2774c7; font-size:18px; text-transform: uppercase; }
.PriceRange > div:nth-child(2) { margin-top:20px; }
.PriceRange > div:nth-child(2) table { width:100%; }
.PriceRange > div:nth-child(2) table > tbody { height:250px; }
.PriceRange > div:nth-child(2) table > tbody > tr:hover { font-size: 18px; color:#2774C7;}

.PriceRange > div:nth-child(2) table tr th,
.PriceRange > div:nth-child(2) table tr td { width:125px; }
.PriceRange > div:nth-child(2) table td { border-bottom:1px solid #cccccc; }
.PriceRange > div:nth-child(2) table tr td:first-of-type,
.PriceRange > div:nth-child(2) table tr th:first-of-type { padding-left:30px; text-align:left; }
.PriceRange > div:nth-child(2) table tr td:last-of-type,
.PriceRange > div:nth-child(2) table tr th:last-of-type { padding-right:30px; text-align:right; }
.PriceRange > div:nth-child(2) table tr th { color:#39454C;}
/* Customized selectbox */
.Select,
.SelectOptions{
  width:335px;
}

.Select > div{
  line-height: 40px;
  border-width: 0 0 0 0 ;
  border-style: solid;
  border-color: #e5e5e5;
  background: #e5e5e5;

  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
}

.SelectProdukteLi{
  width:100%;
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  align-items: center;
}

.Select .select-img div{
  float:left;
  margin-right: 10px;
}

.SelectProdukteLi .select-text,
.SelectProdukteLi .select-img{
    padding:0px 55px 0px 15px;
}

.SelectProdukteLi .select-img{
    padding:0px 85px 0px 15px;
}


.SelectContent{
  width:100%;
}

.SelectExpander{
  background-color: #e5e5e5;
  /*border-left:1px solid #cccccc;*/
  float: left;
  border:1px solid #cccccc;

}

.SelectExpander > span.img{
  margin-left: 10px;
  margin-right: 10px;
}

.SelectOptions{
  border:none;
  position:absolute;
  z-index:100;
}

.SelectOptions > ul{
  flex:auto;
  list-style-type:none;
  padding:0px;
  border:1px solid #cccccc;
  background-color:white;
  color:#2774c7;

  max-height:250px;
  overflow-y:auto;
  margin:0px;
}
.SelectOptions ul.hidden { display:none; }

.SelectOptions > ul li{
  float:left;
  width:100%;
}
.SelectOptions > ul li:not(:last-child){
  border-bottom:1px solid #cccccc;
}

.Select > div,
.SelectOptions > ul li{
  cursor:pointer;
}

.SelectOptions > ul li.selected,
.SelectOptions > ul li:hover{
  color: #999999;
  background:#e5e5e5 ;
}

.SelectContent{
  border:1px solid #cccccc;
}/* Widget SliderArea SliderItem SliderFooter */

.SliderArea { width: 1920px; height: 500px; overflow: hidden; position: relative; left: -360px;  }
.SliderArea .Button { position: absolute; bottom: 40px; left: 365px; min-width: 190px; text-transform: uppercase; }

.SliderItem { position: absolute; padding-left: 360px; padding-right: 360px; height: 100%; width: 100%; }
.SliderItem.hidden { display:none;}
.SliderItem > h1 { padding: 80px 0 20px 0; color: #39454c; font-size: 36px; font-weight: 300; line-height: 40px; text-transform: uppercase; }
.SliderItem > h2 { margin: 0 0 30px 0; color: #39454c; font-size: 18px; font-weight: bold; line-height: 22px; text-transform:none;}
.SliderItem > div { margin: 0 0 30px 0; color: #39454c; font-size: 18px; line-height: 22px; }

.SliderItem[data-handle="slider-1"] { background: url(gen-images/3e9833b0d44680d9fc19ab490e9ad996.jpg); }
.SliderItem[data-handle="slider-2"] { background: url(gen-images/92f71e83c955bb3cc51f2b25b8c19a80.jpg); }
.SliderItem[data-handle="slider-3"] { background: url(gen-images/c04b17ccf7a66fd59e0cb568623914d8.jpg); }
.SliderArea.unternehmen .SliderItem[data-handle="slider-1"] { background: url(gen-images/fb4afe2d44e3838c17634d712597ad0c.png); }

.SliderFooter { position: absolute; bottom: 10px; right: 360px; }
.SliderFooter .slider-status { display: inline; }
.SliderFooter .slider-status > div { margin-right: 10px;}
.SliderFooter > div { margin-right: 60px; }/* Widget: TabMenu */
.title-meta.hidden { display:none; }

.TabMenu { position:relative; margin-top:10px; z-index:1; background-color:white; }
.TabMenu .hidden { display:none; }
.TabMenu > div:first-child { overflow: hidden; height: 55px; padding:0 0 0 10px;}
.TabMenu > div:first-child > a > span {
  display: block; float: left; margin: 10px 10px 0 0; padding: 0 12px;
  color: white; background-color: #3a7fca; border: 1px solid #3a7fca;  font-size: 14px; line-height: 30px; text-decoration: none;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.TabMenu > div:first-child > a.active > span { background-color: white; color: #3a7fca; cursor:default; }
.TabMenu > div:first-child > a:not(.active) > span:hover {
  color:white;
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
  text-shadow: -0.1px 0 white, 0 0.1px white, 0.1px 0 white, 0 -0.1px white;
}
.TabMenu > div:nth-child(2) { padding: 20px 10px 10px 10px; }
.TabMenu > div:nth-child(2) > div { overflow:hidden; }

/* TabMenu Anchor */
.TabMenuA { position:relative; z-index:1; }
.TabMenuA .hidden { display:none; }
.TabMenuA > div:first-child { overflow: hidden; min-height: 55px; padding:0 0 0 10px; background-color:white; }
.TabMenuA > div:first-child > a > span {
  display: block; float: left; margin: 10px 10px 0 0; padding: 0 12px;
  color: white; background-color: #3a7fca; border: 1px solid #3a7fca;  font-size: 14px; line-height: 30px; text-decoration: none;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.TabMenuA > div:first-child > a.active > span { background-color: white; color: #3a7fca; cursor:default; }
.TabMenuA > div:first-child > a:not(.active) > span:hover {
  color:white;
  background: -webkit-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -moz-linear-gradient(360deg, #66a8d7, #2774c7);
  background: -o-linear-gradient(360deg, #66a8d7, #2774c7);
  background: linear-gradient(360deg, #66a8d7, #2774c7);
}

.TabMenuA > div:nth-child(2) > div { overflow:hidden; padding:10px; background-color:white;}
.TabMenuA > div:nth-child(2) > div:not(:first-child) { margin-top:10px; padding-top:10px; }
.TabMenuA > div:nth-child(2) > div h2 { text-transform:none; }
.TabMenuA > div:nth-child(2) > div h3,
.TabMenuA > div:nth-child(2) > div h4 { padding-top:25px; text-transform:none; }

.TabMenu.tabmenu-detailseite > div:nth-child(2) { min-height:260px; }
.TabMenu.tabmenu-detailseite-min > div:nth-child(2) { min-height:325px; }
.TabMenu.tabmenu-kategorieseite > div:nth-child(2) { min-height: 525px; }
.TabMenu.tabmenu-kategorieseite .infologos { position:relative; float:right; margin-bottom: 10em; margin-left:5px; }
.TabMenu.tabmenu-kategorieseite .infogeometrie { float:left; margin-left:80px; }
.TabMenuA.tabmenu-kategorieseite .infologos { position:relative; float:right; margin-bottom: 10em; margin-left:5px; }
.TabMenuA.tabmenu-kategorieseite .infogeometrie { float:left; margin-left:80px; }
.TabMenuA.tabmenu-kategorietypseite { margin-top:10px; }

.TabMenu.tabmenu-detailseitebild { width: 420px; height: 300px; float:right; margin:0px;}
.TabMenu.tabmenu-detailseitebild > div:nth-child(2) > div {text-align:center;}
.TabMenu.tabmenu-detailseitebild > div:nth-child(2) > div > img { max-height:220px;}
.TabMenu.tabmenu-detailseitebild > div:nth-child(2) > div > img.hidden { display:none;}


.TabMenuA.tabmenu-kategorieseite img { max-width: 600px; max-height: 500px; }
.TabMenuA.tabmenu-kategorieseite img.hidden { display:none; }
.TabMenuA.tabmenu-kategorieseite table { margin-bottom: 20px;}
/*.TabMenuA.tabmenu-kategorieseite .thread .flex-row > img { height: 300px; margin:10px; }*/
/*.TabMenuA.tabmenu-kategorieseite .category .flex-row > figure > img { height: 250px; margin:10px; }*//* Widget: TextBox*/

.TextBox { position:relative; height: 280px; width:370px;float:left; padding:10px; font-size:14px; background-color:white; }
.TextBox > div:nth-child(1) /*title*/ { font-size: 24px; line-height: 30px; text-transform:uppercase;padding-bottom:30px;}
.TextBox > div:nth-child(2) /*subtitle*/ { font-size: 20px; line-height:20px;}
.TextBox > div:nth-child(3) /*content*/ { padding-top:25px; line-height:20px; }
.TextBox > div:nth-child(3) > span:first-child /*content-title*/ { font-weight:bold; }
.TextBox > div:nth-child(4)/*footer*/ { position: absolute; bottom: 10px; line-height:20px;}.Tree {margin-bottom: 20px;}
.Tree .children { padding-left: 15px; }
.Tree .children.hidden { display:none; }

.Tree .icon-plus:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAA6cAAAOdQGIKBt4AAAAB3RJTUUH4QkBCC8UorXaOwAAAMhJREFUKM+N0K1KBVEUhuFnjjNgNdqFKSYNx50tIgexW7wA42DzAoRdDN6D3eYN7GASQdhgV/wrBsNwwLIPHAYdfWGxWD/fYvFVBrRdOsEFrnIMR8P5ZLDcYFr6s7ZLG6OCHEOP51L2JZYPqtsureIMD7jD4mqD7bZLNd7xmWOYV22XrjEzTo977E6w728abGGtxg4Oyjs9jnGIL9wUwRS3eKt+sPUcp3jBZo7h9VeXCislV5iP2lp4Kvkxx/DxH8El1rG38H6Zb/syMnuMm9E/AAAAAElFTkSuQmCC);}
.Tree .icon-minus:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAA6cAAAOdQGIKBt4AAAAB3RJTUUH4QkBCC80mdv68wAAAHZJREFUKM/N0SEOgmAAxfEf7CuaySQdZ6B4DRuVC+AtyJ6B6iEcmeScN3AGC5BwFqLT2Xjbv729vbfH4hRlVZugxAojOvQ4I+A1M13rfIqyqm2w/xI64IEbDgHbHy3WSGeKGKc/JgwBR+ywwR0XxB/MT9TLu8Ebjm8XR6TudIQAAAAASUVORK5CYII=);}
.Tree .handle{ cursor:pointer;}/* Widget: UploadTable */
.UploadTable { width:1000px; margin:0 auto 20px; background-color:white; border: 1px solid #cccccc; }
.UploadTable > tbody > tr > td .Button{ width:150px; }

.UploadTable > tbody > tr { border: 1px solid #cccccc; }
.UploadTable > thead > tr > th { border:none; text-align:left; text-transform:uppercase; background-color:#39454c; color:white; padding:10px; padding-left:20px;}
.UploadTable > tbody > tr > td { padding:10px; padding-left:20px; }

.UploadTable > tbody > tr > td:nth-child(2) { width:30%; font-weight:bold;}
.UploadTable > tbody > tr > td:nth-child(1) { width:5%; }
.UploadTable > tbody > tr > td:nth-child(3) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: flex-end;
}
.UploadTable > tbody > tr > td:nth-child(3) a:last-of-type{margin-left:10px;}
.UploadTable .hidden { display:none; }.Modal {
  display: none;
}
.ModalPane {
  position: absolute;
  top: 0px; left: 0px; right: 0px; bottom: 0px;
  
  background-color: rgba(0, 0, 0, 0.4);
}

.ModalPane > div {
  position: absolute;
  
  top: 40%; left: 50%;
  transform: translateX(-50%) translateY(-50%);
  
  background-color: #E5E5E5;
  border-radius: 5px;
  padding: 5pt;
  min-width:25%;
}
.ModalPane > div > header {
  padding: .5em .5em .5em 1em;
  
  font-weight: bold;
  
  background-color: #232d33;
  border-radius: 5px;
  
  display: flex;
  align-items: center;
}
.ModalPane > div > header > .title {
  flex: auto;
  vertical-align: middle;
  color:white;
  text-transform:uppercase;
}

.ModalPane > div > header >span:nth-of-type(2){
  cursor:pointer;
}

.ModalPane > div > .Modal {
  display: block;
}
.ModalPane > div > form > .Button {
  width:150px;
  margin:0 auto;
}