/*======================================
Theme Name: Benner Handelsvertretung
Description: Wordpress-Theme von Benner Handelsvertretung
Version: 1.0
Author: Eike Janssen
Template: Divi
======================================*/

/*====================================== Change Sort-Order on mobile device======================================*/

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px !important;
}

.et_pb_bottom_divider .et_pb_row:nth-last-child(2) .et_pb_column:last-child, .et_pb_row .et_pb_column.et-last-child, .et_pb_row .et_pb_column:last-child {
    margin-bottom: 30px !important;
}	
	
}

/*====================================== Eigenes CSS ======================================*/

body{
	color:#37474f;
}
.et_pb_svg_logo #logo{
	height:80%;
	max-height:90%;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a{
	color:#1d71b8;
}

.et_mobile_menu{
	border-top:3px solid #1d71b8;
}
.contact-list-contact-container{
	min-height:500px !important;
	max-height:800px !important;
}

.contact-list-description p{
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

h1 h2 h3 h4 h5 h6{
	word-wrap: break-word;
}


/*=== Ausblenden der Suche ===*/
#et_search_icon{
	display:none !important;
}

/* Zoom-In-Effekt Startseite Slider (für Desktop)*/
@media only screen and (min-width: 1024px) {
.et_pb_slider .et_pb_slide_0{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_1{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_2{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_3{
  animation: zoom-in 15s infinite alternate;
}
.et_pb_slider .et_pb_slide_4{
  animation: zoom-in 15s infinite alternate;
}
}
@keyframes zoom-in {
  from {background-size: 100%;}
  to {background-size: 120%;}
}


/* Zoom-In-Effekt Header (für Desktop)*/
@media only screen and (min-width: 1024px) {
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
.zoom-animation{
  animation: zoom-in 15s infinite alternate;
}
}
@keyframes zoom-in {
  from {background-size: 100%;}
  to {background-size: 120%;}
}

/*Akkordeon*/
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
	text-rendering: optimizeLegibility;
}

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    text-rendering: optimizeLegibility;
}

.et_pb_toggle_content
{
}
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}