/*
Theme Name: AIA Theme
Theme URI: https://ai-assistenten.de
Author: Marcze Media UG
Description: Portal-Theme für ai-assistenten.de — pixelgenaue Umsetzung des Design-Prototyps (Grün #1F2430, Newsreader + Archivo).
Version: 1.0.0
Requires PHP: 7.4
Text Domain: aia-theme
*/

/* Basis + Breakpoints exakt aus dem Prototyp (helmet-Styles) */
html { scroll-behavior: auto; }
body {
	margin: 0;
	background: #FBF8F3;
	font-family: Archivo, system-ui, sans-serif;
	color: #1B1814;
}
@keyframes omPulseG {
	0% { box-shadow: 0 0 0 0 rgba(31,36,48,.45); }
	70% { box-shadow: 0 0 0 8px rgba(31,36,48,0); }
	100% { box-shadow: 0 0 0 0 rgba(31,36,48,0); }
}

@media (max-width:1080px) { .g5 { grid-template-columns: repeat(3,1fr) !important; } }
@media (max-width:980px) {
	.g2, .g2r { grid-template-columns: 1fr !important; }
	.side { position: static !important; order: -1; }
	.g4, .g5 { grid-template-columns: repeat(2,1fr) !important; }
	.hcards { min-height: 0 !important; display: flex; flex-direction: column; gap: 14px; }
	.hcards > div { position: static !important; width: auto !important; transform: none !important; }
}
@media (max-width:900px) {
	.rtbl { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
	.rtbl > div { min-width: 960px; }
	.swipehint { display: block !important; }
	.g3, .garts, .herogrid { grid-template-columns: 1fr !important; }
	.ctaband { flex-direction: column; align-items: flex-start !important; }
	.g3f { grid-template-columns: 1fr 1fr !important; }
}
.hov-find { border-radius: 9px; transition: background .12s; }
.hov-find:hover { background: #F7F5F0; }
.brand { white-space: nowrap; }
.navlinks a, .navlinks button, .navcta { white-space: nowrap; }
@media (max-width:1120px) {
	.minilabel { display: none !important; }
	.navlinks { gap: 18px !important; }
	.navcta { padding: 10px 14px !important; font-size: 12.5px !important; }
}
@media (max-width:800px) {
	.navlinks { display: none !important; }
	.burger { display: inline-flex !important; }
	.navcta { display: none !important; }
}
@media (max-width:680px) {
	.cx { padding-left: 20px !important; padding-right: 20px !important; }
	.h1c { font-size: 33px !important; line-height: 1.16 !important; }
	.brand { font-size: 20px !important; }
	.g4, .g5, .facts, .fgrid, .g3f { grid-template-columns: 1fr !important; }
	.crit { grid-template-columns: 1fr 44px !important; }
	.crit > span:first-child { grid-column: 1 / -1; }
	.fbot { flex-direction: column; align-items: flex-start !important; gap: 8px; }
	.cookie { flex-direction: column; align-items: stretch !important; }
	.author { flex-direction: column !important; }
	.minilabel { display: none !important; }
	.fnl { padding: 26px 22px 34px !important; }
	.steps, .heroCtas, .wrapline { flex-wrap: wrap; }
	.ctacol { align-items: flex-start !important; }
	.navcta { padding: 10px 13px !important; font-size: 12px !important; }
	.bandpad { padding: 28px 24px !important; }
	.mobcta { display: block !important; }
}

/* Interaktions-Zustände (style-hover aus dem Prototyp) */
a { color: inherit; }
.hov-accent-bg:hover { background: #12151C !important; }
.hov-border-dark:hover { border-color: #1B1814 !important; }
.hov-accent-text:hover { color: #1F2430 !important; }
.hov-row:hover { background: #F7F3EB !important; }
.hov-card:hover { border-color: #1F2430 !important; }
.hov-white:hover { background: #FFFFFF !important; }
.hov-opacity:hover { opacity: .88; }
.hov-funnel:hover { border-color: #1F2430 !important; background: #EEF0F3 !important; }
.hov-outline:hover { border-color: #FBF8F3 !important; }
input.aia-input:focus { border-color: #1F2430 !important; outline: none; }

/* Versteckte Elemente / Utilities */
.aia-hidden { display: none !important; }
.aia-hp { position: absolute !important; left: -9999px !important; opacity: 0; height: 0; overflow: hidden; }
.screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute !important; }