@charset "utf-8";
/* CSS Document */

html, body { margin: 0; padding: 0; height: 100%; }

body { background-color: #e8dacc; font-family: 'Open Sans', sans-serif; color: #58585a; font-size: 12px; }
/* font-family: 'Droid Sans', sans-serif; */

#content { width: 1010px; margin: 0 auto; }

header {height: 160px; position: relative; }

.dropdown-menu { border: none; background: none; box-shadow: none; }
.dropdown-menu li { display: inline-block; }

ul.nav a { font-size: 20px; color: #58585a; text-transform: uppercase; text-decoration: none; }
ul.nav a:hover { color: #d2b599; background-color: transparent; }
ul.nav a.active { color: #d2b599; }

ul.nav li.active .dropdown-menu { display: block !important; }

footer { height: 60px; font-size: 10px; text-align: center; }
footer p { padding-top: 15px; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; }

li.produkte .dropdown-menu { position: absolute; left: 15px; min-width: 350px; }
li.produkte .dropdown-menu li { margin-right: 30px; }
li.referenzen .dropdown-menu { position: absolute; left: -40px; min-width: 350px; }
.en li.referenzen .dropdown-menu { position: absolute; left: -25px; min-width: 350px; }
li.referenzen .dropdown-menu li { margin-right: 30px; }
li.uberuns .dropdown-menu { position: absolute; left: -120px; min-width: 350px; }
.en li.uberuns .dropdown-menu { position: absolute; left: -45px; min-width: 175px; }
li.uberuns .dropdown-menu li { margin-right: 30px; }

ul.nav li ul li a { font-size: 20px; color: #58585a; margin: 0; padding: 0; text-transform: none; }

.logo { padding-top: 30px; }
div.fullwidth { background-color: #FFFFFF; }


@media (min-width: 1200px) {
	.container { width: 1040px; }
}

nav { padding-top: 70px; }
a:link, a:visited, a:hover, a:active { color: #58585a; text-decoration: underline; } 

#footer { text-align: center; font-size: 10px; height: 60px; }

#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; }
#footer p { margin-top: 15px; }

h1 { color: #FFF; text-transform: uppercase; font-weight: bold; margin-bottom:1em; }

.content a:link { font-weight: bold; text-decoration: none; }
.content { margin-bottom: 60px; }
.kundenliste .content figure { /*max-width: 165px; min-height: 85px;*/ }
.kundenliste .content .demo-gallery .demo-gallery__img--main img {margin:10px;}
.kundenliste .content .demo-gallery .demo-gallery__img--main:nth-child(4n) img {margin-right:0px;}

.produkte ul { margin: 0; padding: 0; }
.produkte ul li { list-style: none; padding: 3px; }
.produkte li.even { background-color: #efe5db; }

.gallery { margin-bottom: 10px; }

.products { background-repeat: no-repeat; height: 45px; background-position: 0 -45px; }
.products:hover { background-position: 0 0; }
.products a { margin-left: 60px; line-height: 45px; text-transform: uppercase; font-size: 16px; }
.products:hover a { color: #D2B599; }
.individuelle_werbeartikel { max-width: 400px; min-width: 360px; margin: 30px 0 30px 0; background-image: url(../images/icons_produkte/individuelle_werbeartikel.png); background-color: #FFF; }

#language { position: absolute; right: 80px; top: 30px; z-index: 999; }
#language ul { list-style: none; margin: 0; padding: 0; }
#language ul li { display: inline-block; padding: 3px; }
#language a { text-decoration: none; }
#language .active { background-color: #e8dacc; font-weight: bold; }

.armbanduhren { width: auto; background-image: url(../images/icons_produkte/armbanduhren.png); }
.buerobedarf { width: auto; background-image: url(../images/icons_produkte/buerobedarf.png); }
.elektronik { width: auto; background-image: url(../images/icons_produkte/elektronik.png); }
.feuerzeuge { width: auto; background-image: url(../images/icons_produkte/feuerzeuge.png); }
.freizeit_und_kids { width: auto; background-image: url(../images/icons_produkte/freizeit_und_kids.png); }
.frottierwaren { width: auto; background-image: url(../images/icons_produkte/frottierwaren.png); }
.heim_und_haushalt { width: auto; background-image: url(../images/icons_produkte/heim_und_haushalt.png); }
.kappen_und_mehr { width: auto; background-image: url(../images/icons_produkte/kappen_und_mehr.png); }
.kleidung { width: auto; background-image: url(../images/icons_produkte/kleidung.png); }
.lifestyle { width: auto; background-image: url(../images/icons_produkte/lifestyle.png); }
.marken_werbemittel { width: auto; background-image: url(../images/icons_produkte/marken_werbemittel.png); }
.mark_twain_schreibsets { width: auto; background-image: url(../images/icons_produkte/mark_twain_schreibsets.png); }
.regenschutz { width: auto; background-image: url(../images/icons_produkte/regenschutz.png); }
.schreibwaren { width: auto; background-image: url(../images/icons_produkte/schreibwaren.png); }
.sonderaktion { width: auto; background-image: url(../images/icons_produkte/sonderaktion.png); }
.sommer_und_fussball { width: auto; background-image: url(../images/icons_produkte/sommer_und_fussball.png); }
.sonstige_werbeartikel { width: auto; background-image: url(../images/icons_produkte/sonstige_werbeartikel.png); }
.taschen_und_reisen { width: auto; background-image: url(../images/icons_produkte/taschen_und_reisen.png); }
.usb_sticks { width: auto; background-image: url(../images/icons_produkte/usb_sticks.png); }
.vorteils_sets { width: auto; background-image: url(../images/icons_produkte/vorteils_sets.png); }
.werkzeug_und_mehr { width: auto; background-image: url(../images/icons_produkte/werkzeug_und_mehr.png); }

/* Website Update - 29.04.2016 */

.culinarium { width: auto; background-image: url(../images/icons_produkte/culinarium.png); }
.gastro_hotel { width: auto; background-image: url(../images/icons_produkte/gastro_hotel.png); }
.hygiene { width: auto; background-image: url(../images/icons_produkte/hygiene.png); }
.kataloge { width: auto; background-image: url(../images/icons_produkte/kataloge.png); }
.kalender { width: auto; background-image: url(../images/icons_produkte/kalender.png); }
.leder { width: auto; background-image: url(../images/icons_produkte/leder.png); }
.suesse_werbung { width: auto; background-image: url(../images/icons_produkte/suesse_werbung.png); }
.glas_keramik { width: auto; background-image: url(../images/icons_produkte/glas_keramik.png); }
.importe_asien { width: auto; background-image: url(../images/icons_produkte/importe_asien.png); } 
.kunststoff { width: auto; background-image: url(../images/icons_produkte/kunststoff.png); } 
.outdoor { width: auto; background-image: url(../images/icons_produkte/outdoor3.png); } 




.products-list .p-detail a {
 display:block;
 outline:0;
 position:relative;
}

.products-list .p-detail a img {
    border: 5px solid #FFFFFF;
    width: 100%;
    opacity:1;
    -khtml-opacity: 1;
    -moz-opacity: 1; 
}
.products-list .p-detail a:hover img  {
     opacity:0.8;
     -khtml-opacity: 0.8;
    -moz-opacity: 0.8; 
     transition:opacity 0.1s linear;
}


.products-list .p-detail a h2 {
    padding: 15px 15px 30px 15px;
    margin: 0;
    background-color: #FFFFFF;
    min-height: 75px;
    font-size:16px;
}

.back-to-products-list {
margin-top:2em;
 margin-bottom:2em;
}

.back-to-products-list a {
 color:white;
 font-size:18px;
}
  
  
 /* Shrink */
 /*
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}*/ 
  
  /*
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} */