body {
font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: normal;	
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
     font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

ul {
list-style-type:square;	
}

.container-header .grid-child {
	padding:0 .5rem;
	
}
.grid-child, .grid-child.container-component{
	max-width:1200px;
	
}
.site-grid {
	margin-top:5rem;
}
body.itemid-101 .site-grid {
	margin-top:0;
}
.container.portrait {
	max-width:1200px;
}
.blog-items {
	padding:1em;
}
.blog-items strong.grau {
	color:#444;
}
h2.titel {
	color: #000;
    padding: 10px;
   border-bottom:1px solid #000;
  
	text-shadow: 1px 1px 1px #ccc	;
}
h2.accordion-header .accordion-button {
	font-weight: 700;
	font-size:1.2rem;
}

.container-header {
    background-color:#000;
    background-image: none;
    -webkit-box-shadow: inset 0 5px 5px rgb(0 0 0 / 3%);
    box-shadow: inset 0 5px 5px rgb(0 0 0 / 3%);
    position: relative;
    z-index: 10;
}
.grid-child.container-nav.mynav { width:auto;}
.praemienbox .left.item-image img { float:none; height:auto; width:200px;}
.container-header .mod-menu {
   justify-content: center;
}
.border-pic {
	border-radius:5px;
}
/* Teaser */
.slider .teaser {
position:relative;
}


.teaser .bigpic {
width:100%;	
}
.slider .teaser .insidetitel {
position:absolute;
left:0;
bottom:15rem;
background:url(../../../../../images/slider/bg_text.png) top left repeat;
padding:2rem;
max-width:800px;
}
.slider .teaser {
    position: relative;
	margin-bottom:-5rem;
}
/*Navigation*/
.metismenu.mod-menu .mm-collapse {
	background-color:#000;
	
}
.metismenu-item.level-2.current.active, .metismenu-item.level-2.current.active a {
	color:#000;
	background-color:#cfaf4a;
	text-decoration:none;
}

.metismenu.mod-menu .mm-collapse a{
	color:#FFF;
	background-color:#000;
	text-decoration:none;
	
}
.metismenu-item.level-2:hover, .metismenu-item.level-2:hover a, .metismenu-item.level-2:hover a:hover {
	background-color:#cfaf4a;
	color:#000;
	text-decoration:none;
}


/*Frontblog */

.frontbox h3 {
color:#444;	
}
.btn-secondary {
	background-color:#ccc;
	border:none;
}

.frontbox .blog-item {
	border:1px solid #ccc;
	border-radius:5px;
	padding:1rem;
	background-color:#efefef;
}
.com-content-category-blog__item.blog-item {
	position:relative;
	padding-bottom:5rem;
}
.com-content-category-blog__item.blog-item .readmore {
	position:absolute;
	bottom:5px;
}
/* Buttons   */
.btn-secondary {
	background-color:#000;
	color:#FFF;
}
.btn-secondary:hover, .btn-secondary:focus {
    color: #ccc;
    background-color: #444;
}


/* Detail Seite*/
.item-pagedetailblog img {
	width:100%;
}



/* Footer */
footer.footer {
	background-color:#000;
	background-image:none;
	margin-top:0;
	
}
.grid-child-subfooter {
	margin-top:3rem;
	background-color:#efefef;
	padding:2em 0;
	color:#000;
}

/*Form*/
.btn-primary {
	background-color:#000;
	color:#fff;
	border:none;
	
}
.btn-primary:hover {
	background-color:#444;
	color:#ccc;
	border:none;
	
}



/* Breakpoints */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	
	
	 }
	 
@media (max-width: 576px) {


}	 

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
	
	}
@media (max-width: 768px) {

.navbar-nav.navbar-footer {
	display:block;
	text-align:center;
	
}
	
 .slider .teaser .insidetitel {
    position: relative;
	left:0;
	bottom:0;
     padding: 2rem;
    
}
 .slider .teaser .insidetitel h2 {
	 margin-top:1em;
   font-size:18px;
   text-align:center;
   color:#cfaf4a;
    
}	
 .slider .teaser .insidetitel h3 {
   font-size:12px;
    margin-top:-20px;
	/*word-wrap: break-word;*/
	text-align:center;
    
}	
.container.portrait {
	text-align:center;
	}	
	
.container-header .navbar-brand {
    margin: auto;
    width: 100%;
    text-align: center;
	z-index:2000;
	
}
.grid-child.container-nav.mynav {
    width: 100%;
    position: absolute;
}
.slider .teaser .insidetitel {
    position: relative;
	left:unset;
	bottom:unset;
     padding: .2rem;
	 width:100%;
    
}
 
.blog-items strong.grau {
	color:#444;
	text-align:center;
}
.col-sm-12.frontcol {
	margin-top:2em;
	
}
.container.portrait .col-sm-5.col-md-6 {
	margin-bottom:2em;
}

/* Hamburger*/

.container-header .navbar-collapse.show {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
	background-color:#cfaf4a;
	margin:20px 0 0 -19px
}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992.97px) {
	 .slider .teaser .insidetitel {
    position: relative;
	left:2rem;
	bottom:15rem;
     padding: 2rem;
    
}


 }
 
 @media (max-width: 993px) {
	
	.container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 70px;
	z-index:3000;

 } 


 }
 @media (max-width: 980px) {
.slider .teaser {
    position: relative;
    margin-bottom: 0;
}	
	

}
@media (max-width: 1180px) {
	.row .col-sm-12 {
 text-align:center;
 margin-top:2em;
}
	
}
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.h3, h3 {
    font-size: 1rem;
}
.slider .teaser .insidetitel {
    position: relative;
	left:2rem;
	bottom:20rem;
     padding: 2rem;
    
}

	}
	
	@media (min-width: 1380px) {
	
.slider .teaser .insidetitel {
    position: relative;
	left:2rem;
	bottom:10rem;
     padding: 2rem;
	 max-width:800px;
    
}
	}


/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
	
.slider .teaser .insidetitel {
    position: relative;
	left:2rem;
	bottom:30rem;
     padding: 2rem;
	 max-width:800px;
    
}
	}