/*
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
*/

.avia-shadow {box-shadow: none !important;}
.logo {display:none !important;}

#header {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

#header_main { height: 0 !important; min-height: 0 !important; }

nav.main_menu {
  margin-right: 2vw;
  margin-top: 2vh;
}

@media only screen and (min-width: 990px) {
  nav.main_menu {
	margin-top: 4vh;
  }
  .page-id-34 nav.main_menu {
	/*margin-top: 18vh;*/
	margin-top: 15%;
  }
}

/* Bildspalte als Positionierungs-Kontext */
.img-overlay-col {
  position: relative;
}

/* Bild auf volle Breite der Spalte ziehen */
.img-overlay-col .img-overlay-bg img {
  display: block;
  width: 100%;
  height: auto;
}

/* Text-Overlay oben links */
.img-overlay-col .img-overlay-text {
  position: absolute;
  top: 30px;
  left: 40px;
  z-index: 5;
}

/* Text auf Mobilgeräten mit weniger Abstand und teiltransparentem Hintergrund für bessere Lesbarkeit */
@media (max-width: 767px) {
  .img-overlay-col .img-overlay-text {
    top: 20px;
    left: 20px;
	background: rgba(0,0,0,0.35);
	padding: 10px 12px;
	border-radius: 6px;
  }
}

/* Logo und Text auf Startseite als Overlay auf Mobilgeräten */
.image-overlay-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.base-image {
    display: block;
    width: 100%;
    height: auto;
	filter: brightness(80%);
}
.base-image-klar {
	filter: none !important;
}

/* Bild-Overlay */
.overlay-image {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 70%;
	max-width: 440px;
    height: auto;
    pointer-events: none;
}

/* Text-Overlay */
.overlay-text {
    position: absolute;
    bottom: 5%;
    left: 5%;
    transform: none;
    text-align: left;

    color: #fff;
    font-size: clamp(18px, 3vw, 42px);
    font-weight: 600;

    pointer-events: none;

    text-shadow: 0 0 5px rgba(0,0,0,0.8);
}

.overlay-text-farbig {
	bottom: 1% !important;
	color: #d8d0cc !important;
}

/* Desktop: beide Overlays ausblenden */
@media only screen and (min-width: 990px) {
    .overlay-image,
    .overlay-text {
        display: none;
    }
}

/* vertikale Abstände anpassen */
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) {
    margin-top: 4% !important;
}

.top-korrektur {
	margin-top: -4% !important;
}