@font-face {
   font-family: 'Montsserat';
   src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
   font-family: 'Montsserat-Bold';
   src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
   font-family: 'Montsserat-Black';
   src: url('../fonts/Montserrat-Black.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-BlackItalic';
   src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-BoldItalic';
   src: url('../fonts/Montserrat-BoldItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-ExtraBold';
   src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-ExtraLight';
   src: url('../fonts/Montserrat-ExtraLight.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-ExtraLightItalic';
   src: url('../fonts/Montserrat-ExtraLightItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-Italic';
   src: url('../fonts/Montserrat-Italic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-Light';
   src: url('../fonts/Montserrat-Light.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-LightItalic';
   src: url('../fonts/Montserrat-LightItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-Medium';
   src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-MediumItalic';
   src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-SemiBold';
   src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-SemiBoldItalic';
   src: url('../fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-Thin';
   src: url('../fonts/Montserrat-Thin.ttf') format('truetype');
}

@font-face {
   font-family: 'Montserrat-ThinItalic';
   src: url('../fonts/Montserrat-ThinItalic.ttf') format('truetype');
}

@font-face {
   font-family: 'NexaLight';
   src: url('../fonts/NexaLight.otf') format('opentype');
}

:root {
  --kjp-jordan-color-primary: #6b777a;
  --kjp-jordan-color-link: #ec256d;
  --kjp-jordan-color-hover: #f7a730;
  --kjp-jordan-background-color: #ebf8d7;
}

html {
  scroll-behavior: smooth !important;
}

a:focus, a:hover {
   color: var(--kjp-jordan-color-hover);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: "NexaLight", sans-serif;
   text-transform: uppercase;
   color:#6b777a;
   font-weight: 500;
}

.p, p {
   font-size: 1.3em;
   line-height: 1.8em;
}

.back-to-top-link {
    position: fixed;
    bottom: 20px;
    right: 20px;
}


.container-header {
   background-color: var(--kjp-jordan-background-color);
   background-image: none;
}

.container-header .navbar-brand {
   display: none;
}

.container-header .navbar-brand a {
   color: var(--kjp-jordan-color-hover);
   padding-left: 20px;
   text-decoration: none;
   font-weight: 800;
}

.container-header .mod-menu {
   color: var(--kjp-jordan-color-primary);
}


.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {
   background: var(--kjp-jordan-color-hover);
}

.container-sidebar-right {
   margin-left: 20px;
}

.footer {
   background-color: var(--kjp-jordan-background-color);
   background-image: none;
   padding-left: 10px;
   color: var(--kjp-jordan-color-primary);
}

/*****CPi Anpassung DJ-Mega Mobile Menu*****/
li.dj-mobileitem > a {
   font-family: "NexaLight", sans-serif;
   text-transform: uppercase;
   font-size: 1.3em !important;
   letter-spacing: 0.02em;
   margin: 10px;
}

.dj-offcanvas {
   width: 400px !important;
}

.dj-offcanvas-anim .dj-offcanvas-wrapper, body.dj-offcanvas-anim {
   overflow: visible !important;
}

/*** CPi Anpassung für CG Gallery Module***/

/*** Ausschalten der Anzeige des Dateinamens als BU***/
.ug-textpanel {
    display: none !important;
}


/**** Korrektur eines Problems: Die Buttons unter dem Editor zum Speichern von Beiträgen beim Frontend-Editing waren unsichtbar, weil eine Farbvariable nicht definiert war ****/ 
.btn-primary, .btn-primary:hover, .btn-primary:focus {
   --cassiopeia-color-hover: #555;
   --cassiopeia-color-primary: #888;
}