/* mira-chrome.css — shared fonts + interior chrome (pilot: books/buecher/tests).
   Page-specific hover/layout stays inline. Phone layer remains phone.css. */

:root {
  --mira-cream: #f4ece0;
  --mira-ink: #2a1b1c;
  --mira-wine: #5c1226;
  --mira-wine-deep: #4b0f1c;
  --mira-wine-night: #2a0a12;
  --mira-gold: #b8893f;
  --mira-gold-bright: #c8a35c;
  --mira-muted: #6b514a;
  --mira-body: #4a3a37;
}

@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/cormorant-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/cormorant-400-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fonts/cormorant-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 700;font-display:swap;src:url(/assets/fonts/cormorant-400-italic-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Lora";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/lora-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Lora";font-style:normal;font-weight:400 600;font-display:swap;src:url(/assets/fonts/lora-400-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:"Lora";font-style:italic;font-weight:400 600;font-display:swap;src:url(/assets/fonts/lora-400-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  @font-face{font-family:"Lora";font-style:italic;font-weight:400 600;font-display:swap;src:url(/assets/fonts/lora-400-italic-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  body { margin: 0; background: #2a0a12; }
  a { color: inherit; text-decoration: none; }
  a:hover { color: #7a1a2d; }
  ::selection { background: #e9d3a8; }
  a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible { outline: 2px solid #5c1226; outline-offset: 3px; }
  input:focus, textarea:focus { border-color: #5c1226; }
  summary { list-style: none; cursor: pointer; }
  summary::-webkit-details-marker { display: none; }
  details[open] .dc-plus { transform: rotate(45deg); }
  .dc-skip { position:absolute; left:-9999px; }
  .dc-skip:focus { left:1vw; top:1vw; background:#5c1226; color:#f4ece0; padding:0.6vw 1.2vw; z-index:9; }

  @media (max-width: 760px) {
    /* Hauptmenue als feste zwei Spalten statt Flatterrand: der Umbruch lag je
       Sprache woanders, dadurch "verschob sich" das Menue beim Sprachwechsel. */
    header > nav:not([aria-label]) { display: flex !important; justify-content: center; width: 100%; }
    header > a { font-size: clamp(1.4rem, 7vw, 1.75rem) !important; letter-spacing: 0.1em !important; padding-left: 0.1em !important; max-width: 100% !important; }
  header > div:first-child { letter-spacing: 0.12em !important; font-size: 0.68rem !important; max-width: 22em !important; }
    nav { gap: 6px 14px !important; }
    nav a, nav span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 6px !important; font-size: 13px !important; letter-spacing: 0.12em !important; }
  }

/* handy_feinschliff:auf */
@media (max-width:760px){
  [style*="gap:0.278vw"]{gap:10px!important}
  [style*="gap:0.347vw"]{gap:10px!important}
  [style*="gap:0.417vw"]{gap:10px!important}
  [style*="gap:0.486vw"]{gap:10px!important}
  [style*="gap:0.556vw"]{gap:10px!important}
  [style*="gap:0.694vw"]{gap:10px!important}
  [style*="gap:0.7vw"]{gap:10px!important}
  [style*="gap:0.833vw"]{gap:10px!important}
  [style*="gap:0.972vw"]{gap:10px!important}
  [style*="gap:1.111vw"]{gap:10px!important}
  [style*="gap:1.25vw"]{gap:11px!important}
  [style*="gap:1.389vw"]{gap:12px!important}
  [style*="gap:1.528vw"]{gap:14px!important}
  [style*="gap:1.667vw"]{gap:15px!important}
  [style*="gap:1.8vw"]{gap:16px!important}
  [style*="gap:1.806vw"]{gap:16px!important}
  [style*="gap:1.944vw"]{gap:17px!important}
  [style*="gap:2.083vw"]{gap:19px!important}
  [style*="gap:2.222vw"]{gap:20px!important}
  [style*="gap:2.361vw"]{gap:21px!important}
  [style*="gap:2.778vw"]{gap:25px!important}
  [style*="gap:3.056vw"]{gap:27px!important}
  [style*="gap:3.333vw"]{gap:30px!important}
  [style*="gap:3.889vw"]{gap:35px!important}
  [style*="gap:4.167vw"]{gap:37px!important}
  [style*="gap:4.444vw"]{gap:40px!important}
  [style*="gap:4.861vw"]{gap:43px!important}
  [style*="height:0.278vw"]{height:4px!important}
  [style*="height:0.347vw"]{height:5px!important}
  [style*="height:0.417vw"]{height:6px!important}
  [style*="height:0.833vw"]{height:12px!important}
  [style*="margin:0.556vw"]{margin:5px!important}
  [style*="margin:1.111vw"]{margin:10px!important}
  [style*="margin:1.25vw"]{margin:11px!important}
  [style*="margin:1.4vw"]{margin:12px!important}
  [style*="margin-bottom:0.556vw"]{margin-bottom:5px!important}
  [style*="margin-bottom:1.1vw"]{margin-bottom:10px!important}
  [style*="margin-bottom:1.111vw"]{margin-bottom:10px!important}
  [style*="margin-top:0.3vw"]{margin-top:3px!important}
  [style*="margin-top:0.417vw"]{margin-top:4px!important}
  [style*="margin-top:0.556vw"]{margin-top:5px!important}
  [style*="margin-top:0.694vw"]{margin-top:6px!important}
  [style*="margin-top:0.833vw"]{margin-top:7px!important}
  [style*="margin-top:0.972vw"]{margin-top:9px!important}
  [style*="margin-top:1.111vw"]{margin-top:10px!important}
  [style*="margin-top:1.25vw"]{margin-top:11px!important}
  [style*="margin-top:1.389vw"]{margin-top:12px!important}
  [style*="margin-top:1.667vw"]{margin-top:15px!important}
  [style*="margin-top:2.222vw"]{margin-top:20px!important}
  [style*="margin-top:3.056vw"]{margin-top:27px!important}
  [style*="margin-top:3.333vw"]{margin-top:30px!important}
  [style*="margin-top:5vw"]{margin-top:45px!important}
  [style*="padding:0.208vw"]{padding:14px!important}
  [style*="padding:0.278vw"]{padding:14px!important}
  [style*="padding:0.35vw"]{padding:14px!important}
  [style*="padding:0.4vw"]{padding:14px!important}
  [style*="padding:0.556vw"]{padding:14px!important}
  [style*="padding:0.6vw"]{padding:14px!important}
  [style*="padding:0.694vw"]{padding:14px!important}
  [style*="padding:0.7vw"]{padding:14px!important}
  [style*="padding:0.903vw"]{padding:14px!important}
  [style*="padding:0.972vw"]{padding:14px!important}
  [style*="padding:1.042vw"]{padding:14px!important}
  [style*="padding:1.111vw"]{padding:14px!important}
  [style*="padding:1.181vw"]{padding:14px!important}
  [style*="padding:1.25vw"]{padding:14px!important}
  [style*="padding:1.389vw"]{padding:14px!important}
  [style*="padding:1.528vw"]{padding:14px!important}
  [style*="padding:1.667vw"]{padding:15px!important}
  [style*="padding:1.8vw"]{padding:16px!important}
  [style*="padding:1.806vw"]{padding:16px!important}
  [style*="padding:2.083vw"]{padding:19px!important}
  [style*="padding:2.222vw"]{padding:20px!important}
  [style*="padding:2.361vw"]{padding:21px!important}
  [style*="padding:2.5vw"]{padding:22px!important}
  [style*="padding:2.778vw"]{padding:25px!important}
  [style*="padding:3.056vw"]{padding:27px!important}
  [style*="padding:3.194vw"]{padding:29px!important}
  [style*="padding:3.333vw"]{padding:30px!important}
  [style*="padding:3.472vw"]{padding:31px!important}
  [style*="padding:3.611vw"]{padding:32px!important}
  [style*="padding:3.889vw"]{padding:35px!important}
  [style*="padding:4.167vw"]{padding:37px!important}
  [style*="padding:4.444vw"]{padding:40px!important}
  [style*="padding:4.583vw"]{padding:41px!important}
  [style*="padding:4.861vw"]{padding:43px!important}
  [style*="padding:5.139vw"]{padding:46px!important}
  [style*="padding:5.278vw"]{padding:47px!important}
  [style*="padding:5.417vw"]{padding:48px!important}
  [style*="padding:5.556vw"]{padding:50px!important}
  [style*="padding:5.694vw"]{padding:51px!important}
  [style*="padding:5.833vw"]{padding:52px!important}
  [style*="padding:6.111vw"]{padding:55px!important}
  [style*="padding:6.667vw"]{padding:60px!important}
  [style*="padding:7.639vw"]{padding:68px!important}
  [style*="padding-bottom:0.139vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:0.2vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:0.208vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:0.278vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:0.347vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:0.833vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:1.111vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:1.25vw"]{padding-bottom:14px!important}
  [style*="padding-bottom:1.528vw"]{padding-bottom:14px!important}
  [style*="padding-left:1.25vw"]{padding-left:14px!important}
  [style*="padding-left:1.667vw"]{padding-left:15px!important}
  [style*="padding-right:1.25vw"]{padding-right:14px!important}
  [style*="padding-top:0.278vw"]{padding-top:14px!important}
  [style*="padding-top:0.417vw"]{padding-top:14px!important}
  [style*="padding-top:0.556vw"]{padding-top:14px!important}
  [style*="padding-top:0.694vw"]{padding-top:14px!important}
  [style*="padding-top:0.833vw"]{padding-top:14px!important}
  [style*="padding-top:0.972vw"]{padding-top:14px!important}
  [style*="padding-top:1.111vw"]{padding-top:14px!important}
  [style*="padding-top:1.25vw"]{padding-top:14px!important}
  [style*="padding-top:1.389vw"]{padding-top:14px!important}
  [style*="padding-top:1.528vw"]{padding-top:14px!important}
  [style*="padding-top:4.861vw"]{padding-top:43px!important}
  [style*="width:0.278vw"]{width:4px!important}
  [style*="width:0.347vw"]{width:5px!important}
  [style*="width:0.417vw"]{width:6px!important}
  [style*="width:0.833vw"]{width:12px!important}
  [style*="width:2.083vw"]{width:30px!important}
  [style*="width:2.5vw"]{width:36px!important}
  [style*="width:3.056vw"]{width:44px!important}
  [style*="width:3.194vw"]{width:46px!important}
  [style*="width:3.472vw"]{width:50px!important}
  [style*="width:4.167vw"]{width:60px!important}
  [style*="width:4.861vw"]{width:70px!important}
  [style*="width:5.556vw"]{width:72px!important}
  [style*="width:8vw"]{width:72px!important}
  [style*="width:9.028vw"]{width:72px!important}
  [style*="max-width:30.556vw"]{max-width:100%!important}
  [style*="max-width:38.889vw"]{max-width:100%!important}
  [style*="max-width:52.778vw"]{max-width:100%!important}
  [style*="max-width:56.944vw"]{max-width:100%!important}
  [style*="max-width:59.722vw"]{max-width:100%!important}
  [style*="max-width:62.5vw"]{max-width:100%!important}
  [style*="max-width:65.278vw"]{max-width:100%!important}
  main > div{padding-left:20px!important;padding-right:20px!important}
  [style*="grid-template-columns:repeat(3"],[style*="grid-template-columns:repeat(2"]{grid-template-columns:1fr!important}
  main img[src*="/assets/cover"]{width:100%!important;margin-inline:auto!important;display:block}
  .mira-sp .panel{padding:18px!important;gap:14px!important}
  .mira-sp{gap:14px!important}
  main table{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  main table td,main table th{white-space:normal!important;min-width:8em}
  main p,main li,main td{overflow-wrap:anywhere}
  [style*="text-align:justify"]{text-align:left!important}
}
/* handy_feinschliff:zu */