#content article h2 {
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Eurostile',sans-serif;
    margin-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    text-transform: uppercase;
}

#content .product-container .header h2 {
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Eurostile',sans-serif;
    width: 100%;
    text-transform: uppercase;
    padding: 15px 0 0;
}

#content h4 {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 5px;
}

#content p, #content li {
    font-size: 13px;
    line-height: 1.5;
}
/* added @ 2015-09-15 */
#content div.cms-products-grid p, #content div:not(.cms-products-grid) li {
	font-size: 1em;
    line-height: auto;
}
#content p strong {
    font-weight: bold;
}

/* if the hotspot boxes are taller than the image itself we need to show the overflow */
#content .banners {
    overflow:visible;
}

/* removes double space from article to article
   and from breadcrumb to header (header-overlay provides enough space) */
#content .fg-box article.static, #content .breadcrumbs {
    margin-bottom: 0;
}

/* removes table wrapper top margin
   (tables seem to need no headline) */
#content .fg-box .table-wrapper {
    margin-top: 0;
}

/* sets equal article padding (original: 15px 10px(?) 15px 15px) */
#content .fg-box article.static {
    padding: 15px;
}

/* removes headline (h2) wrapper top padding
   h2 will be used as headline (not h1) */
#content article.static > section {
    padding-top: 0;
}

/* sets image padding to 6px */
#content article.static figure {
    padding: 6px;
    position: relative;
}

/* sets text image margin from 30px to 20px to the side and from 10px to 20px below */
#content article.static figure.left {
    margin: 0 20px 20px 0;
}
#content article.static figure.right {
    margin: 0 0 20px 20px;
}

article.static > p, article.static ul { clear:right; }

/* text in buttons is white */
article.static p a.button span { color: white; }
/* if there is much text the button need to float instead of position:absolute */
article.static p a.button.floating { position:inherit; right:auto; bottom:auto; float:right; clear:right }
/* for multiple buttons */
article.static p a.button.floating.multiple { clear: right; }
/* if there is a table or other text in the same container, this .fixed class will align the button to the image */
article.static p a.button.fixed { bottom:auto; top:256px; }
/* sometimes the button is located WITHIN the image (different image width in middle page version) */
.b-hide article.static p a.button.fixed-image,
.s-hide article.static p a.button.fixed-image { bottom:auto; right:auto; top:236px; left:323px; }
.m-hide article.static p a.button.fixed-image { bottom:auto; right:auto; top:236px; left:537px; }

/* we manually add "go to top"-links (via workaround.js) */
a.coma-top-link { font-weight:normal; float:right; font-size:11px; }
a.coma-top-link:after{ content:'\0020\25B4'; }

/* buttons in image-containers are to small (width 130px) */
#banners .more-details .button, .banners .more-details .button { width:auto; }
#banners .more-details .button.arrow span, .banners .more-details .button.arrow span { padding-right:8px; }


@media only screen and (min-width: 955px) {
    /* in "text with image" elements we are able to add the class "button" to textlinks;
     * this grafical buttons are located on the bottom right */
    article.static p a.button { position:absolute; right:20px; bottom:15px; }
    article.static.containsimgbig > p, article.static.containsimg > p, article.static.containsimgbig > ul, article.static.containsimg > ul { margin-top:0; float:right; }
    article.static.containsimg > p, article.static.containsimg > ul { width:680px; }
    article.static.containsimgbig > p, article.static.containsimgbig > ul { width:460px; }
    article.static p.empty { display:none; }
}

@media only screen and (max-width: 1200px) and (min-width: 955px) {
    article.static.containsimg > p, article.static.containsimg > ul { width:440px; }
    article.static.containsimgbig > p, article.static.containsimgbig > ul { width:220px; }
}

@media only screen and (max-width: 955px) {
    article.static p a.button { position:inherit; right:auto; bottom:auto; float:right; clear:right; }
    #content article.static p ~ article.tables .table-wrapper { margin-top: 10px; }
}


article.static p a.button.static {
    float: none;
}


/* start SNK */
.breadcrumbs {
    margin-bottom: 0;
    padding: 0;
}
ul.breadcrumbs li {
    font-size: 11px;
}
/* end SNK */