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



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

::marker {color:#E8846A;}


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


/* Add space before headings */
:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

/* Fix bottom spacing on elements */
:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

/* Style Lists */
:where(.et_pb_text) ::marker {
  color:var(--gcid-primary-color);
  font-family:var(--et_global_heading_font);
}

/*Abstand und Aufzählungszeichen änderbar*/
:where(.et_pb_text) :is(ol,ul) li {
  list-style-type: "- ";
/*	list-style-image: url(http://barbara-kast.local/wp-content/uploads/Herz-d35a4a-10px.webp);*/
	  padding-top:.5em;
}

/*gefällt mir nicht so gut, von Ania*/
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}

/* Style Blockquotes */
:where(.et_pb_text) blockquote {
  border:none;
  position:relative;
  padding:1em 1.5em;
  margin:.5em 0 1.5em;
}
:where(.et_pb_text) blockquote::after {
  content: '“ ';
  color:var(--gcid-primary-color);
  position:absolute;
  font-size:4em;
  left:0.15em;
  top:0em;
}
:where(.et_pb_text) blockquote::before {
  content:'';
  background:var(--gcid-primary-color);
  opacity:0.1;
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  left:0; 
  top:0;
  border-radius:5px;
}

/* Style Links & Hover */
:where(.et_pb_text) a {
  transition: all .2s linear;
  text-underline-offset:.12em;
  text-decoration-thickness:.05em;
}
:where(.et_pb_text) a:hover {
  text-underline-offset:.24em;
	text-decoration-thickness:.1em;
}

/* Style Links & Hover ALTERNATIV*/
/*
:where(.et_pb_text) a,
:where(.et_pb_blurb_description) a {
  transition: all .2s linear;
  text-underline-offset: .24em;
  text-decoration-thickness: .1em;
  position: relative;
  text-decoration: underline; 
}

:where(.et_pb_text) a::after,
:where(.et_pb_blurb_description) a::after {
  content: '';
  position: absolute;
  width: 0;
  height: .1em;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transition: width .2s linear;
}

:where(.et_pb_text) a:hover::after,
:where(.et_pb_blurb_description) a:hover::after {
  width: 100%;
}
*/

/*grauen Hintergrund beim Submenü mobil entfernen, Submenü-Elterneinträge stylen*/
@media (max-width: 980px) {
#page-container	.et_mobile_menu .menu-item-has-children>a
	{
		background: rgba(0,0,0,0) !important;
	font-weight: 400 !important;
}
}

@media (max-width: 980px) {
#page-container	.et_mobile_menu .menu-item-has-children>a:hover
	{
		background-color: #bd4e35 !important;
}
}


/*unscharfer Hintergrund hinter dem Menü*/
#main-header, #main-header.et-fixed-header,
#et-boc header .et_builder_inner_content.has_et_pb_sticky .et_pb_section_1_tb_header.et_pb_section.et_section_regular.et_flex_section.preset--module--divi-section--default.et_pb_section--with-menu.et_pb_sticky.et_pb_sticky--top{
    backdrop-filter: blur(6px);
    background-color: rgba(246, 240, 234, 0.45) !important;
}

/* CSS for buttons - Icon Right */
.dl-icon-right {
  --btn-background: #3fdfba; /* set background color */
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right::after {
  position: absolute;
 background: #c86a4a;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  right: -40px;
  width: 40px;
  margin: 0;
	height: 100%;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right:hover::after {
  right: 0;
}

#page-container .et-l .et_pb_section .et_pb_button.dl-icon-right {
  overflow: hidden;
}

/*für unsichtbare H1*/
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    border: 0;
}