/*!
 * Biofrankfurt
 * Copyright green bits media 
 * 
 * braun: #90420E;
 * leicht braun: #F2E8E2;
 * dunkelgrau: #636467;
 */

/* Global Styles */
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../Fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../Fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



.max-container {
  max-width: 1366px;
  margin:0px auto;
  background-color:#fff;
  box-shadow: 10px 0px 10px -7px #D9D9D9, -10px 0px 10px -7px #D9D9D9;
  position:relative;
  overflow:hidden;
}

#start {
  margin-top:-100px;
  padding-top:100px;
}


.csc-sitemap ul ul ul {
display:none;
}

html,body {
    height: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    background-color:#F1F1F1;
    
}

.maincontent {
 background-image: url("../Images/back_footer.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size:100%;
}
/*
.h1, h1 {
margin-bottom:30px;
}
*/

.h1, h1, .carousel-caption h2 {
    font-size: 30px;
    font-weight:bold;
    text-transform:uppercase;      
    padding-bottom:15px;
    margin-top: 30px;
    margin-bottom:15px;
    border-bottom: 2px solid #96BD0D;
    color:#636467;
} 

h2.csc-firstHeader {
margin-top: 0px;
}

.h2, h2 {
    font-size: 22px;
    font-weight:bold;           
    padding-bottom:5px;
    margin-top: 25px;
    margin-bottom:5px;
    color:#636467;
}

.h3, h3,.h4, h4  {
    font-size: 16px;
    font-weight:bold;
    margin-top: 10px; 
    margin-bottom:0px; 
}



.container {
  max-width:960px;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

/* Trenner */
 hr { 
 border: 0; 
 height: 2px; 
 background: #9DC21C;
 margin:40px 0;
 }
 
 hr.abschluss {
 margin:20px 0px 120px 0px; 
 }
 
 hr.style-one { 
 border: 0; 
 height: 1px; 
 background: #333; 
 background-image: linear-gradient(to right, #ccc, #333, #ccc); 
 }

.no-subline {
  border-bottom: none;
}

.center {
  text-align:center;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.rounded {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.img-responsive {
  width: 100%;
  max-width: 100%; 
  height: auto; 
  display:block;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Animation Links */
a {
	-webkit-transition: all .6s ease 0s;
	-o-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
  color: #90420E;
}
a:hover{
	text-decoration: none;
	-webkit-transition: all .6s ease 0s;
	-o-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
  color:#622f05;
}

a:active {
  color:#622f05;
}

/* Bilder */

/* Absolute Positionierung Bildunterschrift
figure{
  position: relative;
}

figure img {
  display: block;
}

figcaption {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: black;
  color: white;
  opacity: 0.5;
}

*/

/* Fixed navigation */
.no-list-style{
  padding: 0;
  list-style: none;
}

.social-fixed {
  position: fixed;
  top: 480px; 
  right: 0;
  text-align: right;
  z-index: 50;
  width:200px;
  height:auto;
}

.social-fixed ul li a {
  background: #B3B2B2 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  margin-bottom: 3px;
  margin-right: -158px;
  padding: 10px 10px 10px 12px;
  width: 200px;
  text-align:left;
}
.social-fixed ul li a:hover {
  margin-right: 0;
}

.social-fixed ul li a:hover {
  background: #90420E;
}

.social-fixed ul li:first-child a:hover{
  background: #90420E; 
}

.social-fixed ul li:first-child a {
  border-radius: 5px 0 0 0;
}
.social-fixed ul li:last-child a {
  border-radius: 0 0 0 5px;
}
.social-fixed ul li a img {
  margin-right: 10px;
}

/* Inhaltselemente */

.shadow-left-right {
    box-shadow: 10px 0px 10px -7px #333, -10px 0px 10px -7px #333;
}

/*box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];*/
.shadow-bottom {   
  -webkit-box-shadow:0px 2px 1px #EDEEEA;
 -moz-box-shadow:0px 2px 1px #EDEEEA;  
 box-shadow:0px 2px 1px #EDEEEA;
}


.fullpic {
   position: relative;
   display: block;
   margin: 40px 0px;
}

.fullpiccaptioncontainer {
  position: absolute;
  top: 0;
  width: 100%;
  height:100%;  
} 

.fullpiccaption{
  width: 350px;
  padding:20px;
  height:auto;
  background: rgba(154, 168, 74, 0.7); 
  color: #fff;
  margin-top:40px;
}
.fullpiccaption a {
color:#fff;
}

.fullpiccaption h2 {
  color:#fff;
  margin-top:0px;
} 

/* Farbige Boxen */
.box {
  position: relative;
  padding-top: 50%;
  width: 100%;
}

.box:before {
  content: "";
  display: block;
  padding-top: 50%;
}

.box .inner {
  bottom: 0;
  left: 0;
  position: absolute;
  padding:30px;
  right: 0;
  top: 0;
} 

.brown {
  background-color:#9A5425;
  color: #fff;
}

.brown a {
 color:#fff;
}

.brown h3 {
  color:#fff;
  border-bottom: 2px solid #fff;
}

/* Home Page Carousel */ 
.bogen img{
  position:absolute;
  width:100%;
  z-index:40;
  bottom: 0;
/*  display:none; */
}

.carousel-control.left,.carousel-control.right {
    background-image: none;
} 

.carousel-indicators {
    bottom: 10%;
}

/*Gr��e Pfeile Carousel */
.carousel-control .icon-next, .carousel-control .icon-prev  {
    font-size: 50px;
    font-family: sans-serif;
}

.carousel-caption {
    position: absolute;
    padding:15px;
    left: 0;
    top: 15%;
    width: 100%;
    height:auto;
    bottom:auto;
    z-index: 10000;
    text-align:left;   
  
    text-shadow: none;

}

.carousel-caption a {
color:#fff;
}
 
.carousel-caption h2 {         
    color:#fff;
    text-shadow: none;
}

.carousel-caption .inner-caption {
    color: #fff;
   /* text-shadow: 0 1px 2px rgba(0,0,0,.6);   */
    background: rgba(122, 139, 35, 0.7); 
    width:400px;
    padding:10px 15px;
} 

header#slider{
  height:78%;
  height:550px;
  
  width:100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
} 

header {
  margin-bottom:40px;
}

/* Owl Slider */    

#owlslider .item img {
    display: block;
    width: 100%;
    height: auto;
}

/* Allgemein g�ltige �berschrift */
.tx-owl-slider {
  position:relative;
}

.tx-owl-slider .caption {
  position:absolute;
  top:50px;
  left:50px;
  z-index:100;
  width: 350px;
  padding: 20px;
  height: auto;
  background: rgba(154, 168, 74, 0.7);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.owl-item .item div {
  display:none;
  position:absolute;
  top:50px;
  left:50px;
  width: 350px;
  padding: 20px;
  height: auto;
  background: rgba(154, 168, 74, 0.7);
  color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tx-owl-slider  h2 {
    color: #fff;
    margin-top: 0px;
}

.tx-owl-slider a {
  color:#fff;
}

/* Logo */ 
a.navbar-brand img{
  background: #fff none repeat scroll 0 0;
  border-radius: 0 0 10px 10px;
  display: inline-block;
  padding: 10px;
}

/* Navigation */  
/* */
    ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}  

#bs-example-navbar-collapse-1 {
margin-right:-15px;
}

.navbar-default {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
   text-transform:uppercase;
  color: #90420E;
  font-size: 16px;
}

 .navbar-nav > li > .dropdown-menu {
      background-color: #E4E3DC;
      margin-top:0px;
      padding: 0px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
    }
    
     .dropdown-menu > li:last-child {
      border-bottom: 0px solid #90420E;
    }
    
    .dropdown-menu > li > a {
        padding: 3px 20px;
        line-height: 25px;
        color: #90420E;
        font-size:15px;
    }
    
     .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        background-color: #DDD4BF;
        color: #90420E;  
    }
    
     .dropdown-menu > li:first-child > a:focus, .dropdown-menu > li:first-child > a:hover {
        border-top-left-radius: 10px;
      border-top-right-radius: 10px; 
    }
    
     .dropdown-menu > li:last-child > a:focus, .dropdown-menu > li:last-child > a:hover {
        border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; 
    }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #90420E;
    background-color: #F2E8E2;;
}  




/* Main Content */

.maincontent a {
  font-weight:bold;
}


/* Extensions */


.tx-indexedsearch-info {
display:none;
}

/* News */


.news-list-container {
    margin: 15px 0px;
}


#news1active,#news2active,#news3active,#news4active,#news5active,#news6active {
    display:none;
}

.news:hover #news1active ,.news:hover #news2active, .news:hover #news3active,.news:hover #news4active ,.news:hover #news5active, .news:hover #news6active  {
    display:block;
}

.news:hover #news1,.news:hover #news2,.news:hover #news3,.news:hover #news4,.news:hover #news5,.news:hover #news6  {
    display:none;
}

.news h3 {
    font-size: 1.1em;
    line-height:1.3em;
}


.news-amenu-container ul{
margin-left: 0px;
padding-left: 0px;
}

.news-amenu-container ul li {
display:inline;
padding: 0px 5px;
}

.news-list-container .item {
    margin: 15px 0px;
}

.newsevents-menu-view{
    border-bottom: 2px solid #96BD0D;
    padding-bottom:1em;
    margin-bottom:2em;
}


.news .teaser-text {
    font-weight:bold;
    padding-top:1em;
}

.news-related {
    width: 100%;
    padding: unset;
    border: 0px solid #eee;
    display: block;
}


/* Calendar */

.tx-cal-controller .pagebrowser {
text-align:center;
width:90%;
margin: 10px 0px;
}

.tx-cal-controller .pages {
display:block;
}

.cal-sheet {
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background-color:#9EC31D;     
  margin:auto;
  display: flex;
  align-items: center; 
   background-image: url("../Images/icons/cal-sheet.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:55%;
}

.cal-month {
  margin:5px auto 0px auto;
  color:#fff;
  font-size:30px;
}

#content .tx-cal-controller .item .category a{
 background-image:none;
 display:inline;
 padding-left:0;
}

#content .tx-cal-controller .item .category{
 font-size:12px;
 padding: 5px 0 5px 0;
}

#content .tx-cal-controller h2{
 margin-top:0px;
 padding-top:5px;
}

 .tx-cal-controller .pagebrowser span{
 margin-right:5px;
 }
 
.tx-cal-controller #calendar-event {
line-height:18px;
}

.tx-cal-controller #calendar-event p {
  margin-bottom: 10px;
}

.tx-cal-controller #calendar-event .cal_time {
  margin: 15px 0 0 0;
}

#box_news .tx-cal-controller .calendaritem{
 padding-bottom: 10px;
}  

.tx-cal-controller  dl {
  border-bottom: 1px solid #ccc;
}
.tx-cal-controller .event {
  padding: 20px 0px 10px 0px;
  border-top: 1px solid #ccc; 
} 

.tx-cal-controller dt.event  {
    font-weight: normal;
}

/*************************** Kalender Aktionswoche *********************/





.aktionswocheitem{
	font-size:12px;
	padding: 20px 0 20px 0;
	width:450px;
	line-height:16px;
	border-bottom: 	1px solid #80cc4e;
	
}

.aktionswocheitem .head{
	font-weight:bold;
}


.user-green-pi1 .event {
  border-bottom: 1px solid #ccc;
  margin-bottom:30px;
  padding-bottom: 15px;
}

.Tx-Formhandler table {
    border: 0px solid #b0b0b0;
}

.Tx-Formhandler td {
    border-left: 0px solid #cfcfcf;
}

.tx-sf-filecollection-gallery .row {
padding-bottom:15px;
}

.tx-sf-filecollection-gallery h3 {
margin-top:0px;
padding-top:0px;
}

.tx-photo-competition figure {
    position: relative;
    float: left;
    margin-bottom:15px;
}

.tx-photo-competition figcaption {
    bottom: 0;
    margin:0;
    padding: 10px 5px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
    background: rgba(122, 139, 35, 0.7);
}


/* Footer Styles */

.footer {
    margin-top: 50px;
    height:120px; 
    text-align:center;
    color: #90420E;
}

.footer ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.footer ul li {
  display: inline-block;
}

.footer ul li a {
  border-right: 1px solid #90420E;
  display: inline-block;
  line-height: 1;
  padding: 0 10px;
  font-weight:normal;
}
.footer ul li a:hover {
  color: #622f05;
}
.footer ul li:last-child a {
  border-right: 0 solid #90420E;
  padding-right: 0;
}