/*
 Theme Name: minileiste
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Wolfgang Engel
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


.button-cookies {
  border: 2px solid white;
  color: white;
  border-radius: 4px;
  padding: 12px 26px;
  margin: 5px!important;
  background-color: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-cookies:hover {
  border-color: #2ea3f2;
  color: #2ea3f2;
}

#shadow-id{
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)!important;
}

.et_pb_fullwidth_header .et-pb-icon.scroll-down {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
@keyframes fullwidth-header-bounce {
  0% { transform:translateY(0%); }
  12.5% { transform:translateY(20%); }
  25% { transform:translateY(0%); }
  37.5% { transform:translateY(20%); }
  50% { transform:translateY(0%); }
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
padding-top: 30vh !important;
margin: 0!important;
}

.et_pb_fullwidth_header .header-content {
    padding: 0!important;
}

@media (max-width: 480px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content {
padding-top: 45vh !important;
    }
	
.button-mobile-100 {
    width: 100%!important;
    text-align: center!important;
}
	
.button-cookies {
width: 100%!important;
text-align: center!important;
}
}

.et_pb_fullwidth_header {
height: 80vh !important;
min-height: 500px !important;
}

/* Text center unter 1200 für Hauptmenüpunte */
@media (max-width: 1200px) {
  .text-center-unter-1200 {
    text-align: center !important;
}

.button-cookies {
width: 100%!important;
text-align: center!important;
margin: 20px;
}
	
}

/* Stil für das Link-Element im Menüpunkt */
.reseller-finden-menu > a {
  font-size: 16px!important;
  background-color: #2ea3f2 !important;
  color: #ffffff !important;
  border-radius: 4px;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  padding-left: 30px!important;
  padding-right: 30px!important; 
  margin-top: 15px!important;
  margin-bottom: 15px!important;
  display: inline-block;
  transition: all 0.3s ease-in-out !important;
  transform-origin: center !important;
  text-decoration: none !important;
}

/* Hover-Stil */
.reseller-finden-menu > a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: scale(0.96) !important;
}

/* Stil für das normaler Menüpunt im Hauptmenü */
.normaler-menupunkt > a {
  color: #000000 !important;
  transition: all 0.3s ease-in-out !important;
}

/* Hover-Stil */
.normaler-menupunkt > a:hover {
  color: #000000 !important;
  transform: scale(0.96) !important;
}

/* Stil für das Reseller-Element im Hauptmenü */

.reseller-menupunkt > a {
  background-color: #2ea3f2 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  padding: 0 20px !important;
  transition: all 0.3s ease-in-out !important;
}

/* Hover-Zustand */
.reseller-menupunkt > a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  transform: scale(0.96) !important;
}

.social-icons-bigger.et_pb_social_media_follow li a.icon::before {
width: 36px!important;
line-height: 36px!important;
font-size: 22px!important;
}
.social-icons-bigger.et_pb_social_media_follow li a.icon {
width: 36px!important;
height: 36px!important;
}
	
/* Spalte leicht vergrößern ohne Layout-Sprung */
.custom-hover-scale {
    transition: transform 0.5s ease;
    transform-origin: center center;
}

.custom-hover-scale:hover {
    transform: scale(1.02);
}

/* Vertikales Zentrieren von Elementen */
 
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}

/* Größere socialmedia icons */

.social-icons-bigger.et_pb_social_media_follow li a.icon::before {
width: 50px;
line-height: 50px;
font-size: 36px;
}
.social-icons-bigger.et_pb_social_media_follow li a.icon {
width: 50px;
height: 50px;
}

/* Standard Abstände = 0 */

.et_pb_section{
    padding: 0px !important;
}

/* Fokusfarbe für Kontaktformular-Felder ändern */
.et_pb_contact_form input:focus,
.et_pb_contact_form select:focus,
.et_pb_contact_form textarea:focus,
.et_pb_contact p input:focus {
    border: 2px solid #2ea3f2 !important; /* Deine Wunschfarbe */
    outline: none;
}

.et_pb_contact p .et_contact_error {
    border: 2px solid red !important;
}

h1.et_pb_module_header{
padding-bottom: 0.2em!important;
}

h1, h2 {
	font-size: 40px!important;
	padding-bottom: 12px!important;
	line-height: 1.5em!important;
	letter-spacing: 1px!important;
}

h3 {
	font-size: 26px!important;
	padding-bottom: 30px!important;
	line-height: 1.5em!important;
	letter-spacing: 1px!important;
}

@media (max-width: 480px) {

h1, h2 {
	font-size: 35px!important;
	padding-bottom: 12px!important;
	line-height: 1.5em!important;
	letter-spacing: 1px!important;
}

h3 {
	font-size: 22px!important;
	padding-bottom: 30px!important;
	line-height: 1.5em!important;
	letter-spacing: 1px!important;
}
    }

@media (max-width: 980px) {
    .et_pb_column {
        width: 100%;
        margin-bottom: 0px!important;
    }
}

/* Mindestbreite für bestimmten Button */
.download-button {
	display: flex;
    min-width: 200px!important;
	text-align: center!important;
	margin-left: 20px!important;
	margin-right: 20px!important;
}

/* Mindestbreite für bestimmten Button */
.download-button-en {
	display: flex;
    min-width: 250px!important;
	text-align: center!important;
	margin-left: 20px!important;
	margin-right: 20px!important;
}