/* ========================================================================
    Template Schriften Standards
=========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--h-font-family);
    font-weight: var(--font-weight-400);
    line-height: var(--h-line-height: );
    margin-bottom: var(--h-font-margin-bottom);
}
.h1,
h1 {
    font-size: calc(var(--h1-font-size-responsive) + 1.5vw);
    font-weight: var(--font-weight-700);
    color: var(--bs-dark);
    margin-bottom: 0rem;
}
@media (min-width:1200px) {
    .h1,
    h1 {
        font-size: var(--h1-font-size);
        line-height: var(--h1-line-height);
    }
}
.h2,
h2 {
    font-size: calc(var(--h2-font-size-responsive) + .9vw);
    color: var(--bs-dark);
    margin-bottom: 0.5571rem;
}
@media (min-width:1200px) {
    .h2,
    h2 {
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height);
    }
}
.h3,
h3 {
    font-size: calc(var(--h3-font-size-responsive) + .6vw);
    color: var(--bs-dark);
}
@media (min-width:1200px) {
    .h3,
    h3 {
        font-size: var(--h3-font-size);
    }
}
.h4,
h4 {
    font-size: calc(var(--h4-font-size-responsive) + .3vw);
    color: var(--bs-dark);
}
@media (min-width:1200px) {
    .h4,
    h4 {
        font-size: var(--h4-font-size);
    }
}
.h5,
h5 {
    font-size: var(--h5-font-size);
}
.h6,
h6 {
    font-size: var(--h6-font-size);
}
p {
    margin-top: 1rem;
    margin-bottom: 0.7143rem;
}
b,
strong {
    font-weight: var(--font-weight-700);
}
pre {
    font: var(--pre-font-family);
    color: var(--bs-white);
}

/* ========================================================================
    BG-Dark: Stellt die Schriftfarbe um
=========================================================================== */

.bg-dark h1,
.bg-dark .h1,
.bg-dark h2,
.bg-dark .h2,
.bg-dark h3,
.bg-dark .h3,
.bg-dark .lead p {
    color: var(--bs-white);
}

/* ========================================================================
    Text | Links | SVGs
=========================================================================== */

.text-blue {
    color: var(--bs-blue);
}
.text-red {
    color: var(--bs-red);
}
.text-light a:hover {
    color: var(--bs-orange) !important;
}
/* ========================================================================
    Open Sans fonts
=========================================================================== */


/* BEGIN Light */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Light/OpenSans-Light.woff2?v=1.101") format("woff2"), url("../fonts/opensans/Light/OpenSans-Light.woff?v=1.101") format("woff");
    font-weight: 300;
    font-style: normal;
}

/* END Light */


/* BEGIN Light Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/LightItalic/OpenSans-LightItalic.woff2?v=1.101") format("woff2"), url("../fonts/opensans/LightItalic/OpenSans-LightItalic.woff?v=1.101") format("woff");
    font-weight: 300;
    font-style: italic;
}

/* END Light Italic */


/* BEGIN Regular */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Regular/OpenSans-Regular.woff2?v=1.101") format("woff2"), url("../fonts/opensans/Regular/OpenSans-Regular.woff?v=1.101") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* END Regular */


/* BEGIN Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Italic/OpenSans-Italic.woff2?v=1.101") format("woff2"), url("../fonts/opensans/Italic/OpenSans-Italic.woff?v=1.101") format("woff");
    font-weight: normal;
    font-style: italic;
}

/* END Italic */


/* BEGIN Semibold */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Semibold/OpenSans-Semibold.woff2?v=1.101") format("woff2"), url("../fonts/opensans/Semibold/OpenSans-Semibold.woff?v=1.101") format("woff");
    font-weight: 600;
    font-style: normal;
}

/* END Semibold */


/* BEGIN Semibold Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.101") format("woff2"), url("../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.101") format("woff");
    font-weight: 600;
    font-style: italic;
}

/* END Semibold Italic */


/* BEGIN Bold */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Bold/OpenSans-Bold.woff2?v=1.101") format("woff2"), url("../fonts/opensans/Bold/OpenSans-Bold.woff?v=1.101") format("woff");
    font-weight: bold;
    font-style: normal;
}

/* END Bold */


/* BEGIN Bold Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.101") format("woff2"), url("../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff?v=1.101") format("woff");
    font-weight: bold;
    font-style: italic;
}

/* END Bold Italic */


/* BEGIN Extrabold */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.101") format("woff2"), url("../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff?v=1.101") format("woff");
    font-weight: 800;
    font-style: normal;
}

/* END Extrabold */


/* BEGIN Extrabold Italic */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.101") format("woff2"), url("../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.101") format("woff");
    font-weight: 800;
    font-style: italic;
}

/* END Extrabold Italic */


/* ========================================================================
    Asia fonts
=========================================================================== */

html[lang="ja-jp"] body,
html[lang="ja-jp"] p,
html[lang="ja-jp"] .cc-revoke,
html[lang="ja-jp"] .cc-window {
    font-family: "Yu Gothic Medium", "Meiryo", "MS Gothic", "Hiragino Maru Gothic Pro", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
}
html[lang="zh-cn"] body,
html[lang="zh-cn"] p,
html[lang="zh-cn"] .cc-revoke,
html[lang="zh-cn"] .cc-window {
    font-family: "Microsoft YaHei UI", "ST Heiti", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
}
/* 
Beides ist für Korianisch.
In Joomla-4 gibt es Korianisch nicht als 
Sprache deshalb wurde cy-gb als Ersatz genommen
*/

html[lang="ko-kr"] body,
html[lang="ko-kr"] p,
html[lang="ko-kr"] .cc-revoke,
html[lang="ko-kr"] .cc-window {
    font-family: "Malgun Gothic", "Apple Gothic", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
}
html[lang="cy-gb"] body,
html[lang="cy-gb"] p,
html[lang="cy-gb"] .cc-revoke,
html[lang="cy-gb"] .cc-window {
    font-family: "Malgun Gothic", "Apple Gothic", "Arial", "Helvetica", sans-serif;
    font-size: 16px;
}