/*******************layout oben ***********************/

.container-header{
    background-color:#fff;
    background-image:none;
	width: 100%;
    height:50px;
    position:sticky !important;
  	opacity:0.9;
    -webkit-box-shadow: 4px 4px 20px grey;
 	-moz-box-shadow: 4px 4px 20px grey;
 	box-shadow: 4px 4px 20px grey;
}

.container-header .container-nav .container-search{margin: 0 0 0.5em 0}

.logo {width:50%;height:auto;}

#mod-custom110 > p:nth-child(1){margin:0;}



/******************* menu ***********************/

.container-header .container-nav nav{margin-top:0;padding:0;}

.container-header .container-nav {
  margin:0;
  padding-bottom: 0em;

}

.container-header .mod-menu {
  color: #fff;
}
.container-header .navbar-toggler {
  color: #000;
  border: none;
}
.container-header .navbar-collapse.show {background: #fff;}


.container-header .mod-menu{color:#444;}

.container-header .container-nav nav {
  margin: 0;
  padding: 0;

}

.metismenu.mod-menu .metismenu-item{color:#fff;background:#000;}




/*******************layout trennung ***********************/

#trennung{float:left;width:100%;}

#mod-custom114, #mod-custom117, 
#mod-custom125,#mod-custom126{
  width:100%;
  background:#444;
  float:left;
  padding:2rem;
}

#mod-custom114 p, #mod-custom117 p, 
#mod-custom125 p,#mod-custom126 p{
  color:#DDD;
  font-size:2rem;}


/*******************layout inhalt ***********************/

.container-top-a {border-bottom:0;}


.contact-name{display:none;}

.container-bottom-b{
  padding:0;
  border-top:1px solid #333;

}

h1 {font-size:2rem;font-weight:normal;color:#013999;}

h6{letter-spacing:3px;}

p{font-size:1rem;}

.boxed .blog-item {
  box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 #fff;
  background-color: #fff;
}



/******************* bilder ***********************/

.bilder{
	float:left;
	margin:0 2% 1% 0;
	border:1px solid #D7D7D7;
	padding:3px;
}

.left.item-image{margin:auto;}

.cicss.item-image{
    margin:auto;
	padding:5% 3%;
  	border-left:1px solid #ddd;
  	border-top:1px solid #ddd;
  	border-right:1px solid #222;
  	border-bottom:1px solid #222;

}



/******************* akkordeon ***********************/

.accordion-button{
  background-image: linear-gradient(42deg, #444, transparent);
  color:#fff;
  
}

.accordion-button:not(.collapsed){
  background:#7f4e2c57;
}

.accordion{margin-bottom:15px;}

/******************* fonts ***********************/

@font-face {
    font-family: 'Forum-Regular';
    src: url('../fonts/Forum-Regular.woff2') format('woff2'),
	      url('../fonts/Forum-Regular.woff') format('woff'),
          url('../fonts/Forum-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Buda-Light';
    src: url('../fonts/Buda-Light.woff2') format('woff2'),
	      url('../fonts/Buda-Light.woff') format('woff'),
          url('../fonts/Buda-Light.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PoiretOne-Regular';
    src: url('../fonts/PoiretOne-Regular.woff2') format('woff2'),
	      url('../fonts/PoiretOne-Regular.woff') format('woff'),
          url('../fonts/PoiretOne-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}


/*******************layout schriften ***********************/

h1{
   color: #555;
   font-size:2.5rem;
   font-family: 'Forum-Regular', Tahoma, Geneva, sans-serif;
   text-decoration: none;
   font-weight:bold;
}

h2{
  color: #7f4e2c;
  font-size:2rem;
  font-family: 'Forum-Regular', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  font-weight:bold;
  
}



h3{
  color: #26B5E5;
  font-size:2rem;
  font-family: 'Buda-Light', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  
}

p{
  color: #444;
  font-size:1.3rem;
  font-family: 'Buda-Light', Tahoma, Geneva, sans-serif;
  text-decoration: none;
  
}
#mod-custom122 p{
   color: #000;
  font-size:4rem;
  font-family: 'PoiretOne-Regular', Tahoma, Geneva, sans-serif;
  text-decoration: none;
}

#mod-custom123 p{
  color: #e5c000;
  font-size:4rem;
  font-family: 'PoiretOne-Regular', Tahoma, Geneva, sans-serif;
  text-decoration: none;
}

figcaption {
  font-size: .9em;
  text-align: center;
  color: #444;
  font-family: 'Buda-Light', Tahoma, Geneva, sans-serif;
  text-decoration: none;
}

/*******************layout kasten ***********************/

#kasten{float:left;width:100%;margin:0;padding:0;height:auto;}

#mod-custom121,#mod-custom122{padding:2rem;height:400px;}
#mod-custom121{width:100%;background-position:center;background-size:cover;float:left;}
#mod-custom122{width:100%;background:#888;float:right;}

.kasten-2{float:left;width:100%;height:auto;}

#mod-custom123,#mod-custom124{padding:2rem;height:400px;}
#mod-custom123{width:100%;background:#666;float:left;}
#mod-custom124{width:100%;background-position:center;background-size:cover;float:right;}

/*******************layout footer ***********************/

#mod-custom116 {
  width:100%;
  height:auto;
  float:left;
  padding:2rem 1rem 0rem 1rem;
}
#mod-custom118 {
  width:100%;
  height:auto;
  float:left;
  padding:0rem 3rem;
} 
#mod-custom120 {
  width:100%;
  height:auto;
  float:left;
  padding:0rem 1rem 2rem 1rem;
} 

.footer{
  background-color:#444;
  background-image:none;
  margin:0;
}

.footer p{color:#ddd;}

.footer p, footer a{font-size:1.1rem;letter-spacing:1pt;}

.back-to-top-link{background:#ddd;color:#7f4e2c;}

#back-top{background:#ddd;color:#7f4e2c;border:1px solid #444;}

/************************** mediapoints 768 ******************************************/

@media screen and (min-width:768px) {
  
/****layout footer **************/
  
#mod-custom116, #mod-custom118, #mod-custom120{width:33%;} 

#mod-custom116{margin:2% 0;}
#mod-custom118, #mod-custom120 {margin:5% 0;} 
  
  
/****layout trenner **************/

#mod-custom114, #mod-custom117, 
#mod-custom125,#mod-custom126{width:25%;}
  
#mod-custom114 p, #mod-custom117 p, #mod-custom125 p,#mod-custom126 p{font-size:1.1rem;}
  
/****layout kasten **************/
  
#mod-custom121{width:30%;background-position:center;background-size:cover;float:right;}
#mod-custom122{width:70%;background:#888;float:left;}
  
#mod-custom123{width:70%;background:#666;float:right;}
#mod-custom124{width:30%;background-position:center;background-size:cover;float:left;}
  
#mod-custom122 p, #mod-custom123 p{padding-top:10%}
   
}

/************************** mediapoints 1024 ******************************************/

@media screen and (min-width:1024px) {
  
/****layout kasten **************/
  
#mod-custom114 p, #mod-custom117 p, 
#mod-custom125 p,#mod-custom126 p{
  font-size:1.2rem;}

p{font-size:1.5rem;}
  
.container-header{height:70px;}

.logo{width:80%;height:auto;margin:1% 10%;}
  
.metismenu.mod-menu {margin:1%;}

.metismenu.mod-menu .metismenu-item{color:#000;background:#fff;}

}

/************************** mediapoints 1280 ******************************************/

@media screen and (min-width:1280px) {
  

p{font-size:1.7rem;}
  
.container-header{height:80px;}

.logo{width:90%;height:auto;margin:2% 15%;}

#mod-custom116{margin:2% 0;}
#mod-custom118{margin:3% 0;}
#mod-custom120 {margin:5% 0;}
}