body {
background: #e8e8e8;
font-family: Open Sans, Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 26px;
color: #101010;
}


html {
height: 100%;
}


.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}


p {margin-bottom: 20px ; margin-top: 20px;}


a{
color:#1C7CB3;
}

a:hover {
outline: none;
text-decoration:underline;
color:#1C7CB3;
}

a:focus {
outline:none;
outline-offset: 0;
text-decoration:none;
color:#1C7CB3;
}

a {
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}


ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, sans-serif;
color: #101010;
font-weight: normal;
}


h1{
font-size: 24px;
margin-bottom: 24px;
}


h2{
font-size: 18px;
margin-top: 55px;
margin-bottom: 20px;
}


h3{
font-size: 15.5px;
font-weight: bold;
margin-bottom: 12px;
}


h4{
font-size: 13px;
}


h5{
font-size: 9px;
}


h6{
font-size: 11px;
}







.overflow{
overflow: hidden;
}

.uppercase{
text-transform: uppercase;
}
  
.align-right{
text-align: right;
}

.inline{
display: inline-block;
}

.padding{
padding: 65px 0;
}

.padding-bottom{
padding-bottom: 65px;
}


.fa-check-square{
font-size: 18px;
margin-bottom: 10px;
margin-right: 7px;
color: #337ab7;
}


.fa-check-square-blue{
font-size: 18px;
margin-bottom: 4px;
margin-right: 7px;
color: #4883b7;
}


sup{
font-size: 14px;
font-weight: bold;
}



/*************************
abstand zwischen erstem und zweitem block auf startseite
**************************/

.padding-top{
padding-top: 40px;
}

.padding-right{
padding-right: 80px;
}

.padding-left{
padding-left: 80px;
}

.margin-bottom{
margin-bottom: 35px;
}



/*************************
*******Header******
**************************/


#header{
  margin-bottom: 0;
  padding: 30px 0 60px 0;
}

#header .navbar-inverse .container{
  position: relative;
}

#header .navbar {
  background: #e8e8e8;
  border: 0;
  margin-bottom: 0;
}

#header .navbar-toggle{
  margin-top: 20px;
}

#header .navbar-brand{
  padding: 0;
  margin-left: 0;
}

#header .navbar-brand h1{
  padding: 0;
  margin: 0;
}

#header .navbar-nav.navbar-right >li:last-child{
  margin-right: 20px;
}


#header .navbar-nav.navbar-right >li a {
  color: #101010;
  font-size: 13px;
  padding: 20px;
  text-transform: uppercase;
  font-weight: bold;
}





/*****  Dropdown menu*****/

ul.sub-menu {
display: none;
list-style: none;
padding: 0;
margin: 0;
}



/******
Folgendes definiert den Text in den Dropdown-Menü-Boxen.   
******/

#header .navbar-nav li ul.sub-menu li a{
color: #101010;
padding: 5px 0;
font-size: 13px;
display: block;
text-transform: none;	
}


#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
color: #606060;
}

.fa-angle-down{
  padding-left: 5px; 
}




/*************************
*******Klickbare Telefonnummer nur auf mobilen Endgeräten******
**************************/


@media only screen (min-width:980px) {

  a.tel { pointer-events:none; cusor:default; text-decoration:none; }

}



/*************************
*******Footer******
**************************/

footer{
background:#353535;
}

#sub-footer{
background:#353535;
}


#footer .navbar-nav.navbar-right >li a {
color: #686868;
font-size: 13px;
padding: 20px;
text-transform: uppercase;
font-weight: 700;
}


ul.link-list {
color: #686868;
font-size: 13px;
padding: 20px;
text-transform: uppercase;
font-weight: bold;
}


footer{
padding:50px 0 0 0;
color:#f8f8f8;
}

footer a {
color:#f8f8f8;
}

footer a:hover {
color:#f8f8f8;
}

footer h1, footer h2, footer h3, footer h4{
color:#f8f8f8;
}

footer address {
line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
text-decoration:none;
}

ul.social-network {
list-style: none;
margin:0;
}

ul.social-network li {
display:inline;
margin: 0 5px;
}

#sub-footer{
text-shadow:none;
color:#f8f8f8;
padding:0;
padding-top:30px;
margin:20px 0 0 0;
}

#sub-footer p{
margin:0;
padding:0;
}

#sub-footer span{
color:#f8f8f8;
}

.copyright {
text-align:left;
font-size:12px;
}

#sub-footer ul.social-network {
float:right;
margin-bottom:20px;
}



/* ===== Widgets ===== */

/* --- flickr --- */
.widget .flickr_badge {
	width:100%;
}
.widget .flickr_badge img { margin: 0 9px 20px 0; }

footer .widget .flickr_badge {
    width: 100%;
}
footer .widget .flickr_badge img {
    margin: 0 9px 20px 0;
}

.flickr_badge img {
    width: 50px;
    height: 50px;
    float: left;
	margin: 0 9px 20px 0;
}


.widgetheading {
	width:100%;
	padding:0;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e8e8e8 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e8e8e8 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;
}


ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
}

ul.link-list li{
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}



/*************************
*******Index Page******
**************************/

.action p{
margin-bottom: 0;
width: 74%;
}

.action .btn-common{
margin-top: 55px;
float: left;
}

#page-breadcrumb h1.margin-bottom{
margin-bottom: 26px;
padding-bottom: 26px;
}



/*****************************
sidebar "mehr über uns" und "kooperationspartner"
*****************************/

.sidebar h3 {
color: #101010;
margin-top: -6px;
margin-bottom: 6px;
padding-bottom: 8px;
}

.sidebar-item{
  margin-bottom: 48px;
}

.sidebar-item .media{
padding-bottom: 12px;
padding-top: 11px;
margin-top: 0;
}





/*****************************
Blog Default
*****************************/

.single-blog.timeline {
  background: #dcdcdc;
  border: 1px solid #646464;
  border-bottom: 0;
  position: relative;
  padding-bottom: 0;
}

.timeline .post-content {
  padding: 20px 20px 0;
}

.post-thumb{
  margin: -1px -1px 0;
  position: relative;
  overflow: hidden;
}

.timeline .post-thumb img {
  width: 100%;
}

.post-thumb iframe{
  width: 100%;
  min-height: 270px;
  border: 0;
}

.post-overlay{
  position: absolute;
  top: 50%;
  display: none;
  width: 94px;
  height: 140px;
  margin-top: -70px;
  overflow: hidden;
}

.post-overlay span{
  position: absolute;
  left: 50%;
  bottom: 0; 
  margin-left: -60px;
  -webkit-animation: fadeInUp 400ms;
  animation: fadeInUp 400ms;
  z-index: 9;
}


.post-overlay span:before{
  position: absolute;
  bottom: 0;
  border-style: solid;
  border-width: 60px;
  content: "";
  border-color: transparent transparent #00FF00 transparent;
  z-index: -1;
  cursor: initial;
}

.post-overlay span a{
  font-size: 30px;
  color: #00ff00;
  background: transparent;
  padding: 0; 
  margin-left: 50px;
}

.single-blog:hover .post-overlay{
  display: block;
  -webkit-animation: fadeIn 300ms;
  animation: fadeIn 300ms;
}

.timeline-divider{
  position: relative;
  padding-top: 50px;
}

.timeline-divider:before{
  position: absolute;
  top: 0;
  content: "";
  border-left-style: solid;
  border-left-width: 1px;
  height: 100%;
  border-left-color: #15a1a6;
  left: 50%;
  margin-left: -2px;
}

.timeline-blog .col-sm-6.padding-top{
  padding-top: 70px;
}

.post-content{
  padding: 20px 0;
}

.timeline-date .btn-common{
  font-size: 18px;
  color: #101010;
  font-weight: 600;
  border-radius: 0;
  padding: 17px 40px;
}


.post-title {
margin-top: 0;
}

.post-title a,
.comments-number a{
color: #1C7CB3;
}

.post-content .post-author{
margin-top: 0;
}

.post-content  .post-author a{
font-weight: normal;
font-size: 14px;
color: #FF0000;
}

a.read-more{
font-weight: normal;
color: #101010;
}

a.read-more:hover{
  color: #606060;
}

.post-bottom{

padding-top: 10px;
margin-top: 20px;
margin: 20px -20px 0;
padding: 20px 20px 0;
}



/*****************************
Blog with right sidebar
*****************************/

.masonery_area .single-blog{}
.masonery_area .single-blog .post-thumb{
height: auto;
}

.masonery_area .single-blog .post-title{
margin-top: 5px;
}

.masonery_area .single-blog .post-title a{
font-size: 20px;
}

.masonery_area .single-blog .post-thumb img{
height:auto;
}

.masonery_area .single-blog .post-bottom{
border-top:0;
padding-top:0;
margin-top:15px;
}



/*****************************
Blog Details
*****************************/

.blog-padding-right{
  padding-right:35px;
}

.navbar-nav.post-nav li{
  margin-right: 60px;
}

.single-blog.blog-details .post-content{
  padding-top: 30px;
}

.single-blog.blog-details .post-bottom{
  margin-top: 55px;
}

.blog-share{
  margin-top: 40px;
  background: #FF0000;
  display: inline-block;
  padding: 2px 0;
}

span.stMainServices,
span.stButton_gradient, 
.stButton .chicklets{
  height:24px !important;
}

.author-profile.padding{
  padding-top:0px;
}

.author-profile .col-sm-2 img{
  width: 100%;
  border-left: 3px solid #FF0000;
}

.author-profile h3{
  margin-top:0;
  color: #FF0000;
}

.author-profile p{
  color: #FF0000;
  font-weight: 400;
}

.author-profile span a{
  color: #FF0000;
}

.response-area{
  border-bottom: 0;
}

.response-area h2{
font-weight: normal;
margin-top: 0;  
margin-bottom: 0;
border-bottom: 0;
padding-bottom: 20px;
}

.post-comment{
  padding-left: 70px;
  padding-top: 36px;
  border-top: 1px solid #FF0000;
}

.post-comment .pull-left img{
  margin-right: 60px;
  border-left: 3px solid #FF0000;
}

.post-comment .media-body{
  padding-top: 6px;
  border-bottom: 0;
  padding-bottom: 50px;
}

.post-comment .media-body p{
  margin-top:10px;
}

.post-comment .media-body span i{
  color: #FF0000;
  margin-right: 10px;
}

.post-comment .media-body span a{
  color: #FF0000;
  font-weight: 700;
}

.post-comment .media-body .post-nav li a{
  font-weight: 300;
}

.parrent .media-list{
  margin-left: 190px;
}

.parrent .post-comment{
  padding-left: 0;
  margin-left: 70px;
}