/* Infosidorna: Om oss, och efter hand Köptrygghet, Kontakt, Köpa biljetter, FAQ.
   Laddas bara av templates/infosida.jsp, via request-attributet needsInfosida i
   frametemplates/standard.jsp.

   Ett släkte, inte kloner: tokens och komponenter här är gemensamma, men varje
   sida väljer sina egna komponenter i elements/infosida-<sida>.jsp.

   Allt ligger under .event-template, elementets ram, så specificiteten är
   densamma som när stilen stod inline i Om oss-sidans xmlpage. */

.event-template .t2i{--t2i-bla:#003365;--t2i-orange:#ff5000;--t2i-text:#1f2a37;--t2i-text-svag:#3d4a5c;--t2i-yta:#f4f6f9;--t2i-ikonyta:#eef2f7;--t2i-linje:#e3e8ee;--t2i-typsnitt:Poppins,Arial,"Helvetica Neue",Helvetica,sans-serif}

.event-template .t2i{font-family:var(--t2i-typsnitt);color:var(--t2i-text);line-height:1.55}
.event-template .t2i h1,.event-template .t2i h2,.event-template .t2i h3{margin:0;font-family:var(--t2i-typsnitt);color:var(--t2i-bla);font-weight:700}
.event-template .t2i p{margin:0 0 14px;font-size:16px}
.event-template .t2i a{font-size:inherit;color:var(--t2i-bla)}
.event-template .t2i strong,.event-template .t2i b{font-size:inherit}
.event-template .t2i-hero{position:relative;height:130px;border-radius:6px;overflow:hidden;background:linear-gradient(120deg,#17508f 0%,#0d3566 55%,#082448 100%)}
.event-template .t2i-hero h1{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#fff;font-size:32px;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.event-template .t2i-nav{display:flex;flex-wrap:wrap;gap:6px 28px;padding:16px 4px;border-bottom:1px solid var(--t2i-linje)}
.event-template .t2i-nav a{font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}
.event-template .t2i-nav a:hover{color:var(--t2i-orange)}
.event-template .t2i-sek{padding:36px 4px 8px;scroll-margin-top:12px}
/* Under 768px är headern position: fixed, och --header-offset är dess uppmätta höjd (standard.jsp). */
@media (max-width:768px){.event-template .t2i-sek{scroll-margin-top:calc(var(--header-offset,170px) + 12px)}}
.event-template .t2i-sek h2{font-size:28px;line-height:1.2;padding-bottom:14px;margin-bottom:22px;position:relative}
.event-template .t2i-sek h2:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;background:var(--t2i-orange);border-radius:2px}
.event-template .t2i-vilka{display:flex;gap:40px;align-items:flex-start}
.event-template .t2i-text{flex:1 1 60%}
.event-template .t2i-foto{flex:0 0 300px;margin:0;padding-top:6px}
.event-template .t2i-foto img{width:100%;height:auto;display:block;border-radius:6px}
.event-template .t2i-sign{display:flex;align-items:center;gap:14px;margin-top:22px;padding-left:14px;border-left:3px solid var(--t2i-orange);font-size:14px;color:var(--t2i-text-svag);line-height:1.4}
.event-template .t2i-sign strong{color:var(--t2i-bla);font-size:15px}
.event-template .t2i-rutor{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.event-template .t2i-ruta{text-align:center}
.event-template .t2i-ikon{display:flex;width:112px;height:112px;margin:0 auto 16px;border-radius:50%;background:var(--t2i-ikonyta);align-items:center;justify-content:center;color:var(--t2i-bla)}
.event-template .t2i-ikon svg{width:44px;height:44px}
.event-template .t2i-ruta h3{font-size:17px;margin-bottom:8px}
.event-template .t2i-ruta p{font-size:14px;color:var(--t2i-text-svag);margin:0}
.event-template .t2i-kunder{display:flex;align-items:center;gap:26px;padding:18px 22px;background:var(--t2i-yta);border-radius:8px}
.event-template .t2i-tplogo{display:flex;align-items:center;gap:8px;flex:none;font-weight:700;font-size:21px;color:#191919;letter-spacing:-.01em}
.event-template .t2i-tplogo svg{width:26px;height:26px}
.event-template .t2i-tpbox{flex:1 1 auto;min-width:0}
.event-template .t2i-tpbox .trustpilot-widget a{font-weight:600}
.event-template .t2i-tplank{flex:none;font-size:14px;font-weight:600;white-space:nowrap}
.event-template .t2i-kunder:has(.trustpilot-widget iframe) .t2i-tplogo{display:none}
.event-template .t2i-bolag p{font-size:14px;color:var(--t2i-text-svag)}
@media (max-width:900px){.event-template .t2i-rutor{grid-template-columns:repeat(2,1fr)}.event-template .t2i-hero{height:110px}.event-template .t2i-hero h1{font-size:28px}}
@media (max-width:600px){.event-template .t2i-hero{border-radius:4px;height:84px}.event-template .t2i-hero h1{font-size:24px}.event-template .t2i-kunder{flex-wrap:wrap;gap:14px 20px;padding:16px}.event-template .t2i-tpbox{flex-basis:100%}.event-template .t2i-nav{gap:0;padding:10px 2px 6px}.event-template .t2i-nav a{white-space:nowrap;font-size:12px;margin:0 20px 8px 0}.event-template .t2i-sek{padding:28px 2px 4px}.event-template .t2i-sek h2{font-size:23px;padding-bottom:12px;margin-bottom:16px}.event-template .t2i p{font-size:15px}.event-template .t2i-vilka{flex-wrap:wrap}.event-template .t2i-foto{flex:1 1 100%;max-width:420px;margin:8px auto 0;padding-top:0}.event-template .t2i-rutor{grid-template-columns:1fr;gap:20px}.event-template .t2i-ruta{display:flex;align-items:flex-start;gap:14px;text-align:left}.event-template .t2i-rutatext{flex:1 1 auto;min-width:0}.event-template .t2i-ikon{flex:none;width:56px;height:56px;margin:0}.event-template .t2i-ikon svg{width:24px;height:24px}.event-template .t2i-ruta h3{font-size:16px;margin:4px 0 4px}.event-template .t2i-ruta p{font-size:14px}}