body { font-size: 72%;


 }
 
	
p { 
font-size: 1em;
}

@media screen and (min-width: 960px){
body{ font-size: 100%; }

}

   .h2_kl {
  font-size:1.2em;
  line-height:130%;
  }

h5 { 
  color:#fff;
  font-size:1.0em;
  background-color:#740000;
  text-align:center;
  }

p {
  font-size:1.0em;
  line-height:110%;
  }

#breadcrumb li a {
  color: #239c02;
  display: inline-block;
  padding: 0;
}


#breadcrumb  a:link {
  font-size:1.0em;
  color: #239c02;
  display: inline-block;
  padding: 0;
}  
#breadcrumb  a:visited{
  font-size:1.0em;
  color: #239c02;
  display: inline-block;
  padding: 0;
}  


#breadcrumb  a:active{
  font-size:1.0em;
  text-decoration:underline;
  color: #C8EB00;
  display: inline-block;
  padding: 0;
  background-color:#000;
}  
 #breadcrumb  a:hover{
  font-size:1.0em;
  text-decoration:underline;
  color: #C8EB00;
  display: inline-block;
  padding: 0;
  background-color:#000;
}   

}
.breadcrumb, .breadcrumb-current, .breadcrumb li {
background-color:#fff;
}


 /* --------------------- J51 Carousell Collum 1 + II ----------------------------------*/
          
		  
#divbox_carousell_container_collum_1 {
    width:100%;
	height:400px;
  }
  
  #divbox_carousell_inbox_collum_1 {
    position:absolute;
    left:12.3%;
    right:12%;
    bottom:0px;
    width:75.3%;
	height:100%;
  }
  
  #divbox_carousell_header_collum_1 {
    width:100%;
    position:absolute;
    left:0px;
    bottom:80px;   
	background-color: #ffffff;    
  }
  
  #divbox_carousell_footer_collum_1 {
    text-align:center;
    width:100%;
    height:80px;
	background-color: #ffffff;
    position:absolute;
    left:0px;
    bottom:0px;
  }
  
  .p_divbox_carousell_container_collum_1 {
    font-size:1.2em;
    line-height:1.2em;
    color:#740000;
  }


  	.datum_collum_1 {
	font-size:2em;
  }
 /* --------------------- J51 Carousell Collum 2 ----------------------------------*/
 

#divbox_carousell_container_collum_2 {

    width:100%;
	height:400px;
  }
  
  #divbox_carousell_inbox_collum_2 {
    position:relative;
    left:10%;
    right:10%;
    bottom:0px;
    width:75.3%;
	height:400px;
  }
  
  #divbox_carousell_header_collum_2 {
    width:75.3%;
    position:absolute;
    left:12.3%;
    right:12.3%;
    bottom:80px;   
	background-color: rgba(255, 255, 255, 0.0);
  }
  
  #divbox_carousell_footer_collum_2 {
    text-align:right;
    width:75.3%;
    height:80px;
    position:absolute;
    left:12.3%;
    right:12.3%;
    bottom:0px;
	background-color: rgba(255, 255, 255, 1);
  }
  
  .p_divbox_carousell_container_collum_2 {
    font-size:1.2em;
    line-height:1.2em;
    color:#740000;
  }

   /* --------------------- J51 Carousell Collum 3 ----------------------------------*/
 

#divbox_carousell_container_collum_3 {

    width:100%;
	height:400px;
  }
  
  #divbox_carousell_inbox_collum_3 {
    position:relative;
    left:10%;
    right:10%;
    bottom:0px;
    width:75.3%;
	height:400px;
  }
  
  #divbox_carousell_header_collum_3 {
	text-align:center;
    width:75.3%;
    position:absolute;
    left:12.3%;
    right:12.3%;
    bottom:30px;   
	background-color: rgba(255, 255, 255, 1.0);
  }
  
  #divbox_carousell_footer_collum_3 {
    text-align:right;
    width:75.3%;
    height:50px;
    position:absolute;
    left:12.3%;
    right:12.3%;
    bottom:0px;
	background-color: rgba(255, 255, 255, 1);
  }
  
  .p_divbox_carousell_container_collum_3 {
    font-size:1.2em;
    line-height:1.2em;
    color:#740000;
  }
	a.antenne:link, a.antenne:visited  {
      font-size:1.1em;
	  color:#74000;
	  text-decoration:underline;
  }
	a.antenne:hover, a.antenne:active { 
      font-size:1.1em;
	  color:#000;
	  text-decoration:underline;
  } 

 
 

  /* ------------------  CSS Startseite --------------- */  
  
hr { 
  border: 0; 
  height: 2px; 
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 0.75), rgba(255, 0, 0, 0));
  }
  
  
  
/* ------------------ grosse Div Box---------------- */
.img_gr {
  width:100%;
  }

.divbox_gr {
  float:left; 
  width:57%;
  margin:6px;
  padding:3px;
  }
.divbox_gr:hover {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  background-color:#efefef;
  float:left;
  width:57%;
  }
#divpic_gr {
  width:100%;   
  }  
#divheadline_gr {
  width:100%; 
  text-align:center;
  }
#divfooter_gr {
  width:100%; 
  text-align:right;
  } 
 
/* ------------------ kleine Div Box---------------- */  
.img_kl {
  width:100%;
  }

.divbox_kl {
  float:left;  
  width:37%;
  margin:6px;
  padding:3px;
  }
.divbox_kl:hover {
  -moz-box-shadow: 0 0 10px #ccc; 
  -webkit-box-shadow: 0 0 10px #ccc; 
  box-shadow: 0 0 10px #ccc;
  background-color:#efefef;
  float:left;
  width:37%;
  }
#divpic_kl {
  width:100%;
  }  
#divheadline_kl {
  width:100%;
  text-align:center;
  }
#divfooter_kl {
  width:100%;
  text-align:right;
  } 
  
   /* ------------------  CSS Impressum --------------- */

  
#div_text_impressum {
  padding:10px 0px 0px 0px;
  }  

#divbox_impressum {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  float:left; 
  margin:6px;
  padding:3px;
  width:48%;
  }
  
  #headline_impressum {
  font-size:1.1em;
  line-height:120%;
  background-color:#740000;
  color:#fff;
  text-align:center;
  }
  
  #haftungsausschluss {
  width:100%;
  }
  
  
 /* ------------------  CSS Spenden --------------- */
 
  

  #div_paypal {
  padding:10px 0px 0px 0px;
  text-align:center;
  }
#div_text_spenden {
  padding:10px 0px 0px 0px;
  }  

#divbox_spenden {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  float:left; 
  margin:6px;
  padding:3px;
  width:47%;
  }
  
  #headline_spenden {
  font-size:1.1em;
  line-height:120%;
  background-color:#740000;
  color:#fff;
  text-align:center;
  }
  
  /* ------------------  CSS Patenschaft --------------- */
 
  

  

#div_text_patenschaft {
  padding:10px 0px 0px 0px;
  float:left;
  }  

#divbox_patenschaft {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  float:left; 
  margin:6px;
  padding:3px;
  width:47%;
  }
  

  
 /* ------------------  CSS menue  --------------- */
 
.is-sticky #container_header {
    transform: translateY(0px) !important;
} 

.logo {
  display: inline-block;
  padding: 10px 20px;
  background-color:#780000;
  border: 3px 0px 3px 0px solid #ffffff;
}

    #divbox_wersindwir_1 { 
            float:left;
            width:45%;
            margin:10px;
            font-size:12pt;
    }
    
    #divbox_wersindwir_2 {            
           float:left;
            width:45%;
            margin:10px;
            font-size:12pt;
    }


/* --------------------- ----------- ----------------------------------*/
.is-sticky #container_header {
    transform: translateY(0px) !important;
} 
.logo {
  display: inline-block;
  padding: 10px 20px;
  background-color:#780000;
  border: 3px 0px 3px 0px solid #ffffff;
}
    #divbox_wersindwir_1 { 
            float:left;
            width:45%;
            margin:10px;
            font-size:12pt;
    }
    
    
    #divbox_wersindwir_2 {            
           float:left;
            width:45%;
            margin:10px;
            font-size:12pt;
    }

.bfett
{
font-size:12pt;
font-weight:bold;
color:#7a0000;
}


#feld_container_news01{
width:200px;
position:absolute;
float:left;

border: 3px dashed #F00;
	padding: 0px;
        position: absolute;
        left: 15%;
        top: -150px;

background-color:#fff;
text-align:center;
Z-index:1;
}


#feld_container{
width:200px;
position:relative;
float:left;
margin: 10px 10px 10px 30px;
background-color:#fff;
text-align:center;

}
#feld_container_bild {
   margin: 0px 0px 0px 0px;

 text-align:center;
 }
#feld_container_beschreibung{
text-align:center;
}

#feld_container_verweis {
text-align:center;
}

#feld_container_content{
margin: 3px;
text-align:center;
}

.spend_container{


margin: 20px 0px 30px 40px;
position:relative;
float:left;
}
.spend1 {
float: left; width: 45%; height: 100%;  border-right: 1px solid #999999; padding: 0px 25px 0px 0px; margin: 0px ;
 }
.spend2{
float: left; width: 45%; height: 100%;  padding: 0px 25px 0px 0px; margin: 0px 30px 0px 20px; 
}

h1 
{ 
font-size:2.2em;
font-weight: bold;
color: #7a0000;

}
.h1_colum2{
color: #ffffff;}

h2 
{ 
font-size:1.7em;
font-weight: bold;
color: #7a0000;
}
h3 
{ 
font-size:1.5em;
font-weight: bold;
color: #7a0000;
}

.container 
{
width:200px;
height:200px;
margin: 20px 0px 30px 20px;
position:relative;
float:left;
}

.text 
{
padding-top: 5px;
}



.blo {
width:500px;
}

.container .textbox 
{

color:#fff;
width:200px;
height:200px;
position:absolute;
border-radius:0px;
background-color: rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);
box-shadow: 0px 0px 15px 2px rgba(255,255,255,.75);

}

.container .textbox 
{
top:0px;
left:0px;
}

.container:hover .textbox 
{
-webkit-transform: scale(1);
transform: scale(1);
}

.textbox 
{
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}




.container .textbox2 
{

color:#fff;
width:200px;
height:200px;
position:absolute;
border-radius:0px;
background-color: rgba(0,0,0,0.75);


}

.container .textbox2 
{
top:0px;
left:200px;
}

.container:hover .textbox2 
{
width:500px;
height:400px;
-webkit-transform: scale(1);
transform: scale(1);
z-index:1;
}

.textbox2 
{
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}


colum_div_parent {
width:100%;
height:250px;
text-align:center;
margin:0px;
}

#colum2_div_01, #colum2_div_02, #colum3_div_01, #colum3_div_02 {
float:left;
color:#ffffff;
}

#colum2_div_01 {

padding:20px;
width:20%;
height:250px;
text-align:left;
background-color: rgba(160, 16, 0, 0.7);
}

#colum2_div_02 {
position: absolute; 
height: auto; 
bottom: 0px; 
right:0px; 
background-color: rgba(160, 16, 0, 0.7);
}

#colum3_div_01 {
 padding:20px;
 width:20%; 
 height:250px; 
 text-align:left;
 background-color: rgba(50, 50, 160, 0.7);
}

#colum3_div_02 {
position: absolute; 
height: auto; 
bottom: 0px; 
right:0px; 
background-color: rgba(50, 50, 160, 0.7);
}



/* ---------------------------- CSS Bewohner Übersicht ------------- */

#divbox_bewohner {
	-moz-box-shadow: 0 0 20px #ccc; 
	-webkit-box-shadow: 0 0 20px #ccc; 
	box-shadow: 0 0 20px #ccc;
	float: left; 
	width: 160px; 
	height: 200px; 
	padding: 5px; 
	margin: 20px; 
	text-align: center;
}

	a.bewohner_uebersicht:link, a.bewohner_uebersicht:visited  {
	  font-family: impact,sans-serif;
      font-size:1.1em;
	  color:#74000;
	  text-decoration:underline;
  }
	a.bewohner_uebersicht:hover, a.bewohner_uebersicht:active { 
	  font-family: impact,sans-serif;
      font-size:1.1em;
	  color:#000;
	  text-decoration:underline;
  } 

  
  
  
  /* ------------------ Responsive ---------------------------- */

@media only screen and (max-width: 768px){
	
h5 { 
  color:#fff;
  font-size:1.4em;
  background-color:#740000;
  text-align:center;
  }

p {
  font-size:1.2em;
  line-height:110%;
  }
  
  hr { 
  border: 0; 
  height: 2px; 
  background-image: linear-gradient(to right, rgba(0, 0, 255, 0), rgba(0, 0, 255, 0.75), rgba(0, 0, 255, 0));
  display:none;}
  
  	a:link, a:visited  {
      font-size:1.5em;
	  color:#74000;
	  text-decoration:underline;
  }
	a:hover, a:active { 
      font-size:1.5em;
	  color:#000;
	  text-decoration:underline;
  } 
  
  
   
.divbox_gr {
  float:left; 
  width:100%;
  margin:0px;
  padding:3px;
  }
.divbox_gr:hover {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  background-color:#efefef;
  float:left;
  width:100%;
  }
  .divbox_kl {
  float:left;  
  width:100%;
  margin:6px;
  padding:3px;
  }
.divbox_kl:hover {
  -moz-box-shadow: 0 0 10px #ccc; 
  -webkit-box-shadow: 0 0 10px #ccc; 
  box-shadow: 0 0 10px #ccc;
  background-color:#efefef;
  float:left;
  width:100%;
  }
	
	
	#breadcrumb, #breadcrumb-list, #breadcrumb li   {
	background-color:none; height:240px; width:100%;margin:0px; padding:0px;	 
	}
	 
	#divbox_carousell_container_collum_1 {
    width:100%;
	
  }
	#divbox_carousell_inbox_collum_1 {
    width:100%;
	height:240px;
	position:relative;
    left:0%;
    right:0%;
	top:0px;
  }
	#divbox_carousell_header_collum_1 {
    width:100%;
	position:absolute;
	top:0px;
  }
  
	#divbox_carousell_footer_collum_1 {
    text-align:center;
    width:100%;
    height:120px;
	position:absolute;
	top:120px;

  } 
  
  
	#divbox_carousell_container_collum_2 {
    width:100%;
	left:0px;
  }
	#divbox_carousell_inbox_collum_2 {
    width:100%;
	height:200px;
	position:relative;
    left:0%;
    right:0%;
	top:0px;
  }
  
	#divbox_carousell_header_collum_2 {
    width:100%;
	left:0px;
	position:absolute;
	top:0px;

  }
  
	#divbox_carousell_footer_collum_2 {
    text-align:center;
    width:100%;
    height:120px;
	position:absolute;
	top:120px;
	left:0px;
  }	
  
	#divbox_carousell_container_collum_3 {
    width:100%;
	left:0px;
  }
	#divbox_carousell_inbox_collum_3 {
			background-color:#fff;
    width:100%;
	height:200px;
	position:relative;
    left:0%;
    right:0%;
	top:0px;
  }
  
	#divbox_carousell_header_collum_3 {
    width:100%;
	left:0px;
	position:absolute;
	top:0px;

  }
  
	#divbox_carousell_footer_collum_3 {
    text-align:center;

    width:100%;
    height:120px;
	position:absolute;
	top:120px;
	left:0px;
  }	
    #colum_div_parent {
    width:100%;
	text-align:center;
	margin:0px;
	height:100%;
	}
	#colum2_div_01 {
	padding:5px;
	width:100%;

	text-align:left;
	color:#ffffff;
	background-color: rgba(160, 16, 0, 0.7);

	}	
	#colum2_div_02 {
	height: auto; 
	background-color: rgba(160, 16, 0, 0.7);
	}
	#colum3_div_01 {
 	padding:5px;
 	width:100%; 
 	text-align:left;
 	background-color: rgba(50, 50, 160, 0.7);
	}
	#colum3_div_02 {
	height: auto; 
	background-color: rgba(50, 50, 160, 0.7);
}

  #divbox_spenden {
  -moz-box-shadow: 0 0 5px #ccc; 
  -webkit-box-shadow: 0 0 5px #ccc; 
  box-shadow: 0 0 5px #ccc;
  margin:6px;
  padding:3px;
  width:100%;
  }
  
        #divbox_wersindwir_1 { 
            float:left;
            width:100%;
            margin:10px;
            font-size:12pt;
    }
    
    
    #divbox_wersindwir_2 {            
           float:left;
            width:100%;
            margin:10px;
            font-size:12pt;
    }
  
      #divbox_wersindwir_1 { 
            float:left;
            width:100%;
            margin:10px;
            font-size:12pt;
    }
    
    #divbox_wersindwir_2 {            
           float:left;
            width:100%;
            margin:10px;
            font-size:12pt;
    }
   
    #divbox_patenschaft {
  -moz-box-shadow: 0 0 20px #ccc; 
  -webkit-box-shadow: 0 0 20px #ccc; 
  box-shadow: 0 0 20px #ccc;
  float:left; 
  margin:6px;
  padding:3px;
  width:100%;
  }
  
  .h2_kl {
  font-size:1.8em;
  line-height:130%;
  }
  
  #divbox_impressum {
  -moz-box-shadow: 0 0 10px #ccc; 
  -webkit-box-shadow: 0 0 10px #ccc; 
  box-shadow: 0 0 10px #ccc;

  float:left; 
  margin:6px;
  padding:3px;
  width:100%;
  }
  
  
  
  
  
 }