/*
 Theme Name:   Divi Child Theme Spannmacher
 Theme URI:    https://signus-media.de/
 Description:  Child Theme for Divi
 Author:       Cristina Maurer
 Author URI:   https://signus-media.de/
 Template:     Divi
 Version:      1.0.0
*/


/* imports:
================================================================================= */
@import url("css/font.css");
@import url("css/color.css");


/* abstand:
================================================================================= */
#et-main-area .et_pb_section {
  padding: 70px 0;
}
#et-main-area .et_pb_row {
  padding: 30px 0;
}
#et-main-area .et_pb_section.et_pb_fullwidth_section,
#header-container, #header-container .et_pb_row,
#header-nav, #header-nav .et_pb_row,
#top-header, #top-header .et_pb_row,
#footer-nav, #footer-nav .et_pb_row {
  padding: 0 !important;
}
.et_pb_section.abstand-oben-weg,
.et_pb_section.abstand-oben-weg .et_pb_row_inner,
.et_pb_section.abstand-oben-weg .et_pb_row:first-child {
  padding-top: 0 !important;
}
.et_pb_section.abstand-unten-weg,
.et_pb_section.abstand-unten-weg .et_pb_row_inner,
.et_pb_section.abstand-unten-weg .et_pb_row:last-child {
  padding-bottom: 0 !important;
}


/* allgemein:
================================================================================= */
#main-header .container,
#top-header .container {
  max-width: 90%;
}
.et_pb_row,
#main-header .container,
#top-header .container,
#main-footer .container {
  width: 90%;
}
#et-main-area {
  overflow-x: hidden;
}
.et-menu a:hover, .et_mobile_menu li a:hover, .nav ul li a:hover {
	opacity: 1;
}


/* blurb:
================================================================================= */
.et_pb_blurb_content {
  max-width: 100%;
}
.et_pb_blurb_position_left .et_pb_blurb_content {
  display: flex;
  align-items: center;
}
.et_pb_main_blurb_image,
.et_pb_blurb_position_left .et_pb_main_blurb_image {
  max-width: 25px !important;
  width: 25px;
  height: 25px;
}
.et_pb_blurb_position_left .et_pb_main_blurb_image {
  margin-bottom: 0 !important;
}
.et_pb_blurb_position_left .et_pb_blurb_container {
  padding-left: 10px !important;
}
.icn-signet .et_pb_main_blurb_image, .icn-signet .et_pb_blurb_position_left .et_pb_main_blurb_image {
  width: 12px;
  height: 20px;
}
.icn-signet .et_pb_blurb .et_pb_image_wrap {
  height: 100%;
}
.icn-signet .et_pb_main_blurb_image img {
  object-fit: cover;
  height: 100%;
}


/* button:
================================================================================= */
.et_pb_button, .et_pb_button:hover, .wpcf7 .wpcf7-submit {
	padding: .6em 2em !important;
	border: 0px solid !important;
	border-radius: 50px !important;
	display: inline-block;
}
.et_pb_button {
  margin: 3px 0 0 3px;
}
.et_pb_button::before {
  display: block;
  opacity: 1;
  content: '';
  margin: 0 !important;
  border: 1px solid #62768f;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  top: -3.5px;
  left: -3.5px;
  border-radius: 50px;
  transform: scale(1);
}
.et_pb_button:hover::before {
  transform: scale(0);
}
.et_pb_button::after, .et_pb_button:hover::after {
  display: none;
}



/* shadows:
================================================================================= */
#header-container {
  box-shadow: 0 0 30px rgba(7,51,84,0.17) !important;
}


/* transition:
================================================================================= */
a, img,
.et_pb_menu__logo,
.et_pb_blurb_content,
.et_pb_main_blurb_image,
.et_pb_button, .et_pb_button::before, .wpcf7 .wpcf7-submit,
.et_pb_toggle_title::before, .et_pb_toggle_title:hover::before,
#logo,
#header-nav a::before,
.quicklink::before {
  -webkit-transition: all .4s linear 0ms !important;
  transition: all .4s linear 0ms !important;
}

/* top-header:
================================================================================= */
#top-header {
  padding: 10px 0 !important;
}
#top-header .et_pb_column, #top-header .et_pb_blurb_content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#top-header .et_pb_blurb {
  margin-right: 25px;
  margin-bottom: 0 !important;
  padding-right: 25px;
  border-right: 1px solid #4c4c4c;
}
#top-header .et_pb_blurb:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0 solid;
}
#top-header .et_pb_blurb, #top-header .et_pb_main_blurb_image {
  margin-bottom: 0;
}
#top-header .et_pb_main_blurb_image, #top-header .et_pb_main_blurb_image img {
  max-width: 22px;
}
#top-header .et_pb_blurb_container {
  padding-left: 10px;
}


/* header:
================================================================================= */
.et-l.et-l--header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
#header-container .et_pb_column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header-container #logo {
  max-width: 400px;
  padding: 40px 0;
  margin: 0 !important;
}
.et-l.et-l--header.scrolled #header-container #logo {
  max-width: 300px;
  padding: 20px 0;
}
#header-nav {
  height: 40px;
  display: flex;
  align-items: center;
}
#header-nav .et_pb_row, #header-nav .et_pb_column, #header-nav .et_pb_menu, #header-nav .et_pb_menu_inner_container {
  height: 100%;
}
#header-nav::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -3px;
  height: 1px;
  width: 100%;
}
.et_pb_menu .et_pb_menu__wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.et_pb_menu .et-menu {
  margin-left: -20px;
  margin-right: -20px;
}
.et_pb_menu .et-menu > li {
  padding-left: 20px;
  padding-right: 20px;
}
.et_pb_menu .et-menu > li > a {
  padding-bottom: 9px !important;
}
#header-nav .et_pb_menu .et-menu > li {
  margin-top: 0;
}
#header-nav .et_pb_menu .et-menu > li a {
  height: 40px;
  line-height: 40px;
  padding: 0 10px !important;
}
#header-nav .et_mobile_menu {
  border-top: 2px solid #aab6c4;
  top: calc(100% + 4px);
}


/* standort:
================================================================================= */
.standort, .portrait, .infobox {
  padding: 40px;
}
.portrait {
  display: flex !important;
  align-items: flex-end;
  min-height: 340px !important;
}
.werdegang ul li {
  padding-bottom: 12px;
}
.werdegang ul li:last-child {
  padding-bottom: 0;
}


/* quicklink-container:
================================================================================= */
.qucklinks-container .et_pb_column {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 20px;
}
.quicklink {
  padding: .6em !important;
	border-radius: 50px !important;
  margin-bottom: 0 !important;
}
.quicklink::before {
  position: absolute;
  display: block;
  content: '';
  border: 1px solid #aab6c4;
  width: calc(100% + 5px);
  height: calc(100% + 5px);
  top: -3.5px;
  left: -3.5px;
  border-radius: 50px;
  transform: scale(1);
}
.quicklink:hover::before {
  transform: scale(0);
}

.quicklink-icon {
  max-width: 50px;
  border-radius: 50px;
  padding: 10px;
}


/* wpcf7-container:
================================================================================= */
.half-container {
  display: flex;
  margin: 0 -5px;
}
.half {
  padding: 0 5px 10px;
  width: 50%;
}
input, select, textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px 24px !important;
}
input[type=checkbox] {
  width: 15px;
}
textarea {
  min-height: 100px;
  height: 100px;
}
.wpcf7-spinner {
  position: absolute;
  top: 0;
  right: 0;
}
.wpcf7-list-item,
input[type="checkbox"] {
  margin-left: 0;
}
::placeholder {
  opacity: 1;
}


/* footer-container:
================================================================================= */
#footer-container::before {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  width: 250px;
  height: 408px;
  background-image: url(img/spannmacher-insolvenzverwaltung-landshut-passau-signet.png);
  background-size: contain;
  background-repeat: no-repeat;
  opacity: .2;
}
#footer-container .nav li {
  line-height: 1.3em;
}


/* responsive:
================================================================================= */
@media only screen and (max-width: 1370px) {
  .qucklinks-container .et_pb_column { grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 1260px) {
  .standort, .portrait { padding: 40px 20px; }
}
@media only screen and (max-width: 1055px) {
  .et_pb_menu .et-menu {
    margin-left: -10px;
    margin-right: -10px;
  }
  .et_pb_menu .et-menu > li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 980px) {
  #et-main-area .et_pb_section { padding: 40px 0; }
  #et-main-area .et_pb_row { padding: 20px 0; }
  .et_pb_column { margin-bottom: 40px; }
  .et_pb_column .et_pb_module { margin-bottom: 20px; }
  .et_pb_column .et_pb_module:last-child, .et_pb_column:last-child { margin-bottom: 0; }
  .et_pb_menu__wrap .mobile_menu_bar {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .et_pb_module .mobile_menu_bar::before { top: 0; }
  #footer-container .et_mobile_nav_menu { display: none; }
  #footer-container .et_pb_menu__menu { display: block; }
  #menu-footermenue { display: block !important; }
  #footer-container .et_pb_column_1_4:first-child {
    width: 100%;
    margin-right: 0;
  }
  #footer-container .et_pb_column_1_4:nth-child(2) {
    margin-right: 5.5%;
  }
  #footer-container .et_pb_column_1_4:nth-child(3) {
    margin-right: 0;
  }
  #footer-container::before {
    left: inherit;
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #header-text { display: none; }
  .qucklinks-container .et_pb_column { grid-template-columns: repeat(1,1fr); }
}