/*
 Theme Name:   Divi Child Theme
 Description:  Divi Child Theme
 Author:       Astrid Brueckner | Inovelop
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ab
*/



/*Fokus für Tastaturnavigation - mit Plugin A11y eingefügt - dieser Code ist für die focus-Umrahmung im Menü*/

#main-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 0;
}

#main-header #et-top-navigation nav>ul>li {
    padding-bottom: 33px;
}

::selection {
	color:#fff; /*kann man auch weglassen, wenn Schrift gleich bleibt*/
	background: #178FCF;
}

::marker {color:#178FCF;}


/*Schriftdicke im Menü ändern*/
#top-menu-nav #top-menu>li>a {
	font-weight: 400!important;
}

/*ODER Aufzählungszeichen Abstand */
/*Besser: Abstand vor und nach den Punkten machen, dann ist auch zwischen Überschrift und erstem Aufzählungszeichen ein Abstand*/
.et_pb_text ul li {
    padding-top: 5px;
	padding-bottom: 5px;
}

/*für nummerierte Listen*/
.et_pb_text ol li {
   padding-top: 5px;
	padding-bottom: 5px;
}

/*für Aufzählungszeichen im Informationstext Modul*/
.entry-content ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* CSS for buttons - Double border on hover - Bottom & Left -
 * Diese Version kommt ohne Klassenzuweisung im Button aus*/

#page-container .et-l .et_pb_section .et_pb_button/*.dl-double-border-bottom-left*/ {
  transition: all .3s ease-in-out;

}
#page-container .et-l .et_pb_section .et_pb_button/*.dl-double-border-bottom-left*/:hover {
	outline: 2px solid #51ABDB;
	outline-offset: 3px;
	transform: translateX(5px);
}

/*Mobiles Menü Großbuchstaben*/
.et_mobile_menu li a {
	text-transform: uppercase !important;
}

/*normales Menü ist transparent, fixed Header soll aber weiß im Hintergrund sein, Standardeinstellungen greifen nicht*/
.container.clearfix.et_menu_container .logo_container {
    background-color: #fff;
}

/*Logo ist zu breit*/
#main-header img#logo {
	max-width: 25%;
}

div#et-top-navigation {
	padding-left: 0 !important;
}

@media (max-width: 980px) {
    .dtb_mobile #et-boc  #main-header #logo {
	max-width: 85%;
}
}

/*Österreich Flagge vor h2  */
.austria h2::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 20px;
  margin: 0 8px;
  background: linear-gradient(
    to bottom,
    #d72427 0%,
    #d72427 33.33%,
    #ffffff 33.33%,
    #ffffff 66.66%,
    #d72427 66.66%,
    #d72427 100%
  );
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}


/*______________________HOVER EFFEKT BILDER auf STARTSEITE - in die Spalte geben__________________________*/
.image-stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;

}

.image-stack img {
  max-width: 100%;
  width: 100%;
	height: clamp(160px, 5.83vw + 141.36px, 220px);
	 object-fit: cover; /* <-- wichtig */
  transition: transform 0.5s ease, margin 0.5s ease;
  margin-top: -10%; /* überlappt die Bilder */
  border-radius: 1px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Damit das erste Bild nicht negativ verschoben wird */
.image-stack img:first-child {
  margin-top: 0;
}

/* Hover-Effekt: auseinanderziehen */
.image-stack:hover img {
  margin-top: -5%; /* Abstand vergrößern */
  transform: translateX(0);
}



/*______________________HOVER EFFEKT BILDER auf für EINZELNE BILDER - in die Spalte image-stack1 geben________________________*/
.image-stack1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;

}

.image-stack1 img {
  max-width: 100%;
  width: 100%;
/*	height: clamp(260px, 5.83vw + 141.36px, 220px);*/
	 object-fit: cover; /* <-- wichtig */
  transition: transform 0.5s ease, margin 0.5s ease;
  margin-top: -10%; /* überlappt die Bilder */
  border-radius: 1px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Damit das erste Bild nicht negativ verschoben wird */
.image-stack1 img:first-child {
  margin-top: 0;
}

/* Hover-Effekt: auseinanderziehen */
.image-stack1:hover img {
  margin-top: -5%; /* Abstand vergrößern */
  transform: translateX(0);
}