/* ==================================================
   SCHRIFTEN LADEN
   ================================================== */

@font-face {
  font-family: "Anton";
  src: url("/files/cto_layout/fonts/googlefonts/Anton-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/files/cto_layout/fonts/googlefonts/Manrope-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("/files/cto_layout/fonts/googlefonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* ==================================================
   STANDARD SCHRIFT KOMPLETTE WEBSITE
   ================================================== */

html,
body,
body * {
  font-family: "Manrope", Arial, sans-serif;
}


/* ==================================================
   HEADER / HAUPTNAVIGATION
   ================================================== */

#header,
#header *,
.mod_navigation,
.mod_navigation *,
.main-navigation,
.main-navigation * {
  font-family: "Manrope", Arial, sans-serif;
}


/* ==================================================
   FOOTER NAVIGATION
   ================================================== */

#footer,
#footer *,
.footer,
.footer *,
.mod_footer,
.mod_footer *,
.footer-navigation,
.footer-navigation * {
  font-family: "Manrope", Arial, sans-serif;
}


/* ==================================================
   NORMALER INHALT
   ================================================== */

#main,
#main *,
.ce_text,
.ce_text *,
.mod_article,
.mod_article * {
  font-family: "Manrope", Arial, sans-serif;
}


/* ==================================================
   REVOLUTION SLIDER
   ================================================== */

.rev_slider,
.rev_slider *,
.tp-caption,
.tp-caption *,
rs-module,
rs-module *,
rs-layer,
rs-layer *,
.tp-element,
.tp-element * {
  font-family: "Manrope", Arial, sans-serif;
}


/* ==================================================
   ALLE ÜBERSCHRIFTEN
   ANTON REGULAR
   ================================================== */

h1,
h2,
h3,
h4,
h5,
h6,

.ce_headline,

#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,

#header h1,
#header h2,
#header h3,

#footer h1,
#footer h2,
#footer h3,

.rev_slider h1,
.rev_slider h2,
.rev_slider h3,
.rev_slider h4,
.rev_slider h5,
.rev_slider h6,

.tp-caption h1,
.tp-caption h2,
.tp-caption h3,
rs-layer h1,
rs-layer h2,
rs-layer h3 {
  font-family: "Anton", sans-serif !important;
  font-weight: 400 !important;
}


/* ==================================================
   FETT
   MANROPE EXTRA BOLD
   ================================================== */

strong,
b,
.fw-bold {
  font-family: "Manrope", Arial, sans-serif !important;
  font-weight: 800 !important;
}
/* Listeneinträge fett */
ul li,
ol li {
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 800;
}
/* ==================================================
   Absatztexte / Fließtext
   Manrope Regular – 20px
   ================================================== */

p,
.ce_text p,
.mod_article p,
#main p,
#footer p {
  font-family: "Manrope", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1.6;
}
.slider-headline {
    font-family: "Anton", sans-serif !important;
    font-weight: 400;
    margin: 0;
}
/* ==========================================
   Überschriftengrößen
   ========================================== */

h1 {
    font-size: 100px !important;
    line-height: 1.1;
}

h2 {
    font-size: 90px !important;
    line-height: 1.1;
}

h3 {
    font-size: 20px !important;
    line-height: 1.1;
}

h4 {
    font-size: 30px !important;
    line-height: 1.15;
}

h5 {
    font-size: 60px !important;
    line-height: 1.15;
}

h6 {
    font-size: 42px !important;
    line-height: 1.2;
}
.mobile-title {
    display: none;
}

@media (max-width: 768px) {
    .desktop-title {
        display: none;
    }

    .mobile-title {
        display: block;
    }
}