/* WIRpirna Startseite 0.6.4 – Referenzlayout Desktop + Smartphone */
.wpirna-home{--navy:#07376f;font-family:Arial,Helvetica,sans-serif;max-width:1500px;margin:0 auto;background:#fff;color:var(--navy);line-height:1.22}.wpirna-home *{box-sizing:border-box}.wpirna-home a{text-decoration:none}.wpirna-hero{background:#fff}.wpirna-header-desktop,.wpirna-header-mobile{display:block;width:100%;height:auto}.wpirna-header-mobile{display:none}.wpirna-maincards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px 18px}.wpirna-main{min-width:0;min-height:185px;border-radius:18px;color:#fff;padding:18px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;box-shadow:0 4px 12px #002d5c22}.wpirna-main.city{background:linear-gradient(145deg,#1aa0e5,#0756b6)}.wpirna-main.connect{background:linear-gradient(145deg,#45ae32,#087629)}.wpirna-main.help{background:linear-gradient(145deg,#ffad14,#ed7300)}.main-icon{font-size:50px;line-height:1;width:68px;height:68px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center}.main-copy{min-width:0;display:flex;flex-direction:column}.wpirna-main h2{color:#fff!important;font-size:29px!important;line-height:1.02!important;margin:0 0 8px!important}.wpirna-main p{color:#fff!important;font-size:15px!important;line-height:1.3!important;margin:0 0 12px!important}.wpirna-main strong{margin-top:auto;background:#fff;border-radius:22px;padding:10px;text-align:center;color:#08417b;font-size:14px}.connect strong{color:#087629}.help strong{color:#c95000}.wpirna-areas,.wpirna-current{margin:0 18px 16px;padding:14px;background:#eef8ff;border-radius:18px}.wpirna-areas>h2,.current-head h2{margin:0 0 12px!important;color:#082f63!important;font-size:24px!important;line-height:1.15!important}.wpirna-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.area{--accent:#0879d4;position:relative;min-width:0;height:104px;display:grid;grid-template-columns:64px minmax(0,1fr) 38%;align-items:center;background:#fff;border:3px solid var(--accent);border-radius:13px;overflow:hidden;color:#082f63!important;box-shadow:0 2px 6px #003d7818}.area.red{--accent:#e71919}.area.blue{--accent:#0879d4}.area.purple{--accent:#8e13d9}.area.pink{--accent:#f21673}.area.teal{--accent:#0b9f96}.area.violet{--accent:#7818c9}.area.orange{--accent:#f47d00}.area.green{--accent:#258c13}.area.gold{--accent:#e8ad00}.area-icon{z-index:3;width:52px;height:52px;margin-left:7px;border-radius:50%;display:grid;place-items:center;background:var(--accent);border:3px solid #fff;color:#fff;font-size:25px;box-shadow:0 2px 7px #003d7830}.area-text{z-index:3;min-width:0;padding:8px}.area-text b{display:block;color:var(--accent);font-size:17px;line-height:1.08;margin-bottom:5px}.area-text small{display:block;color:#24486d;font-size:12px;line-height:1.18}.area-photo{align-self:stretch;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;border-left:1px solid #d9e5ef}.area i{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:4;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--accent);border:3px solid #fff;color:#fff;font:700 28px/1 Arial;font-style:normal;box-shadow:0 2px 5px #0003}.current-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.current-head a{font-size:13px;font-weight:700;color:#0879d4;white-space:nowrap}.current-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.news{height:150px;border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:flex-end;overflow:hidden;box-shadow:0 2px 6px #003d7820}.news b{margin:0 0 10px 10px;padding:7px 13px;border-radius:18px;background:#0879d4;color:#fff;font-size:14px}.news.nature b{background:#239425}.news.shop b{background:#f07a00}
@media(max-width:760px){
 .wpirna-home{width:100%;max-width:none;overflow:hidden;background:#fff}
 .wpirna-header-desktop{display:none!important}.wpirna-header-mobile{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center top!important;aspect-ratio:auto!important}
 .wpirna-maincards{grid-template-columns:1fr;gap:6px;padding:7px 9px}
 .wpirna-main{min-height:106px;border-radius:11px;padding:9px 11px;grid-template-columns:58px minmax(0,1fr);gap:9px}
 .main-icon{font-size:32px;width:53px;height:53px;border-width:3px}.wpirna-main h2{font-size:22px!important;line-height:1.02!important;margin-bottom:3px!important}.wpirna-main p{font-size:11.5px!important;line-height:1.18!important;margin:0 0 4px!important}.wpirna-main strong{padding:5px 7px;font-size:11.5px;border-radius:15px}
 .wpirna-areas,.wpirna-current{margin:0 9px 9px;padding:7px;border-radius:11px}.wpirna-areas>h2,.current-head h2{font-size:18px!important;margin-bottom:7px!important}.wpirna-grid{grid-template-columns:1fr;gap:5px}
 /* Smartphone: Referenz = schmale, scharfe Querformat-Kacheln. Bild rechts, Text links. */
 .area{height:55px;grid-template-columns:44px minmax(0,1fr) 31%;border-width:2px;border-radius:8px;box-shadow:none}
 .area-icon{width:35px;height:35px;font-size:17px;margin-left:4px;border-width:2px;box-shadow:0 1px 4px #003d7830}
 .area-text{padding:3px 5px}.area-text b{font-size:13px;line-height:1.02;margin-bottom:1px;white-space:normal}.area-text small{font-size:8.5px;line-height:1.06}
 .area-photo{width:100%;height:100%;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;border-left:0;filter:none!important;image-rendering:auto}
 .area i{width:27px;height:27px;font-size:21px;right:4px;border-width:2px}
 .current-head a{font-size:8px}.current-grid{grid-template-columns:1fr;gap:5px}.news{height:82px}.news b{font-size:10px;padding:4px 8px;margin:0 0 5px 5px}
}
@media(max-width:420px){.wpirna-main h2{font-size:20px!important}.wpirna-main p{font-size:10.5px!important}.area{height:52px;grid-template-columns:42px minmax(0,1fr) 32%}.area-icon{width:34px;height:34px}.area-text b{font-size:12px}.area-text small{font-size:8px}}