/* roboto-slab */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/roboto-slab-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-slab-v16-latin-regular?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-slab-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-slab-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-slab-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-slab-v16-latin-regular.svg') format('svg'); /* Legacy iOS */
}

:root {
    --cassiopeia-font-family-headings: "Roboto Slab", sans-serif;
	--cassiopeia-color-primary: #73b1ef;
	--cassiopeia-color-hover: #1678d7;
	--cassiopeia-color-link: #0d4c89;
}

h3 {
	font-size: calc (1.275rem + .6vw);
}
h4 {
	font-size: calc (1.25rem + .3vw);
}

@media (min-width: 1200px) {
h3 {
	font-size: 1.6rem;
}
h4 {
	font-size: 1.4rem;
}
}

li {
	padding: 0.15em 0;
}

.blog .page-header h1 {
	margin-bottom: 2rem;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}

.container-header {
	background-image: linear-gradient(to top, #d5c7a4 8%, #73b1ef 35%);)
}

.container-topbar nav {
	margin-top:0! important;
}

.container-topbar {
	background:#fff;
}

.container-topbar ul {
	max-width:1320px;
	margin: 0 auto! important;
	justify-content: flex-end;
}

.container-topbar li {
		color:#000;
		display:inline-block! important;
		padding: 0.5em 0.7em! important;
}

.container-topbar li.active, .container-topbar li.alias-parent-active {
		color:#ff5500;
		text-decoration:underline;
}

.container-nav {
	padding:0! important;
}

.metismenu.mod-menu .metismenu-item {
	padding: 0.5em 0.8em;
}

.metismenu-item, .metismenu.mod-menu .mm-toggler {
		color:#0d4c89;
		text-shadow: 1px 1px 2px #fff;
}

.metismenu.mod-menu .metismenu-item > ul {
    box-shadow: 0 0.5em 2em rgb(0 0 0 / 50%);
}

button:focus {
	outline:none! important;
}

.container-header .metismenu > li > button::before {
    opacity: 0.8;
}

@media (min-width: 320px) {
	.container-header .mod-menu {
		flex-direction:row;
	}
}

.navbar-toggler {
	border:1px solid #fff;
	font-size:1.5rem;
	box-shadow:none! important;
	margin: -0.5em 0.5em 0.5em 0.5em;
}

.container-header .navbar-collapse.show {
    background: #ffffff80;
    box-shadow: 3px 3px 3px #1106016b;
	margin-left:0.5em;
}

@media (max-width: 1320px) {
.container-search {
    margin-right: 0.5em;
}
}


.footer {
	background:#a7a08f;
	background-image:none;
}

.footer .grid-child {
	padding: 1.5rem 0;
}


.footer .mod-menu {
	column-count:3;
	padding-inline-start: 0;
}

.footer .mod-menu li {
	font-size: 1em! important;
	color: #fff;
	text-shadow:none;
	padding:0.2em! important;
}

@media (max-width: 680px) {
.footer .mod-menu {
	column-count:1;
}
}

	
.footer1 {
	max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 10px 0;
	font-size:0.8em;
}

.footer2 {
	display:none;
}

.breadcrumb {
	text-transform:lowercase;
}

.mod-list {
	padding-inline-start: 20px;
    list-style: circle;
}

.page-header a {
	color: #000;
	text-decoration:none;
}

.blog-item {
	border-bottom: ridge;
}

.shop .blog-item {
	border: 1px solid #dfe3e7;
	padding:20px;
	box-shadow: 0 0.3rem 0.5rem rgb(0 0 0 / 18%);
}

.blog-featured .blog-item {
	border-bottom: none;
}

.pagination {
	flex-wrap: wrap;
}

.blog .content_rating {
	display:none;
}

.heading {
	display:none;
}

.wf_caption {
	font-size: 0.9em;
    line-height: 1.7em;
	color: #aaa;
	text-align: center;
	font-style: italic;
}

#toc-container {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid #dfe3e7;
    display: table;
    margin-bottom: 2em;
    padding: 20px;
    width: auto;
}

.toc-title {
	font-weight:bold;
	font-size: 1.2em;
}

dl.dl-horizontal dt {
    min-width: 220px;
}

@supports (display: grid) {
@media (min-width:568px) and (max-width: 991px) {
    .blog-items.shop {
      grid-template-columns: 1fr 1fr;
    }
  }
}

/* für Startseite Home*/

.home .navbar-brand {
	display:none;
}

.home .container-nav {
	display:none;
}
.home .container-header .grid-child {
	display:none;
}

.home .breadcrumb {
	display:none;
}

.home .random-image {
	background: #6abaf8;
}

.home .random-image img {
	height:auto;
	width: 100vw;
	object-fit:cover;
	margin-top:45px;
}

.home .container-topbar {
	position:fixed;
	top:0;
	width:100%;
	border-bottom: 1px solid #6abaf8;
}

@media (max-width:468px) {
	.home .titelhoch {
		display:block;
	}
	.home .titelbreit {
		display:none;
	}

}

@media (min-width:469px) {
	.home .titelhoch  {
		display:none;
	}
	.home .titelbreit {
		display:block;
	}

}

@media (min-width:992px) {
	.home h1 {
		font-size:3.5rem;
	}
}



.ccomment {
	background: #f7f7f7;
	border: 1px solid #dfe3e7;
	padding: 10px;
	margin-top:2em;
}

.ccomment-quote-text {
	background: #ddd! important;
	border-left:0.3em solid #878787! important;
	margin-left: 0.5em! important;
}

.ccomment .muted {
	color: #777! important;
}

.ccomment-created {
	font-size: small! important;
}

.ccomment .pull-left {
    font-size: large! important;
}

.ccomment form {
    background: #fff! important;
}

.ccomment-readmore {
	display: none;
}

/*für Modul Lastnews Enhanced*/
.latestnews-items .innernews {
	height:426px;
	box-shadow: 1px 1px 4px #555! important; 
	background: #fff! important;
}
	
/*für Komponente CComment*/

.ccomment .ccomment-comment-content {
	border-top: none! important;
	background: #fff;
	padding: 0.5em! important;
	margin-bottom:1em;
}

.ccomment-level-0 {
	border-bottom: 1px solid #777;
}

/*für Modul ccctwoclick*/

.karte {
margin: 0px;
}

.karte .tccontentbefore, .karte .tccontentafter {
	margin: 1em 0;
}