.osteopathie-themen {text-align:center;padding-bottom: 30px}

.osteopathie-themen-sub{ text-align:center}
.osteopathie-themen-sub h2 { font-size: 130%; padding: 0 20px}


.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
display : block; max-width : 100%;}

@media (max-width:411px) {.row {width: 99%; margin: 0 auto;}}

@media (min-width:770px) {	
.hovereffect, .hovereffect .overlay {width : 100%;height : 100%;overflow : hidden;}
.hovereffect a.info, .hovereffect h2, .hovereffect p{
font-weight : 300;
color : #f1f1f1;
}
.hovereffect {
float : left;
position : relative;
text-align : center;
cursor : default;
}
.hovereffect .overlay {
position : absolute;
top : 0;
left : 0;
opacity : 0;
background-color : rgba(0, 0, 0, 0.5);
transition : all 0.4s ease-in-out;
}
.hovereffect img {
display : block;
position : relative;
transition : all 0.4s linear;
}
.hovereffect h2, .hovereffect p {
text-align : center;
position : relative;
font-size : 17px;
line-height : 26px;
background : rgba(0, 0, 0, 0.6);
transform : translatey(-100px);
transition : all 0.2s ease-in-out;
padding : 60px;
}
.hovereffect a.info {
text-decoration : none;
display : inline-block;
border : #fff solid 1px;
background-color : transparent;
opacity : 0;
transition : all 0.2s ease-in-out;
margin : 50px 0 0;
padding : 7px 14px;
}
.hovereffect a.info:hover {
box-shadow : 0 0 5px #fff;
}
.hovereffect:hover img {
transform : scale(1.2);
}
.hovereffect:hover .overlay {
opacity : 1;
}
.hovereffect:hover a.info, .hovereffect:hover h2, .hovereffect:hover p {
opacity : 1;
transform : translatey(0);
}
.hovereffect:hover a.info {
transition-delay : 0.2s;
}
}


/* Eigene Anpassung Submenu Osteopathie Behandlung */
.inhaltsverzeichnis {
border-bottom: 1px solid #ccc!important;
font-size: 120%;
z-index: 1
}

.inhalt {
border-bottom: 3px solid #2b6502!important;
z-index: 1; background-color:#e8e8e8;
}


.bild {
	background-image:url(../osteopathie/was-ist-osteopathie.jpg);
	background-repeat:no-repeat;display: inline-block; min-height:500px;
}


.inhalt a {
color:#5f9741;
}


.subnavi-behandlung {
font-size: 120%;
line-height: 160%;
padding: 10px 30px 20px 40px;
}


.subnavi-behandlung a {
font-weight:300; 
text-decoration:none;
}

.subnavigation {
font-size: 110%;
line-height: 200%;
padding: 10px 30px 20px 40px;
}

.subnavigation a{
color: #fff!important;
font-weight:500; 
text-decoration:none;
}



.bild-sub {
font-size: 100%!important;
border-left: 1px solid #ccc!important;
padding-left: 16px;
}


.faq-untermenu  {
 list-style: none!important;
line-height: 200%;
}
.untermenu {
    list-style: none!important;
    font-size: 120%;
line-height: 200%;
}
.untermenu  a{
color: #C96;!important;
}
.faq-box  {
background-color: #f8f8f8;
padding: 10px 30px;
border: 1px dotted #ededed;
}
.faq-box a {
	text-decoration:none!important;
}
/* Eigene Anpassung */

@media screen and (max-width:45em) {

.inhaltsverzeichnis {position: relative;}


.subnavi-behandlung {
padding: 30px 10px 30px 30px; 
font-size: 100%;
line-height: 160%;}

.subnavi-behandlung li{padding: 6px 0; }


.subnavigation {
font-size:100%;
line-height: 140%;
}

.subnavigation li{
padding:0 0 16px 0
}


.subnavi-was-ist li {
  padding: 6px 0;
}

.untermenu {
line-height: 200%;
}

.faq-box  {
padding:  20px;

}
}