/*
 Theme Name:   Divi Child Theme
 Description:  Divi Child Theme
 Author:       Astrid Brueckner | bastrid
 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
*/

/*CSS for everyday life*/

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

::marker {color:#be1567;}


/*Aufzählungszeichen Abstand */
.et_pb_text ul li:not(:last-child) {
    padding-bottom: 10px;
}


/*Links sollen immer unterstrichen sein, ausser im Button und im Mobile Menu*/
 
a:not(.et_pb_button)  {
  text-decoration: underline solid #b05c12 1px;
  text-underline-offset: 1px;
  }

/*Keine Unterstreichung für Links im Mobile Menu*/
.et_mobile_menu a  {
  text-decoration: none;
  }

a:hover:not(.et_pb_button) {
  text-decoration: underline solid #997b0f 2px;
  text-underline-offset: 3px;
  color: #997b0f;
 }
 
 
/*
______________________
   
  Reverse Column und Columns nebeneinander am Tablet
______________________

*/


/*Spalten nebeneinander – Klasse reihe-tablet der Reihe zuweisen*/
@media (min-width:768px) and (max-width:980px) {
.reihe-tablet {
	display:flex;}
.reihe-tablet .et_pb_column {
	margin-right: 5%;
	}
}

/*Spalten umgekehrte Reihenfolge – Klasse reihe-tablet und reihe-reverse der Reihe zuweisen*/
@media (max-width:767px) {
.reihe-tablet.reihe-reverse {
	flex-direction: column-reverse;}
}


/*
________________________

Infotext Blurb Text vertikal zentrieren
________________________
*/

.et_pb_blurb_content .et_pb_blurb_container {
	vertical-align: middle;
}


/*Punkte vor Text geben'/
/*Blockquote*/
.et_pb_text .et_pb_text_inner blockquote {
	position: relative;
	padding: 40px;
	background: #fff;
	border-radius: 20px;
	box-shadow:15px 15px 50px 0px rgba(0,0,0,0.1);
}

.et_pb_text .et_pb_text_inner blockquote:before {
	content: url(http://web2600-c9b5cc6a.mdhosts.at/wp-content/uploads/2022/09/punkte-vertikal.png);
		font-size: 140px;
	font-family: serif;
	position: absolute;
		top: 25px; /*kann auch negativer Wert sein*/
	left: 90%; /*evtl. gar nicht nötig*/
}

/* #punkte */
#punkte p {
	position: relative;
	background: #fff;

}

#punkte p:before {
	content: url(http://web2600-c9b5cc6a.mdhosts.at/wp-content/uploads/2022/09/rosa-punkte-kleine-wolke-50.png);
		position: absolute;
	opacity: 0.5;
			top: -70px; /*kann auch negativer Wert sein*/
	left: -70px; /*evtl. gar nicht nötig*/
}