body  { height: 100%; font-family: 'Source Sans Pro', sans-serif; font-size: 16px; letter-spacing: 0.02em;  line-height: 180%; color: #888;  font-weight: 400; } 
html { height: 100%; }  

h1 { font-size: 28px; }
.cycle-slideshow img { max-width: 1200px; width: 100%; height: auto }

.cycle-pager span { font-size: 40px; width: 16px; height: 16px; display: inline-block; color: #ddd; cursor: pointer; }
span.cycle-pager-active { color: #999; } 
#pauser { width: 35%; padding: 20px; margin: auto; text-align: center; } 
.cycle-paused:after { content: 'angehalten'; color: white; background: #aaa; padding: 5px; z-index: 500; position: absolute; top: 6px; right: 6px; 
    border-radius: 3px; opacity: .5; filter: alpha(opacity=50); }

.top-image { width: 100%; }
.title-1 {  font-family:'Times New Roman',Times,serif; font-size: 36px; letter-spacing: 0.02em;  }
.text { font-size: 14px; }
.page-block { min-height: 100%; }
.portrait { max-width: 180px; max-height: 180px; width: auto; border: 1px solid #eee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.back-3 { background-image: url(../img/bf_partner-3.jpg); background-repeat: none; background-position: top left; background-size: cover; }
.back-highligh-1 { background: rgba(255,255,255, 0.6);  }
.back-4 { background-image: url(../img/bf_partner-6.jpg); background-repeat: none; background-position: top left; background-size: cover; }
.contact-image { width: 100%;  border: 1px solid #eee; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;  }
.white { color: #fff; }
.image-container { position:relative; }
.caption-1 { width:100%; background:rgba(255,255,255,0.4); color:#eee; position:absolute; top:60%; height: 90px; padding-left: 20px; padding-top: 25px; font-size: 36px; font-family:'Times New Roman',Times,serif; letter-spacing: 0.05em; }
@media only screen and (max-width : 800px) {
	.caption-1 { visibility: hidden; }
}
.top-logo { height: 30px; width: auto; margin-top: 10px;  }
.top-logo-link { padding: 0px !important; }
.footer { background-color: #666; }
.zitat { font-size: 28px; }
.navbar { background-color: #fff; }
@media only screen and (min-width : 768px) and (max-width : 1000px) {
 	.navbar-left { width: 500px; }
}
.ref-block { background-color: rgba(255,255,255,0.2); padding: 10px; border: 1px solid #111; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.text-compact { font-size: 14px; letter-spacing: 0.01em;  line-height: 150%; font-weight: 300} 

div {
    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}