/* Zur Anpassung durch VDE VERLAG */

/* Entnommen, abgewandelt aus alter vdebox.css */

/* Weil der Asset-Build mit gulp nicht mehr möglich ist (2021-10-18): hier */
/* Wird benötigt, um den kleinen Slogan auf der Homepage in ein h1 zu stecken */
.vv-slogan {
  font-weight: normal;
  margin: 0 0;
  line-height: 1.5;
}

/************ Buchneuerscheinungen *****************/
div.neuerscheinungen {margin-top:0px; margin-bottom:15px;}

/* Bei den Hauptblöcken zu Buchneuerscheiungen wird ein größerer Abstand benötigt */
div.neuerscheinungen h3 {margin:5px 0 5px 0; color:white;}
div.neuerscheinungen h3 a {color:white; text-decoration:none;}
div.neuerscheinungen h3 a:hover {text-decoration:underline;}
div.neuerscheinungen hr {border: 1px #ccc dotted; margin:2px; clear:both;}

/* Speziell Buchneuerscheinungen und Schriftenreihe */
div.buchneu {font-size:14px; margin:15px 0;}
div.buchneu div.buchbild {
  width:100%;
  max-width:178px; /* Ergibt sich daraus, dass die enthaltenen img 158px breit sind und 5px sowie 15px horz. margin haben */
}
@media (max-width:479px) { /* Eigendefinierte Unterstufe unterhalb xs-Breite */
  div.buchneu div.buchbild {
    /* Bewirkt hier, dass der Platz für den Text rechts neben dem Bild kein Schlauch wird
       und stattdessen der Text unterhalb Auflösungen von 480px Breite unter das Bild umbricht */
    max-width:100%;
  }
}
div.buchneu div.buchbild img {
  border-width:0px;
  border-style:none;
  margin:8px 15px 10px 5px;
  width:100%;
  max-width:158px;
}
div.buchneu h2.haupttitel {
  font-size:15px;
  margin-top:5px;
  margin-bottom:5px;
}
div.buchneu h2.haupttitel a {
  font-weight:bold;
  text-decoration:none;
  line-height:17px;
}
div.buchneu h2.haupttitel a:hover {text-decoration:underline;}
div.buchneu .untertitel {
  font-size:14px;
  line-height:18px;
  -webkit-text-size-adjust:none
}
div.buchneu .biblio {
  font-size:14px;
  line-height:18px;
}
div.buchneu .inhalt {
  font-size:15px;
  line-height:22px;
}
div.buchneu .preis {font-weight:bold;}
div.buchneu div.buchbild {float:left;}
div.buchneu div.buchbeschreibung {padding-right:5px; padding-top:10px; min-height: 127px;}

/* JS: Weil mir die ganzen Einzeldefinitionen zu umständlich waren */
.neuerscheinungen .autor {font-size:13px;}
.neuerscheinungen a.title {font-size:15px;}
.neuerscheinung-gruppe-balken, .schnellsuche-gruppe-balken {
  /*background:url(/Bilder/boxbacklong2.gif) no-repeat;*/

  color: white;

  /*
  background-image: -webkit-linear-gradient(top, #3f86c5 0%, #3378b7 100%);
  background-image: -o-linear-gradient(top, #3f86c5 0%, #3378b7 100%);
  background-image: linear-gradient(to bottom, #3f86c5 0%, #3378b7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f86c5', endColorstr='#ff3378b7', GradientType=0);

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.5);
*/

  background-image: url('/images/site/footer-blau.png');
  background-repeat: repeat;

  min-height:28px;
  padding-top:4px;
  padding-bottom:5px;
  text-align:center;
  font-size:15px;
}
.schnellsuche-gruppe-balken a {
  color: white;
  text-decoration: underline;
}

/* Weil man es so gewohnt ist: Die Definitionen StilX etc. aus vdebox.css */
.fett {font-weight:bold !important;}
.hzentriert {text-align:center !important;}
.Stil12 {font-size:12px !important;}
.Stil13 {font-size:13px !important;}
.Stil14 {font-size:14px !important;}
.Stil14fett {font-size:14px !important; line-height:24px !important; font-weight:bold !important;}

/* Bezugsmoeglichkeiten: Icon und Beschreibung */
.normen-bezugsmoeglichkeiten .bezug {
  margin: 10px 0;
  min-height: 67px;
}
.normen-bezugsmoeglichkeiten .bezug:last-child {
  margin-bottom:-5px;
}
.normen-bezugsmoeglichkeiten .bezug-icon, .normen-bezugsmoeglichkeiten .bezug-beschreibung {
  float:left;
}
.normen-bezugsmoeglichkeiten .bezug-beschreibung {
  /* Korrekte Breite automatisch berechnen lassen aus 100% minus 50px für Bild selbst
     sowie minus 10px für rechten Rand am Bild */
  width: calc(100% - 60px);
}
.normen-bezugsmoeglichkeiten .bezug-icon a > img { width:100%; max-width:50px; margin: 5px 10px 0 0; }




/* Flyer Normenbibliothek */
.normen-bezugsmoeglichkeitenF .bezugF {
  margin: 10px 0;
  min-height: 67px;
}
.normen-bezugsmoeglichkeitenF .bezugF:last-child {
  margin-bottom:-5px;
}
.normen-bezugsmoeglichkeitenF .bezug-iconF, .normen-bezugsmoeglichkeitenF .bezug-beschreibungF {
  float:left;
}
.normen-bezugsmoeglichkeitenF .bezug-beschreibungF {
  /* Korrekte Breite automatisch berechnen lassen aus 100% minus 100px für Bild selbst
     sowie minus 10px für rechten Rand am Bild */
  width: calc(100% - 110px);
}
.normen-bezugsmoeglichkeitenF .bezug-iconF a > img { width:100%; max-width:100px; margin: 5px 10px 0 0; }


/* Elektrotechniker Handwerk:Service */
.normen-bezugsmoeglichkeitenS .bezugS {
  margin: 10px 0;
  min-height: 67px;
}
.normen-bezugsmoeglichkeitenS .bezugS:last-child {
  margin-bottom:-5px;
}
.normen-bezugsmoeglichkeitenS .bezug-iconS, .normen-bezugsmoeglichkeitenS .bezug-beschreibungS {
  float:left;
}
.normen-bezugsmoeglichkeitenS .bezug-beschreibungS {
  /* Korrekte Breite automatisch berechnen lassen aus 100% minus 100px für Bild selbst
     sowie minus 10px für rechten Rand am Bild */
  width: calc(100% - 60px);
}
.normen-bezugsmoeglichkeitenS .bezug-iconS a > img { width:50px; max-width:100%; margin: 5px 10px 0 0; }



.normen-bezugsmoeglichkeiten .bezug {
  margin: 10px 0;
  min-height: 47px;
}
.einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross {
  margin: 10px 0;
  min-height: 190px;
}
.einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross:last-child {
  margin-bottom:-5px;
}
.einzelnormen-bezugsmoeglichkeiten .einzelbezug:last-child {
  margin-bottom:-5px;
}
.einzelnormen-bezugsmoeglichkeiten .einzelbezug-icon, .einzelnormen-bezugsmoeglichkeiten .einzelbezug-beschreibung {
  float:left;
}
.einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross-icon, .einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross-beschreibung {
  float:left;
}
.einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross-beschreibung {
  /* Korrekte Breite automatisch berechnen lassen aus 100% minus 136px für Bild selbst
     sowie minus 10px für rechten Rand am Bild */
  width: calc(100% - 146px);
}
.einzelnormenGross-bezugsmoeglichkeiten .einzelbezugGross-icon > img { width:100%; max-width:136px; margin: 5px 10px 0 0;
}
.einzelnormen-bezugsmoeglichkeiten .einzelbezug-beschreibung {
  /* Korrekte Breite automatisch berechnen lassen aus 100% minus 200px für Bild selbst
     sowie minus 10px für rechten Rand am Bild */
  width: calc(100% - 210px);
}
.einzelnormen-bezugsmoeglichkeiten .einzelbezug-icon > img { width:100%; max-width:200px; margin: 5px 10px 0 0;
}