:root{--tri-blue:#3aa0b8}
.tri-first-start-pending body{opacity:1!important;transition:none!important}
.tri-language-modal-open{overflow:hidden}
.tri-language-start-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.tri-language-start-modal.is-open{opacity:1;visibility:visible}
.tri-language-start-card{width:min(590px,100%);max-height:min(600px,calc(100vh - 28px));overflow:auto;padding:20px 26px 18px;border:1px solid rgba(129,205,226,.24);border-radius:18px;background:#25221f;color:#f6f3ee;box-shadow:0 26px 80px rgba(0,0,0,.46);text-align:left}
.tri-language-start-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}
.tri-language-start-logo{display:block;width:min(220px,46%);height:auto}
.tri-language-start-tagline{margin:0;color:#f8f5f1;font-family:"EB Garamond",Georgia,serif;font-size:clamp(18px,2.4vw,25px);font-weight:700;line-height:1.08;white-space:nowrap}
.tri-language-start-card h2{margin:0 0 9px;color:var(--tri-blue);font-family:"EB Garamond",Georgia,serif;font-size:clamp(21px,2.7vw,26px);line-height:1.16}
.tri-language-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:22px;row-gap:1px}
.tri-language-start-option{appearance:none;display:flex;align-items:center;gap:8px;min-width:0;min-height:32px;padding:3px 7px;border:2px solid transparent;border-radius:18px;background:transparent;color:#f6f3ee;font:500 15px Roboto,Arial,sans-serif;text-align:left;cursor:pointer}
.tri-language-start-option img{width:19px;height:19px;flex:0 0 19px;border-radius:50%;object-fit:cover}
.tri-language-start-option:hover,.tri-language-start-option:focus-visible{background:rgba(58,160,184,.10);outline:none}
.tri-language-start-option.is-active{border-color:var(--tri-blue);background:rgba(58,160,184,.08)}
.tri-language-start-appearance-title{margin-top:17px!important}
.tri-language-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.tri-language-theme-option{appearance:none;display:grid;grid-template-columns:1fr;gap:2px;min-width:0;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.tri-language-theme-option img{display:block;width:80%;aspect-ratio:16/8.7;object-fit:cover;object-position:top center;border:2px solid transparent;border-radius:6px;margin:0 0 7px;box-sizing:border-box}
.tri-language-theme-option.is-active img{border-color:var(--tri-blue);box-shadow:0 0 0 1px rgba(58,160,184,.18)}
.tri-language-theme-option strong{color:#f6f3ee;font-size:14px;line-height:1.22;font-weight:500}
.tri-language-theme-option>span:last-child{color:#ddd7cf;font-size:13px;line-height:1.22}
.tri-language-start-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px auto 0}
.tri-language-start-button{appearance:none;min-height:38px;padding:8px 18px;border:1px solid rgba(129,205,226,.35);border-radius:20px;background:transparent;color:#f6f3ee;font:600 14px Roboto,Arial,sans-serif;cursor:pointer}
.tri-language-start-button-primary{border-color:var(--tri-blue);background:var(--tri-blue);color:#fff}
.tri-language-confirm{display:none;text-align:center;padding:6px 0 2px}.tri-language-confirm.is-open{display:block}.tri-language-selection.is-hidden{display:none}
.tri-language-confirm p{margin:2px auto 12px;color:#ddd7cf;font:14px/1.35 Roboto,Arial,sans-serif;max-width:460px}
:root[data-theme="bright"] .tri-language-start-card{border-color:#d6dce3;background:#fff;color:#1f2937;box-shadow:0 24px 70px rgba(31,41,55,.28)}
:root[data-theme="bright"] .tri-language-start-tagline,:root[data-theme="bright"] .tri-language-start-option,:root[data-theme="bright"] .tri-language-theme-option strong,:root[data-theme="bright"] .tri-language-start-button{color:#1f2937}
:root[data-theme="bright"] .tri-language-theme-option>span:last-child,:root[data-theme="bright"] .tri-language-confirm p{color:#4b5563}
:root[data-theme="bright"] .tri-language-start-button-primary{color:#fff}
@media(max-width:720px){.tri-language-start-modal{padding:10px;align-items:flex-start}.tri-language-start-card{max-height:calc(100vh - 20px);padding:18px;border-radius:14px}.tri-language-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.tri-language-theme-grid{gap:16px}}
@media(max-width:480px){.tri-language-start-brand{align-items:flex-start;flex-direction:column;margin-bottom:14px}.tri-language-start-logo{width:220px;max-width:78%}.tri-language-start-tagline{white-space:normal}.tri-language-start-grid,.tri-language-theme-grid{grid-template-columns:1fr}}

/* === RESTART_35_START_MODAL_NO_IFRAME_START ===
   Die echte Seite bleibt im selben Dokument sichtbar.
   Abdunklung und Blur liegen direkt auf den Seitenbereichen hinter dem Dialog. */
html.tri-language-modal-open body > :not(#tri-language-start-modal):not(script):not(style) {
  filter: blur(3px) brightness(.68) !important;
  -webkit-filter: blur(3px) brightness(.68) !important;
  transform: translateZ(0);
  pointer-events: none !important;
  user-select: none !important;
}

html.tri-language-modal-open #tri-language-start-modal {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.tri-language-modal-open #tri-language-start-modal::before,
html.tri-language-modal-open #tri-language-start-modal::after {
  content: none !important;
  display: none !important;
}
/* === RESTART_35_START_MODAL_NO_IFRAME_END === */