/* =============== TYPOGRAPHY - TEXT STYLES von JSN Template =============== */
.text-alert {
	border-top: 2px solid #FEABAB;
	border-bottom: 2px solid #FEABAB;
	background: #FFDFDF url(../../../../../images/icons/icon-text-alert.png) no-repeat; background-size: 60px 24px;
}
.text-info {
	border-top: 2px solid #B7D2F2;
	border-bottom: 2px solid #B7D2F2;
	background: #DBE7F8 url(../../../../../images/icons/icon-text-info.png) no-repeat; background-size: 60px 24px;
}
.text-download {
	border-top: 2px solid #DDEDBC;
	border-bottom: 2px solid #DDEDBC;
	background: #F2F9E5 url(../../../../../images/icons/icon-text-download.png) no-repeat; background-size: 60px 24px;
}
.text-comment {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background: #FEF8E1 url(../../../../../images/icons/icon-text-comment.png) no-repeat; background-size: 60px 24px;
}
.text-tip {
	border-top: 2px solid #FEEBAB;
	border-bottom: 2px solid #FEEBAB;
	background: #FFFFD5 url(../../../../../images/icons/icon-text-tip.png) no-repeat; background-size: 60px 24px;
}
.text-attachment {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../../../../../images/icons/icon-text-attachment.png) no-repeat; background-size: 60px 24px;
}
.text-video {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../../../../../images/icons/icon-text-video.png) no-repeat; background-size: 60px 24px;
}
.text-audio {
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	background: #f2f2f2 url(../../../../../images/icons/icon-text-audio.png) no-repeat; background-size: 60px 24px;
}
.text-tip,
.text-info,
.text-alert,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
	background-position: left center;
	padding: 0.2em 0.2em 0.2em 4em;
	min-height: 20px;
}

pre {
	padding: 1em;
	background: #FFFFD5;
	border-left: 5px solid #404040;
	font-family: "Courier New",Courier,monospace;
}
blockquote {
	color: #404040;
	min-height: 45px;
	font-style: italic;
	padding-left: 60px;
	background: url(../../../../../images/icons/icon-text-blockquote.png) no-repeat top left; background-size: 50px 50px;
}
blockquote p {
	font-size: 1em;
	line-height: inherit;
}

/* =============== TYPOGRAPHY - LINK STYLES von JSN Template =============== */


/* Vertikaler Abstand des Footers */
.footer .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: .5rem .5em;
}

/* Schriftgröße unter dem Logo */
.container-header .site-description {
  color: #fff;
  font-size: 1.64rem;
  white-space: normal;
}

/* Abstand zwischen den Menupunkten damit es in eine Zeile passt */
.metismenu.mod-menu .metismenu-item {
  padding: .3em 0.34em;
}

/* Abstand zwischen Hauptnavigation und Banner */
.container-header nav {
  margin-top: 4.1em;
  padding: 0;
}

/* Abstand der Hauptnavigation zum Content */
.container-header .container-nav {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0em;
  margin-top: -25px;
}

/* Abstand BANNER zu CONTENT */
.container-banner {
  display: block;
  margin: 0 0 0rem;
}

/* Färbt Module in leichtes blau ein */
.card-body {background: #e8eff4;}

/* Schriftgrösse und Module Farbe ändern */
.h4, h4 {font-size: 1.0rem; color: white; text-align: center;}
.card-header {background-color: rgb(13, 41, 73); color: white;}

/* Padding zur inneren Box bei Standard-Boxen */
.card-body {flex: 1 1 auto; padding: 0.5rem;}

/* Farbe des Dropdown Menus und Rahmen mit runden Ecken */
.metismenu.mod-menu .mm-collapse {
  background: #DDDDDD;
  border: 2px solid #000000;  
  border-radius: 8px;
}

/* Schriftgrößen der Überschriftens */
.h1, h1 {font-size: 2.0rem;}
.h2, h2 {font-size: 1.5rem;}
.h3, h3 {font-size: 1.2rem;}
.h4, h4 {font-size: 1.2rem;}
.h5, h5 {font-size: 0.8rem;}

/* Hiermit fließt der Text bei Listen um Grafik herum */
.com-content-article ol, .com-content-article ul {overflow: inherit;}

/* Menu Module Unterverzeichnis mit circle Symbol */
.list-inline, .list-unstyled {list-style: circle; margin-left: 14px;}

/* Sauberer Umbruch des Menüs auf Tablett oder kleinen Bildschirmen */
.container-header .mod-menu {flex-wrap: wrap;}

/* Menü bei Tablets im Hochformat als Burgersymbol angezeigt wird */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-expand-md .navbar-collapse:not(.show) {
display: none !important;
}
}

@media (max-width: 991px) {
.navbar-expand-md .navbar-toggler {
display: block !important;
}
}

.header .mod-menu > li {
  position: relative;
}

/* Fonts bei aufgeklapptem Seitenmenu zu klein */
.small, small {
  font-size: 1rem;
}

/* Seitenmenu Abstaende der Zeilen von 0.25 auf 0.15 verkleinert */
.mod-list li {
    padding: 0.15em 0;
}

/* Breadcrumps etwas mehr horizontaler Abstand statt 0,5 nun 0,7 */
.breadcrumb {
    --breadcrumb-item-padding-x: 0.7rem;
}

/* Breadcrumbs Statt / nun | */
.breadcrumb-item+.breadcrumb-item:before {
    content: var(--breadcrumb-divider,"|");
}

/* Breadcrumbs mit grauem Rahmen und Schrift etwas größer */
.breadcrumb {
  border: 0.02rem solid #CED4DA;
  background-color: rgba(0,0,0,.03);
  font-size: 1.04rem;
}

/* Responsive Pagination (automatischer Umbruch) bei Blogeinträgen */
.pagination {
    display: flex;
    flex-wrap: wrap;
}

/* Externe Links mit extern-link.gif markieren mit class="ext_link" */
.ext_link:after {
  content: url(../../../../../images/extern-link.gif);
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 5px;
}

/* Externe Links mit extern-link-black.gif markieren mit class="ext_link_black" */
.ext_link_black:after {
  content: url(../../../../../images/extern-link-black.gif);
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 5px;
}