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



/*Fokus für Tastaturnavigation - mit Plugin A11y eingefügt - dieser Code ist für die 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: #29747A;
}

::marker {color:#29747A;}


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

/*Symbol vor H2 Überschrift*/
#kreis {
	position: relative;
	overflow: visible; 

}

#kreis::before  {
	content:  '';
	display: inline-block;
	width:  100%;
	height: 100%;
	background: url('https://www.ordination-hengst.at/wp-content/uploads/2025/12/Kreis-mit-weiss-50px.png') no-repeat;
	position: absolute;
	top: -5px;
	left:  -20px;

	z-index: -1;
}

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

.background {
  --s: 30px; /* control the size */
  --c1: #ffffff;
  --c2: #f1f1f1;

  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: 35.36% 35.36% at;
  --_c: #0000 66%, var(--c2) 68% 70%, #0000 72%;
  background:
    radial-gradient(var(--_g) 100% 25%, var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 0    75%, var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 100% 25%, var(--_c)) 0 0/var(--_s),
    radial-gradient(var(--_g) 0    75%, var(--_c)) 0 0/var(--_s),
    repeating-conic-gradient(var(--c1) 0 25%, #0000 0 50%) 0 0/var(--_s),
    radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s)
    var(--c1);
}

.background1 {
background: linear-gradient(45deg, #E8F1F2 0%, #E8F1F2 5%,transparent 5%, transparent 10%, #E8F1F2 10%, #E8F1F2 15%,transparent 15%,transparent 20%, #E8F1F2 20%, #E8F1F2 25%,transparent 25%,transparent 30%, #E8F1F2 30%, #E8F1F2 35%,transparent 35%,transparent 40%, #E8F1F2 40%, #E8F1F2 45%,transparent 45%,transparent 50%, #E8F1F2 50%, #E8F1F2 55%,transparent 55%,transparent 60%, #E8F1F2 60%, #E8F1F2 65%,transparent 65%,transparent 70%, #E8F1F2 70%, #E8F1F2 75%,transparent 70%,transparent 80%, #E8F1F2 80%, #E8F1F2 85%,transparent 85%,transparent 90%, #E8F1F2 90%, #E8F1F2 95%,transparent 95%);
        background-size: 3em 3em;
        background-color: #ffffff;
        opacity: 1
}


.whiteblur::before {
content: '';
position: absolute;
inset: -20px;
background: #fff;
filter: blur(30px);
z-index: -1;
}