/* 

Beim Aktualisieren des Themes sind evtl. folgende Schritte erforderlich:

1) Über den Seiteneditor die Startseiten bearbeiten, folgendes HTML-Snippet einfügen:
  <style> .site-logo { display: none !important; } </style>

2) Custom-CSS Datei über den Theme-Editor im Template "Theme Header" hinterlegen.
  <link rel="stylesheet" href="https://www.deadworx.de/css/style_custom.css">
  
3) Custom-CSS Datei über den Theme-Editor im Template "Theme Footer" hinterlegen.
  Copyright &copy; <? echo date("Y", time()); ?> Deadworx | <a href="https://deadworx.de/impressum/">Impressum</a> | <a href="https://www.deadworx.de/datenschutzerklaerung/"> Datenschutzerkl&auml;rung</a>	  

*/

/* Button auf der Startseite */
.button-slider {
  display: none !important;
} 

/* Hintergrundfarbe für Content-Box */
.content-wrapper {
  background-color: transparent !important;
}

/*Header Farbe und Opacity einstellen*/
.site-header { 
  background-color: rgba(25,25,25,0.5) !important;
//  display: none;
}
/* Hintergrundfarbe für Footer */
.site-footer { 
  background-color: transparent !important;
}

/* Google ReCaptcha Animation ausblenden */
.grecaptcha-badge { 
  display:none; }

 
/* Bild-Bezeichnung beim Vergrößern der Bilder über die Galeriefunktion ausblenden */
.elementor-slideshow__title {
  display: none !important;
}

/* Mouseover-Animation Galerie */
.gallery-icon:hover {
  opacity: 0.1;
  transition: opacity 0.3s;
}

/* Mouseover-Korrektur für Kontaktformular */
.wpcf7-form-control.wpcf7-submit{
  background-color: rgba(25,25,25,0.5);
}

.wpcf7-form-control:hover {
  Color: #8e8e8e !important;
}

/* Einstellungen nur für mobile Endgeräte */
@media only screen and (max-width: 750px) {
  /* mobiles Hintergrundbild für Startseite verwenden  */
  .slide-item-1 {
    background-image: url("https://deadworx.de/wp-content/uploads/2019/12/pexels-photo-861343_.jpeg") !important;
  }
}  
@media only screen and (min-width: 750px) {
  /* Button auf der Startseite  */
  .button-slider {
    display: none !important;
  } 
} 
/* maximale Höhe von Thumbnails begrenzen */
.gallery-icon {
  max-height: 240px;
  overflow: hidden;
}