/* */

.download-overlay
{
  position: relative;
  display:block;
  color:white;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
}
.download-overlay::after
 {
   opacity: 0;
   transition:0.5s linear opacity;
   background:rgba(0, 120, 173, 0.8);
   z-index: 0;
 }
.download-overlay:hover::after
{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  content:"";
  opacity:1;

}
.download-overlay-center i {
  font-size: 30px;
}
.download-overlay-center
{
  opacity:0;
  position: absolute;
  width:100%;
  top:50%;
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  transition:0.5s linear opacity;
  z-index: 1;
  color:white;
}
.download-overlay-center *
{
  color:white;
}
.download-overlay:hover .download-overlay-center
{
  opacity:1;
}

/* Detailansicht: zwei Downloads pro Reihe mit Beschreibungstext.
   Greift nur, wenn auf dem Downloadmodul "Detailansicht" aktiv ist -
   die bisherige vierspaltige Darstellung bleibt davon unberuehrt. */
.downloadDetail
{
  display: flex;
  flex-direction: column;
  height: 100%;
}
.downloadDetail_description
{
  margin-bottom: 1rem;
}
.downloadDetail_description p:last-child
{
  margin-bottom: 0;
}
.downloadDetail_button
{
  margin-top: auto;
  align-self: flex-start;
}
.downloadDetail_preview
{
  align-self: center;
  max-width: 100%;
  margin-bottom: 1.25rem;
}
.downloadDetail_preview img
{
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 320px;
}

/* Kontaktformular als Overlay auf der Downloadseite. */
.downloadContactModal .modal-body
{
  padding: 1.5rem;
}
.downloadContactModal .modal-body .row
{
  margin-left: 0;
  margin-right: 0;
}
.downloadContactModal .g-recaptcha
{
  margin-bottom: 1rem;
}
@media (max-width: 575.98px)
{
  .downloadContactModal .modal-body
  {
    padding: 1rem;
  }
}

/* Die Select-Optik des Kontaktformulars ist in _form.css an #Form_ContactForm
   gebunden. Ohne diese Regeln zeigt das Downloadformular den nativen Pfeil des
   Selects UND den Chevron aus .customselect::after - der zweite steht dann
   unmotiviert neben dem Feld. Der Wrapper ist ausserdem ein <span> und braucht
   display:block, damit width/position aus .customselect ueberhaupt greifen. */
#Form_DownloadContactForm .customselect
{
  display: block;
}
#Form_DownloadContactForm select
{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  width: 100%;
}