:root {
    --body-font-size: 1.2rem; /* Ändert die Basis-Größe für den Fließtext (Standard ist oft 1rem = 16px) */
    --h1size: 2.5rem;         /* Ändert Überschrift 1 */
    --h2size: 2.0rem;         /* Ändert Überschrift 2 */
    --h3size: 1.5rem;         /* Ändert Überschrift 3 */
}

/* anybody-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 100;
  src: url('../ownfonts/anybody-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 100;
  src: url('../ownfonts/anybody-v13-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 200;
  src: url('../ownfonts/anybody-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 200;
  src: url('../ownfonts/anybody-v13-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 300;
  src: url('../ownfonts/anybody-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 300;
  src: url('../ownfonts/anybody-v13-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 400;
  src: url('../ownfonts/anybody-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 400;
  src: url('../ownfonts/anybody-v13-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 500;
  src: url('../ownfonts/anybody-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 500;
  src: url('../ownfonts/anybody-v13-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 600;
  src: url('../ownfonts/anybody-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 600;
  src: url('../ownfonts/anybody-v13-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 700;
  src: url('../ownfonts/anybody-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 700;
  src: url('../ownfonts/anybody-v13-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 800;
  src: url('../ownfonts/anybody-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 800;
  src: url('../ownfonts/anybody-v13-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: normal;
  font-weight: 900;
  src: url('../ownfonts/anybody-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anybody-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Anybody';
  font-style: italic;
  font-weight: 900;
  src: url('../ownfonts/anybody-v13-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* Zwingt Textblöcke und Absätze innerhalb des SP Page Builders auf die Größe */
.sppb-addon-text-block,
.sppb-addon-text-block p,
.sppb-text-container p {
    font-family: 'Anybody'; font-size: 1.05rem !important;
}

h1,h2,h3,h4,h5,h6
{
font-family: 'Anybody';
}

/* Schriftart für das gesamte Hauptmenü und die Dropdowns */
.sp-megamenu-parent, 
.sp-megamenu-parent *, 
.sp-megamenu-child, 
#sp-menu,
.burger-menu {
    font-family: 'Anybody', sans-serif !important;
}


/* ==========================================================================
   Spezifisches Styling für das Mobile Hamburger (Off-Canvas) Menü (FIXED)
   ========================================================================== */

/* 1. Schriftart für das Menü erzwingen – ABER Icons (FontAwesome) schützen */
.offcanvas-menu,
.offcanvas-menu *,
.offcanvas-inner,
.offcanvas-inner .menu {
    font-family: 'Anybody', sans-serif !important;
}

/* Der Retter für die Symbole: Gibt den Icons ihre echte Symbol-Schriftart zurück */
.offcanvas-menu .fa, 
.offcanvas-menu .fas, 
.offcanvas-menu .far, 
.offcanvas-menu .fab,
.offcanvas-menu [class^="fa-"], 
.offcanvas-menu [class*=" fa-"] {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome" !important;
    font-weight: 900 !important; /* Wichtig, damit die Icons voll ausgefüllt gezeichnet werden */
}

/* Schriftart für die gesamte Fußzeile festlegen */
#sp-footer, 
#sp-footer *, 
.sppb-footer-text, 
#sp-footer .sp-copyright {
    font-family: 'Anybody', sans-serif !important;
}

/* Generelle Schriftgröße für H1 auf Smartphones (Portrait / Hochformat) */
@media (max-width: 575.98px) {
    h1, 
    .sppb-addon-heading h1, 
    h1.sppb-addon-title,
    .sppb-page-title-captions h1 {
        font-size: 2.2rem !important; /* Hier Ihre gewünschte mobile Größe eintragen */
        line-height: 1.3 !important; /* Sorgt für einen harmonischen Zeilenabstand bei Umbrüchen */
    }
}


/* SPPB 6.x Page Header Titel Responsive Fix für lange Wörter */
.sppb-page-title-captions,
.sppb-page-title-captions h1,
.sppb-page-title-captions h1 span,
.sppb-page-title-addon h1.sppb-page-title {
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
    display: inline-block !important;
}

/* Verkleinert das riesige Wort auf Smartphones, damit der Umbruch sauber sitzt */
@media (max-width: 767px) {
    .sppb-page-title-captions h1,
    .sppb-page-title-captions h1 span,
    .sppb-page-title-addon h1.sppb-page-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
}


/* Erzwungener responsive Umbruch für alle SP Page Builder Überschriften */
h1.sppb-addon-title, 
h2.sppb-addon-title, 
h3.sppb-addon-title, 
h4.sppb-addon-title, 
h5.sppb-addon-title, 
h6.sppb-addon-title,
.sppb-addon-heading .sppb-addon-title,
.sppb-addon-title {
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
}

/* ==========================================================================
   SP Page Builder 6 - Kontur-Klassen für Überschriften
   ========================================================================== */

/* Variante 1: Schwarze Schrift mit weißer Kontur */
.kontur-schwarz,
.kontur-schwarz .sppb-addon-title,
.kontur-schwarz h1, .kontur-schwarz h2, .kontur-schwarz h3 {
    color: #000000 !important;
    -webkit-text-stroke: 5px #ffffff !important;
    text-stroke: 5px #ffffff !important;
    paint-order: stroke fill !important;
}

/* Variante 2: Weiße Schrift mit schwarzer Kontur */
.kontur-weiss,
.kontur-weiss .sppb-addon-title,
.kontur-weiss h1, .kontur-weiss h2, .kontur-weiss h3 {
    color: #ffffff !important;
    -webkit-text-stroke: 5px #000000 !important;
    text-stroke: 5px #000000 !important;
    paint-order: stroke fill !important;
}