/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/




#top #wrap_all #main {
background-color: #f9f9f9;
}


#top li.mlc-green .avia-menu-text,
#top .mlc-green .avia-menu-text {
	color: green;
	font-family: trakom-merriweather, Helvetica, Arial, sans-serif;
}
#top li.mlc-orange .avia-menu-text,
#top .mlc-orange .avia-menu-text {
	color: orange;
	font-family: trakom-merriweather, Helvetica, Arial, sans-serif;
}
#header .mega_menu_title {
	display: none;
}













/* Desktop ab 990 px:
   Bild gleich hoch wie die Textspalte und 60 px länger nach unten */

@media only screen and (min-width: 990px) {

  #top #wrap_all .flex_column.image-fullheight {
    position: relative !important;
    bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible;
  }

  #top #wrap_all .flex_column.image-fullheight > .avia-image-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
  }

  #top .image-fullheight .avia-image-container-inner,
  #top .image-fullheight .avia-image-overlay-wrap {
    display: block;
    width: 100%;
    height: 100%;
  }

  #top .image-fullheight img.avia_image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}


/* Tablet und Smartphone bis 989 px:
   Bild maximal 35 % der Bildschirmhöhe */

@media only screen and (max-width: 989px) {

  #top #wrap_all .flex_column.image-fullheight {
    position: relative !important;
    bottom: 0 !important;
    width: 100%;
    height: 35vh;
    min-height: 0 !important;
    max-height: 35vh;
    padding: 0 !important;
    overflow: hidden;
  }

  #top .image-fullheight .avia-image-container,
  #top .image-fullheight .avia-image-container-inner,
  #top .image-fullheight .avia-image-overlay-wrap {
    width: 100%;
    height: 100%;
    max-height: 35vh;
    margin: 0;
  }

  #top .image-fullheight img.avia_image {
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: 35vh;
    object-fit: cover;
    object-position: center;
  }
}