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

body {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #242729;
}


h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: "Segoe UI", "Open Sans", sans-serif;
    font-weight: 600;
    line-height: 1.1;
    color: #444;
    /*    margin-bottom:  0.3571rem;*/
}

.h1,
h1,
.h2,
h2 {
    /*    letter-spacing: -1px;*/
}

.card-header h2,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #0085cd;
}


/* ------------------------------------------- */

/* 1REM = 14PX */
h1,
.h1 {
    font-size: 3.656rem;
    line-height: 4.056rem;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 2.056rem;
    line-height: 2.456rem;
}

h3,
.h3 {
    font-size: 1.55rem;
    line-height: 1.99rem;
    margin-bottom: 16px;
}

h4,
.h4 {
    font-size: 1.5rem;
}

h5,
.h5 {
    font-size: 1.25rem;
}

h6,
.h6 {
    font-size: 1rem;
}

/* Responsive Schriftgrößen */
@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: calc(1.375rem + 3.95vw);
        line-height: calc(1.375rem + 4.6vw);
    }

    h2,
    .h2 {
        font-size: calc(1.325rem + 1.3vw);
        line-height: calc(1.325rem + 1.85vw);
    }

    h3,
    .h3 {
        font-size: calc(1.250rem + 0.6vw);
        line-height: calc(1.250rem + 1.9vw);
    }

    h4,
    .h4 {
        font-size: calc(1.175rem + 0.3vw);
    }

    .display-1 {
        font-size: calc(1.725rem + 5.7vw);
    }

    .display-2 {
        font-size: calc(1.675rem + 5.1vw);
    }

    .display-3 {
        font-size: calc(1.575rem + 3.9vw);
    }

    .display-4 {
        font-size: calc(1.475rem + 2.7vw);
    }

    .display-5 {
        font-size: calc(1.175rem + 2.0vw);
    }

    .display-6 {
        font-size: calc(0.975rem + 1.8vw);
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    text-wrap: balance;
}

/* ------------------------------------------- */

p {
    /*    margin-top: 1rem;*/
    margin-bottom: 0.7143rem;
}

@media (max-width: 574px) {
    .text-sm-block {
        text-align: justify;
        text-align-last: none;
    	hyphens: auto; 

    }
}

@media (max-width: 767px) {
    .text-md-block {
        text-align: justify;
        text-align-last: none;
    	hyphens: auto; 

    }
}

@media (max-width: 991px) {
    .text-lg-block {
        text-align: justify;
        text-align-last: none;
    	hyphens: auto; 

    }
}

@media (max-width: 1199px) {
    .text-xl-block {
        text-align: justify;
        text-align-last: none;
    	hyphens: auto; 

    }
}

.text-block {
    text-align: justify;
    text-align-last: none;
	hyphens: auto; 

}

pre {
    font: 12px / 18px Consolas, monospace, serif;
    color: #242729;
}

code {
    font-size: .875em;
    color: #666;
    word-wrap: break-word;
}

*.fa-times,
*.fa-usd-square {
    color: red !important;
}

*.fa-check {
    /*    color: green !important;*/
}

b,
strong {
    font-weight: 700;
}

.smaller,
smaller {
    font-size: .75em;
}

.lead {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5.5rem;
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem;
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem;
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem;
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem;
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2;
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem;
    }
}

.text-small-list {
    font-size: 12px;
    line-height: 18px;
    color: #909090;
    text-transform: uppercase;
}

/* jComments */
#comments-form-buttons .btn-sm {
    font-size: 1rem;
}


/* ==============================================================
    BG-Dark: Stellt die Schriftfarbe um
============================================================== */
h1.bg-dark,
h2.bg-dark,
h3.bg-dark,
h4.bg-dark,
h5.bg-dark,
h6.bg-dark,
.h1.bg-dark,
.h2.bg-dark,
.h3.bg-dark,
.h4.bg-dark,
.h5.bg-dark,
.h6.bg-dark,
.bg-dark h1,
.bg-dark .h1,
.bg-dark h2,
.bg-dark .h2,
.bg-dark h3,
.bg-dark .h3,
.bg-dark h4,
.bg-dark .h4,
.bg-dark h5,
.bg-dark .h5,
.bg-dark h6,
.bg-dark .h6,
.bg-dark .lead,
p.bg-dark,
.bg-dark p,
div.bg-dark,
.bg-dark div {
    color: #ffffff !important;
}

/* ==============================================================
    Text color | Font weight |
==============================================================*/

.text-blue {
    color: #0085cd;
}

.text-red {
    color: #bf0000;
}

.text-green {
    color: #009933;
}

.text-orange,
h2.text-orange {
    color: orange !important;
}

.text-yellow {
    color: yellow !important;
}

.text-light {
    color: #ffffff !important;
}

.text-light a:hover {
    color: orange !important;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}


/* ---------------------------
Weitere Fonts
------------------------------*/
.ff-monoton {
    font-family: 'Monoton' !important;
    line-height: 1em;
    letter-spacing: 0.9px;
    text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.96);

}

@font-face {
    font-family: 'Monoton';
    src: url("../fonts/monoton/Monoton-Regular.woff?v=1.1") format("woff");
    font-weight: 300;
    font-style: normal;

}

.ff-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* ==============================================================
    Open Sans fonts
==============================================================*/


/* BEGIN Light */

@font-face {
    font-family: 'Open Sans';
    src: url("../fonts/opensans/Light/OpenSans-Light.woff2") format("woff2"), url("../fonts/opensans/Light/OpenSans-Light.woff") 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") format("woff2"), url("../fonts/opensans/LightItalic/OpenSans-LightItalic.woff") 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") format("woff2"), url("../fonts/opensans/Regular/OpenSans-Regular.woff") 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") format("woff2"), url("../fonts/opensans/Italic/OpenSans-Italic.woff") 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") format("woff2"), url("../fonts/opensans/Semibold/OpenSans-Semibold.woff") 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") format("woff2"), url("../fonts/opensans/SemiboldItalic/OpenSans-SemiboldItalic.woff") 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") format("woff2"), url("../fonts/opensans/Bold/OpenSans-Bold.woff") 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") format("woff2"), url("../fonts/opensans/BoldItalic/OpenSans-BoldItalic.woff") 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") format("woff2"), url("../fonts/opensans/ExtraBold/OpenSans-ExtraBold.woff") 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") format("woff2"), url("../fonts/opensans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff") format("woff");
    font-weight: 800;
    font-style: italic;
}

/* END Extrabold Italic */

/* ========================================================================
    Elegante Schriften
=========================================================================== */

/* Handschriften */
.sm-font-veneto {
    font-family: veneto, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'veneto';
    src: url("../fonts/sm_fonts/veneto.ttf");
}

/* Mittelalter */
.sm-font-ponti {
    font-family: ponti, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'ponti';
    src: url("../fonts/sm_fonts/ponti.ttf");
}

/* Fraktur */
.sm-font-wallau {
    font-family: wallau_No1_pro, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'wallau_No1_pro';
    src: url("../fonts/sm_fonts/wallau_No1_pro.ttf");
}

.sm-font-coelnische-current {
    font-family: coelnische_current, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'coelnische_current';
    src: url("../fonts/sm_fonts/coelnische_current.ttf");
}

/* Sütterlin Kurrent */
.sm-font-barock-current {
    font-family: barock_current, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'barock_current';
    src: url("../fonts/sm_fonts/barock_current.ttf");
}

.sm-font-suetterlin-calligraphic-regular {
    font-family: suetterlin_calligraphic_regular, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'suetterlin_calligraphic_regular';
    src: url("../fonts/sm_fonts/suetterlin_calligraphic_regular.ttf");
}

/* Jugendstilschriften */
.sm-font-jugendstil {
    font-family: jugendstil, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'jugendstil';
    src: url("../fonts/sm_fonts/jugendstil.ttf");
}

.sm-font-parsons {
    font-family: parsons, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'parsons';
    src: url("../fonts/sm_fonts/parsons.ttf");
}

/* Schreibschriften */
.sm-font-boulogne {
    font-family: boulogne, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'boulogne';
    src: url("../fonts/sm_fonts/boulogne.ttf");
}

.sm-font-boa {
    font-family: boa, "Open Sans", sans-serif;
    font-weight: normal;
}

@font-face {
    font-family: 'boa';
    src: url("../fonts/sm_fonts/boa.ttf");
}

/* Einstellungen für Übersicht Elegante Schriften */

.sm-font-ballad-overview {
    font-family: ballad, "Open Sans", sans-serif;
    font-size: 6rem;
    line-height: 5rem;
    font-weight: normal;
}

@font-face {
    font-family: 'ballad';
    src: url("../fonts/sm_fonts/ballad.ttf");
}

.sm-font-jugendstil-overview {
    font-family: jugendstil, "Open Sans", sans-serif;
    font-size: 3.1rem;
    line-height: 3rem;
    font-weight: normal;
}

@font-face {
    font-family: 'jugendstil';
    src: url("../fonts/sm_fonts/jugendstil.ttf");
}

/* ========================================================================
    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;
}

/* ========================================================================
    Silbentrennung nur in deutsch
=========================================================================== */
@media (max-width: 389px) {
    html[lang="de-de"] {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 6 3 3;
    }
}

.mainmenu-subtitle {
font-size: .85rem;
    }