/* F&B Matters · Anpassungen für WordPress und Avada. Schriften liegen auf dem eigenen Server. */
@font-face{font-family:"Archivo";src:url(fonts/archivo-latin-wdth-normal.woff2) format("woff2-variations"),url(fonts/archivo-latin-wdth-normal.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;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:"IBM Plex Mono";src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/ibm-plex-mono-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(fonts/newsreader-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

/* Avada-Rahmen neutralisieren, eigener Kopf und Fuss übernehmen */
html body.fbm{background:var(--paper)!important;color:var(--ink);font:400 18px/1.55 var(--display);
  --body_typography-font-family:var(--display);--body_typography-color:var(--ink);--body_typography-font-size:18px;
  --h1_typography-font-family:var(--display);--h2_typography-font-family:var(--display);--h3_typography-font-family:var(--display);--h4_typography-font-family:var(--display);
  --h1_typography-color:var(--ink);--h2_typography-color:var(--ink);--h3_typography-color:var(--ink);--h4_typography-color:var(--ink);
  --link_color:var(--ink);--link_hover_color:var(--saffron-ink);--awb-color1:var(--paper);--awb-color8:var(--ink)}
body.fbm #boxed-wrapper,body.fbm #wrapper,body.fbm #main,body.fbm .fusion-wrapper{background:var(--paper)!important}
body.fbm .fusion-header-wrapper,body.fbm .fusion-header-sticky-height,body.fbm .avada-page-titlebar-wrapper,body.fbm .fusion-page-title-bar,body.fbm .fusion-footer,body.fbm .fusion-sliding-bar-wrapper,body.fbm .to-top-container,body.fbm #toTop,body.fbm .fusion-top-header .fusion-header{display:none!important}
body.fbm #main{padding:0!important;margin:0!important;min-height:0}
body.fbm #boxed-wrapper,body.fbm #wrapper{overflow:visible!important}
body.fbm{overflow-x:clip}
body.fbm #main>.fusion-row,body.fbm #main .fusion-row{max-width:none!important;padding:0!important;margin:0!important;width:auto!important}
body.fbm #content,body.fbm .post-content{width:100%!important;float:none!important;margin:0!important}
body.fbm .fusion-fullwidth{padding-left:0!important;padding-right:0!important}
body.fbm .fusion-fullwidth.fbm-text{padding-left:var(--gl)!important;padding-right:var(--gr)!important}
body.fbm .fusion-fullwidth.fbm-text>.fusion-builder-row{max-width:760px!important;margin:0 auto!important}
body.fbm .fusion-builder-row,body.fbm .fusion-column-wrapper{margin:0!important;padding:0!important}
body.fbm .fusion-layout-column{margin:0!important}
body.fbm h1,body.fbm h2,body.fbm h3,body.fbm h4{font-family:var(--display);color:var(--ink);letter-spacing:-.02em}
body.fbm :is(.band,.feat,.prod,.cta-box,.player,.cv.num,.smt.dark,.ev .d,.mono-mark,footer.ftr) :is(h1,h2,h3,h4),body.fbm .sys-hero h1{color:var(--stage-ink)}
body.fbm a{transition:none}
body.fbm .fusion-text p{margin:0 0 1em}
body.fbm .post-content p{margin:0}
body.fbm .prose p{margin:0}
body.fbm .prose>*+*{margin-top:1.05em}
body.fbm .prose ul{list-style:disc}
body.fbm .prose ol{list-style:decimal}
body.fbm .prose table{margin-top:1.2em}
body.fbm .prose .tbl table{margin:0}
body.fbm input,body.fbm select,body.fbm textarea{box-shadow:none}
body.fbm .search input[type=search]{height:auto;border:0!important;padding:0!important;background:transparent!important;font:400 19px var(--display);color:var(--ink)}
body.fbm .form input,body.fbm .form select,body.fbm .form textarea{height:auto!important;font-size:18px!important}
body.fbm .nl input[type=email]{height:auto!important;padding:0 14px!important}
body.fbm select.sel{width:100%;height:100%;border:0!important;background:transparent!important;padding:0 14px!important;font:600 17px var(--display);color:var(--ink)}
body.fbm .fbm-main{display:block}
body.fbm .art,body.fbm .art:hover{color:var(--ink)}
body.fbm .art h3{color:var(--ink)}
body.fbm .prod .maker{text-decoration:none}

/* Inhalte aus dem Editor (Seiten wie Impressum) */
body.fbm .fbm-text .fusion-text{max-width:760px;margin:0 auto}
body.fbm .fbm-text .fusion-text h2{font:640 24px/1.2 var(--display);font-stretch:108%;margin:36px 0 10px}
body.fbm .fbm-text .fusion-text p,body.fbm .fbm-text .fusion-text li{color:var(--ink-2)}
body.fbm .fbm-text .fusion-text p+p{margin-top:.8em}

/* Ergänzungen */
body.fbm .hd .hd-cta{display:none}
body.fbm .arts .art.big{grid-column:1/-1}
body.fbm .nl-light .nl input{background:var(--paper);border-color:var(--line);color:var(--ink)}
body.fbm .nl-light .nl input::placeholder{color:var(--muted)}
body.fbm .ok-msg{color:inherit}
body.fbm .srcl{margin:0;padding-left:1.2em;display:grid;gap:8px;font-size:15.5px;overflow-wrap:anywhere}
body.fbm .srcl a{text-decoration:underline;text-underline-offset:3px}
body.fbm .term h3 a{color:inherit}
body.fbm .prose .faq{margin-top:.6em}
body.fbm .prose .faq summary{font-size:18px}
body.fbm .prose .faq p{padding-right:52px}
body.fbm .prose table{min-width:0}
body.fbm .prose>table{display:block;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card)}
body.fbm .fbm-main .w.narrow{max-width:760px}
@media (min-width:980px){body.fbm .hd .hd-cta{display:inline-flex}}
@media (min-width:1220px){body.fbm .hd .hd-cta{min-height:44px}}
/* 1.0.6: Abstände und Tabellen im Fliesstext gegen Avada-Defaults absichern */
body.fbm .prose>*+*{margin-top:1.05em}
body.fbm .prose>h2{margin-top:1.8em}
body.fbm .prose>h3{margin-top:1.4em}
body.fbm .prose p{margin-bottom:0}
body.fbm .prose table{display:table;width:100%;border-collapse:collapse}
@media (max-width:600px){body.fbm .prose table{display:block;overflow-x:auto}}
/* 1.0.7: Avada-Container ohne negative Ränder, Spalten volle Breite, kein seitliches Scrollen */
body.fbm .fusion-fullwidth{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important;padding-left:0!important;padding-right:0!important;overflow:clip}
body.fbm .fusion-builder-row.fusion-row{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
body.fbm .fusion-layout-column{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;flex:1 1 100%!important}
body.fbm .fusion-layout-column>.fusion-column-wrapper{margin:0!important;padding:0!important;min-width:0!important;width:100%!important}
body.fbm .fusion-column-wrapper>*{min-width:0;max-width:100%}
body.fbm .split>*{min-width:0}
body.fbm .split>.bd{grid-template-columns:minmax(0,1fr)}
body.fbm .kv{grid-template-columns:repeat(3,minmax(0,1fr))}
/* 1.0.8: Hauptbereich der Einzelvorlagen als Flex-Kind begrenzen */
body.fbm .fusion-row>.fbm-main{flex:1 1 100%;min-width:0;width:100%;max-width:100%}
body.fbm .hd .hd-cta{white-space:nowrap}
