fhtml,body {height:100%;}
*{
  margin:0;
  padding:0;
}
body
{
font-family: 'Open Sans', sans-serif;
background-color:#ffffff;
color: #726277;

}
@media (max-width:1000px) 
{
	body{font-size:1.4em;}
}
@media (min-width:1001px) 
{
	body{font-size:1.4em;width:100%;}
}
/********************************************************/
/*********MENU****************************************/
.navbar-default
{
display:block;
border:0px;
box-shadow:0px 0px 0px #ffffff;
margin-top: 45px;
}
.nav > li > a {
    display: block;
    padding: 5px 5px;
    position: relative;
	text-transform: uppercase; 
	font-size:1.0em;
}
@media (min-width:768px){
ul.nav li.dropdown:hover ul.dropdown-menu{
	display: block;
	margin-top:0px
}
}
.navbar-default .navbar-nav > .open > a ,
.navbar-default .navbar-nav > .active > a 
{
background-image:none;
box-shadow: none;
}
/********************************************************/
h1
{
text-transform: uppercase; 
color: #bb69b5;
max-width:800px;
padding:10px 0px 20px 0px;
}
@media (max-width:600px)
{
h1{font-size:1.4em;}
}
h3
{
color: #999999;
}
#wegegemeinsam
{
position:absolute;
top: 15%;
left: 0%;
width: 50%;
padding: 0px;
margin-left: 15%;

z-index:999;
}
#wegegemeinsam h1
{
text-transform: uppercase; 
color: #ffffff;
font-weight:bold;
font-size:5.5em;
}
@media (max-width:800px) and (min-width:601px)
{
#wegegemeinsam 
	{
	top:30px;
	margin-left:100px;
	}
#wegegemeinsam h1
	{
	font-size:4.5em;
	}
}
@media (max-width:600px) and (min-width:401px)
{
#wegegemeinsam 
	{
	top:0px;
	margin-left:50px;
	}
	#wegegemeinsam h1
	{
	font-size:5.0em;
	}
}

@media (max-width:400px) and (min-width:201px)
{
#wegegemeinsam 
	{
	top:0px;
	margin-left:50px;
	}
#wegegemeinsam h1
	{
	font-size:3.5em;
	}
}
strong,b, bold
{
color: #726277;
}
/*************************************************************/
/*****I N H A L T S B E R E I C H E **************************/
/*************************************************************/
.container
{
background-color:#ffffff;
width:100%;
}
.ccontainer
{
display:block;
width:100%;
padding:30px 0px 30px 0px;

} 
.inner-container
{
display: block;
margin-left: auto;
margin-right: auto;
overflow:hidden;
}
@media (min-width:1020px) 
{
.inner-container
{
width: 1000px;

}
}

@media (max-width:1019px) 
{
	.inner-container
{
width:100%;

	padding:0px 20px 0px 20px;
} 

}
@media (max-width:768px) 
{

	.footer
	{
	padding:0px 0px 0px 0px;
	}
	
}

div.id17 
{
background-image:url(./images/bg_wege.png) ;
background-repeat: no-repeat;
background-position:center bottom;
background-size: cover; 
}
div.id18 
{
background-image:url(./images/bg_zeit.png) ;
background-repeat: no-repeat;
background-position:center top;
background-size: cover; 
}

.ccontainer ul
{
color: #726277;
letter-spacing: nor mal;
line-height: normal;
margin-left: 0.5em;
margin-right: 0;
padding-left: 1.3em;
padding-right: 0;
list-style-type: disc;
}

.ccontainer >.tinymcewysiwyg ul li
{
margin-top: 0.5em;
}
.div_bg_weiss
{
background-color:#ffffff;
}

.div_bg_violett
{
background-color: rgba(248, 245, 239, 1);
}
.div_bg_dunkelviolett
{
background-color: rgba(248, 245, 239, 1);
padding-top:5px;
padding-bottom:5px;
}
/*****************************************************/
/****************H E A D E R**************************/
/*****************************************************/
#normalheader12
{
padding:20px 0px 10px 20px;
vertical-align:bottom;
display:none;visibility: hidden;
}
#normalheader12 .first
{width:240px;float:left;}

#normalheader12 .second
{float:left;padding-top:30px;}

#normalheader12 .third
{width:290px;float:left;}

#normalheader8
{
display:none;visibility: hidden;padding:15px;
float:left;width:100%;
}
#normalheader8 .first
{display:block;width:50%;text-align:right;float:left;}

#second
{
display:block;
background-color:white;

}
#second .navbar-default
{
margin-top:0px;

}

#normalheader8 .third
{width:50%;text-align:right;display:block;float:left;}

#normalheader8 .third img
{
float:right;
}


#mobileheader1
{
display:none;
visibility: hidden;
text-align:left;
height:120px;
}
#mobileheader1 img
{
float:left;
}

#mobileheader1 
{
width:100%; text-align:center;
}
#mobileheader1 img
{padding-left:30px;padding-top:20px;}

@media (min-width:1250px){#normalheader12{background-color:white;width:100%;z-index:12000;display:block;visibility: visible;position:fixed;top:0px;}#normalheader8,#second{display:none;visibility: hidden;}body{margin-top:144px;}}
@media (max-width:1249px) and (min-width:611px){#normalheader8{display:block;visibility: visible;}#normalheader12{display:none;visibility: hidden;} body{margin-top:0px;}#second{display:block;visibility:visible;}}
@media (max-width:610px)  {#mobileheader1{display:block;visibility: visible;}#normalheader8{display:none;visibility: hidden;}}
/***@media (max-width:879px){ #mobileheader1,#mobileheader2{display:block;visibility: visible;} }****/
/*****************************************************/
/*******************F O O T E R***********************/
/*****************************************************/
.footerlogos
{
display:none;
visibility:hidden;
width:100%;
background-color:white;
text-align:center;
}
.footerlogos img
{
 display:block;
    margin:auto;
	
}
.footer{
color:white;
background-color: rgba(160, 143, 166, 1);
z-index:2;
}
.footer  strong{
color:white;
color: #ffffff;
}
#footer_impressum
{
}

.mobilefooter  strong{
color:white;color: #ffffff;
}
#footer12,#footer10 {
position: fixed;
bottom: 0px;
display:none;visibility: hidden;
}
#mobilefooter8, #mobilefooter6 {
display:none;visibility: hidden;
color:white;
background-color: rgba(160, 143, 166, 1);
}

#footer-left
{border-right:1px solid rgba(114, 98, 119, 0.4);overflow:hidden;}

@media (min-width:1053px){ #footer12{display:block;visibility: visible;} #footer10{display:none;visibility: hidden;}#footer-left{padding-left:0px;}#footer_impressum{position:absolute; right:100px;bottom:20px;}}
@media (min-width:701px) and (max-width:1052px){ #footer10{display:block;visibility: visible;}#footer-left,#footer-right{width:50%;} #footer-left{padding-left:0xp;float:left;}#footer-right{float:right;} #footer12{display:none;visibility: hidden;}#footer_impressum{position:absolute; right:50px;bottom:5px;} }
@media (min-width:621px)and (max-width:700px) { #mobilefooter8{display:block;visibility: visible;}#footer-left {padding-left:3px;float:left;margin-right:4%;} #footer-left{display:block;width:48%;}#footer-right{width:48%;float:left;display:block;} #footer10{display:none;visibility: hidden;} #footer_impressum{width:100%;text-align:center;} }
@media (max-width:620px) {  #footerlogos{display:block;visibility: visible;}#footer_impressum{width:100%;text-align:center;color:yellow;} #mobilefooter8{display:block;visibility: visible;}#footer-left,#footer-right{margin:0px auto;text-align:center;width:90%;}#footer-left {padding-left:3px;border-right:0px solid rgba(114, 98, 119, 0.4);} }
/*****************************************************/
/*****O N    T O P*****************************/
/*****************************************************/

#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 10003;
    display: none;
}
 
#back-top a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #33363b;  
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px; 
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}
 
#back-top a:hover {
    text-decoration: none;
    background-color: #555;
}
/*****************************************************/


/*****************************************************/
/***KONTAKTFORM***************************/
/*****************************************************/
#contactform
{
margin-left:18px;
margin-right:18px;
}
.form-group {
    margin-bottom: 0px;
}
textarea#nachricht
{
height:136px;
}
.form-control
{
background-color: rgba(241, 240, 237, 1);
border: 2px solid rgba(255, 255, 255, 1);
color: #726277;
border-radius: 0px;
margin:0px;
}

div.form-group button
{
background-color: rgba(160, 143, 166, 1);
border: 0px;
color: #ffffff;
line-height:34px;
margin-top:3px;
padding:0px 8px 1px 8px;
margin-bottom:20px;
}

/*****************************************************/
#categories_small
{
display:none;
visibility:visible;
  width:90%;
  margin:0 auto;
  margin-bottom:40px;
}
div.quadimages
{
float:left;
}
#categories_small img
{
width:120px;
height:120px;
margin:10px;
align:left;
}

#categories_small img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
} 

#categories{
display:block;
visibility:visible;
  overflow:hidden;
  width:90%;
  margin:0 auto;
  margin-bottom:40px;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories a li {
  position:relative;
  list-style-type:none;
  float:left;
  overflow:hidden;
  visibility:hidden;
  transform: rotate(-60deg) skewY(30deg);
}
#categories li *{
  position:absolute;
  visibility:visible;
}
#categories a li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  transform: skewY(-30deg) rotate(60deg);  
	backface-visibility:hidden;
  
}

/* HEX CONTENT */
#categories  li  img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}

#categories  li img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#categories  li  img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
} 

@media (min-width:1201px) {
  #categories a li{
    width:17.364%; /* = (100-4.5) / 5.5 */
    padding-bottom: 20.05%; /* =  width /0.866 */
  }

  #categories  a:nth-child(10n+6) li, #categories  a:nth-child(10n+7) li, #categories  a:nth-child(10n+8) li, #categories  a:nth-child(10n+9) li, #categories a:nth-child(10n+10) li {
    margin-top: -4.2%;
    margin-bottom: -4.2%;
    transform: translateX(50%) rotate(-60deg) skewY(30deg); 
  }
  #categories   a:nth-child(10n+6):last-child li, #categories   a:nth-child(10n+7):last-child li, #categories  a:nth-child(10n+8):last-child li, #categories   a:nth-child(10n+9):last-child li, #categories  a:nth-child(10n+10):last-child li{
    margin-bottom:0;
  }
  #categories   a:nth-child(10n+6) li{
    margin-left:0.5%;
  }
  #categories a:nth-child(5n+2) li{
    margin-left:1%;
    margin-right:1%;
  }
  #categories  a:nth-child(5n+3) li,#categories   a:nth-child(5n+4) li{
    margin-right:1%;
  }
}


@media (max-width: 1200px) and (min-width:1025px) {
  #categories a li{
    width:21.444%; /* = (100-3.5) / 4.5 */
    padding-bottom: 24.763%; /* =  width /0.866 */
  }
  #categories a:nth-child(8n+5) li, #categories a:nth-child(8n+6) li, #categories a:nth-child(8n+7) li, #categories a:nth-child(8n+8) li {
    margin-top: -5.298%;
    margin-bottom: -5.298%;
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
  }
  #categories a:nth-child(8n+5):last-child li, #categories a:nth-child(8n+6):last-child li, #categories a:nth-child(8n+7):last-child li, #categories a:nth-child(8n+8):last-child li{
    margin-bottom:0;
  }
  #categories a:nth-child(8n+5) li{
    margin-left:0.5%;
  }
  #categories a:nth-child(4n+2) li {
    margin-left:1%;
    margin-right:1%;
  }
  #categories a:nth-child(4n+3) li{
    margin-right:1%;
  }
}
@media (width: 1024px) 
{
#categories_small{display:block;visibility:visible;}#categories{display:none;visibility:hidden;}
}
@media (max-width: 1023px) and (min-width:901px) {
  #categories a li{
    width:21.444%; /* = (100-3.5) / 4.5 */
    padding-bottom: 24.763%; /* =  width /0.866 */
  }
  #categories a:nth-child(8n+5) li, #categories a:nth-child(8n+6) li, #categories a:nth-child(8n+7) li, #categories a:nth-child(8n+8) li {
    margin-top: -5.298%;
    margin-bottom: -5.298%;
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
  }
  #categories a:nth-child(8n+5):last-child li, #categories a:nth-child(8n+6):last-child li, #categories a:nth-child(8n+7):last-child li, #categories a:nth-child(8n+8):last-child li{
    margin-bottom:0;
  }
  #categories a:nth-child(8n+5) li{
    margin-left:0.5%;
  }
  #categories a:nth-child(4n+2) li {
    margin-left:1%;
    margin-right:1%;
  }
  #categories a:nth-child(4n+3) li{
    margin-right:1%;
  }
}

@media (max-width: 900px) and (min-width:769px) {/* statt 601*/
  #categories a li{
    width:27.857%; /* = (100-2.5) / 3.5 */
    padding-bottom: 32.168%; /* =  width /0.866 */
  }
  #categories a:nth-child(6n+4) li, #categories a:nth-child(6n+5) li, #categories a:nth-child(6n+6) li{
    margin-top: -7.322%;
    margin-bottom: -7.322%;
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
  }
  #categories a:nth-child(6n+4):last-child li, #categories a:nth-child(6n+5):last-child li, #categories a:nth-child(6n+6):last-child li{
    margin-bottom:0;
  }
  #categories a:nth-child(6n+4) li{
    margin-left:0.5%;
  }
  #categories a:nth-child(3n+2) li{
    margin-left:1%;
    margin-right:1%;
  }
  #categories{display:block;visibility:visible;}#categories_small{display:none;visibility:hidden;}
}
@media (max-width: 768px) {#categories_small{display:block;visibility:visible;}#categories{display:none;visibility:hidden;}
  #categories a li{
    width:39.4%; /* = (100-1.5) / 2.5 */
    padding-bottom: 45.496%; /* =  width /0.866 */
  }
  #categories a:nth-child(4n+3) li, #categories a:nth-child(4n+4) li{
    margin-top: -10.392%;
    margin-bottom: -10.392%;
    transform: translateX(50%) rotate(-60deg) skewY(30deg);
  }
  #categories a:nth-child(4n+3):last-child li, #categories a:nth-child(4n+4):last-child li{
    margin-bottom:0;
  }
  #categories a:nth-child(4n+3) li{
    margin-left:0.5%;

	}
  #categories a:nth-child(2n+2) li{
    margin-left:1%;
  }
}
/**************************************************************************************/
/*********A K T U E L L E S ***********************************************************/
#news
{
display:block;
width:100%;
}
.newsentry
{
width:100%;
padding-top:25px;
border-top:6px solid rgba(248, 245, 239, 1);
color: #726277;
}
.news_description
{
padding-left:108px;
}
@media (min-width:601px){.news_description{padding-left:108px;} }
@media (max-width:600px){.news_description{padding-left:20px;} }