/***** DATENSCHUTZ *****/

.datenschutz h1{font-size: 22px; font-weight: 800; margin-top:20px;}

.datenschutz h3{font-size: 18px; margin-top:20px; font-weight: 800;}

.datenschutz strong{font-size: 16px; font-weight: 800;}

.datenschutz p {font-size: 14px;}

.datenschutz ul li{font-size:14px; margin-left: 20px;}

/***** GENERAL STYLES *****/

body{ -webkit-font-smoothing: antialiased; }
#main-container{ overflow: hidden; }
input{ -webkit-appearance: none; }
input:focus{ outline: none; }
.nopad{ padding: 0px; }
.offix{ overflow: hidden; }
.pad-normal{ padding-top: 66px; padding-bottom: 66px; }
.pad-large{ padding-top: 99px; padding-bottom: 121px; }
.pad-large-top{ padding-top: 99px; }

.pad-large-bottom{ padding-bottom: 99px; }
.pad-top{ padding-top: 33px; }
.pad-bottom{ padding-bottom: 66px; }
.pad-impressum{ padding-bottom: 33px; padding-top: 66px; }
.pad-copy{ padding-bottom: 33px; padding-top: 33px; }
::selection {color:#fff;background:#008755;}
::-moz-selection {color:#fff;background:#008755;}

#loader{ position: absolute; width: 100%; height: 100%; background-color: #fff; z-index: 20000; padding-top: 250px; }
#progress-bar{ 
	height: 10px; background-color: #222; 
	-webkit-transition: all .5s; 
	transition: all .5s; 
	-moz-transition: all .5s;
	width: 0px;
}

.highlight-bg{ background: #008755; }
.highlight-text{ color: #008755; }
.highlight-border{ border-color: #008755 !important;  }

.btn{ cursor: pointer; border: 2px solid #fff; display: inline-block; border: 2px solid #fff; border-radius: 3px; padding: 20px 33px 20px 33px; text-align: center; text-transform: uppercase; letter-spacing: 1px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }
.btn:hover{ background: #fff; color: #008755; }

.page-title{ margin-bottom: 44px; font-weight: normal; }
.attention{ border-bottom: 1px solid; padding-bottom: 4px; }
.text-link{ position: relative; transition: all .2s ease; }
.text-link .arrow_right{ position: relative; left: 0px; transition: all .2s ease; }
.text-link:hover .arrow_right{ left: 5px; }
.icon_heart{ color: #ff1717; }



/*** TYPOG ***/

.text-white{ color: #fff; }
.reg-weight{ font-weight: normal; }
.icon{ display: inline-block; -webkit-backface-visibility: hidden; }

/***** NAVIGATION *****/

#navigation{ position: absolute; top: 0px; width: 100%; z-index: 99; transition: .3s ease; opacity: 1; max-height: 92px; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; overflow: hidden; }
.logo{ max-width: 315px; padding: 16px 0px; }
.hide-nav{ top: -300px; }
.sticky-nav{ position: fixed !important; background: #008755 !important; top: 0px;  }
.inner-nav{ position: absolute !important; background: #008755 !important; top: 0px;  }
.open-nav{ max-height: 800px !important; }
.mobile-toggle{ display: none; position: absolute; top: 20px; right: 20px; }


#menu{ list-style: none; overflow: hidden; display: inline-block; margin-top: 36px; }
#menu li{ float: left; margin-right: 5px; color: #fff; font-size: 13px; font-weight: bold; letter-spacing: 1.2px; text-transform: uppercase; }
#menu li a{ color: #fff; }
#menu li:last-child{ margin-right: 1px; }
.info-box { margin: 0 0 40px; line-height: 30px; font-size:20px; }
a:hover, a:focus { color: #fff; }

/***** HOME SECTION *****/

#home-slider .slides li{ height: 700px; background-position-x: 0px !important; position: relative; background-size: cover !important; }
.slide-overlay{ position: absolute; width: 100%; height: 100%; background: #008755; opacity: 0.8; z-index: 2; top: 0px; transition: all 1.5s ease; }
.slide-content{ position: relative; z-index: 3; transition: all .3s ease-out; opacity: 1; top: 0px; }


.slide-content h1{ font-weight: 300; font-size: 62px; margin-bottom: 22px; line-height: 1.2; }
.slide-content .btn{ margin-top: 22px; }
.bg-cover{ background-size: cover !important; }
.btn-down {
    text-transform: uppercase;
    display: block;
    height: 90px;
    background: url(../img/btn_down.png) center bottom no-repeat;
}
.start-button{ display:block;position:absolute; left: 50%; bottom:20px;z-index: 3; }
.wead { font-style: italic; font-size:30px; }
/***** ABOUT SECTION *****/

#about-intro{ background: #fefefe; }


.large-feature{ margin-top: 66px; margin-left: 36px; }
.large-feature i{  margin-bottom: 22px; width:110px; height:110px; }
.large-feature i.icon_jugend { background: url(../img/icon_jugend.png) center bottom no-repeat; }
.large-feature i.icon_schutz { background: url(../img/icon_schutz.png) center bottom no-repeat; }
.large-feature i.icon_rettung { background: url(../img/icon_rettung.png) center bottom no-repeat; }

.large-feature h4{ margin-bottom: 70px; height:50px; }
.stiftung-info { font-size:25px; line-height:40px; margin-bottom:40px; }
.stiftung-ititle { font-size:25px; }
.stiftung-info strong,.stiftung-ititle { color: #0B0B0B; }



/***** DIVIDER SECTIONS *****/

.left-divider:before{ 
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,0.97) 26%, rgba(255,255,255,0.65) 42%, rgba(255,255,255,0) 74%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(255,255,255,1)), color-stop(26%,rgba(255,255,255,0.97)), color-stop(42%,rgba(255,255,255,0.65)), color-stop(74%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.97) 26%,rgba(255,255,255,0.65) 42%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.97) 26%,rgba(255,255,255,0.65) 42%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.97) 26%,rgba(255,255,255,0.65) 42%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,0.97) 26%,rgba(255,255,255,0.65) 42%,rgba(255,255,255,0) 74%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
}

.right-divider:before{ 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 6%, rgba(255,255,255,0) 38%, rgba(255,255,255,0.14) 43%, rgba(255,255,255,0.93) 71%, rgba(255,255,255,0.99) 81%, rgba(255,255,255,1) 83%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(6%,rgba(255,255,255,0)), color-stop(38%,rgba(255,255,255,0)), color-stop(43%,rgba(255,255,255,0.14)), color-stop(71%,rgba(255,255,255,0.93)), color-stop(81%,rgba(255,255,255,0.99)), color-stop(83%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.14) 43%,rgba(255,255,255,0.93) 71%,rgba(255,255,255,0.99) 81%,rgba(255,255,255,1) 83%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.14) 43%,rgba(255,255,255,0.93) 71%,rgba(255,255,255,0.99) 81%,rgba(255,255,255,1) 83%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 6%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.14) 43%,rgba(255,255,255,0.93) 71%,rgba(255,255,255,0.99) 81%,rgba(255,255,255,1) 83%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 6%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.14) 43%,rgba(255,255,255,0.93) 71%,rgba(255,255,255,0.99) 81%,rgba(255,255,255,1) 83%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
}

.text-divider{ position: relative; background-size: cover !important; background-attachment: fixed !important; }
.text-divider p{ margin-top: 44px; }

.action-divider{ padding-top: 66px; padding-bottom: 66px; }
.action-divider h3{ padding-top: 10px; }
.action-divider a{ color: #4e98e8; }



#projects{ position: relative; background-size: cover !important; 	}
#projects:before{
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.27) 30%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0.67)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.27) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

		position: absolute;
		content: '';
		width: 100%;
		height: 100%;

}

/***** SERVICES SECTION *****/

#services{ position: relative; background-size: cover !important; 	}
#services:before{
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.67) 30%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(255,255,255,0.67)), color-stop(45%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.67) 30%,rgba(255,255,255,1) 45%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

		position: absolute;
		content: '';
		width: 100%;
		height: 100%;

}

.service{ width: 50%; float: left; padding-right: 15px; margin-bottom: 33px; }
.service-icon{ width: 16%; font-size: 32px; color: #444; }
.service-text{ width: 84%; }
.service-text h4{ margin-bottom: 11px; }
.service p{ margin-top: 0px; }
.info-box-btn {
    line-height:59px;
    font-size: 20px;
    float:left;
}
.btn-right {
    background: url("../img/btn_right.png") no-repeat scroll center bottom;
    float:right;
    height: 59px;
    width: 59px; 
    margin: 0 0 0 20px;    
}

/***** CONTACT *****/

#contact{ background: #f8f8f8; position: relative; }
#contact .service{ width: 100%; }

.contact-icon{ display: inline-block; border: 1px solid; width: 80px; height: 80px; border-radius: 50%; text-align: center; padding-top: 18px; font-size: 40px; margin-bottom: 22px;	  }
.contact-content{ position: relative; z-index: 2; }
.contact-content:before{ content: ''; position: absolute; width: 100%; height: 100%; background: #f8f8f8; opacity: 0.7; }
.contact-content .btn{ margin: 44px 0px; border: none; letter-spacing: 0px; }

.contact-methods a{ margin-right: 11px; font-size: 14px;}
.contact-methods a:last-child{ margin-rigth: 0px; }

.info-box.anschrift {
    background: url(../img/icon_home.png) top left no-repeat;
    padding: 0 0 30px 120px;
}
.info-box.lange {
    background: url(../img/icon_email.png) top left no-repeat;
    padding: 0 0 30px 120px;
}
.info-box.pdf {
    background: url(../img/pdf_icon.png) top left no-repeat;
    padding: 10px 0 40px 150px;
}
a {
    color: #008755;
    line-height: inherit;
    text-decoration: none;
}
a:hover {
    color: #008755;   
    text-decoration: underline;
}
a.text-white:hover {
    color: #fff;  
    text-decoration: none;    
}

#footer{ background: #fff; }
#footer .icon_heart{ margin: 0px 6px; }

.facebook{ background-color: #3c5a99; }
.twitter{ background-color: #55acee; }
.dribbble{ background-color: #d9608e; }
.google-plus{ background-color: #cc5947; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.icon_mobile_nav {
    display:block;
    width:35px;
    height:35px;
   
    background: url(../img/icon_mobile_menu.png) top left no-repeat;
}
.start-button-mobile { display:none; margin-top: 40px; }