diff --git a/assets/css/custom.css b/assets/css/custom.css
index e937d2f..15126f4 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -777,7 +777,7 @@ nav [class*="font-bold"] {
   box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 10px 36px rgba(0,0,0,0.07);
 }
 .dark .hosting-card { background: #211e1a; border-color: #2d2926; }
-.hosting-card.wide { max-width: 940px; }
+.hosting-card.wide { max-width: 1040px; }
 
 .hosting-title {
   font-family: 'Playfair Display', Georgia, serif;
@@ -822,7 +822,9 @@ nav [class*="font-bold"] {
 .hosting-msg.err { background: #f8ece4; border: 1px solid #e0b896; color: #9a4a1e; }
 .hosting-msg.ok  { background: #ecefe6; border: 1px solid #c2cdb0; color: #4a5a32; }
 
-.hosting-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 8px; }
+/* Pläne nebeneinander (3 Spalten) — erst auf schmalen Screens gestapelt. */
+.hosting-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 8px; }
+@media (max-width: 860px) { .hosting-plans { grid-template-columns: 1fr; } }
 .hosting-plan {
   position: relative; display: flex; flex-direction: column;
   background: var(--rapport-surface2); border: 1px solid var(--rapport-border);