@font-face {
    font-family: "ABCRom-Medium";
    src:
      url("../fonts/ABCROM-Medium.woff") format("woff"),
      url("../fonts/ABCROM-Medium.woff2") format("woff2");
  }

  @font-face {
    font-family: "ABCRom-MediumItalic";
    src:
      url("../fonts/ABCROM-MediumItalic.woff") format("woff"),
      url("../fonts/ABCROM-MediumItalic.woff2") format("woff2");
  }
  
body, h1, h2 {
    font-family: 'ABCRom-Medium', sans-serif;
    font-weight: 400;
} 

h3, em, i {
    font-family: 'ABCRom-MediumItalic', sans-serif;
    font-weight: 400;
}

a {
    text-decoration: underline;
}

a[href*="//"]:not(.wrapper--sponsors a):not([href*="zwei-vs.de"])::before {
    content: "\2192";
    margin-right: 10px;
}
    
/* Breakpoint Smol */
@media  (max-width: 767px) {
    h3,
    body,
    .kuenstler--single__arbeiten--content .section--copy p {
            font-size: 18px !important;
            line-height: 24px !important; 
        }

    h1,
    h2, nav {
        font-size: 24px;
        line-height: 32px;
    }
}
    
/* Breakpoint Medium */
@media (min-width: 768px) and (max-width: 1023px) {
    h3,
    body,
    .kuenstler--single__arbeiten--content .section--copy p {
        font-size: 20px !important; 
        line-height: 28px !important;  
        }

    h1,
    h2, nav {
        font-size: 28px;
        line-height: 36px;
    }
        
}

/* Breakpoint Large */
@media (min-width: 1024px) and (max-width: 1440px) {
    h3,
    body,
    .kuenstler--single__arbeiten--content .section--copy p {
        font-size: 24px !important; 
        line-height: 36px !important; 
    }

    h1,
    h2, nav {
        font-size: 32px;
        line-height: 40px;
    }
}

/* Breakpoint XLarge */
@media (min-width: 1441px)  {
    h3,
    body,
    .kuenstler--single__arbeiten--content .section--copy p {
        font-size: 26px !important; 
        line-height: 35px !important; 
    }

    h1,
    h2, nav {
        font-size: 38px;
        line-height: 48px;
    }
}