.naipo-contact-section{
max-width: 1280px; /* mehr Luft auf großen Screens */
margin: 0 auto;
padding: clamp(16px,2.5vw,32px);
font-family: 'Montserrat', sans-serif;
text-align: center;
}
.naipo-contact-section h2{
font-size: clamp(1.6rem,2.4vw,2.2rem);
font-weight: 700; margin: 0 0 10px; color:#111;
}
.naipo-contact-section .lead{
font-size: 1.05rem; color:#555; margin: 0 0 22px;
}
.naipo-note{
background:#fffdf8;
border:1px solid #ffe0a3;
color:#7a5a00;
border-radius:12px;
padding:14px 16px;
margin:0 auto 28px;
max-width: 1000px;
text-align:left;
font-size:.95rem; line-height:1.5;
}
/* ROW 1: Lounge + Support nebeneinander */
.naipo-primary-grid{
display:grid;
gap: 28px;
grid-template-columns: repeat(2, minmax(360px, 1fr));
align-items: stretch;
justify-content: center;
margin-bottom: 32px;
}
/* ROW 2: B2B mittig */
.naipo-secondary-grid{
display:grid;
gap: 28px;
grid-template-columns: minmax(360px, 720px);
justify-content: center;
margin-bottom: 42px;
}
.naipo-card{
background:#fff; /* weiß für klare Abgrenzung */
border:1px solid #eaeaea;
border-radius:16px;
padding: 22px;
text-align:left;
display:flex; flex-direction:column; height:100%;
box-shadow:
0 1px 2px rgba(0,0,0,.04),
0 8px 24px rgba(0,0,0,.06); /* stärkerer, moderner Schatten */
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.naipo-card:hover{
transform: translateY(-2px);
box-shadow:
0 2px 6px rgba(0,0,0,.06),
0 12px 28px rgba(0,0,0,.10);
border-color:#e2e2e2;
}
.naipo-card h3{ font-size:1.15rem; font-weight:700; color:#111; margin:0 0 8px; }
.naipo-card p{ font-size:.95rem; color:#444; margin:0 0 14px; }
.naipo-actions{
margin-top:auto;
display:flex; flex-wrap:wrap; gap:10px;
}
.naipo-btn{
flex: 0 1 auto;
min-width: 132px; /* einheitliche minimale Breite */
padding: 6px 12px; /* flacher Button */
font-size:.85rem; line-height:1.2;
color:#fff; background:#111;
border-radius:10px;
text-decoration:none;
text-align:center;
border: 1px solid transparent;
transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.naipo-btn:hover{ background:#333; }
.naipo-btn--ghost{ background:#fff; color:#111; border-color:#e0e0e0; }
.naipo-btn--ghost:hover{ border-color:#cfcfcf; }
/* WhatsApp grün */
.naipo-btn--whatsapp{ background:#25D366; }
.naipo-btn--whatsapp:hover{ background:#1fb457; }
/* Kompakte Kurz-FAQ in Karten */
.mini-faq{ margin-top:14px; border-top:1px solid #eee; padding-top:10px; }
.mini-faq details{
background:#fff; border:1px solid #eee; border-radius:10px;
padding:10px 12px; margin:8px 0;
}
.mini-faq summary{ cursor:pointer; font-weight:600; color:#111; list-style:none; }
.mini-faq summary::-webkit-details-marker{ display:none; }
.mini-faq .a{ margin-top:6px; color:#444; font-size:.95rem; line-height:1.5; }
/* Team cards (unten, unverändert außer stärkerem Schatten) */
.naipo-team-grid{
display:flex; flex-wrap:wrap; justify-content:center; gap:28px;
}
.naipo-contact-card{
background:#fff; border:1px solid #eaeaea; border-radius:16px; padding:24px;
flex:1 1 280px; max-width:320px; text-align:center;
box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
transition: transform .18s ease, box-shadow .18s ease;
}
.naipo-contact-card:hover{ transform:translateY(-2px); box-shadow: 0 2px 6px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.1); }
.naipo-contact-card img{ width:80px; height:80px; object-fit:cover; border-radius:50%; border:2px solid #ddd; margin-bottom:14px; }
.naipo-contact-card h4{ font-size:1.05rem; font-weight:700; margin:0 0 4px; color:#111; }
.naipo-contact-card .role{ color:#666; margin-bottom:6px; font-size:.95rem; }
.naipo-contact-card .response-time{ font-size:.85rem; color:#009688; margin-bottom:12px; }
.naipo-contact-card .contact-buttons a{
display:inline-block; margin:6px 6px 0 6px; padding:8px 12px; font-size:.85rem; color:#fff; background:#111;
border-radius:8px; text-decoration:none; transition: background .25s ease;
}
.naipo-contact-card .contact-buttons a:hover{ background:#333; }
.naipo-contact-card .contact-buttons a.is-whatsapp{ background:#25D366; }
.naipo-contact-card .contact-buttons a.is-whatsapp:hover{ background:#1fb457; }
/* Responsive: unter 980px einspaltig */
@media (max-width: 980px){
.naipo-primary-grid{ grid-template-columns: 1fr; }
}