/*
Theme Name: KI4HUMANS Responsive Visual
Theme URI: https://ki4humans.com
Author: KI4HUMANS
Description: Responsives Premium-V-Card-Theme ohne horizontales Scrollen.
Version: 3.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: ki4humans
*/
:root{--bg:#030303;--accent:#b96527;--muted:#8f8981}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;min-height:100%;margin:0;overflow-x:hidden;background:var(--bg)}
body{font-family:Arial,sans-serif}
.visual-page{position:relative;display:block;width:100%;max-width:100%;min-height:100svh;margin:0;overflow-x:clip;background:var(--bg)}
.visual-stage{position:relative;width:100%;max-width:1920px;margin:0 auto;overflow:hidden}
.visual-bg{display:block;width:100%;max-width:100%;height:auto;margin:0;object-fit:contain;object-position:top center}
.hotspot{position:absolute;z-index:2;display:block;border:1px solid transparent;border-radius:8px;color:transparent;font-size:0}
.hotspot:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hotspot-mail{left:30.7%;top:89.8%;width:18.6%;height:6.8%}
.hotspot-phone{left:52.4%;top:89.8%;width:20.8%;height:6.8%}
.legal{display:flex;justify-content:center;gap:8px;width:100%;padding:14px 10px 18px;color:var(--muted);font-size:11px;background:var(--bg)}
.legal a{color:inherit;text-decoration:none}.legal a:hover,.legal a:focus{color:var(--accent)}.legal span{color:var(--accent)}
@media(max-width:768px){
 .visual-page{min-height:auto}
 .visual-stage{width:100%;max-width:100%;margin:0}
 .visual-bg{width:100%;max-width:100%;height:auto}
 .hotspot{display:none}
 .legal{padding-top:12px;flex-wrap:wrap}
}