/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
/* === CLAUDE: SVG-Icon "Vertrag" grau (#4c5c66) via Maske === */
.gpt-benefit-icon a[href$="/vertrag.svg"]{display:block;width:42px;height:42px;background-color:#4c5c66;-webkit-mask:url(/wp-content/uploads/2026/06/vertrag.svg) center/contain no-repeat;mask:url(/wp-content/uploads/2026/06/vertrag.svg) center/contain no-repeat;}
.gpt-benefit-icon a[href$="/vertrag.svg"] img{visibility:hidden;}







/* === CLAUDE: Header (neutraleres Grau) + Test-Seiten-BG === */
#header, #header_main { background:linear-gradient(180deg,#e9edf1 0%,#d4dae1 100%) !important; }
#header { position:relative; z-index:100; box-shadow:0 2px 4px rgba(38,50,66,.08), 0 6px 16px rgba(38,50,66,.13); }
#header, #header_main, #header_main_alternate, #header .av-main-nav > li > a { border-bottom:0 !important; }
#header::after { content:""; position:absolute; left:0; right:0; bottom:-16px; height:16px; pointer-events:none; background:linear-gradient(to bottom, rgba(38,50,66,.12), rgba(38,50,66,0)); }
/* Nur Page-Hintergrund; #main transparent + buendig an Header (kein Luecken-Blitzer) */
html, body { background-color:#dfe4e9 !important; }
#main { background-color:transparent !important; }
/* Chrome-Subpixel-Naht mit Balkenfarbe fuellen (browser-/zoom-unabhaengig) */
#header_main_alternate { box-shadow:0 4px 0 0 #4c5c66 !important; }
/* Vimeo-Controls freigeben: Enfold-Play-Overlay durchklickbar machen */
#full_slider_1 .av-click-to-play-overlay { pointer-events:none !important; }
#full_slider_1 iframe { pointer-events:auto !important; }

/* === CLAUDE: Hero-Video-Buttons (Play/Pause + Mute, portiert von habsgut) === */
.avia-fullwidth-slider { position:relative; }
.hg-video-controls { position:absolute !important; bottom:70px !important; left:50% !important; transform:translateX(-50%) !important; z-index:10 !important; display:flex; align-items:center; gap:10px; }
.hg-video-toggle { width:56px; height:36px; padding:0; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(255,255,255,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,.25); transition:background .2s ease, transform .2s ease, border-color .2s ease; }
.hg-video-toggle:hover { background:rgba(255,255,255,.32); border-color:rgba(255,255,255,.55); transform:scale(1.06); }
.hg-video-toggle .hg-icon-play { display:none; }
.hg-video-toggle .hg-icon-pause { display:block; }
.hg-video-toggle.is-paused .hg-icon-play { display:block; }
.hg-video-toggle.is-paused .hg-icon-pause { display:none; }
.hg-video-mute .hg-icon-volume-on { display:block; }
.hg-video-mute .hg-icon-volume-off { display:none; }
.hg-video-mute.is-muted .hg-icon-volume-on { display:none; }
.hg-video-mute.is-muted .hg-icon-volume-off { display:block; }