diff --git a/css/style.css b/css/style.css index e6f87df..e2953e3 100644 --- a/css/style.css +++ b/css/style.css @@ -300,6 +300,13 @@ a { color:inherit; text-decoration:none; } .form-group input, .form-group textarea { width:100%; padding:10px 14px; border:1px solid var(--gray-200); border-radius:var(--radius); font-family:inherit; font-size:0.95rem; color:var(--text); background:var(--base); transition:border-color 0.2s; } .form-group input:focus, .form-group textarea:focus { outline:none; border-color:var(--gold); } .form-group textarea { resize:vertical; } +/* Anwendungsfaelle unter der Karte im Bereich Live-Lagebilder */ +.einsatz-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:40px; } +.einsatz-card { background:var(--white); border:1px solid var(--gray-100); border-radius:var(--radius-lg); padding:26px 28px; box-shadow:var(--shadow); } +.einsatz-card h3 { color:var(--navy); font-size:1.2rem; margin:0 0 10px; } +.einsatz-card p { color:var(--text-light); font-size:0.97rem; line-height:1.6; margin:0; } +@media(max-width:768px) { .einsatz-grid { gap:16px; margin-top:28px; } .einsatz-card { padding:20px 22px; } } + /* Testzugang-Formular im Anfrage-Popup der Startseite */ .form-group select { width:100%; padding:10px 14px; border:1px solid var(--gray-200); border-radius:var(--radius); font-family:inherit; font-size:0.95rem; color:var(--text); background-color:var(--base); transition:border-color 0.2s; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; padding-right:38px; } .form-group select:focus { outline:none; border-color:var(--gold); } diff --git a/en/index.html b/en/index.html index 386b07e..41de42a 100644 --- a/en/index.html +++ b/en/index.html @@ -282,7 +282,6 @@