/*####################################
######################################
## HEADER
######################################
######################################*/

/*#################
## MENU CTA BUTTON
###################*/

/* Give the link some padding and some color */
.fl-page-nav .navbar-nav > li.mh-header-menu-button {
  padding: 10px;
}

/* button style */
.fl-page-nav .navbar-nav > li.mh-header-menu-button > a {
  padding: 5px 18px;
  color: #ffffff !important;
  border-radius: 5px;
  background-color: #aa0a20;
}

/* Give the button a hover & active state */
.fl-page-nav .navbar-nav > li.mh-header-menu-button > a:active,
.fl-page-nav .navbar-nav > li.mh-header-menu-button > a:hover {
  background-color: #5b5b5b;
}

/* Button Page = Current Page State */
.fl-page-nav .navbar-nav > li.mh-header-menu-button.current-menu-item > a {
  color: #fff;
  background-color: #757575;
}

/*#################
## HAMBURGER BUTTON (MEDIUM)
###################*/

@media (max-width: 991px) {
	
  /* button size */
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
  	/*font-size: 1.7em;*/
	font-size: 7vw;
  }

  /* spacing from top */
  .fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-fixed-header .navbar-toggle {
	/*top: 0.22em;*/
	top: 1.25vw;
  }
  
}

/*#################
## HAMBURGER BUTTON (SMALL)
###################*/

@media (max-width: 767px) {
	
  /* button size */
  .fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav .navbar-toggle {
  	/*font-size: 1.7em;*/
	font-size: 7vw;
  }

  /* spacing from top */
  .fl-nav-mobile-offcanvas.fl-responsive-nav-enabled.fl-fixed-header .navbar-toggle {
	/*top: 0.22em;*/
	top: 1.9vw;
  }
  
}

/*#################
## LOGO IMAGE (MEDIUM)
###################*/

@media (max-width: 991px) {
	
  /* logo width */
  .fl-logo-img {
	width: 78vw !important;
  }
  
  /* remove padding-left of logo */
  .fl-page-nav-right .fl-page-header-logo {
	  padding-left: 0px;
  }

}

/*#################
## LOGO IMAGE (SMALL)
###################*/

@media (max-width: 767px) {

  /* logo width */
  .fl-logo-img {
	width: 78vw !important;
  }

}

/*#################
## MENU ITEMS BREAK FIX
###################*/

@media (max-width: 1380px) {
	
  /* menu item font size */
  .fl-page-nav .navbar-nav a {
    font-size: 16px;
  }

  /* padding between menu items */
  .fl-page-nav .navbar-nav li > a {
    padding: 15px 8px;
  }

}

@media (max-width: 1280px) {

  /* menu item font size */
  .fl-page-nav .navbar-nav a {
    font-size: 15px;
  }

  /* padding between menu items */
  .fl-page-nav .navbar-nav li > a {
    padding: 15px 7px;
  }

}

@media (max-width: 1180px) {

  /* menu item font size */
  .fl-page-nav .navbar-nav a {
    font-size: 14px;
  }

  /* padding between menu items */
  .fl-page-nav .navbar-nav li > a {
    padding: 15px 6px;
  }

}

/*#################
## FLYOUT OVERLAY (SMALL & MEDIUM)
###################*/

@media (max-width: 991px) {

  /* add logo to menu */
  #menu-header:before{
    content:url('https://www.meikehohenwarter.com/wp-content/uploads/2019/12/logo96.png');
    padding-bottom: 10px;
    padding-left: 10px;
  }

  /* remove border in menu after cta button */
  .fl-page-nav-collapse ul.navbar-nav > li:last-child {
    border-bottom: none !important;
  }

  /* cta button text style */ 
  .fl-page-nav-collapse ul.navbar-nav > li:last-child > a {
    text-align: center !important;
    font-size: 16px;
  }

}

/*#################
## MISC
###################*/

/* remove line between menu and content */
.fl-page-nav-right .fl-page-header-wrap {
  border-bottom: 0;
}

/*####################################
######################################
## FOOTER
######################################
######################################*/

/*#################
## FOOTER TEXT & MENU
###################*/

/* font design of footer menu */
.fl-page-footer-text.fl-page-footer-text-1,
#menu-footer > li > a {
  font-family: "Verdana",Helvetica,Arial,sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

/*#################
## MENU ITEMS BREAK FIX
###################*/

@media (max-width: 1380px) {
	
  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 16px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 8px;
    padding-top: 0px;
  }

}

@media (max-width: 1280px) {

  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 15px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 7px;
    padding-top: 0px;
  }

}

@media (max-width: 1180px) {

  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 14px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 5px;
    padding-top: 0px;
  }

}

@media (max-width: 940px) {

  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 13px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 5px;
    padding-top: 0px;
  }

}

@media (max-width: 880px) {

  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 11px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 4px;
    padding-top: 0px;
  }

}

@media (max-width: 420px) {

  /* font design of footer menu */
  .fl-page-footer-text.fl-page-footer-text-1,
  #menu-footer > li > a {
    font-size: 10px;
  }

  /* padding between menu items */
  .nav > li > a {
    padding: 15px 3px;
    padding-top: 0px;
  }

}

/*####################################
######################################
## CONTENT
######################################
######################################*/

/*#################
## VIDEOS
###################*/

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
  height: auto; 
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}