/* 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: #1A77CB;
	--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:#d14600;
		text-decoration:underline;
}
.container-topbar a:not(.btn):hover {
		color:#d14600;
}
.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;
}
}
.container-top-b {
  display: block;
}
.footer {
	background:#757263;
	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;
}
.footer .mod-menu li a:hover {
	color: #f2dc34;
}
@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: #757575;
	text-align: center;
	font-style: italic;
}
.front {
	padding: 10px;
	background-color: #F2F2F2;
	box-shadow: 1px 3px 4px 0px #888;
	-webkit-box-shadow: 1px 3px 4px 0px #888;
	-moz-box-shadow: 1px 3px 4px 0px #888;
	display: inline-block;
}
.com-finder__explained {
    font-size: 1.2rem;
    font-weight: 500;
}
#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;
}
#bestes-box {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #aaa;
    display: table;
    margin-bottom: 1em;
    padding: 20px;
    width: auto;
}
.bestes-title {
    font-weight: bold;
	font-size: 1.2em;
}
#bestes-box  ul li::before{
    content: url(images/layout/stern-orange.gif);
    padding-right: 10px;
    float: left;
}
.linkbox {
	padding: 0.7rem 1rem 0.2rem 1.5rem;
	margin-left: 2rem;
	background: #ff55000f;
	border-left:  solid;
	border-width: thick;
	border-color: #ff5500;
}
.linkbox p {
	margin-bottom: 0.5rem;
}
.linkbox a {
	font-weight:500;
	font-size:1.1rem;
	color:#C74200;
}
.page-link.active, .active>.page-link {
	background-color: #0d4c89;
}
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;
	}
}
/*für Modul Lastnews Enhanced*/
.latestnews-items .innernews {
	height:426px;
	box-shadow: 1px 1px 4px #555! important; 
	background: #fff! important;
}
/*für Modul ccctwoclick*/
.karte {
margin: 0px;
}
.karte .tccontentbefore, .karte .tccontentafter {
	margin: 1em 0;
}
.blogkarte {
margin: 0px;
}
.blogkarte .tccontentbefore, .blogkarte .tccontentafter {
	margin: 1em 0;
}
@media (max-width:768px) {
	.blogkarte .ccctc.ccctwoclick-511 {
		height:80vh! important;
		background-size: cover! important;
	}
	.blogkarte .ccctc.ccctwoclick-511 iframe {
		height:100%;
	}
	.blogkarte .btn {
		top:25%! important;
	}
}
.produkt  {
	width: 150px;
	height: 260px;
	margin: 0px 10px 10px 0px;
	border: 3px solid #d5c7a4;
	border-style:ridge;
	padding: 5px;
	box-shadow: 10px 10px 10px #ccc;
	float:left;
	font-size:0.8em;
}
.produktheader {
	font-size:1.2em;
	font-family: serif;
	font-style: oblique;
	padding-bottom:10px;
}
/*für Komponente Kunena*/
#kunena.layout .dropdown-menu {
    min-width: 270px! important;
	background: #c9d5eb;
}
/*für Komponente Akeeba engage*/
section.akengage-outer-container {
     background: #f2f2f2;
    border: 1px solid #dfe3e7;
    padding: 10px;
    margin: 2em 0;
}
.akengage-comment-properties {
	background: #fff;
}
.akengage-comment-item {
    background: #fff;
    padding: 0.5em ;
    margin-bottom: 1.5em! important;	
}
.akengage-comment-submit-btn {
	background-color: #f7f7f7;
    border-color: #ddd;
    color: #555;
}
button.akengage-comment-reply-btn {
	font-size: .75rem;
    border: none;
    text-decoration: underline;
	color: #224faa;
}
.akengage-comment-hider .btn-primary  {
	background-color: #0d4c89;
	width:100%
}