/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Steffen Gunkel
 Author URI:     https://csd-frankfurt.de
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

@import "cf7.css";

.parahacks .et_parallax_bg {
  background-position: center -150px !important;
}

/* #region Allgemein */

/* 
.et_pb_module.et_pb_posts article.et_pb_post a.entry-featured-image-url > img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
*/
.vertikal-zentrieren {
    display: flex;
    flex-flow: column nowrap;
    /*align-items: center;*/
    justify-content: center;
}

.spalten-tauschen {
  display: flex;
  flex-flow: column-reverse;
}

/*Nummerrierte Listen ansehnlich einrücken */
#left-area ol, .entry-content ol, .et-l--header ol, .et-l--body ol, .et-l--footer ol, .comment-content ol, body.et-pb-preview #main-content .container ol {
  padding: 0 0 23px 1em;
  line-height: 26px;
  list-style-position: outside;
}

/* Start Toggle Module Icon links statt rechts
.et_toggle_arrow .et_pb_toggle_title:before {
	left: 0 !important;
}
.et_toggle_arrow .et_pb_toggle_title,
.et_toggle_arrow .et_pb_toggle_content {
	padding-left: 1.5em !important
}
/* End Toggle Module Icon links statt rechts */

hr {
  border: 3px solid #ffa800;
  border-radius: 10px;
  width: 80px;
  margin-left: 0px;
}

hr.klein {
  border: 3px solid #ffa800;
  width: 50px;
  margin-top: 0px;
}

h3.cf7 {
  margin-top: 30px;
}

a {
  color: #ffa800;
  
}
/*
a:hover {
  text-decoration: underline;
  text-decoration-color: #0085ca;
  text-decoration-thickness: 2px;
}
*/
.social-fb:hover {
  background-color: #3b5998;
}

  /*blog image aspect ratio landscape 16:9*/
.blog-image-aspect-ratio .entry-featured-image-url {
  padding-top: 56.25%;
  display: block;
  }
  
  .blog-image-aspect-ratio .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  }

/* #region Module */
/* #region Buttons */


.et_pb_button:hover {
  text-decoration: none;
}

/* #endregion */


/* Listen einrücken
#left-area ul, .entry-content ul, .et-l--header ul, .et-l--body ul, .et-l--footer ul, .comment-content ul, body.et-pb-preview #main-content .container ul {
  padding: 0 0 23px 0;
  line-height: 26px;
  list-style-type: disc;
}*/


/* #endregion */

/* #region max-width 980px */
/* Bei Tablet und Handy Hamburgermen� rechts statt unten */
@media only screen and (max-width: 980px) {
	header .et_pb_menu .et_pb_menu_inner_container {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	header .et_pb_menu .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
		margin-bottom: 0;
	}
	header .et_pb_menu .et_pb_menu_inner_container > .et_pb_menu__wrap {
		justify-content: flex-end;
	}
/*
	header .et_pb_menu ul.et_mobile_menu li.menu-item a {
		color: #272727 !important;
	}
*/
}
/* #endregion 980px */

/*Zusammklappbares Mobile Menu*/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}
/*Ende Zusammklappbares Mobile Menu*/