/* avyronis.de – Ergänzungen SEO-Paket 11.10.2026 (nutzt die Tokens aus index-*.css) */

/* Produktkarten: Link auf Modulseite */
.product-card h3 a{color:inherit}
.product-card h3 a:after{content:"";position:absolute;inset:0;border-radius:inherit}
.product-card .card-link{display:inline-block;margin-top:14px;color:var(--green);font-size:14px;font-weight:700}
.product-card:hover .card-link{text-decoration:underline}

/* Video */
.video-section{text-align:center;padding:110px 0 40px}
.video-section h2{letter-spacing:-.05em;margin:18px 0 18px;font-size:clamp(36px,5vw,64px);font-weight:720;line-height:1.02}
.video-section h2 span{color:var(--green)}
.video-section>p{color:var(--muted);max-width:640px;margin:0 auto 36px;font-size:18px;line-height:1.6}
.video-frame{max-width:980px;margin:0 auto;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 80px #0c17121f;background:#eef6f1}
.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9}
.article-body .video-frame{margin:36px 0;border-radius:18px}

/* Teaser Pflichten-Check */
.check-teaser{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--green-soft);border-radius:30px;padding:48px 56px;margin:0 auto 90px}
.check-teaser h2{letter-spacing:-.04em;font-size:clamp(28px,3.4vw,42px);line-height:1.08;margin:10px 0 12px}
.check-teaser p{color:#526059;margin:0;line-height:1.6;max-width:640px}
@media (width<=760px){.check-teaser{grid-template-columns:1fr;padding:34px 24px}}

/* Artikel: Brotkrumen, Autorzeile, FAQ, verwandte Seiten */
.crumbs{font-size:13px;color:var(--muted);margin-bottom:6px}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--green)}
.article-meta{font-size:14px!important;color:var(--muted);margin-top:18px!important}
.article-meta a{color:var(--green);font-weight:600}
.article-body a{color:var(--green);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.article-body .button{color:#fff;text-decoration:none}
.article-body ul,.article-body ol{padding-left:22px;margin:14px 0 18px}
.article-body ul{list-style:disc}.article-body ol{list-style:decimal}
.article-body li{margin:6px 0}
.article-body table{width:100%;border-collapse:collapse;margin:26px 0;font-size:15px}
.article-body th,.article-body td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.article-body th{background:var(--green-soft);color:var(--ink);font-weight:700}
.article-body .table-wrap{overflow-x:auto}
.article-body .faq-list{margin-top:18px}
.article-body .faq-list summary{font-size:18px;padding:20px 40px 20px 0}
.article-body .faq-list summary:after{top:14px}
.related{margin-top:56px;padding:28px 30px;border-radius:22px;background:var(--page)}
.related h2{font-size:22px!important;margin:0 0 12px!important}
.related ul{list-style:none!important;padding:0!important;margin:0!important}
.related li{margin:8px 0}
.price-note{display:inline-block;margin-top:10px;font-size:14px;color:var(--muted)}
.download-box{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:22px 24px;margin:34px 0;background:#fff}
.download-box b{display:block;font-size:17px}.download-box span{color:var(--muted);font-size:14px}
.download-box .ico{width:46px;height:46px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-weight:800}
@media (width<=600px){.download-box{grid-template-columns:1fr}}

/* Footer: Modul-Links */
.footer-modules{width:min(1180px,100% - 48px);margin:auto;display:flex;flex-wrap:wrap;gap:10px 22px;padding:22px 0;border-bottom:1px solid #ffffff1a;font-size:12px}
@media (width<=650px){.footer-modules{width:calc(100% - 30px)}}
.footer-modules strong{color:#fff;font-weight:600;margin-right:4px}
.footer-modules a{color:#afbbb4}.footer-modules a:hover{color:#fff}

/* Mobil: fester Handlungsknopf unten */
.mobile-cta{display:none}
@media (width<=700px){
  .mobile-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;justify-content:center;align-items:center;gap:8px;background:var(--green);color:#fff;font-weight:700;font-size:15px;padding:14px 18px;border-radius:999px;box-shadow:0 10px 30px #0c171240}
  body{padding-bottom:78px}
}

/* Pflichten-Check */
.pc-wrap{max-width:820px;margin:0 auto;padding:0 24px 110px}
.pc-progress{height:6px;border-radius:9px;background:var(--page);overflow:hidden;margin-bottom:26px}
.pc-progress i{display:block;height:100%;width:0;background:var(--green);transition:width .3s}
.pc-q{border:1px solid var(--line);border-radius:26px;padding:34px;background:#fff}
.pc-q h2{font-size:26px;letter-spacing:-.03em;margin:0 0 8px}
.pc-q p.hint{color:var(--muted);margin:0 0 22px;line-height:1.6}
.pc-opts{display:grid;gap:10px}
.pc-opts button{all:unset;cursor:pointer;border:1.5px solid var(--line);border-radius:16px;padding:15px 18px;font-weight:600;transition:all .15s}
.pc-opts button:hover,.pc-opts button:focus-visible{border-color:var(--green);background:var(--green-soft);outline:none}
.pc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:14px}
.pc-nav button:not(.button){all:unset;cursor:pointer;color:var(--muted)}
.pc-nav .button{border:0;cursor:pointer;font-family:inherit}
.pc-q h2:focus,.pc-result h2:focus{outline:none}
.pc-result h2{font-size:30px;letter-spacing:-.03em;margin:0 0 10px}
.pc-group{margin-top:30px}
.pc-group h3{font-size:19px;margin:0 0 10px}
.pc-item{border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin:10px 0;background:#fff}
.pc-item b{display:block;font-size:16px}
.pc-item small{display:inline-block;margin-top:4px;color:var(--green-dark);font-weight:700;font-size:12px;letter-spacing:.02em}
.pc-item p{margin:6px 0 0;color:#526059;line-height:1.6;font-size:15px}
.pc-item a{color:var(--green);font-weight:600}
.pc-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pc-actions .ghost{all:unset;cursor:pointer;border:1.5px solid var(--line);border-radius:999px;padding:12px 18px;font-weight:700;font-size:14px}
@media print{.site-header,.site-footer,.mobile-cta,.pc-actions,.pc-progress,.article header .crumbs{display:none!important}.pc-item{break-inside:avoid}}

/* 404 */
.notfound{text-align:center;padding:120px 24px 60px}
.notfound h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.05em;margin:12px 0 18px}
.notfound p{color:var(--muted);max-width:560px;margin:0 auto 28px;line-height:1.6}
.notfound-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:760px;margin:0 auto 110px;padding:0 24px}
.notfound-links a{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-weight:600;font-size:14px}
.notfound-links a:hover{border-color:var(--green);color:var(--green)}

/* Berater: Teaser + Anfrageformular */
.berater-teaser{background:#eef3fb;margin-top:-60px}
.b-anfrage{padding:90px 0 40px}
.b-form-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start;background:var(--page);border-radius:30px;padding:56px}
.b-form-intro h2{letter-spacing:-.045em;font-size:clamp(32px,4vw,48px);line-height:1.05;margin:14px 0 16px}
.b-form-intro h2 span{color:var(--green)}
.b-form-intro p{color:#526059;line-height:1.65}
.b-form-tel a{color:var(--green);font-weight:700}
.b-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}
.b-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.b-grid label{display:block}.b-grid .voll{grid-column:1/-1}
.b-grid span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}
.b-grid i{font-style:normal;font-weight:400;color:var(--muted)}
.b-grid input,.b-grid select,.b-grid textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #11181433;border-radius:12px;background:#fff}
.b-grid textarea{min-height:96px;resize:vertical}
.b-grid input:focus,.b-grid select:focus,.b-grid textarea:focus{outline:2px solid var(--green);border-color:var(--green)}
.b-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.b-ds{display:flex;gap:10px;align-items:flex-start;margin:18px 0 14px;font-size:13px;color:#526059;line-height:1.5}
.b-ds input{width:18px;height:18px;margin-top:2px;flex:none}
.b-ds a{color:var(--green);text-decoration:underline}
.b-msg{background:#fdecea;color:#8a1c12;border-radius:12px;padding:10px 14px;font-size:14px;margin:0 0 12px}
.b-form .button{border:0;cursor:pointer;font-family:inherit}
.b-form .button:disabled{opacity:.6;cursor:wait}
@media (width<=860px){.b-form-wrap{grid-template-columns:1fr;padding:30px 20px;gap:26px}.b-grid{grid-template-columns:1fr}}

/* Kopfzeile: 7 Menüpunkte – nicht umbrechen, mittlere Breiten enger */
.nav-shell>nav a,.nav-shell>.button,.nav-shell>.customer-login{white-space:nowrap}
@media (901px<=width<=1180px){.nav-shell{gap:18px}.nav-shell>nav{gap:16px}.nav-shell>nav a{font-size:12.5px}.nav-shell .brand small{display:none}}
@media (901px<=width<=1020px){.nav-shell>.customer-login{display:none}}

/* Modulvideos 16.10.2026 */
.video-caption{max-width:980px;margin:-22px auto 34px;color:var(--muted);font-size:14px;text-align:center}.video-caption a{color:var(--green);font-weight:700}.modul-video-section .video-frame{margin:28px auto 30px}.card-video{position:relative;z-index:2;display:inline-block;margin:14px 14px 0 0;color:var(--green);font-size:14px;font-weight:700;text-decoration:none}.card-video:hover{text-decoration:underline}.mediathek-nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 40px;max-width:1100px}.mediathek-nav a{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:inherit;text-decoration:none;background:#fff}.mediathek-nav a:hover{border-color:var(--green);color:var(--green)}.mediathek-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;max-width:1180px;margin:0 auto}.mediathek-item{scroll-margin-top:110px}.mediathek-item h2{font-size:26px;margin:8px 0 8px}.mediathek-item>p{color:var(--muted);line-height:1.6;margin:0}.mediathek-item .video-frame{margin:18px 0 12px}@media (max-width:820px){.mediathek-grid{grid-template-columns:1fr}.video-caption{margin-top:-18px}}