@font-face { font-family: 'Roboto Light'; src:url('fonts/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Bold'; src:url('fonts/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Condensed'; src:url('fonts/Roboto-Condensed.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Thin'; src:url('fonts/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Medium'; src:url('fonts/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Regular'; src:url('fonts/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Gilberto'; src:url('fonts/Gilberto.ttf') format('truetype'); }
@font-face { font-family: 'Victoria Typewriter'; src:url('fonts/Victoria-Typewriter.ttf') format('truetype'); }
@font-face { font-family: 'WebIcon-Regular'; src:url('fonts/fa-regular-400.ttf') format('truetype'); } /* Icons fontawesome.com */
@font-face { font-family: 'WebIcon-Solid'; src:url('fonts/fa-solid-900.ttf') format('truetype'); } /* Icons fontawesome.com */
@font-face { font-family: 'WebIcon-Brands'; src:url('fonts/fa-brands-400.ttf') format('truetype'); } /* Icons fontawesome.com */


body {
     background-image: url(img/bg.png);
     background-repeat: repeat;
     margin-top: 20px;
     /* margin-bottom: 10px; */
     }

A:link {COLOR: #9F0000; text-decoration: none}
A:visited {COLOR: #9F0000; text-decoration: none}
A:hover {COLOR: #9F0000; text-decoration: none}

#mailtext {font-family: Roboto Regular; color: #000000; font-size: 12pt; font-weight: bold; letter-spacing: 0.5px}

/****************************************************/
/* Produktinfo 5spaltig */

/* Produktboxen / Aufbau */
.product_box_a { height: 15px; color: #9F9F9F; font-size: 8.5pt; font-family: 'Roboto Regular' }
.product_box_b { height: 40px; color: #9F0000; font-size: 11.5pt; font-family: 'Roboto Bold'; line-height: 12pt }
.product_box_c { width: 160px; height: 230px }
.product_box_d { height: 25px; color: #9F9F9F; font-size: 11pt; font-family: 'Roboto Regular'; padding-top: 5px }
.product_box_e { height: 50px; color: #9F9F9F; font-size: 8.5pt; font-family: 'Roboto Regular' }
.product_box_f_gruen { height: 15px; text-align: center; background-color: #007F00; color: #FFFFFF; font-size: 8.5pt; font-family: 'Roboto Regular';  border-radius: 5px }
.product_box_f_grau { height: 15px; text-align: center; background-color: #CFCFCF; color: #000000; font-size: 8.5pt; font-family: 'Roboto Regular';  border-radius: 5px }
.product_box_g { height: 20px; text-align: right; color: #000000; font-size: 17pt; font-family: 'Victoria Typewriter'; padding-top: 5px }
.product_box_gg { height: 20px; text-align: center; color: #0000BF; font-size: 10pt; font-family: 'Victoria Typewriter'; padding-top: 5px }       

#product_thumb { cursor: pointer; border-radius: 5px; border: 1px solid #AFAFAF; -webkit-box-shadow: 0px 0px 9px 2px rgba(175,175,175,1); -moz-box-shadow: 0px 0px 9px 2px rgba(175,175,175,1); box-shadow: 0px 0px 9px 2px rgba(175,175,175,1) }
/* Produktboxen / Aufbau Ende */

/* Boxover Bild */
.box_artikel { position: relative; height: 230px }
.box_artikel div { position: absolute }

.boxinfo { z-index: 1; border-radius: 5px; top: 20px; left: 110px; width: 40px; text-align: center; padding: 2px; background-color: #BF0000; letter-spacing: 1px; color: #FFFF00; font-family: 'Victoria Typewriter'; font-size: 12.5pt; }
/* Boxover Bild Ende */

/* Vorschaubild Bild Hover */
.tooltip { font-style: normal; color: #9F0000; cursor: hand; position: relative; }
.tooltip span[role=tooltip] { display: none; }
.tooltip:hover span[role=tooltip] { -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75); top: -210; left: 10; display: table; position: absolute; bottom: 1em; width: 380px; height: 100%; padding: 0.5em; z-index: 100; background-color: #FFFFFF; border-radius: 5px; }
/* Vorschaubild Bild Hover Ende */

/* Produktinfo 5spaltig Ende */
/****************************************************/

.icon-top{ font-family: 'WebIcon-Solid'; }
.icon-top:before { content: "\f077"; color: #BFBFBF; font-size: 25pt } /* Pfeil nach oben */