@font-face {
    font-family: 'Biondi Sans';
    src: url('/media/templates/site/cassiopeia_spectennis/fonts/Biondi/BiondiSans-Regular.woff2') format('woff2'),
        url('/media/templates/site/cassiopeia_spectennis/fonts/Biondi/BiondiSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

	h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: 'book antiqua', palatino, serif;
   font-weight: normal;
	font-style: normal;
   
}
.textbox h2 {
	margin-bottom:1.5rem;
}
.com-content-category-blog__items.blog-items.items-leading p {
	color:rgba(54,54,54,.7);
	word-spacing:5px;
	font-size:1.2rem;
	font-weight:400;
}
.nav {
	font-weight:bold;
}
body {
	color:rgba(54, 54, 54, 0.698);
	}


	.textbox p {
	color:rgba(54, 54, 54, .7);
}
.container-topbar {
	position:absolute;
	right:10px;
	top:0px;
	background:transparent;
	width:110px;
	z-index:2000;
	
}
.mod-menu .nav-item.item-129 a  {
	
    border-radius: 5px;
    background-color: #ef801b;
	font-size:12px !important;
	font-weight:normal;
	padding:2px 5px;
	color:#fff !important;
}
.mod-menu .nav-item.item-129 a:hover  {
	background-color: #ffa500;
}


.mod-menu .nav-item.item-129::after {
	height:0;
}

h2.teaser {
	font-size:3rem;
}
h2.seitentitel {
	font-family: 'book antiqua', palatino, serif;
	font-size:3rem;
	color: #c89b64;
	text-align:center;
}
h3  {
	font-family: 'book antiqua', palatino, serif;
	color: #c89b64;
	text-transform:uppercase;
	font-size:1.4rem;	
}
.com-content-category-blog__items.blog-items.items-leading h3 {
	color:#000;
	text-transform:none;
	font-size:2rem;
}

.com-content-article__body {
	text-align:center;
}
	
 
 html, body , footer.footer{
	 background-color:#faf5f0;
 }
 footer.footer{
	 background-color:#faf5f0;
	 background-image:none;
 }
  footer.footer hr {
	  color:#ccc;
  }
 footer #mod-custom112 {
	 width:100%;
	 text-align:center;	 
 }
 #mod-custom111  {
	 width:100%;
	 height:20vh;
 }
/* Header */
.container-header .navbar-brand {
    text-align: center;
    width: 100%;
}

.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
	color:rgba(54, 54, 54, 0.698);
	text-transform:uppercase;
	font-size:.9rem;
}
.itemid-101 .container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
	color:#FFF;
	text-transform:uppercase;
}

.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    background: #000;
    left: 0;
    right: 2px;
}

.itemid-101 .container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    background: #fff;
    left: 0;
    right: 2px;
}
    .container-header .mod-menu {
        justify-content: center;
		width:100%;
        flex-direction: row;
        flex: 1;
        display: flex;
    }
    .container-header .mod-menu>li:after {
        content: "";
        opacity: .2;
        background: 0 0;
        height: 2px;
        margin: auto;
        transition: all .2s, background-color .2s;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
    }	
	  .container-header .mod-menu>li+li {
        margin-left: 1.55em;
    }
	.grid-child.logo {
		border-bottom:1px solid rgba(54, 54, 54, 0.698);
	}
	
	.itemid-101 .grid-child.logo {
		border-bottom:1px solid white;
	}
	.container-header {
		z-index: 10;
		background-color: transparent;
		background-image: none;
		background-position:bottom;
		background-repeat:repeat-x;
		position: relative;
   
}
 .itemid-101 .container-header {
		z-index: 10;
		background-color: transparent;
		background-image: url(../../../../../images/headers/header_bg.png);
		background-position:bottom;
		background-repeat:repeat-x;
		position: relative;
	   
	}
.container-bgtop {
	width:100%;
	background-image:url(../../../../../images/headers/bg_body.jpg);
	background-size: cover;
	background-position:top center;
	margin-top:-142px;
	padding-bottom: 142px;
	
}
/*body.itemid-101 {
 background: url(../../../../../images/headers/bg_body.jpg) top left no-repeat;
 background-size:100%;
 background-position:top center;	
}*/
/* Teaser */
.teaser {
	text-align:center;
	color:#fff;
	margin-top:40vh;
	
}

/* Content  */
.com-content-category-blog__items.blog-items.items-leading {
	text-align:center;
	color:#000;
	margin:3em 0 5em 0;
	font-weight:bold;
}
.container.bildlinks, .container.bildrechts {
	position:relative;
}
.container.textbox {
	 color:#000;
	
	 }
.container.bildlinks .row .bildbox, .container.bildrechts .row .bildbox {
	margin-top: 5em;
	}
.container.bildlinks .row .textbox {
	position:absolute;
	padding:2em;	
	right:0;
	 background:url(../../../../../images/headers/bg_box.png)top left repeat;
	color:#000;
	z-index:2000;
	line-height:1.5rem;
}
.container.bildrechts .row .textbox {
	position:absolute;
	padding:2em;	
	line-height:1.5rem;
	 background:url(../../../../../images/headers/bg_box.png)top left repeat;
	color:#000;
	z-index:2000;
}


.com-content-category-blog__item.blog-item {
	margin-bottom:2em;
}
.com-content-category-blog.blog ul li {
	list-style-type:disc;	
}
.com-content-category-blog.blog ul li::marker {

color: #ef801b;
}
.btn-more {
	--btn-padding-x: .5rem;
    --btn-padding-y: .3rem;
    --btn-color: #ef801b;
    --btn-bg: transparent;
    --btn-border-color: #ef801b;
    --btn-hover-color: #fff;
    --btn-hover-bg: #ef801b;
    --btn-hover-border-color: #ef801b;
    --btn-focus-shadow-rgb: 186, 122, 38;
    --btn-active-color: #fff;
    --btn-active-bg: #ef801b;
    --btn-active-border-color: #824a00;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #ad6200;
    --btn-disabled-border-color: #ad6200;
	text-transform:uppercase;
	border-radius:0;
}
.responsive-video {
    position: relative; 
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}
.itemid-102 ul {
	list-style:none;
	
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Fussnavigation */

.footer .mod-menu, .footer .mod-menu li  {
	display:inline;
	color:rgba(54, 54, 54, 0.698);
	padding:0 1rem;
	text-transform:uppercase;
	font-size:.9rem;
}
.nav-item.item-128.divider {
	display:none;
}
.nav-item.item-128.divider span {
	display:none;
}


@media (max-width: 991.98px) { 
h2.teaser {
	font-size:2rem;
}
.container.bildlinks {
    text-align: center;
	margin-left:0;
	margin-right:0;
}
.container.bildrechts {
    text-align: center;
	margin-left:0;
	margin-right:0;
}
.container.bildlinks .row .textbox {
	position:relative;
	 padding: 1em;
    right: 0;
}
.container.bildrechts .row .textbox {
	position:relative;
	 padding: 1em;
    right: 0;
}
.container.bildlinks .row .bildbox, .container.bildrechts .row .bildbox {
    margin-top:0;
	background:#FFF;
	padding-top:8px;
}
.container.bildrechts .bildbox.offset-md-4 {
margin-left:0;	
}
.com-content-category-blog.blog .item-content {
	justify-items: center;
}
.com-content-category-blog.blog ul li {
	list-style:none;	
}

 }
 @media (max-width: 767.98px) { 
.container.bildrechts .bildbox.offset-md-4 {
margin-left:0;	
}
.nav-item.item-128.divider {
	display:block;
}

@media (max-width: 636px) { 
.container-topbar {
	
	top:-30px;
	
}

}