/*
Theme Name: Divi Child Theme
Author: Groemmi
Description: Ein Child-Theme, um CSS und Codes auch nach Updates nicht zu verlieren.
Version: 1.0
Template: Divi


(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/*Worttrennung aktivieren*/
body {
    hyphens: auto;
}

/*
Link-Unterstrich INAKTIV

.et_pb_text a {
	background-image: linear-gradient(120deg, #ecd839 0%, #ecd839 100%);
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-position: 0 100%;
	transition: background-size 0.25s ease-in-out;
	color: inherit !important;
}
*/
/*
den Unterstrich zum Hintergrund animieren beim hovern INAKTIV

.et_pb_text a:hover {
	background-size: 100% 100%;
	color: #ffffff !important;
	transition: ease all .3s;
}
*/

/*Blog-List-Layout der aktuellen Meldungen.*/
/*add media query so changes only affect tablet and desktop*/
/*
@media (min-width: 767px) {

/*set the image width

.pa-blog-list .entry-featured-image-url  {
width: 30%;
float: left;
margin-bottom: 0!important;
}
*/
/*set the details width

.pa-blog-list .entry-title,
.pa-blog-list .post-meta,
.pa-blog-list .post-content {
width: 70%;
float: left;
padding-left: 30px;
}
}
*/
/*blog image aspect ratio landscape 16:9
@media (min-width: 767px) {

.pa-blog-image-16-9 .entry-featured-image-url {
  padding-top: 56.25%;
  display: block;
}

.pa-blog-image-16-9 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}
}
*/

/* Spalten in einer Reihe nicht untereinander anzeigen bei Mobile/Tablet */
.reihe-display-flex {
display: flex; }
 
/*Menue Auto-adjust der Breite auf Desktop*/
 
 @media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}