/*
Theme Name: A&O Gebäudeversicherungen
Theme URI: https://www.aovm.de
Author: Opitz-Greenfield Versicherungsmakler e.K.
Description: Eigenes Theme für aovm.de nach dem freigegebenen Design-Prototyp.
Version: 0.3.5
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: aovm-neu
*/

:root{--accent:#006666}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F3EE;font-family:'Instrument Sans',system-ui,sans-serif;color:#10302F;font-size:17px;line-height:1.6}
a{color:#006666}
a:hover{color:#0B4F4F}
img{max-width:100%}
details>summary{cursor:pointer;list-style:none}
details>summary::-webkit-details-marker{display:none}
.site{width:100%}
.skip-link{position:absolute;left:-9999px;top:0;background:#10302F;color:#fff;padding:10px 16px;z-index:100}
.skip-link:focus{left:8px;top:8px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #006666;outline-offset:2px}
.prose-body{display:flex;flex-direction:column;gap:16px;font-size:16px;color:#34504F}
.prose-body p{margin:0}
.prose-body strong{color:#10302F}
.prose-body h2{margin:16px 0 0;font-family:'Playfair Display',Georgia,serif;font-size:26px;font-weight:600;line-height:1.2;color:#10302F}
.prose-body ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px}
.btn-outline{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border:1.5px solid #10302F;color:#10302F;text-decoration:none;border-radius:6px;font-weight:600}
.btn-outline:hover{background:#10302F;color:#fff}
.form-notice{margin:0;padding:14px 16px;border-radius:8px;font-size:15px}
.form-notice.ok{background:#E3F1EE;border:1px solid #9FD2CE;color:#0B4F4F}
.form-notice.err{background:#FBEAEA;border:1px solid #E4B3B3;color:#7A1F1F}
.topnav{display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center}
.topnav-item{position:relative}
.topnav-item summary{cursor:pointer;color:#F5F3EE;text-decoration:none;list-style:none}
.topnav>a{text-decoration:none}
.topnav>a:hover,.topnav-item summary:hover{text-decoration:underline}
.topnav-item summary::-webkit-details-marker{display:none}
.topnav-item summary::after{content:"\25BE";display:inline-block;margin-left:6px;font-size:.8em;text-decoration:none}
.topnav-item[open] summary::after{content:"\25B4"}
.topnav-item summary:focus-visible,.topnav>a:focus-visible{outline:3px solid #9FD2CE;outline-offset:3px}
.topnav .panel{position:absolute;right:0;top:calc(100% + 12px);z-index:50;width:max-content;min-width:300px;max-width:min(92vw,400px);background:#FFFFFF;color:#10302F;border:1px solid #D9D5CB;border-radius:10px;padding:20px 24px;box-shadow:0 12px 32px rgba(16,48,47,.2);font-size:16px;line-height:1.7}
.topnav .panel address{font-style:normal}
.topnav .panel p{margin:12px 0 0}
.topnav .panel a{color:#006666}
.topnav .panel .panel-note{font-size:13px;color:#4A5A59}
.topbar{position:relative}
.hero-cov{background:#FFFFFF;border:1px solid #D9D5CB;border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:10px}
.cov-eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--accent)}
.hero-cov h2{margin:4px 0 0;font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:600;line-height:1.2}
.cov-wrap{overflow-x:auto}
.cov{width:100%;border-collapse:collapse;font-size:16px}
.cov thead th{font-size:13px;font-weight:600;color:#10302F;text-align:center;width:110px;padding:0 6px 6px}
.cov tbody tr{border-top:1px solid #E6E1D6}
.cov tbody th{text-align:left;font-weight:600;padding:7px 12px 7px 0;color:#10302F;font-size:15px;line-height:1.3}
.cov tbody th small{display:block;font-weight:400;font-size:12.5px;color:#4A5A59;margin-top:1px}
.cov td{text-align:center;padding:7px 6px}
.cov .ck{display:inline-flex;vertical-align:middle}
.cov-note{margin:0;font-size:13px;line-height:1.4;color:#4A5A59}
.sr{position:absolute;left:-9999px}
@media (max-width:520px){.cov thead th{width:88px}.hero-cov{padding:18px 16px}}
@media (max-width:640px){.topnav-item{position:static}.topnav .panel{left:16px;right:16px;top:calc(100% + 4px);width:auto;max-width:none}}
/* Große Bildschirme (z. B. 46-Zoll-Monitor): Seite gleichmäßig vergrößern statt Leerraum zu lassen */
@media (min-width:2000px){.site{zoom:1.1}}
@media (min-width:2400px){.site{zoom:1.3}}
@media (min-width:3000px){.site{zoom:1.6}}
@media (min-width:3600px){.site{zoom:1.95}}
@media (min-width:4800px){.site{zoom:2.5}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}